CINXE.COM
OPPO A60 | 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 A60 | OPPO Australia"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.oppo.com/au/smartphones/series-a/a60/"/> <meta property="og:image" content="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/list-page/427-600-purple.png"/> <meta property="og:description" content="The OPPO A60 arrives with 7.68mm ultra slim body,IP54 water and dust resistance,950nit ultra bright display,300% ultra volume mode, and 45W SUPERVOOCTM flash charge."/> <meta property="og:site_name" content="OPPO"/> <meta name="twitter:site" content="@OPPO"/> <meta name="twitter:title" content="OPPO A60 | OPPO Australia"/> <meta name="twitter:description" content="The OPPO A60 arrives with 7.68mm ultra slim body,IP54 water and dust resistance,950nit ultra bright display,300% ultra volume mode, and 45W SUPERVOOCTM flash charge."/> <meta imageurl="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/list-page/427-600-purple.png" name="twitter:image" content="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/list-page/427-600-purple.png"/> <meta content="OPPO A60, OPPO A60 phone, OPPO A60 experience, OPPO A60 design, OPPO A60 photography, OPPO A60 quality, 7.68mm ultra slim,IP54 water and dust resistance,950nit ultra bright display,45W SUPERVOOC™ flash charge,300% ultra volume mode,splash touch,dual stereo speakers,smart charging,5000mAh large battery,Snapdragon® 680 4G mobile platform,RAM expansion,trinity engine,48-month fluency,50MP ultra-clear dual camera,portrait mode,8MP selfie camera,dual-view video recording,turbo torch,360° NFC" name="keywords"/> <title>OPPO A60 | OPPO Australia</title> <meta name="description" content="The OPPO A60 arrives with 7.68mm ultra slim body,IP54 water and dust resistance,950nit ultra bright display,300% ultra volume mode, and 45W SUPERVOOCTM flash charge."/> <link rel="canonical" href="https://www.oppo.com/au/smartphones/series-a/a60/"/> <link rel="alternate" hreflang="es-UY" href="https://www.oppo.com/uy/smartphones/series-a/a60/"> <link rel="alternate" hreflang="pt-BR" href="https://www.oppo.com/br/smartphones/series-a/a60/"> <link rel="alternate" hreflang="es-PE" href="https://www.oppo.com/pe/smartphones/series-a/a60/"> <link rel="alternate" hreflang="ar-PS" href="https://www.oppo.com/ps/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-SA" href="https://www.oppo.com/sa-en/smartphones/series-a/a60/"> <link rel="alternate" hreflang="el-GR" href="https://www.oppo.com/gr/smartphones/series-a/a60/"> <link rel="alternate" hreflang="ro-MD" href="https://www.oppo.com/md/smartphones/series-a/a60/"> <link rel="alternate" hreflang="es-CO" href="https://www.oppo.com/co/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en" href="https://www.oppo.com/en/smartphones/series-a/a60/"> <link rel="alternate" hreflang="it-IT" href="https://www.oppo.com/it/smartphones/series-a/a60/"> <link rel="alternate" hreflang="es-ES" href="https://www.oppo.com/es/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-AU" href="https://www.oppo.com/au/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-NZ" href="https://www.oppo.com/nz/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-MY" href="https://www.oppo.com/my/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-PH" href="https://www.oppo.com/ph/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-SG" href="https://www.oppo.com/sg/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-NP" href="https://www.oppo.com/np/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-BD" href="https://www.oppo.com/bd/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-PK" href="https://www.oppo.com/pk/smartphones/series-a/a60/"> <link rel="alternate" hreflang="km-KH" href="https://www.oppo.com/kh/smartphones/series-a/a60/"> <link rel="alternate" hreflang="id-ID" href="https://www.oppo.com/id/smartphones/series-a/a60/"> <link rel="alternate" hreflang="th-TH" href="https://www.oppo.com/th/smartphones/series-a/a60/"> <link rel="alternate" hreflang="vi-VN" href="https://www.oppo.com/vn/smartphones/series-a/a60/"> <link rel="alternate" hreflang="my-MM" href="https://www.oppo.com/mm/smartphones/series-a/a60/"> <link rel="alternate" hreflang="pl-PL" href="https://www.oppo.com/pl/smartphones/series-a/a60/"> <link rel="alternate" hreflang="pt-PT" href="https://www.oppo.com/pt/smartphones/series-a/a60/"> <link rel="alternate" hreflang="es-MX" href="https://www.oppo.com/mx/smartphones/series-a/a60/"> <link rel="alternate" hreflang="ru-RU" href="https://www.oppo.com/ru/smartphones/series-a/a60/"> <link rel="alternate" hreflang="kk-KZ" href="https://www.oppo.com/kzkk/smartphones/series-a/a60/"> <link rel="alternate" hreflang="uk-UA" href="https://www.oppo.com/ua/smartphones/series-a/a60/"> <link rel="alternate" hreflang="tr-TR" href="https://www.oppo.com/tr/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-AE" href="https://www.oppo.com/ae/smartphones/series-a/a60/"> <link rel="alternate" hreflang="fr-TN" href="https://www.oppo.com/tn/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-JO" href="https://www.oppo.com/jo-en/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-KE" href="https://www.oppo.com/ke/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-NG" href="https://www.oppo.com/ng/smartphones/series-a/a60/"> <link rel="alternate" hreflang="ru-KZ" href="https://www.oppo.com/kz/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-ZA" href="https://www.oppo.com/za/smartphones/series-a/a60/"> <link rel="alternate" hreflang="ar-JO" href="https://www.oppo.com/jo-ar/smartphones/series-a/a60/"> <link rel="alternate" hreflang="ar-SA" href="https://www.oppo.com/sa/smartphones/series-a/a60/"> <link rel="alternate" hreflang="ar-EG" href="https://www.oppo.com/eg/smartphones/series-a/a60/"> <link rel="alternate" hreflang="ar-IQ" href="https://www.oppo.com/iq/smartphones/series-a/a60/"> <link rel="alternate" hreflang="ru-UZ" href="https://www.oppo.com/uzru/smartphones/series-a/a60/"> <link rel="alternate" hreflang="uz-UZ" href="https://www.oppo.com/uz/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-EG" href="https://www.oppo.com/eg-en/smartphones/series-a/a60/"> <link rel="alternate" hreflang="ar-LB" href="https://www.oppo.com/lb-ar/smartphones/series-a/a60/"> <link rel="alternate" hreflang="en-LB" href="https://www.oppo.com/lb-en/smartphones/series-a/a60/"> <link rel="alternate" hreflang="es" href="https://www.oppo.com/latin/smartphones/series-a/a60/"> <link rel="alternate" hreflang="es-EC" href="https://www.oppo.com/ec/smartphones/series-a/a60/"> <link rel="alternate" hreflang="es-PY" href="https://www.oppo.com/py/smartphones/series-a/a60/"> <link rel="alternate" hreflang="es-AR" href="https://www.oppo.com/ar/smartphones/series-a/a60/"> <!-- Google Tag Manager --> <!-- 官网GTM基础代码 --> <script> window.DIGITAL_DATA = { pageInfo: { "pageTitle" : "OPPO A60", "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> <!-- End Google Tag Manager --> <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.307c126bdc0ef64e43599a232db2396f.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"> <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/3d/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> </div> <p>OPPO Find N2 Flip </p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> </div> <p>OPPO A80 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> </div> <p>OPPO A60 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> </div> <p>OPPO A60 <i>New</i></p> </a> </li> </ul> <div class="series-list "> <div class="series-list-left"> <a href="https://www.oppo.com/au/smartphones/?tab1" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find N Series " target="_self">Find N Series </a> <a href="https://www.oppo.com/au/smartphones/?tab2" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find X Series" target="_self">Find X Series</a> <a href="https://www.oppo.com/au/smartphones/?tab3" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Reno Series" target="_self">Reno Series</a> <a href="https://www.oppo.com/au/smartphones/?tab4" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="A Series" target="_self">A Series</a> </div> <div class="series-list-right"> <a class="view-all op-trk-event" href="https://www.oppo.com/au/compare/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Compare" target="_blank">Compare</a> <a class="compare op-trk-event" href="https://www.oppo.com/au/smartphones/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="View All Phones" target="_self">View All Phones</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Tablets" tm-nav_name="Tablets"> <a v-if="isTouch" href="https://www.oppo.com/au/tablets/" @click="navOver(1, $event)" target="_self">Tablets</a> <a v-else href="https://www.oppo.com/au/tablets/" @mouseenter="navOver(1)" target="_self">Tablets</a> <transition name="nav-fade"> <section v-show="navindex == 1" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> </div> <p>OPPO Pad Neo <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> </div> <p>OPPO Pad 2 </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/tablets/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Tablets" tm-nav_name="View Tablets" target="_self">View Tablets</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Audio" tm-nav_name="Audio"> <a v-if="isTouch" href="https://www.oppo.com/au/audio/" @click="navOver(2, $event)" target="_self">Audio</a> <a v-else href="https://www.oppo.com/au/audio/" @mouseenter="navOver(2)" target="_self">Audio</a> <transition name="nav-fade"> <section v-show="navindex == 2" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Buds2 Pro <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Air2 Pro </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> </div> <p>OPPO Enco Air2 </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> </div> <p>OPPO Enco X2 </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/audio/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Audio" tm-nav_name="View Audio" target="_self">View Audio</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Wearables" tm-nav_name="Wearables"> <a v-if="isTouch" href="https://www.oppo.com/au/wearables/" @click="navOver(3, $event)" target="_self">Wearables</a> <a v-else href="https://www.oppo.com/au/wearables/" @mouseenter="navOver(3)" target="_self">Wearables</a> <transition name="nav-fade"> <section v-show="navindex == 3" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/watch-x" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> </div> <p>OPPO Watch X <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch-free/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> </div> <p>OPPO Watch Free </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> </div> <p>OPPO Band </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> </div> <p>OPPO Watch </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/wearables/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Wearables" tm-nav_name="View Wearables" target="_self">View Wearables</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="About OPPO" tm-nav_name="About OPPO"> <a v-if="isTouch" href="https://www.oppo.com/au/about/" @click="navOver(4, $event)" target="_self">About OPPO</a> <a v-else href="https://www.oppo.com/au/about/" @mouseenter="navOver(4)" target="_self">About OPPO</a> <transition name="nav-fade"> <section v-show="navindex == 4" class="nav-list-box link"> <ul> <li> <a href="https://www.oppo.com/au/about/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <p>Our Story </p> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <p>OPPO AI </p> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <p>News </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> </div> </div> </section> </transition> </li> </ul> </div> <div :class="['header-right', {'no-user': !userData.userShow && !dataCart.cartShow, 'no-search': !baseData.searchShow}]"> <ul class="nav-link support-nav"> <li> <a href="https://www.oppo.com/au/coloros15/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="ColorOS" tm-nav_name="ColorOS"> <span class="third-link-title">ColorOS</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://support.oppo.com/au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Support" tm-nav_name="Support"> <span class="third-link-title">Support</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://shop.oppoaustralia.com.au/" target="_blank" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Shop Now" tm-nav_name="Shop Now"> <span class="third-link-title">Shop Now</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://oppopromotions.com.au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Promotions" tm-nav_name="Promotions"> <span class="third-link-title">Promotions</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div v-if="baseData.searchShow" class="search" :class="{show: searchShow}"> <div class="search-box"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z"/> </svg> <input class="op-trk-event" type="text" @click="inputFoucs" @keyup.enter="inputKeyup" v-model="inputValue" :placeholder="baseData.placeholder" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"/> <svg class="empty-search" v-show="inputValue.length > 0" @click="clearSearch" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.27195 10.1562L5.00009 14.4281L5.88398 15.312L10.1558 11.0401L14.4281 15.3124L15.312 14.4285L11.0397 10.1562L15.3121 5.88388L14.4282 5L10.1558 9.27235L5.88388 5.0004L5 5.88428L9.27195 10.1562Z" fill="black" fill-opacity="0.55"/> </svg> </div> </div> <div class="user-cart"> <div v-if="userData.userShow" class="userInfo op-trk-event" @mouseOver="mouseOver('user')" @mouseLeave="mouseLeave('user')" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" tm-button_name="Account Icon"> <img v-if="userInfo.avatar && userInfo.isLogin" class="nav-avatar" :src="userInfo.avatar" alt=""/> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle class="stroke" cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke-width="1.5"/> <path class="stroke" d="M14.75 10.5356C14.75 12.0544 13.5188 13.2856 12 13.2856C10.4812 13.2856 9.25 12.0544 9.25 10.5356C9.25 9.01686 10.4812 7.78564 12 7.78564C13.5188 7.78564 14.75 9.01686 14.75 10.5356Z" stroke-width="1.5"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z"/> </svg> <transition name="box-fade"> <div v-show="userShow" class="user-box"> <div class="user-contain" :class="{isLogin: userInfo.isLogin}"> <ul> <li> <div class="user-avatr"><img class="lazyload" :data-src="userInfo.avatar" alt=""/></div> <div class="user-name"> <p>{{userInfo.name}}</p> <p> <a class="sign-up op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSignUp"> <span>{{userData.txtSignUp}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> <a class="sign-in op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSigniIn"> <span>{{userData.txtSigniIn}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> <a class="log-out op-trk-event" @click="goLogOut" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtLogOut"> <span>{{userData.txtLogOut}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> </p> </div> </li> <li class="user-link" v-if="userData.orderLink"> <a :href="userData.orderLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textOrder"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="path-1-inside-1_13126_83833" fill="white"> <rect x="5" y="3" width="14" height="18" rx="1"/> </mask> <rect x="5" y="3" width="14" height="18" rx="1" stroke="black" stroke-width="3" mask="url(#path-1-inside-1_13126_83833)"/> <rect x="8" y="7" width="8" height="1.5" fill="black"/> <rect x="8" y="10" width="8" height="1.5" fill="black"/> <rect x="8" y="13" width="6" height="1.5" fill="black"/> </svg> <span>{{userData.textOrder}}</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> <li class="user-link" v-if="userData.userLink"> <a :href="userData.userLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtUser"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke="black" stroke-width="1.5"/> <path d="M14.75 10.5352C14.75 12.0539 13.5188 13.2852 12 13.2852C10.4812 13.2852 9.25 12.0539 9.25 10.5352C9.25 9.01637 10.4812 7.78515 12 7.78515C13.5188 7.78515 14.75 9.01637 14.75 10.5352Z" stroke="black" stroke-width="1.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z" fill="black"/> </svg> <span>{{userData.txtUser}}</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> <li v-if="userData.memberLink" class="user-link"> <a :href="userData.memberLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtMember"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 7.625L12.7062 7.27645L12 5.84576L11.2938 7.27645L12 7.625ZM13.1777 10.0111L12.4716 10.3597L12.4719 10.3604L13.1777 10.0111ZM13.5068 10.25L13.3932 11.0293L13.3934 11.0293L13.5068 10.25ZM16.1405 10.6332L16.69 11.1973L17.833 10.0837L16.2539 9.85396L16.1405 10.6332ZM14.2347 12.49L13.6852 11.9259L13.6848 11.9264L14.2347 12.49ZM14.1087 12.875L13.3319 13.0044L13.3326 13.008L14.1087 12.875ZM14.5585 15.5L14.192 16.197L15.6041 16.9395L15.3347 15.367L14.5585 15.5ZM12.2039 14.2619L11.8369 14.9586L11.8374 14.9589L12.2039 14.2619ZM11.7961 14.2619L12.1626 14.9589L12.1631 14.9586L11.7961 14.2619ZM9.4415 15.5L8.66531 15.367L8.39588 16.9395L9.80801 16.197L9.4415 15.5ZM9.89125 12.875L9.11514 12.7416L9.11506 12.742L9.89125 12.875ZM9.76525 12.4874L10.3146 11.9231L10.3144 11.9229L9.76525 12.4874ZM7.8595 10.6332L7.7461 9.85396L6.1656 10.0839L7.31035 11.1977L7.8595 10.6332ZM10.4932 10.25L10.6066 11.0293L10.6069 11.0293L10.4932 10.25ZM10.8223 10.0111L11.5281 10.3604L11.5284 10.3597L10.8223 10.0111ZM11.2938 7.97355L12.4716 10.3597L13.8839 9.66257L12.7062 7.27645L11.2938 7.97355ZM12.4719 10.3604C12.5599 10.5381 12.6897 10.6918 12.8501 10.8083L13.7755 9.53386C13.8213 9.56714 13.8584 9.61106 13.8835 9.66184L12.4719 10.3604ZM12.8501 10.8083C13.0106 10.9248 13.1969 11.0007 13.3932 11.0293L13.6203 9.47074C13.6764 9.47891 13.7297 9.50057 13.7755 9.53386L12.8501 10.8083ZM13.3934 11.0293L16.0271 11.4125L16.2539 9.85396L13.6201 9.47071L13.3934 11.0293ZM15.591 10.0692L13.6852 11.926L14.7843 13.0541L16.69 11.1973L15.591 10.0692ZM13.6848 11.9264C13.5434 12.0643 13.4375 12.2344 13.3761 12.4221L14.8729 12.912C14.8554 12.9656 14.8251 13.0142 14.7847 13.0536L13.6848 11.9264ZM13.3761 12.4221C13.3146 12.6098 13.2995 12.8096 13.332 13.0044L14.8855 12.7456C14.8948 12.8013 14.8905 12.8584 14.8729 12.912L13.3761 12.4221ZM13.3326 13.008L13.7823 15.633L15.3347 15.367L14.8849 12.742L13.3326 13.008ZM14.925 14.803L12.5704 13.5649L11.8374 14.9589L14.192 16.197L14.925 14.803ZM12.5708 13.5651C12.3948 13.4724 12.1989 13.424 12 13.424V14.999C11.9432 14.999 11.8872 14.9851 11.8369 14.9586L12.5708 13.5651ZM12 13.424C11.8011 13.424 11.6052 13.4724 11.4292 13.5651L12.1631 14.9586C12.1128 14.9851 12.0568 14.999 12 14.999V13.424ZM11.4296 13.5649L9.07499 14.803L9.80801 16.197L12.1626 14.9589L11.4296 13.5649ZM10.2177 15.633L10.6674 13.008L9.11506 12.742L8.66531 15.367L10.2177 15.633ZM10.6674 13.0084C10.7011 12.8125 10.6865 12.6113 10.6251 12.4222L9.12722 12.9091C9.10966 12.855 9.10551 12.7975 9.11514 12.7416L10.6674 13.0084ZM10.6251 12.4222C10.5636 12.2331 10.457 12.0618 10.3146 11.9231L9.21594 13.0517C9.17523 13.012 9.14478 12.9631 9.12722 12.9091L10.6251 12.4222ZM10.3144 11.9229L8.40865 10.0688L7.31035 11.1977L9.2161 13.0518L10.3144 11.9229ZM7.9729 11.4125L10.6066 11.0293L10.3799 9.47071L7.7461 9.85396L7.9729 11.4125ZM10.6069 11.0293C10.8031 11.0007 10.9894 10.9248 11.1499 10.8083L10.2245 9.53386C10.2703 9.50057 10.3236 9.47891 10.3796 9.47074L10.6069 11.0293ZM11.1499 10.8083C11.3103 10.6918 11.4401 10.5381 11.5281 10.3604L10.1164 9.66184C10.1416 9.61106 10.1787 9.56714 10.2245 9.53386L11.1499 10.8083ZM11.5284 10.3597L12.7062 7.97355L11.2938 7.27645L10.1161 9.66257L11.5284 10.3597ZM19.9625 12C19.9625 16.3976 16.3976 19.9625 12 19.9625V21.5375C17.2674 21.5375 21.5375 17.2674 21.5375 12H19.9625ZM12 19.9625C7.60243 19.9625 4.0375 16.3976 4.0375 12H2.4625C2.4625 17.2674 6.73258 21.5375 12 21.5375V19.9625ZM4.0375 12C4.0375 7.60243 7.60243 4.0375 12 4.0375V2.4625C6.73258 2.4625 2.4625 6.73258 2.4625 12H4.0375ZM12 4.0375C16.3976 4.0375 19.9625 7.60243 19.9625 12H21.5375C21.5375 6.73258 17.2674 2.4625 12 2.4625V4.0375Z" fill="black" fill-opacity="0.95"/> </svg> <span>{{userData.txtMember}}</span> <!-- 会员等级信息 --> <span v-if="memberData.levelName" class="member font-medium ft-body-3" :class="'level-' + memberData.level"> {{ memberData.levelName }} </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> </ul> <div class="download" v-if="userData.textDownLoad"> <a :href="userData.downloadLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textDownLoad">{{userData.textDownLoad}}</a> </div> </div> </div> </transition> </div> <div v-if="dataCart.cartShow && true" class="cart op-trk-event" :class="{'has-product': isHasProduct}" @mouseOver="mouseOver('cart')" @mouseLeave="mouseLeave('cart')" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5" fill="none"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> <transition name="box-fade"> <!-- 只组件化配置变量 --> <div v-show="cartShow" class="cart-box" data-cart-show="false" data-islink="false"> <div class="cart-contain"> <!-- 购物车非空 --> <div class="cart-list" v-if="isHasProduct"> <p class="cart-num">{{dataCart.txtYourCart}} (<i>{{dataList.cartItems.length}}</i>)</p> <div class="product-box"> <ul class="product-list"> <li v-for="item in dataList.cartItems" v-show="!item.stockIndex || showAllFlag"> <p v-if="item.stockIndex === 0" class="err-tip"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99997 2.69948C5.07286 2.69948 2.69997 5.07237 2.69997 7.99948C2.69997 10.9266 5.07286 13.2995 7.99997 13.2995C10.9271 13.2995 13.3 10.9266 13.3 7.99948C13.3 5.07237 10.9271 2.69948 7.99997 2.69948ZM1.6333 7.99948C1.6333 4.48327 4.48375 1.63281 7.99997 1.63281C11.5162 1.63281 14.3666 4.48327 14.3666 7.99948C14.3666 11.5157 11.5162 14.3661 7.99997 14.3661C4.48375 14.3661 1.6333 11.5157 1.6333 7.99948ZM7.46663 8.64011V5.1401H8.5333V8.64011H7.46663ZM8.72913 10.0984C8.72913 10.5011 8.40268 10.8276 7.99997 10.8276C7.59726 10.8276 7.2708 10.5011 7.2708 10.0984C7.2708 9.69573 7.59726 9.36927 7.99997 9.36927C8.40268 9.36927 8.72913 9.69573 8.72913 10.0984Z" fill="black"/> </svg> {{dataCart.txtStock}} </p> <a :href="item.targetLink"> <div class="product-img"> <img class="lazyload" :data-src="item.imageUrl" alt=""/> </div> <div class="product-info"> <p class="name">{{item.attachment.productDisplayName || item.displayName}}</p> <p class="type">{{productType(item.attachment.skuSelectOptions)}}</p> <p v-if="filterStock(item.salesStatus, item.stockStatus)" id="stock">{{filterStock(item.salesStatus, item.stockStatus)}}</p> <p class="price"><i>x{{item.qty}}</i> <span><i v-show="item.originPrice != item.nowPrice">{{dataList.symbol}}{{item.originPrice}} </i><i>{{dataList.symbol}}{{item.nowPrice}}</i></span></p> <!-- 随机构或赠品列表 --> <ul v-if="item.childItems && item.childItems.length > 0"> <li v-for="list in item.childItems"> <div class="img"><img class="lazyload" :data-src="list.imageUrl" alt=""/></div> <div class="sub-product-info"> <p>{{list.displayName}}</p> <p v-if="filterStock(list.salesStatus, list.stockStatus)" id="stock">{{filterStock(list.salesStatus, list.stockStatus)}}</p> <p><u>x{{list.qty}}</u> <span><i v-show="list.originPrice != list.nowPrice">{{dataList.symbol}}{{list.originPrice}}</i><i>-{{dataList.symbol}}{{list.nowPrice}}</i></span></p> </div> </li> </ul> <!-- 以旧换新单 --> <ul class="trade-in" v-if="item.evaluateOrder"> <li> <div class="img"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 13.75C11.25 12.3693 12.3693 11.25 13.75 11.25H26.25C27.6307 11.25 28.75 12.3693 28.75 13.75V26.25C28.75 27.6307 27.6307 28.75 26.25 28.75H11.25V13.75ZM15.9119 18.9796L16.4629 18.4339C16.679 18.2212 16.9923 18.0917 17.3273 18.0917L20.9682 18.0917L20.7305 19.0998C20.6657 19.3587 21.0114 19.5437 21.2599 19.3865L24.3066 17.4534C24.4902 17.3425 24.4902 17.1112 24.3066 16.991L21.2599 15.058C21.0114 14.9007 20.6656 15.0857 20.7305 15.3447L20.9682 16.3529H17.2624C16.3225 16.3529 15.5554 17.0096 15.5554 17.8142V18.8593C15.5554 19.0258 15.7931 19.0998 15.9119 18.9796ZM23.5368 21.566L24.0877 21.0203L24.0878 21.0203C24.2066 20.9001 24.4443 20.9741 24.4443 21.1406V22.1857C24.4443 22.9903 23.6772 23.647 22.7373 23.647H19.0316L19.2584 24.6552C19.3233 24.9142 18.9775 25.0991 18.729 24.9419L15.6932 23.0089C15.5095 22.8886 15.5095 22.6574 15.6932 22.5464L18.7398 20.6134C18.9884 20.4562 19.3341 20.6411 19.2692 20.9001L19.0316 21.9082L22.6724 21.9081C23.0074 21.9081 23.3207 21.7787 23.5368 21.566Z" fill="black"/> </svg> </div> <div class="sub-product-info"> <p>{{item.evaluateOrder.productName}}</p> <p><u></u> <span><i>-{{dataList.symbol}}{{item.evaluateOrder.tradeInDiscount}}</i></span></p> </div> </li> </ul> </div> </a> </li> <div v-if="outOfStorck > 1" class="view-all-box"> <span :class="['viewAll', {'collapse': showAllFlag}]" @click="viewAll">{{showAllFlag ? dataCart.txtCollapseAll : dataCart.txtViewAll}} ({{ outOfStorck }}) <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.91732 5.3688L0.833984 1.28547L1.4527 0.666748L5.22668 4.44072L9.00065 0.666748L9.61937 1.28547L5.53604 5.3688C5.36518 5.53965 5.08817 5.53965 4.91732 5.3688Z" fill="black" fill-opacity="0.55"/> </svg> </span> </div> </ul> </div> <div class="total-box"> <p><span>Total</span> <span>{{dataList.symbol}}{{dataList.subtotalPrice}}</span></p> <p v-show="dataList.subtotalPrice * 1 > dataList.freeLimit * 1">You are <i>{{dataList.symbol}}{{dataList.freeLimit}}</i> away from free shipping.</p> </div> <div class="cart-btn"> <a :href="dataCart.viewCartLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtViewCart">{{dataCart.txtViewCart}}</a> <a :href="dataCart.checkOutLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtCheckOut">{{dataCart.txtCheckOut}}</a> </div> </div> <!-- 购物车为空 --> <div v-else class="cart-empty"> <p class="cart-num">{{dataCart.txtYourCart}} (0)</p> <a v-show="!userInfo.isLogin" @click="goSignIn" class="no-sign op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtSign">{{dataCart.txtSign}} <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7001 9.36896L6.97506 14.3242L6.20007 13.5098L10.5001 8.99923L6.20007 4.4887L6.97506 3.67423L11.7001 8.62949C11.8982 8.83369 11.8982 9.16476 11.7001 9.36896Z" fill="black" fill-opacity="0.55"/> </svg> </a> <img class="bag-empty lazyload" :data-src="dataCart.emptyImg"/> <div class="empty-text"> <p>{{dataCart.txtEmpty1}}</p> <span>{{dataCart.txtEmpty2}}</span> </div> <a class="go-shopping op-trk-event" :href="dataCart.shoppingLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtShopping">{{dataCart.txtShopping}}</a> </div> </div> </div> </transition> </div> <a v-if="dataCart.cartShow && false" class="cart op-trk-event" @mouseover="mouseOver('cnCart')" @mouseleave="mouseLeave('cnCart')" :href="dataCart.cartLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5" fill="none"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </a> </div> <transition name="box-fade"> <div v-show="searchShow" class="search-list"> <div class="search-list-box"> <div v-if="searchData && searchData.length > 0" class="serach-link"> <ul> <li v-for="item in searchData"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Related Search" :tm-search_term="item"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> {{item}} </a> </li> </ul> </div> <div class="quick-link" v-show="!searchData || searchData.length == 0" data-search-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" data-txt-placeholder="Search OPPO.com" data-txt-history="SEARCH HISTORY" data-lang-code="en-gb" data-search-link="https://www.oppo.com/au/search/?params=" data-search-show="true" data-search-key="oppo"> <p>Quick Links</p> <ul> <li v-for="item in ['OPPO Find X8 Pro','OPPO Find N2 Flip','OPPO Reno8 Pro 5G','OPPO Reno8 5G','OPPO A57s']"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Popular Search" :tm-search_term="item">{{item}}</a> </li> </ul> </div> <div v-if="serachHistory && serachHistory.length > 0" class="search-history"> <p>{{baseData.historyTitle}} <svg @click="removeSearchWords('all')" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.81898 1.85742H6.46238L6.32612 2.18696L5.48597 4.21875H2.0957V5.28542H3.33385V13.0178C3.33385 13.3158 3.45225 13.6016 3.66299 13.8124C3.87373 14.0231 4.15956 14.1415 4.45759 14.1415H11.5425C11.8405 14.1415 12.1263 14.0231 12.3371 13.8124C12.5478 13.6016 12.6662 13.3158 12.6662 13.0178V5.28542H13.9038V4.21875H10.5136L9.67346 2.18696L9.5372 1.85742H9.1806H6.81898ZM5.0449 5.28542L5.04478 5.28571H5.84245H10.1571H10.9548L10.9547 5.28542H11.5995V13.0178C11.5995 13.0329 11.5935 13.0474 11.5828 13.0581C11.5721 13.0688 11.5576 13.0748 11.5425 13.0748H4.45759C4.44245 13.0748 4.42794 13.0688 4.41724 13.0581C4.40653 13.0474 4.40052 13.0329 4.40052 13.0178V5.28542H5.0449ZM9.35935 4.21875L8.824 2.92409H7.17557L6.64023 4.21875H9.35935ZM6.28568 11.2489V7.11601H7.35234V11.2489H6.28568ZM8.647 7.11601V11.2489H9.71367V7.11601H8.647Z" fill="black" fill-opacity="0.55"/> </svg> </p> <ul> <li v-for="item in serachHistory"> <a :href="baseData.searchLink + item + '#' + decodeURI(item)" class="op-trk-event" tm-event_name="search" tm-search_type="History Search" :tm-search_term="decodeURI(item)">{{decodeURI(item)}}</a> <svg @click="removeSearchWords(item)" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.33961 6.99958L3.09668 10.2425L3.75665 10.9025L6.99958 7.65955L10.2425 10.9025L10.9025 10.2425L7.65955 6.99958L10.9025 3.75665L10.2425 3.09668L6.99958 6.33961L3.75665 3.09668L3.09668 3.75665L6.33961 6.99958Z" fill="black" fill-opacity="0.3"/> </svg> </li> </ul> </div> </div> </div> </transition> </div> </div> <div class="header-main-mo"> <div class="header-first"> <transition name="header-fade"> <div v-show="!searchShow" class="first-nav"> <a href="https://www.oppo.com/au/" class="nav-logo op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Oppo logo" tm-button_name="Oppo logo"> <svg class="fill" xmlns="http://www.w3.org/2000/svg" width="76" height="18" viewBox="0 0 68 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.98905 10.2055H7.98851H7.98775C4.59658 10.1696 2.40527 8.55674 2.40527 6.09663C2.40527 3.63652 4.59658 2.02361 7.98775 1.98779C11.3804 2.02361 13.5714 3.63652 13.5714 6.09663C13.5714 8.55674 11.3804 10.1696 7.98905 10.2055ZM8.08814 0.0017314C8.08728 0.00183962 8.01986 0.000649276 7.98588 0C7.95114 0.000432851 7.88362 0.0017314 7.88362 0.0017314C3.2414 0.0773721 0 2.58358 0 6.0966C0 9.60961 3.2414 12.1159 7.88254 12.1915C7.88254 12.1915 7.95114 12.1921 7.98491 12.1919C8.0204 12.1922 8.08836 12.1915 8.08836 12.1915C12.7294 12.1159 15.9707 9.60961 15.9707 6.0966C15.9707 2.58358 12.7294 0.0773721 8.08814 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M59.3178 10.2055H59.3173H59.3164C55.9254 10.1696 53.7341 8.55674 53.7341 6.09663C53.7341 3.63652 55.9254 2.02361 59.3164 1.98779C62.7091 2.02361 64.9002 3.63652 64.9002 6.09663C64.9002 8.55674 62.7091 10.1696 59.3178 10.2055ZM59.4168 0.0017314C59.4159 0.00183962 59.3486 0.000649276 59.3144 0C59.2798 0.000432851 59.2122 0.0017314 59.2122 0.0017314C54.57 0.0773721 51.3286 2.58358 51.3286 6.0966C51.3286 9.60961 54.57 12.1159 59.2113 12.1915C59.2113 12.1915 59.2798 12.1921 59.3135 12.1919C59.3491 12.1922 59.417 12.1915 59.417 12.1915C64.058 12.1159 67.2993 9.60961 67.2993 6.0966C67.2993 2.58358 64.058 0.0773721 59.4168 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M42.2396 10.2055H42.2391H42.2383C38.8472 10.1696 36.6559 8.55674 36.6559 6.09663C36.6559 3.63652 38.8472 2.02361 42.2383 1.98779C45.6309 2.02361 47.8221 3.63652 47.8221 6.09663C47.8221 8.55674 45.6309 10.1696 42.2396 10.2055ZM42.3386 0.0017314C42.3378 0.00183962 42.2705 0.000649276 42.2363 0C42.2016 0.000432851 42.1341 0.0017314 42.1341 0.0017314C39.9226 0.0377662 38.0295 0.625794 36.6528 1.61107V0.572012H34.2505V16H36.6528V10.5823C38.0293 11.5675 39.922 12.1555 42.133 12.1915C42.1332 12.1916 42.2016 12.1921 42.2353 12.1919C42.271 12.1922 42.3387 12.1915 42.3387 12.1915C46.9798 12.1159 50.2212 9.60961 50.2212 6.09659C50.2212 2.58358 46.9798 0.0773721 42.3386 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.112 10.2055H25.1115H25.1108C21.7196 10.1696 19.5283 8.55674 19.5283 6.09663C19.5283 3.63652 21.7196 2.02361 25.1108 1.98779C28.5034 2.02361 30.6945 3.63652 30.6945 6.09663C30.6945 8.55674 28.5034 10.1696 25.112 10.2055ZM25.2151 0.0017314C25.2141 0.00183962 25.1468 0.000649276 25.1127 0C25.078 0.000432851 25.0105 0.0017314 25.0105 0.0017314C22.7989 0.0377662 20.9058 0.625794 19.5292 1.61107V0.572012H17.127V16H19.5292V10.5823C20.9057 11.5675 22.7985 12.1555 25.0094 12.1915C25.0094 12.1915 25.078 12.1921 25.1118 12.1919C25.1474 12.1922 25.2152 12.1915 25.2152 12.1915C29.8562 12.1159 33.0975 9.60961 33.0975 6.09659C33.0975 2.58358 29.8562 0.0773721 25.2151 0.0017314Z"></path> </svg> </a> <ul class="header-box-right"> <li v-if="dataCart.cartShow && true" @click="cartChange" class="shop-cart op-trk-event visibility" :class="{'has-product': isHasProduct && menuflag < 1}" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <transition name="menu-show"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </transition> </li> <li v-if="dataCart.cartShow && false" class="shop-cart"> <a :href="dataCart.cartLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </a> </li> <li v-if="baseData.searchShow" @click="searchChange" class="search-nav op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"> <transition name="menu-show"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M16.6918 10.8959C16.6918 14.0969 14.0969 16.6918 10.8959 16.6918C7.69492 16.6918 5.1 14.0969 5.1 10.8959C5.1 7.69492 7.69492 5.1 10.8959 5.1C14.0969 5.1 16.6918 7.69492 16.6918 10.8959ZM15.5294 16.6608C14.2616 17.6812 12.6501 18.2918 10.8959 18.2918C6.81127 18.2918 3.5 14.9806 3.5 10.8959C3.5 6.81127 6.81127 3.5 10.8959 3.5C14.9806 3.5 18.2918 6.81127 18.2918 10.8959C18.2918 12.6501 17.6812 14.2616 16.6608 15.5294L20.5011 19.3697L19.3697 20.5011L15.5294 16.6608Z"/> </svg> </transition> </li> <li class="nav-menu" @click="menuShow"> <em class="fill" :class="{rotate: menuflag == 1 || menuflag == 2}"></em> </li> </ul> </div> </transition> </div> <transition name="menu-fade"> <div v-show="menuflag == 1" class="header-menu visibility"> <div class="header-menu-box" ref="headerMenuBox" @scroll="boxScroll"> <ul class="second-nav"> <li> <p @click="changeThirdNav(0)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Smartphones" tm-nav_name="Smartphones">Smartphones <i :class="{'show': thirdNavIndex == 0}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==0" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> </div> <p>OPPO Find X8 Pro</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> </div> <p>OPPO Reno12 Pro 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/3d/" 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/3d/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> OPPO Find N2 Flip</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> OPPO A80 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> OPPO A60 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> OPPO A60</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="compare op-trk-event" href="https://www.oppo.com/au/compare/" target="_blank" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Compare">Compare</a> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/smartphones/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="View All Phones">View All Phones</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(1)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Tablets" tm-nav_name="Tablets">Tablets <i :class="{'show': thirdNavIndex == 1}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==1" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> </div> <p>OPPO Pad Neo</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> </div> <p>OPPO Pad 2</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> OPPO Pad Neo</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> OPPO Pad 2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/tablets/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Tablets" tm-nav_name="View Tablets">View Tablets</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(2)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Audio" tm-nav_name="Audio">Audio <i :class="{'show': thirdNavIndex == 2}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==2" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Buds2 Pro</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Air2 Pro</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> </div> <p>OPPO Enco Air2</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> </div> <p>OPPO Enco X2</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> OPPO Enco Buds2 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> OPPO Enco Air2 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> OPPO Enco Air2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> OPPO Enco X2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/audio/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Audio" tm-nav_name="View Audio">View Audio</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(3)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Wearables" tm-nav_name="Wearables">Wearables <i :class="{'show': thirdNavIndex == 3}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==3" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch-x" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> </div> <p>OPPO Watch X</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch-free/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> </div> <p>OPPO Watch Free</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> </div> <p>OPPO Band</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> </div> <p>OPPO Watch</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/watch-x" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> OPPO Watch X</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch-free/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> OPPO Watch Free</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> OPPO Band</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> OPPO Watch</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/wearables/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Wearables" tm-nav_name="View Wearables">View Wearables</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(4)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="About OPPO" tm-nav_name="About OPPO">About OPPO <i :class="{'show': thirdNavIndex == 4}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==4" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && false" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/about/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <p>Our Story</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <p>OPPO AI</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/newsroom/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <p>News</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/about/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <span class="third-link-title"> Our Story</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <span class="third-link-title"> OPPO AI</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="News"> <span class="third-link-title"> News</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/about/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <span class="third-link-title"> Our Story</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <span class="third-link-title"> OPPO AI</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <span class="third-link-title"> News</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> </section> </transition> </li> </ul> <div class="other-box"> <ul class="nav-link support-nav"> <li> <a href="https://www.oppo.com/au/coloros15/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="ColorOS" tm-nav_name="ColorOS"> <span class="third-link-title">ColorOS</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://support.oppo.com/au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Support" tm-nav_name="Support"> <span class="third-link-title">Support</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://shop.oppoaustralia.com.au/" target="_blank" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Shop Now" tm-nav_name="Shop Now"> <span class="third-link-title">Shop Now</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://oppopromotions.com.au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Promotions" tm-nav_name="Promotions"> <span class="third-link-title">Promotions</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div v-if="userData.userShow" class="userinfo-nav" :class="{isLogin: userInfo.isLogin}"> <div class="userinfo-box"> <div class="user-img"><img class="lazyload" :data-src="userInfo.avatar" alt=""/></div> <div class="userinfo"> <p class="user-name">{{userInfo.name}}</p> <p class="sign"> <a class="sign-up op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSignUp"> <span>{{userData.txtSignUp}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> <a class="sign-in op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSigniIn"> <span> {{userData.txtSigniIn}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> <a class="log-out op-trk-event" @click="goLogOut" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtLogOut"> <span>{{userData.txtLogOut}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </p> </div> </div> <ul class="userinfo-link"> <li v-if="userData.orderLink"> <a class="op-trk-event" :href="userData.orderLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textOrder"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="path-1-inside-1_17069_23314" fill="white"> <rect x="5" y="3" width="14" height="18" rx="1"/> </mask> <rect x="5" y="3" width="14" height="18" rx="1" stroke="black" stroke-width="3" mask="url(#path-1-inside-1_17069_23314)"/> <rect x="8" y="7" width="8" height="1.5" fill="black"/> <rect x="8" y="10" width="8" height="1.5" fill="black"/> <rect x="8" y="13" width="6" height="1.5" fill="black"/> </svg> <i>{{userData.textOrder}}</i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li v-if="userData.memberLink"> <a class="op-trk-event" :href="userData.memberLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtMember"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 7.625L12.7062 7.27645L12 5.84576L11.2938 7.27645L12 7.625ZM13.1777 10.0111L12.4716 10.3597L12.4719 10.3604L13.1777 10.0111ZM13.5068 10.25L13.3932 11.0293L13.3934 11.0293L13.5068 10.25ZM16.1405 10.6332L16.69 11.1973L17.833 10.0837L16.2539 9.85396L16.1405 10.6332ZM14.2347 12.49L13.6852 11.9259L13.6848 11.9264L14.2347 12.49ZM14.1087 12.875L13.3319 13.0044L13.3326 13.008L14.1087 12.875ZM14.5585 15.5L14.192 16.197L15.6041 16.9395L15.3347 15.367L14.5585 15.5ZM12.2039 14.2619L11.8369 14.9586L11.8374 14.9589L12.2039 14.2619ZM11.7961 14.2619L12.1626 14.9589L12.1631 14.9586L11.7961 14.2619ZM9.4415 15.5L8.66531 15.367L8.39588 16.9395L9.80801 16.197L9.4415 15.5ZM9.89125 12.875L9.11514 12.7416L9.11506 12.742L9.89125 12.875ZM9.76525 12.4874L10.3146 11.9231L10.3144 11.9229L9.76525 12.4874ZM7.8595 10.6332L7.7461 9.85396L6.1656 10.0839L7.31035 11.1977L7.8595 10.6332ZM10.4932 10.25L10.6066 11.0293L10.6069 11.0293L10.4932 10.25ZM10.8223 10.0111L11.5281 10.3604L11.5284 10.3597L10.8223 10.0111ZM11.2938 7.97355L12.4716 10.3597L13.8839 9.66257L12.7062 7.27645L11.2938 7.97355ZM12.4719 10.3604C12.5599 10.5381 12.6897 10.6918 12.8501 10.8083L13.7755 9.53386C13.8213 9.56714 13.8584 9.61106 13.8835 9.66184L12.4719 10.3604ZM12.8501 10.8083C13.0106 10.9248 13.1969 11.0007 13.3932 11.0293L13.6203 9.47074C13.6764 9.47891 13.7297 9.50057 13.7755 9.53386L12.8501 10.8083ZM13.3934 11.0293L16.0271 11.4125L16.2539 9.85396L13.6201 9.47071L13.3934 11.0293ZM15.591 10.0692L13.6852 11.926L14.7843 13.0541L16.69 11.1973L15.591 10.0692ZM13.6848 11.9264C13.5434 12.0643 13.4375 12.2344 13.3761 12.4221L14.8729 12.912C14.8554 12.9656 14.8251 13.0142 14.7847 13.0536L13.6848 11.9264ZM13.3761 12.4221C13.3146 12.6098 13.2995 12.8096 13.332 13.0044L14.8855 12.7456C14.8948 12.8013 14.8905 12.8584 14.8729 12.912L13.3761 12.4221ZM13.3326 13.008L13.7823 15.633L15.3347 15.367L14.8849 12.742L13.3326 13.008ZM14.925 14.803L12.5704 13.5649L11.8374 14.9589L14.192 16.197L14.925 14.803ZM12.5708 13.5651C12.3948 13.4724 12.1989 13.424 12 13.424V14.999C11.9432 14.999 11.8872 14.9851 11.8369 14.9586L12.5708 13.5651ZM12 13.424C11.8011 13.424 11.6052 13.4724 11.4292 13.5651L12.1631 14.9586C12.1128 14.9851 12.0568 14.999 12 14.999V13.424ZM11.4296 13.5649L9.07499 14.803L9.80801 16.197L12.1626 14.9589L11.4296 13.5649ZM10.2177 15.633L10.6674 13.008L9.11506 12.742L8.66531 15.367L10.2177 15.633ZM10.6674 13.0084C10.7011 12.8125 10.6865 12.6113 10.6251 12.4222L9.12722 12.9091C9.10966 12.855 9.10551 12.7975 9.11514 12.7416L10.6674 13.0084ZM10.6251 12.4222C10.5636 12.2331 10.457 12.0618 10.3146 11.9231L9.21594 13.0517C9.17523 13.012 9.14478 12.9631 9.12722 12.9091L10.6251 12.4222ZM10.3144 11.9229L8.40865 10.0688L7.31035 11.1977L9.2161 13.0518L10.3144 11.9229ZM7.9729 11.4125L10.6066 11.0293L10.3799 9.47071L7.7461 9.85396L7.9729 11.4125ZM10.6069 11.0293C10.8031 11.0007 10.9894 10.9248 11.1499 10.8083L10.2245 9.53386C10.2703 9.50057 10.3236 9.47891 10.3796 9.47074L10.6069 11.0293ZM11.1499 10.8083C11.3103 10.6918 11.4401 10.5381 11.5281 10.3604L10.1164 9.66184C10.1416 9.61106 10.1787 9.56714 10.2245 9.53386L11.1499 10.8083ZM11.5284 10.3597L12.7062 7.97355L11.2938 7.27645L10.1161 9.66257L11.5284 10.3597ZM19.9625 12C19.9625 16.3976 16.3976 19.9625 12 19.9625V21.5375C17.2674 21.5375 21.5375 17.2674 21.5375 12H19.9625ZM12 19.9625C7.60243 19.9625 4.0375 16.3976 4.0375 12H2.4625C2.4625 17.2674 6.73258 21.5375 12 21.5375V19.9625ZM4.0375 12C4.0375 7.60243 7.60243 4.0375 12 4.0375V2.4625C6.73258 2.4625 2.4625 6.73258 2.4625 12H4.0375ZM12 4.0375C16.3976 4.0375 19.9625 7.60243 19.9625 12H21.5375C21.5375 6.73258 17.2674 2.4625 12 2.4625V4.0375Z" fill="black" fill-opacity="0.75"/> </svg> <i>{{userData.txtMember}} <u v-if="memberData.levelName" class="member font-medium ft-body-3" :class="'level-' + memberData.level"> {{ memberData.levelName }} </u> </i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li class="account" v-if="userData.userLink"> <a class="op-trk-event" :href="userData.userLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtUser"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke="black" stroke-width="1.5"/> <path d="M14.75 10.5355C14.75 12.0542 13.5188 13.2855 12 13.2855C10.4812 13.2855 9.25 12.0542 9.25 10.5355C9.25 9.01668 10.4812 7.78546 12 7.78546C13.5188 7.78546 14.75 9.01668 14.75 10.5355Z" stroke="black" stroke-width="1.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z" fill="black"/> </svg> <i>{{userData.txtUser}}</i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> </div> <div v-if="userData.textDownLoad" :class="['download-box', {'download-box-show': downloadBoxShow}]"> <a :href="userData.downloadLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textDownLoad">{{userData.textDownLoad}}</a> </div> </div> </div> </div> </transition> <transition name="menu-fade"> <div v-show="menuflag == 2" class="mini-cart-mo visibility" :class="{empty: isHasProduct}"> <div class="mini-cart-box"> <div v-if="isHasProduct" class="cart-list"> <div class="product-box"> <p class="cart-num">{{dataCart.txtYourCart}} (<i>{{dataList.cartItems.length}}</i>)</p> <ul class="product-list"> <li v-for="item in dataList.cartItems" v-show="!item.stockIndex || showAllFlag"> <p v-if="item.stockIndex === 0" class="err-tip"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.0001 2.02485C3.80477 2.02485 2.0251 3.80452 2.0251 5.99985C2.0251 8.19519 3.80477 9.97485 6.0001 9.97485C8.19543 9.97485 9.9751 8.19519 9.9751 5.99985C9.9751 3.80452 8.19543 2.02485 6.0001 2.02485ZM1.2251 5.99985C1.2251 3.36269 3.36294 1.22485 6.0001 1.22485C8.63726 1.22485 10.7751 3.36269 10.7751 5.99985C10.7751 8.63701 8.63726 10.7749 6.0001 10.7749C3.36294 10.7749 1.2251 8.63701 1.2251 5.99985ZM5.6001 6.48118V3.85618H6.4001V6.48118H5.6001ZM6.54697 7.57493C6.54697 7.87696 6.30213 8.1218 6.0001 8.1218C5.69807 8.1218 5.45322 7.87696 5.45322 7.57493C5.45322 7.2729 5.69807 7.02805 6.0001 7.02805C6.30213 7.02805 6.54697 7.2729 6.54697 7.57493Z" fill="black"/> </svg> {{dataCart.txtStock}} </p> <a :href="item.targetLink"> <div class="product-list-box"> <div class="product-img"> <img class="lazyload" :data-src="item.imageUrl" alt=""/> </div> <div class="product-info"> <p class="name">{{item.attachment.productDisplayName || item.displayName}}</p> <p class="type">{{productType(item.attachment.skuSelectOptions)}}</p> <p v-if="filterStock(item.salesStatus, item.stockStatus)" id="stock">{{filterStock(item.salesStatus, item.stockStatus)}}</p> <p class="price"><i>x{{item.qty}}</i> <span><i v-show="item.originPrice != item.nowPrice">{{dataList.symbol}}{{item.originPrice}} </i><i>{{dataList.symbol}}{{item.nowPrice}}</i></span></p> </div> </div> <ul v-if="item.childItems && item.childItems.length > 0"> <li v-for="list in item.childItems"> <div class="img"><img class="lazyload" :data-src="list.imageUrl" alt=""/></div> <div class="sub-product-info"> <p>{{list.displayName}}</p> <p v-if="filterStock(list.salesStatus, list.stockStatus)" id="stock">{{filterStock(list.salesStatus, list.stockStatus)}}</p> <p><u>x{{list.qty}}</u> <span><i v-show="list.originPrice != list.nowPrice">{{dataList.symbol}}{{list.originPrice}}</i><i>-{{dataList.symbol}}{{list.nowPrice}}</i></span></p> </div> </li> </ul> <ul class="trade-in" v-if="item.evaluateOrder"> <li> <div class="img"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 13.75C11.25 12.3693 12.3693 11.25 13.75 11.25H26.25C27.6307 11.25 28.75 12.3693 28.75 13.75V26.25C28.75 27.6307 27.6307 28.75 26.25 28.75H11.25V13.75ZM15.9119 18.9796L16.4629 18.4339C16.679 18.2212 16.9923 18.0917 17.3273 18.0917L20.9682 18.0917L20.7305 19.0998C20.6657 19.3587 21.0114 19.5437 21.2599 19.3865L24.3066 17.4534C24.4902 17.3425 24.4902 17.1112 24.3066 16.991L21.2599 15.058C21.0114 14.9007 20.6656 15.0857 20.7305 15.3447L20.9682 16.3529H17.2624C16.3225 16.3529 15.5554 17.0096 15.5554 17.8142V18.8593C15.5554 19.0258 15.7931 19.0998 15.9119 18.9796ZM23.5368 21.566L24.0877 21.0203L24.0878 21.0203C24.2066 20.9001 24.4443 20.9741 24.4443 21.1406V22.1857C24.4443 22.9903 23.6772 23.647 22.7373 23.647H19.0316L19.2584 24.6552C19.3233 24.9142 18.9775 25.0991 18.729 24.9419L15.6932 23.0089C15.5095 22.8886 15.5095 22.6574 15.6932 22.5464L18.7398 20.6134C18.9884 20.4562 19.3341 20.6411 19.2692 20.9001L19.0316 21.9082L22.6724 21.9081C23.0074 21.9081 23.3207 21.7787 23.5368 21.566Z" fill="black"/> </svg> </div> <div class="sub-product-info"> <p>{{item.evaluateOrder.productName}}</p> <p><u></u> <span><i>-{{dataList.symbol}}{{item.evaluateOrder.tradeInDiscount}}</i></span></p> </div> </li> </ul> </a> </li> <div v-if="outOfStorck > 1" class="view-all-box"> <span :class="['viewAll', {'collapse': showAllFlag}]" @click="viewAll">{{showAllFlag ? dataCart.txtCollapseAll : dataCart.txtViewAll}} ({{ outOfStorck }}) <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.91732 5.3688L0.833984 1.28547L1.4527 0.666748L5.22668 4.44072L9.00065 0.666748L9.61937 1.28547L5.53604 5.3688C5.36518 5.53965 5.08817 5.53965 4.91732 5.3688Z" fill="black" fill-opacity="0.55"/> </svg> </span> </div> </ul> </div> <div class="total-box"> <p><span>Total</span> <span>{{dataList.symbol}}{{dataList.subtotalPrice}}</span></p> <p v-show="dataList.subtotalPrice * 1 > dataList.freeLimit * 1">You are <i>{{dataList.symbol}}{{dataList.freeLimit}}</i> away from free shipping.</p> </div> <div class="cart-btn"> <a class="op-trk-event" :href="dataCart.viewCartLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtViewCart">{{dataCart.txtViewCart}}</a> <a class="op-trk-event" :href="dataCart.checkOutLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtCheckOut">{{dataCart.txtCheckOut}}</a> </div> </div> <div v-else class="cart-empty"> <a v-show="!userInfo.isLogin" @click="goSignIn" class="no-sign op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtSign">{{dataCart.txtSign}} <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7001 9.36896L6.97506 14.3242L6.20007 13.5098L10.5001 8.99923L6.20007 4.4887L6.97506 3.67423L11.7001 8.62949C11.8982 8.83369 11.8982 9.16476 11.7001 9.36896Z" fill="black" fill-opacity="0.55"/> </svg> </a> <img class="bag-empty lazyload" :data-src="dataCart.emptyImg"/> <div class="empty-text"> <p>{{dataCart.txtEmpty1}}</p> <span>{{dataCart.txtEmpty2}}</span> </div> <a class="go-shopping op-trk-event" :href="dataCart.shoppingLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtShopping">{{dataCart.txtShopping}}</a> </div> </div> </div> </transition> <div class="search-hide header-menu" :class="[{'search-show': menuflag == 3}]"> <div class="search"> <div class="search-box op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> <input type="text" id="searchInput" @keyup.enter="inputKeyup" v-model="inputValue" :placeholder="baseData.placeholder"/> <svg v-show="inputValue.length > 0" @click="clearSearch" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.27195 10.1562L5.00009 14.4281L5.88398 15.312L10.1558 11.0401L14.4281 15.3124L15.312 14.4285L11.0397 10.1562L15.3121 5.88388L14.4282 5L10.1558 9.27235L5.88388 5.0004L5 5.88428L9.27195 10.1562Z" fill="black" fill-opacity="0.55"/> </svg> </div> <span @click="menuShow" class="search-cancel">Cancel</span> </div> <div class="search-list"> <div class="search-list-box"> <div v-if="searchData && searchData.length > 0" class="serach-link"> <ul> <li v-for="item in searchData"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Related Search" :tm-search_term="item"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> {{item}} </a> </li> </ul> </div> <div class="quick-link" v-show="!searchData || searchData.length == 0" data-search-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" data-txt-placeholder="Search OPPO.com" data-txt-history="SEARCH HISTORY" data-lang-code="en-gb" data-search-link="https://www.oppo.com/au/search/?params=" data-search-show="true" data-search-key="oppo"> <p>Quick Links</p> <ul> <li v-for="item in ['OPPO Find X8 Pro','OPPO Find N2 Flip','OPPO Reno8 Pro 5G','OPPO Reno8 5G','OPPO A57s']"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Popular Search" :tm-search_term="item">{{item}}</a> </li> </ul> </div> <div v-if="serachHistory && serachHistory.length > 0" class="search-history"> <p>{{baseData.historyTitle}} <svg @click="removeSearchWords('all')" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.81898 1.85742H6.46238L6.32612 2.18696L5.48597 4.21875H2.0957V5.28542H3.33385V13.0178C3.33385 13.3158 3.45225 13.6016 3.66299 13.8124C3.87373 14.0231 4.15956 14.1415 4.45759 14.1415H11.5425C11.8405 14.1415 12.1263 14.0231 12.3371 13.8124C12.5478 13.6016 12.6662 13.3158 12.6662 13.0178V5.28542H13.9038V4.21875H10.5136L9.67346 2.18696L9.5372 1.85742H9.1806H6.81898ZM5.0449 5.28542L5.04478 5.28571H5.84245H10.1571H10.9548L10.9547 5.28542H11.5995V13.0178C11.5995 13.0329 11.5935 13.0474 11.5828 13.0581C11.5721 13.0688 11.5576 13.0748 11.5425 13.0748H4.45759C4.44245 13.0748 4.42794 13.0688 4.41724 13.0581C4.40653 13.0474 4.40052 13.0329 4.40052 13.0178V5.28542H5.0449ZM9.35935 4.21875L8.824 2.92409H7.17557L6.64023 4.21875H9.35935ZM6.28568 11.2489V7.11601H7.35234V11.2489H6.28568ZM8.647 7.11601V11.2489H9.71367V7.11601H8.647Z" fill="black" fill-opacity="0.55"/> </svg> </p> <ul> <li v-for="item in serachHistory"> <a :href="baseData.searchLink + item + '#' + decodeURI(item)" class="op-trk-event" tm-event_name="search" tm-search_type="History Search" :tm-search_term="decodeURI(item)">{{decodeURI(item)}}</a> <svg @click="removeSearchWords(item)" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.33961 6.99958L3.09668 10.2425L3.75665 10.9025L6.99958 7.65955L10.2425 10.9025L10.9025 10.2425L7.65955 6.99958L10.9025 3.75665L10.2425 3.09668L6.99958 6.33961L3.75665 3.09668L3.09668 3.75665L6.33961 6.99958Z" fill="black" fill-opacity="0.3"/> </svg> </li> </ul> </div> </div> </div> </div> </div> <transition name="mask-fade"> <div v-show="maskShow" @click="closeMask" class="header-v2-mask visibility"> </div> </transition> </header> <section id="oc-container"> <div :class="['oppo-navbar', 'oppo-navbar-v2', isfixed? 'navbar-fixed' : '', isStart?'':'is-start', headerNoFixed? 'header-nofixed' : '', channelPopupState? '' : 'up-index']" ref="navbar" vue-site="oppo_navbar_V2" data-theme="light" data-buymode="popup" style="display:none;" :key="isReFresh"> <nav id="navbar"> <div class="navbar-container navbar-pc" v-if="!isMobile"> <div class="navbar-left"> <div class="navbar-product_tab"> <ul class="product_tab-wrap"> <li class="active"> <a class="product_tab-btn op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Series" tm-nav_name="A60">A60</a> </li> </ul> </div> <div class="navbar-anchor_point" ref="anchorPoint"> <ul class="anchor_point-wrap"> <li :class="['anchor_point-item', anchorHighlightIndex === index && anchorHighlightIndex !== null ? 'active' : '']" v-for="(item, index) in anchorData" :key="index" :data-jumpid="item.id"> <a :href="item.id" @click="($event) => {toggleAnchorPoint($event, index, item.id)}" class="op-trk-event" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Content" :tm-nav_name="item.title">{{item.title}}</a> </li> </ul> </div> </div> <div class="navbar-right"> <div class="navbar-general_param"> <ul class="general_param-wrap"> <li class="general_param-item active"> <a href="#" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Overview"> <svg class="op-icon"> <use xlink:href="#icon-overview"></use> </svg> Overview </a> </li> <li class="general_param-item"> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/specs/" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Specs"> <svg class="op-icon"> <use xlink:href="#icon-menu"></use> </svg> Specs </a> </li> </ul> </div> <div class="navbar-buy"> <div class="navbar-buy-wrap" ref="buyPopTrigger"> <a class="navbar-buy-btn op-trk-event green" v-if="generalData.buyBtnMode == 'link'" href="#" target="_self" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="A60" 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="A60" 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="A60" 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="A60"> <div class="product_tab-btn"> <a href="javascript:void(0);" @click="mobPrdToggleShowPop"> <span>A60</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'" href="#" target="_self" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="A60" 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="A60" 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="A60" 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="A60">A60 </a> </li> </ul> </div> </div> <div class="navbar-bottom"> <div class="navbar-bottom-container"> <div class="navbar-bottom-wrap"> <div :class="['navbar-anchor_point', mobShowAnchorPopState? 'navbar-anchor_point-select':'', 'op-trk-event']" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" :tm-nav_group="mobShowAnchorPopState? 'collapse':'expand'" :tm-nav_name="anchorData[anchorHighlightIndex].title" ref="anchorPopTrigger" v-if="anchorData.length"> <div class="navbar-anchor_point-btn navbar-common-btn active"> <div class="navbar-anchor_point-scroll" :style="{'height': scrollBtnLH+'px', 'width': getTextSize + 'px',}"> <ul :style="{'transform': 'translate(0, -' + (100/anchorData.length)*anchorHighlightIndex + '%)'}"> <li v-for="(item, index) in anchorData" :key="index" :data-jumpid="item.id" :style="{'width': Number(scrollBtnFS)*anchorData[index].title.length + 'px'}"> {{item.title}} </li> </ul> </div> <svg class="op-icon"> <use xlink:href="#icon-arrow-down"></use> </svg> </div> </div> <div :class="['navbar-general_param', anchorAniHide?'navbar-general_param-hide':'', isParallel?'parallel':'']"> <ul class="general_param-wrap"> <li class="general_param-item active currPage"> <a class="navbar-common-btn op-trk-event" href="#" target="_self" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Overview"> <svg class="op-icon"> <use xlink:href="#icon-overview"></use> </svg> Overview </a> </li> <li class="general_param-item"> <a class="navbar-common-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/specs/" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Specs"> <svg class="op-icon"> <use xlink:href="#icon-menu"></use> </svg> Specs </a> </li> </ul> </div> </div> </div> <div :class="['anchor_point-pop', mobShowAnchorPopState?'anchor_point-pop-show':'']" ref="anchorPointPop"> <ul class="anchor_point-pop-wrap"> <li :class="['anchor_point-item', anchorHighlightIndex === index && anchorHighlightIndex !== null ? 'active' : '']" v-for="(item, index) in anchorData" :key="index" :data-jumpid="item.id"> <a class="op-trk-event" :href="item.id" @click="($event) => {toggleAnchorPoint($event, index, item.id)}" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" :tm-nav_group="mobShowAnchorPopState? 'Content' : 'collapse'" :tm-nav_name="item.title">{{item.title}}</a> </li> </ul> </div> </div> </div> </nav> <div :class="['navbar_channel-popup', channelPopupState?'hidden':'', aniChannelPopup?'animate':'']"> <div class="channel-container" ref="navbarChannelTrigger"> <div class="tab-header one-header"> <div class="tab-item" target="multiple-popup">Online Store</div> </div> <div class="close-btn" @click="hideBuyPopup"> <svg class="op-icon"> <use xlink:href="#icon-close"></use> </svg> </div> <div class="tab-container" target="multiple-popup"> <p class="title"> </p> <div class="media-box"> <a class="media-link op-trk-event" data-type="shops1" data-name="OPPO" href="https://www.oppostore.com.au/products/oppo-a60/" target="_blank" tm-event_name="online_store_entry" tm-module="where to buy" tm-store_type="EC+OPPO" tm-store_name="OPPO"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/au/mkt/onlinestore/renoseries/oppostore.png" alt="" data-src-webp="true"/> </a> <a class="media-link op-trk-event" data-type="shops1" data-name="mobileciti" href="https://www.mobileciti.com.au/mobile-phones/oppo/" target="_blank" tm-event_name="online_store_entry" tm-module="where to buy" tm-store_type="EC+mobileciti" tm-store_name="mobileciti"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/au/mkt/onlinestore/renoseries/Mobileciti.png" alt="" data-src-webp="false"/> </a> </div> <p class="title"> </p> <div class="media-box"> </div> </div> </div> </div> </div> <script type="application/json" class="navbar-anchor-data"> { "list": [] } </script> <div> </div> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="customhtmlcomponent aem-GridColumn aem-GridColumn--default--12"> <div class="custom-html-component"> <!-- Add external styles --> <link rel="stylesheet" type="text/css" href="/content/dam/oppo/product-asset-library/a/a60/purple/v1/main-v1.css"/> <!-- Add inline styles --> <style> </style> <div class="zn--wrapper"> <div class="w-screen pc:pb-150px mo:pb-78px pad:pb-110px" id="section-ksp" ani-section-transition="" next-section="#section-design"> <div class="w-screen w-full relative overflow-hidden pc:h-[calc(var(--content-height)-50px)] pc: pc:min-h-600px mo:h-640rpx pad:h-450rpx" id="section-kv"> <div class="flex h-full mx-auto w-full relative items-center justify-center mo:items-start mo:pt-40rpx pad:py-48rpx"><img class="bg h-full w-full bottom-0 absolute" alt="OPPO A60" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-kv-bg-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-kv-bg-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-kv-bg-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-kv-bg-pad-1.jpg.avif"><img class="phone transform origin-bottom-right absolute pc:w-[63.26vw] pc:h-[40vw] pc:bottom-0 pc:right-0 mo:w-348rpx mo:h-496rpx mo:left-0 mo:top-222rpx pad:w-564rpx pad:h-402rpx pad:right-[-25rpx] pad:bottom-0" alt="OPPO A60" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-kv-phone-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-kv-phone-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-kv-phone-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-kv-phone-pad-1.png.avif"> <div class="text-wrapper flex flex-col justify-between relative pc:h-512px pc:w-1312rpx pc: mo:w-328rpx pad:w-720rpx pad:h-full pad:"> <div class="pc:w-363px"> <p class="font-m leading-[110%] tracking-0.01em pct:text-128px pct:leading-[110%] mot:text-45px">OPPO <br class="pc-only">A60</p> <p class="font-m leading-[100%] tracking-0.01em pct:text-38px pct:leading-[125%] mot:text-20px mo:mt-6rpx">A Step Ahead</p> </div> <div class="small-text tracking-0.03em pc:w-600rpx pc:min-w-350px mo:mt-22rpx pad:w-295rpx pad:min-w-230px"> <p class="font-m leading-[1.1] pct:text-24px mot:text-14px mot:leading-[1.2] pc:">Military-Grade Shock Resistance</p> <p class="font-m leading-[1.1] pct:text-24px mot:text-14px mot:leading-[1.2] pc:mt-3rpx pc:">Splash Touch</p> <p class="font-m leading-[1.1] pct:text-24px mot:text-14px mot:leading-[1.2] pc:mt-3rpx pc:">45W SUPERVOOC<sub>TM</sub> <br class="pad-only">Flash Charge</p> <p class="font-m leading-[1.1] pct:text-24px mot:text-14px mot:leading-[1.2] pc:mt-3rpx pc:min-w-350px pad:min-w-230px">5000mAh Battery with <nobr>Four-year Longevity</nobr></p> </div> </div> </div> </div> <div class="pc-only pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:w-full pc:px-64px pc:pt-120rpx pc:bg-white" data-gtm-view="Part2: Highlights" data-comp-ksp=""> <div class="text-wrapper pc:flex pc:items-start pc:justify-start pc:mx-auto"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:text-center pc:text-black pc:text-opacity-95"><span class="text-48px">A Step Ahead</span></p> </div> <div class="pc:flex pc:items-start pc:justify-start pc:w-1312rpx pc:mx-auto pc:flex-shrink-0 pc:h-480rpx pc:mt-48rpx"><a class="image-and-others pc:inline-flex pc:flex-col pc:items-start pc:justify-end pc:flex-[1_1_310rpx] pc:w-310rpx pc:self-stretch pc:relative pc:bg-gradient-to-b pc:from-black pc:from-opacity-0 pc:to-black pc:overflow-hidden" href="#anchor-design"><img data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2370_1666-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2370_1666-d7111.png.avif" class="pc:absolute pc:top-0 pc:left-0 pc:w-full pc:h-full pc:object-cover"><img class="combine-image pc:w-265.6rpx pc:flex-shrink-0 pc:h-434rpx pc:top-[calc(54%-217rpx)] pc:left-[calc(47%-132.8rpx)] pc:absolute pc:object-contain" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2370_1668-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2370_1668-d7111.png.avif"> <div class="pc:inline-flex pc:items-end pc:justify-between pc:self-stretch pc:px-20rpx pc:py-16rpx pc:relative"> <p class="pct:text-18px pct:font-bold pct:tracking-0.027em pct:leading-[1.44] pc:flex-[1_1_246rpx] pc:w-246rpx pc:text-black pc:text-opacity-95"><span class="text-18px">Military-Grade Shock Resistance</span><sup class="text-18px">1</sup></p><img class="svg-container pc:flex-shrink-0 pc:w-24rpx pc:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2370_1673-1.svg"> </div><img class="image pc:w-50rpx pc:flex-shrink-0 pc:h-62rpx pc:bottom-84rpx pc:left-20rpx pc:absolute pc:object-cover" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2370_1674-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2370_1674-d7111.png.avif"></a><a class="image-and-others pc:inline-flex pc:flex-col pc:items-start pc:justify-end pc:flex-[1_1_310rpx] pc:w-310rpx pc:self-stretch pc:relative pc:ml-24rpx pc:bg-gradient-to-b pc:from-black pc:from-opacity-0 pc:to-black pc:overflow-hidden" href="#anchor-display"><img data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1682-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1682-d7111.png.avif" class="pc:absolute pc:top-0 pc:left-0 pc:w-full pc:h-full pc:object-cover"><img class="image pc:w-877rpx pc:flex-shrink-0 pc:h-659rpx pc:top-[calc(52%-329.5rpx)] pc:left-[calc(66%-438.5rpx)] pc:absolute pc:object-cover" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1683-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1683-d7111.jpg.avif"> <div class="pc:inline-flex pc:items-end pc:justify-between pc:self-stretch pc:px-20rpx pc:py-16rpx pc:relative"> <p class="pct:text-18px pct:font-bold pct:tracking-0.027em pct:leading-[1.44] pc:flex-[1_1_246rpx] pc:w-246rpx pc:text-black pc:text-opacity-95"><span class="text-18px">Splash Touch</span></p><img class="svg-container pc:flex-shrink-0 pc:w-24rpx pc:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1686-1.svg"> </div></a><a class="image-and-others pc:inline-flex pc:flex-col pc:items-start pc:justify-end pc:flex-[1_1_310rpx] pc:w-310rpx pc:self-stretch pc:relative pc:ml-24rpx pc:bg-gradient-to-b pc:from-black pc:from-opacity-0 pc:to-black pc:overflow-hidden" href="#anchor-performance"><img data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1687-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1687-d7111.png.avif" class="pc:absolute pc:top-0 pc:left-0 pc:w-full pc:h-full pc:object-cover"><img class="combine-image pc:transform pc:-rotate-90 pc:w-438rpx pc:flex-shrink-0 pc:h-103rpx pc:top-229.5rpx pc:left-[calc(50%-219rpx)] pc:absolute pc:object-contain pc:overflow-hidden" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1688-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1688-d7111.png.avif"> <div class="pc:inline-flex pc:items-end pc:justify-between pc:self-stretch pc:px-20rpx pc:py-16rpx pc:relative"> <p class="tm-text pct:text-NaNpx pct:font-bold pc:flex-[1_1_246rpx] pc:w-246rpx pc:text-black pc:text-opacity-95"><span class="text-18px">45W SUPERVOOC</span><span class="text-8px">TM</span><span class="text-18px"> <br></span><span class="text-18px">Flash Charge</span><sup class="text-18px">2</sup></p><img class="svg-container pc:flex-shrink-0 pc:w-24rpx pc:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1693-1.svg"> </div></a><a class="image-and-others pc:inline-flex pc:flex-col pc:items-start pc:justify-end pc:flex-[1_1_310rpx] pc:w-310rpx pc:self-stretch pc:relative pc:ml-24rpx pc:bg-gradient-to-b pc:from-black pc:from-opacity-0 pc:to-black pc:overflow-hidden" href="#section-work"><img data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1695-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1695-d7111.png.avif" class="pc:absolute pc:top-0 pc:left-0 pc:w-full pc:h-full pc:object-cover"><img class="combine-image pc:w-371.1rpx pc:flex-shrink-0 pc:h-129.6rpx pc:top-[calc(51%-64.8rpx)] pc:left-20rpx pc:absolute pc:object-contain" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1641-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1641-d7111.png.avif"> <div class="pc:inline-flex pc:items-end pc:justify-between pc:self-stretch pc:px-20rpx pc:py-16rpx pc:relative"> <p class="pct:text-18px pct:font-bold pct:tracking-0.027em pct:leading-[1.44] pc:flex-[1_1_246rpx] pc:w-246rpx pc:text-black pc:text-opacity-95"><span class="text-18px">5000mAh Battery with Four-year Longevity</span><sup class="text-18px">3</sup></p><img class="svg-container pc:flex-shrink-0 pc:w-24rpx pc:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1702-1.svg"> </div></a></div> </div> <div class="pad-only pad:inline-flex pad:flex-col pad:items-center pad:justify-start pad:w-full pad:px-24px pad:pt-80px pad:pb-48px pad:bg-white" data-gtm-view="Part2: Highlights" data-comp-ksp=""> <div class="pad:flex pad:flex-col pad:items-center pad:justify-start pad:w-720rpx pad:mx-auto"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pad:text-center pad:text-black pad:text-opacity-95"><span class="text-30px">A Step Ahead</span></p> <div class="pad:flex pad:flex-col pad:items-center pad:justify-start pad:mt-48px"> <div class="pad:inline-flex pad:items-start pad:justify-start pad:w-720rpx"><a href="#anchor-design" class="pad:inline-flex pad:flex-col pad:items-start pad:justify-end pad:flex-[1_1_354rpx] pad:w-354rpx pad:self-stretch pad:relative pad:bg-[#f7f7f5] pad:overflow-hidden"><img class="combine-image pad:w-354rpx pad:flex-shrink-0 pad:h-280rpx pad:bottom-0 pad:left-[calc(50%-177rpx)] pad:absolute pad:object-contain" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2394-1.png.avif"> <div class="collapse-card pad:inline-flex pad:items-end pad:justify-between pad:self-stretch pad:px-16rpx pad:py-12px pad:relative"> <div class="text-wrapper pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_298rpx] pad:w-298rpx"> <p class="mot:text-18px mot:font-bold mot:tracking-0.027em mot:leading-[1.44] pad:w-280rpx pad:text-black pad:text-opacity-95"><span class="text-18px">Military-Grade Shock Resistance</span><sup class="text-18px">1</sup></p> </div><img class="svg-container pad:flex-shrink-0 pad:w-24rpx pad:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2401-1.svg"> </div><img class="image pad:w-48rpx pad:flex-shrink-0 pad:h-59rpx pad:bottom-75rpx pad:left-20rpx pad:absolute pad:object-cover" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2402-1.png.avif"></a><a class="image-and-others pad:inline-flex pad:flex-col pad:items-start pad:justify-end pad:flex-[1_1_354rpx] pad:w-354rpx pad:h-280px pad:relative pad:ml-12rpx pad:bg-gradient-to-b pad:from-black pad:from-opacity-0 pad:to-black pad:overflow-hidden" href="#anchor-display"><img data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2403-1.png.avif" class="pad:absolute pad:top-0 pad:left-0 pad:w-full pad:h-full pad:object-cover"><img class="image pad:w-577rpx pad:flex-shrink-0 pad:h-432rpx pad:top-[calc(52%-216rpx)] pad:-left-74rpx pad:absolute pad:object-cover" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2404-1.jpg.avif"> <div class="collapse-card pad:inline-flex pad:items-end pad:justify-between pad:self-stretch pad:px-16rpx pad:py-12px pad:relative"> <div class="text-wrapper pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_298rpx] pad:w-298rpx"> <p class="mot:text-18px mot:font-bold mot:tracking-0.027em mot:leading-[1.44] pad:self-stretch pad:text-black pad:text-opacity-95"><span class="text-18px">Splash Touch</span></p> </div><img class="svg-container pad:flex-shrink-0 pad:w-24rpx pad:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2408-1.svg"> </div></a></div> <div class="pad:inline-flex pad:items-start pad:justify-start pad:w-720rpx pad:mt-12px"><a class="image-and-others pad:inline-flex pad:flex-col pad:items-start pad:justify-end pad:flex-[1_1_354rpx] pad:w-354rpx pad:h-280px pad:relative pad:bg-gradient-to-b pad:from-black pad:from-opacity-0 pad:to-black pad:overflow-hidden" href="#anchor-performance"><img data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2410-1.png.avif" class="pad:absolute pad:top-0 pad:left-0 pad:w-full pad:h-full pad:object-cover"><img class="combine-image pad:transform pad:-rotate-90 pad:w-92rpx pad:flex-shrink-0 pad:h-351rpx pad:-bottom-19.5rpx pad:left-[calc(54%-46rpx)] pad:absolute pad:object-contain pad:overflow-hidden" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2411-1.png.avif"> <div class="collapse-card pad:inline-flex pad:items-end pad:justify-between pad:self-stretch pad:px-16rpx pad:py-12px pad:relative"> <div class="text-wrapper pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_298rpx] pad:w-298rpx"> <p class="tm-text mot:text-NaNpx mot:font-bold pad:self-stretch pad:text-black pad:text-opacity-95"><span class="text-18px">45W SUPERVOOC</span><span class="text-8px">TM<br></span><span class="text-18px">Flash Charge</span><sup class="text-18px">2</sup></p> </div><img class="svg-container pad:flex-shrink-0 pad:w-24rpx pad:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2418-1.svg"> </div></a><a class="image-and-others pad:inline-flex pad:flex-col pad:items-start pad:justify-end pad:flex-[1_1_354rpx] pad:w-354rpx pad:h-280px pad:relative pad:ml-12rpx pad:bg-gradient-to-b pad:from-black pad:from-opacity-0 pad:to-black pad:overflow-hidden" href="#section-work"><img data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2419-1.png.avif" class="pad:absolute pad:top-0 pad:left-0 pad:w-full pad:h-full pad:object-cover"><img class="combine-image pad:w-396rpx pad:flex-shrink-0 pad:h-138.3rpx pad:top-43.3rpx pad:left-20rpx pad:absolute pad:object-contain" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1761-1.png.avif"> <div class="collapse-card pad:inline-flex pad:items-end pad:justify-between pad:self-stretch pad:px-16rpx pad:py-12px pad:relative"> <div class="text-wrapper pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_298rpx] pad:w-298rpx"> <p class="mot:text-18px mot:font-bold mot:tracking-0.027em mot:leading-[1.44] pad:self-stretch pad:text-black pad:text-opacity-95"><span class="text-18px">5000mAh Battery with Four-year Longevity</span><sup class="text-18px">3</sup></p> </div><img class="svg-container pad:flex-shrink-0 pad:w-24rpx pad:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2427-1.svg"> </div></a></div> </div> </div> </div> <div class="mo-only mo:inline-flex mo:flex-col mo:items-center mo:justify-start mo:w-full mo:px-16px mo:py-48px mo:bg-white" data-gtm-view="Part2: Highlights" data-comp-ksp=""> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:w-328rpx mo:mx-auto mo:text-center mo:text-black mo:text-opacity-95"><span class="text-30px">A Step Ahead</span></p> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:mt-36rpx"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-328rpx"> <div class="mo:inline-flex mo:items-start mo:justify-start mo:self-stretch"><a class="image-and-others mo:inline-flex mo:flex-col mo:items-start mo:justify-end mo:flex-shrink-0 mo:w-162rpx mo:self-stretch mo:relative mo:bg-gradient-to-b mo:from-black mo:from-opacity-0 mo:to-black mo:overflow-hidden" href="#anchor-design"><img data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2075-1.png.avif" class="mo:absolute mo:top-0 mo:left-0 mo:w-full mo:h-full mo:object-cover"> <div class="image-group mo:w-99.4rpx mo:flex-shrink-0 mo:h-162.4rpx mo:top-[calc(45%-81.2rpx)] mo:left-21.6rpx mo:absolute"><img class="image mo:transform mo:-rotate-30 mo:w-35.3rpx mo:h-112.8rpx mo:top-3.5rpx mo:left-[calc(54%-17.7rpx)] mo:absolute mo:object-contain" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2077-1.png.avif"><img class="image mo:transform mo:rotate-30 mo:w-35.3rpx mo:h-112.8rpx mo:top-119.5rpx mo:left-[calc(54%-17.7rpx)] mo:absolute mo:object-contain" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2078-1.png.avif"><img class="image mo:w-210rpx mo:h-71rpx mo:-bottom-33.6rpx mo:left-[calc(55%-105rpx)] mo:absolute" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2079-1.png.avif"></div><img class="image mo:w-32rpx mo:flex-shrink-0 mo:h-39rpx mo:bottom-52rpx mo:left-8rpx mo:absolute mo:object-contain" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2080-1.png.avif"> <div class="text-wrapper mo:inline-flex mo:items-end mo:justify-start mo:w-162rpx mo:px-8rpx mo:py-8rpx mo:relative mo:rounded-4rpx"> <p class="mot:text-14px mot:font-bold mot:tracking-0.035em mot:leading-[1.57] mo:w-full mo:text-black mo:text-opacity-95"><span class="text-14px">Military-Grade Shock Resistance</span><sup class="text-14px">1</sup></p> </div></a><a class="image-and-others mo:inline-flex mo:flex-col mo:items-start mo:justify-end mo:flex-shrink-0 mo:w-162rpx mo:h-180rpx mo:relative mo:ml-4rpx mo:bg-gradient-to-b mo:from-black mo:from-opacity-0 mo:to-black mo:overflow-hidden" href="#anchor-display"><img data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2086-1.png.avif" class="mo:absolute mo:top-0 mo:left-0 mo:w-full mo:h-full mo:object-cover"><img class="image mo:w-373rpx mo:flex-shrink-0 mo:h-279rpx mo:top-[calc(51%-139.5rpx)] mo:-left-83rpx mo:absolute mo:object-cover" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2087-1.jpg.avif"> <div class="text-wrapper mo:inline-flex mo:items-end mo:justify-start mo:w-162rpx mo:px-8rpx mo:py-8rpx mo:relative mo:rounded-4rpx"> <p class="mot:text-14px mot:font-bold mot:tracking-0.035em mot:leading-[1.57] mo:w-full mo:self-stretch mo:text-black mo:text-opacity-95"><span class="text-14px">Splash Touch</span></p> </div></a></div> <div class="mo:inline-flex mo:items-start mo:justify-start mo:self-stretch mo:mt-12rpx"><a class="image-and-others mo:inline-flex mo:flex-col mo:items-start mo:justify-end mo:flex-shrink-0 mo:w-162rpx mo:h-180rpx mo:relative mo:bg-gradient-to-b mo:from-black mo:from-opacity-0 mo:to-black mo:overflow-hidden" href="#anchor-performance"><img data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2094-1.png.avif" class="mo:absolute mo:top-0 mo:left-0 mo:w-full mo:h-full mo:object-cover"><img class="combine-image mo:transform mo:-rotate-90 mo:w-44rpx mo:flex-shrink-0 mo:h-156rpx mo:top-3rpx mo:right-56rpx mo:absolute mo:object-contain mo:overflow-hidden" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2102-1.png.avif"> <div class="tm-text text-wrapper mo:inline-flex mo:items-end mo:justify-start mo:w-162px mo:px-8px mo:py-8px mo:relative mo:rounded-4px"> <p class="mot:text-NaNpx mot:font-bold mo:w-full mo:text-black mo:text-opacity-95"><span class="text-14px">45W SUPERVOOC</span><span class="text-6px">TM</span><span class="text-14px"> </span><span class="text-14px">Flash Charge</span><sup class="text-14px">2</sup></p> </div></a><a class="image-and-others mo:inline-flex mo:flex-col mo:items-start mo:justify-end mo:flex-shrink-0 mo:w-162rpx mo:self-stretch mo:relative mo:ml-4rpx mo:bg-gradient-to-b mo:from-black mo:from-opacity-0 mo:to-black mo:overflow-hidden" href="#section-work"><img data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2106-1.png.avif" class="mo:absolute mo:top-0 mo:left-0 mo:w-full mo:h-full mo:object-cover"><img class="ksp-battery-img combine-image mo:w-192rpx mo:flex-shrink-0 mo:h-77rpx mo:top-[calc(45%-38.5rpx)] mo:left-8rpx mo:absolute mo:object-contain mo:overflow-hidden" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1813-1.png.avif"> <div class="text-wrapper mo:inline-flex mo:items-end mo:justify-start mo:w-162rpx mo:px-8rpx mo:py-8rpx mo:relative mo:rounded-4rpx"> <p class="mot:text-14px mot:font-bold mot:leading-[1.57] mo:w-full mo:text-black mo:text-opacity-95"><span class="text-14px">5000mAh Battery with Four-year Longevity</span><sup class="text-14px">3</sup></p> </div></a></div> </div> </div> </div> <div class="section-transition-mask"></div> </div> <div class="relative"> <div id="anchor-design" class=""></div> </div> <div class="bg-white flex flex-col w-screen items-center relative" id="section-design" ani-section-transition-next="" text-clip=""> <p class="font-m text-center opacity-95 pct:text-72px pct:leading-[1.11] pct:py-180rpx mot:text-48rpx mot:leading-[1.30] mo:py-80rpx pad:py-100rpx">Design</p> <div class="pc-only pc:w-full pc:h-640rpx pc:px-64px pc:relative pc:bg-[#f5f5f5] pc:overflow-hidden pc:flex pc:justify-center"> <div class="pc:w-1312rpx pc:mx-auto pc:inline-flex pc:items-center pc:justify-start"><img class="combine-image pc:flex-shrink-0 pc:w-269.1rpx pc:h-502.5rpx pc:top-[calc(50%-251.2rpx)] pc:left-[calc(50%-134.6rpx)] pc:absolute pc:object-contain" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2645_1131-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2645_1131-d7111.png.avif"><img class="image pc:transform pc:rotate-15 pc:flex-shrink-0 pc:w-150rpx pc:h-480rpx pc:-bottom-420.2rpx pc:left-[calc(50%-75rpx)] pc:absolute pc:object-cover" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2374_2209-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2374_2209-d7111.png.avif"> <div class="pc:flex pc:flex-col pc:items-end pc:justify-start pc:w-1312rpx pc:mx-auto pc:bottom-165rpx pc:left-[calc(50%-656rpx)] pc:absolute"> <div class="pc:inline-flex pc:items-center pc:justify-between pc:w-1312rpx"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:flex-shrink-0 pc:w-398rpx pc:text-black pc:text-opacity-95"><span class="text-48px">Shock and Awe</span></p> <div class="text-wrapper pc:flex pc:items-center pc:justify-center pc:flex-shrink-0 pc:w-379rpx"> <p class="pct:text-18px pct:tracking-0.027em pct:leading-[1.44] pc:w-379rpx pc:text-black pc:text-opacity-95"><span class="text-18px">Experience awesome shock protection, so that an accidental drop goes from "ah!" to "ah…never mind". Military-grade shock resistance has your back.</span></p> </div> </div> <div class="image-group pc:inline-flex pc:items-end pc:justify-start pc:w-379rpx pc:flex-shrink-0 pc:h-89rpx pc:ml-933rpx pc:mt-14rpx"><img class="image pc:w-72rpx pc:h-89rpx pc:object-cover pc:relative" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1717-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1717-d7111.png.avif"></div> </div> </div> </div> <div class="pad-only pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:w-full pad:bg-[#f5f5f5]"> <div class="pad:flex pad:flex-col pad:items-center pad:justify-start pad:self-stretch pad:px-24px pad:pt-64px"> <div class="text-wrapper pad:flex pad:flex-col pad:items-center pad:justify-start pad:mx-auto"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pad:text-black pad:text-opacity-95"><span class="text-30px">Shock and Awe</span></p> </div> <p class="mot:text-18px mot:tracking-0.027em mot:leading-[1.44] pad:w-500rpx pad:mx-auto pad:mt-18px pad:text-center pad:text-black pad:text-opacity-95"><span class="text-18px">Experience awesome shock protection, so that an accidental drop goes from "ah!" to "ah…never mind". Military-grade shock resistance has your back.</span></p> </div><img class="combine-image pad:flex pad:items-start pad:justify-start pad:w-768rpx pad:max-w-full pad:mx-auto pad:flex-shrink-0 pad:h-450rpx pad:relative pad:object-contain pad:overflow-hidden" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2435-1.png.avif"> </div> <div class="mo-only mo:inline-flex mo:flex-col mo:items-start mo:justify-center mo:w-full mo:pt-80px mo:bg-[#f5f5f5] mo:relative mo:overflow-hidden"> <div class="image-with-text mo:self-stretch mo:px-16px mo:relative mo:overflow-hidden mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-center"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95"><span class="text-30px">Shock and Awe</span></p> <p class="mot:text-18px mot:tracking-0.027em mot:leading-[1.44] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95"><span class="text-18px">Experience awesome shock protection, so that an accidental drop goes from "ah!" to "ah…never mind". Military-grade shock resistance has your back.</span></p> </div><img class="combine-image mo:flex mo:flex-col mo:items-end mo:justify-start mo:self-stretch mo:flex-shrink-0 mo:h-440rpx mo:relative mo:mt-24rpx mo:object-contain" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2121-1.png.avif"> </div> </div> </div> <div class="wapper flex flex-col text-center relative justify-center pc:w-[91.11vw] pc:h-[80vh] pc:min-h-550px pc:max-h-1028px mo:h-467rpx mo:w-328rpx pad:h-509rpx pad: pad:w-720rpx"> <div class="clip-wrapper flex flex-col h-full text-center w-full absolute justify-center transfrom"> <p class="text clip-text pct:text-72px pct:leading-[1.2] mot:text-40px">7.68mm</p> <p class="clip-text pct:text-72px pct:leading-[1.2] mot:text-40px">Ultra Slim</p> </div> <div class="img-wrapper bg-white mx-auto w-full pc:h-[16vw] pc:min-h-210px pc:w-[55.55vw] mo:w-full mo:h-255rpx pad:h-170rpx pad:w-500rpx"><img class="phone object-contain -top-[1px] absolute pc:h-[3.19vw] pc:w-[55.55vw] mo:w-328rpx mo:h-19rpx pad:w-500rpx pad:h-29rpx pad:" alt="OPPO A60 7.68mm Ultra Slim" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-design-phone-pur-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-design-phone-pur-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-design-phone-mo-pur-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-design-phone-pad-pur-1.png.avif"> <div class="text-desc mx-auto pc:w-700rpx pc:max-w-700px pc:min-w-520px pc:mt-[3.125vw] mo:w-full mo:mt-19rpx pad:w-500rpx pad:min-w-400px pad:mt-29rpx"> <p class="font-m opacity-95 pct:leading-[1.25] pct:mb-24rpx mot:text-30px pc:text-48px pad:text-48px">Slim Fit for Your Pocket</p> <p class="opacity-95 tracking-0.5px pct:leading-[1.44] pct:mt-24px mot:text-16px mot:tracking-0.03em mot:leading-[1.5] mot:mt-18rpx pc:text-18px pad:text-18px">This 7.68mm Ultra Slim body slides easily into almost any pocket and won't ruin your silhouette with unsightly bulges.<sup>4</sup> High-end looks pair with a smooth, comfortable grip. When it comes to phone fashion, <br class="mo-only">thin is definitely in.</p> </div> </div> </div> <div class="pad-only pad:flex pad:items-start pad:justify-between pad:w-full pad:mx-auto pad:bg-[#f8f9fa] pad:relative pad:overflow-hidden" data-comp-select-color=""> <div class="pad:inline-flex pad:flex-col pad:items-center pad:justify-start pad:flex-[1_1_384rpx] pad:w-384rpx pad:self-stretch pad:px-24rpx pad:py-48px"> <div class="pad:flex pad:flex-col pad:items-start pad:justify-start pad:self-stretch"> <div class="image-group pad:flex pad:flex-col pad:items-start pad:justify-start pad:w-336rpx pad:flex-shrink-0 pad:h-220rpx pad:relative pad:overflow-hidden"><img class="image pad:w-336rpx pad:flex-shrink-0 pad:h-220rpx pad:top-0 pad:left-[calc(50%-168rpx)] pad:absolute pad:object-cover" alt="OPPO A60 Ripple Blue 1" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1571-1.jpg.avif"><img class="image pad:w-336rpx pad:flex-shrink-0 pad:h-220rpx pad:top-0 pad:left-[calc(50%-168rpx)] pad:absolute pad:object-cover" alt="OPPO A60 Midnight Purple 1" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1570-1.jpg.avif"></div> <div class="pad:flex pad:flex-col pad:items-start pad:justify-start pad:self-stretch pad:mt-32px pad:rounded-8rpx pad:relative pad:overflow-hidden"> <div class="text-wrapper pad:flex pad:flex-col pad:items-start pad:justify-start pad:relative"> <div class="pad:flex pad:flex-col pad:items-start pad:justify-start pad:w-336rpx pad:flex-shrink-0 pad:h-214px pad:top-[calc(50%-107px)] pad:left-[calc(50%-168rpx)] pad:absolute"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pad:self-stretch pad:text-black pad:text-opacity-95"><span class="text-30px">An Aura of Elegance</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:self-stretch pad:mt-18px pad:text-black pad:text-opacity-95"><span class="text-16px">Mysterious purple OPPO Glow shimmers emerge from the deep, dark background, reminiscent of an aurora in the clear night sky. A high-end frosted finish completes the understated elegance that is Midnight Purple.</span></p> </div> <div class="pad:flex pad:flex-col pad:items-start pad:justify-start pad:opacity-0 pad:w-336rpx pad:relative"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pad:self-stretch pad:text-black pad:text-opacity-95"><span class="text-30px">Wave to Flowing Fashion</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:self-stretch pad:mt-18px pad:text-black pad:text-opacity-95"><span class="text-16px">Rippling, shimmering Magnetic Particle Design creates the feeling of ocean waves in Ripple Blue. The glossy, glass-like back panel gives you that flagship phone feeling and also stays fingerprint free.</span></p> </div> </div> <div class="color-switch pad:inline-flex pad:items-end pad:justify-start pad:pt-20px"> <div class="pad:inline-flex pad:flex-col pad:items-start pad:justify-between pad:h-57px"><img class="button combine-image pad:w-30rpx pad:flex-shrink-0 pad:h-30rpx pad:relative pad:object-contain" data-gtm-click="Color" data-gtm-label="Midnight Purple" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1587-1.svg"> <p class="mot:text-14px mot:tracking-0.035em mot:leading-[1.57]"><span class="text-14px">Midnight Purple</span></p> </div> <!-- <div class="pad:inline-flex pad:flex-col pad:items-start pad:justify-between pad:flex-shrink-0 pad:w-107.5rpx pad:h-57px pad:ml-20rpx"><img class="button combine-image pad:w-30rpx pad:flex-shrink-0 pad:h-30rpx pad:relative pad:object-contain" data-gtm-click="Color" data-gtm-label="Ripple Blue" data-src="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1582-1.svg"> <p class="mot:text-14px mot:tracking-0.035em mot:leading-[1.57] pad:text-black pad:text-opacity-95"><span class="text-14px">Ripple Blue</span></p> </div> --> </div> </div> </div> </div> <div class="image-group pad:flex pad:items-start pad:justify-start pad:flex-[1_1_384rpx] pad:w-384rpx pad:self-stretch pad:relative pad:overflow-hidden"><img class="image pad:flex-shrink-0 pad:w-384rpx pad:h-663rpx pad:top-0 pad:right-0 pad:absolute pad:object-cover" alt="OPPO A60 Ripple Blue 2" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1593-1.jpg.avif"><img class="image pad:flex-shrink-0 pad:w-384rpx pad:h-663rpx pad:top-0 pad:right-0 pad:absolute pad:object-cover" alt="OPPO A60 Midnight Purple 2" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1592-1.jpg.avif"></div> </div> <div class="mo-only mo:w-full mo:px-16px mo:pb-32px mo:bg-white mo:flex mo:justify-center" data-comp-select-color=""> <div class="mo:w-328rpx mo:mx-auto mo:inline-flex mo:flex-col mo:items-center mo:justify-start"> <div class="image-group mo:flex mo:flex-col mo:items-center mo:justify-start mo:self-stretch mo:flex-shrink-0 mo:h-220rpx mo:relative"><img class="image-container combine-image mo:flex mo:flex-col mo:items-center mo:justify-start mo:w-328rpx mo:flex-shrink-0 mo:h-220rpx mo:top-[calc(50%-110rpx)] mo:left-[calc(50%-164rpx)] mo:absolute mo:object-cover mo:overflow-hidden" alt="OPPO A60 Ripple Blue 1" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1609-1.jpg.avif"><img class="image-container combine-image mo:flex mo:flex-col mo:items-center mo:justify-start mo:self-stretch mo:flex-shrink-0 mo:h-220rpx mo:relative mo:object-cover mo:overflow-hidden" alt="OPPO A60 Midnight Purple 1" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1607-1.jpg.avif"></div> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:mt-32px mo:rounded-8rpx"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:relative"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:opacity-0 mo:w-328rpx mo:top-0 mo:right-0 mo:absolute"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95"><span class="text-30px">An Aura of Elegance</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95"><span class="text-16px">Mysterious purple OPPO Glow shimmers emerge from the deep, dark background, reminiscent of an aurora in the clear night sky. A high-end frosted finish completes the understated elegance that is Midnight Purple.</span></p> </div> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-328rpx mo:relative"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95"><span class="text-30px">Wave to Flowing Fashion</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95"><span class="text-16px">Rippling, shimmering Magnetic Particle Design creates the feeling of ocean waves in Ripple Blue. The glossy, glass-like back panel gives you that flagship phone feeling and also stays fingerprint free.</span></p> </div> </div> <div class="color-switch mo:inline-flex mo:items-end mo:justify-start mo:mt-24px"> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:flex-shrink-0 mo:w-107.5px mo:self-stretch"><img class="button combine-image mo:w-30px mo:flex-shrink-0 mo:h-30px mo:relative mo:object-contain" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1626-1.svg"> <p class="mot:text-14px mot:tracking-0.035em mot:leading-[1.57] mo:self-stretch mo:mt-5px"><span class="text-14px">Midnight Purple</span></p> </div> <!-- <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:flex-shrink-0 mo:w-107.5px mo:self-stretch mo:ml-20px"><img class="button combine-image mo:w-30px mo:flex-shrink-0 mo:h-30px mo:relative mo:object-contain" data-src="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1621-1.svg"> <p class="mot:text-14px mot:tracking-0.035em mot:leading-[1.57] mo:self-stretch mo:flex-shrink-0 mo:h-21px mo:mt-5px mo:text-black mo:text-opacity-95"><span class="text-14px">Ripple Blue</span></p> </div> --> </div> </div> </div> </div> </div> <div class="bg-[#151515] -mt-1px w-full pb-30px text-opacity-95 z-2" id="section-water" ani-section-transition="" next-section="#section-display"> <div class="pc-only pc:inline-flex pc:items-center pc:justify-start pc:w-full"> <div class="min-h-600px pc:flex pc:items-center pc:justify-start pc:w-full pc:mx-auto pc:h-50vw" data-comp-select-color=""> <div class="pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:flex-[1_1_50vw] pc:w-50vw pc:self-stretch pc:px-4.44vw pc:py-4.44vw pc:bg-[#fafafa]"> <div class="pc:flex pc:flex-col pc:items-center pc:justify-between pc:self-stretch pc:flex-[1_1_41.11vw]"> <div class="image-with-text pc:flex pc:flex-col pc:items-start pc:justify-start pc:self-stretch"> <div class="image-group pc:flex pc:flex-col pc:items-start pc:justify-start pc:self-stretch pc:flex-shrink-0 pc:h-20.83vw pc:relative pc:overflow-hidden"><img class="image pc:w-41.25vw pc:flex-shrink-0 pc:h-23.19vw pc:top-[calc(53%-11.6vw)] pc:left-[calc(50%-20.63vw)] pc:absolute pc:object-cover" alt="OPPO A60 Ripple Blue 1" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1531-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1531-d7111.jpg.avif"><img class="image pc:w-41.11vw pc:flex-shrink-0 pc:h-22.92vw pc:top-[calc(50%-11.46vw)] pc:left-[calc(50%-20.56vw)] pc:absolute pc:object-cover" alt="OPPO A60 Midnight Purple 1" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1530-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1530-d7111.jpg.avif"></div> <div class="text-wrapper pc:flex pc:flex-col pc:items-start pc:justify-start pc:self-stretch pc:relative pc:mt-1.67vw"> <div class="pc:flex pc:flex-col pc:items-start pc:justify-start pc:opacity-0 pc:w-41.11vw pc:relative"> <p class="pct:text-32px pct:font-medium pct:tracking-0.02em pct:leading-[1.25] pc:self-stretch pc:text-black pc:text-opacity-95"><span class="text-32px">An Aura of Elegance</span></p> <p class="pct:text-18px pct:tracking-0.027em pct:leading-[1.44] pc:self-stretch pc:mt-12px pc:text-black pc:text-opacity-95"><span class="text-18px">Mysterious purple OPPO Glow shimmers emerge from the deep, dark background, reminiscent of an aurora in the clear night sky. A high-end frosted finish completes the understated elegance that is Midnight Purple.</span></p> </div> <div class="pc:flex pc:flex-col pc:items-start pc:justify-start pc:w-41.11vw pc:top-0 pc:left-[calc(50%-20.56vw)] pc:absolute"> <p class="pct:text-32px pct:font-medium pct:tracking-0.015em pct:leading-[1.25] pc:self-stretch pc:text-black pc:text-opacity-95"><span class="text-32px">Wave to Flowing Fashion</span></p> <p class="pct:text-18px pct:tracking-0.027em pct:leading-[1.44] pc:self-stretch pc:flex-shrink-0 pc:h-104px pc:mt-12px pc:text-black pc:text-opacity-95"><span class="text-18px">Rippling, shimmering Magnetic Particle Design creates the feeling of ocean waves in Ripple Blue. The glossy, glass-like back panel gives you that flagship phone feeling and also stays fingerprint free.</span></p> </div> </div> </div> <div class="pc:inline-flex pc:items-end pc:justify-start pc:self-stretch"> <div class="color-switch pc:flex pc:items-start pc:justify-start pc:self-stretch"> <div class="pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:self-stretch"><img class="combine-image pc:w-40rpx pc:flex-shrink-0 pc:h-40rpx pc:relative pc:object-contain" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1547-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1547-d7111.png.avif"> <p class="pct:text-16px pct:tracking-0.02em pct:leading-[1.5] pc:mt-8px pc:text-center pc:text-black pc:text-opacity-95"><span class="text-16px">Midnight Purple</span></p> </div> <!-- <div class="pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:self-stretch pc:ml-1.67vw"><img class="combine-image pc:w-40rpx pc:flex-shrink-0 pc:h-40rpx pc:relative pc:object-contain" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1542-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1542-d7111.png.avif"> <p class="pct:text-16px pct:tracking-0.02em pct:leading-[1.5] pc:mt-8px pc:text-center pc:text-black pc:text-opacity-95"><span class="text-16px">Ripple Blue</span></p> </div> --> </div> </div> </div> </div> <div class="image-group pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:flex-shrink-0 pc:w-50vw pc:self-stretch pc:relative pc:bg-[#f0f0f0] pc:overflow-hidden"><img class="min-h-600px image pc:w-50vw pc:flex-shrink-0 pc:h-50vw pc:top-0 pc:right-0 pc:absolute pc:object-cover" alt="OPPO A60 Ripple Blue 2" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1553-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1553-d7111.jpg.avif"><img class="min-h-600px image pc:w-50vw pc:flex-shrink-0 pc:h-50vw pc:top-0 pc:right-0 pc:absolute pc:object-cover" alt="OPPO A60 Midnight Purple 2" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1552-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2669_1552-d7111.jpg.avif"></div> </div> </div> <div class="flex mx-auto text-white relative pc:w-1312rpx pc:py-80rpx pc:h-680rpx pc:items-center mo:w-328rpx mo:py-80rpx mo:flex-col-reverse mo:h-650rpx pad:w-720rpx pad:py-80rpx pad:h-460rpx" ani-water=""> <div class="water-group bg-black h-full flex-1 relative overflow-hidden mo:h-286rpx mo:w-full mo:mt-24rpx"><img class="water object-cover absolute pc:w-452rpx pc:h-390rpx pc:-bottom-91rpx pc:left-18rpx mo:w-214.3rpx mo:h-184.9rpx mo:-bottom-31.7rpx mo:left-11.88rpx pad:w-258rpx pad:h-223rpx pad:bottom-[-46rpx] pad:left-0" alt="OPPO A60 IP54 Water and Dust Resistance" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-l-pc-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-l-pc-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-l-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-l-pad-1.png.avif"><img class="water object-contain absolute pc:w-506.7rpx pc:h-506.7rpx pc:bottom-[-150rpx] pc:right-[-73rpx] pc: mo:w-240.2rpx mo:h-240.2rpx mo:right-[-41rpx] mo:bottom-[-54rpx] pad:w-290rpx pad:h-290rpx pad:-right-48rpx pad:bottom-[-79rpx]" alt="OPPO A60 IP54 Water and Dust Resistance" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-r-pc-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-r-pc-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-r-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-r-pad-1.png.avif"><img class="phone object-cover transform origin-center absolute pc:w-279rpx pc:h-605rpx pc:top-48rpx pc:left-[calc(50%-139.5rpx)] mo:w-133rpx mo:h-287rpx mo:top-56rpx mo:left-[calc(50%-66.5rpx)] pad:top-24rpx pad:w-160rpx pad:h-345rpx pad:left-[calc(50%-80rpx)]" alt="OPPO A60 IP54 Water and Dust Resistance" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-phone-pur-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-phone-pur-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-phone-mo-pur-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-phone-pad-pur-1.png.avif"><img class="water object-contain absolute pc:w-438.9rpx pc:h-438.9rpx pc:-bottom-162rpx pc:left-142rpx pc: mo:w-208rpx mo:h-208rpx mo:-bottom-62rpx mo:left-68.42rpx pad:w-250.4rpx pad:h-250.4rpx pad:bottom-[-86rpx] pad:left-69rpx" alt="OPPO A60 IP54 Water and Dust Resistance" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-c-pc-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-c-pc-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-c-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-water-c-pad-1.png.avif"></div> <div class="flex flex-col pc:pl-48rpx pc:flex-1 pad:pl-56rpx pad:flex-1"> <p class="font-m tracking-0.02em mot:text-30px mot:leading-[1.27] pc:text-48px pc:leading-[1.25]">Ramped Up Resistance</p> <p class="mx-auto mt-24px tracking-0.03em mot:text-16px mot:leading-[1.5] pc:text-18px pc:leading-[1.44]">This phone will be your ray of sunshine on a rainy day, offering IP54 Water and Dust Resistance<sup>5</sup>, so splats, spills, and unexpected showers don't damage your phone, or dent your mood.<sup>6</sup></p> </div> </div> <div class="section-transition-mask"></div> </div> <div class="relative"> <div id="anchor-display" class=""></div> </div> <div class="bg-black text-white w-full text-opacity-95 z-2 relative" id="section-display" ani-section-transition-next="" ani-display=""> <p class="font-m text-center opacity-95 leading-[1.11] pct:text-72px pct:py-181rpx mo:text-48px mo:w-328rpx mo:pt-80rpx mo:mx-auto pad:text-48px pad:py-100rpx">Display & Sound</p> <div class="flex flex-col w-full pb-80rpx relative items-center"> <div class="flex flex-col mx-auto z-2 items-center relative overflow-hidden pc:w-1312rpx pc:h-500rpx mo:w-328rpx mo:h-200rpx pad:w-720rpx pad:h-308rpx"> <img class="light object-cover z-1 absolute pc:w-1004rpx pc:h-285rpx pc:bottom-215rpx mo:w-328rpx mo:h-92rpx mo:bottom-75rpx pad:w-640rpx pad:h-174rpx pad:bottom-134rpx" alt="OPPO A60 950nit Ultra Bright Display 1" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-display-light-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-display-light-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-display-light-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-display-light-pad-1.png.avif"><img class="phone object-cover z-2 absolute pc:h-262rpx pc:w-831rpx pc:bottom-0 mo:w-272rpx mo:h-85rpx mo:bottom-0 pad:w-508rpx pad:h-160rpx pad:bottom-0" alt="OPPO A60 950nit Ultra Bright Display 1" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-display-phone-pur-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-display-phone-pur-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-display-phone-mo-pur-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-display-phone-pad-pur-1.png.avif"></div> <div class="box-wrapper flex mx-auto z-1 pc:w-860rpx pc:mt-48rpx pc:gap-8rpx mo:flex-wrap mo:w-328rpx mo:gap-8rpx mo:mt-24rpx pad:gap-4rpx pad:mt-24rpx pad:w-510rpx"> <div class="bg-[#201f1c] rounded-4rpx p-12rpx pc:p-20rpx pc:rounded-8rpx pc:flex-1 mo:w-full pad:flex-1"> <p class="font-m pct:text-28px pct:leading-[150%] mot:text-24px mot:leading-32px">950nits</p> <p class="pct:text-16px pct:leading-[150%] mot:text-12px mot:leading-20px">Peak Brightness<sup>7</sup></p> </div> <div class="bg-[#201f1c] rounded-4rpx p-12rpx pc:p-20rpx pc:rounded-8rpx pc:flex-1 mo:w-[48.78%] pad:flex-1"> <p class="font-m pct:text-28px pct:leading-[150%] mot:text-24px mot:leading-32px">90Hz</p> <p class="pct:text-16px pct:leading-[150%] mot:text-12px mot:leading-20px">Refresh Rate<sup>8</sup></p> </div> <div class="bg-[#201f1c] rounded-4rpx p-12rpx pc:p-20rpx pc:rounded-8rpx pc:flex-1 mo:w-[48.78%] pad:flex-1"> <p class="font-m pct:text-28px pct:leading-[150%] mot:text-24px mot:leading-32px">6.67"</p> <p class="pct:text-16px pct:leading-[150%] mot:text-12px mot:leading-20px">Screen Size<sup>9</sup></p> </div> </div> </div> <div class="relative"> <div id="anchor-bright" class=""></div> </div> <div class="pc-only pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:w-full"> <div class="pc:flex pc:flex-col pc:items-start pc:justify-center pc:self-stretch pc:px-64px pc:pb-80rpx pc:bg-black pc:relative pc:overflow-hidden"> <div class="pc:flex pc:items-center pc:justify-start pc:w-1312rpx pc:mx-auto"> <div class="text-wrapper pc:inline-flex pc:flex-col pc:items-start pc:justify-center pc:flex-[1_1_656rpx] pc:w-656rpx pc:self-stretch pc:pr-48rpx"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:self-stretch pc:text-white pc:text-opacity-95"><span class="text-48px">It Works. Even with Splash</span></p> <p class="pct:text-18px pct:tracking-0.027em pct:leading-[1.44] pc:self-stretch pc:mt-24px pc:text-white pc:text-opacity-95"><span class="text-18px">Whether replying to a message whilst at the pool or answering a critical call during an unexpected rain shower, this phone has your back. Splash Touch keeps your screen responsive even when your hands are wet.</span></p> </div> <div class="image-group pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-[1_1_656rpx] pc:w-656rpx pc:h-520rpx pc:relative pc:overflow-hidden" data-comp-parallax=""><img class="image pc:w-771rpx pc:flex-shrink-0 pc:h-579rpx pc:top-[calc(50%-289.5rpx)] pc:left-[calc(49%-385.5rpx)] pc:absolute pc:object-cover" alt="OPPO A60 Splash Touch" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-406_1439-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-406_1439-d7111.jpg.avif"></div> </div> </div> <div class="pc:flex pc:flex-col pc:items-start pc:justify-center pc:self-stretch pc:px-64px pc:pb-80rpx pc:bg-black pc:relative pc:overflow-hidden"> <div class="pc:flex pc:items-center pc:justify-start pc:w-1312rpx pc:mx-auto"> <div class="image-group pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-[1_1_656rpx] pc:w-656rpx pc:h-520rpx pc:relative pc:overflow-hidden" data-comp-parallax=""><img class="image pc:w-850rpx pc:flex-shrink-0 pc:h-637rpx pc:top-[calc(50%-318.5rpx)] pc:left-[calc(36%-425rpx)] pc:absolute pc:object-cover" alt="OPPO A60 950nit Ultra Bright Display 2" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-412_6519-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-412_6519-d7111.png.avif"></div> <div class="text-wrapper pc:inline-flex pc:flex-col pc:items-start pc:justify-center pc:flex-[1_1_656rpx] pc:w-656rpx pc:self-stretch pc:pl-48rpx"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:self-stretch pc:text-white pc:text-opacity-95"><span class="text-48px">Brilliantly Bright</span></p> <p class="pct:text-18px pct:tracking-0.027em pct:leading-[1.44] pc:self-stretch pc:mt-24px pc:text-white pc:text-opacity-95"><span class="text-18px">See your screen clearly even in the brightest sunlight. With a maximum 950nits brightness outdoors, this Ultra Bright Display on OPPO A60 is one of the brightest LCD displays in smartphones.</span></p> </div> </div> </div> </div> <div class="pad-only pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:w-full"> <div class="pad:flex pad:flex-col pad:items-start pad:justify-center pad:self-stretch pad:pb-80px pad:bg-black pad:relative pad:overflow-hidden"> <div class="pad:w-768rpx pad:max-w-full pad:px-24px pad:flex pad:justify-center"> <div class="pad:w-720rpx pad:mx-auto pad:inline-flex pad:items-center pad:justify-start"> <div class="text-wrapper pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_356rpx] pad:w-356rpx pad:pr-48rpx"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pad:self-stretch pad:text-white pad:text-opacity-95"><span class="text-30px">It Works. Even with Splash</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:self-stretch pad:mt-18px pad:text-white pad:text-opacity-95"><span class="text-16px">Whether replying to a message whilst at the pool or answering a critical call during an unexpected rain shower, this phone has your back. Splash Touch keeps your screen responsive even when your hands are wet.</span></p> </div> <div data-comp-parallax="" class="pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_356rpx] pad:w-356rpx pad:h-422rpx pad:ml-8rpx pad:relative pad:overflow-hidden"> <div class="image-group pad:flex pad:flex-col pad:items-center pad:justify-end pad:self-stretch pad:flex-[1_1_422rpx] pad:relative"><img class="image pad:w-597rpx pad:flex-shrink-0 pad:h-448rpx pad:top-[calc(50%-224rpx)] pad:-left-67rpx pad:absolute pad:object-cover" alt="OPPO A60 Splash Touch " data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5631-1.jpg.avif"></div> </div> </div> </div> </div> <div class="pad:flex pad:flex-col pad:items-start pad:justify-center pad:self-stretch pad:pb-80px pad:bg-black pad:relative pad:overflow-hidden"> <div class="pad:w-768rpx pad:max-w-full pad:px-24px pad:flex pad:justify-center"> <div class="pad:w-720rpx pad:mx-auto pad:inline-flex pad:items-center pad:justify-start"> <div data-comp-parallax="" class="pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_356rpx] pad:w-356rpx pad:h-422rpx pad:relative pad:overflow-hidden"> <div class="image-group pad:flex pad:flex-col pad:items-center pad:justify-end pad:self-stretch pad:flex-[1_1_422rpx] pad:relative"><img class="image pad:w-629rpx pad:flex-shrink-0 pad:h-472rpx pad:top-[calc(53%-236rpx)] pad:-right-32rpx pad:absolute pad:object-cover" alt="OPPO A60 950nit Ultra Bright Display 2" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5624-1.jpg.avif"></div> </div> <div class="text-wrapper pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_356rpx] pad:w-356rpx pad:pl-48rpx pad:ml-8rpx"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pad:self-stretch pad:text-white pad:text-opacity-95"><span class="text-30px">Brilliantly Bright</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:self-stretch pad:mt-18px pad:text-white pad:text-opacity-95"><span class="text-16px">See your screen clearly even in the brightest sunlight. With a maximum 950nits brightness outdoors, this Ultra Bright Display on OPPO A60 is one of the brightest LCD displays in smartphones.</span></p> </div> </div> </div> </div> </div> <div class="mo-only mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:w-full"> <div class="mo:w-360rpx mo:max-w-full mo:px-16px mo:pb-80px mo:bg-black mo:relative mo:overflow-hidden mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-center"> <div class="image-with-text mo:flex mo:flex-col mo:items-start mo:justify-center mo:self-stretch"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-white mo:text-opacity-95"><span class="text-30px">It Works. Even with Splash</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-white mo:text-opacity-95"><span class="text-16px">Whether replying to a message whilst at the pool or answering a critical call during an unexpected rain shower, this phone has your back. Splash Touch keeps your screen responsive even when your hands are wet.</span></p> </div><img class="image-container combine-image mo:flex mo:flex-col mo:items-center mo:justify-end mo:self-stretch mo:flex-shrink-0 mo:h-422rpx mo:relative mo:mt-24rpx mo:object-cover mo:overflow-hidden" alt="OPPO A60 Splash Touch" data-comp-parallax="" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5326-1.jpg.avif"> </div> </div> </div> <div class="mo:w-360rpx mo:max-w-full mo:px-16px mo:pb-80px mo:bg-black mo:relative mo:overflow-hidden mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-center"> <div class="image-with-text mo:flex mo:flex-col mo:items-start mo:justify-center mo:self-stretch"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-white mo:text-opacity-95"><span class="text-30px">Brilliantly Bright</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-white mo:text-opacity-95"><span class="text-16px">See your screen clearly even in the brightest sunlight. With a maximum 950nits brightness outdoors, this Ultra Bright Display on OPPO A60 is one of the brightest LCD displays in smartphones.</span></p> </div><img class="image-container combine-image mo:flex mo:flex-col mo:items-center mo:justify-end mo:self-stretch mo:flex-shrink-0 mo:h-422rpx mo:relative mo:mt-24rpx mo:object-cover mo:overflow-hidden" alt="OPPO A60 950nit Ultra Bright Display 2" data-comp-parallax="" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5321-1.jpg.avif"> </div> </div> </div> </div> </div> <div class="bg-black -mt-1px text-white w-full text-opacity-95 relative pad:pb-60rpx pad:w-full pad:overflow-hidden" id="section-sound" ani-section-transition="" next-section="#section-performance"> <div id="anchor-sound" class=""></div> <div class="mx-auto text-center pb-80rpx mo:text-left"> <p class="font-m pct:text-48px pct:leading-[1.25] mot:text-30px mot:leading-38px mo:w-328rpx mo:mx-auto">Surround Yourself in Sound</p> <p class="mx-auto tracking-0.03em pct:text-18px pct:leading-[1.44] pct:mt-24rpx pct:max-w-780px pct:w-780rpx mot:text-16px mot:leading-24px mot:mt-18rpx mo:w-328rpx pad:w-520px">Amp up your watch and play time with immersive Dual Stereo Speakers on your phone. Don't settle for a single speaker when the possibility of two is yours for the taking.</p> <div class="flex justify-center self-stretch relative pc:mt-48rpx mo:mt-24rpx pad:mt-24rpx"> <div class="relative pc:w-1002rpx pc:h-350rpx mo:w-328rpx mo:h-115rpx pad:w-720rpx pad:h-210rpx"> <div class="right svg-wrapper absolute pc:w-276rpx pc:h-276rpx pc:top-[calc(50%-138rpx)] pc:right-0 mo:w-90rpx mo:h-90rpx mo:right-0 mo:top-[calc(50%-45rpx)] pad:w-165rpx pad:h-165rpx pad:top-[calc(50%-82.5rpx)] pad:right-60rpx"> <div></div> <div></div> <div></div> <div></div> </div> <div class="left svg-wrapper absolute pc:w-276rpx pc:h-276rpx pc:top-[calc(50%-138rpx)] pc:left-0 mo:w-90rpx mo:h-90rpx mo:left-0 mo:top-[calc(50%-45rpx)] pad:w-165rpx pad:h-165rpx pad:top-[calc(50%-82.5rpx)] pad:left-60rpx"> <div></div> <div></div> <div></div> <div></div> </div><img class="phone object-cover absolute pc:h-350rpx pc:w-760rpx pc:top-[calc(50%-175rpx)] pc:left-[calc(50%-380rpx)] mo:w-245rpx mo:h-full mo:left-[calc(50%-122.5rpx)] mo:object-contain pad:w-455rpx pad:h-210rpx pad:top-[calc(50%-105rpx)] pad:left-[calc(50%-227.5rpx)]" alt="OPPO A60 Dual Stereo Speakers" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-sound-phone-pur-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-sound-phone-pur-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-sound-phone-mo-pur-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-sound-phone-pad-pur-1.png.avif"> </div> </div> </div> <div class="flex mx-auto items-center justify-between pc:w-1312rpx pc:my-80px mo:pb-80rpx mo:flex-col mo:text-left pad:flex-col pad:mb-50px"> <p class="font-m pct:text-48px pct:leading-[1.25] mot:text-30px mot:leading-38px pc:w-539rpx mo:mx-auto mo:w-328rpx">Take In Every Word</p> <p class="pc-hidden mot:text-16px mot:leading-24px mot:mt-18rpx mo:w-328rpx mo:mx-auto mo:text-left pad:w-527px pad:text-center">Whether it's drowning out noisy kids or hearing calls on a busy train, 300% your volume and get clarity of sound that'll see you never miss a moment. 300% Ultra Volume Mode will be your ears' new best friend.<sup>10</sup></p><img class="image-container combine-image object-contain pc:w-234rpx pc:h-510rpx pc:mx-64rpx mo:w-164rpx mo:h-358rpx mo:mt-24rpx pad:w-211rpx pad:h-458rpx pad:mt-24rpx" alt="OPPO A60 300% Ultra Volume Mode" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-sound-406_1462_234_510-pur-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-sound-406_1462_234_510-pur-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-sound-406_1462_234_512-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-sound-406_1462_234_511-1.png.avif"> <p class="pad-hidden mo-hidden pct:text-18px pct:tracking-0.03em pct:leading-[1.44] pc:w-539rpx pad:text-16px pad:leading-24px pad:mt-18rpx pad:w-527px">Whether it's drowning out noisy kids or hearing calls on a busy train, 300% your volume and get clarity of sound that'll see you never miss a moment. 300% Ultra Volume Mode will be your ears' new best friend.<sup>10</sup></p> </div> <div class="section-transition-mask"></div> </div> <div class="mo-only"> <div id="anchor-performance" class=""></div> </div> <div class="w-screen bg-[#F0F0F0]" id="section-performance" ani-section-transition-next="" ani-performance=""> <div class="mo-hidden"> <div class="text-wrapper flex w-full justify-center items-center pc:py-182rpx pad:py-100px"> <p class="font-m text-black text-72px text-opacity-95 leading-[1.11] pad:text-48px pad:leading-[1.17]">Performance</p> </div> <div class="sticky-wrapper h-[calc(var(--content-height)+400px)] relative"> <div id="anchor-performance" class=""></div> <div class="sticky flex h-[var(--content-height)] top-[var(--nav-height)] w-full items-center"> <div class="sticky-inner flex flex-col h-full w-full min-h-[calc(256px+258rpx+48px)] pb-48px overflow-hidden relative items-center justify-center"> <div class="text-1 flex flex-col text-center text-black text-opacity-95 w-1312rpx items-center pad:w-720rpx"> <p class="font-m text-48px leading-[1.25] pad:text-30px pad:tracking-0.02em pad:leading-[1.27]">Jet Powered Juice-Ups</p> <p class="mt-24px max-w-785px text-18px leading-[1.44] tracking-0.03em pad:mt-18px pad:text-16px pad:leading-[1.5] pad:max-w-511px">Waiting for your phone to charge? Ain't nobody got time for that. And with this powerful 45W SUPERVOOC<sub>TM</sub> Flash Charge, you won't have to wait for your phone to get its juice on.</p> <p class="mt-32px font-m text-28px leading-[1.43] tracking-0.02em pad:mt-24px pad:text-20px pad:tracking-0.03em pad:leading-[1.4]" dir="">50% charged in just 30 minutes.<sup>11</sup></p> </div> <div class="phone-wrapper h-258rpx mt-48px w-1312rpx relative pad:w-720rpx pad:h-145rpx"> <div class="phone-and-img relative z-2 w-full h-full"><img class="charge-line z-1 object-cover h-43rpx top-97.8rpx left-0 w-303rpx absolute pad:w-162rpx pad:h-23rpx pad:top-52rpx" alt="OPPO A60 45W SUPERVOOC Flash Charge" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-line-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-line-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-line-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-line-1.png.avif"><img class="cover z-3 object-cover h-258rpx top-0 left-247rpx w-819rpx absolute pad:w-460rpx pad:h-145rpx pad:left-130rpx" alt="OPPO A60 45W SUPERVOOC Flash Charge" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-phone-cover-pur-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-phone-cover-pur-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-phone-cover-pur-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-phone-cover-pur-1.png.avif"> <div class="wallpaper z-2 bg-black object-cover h-368rpx top-[calc(50%-184rpx)] left-247rpx w-819rpx absolute pad:w-460rpx pad:h-207rpx pad:top-[calc(50%-103.5rpx)] pad:left-130rpx"><img class="video-end opacity-0 h-full w-full z-2 absolute" alt="OPPO A60 45W SUPERVOOC Flash Charge" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated-end-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated-end-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated-end-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated-end-1.jpg.avif"> <div class="video-wrapper absolute w-full h-full opacity-0"> <div class="h-full w-full" ani-video-wrapper="" data-src-pc="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated_1280.flv" data-src-pad="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated_1280.flv" data-src-mo="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated_1280.flv"> <canvas></canvas> <video></video><img alt="OPPO A60 45W SUPERVOOC Flash Charge" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated_1280_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated_1280_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated_1280_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated_1280_poster-1.jpg.avif" class=""> </div> </div> </div> </div> <div class="text-2 absolute opacity-0 flex flex-col text-center text-black w-full bottom-0 left-0 text-opacity-95 items-center"> <p class="font-m text-48px leading-[1.25] pad:text-30px pad:tracking-0.02em pad:leading-[1.27]">Say Hello to Smart Charging</p> <p class="mt-24px max-w-810px text-18px leading-[1.44] tracking-0.03em pad:mt-18px pad:text-16px pad:leading-[1.5] pad:max-w-496px">Chill & let the tech handle the charge. Easily see battery health, and know your battery is protected from aging by Smart Charging tech that matches charging behaviour to your lifestyle.</p> </div> </div> </div> </div> </div> </div> <div class="mo-only scroll-wrapper relative"> <div class="mo:w-full mo:px-16px mo:py-80px mo:flex mo:flex-col mo:justify-center mo:items-center"> <p class="font-m text-center text-black text-48px text-opacity-95 leading-[1.17]">Performance</p> </div> <div class="text-1 flex flex-col text-black w-full px-16px text-opacity-95"> <p class="font-m mot:text-30px mot:racking-0.02em mot:leading-[1.27]">Jet Powered Juice-Ups</p> <p class="mt-18px mot:text-16px mot:tracking-0.03em mot:leading-[1.5]">Waiting for your phone to charge? Ain't nobody got time for that. And with this powerful 45W SUPERVOOC<sub>TM</sub> Flash Charge, you won't have to wait for your phone to get its juice on.</p> <p class="mt-24px font-m mot:text-20px mot:tracking-0.03em mot:leading-[1.4]" dir="">50% charged in just 30 minutes.<sup>11</sup></p> </div> <div class="wrapper mt-24px h-[37.5vw] w-100vw relative overflow-hidden"> <div class="phone-and-img h-full w-full z-2 relative overflow-hidden"><img class="charge-line z-1 object-cover h-[5.28vw] top-[14.44vw] left-0 w-[29.72vw] absolute" alt="OPPO A60 45W SUPERVOOC Flash Charge" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-line-mo-1.png.avif"><img class="cover z-3 object-cover h-[37.5vw] top-0 left-[22.46vw] w-[118.93vw] absolute" alt="OPPO A60 45W SUPERVOOC Flash Charge" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-phone-cover-pur-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-phone-cover-pur-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-phone-cover-pur-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-performance-phone-cover-pur-1.png.avif"> <div class="wallpaper z-2 bg-black object-cover h-[53.6vw] top-[calc(50%-26.8vw)] left-[22.46vw] w-[118.93vw] absolute"><img class="video-end opacity-0 h-full w-full z-2 absolute" alt="OPPO A60 45W SUPERVOOC Flash Charge" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated-end-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated-end-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated-end-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated-end-1.jpg.avif"> <div class="video-wrapper absolute w-full h-full opacity-0"> <div class="h-full w-full" ani-video-wrapper="" data-src-pc="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated_1280.flv" data-src-pad="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated_1280.flv" data-src-mo="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated_832.flv"> <canvas></canvas> <video></video><img alt="OPPO A60 45W SUPERVOOC Flash Charge" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-performance-rotated_832_poster-1.jpg.avif" class=""> </div> </div> </div> </div> </div> <div class="text-2 mt-24px flex flex-col text-black w-full px-16px text-opacity-95"> <p class="font-m mot:text-30px mot:tracking-0.02em mot:leading-[1.27]">Say Hello to Smart Charging</p> <p class="mt-18px mot:text-16px mot:tracking-0.03em mot:leading-[1.5]">Chill & let the tech handle the charge. Easily see battery health, and know your battery is protected from aging by Smart Charging tech that matches charging behaviour to your lifestyle.</p> </div> </div> </div> <div class="w-full" id="section-work"> <div class="pc-only pc:inline-flex pc:flex-col pc:items-center pc:justify-center pc:w-full pc:px-64px pc:pt-120rpx pc:pb-80rpx pc:bg-[#f0f0f0]"> <div class="pc:flex pc:flex-col pc:items-center pc:justify-center pc:w-1312rpx pc:mx-auto"> <div class="pc:flex pc:flex-col pc:items-center pc:justify-start pc:self-stretch pc:relative pc:overflow-hidden"> <div class="image-group pc:w-828rpx pc:flex-shrink-0 pc:h-200rpx pc:relative"><img class="image pc:w-828rpx pc:h-200rpx pc:top-[calc(50%-100rpx)] pc:left-[calc(50%-414rpx)] pc:absolute pc:object-cover" alt="OPPO A60 5000mAh Large Battery" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_2621-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_2621-d7111.png.avif"><img class="image pc:w-453rpx pc:h-136.1rpx pc:top-[calc(45%-68rpx)] pc:left-145.5rpx pc:absolute pc:object-cover" alt="OPPO A60 5000mAh Large Battery" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_2622-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_2622-d7111.png.avif"></div> </div> <div class="text-wrapper pc:flex pc:flex-col pc:items-center pc:justify-center pc:self-stretch pc:mt-48rpx"> <div class="pc:flex pc:flex-col pc:items-center pc:justify-start pc:self-stretch"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:self-stretch pc:text-center pc:text-black pc:text-opacity-95">Work, Play & Watch for Longer</p> <p class="pct:text-18px pct:tracking-0.028em pct:leading-[1.44] pc:w-800rpx pc:mt-24px pc:text-center pc:text-black pc:text-opacity-95">This beefy 5000mAh Large Battery is energy efficient, super safe, and stays new for longer, so you get more hours of use per charge, for four golden years.</p> </div> <div class="pc:inline-flex pc:items-start pc:justify-start pc:w-830rpx pc:mt-48rpx"> <div class="pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-[1_1_411rpx] pc:w-411rpx pc:px-20rpx pc:py-20rpx pc:bg-[#dcdcdc] pc:rounded-8rpx"> <div class="pc:flex pc:flex-col pc:items-start pc:justify-start"> <p class="pct:text-18px pct:leading-[1.5] pc:text-black pc:text-opacity-95">Up to</p> <p class="pct:text-28px pct:font-medium pct:leading-[1.5] pc:text-black pc:text-opacity-95">14.75 hours</p> <p class="pct:text-16px pct:leading-[1.5] pc:text-black pc:text-opacity-95">video playback<sup>11</sup></p> </div> </div> <div class="pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-[1_1_411rpx] pc:w-411rpx pc:px-20rpx pc:py-20rpx pc:ml-8rpx pc:bg-[#dcdcdc] pc:rounded-8rpx"> <div class="pc:flex pc:flex-col pc:items-start pc:justify-start"> <p class="pct:text-18px pct:leading-[1.5] pc:text-black pc:text-opacity-95">Up to</p> <p class="pct:text-28px pct:font-medium pct:leading-[1.5] pc:text-black pc:text-opacity-95">30 hours</p> <p class="pct:text-16px pct:leading-[1.5] pc:text-black pc:text-opacity-95">phone call<sup>11</sup></p> </div> </div> </div> </div> </div> </div> <div class="pad-only pad:inline-flex pad:flex-col pad:items-center pad:justify-center pad:w-full pad:px-24rpx pad:py-80px pad:bg-[#f0f0f0]"> <div class="pad:flex pad:flex-col pad:items-center pad:justify-center pad:w-720rpx pad:mx-auto"> <div class="pad:flex pad:flex-col pad:items-center pad:justify-start pad:self-stretch pad:relative pad:overflow-hidden"> <div class="image-group pad:w-460rpx pad:flex-shrink-0 pad:h-111rpx pad:relative"><img class="image pad:w-460rpx pad:h-111rpx pad:top-[calc(50%-55.5rpx)] pad:left-[calc(50%-230rpx)] pad:absolute pad:object-cover" alt="OPPO A60 5000mAh Large Battery" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5685-1.png.avif"></div> </div> <div class="text-wrapper pad:flex pad:flex-col pad:items-center pad:justify-start pad:self-stretch pad:mt-24px"> <p class="mot:text-30px mot:font-medium mot:tracking-0.017em mot:leading-[1.27] pad:self-stretch pad:text-center pad:text-black pad:text-opacity-95">Work, Play & Watch for Longer</p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:w-426.7rpx pad:mt-18px pad:text-center pad:text-black pad:text-opacity-95">This beefy 5000mAh Large Battery is energy efficient, super safe, and stays new for longer, so you get more hours of use per charge, for four golden years.</p> </div> <div class="text-wrapper pad:inline-flex pad:items-start pad:justify-start pad:w-460rpx pad:mt-24px"> <div class="pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_228rpx] pad:w-228rpx pad:px-12rpx pad:py-12px pad:bg-[#dcdcdc] pad:rounded-4.3rpx"> <div class="pad:flex pad:flex-col pad:items-start pad:justify-start"> <p class="mot:text-16px mot:leading-[1.5] pad:text-black pad:text-opacity-95">Up to</p> <p class="mot:text-24px mot:font-medium mot:tracking-0.021em mot:leading-[1.33] pad:text-black pad:text-opacity-95">14.75 hours</p> <p class="mot:text-14px mot:leading-[1.5] pad:text-black pad:text-opacity-95">video playback<sup>11</sup></p> </div> </div> <div class="pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_228rpx] pad:w-228rpx pad:px-12rpx pad:py-12px pad:ml-4rpx pad:bg-[#dcdcdc] pad:rounded-4.3rpx"> <div class="pad:flex pad:flex-col pad:items-start pad:justify-start"> <p class="mot:text-16px mot:leading-[1.5] pad:text-black pad:text-opacity-95">Up to</p> <p class="mot:text-24px mot:font-medium mot:tracking-0.021em mot:leading-[1.33] pad:text-black pad:text-opacity-95">30 hours</p> <p class="mot:text-14px mot:leading-[1.5] pad:text-black pad:text-opacity-95">phone call<sup>11</sup></p> </div> </div> </div> </div> </div> <div class="mo-only mo:w-full mo:px-16px mo:py-80px mo:bg-[#f0f0f0] mo:relative mo:overflow-hidden mo:flex mo:justify-center"> <div dir="ltr" class="mo:w-328rpx mo:mx-auto mo:inline-flex mo:flex-col mo:items-start mo:justify-center"> <div class="image-group mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-502rpx mo:flex-shrink-0 mo:h-112rpx"><img class="image mo:w-467rpx mo:flex-shrink-0 mo:h-112.5rpx mo:object-cover mo:relative" alt="OPPO A60 5000mAh Large Battery" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5365-1.png.avif"></div> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:mt-24px"> <p class="mot:text-30px mot:font-medium mot:tracking-0.017em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95">Work, Play & Watch for Longer</p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95">This beefy 5000mAh Large Battery is energy efficient, super safe, and stays new for longer, so you get more hours of use per charge, for four golden years.</p> </div> <div class="text-wrapper mo:flex mo:items-start mo:justify-start mo:self-stretch mo:mt-24px" dir="ltr"> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:flex-[1_1_160rpx] mo:w-160rpx mo:px-12rpx mo:py-12px mo:bg-[#dcdcdc] mo:rounded-4rpx"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start"> <p class="mot:text-16px mot:leading-[1.5] mo:text-black mo:text-opacity-95">Up to</p> <p class="mot:text-24px mot:font-medium mot:tracking-0.021em mot:leading-[1.33] mo:text-black mo:text-opacity-95">14.75 hours</p> <p class="mot:text-14px mot:leading-[1.5] mo:text-black mo:text-opacity-95">video playback<sup>11</sup></p> </div> </div> <div class="mo:flex mo:items-start mo:justify-start mo:flex-[1_1_160rpx] mo:w-160rpx mo:ml-8rpx"> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:w-full mo:px-12rpx mo:py-12px mo:bg-[#dcdcdc] mo:rounded-4rpx"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start"> <p class="mot:text-16px mot:leading-[1.5] mo:text-black mo:text-opacity-95">Up to</p> <p class="mot:text-24px mot:font-medium mot:tracking-0.021em mot:leading-[1.33] mo:text-black mo:text-opacity-95">30 hours</p> <p class="mot:text-14px mot:leading-[1.5] mo:text-black mo:text-opacity-95">phone call<sup>11</sup></p> </div> </div> </div> </div> </div> </div> </div> <div class="w-screen mo-hidden" id="section-pug" ani-chip=""> <div class="relative bg-white h-[calc(var(--content-height)+420px)] w-full mo:bg-[#F0F0F0]"> <div class="sticky flex h-[var(--content-height)] top-[var(--nav-height)] w-full mo:flex mo:flex-col mo:justify-center mo:items-center"> <div class="left w-50vw h-full pl-[calc(50vw-656rpx)] pr-64rpx flex items-center mo:w-full mo:px-16px mo:h-auto pad:pl-24px pad:pr-24rpx"> <div class="text-wrapper relative"> <div class="first-text flex flex-col relative"> <p class="font-m text-black opacity-95 mot:text-30px mot:tracking-0.02em mot:leading-[1.27] pc:text-48px pc:leading-[1.25] pc:max-w-481px">More Performance, Less Power</p> <p class="mt-24px text-black opacity-95 mot:text-16px mot:tracking-0.03em mot:leading-[1.5] pc:text-18px pc:tracking-0.03em pc:leading-[1.44] pc: mo:mt-18px pad:mt-18px">Snapdragon® 680 4G Mobile Platform is a distinctly enhanced chipset with the 6nm advanced process, which means it delivers more performance for smoother phone operation and uses less power, so your battery lasts all day.<sup>12</sup></p> </div> <div class="second-text absolute flex flex-col opacity-0 top-0 left-0"> <p class="font-m text-black opacity-95 mot:text-30px mot:tracking-0.02em mot:leading-[1.27] pc:text-48px pc:leading-[1.25] pc:max-w-528px">Flexible Memory for Fierce Performance</p> <p class="mt-24px text-black opacity-95 mot:text-16px mot:tracking-0.03em mot:leading-[1.5] pc:text-18px pc:tracking-0.03em pc:leading-[1.44] pc: mo:mt-18px pad:mt-18px">The RAM's enhanced performance is amplified by RAM Expansion<sup>13</sup>, smart tech that borrows unused storage space as memory, so it runs smoothly whilst you multi-task.</p> </div> </div> </div> <div class="right h-full w-50vw relative overflow-hidden mo:mt-24px mo:w-328rpx mo:h-340rpx"><img class="bg h-full object-cover w-full absolute" alt="OPPO A60 Snapdragon® 680 4G Mobile Platform" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-bg-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-bg-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-bg-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-bg-pad-1.jpg.avif"><img class="memory z-1 h-21.39vw top-[calc(50%-12.57vw)] left-[calc(50%-7.15vw)] w-17.08vw absolute mo:w-132rpx mo:h-166rpx mo:left-107rpx mo:top-85rpx pad:w-[26.4vw] pad:h-33vw pad:left-[calc(50%-11.98vw)] pad:top-[calc(50%-15.36vw)]" alt="OPPO A60 RAM Expansion" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-memory-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-memory-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-memory-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-memory-1.png.avif"><img class="memory-cover z-2 h-21.39vw top-[calc(50%-12.57vw)] left-[calc(50%-7.15vw)] w-17.08vw absolute mo:w-132rpx mo:h-166rpx mo:left-107rpx mo:top-85rpx pad:w-[26.4vw] pad:h-33vw pad:left-[calc(50%-11.98vw)] pad:top-[calc(50%-15.36vw)]" alt="OPPO A60 RAM Expansion" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-memory-cover-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-memory-cover-1.svg" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-memory-cover-1.svg" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-memory-cover-1.svg"><img class="dragon z-3 h-9.44vw top-[calc(50%-3.06vw)] left-[calc(50%-11.11vw)] w-10.97vw absolute mo:w-85rpx mo:h-73.2rpx mo:left-76.15rpx mo:top-159rpx pad:w-[16.93vw] pad:h-[14.58vw] pad:left-[calc(50%-18.1vw)] pad:top-[calc(50%-0.65vw)]" alt="OPPO A60 Snapdragon® 680 4G Mobile Platform" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-dragon-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-dragon-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-dragon-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-dragon-1.png.avif"><img class="dragon-cover z-4 h-9.44vw opacity-0 top-[calc(50%-3.06vw)] left-[calc(50%-11.11vw)] w-10.97vw absolute mo:w-85rpx mo:h-73.2rpx mo:left-76.15rpx mo:top-159rpx pad:w-[16.93vw] pad:h-[14.58vw] pad:left-[calc(50%-18.1vw)] pad:top-[calc(50%-0.65vw)]" alt="OPPO A60 Snapdragon® 680 4G Mobile Platform" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-dragon-cover-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-dragon-cover-1.svg" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-dragon-cover-1.svg" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-dragon-cover-1.svg"></div> </div> </div> </div> <div class="mo-only bg-[#f0f0f0] text-black w-full relative" id="section-chip" ani-newchip=""> <div class="sticky-wrapper sticky-show mx-auto mo:w-full mo:h-[calc(var(--content-height)+var(--content-height))]"> <div class="sticky flex mx-auto w-full justify-center items-center sticky overflow-hidden relative mo:top-[var(--nav-height)] mo:h-[var(--content-height)]"> <div class="mo: mo:h-516rpx mo:w-328rpx"> <div class="container flex h-full w-full mo:flex-col mo:items-center mo:justify-center"> <div class="top-text relative h-238rpx w-full max-h-240px relative"> <div class="first absolute"> <p class="font-m opacity-95 mo:text-30px mo:tracking-0.02em mo:leading-[1.27]">More Performance, Less Power</p> <p class="opacity-95 mot:text-16px mot:tracking-0.03em mot:leading-[1.5] mo:mt-18px">Snapdragon® 680 4G Mobile Platform is a distinctly enhanced chipset with the 6nm advanced process, which means it delivers more performance for smoother phone operation and uses less power, so your battery lasts all day12.</p> </div> <div class="second opacity-0 absolute"> <p class="font-m opacity-95 mot:text-30px mot:tracking-0.02em mot:leading-[1.27]">Flexible Memory for Fierce Performance</p> <p class="opacity-95 mot:text-16px mot:tracking-0.03em mot:leading-[1.5] mo:mt-18px">The RAM's enhanced performance is amplified by RAM Expansion13, smart tech that borrows unused storage space as memory, so it runs smoothly whilst you multi-task.</p> </div> </div> <div class="bottom-img mo:mt-24px mo:w-full mo:flex-1 mo:relative mo:overflow-hidden"> <div class="h-340rpx w-full transform top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] absolute relative"><img data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-bg-mo-1.jpg.avif" class="mo:w-full mo:h-340rpx mo:absolute mo:top-[50%] mo:left-[50%] mo:transform mo:translate-x-[-50%] mo:translate-y-[-50%] mo:object-cover"> <div class="big together mo:w-92rpx mo:h-87rpx mo:absolute mo:top-[25.07%] mo:left-105.76rpx"><img data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-big-1.png.avif" class="mo:w-full mo:h-full"><img class="together-mask mo:w-full mo:h-full mo:absolute mo:top-0 mo:left-0" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-big-mask-1.png.avif"></div> <div class="small together mo:w-92rpx mo:h-103rpx mo:absolute mo:top-[43.529%] mo:left-148rpx"><img data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-small-1.png.avif" class="mo:w-full mo:h-full"><img class="together-mask mo:w-full mo:h-full mo:absolute mo:top-0 mo:left-0" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-small-mask-1.png.avif"></div> <div class="dragon mo:w-85rpx mo:h-73rpx mo:absolute mo:top-[46.76%] mo:left-76rpx mo:z-2"><img data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-dragon-mo-1.png.avif" class="mo:w-full mo:h-full"><img class="dragon-mask mo:w-full mo:h-full mo:absolute mo:top-0" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-chip-dragon-mask-1.png.avif"></div> </div> </div> </div> </div> </div> </div> <div class="small-show mo-only mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:w-full"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-center mo:w-360rpx mo:max-w-full mo:bg-[#f0f0f0] mo:relative mo:overflow-hidden"> <div class="image-with-text mo:self-stretch mo:px-16px mo:relative mo:overflow-hidden mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-center"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95"><span class="text-30px">More Performance, Less Power</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95"><span class="text-16px">Snapdragon® 680 4G Mobile Platform is a distinctly enhanced chipset with the 6nm advanced process, which means it delivers more performance for smoother phone operation and uses less power, so your battery lasts all day12.</span></p> </div><img class="combine-image mo:flex mo:flex-col mo:items-center mo:justify-start mo:self-stretch mo:flex-shrink-0 mo:h-340rpx mo:relative mo:mt-24rpx mo:object-cover mo:overflow-hidden" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5382-1.jpg.avif"> </div> </div> </div> <div class="mo:flex mo:flex-col mo:items-start mo:justify-center mo:w-360rpx mo:max-w-full mo:pt-80px mo:bg-[#f0f0f0] mo:relative mo:overflow-hidden"> <div class="image-with-text mo:self-stretch mo:px-16px mo:relative mo:overflow-hidden mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-center"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95"><span class="text-30px">Flexible Memory for Fierce Performance</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:flex-shrink-0 mo:h-144px mo:mt-18px mo:text-black mo:text-opacity-95"><span class="text-16px">The RAM's enhanced performance is amplified by RAM Expansion</span><sup class="text-16px">13</sup><span class="text-16px">, smart tech that borrows unused storage space as memory, so it runs smoothly whilst you multi-task.</span></p> </div><img class="combine-image mo:flex mo:flex-col mo:items-center mo:justify-start mo:self-stretch mo:flex-shrink-0 mo:h-340rpx mo:relative mo:mt-24rpx mo:object-cover mo:overflow-hidden" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5478-1.jpg.avif"> </div> </div> </div> </div> </div> <div class="w-screen bg-[#f0f0f0] pb-100px" id="section-smooth" ani-section-transition="" next-section="#section-camera"> <div class="pc-only pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:w-full"> <div class="pc:flex pc:flex-col pc:items-center pc:justify-center pc:self-stretch pc:py-80rpx pc:bg-[#f0f0f0]"> <div class="pc:flex pc:items-center pc:justify-start pc:w-1312rpx pc:mx-auto pc:flex-shrink-0 pc:h-542rpx pc:pl-40rpx pc:pt-40rpx pc:relative pc:bg-white pc:overflow-hidden"> <div class="text-wrapper pc:inline-flex pc:flex-col pc:items-start pc:justify-center pc:w-560px pc:max-w-full pc:self-stretch pc:relative pc:z-2"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:w-555rpx pc:text-white pc:text-opacity-95"><span class="text-48px">The Smooth & Stable Trinity Engine</span></p> <p class="pct:text-18px pct:tracking-0.027em pct:leading-[1.44] pc:self-stretch pc:mt-12px pc:text-white pc:text-opacity-95"><span class="text-18px">When reliability is a priority, you need a phone that stays smooth and stable. OPPO's exclusive system-level computing Trinity Engine nails it, with more apps kept alive and a phone that stays cool under pressure.</span></p> </div> <div class="h-full w-full !absolute left-0 top-0" ani-autoplay-video="" loop="true" data-src-pc="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312.flv" data-src-pad="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312.flv" data-src-mo="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth-mo_656.flv"> <canvas></canvas><img data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth-mo_656_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312_poster-1.jpg.avif" class=""> </div> </div> </div> <div class="pc:self-stretch pc:px-64px pc:bg-[#f0f0f0] pc:flex pc:justify-center"> <div class="pc:w-1312rpx pc:mx-auto pc:inline-flex pc:items-center pc:justify-start"> <div class="text-wrapper pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:flex-[1_1_652rpx] pc:w-652rpx pc:pr-48rpx"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:self-stretch pc:text-black pc:text-opacity-95"><span class="text-48px">Four Years of Fabulous</span></p> <p class="pct:text-18px pct:tracking-0.027em pct:leading-[1.44] pc:self-stretch pc:mt-24px pc:text-black pc:text-opacity-95"><span class="text-18px">Want that "like new" phone feeling for four long, beautiful years? You've got it. Robust 48-Month Fluency Protection tests in our labs have proven that this phone stands the test of time.</span><sup class="text-18px">14</sup></p> </div> <div class="image-group pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-[1_1_652rpx] pc:w-652rpx pc:h-560rpx pc:relative pc:ml-8rpx"><img class="combine-image pc:w-340.3rpx pc:flex-shrink-0 pc:h-854.5rpx pc:top-60rpx pc:left-[calc(51%-170.2rpx)] pc:absolute pc:object-contain" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1909-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1909-d7111.png.avif"></div> </div> </div> </div> <div class="pad-only pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:w-full"> <div class="pad:w-768rpx pad:max-w-full pad:px-24px pad:py-80px pad:bg-[#f0f0f0] pad:flex pad:justify-center"> <div class="pad:w-720rpx pad:mx-auto pad:flex pad:flex-col pad:items-center pad:justify-center"> <div class="pad:flex pad:items-center pad:justify-start pad:self-stretch pad:flex-shrink-0 pad:h-320px pad:pl-20rpx pad:relative pad:overflow-hidden"> <div class="text-wrapper pad:inline-flex pad:flex-col pad:items-start pad:justify-center pad:flex-shrink-0 pad:w-304px pad:self-stretch pad:relative pad:z-2"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pad:w-296px pad:text-white pad:text-opacity-95"><span class="text-30px">The Smooth & Stable Trinity Engine</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:self-stretch pad:mt-18px pad:text-white pad:text-opacity-95"><span class="text-16px">When reliability is a priority, you need a phone that stays smooth and stable. OPPO's exclusive system-level computing Trinity Engine nails it, with more apps kept alive and a phone that stays cool under pressure.</span></p> </div> <div class="h-full w-full !absolute left-0 top-0" ani-autoplay-video="" loop="true" data-src-pc="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312.flv" data-src-pad="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312.flv" data-src-mo="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth-mo_656.flv"> <canvas></canvas><img data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth-mo_656_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312_poster-1.jpg.avif" class=""> </div> </div> </div> </div> <div class="pad:flex pad:flex-col pad:items-start pad:justify-center pad:w-768rpx pad:max-w-full pad:bg-[#f0f0f0]"> <div class="pad:self-stretch pad:px-24px pad:flex pad:justify-center"> <div class="pad:w-720rpx pad:mx-auto pad:inline-flex pad:items-center pad:justify-start"> <div class="text-wrapper pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_356rpx] pad:w-356rpx pad:pr-48rpx"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pad:self-stretch pad:text-black pad:text-opacity-95"><span class="text-30px">Four Years of Fabulous</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:self-stretch pad:mt-18px pad:text-black pad:text-opacity-95"><span class="text-16px">Want that "like new" phone feeling for four long, beautiful years? You've got it. Robust 48-Month Fluency Protection tests in our labs have proven that this phone stands the test of time.</span><sup class="text-16px">14</sup></p> </div> <div class="image-group pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_356rpx] pad:w-356rpx pad:h-422rpx pad:relative pad:ml-8rpx"><img class="combine-image pad:w-209rpx pad:flex-shrink-0 pad:h-523rpx pad:top-24rpx pad:left-[calc(50%-104.5rpx)] pad:absolute pad:object-contain" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2605-1.png.avif"></div> </div> </div> </div> </div> <div class="mo-only mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:w-full"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-center mo:w-360rpx mo:max-w-full mo:py-80px mo:bg-[#f0f0f0] mo:relative mo:overflow-hidden"> <div class="image-with-text mo:self-stretch mo:px-16px mo:relative mo:overflow-hidden mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-center"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95"><span class="text-30px">The Smooth & Stable Trinity Engine</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95"><span class="text-16px">When reliability is a priority, you need a phone that stays smooth and stable. OPPO's exclusive system-level computing Trinity Engine nails it, with more apps kept alive and a phone that stays cool under pressure.</span></p> </div> <div class="image-group mo:flex mo:items-center mo:justify-start mo:self-stretch mo:flex-shrink-0 mo:h-260rpx mo:relative mo:mt-24rpx mo:overflow-hidden"> <div class="h-full w-full !absolute left-0 top-0" ani-autoplay-video="" loop="true" data-src-pc="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312.flv" data-src-pad="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312.flv" data-src-mo="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth-mo_656.flv"> <canvas></canvas><img data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth-mo_656_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/videos-smooth_1312_poster-1.jpg.avif" class=""> </div> </div> </div> </div> </div> <div class="mo:flex mo:flex-col mo:items-start mo:justify-center mo:w-360rpx mo:max-w-full mo:bg-[#f0f0f0]"> <div class="image-with-text mo:self-stretch mo:px-16px mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-center"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95"><span class="text-30px">Four Years of Fabulous</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95"><span class="text-16px">Want that "like new" phone feeling for four long, beautiful years? You've got it. Robust 48-Month Fluency Protection tests in our labs have proven that this phone stands the test of time.</span><sup class="text-16px">14</sup></p> </div> <div class="image-group mo:flex mo:flex-col mo:items-center mo:justify-start mo:self-stretch mo:flex-shrink-0 mo:h-340rpx mo:relative mo:mt-24rpx"><img class="combine-image mo:w-209rpx mo:flex-shrink-0 mo:h-523rpx mo:top-0 mo:left-[calc(50%-104.5rpx)] mo:absolute mo:object-contain" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2265-1.png.avif"></div> </div> </div> </div> </div> <div class="section-transition-mask"></div> </div> <div class="bg-white w-screen" id="section-camera" ani-section-transition-next=""> <div class="bg-white pc-only pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:w-full" id="section-camera"> <div class="text-wrapper pc:inline-flex pc:items-center pc:justify-center pc:self-stretch pc:py-182rpx pc:bg-white"> <p class="pct:text-72px pct:font-medium pct:leading-[1.11] pc:text-center pc:text-black pc:text-opacity-95">Camera</p> </div> <div class="pc:w-1440rpx pc:max-w-full pc:px-64px pc:pb-80rpx pc:bg-white pc:relative pc:overflow-hidden pc:flex pc:justify-center"> <div class="pc:w-1312rpx pc:mx-auto pc:inline-flex pc:items-center pc:justify-start"><img class="combine-image pc:flex pc:items-center pc:justify-center pc:flex-shrink-0 pc:w-766rpx pc:h-574rpx pc:relative pc:object-cover pc:overflow-hidden" alt="OPPO A60 50MP Ultra-Clear Dual Camera 1" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3374-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3374-d7111.jpg.avif"> <div class="text-wrapper pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-shrink-0 pc:w-486rpx pc:ml-60rpx"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:self-stretch pc:text-black pc:text-opacity-95">Ultra Camera Clarity</p> <p class="pct:text-18px pct:tracking-0.028em pct:leading-[1.44] pc:self-stretch pc:mt-20px pc:text-black pc:text-opacity-95">Enable Hi-Res mode on the 50MP Ultra-Clear Dual Camera and you're ready to shoot stunning, ultra-clear images in a single tap.<sup>15</sup> See all your precious memories with stunning clarity.</p> </div> </div> </div> <div class="pc:flex pc:flex-col pc:items-center pc:justify-start pc:w-1440rpx pc:max-w-full pc:px-64px pc:bg-white"> <div class="pc:flex pc:items-start pc:justify-center pc:mx-auto pc:py-80rpx"> <div class="image-with-text pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:relative pc:overflow-hidden"> <div class="text-wrapper pc:flex pc:flex-col pc:items-start pc:justify-start pc:w-576rpx"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:self-stretch pc:text-black pc:text-opacity-95">Put Your Stars in The Spotlight</p> <p class="pct:text-18px pct:tracking-0.028em pct:leading-[1.44] pc:w-537rpx pc:mt-20px pc:text-black pc:text-opacity-95">Make the characters in your photos really pop against an atmospheric, dreamy background. Two of your cameras work together in Portrait Mode for an effect like a professional portrait camera.</p> </div><img class="image-container combine-image pc:flex pc:flex-col pc:items-start pc:justify-start pc:w-576rpx pc:flex-shrink-0 pc:h-404rpx pc:relative pc:mt-48rpx pc:object-cover pc:overflow-hidden" alt="OPPO A60 Portrait Mode 2" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-415_6577-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-415_6577-d7111.jpg.avif"> </div><img class="image-container combine-image pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-shrink-0 pc:w-576rpx pc:h-404rpx pc:relative pc:ml-64rpx pc:object-cover pc:overflow-hidden" alt="OPPO A60 Portrait Mode 1" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-415_6579-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-415_6579-d7111.jpg.avif"> </div> <div class="pc:flex pc:items-start pc:justify-center pc:mx-auto pc:py-80rpx"><img class="image-container combine-image pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-shrink-0 pc:w-400rpx pc:h-529rpx pc:relative pc:object-cover pc:overflow-hidden" alt="OPPO A60 8MP Selfie Camera 1" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-415_6582-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-415_6582-d7111.jpg.avif"> <div class="image-with-text pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:ml-64rpx"> <div class="text-wrapper pc:flex pc:flex-col pc:items-start pc:justify-start pc:w-680rpx"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:self-stretch pc:text-black pc:text-opacity-95">Look AI-mazing</p> <p class="pct:text-18px pct:tracking-0.028em pct:leading-[1.44] pc:self-stretch pc:mt-20px pc:text-black pc:text-opacity-95">Take your selfies up a gear with the 8MP Selfie Camera. The photos are complete with smart and easily adjustable AI Retouching that shows off all your best features, capturing your natural beauty for all to see.</p> </div><img class="image-container combine-image pc:flex pc:flex-col pc:items-center pc:justify-end pc:w-680rpx pc:flex-shrink-0 pc:h-440rpx pc:relative pc:mt-40rpx pc:object-cover pc:overflow-hidden" alt="OPPO A60 8MP Selfie Camera 2" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-415_6588-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-415_6588-d7111.jpg.avif"> </div> </div> </div> </div> <div class="pad-only pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:w-full"> <div class="text-wrapper pad:flex pad:flex-col pad:items-center pad:justify-start pad:self-stretch pad:py-100px pad:bg-white"> <p class="mot:text-48px mot:font-medium mot:leading-[1.17] pad:text-center pad:text-black pad:text-opacity-95">Camera</p> </div> <div class="pad:flex pad:flex-col pad:items-start pad:justify-center pad:w-768rpx pad:max-w-full pad:pb-64px pad:bg-white pad:relative pad:overflow-hidden"> <div class="pad:flex pad:items-center pad:justify-start pad:self-stretch pad:flex-shrink-0 pad:h-422px pad:px-24rpx"><img class="image-container combine-image pad:inline-flex pad:flex-col pad:items-center pad:justify-end pad:flex-[1_1_356rpx] pad:w-356rpx pad:self-stretch pad:relative pad:object-cover pad:overflow-hidden" alt="OPPO A60 50MP Ultra-Clear Dual Camera 1" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5729-1.jpg.avif"> <div class="text-wrapper pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_356rpx] pad:w-356rpx pad:pl-48rpx pad:ml-8rpx"> <p class="mot:text-30px mot:font-medium mot:tracking-0.017em mot:leading-[1.27] pad:self-stretch pad:text-black pad:text-opacity-95">Ultra Camera Clarity</p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:self-stretch pad:mt-18px pad:text-black pad:text-opacity-95">Enable Hi-Res mode on the 50MP Ultra-Clear Dual Camera and you're ready to shoot stunning, ultra-clear images in a single tap.<sup>15</sup> See all your precious memories with stunning clarity.</p> </div> </div> </div> <div class="pad:flex pad:flex-col pad:items-center pad:justify-start pad:self-stretch pad:px-48rpx pad:bg-white"> <div class="pad:flex pad:flex-col pad:items-center pad:justify-start pad:w-672rpx pad:mx-auto pad:py-48px"> <div class="text-wrapper pad:flex pad:flex-col pad:items-start pad:justify-start pad:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.017em mot:leading-[1.27] pad:self-stretch pad:text-black pad:text-opacity-95">Put Your Stars in The Spotlight</p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:self-stretch pad:mt-18px pad:text-black pad:text-opacity-95">Make the characters in your photos really pop against an atmospheric, dreamy background. Two of your cameras work together in Portrait Mode for an effect like a professional portrait camera.</p> </div> <div class="images-container pad:inline-flex pad:items-start pad:justify-center pad:self-stretch pad:mt-24px"><img class="image-container combine-image pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-shrink-0 pad:w-312rpx pad:self-stretch pad:relative pad:object-cover pad:overflow-hidden" alt="OPPO A60 Portrait Mode 1" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5740-1.jpg.avif"><img class="image-container combine-image pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_312rpx] pad:w-312rpx pad:h-220rpx pad:relative pad:ml-48rpx pad:object-cover pad:overflow-hidden" alt="OPPO A60 Portrait Mode 2" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5742-1.jpg.avif"></div> </div> <div class="pad:flex pad:items-start pad:justify-center pad:self-stretch pad:py-48px"><img class="image-container combine-image pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-shrink-0 pad:w-264rpx pad:self-stretch pad:relative pad:object-cover pad:overflow-hidden" alt="OPPO A60 8MP Selfie Camera 1" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5745-1.jpg.avif"> <div class="image-with-text pad:inline-flex pad:flex-col pad:items-center pad:justify-start pad:flex-[1_1_360rpx] pad:w-360rpx pad:self-stretch pad:ml-48rpx"> <div class="text-wrapper pad:flex pad:flex-col pad:items-start pad:justify-start pad:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.017em mot:leading-[1.27] pad:self-stretch pad:text-black pad:text-opacity-95">Look AI-mazing</p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:self-stretch pad:mt-18px pad:text-black pad:text-opacity-95">Take your selfies up a gear with the 8MP Selfie Camera. The photos are complete with smart and easily adjustable AI Retouching that shows off all your best features, capturing your natural beauty for all to see.</p> </div><img class="image-container combine-image pad:flex pad:flex-col pad:items-center pad:justify-end pad:self-stretch pad:flex-shrink-0 pad:h-220rpx pad:relative pad:mt-24rpx pad:object-cover pad:overflow-hidden" alt="OPPO A60 8MP Selfie Camera 1" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5751-1.jpg.avif"> </div> </div> </div> </div> <div class="mo-only mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:w-full"> <div class="text-wrapper mo:self-stretch mo:px-16px mo:py-80px mo:bg-white mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-center mo:justify-start"> <p class="mot:text-48px mot:font-medium mot:leading-[1.17] mo:self-stretch mo:text-center mo:text-black mo:text-opacity-95">Camera</p> </div> </div> <div class="mo:w-360rpx mo:max-w-full mo:px-16px mo:pb-80px mo:bg-white mo:relative mo:overflow-hidden mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-center"> <div class="image-with-text mo:flex mo:flex-col mo:items-start mo:justify-center mo:self-stretch"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.017em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95">Ultra Camera Clarity</p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95">Enable Hi-Res mode on the 50MP Ultra-Clear Dual Camera and you're ready to shoot stunning, ultra-clear images in a single tap.<sup>15</sup> See all your precious memories with stunning clarity.</p> </div><img class="combine-image mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:flex-shrink-0 mo:h-422rpx mo:mt-24rpx mo:object-cover mo:relative mo:overflow-hidden" alt="OPPO A60 50MP Ultra-Clear Dual Camera 1" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5406-1.jpg.avif"> </div> </div> </div> <div class="mo:w-360rpx mo:max-w-full mo:px-16px mo:pb-80px mo:bg-white mo:relative mo:overflow-hidden mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-center"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-center mo:self-stretch"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.017em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95">Put Your Stars in The Spotlight</p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95">Make the characters in your photos really pop against an atmospheric, dreamy background. Two of your cameras work together in Portrait Mode for an effect like a professional portrait camera.</p> </div><img class="image-container combine-image mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:flex-shrink-0 mo:h-240rpx mo:relative mo:mt-24rpx mo:object-cover mo:overflow-hidden" alt="OPPO A60 Portrait Mode 1" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5412-1.jpg.avif"><img class="image-container combine-image mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:flex-shrink-0 mo:h-240rpx mo:relative mo:mt-24rpx mo:object-cover mo:overflow-hidden" alt="OPPO A60 Portrait Mode 2" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5414-1.jpg.avif"> </div> </div> </div> <div class="mo:w-360rpx mo:max-w-full mo:px-16px mo:pb-80px mo:bg-white mo:relative mo:overflow-hidden mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-center"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-center mo:self-stretch"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.017em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95">Look AI-mazing</p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95">Take your selfies up a gear with the 8MP Selfie Camera. The photos are complete with smart and easily adjustable AI Retouching that shows off all your best features, capturing your natural beauty for all to see.</p> </div><img class="image-container combine-image mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-328rpx mo:flex-shrink-0 mo:h-380rpx mo:relative mo:mt-24rpx mo:object-cover mo:overflow-hidden" alt="OPPO A60 8MP Selfie Camera 1" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5419-1.jpg.avif"><img class="image-container combine-image mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:flex-shrink-0 mo:h-240rpx mo:relative mo:mt-24rpx mo:object-cover mo:overflow-hidden" alt="OPPO A60 8MP Selfie Camera 2" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5421-1.jpg.avif"> </div> </div> </div> </div> </div> <div class="w-screen bg-white pb-30px overflow-hidden" id="section-filming" ani-section-transition="" next-section="#section-versatility"> <div class="pc-only pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:w-full pc:py-80rpx pc:bg-white" data-comp-gallery=""> <div class="pc:flex pc:flex-col pc:items-center pc:justify-start pc:w-1312rpx pc:mx-auto"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:w-1312rpx pc:text-black pc:text-opacity-95">More Photos</p> <div class="images-container pc:inline-flex pc:items-start pc:justify-start pc:w-1312rpx pc:mt-20rpx"><img class="combine-image pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-shrink-0 pc:w-576rpx pc:h-324rpx pc:object-cover pc:relative pc:overflow-hidden" alt="OPPO A60 50MP Ultra-Clear Dual Camera 2" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3794-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3794-d7111.jpg.avif"><img class="combine-image pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-shrink-0 pc:w-576rpx pc:h-324rpx pc:ml-8rpx pc:object-cover pc:relative pc:overflow-hidden" alt="OPPO A60 50MP Ultra-Clear Dual Camera 3" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_4053-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_4053-d7111.jpg.avif"><img class="combine-image pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-shrink-0 pc:w-576rpx pc:h-324rpx pc:ml-8rpx pc:object-cover pc:relative pc:overflow-hidden" alt="OPPO A60 50MP Ultra-Clear Dual Camera 4" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3931-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3931-d7111.jpg.avif"><img class="combine-image pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-shrink-0 pc:w-576rpx pc:h-324rpx pc:ml-8rpx pc:object-cover pc:relative pc:overflow-hidden" alt="OPPO A60 50MP Ultra-Clear Dual Camera 5" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3934-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3934-d7111.jpg.avif"></div> <div class="pc:inline-flex pc:items-center pc:justify-start pc:self-stretch pc:mt-20rpx"> <div class="pc:flex pc:items-center pc:justify-start"> <div class="progress-bar pc:flex-shrink-0 pc:w-234rpx pc:h-2rpx pc:relative"><img class="svg pc:w-234rpx pc:h-2rpx pc:top-[calc(50%-1rpx)] pc:left-[calc(50%-117rpx)] pc:absolute" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3635-1.svg"><img class="svg pc:w-48rpx pc:h-2rpx pc:top-[calc(50%-1rpx)] pc:left-0 pc:absolute" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3636-1.svg"></div> <div class="double-button pc:flex pc:items-start pc:justify-end pc:ml-64rpx"><img class="button combine-image pc:flex-shrink-0 pc:w-48rpx pc:h-48rpx pc:relative pc:object-contain pc:cursor-pointer" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3638-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3638-d7111.png.avif"><img class="button combine-image pc:flex-shrink-0 pc:w-48rpx pc:h-48rpx pc:relative pc:ml-20rpx pc:object-contain pc:cursor-pointer" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3639-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-657_3639-d7111.png.avif"></div> </div> </div> </div> </div> <div class="pad-only pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:w-full pad:px-24rpx pad:bg-white" data-comp-gallery=""> <p class="mot:text-30px mot:font-medium mot:tracking-0.017em mot:leading-[1.27] pad:self-stretch pad:text-black pad:text-opacity-95">More Photos</p> <div class="images-container pad:inline-flex pad:items-start pad:justify-start pad:w-694rpx pad:mt-24px"><img class="combine-image pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-shrink-0 pad:w-576rpx pad:h-342rpx pad:object-cover" alt="OPPO A60 50MP Ultra-Clear Dual Camera 2" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5756-1.jpg.avif"><img class="combine-image pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-shrink-0 pad:w-576rpx pad:h-342rpx pad:ml-8rpx pad:object-cover" alt="OPPO A60 50MP Ultra-Clear Dual Camera 3" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5759-1.jpg.avif"><img class="combine-image pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-shrink-0 pad:w-576rpx pad:h-342rpx pad:ml-8rpx pad:object-cover" alt="OPPO A60 50MP Ultra-Clear Dual Camera 4" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5762-1.jpg.avif"><img class="combine-image pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-shrink-0 pad:w-576rpx pad:h-342rpx pad:ml-8rpx pad:object-cover" alt="OPPO A60 50MP Ultra-Clear Dual Camera 5" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5765-1.jpg.avif"></div> <div class="pad:flex pad:items-start pad:justify-start pad:self-stretch pad:px-24rpx pad:mt-24px"> <div class="pad:flex pad:items-center pad:justify-start"> <div class="progress-bar pad:flex-shrink-0 pad:w-176rpx pad:h-2px pad:relative"><img class="svg pad:w-176rpx pad:h-2rpx pad:top-[calc(50%-1rpx)] pad:left-[calc(50%-88rpx)] pad:absolute" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5771-1.svg"><img class="svg pad:w-35.9rpx pad:h-2rpx pad:top-[calc(50%-1rpx)] pad:left-0 pad:absolute" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5772-1.svg"></div> <div class="double-button pad:flex pad:items-start pad:justify-end pad:ml-20rpx"><img class="button combine-image pad:flex-shrink-0 pad:w-40rpx pad:h-40rpx pad:relative pad:object-contain" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5774-1.png.avif"><img class="button combine-image pad:flex-shrink-0 pad:w-40rpx pad:h-40rpx pad:relative pad:ml-12rpx pad:object-contain" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5775-1.png.avif"></div> </div> </div> </div> <div class="mo-only mo:inline-flex mo:flex-col mo:items-center mo:justify-start mo:w-full mo:pb-80px mo:bg-white" data-comp-gallery=""> <div class="text-wrapper mo:self-stretch mo:px-16px mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-start"> <p class="mot:text-30px mot:font-medium mot:tracking-0.017em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95">More Photos</p> </div> </div> <div class="mo:self-stretch mo:px-16px mo:mt-20px mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-start"> <div class="images-container mo:flex mo:items-start mo:justify-start mo:self-stretch"><img class="image-container combine-image mo:inline-flex mo:flex-col mo:items-center mo:justify-center mo:flex-shrink-0 mo:w-328rpx mo:h-240rpx mo:relative mo:object-cover mo:overflow-hidden" alt="OPPO A60 50MP Ultra-Clear Dual Camera 2" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5427-1.jpg.avif"><img class="image-container combine-image mo:inline-flex mo:flex-col mo:items-center mo:justify-center mo:flex-shrink-0 mo:w-328rpx mo:h-240rpx mo:relative mo:ml-4rpx mo:object-cover mo:overflow-hidden" alt="OPPO A60 50MP Ultra-Clear Dual Camera 3" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5429-1.jpg.avif"><img class="combine-image mo:inline-flex mo:flex-col mo:items-center mo:justify-center mo:flex-shrink-0 mo:w-328rpx mo:h-240rpx mo:relative mo:ml-4rpx mo:object-cover mo:overflow-hidden" alt="OPPO A60 50MP Ultra-Clear Dual Camera 4" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5431-1.jpg.avif"><img class="combine-image mo:inline-flex mo:flex-col mo:items-center mo:justify-center mo:flex-shrink-0 mo:w-328rpx mo:h-240rpx mo:relative mo:ml-4rpx mo:object-cover mo:overflow-hidden" alt="OPPO A60 50MP Ultra-Clear Dual Camera 5" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5434-1.jpg.avif"></div> </div> </div> <div class="progress-bar mo:flex mo:items-center mo:justify-start mo:w-328rpx mo:mx-auto mo:relative mo:mt-20px"><img class="svg mo:flex-[1_1_328rpx] mo:w-328rpx mo:h-2rpx mo:relative" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5439-1.svg"><img class="svg inner mo:flex-shrink-0 mo:w-67.3rpx mo:h-2rpx mo:top-[calc(50%-1rpx)] mo:left-0 mo:absolute" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-1053_5440-1.svg"></div> </div> <div class="pc-only pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:w-full pc:px-64px pc:py-80rpx pc:bg-white"> <div class="image-with-text pc:flex pc:flex-col pc:items-center pc:justify-start pc:w-1312rpx pc:mx-auto"> <div class="text-wrapper pc:flex pc:flex-col pc:items-center pc:justify-start pc:self-stretch"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:self-stretch pc:text-center pc:text-black pc:text-opacity-95"><span class="text-48px">2X Your Filming Fun</span></p> <p class="pct:text-18px pct:tracking-0.027em pct:leading-[1.44] pc:w-791rpx pc:mt-24px pc:text-center pc:text-black pc:text-opacity-95"><span class="text-18px">Front and back cameras record together, capturing more of the action and fun times. Now you can direct and star in your productions at the same time with Dual-view Video recording!</span></p> </div><img class="combine-image pc:inline-flex pc:items-center pc:justify-center pc:self-stretch pc:flex-shrink-0 pc:h-440rpx pc:relative pc:mt-48rpx pc:object-cover pc:overflow-hidden" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1975-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1975-d7111.jpg.avif"> </div> </div> <div class="pad-only pad:w-full pad:px-24px pad:py-80px pad:bg-white pad:flex pad:justify-center"> <div class="pad:w-720rpx pad:mx-auto pad:inline-flex pad:flex-col pad:items-center pad:justify-start"> <div class="image-with-text pad:flex pad:flex-col pad:items-center pad:justify-start pad:self-stretch"> <div class="text-wrapper pad:flex pad:flex-col pad:items-center pad:justify-start pad:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pad:self-stretch pad:text-center pad:text-black pad:text-opacity-95"><span class="text-30px">2X Your Filming Fun</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:w-421.9rpx pad:mt-12px pad:text-center pad:text-black pad:text-opacity-95"><span class="text-16px">Front and back cameras record together, capturing more of the action and fun times. Now you can direct and star in your productions at the same time with Dual-view Video recording!</span></p> </div><img class="combine-image pad:inline-flex pad:items-center pad:justify-center pad:self-stretch pad:flex-shrink-0 pad:h-260rpx pad:relative pad:mt-24rpx pad:object-cover pad:overflow-hidden" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2664-1.jpg.avif"> </div> </div> </div> <div class="image-with-text mo-only mo:inline-flex mo:flex-col mo:items-start mo:justify-center mo:w-full mo:pb-68px mo:bg-white mo:relative mo:overflow-hidden"> <div class="text-wrapper mo:self-stretch mo:px-16px mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-start"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95"><span class="text-30px">2X Your Filming Fun</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95"><span class="text-16px">Front and back cameras record together, capturing more of the action and fun times. Now you can direct and star in your productions at the same time with Dual-view Video recording!</span></p> </div> </div><img class="combine-image mo:w-360rpx mo:max-w-full mo:flex-shrink-0 mo:h-184rpx mo:relative mo:mt-10rpx mo:object-cover" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2663_1197-1.jpg.avif"> </div> <div class="section-transition-mask"></div> </div> <div class="w-screen bg-[#fafafa]" id="section-versatility" ani-section-transition-next=""> <div class="pc-only pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:w-full"> <div class="text-wrapper pc:inline-flex pc:items-center pc:justify-center pc:self-stretch pc:py-182rpx pc:bg-[#fafafa]"> <p class="pct:text-72px pct:font-medium pct:leading-[1.11] pc:text-center pc:text-black pc:text-opacity-95"><span class="text-72px">Versatility</span></p> </div> <div class="pc:flex pc:flex-col pc:items-start pc:justify-center pc:self-stretch pc:pb-80rpx pc:bg-[#fafafa] pc:relative pc:overflow-hidden"> <div class="pc:self-stretch pc:px-64px pc:flex pc:justify-center"> <div class="pc:w-1312rpx pc:mx-auto pc:inline-flex pc:items-center pc:justify-start"> <div class="text-wrapper pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:flex-[1_1_652rpx] pc:w-652rpx pc:pr-48rpx"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:self-stretch pc:text-black pc:text-opacity-95"><span class="text-48px">Light Up the Night with Turbo Torch</span></p> <p class="pct:text-18px pct:tracking-0.027em pct:leading-[1.44] pc:self-stretch pc:mt-24px pc:text-black pc:text-opacity-95"><span class="text-18px">Whether it's a romantic stroll and the moonlight's done a bunk, or you're just trying to get home after hours, an inbuilt Turbo Torch flashlight with approximately 70% brightness increase compared to the previous generation will help you see and be easily seen.</span></p> </div> <div class="image-group pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-[1_1_652rpx] pc:w-652rpx pc:h-520rpx pc:relative pc:ml-8rpx pc:bg-[#f0f0f0] pc:overflow-hidden"><img class="image pc:w-1477rpx pc:flex-shrink-0 pc:h-1477rpx pc:top-[calc(120%-738.5rpx)] pc:-left-259rpx pc:absolute pc:object-cover" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1984-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1984-d7111.png.avif"></div> </div> </div> </div> <div class="pc:flex pc:flex-col pc:items-start pc:justify-center pc:self-stretch pc:pb-80rpx pc:bg-[#fafafa] pc:relative pc:overflow-hidden"> <div class="pc:self-stretch pc:px-64px pc:flex pc:justify-center"> <div class="pc:w-1312rpx pc:mx-auto pc:inline-flex pc:items-center pc:justify-start"> <div class="pc:inline-flex pc:flex-col pc:items-start pc:justify-start pc:flex-[1_1_652rpx] pc:w-652rpx pc:h-520rpx pc:relative pc:bg-[#f0f0f0] pc:overflow-hidden"> <div class="pc:w-535.6rpx pc:flex-shrink-0 pc:h-593.3rpx pc:-top-4rpx pc:left-[calc(50%-267.8rpx)] pc:absolute"><img class="combine-image pc:w-130rpx pc:h-130rpx pc:top-38.6rpx pc:right-0 pc:absolute pc:object-contain" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1989-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1989-d7111.png.avif"> <div class="pc:w-407.2rpx pc:h-593.3rpx pc:top-[calc(50%-296.6rpx)] pc:left-0 pc:absolute"> <div class="pc:w-330rpx pc:h-483.2rpx pc:-bottom-0 pc:left-0 pc:absolute"> <div class="image-group pc:w-330rpx pc:h-341.1rpx pc:bottom-0 pc:left-[calc(50%-165rpx)] pc:absolute"><img class="image pc:transform pc:rotate-180 pc:w-330rpx pc:h-341.1rpx pc:top-[calc(50%-170.6rpx)] pc:left-[calc(50%-165rpx)] pc:absolute pc:object-cover" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1997-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1997-d7111.png.avif"></div><img class="image pc:w-171.3rpx pc:h-371.9rpx pc:top-0 pc:right-33.2rpx pc:absolute pc:object-cover" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1998-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1998-d7111.png.avif"> </div><img class="combine-image pc:transform pc:-rotate-45 pc:w-196rpx pc:h-196rpx pc:top-40.6rpx pc:right-40.6rpx pc:absolute pc:object-contain" data-src-1440="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1999-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_1999-d7111.png.avif"> </div> </div> </div> <div class="text-wrapper pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:flex-[1_1_652rpx] pc:w-652rpx pc:pl-48rpx pc:ml-8rpx"> <p class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:self-stretch pc:text-black pc:text-opacity-95"><span class="text-48px">Swiping Simplified with 360° NFC</span></p> <p class="pct:text-18px pct:tracking-0.027em pct:leading-[1.44] pc:self-stretch pc:mt-24px pc:text-black pc:text-opacity-95"><span class="text-18px">Access is now 360°. Whether it's your door card or your work pass, swiping to activate secure cards is much simpler than ever.</span><sup class="text-18px">16</sup><span class="text-18px"> Thanks to 360° NFC, now you can use the back, front, and top frame to access and use the cards in your digital wallet.</span></p> </div> </div> </div> </div> <div class="text-wrapper pc:flex pc:flex-col pc:items-start pc:justify-start pc:self-stretch pc:px-64px pc:py-80rpx pc:bg-[#f0f0f0]"> <p class="pct:text-12px pct:tracking-0.082em pct:leading-[1.67] pc:w-1312rpx pc:mx-auto pc:text-black pc:text-opacity-75"><span class="text-12px">Remarks:<br>1. OPPO A60 has passed the MIL-STD 810H military-grade shock resistance test, which includes multi-angle drop tests, high-intensity impact tests, and other high-standards durability tests. Due to factors such as machine aging and personal usage habits, the experience may vary. Please refer to the actual experience.<br>2. The SUPERVOOC word mark and logos are trademarks owned by Guangdong OPPO Mobile Telecommunications Corp., Ltd.<br>3. The battery will have a battery capacity retention rate of more than 80% after 4 years of use according to OPPO lab simulation of the user's daily behaviour (charge the phone from 0% to 100% once a day). The data was obtained from OPPO Labs and will differ slightly due to the test software version and specific testing environment.<br>4. Product size may vary by configuration, manufacturing process and measurements. All specifications are subject to the actual product.<br>5. OPPO A60 achieves the industry standard of IP54 under the laboratory setting condition. Do not charge a wet phone. Liquid damage is not covered under warranty.<br>6. OPPO A60 supports IP54 water and dust resistance. Data is based on calculations from the OPPO Test Laboratory. Due to factors such as machine aging and personal usage habits, the experience may vary. Please refer to the actual experience.<br>7. Display brightness is collected from OPPO Labs. The actual data will differ slightly due to the test software version and specific testing environment.<br>8. 90Hz refresh rate may not adapt to all mobile phone usage scenarios.<br>9. Display size is measured diagonally. OPPO A60's display size is 6.67" as a full rectangle. The data will differ slightly, depending on the specific testing method and testing environment.<br>10. Sound volume is collected from OPPO Labs. The actual data will differ slightly due to the test software version and specific testing environment.<br>11. Data collected from OPPO Labs. The actual data will differ slightly due to the test software version and specific testing environment.<br>12. The data for Snapdragon® 680 4G Mobile Platform is provided by the official Qualcomm® website.<br>13. RAM Expansion adds virtual RAM to the original physical RAM.<br>14. Only the 8GB+256GB version of OPPO A60 has passed 48-Month Fluency Protection. "48-Month Fluency Protection" means that through the optimization of software, hardware and other comprehensive technologies, OPPO A60 8GB+256GB has passed the 48-month fluency testing in OPPO laboratory. "Fluency Protection" does not mean that there is absolutely no lag. Due to factors such as network environment and personal usage, the actual experience may be different. Please refer to the actual experience.<br>15. Only the rear main camera is 50MP.<br>16. The NFC of OPPO A60 can stimulate non-encrypted access cards with a frequency of 13.56MHz. The actual accessibility will differ due to the software version and specific environment.<br>17. The product pictures on the full site are for reference only. Please refer to the actual product.<br>18. Product features and interface contents (including but not limited to UI, UX, background) displayed on the full site are provided for reference only. Please refer to the actual product. Please contact local carriers and sales service for detailed information.</span></p> <p class="pct:text-12px pct:tracking-0.082em pct:leading-[1.67] pc:w-1312rpx pc:mx-auto pc:mt-24px"><span class="text-[#000000] opacity-75">*Terms & Conditions of Youtube Premium apply. For details visit: </span><a class="text-[#000000] opacity-55" target="_self" href="https://www.oppo.com/au/smartphones/series-a/youtube-premium-terms/">HERE.</a><span class="text-[#000000] opacity-75">.</span></p> </div> </div> <div class="pad-only pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:w-full"> <div class="text-wrapper pad:flex pad:flex-col pad:items-center pad:justify-start pad:self-stretch pad:py-100px pad:bg-[#fafafa]"> <p class="mot:text-48px mot:font-medium mot:leading-[1.17] pad:text-center pad:text-black pad:text-opacity-95"><span class="text-48px">Versatility</span></p> </div> <div class="pad:flex pad:flex-col pad:items-start pad:justify-center pad:w-768rpx pad:max-w-full pad:pb-64px pad:bg-[#fafafa] pad:relative pad:overflow-hidden"> <div class="pad:self-stretch pad:px-24px pad:flex pad:justify-center"> <div class="pad:w-720rpx pad:mx-auto pad:inline-flex pad:items-center pad:justify-start"> <div class="text-wrapper pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_356rpx] pad:w-356rpx pad:pr-48rpx"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pad:self-stretch pad:text-black pad:text-opacity-95"><span class="text-30px">Light Up the Night with Turbo Torch</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:self-stretch pad:mt-18px pad:text-black pad:text-opacity-95"><span class="text-16px">Whether it's a romantic stroll and the moonlight's done a bunk, or you're just trying to get home after hours, an inbuilt Turbo Torch flashlight with approximately 70% brightness increase compared to the previous generation will help you see and be easily seen.</span></p> </div> <div class="image-group pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_356rpx] pad:w-356rpx pad:h-422rpx pad:ml-8rpx pad:bg-[#f0f0f0] pad:relative pad:overflow-hidden"><img class="image-container combine-image pad:flex pad:flex-col pad:items-center pad:justify-end pad:self-stretch pad:flex-[1_1_422rpx] pad:h-422rpx pad:relative pad:object-contain" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2673-1.png.avif"></div> </div> </div> </div> <div class="pad:flex pad:flex-col pad:items-start pad:justify-center pad:w-768rpx pad:max-w-full pad:pb-64px pad:bg-[#fafafa] pad:relative pad:overflow-hidden"> <div class="pad:self-stretch pad:px-24px pad:flex pad:justify-center"> <div class="pad:w-720rpx pad:mx-auto pad:inline-flex pad:items-center pad:justify-start"><img class="combine-image pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_356rpx] pad:w-356rpx pad:h-422rpx pad:object-cover pad:relative pad:overflow-hidden" data-src-650="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2677-1.jpg.avif"> <div class="text-wrapper pad:inline-flex pad:flex-col pad:items-start pad:justify-start pad:flex-[1_1_356rpx] pad:w-356rpx pad:pl-48rpx pad:ml-8rpx"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pad:self-stretch pad:text-black pad:text-opacity-95"><span class="text-30px">Swiping Simplified with 360° NFC</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pad:self-stretch pad:mt-18px pad:text-black pad:text-opacity-95"><span class="text-16px">Access is now 360°. Whether it's your door card or your work pass, swiping to activate secure cards is much simpler than ever.</span><sup class="text-16px">16</sup><span class="text-16px"> Thanks to 360° NFC, now you can use the back, front, and top frame to access and use the cards in your digital wallet.</span></p> </div> </div> </div> </div> <div class="text-wrapper pad:self-stretch pad:px-24px pad:py-64px pad:bg-[#f0f0f0] pad:flex pad:justify-center"> <div class="pad:w-720rpx pad:mx-auto pad:flex pad:flex-col pad:items-start pad:justify-start"> <p class="mot:text-12px mot:tracking-0.082em mot:leading-[1.67] pad:self-stretch pad:text-black pad:text-opacity-75"><span class="text-12px">Remarks:<br>1. OPPO A60 has passed the MIL-STD 810H military-grade shock resistance test, which includes multi-angle drop tests, high-intensity impact tests, and other high-standards durability tests. Due to factors such as machine aging and personal usage habits, the experience may vary. Please refer to the actual experience.<br>2. The SUPERVOOC word mark and logos are trademarks owned by Guangdong OPPO Mobile Telecommunications Corp., Ltd.<br>3. The battery will have a battery capacity retention rate of more than 80% after 4 years of use according to OPPO lab simulation of the user's daily behaviour (charge the phone from 0% to 100% once a day). The data was obtained from OPPO Labs and will differ slightly due to the test software version and specific testing environment.<br>4. Product size may vary by configuration, manufacturing process and measurements. All specifications are subject to the actual product.<br>5. OPPO A60 achieves the industry standard of IP54 under the laboratory setting condition. Do not charge a wet phone. Liquid damage is not covered under warranty.<br>6. OPPO A60 supports IP54 water and dust resistance. Data is based on calculations from the OPPO Test Laboratory. Due to factors such as machine aging and personal usage habits, the experience may vary. Please refer to the actual experience.<br>7. Display brightness is collected from OPPO Labs. The actual data will differ slightly due to the test software version and specific testing environment.<br>8. 90Hz refresh rate may not adapt to all mobile phone usage scenarios.<br>9. Display size is measured diagonally. OPPO A60's display size is 6.67" as a full rectangle. The data will differ slightly, depending on the specific testing method and testing environment.<br>10. Sound volume is collected from OPPO Labs. The actual data will differ slightly due to the test software version and specific testing environment.<br>11. Data collected from OPPO Labs. The actual data will differ slightly due to the test software version and specific testing environment.<br>12. The data for Snapdragon® 680 4G Mobile Platform is provided by the official Qualcomm® website.<br>13. RAM Expansion adds virtual RAM to the original physical RAM.<br>14. Only the 8GB+256GB version of OPPO A60 has passed 48-Month Fluency Protection. "48-Month Fluency Protection" means that through the optimization of software, hardware and other comprehensive technologies, OPPO A60 8GB+256GB has passed the 48-month fluency testing in OPPO laboratory. "Fluency Protection" does not mean that there is absolutely no lag. Due to factors such as network environment and personal usage, the actual experience may be different. Please refer to the actual experience.<br>15. Only the rear main camera is 50MP.<br>16. The NFC of OPPO A60 can stimulate non-encrypted access cards with a frequency of 13.56MHz. The actual accessibility will differ due to the software version and specific environment.<br>17. The product pictures on the full site are for reference only. Please refer to the actual product.<br>18. Product features and interface contents (including but not limited to UI, UX, background) displayed on the full site are provided for reference only. Please refer to the actual product. Please contact local carriers and sales service for detailed information.</span></p> <p class="mot:text-12px mot:tracking-0.082em mot:leading-[1.67] pad:mt-24px"><span class="text-[#000000] opacity-75">Here to know the details of </span><a class="text-[#000000] opacity-55" target="_blank" href="https://www.oppo.com/en/smartphones/series-a/oppo-partnership-with-youtube/">YouTube Premium terms and conditions</a><span class="text-[#000000] opacity-75">.</span></p> </div> </div> </div> <div class="mo-only mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:w-full"> <div class="text-wrapper mo:self-stretch mo:px-16px mo:py-80px mo:bg-white mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-center mo:justify-start"> <p class="mot:text-48px mot:font-medium mot:leading-[1.17] mo:self-stretch mo:text-center mo:text-black mo:text-opacity-95"><span class="text-48px">Versatility</span></p> </div> </div> <div class="mo:w-360rpx mo:max-w-full mo:px-16px mo:pb-80px mo:bg-white mo:relative mo:overflow-hidden mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-center"> <div class="image-with-text mo:flex mo:flex-col mo:items-start mo:justify-center mo:self-stretch"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95"><span class="text-30px">Light Up the Night with Turbo Torch</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95"><span class="text-16px">Whether it's a romantic stroll and the moonlight's done a bunk, or you're just trying to get home after hours, an inbuilt Turbo Torch flashlight with approximately 70% brightness increase compared to the previous generation will help you see and be easily seen.</span></p> </div><img class="image-container combine-image mo:flex mo:flex-col mo:items-center mo:justify-end mo:self-stretch mo:flex-shrink-0 mo:h-400rpx mo:relative mo:mt-24rpx mo:object-cover mo:overflow-hidden" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2318-1.jpg.avif"> </div> </div> </div> <div class="mo:w-360rpx mo:max-w-full mo:px-16px mo:pb-80px mo:bg-white mo:relative mo:overflow-hidden mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-center"> <div class="image-with-text mo:flex mo:flex-col mo:items-start mo:justify-center mo:self-stretch"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-black mo:text-opacity-95"><span class="text-30px">Swiping Simplified with 360° NFC</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-black mo:text-opacity-95"><span class="text-16px">Access is now 360°. Whether it's your door card or your work pass, swiping to activate secure cards is much simpler than ever.</span><sup class="text-16px">16 </sup><span class="text-16px">Thanks to 360° NFC, now you can use the back, front, and top frame to access and use the cards in your digital wallet.</span></p> </div><img class="combine-image mo:flex mo:flex-col mo:items-center mo:justify-end mo:self-stretch mo:flex-shrink-0 mo:h-320rpx mo:relative mo:mt-24rpx mo:object-cover mo:overflow-hidden" data-src-360="/content/dam/oppo/product-asset-library/a/a60/purple/v1/assets/images-pack-2365_2323-1.jpg.avif"> </div> </div> </div> <div class="text-wrapper mo:self-stretch mo:px-16px mo:py-80px mo:bg-[#f0f0f0] mo:flex mo:justify-center"> <div class="mo:w-328rpx mo:mx-auto mo:flex mo:flex-col mo:items-start mo:justify-start"> <p class="mot:text-12px mot:tracking-0.082em mot:leading-[1.67] mo:self-stretch mo:text-black mo:text-opacity-75"><span class="text-12px">Remarks:<br>1. OPPO A60 has passed the MIL-STD 810H military-grade shock resistance test, which includes multi-angle drop tests, high-intensity impact tests, and other high-standards durability tests. Due to factors such as machine aging and personal usage habits, the experience may vary. Please refer to the actual experience.<br>2. The SUPERVOOC word mark and logos are trademarks owned by Guangdong OPPO Mobile Telecommunications Corp., Ltd.<br>3. The battery will have a battery capacity retention rate of more than 80% after 4 years of use according to OPPO lab simulation of the user's daily behaviour (charge the phone from 0% to 100% once a day). The data was obtained from OPPO Labs and will differ slightly due to the test software version and specific testing environment.<br>4. Product size may vary by configuration, manufacturing process and measurements. All specifications are subject to the actual product.<br>5. OPPO A60 achieves the industry standard of IP54 under the laboratory setting condition. Do not charge a wet phone. Liquid damage is not covered under warranty.<br>6. OPPO A60 supports IP54 water and dust resistance. Data is based on calculations from the OPPO Test Laboratory. Due to factors such as machine aging and personal usage habits, the experience may vary. Please refer to the actual experience.<br>7. Display brightness is collected from OPPO Labs. The actual data will differ slightly due to the test software version and specific testing environment.<br>8. 90Hz refresh rate may not adapt to all mobile phone usage scenarios.<br>9. Display size is measured diagonally. OPPO A60's display size is 6.67" as a full rectangle. The data will differ slightly, depending on the specific testing method and testing environment.<br>10. Sound volume is collected from OPPO Labs. The actual data will differ slightly due to the test software version and specific testing environment.<br>11. Data collected from OPPO Labs. The actual data will differ slightly due to the test software version and specific testing environment.<br>12. The data for Snapdragon® 680 4G Mobile Platform is provided by the official Qualcomm® website.<br>13. RAM Expansion adds virtual RAM to the original physical RAM.<br>14. Only the 8GB+256GB version of OPPO A60 has passed 48-Month Fluency Protection. "48-Month Fluency Protection" means that through the optimization of software, hardware and other comprehensive technologies, OPPO A60 8GB+256GB has passed the 48-month fluency testing in OPPO laboratory. "Fluency Protection" does not mean that there is absolutely no lag. Due to factors such as network environment and personal usage, the actual experience may be different. Please refer to the actual experience.<br>15. Only the rear main camera is 50MP.<br>16. The NFC of OPPO A60 can stimulate non-encrypted access cards with a frequency of 13.56MHz. The actual accessibility will differ due to the software version and specific environment.<br>17. The product pictures on the full site are for reference only. Please refer to the actual product.<br>18. Product features and interface contents (including but not limited to UI, UX, background) displayed on the full site are provided for reference only. Please refer to the actual product. Please contact local carriers and sales service for detailed information.</span></p> <p class="mot:text-12px mot:tracking-0.082em mot:leading-[1.67] mo:self-stretch mo:mt-24px"><span class="text-[#000000] opacity-75">Here to know the details of </span><a class="text-[#000000] opacity-55" target="_blank" href="https://www.oppo.com/en/smartphones/series-a/oppo-partnership-with-youtube/">YouTube Premium terms and conditions</a><span class="text-[#000000] opacity-75">.</span></p> </div> </div> </div> </div> </div> <!-- Add external scripts --> <script type="text/javascript" src="/content/dam/oppo/product-asset-library/a/a60/purple/v1/main-v1.js"></script> <!-- Add inline scripts --> </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/3d/" 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="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-2025 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><!-- UI reference: suspension.html --> <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> <!-- <p class="phone-color"></p> --> <div class="phone-list"> <p>9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </div> <!-- <div class="item-status"> <i class="item-status_rotate"></i> </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> <!-- <p class="phone-color"></p> --> <div class="phone-list"> <p>9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </div> <!-- <div class="item-status"> <i class="item-status_rotate"></i> </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> <!-- <p class="phone-color"></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 class="item-status"> <i class="item-status_rotate"></i> </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> <!-- 普通Cookie提示 开始 --> <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> <!-- 普通Cookie提示 结束 --> <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.a179c7ad6eb01801f531dfec14e2cb52.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design.min.df4935c2842923b9ec66c6de5f195507.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-productdetail.min.fb7aaf6fc26094f19ab6d08cb64329b0.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-product.min.5baca0e76872697538ba5de4e493d45a.js"></script> </div> </body> </html>