OPPO Watch X | 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 Watch X | OPPO Australia"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.oppo.com/au/accessories/watch-x/"/> <meta property="og:image" content="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/listpage/427-600brown-v1.png"/> <meta property="og:description" content="OPPO Watch X boasts a Dual-engine Architecture powered by Snapdragon® W5 Gen 1, Sapphire Crystal Glass for scratch resistance, MIL-STD-810H certification for extreme durability, Wear OS by Google for rich smart experience, Precision Dual-Frequency GPS for accurate tracking, up to 100 hours of battery life in Smart Mode, 11 specialised workouts, and sleep monitoring for comprehensive health tracking. "/> <meta property="og:site_name" content="OPPO"/> <meta name="twitter:site" content="@OPPO"/> <meta name="twitter:title" content="OPPO Watch X | OPPO Australia"/> <meta name="twitter:description" content="OPPO Watch X boasts a Dual-engine Architecture powered by Snapdragon® W5 Gen 1, Sapphire Crystal Glass for scratch resistance, MIL-STD-810H certification for extreme durability, Wear OS by Google for rich smart experience, Precision Dual-Frequency GPS for accurate tracking, up to 100 hours of battery life in Smart Mode, 11 specialised workouts, and sleep monitoring for comprehensive health tracking. "/> <meta imageurl="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/listpage/427-600brown-v1.png" name="twitter:image" content="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/listpage/427-600brown-v1.png"/> <meta content="OPPO Watch X, Watch X features, Watch X performance, Precision Dual-Frequency GPS, Up to 100 Hours in Smart Mode, 11 Workouts with Specialised Data, Sleep Monitoring, Dual-engine Architecture" name="keywords"/> <title>OPPO Watch X | OPPO Australia</title> <meta name="description" content="OPPO Watch X boasts a Dual-engine Architecture powered by Snapdragon® W5 Gen 1, Sapphire Crystal Glass for scratch resistance, MIL-STD-810H certification for extreme durability, Wear OS by Google for rich smart experience, Precision Dual-Frequency GPS for accurate tracking, up to 100 hours of battery life in Smart Mode, 11 specialised workouts, and sleep monitoring for comprehensive health tracking. "/> <link rel="canonical" href="https://www.oppo.com/au/accessories/watch-x/"/> <link rel="alternate" hreflang="uk-UA" href="https://www.oppo.com/ua/accessories/watch-x/"> <link rel="alternate" hreflang="en-IE" href="https://www.oppo.com/ie/accessories/watch-x/"> <link rel="alternate" hreflang="en-ZA" href="https://www.oppo.com/za/accessories/watch-x/"> <link rel="alternate" hreflang="el-GR" href="https://www.oppo.com/gr/accessories/watch-x/"> <link rel="alternate" hreflang="en-MY" href="https://www.oppo.com/my/accessories/watch-x/"> <link rel="alternate" hreflang="en-AU" href="https://www.oppo.com/au/accessories/watch-x/"> <link rel="alternate" hreflang="en" href="https://www.oppo.com/en/accessories/watch-x/"> <link rel="alternate" hreflang="es" href="https://www.oppo.com/latin/accessories/watch-x/"> <link rel="alternate" hreflang="es-CO" href="https://www.oppo.com/co/accessories/watch-x/"> <link rel="alternate" hreflang="es-PE" href="https://www.oppo.com/pe/accessories/watch-x/"> <link rel="alternate" hreflang="en-NZ" href="https://www.oppo.com/nz/accessories/watch-x/"> <link rel="alternate" hreflang="pt-PT" href="https://www.oppo.com/pt/accessories/watch-x/"> <link rel="alternate" hreflang="ro-RO" href="https://www.oppo.com/ro/accessories/watch-x/"> <link rel="alternate" hreflang="en-SG" href="https://www.oppo.com/sg/accessories/watch-x/"> <link rel="alternate" hreflang="fr-FR" href="https://www.oppo.com/fr/accessories/watch-x/"> <link rel="alternate" hreflang="vi-VN" href="https://www.oppo.com/vn/accessories/watch-x/"> <link rel="alternate" hreflang="en-GB" href="https://www.oppo.com/uk/accessories/watch-x/"> <link rel="alternate" hreflang="km-KH" href="https://www.oppo.com/kh/accessories/watch-x/"> <link rel="alternate" hreflang="es-PY" href="https://www.oppo.com/py/accessories/watch-x/"> <link rel="alternate" hreflang="en-PH" href="https://www.oppo.com/ph/accessories/watch-x/"> <link rel="alternate" hreflang="ro-MD" href="https://www.oppo.com/md/accessories/watch-x/"> <link rel="alternate" hreflang="zh-TW" href="https://www.oppo.com/tw/accessories/watch-x/"> <link rel="alternate" hreflang="es-ES" href="https://www.oppo.com/es/accessories/watch-x/"> <link rel="alternate" hreflang="es-MX" href="https://www.oppo.com/mx/accessories/watch-x/"> <link rel="alternate" hreflang="it-IT" href="https://www.oppo.com/it/accessories/watch-x/"> <link rel="alternate" hreflang="id-ID" href="https://www.oppo.com/id/accessories/watch-x/"> <link rel="alternate" hreflang="th-TH" href="https://www.oppo.com/th/accessories/watch-x/">   <script> window.DIGITAL_DATA = { pageInfo: { "pageTitle" : "OPPO Watch X", "pageGroup" : "Product Details Page", "countryCode" : "au" } } </script> <script> // Start Google Tag Manager // 官网GTM基础代码 //浏览器兼容 if (typeof String.prototype.endsWith != 'function') { String.prototype.endsWith = function(suffix) { return this.indexOf(suffix, this.length - suffix.length) !== -1; } } //$pageGroup 的判断 // var url = window.location.href.split('//')[1] || '' var OPPOUserAgent = window.navigator.userAgent.toLowerCase(); var deviceCategory = function() { if(OPPOUserAgent.indexOf('usercenter') !== -1) { return "AMO"; } if(OPPOUserAgent.indexOf('oppostore') !== -1) { return "AHS"; } if(OPPOUserAgent.indexOf('oppocommunity') !== -1) { return "AOC"; } if(OPPOUserAgent.indexOf('miniprogram') !== -1) { return "MOS"; } if(OPPOUserAgent.indexOf('micromessenger') !== -1) { return "GOPPO"; } return "web"; } var getPageType = function () { if (location.hostname.indexOf('support.') >= 0) { return 'Support Page' } else if (location.pathname.indexOf('/store/contents/') >= 0) { return 'Oppo Store' } else { return 'Others' } } var initGtm = function () { // support cn站不加载gtm if(location.hostname.indexOf('support.') >= 0 && location.pathname.indexOf("/cn/") >= 0) return false; if(OPPOUserAgent.indexOf('miniprogram') !== -1) return false; if(getPageType() == "Support Page"){ dataLayer = [{'UserSource' :'from ' + deviceCategory()}] ;(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NWJ8QDL'); } else if (getPageType() == 'Oppo Store') { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5NQRNFR'); } else { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N2HBVQ'); } } initGtm() // End Google Tag Manager </script>  <meta name="template" content="product-detail-template"/> <link rel="shortcut icon" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico" type="image/x-icon"/> <link rel="icon" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico" type="image/x-icon" sizes="16x16"/> <link rel="bookmark" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico" type="image/x-icon"/> <base target="_self"/> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width,user-scalable=yes,initial-scale=1"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="format-detection" content="telephone=no"/> <meta name="screen-orientation" content="portrait"/> <meta name="x5-orientation" content="portrait"/> <meta name="x5-fullscreen" content="true"/> <meta name="format-detection" content="telephone=no"/> <meta name="msapplication-tab-highlight" content="no"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="msvalidate.01" content="AC9BE4D3A1879566FFA3D4731ACE7DA8"/> <meta name="referrer" content="strict-origin"/> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design.min.5584b9bba10bcf146bce56f924ac0de5.css" type="text/css"> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-productdetail.min.04904ee5e3934bad74f17e8b79602839.css" type="text/css"> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-product.min.955515c958ae857040e9521666fe3276.css" type="text/css"> <script type="text/javascript"> (function() { var defaultSize = window .getComputedStyle(document.documentElement) .getPropertyValue("font-size"); function getFontBase(windowWidth) { var fontBase = 0; var screenBreakPoints = [1440, 1024, 768, 360]; var arrLength = screenBreakPoints.length; for (var i = 0; i < arrLength; i++) { var breakpoint = screenBreakPoints[i]; if (windowWidth >= breakpoint) { fontBase = breakpoint; break; } if (i === arrLength - 1 && fontBase === 0) { fontBase = screenBreakPoints[arrLength - 1]; } } return fontBase; } function setFontSize() { var ww = window.innerWidth; var maxWidth = 1440; if (ww > maxWidth) { ww = maxWidth; } var fontBase = getFontBase(ww); var fontSize = (100 * ww) / fontBase; var targetSize = (fontSize / parseFloat(defaultSize)) * 100 + "%"; document.documentElement.style.fontSize = targetSize; } setFontSize(); window.addEventListener("resize", setFontSize); })(); </script> <script type="text/javascript"> window.lazySizesConfig = window.lazySizesConfig || {}; window.lazySizesConfig.customMedia = { 'md': '(max-width: 1080px)', 'lg': '(min-width: 1081px)', }; </script> <script src="https://www.oppo.com/content/dam/statics/js/jquery-3.5.1.min.js"></script> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-font-en.min.168806125ff5a89e4fc56dc505476bc6.css" type="text/css"> </head> <body class="product-detail-page page basicpage light-theme"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NWJ8QDL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N2HBVQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <input type="hidden" id="subscribe_list_id" name="subscribe_list_id" value="609ea2fea8"/> <input type="hidden" id="opsite-domain-url" name="opsite-domain-url" value="https://opsiteapi-sg.oppo.com"/> <div class="cp-site-language-tip cp-site-language-tip-new force-hide"> <div class="fixedness-width"> <div class="language-tip-container"> <span class="tip"></span> <ul class="site-list"> </ul> <a href="javascript:;" class="stay"></a> </div> </div> </div> <div id="oc-wrapper"> <script> window.NoScrollFixed = true; </script> <header search-tips-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" search-lang="en-gb" class="header-v2 " id="header-v2" vue-site="header-v2"> <div class="header-main-pc"> <div class="header-left" data-user-center="https://shop.oppoaustralia.com.au/" data-txt-user-center="Account" data-txt-signin="Login" data-txt-signup="Sign Up" data-txt-logout="Log out" data-order="https://shop.oppoaustralia.com.au/" data-txt-order="Shop" data-user-show="false"> <input type="hidden" id="sow_domain_host" name="sow_domain_host" value="https://sgp-sow-cms.oppo.com"/> <a href="https://www.oppo.com/au/" class="logo op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Oppo logo" tm-button_name="Oppo logo"> <svg xmlns="http://www.w3.org/2000/svg" width="85" height="22" viewBox="0 0 85 22" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M10.0905 13.7856H10.0898H10.0888C5.80572 13.7403 3.03806 11.7032 3.03806 8.59604C3.03806 5.48888 5.80572 3.45175 10.0888 3.40651C14.3738 3.45175 17.1411 5.48888 17.1411 8.59604C17.1411 11.7032 14.3738 13.7403 10.0905 13.7856ZM10.2155 0.898183C10.2144 0.89832 10.1292 0.896816 10.0863 0.895996C10.0424 0.896543 9.95715 0.898183 9.95715 0.898183C4.09395 0.993718 0 4.1591 0 8.5961C0 13.0331 4.09395 16.1986 9.95578 16.294C9.95578 16.294 10.0424 16.2948 10.0851 16.2946C10.1299 16.295 10.2157 16.294 10.2157 16.294C16.0774 16.1986 20.1712 13.0331 20.1712 8.5961C20.1712 4.1591 16.0774 0.993718 10.2155 0.898183Z" fill="black"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M74.9195 13.7856H74.9188H74.9177C70.6348 13.7403 67.8671 11.7032 67.8671 8.59604C67.8671 5.48888 70.6348 3.45175 74.9177 3.40651C79.2027 3.45175 81.9701 5.48888 81.9701 8.59604C81.9701 11.7032 79.2027 13.7403 74.9195 13.7856ZM75.0445 0.898183C75.0434 0.89832 74.9584 0.896816 74.9152 0.895996C74.8715 0.896543 74.7862 0.898183 74.7862 0.898183C68.923 0.993718 64.829 4.1591 64.829 8.5961C64.829 13.0331 68.923 16.1986 74.785 16.294C74.785 16.294 74.8715 16.2948 74.9141 16.2946C74.9591 16.295 75.0448 16.294 75.0448 16.294C80.9065 16.1986 85.0003 13.0331 85.0003 8.5961C85.0003 4.1591 80.9065 0.993718 75.0445 0.898183Z" fill="black"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M53.3494 13.7856H53.3487H53.3477C49.0648 13.7403 46.2971 11.7032 46.2971 8.59604C46.2971 5.48888 49.0648 3.45175 53.3477 3.40651C57.6326 3.45175 60.4001 5.48888 60.4001 8.59604C60.4001 11.7032 57.6326 13.7403 53.3494 13.7856ZM53.4745 0.898183C53.4734 0.89832 53.3884 0.896816 53.3452 0.895996C53.3015 0.896543 53.2162 0.898183 53.2162 0.898183C50.423 0.943695 48.032 1.68638 46.2932 2.93081V1.61846H43.2591V21.1043H46.2932V14.2617C48.0317 15.506 50.4223 16.2486 53.2149 16.294C53.2151 16.2942 53.3015 16.2948 53.344 16.2946C53.3891 16.295 53.4747 16.294 53.4747 16.294C59.3364 16.1986 63.4303 13.0331 63.4303 8.5961C63.4303 4.1591 59.3364 0.993718 53.4745 0.898183Z" fill="black"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M31.7169 13.7856H31.7162H31.7154C27.4323 13.7403 24.6646 11.7032 24.6646 8.59604C24.6646 5.48888 27.4323 3.45175 31.7154 3.40651C36.0003 3.45175 38.7677 5.48888 38.7677 8.59604C38.7677 11.7032 36.0003 13.7403 31.7169 13.7856ZM31.8472 0.898183C31.8459 0.89832 31.7609 0.896816 31.7179 0.895996C31.674 0.896543 31.5887 0.898183 31.5887 0.898183C28.7955 0.943695 26.4045 1.68638 24.6657 2.93081V1.61846H21.6317V21.1043H24.6657V14.2617C26.4044 15.506 28.7949 16.2486 31.5873 16.294C31.5873 16.294 31.674 16.2948 31.7166 16.2946C31.7616 16.295 31.8473 16.294 31.8473 16.294C37.709 16.1986 41.8028 13.0331 41.8028 8.5961C41.8028 4.1591 37.709 0.993718 31.8472 0.898183Z" fill="black"/> </svg> </a> <ul class="nav"> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Smartphones" tm-nav_name="Smartphones"> <a v-if="isTouch" href="https://www.oppo.com/au/smartphones/" @click="navOver(0, $event)" target="_self">Smartphones</a> <a v-else href="https://www.oppo.com/au/smartphones/" @mouseenter="navOver(0)" target="_self">Smartphones</a> <transition name="nav-fade"> <section v-show="navindex == 0" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> </div> <p>OPPO Find X8 Pro <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> </div> <p>OPPO Reno12 Pro 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> </div> <p>OPPO Find N2 Flip </p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> </div> <p>OPPO A80 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> </div> <p>OPPO A60 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> </div> <p>OPPO A60 <i>New</i></p> </a> </li> </ul> <div class="series-list "> <div class="series-list-left"> <a href="https://www.oppo.com/au/smartphones/?tab1" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find N Series " target="_self">Find N Series </a> <a href="https://www.oppo.com/au/smartphones/?tab2" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find X Series" target="_self">Find X Series</a> <a href="https://www.oppo.com/au/smartphones/?tab3" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Reno Series" target="_self">Reno Series</a> <a href="https://www.oppo.com/au/smartphones/?tab4" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="A Series" target="_self">A Series</a> </div> <div class="series-list-right"> <a class="view-all op-trk-event" href="https://www.oppo.com/au/compare/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Compare" target="_blank">Compare</a> <a class="compare op-trk-event" href="https://www.oppo.com/au/smartphones/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="View All Phones" target="_self">View All Phones</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Tablets" tm-nav_name="Tablets"> <a v-if="isTouch" href="https://www.oppo.com/au/tablets/" @click="navOver(1, $event)" target="_self">Tablets</a> <a v-else href="https://www.oppo.com/au/tablets/" @mouseenter="navOver(1)" target="_self">Tablets</a> <transition name="nav-fade"> <section v-show="navindex == 1" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> </div> <p>OPPO Pad Neo <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> </div> <p>OPPO Pad 2 </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/tablets/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Tablets" tm-nav_name="View Tablets" target="_self">View Tablets</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Audio" tm-nav_name="Audio"> <a v-if="isTouch" href="https://www.oppo.com/au/audio/" @click="navOver(2, $event)" target="_self">Audio</a> <a v-else href="https://www.oppo.com/au/audio/" @mouseenter="navOver(2)" target="_self">Audio</a> <transition name="nav-fade"> <section v-show="navindex == 2" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Buds2 Pro <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Air2 Pro </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> </div> <p>OPPO Enco Air2 </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> </div> <p>OPPO Enco X2 </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/audio/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Audio" tm-nav_name="View Audio" target="_self">View Audio</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Wearables" tm-nav_name="Wearables"> <a v-if="isTouch" href="https://www.oppo.com/au/wearables/" @click="navOver(3, $event)" target="_self">Wearables</a> <a v-else href="https://www.oppo.com/au/wearables/" @mouseenter="navOver(3)" target="_self">Wearables</a> <transition name="nav-fade"> <section v-show="navindex == 3" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/watch-x" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> </div> <p>OPPO Watch X <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch-free/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> </div> <p>OPPO Watch Free </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> </div> <p>OPPO Band </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> </div> <p>OPPO Watch </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/wearables/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Wearables" tm-nav_name="View Wearables" target="_self">View Wearables</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="About OPPO" tm-nav_name="About OPPO"> <a v-if="isTouch" href="https://www.oppo.com/au/about/" @click="navOver(4, $event)" target="_self">About OPPO</a> <a v-else href="https://www.oppo.com/au/about/" @mouseenter="navOver(4)" target="_self">About OPPO</a> <transition name="nav-fade"> <section v-show="navindex == 4" class="nav-list-box link"> <ul> <li> <a href="https://www.oppo.com/au/about/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <p>Our Story </p> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <p>OPPO AI </p> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <p>News </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> </div> </div> </section> </transition> </li> </ul> </div> <div :class="['header-right', {'no-user': !userData.userShow && !dataCart.cartShow, 'no-search': !baseData.searchShow}]"> <ul class="nav-link support-nav"> <li> <a href="https://www.oppo.com/au/coloros15/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="ColorOS" tm-nav_name="ColorOS"> <span class="third-link-title">ColorOS</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://support.oppo.com/au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Support" tm-nav_name="Support"> <span class="third-link-title">Support</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://shop.oppoaustralia.com.au/" target="_blank" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Shop Now" tm-nav_name="Shop Now"> <span class="third-link-title">Shop Now</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://oppopromotions.com.au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Promotions" tm-nav_name="Promotions"> <span class="third-link-title">Promotions</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div v-if="baseData.searchShow" class="search" :class="{show: searchShow}"> <div class="search-box"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z"/> </svg> <input class="op-trk-event" type="text" @click="inputFoucs" @keyup.enter="inputKeyup" v-model="inputValue" :placeholder="baseData.placeholder" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"/> <svg class="empty-search" v-show="inputValue.length > 0" @click="clearSearch" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.27195 10.1562L5.00009 14.4281L5.88398 15.312L10.1558 11.0401L14.4281 15.3124L15.312 14.4285L11.0397 10.1562L15.3121 5.88388L14.4282 5L10.1558 9.27235L5.88388 5.0004L5 5.88428L9.27195 10.1562Z" fill="black" fill-opacity="0.55"/> </svg> </div> </div> <div class="user-cart"> <div v-if="userData.userShow" class="userInfo op-trk-event" @mouseOver="mouseOver('user')" @mouseLeave="mouseLeave('user')" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" tm-button_name="Account Icon"> <img v-if="userInfo.avatar && userInfo.isLogin" class="nav-avatar" :src="userInfo.avatar" alt=""/> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle class="stroke" cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke-width="1.5"/> <path class="stroke" d="M14.75 10.5356C14.75 12.0544 13.5188 13.2856 12 13.2856C10.4812 13.2856 9.25 12.0544 9.25 10.5356C9.25 9.01686 10.4812 7.78564 12 7.78564C13.5188 7.78564 14.75 9.01686 14.75 10.5356Z" stroke-width="1.5"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z"/> </svg> <transition name="box-fade"> <div v-show="userShow" class="user-box"> <div class="user-contain" :class="{isLogin: userInfo.isLogin}"> <ul> <li> <div class="user-avatr"><img class="lazyload" :data-src="userInfo.avatar" alt=""/></div> <div class="user-name"> <p>{{userInfo.name}}</p> <p> <a class="sign-up op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSignUp"> <span>{{userData.txtSignUp}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> <a class="sign-in op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSigniIn"> <span>{{userData.txtSigniIn}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> <a class="log-out op-trk-event" @click="goLogOut" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtLogOut"> <span>{{userData.txtLogOut}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> </p> </div> </li> <li class="user-link" v-if="userData.orderLink"> <a :href="userData.orderLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textOrder"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="path-1-inside-1_13126_83833" fill="white"> <rect x="5" y="3" width="14" height="18" rx="1"/> </mask> <rect x="5" y="3" width="14" height="18" rx="1" stroke="black" stroke-width="3" mask="url(#path-1-inside-1_13126_83833)"/> <rect x="8" y="7" width="8" height="1.5" fill="black"/> <rect x="8" y="10" width="8" height="1.5" fill="black"/> <rect x="8" y="13" width="6" height="1.5" fill="black"/> </svg> <span>{{userData.textOrder}}</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> <li class="user-link" v-if="userData.userLink"> <a :href="userData.userLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtUser"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke="black" stroke-width="1.5"/> <path d="M14.75 10.5352C14.75 12.0539 13.5188 13.2852 12 13.2852C10.4812 13.2852 9.25 12.0539 9.25 10.5352C9.25 9.01637 10.4812 7.78515 12 7.78515C13.5188 7.78515 14.75 9.01637 14.75 10.5352Z" stroke="black" stroke-width="1.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z" fill="black"/> </svg> <span>{{userData.txtUser}}</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> <li v-if="userData.memberLink" class="user-link"> <a :href="userData.memberLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtMember"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 7.625L12.7062 7.27645L12 5.84576L11.2938 7.27645L12 7.625ZM13.1777 10.0111L12.4716 10.3597L12.4719 10.3604L13.1777 10.0111ZM13.5068 10.25L13.3932 11.0293L13.3934 11.0293L13.5068 10.25ZM16.1405 10.6332L16.69 11.1973L17.833 10.0837L16.2539 9.85396L16.1405 10.6332ZM14.2347 12.49L13.6852 11.9259L13.6848 11.9264L14.2347 12.49ZM14.1087 12.875L13.3319 13.0044L13.3326 13.008L14.1087 12.875ZM14.5585 15.5L14.192 16.197L15.6041 16.9395L15.3347 15.367L14.5585 15.5ZM12.2039 14.2619L11.8369 14.9586L11.8374 14.9589L12.2039 14.2619ZM11.7961 14.2619L12.1626 14.9589L12.1631 14.9586L11.7961 14.2619ZM9.4415 15.5L8.66531 15.367L8.39588 16.9395L9.80801 16.197L9.4415 15.5ZM9.89125 12.875L9.11514 12.7416L9.11506 12.742L9.89125 12.875ZM9.76525 12.4874L10.3146 11.9231L10.3144 11.9229L9.76525 12.4874ZM7.8595 10.6332L7.7461 9.85396L6.1656 10.0839L7.31035 11.1977L7.8595 10.6332ZM10.4932 10.25L10.6066 11.0293L10.6069 11.0293L10.4932 10.25ZM10.8223 10.0111L11.5281 10.3604L11.5284 10.3597L10.8223 10.0111ZM11.2938 7.97355L12.4716 10.3597L13.8839 9.66257L12.7062 7.27645L11.2938 7.97355ZM12.4719 10.3604C12.5599 10.5381 12.6897 10.6918 12.8501 10.8083L13.7755 9.53386C13.8213 9.56714 13.8584 9.61106 13.8835 9.66184L12.4719 10.3604ZM12.8501 10.8083C13.0106 10.9248 13.1969 11.0007 13.3932 11.0293L13.6203 9.47074C13.6764 9.47891 13.7297 9.50057 13.7755 9.53386L12.8501 10.8083ZM13.3934 11.0293L16.0271 11.4125L16.2539 9.85396L13.6201 9.47071L13.3934 11.0293ZM15.591 10.0692L13.6852 11.926L14.7843 13.0541L16.69 11.1973L15.591 10.0692ZM13.6848 11.9264C13.5434 12.0643 13.4375 12.2344 13.3761 12.4221L14.8729 12.912C14.8554 12.9656 14.8251 13.0142 14.7847 13.0536L13.6848 11.9264ZM13.3761 12.4221C13.3146 12.6098 13.2995 12.8096 13.332 13.0044L14.8855 12.7456C14.8948 12.8013 14.8905 12.8584 14.8729 12.912L13.3761 12.4221ZM13.3326 13.008L13.7823 15.633L15.3347 15.367L14.8849 12.742L13.3326 13.008ZM14.925 14.803L12.5704 13.5649L11.8374 14.9589L14.192 16.197L14.925 14.803ZM12.5708 13.5651C12.3948 13.4724 12.1989 13.424 12 13.424V14.999C11.9432 14.999 11.8872 14.9851 11.8369 14.9586L12.5708 13.5651ZM12 13.424C11.8011 13.424 11.6052 13.4724 11.4292 13.5651L12.1631 14.9586C12.1128 14.9851 12.0568 14.999 12 14.999V13.424ZM11.4296 13.5649L9.07499 14.803L9.80801 16.197L12.1626 14.9589L11.4296 13.5649ZM10.2177 15.633L10.6674 13.008L9.11506 12.742L8.66531 15.367L10.2177 15.633ZM10.6674 13.0084C10.7011 12.8125 10.6865 12.6113 10.6251 12.4222L9.12722 12.9091C9.10966 12.855 9.10551 12.7975 9.11514 12.7416L10.6674 13.0084ZM10.6251 12.4222C10.5636 12.2331 10.457 12.0618 10.3146 11.9231L9.21594 13.0517C9.17523 13.012 9.14478 12.9631 9.12722 12.9091L10.6251 12.4222ZM10.3144 11.9229L8.40865 10.0688L7.31035 11.1977L9.2161 13.0518L10.3144 11.9229ZM7.9729 11.4125L10.6066 11.0293L10.3799 9.47071L7.7461 9.85396L7.9729 11.4125ZM10.6069 11.0293C10.8031 11.0007 10.9894 10.9248 11.1499 10.8083L10.2245 9.53386C10.2703 9.50057 10.3236 9.47891 10.3796 9.47074L10.6069 11.0293ZM11.1499 10.8083C11.3103 10.6918 11.4401 10.5381 11.5281 10.3604L10.1164 9.66184C10.1416 9.61106 10.1787 9.56714 10.2245 9.53386L11.1499 10.8083ZM11.5284 10.3597L12.7062 7.97355L11.2938 7.27645L10.1161 9.66257L11.5284 10.3597ZM19.9625 12C19.9625 16.3976 16.3976 19.9625 12 19.9625V21.5375C17.2674 21.5375 21.5375 17.2674 21.5375 12H19.9625ZM12 19.9625C7.60243 19.9625 4.0375 16.3976 4.0375 12H2.4625C2.4625 17.2674 6.73258 21.5375 12 21.5375V19.9625ZM4.0375 12C4.0375 7.60243 7.60243 4.0375 12 4.0375V2.4625C6.73258 2.4625 2.4625 6.73258 2.4625 12H4.0375ZM12 4.0375C16.3976 4.0375 19.9625 7.60243 19.9625 12H21.5375C21.5375 6.73258 17.2674 2.4625 12 2.4625V4.0375Z" fill="black" fill-opacity="0.95"/> </svg> <span>{{userData.txtMember}}</span>  <span v-if="memberData.levelName" class="member font-medium ft-body-3" :class="'level-' + memberData.level"> {{ memberData.levelName }} </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> </ul> <div class="download" v-if="userData.textDownLoad"> <a :href="userData.downloadLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textDownLoad">{{userData.textDownLoad}}</a> </div> </div> </div> </transition> </div> <div v-if="dataCart.cartShow && true" class="cart op-trk-event" :class="{'has-product': isHasProduct}" @mouseOver="mouseOver('cart')" @mouseLeave="mouseLeave('cart')" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5" fill="none"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> <transition name="box-fade">  <div v-show="cartShow" class="cart-box" data-cart-show="false" data-islink="false"> <div class="cart-contain">  <div class="cart-list" v-if="isHasProduct"> <p class="cart-num">{{dataCart.txtYourCart}} (<i>{{dataList.cartItems.length}}</i>)</p> <div class="product-box"> <ul class="product-list"> <li v-for="item in dataList.cartItems" v-show="!item.stockIndex || showAllFlag"> <p v-if="item.stockIndex === 0" class="err-tip"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99997 2.69948C5.07286 2.69948 2.69997 5.07237 2.69997 7.99948C2.69997 10.9266 5.07286 13.2995 7.99997 13.2995C10.9271 13.2995 13.3 10.9266 13.3 7.99948C13.3 5.07237 10.9271 2.69948 7.99997 2.69948ZM1.6333 7.99948C1.6333 4.48327 4.48375 1.63281 7.99997 1.63281C11.5162 1.63281 14.3666 4.48327 14.3666 7.99948C14.3666 11.5157 11.5162 14.3661 7.99997 14.3661C4.48375 14.3661 1.6333 11.5157 1.6333 7.99948ZM7.46663 8.64011V5.1401H8.5333V8.64011H7.46663ZM8.72913 10.0984C8.72913 10.5011 8.40268 10.8276 7.99997 10.8276C7.59726 10.8276 7.2708 10.5011 7.2708 10.0984C7.2708 9.69573 7.59726 9.36927 7.99997 9.36927C8.40268 9.36927 8.72913 9.69573 8.72913 10.0984Z" fill="black"/> </svg> {{dataCart.txtStock}} </p> <a :href="item.targetLink"> <div class="product-img"> <img class="lazyload" :data-src="item.imageUrl" alt=""/> </div> <div class="product-info"> <p class="name">{{item.attachment.productDisplayName || item.displayName}}</p> <p class="type">{{productType(item.attachment.skuSelectOptions)}}</p> <p v-if="filterStock(item.salesStatus, item.stockStatus)" id="stock">{{filterStock(item.salesStatus, item.stockStatus)}}</p> <p class="price"><i>x{{item.qty}}</i> <span><i v-show="item.originPrice != item.nowPrice">{{dataList.symbol}}{{item.originPrice}} </i><i>{{dataList.symbol}}{{item.nowPrice}}</i></span></p>  <ul v-if="item.childItems && item.childItems.length > 0"> <li v-for="list in item.childItems"> <div class="img"><img class="lazyload" :data-src="list.imageUrl" alt=""/></div> <div class="sub-product-info"> <p>{{list.displayName}}</p> <p v-if="filterStock(list.salesStatus, list.stockStatus)" id="stock">{{filterStock(list.salesStatus, list.stockStatus)}}</p> <p><u>x{{list.qty}}</u> <span><i v-show="list.originPrice != list.nowPrice">{{dataList.symbol}}{{list.originPrice}}</i><i>-{{dataList.symbol}}{{list.nowPrice}}</i></span></p> </div> </li> </ul>  <ul class="trade-in" v-if="item.evaluateOrder"> <li> <div class="img"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 13.75C11.25 12.3693 12.3693 11.25 13.75 11.25H26.25C27.6307 11.25 28.75 12.3693 28.75 13.75V26.25C28.75 27.6307 27.6307 28.75 26.25 28.75H11.25V13.75ZM15.9119 18.9796L16.4629 18.4339C16.679 18.2212 16.9923 18.0917 17.3273 18.0917L20.9682 18.0917L20.7305 19.0998C20.6657 19.3587 21.0114 19.5437 21.2599 19.3865L24.3066 17.4534C24.4902 17.3425 24.4902 17.1112 24.3066 16.991L21.2599 15.058C21.0114 14.9007 20.6656 15.0857 20.7305 15.3447L20.9682 16.3529H17.2624C16.3225 16.3529 15.5554 17.0096 15.5554 17.8142V18.8593C15.5554 19.0258 15.7931 19.0998 15.9119 18.9796ZM23.5368 21.566L24.0877 21.0203L24.0878 21.0203C24.2066 20.9001 24.4443 20.9741 24.4443 21.1406V22.1857C24.4443 22.9903 23.6772 23.647 22.7373 23.647H19.0316L19.2584 24.6552C19.3233 24.9142 18.9775 25.0991 18.729 24.9419L15.6932 23.0089C15.5095 22.8886 15.5095 22.6574 15.6932 22.5464L18.7398 20.6134C18.9884 20.4562 19.3341 20.6411 19.2692 20.9001L19.0316 21.9082L22.6724 21.9081C23.0074 21.9081 23.3207 21.7787 23.5368 21.566Z" fill="black"/> </svg> </div> <div class="sub-product-info"> <p>{{item.evaluateOrder.productName}}</p> <p><u></u> <span><i>-{{dataList.symbol}}{{item.evaluateOrder.tradeInDiscount}}</i></span></p> </div> </li> </ul> </div> </a> </li> <div v-if="outOfStorck > 1" class="view-all-box"> <span :class="['viewAll', {'collapse': showAllFlag}]" @click="viewAll">{{showAllFlag ? dataCart.txtCollapseAll : dataCart.txtViewAll}} ({{ outOfStorck }}) <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.91732 5.3688L0.833984 1.28547L1.4527 0.666748L5.22668 4.44072L9.00065 0.666748L9.61937 1.28547L5.53604 5.3688C5.36518 5.53965 5.08817 5.53965 4.91732 5.3688Z" fill="black" fill-opacity="0.55"/> </svg> </span> </div> </ul> </div> <div class="total-box"> <p><span>Total</span> <span>{{dataList.symbol}}{{dataList.subtotalPrice}}</span></p> <p v-show="dataList.subtotalPrice * 1 > dataList.freeLimit * 1">You are <i>{{dataList.symbol}}{{dataList.freeLimit}}</i> away from free shipping.</p> </div> <div class="cart-btn"> <a :href="dataCart.viewCartLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtViewCart">{{dataCart.txtViewCart}}</a> <a :href="dataCart.checkOutLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtCheckOut">{{dataCart.txtCheckOut}}</a> </div> </div>  <div v-else class="cart-empty"> <p class="cart-num">{{dataCart.txtYourCart}} (0)</p> <a v-show="!userInfo.isLogin" @click="goSignIn" class="no-sign op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtSign">{{dataCart.txtSign}} <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7001 9.36896L6.97506 14.3242L6.20007 13.5098L10.5001 8.99923L6.20007 4.4887L6.97506 3.67423L11.7001 8.62949C11.8982 8.83369 11.8982 9.16476 11.7001 9.36896Z" fill="black" fill-opacity="0.55"/> </svg> </a> <img class="bag-empty lazyload" :data-src="dataCart.emptyImg"/> <div class="empty-text"> <p>{{dataCart.txtEmpty1}}</p> <span>{{dataCart.txtEmpty2}}</span> </div> <a class="go-shopping op-trk-event" :href="dataCart.shoppingLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtShopping">{{dataCart.txtShopping}}</a> </div> </div> </div> </transition> </div> <a v-if="dataCart.cartShow && false" class="cart op-trk-event" @mouseover="mouseOver('cnCart')" @mouseleave="mouseLeave('cnCart')" :href="dataCart.cartLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5" fill="none"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </a> </div> <transition name="box-fade"> <div v-show="searchShow" class="search-list"> <div class="search-list-box"> <div v-if="searchData && searchData.length > 0" class="serach-link"> <ul> <li v-for="item in searchData"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Related Search" :tm-search_term="item"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> {{item}} </a> </li> </ul> </div> <div class="quick-link" v-show="!searchData || searchData.length == 0" data-search-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" data-txt-placeholder="Search OPPO.com" data-txt-history="SEARCH HISTORY" data-lang-code="en-gb" data-search-link="https://www.oppo.com/au/search/?params=" data-search-show="true" data-search-key="oppo"> <p>Quick Links</p> <ul> <li v-for="item in ['OPPO Find X8 Pro','OPPO Find N2 Flip','OPPO Reno8 Pro 5G','OPPO Reno8 5G','OPPO A57s']"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Popular Search" :tm-search_term="item">{{item}}</a> </li> </ul> </div> <div v-if="serachHistory && serachHistory.length > 0" class="search-history"> <p>{{baseData.historyTitle}} <svg @click="removeSearchWords('all')" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.81898 1.85742H6.46238L6.32612 2.18696L5.48597 4.21875H2.0957V5.28542H3.33385V13.0178C3.33385 13.3158 3.45225 13.6016 3.66299 13.8124C3.87373 14.0231 4.15956 14.1415 4.45759 14.1415H11.5425C11.8405 14.1415 12.1263 14.0231 12.3371 13.8124C12.5478 13.6016 12.6662 13.3158 12.6662 13.0178V5.28542H13.9038V4.21875H10.5136L9.67346 2.18696L9.5372 1.85742H9.1806H6.81898ZM5.0449 5.28542L5.04478 5.28571H5.84245H10.1571H10.9548L10.9547 5.28542H11.5995V13.0178C11.5995 13.0329 11.5935 13.0474 11.5828 13.0581C11.5721 13.0688 11.5576 13.0748 11.5425 13.0748H4.45759C4.44245 13.0748 4.42794 13.0688 4.41724 13.0581C4.40653 13.0474 4.40052 13.0329 4.40052 13.0178V5.28542H5.0449ZM9.35935 4.21875L8.824 2.92409H7.17557L6.64023 4.21875H9.35935ZM6.28568 11.2489V7.11601H7.35234V11.2489H6.28568ZM8.647 7.11601V11.2489H9.71367V7.11601H8.647Z" fill="black" fill-opacity="0.55"/> </svg> </p> <ul> <li v-for="item in serachHistory"> <a :href="baseData.searchLink + item + '#' + decodeURI(item)" class="op-trk-event" tm-event_name="search" tm-search_type="History Search" :tm-search_term="decodeURI(item)">{{decodeURI(item)}}</a> <svg @click="removeSearchWords(item)" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.33961 6.99958L3.09668 10.2425L3.75665 10.9025L6.99958 7.65955L10.2425 10.9025L10.9025 10.2425L7.65955 6.99958L10.9025 3.75665L10.2425 3.09668L6.99958 6.33961L3.75665 3.09668L3.09668 3.75665L6.33961 6.99958Z" fill="black" fill-opacity="0.3"/> </svg> </li> </ul> </div> </div> </div> </transition> </div> </div> <div class="header-main-mo"> <div class="header-first"> <transition name="header-fade"> <div v-show="!searchShow" class="first-nav"> <a href="https://www.oppo.com/au/" class="nav-logo op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Oppo logo" tm-button_name="Oppo logo"> <svg class="fill" xmlns="http://www.w3.org/2000/svg" width="76" height="18" viewBox="0 0 68 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.98905 10.2055H7.98851H7.98775C4.59658 10.1696 2.40527 8.55674 2.40527 6.09663C2.40527 3.63652 4.59658 2.02361 7.98775 1.98779C11.3804 2.02361 13.5714 3.63652 13.5714 6.09663C13.5714 8.55674 11.3804 10.1696 7.98905 10.2055ZM8.08814 0.0017314C8.08728 0.00183962 8.01986 0.000649276 7.98588 0C7.95114 0.000432851 7.88362 0.0017314 7.88362 0.0017314C3.2414 0.0773721 0 2.58358 0 6.0966C0 9.60961 3.2414 12.1159 7.88254 12.1915C7.88254 12.1915 7.95114 12.1921 7.98491 12.1919C8.0204 12.1922 8.08836 12.1915 8.08836 12.1915C12.7294 12.1159 15.9707 9.60961 15.9707 6.0966C15.9707 2.58358 12.7294 0.0773721 8.08814 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M59.3178 10.2055H59.3173H59.3164C55.9254 10.1696 53.7341 8.55674 53.7341 6.09663C53.7341 3.63652 55.9254 2.02361 59.3164 1.98779C62.7091 2.02361 64.9002 3.63652 64.9002 6.09663C64.9002 8.55674 62.7091 10.1696 59.3178 10.2055ZM59.4168 0.0017314C59.4159 0.00183962 59.3486 0.000649276 59.3144 0C59.2798 0.000432851 59.2122 0.0017314 59.2122 0.0017314C54.57 0.0773721 51.3286 2.58358 51.3286 6.0966C51.3286 9.60961 54.57 12.1159 59.2113 12.1915C59.2113 12.1915 59.2798 12.1921 59.3135 12.1919C59.3491 12.1922 59.417 12.1915 59.417 12.1915C64.058 12.1159 67.2993 9.60961 67.2993 6.0966C67.2993 2.58358 64.058 0.0773721 59.4168 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M42.2396 10.2055H42.2391H42.2383C38.8472 10.1696 36.6559 8.55674 36.6559 6.09663C36.6559 3.63652 38.8472 2.02361 42.2383 1.98779C45.6309 2.02361 47.8221 3.63652 47.8221 6.09663C47.8221 8.55674 45.6309 10.1696 42.2396 10.2055ZM42.3386 0.0017314C42.3378 0.00183962 42.2705 0.000649276 42.2363 0C42.2016 0.000432851 42.1341 0.0017314 42.1341 0.0017314C39.9226 0.0377662 38.0295 0.625794 36.6528 1.61107V0.572012H34.2505V16H36.6528V10.5823C38.0293 11.5675 39.922 12.1555 42.133 12.1915C42.1332 12.1916 42.2016 12.1921 42.2353 12.1919C42.271 12.1922 42.3387 12.1915 42.3387 12.1915C46.9798 12.1159 50.2212 9.60961 50.2212 6.09659C50.2212 2.58358 46.9798 0.0773721 42.3386 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.112 10.2055H25.1115H25.1108C21.7196 10.1696 19.5283 8.55674 19.5283 6.09663C19.5283 3.63652 21.7196 2.02361 25.1108 1.98779C28.5034 2.02361 30.6945 3.63652 30.6945 6.09663C30.6945 8.55674 28.5034 10.1696 25.112 10.2055ZM25.2151 0.0017314C25.2141 0.00183962 25.1468 0.000649276 25.1127 0C25.078 0.000432851 25.0105 0.0017314 25.0105 0.0017314C22.7989 0.0377662 20.9058 0.625794 19.5292 1.61107V0.572012H17.127V16H19.5292V10.5823C20.9057 11.5675 22.7985 12.1555 25.0094 12.1915C25.0094 12.1915 25.078 12.1921 25.1118 12.1919C25.1474 12.1922 25.2152 12.1915 25.2152 12.1915C29.8562 12.1159 33.0975 9.60961 33.0975 6.09659C33.0975 2.58358 29.8562 0.0773721 25.2151 0.0017314Z"></path> </svg> </a> <ul class="header-box-right"> <li v-if="dataCart.cartShow && true" @click="cartChange" class="shop-cart op-trk-event visibility" :class="{'has-product': isHasProduct && menuflag < 1}" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <transition name="menu-show"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </transition> </li> <li v-if="dataCart.cartShow && false" class="shop-cart"> <a :href="dataCart.cartLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </a> </li> <li v-if="baseData.searchShow" @click="searchChange" class="search-nav op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"> <transition name="menu-show"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M16.6918 10.8959C16.6918 14.0969 14.0969 16.6918 10.8959 16.6918C7.69492 16.6918 5.1 14.0969 5.1 10.8959C5.1 7.69492 7.69492 5.1 10.8959 5.1C14.0969 5.1 16.6918 7.69492 16.6918 10.8959ZM15.5294 16.6608C14.2616 17.6812 12.6501 18.2918 10.8959 18.2918C6.81127 18.2918 3.5 14.9806 3.5 10.8959C3.5 6.81127 6.81127 3.5 10.8959 3.5C14.9806 3.5 18.2918 6.81127 18.2918 10.8959C18.2918 12.6501 17.6812 14.2616 16.6608 15.5294L20.5011 19.3697L19.3697 20.5011L15.5294 16.6608Z"/> </svg> </transition> </li> <li class="nav-menu" @click="menuShow"> <em class="fill" :class="{rotate: menuflag == 1 || menuflag == 2}"></em> </li> </ul> </div> </transition> </div> <transition name="menu-fade"> <div v-show="menuflag == 1" class="header-menu visibility"> <div class="header-menu-box" ref="headerMenuBox" @scroll="boxScroll"> <ul class="second-nav"> <li> <p @click="changeThirdNav(0)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Smartphones" tm-nav_name="Smartphones">Smartphones <i :class="{'show': thirdNavIndex == 0}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==0" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> </div> <p>OPPO Find X8 Pro</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> </div> <p>OPPO Reno12 Pro 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> </div> <p>OPPO Find N2 Flip</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> </div> <p>OPPO A80 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> </div> <p>OPPO A60 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> </div> <p>OPPO A60</p> <p class="new">New</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/smartphones/?tab1" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find N Series "> <span class="third-link-title"> Find N Series </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/?tab2" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find X Series"> <span class="third-link-title"> Find X Series</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/?tab3" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Reno Series"> <span class="third-link-title"> Reno Series</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/?tab4" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="A Series"> <span class="third-link-title"> A Series</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> OPPO Find X8 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> OPPO Reno12 Pro 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> OPPO Find N2 Flip</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> OPPO A80 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> OPPO A60 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> OPPO A60</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="compare op-trk-event" href="https://www.oppo.com/au/compare/" target="_blank" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Compare">Compare</a> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/smartphones/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="View All Phones">View All Phones</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(1)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Tablets" tm-nav_name="Tablets">Tablets <i :class="{'show': thirdNavIndex == 1}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==1" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> </div> <p>OPPO Pad Neo</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> </div> <p>OPPO Pad 2</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> OPPO Pad Neo</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> OPPO Pad 2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/tablets/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Tablets" tm-nav_name="View Tablets">View Tablets</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(2)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Audio" tm-nav_name="Audio">Audio <i :class="{'show': thirdNavIndex == 2}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==2" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Buds2 Pro</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Air2 Pro</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> </div> <p>OPPO Enco Air2</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> </div> <p>OPPO Enco X2</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> OPPO Enco Buds2 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> OPPO Enco Air2 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> OPPO Enco Air2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> OPPO Enco X2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/audio/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Audio" tm-nav_name="View Audio">View Audio</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(3)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Wearables" tm-nav_name="Wearables">Wearables <i :class="{'show': thirdNavIndex == 3}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==3" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch-x" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> </div> <p>OPPO Watch X</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch-free/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> </div> <p>OPPO Watch Free</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> </div> <p>OPPO Band</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> </div> <p>OPPO Watch</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/watch-x" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> OPPO Watch X</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch-free/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> OPPO Watch Free</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> OPPO Band</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> OPPO Watch</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/wearables/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Wearables" tm-nav_name="View Wearables">View Wearables</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(4)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="About OPPO" tm-nav_name="About OPPO">About OPPO <i :class="{'show': thirdNavIndex == 4}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==4" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && false" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/about/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <p>Our Story</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <p>OPPO AI</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/newsroom/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <p>News</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/about/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <span class="third-link-title"> Our Story</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <span class="third-link-title"> OPPO AI</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="News"> <span class="third-link-title"> News</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/about/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <span class="third-link-title"> Our Story</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <span class="third-link-title"> OPPO AI</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <span class="third-link-title"> News</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> </section> </transition> </li> </ul> <div class="other-box"> <ul class="nav-link support-nav"> <li> <a href="https://www.oppo.com/au/coloros15/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="ColorOS" tm-nav_name="ColorOS"> <span class="third-link-title">ColorOS</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://support.oppo.com/au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Support" tm-nav_name="Support"> <span class="third-link-title">Support</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://shop.oppoaustralia.com.au/" target="_blank" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Shop Now" tm-nav_name="Shop Now"> <span class="third-link-title">Shop Now</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://oppopromotions.com.au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Promotions" tm-nav_name="Promotions"> <span class="third-link-title">Promotions</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div v-if="userData.userShow" class="userinfo-nav" :class="{isLogin: userInfo.isLogin}"> <div class="userinfo-box"> <div class="user-img"><img class="lazyload" :data-src="userInfo.avatar" alt=""/></div> <div class="userinfo"> <p class="user-name">{{userInfo.name}}</p> <p class="sign"> <a class="sign-up op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSignUp"> <span>{{userData.txtSignUp}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> <a class="sign-in op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSigniIn"> <span> {{userData.txtSigniIn}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> <a class="log-out op-trk-event" @click="goLogOut" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtLogOut"> <span>{{userData.txtLogOut}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </p> </div> </div> <ul class="userinfo-link"> <li v-if="userData.orderLink"> <a class="op-trk-event" :href="userData.orderLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textOrder"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="path-1-inside-1_17069_23314" fill="white"> <rect x="5" y="3" width="14" height="18" rx="1"/> </mask> <rect x="5" y="3" width="14" height="18" rx="1" stroke="black" stroke-width="3" mask="url(#path-1-inside-1_17069_23314)"/> <rect x="8" y="7" width="8" height="1.5" fill="black"/> <rect x="8" y="10" width="8" height="1.5" fill="black"/> <rect x="8" y="13" width="6" height="1.5" fill="black"/> </svg> <i>{{userData.textOrder}}</i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li v-if="userData.memberLink"> <a class="op-trk-event" :href="userData.memberLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtMember"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 7.625L12.7062 7.27645L12 5.84576L11.2938 7.27645L12 7.625ZM13.1777 10.0111L12.4716 10.3597L12.4719 10.3604L13.1777 10.0111ZM13.5068 10.25L13.3932 11.0293L13.3934 11.0293L13.5068 10.25ZM16.1405 10.6332L16.69 11.1973L17.833 10.0837L16.2539 9.85396L16.1405 10.6332ZM14.2347 12.49L13.6852 11.9259L13.6848 11.9264L14.2347 12.49ZM14.1087 12.875L13.3319 13.0044L13.3326 13.008L14.1087 12.875ZM14.5585 15.5L14.192 16.197L15.6041 16.9395L15.3347 15.367L14.5585 15.5ZM12.2039 14.2619L11.8369 14.9586L11.8374 14.9589L12.2039 14.2619ZM11.7961 14.2619L12.1626 14.9589L12.1631 14.9586L11.7961 14.2619ZM9.4415 15.5L8.66531 15.367L8.39588 16.9395L9.80801 16.197L9.4415 15.5ZM9.89125 12.875L9.11514 12.7416L9.11506 12.742L9.89125 12.875ZM9.76525 12.4874L10.3146 11.9231L10.3144 11.9229L9.76525 12.4874ZM7.8595 10.6332L7.7461 9.85396L6.1656 10.0839L7.31035 11.1977L7.8595 10.6332ZM10.4932 10.25L10.6066 11.0293L10.6069 11.0293L10.4932 10.25ZM10.8223 10.0111L11.5281 10.3604L11.5284 10.3597L10.8223 10.0111ZM11.2938 7.97355L12.4716 10.3597L13.8839 9.66257L12.7062 7.27645L11.2938 7.97355ZM12.4719 10.3604C12.5599 10.5381 12.6897 10.6918 12.8501 10.8083L13.7755 9.53386C13.8213 9.56714 13.8584 9.61106 13.8835 9.66184L12.4719 10.3604ZM12.8501 10.8083C13.0106 10.9248 13.1969 11.0007 13.3932 11.0293L13.6203 9.47074C13.6764 9.47891 13.7297 9.50057 13.7755 9.53386L12.8501 10.8083ZM13.3934 11.0293L16.0271 11.4125L16.2539 9.85396L13.6201 9.47071L13.3934 11.0293ZM15.591 10.0692L13.6852 11.926L14.7843 13.0541L16.69 11.1973L15.591 10.0692ZM13.6848 11.9264C13.5434 12.0643 13.4375 12.2344 13.3761 12.4221L14.8729 12.912C14.8554 12.9656 14.8251 13.0142 14.7847 13.0536L13.6848 11.9264ZM13.3761 12.4221C13.3146 12.6098 13.2995 12.8096 13.332 13.0044L14.8855 12.7456C14.8948 12.8013 14.8905 12.8584 14.8729 12.912L13.3761 12.4221ZM13.3326 13.008L13.7823 15.633L15.3347 15.367L14.8849 12.742L13.3326 13.008ZM14.925 14.803L12.5704 13.5649L11.8374 14.9589L14.192 16.197L14.925 14.803ZM12.5708 13.5651C12.3948 13.4724 12.1989 13.424 12 13.424V14.999C11.9432 14.999 11.8872 14.9851 11.8369 14.9586L12.5708 13.5651ZM12 13.424C11.8011 13.424 11.6052 13.4724 11.4292 13.5651L12.1631 14.9586C12.1128 14.9851 12.0568 14.999 12 14.999V13.424ZM11.4296 13.5649L9.07499 14.803L9.80801 16.197L12.1626 14.9589L11.4296 13.5649ZM10.2177 15.633L10.6674 13.008L9.11506 12.742L8.66531 15.367L10.2177 15.633ZM10.6674 13.0084C10.7011 12.8125 10.6865 12.6113 10.6251 12.4222L9.12722 12.9091C9.10966 12.855 9.10551 12.7975 9.11514 12.7416L10.6674 13.0084ZM10.6251 12.4222C10.5636 12.2331 10.457 12.0618 10.3146 11.9231L9.21594 13.0517C9.17523 13.012 9.14478 12.9631 9.12722 12.9091L10.6251 12.4222ZM10.3144 11.9229L8.40865 10.0688L7.31035 11.1977L9.2161 13.0518L10.3144 11.9229ZM7.9729 11.4125L10.6066 11.0293L10.3799 9.47071L7.7461 9.85396L7.9729 11.4125ZM10.6069 11.0293C10.8031 11.0007 10.9894 10.9248 11.1499 10.8083L10.2245 9.53386C10.2703 9.50057 10.3236 9.47891 10.3796 9.47074L10.6069 11.0293ZM11.1499 10.8083C11.3103 10.6918 11.4401 10.5381 11.5281 10.3604L10.1164 9.66184C10.1416 9.61106 10.1787 9.56714 10.2245 9.53386L11.1499 10.8083ZM11.5284 10.3597L12.7062 7.97355L11.2938 7.27645L10.1161 9.66257L11.5284 10.3597ZM19.9625 12C19.9625 16.3976 16.3976 19.9625 12 19.9625V21.5375C17.2674 21.5375 21.5375 17.2674 21.5375 12H19.9625ZM12 19.9625C7.60243 19.9625 4.0375 16.3976 4.0375 12H2.4625C2.4625 17.2674 6.73258 21.5375 12 21.5375V19.9625ZM4.0375 12C4.0375 7.60243 7.60243 4.0375 12 4.0375V2.4625C6.73258 2.4625 2.4625 6.73258 2.4625 12H4.0375ZM12 4.0375C16.3976 4.0375 19.9625 7.60243 19.9625 12H21.5375C21.5375 6.73258 17.2674 2.4625 12 2.4625V4.0375Z" fill="black" fill-opacity="0.75"/> </svg> <i>{{userData.txtMember}} <u v-if="memberData.levelName" class="member font-medium ft-body-3" :class="'level-' + memberData.level"> {{ memberData.levelName }} </u> </i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li class="account" v-if="userData.userLink"> <a class="op-trk-event" :href="userData.userLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtUser"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke="black" stroke-width="1.5"/> <path d="M14.75 10.5355C14.75 12.0542 13.5188 13.2855 12 13.2855C10.4812 13.2855 9.25 12.0542 9.25 10.5355C9.25 9.01668 10.4812 7.78546 12 7.78546C13.5188 7.78546 14.75 9.01668 14.75 10.5355Z" stroke="black" stroke-width="1.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z" fill="black"/> </svg> <i>{{userData.txtUser}}</i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> </div> <div v-if="userData.textDownLoad" :class="['download-box', {'download-box-show': downloadBoxShow}]"> <a :href="userData.downloadLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textDownLoad">{{userData.textDownLoad}}</a> </div> </div> </div> </div> </transition> <transition name="menu-fade"> <div v-show="menuflag == 2" class="mini-cart-mo visibility" :class="{empty: isHasProduct}"> <div class="mini-cart-box"> <div v-if="isHasProduct" class="cart-list"> <div class="product-box"> <p class="cart-num">{{dataCart.txtYourCart}} (<i>{{dataList.cartItems.length}}</i>)</p> <ul class="product-list"> <li v-for="item in dataList.cartItems" v-show="!item.stockIndex || showAllFlag"> <p v-if="item.stockIndex === 0" class="err-tip"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.0001 2.02485C3.80477 2.02485 2.0251 3.80452 2.0251 5.99985C2.0251 8.19519 3.80477 9.97485 6.0001 9.97485C8.19543 9.97485 9.9751 8.19519 9.9751 5.99985C9.9751 3.80452 8.19543 2.02485 6.0001 2.02485ZM1.2251 5.99985C1.2251 3.36269 3.36294 1.22485 6.0001 1.22485C8.63726 1.22485 10.7751 3.36269 10.7751 5.99985C10.7751 8.63701 8.63726 10.7749 6.0001 10.7749C3.36294 10.7749 1.2251 8.63701 1.2251 5.99985ZM5.6001 6.48118V3.85618H6.4001V6.48118H5.6001ZM6.54697 7.57493C6.54697 7.87696 6.30213 8.1218 6.0001 8.1218C5.69807 8.1218 5.45322 7.87696 5.45322 7.57493C5.45322 7.2729 5.69807 7.02805 6.0001 7.02805C6.30213 7.02805 6.54697 7.2729 6.54697 7.57493Z" fill="black"/> </svg> {{dataCart.txtStock}} </p> <a :href="item.targetLink"> <div class="product-list-box"> <div class="product-img"> <img class="lazyload" :data-src="item.imageUrl" alt=""/> </div> <div class="product-info"> <p class="name">{{item.attachment.productDisplayName || item.displayName}}</p> <p class="type">{{productType(item.attachment.skuSelectOptions)}}</p> <p v-if="filterStock(item.salesStatus, item.stockStatus)" id="stock">{{filterStock(item.salesStatus, item.stockStatus)}}</p> <p class="price"><i>x{{item.qty}}</i> <span><i v-show="item.originPrice != item.nowPrice">{{dataList.symbol}}{{item.originPrice}} </i><i>{{dataList.symbol}}{{item.nowPrice}}</i></span></p> </div> </div> <ul v-if="item.childItems && item.childItems.length > 0"> <li v-for="list in item.childItems"> <div class="img"><img class="lazyload" :data-src="list.imageUrl" alt=""/></div> <div class="sub-product-info"> <p>{{list.displayName}}</p> <p v-if="filterStock(list.salesStatus, list.stockStatus)" id="stock">{{filterStock(list.salesStatus, list.stockStatus)}}</p> <p><u>x{{list.qty}}</u> <span><i v-show="list.originPrice != list.nowPrice">{{dataList.symbol}}{{list.originPrice}}</i><i>-{{dataList.symbol}}{{list.nowPrice}}</i></span></p> </div> </li> </ul> <ul class="trade-in" v-if="item.evaluateOrder"> <li> <div class="img"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 13.75C11.25 12.3693 12.3693 11.25 13.75 11.25H26.25C27.6307 11.25 28.75 12.3693 28.75 13.75V26.25C28.75 27.6307 27.6307 28.75 26.25 28.75H11.25V13.75ZM15.9119 18.9796L16.4629 18.4339C16.679 18.2212 16.9923 18.0917 17.3273 18.0917L20.9682 18.0917L20.7305 19.0998C20.6657 19.3587 21.0114 19.5437 21.2599 19.3865L24.3066 17.4534C24.4902 17.3425 24.4902 17.1112 24.3066 16.991L21.2599 15.058C21.0114 14.9007 20.6656 15.0857 20.7305 15.3447L20.9682 16.3529H17.2624C16.3225 16.3529 15.5554 17.0096 15.5554 17.8142V18.8593C15.5554 19.0258 15.7931 19.0998 15.9119 18.9796ZM23.5368 21.566L24.0877 21.0203L24.0878 21.0203C24.2066 20.9001 24.4443 20.9741 24.4443 21.1406V22.1857C24.4443 22.9903 23.6772 23.647 22.7373 23.647H19.0316L19.2584 24.6552C19.3233 24.9142 18.9775 25.0991 18.729 24.9419L15.6932 23.0089C15.5095 22.8886 15.5095 22.6574 15.6932 22.5464L18.7398 20.6134C18.9884 20.4562 19.3341 20.6411 19.2692 20.9001L19.0316 21.9082L22.6724 21.9081C23.0074 21.9081 23.3207 21.7787 23.5368 21.566Z" fill="black"/> </svg> </div> <div class="sub-product-info"> <p>{{item.evaluateOrder.productName}}</p> <p><u></u> <span><i>-{{dataList.symbol}}{{item.evaluateOrder.tradeInDiscount}}</i></span></p> </div> </li> </ul> </a> </li> <div v-if="outOfStorck > 1" class="view-all-box"> <span :class="['viewAll', {'collapse': showAllFlag}]" @click="viewAll">{{showAllFlag ? dataCart.txtCollapseAll : dataCart.txtViewAll}} ({{ outOfStorck }}) <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.91732 5.3688L0.833984 1.28547L1.4527 0.666748L5.22668 4.44072L9.00065 0.666748L9.61937 1.28547L5.53604 5.3688C5.36518 5.53965 5.08817 5.53965 4.91732 5.3688Z" fill="black" fill-opacity="0.55"/> </svg> </span> </div> </ul> </div> <div class="total-box"> <p><span>Total</span> <span>{{dataList.symbol}}{{dataList.subtotalPrice}}</span></p> <p v-show="dataList.subtotalPrice * 1 > dataList.freeLimit * 1">You are <i>{{dataList.symbol}}{{dataList.freeLimit}}</i> away from free shipping.</p> </div> <div class="cart-btn"> <a class="op-trk-event" :href="dataCart.viewCartLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtViewCart">{{dataCart.txtViewCart}}</a> <a class="op-trk-event" :href="dataCart.checkOutLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtCheckOut">{{dataCart.txtCheckOut}}</a> </div> </div> <div v-else class="cart-empty"> <a v-show="!userInfo.isLogin" @click="goSignIn" class="no-sign op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtSign">{{dataCart.txtSign}} <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7001 9.36896L6.97506 14.3242L6.20007 13.5098L10.5001 8.99923L6.20007 4.4887L6.97506 3.67423L11.7001 8.62949C11.8982 8.83369 11.8982 9.16476 11.7001 9.36896Z" fill="black" fill-opacity="0.55"/> </svg> </a> <img class="bag-empty lazyload" :data-src="dataCart.emptyImg"/> <div class="empty-text"> <p>{{dataCart.txtEmpty1}}</p> <span>{{dataCart.txtEmpty2}}</span> </div> <a class="go-shopping op-trk-event" :href="dataCart.shoppingLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtShopping">{{dataCart.txtShopping}}</a> </div> </div> </div> </transition> <div class="search-hide header-menu" :class="[{'search-show': menuflag == 3}]"> <div class="search"> <div class="search-box op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> <input type="text" id="searchInput" @keyup.enter="inputKeyup" v-model="inputValue" :placeholder="baseData.placeholder"/> <svg v-show="inputValue.length > 0" @click="clearSearch" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.27195 10.1562L5.00009 14.4281L5.88398 15.312L10.1558 11.0401L14.4281 15.3124L15.312 14.4285L11.0397 10.1562L15.3121 5.88388L14.4282 5L10.1558 9.27235L5.88388 5.0004L5 5.88428L9.27195 10.1562Z" fill="black" fill-opacity="0.55"/> </svg> </div> <span @click="menuShow" class="search-cancel">Cancel</span> </div> <div class="search-list"> <div class="search-list-box"> <div v-if="searchData && searchData.length > 0" class="serach-link"> <ul> <li v-for="item in searchData"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Related Search" :tm-search_term="item"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> {{item}} </a> </li> </ul> </div> <div class="quick-link" v-show="!searchData || searchData.length == 0" data-search-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" data-txt-placeholder="Search OPPO.com" data-txt-history="SEARCH HISTORY" data-lang-code="en-gb" data-search-link="https://www.oppo.com/au/search/?params=" data-search-show="true" data-search-key="oppo"> <p>Quick Links</p> <ul> <li v-for="item in ['OPPO Find X8 Pro','OPPO Find N2 Flip','OPPO Reno8 Pro 5G','OPPO Reno8 5G','OPPO A57s']"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Popular Search" :tm-search_term="item">{{item}}</a> </li> </ul> </div> <div v-if="serachHistory && serachHistory.length > 0" class="search-history"> <p>{{baseData.historyTitle}} <svg @click="removeSearchWords('all')" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.81898 1.85742H6.46238L6.32612 2.18696L5.48597 4.21875H2.0957V5.28542H3.33385V13.0178C3.33385 13.3158 3.45225 13.6016 3.66299 13.8124C3.87373 14.0231 4.15956 14.1415 4.45759 14.1415H11.5425C11.8405 14.1415 12.1263 14.0231 12.3371 13.8124C12.5478 13.6016 12.6662 13.3158 12.6662 13.0178V5.28542H13.9038V4.21875H10.5136L9.67346 2.18696L9.5372 1.85742H9.1806H6.81898ZM5.0449 5.28542L5.04478 5.28571H5.84245H10.1571H10.9548L10.9547 5.28542H11.5995V13.0178C11.5995 13.0329 11.5935 13.0474 11.5828 13.0581C11.5721 13.0688 11.5576 13.0748 11.5425 13.0748H4.45759C4.44245 13.0748 4.42794 13.0688 4.41724 13.0581C4.40653 13.0474 4.40052 13.0329 4.40052 13.0178V5.28542H5.0449ZM9.35935 4.21875L8.824 2.92409H7.17557L6.64023 4.21875H9.35935ZM6.28568 11.2489V7.11601H7.35234V11.2489H6.28568ZM8.647 7.11601V11.2489H9.71367V7.11601H8.647Z" fill="black" fill-opacity="0.55"/> </svg> </p> <ul> <li v-for="item in serachHistory"> <a :href="baseData.searchLink + item + '#' + decodeURI(item)" class="op-trk-event" tm-event_name="search" tm-search_type="History Search" :tm-search_term="decodeURI(item)">{{decodeURI(item)}}</a> <svg @click="removeSearchWords(item)" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.33961 6.99958L3.09668 10.2425L3.75665 10.9025L6.99958 7.65955L10.2425 10.9025L10.9025 10.2425L7.65955 6.99958L10.9025 3.75665L10.2425 3.09668L6.99958 6.33961L3.75665 3.09668L3.09668 3.75665L6.33961 6.99958Z" fill="black" fill-opacity="0.3"/> </svg> </li> </ul> </div> </div> </div> </div> </div> <transition name="mask-fade"> <div v-show="maskShow" @click="closeMask" class="header-v2-mask visibility"> </div> </transition> </header> <section id="oc-container"> <div :class="['oppo-navbar', 'oppo-navbar-v2', isfixed? 'navbar-fixed' : '', isStart?'':'is-start', headerNoFixed? 'header-nofixed' : '', channelPopupState? '' : 'up-index']" ref="navbar" vue-site="oppo_navbar_V2" data-theme="light" data-buymode="link" style="display:none;" :key="isReFresh"> <nav id="navbar"> <div class="navbar-container navbar-pc" v-if="!isMobile"> <div class="navbar-left"> <div class="navbar-product_tab"> <ul class="product_tab-wrap"> <li class="active"> <a class="product_tab-btn op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Series" tm-nav_name="OPPO Watch X">OPPO Watch X</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/accessories/watch-x/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="https://www.oppostore.com.au/products/watch-x" target="_blank" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="OPPO Watch X" tm-button_name="Buy Now">Buy Now</a> <a class="navbar-buy-btn op-trk-event green" v-else-if="generalData.buyBtnMode == 'dropDown'" href="javascript:void(0)" @click="showByPop" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="OPPO Watch X" tm-button_name="Buy Now">Buy Now</a> <a class="navbar-buy-btn op-trk-event green" v-else href="javascript:void(0)" @click="showBuyPopup" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="OPPO Watch X" tm-button_name="Buy Now">Buy Now</a> </div> <div class="navbar-buy-pop" v-show="buyPopState"> <ul class="buy-pop-wrap" v-if="generalData.buyBtnMode == 'dropDown'"> </ul> </div> </div> </div> </div> <div class="navbar-container navbar-mob" v-else> <div :class="['navbar-mask', prdPopAniHide || anchorAniHide?'navbar-mask-show':'']"></div> <div class="navbar-top"> <div :class="['navbar-product_tab', anchorAniHide ?'navbar-product_tab-none':'', mobShowPrdPopState? 'navbar-product_tab-select':'', 'op-trk-event']" ref="prdPopTrigger" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" :tm-nav_group="mobShowPrdPopState ? 'collapse' : 'expand'" tm-nav_name="OPPO Watch X"> <div class="product_tab-btn"> <a href="javascript:void(0);" @click="mobPrdToggleShowPop"> <span>OPPO Watch X</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="https://www.oppostore.com.au/products/watch-x" target="_blank" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="OPPO Watch X" tm-button_name="Buy Now">Buy Now</a> <a class="navbar-buy-btn op-trk-event green" v-else-if="generalData.buyBtnMode == 'dropDown'" href="javascript:void(0)" @click="showByPop" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="OPPO Watch X" tm-button_name="Buy Now">Buy Now</a> <a class="navbar-buy-btn op-trk-event green" v-else href="javascript:void(0)" @click="showBuyPopup" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="OPPO Watch X" tm-button_name="Buy Now">Buy Now</a> </div> <div class="navbar-buy-pop" v-show="buyPopState"> <ul class="buy-pop-wrap" v-if="generalData.buyBtnMode == 'dropDown'"> </ul> </div> </div> <div :class="['product_tab-pop', mobShowPrdPopState?'product_tab-pop-show':'']" ref="prdTabPop"> <ul class="product_tab-pop-wrap"> <li class="currPage"> <a target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" :tm-nav_group="mobShowPrdPopState? 'Series' : 'collapse'" tm-nav_name="OPPO Watch X">OPPO Watch X </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/accessories/watch-x/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"></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"> </div> </div> </div> </div> <script type="application/json" class="navbar-anchor-data"> { "list": [] } </script> <div> </div> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="customhtmlcomponent aem-GridColumn aem-GridColumn--default--12"> <div class="custom-html-component">  <link rel="stylesheet" type="text/css" href="/content/dam/oppo/product-asset-library/accessory/watch-x/en/main-v7.css"/>  <style> </style> <div class="zn--wrapper bg-black"> <div class="w-screen bg-[#f9f9f9]" id="section-kv" ani-kv="" style="background: #f9f9f9;"> <div class="zn--hidden" ani-remove-hidden="" style="height: 4000px; width: 100vw;"></div> <div class="sticky-wrapper relative w-full h-[calc(var(--content-height)-52px+100vh)] pointer-events-none mo:h-[calc(680rpx+100vh)] pad:h-[calc(440rpx+100vh)]"> <div class="content-wrapper sticky w-100vw h-[calc(var(--content-height)-52px)] flex items-center overflow-visible top-[calc(var(--nav-height)+50px)] mo:justify-center mo:items-start mo:h-[680rpx] mo:top-[calc(100vh-680rpx)] pad:h-[440rpx] pad:overflow-visible" l-s=""><img class="absolute top-0 bg w-1434rpx h-956rpx top-[calc(var(--half-content-height)-26px-478rpx+10rpx)] left-[calc(50vw-717rpx)] mo:w-full mo:h-720rpx mo:top-0 mo:left-0 mo:object-contain mo:duration-75 pad:w-696rpx pad:h-440rpx pad:top-0 pad:left-auto pad:right-26rpx" alt="OPPO Watch X KV" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-kv-kv-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-kv-kv-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-kv-bg-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-kv-kv-1.png.avif"> <div class="title-wrapper relative left-[calc(25vw-181rpx)] text-center font-m mo:left-0 mo:top-44rpx mo:w-328px pad:left-24px pad:w-260px pad:text-left"> <div class="title text-52 mot:text-24 mot:leading-32px">OPPO Watch X</div> <div class="slogan text-27 mt-9rpx mot:text-42 mot:mt-12rpx">Elevate Every Moment</div><img class="logo w-210px h-22px mt-16rpx mot:w-129px mot:h-14px mot:mt-12rpx pc:mx-auto mo:mx-auto" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-kv-logo-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-kv-logo-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-kv-logo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-kv-logo-1.png.avif"> </div> </div> </div> </div> <div class="relative h-[calc(var(--content-height)+1000rpx)] bg-white -mt-100vh mo:h-auto pad:h-auto" id="section-ksp" ani-ksp="" data-gtm-view="Part2: Highlights"> <div class="sticky pc-only direction-ltr h-[var(--content-height)] top-[var(--nav-height)] px-[calc(50vw-656rpx)] flex items-center overflow-hidden"> <div class="scroll-wrapper relative flex gap-8rpx .1024-small"><a class="ksp-card relative w-322rpx h-480rpx overflow-hidden" href="#anchor-cms" l-s="" data-gtm-click="" data-gtm-label="Style and Strength"> <div class="scale-wrapper1 full absolute top-0"> <div class="scale-wrapper2 full relative"><img class="absolute bg w-400rpx h-full top-0 object-cover" alt="OPPO Watch X Style and Strength" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-0-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-0-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-0-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-0-1.jpg.avif"></div> </div> <div class="btn-wrapper absolute w-full bottom-0rpx p-20rpx flex justify-between items-end bg-gradient-to-b from-[transparent] to-[black] to-opacity-50"> <div class="text-wrapper font-m text-white w-247rpx"> <div class="title text-18">Style and Strength</div> <div class="desc text-14 mt-6px">Sapphire crystal glass｜ Military grade durability</div> </div><img class="arrow w-25px h-25px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg"> </div></a><a class="ksp-card relative w-322rpx h-480rpx overflow-hidden" href="#anchor-full" l-s="" data-gtm-click="" data-gtm-label="Dual-Engine Architecture"> <div class="scale-wrapper1 full absolute top-0"> <div class="scale-wrapper2 full relative"><img class="absolute bg w-400rpx h-full top-0 object-cover" alt="OPPO Watch X Revolutionary Dual-Engine Architecture" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-1-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-1-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-1-1.jpg.avif"></div> </div> <div class="btn-wrapper absolute w-full bottom-0rpx p-20rpx flex justify-between items-end bg-gradient-to-b from-[transparent] to-[black] to-opacity-50"> <div class="text-wrapper font-m text-white w-247rpx"> <div class="title text-18">Dual-Engine Architecture</div> <div class="desc text-14 mt-6px">Snapdragon® W5 Gen 1｜Up to 12-day battery Life</div> </div><img class="arrow w-25px h-25px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg"> </div></a><a class="ksp-card relative w-322rpx h-480rpx overflow-hidden" href="#anchor-need" l-s="" data-gtm-click="" data-gtm-label="Wear OS by Google"> <div class="scale-wrapper1 full absolute top-0"> <div class="scale-wrapper2 full relative"><img class="absolute bg w-400rpx h-full top-0 object-cover" alt="OPPO Watch X Wear OS by Google" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-2-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-2-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-2-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-2-1.jpg.avif"></div> </div> <div class="btn-wrapper absolute w-full bottom-0rpx p-20rpx flex justify-between items-end bg-gradient-to-b from-[transparent] to-[black] to-opacity-50"> <div class="text-wrapper font-m text-white w-247rpx"> <div class="title text-18">Wear OS by Google</div> <div class="desc text-14 mt-6px">Supports Google apps｜Syncs with Google Accounts</div> </div><img class="arrow w-25px h-25px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg"> </div></a><a class="ksp-card relative w-322rpx h-480rpx overflow-hidden" href="#anchor-p3-part6" l-s="" data-gtm-click="" data-gtm-label="Up Your Badminton Game"> <div class="scale-wrapper1 full absolute top-0"> <div class="scale-wrapper2 full relative"><img class="absolute bg w-400rpx h-full top-0 object-cover" alt="OPPO Watch X Up Your Badminton Game" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-3-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-3-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-3-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-3-1.jpg.avif"></div> </div> <div class="btn-wrapper absolute w-full bottom-0rpx p-20rpx flex justify-between items-end bg-gradient-to-b from-[transparent] to-[black] to-opacity-50"> <div class="text-wrapper font-m text-white w-247rpx"> <div class="title text-18">Up Your Badminton Game</div> <div class="desc text-14 mt-6px">3 types of real-time data｜Visualized workout summary</div> </div><img class="arrow w-25px h-25px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg"> </div></a><a class="ksp-card relative w-322rpx h-480rpx overflow-hidden" href="#anchor-p3-part3" l-s="" data-gtm-click="" data-gtm-label="Run with a Wearable Trainer"> <div class="scale-wrapper1 full absolute top-0"> <div class="scale-wrapper2 full relative"><img class="absolute bg w-400rpx h-full top-0 object-cover" alt="OPPO Watch X Run with a Wearable Trainer" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-4-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-4-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-4-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-4-1.jpg.avif"></div> </div> <div class="btn-wrapper absolute w-full bottom-0rpx p-20rpx flex justify-between items-end bg-gradient-to-b from-[transparent] to-[black] to-opacity-50"> <div class="text-wrapper font-m text-white w-247rpx"> <div class="title text-18">Run with a Wearable Trainer</div> <div class="desc text-14 mt-6px">Precision dual-frequency GPS｜Running posture analysis</div> </div><img class="arrow w-25px h-25px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg"> </div></a><a class="ksp-card relative w-322rpx h-480rpx overflow-hidden" href="#anchor-health" l-s="" data-gtm-click="" data-gtm-label="Personal Health Consultant"> <div class="scale-wrapper1 full absolute top-0"> <div class="scale-wrapper2 full relative"><img class="absolute bg w-400rpx h-full top-0 object-cover" alt="OPPO Watch X Personal Health Consultant" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-5-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-5-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-5-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-5-1.jpg.avif"></div> </div> <div class="btn-wrapper absolute w-full bottom-0rpx p-20rpx flex justify-between items-end bg-gradient-to-b from-[transparent] to-[black] to-opacity-50"> <div class="text-wrapper font-m text-white w-247rpx"> <div class="title text-18">Personal Health Consultant</div> <div class="desc text-14 mt-6px">8-channel heart rate sensor｜Sleep tracking</div> </div><img class="arrow w-25px h-25px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg"> </div></a> </div> </div> <div class="pc-hidden content-wrapper flex flex-wrap mx-auto py-80rpx w-720rpx gap-y-8rpx justify-between mo:w-328rpx mo:py-64rpx"><a class="ksp-card relative w-356rpx h-232rpx overflow-hidden" href="#anchor-cms" ani-difference="" data-reverse="" data-gtm-click="" data-gtm-label="Style and Strength"><img class="absolute bg object-cover w-full h-312rpx top-0" alt="OPPO Watch X Style and Strength" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-0-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-0-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-0-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-0-pad-1.jpg.avif"> <div class="mask absolute w-full h-127rpx -bottom-28rpx bg-gradient-to-b from-[black] from-opacity-0 to-[black]"></div> <div class="btn-wrapper absolute w-full bottom-0 p-16rpx flex justify-between items-end"> <div class="text-wrapper font-m text-white w-302rpx"> <div class="title text-16">Style and Strength</div> <div class="desc text-12 mt-4px">Sapphire crystal glass｜ Military grade durability</div> </div><img class="arrow w-22px h-22px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg"> </div></a><a class="ksp-card relative w-356rpx h-232rpx overflow-hidden" href="#anchor-full" ani-difference="" data-reverse="" data-gtm-click="" data-gtm-label="Dual-Engine Architecture"><img class="absolute bg object-cover w-full h-312rpx top-0" alt="OPPO Watch X Revolutionary Dual-Engine Architecture" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-1-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-1-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-1-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-1-pad-1.jpg.avif"> <div class="mask absolute w-full h-127rpx -bottom-28rpx bg-gradient-to-b from-[black] from-opacity-0 to-[black]"></div> <div class="btn-wrapper absolute w-full bottom-0 p-16rpx flex justify-between items-end"> <div class="text-wrapper font-m text-white w-302rpx"> <div class="title text-16">Dual-Engine Architecture</div> <div class="desc text-12 mt-4px">Snapdragon® W5 Gen 1｜Up to 12-day battery Life</div> </div><img class="arrow w-22px h-22px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg"> </div></a><a class="ksp-card relative w-356rpx h-232rpx overflow-hidden" href="#anchor-need" ani-difference="" data-reverse="" data-gtm-click="" data-gtm-label="Wear OS by Google"><img class="absolute bg object-cover w-full h-312rpx top-0" alt="OPPO Watch X Wear OS by Google" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-2-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-2-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-2-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-2-pad-1.jpg.avif"> <div class="mask absolute w-full h-127rpx -bottom-28rpx bg-gradient-to-b from-[black] from-opacity-0 to-[black]"></div> <div class="btn-wrapper absolute w-full bottom-0 p-16rpx flex justify-between items-end"> <div class="text-wrapper font-m text-white w-302rpx"> <div class="title text-16">Wear OS by Google</div> <div class="desc text-12 mt-4px">Supports Google apps｜Syncs with Google Accounts</div> </div><img class="arrow w-22px h-22px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg"> </div></a><a class="ksp-card relative w-356rpx h-232rpx overflow-hidden" href="#anchor-p3-part6" ani-difference="" data-reverse="" data-gtm-click="" data-gtm-label="Up Your Badminton Game"><img class="absolute bg object-cover w-full h-312rpx top-0" alt="OPPO Watch X Up Your Badminton Game" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-3-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-3-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-3-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-3-pad-1.jpg.avif"> <div class="mask absolute w-full h-127rpx -bottom-28rpx bg-gradient-to-b from-[black] from-opacity-0 to-[black]"></div> <div class="btn-wrapper absolute w-full bottom-0 p-16rpx flex justify-between items-end"> <div class="text-wrapper font-m text-white w-302rpx"> <div class="title text-16">Up Your Badminton Game</div> <div class="desc text-12 mt-4px">3 types of real-time data｜Visualized workout summary</div> </div><img class="arrow w-22px h-22px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg"> </div></a><a class="ksp-card relative w-356rpx h-232rpx overflow-hidden" href="#anchor-p3-part3" ani-difference="" data-reverse="" data-gtm-click="" data-gtm-label="Run with a Wearable Trainer"><img class="absolute bg object-cover w-full h-312rpx top-0" alt="OPPO Watch X Run with a Wearable Trainer" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-4-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-4-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-4-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-4-pad-1.jpg.avif"> <div class="mask absolute w-full h-127rpx -bottom-28rpx bg-gradient-to-b from-[black] from-opacity-0 to-[black]"></div> <div class="btn-wrapper absolute w-full bottom-0 p-16rpx flex justify-between items-end"> <div class="text-wrapper font-m text-white w-302rpx"> <div class="title text-16">Run with a Wearable Trainer</div> <div class="desc text-12 mt-4px">Precision dual-frequency GPS｜Running posture analysis</div> </div><img class="arrow w-22px h-22px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg"> </div></a><a class="ksp-card relative w-356rpx h-232rpx overflow-hidden" href="#anchor-health" ani-difference="" data-reverse="" data-gtm-click="" data-gtm-label="Personal Health Consultant"><img class="absolute bg object-cover w-full h-312rpx top-0" alt="OPPO Watch X Personal Health Consultant" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-5-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-5-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-5-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-5-pad-1.jpg.avif"> <div class="mask absolute w-full h-127rpx -bottom-28rpx bg-gradient-to-b from-[black] from-opacity-0 to-[black]"></div> <div class="btn-wrapper absolute w-full bottom-0 p-16rpx flex justify-between items-end"> <div class="text-wrapper font-m text-white w-302rpx"> <div class="title text-16">Personal Health Consultant</div> <div class="desc text-12 mt-4px">8-channel heart rate sensor｜Sleep tracking</div> </div><img class="arrow w-22px h-22px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-arrow-1.svg"> </div></a> </div> </div> <div class="relative h-52.08vw w-100vw flex justify-center items-center mo:w-full mo:h-675rpx" id="section-ksp-video" style="background: #f9f9f9;"> <div class="g--popup" id="zn--video-modal"> <div class="g--popup-container v1 v2-hidden"> <div class="g--video-wrapper v1"> <div class="g--popup-close v1" data-link-cursor="" style="opacity:0"> <svg class="inner" width="12px" height="12px" viewBox="0 0 12 12"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" class=""> <polygon points="12 1.39534884 7.39506977 5.99972093 12 10.6046512 10.6046512 12 5.99972093 7.39506977 1.39534884 12 0 10.6046512 4.60437209 5.99972093 1.25630766e-12 1.39534884 1.39534884 1.43578018e-12 5.99972093 4.60437209 10.6046512 0" class=""></polygon> </g> </svg> </div> </div> </div> <div class="g--popup-container v2 v1-hidden"> <div class="g--video-wrapper v2"></div> </div> <div class="g--popup-close v2 v1-hidden" data-link-cursor="" style="opacity:0"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class=""> <circle cx="16" cy="16" r="16" fill="#484540" class=""></circle> <path d="M23.6368 9.53694L22.3628 8.26294L19.1813 11.4449L15.9998 14.6269L9.63679 8.26294L8.36279 9.53694L14.7268 15.8999L8.36279 22.2629L9.63679 23.5369L15.9998 17.1729L22.3628 23.5369L23.6368 22.2629L17.2728 15.8999L23.6368 9.53694Z" fill="white" class=""></path> </svg> </div> </div> <div class="video-wrapper full top-0 !absolute" ani-autoplay-video="" loop="1" data-src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-ksp-ksp-preview_1440.mp4" data-src-pad="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-ksp-ksp-preview_1024.flv" data-src-mo="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-ksp-ksp-preview-mo_656.flv"> <video></video> <canvas> </canvas><img alt="OPPO Watch X TVC" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-ksp-ksp-preview_1440_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-ksp-ksp-preview_1440_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-ksp-ksp-preview-mo_656_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-ksp-ksp-preview_1024_poster-1.jpg.avif" class=""> </div> <div class="play relative w-80px h-80px cursor-pointer mot:w-48px mot:h-48px"><img class="full object-cover" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-play-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-play-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-play-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-ksp-play-1.svg"></div> <div class="mo-hidden"> <div class="g--popup-user" data-src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-ksp-ksp_complete.mp4" data-module="Video" data-trigger="#section-ksp-video .play" data-label="Video" popup-player="" data-version="2"></div> </div> <div class="mo-only"> <div class="g--popup-user" data-src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-ksp-ksp_complete-mo.mp4" data-module="Video" data-trigger="#section-ksp-video .play" data-label="Video" popup-player="" data-version="2"></div> </div> </div> <div class="relative z-1" id="section-cms" ani-cms=""> <div class="absolute top-[calc(0px-var(--nav-height))]" id="anchor-cms"></div> <div class="title-wrapper py-182rpx mx-auto bg-white text-68 font-m text-center mot:text-40 mo:py-80rpx mo:px-16px pad:py-100rpx" small-68="" ani-bounce-text="">Redefining Classic</div> <div class="switch-wrapper relative w-full max-h-[var(--content-height)] h-53.26vw overflow-hidden mo:h-620rpx pad:h-500rpx"> <div class="img-wrapper absolute top-0 w-100vw h-59.72vw mo:h-620rpx pad:h-600rpx"><img class="img1 full absolute object-cover top-0" alt="OPPO Watch X Mars Brown" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-cms-0-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-cms-0-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-cms-0-mo-1.jpg.avif?v=20240301" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-cms-0-pad-1.jpg.avif"><img class="img2 full absolute object-cover top-0" alt="OPPO Watch X Platinum Black" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-cms-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-cms-1-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-cms-1-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-cms-1-pad-1.jpg.avif"></div> <div class="text-wrapper absolute top-80rpx left-[calc(50vw-656rpx)] w-460rpx mo:top-36rpx mo:left-24rpx mo:w-312rpx pad:top-30rpx pad:left-30rpx pad:w-310px"> <div class="desc text-24rpx leading-[120%] text-white font-m tracking-0.5px mot:text-16" small-24="">Inspired by the Earth itself, OPPO Watch X's contours echo the curvature of the horizon as it shimmers during those first moments at dawn.</div> </div> </div> </div> <div class="z-2 relative" id="section-exh" ani-exh=""> <div class="exh-wrapper relative"> <div class="canvas-wrapper absolute z-[0]"> <canvas class="w-full h-full exh-canvas relative" alt="OPPO Watch X 360° Experience - Mars Brown"></canvas> </div> <div class="title font-m absolute z-1"> <div class="t-0 !leading-[1.2] mot:text-14px pc:text-20px">360° Experience</div> <div class="t-1 !leading-[1.2] mot:text-24px pc:text-42px">See It From Every <br>Stunning Angle</div> </div> <div class="control-el absolute z-1"> <div class="btn-wrapper flex c-s"> <div class="orange-btn c-btn selected relative flex items-center justify-center c-s" data-gtm-label="Mars Brown" data-gtm-click="Color"> <div class="inner c-s"></div> </div> <div class="black-btn c-btn relative flex items-center justify-center c-s" data-gtm-label="Platinum Black" data-gtm-click="Color"> <div class="inner c-s"></div> </div> </div> <div class="info-wrapper font-m relative"> <div class="orange-info info selected absolute top-0 left-0"> <div class="name !leading-[1.2] mot:text-16px pc:text-20px">Mars Brown</div> <div class="desc !leading-[1.2] mot:text-14px pc:text-16px">The understated elegance of this brown fluororubber watch strap¹ pairs perfectly with a silver-toned watch case.</div> </div> <div class="black-info info relative"> <div class="name !leading-[1.2] mot:text-16px pc:text-20px">Platinum Black</div> <div class="desc !leading-[1.2] mot:text-14px pc:text-16px">Simple yet eye-catching, the classic black fluororubber strap and deep black watch case form a subtle yet striking effect that transitions from day to night.</div> </div> </div> </div> <div class="tips-el absolute z-1 text-10px">*3D experience is for reference only. Please refer to the actual product.</div> <div class="cursor-el absolute z-2 pc-only"> <div class="scale-wrapper relative w-full h-full"><img class="w-full h-full" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-exh-cursor-1.svg"></div> </div> <div class="loading-el absolute w-full h-full top-0 left-0 z-[3]"> <div class="wrapper flex flex-col justify-center items-center w-full h-full"> <div class="text font-b !leading-[1.2] mot:text-32px pc:text-48px">Take a closer look</div> <div class="ring relative"> <svg class="ring-outer w-full h-full" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle opacity="0.2" cx="31.5" cy="31" r="29" stroke="black" stroke-width="3.17808" stroke-linecap="round" class=""></circle> </svg> <svg class="ring-inner absolute w-full h-full top-0 left-0" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.5 31C2.5 14.9837 15.4837 2 31.5 2" stroke="black" stroke-width="3.17808" stroke-linecap="round" class=""></path> </svg> </div> </div> </div> </div> </div> <div class="relative" id="section-luxurious" ani-luxurious=""> <div class="title-wrapper relative z-1 text-68 text-black text-center py-148rpx font-m bg-[#DCDCDC] mot:text-40 mot:bg-[#DCDCDC] mo:py-80rpx mo:px-16px pad:py-100rpx" ani-bounce-text="" l-s="" small-68="">Equal Parts Durable<br>and Luxurious</div> <div class="sticky-wrapper relative z-0 pc-only font-m direction-ltr w-full h-[calc(var(--content-height)+500vh)] -mt-1px" l-s="">  <div class="relative w-full -top-100vh h-[calc(var(--content-height)+200vw)]"> <div class="sticky w-full h-[var(--content-height)] top-[calc(var(--nav-height))] overflow-hidden"> <div class="video-wrapper w-100vw h-[var(--content-height)]" data-src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pc-1_1920.flv" ani-video-wrapper=""> <canvas></canvas><img alt="OPPO Watch X Integrated Stainless Steel Case 1" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pc-1_1920_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pc-1_1920_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pc-1_1920_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pc-1_1920_poster-1.jpg.avif" class=""> </div> </div> </div> <div class="sticky mt-[calc(0px-var(--content-height)-200vw)] w-full h-[var(--content-height)] top-[var(--nav-height)] overflow-hidden text-black"> <div class="scroll-wrapper h-full flex"> <div class="left-mask h-full w-[calc(50vw-656rpx)] bg-[#DCDCDC]"></div> <div class="block block1 w-538rpx bg-[#DCDCDC] h-full pr-16rpx -ml-1px"> <div class="img-wrapper w-522rpx h-310rpx overflow-hidden"><img class="object-cover w-522rpx h-414rpx" alt="OPPO Watch X Integrated Stainless Steel Case 2" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card0-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card0-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card0-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card0-pad-1.jpg.avif"></div> <div class="text-wrapper w-520rpx mt-24rpx"> <div class="subtitle text-42">Integrated Stainless<br>Steel Case</div> <div class="subsubtitle text-34">Timeless material for<br>timeless design</div> <div class="desc text-16 mt-18rpx">The integrated stainless steel case is meticulously polished in 178 steps, with satin-brushed and mirror-polished finishes to create an interplay of light and shadow.</div> </div> </div> <div class="block block2 relative w-100vw h-full overflow-hidden"></div> <div class="block block3 w-604rpx h-full bg-[#DCDCDC] flex flex-col justify-between py-80rpx px-42rpx"> <div class="text-wrapper w-520rpx"> <div class="subtitle text-42">Sapphire Crystal Glass</div> <div class="subsubtitle text-34">Clear and tough</div> <div class="desc text-16 mt-18rpx">Second only to diamond in hardness, sapphire crystal is a premium feature found in luxury timepieces. As you go on life's adventures, rest assured that your watch crystal's exceptional toughness and scratch resistance can keep up.</div> </div> <div class="param-wrapper flex justify-between"> <div class="param-card w-168rpx p-12rpx flex justify-between items-stretch flex-col bg-[#fafafa] rounded-8rpx font-m"> <div class="param-title text-24">8+</div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-20rpx">Mohs scale of hardness</div> </div> <div class="param-card w-168rpx p-12rpx flex justify-between items-stretch flex-col bg-[#fafafa] rounded-8rpx font-m"> <div class="param-title text-24">50%</div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-20rpx">Improved puncture resistance<sup>2</sup></div> </div> <div class="param-card w-168rpx p-12rpx flex justify-between items-stretch flex-col bg-[#fafafa] rounded-8rpx font-m"> <div class="param-title text-24">400%</div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-20rpx">Increased drop resistance<sup>3</sup></div> </div> </div> </div> <div class="block block4 w-1000rpx h-full overflow-hidden bg-[#DCDCDC]"> <div class="video-wrapper w-1440rpx h-full" data-src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pc-2_1440.flv" ani-video-wrapper=""> <video></video> <canvas> </canvas><img class="full object-cover" alt="OPPO Watch X Quick Action Button Design 1" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pc-2_1440_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pc-2_1440_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pc-2_1440_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pc-2_1440_poster-1.jpg.avif"> </div> </div> <div class="block block5 w-606rpx h-full px-42rpx py-80rpx bg-[#DCDCDC]"> <div class="img-wrapper w-522rpx h-280rpx overflow-hidden"><img class="object-cover w-649rpx h-280rpx" alt="OPPO Watch X Quick Action Button Design 2" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card1.jpg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card1.jpg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card1.jpg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card1.jpg"></div> <div class="text-wrapper w-520rpx mt-32rpx"> <div class="subtitle text-42">Quick Action<br>Button Design</div> <div class="subsubtitle text-34">Ready for action</div> <div class="desc text-16 mt-18rpx">The ergonomic design of the side buttons allows for convenient operation and avoids mis-touching, whether in daily use or during sports.</div> </div> </div> <div class="block block6 relative w-100vw h-full overflow-hidden origin-bottom text-white"> <div class="first-wrapper relative full"> <div class="video-wrapper full origin-right" data-src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_1920.mp4" ani-video-wrapper=""> <video></video> <canvas> </canvas><img alt="OPPO Watch X Military Grade Durability" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_1920_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_1920_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_1920_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_1920_poster-1.jpg.avif" class=""> </div> <div class="inner-wrapper absolute w-582rpx h-full py-80rpx right-42rpx top-0 flex flex-col justify-between"> <div class="text-wrapper w-520rpx"> <div class="subtitle text-42">Go Above and Beyond with Military Grade Durability</div> <div class="subsubtitle text-34"></div> <div class="desc text-16 mt-18rpx">Vetted for durability and performance through MIL-STD-810H testing, this watch is built to withstand extreme environments and built to last.</div> </div> <div class="param-wrapper flex justify-between"> <div class="param-card p-12rpx flex justify-between items-stretch flex-col bg-[#20201B] rounded-8rpx font-m w-158rpx"> <div class="param-title text-20">-20℃-55℃<sup>4</sup></div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-36rpx">From Antarctica to the Sahara Desert</div> </div> <div class="param-card p-12rpx flex justify-between items-stretch flex-col bg-[#20201B] rounded-8rpx font-m w-168rpx"> <div class="param-title text-20">-500m-9000m</div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-36rpx">From deep valley to the peak of Kilimanjaro</div> </div> <div class="param-card p-12rpx flex justify-between items-stretch flex-col bg-[#20201B] rounded-8rpx font-m w-118rpx"> <div class="param-title text-20">IP68<sup>5</sup></div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-36rpx">Water and dust resistant</div> </div> <div class="param-card p-12rpx flex justify-between items-stretch flex-col bg-[#20201B] rounded-8rpx font-m w-114rpx"> <div class="param-title text-20">5ATM<sup>6</sup></div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-36rpx">50m waterproof</div> </div> </div> </div> </div> </div> </div> <div class="tests w-1312rpx mx-auto text-white mt-42rpx pb-150rpx"> <div class="title-wrapper flex justify-between items-center font-m"> <div class="title text-32">Passed 16 stringent United States<br>MIL-STD-810H tests.</div> <div class="learn-more w-120px h-40px border-1px border-solid border-white rounded-36px px-18px py-4px flex justify-between items-center" data-gtm-click="Passed 810H Tests"> <div class="text text-12">Learn more</div><img class="w-16px h-16px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-arrow-1.svg"> </div> </div> <div class="param-wrapper relative w-full mt-24rpx"> <div class="line line1 flex justify-between"> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Shock</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Vibration</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Immersion</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Humidity</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Sand and Dust</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Low Pressure (Altitude)</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-7-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-7-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-7-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-7-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Low Temperature Storage (-40 °C)<sup>7</sup></div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-8-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-8-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-8-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-8-1.svg"> <div class="text text-14rpx leading-[120%] font-r">High Temperature Storage (70 °C)</div> </div> </div> <div class="line line2 absolute -bottom-139rpx w-full flex justify-between opacity-0"> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-9-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-9-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-9-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-9-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Rain</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-10-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-10-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-10-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-10-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Salt Fog</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-11-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-11-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-11-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-11-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Icing/Freezing Rain</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-12-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-12-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-12-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-12-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Acidic Atmosphere</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-13-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-13-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-13-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-13-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Solar Radiation (Sunshine)</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-14-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-14-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-14-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-14-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Contamination by Fluids</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-15-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-15-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-15-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-15-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Temperature<br>Shock</div> </div> <div class="test-card w-157rpx h-131rpx px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-8rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-16-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-16-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-16-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-16-1.svg"> <div class="text text-14rpx leading-[120%] font-r">Temperature, Humidity, Vibration, and Altitude</div> </div> </div> </div> </div> </div> <div class="mask absolute full top-0 pointer-events-none bg-black"></div> </div> <div class="pad-only relative px-24px text-black bg-[#DCDCDC]"> <div class="block block1 relative w-full"> <div class="text-wrapper w-full justify-between text-center"> <div class="title text-24 font-m">Integrated Stainless Steel Case</div> <div class="subtitle text-20 font-m">Timeless material for timeless design</div> <div class="desc text-14 w-672rpx font-m mt-14rpx opacity-75 mx-auto">The integrated stainless steel case is meticulously polished in 178 steps, with satin-brushed and mirror-polished finishes to create an interplay of light and shadow.</div> </div> <div class="img-wrapper w-full h-380rpx overflow-hidden mt-24rpx relative" ani-difference="" data-reverse=""><img class="w-full h-420rpx object-cover absolute top-0" alt="OPPO Watch X Integrated Stainless Steel Case 1" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card0-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card0-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card0-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card0-pad-1.jpg.avif"></div> </div> <div class="block block2 relative mt-80rpx flex w-full gap-24rpx"> <div class="left-wrapper w-334rpx flex-col flex justify-between"> <div class="text-wrapper"> <div class="title text-24 font-m">Sapphire Crystal Glass</div> <div class="subtitle text-20 font-m">Clear and tough</div> <div class="desc text-14 mt-14rpx font-m opacity-75">Second only to diamond in hardness, sapphire crystal is a premium feature found in luxury timepieces. As you go on life's adventures, rest assured that your watch crystal's exceptional toughness and scratch resistance can keep up.</div> </div> <div class="param-wrapper flex w-full pb-12rpx gap-6rpx"> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#fafafa] rounded-4rpx font-m w-98rpx"> <div class="param-title text-16">8+</div> <div class="param-desc text-12 leading-[120%] opacity-60 mt-8rpx">Mohs scale of hardness</div> </div> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#fafafa] rounded-4rpx font-m w-127rpx"> <div class="param-title text-16">50%</div> <div class="param-desc text-12 leading-[120%] opacity-60 mt-8rpx">Improved puncture resistance<sup>2</sup></div> </div> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#fafafa] rounded-4rpx font-m w-98rpx pr-0rpx"> <div class="param-title text-16">400%</div> <div class="param-desc text-12 leading-[120%] opacity-60 mt-8rpx">Increased drop resistance<sup>3</sup></div> </div> </div> </div> <div class="video-wrappper w-362rpx min-h-360rpx" data-src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pad-1_1024.flv" ani-autoplay-video=""> <canvas> </canvas> <video></video><img data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pad-1_1024_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pad-1_1024_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pad-1_1024_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pad-1_1024_poster-1.jpg.avif" class=""> </div> </div> <div class="block block3 relative mt-80rpx w-full flex gap-24rpx"> <div class="video-wrapper w-348rpx h-410rpx" data-src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-pad-2_656.flv" ani-autoplay-video=""> <canvas> </canvas> <video></video><img @src-defaul="~videos/luxur/pad-2_656_poster.jpg" class=""> </div> <div class="right-wrapper w-348rpx"> <div class="img-wrapper w-348rpx h-193rpx overflow-hidden" ani-difference="" data-reverse=""><img class="w-full h-300rpx object-cover" alt="OPPO Watch X Quick Action Button Design 2" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card1-pad-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card1-pad-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card1-pad-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card1-pad-1.jpg.avif"></div> <div class="text-wrappper w-full mt-24rpx"> <div class="title text-24 font-m">Quick Action Button Design</div> <div class="subtitle text-20 font-m">Ready for action</div> <div class="desc text-14 mt-14rpx font-m opacity-75">The ergonomic design of the side buttons allows for convenient operation and avoids mis-touching, whether in daily use or during sports.</div> </div> </div> </div> <div class="block block4 relative mt-80rpx w-100vw px-24px pt-64rpx bg-black text-white -ml-24px"> <div class="text-wrapper w-full flex gap-100rpx"> <div class="title text-24 font-m w-297px flex-shrink-0">Go Above and Beyond with Military Grade Durability</div> <div class="desc text-14 font-m w-328rpx opacity-75">Vetted for durability and performance through MIL-STD-810H testing, this watch is built to withstand extreme environments and built to last.</div> </div> <div class="img-wrapper relative w-full h-320rpx mt-24rpx"> <div class="video-wrapper full" ani-autoplay-video="" data-src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_1024.flv"> <canvas> </canvas> <video> </video><img alt="OPPO Watch X Military Grade Durability" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_1024_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_1024_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_1024_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_1024_poster-1.jpg.avif" class=""> </div> </div> <div class="param-wrapper flex font-m mt-8rpx w-full flex gap-6rpx"> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#20201b] rounded-4rpx font-m w-146rpx"> <div class="param-title text-16">IP68<sup>5</sup></div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-8rpx">Water and dust resistant</div> </div> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#20201b] rounded-4rpx font-m w-146rpx"> <div class="param-title text-16">5ATM<sup>6</sup></div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-8rpx">50m<br>waterproof</div> </div> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#20201b] rounded-4rpx font-m w-205rpx"> <div class="param-title text-16">-20℃-55℃<sup>4</sup></div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-8rpx">From Antarctica to the Sahara Desert</div> </div> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#20201b] rounded-4rpx font-m w-205rpx"> <div class="param-title text-16">-500m-9000m</div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-8rpx">From deep valley to the peak of Kilimanjaro</div> </div> </div> </div> <div class="tests pt-48rpx bg-black text-white w-100vw px-24px pb-80rpx -ml-24px"> <div class="text-wrapper flex w-full justify-between items-end"> <div class="title text-24 font-m">Passed 16 stringent United States<br>MIL-STD-810H tests.</div> <div class="learn-more w-111px h-32px border-1px border-solid border-white rounded-36px px-14px py-8px flex justify-between items-center" data-gtm-click="Passed 810H Tests"> <div class="text text-12">Learn more</div><img class="w-14px h-14px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-arrow-1.svg"> </div> </div> <div class="param-card w-full flex justify-between mt-24rpx gap-6rpx"> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Shock</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Vibration</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Immersion</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Humidity</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Sand and Dust</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Low Pressure (Altitude)</div> </div> </div> </div> <div class="zn--drawer-modal bg-white w-full h-100vh z-99 fixed top-0 left-0 cool-drawer" ani-drawer="" data-theme="dark" data-open-el="#section-luxurious .tests .learn-more" data-mode="ver"> <svg class="zn--drawer-close cursor-pointer z-2 absolute pc:h-40px pc:top-[calc(50vh-330rpx)] pc:right-[calc(50vw-656rpx)] pc:w-40px mo:h-32px mo:top-24px mo:right-16px mo:w-32px pad:h-32px pad:top-24px pad:right-24px pad:w-32px" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M32.7281 9.22783L30.6048 7.10449L25.3023 12.4078L19.9998 17.7112L9.39482 7.10449L7.27148 9.22783L17.8782 19.8328L7.27148 30.4378L9.39482 32.5612L19.9998 21.9545L30.6048 32.5612L32.7281 30.4378L22.1215 19.8328L32.7281 9.22783Z" fill="black" class=""></path> </svg> <div class="drawer-scroll-y-wrapper relative full"> <div class="drawer-content-wrapper relative full"> <div class="drawer-content sticky top-0 left-0 w-full h-screen overflow-hidden"> <div class="drawer-trans-x-wrapper relative h-full"> <div class="test-modal text-white w-100vw px-24px py-64rpx"> <div class="text-wrapper flex w-full justify-between items-end"> <div class="title text-24 font-m">Passed 16 stringent United States<br>MIL-STD-810H tests.</div> </div> <div class="param-card w-full flex justify-start gap-6rpx mt-24rpx flex-wrap justify-between"> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Shock</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Vibration</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Immersion</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Humidity</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Sand and Dust</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Low Pressure (Altitude)</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx min-w-139rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-7-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-7-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-7-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-7-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Low Temperature Storage (-40 °C)<sup>7</sup></div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx min-w-139rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-8-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-8-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-8-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-8-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">High Temperature Storage (70 °C)</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx min-w-139rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-9-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-9-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-9-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-9-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Rain</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx min-w-139rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-10-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-10-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-10-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-10-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Salt Fog</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx min-w-139rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-11-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-11-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-11-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-11-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Icing/Freezing Rain</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx min-w-139rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-12-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-12-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-12-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-12-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Acidic Atmosphere</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx min-w-139rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-13-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-13-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-13-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-13-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Solar Radiation (Sunshine)</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx min-w-139rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-14-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-14-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-14-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-14-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Contamination by Fluids</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx min-w-139rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-15-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-15-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-15-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-15-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Temperature<br>Shock</div> </div> <div class="test-card-pad min-w-115rpx flex-1 px-12rpx py-15rpx flex flex-col justify-between bg-[#141414] rounded-4rpx min-w-139rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-16-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-16-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-16-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-16-1.svg"> <div class="text text-14rpx leading-[140%] mt-16rpx">Temperature, Humidity, Vibration, and Altitude</div> </div> </div> </div> </div> <div class="drawer-progress-wrapper absolute left-[calc(50vw-656rpx)] bottom-[calc(50vh-330rpx)] w-400rpx h-1px bg-[#999999]"> <div class="current-progress w-full h-3px bg-[#666666] -mt-1px origin-left"></div> </div> </div> </div> </div> </div> </div> <div class="mo-only relative w-full px-16px text-black bg-[#DCDCDC]"> <div class="block block1 relative"> <div class="img-wrapper w-full h-363rpx overflow-hidden" ani-difference="" data-reverse=""><img class="w-full h-433rpx" alt="OPPO Watch X Integrated Stainless Steel Case 1" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card0-mo-1.jpg.avif"></div> <div class="text-wrapper-mo w-full mt-24rpx"> <div class="subtitle text-24 font-m">Integrated Stainless<br>Steel Case</div> <div class="subsubtitle text-20 font-m">Timeless material for<br>timeless design</div> <div class="desc font-m text-14 mt-16rpx opacity-75">The integrated stainless steel case is meticulously polished in 178 steps, with satin-brushed and mirror-polished finishes to create an interplay of light and shadow.</div> </div> </div> <div class="block block2 relative mt-64rpx"> <div class="img-wrapper w-full h-320rpx"> <div class="video-wrappe full" ani-autoplay-video="" data-src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-mo-1_656.flv"> <video></video> <canvas> </canvas><img alt="OPPO Watch X Integrated Stainless Steel Case 2" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-mo-1_656_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-mo-1_656_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-mo-1_656_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-mo-1_656_poster-1.jpg.avif" class=""> </div> </div> <div class="text-wrapper-mo w-full mt-24rpx"> <div class="subtitle text-24 font-m">Sapphire Crystal Glass</div> <div class="subsubtitle text-20 font-m">Clear and tough</div> <div class="desc font-m text-14 mt-16rpx opacity-75">Second only to diamond in hardness, sapphire crystal is a premium feature found in luxury timepieces. As you go on life's adventures, rest assured that your watch crystal's exceptional toughness and scratch resistance can keep up.</div> </div> <div class="param-wrapper flex w-full gap-6rpx flex-wrap mt-16rpx"> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#fafafa] rounded-4rpx font-m w-161rpx"> <div class="param-title text-16">8+</div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-8rpx">Enhanced<br>hardness</div> </div> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#fafafa] rounded-4rpx font-m w-161rpx"> <div class="param-title text-16">50%</div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-8rpx">Improved puncture resistance<sup>2</sup></div> </div> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#fafafa] rounded-4rpx font-m w-328rpx"> <div class="param-title text-16">400%</div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-8rpx">Increased drop resistance<sup>3</sup></div> </div> </div> </div> <div class="block block3 relative mt-64rpx"> <div class="img-wrapper relative overflow-hidden w-full h-300rpx" data-src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-mo-2_656.flv" ani-autoplay-video=""> <canvas> </canvas> <video></video><img data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-mo-2_656_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-mo-2_656_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-mo-2_656_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-mo-2_656_poster-1.jpg.avif" class=""> </div> <div class="img-wrapper relative overflow-hidden w-full h-200rpx mt-8rpx" ani-difference="" data-reverse=""><img class="w-full h-280rpx" alt="OPPO Watch X Quick Action Button Design 2" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card2-mo-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card2-mo-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card2-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-card2-mo-1.jpg.avif"></div> <div class="text-wrapper-mo w-full mt-24rpx"> <div class="subtitle text-24 font-m">Quick Action Button Design</div> <div class="subsubtitle text-20 font-m">Ready for action</div> <div class="desc font-m text-14 mt-16rpx opacity-75">The ergonomic design of the side buttons allows for convenient operation and avoids mis-touching, whether in daily use or during sports.</div> </div> </div> <div class="block block4 relative mt-64rpx bg-black text-white w-[calc(328rpx+32px)] px-16px -ml-16px"> <div class="video-wrapper w-[calc(328rpx+32px)] h-320rpx -ml-16px" ani-autoplay-video="" data-src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_656.flv"> <canvas></canvas> <video></video><img alt="OPPO Watch X Military Grade Durability" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_656_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_656_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_656_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-luxur-luxur_656_poster-1.jpg.avif" class=""> </div> <div class="text-wrapper-mo w-full mt-24rpx"> <div class="subtitle text-24 font-m">Go Above and Beyond with Military Grade Durability</div> <div class="subsubtitle text-20 font-m"></div> <div class="desc font-m text-14 mt-16rpx opacity-75">Vetted for durability and performance through MIL-STD-810H testing, this watch is built to withstand extreme environments and built to last.</div> </div> <div class="param-wrapper flex w-full gap-6rpx flex-wrap mt-16rpx"> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#20201D] rounded-4rpx font-m w-161rpx"> <div class="param-title text-16">-20℃-55℃<sup>4</sup></div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-8rpx">From Antarctica<br>to the Sahara Desert</div> </div> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#20201D] rounded-4rpx font-m w-161rpx"> <div class="param-title text-16">-500m-9000m</div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-8rpx">From deep valley to the peak of Kilimanjaro</div> </div> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#20201D] rounded-4rpx font-m w-161rpx"> <div class="param-title text-16">IP68<sup>5</sup></div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-8rpx">Water and dust resistant</div> </div> <div class="param-card px-12rpx py-14rpx flex justify-between items-stretch flex-col bg-[#20201D] rounded-4rpx font-m w-161rpx"> <div class="param-title text-16">5ATM<sup>6</sup></div> <div class="param-desc text-14 leading-[120%] opacity-60 mt-8rpx">50m<br>waterproof</div> </div> </div> </div> <div class="tests relative py-64rpx bg-black w-[calc(328rpx+32px)] text-white px-16px -ml-16px"> <div class="title text-24 font-m">Passed 16 stringent United States MIL-STD-810H tests.</div> <div class="param-wrapper flex flex-wrap w-full gap-6rpx mt-24rpx"> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Shock</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Vibration</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Immersion</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Humidity</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Sand and Dust</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Low Pressure (Altitude)</div> </div> </div> <div class="learn-more w-111px h-32px border-1px border-solid border-white rounded-36px px-14px py-8px flex justify-between items-center mt-24rpx" data-gtm-click="Passed 810H Tests"> <div class="text text-12">Learn more</div><img class="w-14px h-14px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-arrow-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-arrow-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-arrow-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-arrow-1.svg"> </div> </div> <div class="zn--drawer-modal bg-white w-full h-100vh z-99 fixed top-0 left-0 cool-drawer" ani-drawer="" data-theme="dark" data-open-el="#section-luxurious .tests .learn-more" data-mode="ver"> <svg class="zn--drawer-close cursor-pointer z-2 absolute pc:h-40px pc:top-[calc(50vh-330rpx)] pc:right-[calc(50vw-656rpx)] pc:w-40px mo:h-32px mo:top-24px mo:right-16px mo:w-32px pad:h-32px pad:top-24px pad:right-24px pad:w-32px" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M32.7281 9.22783L30.6048 7.10449L25.3023 12.4078L19.9998 17.7112L9.39482 7.10449L7.27148 9.22783L17.8782 19.8328L7.27148 30.4378L9.39482 32.5612L19.9998 21.9545L30.6048 32.5612L32.7281 30.4378L22.1215 19.8328L32.7281 9.22783Z" fill="black" class=""></path> </svg> <div class="drawer-scroll-y-wrapper relative full"> <div class="drawer-content-wrapper relative full"> <div class="drawer-content sticky top-0 left-0 w-full h-screen overflow-hidden"> <div class="drawer-trans-x-wrapper relative h-full"> <div class="test-modal text-white w-100vw px-16px pt-80rpx pb-64rpx"> <div class="text-wrapper flex w-full justify-between items-end"> <div class="title text-24 font-m">Passed 16 stringent United States MIL-STD-810H tests.</div> </div> <div class="param-card w-full flex justify-start gap-6rpx mt-24rpx flex-wrap"> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-1-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Shock</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-2-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Vibration</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-3-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Immersion</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-4-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Humidity</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-5-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Sand and Dust</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-6-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Low Pressure (Altitude)</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-7-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-7-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-7-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-7-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Low Temperature Storage (-40 °C)<sup>7</sup></div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-8-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-8-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-8-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-8-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">High Temperature Storage (70 °C)</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-9-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-9-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-9-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-9-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Rain</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-10-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-10-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-10-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-10-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Salt Fog</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-11-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-11-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-11-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-11-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Icing/Freezing Rain</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-12-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-12-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-12-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-12-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Acidic Atmosphere</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-13-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-13-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-13-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-13-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Solar Radiation (Sunshine)</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-14-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-14-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-14-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-14-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Contamination by Fluids</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-15-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-15-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-15-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-15-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-">Temperature<br>Shock</div> </div> <div class="test-card-mo w-161rpx px-12rpx py-14rpx flex flex-col justify-start bg-[#141414] rounded-4rpx"><img class="icon w-42rpx h-42rpx" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-16-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-16-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-16-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-luxur-icon-16-1.svg"> <div class="text text-16rpx leading-[140%] mt-16rpx w-138rpx">Temperature, Humidity, Vibration, and Altitude</div> </div> </div> </div> </div> <div class="drawer-progress-wrapper absolute left-[calc(50vw-656rpx)] bottom-[calc(50vh-330rpx)] w-400rpx h-1px bg-[#999999]"> <div class="current-progress w-full h-3px bg-[#666666] -mt-1px origin-left"></div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-[#141414] w-full relative pc:-mt-100vh mo:py-80rpx" id="section-inches" dir="ltr" ani-inches=""> <div class="sticky-wrapper mx-auto pc:w-full pc:h-[calc(var(--content-height)+var(--content-height))] mo:hidden pad:h-[calc(var(--content-height)+var(--content-height))] pad:w-full"> <div class="sticky flex mx-auto w-full justify-center items-center sticky relative pc:top-[var(--nav-height)] pc:h-[var(--content-height)] pad:top-[var(--nav-height)] pad:h-[var(--content-height)]"> <div class="flex flex-col h-full w-full overflow-hidden relative justify-center"> <div class="container flex text-white items-center relative pc:justify-center pc:w-full pc:flex-col pc:h-680rpx pc:max-h-680px pad:justify-center pad:w-full pad:flex-col pad:h-483rpx pad:max-h-510px"> <div class="top text-center opacity-0 pc:w-full pad:w-569px" dir="ltr"> <p class="font-m capitalize pc:text-48px pc:leading-[120%] pad:text-24px pad:leading-[120%]">Time to shine<br>Multifaceted Life</p> <p class="font-m mx-auto opacity-75 pc:text-16px pc:mt-18rpx pc:mb-32rpx pc:leading-[130%] pc:w-662rpx pad:text-14px pad:leading-[130%] pad:mt-14rpx pad:mb-48px">Choose from luxury designs, classic watch hands, and sporty watch faces⁸. Mix and match to create hundreds of unique combinations, and wear your personal style on your wrist.</p> </div> <duv class="bottom flex items-center justify-center relative"> <div class="left flex-1 relative"> <div class="timepiece-left flex opacity-0 pc:gap-30rpx pad:gap-19rpx"><img class="object-contain pc:w-200rpx pc:h-200rpx pad:w-121rpx pad:h-121rpx" alt="OPPO Watch X luxury designs 1" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-l0-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-l0-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-l0-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-l0-1.png.avif"><img class="object-contain pc:w-200rpx pc:h-200rpx pad:w-121rpx pad:h-121rpx" alt="OPPO Watch X luxury designs 2" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-l1-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-l1-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-l1-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-l1-1.png.avif"><img class="object-contain pc:w-200rpx pc:h-200rpx pad:w-121rpx pad:h-121rpx" alt="OPPO Watch X luxury designs 3" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-l2-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-l2-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-l2-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-l2-1.png.avif"> </div> </div> <div class="center flex h-full m-auto transform origin-center justify-center items-center relative pc:w-334rpx pc:h-462rpx pc:mx-36rpx pc:scale-150 pad:w-203rpx pad:h-280rpx pad:mx-17rpx pad:scale-138"> <div class="video-wrapper rounded-full h-full object-contain w-full pc:w-245rpx pc:h-245rpx pad:w-154rpx pad:h-154rpx" ani-video-wrapper="" data-src-pc="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-inches-pc_352.flv" data-src-pad="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-inches-pc_256.flv" data-src-mo="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-inches-pc_256.flv"> <canvas class="!object-contain"></canvas> <video></video><img class="h-full w-full" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-inches-pc_352_poster-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-inches-pc_352_poster-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-inches-pc_352_poster-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-inches-pc_352_poster-1.png.avif"> </div><img class="h-full object-contain w-full absolute" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-watch-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-watch-d7111.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-watch-pad-1.png.avif"> </div> <div class="right relative pc:flex-1"> <div class="timepiece-right flex opacity-0 pc:gap-30rpx pad:gap-19rpx"><img class="object-contain pc:w-200rpx pc:h-200rpx pad:w-121rpx pad:h-121rpx" alt="OPPO Watch X luxury designs 6" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-r0-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-r0-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-r0-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-r0-1.png.avif"><img class="object-contain pc:w-200rpx pc:h-200rpx pad:w-121rpx pad:h-121rpx" alt="OPPO Watch X luxury designs 7" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-r1-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-r1-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-r1-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-r1-1.png.avif"><img class="object-contain pc:w-200rpx pc:h-200rpx pad:w-121rpx pad:h-121rpx" alt="OPPO Watch X luxury designs 8" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-r2-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-r2-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-r2-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-r2-1.png.avif"> </div> </div> <div class="ricle-svg text-white transform top-[50%] left-[50%] z-1 translate-y-[-50%] translate-x-[-50%] absolute pc:h-466rpx pc:w-466rpx pad:w-265rpx pad:h-265rpx"> <svg class="pc-only pc:w-full pc:h-full" width="466" height="466" viewBox="0 0 466 466" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle class="transform origin-center big" cx="233" cy="233" r="232.5" stroke="#B0B0B0" stroke-dasharray="2920" stroke-dashoffset="-730" shape-rendering="geometricPrecision"></circle> <circle class="transform origin-center small" cx="233" cy="233" r="190" stroke="#B0B0B0" stroke-dasharray="2388" stroke-dashoffset="-597" shape-rendering="geometricPrecision"></circle> </svg> <svg class="h-full w-full pad-only" width="265" height="265" viewBox="0 0 265 265" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle class="transform origin-center big" cx="132.5" cy="132.5" r="132.216" stroke="#B0B0B0" stroke-dasharray="1658" stroke-dashoffset="-415" shape-rendering="geometricPrecision"></circle> <circle class="transform origin-center small" cx="132.5" cy="132.5" r="108.216" stroke="#B0B0B0" stroke-dasharray="1356" stroke-dashoffset="-339" shape-rendering="geometricPrecision"></circle> </svg> </div> </duv> </div> </div> </div> </div> <div class="flex bg-[#141414] w-full justify-center mo:hidden" dir="ltr"> <div class="text-boxes flex text-white w-full justify-between items-center pc:h-200px pc:pb-80rpx pc:w-882px pc:gap-8px pad:h-152px pad:pb-80px pad:w-720rpx pad:gap-6px"> <div class="flex flex-col bg-[#201f1c] justify-between pc:p-20rpx pc:rounded-8rpx pc:h-110px pc:w-170px pad:py-14px pad:px-12px pad:rounded-6rpx pad:w-139rpx pad:h-81px"> <p class="font-m pc:text-20px pc:leading-24px pad:text-16px pad:leading-[120%]">1.43-inch</p> <p class="font-m opacity-60 pc:text-16px pc:leading-[120%] pad:text-14px pad:leading-16.8px">AMOLED screen</p> </div> <div class="flex flex-col bg-[#201f1c] justify-between pc:p-20rpx pc:rounded-8rpx pc:h-110px pc:w-170px pad:py-14px pad:px-12px pad:rounded-6rpx pad:w-139rpx pad:h-81px"> <p class="font-m pc:text-20px pc:leading-24px pad:text-16px pad:leading-[120%]">466 × 466</p> <p class="font-m opacity-60 pc:text-16px pc:leading-[120%] pad:text-14px pad:leading-16.8px">Resolution</p> </div> <div class="flex flex-col bg-[#201f1c] justify-between pc:p-20rpx pc:rounded-8rpx pc:h-110px pc:w-170px pad:py-14px pad:px-12px pad:rounded-6rpx pad:w-139rpx pad:h-81px"> <p class="font-m pc:text-20px pc:leading-24px pad:text-16px pad:leading-[120%]">AOD⁹</p> <p class="font-m opacity-60 pc:text-16px pc:leading-[120%] pad:text-14px pad:leading-16.8px">Supported</p> </div> <div class="flex flex-col bg-[#201f1c] justify-between pc:p-20rpx pc:rounded-8rpx pc:h-110px pc:w-170px pad:py-14px pad:px-12px pad:rounded-6rpx pad:w-139rpx pad:h-81px"> <p class="font-m pc:text-20px pc:leading-24px pad:text-16px pad:leading-[120%]">1000 nits</p> <p class="font-m opacity-60 pc:text-16px pc:leading-[120%] pad:text-14px pad:leading-16.8px">Peak brightness¹⁰</p> </div> <div class="flex flex-col bg-[#201f1c] justify-between pc:p-20rpx pc:rounded-8rpx pc:h-110px pc:w-170px pad:py-14px pad:px-12px pad:rounded-6rpx pad:w-139rpx pad:h-81px"> <p class="font-m pc:text-20px pc:leading-24px pad:text-16px pad:leading-[120%]">70+</p> <p class="font-m opacity-60 pc:text-16px pc:leading-[120%] pad:text-14px pad:leading-16.8px">Practical complications¹¹</p> </div> </div> </div> <div class="mo-only flex flex-col text-white w-full gap-48rpx items-center overflow-hidden"> <div class="top text-center mo:w-328rpx"> <p class="font-m capitalize mo:text-24px mo:leading-[120%]">Time to shine<br>Multifaceted Life</p> <p class="font-m opacity-75 mo:text-14px mo:mt-14rpx mo:leading-[130%]">Choose from luxury designs, classic watch hands, and sporty watch faces⁸. Mix and match to create hundreds of unique combinations, and wear your personal style on your wrist.</p> </div> <div class="center mo:w-360rpx mo:h-220rpx mo:relative"><img class="absolute mo:w-112rpx mo:h-150rpx mo:top-[calc(50%-75rpx)] mo:left-[calc(50%-56rpx)]" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-center-mo-1.png.avif"><img class="absolute mo:w-65rpx mo:h-65rpx mo:top-0 mo:left-46rpx" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-lt-1.png.avif"><img class="absolute mo:w-65rpx mo:h-65rpx mo:top-0 mo:right-46rpx" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-rt-1.png.avif"><img class="absolute mo:w-65rpx mo:h-65rpx mo:top-[calc(50%-32.5rpx)] mo:left-[-22rpx]" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-lc-1.png.avif"><img class="absolute mo:w-65rpx mo:h-65rpx mo:top-[calc(50%-32.5rpx)] mo:right-[-22rpx]" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-rc-1.png.avif"><img class="absolute mo:w-65rpx mo:h-65rpx mo:bottom-0 mo:left-46rpx" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-lb-1.png.avif"><img class="absolute mo:w-65rpx mo:h-65rpx mo:bottom-0 mo:right-46rpx" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-inches-rb-1.png.avif"></div> <div class="bottom flex flex-wrap w-328rpx justify-between"> <div class="flex flex-col bg-[#201f1c] justify-between relative overflow-hidden mo:w-[49.1%] mo:h-72px mo:px-12rpx mo:py-14rpx mo:rounded-4rpx mo:"> <p class="font-m text-16 leading-[1.2]">1.43-inch</p> <p class="font-m opacity-60 text-14 leading-[1.2]">AMOLED screen</p> </div> <div class="flex flex-col bg-[#201f1c] justify-between relative overflow-hidden mo:w-[49.1%] mo:h-72px mo:px-12rpx mo:py-14rpx mo:rounded-4rpx mo:"> <p class="font-m text-16 leading-[1.2]">466 × 466</p> <p class="font-m opacity-60 text-14 leading-[1.2]">Resolution</p> </div> <div class="flex flex-col bg-[#201f1c] justify-between relative overflow-hidden mo:w-[49.1%] mo:h-72px mo:px-12rpx mo:py-14rpx mo:rounded-4rpx mo:mt-6rpx"> <p class="font-m text-16 leading-[1.2]">AOD⁹</p> <p class="font-m opacity-60 text-14 leading-[1.2]">Supported</p> </div> <div class="flex flex-col bg-[#201f1c] justify-between relative overflow-hidden mo:w-[49.1%] mo:h-72px mo:px-12rpx mo:py-14rpx mo:rounded-4rpx mo:mt-6rpx"> <p class="font-m text-16 leading-[1.2]">1000 nits</p> <p class="font-m opacity-60 text-14 leading-[1.2]">Peak brightness¹⁰</p> </div> <div class="flex flex-col bg-[#201f1c] justify-between relative overflow-hidden mo:w-full mo:mt-6rpx mo:h-72px mo:px-12rpx mo:py-14rpx mo:rounded-4rpx mo:"> <p class="font-m text-16 leading-[1.2]">70+</p> <p class="font-m opacity-60 text-14 leading-[1.2]">Practical complications¹¹</p> </div> </div> </div> </div> <div class="bg-black text-white w-full z-4 relative" id="section-full" dir="ltr"> <div class="absolute top-[calc(0px-var(--nav-height))]" id="anchor-full"></div> <div class="title-wrapper relative z-0 bg-black text-white text-center font-b py-100rpx text-40 capitalize pc:py-182rpx pc:text-68" ani-bounce-text="">Break Every<br>Performance Limit</div> <div class="container flex mx-auto w-full items-center relative pc:h-685rpx pc:justify-between pc:max-w-1440px mo:flex-col mo:items-center mo:w-328rpx pad:justify-between pad:flex-col-reverse pad:w-720rpx" ani-full=""> <div class="flex w-full gap-6px justify-between items-center pc:hidden mo:hidden pad:h-72rpx pad:mt-8px" dir="ltr"> <div class="flex flex-col h-full bg-[#201f1c] rounded-4px py-14px px-12px justify-between pc:hidden mo:hidden pad:flex-1"> <p class="font-m pc:text-20px pc:leading-24px">4nm</p> <p class="font-m opacity-60 pc:text-16px pc:leading-[120%]">Process</p> </div> <div class="flex flex-col h-full bg-[#201f1c] rounded-4px py-14px px-12px justify-between pc:hidden mo:hidden pad:flex-1"> <p class="font-m pc:text-20px pc:leading-24px">60Hz</p> <p class="font-m opacity-60 pc:text-16px pc:leading-[120%]">Max refresh rate</p> </div> <div class="flex flex-col h-full bg-[#201f1c] rounded-4px py-14px px-12px justify-between pc:hidden mo:hidden pad:flex-1"> <p class="font-m pc:text-20px pc:leading-24px">Instant</p> <p class="font-m opacity-60 pc:text-16px pc:leading-[120%]">App launch</p> </div> </div> <div class="right-img overflow-hidden pc:w-1113rpx pc:h-685rpx pc:top-0 pc:right-0 pc:absolute mo:w-328rpx mo:h-185rpx pad:w-720rpx pad:h-320rpx"><img class="h-full w-full" alt="OPPO Watch X Dual-Engine" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-full-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-full-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-full-mo.jpg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-full-pad-1.jpg.avif"></div> <div class="left-text flex flex-col z-1 justify-between pc:h-full pc:min-h-480px pc:pl-64rpx pc:py-80rpx pc:w-464px mo:mt-24rpx" dir="ltr"> <div> <p class="font-m text-24px leading-[120%] pc:text-42px pc:leading-[120%] mo:mb-16rpx pad:mb-14rpx">Revolutionary <nobr>Dual-Engine</nobr> Architecture</p> <p class="font-m opacity-60 text-14px leading-[130%] pc:text-16px pc:leading-[130%] pc:mt-18rpx pad:mb-24rpx">Seamless coordination orchestrated by dual-engine architecture adapts to change while balancing performance and battery life. A Snapdragon® W5 Gen 1 flagship wearable chip features cutting-edge 4nm processing for smartphone-level smoothness. And a BES2700 processor boosts efficiency.</p> </div> <div class="flex w-full justify-between items-center pc:h-90px pc:gap-8px mo:mt-16rpx mo:flex-wrap pad:hidden"> <div class="flex flex-col h-full bg-[#201f1c] rounded-4px py-14px px-12px justify-between pc:p-14px pc:rounded-8px pc:w-[27.5%] mo:w-[49.1%] mo:h-72px"> <p class="font-m pc:text-20px pc:leading-24px">4nm</p> <p class="font-m opacity-60 pc:text-16px pc:leading-[120%]">Process</p> </div> <div class="flex flex-col h-full bg-[#201f1c] rounded-4px py-14px px-12px justify-between pc:p-14px pc:rounded-8px pc:w-[39.75%] mo:w-[49.1%] mo:h-72px"> <p class="font-m pc:text-20px pc:leading-24px">60Hz</p> <p class="font-m opacity-60 pc:text-16px pc:leading-[120%]">Max refresh rate</p> </div> <div class="flex flex-col h-full bg-[#201f1c] rounded-4px py-14px px-12px justify-between pc:p-14px pc:rounded-8px pc:w-[28.75%] mo:w-full mo:mt-6rpx mo:h-72px"> <p class="font-m pc:text-20px pc:leading-24px">Instant</p> <p class="font-m opacity-60 pc:text-16px pc:leading-[120%]">App launch</p> </div> </div> </div> </div> </div> <div class="text-white w-full z-3 relative" id="section-smart" ani-smart=""> <div class="sticky-wrapper mx-auto pc:w-full pc:h-[calc(var(--content-height)+1500px)] pc:-mt-90vh mo:w-full pad:w-full pad:pt-80px"> <div class="sticky flex mx-auto w-full justify-center items-center sticky overflow-hidden relative pc:top-[var(--nav-height)] pc:h-[var(--content-height)]"> <div class="h-full w-full overflow-hidden mo:h-780rpx mo:w-360rpx mo:overflow-hidden mo:justify-end mo:items-center pad:h-525rpx pad:min-h-525px"> <div class="container flex h-full items-center relative pc:justify-between pc:w-full mo:flex-col pad:justify-between"><img class="bg h-full object-cover w-full top-0 left-0 z-0 absolute mo:h-[50%] mo:w-full mo:overflow-hidden" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-bg-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-bg-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-bg-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-bg-pad-1.jpg.avif"><img class="num object-contain transform left-[50%] translate-x-[-50%] absolute pc:w-508rpx pc:h-242rpx pc:top-[calc(52vh-242rpx)] mo:w-290rpx mo:h-160rpx mo:top-114.5px pad:w-322rpx pad:min-w-322px pad:h-176rpx pad:min-h-176px pad:top-[calc(110px+24rpx)]" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-num-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-num-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-num-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-num-1.png.avif"><img class="mask object-cover bottom-[-22px] left-0 z-1 absolute pc:hidden mo:hidden pad:h-238rpx pad:w-full" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-mask-pad-1.png.avif"><img class="watch object-contain transform left-[50%] translate-x-[-50%] absolute pc:w-1234rpx pc:h-680rpx pc:top-[48vh] mo:w-421rpx mo:h-225rpx mo:top-225px pad:w-555rpx pad:min-w-555px pad:h-300rpx pad:min-h-300px pad:bottom-[-15px]" alt="OPPO Watch X" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-watch-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-watch-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-watch-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-watch-1.png.avif"> <div class="move-text flex mx-auto items-center justify-between relative pc:w-1312rpx pc:h-full pc:opacity-0 mo:flex-col mo:h-[52%] mo:w-full mo:justify-start mo:text-left mo:pt-24px mo:gap-16rpx mo:absolute mo:bottom-0 mo:bg-black mo: pad:flex-col pad:h-full pad:justify-between pad:text-center"> <div class="left-text pc:w-434rpx pc:relative mo:w-328rpx mo:"> <p class="font-m opacity-95 text-24px leading-[120%] pc:text-42rpx pc:leading-[120%]">Ready for <br class="pc-only">a Long Fight</p> <p class="font-m opacity-75 text-14px leading-[130%] pc:text-16rpx pc:w-332rpx pc:mt-18rpx pc:leading-[130%] mo:mt-16rpx mo:w-full mo:leading-[130%] pad:mt-14rpx pad:w-568px">100 hours of use in smart mode¹² is not a problem. Leave your charger at home for 4-day trip even under smart mode which supports the use of a variety of apps, both health and exercise functions can be used smoothly.</p> <p class="font-m opacity-75 text-12px leading-[130%] pc:text-12rpx pc:leading-[130%] pc:w-332rpx pc:bottom-[-175rpx] pc:left-0 pc:absolute mo:hidden">*One charge will last for<br class="pc-only">48 hours of heavy use¹³.</p> </div> <div class="right-text flex pc:flex-col pc:justify-start pc:w-275rpx mo:flex-col mo:justify-start mo:w-full mo:gap-6rpx pad:gap-6rpx pad:w-720rpx pad:justify-between pad:z-1 pad:pb-47px" dir="ltr"> <div class="flex self-stretch mo:gap-6rpx mo:justify-center pad:gap-6rpx"> <div class="flex flex-col bg-[#201f1c] items-start justify-between pc:w-133rpx pc:h-99rpx pc:p-13rpx pc:rounded-8rpx mo:w-161rpx mo:h-83rpx mo:py-14rpx mo:px-12rpx mo:rounded-4rpx pad:w-175.5rpx pad:h-81rpx pad:py-14rpx pad:px-12rpx pad:rounded-4rpx"><img class="h-28rpx w-28rpx mo:w-30rpx mo:h-30rpx pad:w-24rpx pad:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-3507_32579_30_30-1.svg"> <p class="font-m text-white text-opacity-75 text-14rpx leading-[1.2]">Voice call</p> </div> <div class="flex flex-col bg-[#201f1c] items-start justify-between pc:w-133rpx pc:h-99rpx pc:p-13rpx pc:ml-8rpx pc:rounded-8rpx mo:w-161rpx mo:h-83rpx mo:py-14rpx mo:px-12rpx mo:rounded-4rpx pad:w-175.5rpx pad:h-81rpx pad:py-14rpx pad:px-12rpx pad:rounded-4rpx"><img data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-3507_32583_28_29-1.svg" class="pc:w-28rpx pc:h-28rpx mo:w-30rpx mo:h-30rpx pad:w-24rpx pad:h-24rpx"> <p class="font-m text-white text-opacity-75 text-14rpx leading-[1.2] mo:text-14px">Workouts tracking</p> </div> </div> <div class="flex self-stretch pc:mt-8rpx mo:gap-6rpx mo:justify-center pad:gap-6rpx"> <div class="flex flex-col bg-[#201f1c] items-start justify-between pc:w-133rpx pc:h-99rpx pc:p-13rpx pc:rounded-8rpx mo:w-161rpx mo:h-105rpx mo:py-14rpx mo:px-12rpx mo:rounded-4rpx pad:w-175.5rpx pad:h-81rpx pad:py-14rpx pad:px-12rpx pad:rounded-4rpx"><img data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-3507_32589_30_35-1.svg" class="pc:h-19rpx pc:w-21.21rpx mo:w-30rpx mo:h-30rpx pad:w-24rpx pad:h-24rpx"> <p class="font-m text-white text-opacity-75 text-14rpx leading-[1.2] mo:text-14px">Health <br class="mo-only">monitoring</p> </div> <div class="text-wrapper flex flex-col bg-[#201f1c] items-start justify-between pc:w-133rpx pc:h-99rpx pc:p-13rpx pc:ml-8rpx pc:rounded-8rpx mo:w-161rpx mo:h-105rpx mo:py-14rpx mo:px-12rpx mo:rounded-4rpx pad:w-175.5rpx pad:h-81rpx pad:py-14rpx pad:px-12rpx pad:rounded-4rpx"><img class="h-24rpx w-47rpx mo:h-17rpx mo:w-46rpx pad:w-37rpx pad:h-19rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-smart-3507_32589_30_36-1.svg"> <p class="font-m text-white text-left text-opacity-75 text-14rpx leading-[1.2] mo:text-14px">in-house and 3rd <nobr>party apps</nobr></p> </div> </div> <p class="font-m mx-auto mt-10rpx opacity-75 text-12px leading-[130%] w-328rpx pc:hidden pad:hidden">*One charge will last for<br class="pc-only">48 hours of heavy use¹³.</p> </div> </div> </div> </div> </div> </div> </div> <div class="bg-black w-full" id="section-battery" ani-battery=""> <div class="flex mx-auto gap-40rpx overflow-hidden items-center justify-between pc:w-1312rpx pc:h-760rpx pc:gap-23rpx mo:w-full mo:flex-col-reverse mo:py-80rpx pad:w-720rpx pad:h-472rpx pad:gap-56px"> <div class="left flex h-full flex-1 pc:items-center mo:flex-col mo:justify-center mo:w-328rpx pad:flex-col pad:justify-center"> <p class="font-m text-white mb-14rpx opacity-95 text-24px leading-[1.2] pc:text-42px pc:leading-[1.2] mo:mb-16rpx">Unleash the Magic<br>of Power Saver</p> <p class="font-m text-white opacity-75 text-14px leading-[1.3] pc:hidden">Do more than tell time in Power Saver Mode. You can still access features like calling, controlling music, sleep monitoring and use more than 15 apps. The battery will last up to 12 days<sup>14</sup>, so there's no need to worry if you left the charger at home.</p> </div> <div class="imgs-wrapper relative pc:w-555rpx pc:h-867rpx mo:w-full mo:h-481rpx pad:w-357rpx pad:h-full pad:mr-32px"> <div class="center absolute pc:w-180rpx pc:h-249rpx pc:top-[calc(49%-124.5rpx)] pc:left-[calc(50%-90rpx)] mo:w-150rpx mo:h-202rpx mo:top-0 mo:left-[calc(50%-75rpx)] pad:w-100rpx pad:h-136rpx pad:top-[calc(50%-68rpx)] pad:left-[calc(50%-50rpx)]"><img class="center h-full object-contain w-full top-0 left-0 absolute" alt="OPPO Watch X Power Saver Mode 1" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-center2-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-center2-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-top-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-center2-pad-1.png.avif"></div><img class="top object-contain absolute overflow-hidden pc:w-180rpx pc:h-249rpx pc:top-[calc(14%-124.5rpx)] pc:left-[calc(50%-90rpx)] mo:hidden pad:w-100rpx pad:h-136rpx pad:top-0 pad:left-[calc(50%-50rpx)]" alt="OPPO Watch X Power Saver Mode 2" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-top-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-top-d7111.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-top-pad-1.png.avif"><img class="bottom object-contain absolute overflow-hidden pc:w-180rpx pc:h-249rpx pc:top-[calc(86%-124.5rpx)] pc:left-[calc(50%-90rpx)] mo:w-150rpx mo:h-202rpx mo:bottom-0 mo:left-[calc(50%-75rpx)] pad:w-100rpx pad:h-136rpx pad:bottom-0 pad:left-[calc(50%-50rpx)]" alt="OPPO Watch X Power Saver Mode 3" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-bottom-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-bottom-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-bottom-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-bottom-pad-1.png.avif"><img class="left-top object-contain absolute overflow-hidden pc:w-180rpx pc:h-249rpx pc:top-[calc(33%-124.5rpx)] pc:left-[calc(16%-90rpx)] mo:w-150rpx mo:h-202rpx mo:left-[-47rpx] mo:top-[calc(50%-101rpx)] pad:w-100rpx pad:h-136rpx pad:left-0 pad:top-[calc(50%-68rpx)]" alt="OPPO Watch X Power Saver Mode 4" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-3417_4228_180_249-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-3417_4228_180_249-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-left-mo-1.png.avif?v=20240301" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-left-pad-1.png.avif"><img class="right-top object-contain absolute overflow-hidden pc:w-180rpx pc:h-249rpx pc:top-[calc(33%-124.5rpx)] pc:left-[calc(84%-90rpx)] mo:w-150rpx mo:h-202rpx mo:right-[-47rpx] mo:top-[calc(50%-101rpx)] pad:w-100rpx pad:h-136rpx pad:right-0 pad:top-[calc(50%-68rpx)]" alt="OPPO Watch X Power Saver Mode 5" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-3417_4243_180_249-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-3417_4243_180_249-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-right-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-right-pad-1.png.avif"><img class="left-bottom pc:w-180rpx pc:h-249rpx pc:top-[calc(70%-124.5rpx)] pc:left-[calc(16%-90rpx)] pc:absolute pc:object-contain pc:overflow-hidden mo:hidden pad:hidden" alt="OPPO Watch X Power Saver Mode 6" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-3417_4233_180_249-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-3417_4233_180_249-d7111.png.avif"><img class="right-bottom pc:w-180rpx pc:h-249rpx pc:top-[calc(70%-124.5rpx)] pc:left-[calc(84%-90rpx)] pc:absolute pc:object-contain pc:overflow-hidden mo:hidden pad:hidden" alt="OPPO Watch X Power Saver Mode 7" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-3417_4248_180_249-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-battery-3417_4248_180_249-d7111.png.avif"> </div> <div class="right pc:flex-shrink-0 pc:flex-1 pc:h-full pc:relative pc:flex pc:items-center mo:hidden pad:hidden"> <p class="font-m text-white opacity-75 pc:text-16px pc:leading-[1.3]">Do more than tell time in Power Saver Mode. You can still access features like calling, controlling music, sleep monitoring and use more than 15 apps. The battery will last up to 12 days<sup>14</sup>, so there's no need to worry if you left the charger at home.</p> </div> </div> </div> <div class="bg-black bg-[#141414] w-full z-2 relative pc:py-79rpx pc:flex pc:justify-center mo:py-80rpx pad:py-79rpx pad:flex pad:justify-center" id="section-charge"> <div class="flex mx-auto justify-between items-center pc:w-1312rpx mo:flex-col mo:w-328rpx"> <div class="img-wrapper overflow-hidden pc:w-820rpx pc:h-556rpx mo:w-328rpx mo:h-360rpx pad:w-408rpx pad:h-370rpx"><img class="move w-full opacity-100 pc:h-643rpx mo:h-400rpx pad:h-450rpx" ani-parallay="" frompc="-180" topc="16" from="-100" to="16" frommo="-40px" tomo="20px" alt="OPPO Watch X VOOC Flash Charging" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-charge-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-charge-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-charge-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-charge-pad-1.jpg.avif"></div> <div class="text-wrapper flex flex-col justify-between self-stretch pc:w-458rpx pc:min-w-420px pc:py-19rpx pc:ml-34rpx mo:w-full mo:mt-24rpx pad:w-280rpx pad:min-w-255px pad:py-12rpx pad:ml-24rpx"> <div> <p class="title font-m text-white opacity-95 text-24 pc:text-42rpx pc:leading-[1.2]">Watch VOOC Flash Charging<sup>15</sup></p> <p class="font-m text-white opacity-75 text-14 pc:mt-18rpx pc:text-16px pc:leading-[1.3] mo:mt-16rpx pad:mt-14rpx">Low on battery? No time to charge? No worries. All you need is 10 minutes to recharge for a full day of use.</p> </div> <div class="flex justify-between mo:flex-wrap mo:mt-16rpx pad:flex-wrap"> <div class="flex flex-col bg-[#201f1c] justify-between relative overflow-hidden pc:w-147rpx pc:min-w-133px pc:h-110px pc:px-15rpx pc:py-19rpx pc:rounded-8rpx mo:w-[49.1%] mo:h-72px mo:px-12rpx mo:py-14rpx mo:rounded-4rpx pad:w-[48.9%] pad:h-72px pad:px-12rpx pad:py-14rpx pad:rounded-4rpx"> <p class="font-m text-white text-16 leading-[1.2] pct:text-20px">10 mins<sup>16</sup></p> <p class="font-m text-white opacity-60 text-14 leading-[1.2] pct:text-16px">1 day use</p> </div> <div class="flex flex-col bg-[#201f1c] justify-between relative overflow-hidden pc:w-147rpx pc:min-w-133px pc:h-110px pc:px-15rpx pc:py-19rpx pc:rounded-8rpx mo:w-[49.1%] mo:h-72px mo:px-12rpx mo:py-14rpx mo:rounded-4rpx pad:w-[48.9%] pad:h-72px pad:px-12rpx pad:py-14rpx pad:rounded-4rpx"> <p class="font-m text-white text-16 leading-[1.2] pct:text-20px">60 mins</p> <p class="font-m text-white opacity-60 text-14 leading-[1.2] pct:text-16px">1-100%</p> </div> <div class="flex flex-col bg-[#201f1c] justify-between relative overflow-hidden pc:w-147rpx pc:min-w-133px pc:h-110px pc:px-15rpx pc:py-19rpx pc:rounded-8rpx mo:w-full mo:mt-6rpx mo:h-72px mo:px-12rpx mo:py-14rpx mo:rounded-4rpx pad:w-full pad:mt-6rpx pad:h-72px pad:px-12rpx pad:py-14rpx pad:rounded-4rpx"> <p class="font-m text-white text-16 leading-[1.2] pct:text-20px">500 mAh</p> <p class="font-m text-white opacity-60 text-14 leading-[1.2] pct:text-16px">Supersized battery</p> </div> </div> </div> </div> </div> <div class="bg-black text-white w-full relative mo:overflow-hidden" id="section-need" ani-need=""> <div class="absolute top-[calc(0px-var(--nav-height))]" id="anchor-need"></div> <div class="title-wrapper relative z-0 bg-black text-white text-center font-b w-full text-40 capitalize pc:pt-190rpx pc:text-68 mo:pt-80rpx mo:hidden pad:pt-100rpx" ani-bounce-text="">all you need <br class="pc-hidden">is one <br class="pc-only">very <br class="pc-hidden">smart watch</div> <div class="sticky-wrapper mx-auto z-1 pc:w-1312rpx pc:h-[calc(var(--content-height)+1000px)] pc:-mt-100vh mo:w-360rpx pad:h-[calc(var(--content-height)+var(--content-height))] pad:w-720rpx pad:-mt-100vh"> <div class="sticky flex mx-auto w-full justify-center items-center sticky overflow-hidden relative pc:top-[var(--nav-height)] pc:h-[var(--content-height)] mo:h-[calc(680rpx+80px)] mo:flex-col pad:top-[var(--nav-height)] pad:h-[var(--content-height)]"> <div class="title-wrapper relative z-0 bg-black text-white text-center font-b text-40 w-328rpx capitalize pc:hidden mo:pt-80rpx pad:hidden" ani-bounce-text="">all you need <br class="pc-hidden">is one <br class="pc-only">very <br class="pc-hidden">smart watch</div> <div class="pc:h-750rpx pc:max-h-750rpx pc:w-full mo:h-600px mo:w-full pad:h-447px pad:w-full"> <div class="container flex items-end pc:h-full pc:justify-between pc:w-full mo:flex-col mo:items-center mo:w-full pad:justify-between pad:h-full pad:items-center"> <div class="move-text font-m pc:w-320rpx pc:opacity-95 pc:text-42rpx pc:leading-[1.2] pc:flex pc:items-center pc:h-full mo:hidden pad:hidden"> <p class="title">Powered <br class="mo-hidden">with <br class="mo-only">Wear OS <br class="mo-hidden">by Google<sup>17</sup></p> </div> <div class="watch-wrapper relative pc:w-662rpx pc:h-663rpx mo:w-360rpx mo:h-290rpx pad:w-307rpx pad:h-308rpx pad:ml-53px"><img class="watch h-full object-contain w-full left-0 absolute pc:-bottom-30rpx mo:top-0 mo:origin-bottom pad:top-0" alt="OPPO Watch X Wear OS by Google" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-need-3521_4302_662_663-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-need-3521_4302_662_663-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-need-3521_4302_662_663-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-need-3521_4302_662_663-1.png.avif"><img class="mask h-full object-contain w-full left-0 absolute pc:-bottom-30rpx mo:top-0 pad:top-0" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-need-mask-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-need-mask-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-need-mask-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-need-mask-1.png.avif"></div> <div class="move-text flex flex-col pc:items-start pc:justify-center pc:h-full mo:w-328rpx mo:mt-24rpx pad:w-259rpx pad:gap-14rpx"> <p class="title font-m opacity-95 text-24px leading-[1.2] pc:hidden mo:mb-16rpx">Powered <br class="mo-hidden">with <br class="mo-only">Wear OS <br class="mo-hidden">by Google<sup>17</sup></p> <p class="font-m opacity-75 text-14px leading-[1.3] pc:w-263rpx pc:text-16px pc:leading-[1.3] mo:mb-16rpx">Wear OS by Google allows you to stay up-to-date while staying in the moment. Get all your favorite Google apps on your OPPO Watch X. Navigate with Google Maps, pay on the go with Google Pay, get answers with Google Assistant, and more.</p> </div> </div> </div> </div> </div> </div> <div class="w-screen" id="section-p3" ani-p3=""> <div class="w-screen bg-[#141414]" id="section-p3-part1" ani-p3-part1=""> <div class="sticky-con w-full pcpad:h-[calc(400vh-var(--nav-height))] mo:py-80rpx"> <div class="sticky-item w-full pcpad:sticky pcpad:top-[var(--nav-height)] pcpad:h-[var(--content-height)] pcpad:flex pcpad:justify-center pcpad:items-center"> <div class="card-wrapper card-wrapper-0 flex justify-between items-center full relative mo:relative"> <div class="card-item mx-auto pcpad:flex pcpad:justify-between pcpad:items-center pc:w-1312rpx pc:h-504rpx mo:w-328rpx pad:w-720rpx pad:h-320rpx"> <div class="card-pic-wrapper overflow-hidden pc:w-804rpx pc:h-full mo:w-full mo:h-200rpx pad:w-420rpx pad:h-full"><img class="card-pic w-full object-cover pc:h-604rpx pc:-mt-100rpx mo:h-280rpx mo:-mt-80rpx pad:h-400rpx pad:-mt-80rpx" alt="OPPO Watch X Google Assistant" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic0-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic0-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic0-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic0-pad-1.jpg.avif"></div> <div class="text-wrapper text-white pc:ml-93rpx pc:mr-105rpx pc:w-310px mo:w-full mo:mt-24px pad:ml-24rpx pad:mr-20rpx pad:w-256px"> <div class="title font-m font-medium !leading-[1.2] mot:text-24px pc:text-42px">A little help on <br class="mo-hidden">your wrist</div> <div class="desc font-m font-medium opacity-75 !leading-[1.3] mot:text-14px mot:mt-16px pc:text-16px pc:mt-18px">Get help from Google Assistant¹⁸ on OPPO Watch X. Just say "Hey Google" to send a quick message or check the weather for the day. Keep your phone in your bag or pocket and still stay connected to get things done, right from your wrist.</div> </div> </div> </div> <div class="card-wrapper card-wrapper-1 flex justify-between items-center full abs-0 mo:mt-64rpx mo:relative"> <div class="card-item mx-auto pcpad:flex pcpad:justify-between pcpad:items-center pc:w-1312rpx pc:h-504rpx mo:w-328rpx pad:w-720rpx pad:h-320rpx"> <div class="card-pic-wrapper overflow-hidden pc:w-804rpx pc:h-full mo:w-full mo:h-200rpx pad:w-420rpx pad:h-full"><img class="card-pic w-full object-cover pc:h-604rpx pc:-mt-100rpx mo:h-280rpx mo:-mt-80rpx pad:h-400rpx pad:-mt-80rpx" alt="OPPO Watch X Google Pay" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic1-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic1-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic1-pad-1.jpg.avif"></div> <div class="text-wrapper text-white pc:ml-93rpx pc:mr-105rpx pc:w-310px mo:w-full mo:mt-24px pad:ml-24rpx pad:mr-20rpx pad:w-256px"> <div class="title font-m font-medium !leading-[1.2] mot:text-24px pc:text-42px">Leave your <br class="mo-hidden">wallet at home</div> <div class="desc font-m font-medium opacity-75 !leading-[1.3] mot:text-14px mot:mt-16px pc:text-16px pc:mt-18px">Google Wallet¹⁹ gives you fast, secure access to your everyday essentials right on your wrist. Use it to pay everywhere Google Pay is accepted.</div> </div> </div> </div> <div class="card-wrapper card-wrapper-2 flex justify-between items-center full abs-0 mo:mt-64rpx mo:relative"> <div class="card-item mx-auto pcpad:flex pcpad:justify-between pcpad:items-center pc:w-1312rpx pc:h-504rpx mo:w-328rpx pad:w-720rpx pad:h-320rpx"> <div class="card-pic-wrapper overflow-hidden pc:w-804rpx pc:h-full mo:w-full mo:h-200rpx pad:w-420rpx pad:h-full"><img class="card-pic w-full object-cover pc:h-604rpx pc:-mt-100rpx mo:h-280rpx mo:-mt-80rpx pad:h-400rpx pad:-mt-80rpx" alt="OPPO Watch X Google Message Synchronization" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic2-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic2-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic2-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic2-pad-1.jpg.avif"></div> <div class="text-wrapper text-white pc:ml-93rpx pc:mr-105rpx pc:w-310px mo:w-full mo:mt-24px pad:ml-24rpx pad:mr-20rpx pad:w-256px"> <div class="title font-m font-medium !leading-[1.2] mot:text-24px pc:text-42px">Up to date <br class="mo-hidden">on the go</div> <div class="desc font-m font-medium opacity-75 !leading-[1.3] mot:text-14px mot:mt-16px pc:text-16px pc:mt-18px">Swipe through multiple notifications at once, then reply easily in the moment with a quick tap. Wear OS by Google allows you to browse, dismiss, or act<sup>*</sup> on your notifications.</div> <div class="remark opacity-30 mot:text-10px mot:mt-24px pc:text-10px pc:mt-88px">*Smart replies are only supported on watches set to English and in smart mode.</div> </div> </div> </div> <div class="card-wrapper card-wrapper-3 flex justify-between items-center full abs-0 mo:mt-64rpx mo:relative"> <div class="card-item mx-auto pcpad:flex pcpad:justify-between pcpad:items-center pc:w-1312rpx pc:h-504rpx mo:w-328rpx pad:w-720rpx pad:h-320rpx"> <div class="card-pic-wrapper overflow-hidden pc:w-804rpx pc:h-full mo:w-full mo:h-200rpx pad:w-420rpx pad:h-full"><img class="card-pic w-full object-cover pc:h-604rpx pc:-mt-100rpx mo:h-280rpx mo:-mt-80rpx pad:h-400rpx pad:-mt-80rpx" alt="OPPO Watch X Google Map" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic3-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic3-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic3-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part1-pic3-pad-1.jpg.avif"></div> <div class="text-wrapper text-white pc:ml-93rpx pc:mr-105rpx pc:w-310px mo:w-full mo:mt-24px pad:ml-24rpx pad:mr-20rpx pad:w-256px"> <div class="title font-m font-medium !leading-[1.2] mot:text-24px pc:text-42px">Explore the <br class="mo-hidden">world on <br class="mo-only">your wrist</div> <div class="desc font-m font-medium opacity-75 !leading-[1.3] mot:text-14px mot:mt-16px pc:text-16px pc:mt-18px">Navigate the world with Google Maps. Enjoy turn-by-turn directions for driving, walking, and cycling. Let your OPPO Watch X guide you effortlessly to your destination.</div> </div> </div> </div> </div> </div> </div> <div class="w-screen bg-[#141414] z-2 relative" id="section-p3-part2" ani-p3-part2=""> <div class="sticky-con w-full" dir="ltr"> <div class="sticky-item sticky pc:top-[calc(50vh-415rpx)] mo:top-[var(--nav-height)] pad:top-[calc(50vh-232rpx)]"> <div class="mx-auto relative pc:w-1312rpx mo:w-328rpx pad:w-720rpx"> <div class="gap pc:h-135rpx mo:h-26rpx pad:h-80rpx"></div> <div class="prod-wrapper relative pc:w-815rpx pc:h-826rpx pc:-ml-142rpx mo:w-486rpx mo:h-492rpx mo:-ml-175rpx pad:w-458rpx pad:h-464rpx pad:-ml-124rpx"> <div class="prod-ui-wrappers relative full z-9 -ml-1px" current-ui="0"> <div class="prod-ui-wrapper relative z-5 full"><img class="prod-ui relative full z-1" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-ui0-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-ui0-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-ui0-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-ui0-1.png.avif"> <div class="prod-mask active full abs-0 z-2 bg-[#141414]"></div> </div> <div class="prod-ui-wrapper abs-0 z-6 full"><img class="prod-ui relative full z-1" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-ui1-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-ui1-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-ui1-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-ui1-1.png.avif"> <div class="prod-mask active full abs-0 z-2 bg-[#141414]"></div> </div> <div class="prod-ui-wrapper abs-0 z-7 full"><img class="prod-ui relative full z-1" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-ui2-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-ui2-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-ui2-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-ui2-1.png.avif"> </div> </div><img class="prod-frame abs-0 full z-10" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-frame-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-frame-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-frame-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-prod-frame-1.png.avif"> <div class="mask mo-only full abs-0 z-11 bg-[#141414]"></div> </div> </div> </div> <div class="cards-wrapper relative pc:w-571rpx pc:ml-[calc(50vw+85rpx)] mo:w-328rpx mo:mx-auto pad:w-328rpx pad:ml-[calc(50vw+32rpx)]"> <div class="pic-card pc:pt-166rpx pad:pt-114rpx" dir=""> <div class="title font-m font-medium !leading-[1.2] text-white mot:text-24px pc:text-42px">Keep Up <br>Keep in Touch</div> <div class="pic-wrapper overflow-hidden mot:mt-24rpx mot:w-328rpx mot:h-212rpx pc:mt-42rpx pc:w-571rpx pc:h-368rpx"><img class="pic w-full object-cover mot:h-260rpx pc:h-428rpx" alt="OPPO Watch X Keep Up, OPPO Watch X Keep in Touch" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-pic0-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-pic0-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-pic0-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-pic0-1.jpg.avif"></div> </div> <div class="icon-card pc:mt-20vh mo:mt-140px pad:mt-20vh" dir=""><img class="icon mot:w-28px mot:h-28px pc:w-32px pc:h-32px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-icon1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-icon1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-icon1-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-icon1-1.svg"> <div class="mt-20px mot:w-full pc:w-345rpx"> <div class="title font-m font-medium !leading-[1.2] text-white mot:text-20px pc:text-32px">Pick up, any time</div> <div class="desc font-m font-medium !leading-[1.3] text-white opacity-75 mot:text-14px mot:mt-12px pc:text-16px pc:mt-16px">Stay connected while you're out with friends, at the gym, or lounging by the pool. Pick up, reject, or check call logs from your watch.</div> </div> </div> <div class="icon-card pc:mt-20vh mo:mt-140px pad:mt-20vh" dir=""><img class="icon mot:w-28px mot:h-28px pc:w-32px pc:h-32px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-icon2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-icon2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-icon2-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-icon2-1.svg"> <div class="mt-20px mot:w-full pc:w-345rpx"> <div class="title font-m font-medium !leading-[1.2] text-white mot:text-20px pc:text-32px">Drop the beat, DJ!</div> <div class="desc font-m font-medium !leading-[1.3] text-white opacity-75 mot:text-14px mot:mt-12px pc:text-16px pc:mt-16px">Control music on your watch for a movement-friendly listening experience.</div> </div> </div> <div class="icon-card pc:mt-20vh mo:mt-140px pad:mt-20vh" dir=""><img class="icon mot:w-28px mot:h-28px pc:w-32px pc:h-32px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-icon3-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-icon3-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-icon3-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part2-icon3-1.svg"> <div class="mt-20px mot:w-full pc:w-345rpx"> <div class="title font-m font-medium !leading-[1.2] text-white mot:text-20px pc:text-32px">Find your phone</div> <div class="desc font-m font-medium !leading-[1.3] text-white opacity-75 mot:text-14px mot:mt-12px pc:text-16px pc:mt-16px">Always scrambling to find your phone when you're about to head out? Locate your phone by controlling it to ring through the watch control centre.</div> </div> </div> </div> </div> </div> <div class="w-screen bg-[#141414] relative mot:pt-100rpx mot:pb-80rpx pc:pt-182rpx" id="section-p3-part3" ani-p3-part3=""> <div class="absolute top-[calc(0px-var(--nav-height))]" id="anchor-p3-part3"></div> <div class="main-title-origin-pos"> <div class="main-title font-b font-bold text-white text-center !leading-[1.2] mot:text-40px pc:text-68px">Elevate<br> Every Move</div> </div> <div class="sticky-con w-full pc:h-[calc(100vh+700rpx)]"> <div class="sticky-item pc:w-full pc:h-[var(--content-height)] pc:sticky pc:top-[var(--nav-height)] pc:overflow-hidden pc:flex pc:justify-center pc:items-center"> <div class="card-wrapper pc:w-1312rpx pc:h-669rpx pc:max-h-82vh pc:relative mo:w-328rpx mo:mx-auto pad:w-720rpx pad:mx-auto"> <div class="title-wrapper pad-only text-white"> <div class="title font-m font-medium mot:text-24px !mot:leading-[1.2]">Always Stay on Track</div> <div class="desc font-m font-medium mot:text-14px !mot:leading-[1.3] mot:mt-14px mot:opacity-75">With a precision dual-frequency GPS system, it can accurately restore the movement trajectory. Our exclusive, omnidirectional antenna design supports five major satellite positioning systems across L1 and L5 frequency bands. A wider signal range and faster satellite acquisition enable more precise route, distance, and pace tracking, no matter in complex city streets or wild paths.</div> </div> <div class="video-con full relative overflow-hidden mo:h-294rpx pad:mt-24rpx pad:h-320rpx"> <div class="video-wrapper full relative" data-src-pc="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-p3-part3_1920.flv" data-src-pad="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-p3-part3_1920.flv" data-src-mo="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-p3-part3-mo_688.flv" ani-p3-part3-video=""> <canvas class="full" alt="OPPO Watch X GPS Video"></canvas><img class="full object-cover" alt="OPPO Watch X Always Stay on Track" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-p3-part3_1920_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-p3-part3_1920_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-p3-part3-mo_688_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-p3-part3_1920_poster-1.jpg.avif"> </div> </div> <div class="text-con pc:absolute pc:left-0 pc:-top-1px pc:w-554rpx pc:h-[calc(100%+2px)] pc:bg-[#141414] mo:mt-24rpx pad:mt-8rpx"> <div class="text-wrapper text-white pc: pc:w-512rpx pc:h-full pc:py-24rpx pc:flex pc:flex-col pc:justify-between"> <div class="title-wrapper pad-hidden"> <div class="title font-m font-medium !leading-[1.2] mot:text-24px 1024t:text-28px pc:text-42px">Always Stay on Track</div> <div class="desc font-m font-medium !leading-[1.3] opacity-75 pc:text-16px pc:mt-18px mo:text-14px mo:mt-18px">With a precision dual-frequency GPS system, it can accurately restore the movement trajectory. Our exclusive, omnidirectional antenna design supports five major satellite positioning systems across L1 and L5 frequency bands. A wider signal range and faster satellite acquisition enable more precise route, distance, and pace tracking, no matter in complex city streets or wild paths.</div> </div> <div class="details-wrapper w-full flex justify-between items-stretch mo:flex-wrap mo:mt-16px"> <div class="detail-card flex flex-col justify-between bg-[#201f1c] pc:w-150rpx pc:min-h-110rpx pc:p-14rpx pc:rounded-8rpx mo:w-161rpx mo:px-12rpx mo:py-14rpx mo:rounded-4rpx pad:w-236rpx pad:min-h-89rpx pad:p-12rpx pad:rounded-4rpx"> <div class="title font-m font-medium !leading-[1.2] mot:text-16px pc:text-20px">400%</div> <div class="desc font-m font-medium !leading-[1.2] opacity-60 mot:text-14px mot:mt-8px pc:text-14px pc:mt-18px">Signal strength boost²⁰</div> </div> <div class="detail-card flex flex-col justify-between bg-[#201f1c] pc:w-195rpx pc:min-h-110rpx pc:p-14rpx pc:rounded-8rpx mo:w-161rpx mo:px-12rpx mo:py-14rpx mo:rounded-4rpx pad:w-236rpx pad:min-h-89rpx pad:p-12rpx pad:rounded-4rpx"> <div class="title font-m font-medium !leading-[1.2] mot:text-16px pc:text-20px">100%</div> <div class="desc font-m font-medium !leading-[1.2] opacity-60 mot:text-14px mot:mt-8px pc:text-14px pc:mt-18px">Improved <br class="pad-hidden">anti-interference performance²¹</div> </div> <div class="detail-card flex flex-col justify-between bg-[#201f1c] pc:w-150rpx pc:min-h-110rpx pc:p-14rpx pc:rounded-8rpx mo:w-full mo:mt-6rpx mo:px-12rpx mo:py-14rpx mo:rounded-4rpx pad:w-236rpx pad:min-h-89rpx pad:p-12rpx pad:rounded-4rpx"> <div class="title font-m font-medium !leading-[1.2] mot:text-16px pc:text-20px">IMU</div> <div class="desc font-m font-medium !leading-[1.2] opacity-60 mot:text-14px mot:mt-8px pc:text-14px pc:mt-18px">Sensor fusion</div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-screen bg-[#141414]" id="section-p3-part4" ani-p3-part4=""> <div class="cnt-wrapper w-full overflow-hidden relative pc:h-52.78vw mo:h-177.78vw pad:h-61.85vw"><img class="bg-pic relative w-full object-cover z-1 pc:h-62.5vw mo:h-200vw pad:h-73.2vw" alt="OPPO Watch X Running" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part4-pic0-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part4-pic0-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part4-pic0-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part4-pic0-1.jpg.avif"> <div class="bg-mask full abs-0 z-2"></div> <div class="leave-mask mo-hidden bg-black full abs-0 z-3"></div> <div class="text-wrapper absolute text-white z-3 transform -translate-y-1/2 pc:top-1/2 pc:left-1/2 pc:-translate-x-1/2 pc:text-center mo:w-328rpx mo:top-[calc(50%+58rpx)] mo:left-1/2 mo:-translate-x-1/2 mo:text-center pad:top-1/2 pad:left-[calc(50vw-360rpx)] pad:w-326px"> <div class="title font-m font-medium !leading-[1.2] mot:text-24px 1024t:text-28px pc:text-42px">From Amateur <br class="pad-hidden">to Professional</div> <div class="desc font-m font-medium !leading-[1.3] mot:text-14px mot:mt-14px pc:text-16px pc:mt-18px pc:w-430px">Without the need to wear other assistive devices, the watch can directly monitor metrics such as ground contact time (GCT), GCT balance, vertical oscillation, pace, and more. In addition to supporting indoor and outdoor run, a new track running mode has been added.</div> </div> </div> </div> <div class="w-screen bg-[#010101] overflow-hidden" id="section-p3-part5" ani-p3-part5=""> <div class="cnt-wrapper flex mx-auto relative pcpad:items-center pc:w-1172rpx pc:h-760rpx mo:w-328rpx mo:py-80rpx mo:flex-col pad:w-720rpx pad:h-420rpx" use-will-change-parent=""> <div class="text-wrapper text-white pc:w-348px mo:w-full mo:order-2 mo:z-2 mo:-mt-106rpx pad:w-254px"> <div class="title font-m font-medium !leading-[1.2] mot:text-24px 1024t:text-28px pc:text-42px">Your Wearable <br>Running Coach</div> <div class="desc font-m font-medium !leading-[1.3] opacity-75 mot:text-14px mot:mt-14px pc:text-16px pc:mt-18px">Evaluation is given by comprehensively analyzing the running data²². It also evaluates the effectiveness of running training and predicts how much recovery time you'll need.</div> </div> <div class="prod-leave-wrapper pcpad:absolute pc:w-967rpx pc:h-1127rpx pc:-right-317rpx pc:top-133rpx mo:ml-43rpx mo:order-1 mo:z-1 mo:w-405rpx mo:h-471rpx pad:w-460rpx pad:h-536rpx pad:-right-68rpx pad:top-55rpx" use-will-change-transform-pc-pad=""><img class="prod-img full" use-will-change-transform="" alt="OPPO Watch X Running Coach" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part5-pic0-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part5-pic0-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part5-pic0-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part5-pic0-1.png.avif"></div> </div> </div> <div class="w-screen bg-[#141414] relative overflow-hidden mot:pt-80rpx pc:pt-142rpx" id="section-p3-part6" ani-p3-part6=""> <div class="absolute top-[calc(0px-var(--nav-height))]" id="anchor-p3-part6"></div> <div class="cnt-wrapper relative mx-auto pc:w-1312rpx mo:w-328rpx mo:flex mo:flex-col pad:w-720rpx"> <div class="text-wrapper text-white w-full pc:flex pc:justify-between mo:order-2 mo:mt-24rpx pad:flex pad:justify-between"> <div class="title font-m font-medium !leading-[1.2] mot:text-24px 1024t:text-28px pc:text-42px pc:w-629rpx pad:flex-shrink-0 pad:mr-20px">Exclusive Badminton Mode <br>Record Every Stroke</div> <div class="desc font-m font-medium !leading-[1.3] opacity-75 mot:text-14px pc:text-16px pc:w-418px mo:mt-16px pad:w-309px">This exclusive, in-house feature aggregates data collected from pro athletes. Therefore, it can accurately monitor the swing movement, swing speed, longest rally and other professional badminton data²³.</div> </div> <div class="prod-wrapper relative overflow-hidden w-full pc:h-646rpx pc:mt-42rpx mo:order-1 mo:h-310rpx pad:h-380rpx pad:mt-24rpx"><img class="prod-img w-full object-cover pc:h-800rpx mo:h-359rpx pad:h-470rpx" alt="OPPO Watch X Badminton" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part6-pic0-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part6-pic0-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part6-pic0-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part6-pic0-1.jpg.avif"></div> </div> </div> <div class="w-screen bg-[#141414] overflow-hidden pc:pt-120rpx mo:pt-80rpx pad:pt-48rpx" id="section-p3-part7" ani-p3-part7=""> <div class="cnt-wrapper relative mx-auto pc:w-1312rpx mo:w-328rpx pad:w-720rpx"> <div class="text-wrapper text-white w-full"> <div class="title font-m font-medium !leading-[1.2] mot:text-24px 1024t:text-28px pc:text-42px">Real-Time Data in 3 Dimensions</div> </div> <div class="prods-wrapper relative overflow-hidden pc:w-full pc:mt-42rpx pc:flex pc:justify-between pc:items-stretch mo:mt-24rpx mo:w-full pad:w-full pad:mt-24rpx pad:flex pad:justify-between pad:items-stretch"> <div class="prod-wrapper bg-black flex flex-col items-center pc:w-430rpx pc:px-34rpx pc:pt-34rpx pc:pb-40rpx mo:w-full mo:px-14rpx mo:pt-24rpx mo:pb-36rpx mo:mt-8rpx pad:w-236rpx pad:px-14rpx pad:pt-24rpx pad:pb-40rpx"> <div class="title font-m font-medium text-white !leading-[1.2] opacity-75 w-full mot:text-16px pc:text-24px">Shot distribution</div><img class="prod-img pc:w-304rpx pc:h-304rpx pc:mt-37rpx mo:w-160rpx mo:h-160rpx mo:mt-24rpx pad:w-140rpx pad:h-140rpx pad:mt-32rpx" alt="OPPO Watch X Shot distribution UI" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part7-pic0-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part7-pic0-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part7-pic0-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part7-pic0-1.png.avif"> </div> <div class="prod-wrapper bg-black flex flex-col items-center pc:w-430rpx pc:px-34rpx pc:pt-34rpx pc:pb-40rpx mo:w-full mo:px-14rpx mo:pt-24rpx mo:pb-36rpx mo:mt-8rpx pad:w-236rpx pad:px-14rpx pad:pt-24rpx pad:pb-40rpx"> <div class="title font-m font-medium text-white !leading-[1.2] opacity-75 w-full mot:text-16px pc:text-24px">Swing speed</div><img class="prod-img pc:w-304rpx pc:h-304rpx pc:mt-37rpx mo:w-160rpx mo:h-160rpx mo:mt-24rpx pad:w-140rpx pad:h-140rpx pad:mt-32rpx" alt="OPPO Watch X Swing speed UI" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part7-pic1-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part7-pic1-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part7-pic1-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part7-pic1-1.png.avif"> </div> <div class="prod-wrapper bg-black flex flex-col items-center pc:w-430rpx pc:px-34rpx pc:pt-34rpx pc:pb-40rpx mo:w-full mo:px-14rpx mo:pt-24rpx mo:pb-36rpx mo:mt-8rpx pad:w-236rpx pad:px-14rpx pad:pt-24rpx pad:pb-40rpx"> <div class="title font-m font-medium text-white !leading-[1.2] opacity-75 w-full mot:text-16px pc:text-24px">Heart rate zone range</div><img class="prod-img pc:w-304rpx pc:h-304rpx pc:mt-37rpx mo:w-160rpx mo:h-160rpx mo:mt-24rpx pad:w-140rpx pad:h-140rpx pad:mt-32rpx" alt="OPPO Watch X Heart rate zone range UI" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part7-pic2-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part7-pic2-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part7-pic2-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part7-pic2-1.png.avif"> </div> </div> </div> </div> <div class="w-screen bg-[#141414] overflow-hidden pc:pt-80rpx mo:py-80rpx pad:pt-80rpx" id="section-p3-part8" ani-p3-part8=""> <div class="cnt-wrapper relative mx-auto pcpad:flex pcpad:items-center pc:w-1312rpx pc:h-720rpx mo:w-328rpx pad:w-720rpx pad:h-420rpx"> <div class="text-wrapper text-white relative z-1 pc:ml-804rpx pc:-mt-200rpx pad:ml-443rpx pad:-mt-72rpx pad:w-277px"> <div class="title font-m font-medium !leading-[1.2] mot:text-24px 1024t:text-28px pc:text-42px pc:w-368px">Visualised Workout Summary</div> <div class="desc font-m font-medium !leading-[1.3] opacity-75 mot:text-14px mot:mt-14px pc:text-16px pc:w-348px pc:mt-18px">Track your on-court performance, analyze your playing style, and gain a better understanding of your game from match to match.</div> </div> <div class="prod-wrapper z-2 pcpad:absolute pc:w-669rpx pc:h-640rpx pc:left-0rpx pc:bottom-50rpx mo:mt-24rpx mo:w-full mo:h-350rpx pad:w-434rpx pad:h-415rpx pad:-left-80rpx pad:bottom-0"><img class="prod-img full origin-left" alt="OPPO Watch X Visualized Workout Summary" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part8-pic0-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part8-pic0-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part8-pic0-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p3-part8-pic0-1.png.avif"></div> </div> </div> </div> <div class="w-screen font-m mo:overflow-hidden" id="section-p4" ani-p4=""> <div class="text-white w-full relative pc:-mt-[20vh] pc:" id="section-fitness" ani-fitness=""> <div class="title flex flex-col w-full items-center pc: pc:pt-182px pc:text-center mo:pt-64px pad:pt-100px pad:text-center"> <div id="id-fitness-title-up" class="pc:h-20vh pad:h-100rpx"></div> <div class="mot:text-24px mot:leading-[120%] pc:text-42px pc:leading-[120%] pc: mo:w-328rpx pad:w-267px">Fitness in <br class="pc-only">All Its Forms</div> <div class="opacity-75 pc:mt-18px pc:text-16px pc:leading-[130%] pc:w-388px mo:mt-16px mo:w-328rpx mo:text-14px mo:leading-[130%] mo: pad:mt-14px pad:text-14px pad:leading-[120%] pad:w-267px pad:">Love a niche form of exercise? If you have the time to do it, OPPO Watch X can probably track it. <br class="pc-only">We support 11 workouts with specialised data.</div> </div>  <div class="flex h-[var(--content-height)] top-[var(--nav-height)] z-2 mo-hidden overflow-hidden sticky items-center justify-center" id="id-watch" data-pic="-1" ani-fitness-watch=""> <div id="id-fitness-watch-container-scale" class=""> <div class="flex h-431rpx w-311rpx relative justify-center items-center pad:w-160rpx pad:h-220rpx" id="id-fitness-watch-container"><img class="object-cover h-431rpx w-311rpx z-9 pad:w-160rpx pad:h-220rpx" alt="" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-watch-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-watch-d7111.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-watch-1.png.avif"> <div class="h-244rpx w-244rpx z-1 absolute pad:w-125rpx pad:h-125rpx"> <div class="h-244rpx w-244rpx relative pad:w-125rpx pad:h-125rpx"><img class="transition-opacity ease duration-500 absolute pc:left-[-4rpx] pc:w-244rpx pc:h-244rpx pad:w-125rpx pad:h-125rpx pad:left-[-2rpx]" id="id-img-0" alt="OPPO Watch X Skiing" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-0-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-0-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-0-1.svg"><img class="transition-opacity ease duration-500 absolute pc:left-[-4rpx] pc:w-244rpx pc:h-244rpx pad:w-125rpx pad:h-125rpx pad:left-[-2rpx]" id="id-img-1" alt="OPPO Watch X Badminton" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-1-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-1-1.svg"><img class="transition-opacity ease duration-500 absolute pc:left-[-4rpx] pc:w-244rpx pc:h-244rpx pad:w-125rpx pad:h-125rpx pad:left-[-2rpx]" id="id-img-2" alt="OPPO Watch X Swimming" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-2-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-2-1.svg"><img class="transition-opacity ease duration-500 absolute pc:left-[-4rpx] pc:w-244rpx pc:h-244rpx pad:w-125rpx pad:h-125rpx pad:left-[-2rpx]" id="id-img-3" alt="OPPO Watch X Riding" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-3-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-3-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-3-1.svg"><img class="transition-opacity ease duration-500 absolute pc:left-[-4rpx] pc:w-244rpx pc:h-244rpx pad:w-125rpx pad:h-125rpx pad:left-[-2rpx]" id="id-img-4" alt="OPPO Watch X Workout UI" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-4-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-4-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-4-1.svg"><img class="transition-opacity ease duration-500 absolute pc:left-[-4rpx] pc:w-244rpx pc:h-244rpx pad:w-125rpx pad:h-125rpx pad:left-[-2rpx]" id="id-img-5" alt="undefined" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-5-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-5-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-5-1.svg"> </div> </div> <div class="z-0 absolute pc:-ml-7rpx pad:-ml-5rpx"> <div class="rounded-[50%] transition-opacity ease duration-500 overflow-hidden pc:w-244rpx pc:h-244rpx pc:relative pad:w-125rpx pad:h-125rpx pad:relative" ani-watch-video="" data-src-pc="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-ui0_720.flv" data-src-mo="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-ui0_720.flv" data-src-pad="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-ui0_720.flv"> <canvas></canvas> <video></video><img data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-ui0_720_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-ui0_720_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-ui0_720_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-ui0_720_poster-1.jpg.avif" class=""> </div> </div> </div> </div> </div>  <div class="mo-hidden flex flex-col mt-[-var(--content-height)] relative items-center pc:max-h-4320px pad:max-h-4096px" id="id-four-cards"> <div class="flex h-[var(--content-height)] opacity-card w-1312rpx relative items-center pc:max-h-1080px pad:w-720rpx pad:max-h-1024px" data-id="0" ani-opacity-card=""> <div class="bg-[#201F1C] p-24rpx left-0 w-433rpx absolute pad:w-230rpx pad:p-14rpx pad:pb-24rpx"> <div class="h-244rpx w-393rpx overflow-hidden pad:w-202rpx pad:h-128rpx" ani-p4-pic-trans-y=""><img class="object-cover h-315rpx w-396rpx pad:w-202rpx pad:h-168rpx" alt="OPPO Watch X Skiing" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-poster-0-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-poster-0-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pad-0-1.jpg.avif"></div> <div class="mt-18rpx pad:mt-18px"><img class="h-48rpx w-48rpx pad:w-24px pad:h-24px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-ski-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-ski-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-ski-1.svg"> <div class="title mt-24rpx text-20px leading-[110%] pad:mt-12px pad:text-16px pad:leading-[110%]">Breaking Records on the Slopes</div> <div class="content mt-10px opacity-75 text-16px leading-[130%] pad:text-14px pad:leading-[120%]">Track your ski data from speed to slope. </div> </div> </div> </div> <div class="flex h-[var(--content-height)] opacity-card w-1312rpx relative items-center pc:max-h-1080px pad:w-720rpx pad:max-h-1024px" data-id="1" ani-opacity-card=""> <div class="bg-[#201F1C] p-24rpx right-0 w-433rpx absolute pad:w-230rpx pad:p-14rpx pad:pb-24rpx"> <div><img class="h-48rpx w-48rpx pad:w-24px pad:h-24px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-tennis-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-tennis-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-tennis-1.svg"> <div class="title mt-24rpx text-20px leading-[110%] pad:mt-12px pad:text-16px pad:leading-[110%]">Swinging into Speed</div> <div class="content mt-10px opacity-75 text-16px leading-[130%] pad:text-14px pad:leading-[120%]">Tennis mode detects swinging motions and records your swing speed.</div> </div> <div class="h-244rpx mt-18rpx w-393rpx overflow-hidden pad:w-202rpx pad:h-128rpx" ani-p4-pic-trans-y=""><img class="object-cover h-315rpx w-396rpx pad:w-202rpx pad:h-168rpx" alt="OPPO Watch X Badminton" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-poster-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-poster-1-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pad-1-1.jpg.avif"></div> </div> </div> <div class="flex h-[var(--content-height)] opacity-card w-1312rpx relative items-center pc:max-h-1080px pad:w-720rpx pad:max-h-1024px" data-id="2" ani-opacity-card=""> <div class="bg-[#201F1C] p-24rpx left-0 w-433rpx absolute pad:w-230rpx pad:p-14rpx pad:pb-24rpx"> <div class="h-244rpx w-393rpx overflow-hidden pad:w-202rpx pad:h-128rpx" ani-p4-pic-trans-y=""><img class="object-cover h-315rpx w-396rpx pad:w-202rpx pad:h-168rpx" alt="OPPO Watch X Swimming" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-poster-2-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-poster-2-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pad-2-1.jpg.avif"></div> <div class="mt-18rpx pad:mt-18px"><img class="h-48rpx w-48rpx pad:w-24px pad:h-24px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-swim-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-swim-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-swim-1.svg"> <div class="title mt-24rpx text-20px leading-[110%] pad:mt-12px pad:text-16px pad:leading-[110%]">It's Going Swimmingly</div> <div class="content mt-10px opacity-75 text-16px leading-[130%] pad:text-14px pad:leading-[120%]">Track swim form, laps, and distance and get feedback on your strokes and SWOLF performance.</div> </div> </div> </div> <div class="flex h-[var(--content-height)] opacity-card w-1312rpx relative items-center pc:max-h-1080px pad:w-720rpx pad:max-h-1024px" data-id="3" ani-opacity-card=""> <div class="bg-[#201F1C] p-24rpx right-0 w-433rpx absolute pad:w-230rpx pad:p-14rpx pad:pb-24rpx"> <div><img class="h-48rpx w-48rpx pad:w-24px pad:h-24px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-cycle-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-cycle-1.svg" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-cycle-1.svg"> <div class="title mt-24rpx text-20px leading-[110%] pad:mt-12px pad:text-16px pad:leading-[110%]">Finding New Routes</div> <div class="content mt-10px opacity-75 text-16px leading-[130%] pad:text-14px pad:leading-[120%]">Record your route and cycling speed. Use your navigation app while tracking metrics for a challenging ride.</div> </div> <div class="h-244rpx mt-18rpx w-393rpx overflow-hidden pad:w-202rpx pad:h-128rpx" ani-p4-pic-trans-y=""><img class="object-cover h-315rpx w-396rpx pad:w-202rpx pad:h-168rpx" alt="OPPO Watch X Riding" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-poster-3-1.jpg.avif?v=1718174295000" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-poster-3-d7111.jpg.avif?v=1718174295000" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pad-3-1.jpg.avif?v=1718174295000"></div> </div> </div> </div>  <div class="mo-only flex flex-col items-center" id="id-four-cards"> <div class="flex bg-[#201F1C] mt-24px pt-12px pb-24px w-328rpx justify-center"> <div class="flex flex-col w-304rpx"> <div class="flex h-260rpx w-304rpx relative justify-center"> <div class="h-260rpx w-304rpx overflow-hidden" ani-p4-pic-trans-y=""><img class="object-cover h-340rpx w-304rpx" alt="OPPO Watch X Skiing" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-mo-0-1.jpg.avif"></div><img class="h-200rpx -bottom-100rpx w-146rpx absolute" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-mo-watch-0-1.png.avif"> </div> <div class="mt-100rpx"><img class="h-30px w-30px" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-ski-1.svg"> <div class="title mt-10px text-16px leading-[110%]">Breaking Records on the Slopes</div> <div class="content mt-10px opacity-75 text-14px leading-[130%]">Track your ski data from speed to slope. </div> </div> </div> </div> <div class="flex bg-[#201F1C] mt-24px pt-12px pb-24px w-328rpx justify-center"> <div class="flex flex-col w-304rpx"> <div class="flex h-260rpx w-304rpx relative justify-center"> <div class="h-260rpx w-304rpx overflow-hidden" ani-p4-pic-trans-y=""><img class="object-cover h-340rpx w-304rpx" alt="OPPO Watch X Badminton" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-mo-1-1.jpg.avif"></div><img class="h-200rpx -bottom-100rpx w-146rpx absolute" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-mo-watch-1-1.png.avif"> </div> <div class="mt-100rpx"><img class="h-30px w-30px" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-tennis-1.svg"> <div class="title mt-10px text-16px leading-[110%]">Swinging into Speed</div> <div class="content mt-10px opacity-75 text-14px leading-[130%]">Tennis mode detects swinging motions and records your swing speed.</div> </div> </div> </div> <div class="flex bg-[#201F1C] mt-24px pt-12px pb-24px w-328rpx justify-center"> <div class="flex flex-col w-304rpx"> <div class="flex h-260rpx w-304rpx relative justify-center"> <div class="h-260rpx w-304rpx overflow-hidden" ani-p4-pic-trans-y=""><img class="object-cover h-340rpx w-304rpx" alt="OPPO Watch X Swimming" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-mo-2-1.jpg.avif"></div><img class="h-200rpx -bottom-100rpx w-146rpx absolute" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-mo-watch-2-1.png.avif"> </div> <div class="mt-100rpx"><img class="h-30px w-30px" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-swim-1.svg"> <div class="title mt-10px text-16px leading-[110%]">It's Going Swimmingly</div> <div class="content mt-10px opacity-75 text-14px leading-[130%]">Track swim form, laps, and distance and get feedback on your strokes and SWOLF performance.</div> </div> </div> </div> <div class="flex bg-[#201F1C] mt-24px pt-12px pb-24px w-328rpx justify-center"> <div class="flex flex-col w-304rpx"> <div class="flex h-260rpx w-304rpx relative justify-center"> <div class="h-260rpx w-304rpx overflow-hidden" ani-p4-pic-trans-y=""><img class="object-cover h-340rpx w-304rpx" alt="OPPO Watch X Riding" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-mo-3-1.jpg.avif?v=1718174295000"></div><img class="h-200rpx -bottom-100rpx w-146rpx absolute" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-mo-watch-3-1.png.avif"> </div> <div class="mt-100rpx"><img class="h-30px w-30px" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-cycle-1.svg"> <div class="title mt-10px text-16px leading-[110%]">Finding New Routes</div> <div class="content mt-10px opacity-75 text-14px leading-[130%]">Record your route and cycling speed. Use your navigation app while tracking metrics for a challenging ride.</div> </div> </div> </div> </div>  <div class="flex w-full z-0 pad-hidden pc: pc:h-[var(--content-height)] pc:mt-128px pc:justify-between mo:mt-64px mo:flex-col mo:items-center mo:bg-[#141414] mo:pb-80px" id="id-final"> <div id="id-fitness-final-img" class="pc:h-[var(--content-height)] pc:w-50vw pc:overflow-hidden mo:w-full mo:h-336rpx mo:relative mo:flex mo:justify-center"> <div class="pc-only pc:h-[var(--content-height)] pc:w-50vw"><img alt="OPPO Watch X Workout" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-final-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pc-final-d7111.jpg.avif" class="pc:min-h-[var(--content-height)] pc:object-cover pc: pc:w-50vw"></div> <div class="mo-only mo:w-full mo:object-cover mo:h-336rpx mo:overflow-hidden" ani-p4-pic-trans-y=""><img alt="" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-mo-4-1.jpg.avif" class="mo:w-full mo:h-416rpx"></div><img alt="" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-mo-watch-4-1.png.avif" class="mo:w-146rpx mo:h-201rpx mo:absolute mo:-bottom-100rpx"> </div> <div class="right flex items-center pc:bg-[#141414] pc:pl-203rpx pc:w-[50%] mo:mt-160rpx"> <div class="flex flex-col w-434rpx mo:w-328rpx"> <div class="title text-42px leading-[120%] mot:text-24px mot:leading-[120%]">Hundreds of Workouts to Choose From</div> <div class="content mt-18px opacity-75 text-16px leading-[130%] mot:text-14px mot:leading-[130%] mo:mt-16px mo:opacity-75">Don't worry, your hard work won't go untracked. More than 100 workouts<zn-sup></zn-sup> are supported. And six different indoor and outdoor activities can be automatically recognised.</div> <div class="icons flex justify-between pc:mt-42px mo:mt-16px"><img class="h-70rpx w-70rpx mo:w-42px mo:h-42px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-0-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-0-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-0-1.svg"><img class="h-70rpx w-70rpx mo:w-42px mo:h-42px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-1-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-1-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-1-1.svg"><img class="h-70rpx w-70rpx mo:w-42px mo:h-42px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-2-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-2-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-2-1.svg"><img class="h-70rpx w-70rpx mo:w-42px mo:h-42px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-3-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-3-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-3-1.svg"><img class="h-70rpx w-70rpx mo:w-42px mo:h-42px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-4-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-4-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-4-1.svg"> </div> <div class="icons flex justify-between pc: pc:mt-18px mo:mt-16px"><img class="h-70rpx w-70rpx mo:w-42px mo:h-42px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-5-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-5-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-5-1.svg"><img class="h-70rpx w-70rpx mo:w-42px mo:h-42px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-6-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-6-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-6-1.svg"><img class="h-70rpx w-70rpx mo:w-42px mo:h-42px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-7-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-7-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-7-1.svg"><img class="h-70rpx w-70rpx mo:w-42px mo:h-42px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-8-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-8-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-8-1.svg"><img class="h-70rpx w-70rpx mo:w-42px mo:h-42px" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-9-1.svg" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-9-1.svg" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-9-1.svg"> </div> </div> </div> </div> </div>  <div class="flex flex-col text-white w-full pad-only items-center" id="id-final"> <div class="w-720rpx"> <div> <div class="text-24px leading-[120%]">Hundreds of Workouts to Choose From</div> <div class="mt-14px opacity-75 text-14px leading-[120%] w-583px">Don't worry, your hard work won't go untracked. More than 100 workouts<zn-sup></zn-sup> are supported. And six different indoor and outdoor activities can be automatically recognised.</div> </div> <div class="pad-final flex mt-24px justify-between"> <div class="left h-400rpx w-384rpx overflow-hidden" ani-p4-pic-trans-y=""><img class="object-cover h-480rpx w-384rpx" alt="OPPO Watch X Workout" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pad-final-1.jpg.avif"></div> <div class="right flex flex-col justify-between"> <div class="up flex bg-[#141414] h-251rpx w-328rpx justify-center items-center"><img class="h-189rpx w-137rpx z-0 absolute" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-pad-watch-4-1.png.avif"></div> <div class="down flex flex-col bg-[#141414] h-141rpx w-328rpx items-center justify-center"> <div class="icons flex w-270rpx justify-between"><img class="h-38rpx w-38rpx" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-0-1.svg"><img class="h-38rpx w-38rpx" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-1-1.svg"><img class="h-38rpx w-38rpx" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-2-1.svg"><img class="h-38rpx w-38rpx" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-3-1.svg"><img class="h-38rpx w-38rpx" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-4-1.svg"> </div> <div class="icons flex mt-10rpx w-270rpx justify-between"><img class="h-38rpx w-38rpx" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-5-1.svg"><img class="h-38rpx w-38rpx" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-6-1.svg"><img class="h-38rpx w-38rpx" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-7-1.svg"><img class="h-38rpx w-38rpx" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-8-1.svg"><img class="h-38rpx w-38rpx" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-icons-9-1.svg"> </div> </div> </div> </div> </div> </div> <div class="flex flex-col text-white w-full relative items-center overflow-hidden mo:pb-80px pad: pad:pb-80px" id="section-health" ani-health=""> <div class="top-[calc(0px-var(--nav-height))] absolute" id="anchor-health"></div> <div id="id-health-title" class=""> <div class="font-b text-center pt-172px text-68px leading-[120%] mot:text-40px mot:leading-[120%] mo:pt-80px pad:pt-100px" ani-bounce-text="">Health<br class="mo-only"> Management<br>from Day to Night</div> </div> <div class="flex relative pc:h-740rpx pc:justify-center pc:items-center mo:flex-col mo:items-center pad:h-420rpx pad:justify-center pad:items-center"> <div id="id-health-watch-container" class="pc:h-1355rpx pc:origin-right-bottom pc:top-85rpx pc:right-[-80rpx] pc:w-920rpx pc:z-0 pc:absolute mo:relative pad:w-462rpx pad:h-680rpx pad: pad:origin-right-bottom pad:top-46rpx pad:right-[-40rpx] pad:z-0 pad:absolute"><img class="object-cover pc:h-1355rpx pc: pc:w-920rpx mo:w-360rpx mo:h-330rpx mo:object-contain pad:w-462rpx pad:h-680rpx pad:origin-right-bottom" id="id-health-watch" alt="OPPO Watch X Health Management" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-watch-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-watch-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-mo-watch-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pad-watch-1.png.avif"></div> <div class="more pc-only pc:w-1312rpx pc:z-1 mo:w-328rpx pad:w-720rpx" ani-fade-in=""> <div id="id-health-left" class="pc:w-378rpx mo:pb-64px mo:pt-24px pad:w-253rpx"> <div class="title text-28px leading-[110%] mot:text-24px mot:leading-[110%]">More Accurate<br> Than Ever<zn-sup></zn-sup></div> <div class="content opacity-75 text-16px leading-[130%] mot:text-14px mot:leading-[130%] pc:w-378rpx pc:mt-18px pc: mo:mt-16px pad:mt-14px">The key word is precision. A combo of 8-channel heart rate sensor and 16-channel blood oxygen sensor, combined with OPPO Sense® self-developed algorithms, accurately monitors every vital sign 24-7.</div> </div> </div> <div class="more pc-hidden pc:w-1312rpx pc:z-1 mo:w-328rpx mo:z-1 pad:w-720rpx pad:z-1"> <div id="id-health-left" class="mo:pb-64px mo:pt-24px pad:w-253rpx"> <div class="title text-42px leading-[110%] mot:text-24px mot:leading-[110%]">More Accurate<br> Than Ever<zn-sup></zn-sup></div> <div class="content opacity-75 text-16px leading-[130%] mot:text-14px mot:leading-[130%] pc:w-378rpx pc:mt-18px pc: mo:mt-16px pad:mt-14px">The key word is precision. A combo of 8-channel heart rate sensor and 16-channel blood oxygen sensor, combined with OPPO Sense® self-developed algorithms, accurately monitors every vital sign 24-7.</div> </div> </div> </div>  <div class="flex z-1 relative pad-hidden pc:justify-between pc:pb-80px pc:w-1312rpx mo:w-328rpx mo:flex-col mo:items-center" id="id-health-cards"> <div class="card flex bg-[#141414] pc:px-32rpx pc:justify-between pc:flex-col pc:min-h-514rpx pc:pt-32rpx pc:pb-52rpx pc:w-430rpx pc:items-center mo:px-16rpx mo:pt-24rpx mo:pb-24rpx mo:w-328rpx mo:mb-8px mo:flex-col mo:items-center pad:py-18rpx pad:justify-end pad:w-356rpx pad:items-center pad:flex-col-reverse"> <div class="op pc:min-h-165rpx pad:w-328rpx pad:min-h-144rpx pad:mt-24rpx"><img class="h-38rpx w-38rpx pad:w-24rpx pad:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-icon-rate-1.png.avif"> <div class="font-b mt-14rpx text-24rpx leading-[120%] mot:text-18px mot:leading-[120%] pad:mt-14rpx">Heart Rate Monitoring</div> <div class="mt-12rpx opacity-75 text-14rpx leading-[130%] mo:mt-14px pad:mt-12rpx">All-day heart rate monitoring and alerts for high or low heart rates.</div> </div> <div class="op pc:h-260rpx pc: pc:w-260rpx mo:w-full mo:mt-24rpx mo:flex mo:justify-center mo:h-160rpx pad:w-328rpx pad:h-192rpx pad:relative pad:bg-black pad:flex pad:justify-center pad:items-center"><img class="object-cover im pc:h-260rpx pc:w-260rpx mo:w-160rpx mo:h-160rpx pad:w-117rpx pad:h-117rpx" alt="OPPO Watch X Heart Rate Monitoring" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-rate-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-rate-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-rate-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pad-0-1.png.avif"></div> </div> <div class="card flex bg-[#141414] pc:px-32rpx pc:justify-between pc:flex-col pc:min-h-514rpx pc:pt-32rpx pc:pb-52rpx pc:w-430rpx pc:items-center mo:px-16rpx mo:pt-24rpx mo:pb-24rpx mo:w-328rpx mo:mb-8px mo:flex-col mo:items-center pad:py-18rpx pad:justify-end pad:w-356rpx pad:items-center pad:flex-col-reverse"> <div class="op pc:min-h-165rpx pad:w-328rpx pad:min-h-144rpx pad:mt-24rpx"><img class="h-38rpx w-38rpx pad:w-24rpx pad:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-icon-ox-1.png.avif"> <div class="font-b mt-14rpx text-24rpx leading-[120%] mot:text-18px mot:leading-[120%] pad:mt-14rpx">Blood Oxygen Monitoring</div> <div class="mt-12rpx opacity-75 text-14rpx leading-[130%] mo:mt-14px pad:mt-12rpx">Track your blood oxygen level anytime, anywhere, right from your wrist. And low blood oxygen alerts allow you to make timely adjustments in response to health conditions.</div> </div> <div class="op pc:h-260rpx pc: pc:w-260rpx mo:w-full mo:mt-24rpx mo:flex mo:justify-center mo:h-160rpx pad:w-328rpx pad:h-192rpx pad:relative pad:bg-black pad:flex pad:justify-center pad:items-center"><img class="object-cover im pc:h-260rpx pc:w-260rpx mo:w-160rpx mo:h-160rpx pad:w-117rpx pad:h-117rpx" alt="OPPO Watch X Blood Oxygen Monitoring" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-ox-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-ox-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-ox-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pad-1-1.png.avif"></div> </div> <div class="card flex bg-[#141414] pc:px-32rpx pc:justify-between pc:flex-col pc:min-h-514rpx pc:pt-32rpx pc:pb-52rpx pc:w-430rpx pc:items-center mo:px-16rpx mo:pt-24rpx mo:pb-24rpx mo:w-328rpx mo:mb-8px mo:flex-col mo:items-center pad:py-18rpx pad:justify-end pad:w-356rpx pad:items-center pad:flex-col-reverse"> <div class="op pc:min-h-165rpx pad:w-328rpx pad:min-h-144rpx pad:mt-24rpx"><img class="h-38rpx w-38rpx pad:w-24rpx pad:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-icon-press-1.png.avif"> <div class="font-b mt-14rpx text-24rpx leading-[120%] mot:text-18px mot:leading-[120%] pad:mt-14rpx">Stress Monitoring with Alerts</div> <div class="mt-12rpx opacity-75 text-14rpx leading-[130%] mo:mt-14px pad:mt-12rpx">Get reminders to take breaks and relax when stress levels are high.</div> </div> <div class="op pc:h-260rpx pc: pc:w-260rpx mo:w-full mo:mt-24rpx mo:flex mo:justify-center mo:h-160rpx pad:w-328rpx pad:h-192rpx pad:relative pad:bg-black pad:flex pad:justify-center pad:items-center"><img class="object-cover im pc:h-260rpx pc:w-260rpx mo:w-160rpx mo:h-160rpx pad:w-117rpx pad:h-117rpx" alt="OPPO Watch X Stress Monitoring with Alerts" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-press-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-press-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-press-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pad-2-1.png.avif"></div> </div> </div>  <div class="flex-col w-720rpx z-1 pad-only relative items-center"> <div class="flex min-h-395rpx justify-between"> <div class="card flex bg-[#141414] pc:px-32rpx pc:justify-between pc:flex-col pc:min-h-514rpx pc:pt-32rpx pc:pb-52rpx pc:w-430rpx pc:items-center mo:px-16rpx mo:pt-24rpx mo:pb-24rpx mo:w-328rpx mo:mb-8px mo:flex-col mo:items-center pad:py-18rpx pad:justify-end pad:w-356rpx pad:items-center pad:flex-col-reverse"> <div class="op pc:min-h-165rpx pad:w-328rpx pad:min-h-144rpx pad:mt-24rpx"><img class="h-38rpx w-38rpx pad:w-24rpx pad:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-icon-rate-1.png.avif"> <div class="font-b mt-14rpx text-24rpx leading-[120%] mot:text-18px mot:leading-[120%] pad:mt-14rpx">Heart Rate Monitoring</div> <div class="mt-12rpx opacity-75 text-14rpx leading-[130%] mo:mt-14px pad:mt-12rpx">All-day heart rate monitoring and alerts for high or low heart rates.</div> </div> <div class="op pc:h-260rpx pc: pc:w-260rpx mo:w-full mo:mt-24rpx mo:flex mo:justify-center mo:h-160rpx pad:w-328rpx pad:h-192rpx pad:relative pad:bg-black pad:flex pad:justify-center pad:items-center"><img class="object-cover im pc:h-260rpx pc:w-260rpx mo:w-160rpx mo:h-160rpx pad:w-117rpx pad:h-117rpx" alt="OPPO Watch X Heart Rate Monitoring" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-rate-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-rate-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-rate-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pad-0-1.png.avif"></div> </div> <div class="card flex bg-[#141414] pc:px-32rpx pc:justify-between pc:flex-col pc:min-h-514rpx pc:pt-32rpx pc:pb-52rpx pc:w-430rpx pc:items-center mo:px-16rpx mo:pt-24rpx mo:pb-24rpx mo:w-328rpx mo:mb-8px mo:flex-col mo:items-center pad:py-18rpx pad:justify-end pad:w-356rpx pad:items-center pad:flex-col-reverse"> <div class="op pc:min-h-165rpx pad:w-328rpx pad:min-h-144rpx pad:mt-24rpx"><img class="h-38rpx w-38rpx pad:w-24rpx pad:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-icon-ox-1.png.avif"> <div class="font-b mt-14rpx text-24rpx leading-[120%] mot:text-18px mot:leading-[120%] pad:mt-14rpx">Blood Oxygen Monitoring</div> <div class="mt-12rpx opacity-75 text-14rpx leading-[130%] mo:mt-14px pad:mt-12rpx">Track your blood oxygen level anytime, anywhere, right from your wrist. And low blood oxygen alerts allow you to make timely adjustments in response to health conditions.</div> </div> <div class="op pc:h-260rpx pc: pc:w-260rpx mo:w-full mo:mt-24rpx mo:flex mo:justify-center mo:h-160rpx pad:w-328rpx pad:h-192rpx pad:relative pad:bg-black pad:flex pad:justify-center pad:items-center"><img class="object-cover im pc:h-260rpx pc:w-260rpx mo:w-160rpx mo:h-160rpx pad:w-117rpx pad:h-117rpx" alt="OPPO Watch X Blood Oxygen Monitoring" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-ox-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-ox-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pc-ox-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pad-1-1.png.avif"></div> </div> </div> <div class="down flex bg-[#141414] mt-8rpx p-14rpx w-720rpx justify-between items-center"> <div class="left"><img class="h-38rpx w-38rpx pad:w-24rpx pad:h-24rpx" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-icon-press-1.png.avif"> <div class="font-b mt-14rpx text-24rpx leading-[120%] mot:text-18px mot:leading-[120%] pad:mt-14rpx pad:w-261rpx">Stress Monitoring with Alerts</div> <div class="mt-12rpx opacity-75 text-14rpx leading-[130%] w-261rpx mo:mt-14px pad:mt-12rpx">Get reminders to take breaks and relax when stress levels are high.</div> </div> <div class="op pc:h-260rpx pc:mt-41rpx pc:w-260rpx mo:w-full mo:mt-24rpx mo:flex mo:justify-center mo:h-160rpx pad:w-328rpx pad:h-192rpx pad:relative pad:bg-black pad:flex pad:justify-center pad:items-center"><img class="object-cover im pc:h-260rpx pc:w-260rpx mo:w-160rpx mo:h-160rpx pad:w-117rpx pad:h-117rpx" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-health-pad-2-1.png.avif"></div> </div> </div> </div> <div class="flex flex-col bg-[#141414] text-white py-80px relative items-center overflow-hidden" id="section-sleep"> <div class="absolute top-[calc(0px-var(--nav-height))]" id="anchor-sleep"></div> <div class="flex-col flex items-center pc:w-1312rpx mo:w-328rpx pad:w-720rpx"> <div class="h-540rpx w-1312rpx overflow-hidden relative mo:w-328rpx mo:h-432rpx mo:flex mo:justify-center pad:w-720rpx pad:h-400rpx" ani-p4-pic-trans-y=""> <div class="keep text-white text-42px leading-[130%] z-1 absolute mot:text-24px mot:leading-[120%] pc:top-48rpx pc:left-30rpx mo:w-300rpx mo:top-24rpx pad:top-32rpx pad:left-16rpx">Keep a Watchful Eye on<br>Your Sleep</div><img class="object-cover h-660rpx w-1312rpx mo:w-328rpx mo: mo:h-480rpx pad:w-720rpx pad:h-460rpx" alt="OPPO Watch X Keep a Watchful Eye on Your Sleep" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-sleep-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-sleep-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-sleep-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-sleep-pad-1.jpg.avif"> </div>  <div class="sleep-up flex pad-hidden pc:mt-10px pc:w-1312rpx pc:justify-between mo:flex-col mo:items-center"> <div class="bg-black flex flex-col overflow-hidden relative items-center pc:pt-38rpx pc:px-28rpx pc:min-h-540rpx pc:justify-between pc:w-430rpx mo:w-328rpx mo:min-h-432px mo:pt-24px mo:px-16px mo:mt-8px mo:justify-between pad:w-356rpx pad:min-h-400rpx pad:mt-8rpx pad:p-18rpx pad:justify-between"> <div class="pc-only w-full z-1" ani-fade-in=""> <div class="title text-22rpx leading-[120%] mot:text-18px mot:leading-[120%]">Sleep Mode</div> <div class="content mt-14rpx opacity-75 text-14rpx leading-[130%] mot:text-14px mot:leading-[120%] mo:mt-14px mo:">Turn on the sleep mode, invalid information without disturbing, accompany you to sleep naturally.</div> </div> <div class="pc-hidden w-full z-1"> <div class="title text-22rpx leading-[120%] mot:text-18px mot:leading-[120%]">Sleep Mode</div> <div class="content mt-14rpx opacity-75 text-14rpx leading-[130%] mot:text-14px mot:leading-[120%] mo:mt-14px mo:">Turn on the sleep mode, invalid information without disturbing, accompany you to sleep naturally.</div> </div><img class="object-cover h-540rpx transform top-0 left-0 w-430rpx scale-130 absolute mo:w-328rpx mo:h-432px pad:w-356rpx pad:h-420rpx" alt="OPPO Watch X Sleep Mode" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-bg-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-bg-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-bg-pc-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-bg-pc-1.jpg.avif"> </div> <div class="bg-black flex flex-col overflow-hidden relative items-center pc:pt-38rpx pc:px-28rpx pc:min-h-540rpx pc:justify-between pc:w-430rpx mo:w-328rpx mo:min-h-432px mo:pt-24px mo:px-16px mo:mt-8px mo:justify-between pad:w-356rpx pad:min-h-400rpx pad:mt-8rpx pad:p-18rpx pad:justify-between"> <div class="pc-only w-full z-1" ani-fade-in=""> <div class="title text-22rpx leading-[120%] mot:text-18px mot:leading-[120%]">Multidimensional Sleep Monitoring</div> <div class="content mt-14rpx opacity-75 text-14rpx leading-[130%] mot:text-14px mot:leading-[120%] mo:mt-14px mo:">Together with information on continuous blood oxygen, sleep respiratory rate, heart rate variability, and snoring<zn-sup></zn-sup>, the risk of breathing problems during sleep can be assessed in a timely manner.</div> </div> <div class="pc-hidden w-full z-1"> <div class="title text-22rpx leading-[120%] mot:text-18px mot:leading-[120%]">Multidimensional Sleep Monitoring</div> <div class="content mt-14rpx opacity-75 text-14rpx leading-[130%] mot:text-14px mot:leading-[120%] mo:mt-14px mo:">Together with information on continuous blood oxygen, sleep respiratory rate, heart rate variability, and snoring<zn-sup></zn-sup>, the risk of breathing problems during sleep can be assessed in a timely manner.</div> </div><img class="object-cover h-275rpx mt-51rpx mb-75rpx w-200rpx mo:w-145px mo:h-200px mo:mb-36px pad:w-145rpx pad:h-200rpx pad:mb-30rpx pad:mt-30rpx" alt="OPPO Watch X Multidimensional Sleep Monitoring" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-1-pc-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-1-pc-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-1-pc-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-1-pc-1.png.avif"> </div> <div class="bg-black flex flex-col overflow-hidden relative items-center pc:pt-38rpx pc:px-28rpx pc:min-h-540rpx pc:justify-between pc:w-430rpx mo:w-328rpx mo:min-h-432px mo:pt-24px mo:px-16px mo:mt-8px mo:justify-between pad:w-356rpx pad:min-h-400rpx pad:mt-8rpx pad:p-18rpx pad:justify-between"> <div class="pc-only w-full z-1" ani-fade-in=""> <div class="title text-22rpx leading-[120%] mot:text-18px mot:leading-[120%]">Sleep Report</div> <div class="content mt-14rpx opacity-75 text-14rpx leading-[130%] mot:text-14px mot:leading-[120%] mo:mt-14px mo:">Track the duration of your light and deep sleep, assess regularity, and monitor sleep trends. As short as even 20-minute nap, the watch can help you keep track.</div> </div> <div class="pc-hidden w-full z-1"> <div class="title text-22rpx leading-[120%] mot:text-18px mot:leading-[120%]">Sleep Report</div> <div class="content mt-14rpx opacity-75 text-14rpx leading-[130%] mot:text-14px mot:leading-[120%] mo:mt-14px mo:">Track the duration of your light and deep sleep, assess regularity, and monitor sleep trends. As short as even 20-minute nap, the watch can help you keep track.</div> </div> <div class="h-275rpx bottom-75rpx w-200rpx absolute pc:static pc:bottom-0 pc:mb-75rpx pc:mt-51rpx mo:bottom-60px mo:w-145rpx mo:h-200rpx"> <div class="flex h-275rpx w-200rpx relative justify-center items-center mo:w-145rpx mo:h-200rpx"> <div class="z-0 pc:w-200rpx pc:h-275rpx mo:w-145rpx mo:h-200rpx pad:w-145rpx pad:h-200rpx" ani-cy-video="" data-replayid="id-sleep-replay-btn" data-src-pc="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-sleep_720.flv" data-src-mo="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-sleep_720.flv" data-src-pad="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-sleep_720.flv"> <canvas></canvas> <video></video><img alt="OPPO Watch X Sleep Report" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-sleep_720_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-sleep_720_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-sleep_720_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-sleep_720_poster-1.jpg.avif" class=""> </div> </div> </div> <div class="replay cursor-pointer flex right-28rpx bottom-20rpx absolute items-center mo:bottom-20px" id="id-sleep-replay-btn" data-gtm-click="Sleep Mode And Report" data-gtm-label="Sleep Report+Replay"> <img class="h-24px w-24px mo:w-20px mo:h-20px" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-Refresh-1.svg"><span class="ml-4px opacity-55 mot:text-12px mot:leading-[120%] mot: mo:tracking-[0.5px]">Replay</span></div> </div> </div>  <div class="pad-cards flex flex-col pad-only items-center"> <div class="pad-up flex w-720rpx justify-between"> <div class="bg-black flex flex-col overflow-hidden relative items-center pc:pt-38rpx pc:px-28rpx pc:min-h-540rpx pc:justify-between pc:w-430rpx mo:w-328rpx mo:min-h-432px mo:pt-24px mo:px-16px mo:mt-8px mo:justify-between pad:w-356rpx pad:min-h-400rpx pad:mt-8rpx pad:p-18rpx pad:justify-between"> <div class="pc-only w-full z-1" ani-fade-in=""> <div class="title text-22rpx leading-[120%] mot:text-18px mot:leading-[120%]">Sleep Mode</div> <div class="content mt-14rpx opacity-75 text-14rpx leading-[130%] mot:text-14px mot:leading-[120%] mo:mt-14px mo:">Turn on the sleep mode, invalid information without disturbing, accompany you to sleep naturally.</div> </div> <div class="pc-hidden w-full z-1"> <div class="title text-22rpx leading-[120%] mot:text-18px mot:leading-[120%]">Sleep Mode</div> <div class="content mt-14rpx opacity-75 text-14rpx leading-[130%] mot:text-14px mot:leading-[120%] mo:mt-14px mo:">Turn on the sleep mode, invalid information without disturbing, accompany you to sleep naturally.</div> </div><img class="object-cover h-540rpx transform top-0 left-0 w-430rpx scale-130 absolute mo:w-328rpx mo:h-432px pad:w-356rpx pad:h-420rpx" alt="OPPO Watch X Sleep Mode" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-bg-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-bg-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-bg-pc-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-bg-pc-1.jpg.avif"> </div> <div class="bg-black flex flex-col overflow-hidden relative items-center pc:pt-38rpx pc:px-28rpx pc:min-h-540rpx pc:justify-between pc:w-430rpx mo:w-328rpx mo:min-h-432px mo:pt-24px mo:px-16px mo:mt-8px mo:justify-between pad:w-356rpx pad:min-h-400rpx pad:mt-8rpx pad:p-18rpx pad:justify-between"> <div class="pc-only w-full z-1" ani-fade-in=""> <div class="title text-22rpx leading-[120%] mot:text-18px mot:leading-[120%]">Multidimensional Sleep Monitoring</div> <div class="content mt-14rpx opacity-75 text-14rpx leading-[130%] mot:text-14px mot:leading-[120%] mo:mt-14px mo:">Together with information on continuous blood oxygen, sleep respiratory rate, heart rate variability, and snoring<zn-sup></zn-sup>, the risk of breathing problems during sleep can be assessed in a timely manner.</div> </div> <div class="pc-hidden w-full z-1"> <div class="title text-22rpx leading-[120%] mot:text-18px mot:leading-[120%]">Multidimensional Sleep Monitoring</div> <div class="content mt-14rpx opacity-75 text-14rpx leading-[130%] mot:text-14px mot:leading-[120%] mo:mt-14px mo:">Together with information on continuous blood oxygen, sleep respiratory rate, heart rate variability, and snoring<zn-sup></zn-sup>, the risk of breathing problems during sleep can be assessed in a timely manner.</div> </div><img class="object-cover h-275rpx mt-51rpx mb-75rpx w-200rpx mo:w-145px mo:h-200px mo:mb-36px pad:w-145rpx pad:h-200rpx pad:mb-30rpx pad:mt-30rpx" alt="OPPO Watch X Multidimensional Sleep Monitoring" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-1-pc-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-1-pc-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-1-pc-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-1-pc-1.png.avif"> </div> </div> <div class="pad-middle bg-black flex mt-8rpx p-18rpx w-720rpx justify-between items-center relative"> <div class="w-344rpx z-1" ani-fade-in=""> <div class="title text-22rpx leading-[120%] mot:text-18px mot:leading-[120%]">Sleep Report</div> <div class="content mt-14rpx opacity-75 text-14rpx leading-[130%] mot:text-14px mot:leading-[120%] mo:mt-14px mo:">Track the duration of your light and deep sleep, assess regularity, and monitor sleep trends. As short as even 20-minute nap, the watch can help you keep track.</div> </div> <div class="flex h-270rpx w-320rpx relative justify-center items-center"> <div class="z-0 pad:w-145rpx pad:h-200rpx" ani-cy-video="" data-replayid="id-sleep-replay-btn" data-src-pad="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-sleep_720.flv"> <canvas></canvas> <video></video><img data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/videos-fitness-sleep_720_poster-1.jpg.avif" class=""> </div> </div> <div class="replay cursor-pointer flex right-16rpx bottom-20rpx absolute items-center" id="id-sleep-replay-btn" data-gtm-click="Sleep Mode And Report" data-gtm-label="Sleep Report+Replay"> <img class="h-24px w-24px" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-Refresh-1.svg"><span class="ml-4px opacity-55 mot:text-12px mot:leading-[120%] mot:">Replay</span></div> </div> </div> <div class="sleep-down flex overflow-hidden pc:mt-10px pc:w-1312rpx pc: pc:h-540rpx pc:justify-between mo:w-328rpx mo:flex-col mo:items-center pad:mt-8rpx pad:w-720rpx pad:justify-between pad:h-358rpx"> <div class="bg-left bg-black flex relative items-center pc:h-540rpx pc:pl-40rpx pc:w-872rpx pc: mo:flex-col mo:items-center mo:mt-8px mo:w-328rpx mo:py-24px mo:px-auto pad:w-457rpx pad:h-358rpx pad:p-18rpx pad:justify-between pad:items-center"> <div class="left pc:mr-55rpx pc:w-239rpx mo:w-296rpx mo: pad:w-187rpx"><img class="h-41rpx w-41rpx mo:w-30px mo:h-30px pad:w-30px pad:h-30px" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-icon0-1.png.avif"> <div class="title mt-24rpx text-24rpx leading-[120%] mot:text-18px mot:leading-[110%] mo:mt-20px">OHealth for Your Health Data and More</div> <div class="content mt-14rpx opacity-65 opacity-75 text-14rpx leading-[130%] mot:text-14px mot:leading-[130%] mot: mo:mt-14px pad:mt-14px">Health and fitness data can be synched to the OHealth app on your phone.</div> </div> <div class="right relative mo:mt-32px"><img class="h-434rpx w-315rpx mo:w-221rpx mo:h-300rpx pad:w-215rpx pad:h-290rpx" alt="OHealth app on phone OPPO Watch X Ohealth UI" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-left-pc-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-left-pc-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-left-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-left-pc-1.png.avif"></div> </div> <div class="bg-right flex flex-col overflow-hidden pc:h-540rpx pc:pl-40rpx pc:w-430rpx pc:justify-center mo:items-center mo:mt-8px mo:w-328rpx mo:py-90px mo:px-auto mo:justify-center pad:w-253rpx pad:h-358rpx pad:items-center pad:justify-center"> <div class="w-270rpx mo:w-296rpx pad:w-217rpx"><img class="rounded-1/2 h-41rpx shadow w-41rpx mo:w-30px mo:h-30px pad:w-30px pad:h-30px" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-sleep-icon1-1.png.avif"> <div class="title mt-24rpx text-24rpx leading-[120%] mo:mt-20px mo:text-18px mo:leading-[110%] pad:mt-14px pad:text-18px pad:leading-[110%]">Share Data Between <br class="mo-only">Your Favorite Apps and Devices</div> <div class="content mt-14rpx opacity-65 text-14rpx leading-[130%] pc:w-270rpx mo:mt-14px mo:text-14px mo:leading-[130%] mo:opacity-75 pad:mt-14px pad:w-217rpx">Your health data just got more connected. OHealth now works with Health Connect<zn-sup></zn-sup>, which allows you to seamlessly manage and share data between OHealth and your other favorite health and fitness apps. Get a more holistic view of your wellness, all within the OHealth experience.</div> </div> </div> </div> </div> </div> <div class="bg-white flex flex-col text-black w-full pb-80px relative items-center overflow-hidden" id="section-life"> <div class="font-b text-center w-full py-182px text-68px leading-[120%] mot:text-40px mot:leading-[120%] mo:py-100px mo: mo:w-328rpx pad:py-100px pad:w-720rpx" ani-bounce-text="">Smart Life<br>Tailored to You</div> <div class="w-1312rpx mo:w-328rpx mo: pad:w-720rpx"> <div class="life-up flex pc:justify-between mo:flex-col mo:items-center pad:justify-between"> <div class="left relative overflow-hidden pc:h-580rpx pc:w-652rpx pc:rounded-8rpx mo:w-328rpx mo:h-400rpx mo:flex mo:justify-center mo:rounded-4rpx pad:w-356rpx pad:h-360rpx pad:rounded-4rpx"><img class="object-cover h-580rpx w-652rpx mo:w-328rpx mo:h-400rpx mo: pad:w-356rpx pad:h-360rpx" alt="OPPO Watch X Multi-device connectivity" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-life-left-pc-1.jpg.avif?v=1718174295000" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-life-left-pc-d7111.jpg.avif?v=1718174295000" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-life-left-mo-1.jpg.avif?v=1718174295000" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-life-left-pad-1.jpg.avif?v=1718174295000"> <div class="small-title text-32rpx leading-[120%] z-1 absolute mot:text-20px mot:leading-[120%] mot: pc:m-42rpx pc:top-0 pc:left-0 pc: mo: mo:w-296rpx mo:mt-30rpx mo:top-0px pad:py-24rpx pad:pt-30rpx pad:top-0 pad:w-296rpx pad: pad:left-24rpx">Multi-device connectivity,<br> at your fingertips</div> </div> <div class="right bg-[#E6E6E6] relative overflow-hidden pc:h-580rpx pc:w-652rpx pc:rounded-8rpx mo:mt-8px mo:w-328rpx mo:h-400rpx mo:flex mo:justify-center mo:rounded-4rpx pad:w-356rpx pad:h-360rpx pad:rounded-4rpx"> <div class="small-title text-32rpx leading-[120%] z-1 absolute mot:text-20px mot:leading-[120%] mot: pc:m-42rpx pc:top-0 pc:left-0 mo: mo:w-296rpx mo:mt-30rpx pad:top-30rpx pad:left-24rpx">Explore strap styles,<br> find your perfect match</div><img class="object-cover h-580rpx w-652rpx absolute mo:w-328rpx mo:h-400rpx mo: pad:w-356rpx pad:h-360rpx" id="id-life-right" alt="OPPO Watch X strap" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-life-right-pc-1.jpg.avif?v=1718174295000" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-life-right-pc-d7111.jpg.avif?v=1718174295000" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-life-right-mo-1.jpg.avif?v=1718174295000" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-life-right-pad-1.jpg.avif?v=1718174295000"> </div> </div> <div class="flex overflow-hidden relative justify-center pc: pc:h-580rpx pc:mt-8rpx pc:w-1312rpx pc:rounded-8rpx mo:w-328rpx mo:h-400rpx mo:mt-8px mo:rounded-4rpx pad:w-720rpx pad:h-360rpx pad:mt-8rpx pad:rounded-4rpx"><img class="h-580rpx w-1312rpx absolute mo:object-cover mo:w-328rpx mo:h-400rpx pad:w-720rpx pad:h-360rpx" alt="OPPO Watch X unboxing" data-src-1440="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-life-bottom-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-life-bottom-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-life-bottom-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/accessory/watch-x/en/assets/images-p4-life-bottom-pad-1.jpg.avif"> <div class="bottom-title text-32rpx leading-[120%] absolute mot:text-20px mot:leading-[120%] pc:top-42rpx pc:left-42rpx pc: mo: mo:w-296rpx mo:mt-30rpx pad:top-30rpx pad:left-24rpx">Unboxing</div> </div> </div> </div> <div class="bg-white flex flex-col -mt-1px text-black w-full pb-48px items-center" id="section-notes"> <ol class="opacity-55 text-12px leading-20px tracking-[0.24px] pc:w-1312rpx pc:mx-auto pc:justify-start pc:items-stretch pc:relative mo:w-328rpx pad:w-720rpx"> <p>Notes:<br></p> <li>The straps have passed strict safety tests, a few people may have a slight skin discomfort reaction to specific materials, which may be caused by allergies, environmental factors, prolonged exposure to irritants such as soaps, perspiration or other factors. Please keep the strap clean and dry when wearing it, or replace it with another material.</li> <li>Data comes from OPPO laboratory, measured by comparing the OPPO Watch 4 Pro, and may vary due to different testing conditions such as testing environment, methods, etc.</li> <li>Data comes from OPPO laboratory, measured by comparing the OPPO Watch 4 Pro, and may vary due to different testing conditions such as testing environment, methods, etc.</li> <li>Data comes from OPPO laboratory. -20℃-55℃ is tested to be the acceptable operating temperature range for OPPO watch.</li> <li>IP68: Data is based on test results using TÜV SÜD based on IEC60529:1989+A1:1999+A2:2013 with test conditions for submersion in up to 1.5 meters of freshwater for up to 30 minutes. It is not advised to use the product in seawater, at the beach, or the pool. Water and dust resistance may be reduced as the device ages. Liquid and dust damage are not covered under warranty.</li> <li>5ATM: OPPO Watch X has a water resistance rating of 50 meters under the ISO standard 22810:2010. However, the device is not suitable for the following activities or environments: hot water shower, sauna, hot springs, deep diving, or diving. It is not recommended to wear the leather watchband while swimming or for use near seawater; following either usage case, the device should be thoroughly cleaned and dried. Liquid damage is not covered under warranty.</li> <li>Data comes from OPPO laboratory. -40℃ to 70℃ is tested to be the acceptable storage temperature range for OPPO watch.</li> <li>The watch faces shown below are simulated and for illustration purposes only. Some watch faces need to be downloaded from watch face store.</li> <li>AOD is only supported in smart mode.</li> <li>This feature is scheduled to be supported within 2024 via OTA.</li> <li>70+ practical complications, including small, medium, and curved components.</li> <li>Actual battery life varies depending on the features and apps used, frequency of calls and messages, number of times charged, and many other factors. A single charge lasting up to 100 hours in smart mode is base on the following usage case: use the official watch face, UDDE on, AOD off, keep the default state of health monitoring; Bluetooth® connection to the phone 14.2 hours/day; wifi connection standby 1 hour/day; sleep monitoring 6.5 hours/day; lift the wrist to light up the screen 220 times/day; message receiving 130 items/day; screen operation (using various applications) 20 minutes/day; incoming call reminder 5 seconds/6 times/day; Bluetooth® call 5 minutes 5 minutes/day; phone and watch synchronized data 500 seconds/day; Bluetooth® headset connection to listen to music (Spotify) 15 minutes/day; outdoor running 30 minutes/day; alarm clock 3 times/day.</li> <li>A single charge lasting up to 12 days of battery life is based on the following usage case: power saver mode on, stay connected to Bluetooth® all day; outdoor workouts 90 minutes/week; wrist lift to light up the screen 180 times/day; message acceptance 180 messages/day; incoming call 5 messages/day; Bluetooth® call 5 minutes/day; alarm clock 3 times/day; sleep detection 6h per day.</li> <li>48 hours of heavy use in smart mode is based on the following usage case: use third-party watch face, UDDE off, AOD on, health monitoring keep default status; Bluetooth® connection AOD standby 12.2 hours/day; wifi connection AOD standby 2 hours/day; sleep monitoring 6.5 hours/day; lift the wrist to light up the screen 300 times/day; message receiving 180 items/day; screen operation (using all kinds of apps) 30 minutes/day; incoming call reminder 5 seconds/6 times/day; Bluetooth® call 5 minutes/day; Google Maps linked navigation 15 minutes/day; phone and watch synchronization data 500 seconds/day; Bluetooth® headset connection to listen to music (Spotify) 30 minutes/day; outdoor running 30 minutes/day; alarm clock 3 times/day.</li> <li>Watch VOOC Flash Charging Requirements: OPPO Watch X requires a 3C certified power adapter with a rated output of 5V⎓2A and above to be used with the OPPO Watch X exclusive charging dock.</li> <li>One day's usage using the standard battery model for smart mode.</li> <li>Only supports smartphones with Android 8.0 and above, which should also have a GMS version of 23.45.23 and above. iOS and Android (Go edition) devices are not supported.</li> <li>Google Assistant is not available in certain regions and languages. Most Google Assistant functionality requires LTE, Wi-Fi® or Bluetooth® connection to a phone. Google Assistant voice detection is off by default. It can be turned on in Settings. </li> <li>Some features in Google Wallet are only available in certain countries or regions and on certain devices. Additional information including country availability can be found <u><a href="https://support.google.com/wallet/answer/12060037?sjid=13896278594953944699-NC#zippy=%2Cpay-use-passes-with-wear-os" style="color: blue;">here</a></u>.</li> <li>Data comes from OPPO laboratory, measured by comparing the OPPO Watch 4 Pro, and may vary due to different testing conditions such as testing environment, methods, software versions, etc.</li> <li>Data measured by comparing the OPPO Watch 4 Pro in an obscured environment, and may vary due to different testing conditions such as testing environment, methods, software versions, etc.</li> <li>All running data can be monitored in outdoor run, fat burn run (outdoor), track running; vertical ratio and running power data are not available in indoor run, fat burn run (indoor).</li> <li>To monitor data such as the swing speed, the watch must be worn on the hand that holds the racket.</li> <li>100+ workouts types include customised workouts added by the user; 11 workout types have algorithm support.</li> <li>This product is not a medical device, the measurement data and results are for reference only, not as a basis for diagnosis and treatment.</li> <li>Snoring monitor only supports smartphones with Android 8.0 and above. The snoring risk assessment results are for reference only and are not to be used as a basis for medical diagnosis.</li> <li>To connect to Health Connect, the version number of OHealth is required to be no less than 4.20.23.<br><br></li> <p>Disclaimer: </p> <p>Product images and display contents are illustrative only. Actual product and display contents may vary.</p> <p>Based on software updates to the phone, the above actions may be slightly modified, and the actual OTA content may be different from that specified.</p> <p>Google, YouTube, Wear OS by Google, Google Maps, Google Wallet and other marks are trademarks of Google LLC.</p> <p>OPPO Watch X works with phones running Android 8.0 and above (excluding Go edition and phones without Google Play Store). iOS devices are not supported. </p> </ol> </div> </div> </div>  <script type="text/javascript" src="/content/dam/oppo/product-asset-library/accessory/watch-x/en/main-v7.js"></script>  </div> </div> </div> </div> </div> </div> </section> <span> <section class="dark-theme"> <footer id="footer"> <section class="main"> <nav class="nav ft-body-3-1 bottom-line"> <dl> <dt class="ft-body-2-1">Smartphones</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self">OPPO Find X8 Pro</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N3" href="https://www.oppo.com/au/smartphones/series-find-n/find-n3/" target="_self">OPPO Find N3</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip" target="_self">OPPO Find N2 Flip</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self">OPPO Reno12 Pro 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 5G" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" target="_self">OPPO Reno12 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno 11 F 5G" href="https://www.oppo.com/au/smartphones/series-reno/reno11-f/" target="_self">OPPO Reno 11 F 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G" href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self">OPPO A80 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A98 5G" href="https://www.oppo.com/au/smartphones/series-a/a98-5g/" target="_self">OPPO A98 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A79 5G" href="https://www.oppo.com/au/smartphones/series-a/a79-5g/" target="_self">OPPO A79 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G" href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self">OPPO A60 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A60" href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self">OPPO A60</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A58" href="https://www.oppo.com/au/smartphones/series-a/a58/" target="_self">OPPO A58</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="See All Smartphones" href="https://www.oppo.com/au/smartphones/" target="_self">See All Smartphones</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">Tablet</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Tablet" tm-nav_name="OPPO Pad Neo" href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self">OPPO Pad Neo</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Tablet" tm-nav_name="OPPO Pad 2" href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self">OPPO Pad 2</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">IoT Products</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco Buds2 Pro" href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self">OPPO Enco Buds2 Pro</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco Air2 Pro" href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self">OPPO Enco Air2 Pro</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco Air2" href="https://www.oppo.com/au/accessories/enco-air2/" target="_self">OPPO Enco Air2</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco X2" href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self">OPPO Enco X2</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco X" href="https://www.oppo.com/au/accessories/oppo-enco-x/" target="_self">OPPO Enco X</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">Support</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Contact Us" href="https://www.oppo.com/au/contact/" target="_self">Contact Us</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Service Centres & Reservation" href="https://support.oppo.com/au/service-center/" target="_self">Service Centres & Reservation</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Repair Service" href="https://support.oppocare.com.au/" target="_self">Repair Service</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Software Update" href="https://support.oppo.com/au/software-update/" target="_self">Software Update</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Warranty Check" href="https://support.oppo.com/au/warranty-check/" target="_self">Warranty Check</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Clone Phone" href="https://support.oppo.com/au/answer/?aid=neu159" target="_self">Clone Phone</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="HeyTap" href="https://support.oppo.com/au/answer/?aid=neu7838" target="_self">HeyTap</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="FAQ" href="https://support.oppo.com/au/answer/" target="_self">FAQ</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Security Response Centre" href="https://security.oppo.com" target="_blank">Security Response Centre</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Warranty Policy" href="https://support.oppo.com/au/warranty-policy/" target="_blank">Warranty Policy</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Online Safety Act" href="https://www.oppo.com/au/onlinesafety/" target="_blank">Online Safety Act</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">About OPPO</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Our Story" href="https://www.oppo.com/au/about/" target="_self">Our Story</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Technology" href="https://www.oppo.com/au/discover/technology/" target="_self">Technology</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Newsroom" href="https://www.oppo.com/au/newsroom/" target="_self">Newsroom</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Shop" href="https://www.oppostore.com.au/" target="_blank">Shop</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Imaging Technology" href="https://www.oppo.com/au/discover/technology/imaging/" target="_blank">Imaging Technology</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="OPPO 5G" href="https://www.oppo.com/au/discover/technology/5g/" target="_blank">OPPO 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Campaign" href="https://www.oppo.com/au/events/" target="_blank">Campaign</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="OPPO Sustainability" href="https://www.oppo.com/au/oppo-sustainability/" target="_blank">OPPO Sustainability</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">OPPO Community</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="OPPO Community" tm-nav_name="OPPO Community" href="https://community.oppo.com/" target="_blank">OPPO Community</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> </nav> <section class="contact"> <div class="cp-footer-subscribe bottom-line" ref="footerSubscribe" data-emailtip="@gmail.com,@hotmail.com,@yahoo.com,@outlook.com"> <div class="subscribe__wraper"> <div class="subscribe__info"> <h3 class="subscribe__info_title ft-body-2-1 font-medium">Stay updated with OPPO</h3> <p class="subscribe__info_des ft-body-3-1">{{ subscribeSuccess? 'Thank you for your subscription. We will keep you updated with OPPO.':'Subscribe now to get updates on products and campaigns.' }}</p> </div> <div :class="['subscribe__handle', inpval.length>0 ? 'ready':'', subscribeSuccess ? 'success':'', filterInpVal?'filter-temp':'' ]"> <div class="subscribe__handle_input"> <input type="text" placeholder="Please enter email address" v-model="inpval" ref="subInpt" :class="['ft-body-3-1', inpval.length>0?'active':'']"/> <div class="subscribe__handle_submit_btn op-trk-event" @click="submitSubscribe" tm-event_name="subscribe" tm-module="Email Subscribe" tm-button_name="Bottom Function"> <svg class="op-icon"> <use xlink:href="#icon-subscribe-submit"></use> </svg> </div> <div class="subscribe__handle_slide" v-show="slideState" ref="touchEmail"> <ul class="subscribe__handle_slide_box"> <li class="subscribe__handle_slide_item font-body-2 font-medium" v-for="(item, index) in emailTips" :key="item.tip" v-if="item.show" :data-target="item.tip" @click="touchVal(item.new)"> {{item.new}} </li> </ul> </div> </div> <div class="subscribe__handle_error"> <div class="subscribe__handle_input_error" v-if="!startSubmit"> <p class="ft-body-3" v-show="emailCorrect && firstInp">Please enter correct email.</p> </div> <div class="subscribe__handle_http_error" v-else data-faild="This email address has been subscribed to OPPO newsletter." ref="httpErrTip"> <p class="ft-body-3">{{httpErrText}}</p> </div> </div> </div> </div> </div> <div class="contact-bar top-line"> <div class="contact-us-btn bottom-line op-trk-event" tm-event_name="function_entry" tm-module="Bottom Function" tm-function_type="Get Support From OPPO" tm-button_name="Get Support From OPPO"> <div class="robot-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/statics/default/footer/robot.png" data-src-webp="false"/> </div> <span class="contact-text ft-body-2-1"> Get Support From OPPO <svg class="op-icon down-icon"> <use xlink:href="#icon-access-light"></use> </svg> </span> <div class="live-chat-pop"> <div class="live-chat-wrap"> <ul class="group-list"> <div class="service-pc-list"> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/WhatsApp.svg" alt="WhatsApp"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp" href="https://wa.me/message/SRVLE6I67O5KE1" target="_blank"> WhatsApp </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Chat.svg" alt="Livechat"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat" href="https://chat-sg.oppo.com/chat/h5/v2/index.html?sysnum=c21c803e914f4594a3e4be83ac0067be&channelid=6" target="_blank"> Livechat </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Hotline "> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Hotline.svg" alt="Hotline.svg"/> <span class="ft-body-2-1">Hotline <i class="phone-number" data-href="1800 956 776"> 1800 956 776 </i> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri</p> <p class="subtitle ft-body-3-1">Including public holidays</p> </div> </li> <a class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Service Centre" href="https://support.oppo.com/au/service-center/" target="_blank"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/ServiceCenter.svg" alt="Service Centre"/> <span class="ft-body-2-1">Service Centre</span> <svg class="op-icon end-icon"> <use xlink:href="#icon-access-light"></use> </svg> </div> </a> </div> <div class="service-mobile-list"> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/WhatsApp.svg" alt="WhatsApp"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp" href="https://wa.me/message/SRVLE6I67O5KE1" target="_blank"> WhatsApp </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Chat.svg" alt="Livechat"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat" href="https://chat-sg.oppo.com/chat/h5/v2/index.html?sysnum=c21c803e914f4594a3e4be83ac0067be&channelid=6" target="_blank"> Livechat </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Hotline "> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Hotline.svg" alt="Hotline.svg"/> <span class="ft-body-2-1">Hotline <i class="phone-number" data-href="1800 956 776"> 1800 956 776 </i> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri</p> <p class="subtitle ft-body-3-1">Including public holidays</p> </div> </li> <a class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Service Centre" href="https://support.oppo.com/au/service-center/" target="_blank"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/ServiceCenter.svg" alt="Service Centre"/> <span class="ft-body-2-1">Service Centre</span> <svg class="op-icon end-icon"> <use xlink:href="#icon-access-light"></use> </svg> </div> </a> </div> </ul> </div> </div> </div> <div class="contact-bottom"> <ul class="social-media"> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Facebook"> <a href="https://www.facebook.com/OPPOAustralia" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-facebook-circle"></use> </svg> </a> </li> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Linkedin"> <a href="https://au.linkedin.com/company/oppo" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-linkedin-circle"></use> </svg> </a> </li> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Twitter"> <a href="https://twitter.com/OPPOAustralia" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-twitter-circle"></use> </svg> </a> </li> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Instagram"> <a href="https://instagram.com/oppoaustralia" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-instagram-circle"></use> </svg> </a> </li> <li class="op-trk-event circle-li" tm-event_name="follow_us"> <a href="https://www.tiktok.com/@oppoaustralia" target="_blank" class="media-link "> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us/TikTok-solid.svg"/> </a> </li> </ul> <ul class="copyright op-trk-event" tm-event_name="function_entry" tm-module="Bottom Function" tm-function_type="country choose" tm-button_name="Australia (English)"> <li> <a class="languages pc ft-body-3-1" href="https://www.oppo.com/en/choose-site/"> Australia (English) </a> </li> </ul> <a class="languages mobile op-trk-event" tm-event_name="function_entry" tm-module="Bottom Function" tm-function_type="country choose" tm-button_name="Australia (English)" href="https://www.oppo.com/en/choose-site/"> Australia (English) </a> </div> </div> </section> </section> <section class="bottom"> <ul class="links ft-body-3"> <li> <a href="https://www.oppo.com/au/privacy/"> Privacy </a> </li> <li> <a href="https://www.oppo.com/au/terms/"> Terms of Use </a> </li> <li> <a href="https://www.oppo.com/au/cookies/"> Cookies </a> </li> <li> <a href="https://www.oppo.com/au/legal/"> Legal & Compliance </a> </li> <li class="rights"> Copyright © 2004-2024 OPPO. All rights reserved. </li> </ul> <a href="javascript:;" class="back-top-btn ft-body-3-1"> Back to Top <svg class="op-icon down-icon"> <use xlink:href="#icon-access-light"></use> </svg> </a> </section> </footer> </section> </span> <span> <div id="contact-pop"> <div class="contact-pop_icon op-trk-event" tm-event_name="function_entry" tm-module="suspension" tm-function_type="primary function" tm-button_name="live chat"> <div id="pop_icon"></div> </div> <div class="contact-pop_box contact-pop_bottom"> <div class="contact-pop_heightbox"></div> <div class="contact-pop_subbox"> <div class="pop-close_btn"> <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC41ODUgMTYuMDAwMUw4LjY5MjUzIDIxLjg5MjVMMTAuMTA2NyAyMy4zMDY3TDE1Ljk5OTIgMTcuNDE0M0wyMS44OTE3IDIzLjMwNjhMMjMuMzA1OSAyMS44OTI1TDE3LjQxMzQgMTYuMDAwMUwyMy4zMDYxIDEwLjEwNzRMMjEuODkxOSA4LjY5MzE5TDE1Ljk5OTIgMTQuNTg1OEwxMC4xMDY2IDguNjkzMjJMOC42OTIzOCAxMC4xMDc0TDE0LjU4NSAxNi4wMDAxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==" alt=""/> </div> <div class="contact-pop_title"> <p></p> </div> <div class="contact-pop_wrap"> <div class="contact-pop_wrap_scroll"> <div class="pop-item pop-item_phone op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="WhatsApp"> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/WhatsApp.svg" alt="WhatsApp"/> </div> <div class="item-des"> <p class="phone-title"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="WhatsApp" href="https://wa.me/message/SRVLE6I67O5KE1" target="_blank"> WhatsApp </a> </p>  <div class="phone-list"> <p>9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </div>  </div> </div> <div class="pop-item pop-item_phone op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Livechat"> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Chat.svg" alt="Livechat"/> </div> <div class="item-des"> <p class="phone-title"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Livechat" href="https://chat-sg.oppo.com/chat/h5/v2/index.html?sysnum=c21c803e914f4594a3e4be83ac0067be&channelid=6" target="_blank"> Livechat </a> </p>  <div class="phone-list"> <p>9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </div>  </div> </div> <div class="pop-item pop-item_phone op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Hotline "> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Hotline.svg" alt="Hotline.svg"/> </div> <div class="item-des"> <p class="phone-title"> Hotline </p>  <div class="phone-list"> <p class="phone-number phone-color" data-herf="1800 956 776">1800 956 776</p> <p>9:00-18:00 Mon-Fri</p> <p>Including public holidays</p> </div> </div>  </div> </div> <a class="pop-item op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Service Centre" href="https://support.oppo.com/au/service-center/" target="_blank"> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/ServiceCenter.svg" alt="Service Centre"/> </div> <p class="item-des"> <span>Service Centre</span> </p> <div class="item-status"> <i></i> </div> </div> </a> </div> </div> </div> <div class="contact-pop_heightbox"></div> </div> </div> </span>  <div class="cp-cookie-tip"> <span class="tip"> We use cookies and similar technologies to make this site work properly and to analyse traffic and optimise your browsing experience. By continuing to browse the site, you agree to the use of such cookies. <a href="https://www.oppo.com/au/privacy/" class="link">Privacy & Cookie Policy</a>. </span> <a href="javascript:;" class="close"> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABSUlEQVRIS72WQWoDMQxF39BjJD1RNwkEUmgP0EVymmxygAQS0kU3PVHbY5QWwRg8RtLIzjBeztj/yfKXrY6ZRzczjxz4BBz7APbAx53BrIED8Ae8AZ+ilwO/gGUP+QVegUsj9Bk4AQ/9+m/gsQTKx0UGaIWWMJFUgZKCWxaVTKyFajDR2KQjKk2zBc6NUAv2AlxT5jSXWgu9Mw2vscoiLADUzB24tDRkRCgyZ6A7VvieoAjl1g+ZbAwoIhZU/qU6C8HKOvRqXIPm88PlE9lhEragYVjNDq3UhlPp1aGW2llTOqtpWspicJWV6fJME7lXQ/dnDrWAEZjnXnGuulMNWAOrhkafJ/dceqoVqPk8rYB35bqKwNJOLaj6AOc9TSroGpgH/Un9ktdEtcAsqNrTpDZRgthN0CbKEUmbKENtE73XYrJ/Na/FJNB/IKt3HTaQn2EAAAAASUVORK5CYII=" alt="close"> </a> </div>  <script> window.commAccount = { environment: 'prod', bizAppKey: '4BeqBphh1hpchQGZ15y3mJ', storeBizAppKey: 'L2UZzEh8P43RhBXjcJjLcF', ROUTER_HOST: document.getElementById('sow_domain_host') ? document.getElementById('sow_domain_host').value : 'https://sgp-sow-cms.oppo.com', storeROUTER_HOST: 'https://opsg-preapi-in.oppo.com', storeCallback: 'https://www.oppo.com/in/store/account/login', storeDomin: 'www.oppo.com', language: 'en-US' } </script> <div id="compareLink" data-compare-link="https://www.oppo.com/au/compare/#productName1=au_series-find-n_find-n3&productName2=au_series-reno_reno4-5g&productName3=au_series-a_a16s"></div> <script src="https://id.heytap.com/packages/account_web_sdk/index.umd.js"></script> <script src="https://www.oppo.com/content/dam/statics/js/TweenMax_TimelineMax.min.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-dependencies.min.b54c5acea5b98a3e10ccb9fe811db296.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design.min.91b548d3d9381569f4ea0e0924abe6f5.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-productdetail.min.285aeb5b5e4acee3ce33f0b22f3e7c61.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-product.min.8951b43cbf316f4ae2116dbc021706dd.js"></script> </div> </body> </html>

CINXE.COM

OPPO Watch X | OPPO Australia