OPPO Find N2 Flip | OPPO Australia

<!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 Find N2 Flip | OPPO Australia"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/"/> <meta property="og:image" content="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/silk-screen/navigation/find-n2-flip-purple_427_600.png"/> <meta property="og:description" content="OPPO Find N2 Flip is equipped with 3.26‘’ Cover Screen, Industry-Leading Hinge, 44W SUPERVOOC Flash Charge, Hasselblad Camera for Mobile, FlexForm Camera, MariSilicon X Imaging NPU and ColorOS 13. View all features and specifications of OPPO Find N2 Flip."/> <meta property="og:site_name" content="OPPO"/> <meta name="twitter:site" content="@OPPO"/> <meta name="twitter:title" content="OPPO Find N2 Flip | OPPO Australia"/> <meta name="twitter:description" content="OPPO Find N2 Flip is equipped with 3.26‘’ Cover Screen, Industry-Leading Hinge, 44W SUPERVOOC Flash Charge, Hasselblad Camera for Mobile, FlexForm Camera, MariSilicon X Imaging NPU and ColorOS 13. View all features and specifications of OPPO Find N2 Flip."/> <meta imageurl="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/silk-screen/navigation/find-n2-flip-purple_427_600.png" name="twitter:image" content="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/silk-screen/navigation/find-n2-flip-purple_427_600.png"/> <meta content="oppo, phone, oppo mobile, smartphone, find, findn2, find n2, find n2 flip, findn2flip, oppo new phone, latest oppo phone, oppo hasselblad, oppo foldable phone, 44W supervooc, flash charge, oppo flexform, oppo cover screen, findn2 cover screen" name="keywords"/> <title>OPPO Find N2 Flip | OPPO Australia</title> <meta name="description" content="OPPO Find N2 Flip is equipped with 3.26‘’ Cover Screen, Industry-Leading Hinge, 44W SUPERVOOC Flash Charge, Hasselblad Camera for Mobile, FlexForm Camera, MariSilicon X Imaging NPU and ColorOS 13. View all features and specifications of OPPO Find N2 Flip."/> <link rel="canonical" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/"/> <link rel="alternate" hreflang="en-IN" href="https://www.oppo.com/in/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="en-AE" href="https://www.oppo.com/ae/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="en-ZA" href="https://www.oppo.com/za/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="zh-CN" href="https://www.oppo.com/cn/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="el-GR" href="https://www.oppo.com/gr/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="en-MY" href="https://www.oppo.com/my/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="en-AU" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="de-CH" href="https://www.oppo.com/chde/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="en" href="https://www.oppo.com/en/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="es-PE" href="https://www.oppo.com/pe/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="en-NZ" href="https://www.oppo.com/nz/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="pl-PL" href="https://www.oppo.com/pl/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="pt-PT" href="https://www.oppo.com/pt/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="ro-RO" href="https://www.oppo.com/ro/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="en-SG" href="https://www.oppo.com/sg/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="fr-FR" href="https://www.oppo.com/fr/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="vi-VN" href="https://www.oppo.com/vn/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="en-GB" href="https://www.oppo.com/uk/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="km-KH" href="https://www.oppo.com/kh/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="en-KE" href="https://www.oppo.com/ke/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="hr-HR" href="https://www.oppo.com/hr/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="ru-KZ" href="https://www.oppo.com/kz/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="my-MM" href="https://www.oppo.com/mm/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="fr-CH" href="https://www.oppo.com/chfr/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="cs-CZ" href="https://www.oppo.com/cz/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="en-PH" href="https://www.oppo.com/ph/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="ro-MD" href="https://www.oppo.com/md/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="zh-TW" href="https://www.oppo.com/tw/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="sk-SK" href="https://www.oppo.com/sk/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="es-ES" href="https://www.oppo.com/es/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="kk-KZ" href="https://www.oppo.com/kzkk/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="es-MX" href="https://www.oppo.com/mx/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="it-IT" href="https://www.oppo.com/it/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="ru-RU" href="https://www.oppo.com/ru/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="id-ID" href="https://www.oppo.com/id/smartphones/series-find-n/find-n2-flip/"> <link rel="alternate" hreflang="th-TH" href="https://www.oppo.com/th/smartphones/series-find-n/find-n2-flip/">   <script> window.DIGITAL_DATA = { pageInfo: { "pageTitle" : "OPPO Find N2 Flip", "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/coloros14/" 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/coloros14/" 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="OPPO Find N2 Flip">OPPO Find N2 Flip</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"> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/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> <li class="general_param-item"> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/3d/" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="360°"> <svg class="op-icon"> <use xlink:href="#icon-3d"></use> </svg> 360° </a> </li> <li class="general_param-item"> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/premium-service/" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Premium Service"> <svg class="op-icon"> <use xlink:href="#icon-cover-care"></use> </svg> Premium Service </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="OPPO Find N2 Flip" 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="OPPO Find N2 Flip" 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="OPPO Find N2 Flip" 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="OPPO Find N2 Flip"> <div class="product_tab-btn"> <a href="javascript:void(0);" @click="mobPrdToggleShowPop"> <span>OPPO Find N2 Flip</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="OPPO Find N2 Flip" 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="OPPO Find N2 Flip" 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="OPPO Find N2 Flip" 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="OPPO Find N2 Flip">OPPO Find N2 Flip </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"> <a class="navbar-common-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/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> <li class="general_param-item"> <a class="navbar-common-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/3d/" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="360°"> <svg class="op-icon"> <use xlink:href="#icon-3d"></use> </svg> 360° </a> </li> <li class="general_param-item"> <a class="navbar-common-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/premium-service/" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Premium Service"> <svg class="op-icon"> <use xlink:href="#icon-cover-care"></use> </svg> Premium Service </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="OPPO" href="https://shop.oppoaustralia.com.au/collections/smartphones/products/oppo-find-n2-flip" 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/OPPO-118x80.png" alt="" data-src-webp="false"/> </a> <a class="media-link op-trk-event" data-type="shops1" data-name="JBHifi" 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+JBHifi" tm-store_name="JBHifi"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/au/mkt/onlinestore/renoseries/JBHifi-1.png.thumb.webp" alt=""/> </a> <a class="media-link op-trk-event" data-type="shops1" data-name="HarveyNorman" href="https://www.harveynorman.com.au/phones-accessories-gps/shop-by-brand/oppo" target="_blank" tm-event_name="online_store_entry" tm-module="where to buy" tm-store_type="EC+HarveyNorman" tm-store_name="HarveyNorman"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/au/mkt/onlinestore/renoseries/HarveyNorman.png" alt="" data-src-webp="false"/> </a> <a class="media-link op-trk-event" data-type="shops1" data-name="konec" href="https://www.konec.com.au/outright/phone/47951196160231" target="_blank" tm-event_name="online_store_entry" tm-module="where to buy" tm-store_type="EC+konec" tm-store_name="konec"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/au/mkt/onlinestore/renoseries/konec.png" alt="" data-src-webp="true"/> </a> </div> <p class="title"> </p> <div class="media-box"> </div> </div> </div> </div> </div> <script type="application/json" class="navbar-anchor-data"> { "list": [{"link":false,"id":"#","title":"Overview"},{"link":false,"id":"#section-highlights-en","title":"Highlights"},{"link":false,"id":"#Design","title":"Design"},{"link":false,"id":"#section-screen","title":"Experience"},{"link":false,"id":"#Camera","title":"Camera"},{"link":false,"id":"#section-flagship-en","title":"Performance"},{"link":false,"id":"#ColorOS","title":"ColorOS"}] } </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/find/find-n2-series/global/find-n2-flip/v1/main-v6.css"/>  <style> #section-color-en > div.container.pc-pad-only.flex.flex-col.items-center > div.show-wrapper.w-full > div > div > div > a,#section-color-en > div.mo-only > div > div.show-wrapper.py-60ex.w-full.px-16ex.box-border > div > a,#section-color-en > div.container.pc-pad-only.flex.flex-col.items-center > div.show-wrapper.w-full > div > div.show.w-762rpx.bg-\[\#F5F4F0\].box-border.rounded-8rpx.inline-block > div > a{ visibility: hidden; pointer-events: none; } </style> <div class="g--popup" id="zn--video-modal"> <div class="g--popup-container"> <div class="g--video-wrapper"></div> </div> <div class="g--popup-close" data-link-cursor=""> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="16" cy="16" r="16" fill="#484540"></circle> <path d="M23.6368 9.53694L22.3628 8.26294L19.1813 11.4449L15.9998 14.6269L9.63679 8.26294L8.36279 9.53694L14.7268 15.8999L8.36279 22.2629L9.63679 23.5369L15.9998 17.1729L22.3628 23.5369L23.6368 22.2629L17.2728 15.8999L23.6368 9.53694Z" fill="white"></path> </svg> </div> </div> <div class="zn--wrapper bg-white relative"> <div id="loader-fps"> <div class="loader-element"></div> <div class="loader-element"></div> <div class="loader-element"></div> </div> <div id="silk-screen-version" data-value="1"></div> <div id="section-kv-en" ani-kv-en="" ani-will-change-view=""> <h1 class="g--h1" zn-text="" textKey="kv.title"><p class="zn-text-inner" zn-text-inner="">OPPO Find N2 Flip</p></h1> <div class="placeholder" style="position:absolute; top:0; left:0; width:100vw; height:100vh; background: white;"></div> <div class="pc-pad-only"> <div class="sticky-container relative pc:h-[calc(var(--content-height)+1100px)]"> <div class="absolute top-[calc(1100px-var(--nav-height))]" id="OverallDescription"></div> <div class="sticky sticky-el flex justify-center items-center overflow-hidden"> <div class="inner -mt-100rpx ribbon:-mt-50px"> <div class="enter"> <div class="title-wrapper mx-auto text-center"> <div class="c-opacity opacity-0"> <div class="prod text-32 font-m mot:text-24m" zn-text="" textKey="kv.title"><p class="zn-text-inner" zn-text-inner="">OPPO Find N2 Flip</p></div> <div class="slogan text-68 font-m mt-12rpx mot:text-48m" zn-text="" textKey="kv.slogan"><p class="zn-text-inner" zn-text-inner="">See More in a Snap</p></div> </div> </div> <div class="imgs-wrapper flex justify-between w-52vw h-27vw mx-auto mt-34rpx 2560:mt-40px pad:w-[491apx] pad:h-[228apx] pad:mt-27px"> <picture class="left object-contain h-1741/1077 w-24.65vw pad:w-241/491"> <source srcset="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-left-shadow-1.png.webp" media="(min-width: 650px)"> <source srcset="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-purple-mo-1.png.webp" media="(max-width: 649px)"><img class="loaded h-full w-full" src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-left-shadow-1.png.webp" alt="OPPO Find N2 Flip" data-no-lazy-load=""> </picture> <picture class="right object-contain h-1741/1077 w-24.65vw pad:w-241/491"> <source srcset="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-right-shadow-1.png.webp" media="(min-width: 650px)"> <source srcset="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-black-mo-rotate-1.png.webp" media="(max-width: 649px)"><img class="loaded h-full w-full" src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-right-shadow-1.png.webp" alt="OPPO Find N2 Flip" data-no-lazy-load=""> </picture> </div> </div> </div> <div class="details-wrapper absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="c-scale relative will-change transform scale-0"> <div class="move-text-container relative overflow-hidden"> <div class="text text-24 leading-[1.4] font-m w-694px text-center pb-5px mot:text-20m mo:w-556px mo:max-w-90vw text-black" zn-text="" textKey="kv.detail"><p class="zn-text-inner" zn-text-inner="">Discover the tech-savvy, style statement phone that lets you see more in a snap. The larger cover screen expands your view with innovative features, whilst the foldable design reimagines photography possibilities, all in a gorgeous and flawless design that you can pop in your pocket.</p></div> </div> <div class="cards flex justify-between mx-auto pc:w-432rpx pc:mt-35px pc-only"><a class="card relative w-212rpx h-114rpx flex justify-center items-center rounded-8rpx overflow-hidden cursor-pointer trigger-video" target="_blank"> <div class="inner relative z-5 pointer-events-none"><img class="icon mt-3rpx w-20rpx h-20rpx mx-auto" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg"> <div class="text mt-9rpx text-white text-12px font-m" zn-text="" textKey="angle.item.0"><p class="zn-text-inner" zn-text-inner="">Play Video</p></div> </div> <div class="cover absolute w-full h-full z-1 bg-black opacity-60 pointer-events-none"></div><img class="bg absolute w-full h-full pointer-events-none" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-1.jpg.webp"></a><a class="card relative w-212rpx h-114rpx flex justify-center items-center rounded-8rpx overflow-hidden cursor-pointer gtm-card" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/3d/" target="_blank"> <div class="inner relative z-5 pointer-events-none"><img class="icon mt-3rpx w-20rpx h-20rpx mx-auto" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg"> <div class="text mt-9rpx text-white text-12px font-m" zn-text="" textKey="angle.item.1"><p class="zn-text-inner" zn-text-inner="">3D Experience</p></div> </div> <div class="cover absolute w-full h-full z-1 bg-black opacity-60 pointer-events-none"></div><img class="bg absolute w-full h-full pointer-events-none" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-1.jpg.webp"></a> </div> <div class="cards pad-only flex justify-between mx-auto mt-32.5px w-292px"><a class="card relative flex justify-center items-center overflow-hidden cursor-pointer mo:w-142px mo:h-76px mo:rounded-4px trigger-video" target="_blank"> <div class="inner relative z-5 pointer-events-none"><img class="icon mx-auto mo:w-24px mo:h-24px" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg"> <div class="text mt-6px text-white text-12px font-m" zn-text="" textKey="angle.item.0"><p class="zn-text-inner" zn-text-inner="">Play Video</p></div> </div> <div class="cover absolute w-full h-full z-1 bg-black opacity-60 pointer-events-none"></div><img class="bg absolute w-full h-full pointer-events-none" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-1.jpg.webp"></a><a class="card relative flex justify-center items-center overflow-hidden cursor-pointer mo:w-142px mo:h-76px mo:rounded-4px gtm-card" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/3d/" target="_blank"> <div class="inner relative z-5 pointer-events-none"><img class="icon mx-auto mo:w-24px mo:h-24px" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg"> <div class="text mt-6px text-white text-12px font-m" zn-text="" textKey="angle.item.1"><p class="zn-text-inner" zn-text-inner="">3D Experience</p></div> </div> <div class="cover absolute w-full h-full z-1 bg-black opacity-60 pointer-events-none"></div><img class="bg absolute w-full h-full pointer-events-none" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-1.jpg.webp"></a> </div> </div> </div> </div> </div> <div class="fix-bottom"></div> </div> <div class="mo-only c-opacity opacity-0"> <div data-gtm-view="Part1: KV"> <div class="title-wrapper mx-auto text-center pt-28ex"> <div class="prod font-m mot:text-24m" zn-text="" textKey="kv.title"><p class="zn-text-inner" zn-text-inner="">OPPO Find N2 Flip</p></div> <div class="slogan font-m mt-8ex mot:text-48m" zn-text="" textKey="kv.slogan-mo"><p class="zn-text-inner" zn-text-inner="">See More <br>in a Snap</p></div> </div> <div class="imgs-wrapper mt-33ex w-222ex mx-auto"> <div class="img-wrapper mt-32ex w-full h-222ex"> <picture class="left object-contain h-1741/1077 w-24.65vw pad:w-241/491"> <source srcset="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-left-shadow-1.png.webp" media="(min-width: 650px)"> <source srcset="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-purple-mo-1.png.webp" media="(max-width: 649px)"><img class="loaded h-full w-full" src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-purple-mo-1.png.webp" alt="OPPO Find N2 Flip" data-no-lazy-load=""> </picture> </div> <div class="img-wrapper mt-32ex w-full h-222ex"> <picture class="right object-contain full"> <source srcset="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-right-shadow-1.png.webp" media="(min-width: 650px)"> <source srcset="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-black-mo-rotate-1.png.webp" media="(max-width: 649px)"><img class="loaded h-full w-full" src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-black-mo-rotate-1.png.webp" alt="OPPO Find N2 Flip" data-no-lazy-load=""> </picture> </div> </div> </div> <div class="details-wrapper mt-102ex" data-gtm-view="Part2: Highlights"> <div class="text-wrapper w-308px mx-auto text-center text-20m font-m" zn-text="" textKey="kv.detail"><p class="zn-text-inner" zn-text-inner="">Discover the tech-savvy, style statement phone that lets you see more in a snap. The larger cover screen expands your view with innovative features, whilst the foldable design reimagines photography possibilities, all in a gorgeous and flawless design that you can pop in your pocket.</p></div> <div class="cards flex justify-between mx-auto mo:w-328px mo:mt-45px"><a class="card relative flex justify-center items-center overflow-hidden cursor-pointer mo:w-162px mo:h-94px mo:rounded-4px trigger-video" target="_blank"> <div class="inner relative z-5 pointer-events-none"><img class="icon mx-auto mo:w-24px mo:h-24px" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg"> <div class="text text-white text-12px font-m mot:text-12m mo:mt-6px" zn-text="" textKey="angle.item.0"><p class="zn-text-inner" zn-text-inner="">Play Video</p></div> </div> <div class="cover absolute w-full h-full z-1 bg-black opacity-60 pointer-events-none"></div><img class="bg absolute w-full h-full pointer-events-none" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-play-1.jpg.webp"></a><a class="card relative flex justify-center items-center overflow-hidden cursor-pointer mo:w-162px mo:h-94px mo:rounded-4px gtm-card" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/3d/" target="_blank"> <div class="inner relative z-5 pointer-events-none"><img class="icon mx-auto mo:w-24px mo:h-24px" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg"> <div class="text text-white text-12px font-m mot:text-12m mo:mt-6px" zn-text="" textKey="angle.item.1"><p class="zn-text-inner" zn-text-inner="">3D Experience</p></div> </div> <div class="cover absolute w-full h-full z-1 bg-black opacity-60 pointer-events-none"></div><img class="bg absolute w-full h-full pointer-events-none" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-kv-en-bg-3d-1.jpg.webp"></a> </div> </div> </div> <div class="g--popup-user" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/prod-en.mp4?v=20230215" data-class="light-theme" data-trigger="#section-kv-en .trigger-video" data-label="Highlights" popup-player=""></div> </div> <div class="relative z-1" id="section-highlights-en" ani-highlights-en=""> <div class="mo-only" id="Highlights"></div> <h2 class="g--h2" zn-text="" textKey="highlights.first-mo"><p class="zn-text-inner" zn-text-inner="">Pocket-Sized Design Perfection</p></h2> <h2 class="g--h2" zn-text="" textKey="highlights.second"><p class="zn-text-inner" zn-text-inner="">Folds to the <br>Largest View<sup>1</sup></p></h2> <h2 class="g--h2" zn-text="" textKey="highlights.third"><p class="zn-text-inner" zn-text-inner="">Industry-Leading Hinge for Ultimate Crease Control</p></h2> <h2 class="g--h2" zn-text="" textKey="angle.first"><p class="zn-text-inner" zn-text-inner="">Hasselblad Camera for Mobile</p></h2> <h2 class="g--h2" zn-text="" textKey="angle.second-mo"><p class="zn-text-inner" zn-text-inner="">All-Day Battery Life<sup>12</sup> and 44W SUPERVOOC<sub>TM</sub><sup>2</sup> Flash Charge</p></h2> <div class="h-1px"></div> <div class="fix-top"></div> <div class="sticky-container h-[calc(1000px+var(--content-height))] pc-pad-only" id="Highlights"> <div class="sticky sticky-el"> <div class="absolute w-full h-150/100 -top-25/100 overflow-hidden pointer-events-none"> <div class="absolute leave w-full h-100/150 top-25/150 flex items-center will-change"> <div class="text-wrapper text-first-wrapper absolute text-48 leading-[1.4] text-center font-m left-1/2 transform -translate-x-1/2 mot:text-32m"> <div class="text-first mb-40rpx 1024:mb-16px whitespace-nowrap" zn-text="" textKey="highlights.first"><p class="zn-text-inner" zn-text-inner="">Pocket-Sized <br>Design Perfection</p></div> </div> <div class="text-second-wrapper loading-hide absolute text-48 leading-[1.4] text-center font-m left-1/2 transform -translate-x-1/2 mot:text-32m"> <div class="text-second mb-40rpx whitespace-nowrap" zn-text="" textKey="highlights.second"><p class="zn-text-inner" zn-text-inner="">Folds to the <br>Largest View<sup>1</sup></p></div> </div> <div class="hand-wrapper absolute left-1/2 top-1/2 w-665rpx h-721rpx transform -translate-x-131/448 -translate-y-108/486 max-w-[var(--max-w)] max-h-[var(--max-h)]" style="--max-h: calc(var(--content-height)*.9);--max-w: calc(var(--max-h)*448/486)"> <div class="c-rotate relative z-0 w-full h-full origin-top-center"> <div class="inner relative z-0 w-full h-full origin-[58%_0%] will-change-transform" style="transform-origin:58% 0%"> <div class="c-move w-full h-full"><img class="hand absolute z-0 -left-1/100 top-47/795 w-1257/1000 h-117/100" alt="OPPO Find N2 Flip Design" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hand-mo-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hand-mo-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hand-mo-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hand-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hand-mo-1.jpg.webp"> <div class="phone absolute left-56/733 top-0 w-311/733 h-352/795"><img class="img-phone absolute w-full h-full z-25" alt="OPPO Find N2 Flip Design" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-phone-en-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-phone-en-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-phone-en-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-phone-en-mo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-phone-en-1.png.webp"> <div class="screen absolute z-20 w-162/311 h-303/352 top-19/352 left-129/311 rounded-[13.5%/7%] overflow-hidden"> <div class="before w-full h-full top-0 left-0 absolute z-0" ani-video-wrapper="" data-src-pc="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/wallpaper-en_360.mp4" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/wallpaper-en_192.flv"> <canvas></canvas> <video></video><img alt="OPPO Find N2 Flip Design" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-wallpaper-last-en-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-wallpaper-last-en-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-wallpaper-last-en-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-wallpaper-last-en-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-wallpaper-last-en-1.jpg.webp"> </div> <div class="after w-full h-full absolute top-0 left-0 z-1"><img class="w-full h-full" alt="Find N2 Flip Cover Screen" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-notice-en-1-92.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-notice-en-1-92.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-notice-en-d7111-92.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-notice-en-1-92.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-notice-en-1-92.jpg.webp"></div> </div> </div> </div> </div> </div> </div> <div class="card-wrapper relative flex justify-between mx-auto w-1107rpx h-358rpx max-w-[var(--max-w)] max-h-[var(--max-h)] translate-y-60/358 transform" style="--max-h: calc(var(--content-height)*0.65);--max-w: calc(var(--max-h)*1107/358)"> <div class="left flex justify-between w-362/1107 h-full"> <div class="card relative z-2 w-166/362 h-313/358 mt-43/358"> <div class="inner w-full h-full overflow-hidden rounded-[12.5%/6.4%]"><img class="w-full h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-camera-en-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-camera-en-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-camera-en-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-camera-en-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-camera-en-1.jpg.webp"></div> </div> <div class="card relative z-2 w-166/362 h-313/358 mt-88/358"> <div class="inner w-full h-full overflow-hidden rounded-[12.5%/6.4%]"><img class="w-full h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-cloud-en-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-cloud-en-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-cloud-en-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-cloud-en-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-cloud-en-1.jpg.webp"></div> </div> </div> <div class="center w-319/1107 h-360/358"></div> <div class="right flex justify-between w-362/1107 h-full"> <div class="card relative z-2 w-166/362 h-313/358 mt-94/358"> <div class="inner w-full h-full overflow-hidden rounded-[12.4%/6.5%]"><img class="w-full h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-timers-en-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-timers-en-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-timers-en-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-timers-en-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-timers-en-1.jpg.webp"></div> </div> <div class="card relative z-2 w-166/362 h-313/358 mt-45/358"> <div class="inner w-full h-full overflow-hidden rounded-[12.4%/6.5%]"><img class="w-full h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-pet-en-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-pet-en-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-pet-en-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-pet-en-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-pet-en-1.jpg.webp"></div> </div> </div> </div> </div> </div> </div> </div> <div class="mo-only"> <div class="text-first font-m mb-46px mt-125px text-32m w-260px mx-auto -tracking-0.2px text-center" zn-text="" textKey="highlights.first-mo"><p class="zn-text-inner" zn-text-inner="">Pocket-Sized Design Perfection</p></div> <div class="sticky-container relative h-[calc(var(--content-height)+30vh)] min-h-[calc(var(--content-height)+600px)] z-1 pad:h-[calc(var(--content-height)+800px)]"> <div class="sticky leave h-[var(--content-height)] top-[var(--nav-height)] overflow-hidden"> <div class="hand-wrapper absolute left-1/2 top-1/2 w-448px h-486px transform -translate-x-131/448 -translate-y-108/486 max-w-[var(--max-w)] max-h-[var(--max-h)]" style="--max-h: calc(var(--content-height)*.9);--max-w: calc(var(--max-h)*448/486)"> <div class="inner relative z-0 w-full h-full origin-[58%_0%] will-change-transform" style="transform-origin:58% 0%"> <div class="move w-full h-full"><img class="hand absolute z-0 -left-1/100 top-47/795 w-1257/1000 h-117/100" alt="OPPO Find N2 Flip Design" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hand-mo-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hand-mo-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hand-mo-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hand-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hand-mo-1.jpg.webp"> <div class="phone absolute z-5 left-56/733 top-0 w-311/733 h-352/795"><img class="absolute w-full h-full z-50" alt="OPPO Find N2 Flip Design" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-phone-en-mo-1-90.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-phone-en-mo-1-90.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-phone-en-mo-d7111-90.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-phone-en-mo-1-90.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-phone-en-mo-1-90.png.webp"> <div class="screen absolute z-20 w-162/311 h-303/352 top-19/352 left-129/311 rounded-[13.5%/7%] overflow-hidden"> <div class="before w-full h-full top-0 left-0 absolute z-0" ani-video-wrapper="" data-src-pc="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/wallpaper-en_360.mp4" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/wallpaper-en_192.flv"> <canvas></canvas> <video></video><img alt="OPPO Find N2 Flip Design" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-wallpaper-last-en-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-wallpaper-last-en-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-wallpaper-last-en-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-wallpaper-last-en-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-wallpaper-last-en-1.jpg.webp"> </div> <div class="after w-full h-full absolute top-0 left-0 z-1"><img class="w-full h-full" alt="Find N2 Flip Cover Screen" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-notice-en-1-92.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-notice-en-1-92.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-notice-en-d7111-92.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-notice-en-1-92.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-notice-en-1-92.jpg.webp"></div> </div> </div> </div> </div> </div> <div class="text-second-wrapper absolute top-50/100 left-1/2 h-1px"> <div class="text-second whitespace-nowrap text-32m font-m w-270px transform -translate-x-1/2 text-center" zn-text="" textKey="highlights.second"><p class="zn-text-inner" zn-text-inner="">Folds to the <br>Largest View<sup>1</sup></p></div> </div> </div> </div> </div> <div class="fix-bottom"></div> <div class="hinge pc:pb-140rpx mo:pb-60px" ani-will-change-view="" data-gtm-view="Part5: Ultimate Crease Control"> <div class="move-text relative z-10 mx-auto font-m text-48 text-center pc:w-761px pc:max-w-72vw mot:text-32m mo:w-265px mot:text-32m" zn-text="" textKey="highlights.third"><p class="zn-text-inner" zn-text-inner="">Industry-Leading Hinge for Ultimate Crease Control</p></div> <div class="move-img will-change"><img class="relative z-0 w-948rpx h-390rpx mx-auto mt-40rpx mo:w-360ex mo:h-243ex mo:mt-52ex" alt="Find N2 Flip Hinge" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hinge-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hinge-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hinge-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hinge-mo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-highlights-hinge-1.png.webp"></div> </div> </div> <div class="bg-[var(--bg)] origin-bottom pb-80rpx mo:pt-96px mo:pb-40px pc:pt-0 pad:overflow-visible mo:overflow-hidden" id="section-angle" ani-angle="" ani-leave="" data-start="1" style="--bg: #fffdff"> <div class="relative pc-pad-only"> <div class="h-1px"> <div class="first-text-wrapper absolute top-75rpx left-1/2 text-48 transform -translate-x-1/2 z-5 w-762px max-w-full mot:text-32m"> <img class="logo mx-auto h-16rpx w-250rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-hassel-1.svg"> <div class="first-text mt-21rpx w-full h-full font-m text-center pad:mt-8px" zn-text="" textKey="angle.first"><p class="zn-text-inner" zn-text-inner="">Hasselblad Camera for Mobile</p></div> </div> </div> <div class="fix-top"></div> <div class="sticky-container mt-214rpx h-[calc(var(--content-height)+1500rpx)] 2560:h-[calc(var(--content-height)+1700px)]"> <div class="sticky sticky-el"> <div class="absolute w-full h-15/10 top-0 left-0 overflow-hidden"> <div class="absolute w-full h-10/15 top-0 left-0"> <div class="imgs-wrapper max-w-[var(--max-w)] max-h-[var(--max-h)] h-549rpx transform top-50/100 left-50/100 relative w-996rpx -translate-x-1/2 -translate-y-1/2 absolute" style="--max-h:calc(var(--content-height)*.66);--max-w:calc(var(--max-h)*996/549)"> <div class="second-text font-m mx-auto text-center transform top-[calc(100%+94rpx+var(--img-move))] left-1/2 text-48 leading-[1.4] w-800px z-50 -translate-x-1/2 absolute mot:text-32m pc-pad-only" style="--img-move: calc(var(--content-height) * -0.2)"> <div class="inner" zn-text="" textKey="angle.second"><p class="zn-text-inner" zn-text-inner="">All-Day Battery Life<sup>12</sup> and <br>44W SUPERVOOC<sub>TM</sub><sup>2</sup> Flash Charge</p></div> </div> <div class="c-move full"> <div class="back-phone-wrapper absolute z-1 top-3/100 right-0 w-414/996 h-409/549"> <div class="enter w-full h-full"><img class="w-543/414 h-433/409" alt="Find N2 Flip Hinge Hasselblad Camera" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-back-phone-en-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-back-phone-en-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-back-phone-en-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-back-phone-en-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-back-phone-en-1.png.webp"></div> </div> <div class="front-phone-wrapper h-535/549 top-0 right-0 left-0/100 w-584/1000 z-0 absolute"> <div class="top-screen absolute z-100 w-180/576 h-341/549 top-36/100 left-0"> <div class="charge-video-wrapper h-full w-full" ani-video-wrapper="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/charge_320.flv" data-src-mo="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/charge_240.flv"> <video></video> <canvas></canvas><img alt="Find N2 Flip Battery" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-charge_320_poster-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-charge_320_poster-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-charge_320_poster-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-charge_320_poster-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-charge_320_poster-1.jpg.webp"> </div> </div> <div class="fold-video-wrapper -left-29/10000 -top-31/1000 absolute z-2 w-150/100 h-1112/1000"> <div class="z-1 absolute mo:w-80/100 mo:h-1007/1000 pc:w-full pc:h-full h-full" ani-front-video="" ani-video-wrapper="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/front-phone-en_2000.flv" data-src-mo="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/front-phone-clip-en_784.flv" data-src-pad="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/front-phone-en_2000.flv"> <canvas></canvas><img alt="Find N2 Flip Hinge Hasselblad Camera" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-front-phone-en_2000_poster-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-front-phone-en_2000_poster-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-front-phone-en_2000_poster-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-front-phone-clip-en_784_poster-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-front-phone-en_2000_poster-1.jpg.webp"> </div> <div class="phone-cover absolute w-full h-full z-10 top-0 left-0"><img class="w-full object-contain absolute top-12/10000" alt="Find N2 Flip Battery" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-phone-cover-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-phone-cover-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-phone-cover-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-phone-cover-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-phone-cover-1.png.webp"></div> <div class="last-frame absolute w-full h-full z-2 top-0 left-0"><img class="object-contain w-full top-12/10000 absolute" alt="Find N2 Flip Battery" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-last-1-90.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-last-1-90.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-last-d7111-90.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-last-mo-1-90.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-last-mo-1-90.jpg.webp"></div> <div class="cable w-1114/872 h-507/595 -left-110/100 top-808/1000 absolute z-50 mo:top-813/1000 mo:-left-1101/1000 mo:w-1225/872 mo:h-558/595"><img class="absolute top-0 left-0 w-full h-full" alt="Find N2 Flip Battery" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-1.png.webp"></div> <div class="cable w-1114/872 h-507/595 -left-110/100 top-808/1000 absolute z-5 mo:top-813/1000 mo:-left-1101/1000 mo:w-1225/872 mo:h-558/595"><img class="absolute top-0 left-0 w-full h-full" alt="Find N2 Flip Battery" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-h-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-h-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-h-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-h-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-h-1.png.webp"></div> <div class="cable w-1114/872 h-507/595 -left-110/100 top-808/1000 absolute z-5 mo:top-813/1000 mo:-left-1101/1000 mo:w-1225/872 mo:h-558/595"><img class="absolute top-0 left-0 w-full h-full" alt="Find N2 Flip Battery" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-shadow-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-shadow-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-shadow-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-shadow-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-shadow-1.png.webp"></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fix-bottom"></div> </div> <div class="mo-only pb-30ex"> <div class="back-phone-wrapper relave z-5 w-303px h-295px mx-auto transform -translate-x-3/100"><img class="back-phone absolute w-402/303 h-342/295 top-0 -left-22/303" alt="Find N2 Flip Hinge Hasselblad Camera" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-back-phone-en-mo-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-back-phone-en-mo-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-back-phone-en-mo-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-back-phone-en-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-back-phone-en-mo-1.jpg.webp"></div> <div class="first-text font-m mt-23px ml-[calc(50%-164px)] text-32m w-196px z-15 relative"><img class="logo object-contain h-8ex mb-7.5ex w-122ex" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-hassel-1.svg"> <div class="inner" zn-text="" textKey="angle.first-mo"><p class="zn-text-inner" zn-text-inner="">Hasselblad Camera for Mobile</p></div> </div> <div class="seq-wrapper relative z-10 w-401px h-375px -mt-50px ml-[calc(50%-180px)] origin-bottom-left"> <div class="fold-video-wrapper absolute -left-2/1000 top-117/10000 w-151/100 h-559/535 mo:-top-2/1000 mo:h-110/100 mo:w-152/100 mo:-left-8/1000"> <div class="z-1 absolute mo:w-80/100 mo:h-1007/1000 pc:w-full pc:h-full h-full" ani-front-video="" ani-video-wrapper="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/front-phone-en_2000.flv" data-src-mo="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/front-phone-clip-en_784.flv" data-src-pad="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/front-phone-en_2000.flv"> <canvas></canvas><img alt="Find N2 Flip Hinge Hasselblad Camera" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-front-phone-en_2000_poster-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-front-phone-en_2000_poster-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-front-phone-en_2000_poster-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-front-phone-clip-en_784_poster-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-angle-front-phone-en_2000_poster-1.jpg.webp"> </div> <div class="phone-cover absolute w-full h-full z-10 top-0 left-0"><img class="w-full object-contain absolute top-12/10000" alt="Find N2 Flip Battery" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-phone-cover-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-phone-cover-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-phone-cover-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-phone-cover-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-phone-cover-1.png.webp"></div> <div class="last-frame absolute w-full h-full z-2 top-0 left-0"><img class="object-contain w-full top-12/10000 absolute" alt="Find N2 Flip Battery" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-last-1-90.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-last-1-90.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-last-d7111-90.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-last-mo-1-90.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-last-mo-1-90.jpg.webp"></div> <div class="cable w-1114/872 h-507/595 -left-110/100 top-808/1000 absolute z-50 mo:top-813/1000 mo:-left-1101/1000 mo:w-1225/872 mo:h-558/595"><img class="absolute top-0 left-0 w-full h-full" alt="Find N2 Flip Battery" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-1.png.webp"></div> <div class="cable w-1114/872 h-507/595 -left-110/100 top-808/1000 absolute z-5 mo:top-813/1000 mo:-left-1101/1000 mo:w-1225/872 mo:h-558/595"><img class="absolute top-0 left-0 w-full h-full" alt="Find N2 Flip Battery" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-h-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-h-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-h-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-h-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-h-1.png.webp"></div> <div class="cable w-1114/872 h-507/595 -left-110/100 top-808/1000 absolute z-5 mo:top-813/1000 mo:-left-1101/1000 mo:w-1225/872 mo:h-558/595"><img class="absolute top-0 left-0 w-full h-full" alt="Find N2 Flip Battery" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-shadow-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-shadow-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-shadow-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-shadow-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-cable-shadow-1.png.webp"></div> </div> </div> </div> <div class="second-text relative z-50 mx-auto font-m mo:w-254px mot:text-32m mot:-tracking-0.2px mo:mt-59px mo-only" zn-text="" textKey="angle.second-mo"><p class="zn-text-inner" zn-text-inner="">All-Day Battery Life<sup>12</sup> and 44W SUPERVOOC<sub>TM</sub><sup>2</sup> Flash Charge</p></div> <div class="cards !hidden flex justify-between mx-auto pc:w-432rpx pc:mt-91rpx mo:w-328px mo:mt-120px pc-only"><a class="card relative w-212rpx h-114rpx flex justify-center items-center rounded-8rpx overflow-hidden cursor-pointer trigger-video"> <div class="inner relative z-5 pointer-events-none"><img class="icon mt-3rpx w-20rpx h-20rpx mx-auto" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg"> <div class="text mt-9rpx text-white text-12px font-m" zn-text="" textKey="angle.item.0"><p class="zn-text-inner" zn-text-inner="">Play Video</p></div> </div> <div class="cover absolute w-full h-full z-1 bg-black opacity-60 pointer-events-none"></div><img class="bg absolute w-full h-full pointer-events-none" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-play-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-play-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-play-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-play-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-play-1.jpg.webp"></a><a class="card relative w-212rpx h-114rpx flex justify-center items-center rounded-8rpx overflow-hidden cursor-pointer gtm-card" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/3d/"> <div class="inner relative z-5 pointer-events-none"><img class="icon mt-3rpx w-20rpx h-20rpx mx-auto" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg"> <div class="text mt-9rpx text-white text-12px font-m" zn-text="" textKey="angle.item.1"><p class="zn-text-inner" zn-text-inner="">3D Experience</p></div> </div> <div class="cover absolute w-full h-full z-1 bg-black opacity-60 pointer-events-none"></div><img class="bg absolute w-full h-full pointer-events-none" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-3d-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-3d-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-3d-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-3d-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-3d-1.jpg.webp"></a> </div> <div class="cards !hidden flex justify-between mx-auto mo:w-328px mo:mt-120px mo-pad-only"><a class="card relative flex justify-center items-center overflow-hidden cursor-pointer mo:w-162px mo:h-94px mo:rounded-4px trigger-video"> <div class="inner relative z-5 pointer-events-none"><img class="icon mx-auto mo:w-24px mo:h-24px" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-play-1.svg"> <div class="text text-white text-12px font-m mot:text-12m mo:mt-6px" zn-text="" textKey="angle.item.0"><p class="zn-text-inner" zn-text-inner="">Play Video</p></div> </div> <div class="cover absolute w-full h-full z-1 bg-black opacity-60 pointer-events-none"></div><img class="bg absolute w-full h-full pointer-events-none" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-play-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-play-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-play-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-play-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-play-1.jpg.webp"></a><a class="card relative flex justify-center items-center overflow-hidden cursor-pointer mo:w-162px mo:h-94px mo:rounded-4px gtm-card" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/3d/"> <div class="inner relative z-5 pointer-events-none"><img class="icon mx-auto mo:w-24px mo:h-24px" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-icon-3d-1.svg"> <div class="text text-white text-12px font-m mot:text-12m mo:mt-6px" zn-text="" textKey="angle.item.1"><p class="zn-text-inner" zn-text-inner="">3D Experience</p></div> </div> <div class="cover absolute w-full h-full z-1 bg-black opacity-60 pointer-events-none"></div><img class="bg absolute w-full h-full pointer-events-none" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-3d-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-3d-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-3d-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-3d-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-angle-bg-3d-1.jpg.webp"></a> </div> <div class="g--popup-user" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/prod.mp4" data-trigger="#section-angle .trigger-video" data-label="蜻蜓KSP" popup-player=""></div> </div> <div class="z-5 relative" id="Design"> <div class="py-182rpx py-96ex bg-white w-full flex justify-center pct:text-68px !pct:leading-[1.1] mot:text-42px !mot:leading-[1.3] tracking-[0.02em] mo:text-center" data-gtm-view="Part8: Style in a Snap"> <div class="text-black font-m" zn-text="" textKey="pocket.title"><p class="zn-text-inner" zn-text-inner="">Style in a Snap</p></div> </div> <div class="w-full -mt-1px z-1 relative bg-[#FAFAFA]" ani-pocket=""> <div class="flex mx-auto h-779ex h-[470apx] w-full transform origin-bottom switch overflow-hidden justify-center pc:h-[var(--content-height)]" data-active="0" data-gtm-view="Part9: Color"> <div class="w-100vw h-full h-779ex h-[470apx] bg-color flex mo:flex-col-reverse pc:flex-row absolute"> <div class="pc:w-[50%] pc:h-full mo:h-499ex mo:w-full bg-[#FAFAFA] relative">  <div class="w-full pc:h-[var(--content-height)] pad:h-[470apx] pad:w-full mo:h-full w-328ex pc:absolute top-0 right-0 p-64rpx p-[24apx] pt-[36apx] pb-[36apx] mo:mx-auto mo:py-32ex flex flex-col pc:justify-between"> <div class="pc:w-full w-328ex pad:w-full max-w-[calc(50vw-64rpx)] relative overflow-hidden view-pocket"><img class="w-full absolute top-0 left-0 view" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-image-0-en-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-image-0-en-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-image-0-en-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-image-0-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-image-0-1.jpg.webp"><img class="w-full absolute top-0 left-0 view" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-image-2-en-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-image-2-en-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-image-2-en-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-image-2-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-image-2-1.jpg.webp"> </div> <div class="w-full mt-20ex mt-[32apx]"> <div class="w-full relative desc-wrapper-en"> <div class="loading-hide top-0 left-0 pocket-desc-wrapper absolute pct:text-18px !pct:leading-[1.5] mo:text-center pad:text-left" zn-text="" textKey="pocket.desc0"><p class="zn-text-inner" zn-text-inner="">Lose yourself in the shimmering dreamy purple hues and let your eyes flow over the gentle waves in the striking hinge design.</p></div> <div class="loading-hide top-0 left-0 pocket-desc-wrapper absolute pct:text-18px !pct:leading-[1.5] mo:text-center pad:text-left" zn-text="" textKey="pocket.desc1"><p class="zn-text-inner" zn-text-inner="">Brilliant black like the deepest night sky provides exquisite elegance, with gentle waves on the hinge making a style statement.</p></div> </div>  <div class="flex items-center pad:items-start justify-between mo:w-full mt-32ex mt-24rpx mt-[26apx] mo:flex-col"> <div class="buttons flex pb-28ex pb-[16apx]"> <div class=" flex items-center mr-24rpx cursor-pointer button justify-center" data-gtm-click="Color" data-gtm-label="Moonlit Purple"> <div class="w-40rpx h-40rpx w-30ex h-30ex w-[30apx] h-[30apx] rounded-[50%] flex justify-center items-center border-wrapper border0"> <div class="box-shadow bg-0 w-32rpx h-32rpx w-[24apx] h-[24apx] w-24ex h-24ex rounded-[50%]"></div> </div> <div class="font-m text ml-7rpx ml-6ex whitespace-nowrap pct:text-16px mot:text-14px !pct:leading-[1.5] !mot:leading-[1.57]" zn-text="" textKey="pocket.button-0"><p class="zn-text-inner" zn-text-inner="">Moonlit Purple</p></div> </div> <div class="ml-20ex ml-[8apx] flex items-center mr-24rpx cursor-pointer button justify-center" data-gtm-click="Color" data-gtm-label="Astral Black"> <div class="w-40rpx h-40rpx w-30ex h-30ex w-[30apx] h-[30apx] rounded-[50%] flex justify-center items-center border-wrapper border2"> <div class="box-shadow bg-2 w-32rpx h-32rpx w-[24apx] h-[24apx] w-24ex h-24ex rounded-[50%]"></div> </div> <div class="font-m text ml-7rpx ml-6ex whitespace-nowrap pct:text-16px mot:text-14px !pct:leading-[1.5] !mot:leading-[1.57]" zn-text="" textKey="pocket.button-1"><p class="zn-text-inner" zn-text-inner="">Astral Black</p></div> </div> </div><a class="pc:h-40px h-32ex px-[18apx] h-[32apx] px-20ex px-20rpx bg-[#EFEDE9] rounded-36rpx rounded-36ex flex items-center cursor-pointer ml-[0apx]" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/3d/" target="_blank" data-gtm-click="Color" data-gtm-label="3D Experience"><img class="pc:h-20px pc:w-20px h-16ex w-16ex pad:h-13px pad:w-13px" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-icon-1.svg"> <div class="font-m ml-4rpx ml-4ex ml-[4apx] whitespace-nowrap pct:text-14px mot:text-12px !pct:leading-[1.2] !mot:leading-[1.67]" zn-text="" textKey="pocket.3D"><p class="zn-text-inner" zn-text-inner="">3D Experience</p></div></a> </div> </div> </div> </div> <div class="pc:w-[50%] pc:h-full mo:h-280ex mo:w-full overflow-hidden"> <div class="w-full h-full flex justify-center items-end pc:py-[10%] pad:py-[10%]"> <div class="pc:h-full h-270ex pad:h-[100%] relative phone-pocket"><img class="silk-screen-0 w-full h-full left-0 top-0 absolute phone-change-color" alt="Find N2 Flip Moonlit Purple" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-0-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-0-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-0-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-mo-0-en-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-0-1.png.webp"><img class="silk-screen-1 w-full h-full left-0 top-0 absolute phone-change-color" alt="Find N2 Flip Moonlit Purple" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-0-en-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-0-en-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-0-en-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-mo-0-en-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-0-en-1.png.webp"><img class="silk-screen-0 w-full h-full left-0 top-0 absolute phone-change-color" alt="Find N2 Flip Astral Black" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-2-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-2-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-2-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-mo-2-en-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-2-1.png.webp"><img class="silk-screen-1 w-full h-full left-0 top-0 absolute phone-change-color" alt="Find N2 Flip Astral Black" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-2-en-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-2-en-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-2-en-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-mo-2-en-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-phone-2-en-1.png.webp"> </div> </div> </div> </div> </div> <div class="pc:h-640rpx pc:w-full h-[420apx] pc:mx-auto flex mo:flex-col pad:flex-row bg-[#FAFAFA]" data-gtm-view="Part10: Pocket Portable"> <div class="pc:w-[50%] pc:h-full mo:w-full flex justify-end bg-[#DFEFFE]"> <div class="w-720rpx pc:h-full overflow-hidden h-364ex mo:w-full"><img class="h-787rpx w-720rpx w-[386apx] h-[588apx] w-360ex h-440ex pocket-people-en object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-view-en-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-view-en-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-view-en-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-view-en-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pocket-view-en-pad-1.jpg.webp"></div> </div> <div class="pc:w-[50%] pc:h-full flex pc:items-center mo:justify-center mo:w-full"> <div class="ml-64rpx w-496rpx w-[326apx] pad:mt-0 -mt-20rpx w-328ex mt-32ex mb-48ex pad:mb-0"> <div class="font-m tracking-0.5px whitespace-nowrap !leading-[1.2] pct:text-18px mot:text-14px" zn-text="" textKey="pocket.design0"><p class="zn-text-inner" zn-text-inner="">Compact Design</p></div> <div class="font-m mt-8rpx mt-6ex mb-24rpx mb-20ex whitespace-nowrap pct:text-48px mot:text-30px !pct:leading-[1.1] !mot:leading-[1.27]" zn-text="" textKey="pocket.design1"><p class="zn-text-inner" zn-text-inner="">Pocket Portable</p></div> <div class="opacity-65 pct:text-18px mot:text-16px !pct:leading-[1.5] !mot:leading-[1.4]" zn-text="" textKey="pocket.design2"><p class="zn-text-inner" zn-text-inner="">This super compact phone folds to fit even in tightest of trousers or smallest of bags, so you get big screen convenience without having to make space for a large phone.</p></div> </div> </div> </div> </div> </div> <div id="section-hover-en" ani-leave="" ani-hover=""> <div class="w-1312rpx w-[720apx] mx-auto flex mt-80rpx mt-[80apx] mt-64ex h-348rpx mo:flex-col mo:items-center pad:h-auto"> <div class="pc:w-[50%] pc:h-full w-328ex w-[720apx] flex flex-col justify-center"> <div class="w-597rpx w-328ex mo:mx-auto w-[581apx]"> <div class="font-m tracking-0.5px whitespace-nowrap !leading-[1.2] pct:text-18px mot:text-14px pad:text-center" zn-text="" textKey="hover.hinge0"><p class="zn-text-inner" zn-text-inner="">New Generation Flexion Hinge</p></div> <div class="font-m mt-8rpx mt-6ex mb-24rpx mb-20ex whitespace-nowrap pct:text-48px mot:text-30px !pct:leading-[1.1] !mot:leading-[1.27] pad:text-center" zn-text="" textKey="hover.hinge1"><p class="zn-text-inner" zn-text-inner="">It All Hinges on This</p></div>  <div class="opacity-65 pct:text-18px mot:text-16px !pct:leading-[1.5] !mot:leading-[1.4] pad:text-center" zn-text="" textKey="hover.hinge2"><p class="zn-text-inner" zn-text-inner="">The industry-leading waterdrop hinge is crafted from aircraft-grade high-strength steel and polymer making it incredibly strong and slim, with seamless folding and an immersive screen to keep you in flow when unfolded.</p></div> </div> </div> <div class="pc:w-[50%] pc:h-full h-[309apx] w-[547apx] mt-[36apx] mb-[42apx] w-328ex h-328ex flex items-center relative my-32ex pad:mx-auto pc-mo-only"> <div class="h-full w-full" ani-replay-video="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/hinge.flv" data-src-pc="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/hinge.mp4" data-src-mo="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/hinge.flv"> <div class="video-wrapper w-full h-full" ani-video-wrapper=""> <canvas></canvas><img class="h-full w-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-hinge-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-hinge-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-hinge-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-hinge-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-hinge-pad-1.jpg.webp"> <video></video> </div> <div class="replay absolute right-10ex bottom-12ex right-12rpx bottom-10rpx flex items-center cursor-default opacity-0" data-gtm-click="New Generation Flexion Hinge" data-gtm-label="replay"><img class="h-20px w-20px" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-replay-black-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-replay-black-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-replay-black-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-replay-black-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-replay-black-1.svg"> <div class="text-black pct:text-16px !pct:leading-[1.5] mot:text-12px !mot:leading-[1.4] font-m" zn-text="" textKey="global.replay"><p class="zn-text-inner" zn-text-inner="">Replay</p></div> </div> </div> </div> </div> <div class="pc:w-[50%] pc:h-full h-[309apx] w-[547apx] mt-[36apx] mb-[42apx] w-328ex h-328ex flex items-center relative my-32ex pad:mx-auto pad-only"> <div class="h-full w-full" ani-replay-video="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/hinge.flv" data-src-pc="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/hinge.mp4" data-src-mo="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/hinge.flv"> <div class="video-wrapper w-full h-full" ani-video-wrapper=""> <canvas></canvas><img class="h-full w-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-hinge-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-hinge-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-hinge-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-hinge-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-hinge-pad-1.jpg.webp"> <video></video> </div> <div class="replay absolute right-10ex bottom-12ex right-12rpx bottom-10rpx flex items-center cursor-default opacity-0" data-gtm-click="New Generation Flexion Hinge" data-gtm-label="replay"><img class="h-20px w-20px" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-replay-black-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-replay-black-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-replay-black-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-replay-black-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-replay-black-1.svg"> <div class="text-black pct:text-16px !pct:leading-[1.5] mot:text-12px !mot:leading-[1.4] font-m" zn-text="" textKey="global.replay"><p class="zn-text-inner" zn-text-inner="">Replay</p></div> </div> </div> </div> <div class="w-1312rpx w-[720apx] w-328ex mx-auto flex mt-40rpx mb-142rpx mo:flex-col pb-48ex pad:flex-row mb-[80apx] pb-[0apx]" data-gtm-view="Part11: New Generation Flexion Hinge"> <div class="w-[calc(818rpx-166px)] h-full w-328ex w-[357apx] rounded-[4apx] rounded-8rpx rounded-4ex bg-[#FAFAFA] flex justify-center items-center mb-4ex hover-text-wrapper px-20rpx mr-8rpx mb-[0apx]"> <div class="text-wrapper w-[calc(818rpx-166px)] pad:w-full pad:h-full p-[16apx] w-328ex pt-20ex py-20rpx px-16ex pb-16ex pad:flex pad:justify-between pad:flex-col"> <div class="font-m pct:text-32px mot:text-20px !pct:leading-[1.1] !mot:leading-[1.9]" zn-text="" textKey="hover.keep0"><p class="zn-text-inner" zn-text-inner="">Keep Folding Flawlessly</p></div> <div class="mt-20rpx mt-12ex mb-20ex mb-[0apx] opacity-65 tracking-[-0.005em] pct:text-16px mot:text-14px !pct:leading-[1.5] !mot:leading-[1.4]" zn-text="" textKey="hover.keep1"><p class="zn-text-inner" zn-text-inner="">Have confidence that your amazing folding phone will continue to perform throughout its life. The phone stays tough after 400,000 folding tests<sup>3</sup>, and has better crease control than alternatives.</p></div><img class="mo-only h-40ex w-79ex" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-logo-mo-en-1.png.webp"> </div> </div> <div class="pc-mo-only flex mo:flex-col"> <div class="flex items-center pc:justify-center h-full w-295rpx rounded-8rpx rounded-4ex px-20rpx bg-[#FAFAFA] p-14ex mb-4ex mr-8rpx hover-text-wrapper"> <div class="text-wrapper mo:flex mo:flex-col pad:flex-col"> <div class="tracking-[0.02em] pct:text-18px mot:text-12px !pct:leading-[1.44] pc:font-m !mot:leading-[1.4]" zn-text="" textKey="hover.num0.0"><p class="zn-text-inner" zn-text-inner="">Durable After</p></div> <div class="font-m mt-20rpx mt-4ex mt-[0apx] tracking-[0.02em] pct:text-36px mot:text-20px !pct:leading-[1.22] !mot:leading-[1.3]" zn-text="" textKey="hover.num0.1"><p class="zn-text-inner" zn-text-inner="">400,000 folds<sup>3</sup></p></div> </div> </div> <div class="flex items-center pc:justify-center h-full w-[calc(166px+40rpx)] rounded-8rpx rounded-4ex px-20rpx bg-[#FAFAFA] p-14ex mr-8rpx hover-text-wrapper"> <div class="text-wrapper mo:flex mo:flex-col pad:flex-col"> <div class="tracking-[0.02em] pct:text-18px mot:text-12px !pct:leading-[1.44] pc:font-m !mot:leading-[1.4]" zn-text="" textKey="hover.num1.0"><p class="zn-text-inner" zn-text-inner="">Crease Depth</p></div> <div class="font-m mt-20rpx mt-4ex mt-[0apx] tracking-[0.02em] pct:text-36px mot:text-20px !pct:leading-[1.22] !mot:leading-[1.3]" zn-text="" textKey="hover.num1.1"><p class="zn-text-inner" zn-text-inner=""><0.15mm<sup>3</sup></p></div> </div> </div> <div class="pc-only flex items-center justify-center h-full rounded-8rpx bg-[#FAFAFA] h-full w-135rpx hover-text-wrapper"><img class="h-53rpx w-105rpx" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-logo-en-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-logo-en-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-logo-en-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-logo-en-pad-1.png.webp"></div> </div> <div class="pad-only flex mo:flex-col"> <div class="flex items-center w-[359apx] pl-[20apx] h-[calc(50%-2apx)] mb-[4apx] rounded-[4apx] bg-[#FAFAFA] hover-text-wrapper"> <div class="text-wrapper"> <div class="font-m text-12px leading-[1.4] tracking-[0.02em]" zn-text="" textKey="hover.num0.0"><p class="zn-text-inner" zn-text-inner="">Durable After</p></div> <div class="font-m text-20px tracking-[0.02em] !leading-[1.3]" zn-text="" textKey="hover.num0.1"><p class="zn-text-inner" zn-text-inner="">400,000 folds<sup>3</sup></p></div> </div> </div> <div class="flex w-[359apx] h-[calc(50%-2apx)]"> <div class="w-[194apx] mr-[4apx] pl-[20apx] pad:h-full flex items-center rounded-[4apx] bg-[#FAFAFA] hover-text-wrapper"> <div class="text-wrapper"> <div class="font-m text-12px leading-[1.4] tracking-[0.02em]" zn-text="" textKey="hover.num1.0"><p class="zn-text-inner" zn-text-inner="">Crease Depth</p></div> <div class="font-m text-20px tracking-[0.02em] !leading-[1.3]" zn-text="" textKey="hover.num1.1"><p class="zn-text-inner" zn-text-inner=""><0.15mm<sup>3</sup></p></div> </div> </div> <div class="flex items-center w-[161apx] pad:h-full justify-center h-full rounded-[4apx] bg-[#FAFAFA] hover-text-wrapper"><img class="h-68rpx w-135rpx h-[49apx] w-[97apx]" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-logo-en-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-logo-en-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-logo-en-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-logo-en-pad-1.png.webp"></div> </div> </div> </div> <div class="w-1312rpx w-[720apx] mx-auto mt-48ex mt-[0apx] mo:w-full pb-80rpx pb-40ex" data-gtm-view="Part12: Flexform Mode"> <div class="w-617rpx pc:text-center mx-auto relative z-9 w-328ex mo:mx-auto mb-20rpx w-[578apx]"> <div class="font-m tracking-0.5px whitespace-nowrap !leading-[1.2] pct:text-18px mot:text-14px" zn-text="" textKey="hover.title0"><p class="zn-text-inner" zn-text-inner="">FlexForm Mode</p></div> <div class="font-m mt-8rpx mt-6ex mb-24rpx mb-20ex whitespace-nowrap pct:text-48px mot:text-30px !pct:leading-[1.1] !mot:leading-[1.27]" zn-text="" textKey="hover.title1"><p class="zn-text-inner" zn-text-inner="">Flex Your Hands-Free</p></div> <div class="opacity-65 pct:text-18px mot:text-16px !pct:leading-[1.5] !mot:leading-[1.4]" zn-text="" textKey="hover.title2"><p class="zn-text-inner" zn-text-inner="">Find your perfect angle as FlexForm Mode<sup>4</sup> holds the phone in your chosen position, leaving your hands free. Dive into a relaxing binge-watch, take video calls and capture scroll-stopping pictures or footage as if you had a built-in tripod.<sup>5</sup></p></div> </div> <div class="w-1312rpx h-685rpx relative pc:-mt-34px w-360ex h-374ex z-8 pad:mt-[32apx] w-[768apx] h-[458apx] pad:ml-[-34apx]"> <div class="bg-[#F5F4F0] rounded-4rpx rounded-4ex p-12rpx p-8ex p-[8apx] bottom-124rpx bottom-63ex bottom-[78apx] left-[140apx] left-210rpx left-14ex -tracking-0.12px z-3 absolute !leading-[1.5] pct:text-20px mot:text-center mot:text-12px" zn-text="" textKey="hover.text0"><p class="zn-text-inner" zn-text-inner="">FlexForm<br class='mo-pad-only'/> Camera</p></div> <div class="bg-[#F5F4F0] rounded-4rpx rounded-4ex p-12rpx p-8ex p-[8apx] bottom-0 left-[calc(50%-117.5px-12rpx)] left-[calc(50%-44.5px-8ex)] left-[calc(50%-44.5px-8apx)] -tracking-0.12px z-3 absolute !leading-[1.5] pct:text-20px mot:text-center mot:text-12px" zn-text="" textKey="hover.text1"><p class="zn-text-inner" zn-text-inner="">FlexForm<br class='mo-pad-only'/> Video Streaming</p></div> <div class="bg-[#F5F4F0] rounded-4rpx rounded-4ex p-12rpx p-8ex p-[8apx] right-196rpx right-14ex right-[124apx] bottom-124rpx bottom-63ex bottom-[78apx] -tracking-0.12px z-3 absolute !leading-[1.5] pct:text-20px mot:text-center mot:text-12px" zn-text="" textKey="hover.text2"><p class="zn-text-inner" zn-text-inner="">FlexForm<br class='mo-pad-only'/> Video Call</p></div><img class="h-full w-full relative z-1 hover-bg-en" alt="Find N2 Flip FlexForm" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-view-en-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-view-en-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-view-en-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-view-en-mo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-view-en-pad-1.png.webp"><img class="h-516rpx w-328rpx absolute top-87rpx left-492rpx left-[275apx] top-[50.5apx] smile-shadow z-2 w-148ex h-233ex left-102ex top-70ex w-[207apx] h-[326apx]" alt="Find N2 Flip FlexForm" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-smile-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-smile-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-smile-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-smile-en-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hover-smile-pad-1.png.webp"> </div> </div> </div> <div class="relative pb-75rpx pt-182rpx mo:pt-96px mo:pb-80px pad:pt-96px" id="section-screen" ani-screen=""> <div class="absolute top-0" id="Experience"></div> <div class="title relative z-60 font-m mb-136rpx mx-auto text-center pct:text-68 pct:tracking-[0.002em] mot:text-42m mo:w-285px mo:mb-109px pad:text-48m pad:w-auto pad:mb-139px" data-gtm-view="Part13: See the Bigger Picture"> <div class="inner" zn-text="" textKey="screen.title"><p class="zn-text-inner" zn-text-inner="">See the Bigger Picture</p></div> </div> <div class="phone-wrapper relative w-377rpx h-426rpx mx-auto pc:max-h-[var(--max-h)] pc:max-w-[var(--max-w)] mo:w-222ex mo:h-251ex mo:ml-[calc(50%-135ex)] pad:mx-auto pad:w-[233apx] pad:h-[264apx]" data-gtm-view="Part14: 3.26" Display" style="--max-h:calc(var(--content-height) * .7);--max-w: calc(var(--max-h) * 377 / 426)"> <div class="num text-black font-m text-90px absolute top-1/2 transform -translate-y-1/2 left-415/377 mot:text-24m mo:left-[calc(100%+13ex)] pad:text-42m" zn-text="" textKey="screen.size"><p class="zn-text-inner" zn-text-inner="">3.26”</p></div><img class="phone absolute w-full h-full" alt="Find N2 Flip Cover Screen" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-screen-phone-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-screen-phone-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-screen-phone-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-screen-phone-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-screen-phone-1.jpg.webp"> <div class="screen absolute z-5 top-25/426 right-22/377 w-197/377 h-364/426 rounded-[14%/7.5%] overflow-hidden"><img class="full" alt="Find N2 Flip Cover Screen" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-screen-screen-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-screen-screen-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-screen-screen-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-screen-screen-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-screen-screen-1.jpg.webp"></div> </div> <div class="lines-wrapper w-full h-full absolute top-0/100 left-0 z-50"> <div class="screen-line overflow-hidden top absolute h-3px pc:top-[calc(var(--rect-top)-3px)] left-0 w-[calc(var(--rect-right))] mo:h-1px mo:top-[calc(var(--rect-top)-1px)] mo:w-[calc(var(--rect-right)+1px)] pad:top-[calc(var(--rect-top)-2px)]"> <div class="inner w-full h-full bg-green"></div> </div> <div class="screen-line overflow-hidden right absolute w-3px h-[calc(100%-var(--rect-top))] pc:top-[calc(var(--rect-top)-3px)] left-[var(--rect-right)] mo:w-1px mo:top-[calc(var(--rect-top)-1px)] pad:top-[calc(var(--rect-top)-2px)]"> <div class="inner w-full h-full bg-green"></div> </div> <div class="screen-line overflow-hidden bottom absolute w-100vw h-3px top-[var(--rect-bottom)] left-[var(--rect-left)] w-[calc(100vw-var(--rect-left))] mo:h-1px mo:left-[calc(var(--rect-left)-1px)]"> <div class="inner w-full h-full bg-green"></div> </div> <div class="screen-line overflow-hidden left absolute w-3px top-0 pc:h-[calc(var(--rect-bottom)+3px)] pc:left-[calc(var(--rect-left)-3px)] mo:w-1px mo:left-[calc(var(--rect-left)-1px)] mo:h-[calc(var(--rect-bottom)+1px)] pad:h-[calc(var(--rect-bottom)+2px)] pad:left-[calc(var(--rect-left)-2px)]"> <div class="inner w-full h-full bg-green"></div> </div> </div> <div class="details text-18 w-609px text-center mt-89rpx mx-auto opacity-65 mo:mt-36px mot:text-16m mo:w-328px pad:mt-34px mo:text-opacity-95 pad:w-460px"> <div class="inner" zn-text="" textKey="screen.desc"><p class="zn-text-inner" zn-text-inner="">The generous 3.26”<sup>6</sup> cover screen is the largest<sup>1</sup> of its kind, giving you more room to play. The vertical layout offers intuitive and seamless viewing, whilst the screen is customisable with lots of time-saving shortcuts.</p></div> </div> </div> <div class="pc-pad-only bg-white z-3 relative" id="section-pet" ani-pet=""> <div id="section-pet-en" ani-pet-en=""> <div class="container pc-pad-only w-full overflow-hidden"> <div class="hidden w-181rpx h-227rpx left-152rpx top-137rpx"></div> <div class="content-wrapper w-full z-3 relative" linear-bg="2" data-gtm-view="Part15: Interactive Pets"> <div class="relative w-full h-873rpx"> <div class="absolute z-2 gear2 left-[calc(50%-912rpx)] pc:top-108rpx display-none 2560:block"> <div class="endScroll relative"> <div class="card w-193rpx h-263rpx w-[98apx] h-[138apx] rounded-17rpx rounded-[12apx] mb-28rpx mb-[12apx] bg-[#FAFAFA] flex justify-end items-center"><img class="h-238rpx w-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-8-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-8-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-8-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-8-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-8-1.png.webp"></div> <div class="card w-193rpx h-263rpx w-[98apx] h-[138apx] rounded-17rpx rounded-[12apx] bg-[#FAFAFA] flex justify-end items-center"><img class="w-full h-240rpx object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-5-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-5-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-5-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-5-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-5-1.png.webp"></div> </div> </div> <div class="absolute z-2 gear1 left-[calc(50%-676rpx)] pad:left-[calc(50%-360apx)] pc:top-46rpx pad:top-[24apx]"> <div class="endScroll relative"> <div class="card w-193rpx h-263rpx w-[98apx] h-[138apx] rounded-17rpx rounded-[12apx] mb-28rpx mb-[12apx] bg-[#FAFAFA] flex justify-end items-center"><img class="h-204rpx w-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-1-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-1-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-1-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-1-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-1-1.png.webp"></div> <div class="card w-193rpx h-263rpx w-[98apx] h-[138apx] rounded-17rpx rounded-[12apx] bg-[#FAFAFA] flex justify-end items-center"><img class="w-full h-220rpx w-203rpx object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-1.png.webp"></div> </div> </div> <div class="absolute z-2 gear2 left-[calc(50%-440rpx)] pad:left-[calc(50%-250apx)] pc:top-108rpx pad:top-[68apx]"> <div class="endScroll relative"> <div class="card w-193rpx h-263rpx w-[98apx] h-[138apx] rounded-17rpx rounded-[12apx] mb-28rpx mb-[12apx] bg-[#FAFAFA] flex justify-end items-center"><img class="h-244rpx w-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-3-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-3-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-3-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-3-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-3-1.png.webp"></div> <div class="card w-193rpx h-263rpx w-[98apx] h-[138apx] rounded-17rpx rounded-[12apx] bg-[#FAFAFA] flex justify-end items-center"><img class="w-full h-226rpx object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-1.png.webp"></div> </div> </div> <div class="absolute z-2 gear2 left-[calc(50%+256rpx)] pad:left-[calc(50%+152apx)] pc:top-108rpx pad:top-[68apx] "> <div class="endScroll relative"> <div class="card w-193rpx h-263rpx w-[98apx] h-[138apx] rounded-17rpx rounded-[12apx] mb-28rpx mb-[12apx] bg-[#FAFAFA] flex justify-end items-center"><img class="h-240rpx w-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-5-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-5-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-5-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-5-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-5-1.png.webp"></div> <div class="card w-193rpx h-263rpx w-[98apx] h-[138apx] rounded-17rpx rounded-[12apx] bg-[#FAFAFA] flex justify-end items-center"><img class="w-full h-222rpx w-224rpx object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-6-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-6-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-6-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-6-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-6-1.png.webp"></div> </div> </div> <div class="absolute z-2 gear1 left-[calc(50%+492rpx)] pc:top-46rpx pad:top-[24apx]"> <div class="endScroll relative"> <div class="card w-193rpx h-263rpx w-[98apx] h-[138apx] rounded-17rpx rounded-[12apx] mb-28rpx mb-[12apx] bg-[#FAFAFA] flex justify-end items-center"><img class="h-224rpx w-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-7-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-7-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-7-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-7-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-7-1.png.webp"></div> <div class="card w-193rpx h-263rpx w-[98apx] h-[138apx] rounded-17rpx rounded-[12apx] bg-[#FAFAFA] flex justify-end items-center"><img class="w-full h-238rpx object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-8-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-8-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-8-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-8-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-8-1.png.webp"></div> </div> </div> <div class="absolute z-2 gear2 left-[calc(50%+728px)] pad:left-[calc(50%+262apx)] pc:top-108rpx display-none 2560:block"> <div class="endScroll relative"> <div class="card w-193rpx h-263rpx w-[98apx] h-[138apx] rounded-17rpx rounded-[12apx] mb-28rpx mb-[12apx] bg-[#FAFAFA] flex justify-end items-center"><img class="h-220rpx w-203rpx w-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-1.png.webp"></div> <div class="card w-193rpx h-263rpx w-[98apx] h-[138apx] rounded-17rpx rounded-[12apx] bg-[#FAFAFA] flex justify-end items-center"><img class="w-full h-226rpx object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-1.png.webp"></div> </div> </div> <div class="swipe-window h-406rpx transform top-158rpx pad:top-[80apx] left-1/2 w-360rpx w-[231apx] h-[261apx] z-5 -translate-x-1/2 absolute"> <div class="relative w-full h-full"> <div class="phone-bg w-full h-full absolute top-0 left-0 z-1"><img class="w-full h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-scrollAll-phone-bg-en-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-scrollAll-phone-bg-en-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-scrollAll-phone-bg-en-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-scrollAll-phone-bg-en-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-scrollAll-phone-bg-en-1.png.webp"></div> <div class="w-186rpx h-227rpx w-[119apx] h-[149apx] absolute z-2 left-152rpx top-137rpx left-[97apx] top-[98apx] flex justify-center items-center overflow-hidden"> <div class="scale-son w-310rpx h-393rpx w-[190apx] h-[2238apx]"> <div class="w-310rpx h-393rpx w-[190apx] h-[2238apx]" svg-ani-all="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/dogPlay.json"></div> </div> </div> </div> </div> <div class="text-desc absolute w-582rpx left-1/2 transform -translate-x-1/2 top-641rpx pad:top-[380apx] z-3 pb-17rpx"> <div class="content-trans relative flex flex-col items-center justify-center"> <div class="title font-m text-center mb-8rpx text-opacity-95 tracking-[0.5px] whitespace-nowrap !leading-[120%] pct:text-18px pad:text-14px" zn-text="" textKey="pet.text.title"><p class="zn-text-inner" zn-text-inner="">Interactive Pets</p></div> <div class="content font-m text-center mb-24rpx text-opacity-95 whitespace-nowrap !leading-[110%] pct:text-48px pad:text-30px" zn-text="" textKey="pet.text.content"><p class="zn-text-inner" zn-text-inner="">Get Your Digital Pet</p></div> <div class="desc text-center opacity-65 text-opacity-95 w-582rpx min-w-462px pad:w-[548apx] pct:text-18px pad:text-16px !pct:leading-[150%] !pad:leading-[140%]" zn-text="" textKey="pet.text.desc"><p class="zn-text-inner" zn-text-inner="">Choose an interactive digital pet, from 5 different animals, yours to play with in quiet moments. Listening to your fave tune? Your pet rocks out with you. Grabbing a quick selfie? Your pet takes one too. Say hi to the new furry friend in your phone.</p></div> </div> </div> </div> </div> <div class="cover-gif w-full my-120rpx my-[80apx]" data-gtm-view="Part16: Cover Screen Bitmoji AOD and GIF Wallpaper"> <div class="box flex w-1312rpx mx-auto w-[calc(100%-48apx)]"> <div class="alter-ego relative mr-8rpx w-652rpx w-[358apx] rounded-8rpx rounded-[4apx] bg-[#FAFAFA] pt-32rpx pb-16rpx pad:pt-[18apx] pad:pb-[29apx] overflow-hidden"> <div class="relative z-4 pl-30rpx box-border"> <div class="font-m text-18px pad:text-14px text-opacity-95 tracking-[0.5px] pad:tracking-[0.02em] !leading-[120%]" zn-text="" textKey="pet.alter-ego.title"><p class="zn-text-inner" zn-text-inner="">Cover Screen Bitmoji AOD</p></div> <div class="font-m mt-8rpx mt-[6apx] text-32px pad:text-24px !pad:leading-[133%] text-opacity-95 !leading-[120%]" zn-text="" textKey="pet.alter-ego.desc"><p class="zn-text-inner" zn-text-inner="">Your Always-on Alter Ego</p></div> <div class="mt-24rpx mt-[14apx] opacity-65 text-16px pad:text-14px text-opacity-95 -tracking-[0.005em] !leading-[140%] w-502rpx w-[322apx]" zn-text="" textKey="pet.alter-ego.content"><p class="zn-text-inner" zn-text-inner="">Your cover screen holds loads of great surprises in the Always-On Display, from convenient information to your Bitmoji avatar, the mini “digital you” who might pop up with an umbrella when it rains or push up zzzzs when you turn in for the night.</p></div> </div> <div class="img-wrapper w-full flex items-center pc:justify-center pl-[77apx] mt-24rpx mt-[32apx] relative z-1"> <div class="wrapper w-245rpx h-276rpx w-[182apx] h-[204apx] transform "><img class="absolute top-0 left-0 w-full h-full opacity-100 ok-wrapper-0" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone1-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone1-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone1-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone1-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone1-1.png.webp"><img class="absolute top-0 left-0 w-full h-full opacity-0 ok-wrapper-1" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone2-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone2-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone2-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone2-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone2-1.png.webp"><img class="absolute top-0 left-0 w-full h-full opacity-0 ok-wrapper-2" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone3-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone3-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone3-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone3-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone3-1.png.webp"> </div> </div> <div class="absolute w-[322apx] h-[129apx] w-629rpx h-309rpx bottom-35rpx top-[252apx] left-[7apx] left-30rpx z-0"><img class="w-full h-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-bitmoji-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-bitmoji-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-bitmoji-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-bitmoji-pad-1.png.webp"></div> </div> <div class="gif-t relative w-652rpx rounded-8rpx bg-[#FAFAFA] pt-32rpx pad:pt-[18apx] box-border"> <div class="relative z-4 pl-30rpx box-border"> <div class="font-m text-18px pad:text-14px text-opacity-95 tracking-[0.5px] pad:tracking-[0.02em] !leading-[120%]" zn-text="" textKey="pet.git-t.title"><p class="zn-text-inner" zn-text-inner="">GIF Wallpaper</p></div> <div class="font-m mt-8rpx mt-[6apx] text-32px pad:text-24px !pad:leading-[133%] text-opacity-95 !leading-[120%]" zn-text="" textKey="pet.git-t.desc"><p class="zn-text-inner" zn-text-inner="">It’s a GIF-T</p></div> <div class="mt-24rpx mt-[14apx] opacity-65 text-16px pad:text-14px text-opacity-95 -tracking-[0.005em] !leading-[140%] w-502rpx w-[322apx]" zn-text="" textKey="pet.git-t.content"><p class="zn-text-inner" zn-text-inner="">Showcase your favourite GIF of the moment on your cover screen. Add animated animal antics, epic movie moments and more as your wallpaper, swapping them over to suit your mood.</p></div> </div> <div class="gif-wrapper absolute w-full overflow-hidden box-border bottom-30rpx bottom-[27apx]"> <div class="scroll flex px-30rpx px-[18apx] pc-only"> <div class="item relative h-282rpx w-149rpx w-[106apx] h-[198apx] rounded-17rpx rounded-[14apx] overflow-hidden"> <div class="time w-49rpx h-56rpx w-[37apx] h-[43apx] absolute top-35rpx top-[26apx] left-1/2 transform -translate-x-1/2 flex flex-col items-center z-10"><img class="w-full h-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pad-1.png.webp"></div> <div class="scroll-video-wrapper h-full rounded-18rpx w-full overflow-hidden" ani-autoplay-video="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/1-scenery_464.flv" data-src-pc="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/1-scenery_464.flv"> <canvas></canvas> <video></video><img data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-1-scenery_464_poster-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-1-scenery_464_poster-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-1-scenery_464_poster-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-1-scenery_464_poster-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-1-scenery_464_poster-1.jpg.webp"> </div> </div> <div class="item relative h-282rpx w-149rpx w-[106apx] h-[198apx] rounded-17rpx rounded-[14apx] overflow-hidden ml-8rpx ml-[4apx]"> <div class="time w-49rpx h-56rpx w-[37apx] h-[43apx] absolute top-35rpx top-[26apx] left-1/2 transform -translate-x-1/2 flex flex-col items-center z-10"><img class="w-full h-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pad-1.png.webp"></div> <div class="scroll-video-wrapper h-full rounded-18rpx w-full overflow-hidden" ani-autoplay-video="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/2-scenery_464.flv" data-src-pc="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/2-scenery_464.flv"> <canvas></canvas> <video></video><img data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-2-scenery_464_poster-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-2-scenery_464_poster-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-2-scenery_464_poster-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-2-scenery_464_poster-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-2-scenery_464_poster-1.jpg.webp"> </div> </div> <div class="item relative h-282rpx w-149rpx w-[106apx] h-[198apx] rounded-17rpx rounded-[14apx] overflow-hidden ml-8rpx ml-[4apx]"> <div class="time w-49rpx h-56rpx w-[37apx] h-[43apx] absolute top-35rpx top-[26apx] left-1/2 transform -translate-x-1/2 flex flex-col items-center z-10"><img class="w-full h-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pad-1.png.webp"></div> <div class="scroll-video-wrapper h-full rounded-18rpx w-full overflow-hidden" ani-autoplay-video="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/3-scenery_464.flv" data-src-pc="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/3-scenery_464.flv"> <canvas></canvas> <video></video><img data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-3-scenery_464_poster-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-3-scenery_464_poster-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-3-scenery_464_poster-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-3-scenery_464_poster-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-3-scenery_464_poster-1.jpg.webp"> </div> </div> <div class="item relative h-282rpx w-149rpx w-[106apx] h-[198apx] rounded-17rpx rounded-[14apx] overflow-hidden ml-8rpx ml-[4apx]"> <div class="time w-49rpx h-56rpx w-[37apx] h-[43apx] absolute top-35rpx top-[26apx] left-1/2 transform -translate-x-1/2 flex flex-col items-center z-10"><img class="w-full h-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pad-1.png.webp"></div> <div class="scroll-video-wrapper h-full rounded-18rpx w-full overflow-hidden" ani-autoplay-video="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/4-scenery_464.flv" data-src-pc="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/4-scenery_464.flv"> <canvas></canvas> <video></video><img data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-4-scenery_464_poster-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-4-scenery_464_poster-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-4-scenery_464_poster-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-4-scenery_464_poster-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-4-scenery_464_poster-1.jpg.webp"> </div> </div> </div> <div class="scroll flex px-30rpx px-[18apx] pad-only"> <div class="item relative h-282rpx w-149rpx w-[106apx] h-[198apx] rounded-17rpx rounded-[14apx] overflow-hidden"> <div class="time w-49rpx h-56rpx w-[37apx] h-[43apx] absolute top-35rpx top-[26apx] left-1/2 transform -translate-x-1/2 flex flex-col items-center z-10"><img class="w-full h-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pad-1.png.webp"></div> <div class="scroll-video-wrapper h-full rounded-18rpx w-full overflow-hidden" ani-autoplay-video="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/1-scenery_464.flv" data-src-pc="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/1-scenery_464.flv"> <canvas></canvas> <video></video><img data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-1-scenery_464_poster-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-1-scenery_464_poster-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-1-scenery_464_poster-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-1-scenery_464_poster-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-1-scenery_464_poster-1.jpg.webp"> </div> </div> <div class="item relative h-282rpx w-149rpx w-[106apx] h-[198apx] rounded-17rpx rounded-[14apx] overflow-hidden ml-8rpx ml-[4apx]"> <div class="time w-49rpx h-56rpx w-[37apx] h-[43apx] absolute top-35rpx top-[26apx] left-1/2 transform -translate-x-1/2 flex flex-col items-center z-10"><img class="w-full h-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pad-1.png.webp"></div> <div class="scroll-video-wrapper h-full rounded-18rpx w-full overflow-hidden" ani-autoplay-video="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/2-scenery_464.flv" data-src-pc="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/2-scenery_464.flv"> <canvas></canvas> <video></video><img data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-2-scenery_464_poster-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-2-scenery_464_poster-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-2-scenery_464_poster-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-2-scenery_464_poster-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-2-scenery_464_poster-1.jpg.webp"> </div> </div> <div class="item relative h-282rpx w-149rpx w-[106apx] h-[198apx] rounded-17rpx rounded-[14apx] overflow-hidden ml-8rpx ml-[4apx]"> <div class="time w-49rpx h-56rpx w-[37apx] h-[43apx] absolute top-35rpx top-[26apx] left-1/2 transform -translate-x-1/2 flex flex-col items-center z-10"><img class="w-full h-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pc-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-pad-1.png.webp"></div> <div class="scroll-video-wrapper h-full rounded-18rpx w-full overflow-hidden" ani-autoplay-video="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/3-scenery_464.flv" data-src-pc="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/3-scenery_464.flv"> <canvas></canvas> <video></video><img data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-3-scenery_464_poster-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-3-scenery_464_poster-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-3-scenery_464_poster-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-3-scenery_464_poster-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-3-scenery_464_poster-1.jpg.webp"> </div> </div> </div> </div> </div> </div> </div> <div class="quick-reply w-full flex w-100vw mx-auto" data-gtm-view="Part17: Quick Reply"> <div class="phone-img bg-[#FAFAFA] mr-8rpx relative w-[50%] overflow-hidden"> <div class="absolute right-153rpx right-[91apx] top-1/2 transform -translate-y-1/2 w-[202apx] h-[228apx] w-305rpx h-345rpx"><img class="w-full h-full object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-keepFlow-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-keepFlow-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-keepFlow-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-keepFlow-pad-1.png.webp"></div> </div> <div class="keepConverF pt-76rpx pt-[32apx] pb-46rpx pb-[39apx] pl-64rpx pl-[24apx] w-[50%]"> <div class="font-m pc:text-18px pad:text-14px text-opacity-95 pc:tracking-[0.5px] pad:tracking-0.02em !leading-[120%]" zn-text="" textKey="reply.title"><p class="zn-text-inner" zn-text-inner="">Quick Reply</p></div> <div class="font-m mt-8rpx mt-[8apx] text-48px pad:text-30px text-opacity-95 pc:-tracking-[0.005em] pad:tracking-0.02em w-412rpx w-[269apx] !pc:leading-[120%] !pad:leading-[127%]" zn-text="" textKey="reply.desc"><p class="zn-text-inner" zn-text-inner="">Keep The Conversation Flowing</p></div> <div class="mt-24rpx mt-[20apx] opacity-65 text-18px pad:text-16px text-opacity-95 w-483rpx w-[336apx] leading-[150%]" zn-text="" textKey="reply.content"><p class="zn-text-inner" zn-text-inner="">There’s no need to flip open your phone, hit your friends back in an instant from your cover screen with pre-set text or emojis.</p></div> <div class="img-c w-485rpx w-[336apx] h-[164apx] h-295rpx mt-40rpx mt-[32apx] overflow-hidden"><img class="w-full h-[110%] object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-keepConF-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-keepConF-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-keepConF-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-keepConF-pad-1.png.webp"></div> </div> </div> </div> </div> </div> <div class="mo-only bg-white z-3 relative" id="section-petMo"> <div class="container w-full" ani-pet-en-mo=""> <div class="swipe-container-en w-full overflow-hidden" linear-bg="1" data-gtm-view="Part15: Interactive Pets"> <div class="h-493ex relative"> <div class="window-bg w-139ex h-260ex absolute top-114ex left-1/2 transform -translate-x-1/2"> <div class="relative w-full h-full"><img class="w-full h-full" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-bg-mo-1.png.webp"> <div class="w-full h-173ex absolute z-2 bottom-0 left-0 flex justify-center items-center overflow-hidden"> <div class="scale w-222ex h-277ex"> <div class="h-277ex w-222ex" svg-ani-all="" data-src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/dogPlay.json"></div> </div> </div> </div> </div> <div class="gear1 absolute left-[calc(50vw-220ex)] top-50ex z-2"> <div class="card w-138ex h-193ex rounded-14ex bg-[#FAFAFA] justify-end mb-24ex flex items-center"><img class="w-100ex object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-1-mo-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-1-mo-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-1-mo-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-1-mo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-1-mo-1.png.webp"></div> <div class="card w-138ex h-193ex rounded-14ex bg-[#FAFAFA] justify-end flex items-center"><img class="w-109ex object-cover pr-6ex" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-mo-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-mo-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-mo-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-mo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-2-mo-1.png.webp"></div> </div> <div class="gear2 absolute left-[calc(50vw+82ex)] top-50ex z-2"> <div class="card w-138ex h-193ex rounded-14ex bg-[#FAFAFA] mb-24ex flex items-center"><img class="w-98ex object-cover pl-18ex" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-3-mo-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-3-mo-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-3-mo-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-3-mo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-3-mo-1.png.webp"></div> <div class="card w-138ex h-193ex rounded-14ex bg-[#FAFAFA] flex items-center"><img class="w-98ex object-cover pl-14ex" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-mo-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-mo-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-mo-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-mo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-card-4-mo-1.png.webp"></div> </div> </div> <div class="w-full px-16ex pb-80ex"> <div class="content"> <div class="s font-m text-14px !leading-[120%] tracking-[0.02em] text-opacity-95" zn-text="" textKey="pet.text.title"><p class="zn-text-inner" zn-text-inner="">Interactive Pets</p></div> <div class="t font-m text-opacity-95 mt-6ex !leading-[127%] text-30px tracking-[0.02em]" zn-text="" textKey="pet.text.content"><p class="zn-text-inner" zn-text-inner="">Get Your Digital Pet</p></div> <div class="d text-opacity-95 opacity-65 mt-14ex mt-20ex -tracking-[0.005em] text-16px !leading-[140%]" zn-text="" textKey="pet.text.desc"><p class="zn-text-inner" zn-text-inner="">Choose an interactive digital pet, from 5 different animals, yours to play with in quiet moments. Listening to your fave tune? Your pet rocks out with you. Grabbing a quick selfie? Your pet takes one too. Say hi to the new furry friend in your phone.</p></div> </div> </div> </div> <div data-gtm-view="Part16: Cover Screen Bitmoji AOD and GIF Wallpaper"> <div class="alter-ego-en w-full px-16ex box-border"> <div class="w-full bg-[#FAFAFA] py-18ex rounded-4ex"> <div class="content px-14ex"> <div class="content"> <div class="s font-m text-14px !leading-[120%] tracking-[0.02em] text-opacity-95" zn-text="" textKey="pet.alter-ego.title"><p class="zn-text-inner" zn-text-inner="">Cover Screen Bitmoji AOD</p></div> <div class="t font-m text-opacity-95 mt-6ex text-24px !leading-[133%]" zn-text="" textKey="pet.alter-ego.desc"><p class="zn-text-inner" zn-text-inner="">Your Always-on Alter Ego</p></div> <div class="d text-opacity-95 opacity-65 mt-14ex text-14px !leading-[140%] -tracking-[0.005em]" zn-text="" textKey="pet.alter-ego.content"><p class="zn-text-inner" zn-text-inner="">Your cover screen holds loads of great surprises in the Always-On Display, from convenient information to your Bitmoji avatar, the mini “digital you” who might pop up with an umbrella when it rains or push up zzzzs when you turn in for the night.</p></div> </div> </div> <div class="relative w-full mt-33ex h-216ex"> <div class="img-wrapper absolute w-182ex h-204ex z-2 left-1/2 transform -translate-x-1/2"> <div class="wrapper w-full h-full absolute z-2 top-0 left-0"> <div class="icons w-full h-full relative"><img class="icon absolute top-0 left-0 w-full h-full opacity-100 ok-wrapper-mo-0" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-1-1-90.png.webp"><img class="icon absolute top-0 left-0 w-full h-full opacity-0 ok-wrapper-mo-1" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-2-1-90.png.webp"><img class="icon absolute top-0 left-0 w-full h-full opacity-0 ok-wrapper-mo-2" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-3-1-90.png.webp"> </div> </div><img class="absolute top-0 left-0 w-full h-full z-1" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-phone-mo-1.png.webp"> </div><img class="absolute w-322ex h-129ex z-1 left-1/2 transform -translate-x-1/2" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-bitmoji-mo-1.png.webp"> </div> </div> </div> <div class="git-t-en w-full px-16ex box-border mt-8ex mb-48ex"> <div class="w-full bg-[#FAFAFA] py-18ex rounded-4ex"> <div class="content px-14ex"> <div class="content"> <div class="s font-m text-14px !leading-[120%] tracking-[0.02em] text-opacity-95" zn-text="" textKey="pet.git-t.title"><p class="zn-text-inner" zn-text-inner="">GIF Wallpaper</p></div> <div class="t font-m text-opacity-95 mt-6ex text-24px !leading-[133%]" zn-text="" textKey="pet.git-t.desc"><p class="zn-text-inner" zn-text-inner="">It’s a GIF-T</p></div> <div class="d text-opacity-95 opacity-65 mt-14ex text-14px !leading-[140%] -tracking-[0.005em]" zn-text="" textKey="pet.git-t.content"><p class="zn-text-inner" zn-text-inner="">Showcase your favourite GIF of the moment on your cover screen. Add animated animal antics, epic movie moments and more as your wallpaper, swapping them over to suit your mood.</p></div> </div> </div> <div class="gif-wrapper w-full mt-25ex pb-3ex"> <div class="scroll-wrapper w-full px-14ex flex justify-between"> <div class="item h-183ex w-97ex rounded-13ex overflow-hidden transform translate-z-0"> <div class="w-full h-full rounded-13ex relative"> <div class="time absolute w-34ex h-38ex object-cover top-20ex left-1/2 transform -translate-x-1/2 z-10"><img class="w-full h-full object-cover" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-mo-1.svg?v=20230217"></div> <div class="scroll-video-wrapper h-full w-full" ani-autoplay-video="" data-src-mo="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/1-scenery_256.flv"> <canvas></canvas> <video></video><img data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-1-scenery_256_poster-1.jpg.webp"> </div> </div> </div> <div class="item h-183ex w-97ex rounded-13ex overflow-hidden transform translate-z-0"> <div class="w-full h-full rounded-13ex relative"> <div class="time absolute w-34ex h-38ex object-cover top-20ex left-1/2 transform -translate-x-1/2 z-10"><img class="w-full h-full object-cover" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-mo-1.svg?v=20230217"></div> <div class="scroll-video-wrapper h-full w-full" ani-autoplay-video="" data-src-mo="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/2-scenery_256.flv"> <canvas></canvas> <video></video><img data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-2-scenery_256_poster-1.jpg.webp"> </div> </div> </div> <div class="item h-183ex w-97ex rounded-13ex overflow-hidden transform translate-z-0"> <div class="w-full h-full rounded-13ex relative"> <div class="time absolute w-34ex h-38ex object-cover top-20ex left-1/2 transform -translate-x-1/2 z-10"><img class="w-full h-full object-cover" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-time-mo-1.svg?v=20230217"></div> <div class="scroll-video-wrapper h-full w-full" ani-autoplay-video="" data-src-mo="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/3-scenery_256.flv"> <canvas></canvas> <video></video><img data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/videos-petEn-3-scenery_256_poster-1.jpg.webp"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="keep-conver py-32ex bg-[#FAFAFA]" data-gtm-view="Part17: Quick Reply"> <div class="flex flex-col items-center px-16ex box-border"> <div class="content"> <div class="s font-m text-14px !leading-[120%] tracking-[0.02em] text-opacity-95" zn-text="" textKey="reply.title"><p class="zn-text-inner" zn-text-inner="">Quick Reply</p></div> <div class="t font-m text-opacity-95 mt-6ex !leading-[127%] mt-8ex text-30px tracking-[0.02em]" zn-text="" textKey="reply.desc"><p class="zn-text-inner" zn-text-inner="">Keep The Conversation Flowing</p></div> <div class="d text-opacity-95 opacity-65 mt-14ex text-16px !leading-[150%] mt-20ex" zn-text="" textKey="reply.content"><p class="zn-text-inner" zn-text-inner="">There’s no need to flip open your phone, hit your friends back in an instant from your cover screen with pre-set text or emojis.</p></div> </div><img class="w-172ex h-194ex object-cover my-32ex" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-keepFlow-mo-1.png.webp"> <div class="keepConImg w-full h-240ex overflow-hidden"><img class="w-full h-[110%] object-cover" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pet-en-keepConF-mo-1.png.webp"></div> </div> </div> </div> </div>  <div class="pb-80rpx" ani-leave=""> <div class="w-screen pc-pad-only" id="section-fold" ani-fold="" ani-will-change-view=""> <div class="w-full mx-auto relative z-0"> <div class="sticky-container relative h-auto z-1"> <div class="z-20 w-full pt-142rpx pb-35px pad:pb-32px"> <div class="title w-full flex justify-center items-center will-change-transform"> <div class="leave relative flex flex-col pad:w-524px pad:mx-auto w-684px text-center"> <div> <div class="before-title text-18 font-m mb-8px mot:text-14m" zn-text="" textKey="fold.main.before"><p class="zn-text-inner" zn-text-inner="">Smart Widgets</p></div> <div class="content-1 text-48px font-m mot:text-30m" zn-text="" textKey="fold.main.title"><p class="zn-text-inner" zn-text-inner="">Functionality at Your Fingertips</p></div> </div> <div class="desc mt-24px text-18 w-540px mx-auto opacity-65 mot:text-16m mo:text-opacity-95 pad:mt-20px" zn-text="" textKey="fold.main.desc"><p class="zn-text-inner" zn-text-inner="">Whether it’s your camera at your fingertips or access to the forecast so you’re dressed for the weather, customise your cover screen to supply the information and functionality you need.</p></div> </div> </div> </div> <div class="h-auto top-[var(--nav-height)]"> <div class="cards-panel mx-auto w-360rpx h-406rpx max-h-[var(--max-h)] max-w-[var(--max-w)] " style="--max-h: calc(var(--content-height)*.6); --max-w:calc(var(--max-h)*373/422)"> <div class="c-move w-full h-full will-change relative"> <div class="phone-wrapper transform top-0 left-0 w-full h-full z-10 absolute"><img class="absolute full z-10 left-0 top-0" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-phone-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-phone-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-phone-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-phone-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-phone-1.png.webp"> </div> <div class="cards absolute w-full h-full z-5"> <div class="card card-center absolute w-152/248 h-288/295 top-5/295 left-48/248 transform rounded-[13%/7%] overflow-hidden"><img class="h-full w-full z-1 absolute" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-center-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-center-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-center-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-center-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-center-1.jpg.webp"> <div class="bg absolute w-full h-full z-0 "></div> </div> <div class="card card-right w-193/373 h-367/421 rounded-[13%/7%] transform rotate-[var(--rotate)] bottom-32/421 left-90/373 absolute overflow-hidden will-change w-205/360 h-369/406" data-index="1" style="--rotate: 13deg; z-index: 9"> <img class="h-full w-full z-1 absolute origin-bottom rounded-[13%/7%]" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-r-1-en-1.jpg.webp?v=20230215" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-r-1-en-1.jpg.webp?v=20230215" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-r-1-en-d7111.jpg.webp?v=20230215" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-r-1-en-1.jpg.webp?v=20230215" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-r-1-en-1.jpg.webp?v=20230215"> <div class="bg absolute w-full h-full z-0 "></div> </div> <div class="card card-right w-193/373 h-367/421 rounded-[13%/7%] transform rotate-[var(--rotate)] bottom-32/421 left-90/373 absolute overflow-hidden will-change w-205/360 h-369/406" data-index="2" style="--rotate: 23deg; z-index: 8"> <img class="h-full w-full z-1 absolute origin-bottom rounded-[13%/7%]" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-r-2-en-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-r-2-en-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-r-2-en-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-r-2-en-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-r-2-en-1.jpg.webp"> <div class="bg absolute w-full h-full z-0 "></div> </div> <div class="card card-left rounded-[13%/7%] transform rotate-[var(--rotate)] bottom-32/421 left-90/373 absolute overflow-hidden will-change w-205/360 h-369/406" data-index="1" style="--rotate: -13deg; z-index: 9"><img class="h-full w-full z-1 absolute origin-bottom rounded-[13%/7%]" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-l-1-en-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-l-1-en-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-l-1-en-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-l-1-en-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-l-1-en-1.jpg.webp"> <div class="bg absolute w-full h-full z-0 "></div> </div> <div class="card card-left rounded-[13%/7%] transform rotate-[var(--rotate)] bottom-32/421 left-90/373 absolute overflow-hidden will-change w-205/360 h-369/406" data-index="2" style="--rotate: -23deg; z-index: 8"><img class="h-full w-full z-1 absolute origin-bottom rounded-[13%/7%]" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-l-2-en-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-l-2-en-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-l-2-en-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-l-2-en-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-fold-card-l-2-en-1.jpg.webp"> <div class="bg absolute w-full h-full z-0 "></div> </div> </div> </div> </div> </div> </div> </div> <div class="fix-bottom pc-pad-only mt-256rpx"></div> </div> <div class="relative mo-only -mt-1px" id="section-foldMo" data-gtm-view="Part18: Smart Widgets"> <div class="absolute -top-12px" id="section-fold"></div> <div class=" w-full h-auto pb-80ex -mt-1px" ani-foldMo=""> <div class="h-auto w-full overflow-hidden"> <div class="w-328ex mx-auto flex flex-col items-center "> <div class="h-439ex flex mt-48ex card-wrapper w-328ex"> <div class="mt-144ex card box"><img class="card" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-foldMo-img-1-en-1.png.webp"></div> <div class="h-406ex w-104ex ml-8ex flex flex-col box"><img class="card" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-foldMo-img-2-en-1.png.webp"><img class="mt-8ex card" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-foldMo-img-3-en-1.png.webp"></div> <div class="h-406ex w-104ex ml-8ex flex flex-col mt-33ex box"><img class="card" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-foldMo-img-4-en-1.png.webp"><img class="mt-8ex card" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-foldMo-img-5-en-1.png.webp"></div> </div> <div class="text-wrapper"> <div class="text-14px !leading-[1.2] font-m mt-32ex" zn-text="" textKey="fold.main.before"><p class="zn-text-inner" zn-text-inner="">Smart Widgets</p></div> <div class="text-30px !leading-[1.27] font-m mt-6ex" zn-text="" textKey="fold.main.title"><p class="zn-text-inner" zn-text-inner="">Functionality at Your Fingertips</p></div> <div class="text-16px !leading-[1.5] mt-20ex opacity-65" zn-text="" textKey="fold.main.desc"><p class="zn-text-inner" zn-text-inner="">Whether it’s your camera at your fingertips or access to the forecast so you’re dressed for the weather, customise your cover screen to supply the information and functionality you need.</p></div> </div> </div> </div> </div> </div>    </div> <div id="Camera" ani-pixel-en=""> <div class="py-182rpx py-96ex bg-white w-full flex justify-center pct:text-68px !pct:leading-[1.1] mot:text-42px !mot:leading-[1.3] tracking-[0.02em] mo:text-center" data-gtm-view="Part20: Fold Flex Frame Be Free"> <div class="text-black font-m" zn-text="" textKey="pixel.title"><p class="zn-text-inner" zn-text-inner="">Fold, Flex, <br class='mo-pad-only'/>Frame, Be Free</p></div> </div> <div class="w-full bg-[#FAFAFA] pixel-part-wrapper min-h-740rpx" data-gtm-view="Part21: Quick High-Res Selfie"> <div class="pc:h-full w-1440rpx mo:w-full mx-auto flex mo:flex-col pad:flex-row pad:h-full"> <div class="h-full pc:w-[50%] w-328ex flex flex-col justify-center mo:mx-auto py-32ex py-60rpx"> <div class="ml-64rpx w-496rpx w-[344apx] text-wrapper ml-[24apx]"> <div class="font-m tracking-0.5px whitespace-nowrap !leading-[1.2] pct:text-18px mot:text-14px" zn-text="" textKey="pixel.part0.text0"><p class="zn-text-inner" zn-text-inner="">Quick High-Res Selfie</p></div> <div class="font-m mt-8rpx mt-6ex mb-24rpx mb-20ex whitespace-nowrap pct:text-48px mot:text-30px !pct:leading-[1.1] !mot:leading-[1.27]" zn-text="" textKey="pixel.part0.text1"><p class="zn-text-inner" zn-text-inner="">Amp up Your Image</p></div> <div class="opacity-65 pct:text-18px mot:text-16px !pct:leading-[1.5] !mot:leading-[1.4]" zn-text="" textKey="pixel.part0.text2"><p class="zn-text-inner" zn-text-inner="">Double-click your volume button<sup>8</sup> and your camera springs to life. With almost no crop on your preview, what you see is what you’ll get. Need extra detail? Selfies are now possible with the powerful rear camera for extra wow factors.</p></div> </div> <div class="w-592rpx w-[339apx] h-[203apx] w-328ex h-184ex h-323rpx max-h-323rpx pad:max-h-none overflow-hidden ml-64rpx mt-40rpx mt-24ex mt-[28apx] ml-[24apx]"><img class="w-592rpx h-410rpx mo:w-full pad:w-full mo:h-[111%] mo:object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-1-0-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-1-0-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-1-0-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-1-0-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-1-0-pad-1.jpg.webp"></div> </div> <div class="h-full pc:w-[50%] h-340ex pad:h-full mo:w-full overflow-hidden"><img class="w-full h-948rpx mo:h-[111%] pad:h-[111%] mo:object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-0-0-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-0-0-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-0-0-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-0-0-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-0-0-pad-1.jpg.webp"></div> </div> </div> <div class="pt-80rpx pb-40rpx py-48ex w-328ex w-1312rpx mx-auto pb-[0apx] pt-[80apx]"> <div class="font-m pct:text-48px mot:text-36px !pct:leading-[1.21]" zn-text="" textKey="pixel.part1.title"><p class="zn-text-inner" zn-text-inner="">Flex for Creative Freedom</p></div> </div> <div class="pad-only w-1312rpx relative pixel-text-wrapper mx-auto"> <div class="w-full absolute top-0 left-0 flex pixel-text-en mt-[48apx] mb-[32apx] "> <div class="font-m w-[50%] mot:text-30px !mot:leading-[1.27] pad:text-24px !pad:leading-[1.17]" zn-text="" textKey="pixel.part1.0.title"><p class="zn-text-inner" zn-text-inner="">Hands-Free Selfies</p></div> <div class="opacity-65 w-[50%] mot:text-16px !mot:leading-[1.4]" zn-text="" textKey="pixel.part1.0.desc"><p class="zn-text-inner" zn-text-inner="">Lose that intrusive “selfie arm” from your images. Simply angle your self-supporting phone and take a picture with a gesture, no tripod, no pressing the shutter button.</p></div> </div> <div class="w-full absolute top-0 left-0 flex pixel-text-en mt-[48apx] mb-[32apx] loading-hide"> <div class="font-m w-[50%] mot:text-30px !mot:leading-[1.27] pad:text-24px !pad:leading-[1.17]" zn-text="" textKey="pixel.part1.1.title"><p class="zn-text-inner" zn-text-inner="">Low Angle,<br/>High Style, Zero Effort</p></div> <div class="opacity-65 w-[50%] mot:text-16px !mot:leading-[1.4]" zn-text="" textKey="pixel.part1.1.desc"><p class="zn-text-inner" zn-text-inner="">Unleash your inner fashion photographer as you use the preview frame as a waist-level viewfinder, snapping stylish low-angle snaps without the tiring bend in your back.</p></div> </div> <div class="w-full absolute top-0 left-0 flex pixel-text-en mt-[48apx] mb-[32apx] loading-hide"> <div class="font-m w-[50%] mot:text-30px !mot:leading-[1.27] pad:text-24px !pad:leading-[1.17]" zn-text="" textKey="pixel.part1.2.title"><p class="zn-text-inner" zn-text-inner="">Let’s Go Retro</p></div> <div class="opacity-65 w-[50%] mot:text-16px !mot:leading-[1.4]" zn-text="" textKey="pixel.part1.2.desc"><p class="zn-text-inner" zn-text-inner="">Your flexible folding phone doubles as a DV video recorder, giving a super fun retro shooting experience that creates jaw-dropping footage you’ll just have to share.<sup>9</sup></p></div> </div> </div> <div class="w-1312rpx mx-auto h-710rpx h-[545apx] w-328ex pb-80rpx pb-[80apx] w-[calc(100%-48apx)] flex mo:flex-col mo:items-end pad:flex-row pad:items-start" data-gtm-view="Part22: Hands-Free Selfies"> <div class="pc-only pc:h-138px w-1px cursor-pointer mt-40rpx mr-20rpx flex flex-col pc:w-309px mo:w-245px"> <div class="pc:h-46px mo:h-40px flex items-center -ml-1px choiceundefined line-black-border pixel-button" data-gtm-click="Hands-Free Selfies" data-gtm-label="FlexForm Selfie"> <div class="font-m ml-16ex ml-16rpx whitespace-nowrap pct:text-20px !pct:leading-[1.4]" zn-text="" textKey="pixel.part1.btn0"><p class="zn-text-inner" zn-text-inner="">FlexForm Selfie</p></div> </div> <div class="pc:h-46px mo:h-40px flex items-center -ml-1px choiceundefined opacity-30 line-black-border pixel-button" data-gtm-click="Hands-Free Selfies" data-gtm-label="Waist-Level Framing"> <div class="font-m ml-16ex ml-16rpx whitespace-nowrap pct:text-20px !pct:leading-[1.4]" zn-text="" textKey="pixel.part1.btn1"><p class="zn-text-inner" zn-text-inner="">Waist-Level Framing</p></div> </div> <div class="pc:h-46px mo:h-40px flex items-center -ml-1px choiceundefined opacity-30 line-black-border pixel-button" data-gtm-click="Hands-Free Selfies" data-gtm-label="DV Recording"> <div class="font-m ml-16ex ml-16rpx whitespace-nowrap pct:text-20px !pct:leading-[1.4]" zn-text="" textKey="pixel.part1.btn2"><p class="zn-text-inner" zn-text-inner="">DV Recording</p></div> </div> </div> <div class="pc-mo-only w-523rpx w-328ex mo:mx-auto pt-40rpx flex flex-col justify-between mo:items-end mr-20rpx"> <div class="w-full relative mo:flex mo:items-end h-[calc(166px+20ex)] pixel-text-wrapper"> <div class="w-full absolute mo:bottom-0 pc:top-0 left-0 pixel-text-en "> <div class="font-m pct:text-32px mot:text-30px !pct:leading-[1.4] !mot:leading-[1.27]" zn-text="" textKey="pixel.part1.0.title"><p class="zn-text-inner" zn-text-inner="">Hands-Free Selfies</p></div> <div class="mt-24rpx mt-20ex opacity-65 pct:text-18px mot:text-16px !pct:leading-[1.5] !mot:leading-[1.4]" zn-text="" textKey="pixel.part1.0.desc"><p class="zn-text-inner" zn-text-inner="">Lose that intrusive “selfie arm” from your images. Simply angle your self-supporting phone and take a picture with a gesture, no tripod, no pressing the shutter button.</p></div> </div> <div class="w-full absolute mo:bottom-0 pc:top-0 left-0 pixel-text-en loading-hide"> <div class="font-m pct:text-32px mot:text-30px !pct:leading-[1.4] !mot:leading-[1.27]" zn-text="" textKey="pixel.part1.1.title"><p class="zn-text-inner" zn-text-inner="">Low Angle,<br/>High Style, Zero Effort</p></div> <div class="mt-24rpx mt-20ex opacity-65 pct:text-18px mot:text-16px !pct:leading-[1.5] !mot:leading-[1.4]" zn-text="" textKey="pixel.part1.1.desc"><p class="zn-text-inner" zn-text-inner="">Unleash your inner fashion photographer as you use the preview frame as a waist-level viewfinder, snapping stylish low-angle snaps without the tiring bend in your back.</p></div> </div> <div class="w-full absolute mo:bottom-0 pc:top-0 left-0 pixel-text-en loading-hide"> <div class="font-m pct:text-32px mot:text-30px !pct:leading-[1.4] !mot:leading-[1.27]" zn-text="" textKey="pixel.part1.2.title"><p class="zn-text-inner" zn-text-inner="">Let’s Go Retro</p></div> <div class="mt-24rpx mt-20ex opacity-65 pct:text-18px mot:text-16px !pct:leading-[1.5] !mot:leading-[1.4]" zn-text="" textKey="pixel.part1.2.desc"><p class="zn-text-inner" zn-text-inner="">Your flexible folding phone doubles as a DV video recorder, giving a super fun retro shooting experience that creates jaw-dropping footage you’ll just have to share.<sup>9</sup></p></div> </div> </div> <div class="mo-only w-1px cursor-pointer flex flex-col w-245ex my-24ex"> <div class="h-40ex flex items-center -ml-1px choiceundefined line-black-border pixel-button" data-gtm-click="Hands-Free Selfies" data-gtm-label="FlexForm Selfie"> <div class="font-m ml-16ex whitespace-nowrap mot:text-16px !mot:leading-[1.5]" zn-text="" textKey="pixel.part1.btn0"><p class="zn-text-inner" zn-text-inner="">FlexForm Selfie</p></div> </div> <div class="h-40ex flex items-center -ml-1px choiceundefined opacity-30 line-black-border pixel-button" data-gtm-click="Hands-Free Selfies" data-gtm-label="Waist-Level Framing"> <div class="font-m ml-16ex whitespace-nowrap mot:text-16px !mot:leading-[1.5]" zn-text="" textKey="pixel.part1.btn1"><p class="zn-text-inner" zn-text-inner="">Waist-Level Framing</p></div> </div> <div class="h-40ex flex items-center -ml-1px choiceundefined opacity-30 line-black-border pixel-button" data-gtm-click="Hands-Free Selfies" data-gtm-label="DV Recording"> <div class="font-m ml-16ex whitespace-nowrap mot:text-16px !mot:leading-[1.5]" zn-text="" textKey="pixel.part1.btn2"><p class="zn-text-inner" zn-text-inner="">DV Recording</p></div> </div> </div> <div class="pc-only pc:w-full h-full pc:max-h-351px overflow-hidden relative pixel-img-wrapper"><img class="w-full h-[111%] object-cover absolute pixel-img-w" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-0-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-0-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-0-d7111.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-0-pad-1.jpg.webp"><img class="w-full h-[111%] object-cover absolute pixel-img-w" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-1-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-1-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-1-d7111.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-1-pad-1.jpg.webp"><img class="w-full h-[111%] object-cover absolute pixel-img-w" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-2-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-2-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-2-d7111.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-2-pad-1.jpg.webp"> </div> </div> <div class="pad-only flex flex-col w-[50%] h-full justify-between"> <div class="h-138px w-1px cursor-pointer mr-20rpx flex flex-col w-217px"> <div class="pc:h-46px mo:h-40px flex items-center -ml-1px choiceundefined line-black-border pixel-button" data-gtm-click="Hands-Free Selfies" data-gtm-label="FlexForm Selfie"> <div class="font-m ml-16ex ml-16rpx text-18px whitespace-nowrap !leading-[1.4]" zn-text="" textKey="pixel.part1.btn0"><p class="zn-text-inner" zn-text-inner="">FlexForm Selfie</p></div> </div> <div class="pc:h-46px mo:h-40px flex items-center -ml-1px choiceundefined opacity-30 line-black-border pixel-button" data-gtm-click="Hands-Free Selfies" data-gtm-label="Waist-Level Framing"> <div class="font-m ml-16ex ml-16rpx text-18px whitespace-nowrap !leading-[1.4]" zn-text="" textKey="pixel.part1.btn1"><p class="zn-text-inner" zn-text-inner="">Waist-Level Framing</p></div> </div> <div class="pc:h-46px mo:h-40px flex items-center -ml-1px choiceundefined opacity-30 line-black-border pixel-button" data-gtm-click="Hands-Free Selfies" data-gtm-label="DV Recording"> <div class="font-m ml-16ex ml-16rpx text-18px whitespace-nowrap !leading-[1.4]" zn-text="" textKey="pixel.part1.btn2"><p class="zn-text-inner" zn-text-inner="">DV Recording</p></div> </div> </div> <div class="h-[250apx] w-[339apx] overflow-hidden relative pixel-img-wrapper"><img class="w-full h-[111%] object-cover absolute pixel-img-w" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-0-pad-1.jpg.webp"><img class="w-full h-[111%] object-cover absolute pixel-img-w" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-1-pad-1.jpg.webp"><img class="w-full h-[111%] object-cover absolute pixel-img-w" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-2-pad-1.jpg.webp"> </div> </div> <div class="w-440rpx pc:h-full pad:w-[50%] w-245ex h-310ex mo:flex mo:items-end overflow-hidden relative mb-4ex"><img class="w-full h-[111%] object-cover absolute pixel-img-h top-0" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-0-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-0-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-0-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-0-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-0-pad-1.jpg.webp"><img class="w-full h-[111%] object-cover absolute pixel-img-h top-0" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-1-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-1-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-1-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-1-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-1-pad-1.jpg.webp"><img class="w-full h-[111%] object-cover absolute pixel-img-h top-0" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-2-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-2-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-2-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-2-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-h-2-pad-1.jpg.webp"> </div> <div class="mo-only w-328ex h-183ex overflow-hidden relative mb-80ex"><img class="w-full h-[111%] object-cover absolute pixel-img-w" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-0-mo-1.jpg.webp"><img class="w-full h-[111%] object-cover absolute pixel-img-w" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-1-mo-1.jpg.webp"><img class="w-full h-[111%] object-cover absolute pixel-img-w" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-w-2-mo-1.jpg.webp"> </div> </div> <div class="w-full bg-[#FAFAFA] pixel-part-wrapper min-h-740rpx" data-gtm-view="Part23: Dual Preview"> <div class="pc:h-full w-1440rpx mo:w-full mx-auto flex mo:flex-col pad:flex-row pc:flex-row-reverse pad:flex-row-reverse pad:h-full"> <div class="h-full pc:w-[50%] w-328ex flex flex-col justify-center mo:mx-auto py-32ex py-60rpx"> <div class="ml-64rpx w-496rpx w-[344apx] text-wrapper ml-[24apx]"> <div class="font-m tracking-0.5px whitespace-nowrap !leading-[1.2] pct:text-18px mot:text-14px" zn-text="" textKey="pixel.part2.text0"><p class="zn-text-inner" zn-text-inner="">Dual Preview</p></div> <div class="font-m mt-8rpx mt-6ex mb-24rpx mb-20ex whitespace-nowrap pct:text-48px mot:text-30px !pct:leading-[1.1] !mot:leading-[1.27]" zn-text="" textKey="pixel.part2.text1"><p class="zn-text-inner" zn-text-inner="">Get Pics Perfect</p></div> <div class="opacity-65 pct:text-18px mot:text-16px !pct:leading-[1.5] !mot:leading-[1.4]" zn-text="" textKey="pixel.part2.text2"><p class="zn-text-inner" zn-text-inner="">Let your friends see what they’ll look like in your shot, so they can perfect a pout, straighten their hair and give the camera their very best expression.</p></div> </div> <div class="w-592rpx w-[339apx] h-[203apx] w-328ex h-184ex h-323rpx max-h-323rpx pad:max-h-none overflow-hidden ml-64rpx mt-40rpx mt-24ex mt-[28apx] ml-[24apx]"><img class="w-592rpx h-410rpx mo:w-full pad:w-full mo:h-[111%] mo:object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-1-1-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-1-1-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-1-1-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-1-1-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-1-1-pad-1.jpg.webp"></div> </div> <div class="h-full pc:w-[50%] h-340ex pad:h-full mo:w-full overflow-hidden"><img class="w-full h-948rpx mo:h-[111%] pad:h-[111%] mo:object-cover" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-0-1-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-0-1-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-0-1-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-0-1-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-img-0-1-pad-1.jpg.webp"></div> </div> </div> </div> <div class="pt-1ex mo:bg-[#FAFAFA] pad:bg-white" id="section-hasee-en"> <div class="w-1312rpx mx-auto w-328ex pb-80ex pb-[0apx] w-[720apx]" data-gtm-view="Part24: Turn Up the Camera Tech"> <div class="w-872rpx pc:mx-auto mt-142rpx w-328ex mt-[80apx] w-[548apx]"> <div class="font-m mt-62ex mt-[80apx] mb-[20apx] mb-20ex pct:text-48px mot:text-30px !pct:leading-[1.1] pc:text-center !mot:leading-[1.27]" zn-text="" textKey="camera.title"><p class="zn-text-inner" zn-text-inner="">Turn up the Camera Tech</p></div> <div class="mt-24rpx mt-[0apx] text-[#595959] !leading-[1.4] pct:text-18px mot:text-16px pc:text-center mo:tracking-[-0.005em]" zn-text="" textKey="camera.desc"><p class="zn-text-inner" zn-text-inner="">The high-resolution cameras are packed with premium tech, including <span class='font-m text-black'>flagship Sony sensors</span> and the <span class='font-m text-black'>MariSilicon X Imaging NPU</span> to deliver crisper, clearer images with outstanding quality no matter what the lighting conditions.</p></div> </div> <div class="w-full mt-55rpx mt-[32apx] pad:items-start flex mo:flex-col justify-between pad:flex-row"><img class="mo-only w-360ex h-317ex -ml-16ex" alt="Find N2 Flip Cameras" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-phone-mo-1.png.webp"> <div class="w-253px mt-95rpx mt-[0apx] w-328ex mo:mx-auto mt-32ex pad:w-160px pt-[23apx]"> <div class="font-m text-20px !leading-[1.4] pad:text-18px" zn-text="" textKey="camera.left.title"><p class="zn-text-inner" zn-text-inner="">50MP Wide-Angle Camera</p></div> <div class="mt-6rpx mt-6ex text-14px !leading-[1.6] pad:text-12px" zn-text="" textKey="camera.left.desc"><p class="zn-text-inner" zn-text-inner="">Sony IMX890 Sensor<br/>1/1.56” Sensor Size<br/>f/1.8 Aperture<br/>DOL-HDR<br/>All-Pixel Omni-Directional PDAF</p></div> <div class="font-m my-16ex mt-32rpx mt-[15apx] text-20px !leading-[1.4] pad:text-18px !pad:leading-[1.4]" zn-text="" textKey="camera.left.112"><p class="zn-text-inner" zn-text-inner="">112° Ultra Wide Camera</p></div> </div><img class="pc-pad-only w-665rpx h-443rpx pad:w-[351apx] pad:h-[320apx] pad:object-contain mx-[12apx]" alt="Find N2 Flip Cameras" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-phone-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-phone-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-phone-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-en-phone-pad-1.png.webp"> <div class="w-253px pc:w-208px mt-95rpx mt-[0apx] pad:w-173px pt-[23apx] flex pc:justify-end pad:justify-start"> <div class="text-wrapper"> <div class="font-m text-20px !leading-[1.4] pad:text-18px" zn-text="" textKey="camera.right.title"><p class="zn-text-inner" zn-text-inner="">32MP Front Camera</p></div> <div class="mt-6rpx mt-6ex text-14px w-[160apx] !leading-[1.6] pad:text-12px" zn-text="" textKey="camera.right.desc"><p class="zn-text-inner" zn-text-inner="">Sony IMX709 Sensor<br/>OPPO’s New Generation RGBW<br/>DOL-HDR</p></div> </div> </div> </div> </div> <div class="w-full bg-en-hasee" ani-hasee="" data-gtm-view="Part25: Hasselblad for Mobile"> <div class="w-full bg-[#FAFAFA] pt-77rpx pb-30ex pt-[80apx] pb-[0apx]" ani-leave="" data-start="1"> <div class="w-1312rpx w-328ex mx-auto"> <div class="w-full pc:flex justify-between items-between mb-60rpx mt-20ex mb-[32apx] mt-[0apx]"> <div class="font-m w-632rpx pct:text-48px mot:text-30px !pct:leading-[1.1] !mot:leading-[1.27]" zn-text="" textKey="camera.iconic.title"><p class="zn-text-inner" zn-text-inner="">Iconic Camera <br/>Meets Modern Tech</p></div> <div class="mt-20ex mt-[0apx] opacity-65 w-632rpx pct:text-18px mot:text-16px !pct:leading-[1.5] !mot:leading-[1.4] mo:tracking-[-0.005em]" zn-text="" textKey="camera.iconic.desc"><p class="zn-text-inner" zn-text-inner="">This co-developed camera system gives you the authentic feel of the classic Hasselblad camera. From the iconic leaf shutter sound to legendary XPan, plus hasselblad natural colour calibration, this feels like the real deal. And Master Filters add even more style to your photography.</p></div> </div><img class="w-1308rpx h-79rpx mb-40rpx w-331ex h-20ex mb-20ex mt-40ex mt-[32apx] mb-[20apx]" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-hasse-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-hasse-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-hasse-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-hasse-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-pixel-hasse-1.svg"> <div class="w-1312rpx w-328ex mb-18ex mb-[0apx]"> <div class="w-1312rpx w-328ex h-486rpx h-122.48ex overflow-hidden"><img class="w-full h-[111%] object-cover hasse-image-en" alt="Hasselblad Camera for Mobile" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img0-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img0-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img0-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img0-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img0-pad-1.jpg.webp"></div> <div class="mt-12rpx mt-8ex pc-only pct:text-18px mot:text-16px !pct:leading-[1.56] !mot:leading-[1.5]" zn-text="" textKey="camera.img0"><p class="zn-text-inner" zn-text-inner="">XPan</p></div> <div class="font-m mt-12rpx mt-[12apx] mt-8ex mo-pad-only pct:text-18px mot:text-16px !pct:leading-[1.56] !mot:leading-[1.5]" zn-text="" textKey="camera.img0"><p class="zn-text-inner" zn-text-inner="">XPan</p></div> </div> <div class="flex pb-70rpx pb-[80apx] justify-between mt-40rpx mo:flex-col pad:flex-row mt-[20apx]"> <div class="w-432rpx w-328ex mb-18ex mb-[0apx]"> <div class="w-432rpx w-328ex h-528rpx h-240ex overflow-hidden"><img class="w-full h-[111%] object-cover hasse-image-en" alt="Hasselblad Camera for Mobile" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img1-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img1-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img1-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img1-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img1-pad-1.jpg.webp"></div> <div class="mt-12rpx mt-8ex pc-only pct:text-18px mot:text-16px !pct:leading-[1.56] !mot:leading-[1.5]" zn-text="" textKey="camera.img1"><p class="zn-text-inner" zn-text-inner="">Pro Mode</p></div> <div class="font-m mt-12rpx mt-[12apx] mt-8ex mo-pad-only pct:text-18px mot:text-16px !pct:leading-[1.56] !mot:leading-[1.5]" zn-text="" textKey="camera.img1"><p class="zn-text-inner" zn-text-inner="">Pro Mode</p></div> </div> <div class="w-872rpx w-328ex mb-18ex mb-[0apx]"> <div class="w-872rpx w-328ex h-528rpx h-359ex overflow-hidden"><img class="w-full h-[111%] object-cover hasse-image-en" alt="Hasselblad Camera for Mobile" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img2-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img2-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img2-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img2-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-hasee-en-img2-pad-1.jpg.webp"></div> <div class="mt-12rpx mt-8ex pc-only pct:text-18px mot:text-16px !pct:leading-[1.56] !mot:leading-[1.5]" zn-text="" textKey="camera.img2"><p class="zn-text-inner" zn-text-inner="">Master Filters</p></div> <div class="font-m mt-12rpx mt-[12apx] mt-8ex mo-pad-only pct:text-18px mot:text-16px !pct:leading-[1.56] !mot:leading-[1.5]" zn-text="" textKey="camera.img2"><p class="zn-text-inner" zn-text-inner="">Master Filters</p></div> </div> </div> </div> </div> </div> </div> <div class="bg-[#000]" id="section-flagship-en" ani-flagship-en=""> <div id="Performance"></div> <div class="py-182rpx py-96ex bg-#000 w-full flex justify-center pct:text-68px !pct:leading-[1.1] mot:text-42px !mot:leading-[1.3] tracking-[0.02em] mo:text-center" data-gtm-view="Part26: Empowering Performance"> <div class="text-white font-m" zn-text="" textKey="flagship.title.0"><p class="zn-text-inner" zn-text-inner="">Empowering Performance</p></div> </div> <div class="container pc-pad-only w-full pb-80rpx pb-[80apx]"> <div class="box w-1312rpx pad:w-[720apx] mx-auto"> <div class="reverseDiff w-full"> <div class="item relative flex justify-between pc:pt-54rpx pc:h-506rpx pad:h-[280apx] pad:pt-[0apx]" data-gtm-view="Part27: 44W SUPERVOOC"> <div class="content relative h-full text-[#fff] flex flex-col justify-center"> <div class="config pad:text-14px text-18px font-m !leading-[120%] pc:tracking-[0.5px] pad:tracking-[0.02em] pad:text-opacity-95" zn-text="" textKey="flagship.flash.config"><p class="zn-text-inner" zn-text-inner="">44W SUPERVOOC<sub>TM</sub><sup>2</sup></p></div> <div class="title text-48px pad:text-30px font-m !pc:leading-[110%] !pad:leading-[127%] text-opacity-95 mt-8rpx mt-[8apx] pad:tracking-0.02em" zn-text="" textKey="flagship.flash.title"><p class="zn-text-inner" zn-text-inner="">Ready in a Flash</p></div> <div class="desc text-18px pad:text-16px !pad:leading-[150%] !pc:leading-[140%] text-opacity-95 opacity-65 mt-24rpx mb-40rpx pad:my-[20apx] w-486rpx w-[342apx]" zn-text="" textKey="flagship.flash.desc"><p class="zn-text-inner" zn-text-inner="">The powerful 44W SUPERVOOC<sub>TM</sub> flash charge gets you ready to rock again in no time.</p></div> <div class="inline-flex"> <div class="bgBox bg-[#201F1C] flex rounded-8rpx pc:py-20rpx text-[#fff] mot:p-16ex mot:rounded-4ex flex-col px-20rpx px-[16apx] py-[14apx]"> <div class="time pct:text-14px !pct:leading-[121%] mot:text-12px !mot:leading-[120%] font-m" zn-text="" textKey="flagship.flash.1"><p class="zn-text-inner" zn-text-inner="">23 minutes charge to</p></div> <div class="power text-28px font-m !leading-[121%] mot:text-24px mt-8rpx mt-8ex" zn-text="" textKey="flagship.flash.function1"><p class="zn-text-inner" zn-text-inner="">50% battery<sup>10</sup></p></div> </div> </div> </div> <div class="differ-wrapper pc:w-763rpx pad:w-[358apx] overflow-hidden relative"><img class="absolute w-full h-[110%] object-cover" alt="44W SUPERVOOC" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-flash-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-flash-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-flash-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-flash-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-flash-1.png.webp"></div> </div> <div class="item flex justify-between py-80rpx pad:py-[80apx]" data-gtm-view="Part28: 4300mAh Large Battery"> <div class="differ-wrapper w-762rpx pad:w-[358apx] overflow-hidden"><img class="w-full h-[110%] object-cover" alt="4300mAh Battery" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-stayingPower-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-stayingPower-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-stayingPower-d7111.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-stayingPower-pad-1.png.webp"></div> <div class="content flex-1 text-[#fff] pl-64rpx pad:pl-[24apx] box-border flex flex-col justify-center"> <div class="config pad:text-14px text-18px font-m !leading-[120%] pc:tracking-[0.5px] pad:tracking-[0.02em] pad:text-opacity-95" zn-text="" textKey="flagship.power.config"><p class="zn-text-inner" zn-text-inner="">4300mAh<sup>11</sup> Large Battery</p></div> <div class="title text-48px pad:text-30px font-m !pc:leading-[110%] !pad:leading-[127%] text-opacity-95 mt-8rpx mt-[8apx] pad:tracking-0.02em" zn-text="" textKey="flagship.power.title"><p class="zn-text-inner" zn-text-inner="">All Day Staying Power<sup>12</sup></p></div> <div class="desc text-18px pad:text-16px !pad:leading-[150%] !pc:leading-[140%] text-opacity-95 opacity-65 mt-24rpx mb-40rpx pad:my-[20apx] w-486rpx w-[338apx]" zn-text="" textKey="flagship.power.desc"><p class="zn-text-inner" zn-text-inner="">A big battery and loads of energy efficiency tech delivers a phone with serious staying power, so you can live life to the full.</p></div> <div class="flex flex-wrap gap-y-8rpx gap-x-8rpx"> <div class="inline-flex"> <div class="bgBox bg-[#201F1C] flex rounded-8rpx pc:py-20rpx text-[#fff] mot:p-16ex mot:rounded-4ex flex-col-reverse px-20rpx pad:w-[160apx] pad:py-[16apx]"> <div class="time pct:text-14px !pct:leading-[121%] mot:text-12px !mot:leading-[120%] font-m" zn-text="" textKey="flagship.power.function1"><p class="zn-text-inner" zn-text-inner="">Video streaming</p></div> <div class="power text-28px font-m !leading-[121%] mot:text-24px mb-8rpx mb-8ex" zn-text="" textKey="flagship.power.1"><p class="zn-text-inner" zn-text-inner="">20 hours</p></div> </div> </div> <div class="inline-flex"> <div class="bgBox bg-[#201F1C] flex rounded-8rpx pc:py-20rpx text-[#fff] mot:p-16ex mot:rounded-4ex flex-col-reverse px-20rpx pad:w-[160apx] pad:py-[16apx]"> <div class="time pct:text-14px !pct:leading-[121%] mot:text-12px !mot:leading-[120%] font-m" zn-text="" textKey="flagship.power.function2"><p class="zn-text-inner" zn-text-inner="">Social media</p></div> <div class="power text-28px font-m !leading-[121%] mot:text-24px mb-8rpx mb-8ex" zn-text="" textKey="flagship.power.2"><p class="zn-text-inner" zn-text-inner="">16 hours</p></div> </div> </div> <div class="inline-flex"> <div class="bgBox bg-[#201F1C] flex rounded-8rpx pc:py-20rpx text-[#fff] mot:p-16ex mot:rounded-4ex flex-col-reverse px-20rpx pad:w-[160apx] pad:py-[16apx]"> <div class="time pct:text-14px !pct:leading-[121%] mot:text-12px !mot:leading-[120%] font-m" zn-text="" textKey="flagship.power.function3"><p class="zn-text-inner" zn-text-inner="">Video call<sup>12</sup></p></div> <div class="power text-28px font-m !leading-[121%] mot:text-24px mb-8rpx mb-8ex" zn-text="" textKey="flagship.power.3"><p class="zn-text-inner" zn-text-inner="">6 hours</p></div> </div> </div> </div> </div> </div> </div> <div class="telescopicBox flex" data-gtm-view="Part29: Performance"> <div class="text-wrapper relative flex-1 mr-48rpx mr-[10apx] rounded-[4apx] rounded-8rpx overflow-hidden"> <ul class="rounded-8rpx rounded-[4apx]"> <li class="active"> <div class="showTitle w-full px-16ex px-20rpx pad:px-[18apx] flex items-center justify-between cursor-pointer bg-[#201F1C] overflow-hidden text-[#fff]"> <div class="font-m pct:text-18px mot:text-16px !leading-[120%] tracking-[0.5px]" zn-text="" textKey="flagship.power.con1"><p class="zn-text-inner" zn-text-inner="">MediaTek Dimensity 9000+</p></div> <div class="arrow w-24rpx h-24rpx w-24ex h-24ex w-[24apx] h-[24apx] box-border flex items-center justify-center"><img class="w-full h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg"></div> </div> <div class="expansion flex justify-center items-center overflow-hidden w-full"> <div class="text-wrapper text-[#fff]"> <div class="t text-18px leading-[140%] text-opacity-95 pc-only" zn-text="" textKey="flagship.power.con1"><p class="zn-text-inner" zn-text-inner="">MediaTek Dimensity 9000+</p></div> <div class="t text-14px leading-[120%] text-opacity-95 tracking-[0.02em] font-m mo-pad-only" zn-text="" textKey="flagship.power.con1"><p class="zn-text-inner" zn-text-inner="">MediaTek Dimensity 9000+</p></div> <div class="d pc:text-40px mo:text-30px pad:text-24px !mo:leading-[127%] font-m pad:!leading-[140%] pc:!leading-[120%] pct:tracking-[0.5px] mot:tracking-[0.02em] mt-8rpx pad:mt-[4apx] mot:mt-6ex mot:text-opacity-95" zn-text="" textKey="flagship.power.con1.t"><p class="zn-text-inner" zn-text-inner="">Ultimate Performance<br/> Increased Stamina</p></div> <div class="c pct:text-18px mot:text-16px opacity-65 !leading-[140%] !pad:leading-[150%] w-568rpx mt-16rpx pad:w-[316apx] mt-[16apx]" zn-text="" textKey="flagship.power.con1.c"><p class="zn-text-inner" zn-text-inner="">Whether you’re watching, listening, filming, chatting or gaming, do more for longer. The flagship 5G chip uses less power, whilst still delivering the ultimate in performance on CPU and graphics.</p></div> </div> </div> </li> <li> <div class="showTitle w-full px-16ex px-20rpx pad:px-[18apx] flex items-center justify-between cursor-pointer bg-[#201F1C] overflow-hidden text-[#fff]"> <div class="font-m pct:text-18px mot:text-16px !leading-[120%] tracking-[0.5px]" zn-text="" textKey="flagship.power.con2"><p class="zn-text-inner" zn-text-inner=""><sup></sup>6.8” 120Hz Screen<sup>13</sup></p></div> <div class="arrow w-24rpx h-24rpx w-24ex h-24ex w-[24apx] h-[24apx] box-border flex items-center justify-center"><img class="w-full h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg"></div> </div> <div class="expansion flex flex-col pl-[18apx] pl-20rpx w-full justify-center overflow-hidden"> <div class="text-wrapper text-[#fff]"> <div class="t text-18px leading-[140%] text-opacity-95 pc-only" zn-text="" textKey="flagship.power.con2"><p class="zn-text-inner" zn-text-inner=""><sup></sup>6.8” 120Hz Screen<sup>13</sup></p></div> <div class="t text-14px leading-[120%] text-opacity-95 tracking-[0.02em] font-m mo-pad-only" zn-text="" textKey="flagship.power.con2"><p class="zn-text-inner" zn-text-inner=""><sup></sup>6.8” 120Hz Screen<sup>13</sup></p></div> <div class="d pc:text-40px mo:text-30px pad:text-24px !mo:leading-[127%] font-m pad:!leading-[140%] pc:!leading-[120%] pct:tracking-[0.5px] mot:tracking-[0.02em] mt-8rpx pad:mt-[4apx] mot:mt-6ex mot:text-opacity-95" zn-text="" textKey="flagship.power.con2.t"><p class="zn-text-inner" zn-text-inner="">Unfold Amazing</p></div> <div class="c pct:text-18px mot:text-16px opacity-65 !leading-[140%] !pad:leading-[150%] w-568rpx mt-16rpx pad:w-[316apx] mt-[16apx]" zn-text="" textKey="flagship.power.con2.c"><p class="zn-text-inner" zn-text-inner="">Unfolds to the amazingly smooth and immersive view designed for your digital life, from intense gaming to addictive videos. Enjoy the experience for longer thanks to the industry-leading luminous material.</p></div> </div> <div class="mt-40rpx flex w-348rpx min-w-280px w-[265apx] mt-[16apx] justify-between"> <div class="text-box"> <div class="wrapper text-[#fff]"> <div class="c pct:text-28px pad:text-20px mot:text-22px !leading-[110%] font-m" zn-text="" textKey="flagship.power.con2.com1"><p class="zn-text-inner" zn-text-inner="">UTG</p></div> <div class="m text-12px !leading-[117%] text-opacity-75 mt-2rpx mt-3ex mt-[3apx]" zn-text="" textKey="flagship.power.con2.material1"><p class="zn-text-inner" zn-text-inner="">Glass</p></div> </div><img class="w-89rpx h-27rpx w-79ex h-25ex w-[56apx] h-[17apx] mt-20rpx" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-1-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-1-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-1-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-1-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-1-1.png.webp"> </div> <div class="text-box"> <div class="wrapper text-[#fff]"> <div class="c pct:text-28px pad:text-20px mot:text-22px !leading-[110%] font-m" zn-text="" textKey="flagship.power.con2.com2"><p class="zn-text-inner" zn-text-inner="">120Hz</p></div> <div class="m text-12px !leading-[117%] text-opacity-75 mt-2rpx mt-3ex mt-[3apx]" zn-text="" textKey="flagship.power.con2.material2"><p class="zn-text-inner" zn-text-inner="">Refresh Rate<sup>13</sup></p></div> </div><img class="w-100rpx h-19rpx w-95ex h-19ex w-[74apx] h-[15apx] mt-20rpx" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-2-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-2-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-2-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-2-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-2-1.png.webp"> </div> <div class="text-box"> <div class="wrapper text-[#fff]"> <div class="c pct:text-28px pad:text-20px mot:text-22px !leading-[110%] font-m" zn-text="" textKey="flagship.power.con2.com3"><p class="zn-text-inner" zn-text-inner="">E6</p></div> <div class="m text-12px !leading-[117%] text-opacity-75 mt-2rpx mt-3ex mt-[3apx]" zn-text="" textKey="flagship.power.con2.material3"><p class="zn-text-inner" zn-text-inner="">Luminous Material</p></div> </div><img class="w-76rpx h-28rpx w-62ex h-23ex w-[52apx] h-[20apx] mt-20rpx" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-3-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-3-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-3-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-3-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-3-1.png.webp"> </div> </div> </div> </li> <li> <div class="showTitle w-full px-16ex px-20rpx pad:px-[18apx] flex items-center justify-between cursor-pointer bg-[#201F1C] overflow-hidden text-[#fff]"> <div class="font-m pct:text-18px mot:text-16px !leading-[120%] tracking-[0.5px]" zn-text="" textKey="flagship.power.con3"><p class="zn-text-inner" zn-text-inner="">360° Surround Antenna</p></div> <div class="arrow w-24rpx h-24rpx w-24ex h-24ex w-[24apx] h-[24apx] box-border flex items-center justify-center"><img class="w-full h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg"></div> </div> <div class="expansion w-full flex justify-center items-center overflow-hidden"> <div class="text-wrapper text-[#fff]"> <div class="t text-18px leading-[140%] text-opacity-95 pc-only" zn-text="" textKey="flagship.power.con3"><p class="zn-text-inner" zn-text-inner="">360° Surround Antenna</p></div> <div class="t text-14px leading-[120%] text-opacity-95 tracking-[0.02em] font-m mo-pad-only" zn-text="" textKey="flagship.power.con3"><p class="zn-text-inner" zn-text-inner="">360° Surround Antenna</p></div> <div class="d pc:text-40px mo:text-30px pad:text-24px !mo:leading-[127%] font-m pad:!leading-[140%] pc:!leading-[120%] pct:tracking-[0.5px] mot:tracking-[0.02em] mt-8rpx pad:mt-[4apx] mot:mt-6ex mot:text-opacity-95" zn-text="" textKey="flagship.power.con3.t"><p class="zn-text-inner" zn-text-inner="">Surrounded by Signal</p></div> <div class="c pct:text-18px mot:text-16px opacity-65 !leading-[140%] !pad:leading-[150%] w-568rpx mt-16rpx pad:w-[316apx] mt-[16apx]" zn-text="" textKey="flagship.power.con3.c"><p class="zn-text-inner" zn-text-inner="">The antenna is cleverly wrapped right around the phone, meaning you get great signals, no matter how you’re holding it.</p></div> </div> </div> </li> </ul> </div> <div class="img-wrapper w-656rpx w-[358apx] overflow-hidden"> <div class="w-full h-full relative"><img class="img-c absolute w-full h-[110%] object-cover z-3 top-0 left-0" alt="MediaTek Dimensity 9000+" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-mediaTek-1-90.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-mediaTek-1-90.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-mediaTek-d7111-90.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-mediaTek-pad-1-90.png.webp"><img class="img-c absolute w-full h-[110%] object-cover z-2 top-0 left-0" alt="6.8˝ 120Hz Screen" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-unfold-1-90.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-unfold-1-90.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-unfold-d7111-90.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-unfold-pad-1-90.png.webp"><img class="img-c absolute w-full h-[110%] object-cover z-1 top-0 left-0" alt="" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-surSignal-1-90.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-surSignal-1-90.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-surSignal-d7111-90.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-surSignal-pad-1-90.png.webp"> </div> </div> </div> </div> </div> <div class="mo-only"> <div class="container w-full pb-48ex"> <div class="item px-16ex pb-80ex" data-gtm-view="Part27: 44W SUPERVOOC"> <div class="w-328ex h-240ex overflow-hidden"><img class="w-full h-[110%] object-cover" alt="44W SUPERVOOC" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-flash-mo-1.png.webp"></div> <div class="box w-full mt-32ex"> <div class="text-wrapper text-[#fff]"> <div class="t text-18px leading-[140%] text-opacity-95 pc-only" zn-text="" textKey="flagship.flash.config"><p class="zn-text-inner" zn-text-inner="">44W SUPERVOOC<sub>TM</sub><sup>2</sup></p></div> <div class="t text-14px leading-[120%] text-opacity-95 tracking-[0.02em] font-m mo-pad-only" zn-text="" textKey="flagship.flash.config"><p class="zn-text-inner" zn-text-inner="">44W SUPERVOOC<sub>TM</sub><sup>2</sup></p></div> <div class="d pc:text-40px mo:text-30px pad:text-24px !mo:leading-[127%] font-m pad:!leading-[140%] pc:!leading-[120%] pct:tracking-[0.5px] mot:tracking-[0.02em] mt-8rpx pad:mt-[4apx] mot:mt-6ex mot:text-opacity-95" zn-text="" textKey="flagship.flash.title"><p class="zn-text-inner" zn-text-inner="">Ready in a Flash</p></div> <div class="c pct:text-18px mot:text-16px opacity-65 !leading-[140%] !pad:leading-[150%] -tracking-[0.005em] mt-20ex" zn-text="" textKey="flagship.flash.desc"><p class="zn-text-inner" zn-text-inner="">The powerful 44W SUPERVOOC<sub>TM</sub> flash charge gets you ready to rock again in no time.</p></div> </div> <div class="inline-flex"> <div class="bgBox bg-[#201F1C] flex rounded-8rpx pc:py-20rpx text-[#fff] mot:p-16ex mot:rounded-4ex flex-col mt-20ex"> <div class="time pct:text-14px !pct:leading-[121%] mot:text-12px !mot:leading-[120%] font-m" zn-text="" textKey="flagship.flash.1"><p class="zn-text-inner" zn-text-inner="">23 minutes charge to</p></div> <div class="power text-28px font-m !leading-[121%] mot:text-24px mt-8rpx mt-8ex" zn-text="" textKey="flagship.flash.function1"><p class="zn-text-inner" zn-text-inner="">50% battery<sup>10</sup></p></div> </div> </div> </div> </div> <div class="item px-16ex pb-80ex" data-gtm-view="Part28: 4300mAh Large Battery"> <div class="w-328ex h-240ex overflow-hidden"><img class="w-full h-[110%] object-cover" alt="4300mAh Battery" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-stayingPower-mo-1.png.webp"></div> <div class="box w-full mt-32ex"> <div class="text-wrapper text-[#fff]"> <div class="t text-18px leading-[140%] text-opacity-95 pc-only" zn-text="" textKey="flagship.power.config"><p class="zn-text-inner" zn-text-inner="">4300mAh<sup>11</sup> Large Battery</p></div> <div class="t text-14px leading-[120%] text-opacity-95 tracking-[0.02em] font-m mo-pad-only" zn-text="" textKey="flagship.power.config"><p class="zn-text-inner" zn-text-inner="">4300mAh<sup>11</sup> Large Battery</p></div> <div class="d pc:text-40px mo:text-30px pad:text-24px !mo:leading-[127%] font-m pad:!leading-[140%] pc:!leading-[120%] pct:tracking-[0.5px] mot:tracking-[0.02em] mt-8rpx pad:mt-[4apx] mot:mt-6ex mot:text-opacity-95" zn-text="" textKey="flagship.power.title"><p class="zn-text-inner" zn-text-inner="">All Day Staying Power<sup>12</sup></p></div> <div class="c pct:text-18px mot:text-16px opacity-65 !leading-[140%] !pad:leading-[150%] -tracking-[0.005em] mt-20ex" zn-text="" textKey="flagship.power.desc"><p class="zn-text-inner" zn-text-inner="">A big battery and loads of energy efficiency tech delivers a phone with serious staying power, so you can live life to the full.</p></div> </div> <div class="flex flex-wrap mt-20ex"> <div class="inline-flex"> <div class="bgBox bg-[#201F1C] flex rounded-8rpx pc:py-20rpx text-[#fff] mot:p-16ex mot:rounded-4ex flex-col-reverse w-160ex"> <div class="time pct:text-14px !pct:leading-[121%] mot:text-12px !mot:leading-[120%] font-m" zn-text="" textKey="flagship.power.function1"><p class="zn-text-inner" zn-text-inner="">Video streaming</p></div> <div class="power text-28px font-m !leading-[121%] mot:text-24px mb-8rpx mb-8ex" zn-text="" textKey="flagship.power.1"><p class="zn-text-inner" zn-text-inner="">20 hours</p></div> </div> </div> <div class="inline-flex"> <div class="bgBox bg-[#201F1C] flex rounded-8rpx pc:py-20rpx text-[#fff] mot:p-16ex mot:rounded-4ex flex-col-reverse w-160ex ml-8ex"> <div class="time pct:text-14px !pct:leading-[121%] mot:text-12px !mot:leading-[120%] font-m" zn-text="" textKey="flagship.power.function2"><p class="zn-text-inner" zn-text-inner="">Social media</p></div> <div class="power text-28px font-m !leading-[121%] mot:text-24px mb-8rpx mb-8ex" zn-text="" textKey="flagship.power.2"><p class="zn-text-inner" zn-text-inner="">16 hours</p></div> </div> </div> <div class="inline-flex"> <div class="bgBox bg-[#201F1C] flex rounded-8rpx pc:py-20rpx text-[#fff] mot:p-16ex mot:rounded-4ex flex-col-reverse w-160ex mt-8ex"> <div class="time pct:text-14px !pct:leading-[121%] mot:text-12px !mot:leading-[120%] font-m" zn-text="" textKey="flagship.power.function3"><p class="zn-text-inner" zn-text-inner="">Video call<sup>12</sup></p></div> <div class="power text-28px font-m !leading-[121%] mot:text-24px mb-8rpx mb-8ex" zn-text="" textKey="flagship.power.3"><p class="zn-text-inner" zn-text-inner="">6 hours</p></div> </div> </div> </div> </div> </div> <div class="switch-wrapper w-full px-16ex" data-gtm-view="Part29: Performance"> <div class="img-wrapper relative w-full h-236ex mb-14ex overflow-hidden"><img class="absolute w-full h-[110%] z-3 object-cover" alt="MediaTek Dimensity 9000+" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-mediaTek-mo-1.png.webp"><img class="absolute w-full h-[110%] z-2 object-cover" alt="6.8˝ 120Hz Screen" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-unfold-mo-1.png.webp"><img class="absolute w-full h-[110%] z-1 object-cover" alt="" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-surSignal-mo-1.png.webp"> </div> <div class="content-wrapper w-full rounded-4ex overflow-hidden"> <ul> <li class="active"> <div class="showTitle w-full px-16ex px-20rpx pad:px-[18apx] flex items-center justify-between cursor-pointer bg-[#201F1C] overflow-hidden text-[#fff]"> <div class="font-m pct:text-18px mot:text-16px !leading-[120%] tracking-[0.5px]" zn-text="" textKey="flagship.power.con1"><p class="zn-text-inner" zn-text-inner="">MediaTek Dimensity 9000+</p></div> <div class="arrow w-24rpx h-24rpx w-24ex h-24ex w-[24apx] h-[24apx] box-border flex items-center justify-center"><img class="w-full h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg"></div> </div> <div class="expansion w-full px-16ex flex flex-col justify-center overflow-hidden h-352ex"> <div class="text-wrapper text-[#fff]"> <div class="s text-14px leading-[120%] font-m" zn-text="" textKey="flagship.power.con1"><p class="zn-text-inner" zn-text-inner="">MediaTek Dimensity 9000+</p></div> <div class="t text-24px leading-[140%] mt-6ex text-opacity-95 tracking-0.02em" zn-text="" textKey="flagship.power.con1.t"><p class="zn-text-inner" zn-text-inner="">Ultimate Performance<br/> Increased Stamina</p></div> <div class="d text-14px opacity-65 !leading-[140%] mt-16ex text-opacity-95 -tracking-0.005em" zn-text="" textKey="flagship.power.con1.c"><p class="zn-text-inner" zn-text-inner="">Whether you’re watching, listening, filming, chatting or gaming, do more for longer. The flagship 5G chip uses less power, whilst still delivering the ultimate in performance on CPU and graphics.</p></div> </div> </div> </li> <li> <div class="showTitle w-full px-16ex px-20rpx pad:px-[18apx] flex items-center justify-between cursor-pointer bg-[#201F1C] overflow-hidden text-[#fff]"> <div class="font-m pct:text-18px mot:text-16px !leading-[120%] tracking-[0.5px]" zn-text="" textKey="flagship.power.con2"><p class="zn-text-inner" zn-text-inner=""><sup></sup>6.8” 120Hz Screen<sup>13</sup></p></div> <div class="arrow w-24rpx h-24rpx w-24ex h-24ex w-[24apx] h-[24apx] box-border flex items-center justify-center"><img class="w-full h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg"></div> </div> <div class="expansion w-full px-16ex flex flex-col justify-center overflow-hidden h-352ex"> <div class="text-wrapper text-[#fff]"> <div class="s text-14px leading-[120%] font-m" zn-text="" textKey="flagship.power.con2"><p class="zn-text-inner" zn-text-inner=""><sup></sup>6.8” 120Hz Screen<sup>13</sup></p></div> <div class="t text-24px leading-[140%] mt-6ex text-opacity-95 tracking-0.02em" zn-text="" textKey="flagship.power.con2.t"><p class="zn-text-inner" zn-text-inner="">Unfold Amazing</p></div> <div class="d text-14px opacity-65 !leading-[140%] mt-16ex text-opacity-95 -tracking-0.005em" zn-text="" textKey="flagship.power.con2.c"><p class="zn-text-inner" zn-text-inner="">Unfolds to the amazingly smooth and immersive view designed for your digital life, from intense gaming to addictive videos. Enjoy the experience for longer thanks to the industry-leading luminous material.</p></div> </div> <div class="mt-24ex flex w-305ex justify-between"> <div class="text-box"> <div class="wrapper text-[#fff]"> <div class="c pct:text-28px pad:text-20px mot:text-22px !leading-[110%] font-m" zn-text="" textKey="flagship.power.con2.com1"><p class="zn-text-inner" zn-text-inner="">UTG</p></div> <div class="m text-12px !leading-[117%] text-opacity-75 mt-2rpx mt-3ex mt-[3apx]" zn-text="" textKey="flagship.power.con2.material1"><p class="zn-text-inner" zn-text-inner="">Glass</p></div> </div><img class="w-89rpx h-27rpx w-79ex h-25ex w-[56apx] h-[17apx] mt-14ex" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-1-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-1-mo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-1-1.svg"> </div> <div class="text-box"> <div class="wrapper text-[#fff]"> <div class="c pct:text-28px pad:text-20px mot:text-22px !leading-[110%] font-m" zn-text="" textKey="flagship.power.con2.com2"><p class="zn-text-inner" zn-text-inner="">120Hz</p></div> <div class="m text-12px !leading-[117%] text-opacity-75 mt-2rpx mt-3ex mt-[3apx]" zn-text="" textKey="flagship.power.con2.material2"><p class="zn-text-inner" zn-text-inner="">Refresh Rate<sup>13</sup></p></div> </div><img class="w-100rpx h-19rpx w-95ex h-19ex w-[74apx] h-[15apx] mt-14ex" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-2-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-2-mo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-2-1.svg"> </div> <div class="text-box"> <div class="wrapper text-[#fff]"> <div class="c pct:text-28px pad:text-20px mot:text-22px !leading-[110%] font-m" zn-text="" textKey="flagship.power.con2.com3"><p class="zn-text-inner" zn-text-inner="">E6</p></div> <div class="m text-12px !leading-[117%] text-opacity-75 mt-2rpx mt-3ex mt-[3apx]" zn-text="" textKey="flagship.power.con2.material3"><p class="zn-text-inner" zn-text-inner="">Luminous Material</p></div> </div><img class="w-76rpx h-28rpx w-62ex h-23ex w-[52apx] h-[20apx] mt-14ex" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-3-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-3-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-3-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-3-mo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-3-1.svg"> </div> </div> </div> </li> <li> <div class="showTitle w-full px-16ex px-20rpx pad:px-[18apx] flex items-center justify-between cursor-pointer bg-[#201F1C] overflow-hidden text-[#fff]"> <div class="font-m pct:text-18px mot:text-16px !leading-[120%] tracking-[0.5px]" zn-text="" textKey="flagship.power.con3"><p class="zn-text-inner" zn-text-inner="">360° Surround Antenna</p></div> <div class="arrow w-24rpx h-24rpx w-24ex h-24ex w-[24apx] h-[24apx] box-border flex items-center justify-center"><img class="w-full h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-flagship-en-svg-arrow-1.svg"></div> </div> <div class="expansion w-full px-16ex flex flex-col justify-center overflow-hidden h-352ex"> <div class="text-wrapper text-[#fff]"> <div class="s text-14px leading-[120%] font-m" zn-text="" textKey="flagship.power.con3"><p class="zn-text-inner" zn-text-inner="">360° Surround Antenna</p></div> <div class="t text-24px leading-[140%] mt-6ex text-opacity-95 tracking-0.02em" zn-text="" textKey="flagship.power.con3.t"><p class="zn-text-inner" zn-text-inner="">Surrounded by Signal</p></div> <div class="d text-14px opacity-65 !leading-[140%] mt-16ex text-opacity-95 -tracking-0.005em" zn-text="" textKey="flagship.power.con3.c"><p class="zn-text-inner" zn-text-inner="">The antenna is cleverly wrapped right around the phone, meaning you get great signals, no matter how you’re holding it.</p></div> </div> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="relative" id="section-color-en" ani-color-en=""> <div class="absolute top-0" id="ColorOS"></div> <div class="container pc-pad-only flex flex-col items-center"> <div class="charpter w-full h-640rpx relative pad:h-[429apx]" data-gtm-view="Part30: ColorOS 13"> <div class="box absolute left-1/2 top-80rpx top-[72apx] transform -translate-x-1/2 z-4 flex flex-col justify-center items-center"> <div class="d pc:text-18px !leading-[120%] font-m pc:tracking-[0.5px] text-opacity-95 mo:text-14px mo:tracking-[0.02em] pad:text-14px" zn-text="" textKey="color.en.desc"><p class="zn-text-inner" zn-text-inner="">Colour Me Beautiful</p></div> <div class="t text-opacity-95 mt-8rpx pad:mt-[8apx] text-48px pad:text-30px leading-[121%] !pad:leading-[110%] font-m" zn-text="" textKey="color.en.title"><p class="zn-text-inner" zn-text-inner="">ColorOS 13</p></div> <div class="c text-16px !leading-[140%] pc:font-m text-opacity-95 opacity-65 w-719rpx pc:mt-24rpx text-center w-[548apx] pad:mt-[20apx] pad:-tracking-[0.005em]" zn-text="" textKey="color.en.content"><p class="zn-text-inner" zn-text-inner=""> Featuring a fresh, stylish design language and being packed with smart, customisable features, ColorOS delivers even more amazing experiences through your phone.</p></div><a class="bg-[#000000] rounded-36rpx mo:rounded-36ex rounded-[36apx] inline-flex cursor-pointer text-14px text-[#fff] pc:font-m pad:font-normal !leading-[157%] tracking-[0.02em] px-24rpx py-11rpx mt-28rpx pad:px-[20apx] py-[9apx] mt-[18apx]" zn-text="" textkey="color.learn.more.btn" href="https://www.oppo.com/au/coloros13/" target="_blank" hover-change="" data-gtm-click="ColorOS 13" data-gtm-label="Learn more"><p class="zn-text-inner" zn-text-inner="">Learn more</p></a> </div> <div class="w-full h-full absolute z-2 overflow-hidden"> <img class="w-full h-full object-cover" alt="ColorOS 13" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-bg-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-bg-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-bg-d7111.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-bg-pad-1.png.webp"></div> </div> <div class="backup w-full py-80rpx pc:bg-[#F5F4F0]" style="display: none;"> <div class="w-1312rpx h-460rpx mx-auto flex justify-between mo:flex-col pad:flex-row pad:h-302px"> <div class="left w-542px h-full pt-30rpx px-30rpx pb-38rpx flex flex-col justify-between pc:rounded-8px bg-white mo:pt-60ex mo:px-16ex pad:w-356px"> <div class="mo:w-328ex pad:w-auto"> <div class="title text-32 font-m mot:text-30m !mo:leading-[1.26]" zn-text="" textKey="backup.title"><p class="zn-text-inner" zn-text-inner="">Our phone comes with <br>Google One & YouTube Premium </p></div> <div class="desc mt-14px text-18 mot:text-16m mo:mt-20px pad:mt-20px opacity-65" zn-text="" textKey="backup.desc"><p class="zn-text-inner" zn-text-inner="">Automatic backup, more storage and extra benefits with Google One. All YouTube, no interruptions with YouTube Premium.</p></div><a class="learn inline-flex items-center justify-center px-24px bg-black h-44px rounded-22px mt-30px text-white border-1px border-black border-solid font-m hover:bg-white hover:border-black hover:text-black duration-500 mot:text-14 pad:h-40px pad:mt-20px mo:mt-20px" target="_blank" href="https://www.oppo.com/au/events/oppo-partnership-with-google/" nofollow=""> <div class="inner" zn-text="" textKey="backup.learn"><p class="zn-text-inner" zn-text-inner="">Learn more</p></div></a> </div> <div><img class="logo w-474rpx h-27rpx object-cover mo:w-287ex mo:h-16ex mo:mt-47px pad:mt-0 pc-mo-only" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp"></div> </div> <div class="right relative flex-1 h-full overflow-hidden pc:ml-8px mo:w-360ex mo:h-190ex mo:pt-6ex mo:pb-12ex mo:bg-white pad:pt-0 pad:pb-0 pad:-ml-[20apx] pad:h-full"><img class="w-full h-full object-cover pad:w-[385apx] pad:h-[210apx] pad:absolute pad:top-35px pad:right-0 !pad:max-w-full pad:object-contain" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-lay-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-lay-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-lay-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-lay-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-lay-pad-1.jpg.webp"> <div class="pad-only absolute w-[324apx] max-w-9/10 h-[18apx] bottom-[30apx] left-1/2 transform -translate-x-1/2"><img class="logo object-contain pad:w-full pad:h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp"></div> </div> </div> </div> <div class="show-wrapper w-full" data-gtm-view="Part31: Portable Protective Case"> <div class="pc-only flex mt-80rpx justify-center"> <div class="img-c mr-8rpx w-542rpx overflow-hidden relative"><img class="absolute w-full h-[calc(100%+30rpx)] object-cover" alt="Protective Case" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-two-1-93.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-two-1-93.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-two-d7111-93.jpg.webp"></div> <div class="show w-762rpx bg-[#F5F4F0] box-border rounded-8rpx inline-block"> <div class="relative w-full py-30rpx pl-30rpx"> <div class="d pc:text-18px !leading-[120%] font-m pc:tracking-[0.5px] text-opacity-95 mo:text-14px mo:tracking-[0.02em] pad:text-14px" zn-text="" textKey="color.en.fold.t"><p class="zn-text-inner" zn-text-inner="">Portable Protective Case</p></div> <div class="t text-opacity-95 text-32px !leading-[120%] mt-10rpx font-m" zn-text="" textKey="color.en.fold.d"><p class="zn-text-inner" zn-text-inner="">Stylish, Elegant and Handheld</p></div>  <div class="c text-16px !leading-[140%] pc:font-m text-opacity-95 opacity-65 mt-20rpx w-351rpx -tracking-[0.005em]" zn-text="" textKey="color.en.fold.c"><p class="zn-text-inner" zn-text-inner="">Lavender and Night Sky make a bold colour statement. The matte vegan leather gives a tactile grip with an eye-catching strap.</p></div><a class="bg-[#000000] rounded-36rpx mo:rounded-36ex rounded-[36apx] inline-flex cursor-pointer text-14px text-[#fff] pc:font-m pad:font-normal !leading-[157%] tracking-[0.02em] px-24rpx py-11rpx mt-200rpx" zn-text="" textkey="color.learn.more.btn" href="https://www.oppo.com/au/smartphones/series-find-n//" target="_blank" hover-change="" data-gtm-click="Portable Protective Case" data-gtm-label="Learn more"><p class="zn-text-inner" zn-text-inner="">Learn more</p></a> <div class="absolute right-49rpx top-147rpx w-363rpx h-261rpx"><img class="w-full h-full object-cover" alt="Protective Case" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-phone-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-phone-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-phone-d7111.png.webp"></div> </div> </div> </div> <div class="pad-only w-full bg-[#FAFAFA] pt-[74apx] px-[24apx]"> <div class="show w-full bg-[#F5F4F0] rounded-[4apx]"> <div class="relative w-full pl-[18apx] pt-[20apx] pb-[25apx]"> <div class="d pc:text-18px !leading-[120%] font-m pc:tracking-[0.5px] text-opacity-95 mo:text-14px mo:tracking-[0.02em] pad:text-14px" zn-text="" textKey="color.en.fold.t"><p class="zn-text-inner" zn-text-inner="">Portable Protective Case</p></div> <div class="t text-opacity-95 pad:text-30px !leading-[127%] mt-[6apx] font-m tracking-[0.02em] pad:w-[328apx]" zn-text="" textKey="color.en.fold.d"><p class="zn-text-inner" zn-text-inner="">Stylish, Elegant and Handheld</p></div>  <div class="c text-16px !leading-[140%] pc:font-m text-opacity-95 opacity-65 mt-[20apx] pad:w-[328apx] -tracking-[0.005em]" zn-text="" textKey="color.en.fold.c"><p class="zn-text-inner" zn-text-inner="">Lavender and Night Sky make a bold colour statement. The matte vegan leather gives a tactile grip with an eye-catching strap.</p></div><a class="bg-[#000000] rounded-36rpx mo:rounded-36ex rounded-[36apx] inline-flex cursor-pointer text-14px text-[#fff] pc:font-m pad:font-normal !leading-[157%] tracking-[0.02em] px-[20apx] py-[9apx] mt-[20apx]" zn-text="" textkey="color.learn.more.btn" href="https://www.oppo.com/au/smartphones/series-find-n//" target="_blank" hover-change="" data-gtm-click="Portable Protective Case" data-gtm-label="Learn more"><p class="zn-text-inner" zn-text-inner="">Learn more</p></a> <div class="absolute right-[55apx] top-[40apx] w-[296apx] h-[211apx]"><img class="w-full h-full object-cover" alt="Protective Case" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-phone-1.png.webp"></div> </div> </div> </div> </div> </div> <div class="mo-only"> <div class="container w-full bg-[#F5F4F0] overflow-hidden"> <div class="charpter w-full relative h-591ex" data-gtm-view="Part30: ColorOS 13"> <div class="content absolute z-2 top-60ex left-16ex"> <div class="d pc:text-18px !leading-[120%] font-m pc:tracking-[0.5px] text-opacity-95 mo:text-14px mo:tracking-[0.02em] pad:text-14px" zn-text="" textKey="color.en.desc"><p class="zn-text-inner" zn-text-inner="">Colour Me Beautiful</p></div> <div class="t text-opacity-95 text-30px !leading-[127%] mt-6ex font-m tracking-[0.02em]" zn-text="" textKey="color.en.title"><p class="zn-text-inner" zn-text-inner="">ColorOS 13</p></div> <div class="c text-16px !leading-[140%] pc:font-m text-opacity-95 opacity-65 mt-20ex -tracking-[0.005em] w-328ex" zn-text="" textKey="color.en.content"><p class="zn-text-inner" zn-text-inner=""> Featuring a fresh, stylish design language and being packed with smart, customisable features, ColorOS delivers even more amazing experiences through your phone.</p></div><a class="bg-[#000000] rounded-36rpx mo:rounded-36ex rounded-[36apx] inline-flex cursor-pointer text-14px text-[#fff] pc:font-m pad:font-normal !leading-[157%] tracking-[0.02em] px-20ex py-9ex mt-20ex" zn-text="" textkey="color.learn.more.btn" href="https://www.oppo.com/au/coloros13/" target="_blank" hover-change="" data-gtm-click="ColorOS 13" data-gtm-label="Learn more"><p class="zn-text-inner" zn-text-inner="">Learn more</p></a> </div><img class="w-full h-full object-cover absolute z-1" alt="ColorOS 13" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-bg-mo-1-90.jpg.webp"> </div> <div class="backup w-full py-80rpx pc:bg-[#F5F4F0]" style="display:none;"> <div class="w-1312rpx h-460rpx mx-auto flex justify-between mo:flex-col pad:flex-row pad:h-302px"> <div class="left w-542px h-full pt-30rpx px-30rpx pb-38rpx flex flex-col justify-between pc:rounded-8px bg-white mo:pt-60ex mo:px-16ex pad:w-356px"> <div class="mo:w-328ex pad:w-auto"> <div class="title text-32 font-m mot:text-30m !mo:leading-[1.26]" zn-text="" textKey="backup.title"><p class="zn-text-inner" zn-text-inner="">Our phone comes with <br>Google One & YouTube Premium </p></div> <div class="desc mt-14px text-18 mot:text-16m mo:mt-20px pad:mt-20px opacity-65" zn-text="" textKey="backup.desc"><p class="zn-text-inner" zn-text-inner="">Automatic backup, more storage and extra benefits with Google One. All YouTube, no interruptions with YouTube Premium.</p></div><a class="learn inline-flex items-center justify-center px-24px bg-black h-44px rounded-22px mt-30px text-white border-1px border-black border-solid font-m hover:bg-white hover:border-black hover:text-black duration-500 mot:text-14 pad:h-40px pad:mt-20px mo:mt-20px" target="_blank" href="https://www.oppo.com/au/events/oppo-partnership-with-google/" nofollow=""> <div class="inner" zn-text="" textKey="backup.learn"><p class="zn-text-inner" zn-text-inner="">Learn more</p></div></a> </div> <div><img class="logo w-474rpx h-27rpx object-cover mo:w-287ex mo:h-16ex mo:mt-47px pad:mt-0 pc-mo-only" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp"></div> </div> <div class="right relative flex-1 h-full overflow-hidden pc:ml-8px mo:w-360ex mo:h-190ex mo:pt-6ex mo:pb-12ex mo:bg-white pad:pt-0 pad:pb-0 pad:-ml-[20apx] pad:h-full"><img class="w-full h-full object-cover pad:w-[385apx] pad:h-[210apx] pad:absolute pad:top-35px pad:right-0 !pad:max-w-full pad:object-contain" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-lay-1.jpg.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-lay-1.jpg.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-lay-d7111.jpg.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-lay-mo-1.jpg.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-lay-pad-1.jpg.webp"> <div class="pad-only absolute w-[324apx] max-w-9/10 h-[18apx] bottom-[30apx] left-1/2 transform -translate-x-1/2"><img class="logo object-contain pad:w-full pad:h-full" data-src-2560="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp" data-src-1440="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp" data-src-1024="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-d7111.png.webp" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp" data-src-768="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-backup-logo-1.png.webp"></div> </div> </div> </div> <div class="show-wrapper py-60ex w-full px-16ex box-border" data-gtm-view="Part31: Portable Protective Case"> <div class="show relative w-762rpx bg-[#F5F4F0] py-30rpx pl-30rpx box-border"> <div class="d pc:text-18px !leading-[120%] font-m pc:tracking-[0.5px] text-opacity-95 mo:text-14px mo:tracking-[0.02em] pad:text-14px" zn-text="" textKey="color.en.fold.t"><p class="zn-text-inner" zn-text-inner="">Portable Protective Case</p></div> <div class="t text-opacity-95 text-30px !leading-[127%] mt-6ex font-m tracking-[0.02em]" zn-text="" textKey="color.en.fold.d"><p class="zn-text-inner" zn-text-inner="">Stylish, Elegant and Handheld</p></div>  <div class="c text-16px !leading-[140%] pc:font-m text-opacity-95 opacity-65 mt-20ex -tracking-[0.005em]" zn-text="" textKey="color.en.fold.c"><p class="zn-text-inner" zn-text-inner="">Lavender and Night Sky make a bold colour statement. The matte vegan leather gives a tactile grip with an eye-catching strap.</p></div><a class="bg-[#000000] rounded-36rpx mo:rounded-36ex rounded-[36apx] inline-flex cursor-pointer text-14px text-[#fff] pc:font-m pad:font-normal !leading-[157%] tracking-[0.02em] px-20ex py-9ex mt-20ex" zn-text="" textkey="color.learn.more.btn" href="https://www.oppo.com/au/smartphones/series-find-n//" target="_blank" hover-change="" data-gtm-click="Portable Protective Case" data-gtm-label="Learn more"><p class="zn-text-inner" zn-text-inner="">Learn more</p></a> <div class="w-full h-180ex mt-34ex"><img class="w-254rpx h-full object-cover mx-auto" alt="Protective Case" data-src-360="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/assets/images-color-en-phone-1.png.webp"></div> </div> </div> </div> </div> </div> <div class="w-full py-128rpx mo:py-96ex mo:px-16ex pad:py-[96apx] box-border" id="section-remarks"> <div class="content pc:w-1312rpx pad:w-[720apx] mo:w-full mx-auto pad:mx-0 mo:mx-0 text-black text-opacity-55" id="Disclaimer"> <ul> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-1"><p class="zn-text-inner" zn-text-inner="">1. Largest view refers to Find N2 Flip’s 3.26” cover screen. As of February 2023, the 3.26” cover screen is the largest among all vertical foldable smartphones.</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-2"><p class="zn-text-inner" zn-text-inner="">2. The SUPERVOOC word mark and logos are trademarks owned by OPPO Mobile Telecommunications Corp., Ltd.</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-3"><p class="zn-text-inner" zn-text-inner="">3. Certified by TÜV Rheinland through testing conducted under laboratory conditions. Actual results may vary with differences in testing environments.</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-4"><p class="zn-text-inner" zn-text-inner="">4. After folding the phone for 24 hours, Find N2 Flip is able to stand on its own when unfolded at any angle between 45-110 degrees. The angle may vary depending on differences in phone usage time or individual devices.</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-5"><p class="zn-text-inner" zn-text-inner="">5. FlexForm experience refers to when the phone is half-folded, the application will automatically split into two parts: the upper half is mainly for display and the lower half is for control. As of December 2022, it supports WhatsApp and ZOOM video calls, YouTube video streaming, OPPO Camera, Clock, Calculator, and Recording.</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-6"><p class="zn-text-inner" zn-text-inner="">6. Screen size is measured diagonally. The actual viewable area is less due to the rounded corners. Please refer to the actual product.</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-7"><p class="zn-text-inner" zn-text-inner="">7. One-Swipe Display only supports some applications. For specific support information, please consult your local retailer and refer to the actual product.</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-8"><p class="zn-text-inner" zn-text-inner="">8. Needs to be manually turned on in the camera settings.</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-9"><p class="zn-text-inner" zn-text-inner="">9. It is not recommended to record videos continuously for a long time, which may cause experience problems. Based on tests performed in OPPO labs (35℃), Find N2 Flip can record videos continuously for about 25 minutes.</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-10"><p class="zn-text-inner" zn-text-inner="">10. Based on tests performed in OPPO labs. The actual charging time may vary depending on differences in environments or individual devices (such as temperature variations and battery age).</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-11"><p class="zn-text-inner" zn-text-inner="">11. OPPO Find N2 Flip battery capacity is 3110mAh + 1190mAh(typical value).</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-12"><p class="zn-text-inner" zn-text-inner="">12. Data is based on tests performed in OPPO labs and may vary depending on the product software version and test environment.</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-13"><p class="zn-text-inner" zn-text-inner="">13. Screen size is measured diagonally. The actual viewable area is less due to the rounded corners and camera hole. Users can choose different refresh rates in the settings, up to 120Hz.</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-14"><p class="zn-text-inner" zn-text-inner="">14. Product pictures 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></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-15"><p class="zn-text-inner" zn-text-inner="">15. Image simulated for illustrative purposes. Actual UI may be different.</p></li> <li class="text-left text-12px leading-[167%] tracking-0.5px" zn-text="" textKey="remark-15"><p class="zn-text-inner" zn-text-inner="">*Terms & Conditions of Google One apply. For details visit: <a href="https://one.google.com/offer/terms-and-conditions/oppo-100gb-6months?g1_landing_page=0" class="" style="text-decoration: underline;" target="_self">HERE.</a></p></li> </ul> </div> </div> </div>  <script type="text/javascript" src="/content/dam/oppo/product-asset-library/find/find-n2-series/global/find-n2-flip/v1/main-v7.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 Find N2 Flip | OPPO Australia