HUAWEI Phones - HUAWEI Global

<!DOCTYPE html> <html xml:lang="en" lang="en" prefix="og:http://ogp.me/ns#"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="Access-Control-Allow-Origin"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.2, maximum-scale=5.0, user-scalable=yes"/> <meta name="description" content="Explore the latest technologies in smartphone with HUAWEI, and check out the HUAWEI Mate series, HUAWEI Pura series and HUAWEI nova series."/> <meta name="keywords" content="huawei phones, huawei smartphones, huawei mobile phones, phones, smartphones, mobile phones, huawei mate, huawei pura, huawei nova"/> <meta name="GENERATOR" content=" 8.00.7601.19003"/> <meta name="robots" content="index,follow"/> <meta name="title" content="HUAWEI Phones - HUAWEI Global"/> <title>HUAWEI Phones - HUAWEI Global</title> <link rel="canonical" href="https://consumer.huawei.com/en/phones/"/> <link rel="preload" href="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/hero/huawei-mate-xt-ultimate-design-mob.jpg" as="image" type="image/jpeg" media="(max-width: 767.98px)"/> <link rel="preload" href="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/hero/huawei-mate-xt-ultimate-design-pad.jpg" as="image" type="image/jpeg" media="(max-width: 1079.98px)"/> <link rel="preload" href="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/hero/huawei-mate-xt-ultimate-design-pc.jpg" as="image" type="image/jpeg"/> <script type="application/ld+json">{"@context":"http://schema.org","@id":"https://consumer.huawei.com/en/#organization","@type":"Organization","name":"HUAWEI","url":"https://consumer.huawei.com/en/","logo":"https://consumer-res.huawei.com/etc/designs/huawei-cbg-site/clientlib-campaign-v4/common-v4/images/logo.png","subOrganization":[{"@id":"https://consumer.huawei.com/en/support/#organization","@type":"Organization","name":"HUAWEI Support","url":"https://consumer.huawei.com/en/support/"},{"@id":"https://consumer.huawei.com/en/#organization","@type":"Organization","name":"HUAWEI Shop","url":"https://consumer.huawei.com/en/"}],"contactPoint":{"@type":"ContactPoint","contactType":"support","areaServed":"EN","availableLanguage":["EN","en"]},"sameAs":["https://en.wikipedia.org/wiki/Huawei","https://www.facebook.com/huaweimobile","https://twitter.com/huaweimobile","https://www.instagram.com/huaweimobile","https://www.youtube.com/c/huaweimobile","https://www.linkedin.com/company/huawei-consumer-business-group/"]}</script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"ItemList","url":"https://consumer.huawei.com/en/phones/","name":"HUAWEI Phones","description":"Explore the latest technologies in smartphone with HUAWEI, and check out the HUAWEI Mate series, HUAWEI Pura series and HUAWEI nova series.","itemListElement":[]} </script> <script type="text/javascript">window.pageLoadStart = new Date().getTime();</script> <link rel="shortcut icon" href="/content/dam/huawei-cbg-site/common/huawei-logo.png" type="image/png"/> <link rel="icon" href="/content/dam/huawei-cbg-site/common/huawei-logo.png" type="image/png"/> <link rel="bookmark" href="/content/dam/huawei-cbg-site/common/huawei-logo.png" type="image/png"/> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/public-v4.min.933bfd4cdba04f744f896d4e609c01f7.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/common-v4-nav-v2.min.1ae47838022e41f338cad6d80deb7b8b.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-mkt/v5/common-header-v5.min.c3c46982297a47484090f6dafd21e2c8.css" type="text/css"> <script type="text/javascript"> function getEncCookie(name){ var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)) return unescape(arr[2]); else return null; } // data layer javascript window.digitalData={"page":{"pageType":{"type":""},"pageInfo":{"appNum":"A59919963","siteCode":"en","staticResHost":"//consumer-res.huawei.com","isProd":false,"serviceGatewayPath":"https://sgw-sg.c.huawei.com/forward","gaiaPath":"//r.huaweistatic.com","ccpcApiKey":"DE","siteName":"Global (EN)","siteCodeForAPI":"worldwide","language":"en","pageName":"cbg:en:phones","uri":"/en/phones/","site":"cbg","countryCode":"EN","siteCode2":"en","isProductMiniSitePage":false,"knowledgeHost":"//consumer-tkb.huawei.com","isProductDetailPage":false,"publishedHost":"https://consumer.huawei.com","siteCurrency":"$"},"category":{"pageType":"product-listing","primaryCategory":"phones"}},"event":[]}; window.digitalData.page.pageInfo.currentHost = location.host; window.encUser = getEncCookie("data_layer_enc"); // is the site Arabic site window.isArabicSite = false; // map type window.customMapType = "gaia"; </script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/statics/jquery/jquery.min.js"></script> <script type="text/javascript"> var service_sessionuuid_support = "base/basecommonService/sessionuuid"; var SITE_CODE = window.digitalData.page.pageInfo.siteCodeForAPI || window.digitalData.page.pageInfo.siteCode; var APP_NUM = window.digitalData.page.pageInfo.appNum; var site_language = window.digitalData.page.pageInfo.language; var countryCode = window.digitalData.page.pageInfo.countryCode; var allowHA = false; window.isEcommercePage = false; </script> <input id="ha-report-url" type="hidden" value="https://metrics-dra.dt.dbankcloud.com:443/webv2"/> <script type="text/javascript"> (function () { window.isHealthWebView = function() { return window.JsInteraction && typeof window.JsInteraction.isFromHuaweiHealth === 'function' && window.JsInteraction.isFromHuaweiHealth(); } // 页面头尾隐藏样式 const appWebViewStyle = ` .huawei-v4 #header-v4, .huawei-v4 #second-navigation-v4, .huawei-v4 #header-placeholder, .huawei-v4 #robotIcon, .huawei-v4 #cookie-information-template-wrapper, .huawei-v4 .huawei-convergent-cookie, .huawei-v4 .optanon-alert-box-wrapper, .huawei-v4 .nps-survey, .huawei-v4 .hwv3-animate-box, .huawei-v4 .huawei-bootom-cookie, .huawei-v4 .v4.n09-footer .container div:not(.policy-text), .huawei-v4.nav-hidden .huawei-ie-tips { display: none !important; }`; function addCssByStyle(cssString) { const style = document.createElement("style"); style.setAttribute("type", "text/css"); const cssText = document.createTextNode(cssString); style.appendChild(cssText); const heads = document.getElementsByTagName("head"); if (heads.length) { heads[0].appendChild(style); } else { document.documentElement.appendChild(style); } } /** * 判断当前页面是否为服务页面及智慧生活(window.hilink) 或者 MHW-APP(integrationJsInterface)嵌入 * * @returns {*|boolean} */ function isSupportPageInAppView() { return window.digitalData && window.digitalData.page.category.pageType == 'support' && (window.hilink || window.integrationJsInterface || window.integrationJsInterfaceWebview || window.hicareJsInterface); } function isEcommerceSite() { const siteCode = window.digitalData ? window.digitalData.page.pageInfo.siteCode2 : ''; const ecommerceSiteCodeList = ['uk', 'fr', 'de', 'es', 'it', 'nl','ro', 'pt', 'pl', 'cz', 'tr', 'my', 'sa', 'ae', 'th', 'jp', 'pe', 'mx', 'cl', 'co', 'za', 'ru', 'ph']; return ecommerceSiteCodeList.indexOf(siteCode) > -1; } // 在运动健康/智慧生活服务页面webView中，隐藏页面头尾 if ((isHealthWebView() && isEcommerceSite()) || isSupportPageInAppView()) { addCssByStyle(appWebViewStyle); } })(); </script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; function getChapter2(){ var pageType = window.digitalData.page.category.pageType; pageType = pageType.split("_")[0]; var chapter2 = window.digitalData.page.category.subCategory1; if(pageType == "product-detail" || pageType == "product-listing"){ chapter2 = window.digitalData.page.category.primaryCategory; } return chapter2; } function getPageName(){ var pageName = ""; var pathArr = location.pathname.split("/"); for(var index = pathArr.length - 1; index > 0; index --){ if(pathArr[index] != ""){ pageName = pathArr[index]; if(pageName.indexOf(".html") != -1){ pageName = pageName.split(".")[0]; } break; } } return pageName; } </script> <script> var siteCode = window.digitalData ? window.digitalData.page.pageInfo.siteCode2 : ''; var pageCategory = window.digitalData ? window.digitalData.page.category.pageType: ''; var countryCode = window.digitalData ? window.digitalData.page.pageInfo.countryCode: ''; var language = window.digitalData ? window.digitalData.page.pageInfo.language: ''; var siteName = window.digitalData ? window.digitalData.page.pageInfo.siteName:''; var pageProductInfo = window.digitalData.product ? window.digitalData.product.productInfo:''; function dateFormat(fmt) { var d = new Date(); var local = d.getTime(); var offset = d.getTimezoneOffset() * 60000; var localUtc = new Date().getTimezoneOffset() / 60; var utcTime; if (localUtc > 0) { utcTime = local - offset; } else { utcTime = local + offset; } var CNTime = utcTime + 3600000 * 8; var nd = new Date(CNTime); var o = { "M+": nd.getMonth() + 1, "d+": nd.getDate(), "H+": nd.getHours(), "m+": nd.getMinutes(), "s+": nd.getSeconds(), "q+": Math.floor((nd.getMonth() + 3) / 3), "S": nd.getMilliseconds() }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (nd.getFullYear() + "").substr(4 - RegExp.$1.length)); for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt; } // hitTimeStamp : YYYYMMDD_hh:mm:ss 时区是(GMT+08:00) China Time，就是GA全球视图的时区 window.dataLayer.push({ userId: "", sessionId: "", firstSourceMedium:"", lastSourceMedium:"", accountStatus: "", loginStatus: "", hitTimeStamp: dateFormat("yyyy-MM-dd_HH:mm:ss"), pageCategory: pageCategory, siteCountryCode: countryCode, siteLanguage: language, siteCountryName: siteName, "productMktName":pageProductInfo&&pageProductInfo.marketingName||'', "productCategory":pageProductInfo&&pageProductInfo.category||'', "userCategory":"" }); if(pageCategory == 'search') { var reg = new RegExp("(^|&)keyword=([^&]*)(&|$)"); var val = window.location.search.substr(1).match(reg); if(val!=null&&val[2]) { var searchKeyword=decodeURIComponent(val[2]) window.dataLayer.push({ cat55: "product", kw55: searchKeyword, siteSearchResults: "" }); } ; } </script> <script type="text/javascript"> /** * 获取url中的参数 */ function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) { return decodeURIComponent(r[2]); } return null; //返回参数值 } </script> <script type="text/plain" class="cookie-package-controller analysis-cookie default-load-cookie"> (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-MBP7H56'); </script> <script type="text/javascript"> var enableExternalLinkPopup = Boolean(true); var externalLinkWhitelist = "[\x22huawei.com\x22,\x22h5hosting\u002Ddrcn.dbankcdn.cn\x22,\x22vmall.com\x22,\x22dpd.pt\x22,\x22cn.biosenseclinic.com\x22,\x22contentcenter\u002Ddrcn.dbankcdn.com\x22,\x22css\u002Dcomplain\u002Ddrcn.platform.dbankcloud.cn\x22,\x22fancourier.ro\x22]" != '' ? JSON.parse("[\x22huawei.com\x22,\x22h5hosting\u002Ddrcn.dbankcdn.cn\x22,\x22vmall.com\x22,\x22dpd.pt\x22,\x22cn.biosenseclinic.com\x22,\x22contentcenter\u002Ddrcn.dbankcdn.com\x22,\x22css\u002Dcomplain\u002Ddrcn.platform.dbankcloud.cn\x22,\x22fancourier.ro\x22]") : []; </script> <script type="text/javascript"> var enableNewCookieCfg = Boolean(false); var cookieModeSetting = "noPromptMode"; var ctlAnalysisCookie = Boolean(); var ctlAdvertiseCookie = Boolean(); var enableDefaultCookieAccept = Boolean(); var pushForConsentTime = ""; var pushForConsentTimeNewMode = ""; // 分享于My Huawei App中打开开关 var enableShareFeature = Boolean(true); // My Huawei App 下载页面地址配置项 var appDownloadLink = ""; // 是否启用 App 侧 FA 数据推送 var enableAppFa = Boolean(); // App 区域映射Json配置项 var appRegionMapperJsonStr = "[{\r\n \x22region\x22: \x22fr_FR\x22,\r\n \x22site\x22: \x22fr\x22\r\n }, {\r\n \x22region\x22: \x22en_GB\x22,\r\n \x22site\x22: \x22uk\x22\r\n }, {\r\n \x22region\x22: \x22de_DE\x22,\r\n \x22site\x22: \x22de\x22\r\n }, {\r\n \x22region\x22: \x22it_IT\x22,\r\n \x22site\x22: \x22it\x22\r\n }, {\r\n \x22region\x22: \x22es_ES\x22,\r\n \x22site\x22: \x22es\x22\r\n }, {\r\n \x22region\x22: \x22nl_NL\x22,\r\n \x22site\x22: \x22nl\x22\r\n }, {\r\n \x22region\x22: \x22ja_JP\x22,\r\n \x22site\x22: \x22jp\x22\r\n }, {\r\n \x22region\x22: \x22en_PH\x22,\r\n \x22site\x22: \x22ph\x22\r\n }, {\r\n \x22region\x22: \x22zh_CN\x22,\r\n \x22site\x22: \x22cn\x22\r\n }, {\r\n \x22region\x22: \x22en_ZA\x22,\r\n \x22site\x22: \x22za\x22\r\n }, {\r\n \x22region\x22: \x22pl_PL\x22,\r\n \x22site\x22: \x22pl\x22\r\n }, {\r\n \x22region\x22: \x22ru_RU\x22,\r\n \x22site\x22: \x22ru\x22\r\n }, {\r\n \x22region\x22: \x22th_TH\x22,\r\n \x22site\x22: \x22th\x22\r\n }, {\r\n \x22region\x22: \x22cs_CZ\x22,\r\n \x22site\x22: \x22cz\x22\r\n }, {\r\n \x22region\x22: \x22ro_RO\x22,\r\n \x22site\x22: \x22ro\x22\r\n }, {\r\n \x22region\x22: \x22tr_TR\x22,\r\n \x22site\x22: \x22tr\x22\r\n }, {\r\n \x22region\x22: \x22es_PE\x22,\r\n \x22site\x22: \x22pe\x22\r\n }, {\r\n \x22region\x22: \x22pt_PT\x22,\r\n \x22site\x22: \x22pt\x22\r\n }, {\r\n \x22region\x22: \x22ar_AE\x22,\r\n \x22site\x22: \x22ae\x22\r\n }, {\r\n \x22region\x22: \x22en_AE\x22,\r\n \x22site\x22: \x22ae_en\x22\r\n }, {\r\n \x22region\x22: \x22ar_EG\x22,\r\n \x22site\x22: \x22eg\x22\r\n }, {\r\n \x22region\x22: \x22en_EG\x22,\r\n \x22site\x22: \x22eg_en\x22\r\n }, {\r\n \x22region\x22: \x22ar_SA\x22,\r\n \x22site\x22: \x22sa\x22\r\n }, {\r\n \x22region\x22: \x22en_SA\x22,\r\n \x22site\x22: \x22sa_en\x22\r\n }, {\r\n \x22region\x22: \x22es_CL\x22,\r\n \x22site\x22: \x22cl\x22\r\n }, {\r\n \x22region\x22: \x22es_MX\x22,\r\n \x22site\x22: \x22mx\x22\r\n }, {\r\n \x22region\x22: \x22es_CO\x22,\r\n \x22site\x22: \x22co\x22\r\n }, {\r\n \x22region\x22: \x22en_MY\x22,\r\n \x22site\x22: \x22my\x22\r\n }, {\r\n \x22region\x22: \x22id_ID\x22,\r\n \x22site\x22: \x22id\x22\r\n }, {\r\n \x22region\x22: \x22en_AU\x22,\r\n \x22site\x22: \x22au\x22\r\n }, {\r\n \x22region\x22: \x22de_CH\x22,\r\n \x22site\x22: \x22ch\x22\r\n }, {\r\n \x22region\x22: \x22fr_CH\x22,\r\n \x22site\x22: \x22ch_fr\x22\r\n }, {\r\n \x22region\x22: \x22nl_BE\x22,\r\n \x22site\x22: \x22be\x22\r\n }, {\r\n \x22region\x22: \x22fr_BE\x22,\r\n \x22site\x22: \x22be_fr\x22\r\n }, {\r\n \x22region\x22: \x22en_KH\x22,\r\n \x22site\x22: \x22kh\x22\r\n }, {\r\n \x22region\x22: \x22my_MM\x22,\r\n \x22site\x22: \x22mm\x22\r\n }, {\r\n \x22region\x22: \x22en_MM\x22,\r\n \x22site\x22: \x22mm\x22\r\n }, {\r\n \x22region\x22: \x22vi_VN\x22,\r\n \x22site\x22: \x22vn\x22\r\n }, {\r\n \x22region\x22: \x22en_SG\x22,\r\n \x22site\x22: \x22sg\x22\r\n }, {\r\n \x22region\x22: \x22es_PY\x22,\r\n \x22site\x22: \x22py\x22\r\n }, {\r\n \x22region\x22: \x22es_PA\x22,\r\n \x22site\x22: \x22pa\x22\r\n }, {\r\n \x22region\x22: \x22es_BO\x22,\r\n \x22site\x22: \x22bo\x22\r\n }, {\r\n \x22region\x22: \x22es_EC\x22,\r\n \x22site\x22: \x22ec\x22\r\n }, {\r\n \x22region\x22: \x22es_HN\x22,\r\n \x22site\x22: \x22hn\x22\r\n }, {\r\n \x22region\x22: \x22es_GT\x22,\r\n \x22site\x22: \x22gt\x22\r\n }, {\r\n \x22region\x22: \x22es_CR\x22,\r\n \x22site\x22: \x22cr\x22\r\n }, {\r\n \x22region\x22: \x22es_UY\x22,\r\n \x22site\x22: \x22uy\x22\r\n }, {\r\n \x22region\x22: \x22sk_SK\x22,\r\n \x22site\x22: \x22sk\x22\r\n }, {\r\n \x22region\x22: \x22en_MU\x22,\r\n \x22site\x22: \x22mu\x22\r\n }, {\r\n \x22region\x22: \x22ar_JO\x22,\r\n \x22site\x22: \x22jo\x22\r\n }, {\r\n \x22region\x22: \x22ar_BH\x22,\r\n \x22site\x22: \x22bh_ar\x22\r\n }, {\r\n \x22region\x22: \x22en_BH\x22,\r\n \x22site\x22: \x22bh\x22\r\n }, {\r\n \x22region\x22: \x22ar_KW\x22,\r\n \x22site\x22: \x22kw\x22\r\n }, {\r\n \x22region\x22: \x22en_KW\x22,\r\n \x22site\x22: \x22kw_en\x22\r\n }, {\r\n \x22region\x22: \x22en_GH\x22,\r\n \x22site\x22: \x22gh\x22\r\n }, {\r\n \x22region\x22: \x22ar_QA\x22,\r\n \x22site\x22: \x22qa_ar\x22\r\n }, {\r\n \x22region\x22: \x22en_QA\x22,\r\n \x22site\x22: \x22qa\x22\r\n }, {\r\n \x22region\x22: \x22en_NG\x22,\r\n \x22site\x22: \x22ng\x22\r\n }, {\r\n \x22region\x22: \x22en_IE\x22,\r\n \x22site\x22: \x22ie\x22\r\n }, {\r\n \x22region\x22: \x22ar_DZ\x22,\r\n \x22site\x22: \x22dz_ar\x22\r\n }, {\r\n \x22region\x22: \x22fr_DZ\x22,\r\n \x22site\x22: \x22dz\x22\r\n }, {\r\n \x22region\x22: \x22en_KE\x22,\r\n \x22site\x22: \x22ke\x22\r\n }, {\r\n \x22region\x22: \x22en_LB\x22,\r\n \x22site\x22: \x22lb\x22\r\n }, {\r\n \x22region\x22: \x22ar_TN\x22,\r\n \x22site\x22: \x22tn_ar\x22\r\n }, {\r\n \x22region\x22: \x22fr_TN\x22,\r\n \x22site\x22: \x22tn\x22\r\n }, {\r\n \x22region\x22: \x22ar_IQ\x22,\r\n \x22site\x22: \x22iq_ar\x22\r\n }, {\r\n \x22region\x22: \x22en_IQ\x22,\r\n \x22site\x22: \x22iq\x22\r\n }, {\r\n \x22region\x22: \x22ar_OM\x22,\r\n \x22site\x22: \x22om_ar\x22\r\n }, {\r\n \x22region\x22: \x22en_OM\x22,\r\n \x22site\x22: \x22om\x22\r\n }, {\r\n \x22region\x22: \x22en_IN\x22,\r\n \x22site\x22: \x22in\x22\r\n }, {\r\n \x22region\x22: \x22en_PK\x22,\r\n \x22site\x22: \x22pk\x22\r\n }, {\r\n \x22region\x22: \x22ar_MA\x22,\r\n \x22site\x22: \x22ma_ar\x22\r\n }, {\r\n \x22region\x22: \x22fr_MA\x22,\r\n \x22site\x22: \x22ma\x22\r\n }, {\r\n \x22region\x22: \x22sr_RS\x22,\r\n \x22site\x22: \x22rs\x22\r\n }, {\r\n \x22region\x22: \x22hu_HU\x22,\r\n \x22site\x22: \x22hu\x22\r\n }, {\r\n \x22region\x22: \x22de_AT\x22,\r\n \x22site\x22: \x22at\x22\r\n }, {\r\n \x22region\x22: \x22hr_HR\x22,\r\n \x22site\x22: \x22hr\x22\r\n }, {\r\n \x22region\x22: \x22el_CY\x22,\r\n \x22site\x22: \x22cy\x22\r\n }, {\r\n \x22region\x22: \x22sl_SI\x22,\r\n \x22site\x22: \x22si\x22\r\n }, {\r\n \x22region\x22: \x22el_GR\x22,\r\n \x22site\x22: \x22gr\x22\r\n }, {\r\n \x22region\x22: \x22uk_UA\x22,\r\n \x22site\x22: \x22ua\x22\r\n }, {\r\n \x22region\x22: \x22bg_BG\x22,\r\n \x22site\x22: \x22bg\x22\r\n }, {\r\n \x22region\x22: \x22en_BD\x22,\r\n \x22site\x22: \x22bd\x22\r\n }, {\r\n \x22region\x22: \x22zh_tw_HK\x22,\r\n \x22site\x22: \x22hk\x22\r\n }, {\r\n \x22region\x22: \x22en_NZ\x22,\r\n \x22site\x22: \x22nz\x22\r\n }, {\r\n \x22region\x22: \x22es_SV\x22,\r\n \x22site\x22: \x22sv\x22\r\n }, {\r\n \x22region\x22: \x22pt_BR\x22,\r\n \x22site\x22: \x22br\x22\r\n }, {\r\n \x22region\x22: \x22es_DO\x22,\r\n \x22site\x22: \x22do\x22\r\n }, {\r\n \x22region\x22: \x22es_AR\x22,\r\n \x22site\x22: \x22ar\x22\r\n }, {\r\n \x22region\x22: \x22ru_BE\x22,\r\n \x22site\x22: \x22by\x22\r\n }, {\r\n \x22region\x22: \x22ru_KZ\x22,\r\n \x22site\x22: \x22kz\x22\r\n }, {\r\n \x22region\x22: \x22ru_UZ\x22,\r\n \x22site\x22: \x22uz\x22\r\n }, {\r\n \x22region\x22: \x22en_LK\x22,\r\n \x22site\x22: \x22lk\x22\r\n }, {\r\n \x22region\x22: \x22en_CA\x22,\r\n \x22site\x22: \x22ca\x22\r\n }, {\r\n \x22region\x22: \x22fr_CA\x22,\r\n \x22site\x22: \x22ca_fr\x22\r\n }, {\r\n \x22region\x22: \x22bs_BA\x22,\r\n \x22site\x22: \x22ba\x22\r\n }, {\r\n \x22region\x22: \x22ro_MD\x22,\r\n \x22site\x22: \x22md\x22\r\n }, {\r\n \x22region\x22: \x22he_IL\x22,\r\n \x22site\x22: \x22il\x22\r\n }, {\r\n \x22region\x22: \x22mk_MK\x22,\r\n \x22site\x22: \x22mk\x22\r\n }, {\r\n \x22region\x22: \x22fi_FI\x22,\r\n \x22site\x22: \x22fi\x22\r\n }, {\r\n \x22region\x22: \x22da_DK\x22,\r\n \x22site\x22: \x22dk\x22\r\n }, {\r\n \x22region\x22: \x22no_NO\x22,\r\n \x22site\x22: \x22no\x22\r\n }, {\r\n \x22region\x22: \x22et_EE\x22,\r\n \x22site\x22: \x22ee\x22\r\n }, {\r\n \x22region\x22: \x22ru_EE\x22,\r\n \x22site\x22: \x22ee\x22\r\n }, {\r\n \x22region\x22: \x22lv_LV\x22,\r\n \x22site\x22: \x22lv\x22\r\n }, {\r\n \x22region\x22: \x22ru_LV\x22,\r\n \x22site\x22: \x22lv\x22\r\n }, {\r\n \x22region\x22: \x22lt_LT\x22,\r\n \x22site\x22: \x22lt\x22\r\n }, {\r\n \x22region\x22: \x22sv_SE\x22,\r\n \x22site\x22: \x22se\x22\r\n }\r\n]"; </script> <script type="text/javascript"> var supportv2 = {}; supportv2["toCApiUrl"] = "https:\/\/itrinity\u002Dde.c.huawei.com"; supportv2["captchaServiceDomain"] = "csc\u002Dadapter\u002Ddre.security.dbankcloud.com"; supportv2["apiBaseUrl"] = "https:\/\/ccpce\u002Dde.consumer.huawei.com\/ccpcmd\/services\/dispatch\/secured\/CCPC\/EN"; supportv2["captchaUrl"] = "contentcenter\u002Ddre.dbankcdn.com\/pub_1\/cscaptcha_captcha_900_9\/b\/v3\/netease"; supportv2["supportApiUrl"] = "https:\/\/consumer.huawei.com\/support"; supportv2["ccpcServiceGatewayUrl"] = ""; supportv2["cmktApiUrl"] = "https:\/\/consumer\u002Dapi\u002Dsg.huawei.com\/cuepf"; supportv2["casUrl"] = "https:\/\/id5.cloud.huawei.com\/CAS"; supportv2["logisticcode"] = ""; supportv2["knowledgeLangCode"] = ""; supportv2["knowledgeCountry"] = ""; supportv2["productCategoryMapping"] = "[{\x22deviceProductLv2Id\x22:\x22CMCG10000002\x22,\x22categoryNameKey\x22:\x22Phones\x22,\x22majorProductCode\x22:\x22CMCG10000160,CMCG10000014,CMCG10000059,CMCG10000013,CMCG10000056,CMCG10000057,CMCG10000051,CMCG10000016,CMCG10000052,CMCG10000054,CMCG10000055,CMCG10000058,CMCG10000017,CMCG10000015,CMCG10000053\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/phones.svg\x22,\x22deviceCenterMajorName\x22:\x22Phones\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000003\x22,\x22categoryNameKey\x22:\x22Tablets\x22,\x22majorProductCode\x22:\x22CMCG10000018,CMCG10000019,CMCG10000061,CMCG10000060\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/tablets.svg\x22,\x22deviceCenterMajorName\x22:\x22Tablets\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000240\x22,\x22categoryNameKey\x22:\x22Vision\x22,\x22majorProductCode\x22:\x22CMCG10000920,CMCG10000280,CMCG10000922,CMCG10000941,CMCG10000980,CMCG10000940,CMCG10001000,CMCG10000921,CMCG10000300\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/visions.svg\x22,\x22deviceCenterMajorName\x22:\x22Vision\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000005\x22,\x22categoryNameKey\x22:\x22Wearables\x22,\x22majorProductCode\x22:\x22CMCG10000021,CMCG10000022,CMCG10000023,CMCG10000063,CMCG10000062\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/wearables.svg\x22,\x22deviceCenterMajorName\x22:\x22Wearables\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000004\x22,\x22categoryNameKey\x22:\x22Laptops\x22,\x22majorProductCode\x22:\x22CMCG10000620,CMCG10000400,CMCG10000383,CMCG10000401,CMCG10000020,CMCG10000384,CMCG10000402,CMCG10000121,CMCG10000345\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/laptops.svg\x22,\x22deviceCenterMajorName\x22:\x22Laptops\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000006\x22,\x22categoryNameKey\x22:\x22Smart home\x22,\x22majorProductCode\x22:\x22CMCG10000029,CMCG10000200,CMCG10000027,CMCG10000075,CMCG10000180,CMCG10000065,CMCG10000220,CMCG10000026,CMCG10000064,CMCG10000025,CMCG10000820,CMCG10000221,CMCG10000024,CMCG10000028,CMCG10000031,CMCG10000030\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/homes.svg\x22,\x22deviceCenterMajorName\x22:\x22Smart home\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000010\x22,\x22categoryNameKey\x22:\x22Accessories\x22,\x22majorProductCode\x22:\x22CMCG10000037,CMCG10000036,CMCG10000038,CMCG10000034,CMCG10000035,CMCG10000067,CMCG10000070,CMCG10000068,CMCG10000069,CMCG10000066\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/accessories.svg\x22,\x22deviceCenterMajorName\x22:\x22Accessories\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000340\x22,\x22categoryNameKey\x22:\x22Monitors\x22,\x22majorProductCode\x22:\x22CMCG10000381,CMCG10000382\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/monitors.svg\x22,\x22deviceCenterMajorName\x22:\x22Monitors\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000360\x22,\x22categoryNameKey\x22:\x22Desktops\x22,\x22majorProductCode\x22:\x22CMCG10000342,CMCG10000420,CMCG10000380,CMCG10000361\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/desktops.svg\x22,\x22deviceCenterMajorName\x22:\x22Desktops\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000760\x22,\x22categoryNameKey\x22:\x22Smart office\x22,\x22majorProductCode\x22:\x22CMCG10000761,CMCG10000780\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/printers.svg\x22,\x22deviceCenterMajorName\x22:\x22Smart office\x22}]"; supportv2["myDeviceI18nValue"] = "My device"; supportv2["gaEntrance"] = "" supportv2["gaModule"] = "" supportv2["entranceLv2ForGa"] = "" supportv2["productCategory1"] = "" supportv2["productCategory2"] = "" supportv2["productCategory3"] = "" supportv2["productCategory4"] = "" supportv2["ccpcSgwAppId"] = "96E6614BD648F3582A2D6D657C5CC768" supportv2["ccpcMyHuaweiApiId"] = "EDCF82D77A5AB59706CD5F2163F67427" supportv2["uumSgwAppId"] = "EDCF82D77A5AB59706CD5F2163F67427" supportv2["enableCsrfVerify"] = "false" == "true"; supportv2["cmktSgwAppId"] = "DE1FDF33D6278164A62EC486793F7CCF" supportv2["weComSdk"] = "https:\/\/wwcdn.weixin.qq.com\/node\/open\/js\/wecom\u002Djssdk\u002D2.0.2.js"; supportv2["weComCorpId"] = "ww1c80e3515f0cf2c3"; supportv2["weComAgentId"] = "1000246"; </script> <script type="text/javascript"> var loginApiUrl={}; loginApiUrl["cmscApiUrl"] = ""; loginApiUrl["huaweitimeApiUrl"] = ""; var mktConfig={}; mktConfig["websiteFunctionApi"] = ""; mktConfig["uumApi"] = "https:\/\/itrinity\u002Dsg.c.huawei.com"; mktConfig["sgwApi"] = (window.digitalData && window.digitalData.page.pageInfo.serviceGatewayPath) ? window.digitalData.page.pageInfo.serviceGatewayPath : "https:\/\/sgw\u002Dsg.c.huawei.com\/forward"; </script> <input type="hidden" id="month_txt" value="month txt"/> <input type="hidden" id="thumbnailImagePath" data-ccpc-api="//h5hosting-drcn.dbankcdn.cn/cch5/HiCare/myHuawei-shareSdk/shareSdk.ignores.js" value="https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/hero/wx-share.jpg"/> <input type="hidden" id="underageTips"/> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/public-v4.min.b26fc54c63014aec53258b09fb4ee006.js"></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-public-footer.min.fceda8aec29965bb0a72b1283da5e068.js"></script> <meta name="format-detection" content="telephone=no"/> <script type="text/javascript"> // 站点 var siteCode = window.digitalData ? window.digitalData.page.pageInfo.siteCode2 : ''; var ec_siteCode = window.digitalData ? window.digitalData.page.pageInfo.siteCode2 : ''; var isECommerceSite = "None"; isECommerceSite = isECommerceSite ? isECommerceSite : "None"; var apiHost = ""; var loginApiHost = ""; var upPersonalCenterLink = ""; var loginLink = ""; // 价格货币展示：货币代码 var ecCurrencyCode = ""; // 价格货币展示：货币符号位置处理 var putCurrencyFront = "true" !== '' ? JSON.parse("true") : true; // 价格货币展示：from显示与否 var showFrom = Boolean(false); // 价格货币展示：from文本位置 var putFromFront = Boolean(true); // 价格货币展示：千位分隔符 var thousandSeparator = ""; // 价格货币展示：小数点 var decimalPoint = ""; // 价格货币展示：是否显示小数 var showDecimal = Boolean(true); var showIntegerDecimal = Boolean(true); // 价格货币展示：是否空格隔开 var showCurrencySpace = Boolean(true); // 时区 var ecTimezone = "none"; // vmall登出接口 var vmallLogoutAPI = ""; // vmall需登录图片，用来拉起登录 var vmallLoginImgUrl = ""; // RRP var enableRRP = Boolean(false); var RRPText = ""; if (enableRRP) { RRPText = ""; } var enableScribes = Boolean(true); var rrpTips = ""; var enableShowSave = Boolean(true); var saveText = ""; // trade in开关（目前只针对PLP页，其他由中台控制） var enableTradeIn = Boolean(false); // 开启分期显示配置 var enableInstallmentCfg = Boolean(false); // 显示免息文本 var enableInterestFree = Boolean(false); // 免息文本 var interestFreeText = ""; // 分期左文本 var insatallmentLeftText = ""; // 分期右文本 var insatallmentRightText = ""; // 分期显示格式 var installmentDispType = "numberAndAmount"; // APP DMPA开关 var enableAppDmpa = Boolean(false); // 运动健康内强制登录开关 var enableUnitedLoginForHealth = Boolean(false); </script> <input id="is-edit-mode" type="hidden" value="false"/> <input type="hidden" id="offer-page-type" value="default"/> <input type="hidden" id="offer-home-page"/> <input type="hidden" id="aem-run-mode" value="prod"/> </head> <body class="huawei-v4 huawei-en "> <style> .header-tag-title.seo{ position:absolute; display: block; height: 0; width: 0; overflow: hidden; z-index: -1; } </style> <h1 class="header-tag-title seo">HUAWEI Mobile Phones</h1> <input title="cookie" type="hidden" id='cookieType' value="hwcookie"/> <div class="huawei-bootom-cookie"> <div class="huawei-cookie-cnt"> <div class="huawei-cookie-txt"> We use cookies to improve our site and your experience. By continuing to browse our site you accept our cookie policy.<a href="/en/legal/cookie-policy/" title=" Find out more"> Find out more</a> <svg class="huawei-cookie-close" width="32" height="32" xmlns="http://www.w3.org/2000/svg"> <g fill="#7f7f7f" fill-rule="evenodd"> <path d="M8 7l17 17-1 1L7 8z"></path> <path d="M7 24L24 7l1 1L8 25z"></path> </g> </svg> </div> </div> </div> <span class="popular-text hidden" data-value="Popular results"></span> <span class="suggested-text hidden" data-value="Suggested results"></span> <div class="huawei-ie-tips" style="display: none;"> <div class="huawei-ie-cnt"> <div class="huawei-ie-txt">For a better user experience, please use the latest version of Internet Explorer or switch to another browser. <a class="huawei-ie-close" href="javascript:;" title="close"> <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"> <g fill="#3C3C3C" fill-rule="evenodd"> <path d="M8 7l17 17-1 1L7 8z"></path> <path d="M7 24L24 7l1 1L8 25z"></path> </g> </svg> </a> </div> </div> </div> <div class="v4 header-placeholder nav-v2" id="header-placeholder"></div> <div class="v4 header slide-down-corporation nav-v2" id="header-v4" data-component="header"> <div id="topTipsBox" class="top-tips-box"> <div class="ip-jump-wrap"></div> </div> <div class="v4 n04-platform-selection platform-selection nav-v2" data-component="n04-platform-selection"> <button aria-haspopup="true" role="button" aria-expanded="false" class="platform-selection__toggle js-platform-toggle" type="button"> Consumer <span class="icon font-ico-arrow-down"></span> </button> <div class="platform-selection__content"> <div class="container"> <button class="icon-close"> <span class="sr-only">Close</span> </button> <div class="platform-selection__items row"> <div class="platform-selection__item col-md-6 col-lg-3"> <a title="Consumer" class="platform-selection__link platform-selection__link--active" target="_blank" rel="noopener noreferrer" data-bgname="Consumer"> Consumer<span class="icon font-ico-arrow-down"></span> </a> <p class="platform-selection__item-content">Smartphones, Laptops & Tablets, Wearables and More</p> </div> <div class="platform-selection__item col-md-6 col-lg-3"> <a title="Corporate" class="platform-selection__link platform-selection__link" target="_blank" rel="noopener noreferrer" data-bgname="Corporate" href="https://www.huawei.com/en/?ic_medium=hwdc&ic_source=cbg_header_corp"> Corporate<span class="icon font-ico-arrow-down"></span> </a> <p class="platform-selection__item-content">About Huawei, Press&Event, and More</p> </div> <div class="platform-selection__item col-md-6 col-lg-3"> <a title="Enterprise" class="platform-selection__link platform-selection__link" target="_blank" rel="noopener noreferrer" data-bgname="Enterprise" href="https://e.huawei.com/en/?ic_medium=hwdc&ic_source=cbg_header_ent"> Enterprise<span class="icon font-ico-arrow-down"></span> </a> <p class="platform-selection__item-content">Products, Solutions and Services for Enterprise</p> </div> <div class="platform-selection__item col-md-6 col-lg-3"> <a title="Carrier" class="platform-selection__link platform-selection__link" target="_blank" rel="noopener noreferrer" data-bgname="Carrier" href="https://carrier.huawei.com/en/?ic_medium=hwdc&ic_source=cbg_header_car"> Carrier<span class="icon font-ico-arrow-down"></span> </a> <p class="platform-selection__item-content">Products, Solutions and Services for Carrier</p> </div> </div> </div> </div> </div> <input title="main-nav" type="hidden" id='mainNav' value="nav-v2"/> <div class="v4 n01-main-navigation main-navigation nav-v2" data-component="n01-main-navigation"> <div class="container main-navigation__container"> <a title="logo" class="logo" href="/en/" data-navicon="logo"> <img src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/common-v4/images/logo.svg" width="142" alt="Huawei-v4"/> </a> <nav class="main-nav"> <div class="lf-nav nav-zone"> <ul class="main-nav__list" role="menubar"> <li class="main-nav__item "> <a title="Smartphone" data-navicon="Smartphone" class="main-nav__link unhover" href="/en/phones/">Smartphone</a> </li> <li class="main-nav__item "> <a title="Wearable" data-navicon="Wearable" class="main-nav__link unhover" href="/en/wearables/">Wearable</a> </li> <li class="main-nav__item "> <a title="PC" data-navicon="PC" class="main-nav__link unhover" href="/en/laptops/">PC</a> </li> <li class="main-nav__item "> <a title="Tablet" data-navicon="Tablet" class="main-nav__link unhover" href="/en/tablets/">Tablet</a> </li> <li class="main-nav__item "> <a title="Audio" data-navicon="Audio" class="main-nav__link unhover" href="/en/audio/">Audio</a> </li> <li class="main-nav__item "> <a title="Router" data-navicon="Router" class="main-nav__link unhover" href="/en/routers/">Router</a> </li> <li class="main-nav__item "> <a title="HUAWEI Mobile Services" data-navicon="HUAWEI Mobile Services" class="main-nav__link unhover" href="/en/mobileservices/">HUAWEI Mobile Services</a> </li> </ul> </div> <div class="rg-nav nav-zone"> <ul class="main-nav__list" role="menubar"> <li class="main-nav__item "> <a title="Support" data-navicon="Support" class="main-nav__link unhover" href="/en/support/">Support</a> </li> <li class="main-nav__item "> <a title="Community" data-navicon="Community" class="main-nav__link unhover" href="/en/community/">Community</a> </li> <li class="main-nav__item "> <a title="Business" data-navicon="Business" class="main-nav__link unhover" href="/en/business/">Business</a> </li> </ul> </div> </nav> <div class="nav-addons"> <button class="nav-addons__link nav-addons__search js-open-search" aria-haspopup="true" role="button" aria-expanded="false" data-navicon="search"> <span class="icon font-ico-search"> <span class="sr-only">Search</span> </span> </button> <button aria-haspopup="true" role="button" aria-expanded="false" class="nav-toggle js-nav-toggle"> <span class="btn-line"></span> <span class="sr-only">Open menu</span> <span class="btn-line"></span> </button> </div> </div> </div> <div class="v4 n12-search popup nav-v2" data-component="n12-search"> <div class="container"> <button tabindex="-1" type="button" class="popup__close-btn js-close-popup"> <span class="sr-only">Close</span> </button> <div class="row"> <div class="col-xl-6 offset-xl-3 col-lg-8 offset-lg-2 col-md-10 offset-md-1"> <div class="search__form-container"> <label class="sr-only" for="search">search</label> <input class="search__form-input js-search-autocomplete" text="search" name="search" id="search" autocomplete="off" data-enable-ph-search="no" placeholder="Search HUAWEI..."/> <button class="search__form-submit" type="button"> <span class="icon font-ico-search"> <span class="sr-only">Search</span> </span> </button> <button class="search__form-clear js-search-clear" type="button"> <span class="icon font-ico-close"> <span class="sr-only">Close</span> </span> </button> </div> <div class="popular-show-wrap"> <div class="popular-wrap"> <div class="top-title"> Popular Products </div> <div class="popular-product dropdown__right"> <div class="row dropdown__row-mobile"> <div class="list dropdown__right-col col-xl-4 col-xs-6"> <a class="dropdown__series-link search-popular-product-link" data-position="1" title="HUAWEI Mate XT ULTIMATE DESIGN" href="/en/phones/mate-xt-ultimate-design/"> <div class="dropdown__holder"> <img class="dropdown__image-centered" data-src="/content/dam/huawei-cbg-site/common/mkt/pdp/admin-image/phones/mate-xt-ultimate-design/list/list.png" alt="HUAWEI Mate XT ULTIMATE DESIGN" onerror="imgErrorUrl(this)"/> </div> </a> <div> <a class="heading dropdown__series-link search-popular-product-link" data-position="1" title="HUAWEI Mate XT ULTIMATE DESIGN" href="/en/phones/mate-xt-ultimate-design/"> HUAWEI Mate XT ULTIMATE DESIGN </a> </div> </div> <div class="list dropdown__right-col col-xl-4 col-xs-6"> <a class="dropdown__series-link search-popular-product-link" data-position="2" title="HUAWEI Mate X6" href="/en/phones/mate-x6/"> <div class="dropdown__holder"> <img class="dropdown__image-centered" data-src="/content/dam/huawei-cbg-site/common/mkt/pdp/admin-image/phones/mate-x6/list/red.png" alt="HUAWEI Mate X6" onerror="imgErrorUrl(this)"/> </div> </a> <div> <a class="heading dropdown__series-link search-popular-product-link" data-position="2" title="HUAWEI Mate X6" href="/en/phones/mate-x6/"> HUAWEI Mate X6 </a> </div> </div> <div class="list dropdown__right-col col-xl-4 col-xs-6"> <a class="dropdown__series-link search-popular-product-link" data-position="3" title="HUAWEI MatePad Pro 13.2-inch" href="/en/tablets/matepad-pro-13-2/"> <div class="dropdown__holder"> <img class="dropdown__image-centered" data-src="/content/dam/huawei-cbg-site/common/mkt/pdp/admin-image/tablets/matepad-pro-13-2-2025/list/list-gold.png" alt="HUAWEI MatePad Pro 13.2-inch" onerror="imgErrorUrl(this)"/> </div> </a> <div> <a class="heading dropdown__series-link search-popular-product-link" data-position="3" title="HUAWEI MatePad Pro 13.2-inch" href="/en/tablets/matepad-pro-13-2/"> HUAWEI MatePad Pro 13.2-inch </a> </div> </div> </div> </div> </div> <div class="quick-link"> <div class="top-title"> Quick View </div> <div class="link-wrap row"> <div class="col-sm-4 link-list"> <a title="Smartphone" class="search-quick-link" href="/en/phones/">Smartphone</a> </div> <div class="col-sm-4 link-list"> <a title="Wearable" class="search-quick-link" href="/en/wearables/">Wearable</a> </div> <div class="col-sm-4 link-list"> <a title="PC" class="search-quick-link" href="/en/laptops/">PC</a> </div> <div class="col-sm-4 link-list"> <a title="Tablet" class="search-quick-link" href="/en/tablets/">Tablet</a> </div> <div class="col-sm-4 link-list"> <a title="Audio" class="search-quick-link" href="/en/audio/">Audio</a> </div> <div class="col-sm-4 link-list"> <a title="Router" class="search-quick-link" href="/en/routers/">Router</a> </div> <div class="col-sm-4 link-list"> <a title="HUAWEI Mobile Services" class="search-quick-link" href="/en/mobileservices/">HUAWEI Mobile Services</a> </div> </div> </div> </div> </div> </div> <div class="search_toast"> enter more search keys </div> </div> </div> <div class="v4 n16-simple-tabs simple-tabs simple-tabs__sticky" data-component="n16-simple-tabs" style="display: none;"> <div class="container"> <div class="wrap"> <ul class="simple-tabs__wrap"> <li class="simple-tabs__continent" data-region="Africa">Africa</li> <li class="simple-tabs__continent" data-region="Asia Pacific">Asia Pacific</li> <li class="simple-tabs__continent" data-region="Europe">Europe</li> <li class="simple-tabs__continent" data-region="Latin America">Latin America</li> <li class="simple-tabs__continent" data-region="Middle East">Middle East</li> <li class="simple-tabs__continent" data-region="North America">North America</li> <li class="simple-tabs__continent" data-region="Global">Global</li> </ul> </div> </div> </div> </div> <div class="cookie-data"> <div class="required-category"> </div> <div class="analysis-category"> </div> <div class="advertise-category"> </div> <div class="function-category"> </div> <div class="unknown-category"> </div> </div> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/cookie-package-controller.min.15403c221f9cb150d5c5037427d9507c.js" defer></script>  <input type="hidden" id="privacy-popup-switch"/> <input type="hidden" id="privacy-popup-title"/> <input type="hidden" id="privacy-popup-ids"/> <input type="hidden" id="privacy-language-code" value="en-GB"/> <input type="hidden" id="privacy-popup-content"/> <input type="hidden" id="privacy-popup-agree"/> <input type="hidden" id="privacy-popup-checkNote"/> <input type="hidden" id="privacy-popup-remark"/> <input type="hidden" id="privacy-popup-agreeText"/> <input type="hidden" id="privacy-popup-rejectText"/> <input type="hidden" id="privacy-close-i18n" value="Close"/> <input type="hidden" id="privacy-errortip-i18n" value="privacy_fetch_error_tip"/> <script> // 隐私协议总开关 var privacyPopupSwitch = Boolean(); var privacyButtonLineStyle = Boolean(false); </script> <main class="v4 main page-plp"> <p class="hide_storefinderlink" style="display:none"></p> <p class="hide_showstorefinder" style="display:none">false</p> <p class="hide_storefinderinnewpage" style="display:none"></p> <div class="html-text-component parbase"> <style type="text/css"> .huawei-v4 .v4.main{ overflow: visible; } html.html-model-active { margin-right: var(--scrollbar-width); } html.html-model-active body { height: 100vh; overflow: hidden !important; } html.html-model-active #second-navigation-v4 .product-tabs__heading { margin-right: var(--scrollbar-width); } html[dir=rtl] .fancybox-close { right: auto !important; } .no-inline-video .video-btn { display: none !important; } #category-container { background: #f1f3f5; } #category-container p, #category-container span { line-height: 1.6; } #category-container .showIe, #category-container .wx-img { display: none; } #category-container .blur-up { filter: blur(5px); transition: filter 0.4s; -moz-transition: -webkit-filter 0.4s; -ms-transition: -webkit-filter 0.4s; -o-transition: -webkit-filter 0.4s; } #category-container .blur-up.lazyloaded { filter: blur(0); } #category-container * { box-sizing: border-box; } #category-container section { position: relative; } #category-container picture, #category-container img, #category-container video, #category-container svg, #category-container canvas { display: block; width: 100%; } #category-container sup { font-size: 0.6em; color: inherit; text-decoration: none; cursor: pointer; } #category-container .h2, #category-container .h3, #category-container .h4, #category-container .h5, #category-container .h6 { line-height: 1.25; font-weight: bold; } #category-container .h2 span, #category-container .h3 span, #category-container .h4 span, #category-container .h5 span, #category-container .h6 span { line-height: 1.25; } #category-container p b { font-weight: 500; color: #ffffff; } #category-container .hid-pc { display: none; } #category-container .nowrap { white-space: nowrap; } #category-container .tx-l { text-align: left; } #category-container .tx-r { text-align: right; } #category-container .tx-c { text-align: center; } #category-container .h3 { font-size: 48px; } @media screen and (max-width: 1440px) and (min-width: 1080px) { #category-container .h3 { font-size: 40px; } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .h3 { font-size: 36px; } } @media screen and (max-width: 767.98px) { #category-container .h3 { font-size: 24px; } } #category-container .swiper { overflow: unset; } #category-container .swiper.seriesSwiper{ overflow: hidden; } #category-container .category-section { overflow: hidden; } #category-container .hot .special-page .special-hot { display: block !important; } #category-container .new .special-page .special-new { display: block !important; } #category-container .mx-out { width: 100%; padding: 0 80px; overflow: hidden; } #category-container .mx-out .max-title { max-width: 1760px; margin: 0 auto; } #category-container .mx-out .mx-content { max-width: 1760px; margin: 0 auto; } @media screen and (min-width: 1920px){ #category-container .mx-out .mx-content { max-width: 1760px; } } @media screen and (max-width: 1440px) and (min-width: 1080px) { #category-container .mx-out .max-title { max-width: 1280px; } #category-container .mx-out .mx-content { max-width: 1280px; } #category-container .mx-out .mx-content.section-compare-container{ max-width: 100%; } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .mx-out { padding: 0 40px; } #category-container .mx-out .max-title { max-width: 1000px; } #category-container .mx-out .mx-content { max-width: 1000px; } #category-container .swiper.seriesSwiper{ overflow: unset; } } @media screen and (max-width: 767.98px) { #category-container .mx-out { padding: 0 16px; } #category-container .mx-out .max-title { max-width: 736px; } #category-container .mx-out .mx-content { max-width: 736px; } #category-container .swiper.seriesSwiper{ overflow: unset; } } #category-container .h3.max-title{ max-width: 60%; } @media screen and (max-width: 1079.98px) { #category-container .h3.max-title{ max-width: 90%; } } #category-container .product-btn-type1 { display: flex; justify-content: center; } #category-container .product-btn-type1 a { display: block; display: flex; justify-content: center; align-items: center; border-radius: 6px; font-size: 13px; border: 1px solid black; transition: 0.3s ease-out; overflow: hidden; font-weight: 500; padding: 5px 16px; line-height: 20px; } #category-container .product-btn-type1 a:nth-child(2) { margin-left: 24px; } @media screen and (max-width: 767.98px) { #category-container .product-btn-type1 a:nth-child(2) { margin-left: 12px; } } #category-container .product-btn-type1 .btn-black { background: black; color: white; } #category-container .product-btn-type1 .btn-white { background: white; color: black; border-color: rgba(0, 0, 0, 0.3); } #category-container .product-btn-type2 { line-height: 1; display: flex; flex-wrap: wrap; } #category-container .product-btn-type2 a { display: inline-block; font-size: 13px; font-weight: 500; line-height: 1.1538461538; transition: 0.3s ease-out; cursor: pointer; font-weight: 700; } #category-container .product-btn-type2 a::after { content: ""; display: inline-block; width: 6px; height: 6px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); position: relative; top: -2px; margin-left: 6px; transition: 0.6s ease; font-weight: 700; box-sizing: border-box; } #category-container .product-btn-type2 a:nth-child(2) { margin-left: 24px; } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .product-btn-type2 a:nth-child(2) { margin-left: 24px; } } @media screen and (max-width: 767.98px) { #category-container .product-btn-type2 a:nth-child(2) { margin-left: 16px; } } #category-container .normal-button-content { max-width: 1760px; height: 36px; display: flex; justify-content: flex-end; margin: 40px auto 0; } #category-container .normal-button-content .swiper-button-prev::before, #category-container .normal-button-content .swiper-button-prev::after, #category-container .normal-button-content .swiper-button-next::before, #category-container .normal-button-content .swiper-button-next::after { display: none; } #category-container .normal-button-content .swiper-button-prev, #category-container .normal-button-content .swiper-button-next { position: static; transform: translate(0, 0); width: 36px; height: 100%; background: url(/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/arrow.svg) center no-repeat; margin: 0; border-radius: 50%; overflow: hidden; background-color: rgb(229, 229, 229) !important; background-size: 100% 100%; outline: none; transition: opacity 0.3s cubic-bezier(0, 0, 0.5, 1); } #category-container .normal-button-content .swiper-button-prev { margin-right: 16px; transform: rotate(180deg); } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .normal-button-content { max-width: 1000px; margin-top: 32px; } } @media screen and (max-width: 767.98px) { #category-container .normal-button-content { max-width: 728px; margin-top: 20px; } } #category-container .normal-footnote .section-content ol { list-style-type: decimal; padding-left: 1em; } #category-container .normal-footnote .section-content ol li { font-size: 12px; line-height: 1.6; color: #666666; } #category-container .normal-footnote .section-content ol li.current { color: black; } #category-container .section-footnote { width: 100%; padding: 40px 80px; background: white; margin-top: 100px; } @media screen and (min-width: 1441px) { #category-container .section-footnote { margin-top: 120px; } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .section-footnote { padding: 40px; } } @media screen and (max-width: 767.98px) { #category-container .section-footnote { padding: 20px; margin-top: 80px; } } #category-container .section-kv { width: 100%; position: relative; overflow: hidden; } #category-container .section-kv .kv-click-bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } #category-container .section-kv .kv-title-content { width: 60%; padding: 40px 16px 0; text-align: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 3; pointer-events: none; } #category-container .section-kv .kv-title-content .h4 { font-size: 40px; cursor: pointer; } #category-container .section-kv .kv-title-content p { text-align: center; color: #000; font-weight: 400; cursor: pointer; } #category-container .section-kv .kv-title-content .kv-title-content-slogan { font-size: 20px; margin-top: 16px; cursor: pointer; font-weight: 600; } #category-container .section-kv .kv-title-content .kv-title-content-price { font-size: 16px; margin: 16px 0 8px; line-height: 1; cursor: pointer; font-weight: 600; /* width: fit-content; */ } #category-container .section-kv .kv-title-content .kv-title-content-price span { color: #B2B2B2; text-decoration: line-through; display: inline-block; margin-left: 8px; line-height: 1; font-weight: 600; } #category-container .price-remarks{ width: 16px; height: 16px; background: #B2B2B2; border-radius: 50%; display: inline-block; margin-left: 8px; transition: opaity 0.3s cubic-bezier(0, 0, 0.5, 1); pointer-events: all; margin-top: -.2em; } #category-container .price-remarks:hover{ opacity: .6; } #category-container .section-kv .kv-title-content .product-stages { font-size: 16px; color: #B2B2B2; line-height: 1; } #category-container .section-kv .kv-title-content .special-page { height: auto; font-size: 16px; margin-bottom: 8px; } #category-container .section-kv .kv-title-content .special-page p { color: #ce0e2d; display: none; cursor: pointer; } #category-container .section-kv .kv-title-content .product-btn-type1 { margin-top: 24px; /* justify-content: center; */ } #category-container .section-kv .kv-title-content .product-btn-type1 a{ pointer-events: all; cursor: pointer; } #category-container .section-kv .kv-title-content .product-btn-type1 a:nth-child(2) { margin-left: 24px; } #category-container .section-kv .kv-bg-content { width: 100%; height: 720px; max-width: 1760px; overflow: hidden; margin: 0 auto; position: relative; } #category-container .section-kv .kv-bg-content video, #category-container .section-kv .kv-bg-content picture, #category-container .section-kv .kv-bg-content img { max-width: none; height: 100%; width: auto; position: relative; left: 50%; transform: translate(-50%, 0); } @media screen and (min-width: 1080px){ #category-container .section-kv .kv-bg-content { border-radius: 8px; } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .section-kv{ padding: 0; } #category-container .section-kv .kv-title-content { width: 80%; padding: 40px 16px 0; } #category-container .section-kv .kv-title-content .h4 { font-size: 36px; } #category-container .section-kv .kv-bg-content { height: 680px; } } @media screen and (max-width: 767.98px) { #category-container .section-kv{ padding: 0; } #category-container .section-kv .kv-title-content { padding: 32px 16px 60px; width: 100%; } #category-container .section-kv .kv-title-content .h4 { font-size: 24px; } #category-container .section-kv .kv-title-content .kv-title-content-slogan { font-size: 16px; } #category-container .section-kv .kv-title-content .kv-title-content-price { margin: 12px 0 8px; } #category-container .section-kv .kv-bg-content { height: 520px; } #category-container .section-kv .kv-title-content .product-btn-type1 { margin-top: 20px; } } #category-container .section-reason .h3 { padding: 120px 0 60px; } #category-container .section-reason .reasonSwiper .swiper-slide { width: 428px; min-height: 591px; position: relative; border-radius: 8px; overflow: hidden; cursor: pointer; transform-origin: 50% 50%; transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1); will-change: transform; height: auto; background: white; } #category-container .section-reason .reasonSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 16px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content { position: relative; width: 100%; background: white; padding: 40px 52px 60px 40px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content p { font-size: 16px; font-weight: 500; color: #666666; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content .h4 { font-size: 28px; margin-top: 8px; color: black; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg { width: 100%; height: 428px; overflow: hidden; } @media screen and (max-width: 1920px) { #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg video, #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg picture, #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg img { max-width: none; height: 100%; width: auto; position: relative; left: 50%; transform: translate(-50%, 0); } } #category-container .section-reason .reasonSwiper .swiper-slide .reason-button { position: absolute; z-index: 2; width: 36px; height: 36px; right: 16px; bottom: 16px; border-radius: 50%; overflow: hidden; background-color: rgb(153, 153, 153); transition: opacity 0.3s cubic-bezier(0, 0, 0.5, 1); will-change: transform, opacity; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } #category-container .section-reason .reasonSwiper .swiper-slide:hover { transform: scale(1.02); } #category-container .section-reason .reasonSwiper .swiper-slide:hover .reason-button { opacity: 0.6; } @media screen and (max-width: 1440px) and (min-width: 1080px) { #category-container .section-reason .h3 { padding: 100px 0 48px; } #category-container .section-reason .reasonSwiper .swiper-slide { width: 374px; min-height: 512px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg { width: 100%; height: 374px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content { padding: 32px 52px 48px 32px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content p { font-size: 16px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content .h4 { font-size: 24px; } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .section-reason .h3 { padding: 100px 0 40px; } #category-container .section-reason .reasonSwiper .swiper-slide { width: 340px; min-height: 508px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg { width: 100%; height: 340px; } #category-container .section-reason .reasonSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 8px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content { padding: 32px 52px 48px 32px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content p { font-size: 16px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content .h4 { font-size: 24px; margin-top: 8px; } } @media screen and (max-width: 767.98px) { #category-container .section-reason .h3 { padding: 80px 0 28px; } #category-container .section-reason .reasonSwiper .swiper-slide { width: 272px; min-height: 412px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg { width: 100%; height: 272px; } #category-container .section-reason .reasonSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 8px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content { padding: 24px 52px 40px 24px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content p { font-size: 14px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content .h4 { font-size: 20px; margin-top: 8px; } } #category-container .section-series { padding: 20px 80px; } @media screen and (min-width: 991.98px) { #category-container .section-series { border-top: solid 1px #E8E8E8; } } #category-container .section-series .series-button-shadow{ position: absolute; top: 0; left: 0; width: 80px; height: 100%; background-image: linear-gradient(90deg, rgb(241, 243, 245) 50%, rgba(241, 243, 245, 0) 100%); pointer-events: none; opacity: 0; z-index: 2; } #category-container .section-series .series-button-shadow.right{ right: 0; left: auto; background-image: linear-gradient(270deg, rgb(241, 243, 245) 50%, rgba(241, 243, 245, 0) 100%); } #category-container .section-series .seriesSwiper .swiper-wrapper { justify-content: center; } #category-container .section-series .seriesSwiper .swiper-slide { width: 132px; position: relative; overflow: hidden; cursor: pointer; transform-origin: 50% 50%; } #category-container .section-series .seriesSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 16px; } #category-container .section-series .seriesSwiper .swiper-slide .series-page-content { width: 100%; text-align: center; margin: 8px auto 0; } #category-container .section-series .seriesSwiper .swiper-slide .series-page-content .h4 { font-size: 14px; font-weight: 500; } #category-container .section-series .seriesSwiper .swiper-slide .series-page-content p { font-size: 16px; font-weight: 500; margin: 8px 0; color: #666666; line-height: 1.25; } #category-container .section-series .seriesSwiper .swiper-slide .series-slide-img { width: calc(100% - 52px); margin: 0 auto; overflow: hidden; transition: transform 0.2s cubic-bezier(0, 0, 0.5, 1); will-change: transform; } #category-container .section-series .seriesSwiper .swiper-slide .series-slide-img img { transition: transform 0.2s cubic-bezier(0, 0, 0.5, 1); } #category-container .section-series .seriesSwiper .swiper-slide .series-button { position: absolute; z-index: 2; width: 36px; height: 36px; right: 16px; bottom: 16px; border-radius: 50%; overflow: hidden; transition: all 0.3s cubic-bezier(0, 0, 0.5, 1); background-color: rgba(255, 255, 255, 0.6); background-position: right bottom; background-size: 100%; background-image: url(/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/series-btn.svg); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } #category-container .section-series .seriesSwiper .swiper-slide:hover .series-slide-img{ transform: scale(1.1); } #category-container .section-series .seriesSwiper .swiper-slide:hover .series-button { background-position: right top !important; opacity: .6; } #category-container .section-series .seriesSwiper-button-content { opacity: 0; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); height: 22px; width: calc(100% - 82px); margin: 0; left: 41px; z-index: 3; justify-content: space-between; } #category-container .section-series .seriesSwiper-button-content .swiper-button-prev, #category-container .section-series .seriesSwiper-button-content .swiper-button-next{ width: 22px; margin: 0; pointer-events: all; } #category-container .section-series.active .seriesSwiper .swiper-wrapper { justify-content: unset; } #category-container .section-series.active .seriesSwiper-button-content { opacity: 1; } #category-container .section-series .series-button-shadow.active{ opacity: 1; } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .section-series{ padding: 20px 40px; } #category-container .section-series .series-button-shadow{ width: 40px; } #category-container .section-series .seriesSwiper .swiper-slide { width: 108px; } #category-container .section-series .seriesSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 8px; } #category-container .section-series .seriesSwiper .swiper-slide .series-page-content .h4 { font-size: 12px; } #category-container .section-series .seriesSwiper .swiper-slide .series-slide-img { width: calc(100% - 48px); } #category-container .section-series .seriesSwiper-button-content{ display: none; } #category-container .section-series .seriesSwiper .swiper-slide .series-button { width: 28px; height: 28px; right: 16px; bottom: 16px; } } @media screen and (max-width: 767.98px) { #category-container .section-series{ padding: 20px calc(40px - 0.058823529 * (768px - 100vw)); } #category-container .section-series .series-button-shadow{ width: 16px; } #category-container .section-series .seriesSwiper .swiper-slide { width: 76px; } #category-container .section-series .seriesSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 8px; } #category-container .section-series .seriesSwiper .swiper-slide .series-page-content .h4 { font-size: 12px; } #category-container .section-series .seriesSwiper .swiper-slide .series-slide-img { width: calc(100% - 16px); } #category-container .section-series .seriesSwiper-button-content{ display: none; } #category-container .section-series .seriesSwiper .swiper-slide .series-button { width: 24px; height: 24px; right: 8px; bottom: 8px; } } #category-container .productlist-content.category-section{ margin: 0 auto; overflow: visible; } #category-container .productlist-content .productlist-nav-sticky{ position: fixed; width: 100%; background-color: #ffffff; z-index: 11; overflow: hidden; opacity: 0; pointer-events: none; transform: translateY(-100%); transition: transform .3s cubic-bezier(0, 0, 0.5, 1), opacity .3s cubic-bezier(0, 0, 0.5, 1); } #category-container .productlist-content .productlist-nav-sticky.active{ opacity: 1; pointer-events: all; transform: translateY(0); } #category-container .productlist-content .productlist-nav-content.active{ overflow: auto; } #category-container .productlist-content .productlist-nav-content::-webkit-scrollbar{ display: none; } #category-container .productlist-content .productlist-nav{ width: fit-content; display: flex; padding: 0 80px; overflow: hidden; } #category-container .productlist-content .section-productlist{ margin-top: 120px; } #category-container .productlist-content .productlist-nav::after{ content:""; width: 100%; height: 1px; background-color: #E8E8E8; position: absolute; left: 0; bottom: 0; } #category-container .productlist-content .productlist-nav-content.active .productlist-nav::after{ width: var(--productlist-nav); } #category-container .productlist-content .productlist-nav .productlist-nav-item{ cursor: pointer; position: relative; color: #666666; padding: 21px 0; font-size: 12px; line-height: 1; white-space: nowrap; font-weight: 600; } #category-container .productlist-content .productlist-nav .productlist-nav-item:hover{ color: #000000; } #category-container .productlist-content .productlist-nav .productlist-nav-item.active{ color: #000000 !important; } #category-container .productlist-content .productlist-nav .productlist-nav-item.active::after{ content:""; width: 100%; height: 2px; background-color: #000000; position: absolute; left: 0; bottom: 0; z-index: 2; } #category-container .productlist-content .productlist-nav .productlist-nav-item:not(:nth-last-child(1)){ margin-right: 32px; } #category-container .productlist-content .productlist-nav-shadow{ position: absolute; top: 0; left: 0; width: 80px; height: calc(100% - 1px); background-image: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(255, 255, 255, 0) 100%); pointer-events: none; /* opacity: 0; */ z-index: 2; } #category-container .productlist-content .productlist-nav-shadow.right{ right: 0; left: auto; background-image: linear-gradient(270deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%); } #category-container .productlist-content .productlist-nav-shadow.active{ /* opacity: 1; */ } #category-container .section-productlist .section-page-content .h3 { margin-bottom: 12px; } #category-container .section-productlist .section-page-content p { font-size: 28px; color: #666666; } #category-container .section-productlist .section-main-content { width: 100%; } #category-container .section-productlist .section-main-content .introduce-card-top { position: relative; width: 100%; height: 800px; overflow: hidden; margin: 40px 0 0; } #category-container .section-productlist .section-main-content .introduce-card-top .card-top-bg { width: 100%; height: 100%; border-radius: 8px; overflow: hidden; } @media screen and (min-width: 1920px) { #category-container .productlist-content .productlist-nav{ width: 100%; max-width: 1760px; padding: 0; margin: 0 auto; } } #category-container .section-productlist .section-main-content .introduce-card-top .card-top-bg video{ border-radius: 8px; } @media screen and (max-width: 1920px) { #category-container .section-productlist .section-main-content .introduce-card-top .card-top-bg video, #category-container .section-productlist .section-main-content .introduce-card-top .card-top-bg picture, #category-container .section-productlist .section-main-content .introduce-card-top .card-top-bg img { max-width: none; height: 100%; width: auto; position: relative; left: 50%; transform: translate(-50%, 0); } } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn { width: 36px; height: 36px; position: absolute; right: 32px; bottom: 32px; background: rgba(255, 255, 255, 0.6); z-index: 2; border-radius: 50%; overflow: hidden; cursor: pointer; transition: opaity 0.3s cubic-bezier(0, 0, 0.5, 1); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn .play-btn { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn:hover { opacity: 0.6; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn.active .play-btn { opacity: 1; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn.active .pause-btn { opacity: 0; } #category-container .section-productlist .section-main-content .card-list { width: 100%; display: flex; justify-content: space-between; } #category-container .section-productlist .section-main-content .card-list .card-item { padding: 40px 40px 40px; background: white; position: relative; margin-top: 16px; border-radius: 8px; overflow: hidden; height: auto; } #category-container .section-productlist .section-main-content .card-list .card-item .three-btn { width: 36px; height: 36px; position: absolute; top: 16px; right: 16px; z-index: 3; display: none; } #category-container .section-productlist .section-main-content .card-list .card-item.hasthree .three-btn { display: block; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img { width: 240px; height: 240px; margin: 0 auto 8px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img img { transform-origin: 50% 50%; transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1); will-change: transform; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img:hover img { transform: scale(1.02); } #category-container .section-productlist .section-main-content .card-list .card-item .product-page { width: 100%; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .special-page { font-size: 14px; margin-bottom: 8px; font-weight: bold; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .special-page p { color: #ce0e2d; display: none; line-height: 1.25; font-weight: 600; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .h6 { font-size: 20px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-price { font-size: 16px; line-height: 1; margin: 16px 0 8px; font-weight: 600; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-price span{ color: #B2B2B2; text-decoration: line-through; display: inline-block; margin-left: 8px; line-height: 1; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-stages{ font-size:16px; color:#B2B2B2; line-height: 1; font-weight: 400; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-btn-type2{ margin-top: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item1 { width: calc(25% - 12px); } #category-container .section-productlist .section-main-content .card-list .card-item2 { width: calc(50% - 8px); } @media (min-width:1441px){ #category-container .section-productlist .section-main-content .card-list .card-item2, #category-container .section-productlist .section-main-content .card-list .card-item2-1 { display: flex; /* justify-content: center; */ align-items: center; padding: 48px 0 48px calc(40px - 0.041753653 * (1920px - 100vw)); } #category-container .section-productlist .section-main-content .card-list .card-item2-1{ width: calc(50% - 8px); } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-page, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-page { width: 432px; } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-img, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-img { width: 320px; height: 320px; margin: 0 40px 0 0; } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-page .product-name, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-page .product-name { font-size: 28px; } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-page .product-price, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-page .product-price { margin: 20px 0 8px; } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-page .product-btn-type2, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-page .product-btn-type2{ margin-top: 20px; } } @media (max-width: 1920px) and (min-width: 1441px) { #category-container .section-productlist .section-main-content .card-list .card-item2 .product-img, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-img { width: calc(320px - (20/479) * (1920px - 100vw)); height: calc(320px - (20/479) * (1920px - 100vw)); margin: 0 calc(40px - (20/479) * (1920px - 100vw)) 0 0; } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-page, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-page { width: calc(432px - (160/479) * (1920px - 100vw)); } } #category-container .section-productlist .section-main-content .card-list .card-item3 { width: 100%; display: flex; justify-content: center; align-items: center; padding: 60px 0; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { width: 400px; height: 400px; margin: 0 200px 0 0; } @media (max-width: 1920px) and (min-width: 1441px) { #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { margin: 0 calc(200px - (140/479) * (1920px - 100vw)) 0 0; } } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page { width: 456px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-name { font-size: 28px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-price { margin: 20px 0 8px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-btn-type2{ margin-top: 20px; } #category-container .section-productlist .section-main-content .series-popup-btn { /* width: 116px; */ width: fit-content; padding: 0 24px; height: 40px; background: black; color: white; font-size: 14px; display: flex; justify-content: center; align-items: center; margin: 40px auto 0; cursor: pointer; border-radius: 6px; overflow: hidden; line-height: 1; transition: opacity 0.3s cubic-bezier(0, 0, 0.5, 1); } #category-container .section-productlist .section-main-content .series-popup-btn img { width: 16px; height: 16px; margin-left: 4px; transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1); } #category-container .section-productlist .section-main-content .series-popup-btn:hover { opacity: 0.8; } #category-container .section-productlist .section-main-content .series-popup-btn:hover img { transform: rotate(90deg); } #category-container .section-productlist .card-button-content{ display: none; } #category-container .section-productlist.active .card-button-content{ display: flex; } @media (max-width: 1440px) and (min-width: 1080px) { #category-container .productlist-content .section-productlist{ margin-top: 100px; } #category-container .section-productlist .section-page-content p { font-size: 24px; } #category-container .section-productlist .section-main-content .introduce-card-top { height: 582px; margin: 32px 0 0; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn { right: 24px; bottom: 24px; } #category-container .section-productlist .section-main-content .card-list .card-item { padding: 32px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img { width: 232px; height: 232px; } #category-container .section-productlist .section-main-content .card-list .card-item1 { width: calc(416px - 0.33333333333 * (1440px - 100vw)); } #category-container .section-productlist .section-main-content .card-list .card-item1:not(:nth-last-child(1)){ margin-right: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-page { width: 100%; } #category-container .section-productlist .section-main-content .card-list .card-item2-1 { width: calc(33.3333333333% - 10.6666666667px); } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { width: 296px; height: 296px; margin: 0 calc(100px - (44/360) * (1440px - 100vw)) 0 0; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page { width: calc(388px - (54/360) * (1440px - 100vw)); } } @media (max-width: 1079.98px) and (min-width: 768px) { #category-container .productlist-content .productlist-nav{ padding: 0 40px; } #category-container .productlist-content .section-productlist{ margin-top: 100px; } #category-container .productlist-content .productlist-nav-shadow{ width: 40px; } #category-container .section-productlist .section-page-content p { font-size: 24px; } #category-container .section-productlist .section-main-content .introduce-card-top { height: 455px; margin: 24px 0 0; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn { right: 24px; bottom: 24px; } #category-container .section-productlist .section-main-content .card-list .card-item { padding: 24px 20px 24px; margin-top: 8px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img { width: 176px; height: 176px; } #category-container .section-productlist .section-main-content .card-list .card-item .three-btn { width: 28px; height: 28px; top: 12px; right: 12px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .h6 { font-size: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-price { font-size: 16px; margin: 16px 0 8px; } #category-container .section-productlist .section-main-content .card-list .card-item1 { width: calc(328px - 0.3333547022 * (1079.98px - 100vw)); } #category-container .section-productlist .section-main-content .card-list .card-item1:not(:nth-last-child(1)){ margin-right: 8px; } #category-container .section-productlist .section-main-content .card-list .card-item2 { width: calc(50% - 4px); padding: 0; padding: 24px 20px 24px; } #category-container .section-productlist .section-main-content .series-popup-btn { margin-top: 24px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { width: 224px; height: 224px; margin: 0 calc(80px - (43/312) * (1080px - 100vw)) 0 0; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page { width: calc(400px - (147/360) * (1080px - 100vw)); } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-name{ font-size: 24px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-price { margin: 20px 0 8px; } } @media (max-width: 767.98px) { #category-container .productlist-content{ margin: 80px auto 0; } #category-container .productlist-content .productlist-nav{ padding: 0 16px; } #category-container .productlist-content .section-productlist{ margin-top: 80px; } #category-container .productlist-content .productlist-nav-shadow{ width: 16px; } #category-container .section-productlist .section-page-content .h3 { margin-bottom: 8px; } #category-container .section-productlist .section-page-content p { font-size: 16px; } #category-container .section-productlist .section-main-content .introduce-card-top { height: 334px; margin: 20px 0 0; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn { width: 36px; height: 36px; right: 16px; bottom: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item { padding: 24px; margin-top: 8px; } #category-container .section-productlist .section-main-content .card-list .card-item:not(:nth-last-child(1)){ margin-right: 8px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img { width: 176px; height: 176px; margin: 0 auto 8px; } #category-container .section-productlist .section-main-content .card-list .card-item .three-btn { width: 28px; height: 28px; top: 12px; right: 12px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .special-page { font-size: 12px; margin-bottom: 8px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .h6 { font-size: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-price { font-size: 14px; margin: 16px 0 8px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-stages{ font-size: 14px; } #category-container .section-productlist .section-main-content .card-list .card-item1 { width: 239px; } #category-container .section-productlist .section-main-content .card-list .card-item2 { width: 363px; padding: 24px; } #category-container .section-productlist .section-main-content .series-popup-btn { margin-top: 20px; } #category-container .section-productlist.active .card-button-content{ display: flex; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { margin: 0 24px 0 0; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page { width: 320px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-name{ font-size: 20px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-price { margin: 16px 0 8px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-btn-type2{ margin-top: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item3{ padding: 40px 0; } } @media (max-width: 767.98px) and (min-width:700px){ #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { margin: 0 calc(60px - (36/68) * (768px - 100vw)) 0 0; } } @media (max-width: 568px) and (min-width:448px){ #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page { width: calc(320px - (120/120) * (568px - 100vw)); } } @media (max-width: 767.98px) and (min-width:488px){ #category-container .section-productlist .section-main-content .card-list .card-item2{ width: calc(363px - (123/280) * (768px - 100vw)); } } @media (max-width: 488px) { #category-container .section-productlist .section-main-content .card-list .card-item2{ width: 240px; } } @media (max-width: 447.98px) { #category-container .section-productlist .section-main-content .card-list .card-item3{ flex-wrap: wrap; padding: 24px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { margin: 0 auto 8px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page { width: 100%; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-name{ font-size: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-price { margin: 16px 0 8px; } } #category-container .section-compare { width: 100%; padding: 80px 0 156px; margin-top: 180px; background: white; overflow: visible; } #category-container .section-compare .section-compare-container { margin: 0 auto; overflow: hidden; padding: 0 80px; max-width: 100%; } #category-container .section-compare .section-compare-container .h3 { margin-bottom: 60px; } #category-container .section-compare .section-compare-container .compareSwiper { width: 100%; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item { width: 280px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item:not(:nth-last-child(1)) { margin-right: 90px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item { width: 100%; /* padding-bottom: 64px; */ /* border-bottom: 1px solid #e5e5e5; */ } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-image { width: 240px; height: 240px; margin: 0 auto; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .special-page { width: 100%; font-size: 14px; margin: 8px 0; text-align: center; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .special-page p { color: #ce0e2d; display: none; font-weight: 600; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-title { font-size: 20px; font-weight: bold; text-align: center; line-height: 1.25; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page { width: 100%; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .item-price { font-size: 16px; line-height: 1.25; margin: 24px 0 8px; text-align: center; font-weight: 600; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .item-price span{ color: #B2B2B2; text-decoration: line-through; display: inline-block; margin-left: 8px; line-height: 1; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .product-stages{ font-size:16px; color:#B2B2B2; line-height: 1; text-align: center; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list { width: 100%; margin-top: 64px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card { width: 100%; text-align: center; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card:not(:nth-last-child(1)) { margin-bottom: 40px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-top { text-align: center; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-top-image { width: 100%; height: 40px; display: flex; justify-content: center; margin-bottom: 16px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-top-image img { height: 100%; width: auto; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-top-page { font-size: 20px; line-height: 1.25; font-weight: 700; text-align: center; margin-bottom: 12px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-page { color: #666666; line-height: 1.6; font-size: 14px; font-weight: 400; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .product-btn-type1{ margin-top: 24px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .product-btn-type2{ justify-content: center; margin-top: 16px; } #category-container .section-compare .compare-button-content{ display: none; } #category-container .section-compare.active .compare-button{ position: absolute; bottom: 80px; right: 80px; } #category-container .section-compare.active .compare-button-content{ display: flex; position: sticky; top: calc(100% - 56px); z-index: 99; } #category-container .section-compare.active .compare-button-shadow{ position: absolute; bottom: -20px; right: -80px; width: 100vw; height: 96px; background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); } @media screen and (min-width: 1920px){ #category-container .section-compare .section-compare-container{ max-width: 1760px; padding: 0; } } @media screen and (max-width: 1440px) and (min-width: 1080px) { #category-container .section-compare { padding-top: 60px; padding-bottom: 132px; margin-top: 160px; } #category-container .section-compare .section-compare-container .h3 { margin-bottom: 48px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item { width: 218px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item:not(:nth-last-child(1)) { margin-right: 94px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-image { width: 218px; height: 218px; } #category-container .section-compare.active .compare-button{ bottom: 60px; } #category-container .section-compare.active .compare-button-shadow{ height: 90px; bottom: -18px; } #category-container .section-compare.active .compare-button-content{ top: calc(100% - 54px); } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .section-compare { padding-top: 60px; padding-bottom: 128px; margin-top: 120px; } #category-container .section-compare.active .compare-button{ bottom: 60px; right: 40px; } #category-container .section-compare.active .compare-button-shadow{ right: -40px; height: 84px; bottom: -16px; } #category-container .section-compare.active .compare-button-content{ top: calc(100% - 52px); } #category-container .section-compare .section-compare-container{ padding: 0 40px; } #category-container .section-compare .section-compare-container .h3 { margin-bottom: 40px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item { width: 224px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item:not(:nth-last-child(1)) { margin-right: 66px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-image { width: 176px; height: 176px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-title{ font-size: 16px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .product-stages{ font-size: 14px; } #category-container .section-compare .normal-button-content { margin-top: 32px; } } @media screen and (max-width: 767.98px) { #category-container .section-compare { padding-top: 40px; padding-bottom: 96px; margin-top: 100px; } #category-container .section-compare.active .compare-button{ bottom: 40px; right: 15px; } #category-container .section-compare.active .compare-button-shadow{ right: -15px; height: 66px; bottom: -10px; } #category-container .section-compare.active .compare-button-content{ top: calc(100% - 46px); } #category-container .section-compare .section-compare-container{ padding: 0 16px; } #category-container .section-compare .section-compare-container .h3 { margin-bottom: 28px; width: 328px; } #category-container .section-compare .section-compare-container .compareSwiper { width: 100%; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item { width: 188px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item:not(:nth-last-child(1)) { margin-right: 36px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-image { width: 176px; height: 176px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .special-page { font-size: 12px; margin: 8px 0; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-title { font-size: 16px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page { width: 100%; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .item-price { font-size: 14px; margin: 24px 0 8px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-top-page { font-size: 16px; margin-bottom: 12px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-page { font-size: 12px; } #category-container .section-compare .normal-button-content { margin-top: 20px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .product-stages{ font-size: 14px; } } #category-container .section-collocation { margin-top: 180px; } #category-container .section-collocation .h3 { margin-bottom: 60px; } #category-container .section-collocation .section-collocation-container .collocation-item-list { display: flex; justify-content: space-between; flex-wrap: wrap; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item { width: calc(50% - 8px); position: relative; height: 560px; border-radius: 8px; overflow: hidden; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title { position: absolute; left: 50%; top: 60px; transform: translateX(-50%); z-index: 2; text-align: center; width: 576px; pointer-events: none; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title .h4 { font-size: 28px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title p { font-size: 16px; margin: 12px 0 16px; color: #666666; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title .product-btn-type2 { justify-content: center; pointer-events: all; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-image { width: 100%; height: 100%; overflow: hidden; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-image-click{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-image video, #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-image picture, #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-image img { max-width: none; height: 100%; width: auto; position: relative; left: 50%; transform: translate(-50%, 0); } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item:nth-child(3), #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item:nth-child(4) { margin-top: 16px; } @media screen and (max-width: 1440px) and (min-width: 1080px) { #category-container .section-collocation { margin-top: 160px; } #category-container .section-collocation .h3 { margin-bottom: 48px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item { width: calc(50% - 8px); height: 406px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title{ top: 48px; width: 374px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title .h4 { font-size: 24px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title p { font-size: 16px; margin: 8px 0 16px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item:nth-child(3), #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item:nth-child(4) { margin-top: 16px; } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .section-collocation { margin-top: 120px; } #category-container .section-collocation .h3 { margin-bottom: 40px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item { width: 100%; height: 480px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title { top: 48px; width: 398px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title .h4 { font-size: 24px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title p { font-size: 16px; margin: 8px 0 16px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item:not(:nth-child(1)) { margin-top: 8px; } } @media screen and (max-width: 767.98px) { #category-container .section-collocation { margin-top: 100px; } #category-container .section-collocation .h3 { margin-bottom: 28px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item { width: 100%; height: 352px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title { top: 32px; width: 272px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title .h4 { font-size: 20px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title p { font-size: 14px; margin: 8px 0 calc(16px - 0.00980392 * (768px - 100vw)); } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item:not(:nth-child(1)) { margin-top: 8px; } } #category-container .section-experience-screen-2 { margin-top: 180px; } #category-container .section-experience-screen-2 .h3 { margin-bottom: 60px; } #category-container .section-experience-screen-2 .section-content { position: relative; display: flex; margin: 0 auto; background: white; justify-content: center; min-height: 702px; align-items: center; border-radius: 8px; overflow: hidden; } #category-container .section-experience-screen-2 .picture-frame { position: relative; z-index: 2; pointer-events: none; } #category-container .section-experience-screen-2 .swiper { width: 725px; height: 542px; } #category-container .section-experience-screen-2 .note { position: absolute; } #category-container .section-experience-screen-2 .swiper-content { width: 354px; margin-left: 89px; padding-left: 40px; position: relative; height: -moz-fit-content; height: fit-content; } @media (max-width: 1920px) and (min-width: 1441px) { #category-container .section-experience-screen-2 .swiper-content { margin-left: calc(89px - (48/479) * (1920px - 100vw)); } } #category-container .section-experience-screen-2 .tabnav-left-line { position: absolute; left: 0; top: 0; width: 2px; height: calc(100% - 12px); background: #E8E8E8; } #category-container .section-experience-screen-2 .tabnav-left-line .left-scrollbar { width: 100%; background: black; position: absolute; top: 0; left: 0; transition: 0.5s all; } #category-container .section-experience-screen-2 .tabnav-list { display: flex; flex-direction: column; } #category-container .section-experience-screen-2 .tabnav-item:not(:nth-last-child(2)) { padding-bottom: 40px; } #category-container .section-experience-screen-2 .tabnav-item.active .tabnav-button { color: black; } #category-container .section-experience-screen-2 .tabnav-button { display: flex; align-items: center; justify-content: space-between; width: 100%; text-align: left; background: unset; border: 0px; outline: none; color: #b2b2b2; transition: 0.5s all; } #category-container .section-experience-screen-2 .tabnav-title { font-size: 28px; font-weight: bold; /* white-space: nowrap; */ line-height: 1.25; } #category-container .section-experience-screen-2 .tabnav-collapse{ padding-top: 12px; } #category-container .section-experience-screen-2 .tabnav-intro { font-size: 16px; overflow: hidden; transition: 0.5s all; color: #666666; } #category-container .section-experience-screen-2 .expanded .tabnav-button { cursor: pointer; } #category-container .section-experience-screen-2 .animating .tabnav-collapse { overflow: hidden; height: 0; transition: height 0.4s; } #category-container .section-experience-screen-2 .tabnav-indicator { display: none; } @media screen and (max-width: 1440px) and (min-width: 1080px) { #category-container .section-experience-screen-2 { margin-top: 160px; } #category-container .section-experience-screen-2 .h3 { margin-bottom: 48px; } #category-container .section-experience-screen-2 .swiper { width: 452px; height: 339px; } #category-container .section-experience-screen-2 .tabnav-title { font-size: 24px; } #category-container .section-experience-screen-2 .tabnav-item:not(:nth-last-child(2)) { padding-bottom: 32px; } #category-container .section-experience-screen-2 .swiper-content { width: 335px; margin-left: calc(100px - (55/360) * (1440px - 100vw)); } } @media screen and (max-width: 1079.98px) { #category-container .section-experience-screen-2 { margin-top: 120px; } #category-container .section-experience-screen-2 .h3 { margin-bottom: 40px; } #category-container .section-experience-screen-2 .section-content { background: unset; padding: 0; min-height: unset; flex-wrap: wrap; justify-content: center; } #category-container .section-experience-screen-2 .swiper { width: 100%; height: 602px; margin: 0 auto; overflow: hidden; background: white; border-radius: 8px; } #category-container .section-experience-screen-2 .swiper .swiper-slide{ padding: 60px 0; } #category-container .section-experience-screen-2 .swiper .swiper-slide img{ height: 100%; width: auto; margin: 0 auto; } #category-container .section-experience-screen-2 .note { position: static; } #category-container .section-experience-screen-2 .section-content { display: block; overflow: visible; min-height: auto; } #category-container .section-experience-screen-2 .tabnav-left-line { display: none; } #category-container .section-experience-screen-2 .swiper-content { width: 100%; margin: 32px 0 0; padding-left: 0; position: relative; height: -moz-fit-content; height: fit-content; } #category-container .section-experience-screen-2 .tabnav-content { width: 688px; margin: 0 auto; position: relative; overflow-x: auto; overflow-y: hidden; line-height: 0; -webkit-overflow-scrolling: touch; } #category-container .section-experience-screen-2 .tabnav-content::-webkit-scrollbar { display: none; } #category-container .section-experience-screen-2 .tabnav-list { position: relative; display: inline-block; font-size: 0; white-space: nowrap; } #category-container .section-experience-screen-2 .tabnav-item { display: inline-block; padding-bottom: 0; border-top: 0 !important; } #category-container .section-experience-screen-2 .tabnav-item + .tabnav-item { margin-left: 42px; } #category-container .section-experience-screen-2 .tabnav-item:not(:nth-last-child(2)) { padding-bottom: 0; } #category-container .section-experience-screen-2 .tabnav-header { margin-bottom: 0; } #category-container .section-experience-screen-2 .tabnav-button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-top: 0; padding-bottom: 24px; cursor: pointer !important; text-align: left; } #category-container .section-experience-screen-2 .tabnav-button.current { cursor: default !important; } #category-container .section-experience-screen-2 .tabnav-button { opacity: 1 !important; } #category-container .section-experience-screen-2 .tabnav-button.current .tabnav-title { color: #000000; } #category-container .section-experience-screen-2 .tabnav-title { font-size: 20px; transition: color 0.4s; color: #B2B2B2; } #category-container .section-experience-screen-2 .tabnav-icon, #category-container .section-experience-screen-2 .tabnav-collapse { display: none; } #category-container .section-experience-screen-2 .tabnav-indicator { display: block; width: 100%; height: 2px; background-color: #E8E8E8; } #category-container .section-experience-screen-2 .indicator { height: 100%; background-color: black; } #category-container .section-experience-screen-2 .xs-intro-list { display: flex; margin: 32px auto 0; width: 514px; text-align: center; } #category-container .section-experience-screen-2 .tabnav-intro { position: relative; width: 100%; padding-top: 0; font-size: 16px; transition: opacity 0.4s; opacity: 0; } #category-container .section-experience-screen-2 .tabnav-intro + .tabnav-intro { margin-left: -100%; } #category-container .section-experience-screen-2 .tabnav-intro.current { z-index: 1; opacity: 1; } } @media screen and (max-width: 767.98px) { #category-container .section-experience-screen-2 { margin-top: 100px; padding: 0; } #category-container .section-experience-screen-2 .h3 { margin-bottom: 28px; } #category-container .section-experience-screen-2 .section-content { padding: 0; min-height: unset; } #category-container .section-experience-screen-2 .swiper-media-wrapper{ padding: 0 16px; } #category-container .section-experience-screen-2 .swiper { width: 100%; height: 294px; border-radius: 8px; } #category-container .section-experience-screen-2 .swiper .swiper-slide{ padding: 40px 0; } #category-container .section-experience-screen-2 .swiper-content { margin: 24px 0 0; } #category-container .section-experience-screen-2 .tabnav-content { width: fit-content; max-width: 100%; } #category-container .section-experience-screen-2 .tabnav-list { margin: 0 16px; } #category-container .section-experience-screen-2 .tabnav-item + .tabnav-item { margin-left: 32px; } #category-container .section-experience-screen-2 .tabnav-button { padding-bottom: 16px; } #category-container .section-experience-screen-2 .tabnav-title { font-size: 16px; } #category-container .section-experience-screen-2 .xs-intro-list { margin: 25px auto 0; width: calc(488px - (160/408) * (767.98px - 100vw)); } #category-container .section-experience-screen-2 .tabnav-intro { font-size: 16px; } } #category-container .section-service { margin-top: 180px; } #category-container .section-service .h3 { margin-bottom: 60px; } #category-container .section-service .serviceSwiper { width: 100%; } #category-container .section-service .serviceSwiper .swiper-slide { width: 428px; padding: 40px 40px 60px; background: white; height: auto; border-radius: 8px; overflow: hidden; transform-origin: 50% 50%; transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1); will-change: transform; } #category-container .section-service .serviceSwiper .swiper-slide:hover{ transform: scale(1.02); } #category-container .section-service .serviceSwiper .swiper-slide .category-bg-click{ position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; } #category-container .section-service .serviceSwiper .swiper-slide .category-bg-click.no-click{ cursor: auto; } #category-container .section-service .serviceSwiper .swiper-slide .service-icon { width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; } #category-container .section-service .serviceSwiper .swiper-slide .sevice-page{ z-index: 2; position: relative; pointer-events: none; } #category-container .section-service .serviceSwiper .swiper-slide .h5 { font-size: 28px; margin: 32px 0 16px; } #category-container .section-service .serviceSwiper .swiper-slide p { font-size: 16px; color: #666666; } #category-container .section-service .serviceSwiper .swiper-slide .product-btn-type2 { margin-top: 16px; pointer-events: all; } #category-container .section-service .serviceSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 16px; } @media screen and (max-width: 1440px) and (min-width: 1080px) { #category-container .section-service { margin-top: 160px; } #category-container .section-service .h3 { margin-bottom: 48px; } #category-container .section-service .serviceSwiper .swiper-slide { width: 335px; padding: 32px 32px 60px; } #category-container .section-service .serviceSwiper .swiper-slide .service-icon { width: 40px; height: 40px; } #category-container .section-service .serviceSwiper .swiper-slide .h5 { font-size: 24px; margin: 24px 0 16px; } #category-container .section-service .serviceSwiper .swiper-slide p { font-size: 16px; } #category-container .section-service .serviceSwiper .swiper-slide .product-btn-type2 { margin-top: 16px; } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .section-service { margin-top: 120px; } #category-container .section-service .h3 { margin-bottom: 40px; } #category-container .section-service .serviceSwiper .swiper-slide { width: 282px; padding: 28px 28px 48px; } #category-container .section-service .serviceSwiper .swiper-slide .service-icon { width: 40px; height: 40px; } #category-container .section-service .serviceSwiper .swiper-slide .h5 { font-size: 20px; margin: 24px 0 16px; } #category-container .section-service .serviceSwiper .swiper-slide p { font-size: 16px; } #category-container .section-service .serviceSwiper .swiper-slide .product-btn-type2 { margin-top: 16px; } #category-container .section-service .serviceSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 8px; } } @media screen and (max-width: 767.98px) { #category-container .section-service { margin-top: 100px; } #category-container .section-service .h3 { margin-bottom: 28px; } #category-container .section-service .serviceSwiper .swiper-slide { width: 272px; padding: 24px 24px 40px; } #category-container .section-service .serviceSwiper .swiper-slide .service-icon { width: 40px; height: 40px; } #category-container .section-service .serviceSwiper .swiper-slide .h5 { font-size: 20px; margin: 24px 0 12px; } #category-container .section-service .serviceSwiper .swiper-slide p { font-size: 14px; } #category-container .section-service .serviceSwiper .swiper-slide .product-btn-type2 { margin-top: 12px; } #category-container .section-service .serviceSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 8px; } } #category-container .normalPopUp { position: fixed; width: 100%; height: 100%; background-color: rgba(38, 38, 38, 0.5); z-index: -120; pointer-events: none; top: 0; left: 0; opacity: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } #category-container .normalPopUp .fix-container { width: 100%; height: 100%; padding: 0 180px; overflow: auto; scrollbar-width: auto; } @media (max-width: 1920px) and (min-width: 1441px) { #category-container .normalPopUp .fix-container { padding: 0 calc(180px - 0.2087682672 * (1920px - 100vw)); } } @media (max-width: 1440px) and (min-width: 1080px) { #category-container .normalPopUp .fix-container { padding: 0 80px; } } @media (max-width: 1079.98px) and (min-width: 768px) { #category-container .normalPopUp .fix-container { padding: 0 60px; } } @media (max-width: 767.98px) { #category-container .normalPopUp .fix-container { padding: 0; } } #category-container .normalPopUp .fix-container .h3 { font-size: 48px; } @media (max-width: 1440px) and (min-width: 1080px) { #category-container .normalPopUp .fix-container .h3 { font-size: 40px; } } @media (max-width: 1079.98px) and (min-width: 768px) { #category-container .normalPopUp .fix-container .h3 { font-size: 36px; } } @media (max-width: 767.98px) { #category-container .normalPopUp .fix-container .h3 { font-size: 24px; } } #category-container .normalPopUp .fix-container .fix-model { max-width: 1560px; height: -moz-fit-content; height: -webkit-fit-content; height: fit-content; margin: 60px auto; top: 0; position: relative; transition: 0.5s transform ease-out, 0.4s opacity ease-in; opacity: 0; } #category-container .normalPopUp .fix-container .fix-model.no-scroll{ margin: 0 auto; top: 50%; transform: translateY(-50%); } @media (max-width: 767.98px) { #category-container .normalPopUp .fix-container .fix-model { margin: 60px auto 0; } } #category-container .normalPopUp .fix-container .fix-model-content { width: 100%; height: 100%; } #category-container .normalPopUp .fix-container .fix-model-content-bg { width: 100%; height: 100%; position: absolute; background: #f1f3f5; overflow: hidden; border-radius: 24px; } #category-container .normalPopUp.productPopUp .fix-container .fix-model-content-bg{ height: calc(100% - 115px); } #category-container .normalPopUp .fix-container .fix-model-content-main { width: 100%; height: 100%; padding: 32px 80px 80px; position: relative; z-index: 3; } @media (max-width: 1440px) and (min-width: 1080px) { #category-container .normalPopUp .fix-container .fix-model-content-main { padding: 24px 60px 60px; } } @media (max-width: 1079.98px) and (min-width: 768px) { #category-container .normalPopUp .fix-container .fix-model-content-main { padding: 20px 40px 40px; } } @media (max-width: 767.98px) { #category-container .normalPopUp .fix-container .fix-model-content-main { padding: 16px 16px 40px; } } #category-container .normalPopUp .fix-container .fix-model-content-main .fix-model-content-main-flex { display: flex; flex-wrap: wrap; justify-content: space-between; } /* #category-container .normalPopUp .fix-container::-webkit-scrollbar { display: none; } #category-container .normalPopUp#reasonPopUp0 .fix-container::-webkit-scrollbar{ display: block; } */ #category-container .normalPopUp#reasonPopUp0 .fix-container{ scrollbar-width: auto; } #category-container .normalPopUp .popUp-close-btn { width: 36px; height: 36px; z-index: 4; margin-left: auto; z-index: 3; cursor: pointer; border-radius: 50%; overflow: hidden; background-color: rgb(153, 153, 153); transition: opacity 0.3s cubic-bezier(0, 0, 0.5, 1); } #category-container .normalPopUp .popUp-close-btn:hover { opacity: 0.6; } #category-container .normalPopUp.active { pointer-events: all; opacity: 1; z-index: 999; } #category-container .normalPopUp.active .fix-model { transform: translateY(0) rotateX(0); opacity: 1; will-change: transform, opacity; } #category-container .reasonPopUp .popUp-close-btn { position: sticky; top: 32px; z-index: 4; margin-bottom: 12px; transform: translateX(48px); z-index: 3; } @media (max-width: 1440px) and (min-width: 1080px) { #category-container .reasonPopUp .popUp-close-btn { transform: translateX(36px); margin-bottom: 0; top: 24px; } } @media (max-width: 1079.98px) and (min-width: 768px) { #category-container .reasonPopUp .popUp-close-btn { transform: translateX(20px); margin-bottom: -16px; top: 20px; } } @media (max-width: 767.98px) { #category-container .reasonPopUp .popUp-close-btn { transform: translateX(0px); margin-bottom: 8px; top: 16px; } #category-container .normalPopUp#reasonPopUp0 .fix-container{ scrollbar-width: none; } } #category-container .reasonPopUp .fix-model-content-main .reasson-title { width: 100%; margin-bottom: 60px; } #category-container .reasonPopUp .fix-model-content-main .reasson-title p { font-size: 28px; margin-bottom: 16px; color: #666666; } #category-container .reasonPopUp .fix-model-content-main .reason-content { position: relative; border-radius: 8px; overflow: hidden; margin-bottom: 16px; padding-top: 48px; } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title { position: relative; width: calc(100% - 96px); margin: 0 48px 32px; max-width: 840px; } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title .h4 { font-size: 28px; margin-bottom: 16px; } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title p { font-size: 16px; color: #666666; } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-img { overflow: hidden; height: auto; } /* @media (max-width: 1920px) and (min-width: 1441px) { #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-img { height: calc(480px - 0.2004175365 * (1920px - 100vw)); } } */ @media screen and (max-width: 1920px) { #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-img video, #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-img picture, #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-img img { width: 100%; height: auto; position: relative; } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-img picture{ transform: translateZ(1px); } } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-white { background: white; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-white .reason-content-title .h4 { color: black; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-white .reason-content-title p { color: #666666; } /* upload colour */ #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-light-green { background: #E1EAE9; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-light-green .reason-content-title .h4 { color: black; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-light-green .reason-content-title p { color: #666666; } #category-container .reasonPopUp .normal-footnote .section-content ol.rasonfootnote-0{ list-style-type: "*"; padding-left: 1em; } /* upload colour */ #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-black { background: black; } /* #category-container .reasonPopUp#reasonPopUp3 .fix-model-content-main .reason-content.bg-black{ background: #0A0B10; } #category-container .reasonPopUp#reasonPopUp6 .fix-model-content-main .reason-content.bg-black{ background: #1F1F2B; } */ #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-black .reason-content-title .h4 { color: white; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-black .reason-content-title p { color: #999999; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-purple { background: #d3d5e2; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-green { background: #c9e8e5; } #category-container .reasonPopUp .fix-model-content-main .reason-one-content { width: 100%; } #category-container .reasonPopUp .fix-model-content-main .reason-two-content { width: calc(50% - 8px); } #category-container .reasonPopUp .fix-model-content-main .reason-two-content .reason-content-img { height: auto; } @media (max-width: 1920px) and (min-width: 1441px) { #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title { max-width: calc(840px - 0.8 * (1920px - 100vw)); } } #category-container .reasonPopUp .fix-model-content-main .reason-footnote{ margin-top: 8px; } @media (max-width: 1440px) and (min-width: 1080px) { #category-container .reasonPopUp .fix-model-content-main .reasson-title { margin-bottom: 40px; } #category-container .reasonPopUp .fix-model-content-main .reasson-title p { font-size: 24px; } #category-container .reasonPopUp .fix-model-content-main .reason-content { margin-bottom: 16px; padding-top: 32px; } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title { width: calc(100% - 64px); margin: 0 32px 28px; max-width: calc(696px - 0.68965517 * (1440px - 100vw)); } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title .h4 { font-size: 24px; margin-bottom: 8px; } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title p { font-size: 16px; } /* #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-img { height: calc(397px - (123 / 359) * (1440px - 100vw)); } */ #category-container .reasonPopUp .fix-model-content-main .reason-one-content { width: 100%; } #category-container .reasonPopUp .fix-model-content-main .reason-two-content { width: calc(50% - 8px); } /* #category-container .reasonPopUp .fix-model-content-main .reason-two-content .reason-content-img { height: calc(296px - (93 / 359) * (1440px - 100vw)); } */ } @media (max-width: 1079.98px) and (min-width: 768px) { #category-container .reasonPopUp .fix-model-content-main .reasson-title { margin-bottom: 32px; } #category-container .reasonPopUp .fix-model-content-main .reasson-title p { font-size: 24px; margin-bottom: 12px; } #category-container .reasonPopUp .fix-model-content-main .reason-content { margin-bottom: 8px; padding-top: 24px; } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title { width: calc(100% - 48px); margin: 0 24px 20px; max-width: calc(528px - 0.643939393 * (1079.98px - 100vw)); } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title .h4 { font-size: 24px; margin-bottom: 8px; } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title p { font-size: 16px; } /* #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-img { height: calc(301px - (107 / 311) * (1079.98px - 100vw)); } */ #category-container .reasonPopUp .fix-model-content-main .reason-one-content { width: 100%; } #category-container .reasonPopUp .fix-model-content-main .reason-two-content { width: calc(50% - 4px); } /* #category-container .reasonPopUp .fix-model-content-main .reason-two-content .reason-content-img { height: calc(227px - (81 / 311) * (1079.98px - 100vw)); } */ #category-container .reasonPopUp .fix-model-content-main .reason-footnote{ margin-top: 16px; } } @media (max-width: 767.98px) { #category-container .reasonPopUp .fix-container .fix-model-content-bg{ border-radius: 0; border-top-left-radius: 24px; border-top-right-radius: 24px; } #category-container .reasonPopUp .fix-model-content-main .reasson-title { margin-bottom: 20px; } #category-container .reasonPopUp .fix-model-content-main .reasson-title p { font-size: 20px; margin-bottom: 8px; } #category-container .reasonPopUp .fix-model-content-main .reason-content { margin-bottom: 8px; padding-top: 40px; } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title { width: calc(100% - 48px); margin: 0 auto 32px; max-width: 100%; } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title .h4 { font-size: 20px; margin-bottom: 8px; } #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-title p { font-size: 14px; } /* #category-container .reasonPopUp .fix-model-content-main .reason-content .reason-content-img { height: calc(383px - (212 / 408) * (767.98px - 100vw)); } */ #category-container .reasonPopUp .fix-model-content-main .reason-one-content { width: 100%; } #category-container .reasonPopUp .fix-model-content-main .reason-two-content { width: 100%; } /* #category-container .reasonPopUp .fix-model-content-main .reason-two-content .reason-content-img { height: calc(383px - (212 / 408) * (767.98px - 100vw)); } */ #category-container .reasonPopUp .fix-model-content-main .reason-footnote{ margin-top: 16px; } } #category-container .productPopUp .fix-model-content .h3 { position: relative; } /* #category-container .productPopUp .fix-model-content .h3 p { position: absolute; font-size: 16px; bottom: 0; right: 0; color: #b2b2b2; display: none; } #category-container .productPopUp .fix-model-content .h3 p span { display: inline-block; } @media (max-width: 1079.98px) and (min-width: 768px) { #category-container .productPopUp .fix-model-content .h3 p { right: 18px; } } @media screen and (max-width: 767.98px) { #category-container .productPopUp .fix-model-content .h3 p { font-size: 12px; } } */ #category-container .productPopUp .fix-container { overflow: auto; } #category-container .productPopUp .fix-container .fix-model-content-main{ padding: 0; } #category-container .productPopUp .fix-model-content .fix-model-content-product-flex { width: 100%; display: flex; flex-wrap: wrap; overflow: hidden; height: 100%; scrollbar-width: none; } #category-container .productPopUp .fix-model-content .fix-model-content-product-flex::-webkit-scrollbar { display: none; } #category-container .normalPopUp.productPopUp .fix-container .fix-model-content-bg { border-radius: 0; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; } #category-container .productPopUp .fix-model-content-top{ width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; background: white; position: sticky; padding: 40px 0 0; top: 0; z-index: 99; } #category-container .productPopUp .popUp-close-btn{ position: absolute; right: 24px; top: 24px; } #category-container .productPopUp .productlist-fix-left { flex-shrink: 0; will-change: transform; width: 100%; display: block; padding-left: 0; overflow: auto; scrollbar-width: none; } #category-container .productPopUp .popUp-close-btn-shadow{ width: 148px; height: calc(100% - 2px); position: absolute; top: 0; right: 0; background-image: linear-gradient(270deg,rgba(255,255,255) 40%,rgba(255,255,255,0) 100%); pointer-events: none; opacity: 0; } #category-container .productPopUp .popUp-close-btn-shadow.left{ left: 0; right: auto; background-image: linear-gradient(90deg,rgba(255,255,255) 40%,rgba(255,255,255,0) 100%); } #category-container .productPopUp .popUp-close-btn-shadow.active{ opacity: 1; } #category-container .productPopUp .productlist-fix-left::after { content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #E8E8E8; left: 0; bottom: 0; } #category-container .productPopUp .productlist-fix-left .fix-left-content::after { content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #E8E8E8; left: 0; bottom: 0; } #category-container .productPopUp .productlist-fix-left .fix-left-content { display: flex; width: -moz-fit-content; width: fit-content; margin: 0; position: relative; padding: 0 80px; } #category-container .productPopUp .productlist-fix-left .fix-left-content::-webkit-scrollbar { display: none; } #category-container .productPopUp .productlist-fix-left .left-scroll-line { position: absolute; left: 0; width: 100%; height: 2px; bottom: 0; } #category-container .productPopUp .productlist-fix-left .left-scroll-line .left-scrollbar { position: absolute; top: 0; left: 0; background: black; z-index: 2; width: 32px; height: 100%; } #category-container .productPopUp .productlist-fix-left p { font-weight: bold; cursor: pointer; color: #b2b2b2; line-height: 1.25; font-size: 20px; white-space: nowrap; transition: all .1s; } #category-container .productPopUp .productlist-fix-left p:not(:nth-last-child(1)) { margin-bottom: 20px; margin-right: 60px; } #category-container .productPopUp .productlist-fix-left p.active { color: #000000; } #category-container .productPopUp .productlist-fix-left::-webkit-scrollbar { display: none; } #category-container .productPopUp .fix-model-content .fix-model-content-main .fix-model-content-right { flex: auto; width: 100%; padding:0 80px 80px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 80px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-content:not(:nth-last-child(1)) { margin-bottom: 40px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-content .h3 { width: 100%; margin-bottom: 40px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group { background: white; padding: 40px 0; margin-bottom: 16px; border-radius: 8px; overflow: hidden; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-img { width: 240px; height: 240px; margin: 0 auto 16px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page { width: -moz-fit-content; width: fit-content; margin: 0 auto; text-align: center; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page .special-page { height: auto; font-size: 14px; margin-bottom: 8px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page .special-page p { color: #ce0e2d; display: none; font-weight: 700; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page .product-name { font-size: 20px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page .product-price { font-size: 16px; line-height: 1; margin: 16px 0 8px; font-weight: 600; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page .product-price span { color: #B2B2B2; text-decoration: line-through; display: inline-block; margin-left: 8px; line-height: 1; font-weight: 600; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page .product-stages { font-size: 16px; color: #B2B2B2; line-height: 1; font-weight: 400; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page .product-btn { justify-content: center; margin-top: 16px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one { width: 100%; padding: 60px 0; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content { display: flex; align-items: center; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-img { width: 338px; height: 338px; margin: 0 134px 0 236px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .product-fix-content .product-fix-img img{ transform-origin: 50% 50%; transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1); will-change: transform; } #category-container .productPopUp .fix-model-content .fix-model-content-main .product-fix-content .product-fix-img:hover img{ transform: scale(1.02); } @media (max-width: 1920px) and (min-width: 1441px) { #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-img { margin: 0 calc(134px - (67 / 479) * (1920px - 100vw)) 0 calc(236px - (140 / 479) * (1920px - 100vw)); } } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page { width: 456px; text-align: center; margin: 0; } /* #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page .special-page { height: auto; margin-bottom: 20px; } */ #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page .product-name { font-size: 28px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page .product-price { margin: 20px 0; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-two { width: calc(50% - 8px); padding-left: 115px; padding-right: 115px; } @media (max-width: 1920px) and (min-width: 1441px) { #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-two { padding-left: calc(115px - 0.1252609603 * (1920px - 100vw)); padding-right: calc(115px - 0.1252609603 * (1920px - 100vw)); } } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three { width: calc(33.3333333333% - 10.6666666667px); padding-left: 16px; padding-right: 16px; } @media screen and (max-width: 1440px) and (min-width: 1080px) { #category-container .productPopUp .popUp-close-btn-shadow{ width: 120px; } #category-container .productPopUp .fix-model-content .productlist-fix-left { top: 144px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .fix-model-content-right { padding: 0 60px 80px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-content{ padding-top: 60px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-content .h3 { margin-bottom: 28px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-content:not(:nth-last-child(1)) { margin-bottom: 40px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-img { width: 240px; height: 240px; margin: 0 auto 24px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one { width: 100%; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content { display: flex; align-items: center; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-img { width: 296px; height: 296px; margin: 0 calc(126px - 0.1944444444 * (1440px - 100vw)) 0 calc(176px - 0.3305556 * (1440px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page { width: calc(386px - 0.3342618384 * (1440px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page .special-page { margin-bottom: 16px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page .product-name { font-size: 28px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page .product-price { margin: 16px 0; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-two { width: calc(50% - 8px); padding-left: calc(55px - 0.0863509749 * (1440px - 100vw)); padding-right: calc(55px - 0.0863509749 * (1440px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three { width: calc(33.3333333333% - 10.6666666667px); padding-left: calc(20px - 0.0194986072 * (1440px - 100vw)); padding-right: calc(20px - 0.0194986072 * (1440px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three .product-fix-content .product-fix-img { width: 180px; height: 180px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three .product-fix-content .product-fix-page .special-page { margin-bottom: 16px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three .product-fix-content .product-fix-page .product-name { font-size: 16px; } #category-container .productPopUp .popUp-close-btn { margin-bottom: 0; } #category-container .productPopUp .productlist-fix-left .fix-left-content{ padding: 0 60px; } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .productPopUp .popUp-close-btn-shadow{ width: 116px; } #category-container .productPopUp .fix-model-content .productlist-fix-left { width: 113px; padding-left: 24px; top: 120px; } #category-container .productPopUp .fix-model-content .productlist-fix-left .left-scroll-line .left-scrollbar { height: 25.6px; } #category-container .productPopUp .fix-model-content .productlist-fix-left p { font-size: 16px; color: rgba(0, 0, 0, 0.4); } #category-container .productPopUp .fix-model-content .productlist-fix-left p:not(:nth-last-child(1)) { margin-bottom: 32px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .fix-model-content-right { padding: 0 40px 80px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-content .h3 { margin-bottom: 16px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-content:not(:nth-last-child(1)) { margin-bottom: 44px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group{ margin-bottom: 8px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-img { width: 200px; height: 200px; margin: 0 auto 20px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page .product-price { font-size: 16px; margin: 12px 0; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one { width: 100%; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content { display: flex; align-items: center; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-img { width: 224px; height: 224px; margin: 0 calc(60px - 0.11575562 * (1079.98px - 100vw)) 0 calc(98px - 0.1864951 * (1079.98px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page { width: calc(400px - 0.5144694533 * (1079.98px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page .special-page { margin-bottom: 12px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page .product-price { margin: 12px 0; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page .product-name { font-size: 24px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-two { width: calc(50% - 4px); padding-left: calc(33px - 0.0321543408 * (1079.98px - 100vw)); padding-right: calc(33px - 0.0321543408 * (1079.98px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-two .product-fix-content .product-fix-page .special-page { margin-bottom: 12px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-two .product-fix-content .product-fix-page .product-name { font-size: 16px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-two .product-fix-content .product-fix-page .product-price { margin: 12px 0; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three { width: calc(33.3333333333% - 4.99999998px); padding-left: calc(20px - 0.0321543408 * (1079.98px - 100vw)); padding-right: calc(20px - 0.0321543408 * (1079.98px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three .product-fix-content .product-fix-img { width: 120px; height: 120px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three .product-fix-content .product-fix-page .special-page { margin-bottom: 12px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three .product-fix-content .product-fix-page .product-name { font-size: 16px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three .product-fix-content .product-fix-page .product-price { margin: 12px 0; } #category-container .productPopUp .productlist-fix-left .fix-left-content{ padding: 0 40px; } } @media screen and (max-width: 767.98px) { #category-container .productPopUp .fix-container { overflow: unset; } #category-container .productPopUp .fix-container .fix-model { height: 100vh; margin: 0; } #category-container .productPopUp .fix-model-content-top{ border-top-left-radius: 0px; border-top-right-radius: 0px; padding: 16px 0 0; } #category-container .productPopUp .popUp-close-btn{ position: relative; top: 0; right: 16px; margin-bottom: 16px; } #category-container .productPopUp .productlist-fix-left .fix-left-content{ padding: 0 16px; } #category-container .productPopUp .productlist-fix-left p{ font-size: 16px; } #category-container .productPopUp .productlist-fix-left p:not(:nth-last-child(1)){ margin-right: 28px; margin-bottom: 16px; } #category-container .productPopUp .popUp-close-btn-shadow{ display: none; } #category-container .productPopUp .fix-model-content { height: 100%; } #category-container .productPopUp .fix-model-content .fix-model-content-bg { display: none; } #category-container .productPopUp .fix-model-content .fix-model-content-product-flex { flex-wrap: wrap; } #category-container .productPopUp .fix-model-content .productlist-fix-left { width: 100%; top: 0; display: block; background: white; padding-left: 0; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: auto; scrollbar-width: none; padding: 0 calc(0.0490196078 * (767.98px - 100vw)); border-bottom: 1px solid #b2b2b2; } #category-container .productPopUp .fix-model-content .productlist-fix-left .fix-left-content { display: flex; width: -moz-fit-content; width: fit-content; margin: 0 auto; position: relative; padding: 20px 0 8px; } #category-container .productPopUp .fix-model-content .productlist-fix-left .fix-left-content::-webkit-scrollbar { display: none; } #category-container .productPopUp .fix-model-content .productlist-fix-left .left-scroll-line { width: 100%; height: 2px; top: auto; bottom: 0; background: unset; } #category-container .productPopUp .fix-model-content .productlist-fix-left .left-scroll-line .left-scrollbar { width: 32px; height: 100%; } #category-container .productPopUp .fix-model-content .productlist-fix-left p { font-size: 16px; white-space: nowrap; } #category-container .productPopUp .fix-model-content .productlist-fix-left p:not(:nth-last-child(1)) { margin-bottom: 0; margin-right: 32px; } #category-container .productPopUp .fix-model-content .productlist-fix-left p:nth-last-child(1) { margin-right: calc(0.0490196078 * (767.98px - 100vw)); } #category-container .productPopUp .fix-model-content .productlist-fix-left::-webkit-scrollbar { display: none; } #category-container .productPopUp .fix-model-content .fix-model-content-main { padding: 0 !important; } #category-container .productPopUp .fix-model-content .fix-model-content-main .fix-model-content-right { margin-left: 0; flex: auto; width: 100%; height: 100vh; margin-top: 0; padding: 32px 16px 60px; overflow: auto; scrollbar-width: none; background: #f1f3f5; } #category-container .productPopUp .fix-model-content .fix-model-content-main .fix-model-content-right::-webkit-scrollbar { display: none; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-content:not(:nth-last-child(1)) { margin-bottom: 48px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-content:nth-last-child(1) { margin-bottom: 48px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-content .h3 { width: 100%; margin-bottom: 12px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group { background: white; padding: 12px 0 24px; margin-bottom: 8px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-img { width: 120px; height: 120px; margin: 0 auto 16px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page .special-page { font-size: 12px; margin-bottom: 12px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page .product-name { font-size: 14px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page .product-price { font-size: 12px; margin: 12px 0; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one { width: 100%; padding: 30px 0 calc(50px - 0.049140049*(767.98px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content { display: flex; align-items: center; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-img { width: 120px; height: 120px; margin: 0 calc(60px - 0.117936118*(767.98px - 100vw)) 0 calc(118px - 0.250614251*(767.98px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page { width: calc(320px - 0.383292383*(767.98px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page .special-page { margin-bottom: 12px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page .product-name { font-size: 14px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-one .product-fix-content .product-fix-page .product-price { margin: 12px 0; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-two { width: 100%; padding: 30px 0 calc(50px - 0.049140049*(767.98px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three { width: 100%; padding: 30px 0 calc(50px - 0.049140049*(767.98px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three .product-fix-content .product-fix-img, #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-two .product-fix-content .product-fix-img { width: 120px; height: 120px; margin: 0 calc(60px - 0.117936118*(767.98px - 100vw)) 0 calc(118px - 0.250614251*(767.98px - 100vw)); } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three .product-fix-content, #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-two .product-fix-content { display: flex; align-items: center; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group .product-fix-page{ width: calc(320px - 0.383292383*(767.98px - 100vw)); margin: 0; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three .product-fix-content .product-fix-page .special-page { margin-bottom: 12px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three .product-fix-content .product-fix-page .product-name { font-size: 14px; } #category-container .productPopUp .fix-model-content .fix-model-content-main .productlist-fix-group-three .product-fix-content .product-fix-page .product-price { margin: 12px 0; } #category-container .productPopUp .fix-model-content .popUp-close-btn { margin-bottom: -28px; } }/*# sourceMappingURL=index.css.map */ .rrp-tooltips.active{ z-index: 9999 !important; } @media only screen and (min-width: 1200px) { #category-container .product-btn-type2 a:hover::after { transform: translateX(3px) rotate(45deg); } #category-container .normal-button-content .swiper-button-prev:hover, #category-container .normal-button-content .swiper-button-next:hover { opacity: 0.6; } #category-container .product-btn-type1 .btn-black:hover { opacity: 0.8; } #category-container .product-btn-type1 .btn-white:hover { border-color: rgb(0, 0, 0); } } /* 2024/11/19 :start */ .nr{ white-space: nowrap; } /* 2024/11/19 :end */ /* 2024 11 25 start */ #category-container .normal-footnote .section-content ol li.reasonmark { list-style-type: '* '; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-gray { background: #eaeae8; } #category-container .show-pc { display: block; } @media screen and (max-width: 767.98px) { #category-container .show-pc { display: none; } } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-green { background: #f4f4f4; } #category-container .reasonPopUp#reasonPopUp3 .fix-model-content-main .reason-content.bg-hs { background: #000; } /* 2024 11 25 end */ @media (any-hover: none) { #category-container .section-reason .reasonSwiper .swiper-slide:hover { transform: scale(1); } #category-container .section-reason .reasonSwiper .swiper-slide:hover .reason-button { opacity: 1; } #category-container .section-series .seriesSwiper .swiper-slide:hover .series-slide-img{ transform: scale(1); } #category-container .productlist-content .productlist-nav .productlist-nav-item:hover{ color: #666666; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn:hover { opacity: 1; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img:hover img { transform: scale(1); } #category-container .section-productlist .section-main-content .series-popup-btn:hover { opacity: 1; } #category-container .section-service .serviceSwiper .swiper-slide:hover{ transform: scale(1); } #category-container .normalPopUp .popUp-close-btn:hover { opacity: 1; } #category-container .productPopUp .fix-model-content .fix-model-content-main .product-fix-content .product-fix-img:hover img{ transform: scale(1); } #category-container .normal-button-content .swiper-button-prev:hover, #category-container .normal-button-content .swiper-button-next:hover { opacity: 1; } #category-container .product-btn-type1 .btn-black:hover { opacity: 1; } } #category-container .section-experience-screen-2 .tabnav-content.no-active{ text-align: center; } #category-container .productPopUp .fix-left-content.no-active p{ pointer-events: none; cursor: pointer; } </style> <link rel="stylesheet" href="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/css/swiper-bundle.min.css"> <main id="category-container" class="category-container"> <section class="category-section section-series mx-out category-section-ga"> <div class="swiper seriesSwiper mx-content"> <div class="swiper-wrapper"> <div class="swiper-slide seriesSlide" data-anchor="#series1" data-bannername="Mate Series"> <div class="series-slide-img"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/series-nav/huawei-phones-mate-series.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/series-nav/huawei-phones-mate-series.png" class="blur-up lazyload" alt="Mate Series: iconic flagship "> </div> <div class="series-page-content"> <div class="h4">Mate Series</div> </div> </div> <div class="swiper-slide seriesSlide" data-anchor="#series2" data-bannername="Pura Series"> <div class="series-slide-img"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/seriesnav/huawei-phones-pura-series.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/seriesnav/huawei-phones-pura-series.png" class="blur-up lazyload" alt="Pura Series: pioneering photography "> </div> <div class="series-page-content"> <div class="h4">Pura Series</div> </div> </div> <div class="swiper-slide seriesSlide" data-anchor="#series3" data-bannername="nova Series"> <div class="series-slide-img"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/seriesnav/huawei-phones-nova-series.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/seriesnav/huawei-phones-nova-series.png" class="blur-up lazyload" alt="nova Series: pro-level portraits "> </div> <div class="series-page-content"> <div class="h4">nova Series</div> </div> </div> </div> </div> <div class="seriesSwiper-button-content normal-button-content"> <div class="swiper-button-prev seriesSwiper-button-prev"></div> <div class="swiper-button-next seriesSwiper-button-next"></div> </div> <div class="series-button-shadow right"></div> <div class="series-button-shadow left"></div> </section> <section class="category-section section-kv mx-out category-section-ga" data-bannername="HUAWEI Mate XT ULTIMATE DESIGN"> <div class="kv-title-content">  <div class="h4"> HUAWEI Mate XT ULTIMATE DESIGN </div> <p class="kv-title-content-slogan">Unfold the Classic</p>  <div class="product-btn product-btn-type1"> <a class="btn-black kv-scene-button-ga kv-scene-ga" href="https://consumer.huawei.com/en/phones/mate-xt-ultimate-design/">Learn More</a>  </div> </div> <div class="kv-bg-content"> <a class="kv-image-ga kv-click-bg kv-scene-ga" href="https://consumer.huawei.com/en/phones/mate-xt-ultimate-design/"></a> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/hero/huawei-mate-xt-ultimate-design-mob.jpg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/hero/huawei-mate-xt-ultimate-design-mob.jpg"> <source media="(max-width: 1079.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/hero/huawei-mate-xt-ultimate-design-pad.jpg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/hero/huawei-mate-xt-ultimate-design-pad.jpg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/hero/huawei-mate-xt-ultimate-design-pc.jpg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/hero/huawei-mate-xt-ultimate-design-pc.jpg" class="blur-up lazyload" alt="Latest phone launched by Huawei"> </picture> </div> </section> <section class="category-section category-section-ga section-reason mx-out"> <div class="h3 max-title tx-c">Why Choose a HUAWEI Phone?</div> <div class="swiper reasonSwiper mx-content"> <div class="swiper-wrapper"> <div class="swiper-slide reasonSlide" data-bannername="Powerful AI at Your Command"> <div class="reason-bg"> <picture> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/huawei-phones-ai.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/huawei-phones-ai.jpeg" class="blur-up lazyload" alt="Why choose a Huawei phone: EMUI getting smarter than ever with AI capabilities."> </div> <div class="reason-page-content white"> <p>Artificial Intelligence</p> <div class="h4">Powerful AI at Your Command</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/reason-btn.svg" alt=""> </div> </div> <div class="swiper-slide reasonSlide" data-bannername="Precise All-Focal Captures"> <div class="reason-bg"> <picture> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/huawei-phones-camera.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/huawei-phones-camera.jpeg" class="blur-up lazyload" alt="Why choose a Huawei phone: unique, joyful, and extraordinary shooting paradigm."> </div> <div class="reason-page-content white"> <p>Photography</p> <div class="h4">Precise All-Focal Captures</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/reason-btn.svg" alt=""> </div> </div> <div class="swiper-slide reasonSlide" data-bannername="New Aesthetic Trends"> <div class="reason-bg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/reason/huawei-phones-design.jpg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/reason/huawei-phones-design.jpg" class="blur-up lazyload" alt="Why choose a Huawei phone: excellent exterior design."> </div> <div class="reason-page-content white"> <p>Design</p> <div class="h4">New Aesthetic Trends</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/reason-btn.svg" alt=""> </div> </div> <div class="swiper-slide reasonSlide" data-bannername="More Than Tough Enough"> <div class="reason-bg"> <picture> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/reason/huawei-phones-reliability.jpg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/reason/huawei-phones-reliability.jpg" class="blur-up lazyload" alt="Why choose a Huawei phone: scratch-resistant and drop-resistant materials for extra reliability and durability. "> </div> <div class="reason-page-content white"> <p>Reliability</p> <div class="h4">More Than Tough Enough</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/reason-btn.svg" alt=""> </div> </div> <div class="swiper-slide reasonSlide" data-bannername="Long Battery Life Fast Charging"> <div class="reason-bg"> <picture> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/huawei-phones-battery.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/huawei-phones-battery.jpeg" class="blur-up lazyload" alt="Why choose a Huawei phone: large-capacity battery and HUAWEI SuperCharge for long battery life. "> </div> <div class="reason-page-content white"> <p>Battery</p> <div class="h4">Long Battery Life<br>Fast Charging</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/reason-btn.svg" alt=""> </div> </div> <div class="swiper-slide reasonSlide" data-bannername="Privacy-First App Control"> <div class="reason-bg"> <picture> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/huawei-phones-privacy-protection.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/huawei-phones-privacy-protection.jpeg" class="blur-up lazyload" alt="Why choose a Huawei phone: EMUI gives you more control over your privacy. "> </div> <div class="reason-page-content white"> <p>Privacy</p> <div class="h4">Privacy-First App Control</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/reason-btn.svg" alt=""> </div> </div> </div> </div> <div class="reasonSwiper-button-content normal-button-content"> <div class="swiper-button-prev reasonSwiper-button-prev"></div> <div class="swiper-button-next reasonSwiper-button-next"></div> </div> </section> <div class="productlist-content category-section"> <div class="productlist-nav-sticky"> <div class="productlist-nav-content"> <div class="productlist-nav"> <div class="productlist-nav-item active" data-anchor="#series1" data-bannername="Mate Series" data-arrive="1" data-btnname="Mate Series">Mate Series</div> <div class="productlist-nav-item" data-anchor="#series2" data-bannername="Pura Series" data-arrive="2" data-btnname="Pura Series">Pura Series</div> <div class="productlist-nav-item" data-anchor="#series3" data-bannername="nova Series" data-arrive="3" data-btnname="nova Series">nova Series</div> </div> </div> <div class="productlist-nav-shadow right"></div> <div class="productlist-nav-shadow left"></div> </div> <section class="category-section category-section-ga section-productlist section-video mx-out" id="series1" data-bannername="Mate Series" data-index="0"> <div class="section-page-content max-title"> <div class="h3"> Mate Series </div> <p>Iconic Flagship</p> </div> <div class="product-series-container mx-content"> <div class="section-main-content"> <div class="introduce-card-video introduce-card-top "> <div class="card-top-bg inline-video"> <video autoplay muted loop playsinline webkit-playsinline x-webkit-airplay x5-video-player-fullscreen x5-video-player-type="h5" data-trigger-play poster="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/video/mate-series.jpg" data-basepath="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/video/mate-series"></video> </div> <div class="video-btn video-button-ga"> <img class="play-btn" src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/play.svg" alt=""> <img class="pause-btn " src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/pause.svg" alt=""> </div> </div> <div class="cardSwiper swiper"> <div class="card-list swiper-wrapper"> <div class="swiper-slide card-item card-item1 new"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-xt-ultimate-design/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/mate-series/shelf-huawei-mate-xt-ultimate-design.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/mate-series/shelf-huawei-mate-xt-ultimate-design.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-xt-ultimate-design/">HUAWEI Mate XT ULTIMATE DESIGN</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-xt-ultimate-design/">Learn More</a> </div> </div> </div> <div class="swiper-slide card-item card-item1 new"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-x6/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/mate-series/shelf-huawei-mate-x6.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/mate-series/shelf-huawei-mate-x6.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-x6/">HUAWEI Mate X6</a> </div>  <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-x6/">Learn More</a>  </div> </div> </div> <div class="swiper-slide card-item card-item1"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-x3/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/mate-series/shelf-huawei-mate-x3.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/mate-series/shelf-huawei-mate-x3.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-x3/">HUAWEI Mate X3</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-x3/">Learn More</a> </div> </div> </div> <div class="swiper-slide card-item card-item1"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate50-pro/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/mate-series/shelf-huawei-mate50-pro.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/mate-series/shelf-huawei-mate50-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate50-pro/">HUAWEI Mate 50 Pro</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate50-pro/">Learn More</a> </div> </div> </div> </div> </div> <div class="card-button-content normal-button-content"> <div class="swiper-button-prev card-button-prev"></div> <div class="swiper-button-next card-button-next"></div> </div> <div class="series-popup-btn" data-arrive="1">View All <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/more.svg" alt=""></div> </div> </div> </section> <section class="category-section category-section-ga section-productlist section-video mx-out" id="series2" data-index="1" data-bannername="Pura Series"> <div class="section-page-content max-title"> <div class="h3"> Pura Series </div> <p>Pioneering Photography</p> </div> <div class="product-series-container mx-content"> <div class="section-main-content"> <div class="introduce-card-video introduce-card-top"> <div class="card-top-bg inline-video"> <video autoplay muted loop playsinline webkit-playsinline x-webkit-airplay x5-video-player-fullscreen x5-video-player-type="h5" data-trigger-play poster="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/video/pura-series.jpg" data-basepath="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/video/pura-series"></video> </div> <div class="video-btn video-button-ga"> <img class="play-btn " src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/play.svg" alt=""> <img class="pause-btn " src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/pause.svg" alt=""> </div> </div> <div class="cardSwiper swiper"> <div class="card-list swiper-wrapper"> <div class="swiper-slide card-item card-item2-1"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-ultra/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/pura-series/shelf-huawei-pura70-ultra.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/pura-series/shelf-huawei-pura70-ultra.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-ultra/">HUAWEI Pura 70 Ultra </a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-ultra/">Learn More</a> </div> </div> </div> <div class="swiper-slide card-item card-item1"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-pro/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/pura-series/shelf-huawei-pura70-pro.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/pura-series/shelf-huawei-pura70-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-pro/">HUAWEI Pura 70 Pro</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-pro/">Learn More</a>  </div> </div> </div> <div class="swiper-slide card-item card-item1"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/pura-series/shelf-huawei-pura70.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/pura-series/shelf-huawei-pura70.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70/">HUAWEI Pura 70</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70/">Learn More</a> </div> </div> </div> </div> </div> <div class="card-button-content normal-button-content"> <div class="swiper-button-prev card-button-prev"></div> <div class="swiper-button-next card-button-next"></div> </div> <div class="series-popup-btn" data-arrive="2">View All <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/more.svg" alt=""></div> </div> </div> </section>    <section class="category-section category-section-ga section-productlist section-video mx-out" id="series3" data-bannername="nova Series" data-index="2"> <div class="section-page-content max-title"> <div class="h3"> nova Series </div> <p>Pro-Level Portraits</p> </div> <div class="product-series-container mx-content"> <div class="section-main-content"> <div class="introduce-card-video introduce-card-top"> <div class="card-top-bg inline-video"> <video autoplay muted loop playsinline webkit-playsinline x-webkit-airplay x5-video-player-fullscreen x5-video-player-type="h5" data-trigger-play poster="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/video/nova-series.jpg" data-basepath="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/video/nova-series"></video> </div> <div class="video-btn video-button-ga"> <img class="play-btn " src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/play.svg" alt=""> <img class="pause-btn " src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/pause.svg" alt=""> </div> </div> <div class="cardSwiper swiper"> <div class="card-list swiper-wrapper"> <div class="swiper-slide card-item card-item1 new"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13-pro/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/nova-series/shelf-huawei-nova13-pro.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/nova-series/shelf-huawei-nova13-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13-pro/">HUAWEI nova 13 Pro</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13-pro/">Learn More</a>  </div> </div> </div> <div class="swiper-slide card-item card-item1 new"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/nova-series/shelf-huawei-nova13.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/nova-series/shelf-huawei-nova13.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13/">HUAWEI nova 13</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13/">Learn More</a> </div> </div> </div> <div class="swiper-slide card-item card-item1 new"> <a class="three-btn" href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-13i/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/nova-series/shelf-huawei-nova-13i.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/nova-series/shelf-huawei-nova-13i.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-13i/">HUAWEI nova 13i</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-13i/">Learn More</a> </div> </div> </div> <div class="swiper-slide card-item card-item1 new"> <a class="three-btn" href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y72s/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/nova-series/shelf-huawei-nova-y72s.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/nova-series/shelf-huawei-nova-y72s.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y72s/">HUAWEI nova Y72S</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y72s/">Learn More</a> </div> </div> </div> </div> </div> <div class="card-button-content normal-button-content"> <div class="swiper-button-prev card-button-prev"></div> <div class="swiper-button-next card-button-next"></div> </div> <div class="series-popup-btn " data-arrive="3">View All<img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/more.svg" alt=""></div> </div> </div> </section> </div> <section class="category-section category-section-ga section-compare mx-out" data-bannername="Which Phone Is Best for You?"> <div class="section-compare-container mx-content"> <div class="h3 max-title tx-c">Which Phone Is Best for You?</div> <div class="swiper compareSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide compare-item"> <div class="compare-top-item"> <div class="item-image"> <a class="compare-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-ultra/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/compare/compare-huawei-pura70-ultra.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/compare/compare-huawei-pura70-ultra.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-ultra/"> HUAWEI Pura 70 Ultra </a> </div> <div class="item-page">  <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-ultra/">Learn More</a> </div> <div class="product-btn product-btn-type2">  </div> </div> </div> <div class="compare-item-list"> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-kunlun.svg" alt=""> </div> <div class="card-page"> Crystal Armour Kunlun Glass </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-rear-pura70-ultra.svg" alt=""> </div> <div class="card-page"> 50 MP Ultra Lighting Pop-out Camera<br> 40 MP Ultra-Wide Angle Camera<br> 50 MP Ultra Lighting Macro Telephoto Camera </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-front.svg" alt=""> </div> <div class="card-page"> 13 MP Selfie Camera </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-battery.svg" alt=""> </div> <div class="card-page"> 5200 mAh (typical value) </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-charge.svg" alt=""> </div> <div class="card-page"> HUAWEI SuperCharge (Max 100 W)<br> Wireless HUAWEI SuperCharge (Max 80 W) </div> </div> </div> </div> <div class="swiper-slide compare-item"> <div class="compare-top-item"> <div class="item-image"> <a class="compare-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-pro/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/compare/compare-huawei-pura70-pro.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/compare/compare-huawei-pura70-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-pro/"> HUAWEI Pura 70 Pro </a> </div> <div class="item-page"> <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-pro/">Learn More</a> </div> <div class="product-btn product-btn-type2">  </div> </div> </div> <div class="compare-item-list"> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-kunlun.svg" alt=""> </div> <div class="card-page"> Super Durable Kunlun Glass </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-rear-pura70-pro.svg" alt=""> </div> <div class="card-page"> 50 MP Ultra Lighting Camera<br> 12.5 MP Ultra-Wide Angle Camera<br> 48 MP Ultra Lighting Macro Telephoto Camera </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-front.svg" alt=""> </div> <div class="card-page"> 13 MP Selfie Camera </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-battery.svg" alt=""> </div> <div class="card-page"> 5050 mAh (typical value) </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-charge.svg" alt=""> </div> <div class="card-page"> HUAWEI SuperCharge (Max 100 W)<br> Wireless HUAWEI SuperCharge (Max 80 W) </div> </div> </div> </div> <div class="swiper-slide compare-item"> <div class="compare-top-item"> <div class="item-image"> <a class="compare-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/compare/compare-huawei-pura70.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/compare/compare-huawei-pura70.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70/"> HUAWEI Pura 70 </a> </div> <div class="item-page"> <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70/">Learn More</a> </div> <div class="product-btn product-btn-type2">  </div> </div> </div> <div class="compare-item-list"> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-kunlun.svg" alt=""> </div> <div class="card-page"> Super Durable Kunlun Glass </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-rear-pura70.svg" alt=""> </div> <div class="card-page"> 50 MP Ultra Lighting Camera<br> 13 MP Ultra-Wide Angle Camera<br> 12 MP Telephoto Camera </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-front.svg" alt=""> </div> <div class="card-page"> 13 MP Selfie Camera </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-battery.svg" alt=""> </div> <div class="card-page"> 4900 mAh (typical value) </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-charge.svg" alt=""> </div> <div class="card-page"> HUAWEI SuperCharge (Max 66 W)<br> Wireless HUAWEI SuperCharge (Max 50 W) </div> </div> </div> </div> <div class="swiper-slide compare-item new"> <div class="compare-top-item"> <div class="item-image new"> <a class="compare-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13-pro/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/compare/compare-huawei-nova13-pro.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/compare/compare-huawei-nova13-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13-pro/"> HUAWEI nova 13 Pro </a> </div> <div class="item-page"> <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13-pro/">Learn More</a> </div> <div class="product-btn product-btn-type2">  </div> </div> </div> <div class="compare-item-list"> <div class="compare-card"> <div class="card-top card-top-image card-top-image-line"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/line.svg" alt=""> </div> <div class="card-page"> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-rear-nova13-pro.svg" alt=""> </div> <div class="card-page"> 50 MP Adjustable Aperture Camera <br> 12 MP Telephoto Portrait Camera<br> 8 MP Ultra-Wide Macro Camera </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-front-nova13-pro.svg" alt=""> </div> <div class="card-page"> 60 MP Ultra-Wide Autofocus Front Camera<br> 8 MP Close-Up Portrait Front Camera </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-battery.svg" alt=""> </div> <div class="card-page"> 5000 mAh (typical value) </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-charge.svg" alt=""> </div> <div class="card-page"> HUAWEI SuperCharge (Max 100 W) </div> </div> </div> </div> <div class="swiper-slide compare-item new"> <div class="compare-top-item"> <div class="item-image"> <a class="compare-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/compare/compare-huawei-nova13.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/compare/compare-huawei-nova13.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13/"> HUAWEI nova 13 </a> </div> <div class="item-page"> <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13/">Learn More</a> </div> <div class="product-btn product-btn-type2">  </div> </div> </div> <div class="compare-item-list"> <div class="compare-card"> <div class="card-top card-top-image card-top-image-line"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/line.svg" alt=""> </div> <div class="card-page"> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-rear-nova13.svg" alt=""> </div> <div class="card-page"> 50 MP Ultra Vision Camera<br> 8 MP Ultra-Wide Macro Camera </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-front.svg" alt=""> </div> <div class="card-page"> 60 MP Front Ultra-Wide Portrait Camera </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-battery.svg" alt=""> </div> <div class="card-page"> 5000 mAh (typical value) </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/icon-charge.svg" alt=""> </div> <div class="card-page"> HUAWEI SuperCharge (Max 100 W) </div> </div> </div> </div> </div> </div> </div> <div class="compare-button"> <div class="compare-button-content normal-button-content"> <div class="swiper-button-prev compareSwiper-button-prev"></div> <div class="swiper-button-next compareSwiper-button-next"></div> <div class="compare-button-shadow"></div> </div> </div> </section> <section class="category-section category-section-ga section-collocation mx-out"> <div class="h3 max-title tx-c"> Mix, Match, and Marvel at <br>What You've Made </div> <div class="section-collocation-container mx-content"> <div class="collocation-item-list"> <div class="collocation-item"> <div class="collocation-item-title"> <div class="item-title h4">Phone Accessories</div> <p class="item-page">Perfect Pairings</p> <div class="product-btn product-btn-type2"> <a class="more-btn collocation-ga" data-bannername="Phone Accessories" data-btnname="Learn More" href="https://consumer.huawei.com/en/accessories/?type=phone-accessories">Learn More</a> </div> </div> <div class="collocation-item-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/collocation/huawei-phones-accessories.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/collocation/huawei-phones-accessories.jpeg" class="blur-up lazyload" alt="Discover official accessories such as phone cases and chargers. "> </div> <a class="collocation-image-click" data-btnname="Learn More" data-bannername="Phone Accessories" href="https://consumer.huawei.com/en/accessories/?type=phone-accessories"></a> </div> <div class="collocation-item"> <div class="collocation-item-title"> <div class="item-title h4">Featured Apps</div> <p class="item-page">Smart Life</p> <div class="product-btn product-btn-type2"> <a class="more-btn collocation-ga" data-bannername="Featured Apps" data-btnname="Try Now" href="https://consumer.huawei.com/en/mobileservices/">Try Now</a> </div> </div> <div class="collocation-item-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/collocation/huawei-mobileservices.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/collocation/huawei-mobileservices.jpeg" class="blur-up lazyload" alt="Learn about Huawei Mobile Services."> </div> <a class="collocation-image-click" data-btnname="Try Now" data-bannername="Featured Apps" href="https://consumer.huawei.com/en/mobileservices/"></a> </div> </div> </div> </section> <section class="category-section category-section-ga section-experience-screen-2 mx-out" data-bannername="Seamlessly Synced to Your Life"> <div class="h3 max-title tx-c">Seamlessly Synced to Your Life</div> <div class="section-content mx-content"> <div class="swiper-media-wrapper"> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/coordination/huawei-phones-and-wearables.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/coordination/huawei-phones-and-wearables.jpeg" class="blur-up lazyload" alt="The diagram shows the cycling screens on the connected phone and watch. Once the cycling feature is activated on the watch, the phone screen transforms into a speedometer. "> </div> <div class="swiper-slide"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/coordination/huawei-phones-and-headphones.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/coordination/huawei-phones-and-headphones.jpeg" class="blur-up lazyload" alt="The diagram shows the seamless connection between the phone and earbuds. When the charging case for the earbuds is opened, a dialog box appears on the phone, confirming the successful connection and displaying the connected device. "> </div> <div class="swiper-slide"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/coordination/huawei-phones-and-laptops.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/coordination/huawei-phones-and-laptops.jpeg" class="blur-up lazyload" alt="The diagram shows the Multi-Screen Collaboration feature, which allows the phone screen to be displayed on the PC. "> </div> <div class="swiper-slide"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/coordination/huawei-phones-and-tablets.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/coordination/huawei-phones-and-tablets.jpeg" class="blur-up lazyload" alt="The diagram shows how files are effortlessly transferred from the phone to the tablet via SuperHub using a drag-and-drop."> </div> </div> </div> </div> <div class="swiper-content experienct-ga-content"> <div class="tabnav-left-line"> <div class="left-scrollbar"></div> </div> <div class="tabnav-content"> <div class="tabnav-list"> <div class="tabnav-item active expanded" data-btnname="Phone & Watch"> <div class="tabnav-header h5"> <button class="tabnav-button " type="button"> <span class="tabnav-title">HUAWEI Phone and Watch</span> </button> </div> <div class="tabnav-collapse" data-btnname="Phone & Watch"> <p class="tabnav-intro">Activate the watch's cycling mode, instantly transforming your phone into a speedometer.<sup data-footnote="1">1</sup></p> </div> </div> <div class="tabnav-item collapsed" data-btnname="Phone & Earphones"> <div class="tabnav-header h5"> <button class="tabnav-button" type="button"> <span class="tabnav-title">HUAWEI Phone and Headphones</span> </button> </div> <div class="tabnav-collapse"> <p class="tabnav-intro">Just open the charging case and touch CONNECT on the phone pop-up window to complete the initial pairing.<sup data-footnote="2">2</sup> </p> </div> </div> <div class="tabnav-item collapsed" data-btnname="Phone & Laptop"> <div class="tabnav-header h5"> <button class="tabnav-button" type="button"> <span class="tabnav-title">HUAWEI Phone and Laptop</span> </button> </div> <div class="tabnav-collapse"> <p class="tabnav-intro">Open up to 3 mobile apps on the vast laptop screen. Browse away to your heart's content with the spacious app windows in Landscape mode and App Multiplier.<sup data-footnote="3">3</sup> </p> </div> </div> <div class="tabnav-item collapsed" data-btnname="Phone & Tablet"> <div class="tabnav-header h5"> <button class="tabnav-button" type="button"> <span class="tabnav-title">HUAWEI Phone and Tablet</span> </button> </div> <div class="tabnav-collapse"> <p class="tabnav-intro">Drag any text, images, audio and video files to SuperHub at will, and simply paste, transfer, and share them to your connected devices in batches with remarkable ease.<sup data-footnote="4">4</sup> </p> </div> </div> <div class="tabnav-indicator"> <div class="indicator"></div> </div> </div> </div> <div class="xs-intro-list"></div> </div> </div> </section>   <section class="section-footnote normal-footnote"> <div class="section-content"> <ol> <li id="footnote-1">The watch can be connected to a power meter that supports the standard Bluetooth protocol, but not to certain dual-sided power meters.</li> <li id="footnote-2">The pop-up feature is only supported on phones and tablets running EMUI 10 or later, and on selected PCs with PC Manager 13.0.2.300 or later.</li> <li id="footnote-3">Only certain Huawei laptops running PC Manager 13.0.3.390 or later, certain Huawei phones running HarmonyOS 3.0.0.160 or later, and certain Huawei tablets running HarmonyOS 3.1.0.122 or later support this feature. To use this feature, you need to log in to the same HUAWEI ID on your phone, tablet, and PC, and enable Bluetooth and Wi-Fi. Only certain apps and files support this feature. If you have any questions about the overall experience, usage restrictions, or models supported by this feature, please contact your local Huawei customer service hotline.</li> <li id="footnote-4">This feature is only supported on certain Huawei PCs running PC Manager 13.0.3 or later, and certain Huawei phones running EMUI 13.1 or later, and tablets running HarmonyOS 3 or later. Both devices must be logged in to the same HUAWEI ID, with Bluetooth and Wi-Fi enabled. Only certain apps, text and images adapt to this feature. Actual experience shall prevail.</li> </ol> </div> </section> <section class="reasonPopUp normalPopUp" id="reasonPopUp0"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="popUp-close-btn "> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Artificial Intelligence</p> <div class="h3">Powerful AI at Your Command</div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">Smart control button</div> <p class="reason-title-page">Tap the button to open favourite features in the blink of an eye, to make your phone truly yours.⁠<sup data-reasonfootnote="1">1</sup></p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-1-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-1-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-1-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-1-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">AI Messaging</div> <p class="reason-title-page">Keep notifications hidden when your phone detects that someone is looking at your screen, and get the latest info on your watch in real time.⁠<sup data-reasonfootnote="2">2</sup></p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-xiaoyi-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-xiaoyi-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-xiaoyi-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-xiaoyi-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">AI Noise Cancellation During Calls</div> <p class="reason-title-page">Filter out noise to ensure your voice comes through loud and clear, wherever and whenever you're on the phone.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-2-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-2-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-2-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-2-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">AI Best Expression⁠<sup data-reasonfootnote="3">3</sup> for Photo Rescues</div> <p class="reason-title-page">Selects the optimal expression from among multiple group photos, so that everyone looks their best within the same image.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-4-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-4-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-4-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-4-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-footnote normal-footnote"> <div class="section-content"> <ol class="rasonfootnote-0"> <li> The aforementioned features are covered by the HUAWEI phone product category, but not every product provides all these features. The features vary between different products. Please refer to the specific product purchase specifications screen for accurate information.</li> </ol> <ol> <li id="rasonfootnote-1">Images are for reference only. This feature is only supported following a HOTA update. Actual experience shall prevail.</li> <li id="rasonfootnote-2">To use AI Messaging, connect your HUAWEI Mate X6 to a Huawei wearable supporting smart notification. Actual product model shall prevail.</li> <li id="rasonfootnote-3">Flawless Quad-curved Display is Huawei's definition of phone display design. HUAWEI nova 13 Pro adopts a quad-curve display, supporting Display Turbo technology.</li> </ol> </div> </div> </div> </div> </div> </div> </div> </section> <section class="reasonPopUp normalPopUp" id="reasonPopUp1"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="popUp-close-btn "> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Photography</p> <div class="h3">Precise All-Focal Captures</div> </div> <div class="reason-content reason-one-content bg-white"> <div class="reason-content-title"> <div class="h4">Every Shot, Perfectly Coloured</div> <p class="reason-title-page">The Ultra Chroma XMAGE Camera enhances every camera lens to deliver breathtaking colour accuracy. </p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-camera-system-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-camera-system-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-camera-system-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-camera-system-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-content reason-one-content bg-white"> <div class="reason-content-title"> <div class="h4">Ultra Speed Snapshot</div> <p class="reason-title-page">Capture with an Ultra Lighting Camera and HUAWEI XD Motion Engine—even objects moving at an ultra high speed of 300 km/h.⁠<sup data-reasonfootnote="1">1</sup></p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-sample-photo-1-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-sample-photo-1-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-sample-photo-1-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-sample-photo-1-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-content reason-one-content bg-white"> <div class="reason-content-title"> <div class="h4">Stars from Every Distance</div> <p class="reason-title-page">Rear multi-focal portrait⁠<sup data-reasonfootnote="2">2</sup> enables you to switch seamlessly between panoramic landscapes and captivating close-ups to get that flawless image within the frame. </p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-sample-photo-2-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-sample-photo-2-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-sample-photo-2-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-sample-photo-2-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-footnote normal-footnote"> <div class="section-content"> <ol class="rasonfootnote-0"> <li>The aforementioned features are covered by the HUAWEI phone product category, but not every product provides all these features. The features vary between different products. Please refer to the specific product purchase specifications screen for accurate information.</li> </ol> <ol> <li id="rasonfootnote-1">Data comes from Huawei labs.</li> <li id="rasonfootnote-2">Image is for reference only. Actual interface and usage shall prevail.</li> </ol> </div> </div> </div> </div> </div> </div> </div> </section> <section class="reasonPopUp normalPopUp" id="reasonPopUp2"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="popUp-close-btn "> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Design</p> <div class="h3">New Aesthetic Trends</div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Super Slim Tri-Fold Design</div> <p>Experience the future of technology today with this tri-fold phone.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/reason/pop/huawei-phones-tri-fold-form-mob.jpg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/reason/pop/huawei-phones-tri-fold-form-mob.jpg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/reason/pop/huawei-phones-tri-fold-form-pc.jpg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/reason/pop/huawei-phones-tri-fold-form-pc.jpg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Space-Age Orbit, A Leap in Design</div> <p>Built for the future, but packed with the power to make today more memorable, and a soaring Space-Age Orbit design that will have you staring into space.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-mate-x6-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-mate-x6-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-mate-x6-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-mate-x6-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-content reason-one-content bg-light-green"> <div class="reason-content-title"> <div class="h4">Trend-Setting Masterpiece</div> <p class="reason-title-page">The all-new Forward Symbol Design, adorned with an exclusive XMAGE label, truly embodies the spirit of artistic mastery.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-pura-design-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-pura-design-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-pura-design-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-pura-design-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-footnote normal-footnote"> <div class="section-content"> <ol class="rasonfootnote-0"> <li>The aforementioned features are covered by the HUAWEI phone product category, but not every product provides all these features. The features vary between different products. Please refer to the specific product purchase specifications screen for accurate information.</li> </ol> </div> </div> </div> </div> </div> </div> </div> </section> <section class="reasonPopUp normalPopUp" id="reasonPopUp3"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="popUp-close-btn "> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Reliability</p> <div class="h3">More Than Tough Enough</div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Super Durable Kunlun Glass</div> <p class="reason-title-page">Super Durable Kunlun Glass boosts drop resistance by 100%,⁠<sup data-reasonfootnote="1">1</sup> turning sure mishaps into safe.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-kunlun-glass-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-kunlun-glass-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-kunlun-glass-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-kunlun-glass-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Hinge System</div> <p class="reason-title-page">The Advanced Precision Hinge System ensures precise coordination and delicate dual-hinge movement so that every fold, both inward and outward, is smooth and seamless.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/reason/pop/huawei-phones-hinge-system-mob.jpg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/reason/pop/huawei-phones-hinge-system-mob.jpg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/reason/pop/huawei-phones-hinge-system-pc.jpg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/reason/pop/huawei-phones-hinge-system-pc.jpg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-footnote normal-footnote"> <div class="section-content"> <ol class="rasonfootnote-0"> <li> The aforementioned features are covered by the HUAWEI phone product category, but not every product provides all these features. The features vary between different products. Please refer to the specific product purchase specifications screen for accurate information.</li> </ol> <ol> <li id="rasonfootnote-1">Data comes from Huawei labs and is a comparison between the HUAWEI Pura 70 Pro and the first-gen Kunlun Glass products. Since the phone contains precision components, please make sure not to bump or drop the phone while using it.</li> </ol> </div> </div> </div> </div> </div> </div> </div> </section> <section class="reasonPopUp normalPopUp" id="reasonPopUp4"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="popUp-close-btn "> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Battery</p> <div class="h3">Long Battery Life, Fast Charging</div> </div> <div class="reason-content reason-two-content bg-black"> <div class="reason-content-title"> <div class="h4">Dual HUAWEI SuperCharge</div> <p class="reason-title-page">HUAWEI Pura 70 Ultra supports 100 W wired HUAWEI SuperCharge⁠<sup data-reasonfootnote="1">1</sup> and 80 W wireless HUAWEI SuperCharge⁠<sup data-reasonfootnote="2">2</sup>, ensuring your device is always on its A-game.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-long-battery-life-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-long-battery-life-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-long-battery-life-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-long-battery-life-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-content reason-two-content bg-black"> <div class="reason-content-title"> <div class="h4">Super Battery</div> <p class="reason-title-page">The 7000 mAh super battery⁠<sup data-reasonfootnote="3">3</sup> of HUAWEI nova Y91 sustains 29 hours of local video playback⁠<sup data-reasonfootnote="4">4</sup> on a full charge. </p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-supercharge-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-supercharge-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-supercharge-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-supercharge-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-footnote normal-footnote"> <div class="section-content"> <ol class="rasonfootnote-0"> <li>The aforementioned features are covered by the HUAWEI phone product category, but not every product provides all these features. The features vary between different products. Please refer to the specific product purchase specifications screen for accurate information.</li> </ol> <ol> <li id="rasonfootnote-1">100 W is the maximum wired charging power, and can only be reached when the 100 W HUAWEI SuperCharge charger and cable are used. Actual charging performance may vary. </li> <li id="rasonfootnote-2">80 W is the maximum wireless charging power, and can only be reached when the HUAWEI SuperCharge Wireless Charger Stand (Max 80 W) or HUAWEI SuperCharge Wireless Car Charger (Max 80 W) is used (a separate purchase), along with the dedicated 100 W SuperCharge charger and cable. Actual charging performance may vary.</li> <li id="rasonfootnote-3">The typical value of the battery is 7000 mAh, and its rated capacity is 6900 mAh. The battery is non-removable. The data comes from HUAWEI labs.</li> <li id="rasonfootnote-4">Data comes from HUAWEI labs. Actual battery life may vary depending on usage habits and environmental factors.</li> </ol> </div> </div> </div> </div> </div> </div> </div> </section> <section class="reasonPopUp normalPopUp" id="reasonPopUp5"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="popUp-close-btn "> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Privacy</p> <div class="h3">Privacy-First App Control</div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">Security Centre⁠<sup data-reasonfootnote="1">1</sup></div> <p class="reason-title-page">When device protection feature is enabled, your device will automatically scan for security risks, viruses, and harassing behaviours, to detect and deter malicious apps.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-harmonyos-next-security-access-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-harmonyos-next-security-access-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-harmonyos-next-security-access-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-harmonyos-next-security-access-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">Privacy Centre</div> <p class="reason-title-page">Gives you a sense of how frequently your apps access your personal data, with an intuitive dashboard, and offers system-level security risk detection, to steer you clear of high-risk app behaviour.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-harmonyos-next-permission-control-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-harmonyos-next-permission-control-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-harmonyos-next-permission-control-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-harmonyos-next-permission-control-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-content reason-one-content bg-white"> <div class="reason-content-title"> <div class="h4">Sensitive Information Removal⁠<sup data-reasonfootnote="2">2</sup></div> <p class="reason-title-page">When you enable picture privacy protection, sensitive information such as the shooting location, time, and device model used to take the picture, will be removed, so that you can share on social media with absolute peace of mind.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-harmonyos-next-app-border-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-harmonyos-next-app-border-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-harmonyos-next-app-border-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/reason/pop/huawei-phones-harmonyos-next-app-border-pc.jpeg" class="blur-up lazyload" alt=""> </picture> </div> </div> <div class="reason-footnote normal-footnote"> <div class="section-content"> <ol class="rasonfootnote-0"> <li>The aforementioned features are covered by the HUAWEI phone product category, but not every product provides all these features. The features vary between different products. Please refer to the specific product purchase specifications screen for accurate information.</li> </ol> <ol> <li id="rasonfootnote-1"> Images are only for illustrative purposes. The actual interface shall prevail.</li> <li id="rasonfootnote-2">This feature applies to pictures stored locally on the phone. When the feature is enabled, third-party apps will be unable to read private information in the pictures.</li> </ol> </div> </div> </div> </div> </div> </div> </div> </section> <section class="productPopUp normalPopUp" id="porductPopUp"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content-top"> <div class="popUp-close-btn"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="productlist-fix-left"> <div class="fix-left-content"> <div class="left-scroll-line"> <div class="left-scrollbar"></div> </div> <p class="product-list-fix-btn" data-btnname="Mate Series" data-arrive="1">Mate Series</p> <p class="product-list-fix-btn" data-btnname="Pura Series" data-arrive="2">Pura Series</p> <p class="product-list-fix-btn" data-btnname="nova Series" data-arrive="3">nova Series</p> <p class="product-list-fix-btn" data-btnname="nova Series" data-arrive="4">P Series</p> </div> </div> <div class="popUp-close-btn-shadow right"></div> <div class="popUp-close-btn-shadow left"></div> </div> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="fix-model-content-product-flex"> <div class="fix-model-content-right"> <div class="productlist-fix-content" id="productlistFix1" data-active="1" data-bannername="Mate Series"> <div class="h3">Mate Series </div> <div class="productlist-fix-group productlist-fix-group-one new"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-xt-ultimate-design/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/all-phones/all-huawei-mate-xt-ultimate-design.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/spring-2025-huawei-innovative-product-launch/all-phones/all-huawei-mate-xt-ultimate-design.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-xt-ultimate-design/">HUAWEI Mate XT ULTIMATE DESIGN</a> </div>  <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-xt-ultimate-design/">Learn More</a>  </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two new"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-x6/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-mate-x6.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-mate-x6.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-x6/">HUAWEI Mate X6</a> </div>  <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-x6/">Learn More</a>  </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-x3/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-mate-x3.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-mate-x3.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-x3/"> HUAWEI Mate X3</a> </div> <p class="product-price"></p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate-x3/">Learn More</a>  </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate50-pro/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-mate50-pro.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-mate50-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate50-pro/">HUAWEI Mate 50 Pro</a> </div> <p class="product-price"></p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate50-pro/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate50/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-mate50.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-mate50.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate50/">HUAWEI Mate 50</a> </div> <p class="product-price"></p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/mate50/">Learn More</a> </div> </div> </div> </div> </div> <div class="productlist-fix-content" id="productlistFix2" data-active="2" data-bannername="Pura Series"> <div class="h3">Pura Series </div> <div class="productlist-fix-group productlist-fix-group-one"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-ultra/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-pura70-ultra.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-pura70-ultra.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-ultra/">HUAWEI Pura 70 Ultra</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-ultra/">Learn More</a>  </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-pro/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-pura70-pro.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-pura70-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-pro/">HUAWEI Pura 70 Pro</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70-pro/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-pura70.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-pura70.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70/">HUAWEI Pura 70</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/pura70/">Learn More</a>  </div> </div> </div> </div> </div> <div class="productlist-fix-content" id="productlistFix3" data-active="3" data-bannername="nova Series"> <div class="h3">nova Series </div> <div class="productlist-fix-group productlist-fix-group-one new"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13-pro/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova13-pro.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova13-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13-pro/">HUAWEI nova 13 Pro</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13-pro/">Learn More</a>  </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two new"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova13.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova13.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13/">HUAWEI nova 13</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova13/">Learn More</a>  </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two new"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-13i/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova13i.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova13i.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-13i/">HUAWEI nova 13i</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-13i/">Learn More</a>  </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two new"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y72s/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova-y72s.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova-y72s.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y72s/">HUAWEI nova Y72S</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y72s/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-12s/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova-12s.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova-12s.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-12s/">HUAWEI nova 12s</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-12s/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-three"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova12-se/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova12-se.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova12-se.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova12-se/">HUAWEI nova 12 SE</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova12-se/">Learn More</a>  </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-three"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-12i/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova12i.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova12i.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-12i/">HUAWEI nova 12i</span></a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-12i/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-three"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-11i/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova11i.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova11i.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-11i/"> HUAWEI nova 11i</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-11i/">Learn More</a>  </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-three"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y72/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova-y72.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova-y72.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y72/"> HUAWEI nova Y72</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y72/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-three"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y91/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova-y91.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova-y91.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y91/"> HUAWEI nova Y91</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y91/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-three"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y61/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova-y61.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-nova-y61.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y61/"> HUAWEI nova Y61</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/nova-y61/">Learn More</a> </div> </div> </div> </div> </div> <div class="productlist-fix-content" id="productlistFix4" data-active="4" data-bannername="P Series"> <div class="h3">P Series </div> <div class="productlist-fix-group productlist-fix-group-one"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/p60-pro/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-p60-pro.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-p60-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/p60-pro/">HUAWEI P60 Pro</a> </div> <p class="product-price"></p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/p60-pro/">Learn More</a>  </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/p60-art/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-p60-art.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-p60-art.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/p60-art/">HUAWEI P60 Art</a> </div> <p class="product-price"></p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/p60-art/">Learn More</a>  </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/phones/p60/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-p60.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/all-phones/all-huawei-p60.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/phones/p60/">HUAWEI P60</a> </div> <p class="product-price"></p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/phones/p60/">Learn More</a>  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </main> <script src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/js/utilsPlugin.js"></script> <script src="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/js/swiper-bundle.min.js"></script> <script type="text/javascript"> var rrpTips = "**Le PVC est le prix de vente conseillé que Huawei, en tant que fabricant du produit, communique à ses distributeurs. Il s’agit d’un prix indicatif de vente qui est fourni ici à titre de comparaison."; (function () { "use strict"; const html = document.documentElement; const main = document.getElementById("category-container"); const controller = new ScrollMagic.Controller(); let screenWidth = html.clientWidth; let windowWidth = window.innerWidth; let windowHeight = window.innerHeight; let scrollbarWidth = windowWidth - screenWidth; let isPortrait = window.matchMedia("(max-aspect-ratio: 11/10)").matches; let isCardmob = window.innerWidth <= 1079.98; let isCardpad = window.innerWidth <= 1440; if ("scrollRestoration" in history) history.scrollRestoration = "manual"; let isMobPop = window.innerWidth <= 767.98; window.NodeList && !NodeList.prototype.forEach && (NodeList.prototype.forEach = Array.prototype.forEach); html.style.setProperty("--scrollbar-width", scrollbarWidth + "px"); let hasIO = "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype; window.lazySizesConfig = window.lazySizesConfig || {}; lazySizesConfig.expand = 1500; lazySizesConfig.expFactor = 3; let header = document.querySelector(".header.nav-v2"); let nav2Height = header.querySelector(".n01-main-navigation").clientHeight || 56; // let nav2Height = header ? header.clientHeight : 80; let headerHeight = nav2Height; // let headerHeight = 80; const $pageCategory = "product-listing"; const Browser = (function () { const ua = navigator.userAgent.toLowerCase(); return { isIE: ua.indexOf("trident/") !== -1 || ua.indexOf("edge") !== -1, isUC: ua.indexOf("ucbrowser") !== -1, isWeChat: ua.indexOf("micromessenger") !== -1, isSafari: ua.indexOf("safari") !== -1 && ua.indexOf("chrome") === -1, }; })(); const Support = (function () { let sticky, clipPath, gradientText, webp, classList = main.classList; if ( !Browser.isIE || !!((window.CSS && window.CSS.supports) || window.supportsCSS) ) { sticky = CSS.supports("position", "sticky"); clipPath = CSS.supports("clip-path", "inset(0 0)"); gradientText = CSS.supports("-webkit-background-clip", "text") || CSS.supports("background-clip", "text"); let canvas = document.createElement("canvas"); if (canvas.getContext && canvas.getContext("2d")) { webp = canvas.toDataURL("image/webp").indexOf("data:image/webp") === 0; } } !sticky && classList.add("no-sticky"); !clipPath && classList.add("no-clip-path"); !gradientText && classList.add("no-gradient-text"); !webp && classList.add("no-webp"); return { sticky: sticky, clipPath: clipPath, gradientText: gradientText, webp: webp, inlineVideo: !(Browser.isUC || Browser.isWeChat), }; })(); const U = { rpx: function (px, sw) { return (px / sw) * windowWidth; }, replayVideo: function (video) { video.currentTime = 0; U.videoAction(video, "play"); }, outCube: function (n) { return --n * n * n + 1; }, getTop: function (target) { let top = 0; while (target.offsetParent) { top += target.offsetTop; target = target.offsetParent; } return top; }, smoothScroll: function (target, offset) { let start, id; let startY = window.scrollY || html.scrollTop; let duration = 800; const onScroll = function (timestamp) { if (!start) start = timestamp; let elapsed = timestamp - start; let endY = target ? U.getTop(target) - (offset || 0) : 0; let progress = Math.min(elapsed / duration, 1); let position = target ? startY + (endY - startY) * U.outCube(progress) : startY - startY * U.outCube(progress); window.scrollTo(0, position); elapsed < duration ? (id = requestAnimationFrame(onScroll)) : cancelAnimationFrame(id); }; id = requestAnimationFrame(onScroll); }, popSmoothScroll: function (target, offset) { const acitivePop = main.querySelector(".reasonPopUp.active"); const activeFix = acitivePop.querySelector(".fix-container"); let start, id; let startY = activeFix.scrollTop; let duration = 800; const onScroll = function (timestamp) { if (!start) start = timestamp; let elapsed = timestamp - start; let endY = target ? target.offsetTop : 0; let progress = Math.min(elapsed / duration, 1); let position = target ? startY + (endY - startY) * U.outCube(progress) : startY - startY * U.outCube(progress); activeFix.scrollTo(0, position); elapsed < duration ? (id = requestAnimationFrame(onScroll)) : cancelAnimationFrame(id); }; id = requestAnimationFrame(onScroll); }, pageHeightCurrect: function (array, content, name, size) { function chunkArray(array, size) { let result = []; for (let i = 0; i < array.length; i += size) { result.push(array.slice(i, i + size)); } return result; } if (array) { content.forEach(function (item) { let height = []; let productName = item.querySelectorAll(name); let productSize = size ? size : productName.length; productName.forEach(function (item2) { height.push(item2.clientHeight); }); let chunked = chunkArray(height, productSize); for (let i = 0; i < chunked.length; i++) { let maxH = Math.max(...chunked[i]); for (let n = 0; n < productSize; n++) { productName[productSize * i].style.height = maxH + "px"; if (productName[productSize * i + n]) { productName[productSize * i + n].style.height = maxH + "px"; } } } }); } else { let height = []; let productName = content.querySelectorAll(name); let productSize = size ? size : productName.length; productName.forEach(function (item2) { height.push(item2.clientHeight); }); let chunked = chunkArray(height, productSize); for (let i = 0; i < chunked.length; i++) { let maxH = Math.max(...chunked[i]); for (let n = 0; n < productSize; n++) { productName[productSize * i].style.height = maxH + "px"; if (productName[productSize * i + n]) { productName[productSize * i + n].style.height = maxH + "px"; } } } } }, }; const Helper = { init: function () { this.inlineVideo(), this.modalVideo(), this.pushToDataLayer(); }, inlineVideo: function () { if (!Support.inlineVideo) main.classList.add("no-inline-video"); const inlineVideos = main.querySelectorAll(".inline-video"); // let hasPoster = Support.inlineVideo ? "-poster" : ""; let hasPoster = ""; // let posterFormart = !hasPoster && Support.webp ? ".webp" : ".jpg"; let posterFormart = ".jpg"; function videoHandler(media, video, videoSrc, posterSrc) { let poster = new Image(); poster.onload = function () { media.classList.add("loaded"); video.poster = posterSrc; }; poster.src = posterSrc; if (!Support.inlineVideo) return; video.src = videoSrc; video.load(); function handleCanplay() { media.classList.add("loaded"); video.removeEventListener("canplay", handleCanplay); } video.addEventListener("canplay", handleCanplay); } inlineVideos.forEach(function (media) { const video = media.querySelector("video"); let basepath = video.getAttribute("data-basepath"); let hasXS = isPortrait && video.hasAttribute("data-has-xs") ? "-xs" : ""; let posterBase = basepath + hasXS + hasPoster; let posterSrc = posterBase + posterFormart; let posterSrcThumb = posterBase + "-thumb.jpg"; let videoSrc = basepath + hasXS + ".mp4"; let isPreload = video.hasAttribute("data-preload"); let isTriggerPlay = video.hasAttribute("data-trigger-play"); // video.poster = posterSrcThumb; if (isPreload) { videoHandler(media, video, videoSrc, posterSrc); } else { let scene = new ScrollMagic.Scene({ triggerElement: media, triggerHook: 1, offset: -windowHeight * 2, }) .on("enter", function () { videoHandler(media, video, videoSrc, posterSrc); controller.removeScene(scene); }) .addTo(controller); } if (Support.inlineVideo && isTriggerPlay) { let scene = new ScrollMagic.Scene({ triggerElement: media, triggerHook: 0.5, }) .on("enter", function () { video.play(); controller.removeScene(scene); }) .addTo(controller); } }); const videoBtn = main.querySelectorAll(".video-btn"); videoBtn.forEach(function (item) { item.addEventListener("click", function () { if (!item.classList.contains("active")) { item.parentNode.querySelector("video").pause(); } else { item.parentNode.querySelector("video").play(); } let $bannerName = item.parentNode.parentNode.parentNode.parentNode.getAttribute('data-bannername'); window.dataLayer.push({ event: "video_play", pageCategory: $pageCategory, productCategory: $bannerName, }); }); }); $(".video-btn").click(function (e) { $(this).toggleClass("active"); }); }, modalVideo: function () { $(".player-cta").on("click", function (event) { event.preventDefault(); event.stopPropagation(); $(this).initH5player({ path: "", target: "fancybox", autostart: true, beforeShow: "", afterClose: "", }); }); }, pushToDataLayer: function () { const gaEls = main.querySelectorAll("[data-ga-event]"); gaEls.forEach(function (gaEl) { gaEl.addEventListener("click", function () { let data = Object.create(null); let attrs = gaEl.attributes; for (let i = 0, len = attrs.length; i < len; i++) { let name = attrs[i].name; if (name.substring(0, 8) === "data-ga-") { let key = name.substring(8).replace(/-(\w)/g, function (a, b) { return b.toUpperCase(); }); data[key] = attrs[i].value; } } dataLayer.push(data); }); }); }, }; const Page = { init: function () { this.sellingPoints(); this.reasonSwiper(); this.seriesSwiper(); this.titleHeightEach(); this.seriesPopup(); this.compareSwiper(); this.experience3(); this.serviceSwiper(); this.compareHeightCurrent(); this.footnotes(); this.priceRemarks(); this.setGa(); this.mobCardSwiper(); this.productlistNavPoints() this.reasonFootnotes(); this.buyButtonHref(); }, footnotes: function () { const sectionFootnote = main.querySelector(".section-footnote"); let moveSup = main.querySelectorAll("sup"); moveSup.forEach(function (item) { item.addEventListener("click", function (event) { event.stopPropagation(); if (item.hasAttribute("data-footnote")) { const footnote = sectionFootnote.querySelector( "#footnote-" + item.getAttribute("data-footnote") ); U.smoothScroll(footnote, 120); const current = sectionFootnote.querySelector("li.current"); current && current.classList.remove("current"); footnote.classList.add("current"); } if (item.hasAttribute("data-reasonfootnote")) { const reasonFootnote = main.querySelector( ".reasonPopUp.active .reason-footnote" ); const reasonFootnoteLi = reasonFootnote.querySelector( "#rasonfootnote-" + item.getAttribute("data-reasonfootnote") ); U.popSmoothScroll(reasonFootnoteLi, 120); const current = reasonFootnote.querySelector("li.current"); current && current.classList.remove("current"); reasonFootnoteLi.classList.add("current"); } }); }); }, setGa: function () { const gaSection = main.querySelectorAll(".category-section-ga"); gaSection.forEach(function (item, index) { let $bannerName = item.getAttribute("data-bannername"); let $event = ""; let $buttonName = ""; let $clickArea = ""; let kvSceneGa = item.querySelectorAll(".kv-scene-ga"); if (kvSceneGa) { kvSceneGa.forEach(function (item1) { item1.addEventListener("click", function () { $event = "mainProductToPDP"; if (item1.classList.contains("kv-scene-button-ga")) { if(item1.classList.contains("kv-button-buy-ga")){ $buttonName = "Buy"; }else{ $buttonName = "Learn More"; } // $buttonName = item1.innerHTML; $clickArea = "button"; } else { $buttonName = ""; $clickArea = "image"; } if (item1.classList.contains("kv-button-buy-ga")) { $event = "mainProductToPOP"; } window.dataLayer.push({ event: $event, pageCategory: $pageCategory, bannerName: $bannerName, bannerPosition: index, buttonName: $buttonName, clickArea: $clickArea, }); }); }); } let reasonSlideScene = item.querySelectorAll(".reasonSlide"); if (reasonSlideScene) { reasonSlideScene.forEach(function (item1, index1) { item1.addEventListener("click", function () { $bannerName = item1.getAttribute("data-bannername"); window.dataLayer.push({ event: "products_display_banner_click", pageCategory: $pageCategory, bannerName: $bannerName, bannerPosition: index1, clickArea: "", buttonName: "", }); }); }); } let seriesSlideScene = item.querySelectorAll(".seriesSlide"); if (seriesSlideScene) { seriesSlideScene.forEach(function (item1, index1) { item1.addEventListener("click", function () { $bannerName = item1.getAttribute("data-bannername"); window.dataLayer.push({ event: "product_navigation_banner_click", pageCategory: "", bannerName: $bannerName, bannerPosition: index1, buttonName: "", }); }); }); } let cardItemMap = item.querySelectorAll(".card-item"); if (cardItemMap) { cardItemMap.forEach(function (item1, index1) { let cardItemScene = item1.querySelectorAll(".scene-ga"); cardItemScene.forEach(function (item2, index2) { item2.addEventListener("click", function () { let $productBannerName = item1.querySelector(".product-title-ga").innerText.replace('\n', ' '); if (item2.classList.contains("product-scene-button-ga")) { if(item2.classList.contains("buy-btn")){ $buttonName = "Buy"; }else{ $buttonName = "Learn More"; } // $buttonName = item2.innerText; $clickArea = "button"; } else if (item2.classList.contains("product-title-ga")) { $buttonName = ""; $clickArea = "product_name"; } else { $buttonName = ""; $clickArea = "image"; } $event = "productSeriesComponentToPDP"; if (item2.classList.contains("product-button-buy-ga")) { $event = "productSeriesComponentToPOP"; } window.dataLayer.push({ event: $event, pageCategory: $pageCategory, productCategory: $bannerName, bannerName: $productBannerName, bannerPosition: 0, clickArea: $clickArea, buttonName: $buttonName, }); }); }); }); } let seriesPopupBtnScene = item.querySelector(".series-popup-btn"); if (seriesPopupBtnScene) { seriesPopupBtnScene.addEventListener("click", function () { let $popButtonName = "View All"; let $bannerPo = parseInt(seriesPopupBtnScene.getAttribute('data-arrive')) - 1; window.dataLayer.push({ event: "productSeriesComponentToFloatingLayer", pageCategory: $pageCategory, productCategory: $bannerName, bannerName: $popButtonName, bannerPosition: $bannerPo, }); }); } let compareTopItemScene = item.querySelectorAll(".compare-top-item"); if (compareTopItemScene) { compareTopItemScene.forEach(function (item1, index1) { let compareItemScene = item1.querySelectorAll(".scene-ga"); compareItemScene.forEach(function (item2, index2) { item2.addEventListener("click", function () { let $productBannerName = item1.querySelector(".compare-title-ga").innerText.replace('\n', ' '); if (item2.classList.contains("compare-scene-button-ga")) { $buttonName = item2.innerText; $clickArea = "button"; } else if (item2.classList.contains("compare-title-ga")) { $buttonName = ""; $clickArea = "product_name"; } else { $buttonName = ""; $clickArea = "image"; } $event = "compareProductToPDP"; if (item2.classList.contains("compare-button-buy-ga")) { $event = "compareProductToPOP"; } window.dataLayer.push({ event: $event, pageCategory: $pageCategory, productCategory: '', bannerName: $productBannerName, bannerPosition: index1, clickArea: $clickArea, buttonName: $buttonName, }); }); }); }); } let sectionCollocationContainerScene = item.querySelector( ".section-collocation-container" ); if (sectionCollocationContainerScene) { let collocationScene = sectionCollocationContainerScene.querySelectorAll( ".collocation-ga" ); collocationScene.forEach(function (item1, index1) { item1.addEventListener("click", function () { $bannerName = item1.getAttribute("data-bannername"); $buttonName = item1.getAttribute("data-btnname"); window.dataLayer.push({ event: "accessories_button_click", pageCategory: $pageCategory, bannerName: $bannerName, buttonName: $buttonName, clickArea: 'button' }); }); }); let collocationImageScene = sectionCollocationContainerScene.querySelectorAll( ".collocation-image-click" ); collocationImageScene.forEach(function (item1, index1) { item1.addEventListener("click", function () { $bannerName = item1.getAttribute("data-bannername"); window.dataLayer.push({ event: "accessories_button_click", pageCategory: $pageCategory, bannerName: $bannerName, buttonName: '', clickArea: 'image' }); }); }); } let experienctGaContent = item.querySelector(".experienct-ga-content"); if (experienctGaContent) { let tabnavItemScene = experienctGaContent.querySelectorAll(".tabnav-item"); tabnavItemScene.forEach(function (item1, index1) { item1.addEventListener("click", function () { $bannerName = item.getAttribute("data-bannername"); $buttonName = item1.getAttribute("data-btnname"); window.dataLayer.push({ event: "connection_button_click", pageCategory: $pageCategory, bannerName: $bannerName, buttonName: $buttonName, }); }); }); } let serviceSwiperScene = item.querySelector(".serviceSwiper"); if (serviceSwiperScene) { let servicega = serviceSwiperScene.querySelectorAll(".service-ga"); if (servicega) { servicega.forEach(function (item1, index1) { item1.addEventListener("click", function () { $bannerName = item1.getAttribute("data-bannername"); $buttonName = item1.getAttribute("data-btnname"); window.dataLayer.push({ event: "service_button_click", pageCategory: $pageCategory, bannerName: $bannerName, buttonName: $buttonName, clickArea: 'button', }); }); }); } let serviceImagega = serviceSwiperScene.querySelectorAll(".category-bg-click"); if (serviceImagega) { serviceImagega.forEach(function (item1, index1) { item1.addEventListener("click", function () { $bannerName = item1.getAttribute("data-bannername"); window.dataLayer.push({ event: "service_button_click", pageCategory: $pageCategory, bannerName: $bannerName, buttonName: '', clickArea: 'image', }); }); }); } } }); let seriesProductlistScene = main.querySelectorAll(".productlist-nav-item"); if (seriesProductlistScene) { seriesProductlistScene.forEach(function (item1, index1) { item1.addEventListener("click", function () { let $bannerName = item1.getAttribute("data-bannername"); let $buttonName = item1.getAttribute("data-btnname"); window.dataLayer.push({ event: "product_navigation_banner_click", pageCategory: "", bannerName: $bannerName, bannerPosition: index1, buttonName: $buttonName, }); }); }); } const productPopUpScene = main.querySelector(".productPopUp"); let productListFixBtnScene = productPopUpScene.querySelectorAll( ".product-list-fix-btn" ); productListFixBtnScene.forEach(function (item1, index1) { item1.addEventListener("click", function () { let $buttonName = item1.getAttribute('data-btnname'); window.dataLayer.push({ event: "product_category_pick", pageCategory: $pageCategory, buttonName: $buttonName, }); }); }); let productlistFixContentScene = productPopUpScene.querySelectorAll( ".productlist-fix-content" ); productlistFixContentScene.forEach(function (item3, index3) { let productlistFixGroupScene = item3.querySelectorAll( ".productlist-fix-group" ); productlistFixGroupScene.forEach(function (item1, index) { let cardItemScene = item1.querySelectorAll(".scene-ga"); cardItemScene.forEach(function (item2, index2) { item2.addEventListener("click", function () { let $bannerName = item3.getAttribute("data-bannername"); let $event = ""; let $buttonName = ""; let $clickArea = ""; let $productBannerName = item1.querySelector(".product-title-ga").innerText.replace('\n', ' '); if (item2.classList.contains("product-scene-button-ga")) { // $buttonName = item2.innerText; if(item2.classList.contains("product-button-buy-ga")){ $buttonName = "Buy"; }else{ $buttonName = "Learn More"; } $clickArea = "button"; } else if (item2.classList.contains("product-title-ga")) { $buttonName = ""; $clickArea = "product_name"; } else { $buttonName = ""; $clickArea = "image"; } $event = "productSeriesComponentToPDP"; if (item2.classList.contains("product-button-buy-ga")) { $event = "productSeriesComponentToPOP"; } window.dataLayer.push({ event: $event, pageCategory: $pageCategory, productCategory: $bannerName, bannerName: $productBannerName, bannerPosition: 1, clickArea: $clickArea, buttonName: $buttonName, }); }); }); }); }); }, buyButtonHref: function () { if (window.innerWidth < 1024) { let vBuyButton = main.querySelectorAll('.v-buy-btn'); vBuyButton.forEach(function (item) { let mobLink = item.getAttribute('data-mobLink'); item.setAttribute('href', mobLink); }) } }, reasonFootnotes: function () { main.addEventListener('click', function (event) { event.stopPropagation() const reasonTarget = event.target if (reasonTarget.hasAttribute('data-reasonfootnote')) { const reasonFootnote = main.querySelector('.reasonPopUp.active .reason-footnote') const reasonFootnoteLi = reasonFootnote.querySelector('#rasonfootnote-' + reasonTarget.getAttribute('data-reasonfootnote')) U.popSmoothScroll(reasonFootnoteLi, 120) const current = reasonFootnote.querySelector('li.current') current && current.classList.remove('current') reasonFootnoteLi.classList.add('current') } }) }, sellingPoints: function () { const items = main.querySelectorAll(".seriesSlide"); var productlist_nav_height = $(".productlist-nav-content")[0].clientHeight items.forEach(function (item) { item.addEventListener("click", function () { U.smoothScroll( main.querySelector(item.getAttribute("data-anchor")), headerHeight + productlist_nav_height + (isCardmob ? 20 : 40) ); }); item.addEventListener("mouseenter", function () { item.classList.add("is-hover"); }); item.addEventListener("mouseleave", function () { item.classList.remove("is-hover"); }); }); }, productlistNavPoints: function () { var Productlist_nav_top = Number($("#category-container .productlist-content .section-productlist#series1").css("margin-top").replace("px", "")) var compare_margintop = Number($("#category-container .section-compare").css("margin-top").replace("px", "")) var Productlist_nav = gsap.timeline({ scrollTrigger: { trigger: ".productlist-content", start: `top ${headerHeight + Productlist_nav_top + 'px'}`, end: `top ${headerHeight + Productlist_nav_top + 'px'}`, onEnter: () => { $('#category-container .productlist-content .productlist-nav-sticky').addClass('active'); }, onEnterBack: () => { $('#category-container .productlist-content .productlist-nav-sticky').removeClass('active'); } } }) var Productlist_nav_leave = gsap.timeline({ scrollTrigger: { trigger: ".section-compare", start: `top ${headerHeight + compare_margintop + 'px'}`, end: `top ${headerHeight + compare_margintop + 'px'}`, onEnter: () => { $('#category-container .productlist-content .productlist-nav-sticky').removeClass('active'); }, onEnterBack: () => { $('#category-container .productlist-content .productlist-nav-sticky').addClass('active'); } } }) const items = main.querySelectorAll(".productlist-nav-item"); var screenWidth = window.innerWidth var _scrollPaginationActive = document.querySelector(".productlist-nav-content") var _isScrollMob = (productlistNav > productlistContent) var tabnavsWidth = [] var tabnavsLeft = [] var scrollLeft = [] var productlistContent = $('.productlist-nav-content')[0].clientWidth var productlistNav = $('.productlist-nav')[0].clientWidth html.style.setProperty("--productlist-nav", productlistNav + "px"); var productlistNavHeight = $(".productlist-nav")[0].clientHeight // $("#category-container .productlist-content .productlist-nav-sticky").css("top", headerHeight) $("#category-container .productlist-content .productlist-nav-sticky").css("top", "0") items.forEach(function (item) { item.addEventListener("click", function () { // $(this).siblings().removeClass("active") // $(this).addClass("active") U.smoothScroll( main.querySelector(item.getAttribute("data-anchor")), headerHeight + productlistNavHeight + (isCardmob ? 20 : 40) ); }); item.addEventListener("mouseenter", function () { item.classList.add("is-hover"); }); item.addEventListener("mouseleave", function () { item.classList.remove("is-hover"); }); }); function productlistNavMove(index) { // console.info(This) // console.info(index) let contentWidth = _scrollPaginationActive.scrollWidth; let screenCenter = _scrollPaginationActive.clientWidth / 2; let marginLeft = isMobPop ? 16 : 0; let isScroll = contentWidth > _scrollPaginationActive.clientWidth; var _scrollBullets = document.querySelectorAll(".productlist-nav-item") let left = _scrollBullets[index].offsetLeft; let btnWidth = _scrollBullets[0].clientWidth; if (isScroll) { let tabnavCenter = left + btnWidth / 2; let scrollLeft = tabnavCenter > screenCenter ? tabnavCenter - screenCenter + marginLeft : 0; gsap.to(_scrollPaginationActive, { scrollLeft: scrollLeft, duration: 0, ease: "power2.out", }); } // let screenCenter = screenWidth / 2 // var _scrollBullets = document.querySelectorAll(".productlist-nav-item") // _scrollBullets.forEach(function (tabnav) { // let tabnavWidth = $(tabnav).width(); // let tabnavLeft = tabnav.offsetLeft // tabnavsWidth.push(tabnavWidth) // tabnavsLeft.push(tabnavLeft) // if (_isScrollMob) return // let tabnavCenter = tabnavWidth / 2 + tabnavLeft // scrollLeft.push(tabnavCenter > screenCenter ? tabnavCenter - screenCenter : 0) // }) // if (_isScrollMob) return // _scrollPaginationActive.scrollTo({ // left: scrollLeft[This.index() - 1], // duration: 0, // behavior: 'smooth' // }) // if ($('.productlist-nav-item:last-child').hasClass("active")) { // $('#category-container .productlist-content .productlist-nav-shadow.right').removeClass('active') // } else { // $('#category-container .productlist-content .productlist-nav-shadow.right').addClass('active') // } } $('.section-productlist').each(function () { var index = $(this).attr("data-index") var ScrollProductlist = gsap.timeline({ scrollTrigger: { trigger: $(this), start: "top 80%", end: "top 80%", onEnter: () => { $('.productlist-nav-item').removeClass('active') $('.productlist-nav-item').eq(index).addClass('active'); productlistNavMove(index); }, onEnterBack: () => { $('.productlist-nav-item').removeClass('active') if (index == 0) { $('.productlist-nav-item').eq(index).addClass('active'); } else { $('.productlist-nav-item').eq(index - 1).addClass('active'); } productlistNavMove(index); } } }) }) if (productlistNav > productlistContent) { $('.productlist-nav-content').addClass('active') // $('#category-container .productlist-content .productlist-nav-shadow.right').addClass('active') // $('.productlist-nav-item').each(function (index, item) { // $(this).on('click', function () { // productlistNavMove($(this)); // // if (scrollLeft[$(this).index() - 1] > 0) { // // $('#category-container .productlist-content .productlist-nav-shadow.left').addClass('active') // // } else { // // $('#category-container .productlist-content .productlist-nav-shadow.left').removeClass('active') // // } // }) // }) } }, reasonSwiper: function () { var reasonSwiper = new Swiper(".reasonSwiper", { slidesPerView: "auto", navigation: { nextEl: ".reasonSwiper-button-next", prevEl: ".reasonSwiper-button-prev", }, }); if(window.innerWidth>1350){ $('.reasonSwiper').addClass('swiper-no-swiping') } const reasonSlide = main.querySelectorAll(".reasonSlide"); reasonSlide.forEach(function (item, index) { item.addEventListener("click", function (event) { let reasonOpen = main.querySelector("#reasonPopUp" + index); reasonOpen.classList.add("active"); html.classList.add("html-model-active"); $(".reasonPopUp .fix-model").each(function () { if (this.clientHeight < windowHeight) { $(this).addClass("no-scroll") } else { $(this).removeClass("no-scroll") } }) }); }); }, seriesSwiper: function () { var seriesSwiper = new Swiper(".seriesSwiper", { slidesPerView: "auto", init: false, navigation: { nextEl: ".seriesSwiper-button-next", prevEl: ".seriesSwiper-button-prev", }, on: { touchMove: function (swiper, event) { $("#category-container .section-series .series-button-shadow.left").addClass("active") $("#category-container .section-series .series-button-shadow.right").addClass("active") if (seriesSwiper.isEnd) { $("#category-container .section-series .series-button-shadow.right").removeClass("active") } if (seriesSwiper.isBeginning) { $("#category-container .section-series .series-button-shadow.left").removeClass("active") } }, slideChangeTransitionStart: function () { if (!this.realIndex == 0) { $("#category-container .section-series .series-button-shadow.left").addClass("active") } }, slideChangeTransitionEnd: function () { if (this.realIndex == 0) { $("#category-container .section-series .series-button-shadow.left").removeClass("active") } }, reachEnd: function () { $("#category-container .section-series .series-button-shadow.left").addClass("active") setTimeout(function () { $("#category-container .section-series .series-button-shadow.right").removeClass("active") }, 300) }, reachBeginning: function () { $("#category-container .section-series .series-button-shadow.right").addClass("active") setTimeout(function () { $("#category-container .section-series .series-button-shadow.left").removeClass("active") }, 300) }, } }); $(".seriesSwiper-button-content .seriesSwiper-button-prev").on("click", function () { $("#category-container .section-series .series-button-shadow.right").addClass("active") }) $(".seriesSwiper-button-content .seriesSwiper-button-next").on("click", function () { $("#category-container .section-series .series-button-shadow.left").addClass("active") }) const seriesSwiperDiv = main.querySelector(".seriesSwiper"); const seriesSlide = main.querySelectorAll(".seriesSlide"); const seriesStyle = window.getComputedStyle(seriesSlide[0]); let seriesmr = parseInt(seriesStyle.marginRight.replace("px", "")); let seriesClientWidth = seriesSwiperDiv.clientWidth; let seriessildeWidth = (seriesSlide[0].clientWidth + seriesmr) * seriesSlide.length - seriesmr; if (seriessildeWidth > seriesClientWidth) { seriesSwiper.init(); seriesSwiperDiv.parentNode.classList.add("active"); $("#category-container .section-series .series-button-shadow.right").addClass('active') } }, compareSwiper: function () { var compareSwiper = new Swiper(".compareSwiper", { slidesPerView: "auto", init: false, navigation: { nextEl: ".compareSwiper-button-next", prevEl: ".compareSwiper-button-prev", }, }); let compareSection = main.querySelector('.section-compare'); let compareSectionMain = compareSection.querySelector('.compareSwiper'); let compareSwiperSlide = compareSection.querySelectorAll('.compare-item'); let compareSwiperSlideWidth = compareSwiperSlide[0].clientWidth; let slidestyle = window.getComputedStyle(compareSwiperSlide[0]); let slidestyleM = parseInt(slidestyle.marginRight.replace("px", "")); let mapAll = compareSwiperSlideWidth * compareSwiperSlide.length + slidestyleM * (compareSwiperSlide.length - 1); if (compareSectionMain.clientWidth < mapAll) { compareSwiper.init(); compareSection.classList.add('active'); } }, experience3: function () { // · MARK: Experience 3 const section = main.querySelector(".section-experience-screen-2"); const swiper = section.querySelector(".swiper"); const videos = section.querySelectorAll(".inline-video video"); const content = section.querySelector(".tabnav-content"); const buttons = content.querySelectorAll(".tabnav-button"); const collapses = content.querySelectorAll(".tabnav-collapse"); const intros = content.querySelectorAll(".tabnav-intro"); const indicator = content.querySelector(".indicator"); const mySwiper = new Swiper(swiper, { speed: 400, effect: "fade", resistanceRatio: 0, watchSlidesProgress: true, }); if (isCardmob) { const tabnavList = content.querySelector(".tabnav-list"); const xsIntroList = section.querySelector(".xs-intro-list"); let tabnavPositions = []; let contentWidth = content.scrollWidth; let maxScroll = contentWidth - windowWidth; let screenCenter = content.clientWidth / 2; let marginLeft = isMobPop ? U.rpx(40, 360) : 0; let isScroll = contentWidth > content.clientWidth; collapses.forEach(function (collapse) { xsIntroList.innerHTML += collapse.innerHTML; }); if(tabnavList.clientWidth<content.clientWidth){ content.classList.add('no-active'); } const xsIntros = xsIntroList.querySelectorAll(".tabnav-intro"); buttons[0].classList.add("current"); xsIntros[0].classList.add("current"); indicator.style.cssText = "width:" + buttons[0].clientWidth + "px; transform: translateX(" + buttons[0].offsetLeft + "px)"; mySwiper.on("slideChange", function (swiper) { const realIndex = swiper.realIndex; if (!tabnavPositions[realIndex]) tabnavPositions[realIndex] = { left: buttons[realIndex].offsetLeft, width: buttons[realIndex].clientWidth, }; tabnavList .querySelector(".tabnav-button.current") .classList.remove("current"); buttons[realIndex].classList.add("current"); xsIntroList.querySelector(".current").classList.remove("current"); xsIntros[realIndex].classList.add("current"); gsap.to(indicator, { x: tabnavPositions[realIndex].left, width: tabnavPositions[realIndex].width, duration: 0.4, ease: "power2.out", }); if (isScroll) { let tabnavCenter = tabnavPositions[realIndex].left + tabnavPositions[realIndex].width / 2; let scrollLeft = tabnavCenter > screenCenter ? tabnavCenter - screenCenter + marginLeft : 0; gsap.to(content, { scrollLeft: scrollLeft, duration: 0.4, ease: "power2.out", }); } // U.replayVideo(videos[realIndex]); }); buttons.forEach(function (button, index) { button.addEventListener("click", function () { mySwiper.slideTo(index); }); }); } else { const items = section.querySelectorAll(".tabnav-item"); const leftScroll = section.querySelector(".left-scrollbar"); let thisBtn = section.querySelectorAll(".tabnav-button"); let thisSpan = section.querySelectorAll(".tabnav-intro"); let titleH = main.querySelectorAll(".tabnav-button"); let hei = titleH[0].clientHeight; let titleBottom = 40; if (windowWidth < 1440.5) { titleBottom = 32; } let thisSpanHeight = []; var thisSpanMaxHeight = 0 var thisDivMaxHeight = 0 var thisContentHeight = 0 var tapNavCount = thisSpan.length var tapNavTitleHeight = $('.tabnav-header').height() var tapNavTitlePadding = Number($("#category-container .section-experience-screen-2 .tabnav-item").css("padding-bottom").replace("px", "")) var tapNavDescPadding = Number($(".tabnav-collapse").css("padding-top").replace("px", "")) var thisImageHeight = $(".section-experience-screen-2 .swiper-media-wrapper").height() thisSpan.forEach(function (i, e) { thisSpanHeight.push(i.clientHeight); i.style.height = 0 + "px"; }); thisSpanHeight.forEach(function (i, e) { if (i > thisSpanMaxHeight) { thisSpanMaxHeight = i thisDivMaxHeight = thisSpanMaxHeight + (tapNavTitleHeight * tapNavCount) + (tapNavTitlePadding * (tapNavCount - 1)) + (tapNavDescPadding * tapNavCount) } }) if (thisImageHeight > thisDivMaxHeight) { thisContentHeight = thisImageHeight } else { thisContentHeight = thisDivMaxHeight } if (!isCardmob) { $("#category-container .section-experience-screen-2 .section-content").css("min-height", (thisContentHeight + 120) + "px") } else if (!isCardpad) { $("#category-container .section-experience-screen-2 .section-content").css("min-height", (thisContentHeight + 160) + "px") } thisSpan[0].style.height = thisSpanHeight[0] + "px"; leftScroll.style.height = thisSpanHeight[0] + hei + "px"; mySwiper.on("slideChange", function (swiper) { $(".tabnav-item") .eq(swiper.activeIndex) .addClass("active") .siblings() .removeClass("active"); thisSpan.forEach(function (i, e) { if (e == swiper.activeIndex) { i.style.height = thisSpanHeight[e] + "px"; leftScroll.style.height = thisSpanHeight[e] + hei + "px"; leftScroll.style.top = (hei + 12 + titleBottom) * e + "px"; } else { i.style.height = 0 + "px"; } }); }); buttons.forEach(function (button, index) { button.addEventListener("click", function () { mySwiper.slideTo(index); }); }); } }, serviceSwiper: function () { var serviceSwiper = new Swiper(".serviceSwiper", { slidesPerView: "auto", // init: false, navigation: { nextEl: ".serviceSwiper-button-next", prevEl: ".serviceSwiper-button-prev", }, }); $('.category-bg-click').each(function () { var hrefContent = $(this).attr("href") if (hrefContent == "") { $(this).attr("href", "javascript:void(0)") $(this).addClass('no-click') } }) }, seriesPopup: function () { const productListFixBtn = main.querySelectorAll(".product-list-fix-btn"); const productlistfix = main.querySelector("#porductPopUp"); const fixContainer = productlistfix.querySelector(".fix-container"); const fixContainerPop = main.querySelectorAll(".fix-container"); const fixContent = productlistfix.querySelectorAll( ".productlist-fix-content" ); const fixLeft = fixContainer.querySelector(".productlist-fix-left"); const fixModelDiv = fixContainer.querySelector(".fix-model"); const leftScrollBar = fixContainer.querySelector(".left-scrollbar"); const style = window.getComputedStyle(fixModelDiv); const fixStyle = window.getComputedStyle(fixLeft); const fixLeftContent = fixContainer.querySelector(".fix-model-content-top").clientHeight; const fixModelContentMain = fixContainer.querySelector(".fix-model-content-main").clientHeight; const modelFlexH = fixContainer.querySelector(".fix-model-content-product-flex"); // modelFlexH.style.height = fixModelContentMain - fixLeftContent + 'px'; function popFixScroll(count, time, eve) { let contentOffsetTop = productlistfix.querySelector( "#productlistFix" + count + "" ).offsetTop; if (count == 1) { if (isMobPop) { $("#porductPopUp .fix-container .fix-model-content-right").animate( { scrollTop: contentOffsetTop - headerHeight, }, time ); } else { $("#category-container .productPopUp .fix-container").animate( { scrollTop: contentOffsetTop - fixLeftContent, }, time, ); } } else { if (isMobPop) { $("#porductPopUp .fix-container .fix-model-content-right").animate( { scrollTop: contentOffsetTop - 20, }, time ); } else { $("#category-container .productPopUp .fix-container").animate( { scrollTop: contentOffsetTop + fixLeftContent, }, time ); } } } let clickactive = false; function productNavMove (index) { let productActive = index; $(".product-list-fix-btn") .eq(productActive) .addClass("active") .siblings() .removeClass("active"); let contentWidth = fixLeft.scrollWidth; let screenCenter = fixLeft.clientWidth / 2; let marginLeft = isMobPop ? 20 : 0; let popButtonWidth = $(".popUp-close-btn")[0].clientWidth let isScroll = contentWidth + popButtonWidth > fixLeft.clientWidth; let left = productListFixBtn[productActive].offsetLeft; let btnWidth = productListFixBtn[productActive].clientWidth; let NavWidth = $('#category-container .productPopUp .productlist-fix-left .fix-left-content')[0].clientWidth; let isNavScroll = (NavWidth + 24) > fixLeft.clientWidth; gsap.to(leftScrollBar, { x: left, width: btnWidth, duration: 0, ease: "power2.out", }); if (isNavScroll) { $('#category-container .productPopUp .popUp-close-btn-shadow.right').addClass("active") let btnShadowWidth = $('#category-container .productPopUp .popUp-close-btn-shadow.right')[0].clientWidth if (isMobPop) { } else { $('#category-container .productPopUp .productlist-fix-left .fix-left-content').css("padding-right", btnShadowWidth) } let tabnavCenter = left + btnWidth / 2; let scrollLeft = tabnavCenter > screenCenter ? tabnavCenter - screenCenter + marginLeft : 0; gsap.to(fixLeft, { scrollLeft: scrollLeft, duration: 0, ease: "power2.out", }); if (tabnavCenter > screenCenter) { $('#category-container .productPopUp .popUp-close-btn-shadow.left').addClass("active") } else { $('#category-container .productPopUp .popUp-close-btn-shadow.left').removeClass("active") } } } $("#category-container .productPopUp .fix-container").scroll(function (e) { var fixModelDivTop = document.querySelector('#category-container .productPopUp .fix-container .fix-model').getBoundingClientRect().top var scrollTop = $(this).scrollTop(); var borderRadius = 20 / 60 * (60 - scrollTop) + 'px' if (scrollTop < 60) { $('#category-container .productPopUp .fix-model-content-top').css({ 'border-top-left-radius': borderRadius, 'border-top-right-radius': borderRadius }) } if (60 <= scrollTop) { $('#category-container .productPopUp .fix-model-content-top').css({ 'border-top-left-radius': "0px", 'border-top-right-radius': "0px" }) } }) if (isMobPop) { leftScrollBar.style.width = productListFixBtn[0].clientWidth + "px"; } const seriesPopupBtn = main.querySelectorAll(".series-popup-btn"); seriesPopupBtn.forEach(function (item, index) { item.addEventListener("click", function (event) { productlistfix.classList.add("active"); html.classList.add("html-model-active"); let arrive = item.getAttribute("data-arrive"); popFixScroll(arrive, 0); productNavMove(arrive-1); clickactive = true; setTimeout(function (param) { clickactive = false; },50) }); }); productNavMove(0); productListFixBtn.forEach(function (item) { item.addEventListener("click", function (event) { item.parentNode.classList.add('no-active'); let btnArrive = item.getAttribute("data-arrive"); popFixScroll(btnArrive,isMobPop?300:500); productNavMove(btnArrive-1); clickactive = true; setTimeout(function (param) { clickactive = false; item.parentNode.classList.remove('no-active'); },510) }); }); fixContainerPop.forEach(function (item) { item.addEventListener('click', function (e) { let target = e.target; if (target.classList.contains("model-close")) { let activenow = main.querySelector('.normalPopUp.active'); activenow.classList.remove( "active" ); activenow.scrollTop = 0; html.classList.remove("html-model-active"); } }) }) // fixContainer.addEventListener('click',function(e){ // let target = e.target; // if(target.classList.contains("model-close")){ // let activenow = main.querySelector('.normalPopUp.active'); // activenow.classList.remove( // "active" // ); // activenow.scrollTop = 0; // html.classList.remove("html-model-active"); // } // }) let productActive = ''; function onScroll() { let groupRefs = main.querySelectorAll('.productlist-fix-content'); const halfViewportHeight = window.innerHeight / 2; if (clickactive) return; groupRefs.forEach((element, index) => { const rect = element.getBoundingClientRect(); if (rect.top <= halfViewportHeight && rect.bottom >= halfViewportHeight) { productNavMove(index); } }); }; const popUpCloseBtn = main.querySelectorAll(".popUp-close-btn"); popUpCloseBtn.forEach(function (item, index) { item.addEventListener("click", function (event) { let activenow = main.querySelector('.normalPopUp.active'); activenow.classList.remove( "active" ); activenow.scrollTop = 0; html.classList.remove("html-model-active"); }); }); let productAllScroll = main.querySelector('.productPopUp .fix-container'); if(isMobPop){ productAllScroll = main.querySelector('.productPopUp .fix-model-content-right'); } productAllScroll.addEventListener('scroll',function(){ onScroll(); }) }, titleHeightEach: function () { const productContent = main.querySelectorAll(".card-list"); if (window.innerWidth < 1441) { productContent.forEach(function (item, index) { let carditem2_1 = item.querySelector('.card-item2-1'); if (carditem2_1) { carditem2_1.classList.add('card-item1'); } }) } U.pageHeightCurrect(true, productContent, ".card-item2 .product-name"); U.pageHeightCurrect(true, productContent, ".card-item2 .product-price"); U.pageHeightCurrect(true, productContent, ".card-item1 .product-name"); U.pageHeightCurrect(true, productContent, ".card-item1 .product-price"); U.pageHeightCurrect(true, productContent, ".card-item1 .special-page"); U.pageHeightCurrect(true, productContent, ".card-item1 .product-stages"); const sectionCampare = main.querySelector(".section-compare"); const campareSlide = sectionCampare.querySelectorAll(".compare-item"); let comsize = campareSlide.length; U.pageHeightCurrect(false, sectionCampare, ".item-title", comsize); U.pageHeightCurrect(false, sectionCampare, ".item-price", comsize); U.pageHeightCurrect(false, sectionCampare, ".product-stages", comsize); U.pageHeightCurrect(false, sectionCampare, ".special-page", comsize); U.pageHeightCurrect(false, sectionCampare, ".product-btn-type1", comsize); U.pageHeightCurrect(false, sectionCampare, ".product-btn-type2", comsize); // const serviceSwiper = main.querySelector(".serviceSwiper"); // let seviceSize = serviceSwiper.querySelectorAll(".serviceSlide").length; // U.pageHeightCurrect(false, serviceSwiper, ".sevice-title", seviceSize); // U.pageHeightCurrect(false, serviceSwiper, ".sevice-word", seviceSize); const porductPopUp = main.querySelector("#porductPopUp"); const productlistFixContent = porductPopUp.querySelectorAll( ".productlist-fix-content" ); let popsize = 3; if (window.innerWidth <= 767.98) { popsize = 2; } if (windowWidth > 767.9) { U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-three .product-name", popsize ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-three .product-price", popsize ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-three .special-page", popsize ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-three .product-stages", popsize ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-two .product-name", 2 ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-two .product-price", 2 ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-two .special-page", 2 ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-two .product-stages", 2 ); } const collocation = main.querySelector(".section-collocation"); if (window.innerWidth > 1079.98) { U.pageHeightCurrect( false, collocation, ".collocation-item .item-title", 2 ); U.pageHeightCurrect( false, collocation, ".collocation-item .item-page", 2 ); } if(windowWidth>767.9){ const reasonPop = main.querySelectorAll(".reasonPopUp"); U.pageHeightCurrect( true, reasonPop, ".reason-two-content .reason-title-page", 2 ); U.pageHeightCurrect( true, reasonPop, ".reason-two-content .reason-content-title .h4", 2 ); } }, compareHeightCurrent: function () { var stickyHeight = $('.compareSwiper .swiper-wrapper').height() var stickyImgHeight = $('.compareSwiper .item-image').eq(0).height() var num = stickyHeight - stickyImgHeight $('#category-container .section-compare.active .compare-button').css("height", num + 'px') function handleEqualheight(element) { var heightArray = []; heightArray = element.toArray() || []; var maxHeight = $(heightArray[0]).height(); for (var i = 0; i < heightArray.length - 1; i++) maxHeight = maxHeight < $(heightArray[i + 1]).height() ? $(heightArray[i + 1]).height() : maxHeight; element.height(parseInt(maxHeight)); } $(".compare-item-list").each(function () { $(this) .find(".card-page") .each(function (index) { if ($(this)) $(this).attr("data-height-under", index + 1); }); $(this) .find(".card-top-page") .each(function (index) { if ($(this)) $(this).attr("data-height-under", index + 1); }); }); // $(document).ready(function () { $(".section-compare").each(function (num, element) { $(".compare-item-list .card-page").each(function (index) { var titleNum = Number(index + 1); handleEqualheight( $(element).find("[data-height-under\x3d'" + titleNum + "']") ); }); $(".compare-item-list .card-top-page").each(function (index) { var titleNum = Number(index + 1); handleEqualheight( $(element).find("[data-height-under\x3d'" + titleNum + "']") ); }); }); let compareSection = main.querySelector('.section-compare'); let compareSectionMain = compareSection.querySelector('.compareSwiper'); let cardTopLine = compareSectionMain.querySelectorAll('.card-top-image-line') if(cardTopLine){ cardTopLine.forEach(function (item) { let parentH = item.parentNode.clientHeight; let transy = (parentH - item.clientHeight)/2+'px'; item.style.setProperty('transform','translateY('+transy+')') }) } // }); }, mobCardSwiper: function () { let sectionProductlist = main.querySelectorAll('.section-productlist'); if (isCardpad) { sectionProductlist.forEach(function (item) { let cardButtonPrev = item.querySelector('.swiper-button-prev'); let cardButtonNext = item.querySelector('.swiper-button-next'); let cardListSwiper = item.querySelector('.cardSwiper'); let cardSwiper = new Swiper(cardListSwiper, { slidesPerView: "auto", init: false, navigation: { nextEl: cardButtonNext, prevEl: cardButtonPrev, }, }); let slideCount = cardListSwiper.querySelectorAll('.swiper-slide'); var cardSwiperPadding = '' if (isMobPop) { var cardSwiperPadding = 32 } else if (isCardmob) { var cardSwiperPadding = 80 } else { var cardSwiperPadding = 160 } if (slideCount.length > 1) { let slideWidth = slideCount[0].clientWidth; let allSlideWidth = slideWidth * slideCount.length + (isCardmob ? 8 : 16) * (slideCount.length - 1); if (allSlideWidth - 1 > windowWidth - cardSwiperPadding) { cardSwiper.init(); item.classList.add('active'); } } }) } }, priceRemarks: function () { (function () { function getWinHeight() { return Mkt.Util.windowHeight() } function throttle(fn, _delay) { if (typeof fn !== "function") return; var ctx; var args; var delay = _delay || 100; var previous = Date.now(); var later = function () { fn.apply(ctx, args) }; return function () { ctx = this; args = arguments; var now = Date.now() , diff = now - previous - delay; if (diff >= 0) { previous = now; setTimeout(later, delay) } } } function getIconPosBaseViewport($el) { var offset = $el.get(0).getBoundingClientRect(); return { x: offset.x || offset.left, y: offset.y || offset.top, up: Math.floor(offset.top), down: Math.floor(getWinHeight() - offset.bottom) } } function getIconPosBasePage($el) { var offset = $el.offset(); var width = $el.outerWidth(); var height = $el.outerHeight(); return { width: width, height: height, left: Math.floor(offset.left), top: Math.floor(offset.top), right: Math.floor($(document).width() - width - offset.left), bottom: Math.floor($(document).height() - height - offset.top) } } function isGteTwoRows($wrapper) { var twoRowHeight = 72; return $wrapper.outerHeight() >= twoRowHeight } function renderTooltip() { var isRendered = $(".rrp-tooltips").length > 0; if (isRendered || !window.rrpTips) return; var htmlTemplateStr = '\x3csection class\x3d"rrp-tooltips"\x3e' + '\x3cdiv class\x3d"rrp-tooltips-wrapper"\x3e' + '\x3cdiv class\x3d"rrp-tooltips-container"\x3e' + '\x3cdiv class\x3d"rrp-tooltips-content"\x3e' + window.rrpTips + "\x3c/div\x3e" + "\x3c/div\x3e" + "\x3c/div\x3e" + '\x3cdiv class\x3d"triangle"\x3e\x3c/div\x3e' + "\x3c/section\x3e"; $(document.body).append(htmlTemplateStr) } function handleTooltip($toolTips) { var $this = $(this); var $tipsTextWrapper = $toolTips.find(".rrp-tooltips-container"); var $tipsTextBox = $toolTips.find(".rrp-tooltips-content"); var $triangle = $toolTips.find(".triangle"); var coordinate = getIconPosBaseViewport($this); var iconPos = getIconPosBasePage($this); if (isGteTwoRows($toolTips)) $tipsTextWrapper.css("width", "100vw"); else $tipsTextWrapper.css("width", "auto"); var halfToolTipsWidth = $toolTips.outerWidth(true) / 2; var toolTipsHeight = $toolTips.outerHeight(true); var isFitInTop = iconPos.top > toolTipsHeight && coordinate.up > toolTipsHeight; var isFitInBottom = iconPos.bottom > toolTipsHeight && coordinate.down > toolTipsHeight; var isFitInLeft = iconPos.left > halfToolTipsWidth; var isFitInRight = iconPos.right > halfToolTipsWidth; var dir = "downwards"; var xAxisOffset = 0; if (isFitInTop) $toolTips.removeClass("upwards").addClass("active downwards"); else if (isFitInBottom) { $toolTips.removeClass("downwards").addClass("active upwards"); dir = "upwards" } else $toolTips.removeClass("downwards").addClass("active upwards"); if (!isFitInLeft) xAxisOffset = Math.ceil(halfToolTipsWidth - iconPos.left); else if (!isFitInRight) xAxisOffset = Math.ceil(iconPos.right - halfToolTipsWidth); $toolTips.css({ "left": coordinate.x + iconPos.width / 2 + xAxisOffset, "top": coordinate.y }); xAxisOffset ? $triangle.css("transform", "translate3d(50%," + (dir === "upwards" ? -100 : 100) + "%,0) " + "translateX(" + -xAxisOffset + "px)") : $triangle.css("transform", "translate3d(50%," + (dir === "upwards" ? -100 : 100) + "%,0)") } function resetTimerForCloseTooltip($toolTips) { if (tipsTimer) window.clearTimeout(tipsTimer); tipsTimer = window.setTimeout(function () { $toolTips.removeClass("active"); $toolTips.data("curTooltipsIcon", null); tipsTimer = null }, 500) } function closeTips() { if (tipsTimer) window.clearTimeout(tipsTimer); var iconCached = $toolTips.data("curTooltipsIcon"); if (iconCached) $toolTips.data("curTooltipsIcon", null); $toolTips.removeClass("active") } renderTooltip(); var tipsTimer = null; var $toolTips = $(".rrp-tooltips"); if (window.rrpTips !== "") { var handler = throttle(closeTips, 100); var hasTouchEvent = "ontouchstart" in document.documentElement; var listenerEventTypes = hasTouchEvent ? "click" : "mouseenter mouseleave"; $(document).on(listenerEventTypes, ".price-remarks,.rrp-tooltips", function (ev) { var type = ev.type; var $target = $(ev.target); var isTriggerOnIcon = $target.is(".price-remarks"); var iconCached = $toolTips.data("curTooltipsIcon"); if (type === "mouseleave") resetTimerForCloseTooltip.call(null, $toolTips); else { if (tipsTimer) window.clearTimeout(tipsTimer); if (isTriggerOnIcon && iconCached !== ev.target) $toolTips.data("curTooltipsIcon", ev.target); var _iconCached = $toolTips.data("curTooltipsIcon"); handleTooltip.call(_iconCached, $toolTips) } }); $(window).on("scroll.tips resize.tips", handler); $(document).on("click touchstart", function (ev) { var toolTips = $toolTips.get(0); if (toolTips) { var $target = $(ev.target); var isTriggerOnIcon = $target.is(".price-remarks"); var isTriggerInTextBox = $.contains($toolTips.get(0), ev.target); if (!(isTriggerOnIcon || isTriggerInTextBox)) closeTips() } }) } } )(); }, }; document.addEventListener("DOMContentLoaded", function () { Helper.init(); Page.init(); }); window.addEventListener("orientationchange", function () { !html.classList.contains("fancybox-lock") && window.location.reload(); }); window.addEventListener("scroll",function(){ let mainNav = document.querySelector('.v4.header.nav-v2'); nav2Height = mainNav?mainNav.clientHeight-1:56; headerHeight = nav2Height; $("#category-container .productlist-content .productlist-nav-sticky").css("top", "0") }) // wx // if (Browser.isWeChat) { // $.getScript("//res.wx.qq.com/open/js/jweixin-1.2.0.js", function (response, status) { // if (status == 'success') { // $.getScript("//consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/store/js/cbgwechatv1.js", function (r, s) { // if (s == 'success') { // var wxShare = setInterval(function () { // if (typeof (WechatShare) != "undefined") { // WechatShare({ // url: window.location.href, // img: 'https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/plp/phones-new/images/wx-share.jpg', // title: $(document).attr('title'), // descript: document.querySelector('meta[name=\"description\"]').getAttribute('content') // }, function () { // alert('谢谢分享！'); // }); // clearInterval(wxShare) // } // }, 150) // } // }); // } // }); // } })(); </script> </div> <div> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="iparsys parsys"></div> </div> </div></div> <div class="v4 n09-footer"> <div class="footer__scroll-top hidden"> <button class="footer__scroll-button js-scroll-top" type="button"> <span class="sr-only">Scroll to top</span> </button> </div> </div> </main> <div class="v4 iparsys-from-home-v4"> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="iparsys-from-home-v4 iparsys parsys"></div> </div> </div>  <footer class="v4 n09-footer footer " data-component="n09-footer"> <div class="container"> <div class="policy-text">*Accessibility of some features may vary across regions. Product pictures, videos and display contents on the foregoing pages are provided for reference only. Actual product features and specifications (including but not limited to appearance, colour, and size), as well as actual display contents (including but not limited to backgrounds, UI, icons and videos) may vary. <br /><br /> **All data in the foregoing pages are theoretical values obtained by HUAWEI internal laboratories through tests carried out under particular conditions. For more information, refer to the aforementioned product details. Actual data may vary owing to differences in individual products, software versions, application conditions, and environmental factors. All data is subject to actual usage. <br /><br /> ***Due to real-time changes involving product batches, production and supply factors, in order to provide accurate product information, specifications, and features, HUAWEI may make real-time adjustments to text descriptions and images in the foregoing information pages, so that they match the product performance, specifications, indexes, and components of the actual product. Product information is subject to such changes and adjustments without notice. <br /><br /> ****Product size, product weight, and related specifications are theoretical values only. Actual measurements between individual products may vary. All specifications are subject to the actual product. <br /><br /> *****Product battery capacity is typical value. The actual battery capacity for each individual product may be slightly above or below the nominal battery capacity. <br /><br /> ******Accessories may need to be purchased separately.</div> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://consumer.huawei.com/en/"},{"@type":"ListItem","position":2,"name":"Smartphone","item":"https://consumer.huawei.com/en/phones/"}]} </script> <div class="breadcrumbs"> <ul class="breadcrumbs__list"> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" title="Home" href="/en/">Home</a> </li> <li class="breadcrumbs__item"> <span class="breadcrumbs__link">Smartphone</span> </li> </ul> </div> <div class="usp-wrap"> </div> <div class="footer-links"> <div class="row"> <div class="col-xl-2 col-lg-4"> <div class="footer-links__block"> <div role="menuitem" aria-expanded="false" aria-haspopup="true" class="heading footer-links__title heading-06 js-footer-accordion-btn">PRODUCTS</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="Smartphone" data-title="Smartphone" class="footer-links__link " href="/en/phones/"> Smartphone </a> </li> <li class="footer-links__item"> <a title="Wearable" data-title="Wearable" class="footer-links__link " href="/en/wearables/"> Wearable </a> </li> <li class="footer-links__item"> <a title="PC" data-title="PC" class="footer-links__link " href="/en/laptops/"> PC </a> </li> <li class="footer-links__item"> <a title="Tablet" data-title="Tablet" class="footer-links__link " href="/en/tablets/"> Tablet </a> </li> <li class="footer-links__item"> <a title="Audio" data-title="Audio" class="footer-links__link " href="/en/audio/"> Audio </a> </li> <li class="footer-links__item"> <a title="Router" data-title="Router" class="footer-links__link " href="/en/routers/"> Router </a> </li> <li class="footer-links__item"> <a title="Accessories" data-title="Accessories" class="footer-links__link " href="/en/accessories/overview/"> Accessories </a> </li> <li class="footer-links__item"> <a title="HarmonyOS 4" data-title="HarmonyOS 4" class="footer-links__link " href="/en/harmonyos-4/"> HarmonyOS 4 </a> </li> <li class="footer-links__item"> <a title="EMUI" data-title="EMUI" class="footer-links__link " href="/en/emui/"> EMUI </a> </li> <li class="footer-links__item"> <a title="Celia" data-title="Celia" class="footer-links__link " href="/en/emui/celia/"> Celia </a> </li> <li class="footer-links__item"> <a title="Business" data-title="Business" class="footer-links__link " href="/en/business/"> Business </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-4"> <div class="footer-links__block"> <div role="menuitem" aria-expanded="false" aria-haspopup="true" class="heading footer-links__title heading-06 js-footer-accordion-btn">MOBILE SERVICES</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="AppGallery" data-title="AppGallery" class="footer-links__link " href="/en/mobileservices/appgallery/"> AppGallery </a> </li> <li class="footer-links__item"> <a title="HUAWEI ID" data-title="HUAWEI ID" class="footer-links__link " href="/en/mobileservices/id/"> HUAWEI ID </a> </li> <li class="footer-links__item"> <a title="HUAWEI Mobile Cloud" data-title="HUAWEI Mobile Cloud" class="footer-links__link " href="/en/mobileservices/mobilecloud/"> HUAWEI Mobile Cloud </a> </li> <li class="footer-links__item"> <a title="HUAWEI Wallet" data-title="HUAWEI Wallet" class="footer-links__link " href="/en/mobileservices/wallet/"> HUAWEI Wallet </a> </li> <li class="footer-links__item"> <a title="HUAWEI Music" data-title="HUAWEI Music" class="footer-links__link " href="/en/mobileservices/music/"> HUAWEI Music </a> </li> <li class="footer-links__item"> <a title="HUAWEI Video" data-title="HUAWEI Video" class="footer-links__link " href="/en/mobileservices/video/"> HUAWEI Video </a> </li> <li class="footer-links__item"> <a title="HUAWEI Themes" data-title="HUAWEI Themes" class="footer-links__link " href="/en/mobileservices/themes/"> HUAWEI Themes </a> </li> <li class="footer-links__item"> <a title="HUAWEI Browser" data-title="HUAWEI Browser" class="footer-links__link " href="/en/mobileservices/browser/"> HUAWEI Browser </a> </li> <li class="footer-links__item"> <a title="HUAWEI Assistant TODAY" data-title="HUAWEI Assistant TODAY" class="footer-links__link " href="/en/mobileservices/assistant/"> HUAWEI Assistant TODAY </a> </li> <li class="footer-links__item"> <a title="Petal Maps" data-title="Petal Maps" class="footer-links__link " href="/en/mobileservices/petalmaps/"> Petal Maps </a> </li> <li class="footer-links__item"> <a title="HUAWEI Books" data-title="HUAWEI Books" class="footer-links__link " href="/en/mobileservices/books/"> HUAWEI Books </a> </li> <li class="footer-links__item"> <a title="HUAWEI Member Center" data-title="HUAWEI Member Center" class="footer-links__link " href="/en/mobileservices/member-center/"> HUAWEI Member Center </a> </li> <li class="footer-links__item"> <a title="HUAWEI Health" data-title="HUAWEI Health" class="footer-links__link " href="/en/mobileservices/health/"> HUAWEI Health </a> </li> <li class="footer-links__item"> <a title="HUAWEI AI Life" data-title="HUAWEI AI Life" class="footer-links__link " href="/en/mobileservices/ai-life/"> HUAWEI AI Life </a> </li> <li class="footer-links__item"> <a title="MeeTime" data-title="MeeTime" class="footer-links__link " href="/en/mobileservices/meetime/"> MeeTime </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-4"> <div class="footer-links__block"> <div role="menuitem" aria-expanded="false" aria-haspopup="true" class="heading footer-links__title heading-06 js-footer-accordion-btn">SUPPORT</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="Find Service Center" data-title="Find Service Center" class="footer-links__link " href="/en/support/service-center/"> Find Service Center </a> </li> <li class="footer-links__item"> <a title="Product Environmental Information" data-title="Product Environmental Information" class="footer-links__link " href="/en/support/product-environmental-information/"> Product Environmental Information </a> </li> <li class="footer-links__item"> <a title="Call Us" data-title="Call Us" class="footer-links__link " href="/en/support/hotline/"> Call Us </a> </li> <li class="footer-links__item"> <a title="HiSuite" data-title="HiSuite" class="footer-links__link " href="/en/support/hisuite/"> HiSuite </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-4"> <div class="footer-links__block"> <div role="menuitem" aria-expanded="false" aria-haspopup="true" class="heading footer-links__title heading-06 js-footer-accordion-btn">ABOUT HUAWEI</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="About Us" data-title="About Us" class="footer-links__link " href="/en/about-us/"> About Us </a> </li> <li class="footer-links__item"> <a title="Events" data-title="Events" class="footer-links__link " href="/en/press/events/"> Events </a> </li> <li class="footer-links__item"> <a title="Sustainability" data-title="Sustainability" class="footer-links__link " href="/en/sustainability/"> Sustainability </a> </li> <li class="footer-links__item"> <a title="Privacy" data-title="Privacy" class="footer-links__link " href="/en/privacy/"> Privacy </a> </li> <li class="footer-links__item"> <a title="Contact Us" data-title="Contact Us" class="footer-links__link " href="/en/support/contact-us/"> Contact Us </a> </li> <li class="footer-links__item"> <a title="Corporate" data-title="Corporate" class="footer-links__link " href="https://www.huawei.com/en/" target="_blank" rel="noopener noreferrer"> Corporate </a> </li> <li class="footer-links__item"> <a title="Enterprise" data-title="Enterprise" class="footer-links__link " href="https://e.huawei.com/en/?ic_medium=hwdc&ic_source=cbg_header_ent" target="_blank" rel="noopener noreferrer"> Enterprise </a> </li> <li class="footer-links__item"> <a title="Carrier" data-title="Carrier" class="footer-links__link " href="https://carrier.huawei.com/en/?ic_medium=hwdc&ic_source=cbg_header_car" target="_blank" rel="noopener noreferrer"> Carrier </a> </li> <li class="footer-links__item"> <a title="Join Us" data-title="Join Us" class="footer-links__link " href="https://career.huawei.com/reccampportal/campus4_index.html#campus4/content.html" target="_blank" rel="noopener noreferrer"> Join Us </a> </li> </ul> </div> </div> </div> </div> <div class="contact"> <div class="row"> <div class="contact__block col-xl-4 col-md-6"> <div class="heading contact__title heading-06">Connect With Us</div> <ul class="contact__social-links lazyload-target"> <li class="contact__social-item"> <a title="facebook" class="contact__social-link" data-social="facebook" href="https://www.facebook.com/huaweimobile" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-facebook"> <span class="sr-only"></span> </span> </a> </li> <li class="contact__social-item"> <a title="twitter" class="contact__social-link" data-social="twitter" href="https://twitter.com/huaweimobile" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-twitter"> <span class="sr-only"></span> </span> </a> </li> <li class="contact__social-item"> <a title="instagram" class="contact__social-link" data-social="instagram" href="https://www.instagram.com/huaweimobile" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-instagram"> <span class="sr-only"></span> </span> </a> </li> <li class="contact__social-item"> <a title="youtube" class="contact__social-link" data-social="youtube" href="https://www.youtube.com/c/huaweimobile" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-youtube"> <span class="sr-only"></span> </span> </a> </li> <li class="contact__social-item"> <a title="linkedin" class="contact__social-link" data-social="linkedin" href="https://www.linkedin.com/company/huawei-consumer-business-group/" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-linkedin"> <span class="sr-only"></span> </span> </a> </li> </ul> </div> </div> </div> <div class="footer-legals"> <div class="row"> <div class="copyright col-xl-4 col-md-8"> <small class="copyright__text">Copyright © 1998-2025 Huawei Device Co., Ltd. All rights reserved.</small> </div> <div class="bottom-links col-xl-5"> <ul class="bottom-links__list"> <li class="bottom-links__item"> <a title="Site Map" class="bottom-links__link" href="/en/sitemap/"> Site Map </a> </li> <li class="bottom-links__item"> <a title="Terms Of Use" class="bottom-links__link" href="/en/legal/terms-of-use/"> Terms Of Use </a> </li> <li class="bottom-links__item"> <a title="Privacy Statement" class="bottom-links__link" href="/en/privacy/privacy-policy/"> Privacy Statement </a> </li> <li class="bottom-links__item"> <a title="Cookies" class="bottom-links__link" href="/en/legal/cookie-policy/"> Cookies </a> </li> <li class="bottom-links__item"> <a title="Legal" class="bottom-links__link" href="/en/legal/"> Legal </a> </li> </ul> </div> <div class="language-switcher col-xl-3 col-md-4 "> <a title="Global - English" class="language-switcher__link" href="/en/worldwide/">Global - English</a> <a href="/en/worldwide/" title="globe"> <span class="icon font-ico-globe"></span> </a> </div> <input type="hidden" id="is_editor" data-is-editor-mode="false" value="false"/> </div> </div> </div> </footer> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/external-link.min.f78436bce58ae2318c0e47f8ddc41c2b.css" type="text/css">  <div class="disclaimer-popup-component"> <div class="disclaimer-popup-content"> <div class="close-svg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="12"/> <g transform="translate(2.101 12) rotate(-45)"> <rect width="14" height="2" rx="1" transform="translate(0 6)" fill="#fff"/> <rect width="14" height="2" rx="1" transform="translate(6 14) rotate(-90)" fill="#fff"/> </g> </svg> </div> <div class="disclaimer-popup-content-box"> <div class="disclaimer-popup-top"> <div class="disclaimer-popup-title">Leaving consumer.huawei.com</div> <div class="disclaimer-popup-description">After clicking the link, you will enter a third-party website. Huawei is not responsible and has no control over this third party website.</div> <div class="disclaimer-popup-link"></div> </div> <div class="disclaimer-popup-bottom"> <div class="disclaimer-popup-bottom-box"> <span class="btn disclaimer-popup-cancel-btn">Return</span> <span class="btn disclaimer-popup-continue-btn">Continue</span> </div> </div> </div> </div> </div> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/external-link.min.6e114069e37270642a25d77d159f795e.js" defer></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/incompressible-libs.min.6c1b777f40628af86c70677b4da4b215.js"></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/base-built.min.20783f3daa4b6b70683c2ad8ebf97160.js"></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/common-v4.min.c547f58d5dde4968683937f37c74b1e0.js"></script> <input type="hidden" id="hide-spu-questionnaire" value="0"/> </body> </html>

CINXE.COM

HUAWEI Phones - HUAWEI Global