CINXE.COM
HUAWEI Phones - HUAWEI México
<!DOCTYPE html> <html xml:lang="es-MX" lang="es-MX" 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="Explora las últimas tecnologías en teléfonos inteligentes con HUAWEI y echa un vistazo a las series HUAWEI Pura, HUAWEI Mate y HUAWEI nova."/> <meta name="keywords" content="Teléfono Huawei,celular Huawei,teléfonos Huawei,teléfono nuevo Huawei,último teléfono Huawei 2024,teléfono inteligente Huawei,precio del teléfono Huawei"/> <meta name="GENERATOR" content=" 8.00.7601.19003"/> <meta name="robots" content="index,follow"/> <meta name="title" content="HUAWEI Phones - HUAWEI México"/> <title>HUAWEI Phones - HUAWEI México</title> <link rel="canonical" href="https://consumer.huawei.com/mx/phones/"/> <link rel="preload" href="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/hero/huawei-mate-x6-mob.jpeg" as="image" type="image/jpeg" media="(max-width: 767.98px)"/> <link rel="preload" href="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/hero/huawei-mate-x6-pad.jpeg" as="image" type="image/jpeg" media="(max-width: 1079.98px)"/> <link rel="preload" href="/content/dam/huawei-cbg-site/common/mkt/plp-x/phones/winter-2024-new-product-launch/phones-new/images/hero/huawei-mate-x6-pc.jpeg" as="image" type="image/jpeg"/> <script type="application/ld+json">{"@context":"http://schema.org","@id":"https://consumer.huawei.com/mx/#organization","@type":"Organization","name":"HUAWEI","url":"https://consumer.huawei.com/mx/","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/mx/support/#organization","@type":"Organization","name":"HUAWEI Support","url":"https://consumer.huawei.com/mx/support/"},{"@id":"https://consumer.huawei.com/mx/#organization","@type":"Organization","name":"HUAWEI Shop","url":"https://consumer.huawei.com/mx/"}],"contactPoint":{"@type":"ContactPoint","contactType":"support","areaServed":"MX","availableLanguage":["MX","mx"]},"sameAs":["https://en.wikipedia.org/wiki/Huawei","https://www.facebook.com/HuaweimobileMX/","https://twitter.com/HuaweiMobileMx","https://www.youtube.com/user/HuaweiDeviceMx","https://www.instagram.com/huaweimobilemx/"]}</script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"ItemList","url":"https://consumer.huawei.com/mx/phones/","name":"Phones","description":"Explora las últimas tecnologías en teléfonos inteligentes con HUAWEI y echa un vistazo a las series HUAWEI Pura, HUAWEI Mate y HUAWEI nova.","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.6d58c798ea7f9a362b907d2e021c988c.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":"A540697","siteCode":"mx","staticResHost":"//consumer-res.huawei.com","isProd":false,"serviceGatewayPath":"https://sgw-sg.c.huawei.com/forward","gaiaPath":"//r.huaweistatic.com","ccpcApiKey":"MY","siteName":"Mexico (MX)","siteCodeForAPI":"mx","language":"es_mx","pageName":"cbg:mx:phones","uri":"/mx/phones/","site":"cbg","countryCode":"MX","siteCode2":"mx","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; </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\u002Dsg.c.huawei.com"; supportv2["captchaServiceDomain"] = "csc\u002Dadapter\u002Ddra.security.dbankcloud.com"; supportv2["apiBaseUrl"] = "https:\/\/ccpce\u002Dsg.consumer.huawei.com\/ccpcmd\/services\/dispatch\/secured\/CCPC\/EN"; supportv2["captchaUrl"] = "contentcenter\u002Ddra.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:\x22Tabletas\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:\x22Dispositivos wearable\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:\x22Portátiles\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:\x22Hogar inteligente\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:\x22Accesorios\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:\x22Monitores\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:\x22Escritorios\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:\x22Oficina inteligente\x22}]"; supportv2["myDeviceI18nValue"] = "Mi dispositivo"; 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"] = "https:\/\/api\u002Dsg.c.huawei.com\/cuepf"; loginApiUrl["huaweitimeApiUrl"] = ""; var mktConfig={}; mktConfig["websiteFunctionApi"] = "https:\/\/consumer\u002Dapi\u002Dsg.huawei.com\/cuepf"; mktConfig["uumApi"] = "https:\/\/itrinity\u002Dsg.c.huawei.com\/users"; mktConfig["sgwApi"] = (window.digitalData && window.digitalData.page.pageInfo.serviceGatewayPath) ? window.digitalData.page.pageInfo.serviceGatewayPath : ""; </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/latam/common/launch/2024/1212/plp/phones-new/images/wx-share.jpg"/> <input type="hidden" id="underageTips"/> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/public-v4.min.f56ff4765acf831d343f24157e907a4e.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 = "Self\u002DeCommerce"; isECommerceSite = isECommerceSite ? isECommerceSite : "None"; var apiHost = "https:\/\/itrinity\u002Dsg.c.huawei.com\/eCommerce\/"; var loginApiHost = "https:\/\/itrinity\u002Dsg.c.huawei.com\/users\/"; var upPersonalCenterLink = "https:\/\/id5.cloud.huawei.com\/CAS\/portal\/userRegister\/regbyphone.html?loginChannel=27000000\x26reqClientType=27\x26lang=mx\u002DMX\x26service=https:\/\/itrinity\u002Dsg\u002Duat.c.huawei.com\/users\/v1\/login\/casLogin?callback=https:\/\/consumer.huawei.com\/\x26loginUrl=\/CAS\/mobile\/standard\/register\/wapRegister.html"; var loginLink = "\/content\/huawei\u002Dcbg\u002Dsite\/mx\/shop\/sign\u002Din"; // 价格货币展示:货币代码 var ecCurrencyCode = "MXN"; // 价格货币展示:货币符号位置处理 var putCurrencyFront = "true" !== '' ? JSON.parse("true") : true; // 价格货币展示:from显示与否 var showFrom = Boolean(true); // 价格货币展示:from文本位置 var putFromFront = Boolean(true); // 价格货币展示:千位分隔符 var thousandSeparator = ","; // 价格货币展示:小数点 var decimalPoint = "."; // 价格货币展示:是否显示小数 var showDecimal = Boolean(false); var showIntegerDecimal = Boolean(false); // 价格货币展示:是否空格隔开 var showCurrencySpace = Boolean(true); // 时区 var ecTimezone = "\u002D06"; // 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 = "Ahorra"; // 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"/> <div hidden id="ecommerce-config-value"> <div hidden id="ec-all-urls"> <input id="ec-url-cartLink" type="hidden" value="/content/huawei-cbg-site/mx/shop/cart"/> <input id="ec-url-orderListLink" type="hidden" value="/content/huawei-cbg-site/mx/account?type=order"/> <input id="ec-url-accountLink" type="hidden" value="/content/huawei-cbg-site/mx/account"/> <input id="ec-url-goShopping" type="hidden" value="/content/huawei-cbg-site/mx/phones"/> <input id="ec-url-checkoutLink" type="hidden" value="/content/huawei-cbg-site/mx/shop/checkout"/> <input id="ec-url-addedLink" type="hidden" value="/content/huawei-cbg-site/mx/shop/cart/addcart"/> <input id="ec-url-productOptionPageLink" type="hidden" value="/content/huawei-cbg-site/mx/product/buy"/> <input id="ec-url-paymentLink" type="hidden" value="/content/huawei-cbg-site/mx/shop/checkout/payment"/> <input id="ec-url-addressListPageLink" type="hidden" value="/content/huawei-cbg-site/mx/account?type=address"/> <input id="ec-url-returnLink" type="hidden" value="/content/huawei-cbg-site/mx/shop/return"/> <input id="ec-url-orderDetailLink" type="hidden" value="/content/huawei-cbg-site/mx/shop/order/detail"/> <input id="ec-url-paymentResultLink" type="hidden" value="/content/huawei-cbg-site/mx/shop/checkout/payment/status"/> <input id="ec-url-returnFeedbackLink" type="hidden" value="/content/huawei-cbg-site/mx/shop/return/status"/> <input id="ec-url-viewOrderPageLink" type="hidden" value="/content/huawei-cbg-site/mx/shop/find-your-order"/> <input id="ec-url-loginLink" type="hidden" value="/content/huawei-cbg-site/mx/shop/sign-in"/> <input id="ec-url-returnDetail" type="hidden" value="/content/huawei-cbg-site/mx/shop/return/returndetail"/> <input id="ec-url-offerPageLink" type="hidden" value="/content/huawei-cbg-site/mx/offer"/> <input id="ec-url-reviewPageLink" type="hidden" value="/content/huawei-cbg-site/mx/shop/review"/> <input id="ec-url-cashierPageLink" type="hidden" value="/content/huawei-cbg-site/mx/shop/cashier"/> </div> <!--SVG图标单独加载 (避免合并CSS导致 svg渐变图标冲突) --> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-ecommerce-v4/clientlib-global/css/svg-v4.css"/> <input class="osgi-apiConfig" type="hidden" value="{"appInfo":[{"name":"hwistore","id":"9CE75DB648ADD4E0C1556B805C80D2CA","gatewayType":"sgw"},{"name":"venus-search","id":"EDCF82D77A5AB59706CD5F2163F67427","gatewayType":"sgw"},{"name":"huaweistore-ecommerce","id":"com.huawei.cbgit.huaweistore.ecommerce","gatewayType":"api-gateway"}],"gatewayHost":{"sgw":"https://sgw-sg.c.huawei.com","itrinity":"https://itrinity-sg.c.huawei.com","api-gateway":"https://apigw-sg.huawei.com/api"}}"/> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-ecommerce-v4/clientlib-dependencies.min.61f145900687cb659710e8267394bd55.js"></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-ecommerce-v4/clientlib-global.min.23b70f99ef1a11681e2da96ceec31191.js"></script> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-ecommerce-v4/clientlib-dependencies.min.3ae92bd44631c712384d276cea5b7f35.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-ecommerce-v4/clientlib-global.min.fae54b11f409330d5eb54982d6d26421.css" type="text/css"> </div> <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-mx huawei-v4-ecommerce "> <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> <script type="text/javascript" class="gtm-ga-ecommerce optanon-category-2"> // 非管控区域 -GTM -ec var returnUrl = decodeURIComponent(window.location.search);// 判断是否为支付结果页 var hasResult = returnUrl.indexOf('result');// 获取result参数开始位置, 并对获取的位置增加字符串”result“,7个字符 // 是接口返回数据 有result对象返回时 if (hasResult > -1) { var substringStart = parseInt(returnUrl.indexOf('result') + 7);// 支付结果页,重新查询购物车 var paymentResult = JSON.parse( decodeURIComponent(returnUrl.substring(parseInt(returnUrl.indexOf('result') + 7) ) ) );// 解析返回URL内容 // 支付成功且存在orderCode if(paymentResult.resultCode == 0 && paymentResult.data.orderCode && paymentResult.data.isPaySuccess){ var gtm_orderCode = paymentResult.data.orderCode; // 匿名化orderCode var hide_orderCode = gtm_orderCode.slice(0,4) + "****" + gtm_orderCode.slice(8, gtm_orderCode.length) ; var gtm_totalFee = paymentResult.data.totalFee; var gtm_productIdMap = paymentResult.data.productIdMap; var gtm_siteCode = window.digitalData ? window.digitalData.page.pageInfo.siteCode2 : ''; var gtm_data = { orderCode: gtm_orderCode, siteCode:gtm_siteCode.toUpperCase(), }; // 获取存储数据中的 产品信息 copy电商订单产品信息到sessionstorage中,防止电商产品信息被清除 var gtm_guest_infoobj = ""; if(localStorage.gtm_guest_infoobj){ gtm_guest_infoobj = JSON.parse(localStorage.gtm_guest_infoobj); sessionStorage.gtm_cps_infoobj = localStorage.gtm_guest_infoobj; } // 获取token var gtm_com = apiHost.search('/eCommerce'); var gtm_host = apiHost.substring(0, gtm_com); var getTokenUrl = gtm_host + '/gateway/csrfToken?_=' + Date.now(); $.ajax({ type : "get", url : getTokenUrl, xhrFields : { withCredentials: true }, crossDomain : true, success : function(response) { var gtm_tCsrfToken= response.data;// 接口gateway/csrfToken // Token成功后查询一次订单 $.ajax({ url : apiHost + ( apiHost.indexOf("eCommerce") != -1 ? "queryUserOrderDetail" : ecommerce_baseurl.queryUserOrderDetail ) , type : "post", cache : false, data : JSON.stringify(gtm_data), dataType : "json", traditional : true, // 防止深度序列化 xhrFields : {withCredentials: true,}, headers : {"tCsrfToken": gtm_tCsrfToken,}, // 接口gateway/csrfToken/js crossDomain : true, contentType : "application/json", success: function(response) { if(response.resultCode==0){ var gtm_orderDetails = response.data.orderDetails;// 订单详情 var gtm_orderDetailInfo = gtm_orderDetails.orderDetailInfo;// 详情产品数据 var gtm_shipping = gtm_orderDetails.orderDeliveryAddress.isSelfPickup ? "pickup" : "home-delivery";// 物流方式 /** GTM-GA埋码监控数据push */ var pushDataMode = { paymentOption : gtm_orderDetailInfo.paymentMethod, currencyCode : ecCurrencyCode, id : hide_orderCode, affiliation : response.data.shop.name, revenue : gtm_orderDetailInfo.cashPay, tax : gtm_orderDetailInfo.taxAmount, shipping : gtm_shipping, coupon : gtm_orderDetailInfo.couponCode, products : (gtm_orderDetailInfo.productList && gtm_orderDetailInfo.productList.length > 0) ? getGTMProducts(gtm_orderDetailInfo,true,gtm_productIdMap) : [], } payResultDataLayerPush(pushDataMode); /** 支付订单成功DMPA数据上报 */ if (enableDmpa && window.dmpa ) { var ecData = [{ orderId : response.data.orderDetails.orderDetailInfo.orderCode, // orderId:订单id orderType : response.data.orderDetails.orderDetailInfo.orderType, // orderType:订单类型 paymentDate : response.data.orderDetails.orderDetailInfo.paymentTime, // paymentDate:成功支付时间 paymentStatus : response.data.orderDetails.orderDetailInfo.paymentStatus, // paymentStatus:支付状态 location : window.location.href, // location:当前页面链接 }]; window.dmpa('trackECommerce', 'paidSuccess', ecData); } } else {// 接口返回错误 if(gtm_guest_infoobj){// localstorage里面有数据 // GTM埋码监控数据push var pushDataMode = { paymentOption : gtm_guest_infoobj.payMethod || "", currencyCode : ecCurrencyCode || "", id : hide_orderCode, affiliation : gtm_guest_infoobj.affiliation || "", revenue : gtm_totalFee, tax : gtm_guest_infoobj.totalTaxAmount || "", shipping : gtm_guest_infoobj.shippingType || "", coupon : gtm_guest_infoobj.couponCode || "", products : gtm_guest_infoobj.products || "", } payResultDataLayerPush(pushDataMode); }else{// localstorage无数据 // GTM埋码监控数据push var pushDataMode = { currencyCode : ecCurrencyCode || "", id : hide_orderCode, revenue : gtm_totalFee, products : getGTMProducts(null,false,gtm_productIdMap) || [], } payResultDataLayerPush(pushDataMode); /** 支付订单成功DMPA数据上报*/ if (enableDmpa && window.dmpa ) { var ecData = [{ orderId: gtm_orderCode, // orderId:订单id orderType: "", // orderType:订单类型 paymentDate: "", // paymentDate:成功支付时间 paymentStatus:"", // paymentStatus:支付状态 location: window.location.href, // location:当前页面链接 }]; window.dmpa('trackECommerce', 'paidSuccess', ecData); } } }// success: resultCode!=0; // 清空localstorage localStorage.gtm_guest_infoobj = ""; }, // success error:function(){ if(gtm_guest_infoobj){// localstorage里面有数据 var pushDataMode = { paymentOption : gtm_guest_infoobj.payMethod || "", currencyCode : ecCurrencyCode || "", id : hide_orderCode, affiliation : gtm_guest_infoobj.affiliation || "", revenue : gtm_totalFee, tax : gtm_guest_infoobj.totalTaxAmount || "", shipping : gtm_guest_infoobj.shippingType || "", coupon : gtm_guest_infoobj.couponCode || "", products : gtm_guest_infoobj.products || "", } payResultDataLayerPush(pushDataMode); } else {// localstorage无数据 var pushDataMode = { currencyCode : ecCurrencyCode || "", id : hide_orderCode, revenue : gtm_totalFee, products : getGTMProducts(null,false,gtm_productIdMap) || [], } payResultDataLayerPush(pushDataMode); /** 支付订单成功DMPA数据上报*/ if (enableDmpa && window.dmpa ) { var ecData = [{ orderId: gtm_orderCode, // orderId:订单id orderType: "", // orderType:订单类型 paymentDate: "", // paymentDate:成功支付时间 paymentStatus:"", // paymentStatus:支付状态 location: window.location.href, // location:当前页面链接 }]; window.dmpa('trackECommerce', 'paidSuccess', ecData); } // 清空localstorage localStorage.gtm_guest_infoobj=""; } } });// end ajax:queryUserOrderDetail } });// end ajax:csrfToken }// end 支付成功且存在orderCode }// end hasResult // 获取gtm-GA 上报的主产品数据 var getGTMProducts = function(gtm_orderDetailInfo, type, gtm_productIdMap){ var gtm_allProducts = []; if(gtm_orderDetailInfo.productList.length > 0 && type){// 有订单数据 $.each(gtm_orderDetailInfo.productList,function(m,_orderPrd){ var gtm_mainPruducts={// 主商品 'id': _orderPrd.productId ? _orderPrd.productId.toString() : "", 'name': _orderPrd.name || "", 'category': ecCom.getCategoryByPID(_orderPrd.productId) || "", 'price': _orderPrd.orderPrice || "", 'quantity': _orderPrd.quantity || "", 'brand': 'Huawei', 'variant': _orderPrd.name || "", 'coupon': gtm_orderDetailInfo.couponCode || "", 'bundle': 'mainSku', 'color': (_orderPrd.gbomAttrList && _orderPrd.gbomAttrList.length > 0) ? _orderPrd.gbomAttrList[0].attrValue : "", 'memory': "", 'processor': "", 'version': "", } var gtm_subPruductsArr = []; // 附属商品:bundle if(_orderPrd.subOrderProductInfos && _orderPrd.subOrderProductInfos.length > 0){ gtm_subPruductsArr = getGTM_subProducts(_orderPrd.subOrderProductInfos,'bundle', gtm_subPruductsArr,gtm_orderDetailInfo); } // gift if(_orderPrd.prdGiftList && _orderPrd.prdGiftList.length > 0){ gtm_subPruductsArr = getGTM_subProducts(_orderPrd.prdGiftList,'gift', gtm_subPruductsArr,gtm_orderDetailInfo); } // service if(_orderPrd.extendLists && _orderPrd.extendLists.length > 0){ gtm_subPruductsArr = getGTM_subProducts(_orderPrd.extendLists,'service', gtm_subPruductsArr,gtm_orderDetailInfo); } gtm_allProducts.push(gtm_mainPruducts); gtm_allProducts = gtm_allProducts.concat(gtm_subPruductsArr); // 附属与主商品平级 -- 数据过多时,GA会自动由get转Post发送 }) }else{// 无订单数据 for(var key in gtm_productIdMap){ var gtm_mainPruducts={ 'id': key || "", 'name': '', 'category': '', 'price': '', 'quantity': '', 'brand': 'Huawei', 'variant': '', 'coupon': "", 'bundle': 'mainSku', 'color' : "", 'memory': "", 'processor' : "", 'version' : "", } gtm_allProducts.push(gtm_mainPruducts); } } return gtm_allProducts; } // 获取gtm-GA 上报的附属商品数据 var getGTM_subProducts = function(subProcuds,type,gtm_subPruductsArr,gtm_orderDetailInfo){ var res_subPruductsArr = gtm_subPruductsArr || []; $.each(subProcuds,function(b,_subItem){ var _subItemObj={ 'id': type == 'service' ? (_subItem.skuCode || "") : ( _subItem.productId ? _subItem.productId.toString() : ""), 'name': type == 'gift' ? (_subItem.giftName || "") : ( _subItem.name || ""), 'category': type == 'service' ? "service" : (ecCom.getCategoryByPID( _subItem.productId) || ""), 'price': type == 'gift' ? 0 : ( _subItem.orderPrice || ""), 'quantity': type == 'gift' ? ( _subItem.giftQuantity || "") : ( _subItem.quantity || ""), 'brand': 'Huawei', 'variant': type == 'gift' ? (_subItem.giftName || "") : ( _subItem.name || ""), 'coupon': gtm_orderDetailInfo.couponCode || "", 'bundle':'subSku', 'color' : (_subItem.gbomAttrList && _subItem.gbomAttrList.length > 0) ? _subItem.gbomAttrList[0].attrValue : "", 'memory': "", 'processor':"", 'version':"", } res_subPruductsArr.push(_subItemObj); }) return res_subPruductsArr; } // dataLayer Push data var payResultDataLayerPush = function(data){ window.dataLayer.push({ "event" : "fire_event", "eventCategory" : "Purchase", "eventAction" : "Payment success", "eventLabel" : "", 'deliveryOption' : "", 'paymentOption' : data.paymentOption || "", 'ecommerce' : { 'currencyCode' : data.currencyCode || ecCurrencyCode || "", 'purchase' : { 'actionField': { 'id' : data.id || "", 'affiliation' : data.affiliation || "", 'revenue' : data.revenue || "", 'tax' : data.tax || "", 'shipping' : data.shipping || "", 'coupon' : data.coupon || "", }, 'products' : data.products || "", }, }, }) // 新版GA4埋点push let ga4Data = { 'event': ecCom.GA4.eventConstants.PURCHASE || '', 'transaction_id': data.id || '', 'currency': ecCurrencyCode ||'', 'value': data.revenue || '', 'tax': data.tax || '', 'shipping' : data.shipping || '', 'coupon': data.coupon || '', 'items': ecCom.GA4.transferProductData(data.products) || [], } ecCom.GA4.push(ga4Data); // 清空localstorage localStorage.gtm_guest_infoobj = ""; } </script> <input title="cookie" type="hidden" id='cookieType' value="hwcookie"/> <div class="huawei-convergent-cookie model-default"> <div class="convergent-cookie-cnt"> <div class="convergent-cookie-txt"> Utilizamos cookies para mejorar nuestro sitio y tu experiencia. Al continuar navegando en nuestro sitio, tú aceptas nuestra política de cookies. <a href="/mx/legal/cookie-policy/" title="Descubre más.">Descubre más.</a> </div> <div class="convergent-cookie-button-wrapper"> <div class="convergent-cookie-button-group"> <div class="convergent-cookie-button"> <a href="javascript:void(0);" class="convergent-cookie-agree" title="Aceptar">Aceptar</a> </div> </div> <span class="convergent-cookie-close inner"></span> </div> <span class="convergent-cookie-close outer"></span> </div> </div> <span class="popular-text hidden" data-value="Resultados populares"></span> <span class="suggested-text hidden" data-value="Resultados sugeridos"></span> <div class="huawei-ie-tips" style="display: none;"> <div class="huawei-ie-cnt"> <div class="huawei-ie-txt">Para una mejor experiencia de navegación, favor de ocupar la última versión de Internet Explorer o el navegador de tu elección. <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-pl nav-v2" id="header-placeholder"></div> <div class="v4 header platform-invisible nav-v2" id="header-v4" data-component="header"> <div id="topTipsBox" class="top-tips-box"> </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"> <!-- mini-cart nav配置数据 --> <div hidden> <input id="mini-cart-nav" type="hidden" value="[]"/> <input id="mini-account-nav" type="hidden" value="[{"url":"/mx/account","text":"Cuenta","iconPath":"/content/dam/e-commerce/icon_set.svg","pageType":"accountCenter"},{"url":"/mx/shop/find-your-order/","text":"Encuentra tu pedido","iconPath":"/content/dam/e-commerce/icon_order.svg","pageType":"viewOrder"}]"/> </div> <!-- mini-cart 购物车图标弹出层内容 2 --> <aside class="ec-mc ec_mc" id="ecMiniCart"> </aside> <script type="text/html" id="ecMiniCartArt"> <i class="ec-mc-arrow mini-cart-arrow"></i> <div class="ec-mc-content"> {{if itemInfos && itemInfos.length >= cartLimit}} <!-- 迷你车满载提示 --> <div class="ec-mc-full-tips"> {{text.FullTips}} </div> {{/if}} {{if originalTotalNumber == 0}} <!-- mini cart 为空 --> <div class="ec-mc-empty"> <i class="hsvg44 hsvg-face"></i> <p>{{text.emptyTips}}</p> </div> {{else}} <div class="ec-mc-total"> <p class="ec-mc-total-text ec-mc-goods-text" style="display:flex"> <span class="ec-mc-total-pay">{{text.Total + ' : ' }}<span class="cashpay">{{cashPay | ecCurrency}}</span></span> {{if itemInfos && itemInfos.length > 0}} <span class="ec-mc-total-qty">{{itemInfos.length}} {{text.items}}</span> {{/if}} </p> </div> <!-- mini cart 有商品 --> <div class="ec-mc-goods-container scroll-content"> <ul class="ec-mc-goods-list"> {{if normalItems && normalItems.length > 0}} {{each normalItems cartList i}} {{set invalidCauseReason = cartList.invalidCauseReason , invalidCauseLeftValue = cartList.invalidCauseLeftValue}} <li class="{{ invalidCauseReason == 1 || invalidCauseReason == 5 || invalidCauseReason == 6 || invalidCauseReason == 7 || invalidCauseReason == 8 || invalidCauseReason == 9 || invalidCauseReason == 10 || invalidCauseReason == 11 || invalidCauseReason == 12 || invalidCauseReason == 13 || invalidCauseReason == 14 ? 'mini-cart-lack out_stock' : '' }} {{cartList.selected && invalidCauseReason == 0 ? 'selected': ''}}" data-itemid="{{cartList.itemId}}" data-itemcode="{{cartList.itemCode}}" data-productid="{{cartList.sbom.productId}}" data-itemname="{{cartList.itemName}}" data-itemtype="{{cartList.itemType}}" data-qty="{{cartList.qty}}"> <div class="ec-mc-goods-img"> <a href="{{cartList.sbom.pdpLink}}" title="{{cartList.itemName}}"> <img src="{{cartList.imgSrc}}" alt="{{cartList.itemName}}"> </a> </div> <div class="ec-mc-goods-text"> <h3><a href="{{cartList.sbom.pdpLink}}" title="{{cartList.itemName}}">{{cartList.itemName}}</a></h3> <p><span>{{text.Qty}}: {{cartList.qty}}</span><span>{{cartList.subtotal | ecCurrency}}</span></p> </div> {{if cartList.subItems && cartList.subItems.length > 0}} <!-- 隐藏数据 --> <ul class="ec-mc-subs"> {{each cartList.subItems subItems}} {{if subItems.itemType == 'G'}} <li class="cart_list_subs_gift{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 2)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-qty="{{cartList.qty}}"></li> {{else if subItems.itemType == 'DP'}} <li class="cart_list_subs_no_gift cart_list_subs_dp{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 4)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-qty="{{cartList.qty}}" data-dpcode="{{cartList.attrsMap.dp_package_code}}" data-dpgroup="{{subItems.attrsMap.dp_group}}"></li> {{else if subItems.itemType == 'S1' || subItems.itemType == 'S6'}} <li class="cart_list_subs_no_gift{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 3)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-qty="{{cartList.qty}}"></li> {{else if subItems.itemType == 'P'}} <li class="cart_list_subs_no_gift cart_list_subs_p{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 4)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-packagecode="{{cartList.attrsMap.package_code}}" data-qty="{{cartList.qty}}"></li> {{/if}} {{/each}} </ul> {{/if}} </li> {{/each}} {{/if}} {{if abnormalItems && abnormalItems.length > 0}} {{each abnormalItems cartList i}} {{set invalidCauseReason = cartList.invalidCauseReason , invalidCauseLeftValue = cartList.invalidCauseLeftValue}} <li class="{{ invalidCauseReason == 1 || invalidCauseReason == 5 || invalidCauseReason == 6 || invalidCauseReason == 7 || invalidCauseReason == 8 || invalidCauseReason == 9 || invalidCauseReason == 10 || invalidCauseReason == 11 || invalidCauseReason == 12 || invalidCauseReason == 13 || invalidCauseReason == 14 ? 'mini-cart-lack out_stock' : ''}}" data-itemid="{{cartList.itemId}}" data-itemcode="{{cartList.itemCode}}" data-productid="{{cartList.sbom.productId}}" data-itemname="{{cartList.itemName}}" data-itemtype="{{cartList.itemType}}" data-qty="{{cartList.qty}}"> <div class="ec-mc-goods-img"> <a href="#" title="{{cartList.itemName}}"> <img src="{{cartList.imgSrc}}" alt="{{cartList.itemName}}"> </a> </div> <div class="ec-mc-goods-text"> <h3><a href="#" title="{{cartList.itemName}}">{{cartList.itemName}}</a></h3> <p><span>{{text.Qty}}: {{cartList.qty}}</span><span>{{cartList.subtotal | ecCurrency}}</span></p> </div> {{if cartList.subItems && cartList.subItems.length > 0}} <!-- 隐藏数据 --> <ul class="ec-mc-subs"> {{each cartList.subItems subItems}} {{if subItems.itemType == 'G'}} <li class="cart_list_subs_gift{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 2)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-qty="{{cartList.qty}}"></li> {{else if subItems.itemType == 'DP'}} <li class="cart_list_subs_no_gift cart_list_subs_dp{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 4)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-qty="{{cartList.qty}}" data-dpcode="{{cartList.attrsMap.dp_package_code}}" data-dpgroup="{{subItems.attrsMap.dp_group}}"></li> {{else if subItems.itemType == 'S1' || subItems.itemType == 'S6'}} <li class="cart_list_subs_no_gift{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 3)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-qty="{{cartList.qty}}"></li> {{else if subItems.itemType == 'P'}} <li class="cart_list_subs_no_gift cart_list_subs_p{{(subItems.invalidCauseReason == 6 || subItems.invalidCauseReason == 4)? ' out_stock' : ''}}" data-itemcode="{{subItems.itemCode}}" data-itemname="{{subItems.itemName}}" data-itemtype="{{subItems.itemType}}" data-packagecode="{{cartList.attrsMap.package_code}}" data-qty="{{cartList.qty}}"></li> {{/if}} {{/each}} </ul> {{/if}} </li> {{/each}} {{/if}} </ul> </div> {{/if}} <div class="ec-mc-goods-btn-wrap"> <a class="ec-mc-goods-btn-checkout a-common" cat="pop_up_cart" act="click_on_checkout" lab="<page title - >" href="{{link.cartLink}}" role="button" title="{{btn.CartAndCheckout}}">{{btn.CartAndCheckout}}</a> {{if is_employee}} <a class="ec-mc-goods-btn-continue a-common" cat="cart_cta_click" act="click_on_continue_shopping" lab="<page title - cart>" href="{{text.continueShoppingUrl}}" onclick="dmpaContinueShopping(this)" role="button" title="{{btn.ContinueShopping}}">{{btn.ContinueShopping}}</a> {{/if}} </div> <!-- mini cart 导航菜单 --> <nav class="ec-mc-nav"> <ul class="ec-mc-nav-list"> {{each miniCartNav navItem}} <li> {{if navItem.iconPath}} <a href="{{navItem.url}}" class="a-common" cat="pop_up_cart" act="click_on_cart" lab="<page title - >" role="button" title="{{navItem.text}}"><img class="nav-icon" src="{{navItem.iconPath}}" />{{navItem.text}}<i class="hsvg12 hsvg-right"></i></a> {{else}} <a href="{{navItem.url}}" class="a-common" cat="pop_up_cart" act="click_on_cart" lab="<page title - >" role="button" title="{{navItem.text}}"><img class="nav-icon d-none" src="{{navItem.iconPath}}" />{{navItem.text}}<i class="hsvg12 hsvg-right"></i></a> {{/if}} </li> {{/each}} {{if !isPC}} {{each miniAccountNav navItem i}} <li> {{if i == 0 && !isLogin}} {{if navItem.iconPath}} <a href="javascript:;" role="button" callbackurl="{{urlPrefix + navItem.url}}" onclick="loginBeforeAccountCenter(this.attributes.callbackurl.value)" title="{{navItem.text}}"><img class="nav-icon" src="{{navItem.iconPath}}" />{{navItem.text}}<i class="hsvg12 hsvg-right"></i></a> {{else}} <a href="javascript:;" role="button" callbackurl="{{urlPrefix + navItem.url}}" onclick="loginBeforeAccountCenter(this.attributes.callbackurl.value)" title="{{navItem.text}}"><img class="nav-icon d-none" src="{{navItem.iconPath}}" />{{navItem.text}}<i class="hsvg12 hsvg-right"></i></a> {{/if}} {{else}} {{if navItem.iconPath}} <a href="{{navItem.url}}" role="button" title="{{navItem.text}}"><img class="nav-icon" src="{{navItem.iconPath}}" />{{navItem.text}}<i class="hsvg12 hsvg-right"></i></a> {{else}} <a href="{{navItem.url}}" role="button" title="{{navItem.text}}"><img class="nav-icon d-none" src="{{navItem.iconPath}}" />{{navItem.text}}<i class="hsvg12 hsvg-right"></i></a> {{/if}} {{/if}} </li> {{/each}} <li> {{if isLogin}} <a id="ec_mc_login_status" href="javascript:;" role="button" title="{{text.sign_out}}" onclick="toggleLoginStatus(this)"><i class="hsvg24 hsvg-person-2"></i>{{text.sign_out}}</a> {{else}} <a id="ec_mc_login_status" class="ec-mc-btn-link" href="javascript:;" role="button" title="{{text.login}}" onclick="toggleLoginStatus(this)">{{text.login}}</a> {{/if}} </li> {{/if}} </ul> </nav> </div> </script> <!-- 优惠卷模板 --> <script type="text/html" id="couponTemp"> {{if showCouponList.length > 0}} {{each showCouponList v i}} {{ if v }} <li class="ordercoupons-li" data-couponcode="{{v.couponCode}}"> <div class="ordercoupons-item"> <span class="ordercoupons-price" style="font-weight:400;font-size:13px;width:7px;height:7px;">{{text.coupon}} {{ -v.amount | ecCurrency }} {{text.off}}</span> <i class="hsvg12 hsvg-close2-h" onclick="removeCoupon(this)" style="float:right;width:7px;height:7px;"></i> </div> </li> {{/if}} {{/each}} {{/if}} </script> <!-- 购物流程指引 --> <script type="text/html" id="titleGuideArt"> <ul class="track-statusul statusul-horizontal"> <li class="track-statusli statusli-first statusli-completed"> <div class="track-status-icon" > <p class="statusicon-default"> <b class="statusicon-cricle"></b> <b class="statusicon-line statusicon-line-r"></b> </p> <p class="statusicon-active"> <b class="statusicon-cricle"></b> <b class="statusicon-line statusicon-line-r"></b> </p> </div> <p class="track-status-text" > <span class="track-status-name">{{text_cart}}</span> </p> </li> {{set isCompleted = currentStep == "checkout" ? "statusli-completed" : ""}} <li class="track-statusli statusli-middle {{isCompleted}}"> <div class="track-status-icon" > <p class="statusicon-default"> <b class="statusicon-line statusicon-line-l"></b> <b class="statusicon-cricle"></b> <b class="statusicon-line statusicon-line-r"></b> </p> <p class="statusicon-active"> <b class="statusicon-line statusicon-line-l"></b> <b class="statusicon-cricle"></b> <b class="statusicon-line statusicon-line-r"></b> </p> </div> <p class="track-status-text" > <span class="track-status-name">{{text_checkout}}</span> </p> </li> <li class="track-statusli statusli-last"> <div class="track-status-icon track-status-icon-sa" > <p class="statusicon-default"> <b class="statusicon-line statusicon-line-l"></b> <b class="statusicon-cricle"></b> </p> <p class="statusicon-active"> <b class="statusicon-line statusicon-line-l"></b> <b class="statusicon-cricle"></b> </p> </div> <p class="track-status-text" > <span class="track-status-name">{{text_submitAndPay}}</span> </p> </li> </ul> </script> <!-- mini-cart 购物车图标弹出层内容 END--> <input type="hidden" id="login-extra-item" value="[{"url":"/mx/account","text":"Cuenta","iconPath":"/content/dam/e-commerce/icon_set.svg","pageType":"accountCenter"},{"url":"/mx/shop/find-your-order/","text":"Encuentra tu pedido","iconPath":"/content/dam/e-commerce/icon_order.svg","pageType":"viewOrder"}]"/> <input type="hidden" id="mini-cart-nav" value="[]"/> <div class="container main-navigation__container"> <a title="logo" class="logo" href="/mx/" 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="Tienda en línea" data-navicon="Tienda en línea" class="main-nav__link unhover" href="/mx/offer/">Tienda en línea</a> </li> <li class="main-nav__item "> <a title="Teléfonos" data-navicon="Teléfonos" class="main-nav__link unhover" href="/mx/phones/">Teléfonos</a> </li> <li class="main-nav__item "> <a title="Wearables" data-navicon="Wearables" class="main-nav__link unhover" href="/mx/wearables/">Wearables</a> </li> <li class="main-nav__item "> <a title="PC" data-navicon="PC" class="main-nav__link unhover" href="/mx/laptops/">PC</a> </li> <li class="main-nav__item "> <a title="Tablets" data-navicon="Tablets" class="main-nav__link unhover" href="/mx/tablets/">Tablets</a> </li> <li class="main-nav__item "> <a title="Audio" data-navicon="Audio" class="main-nav__link unhover" href="/mx/headphones/">Audio</a> </li> <li class="main-nav__item "> <a title="Routers" data-navicon="Routers" class="main-nav__link unhover" href="/mx/routers/">Routers</a> </li> <li class="main-nav__item "> <a title="HUAWEI Mobile Services" data-navicon="HUAWEI Mobile Services" class="main-nav__link unhover" href="/mx/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="Soporte" data-navicon="Soporte" class="main-nav__link unhover" href="/mx/support/">Soporte</a> </li> <li class="main-nav__item "> <a title="Comunidad" data-navicon="Comunidad" class="main-nav__link unhover" href="/mx/community/">Comunidad</a> </li> <li class="main-nav__item "> <a title="Tiendas físicas" data-navicon="Tiendas físicas" class="main-nav__link unhover" href="/mx/retail/">Tiendas físicas</a> </li> </ul> </div> <div tabindex="0" aria-haspopup="true" role="button" aria-expanded="false" class="login-v4-wrap nav-addons__link nav-addons__profile wap Self-eCommerce"> <div class="login-v4-cnt" data-gamodule="navigation" data-gaevent="support_interaction" data-entrancelevel="common"> <ul class="show-login" data-support-url="https://consumer.huawei.com/mx" data-support-usercenter-url="/mx/support/user-center.html" data-support-cmkt-url="https://consumer-api-sg.huawei.com/cuepf" data-support-cas-url="https://id5.cloud.huawei.com/CAS" data-support-country-code='MX' data-support-login='yes' data-version='v4' data-register-type='email'> <li class="login-extra-item-html"> </li> <li class="main-nav__item ec-login-btn"> <a cat='Navigation' act='Click on sign in' class="a-sup-common" lab='<page title>' href="javascript:toggleLoginStatus(this);" title="Iniciar sesión"> <span>Iniciar sesión</span> </a> </li> </ul> <ul class="show-logout"> <p class="main-nav__item greeting-text"> <span>Hola<span>,</span> </span><span class="user-name"></span> </p> <li class="login-extra-item-html"> </li> <li class="main-nav__item ec-logout-btn"> <a class="a-sup-common my-exit ha-click-dispach" ha-id="me_click_log_out" cat='Navigation' act='Click on exit' lab='<page title>' href="javascript:toggleLoginStatus(this);" title="Salir"> <span>Salir</span> </a> </li> </ul> </div> </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">Búsqueda</span> </span> </button> <div tabindex="0" aria-haspopup="true" role="button" aria-expanded="false" class="login-v4-wrap nav-addons__link nav-addons__profile pc Self-eCommerce"> <span class="icon font-ico-profile"> <span class="sr-only">perfil</span> <span class="icon-onlink-left"></span> <span class="icon-onlink-right"></span> </span> <div class="login-v4"> <div class="login-font"> <span class="login-bot"></span> <span class="login-top"></span> </div> <div class="login-v4-cnt" data-gamodule="navigation" data-gaevent="support_interaction" data-entrancelevel="common"> <ul class="show-login" data-support-url="https://consumer.huawei.com/mx" data-support-usercenter-url="/mx/support/user-center.html" data-support-cmkt-url="https://consumer-api-sg.huawei.com/cuepf" data-support-cas-url="https://id5.cloud.huawei.com/CAS" data-support-country-code='MX' data-support-login='yes' data-version='v4' data-register-type='email'> <li class="login-extra-item-html"> </li> <li class="ec-login-btn"> <a cat='Navigation' act='Click on sign in' class="a-sup-common" lab='<page title>' href="javascript:toggleLoginStatus(this);" title="Iniciar sesión"> <span>Iniciar sesión</span> </a> </li> </ul> <ul class="show-logout"> <p class="greeting-text"> <span>Hola<span>,</span> </span><span class="user-name"></span> </p> <li class="login-extra-item-html"> </li> <li class="ec-logout-btn"> <a class="a-sup-common my-exit ha-click-dispach" ha-id="me_click_log_out" cat='Navigation' act='Click on exit' lab='<page title>' href="javascript:toggleLoginStatus(this);" title="Salir"> <span>Salir</span> </a> </li> </ul> </div> </div> </div> <div tabindex="0" aria-haspopup="true" role="button" aria-expanded="false" class="shop-bag nav-addons__link nv-addons__bag shop-bag-bnt"> <span class="icon font-ico-bag"> <span class="sr-only">Carrito</span> <i></i> </span> <i class="bag-amount"></i> </div> <button aria-haspopup="true" role="button" aria-expanded="false" class="nav-toggle js-nav-toggle"> <span class="btn-line"></span> <span class="sr-only">Abrir menú</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">Cerrar</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="Busca HUAWEI"/> <button class="search__form-submit" type="button"> <span class="icon font-ico-search"> <span class="sr-only">Búsqueda</span> </span> </button> <button class="search__form-clear js-search-clear" type="button"> <span class="icon font-ico-close"> <span class="sr-only">Cerrar</span> </span> </button> </div> <div class="popular-show-wrap"> <div class="popular-wrap"> <div class="top-title"> Productos Populares </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="/mx/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="/mx/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="/mx/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="/mx/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"" href="/mx/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"" 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"" href="/mx/tablets/matepad-pro-13-2/"> HUAWEI MatePad Pro 13.2" </a> </div> </div> </div> </div> </div> <div class="quick-link"> <div class="top-title"> Vista rápida </div> <div class="link-wrap row"> <div class="col-sm-4 link-list"> <a title="Compara teléfonos" class="search-quick-link" href="/mx/phones/compare/">Compara teléfonos</a> </div> <div class="col-sm-4 link-list"> <a title="AppGallery" class="search-quick-link" href="/mx/mobileservices/">AppGallery</a> </div> <div class="col-sm-4 link-list"> <a title="Wearables" class="search-quick-link" href="/mx/wearables/">Wearables</a> </div> <div class="col-sm-4 link-list"> <a title="Accesorios" class="search-quick-link" href="/mx/accessories/">Accesorios</a> </div> <div class="col-sm-4 link-list"> <a title="Encuentre un centro de servicio" class="search-quick-link" href="/mx/support/service-center/">Encuentre un centro de servicio</a> </div> </div> </div> </div> </div> </div> <div class="search_toast"> Ingresar más claves de búsqueda </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> <!-- 隐私协议popup配置项 --> <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="Cerrar"/> <input type="hidden" id="privacy-errortip-i18n" value="privacy_fetch_error_tip"/> <script> // 隐私协议总开关 var privacyPopupSwitch = Boolean(); var privacyButtonLineStyle = Boolean(false); </script> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/mkt-ad-banner.min.0649c1af5ffe557f6d56e32ee4406661.css" type="text/css"> <div class="v4 mkt-ad-banner default-bg" data-speed="4" data-time-zone="0" data-font-color="#000000" data-close-btn-color="#000000" style="background-image:linear-gradient(1deg, , );"> <div class="ad-banner-box"> <ul> <li class="ad-content-box item-valid" data-index="1" data-last="true" data-start="2025-02-07 08:30:00" data-end="2025-03-04 23:59:00"> <div class="ad-content "> <span class="icon font-ico-notification icon-banner-notice"></span> <span class="ad-item-txt">¡Compre el HUAWEI nova 13 ahora y disfrute un cupón de $ 2,000 de descuento!</span> <a class="ad-item-link" href="/mx/offer/telefonos/nova13-buy/">Clic aquí<span class="icon-arrow"></span></a> </div> </li> </ul> <button type="button" class="ad-banner-close"> <span class="icon-bar icon-bar-lf"></span> <span class="icon-bar icon-bar-rg"></span> <span class="sr-only">Close</span> </button> </div> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/mkt-ad-banner.min.6234e5639b6217c7724d83dc93100f0c.js" defer></script> </div> <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/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/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); top: 0; } #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; } #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; } /* 2024 12 5 start */ @media screen and (min-width: 517px) { #category-container .section-productlist .section-main-content .card-list .card-item-two { width: calc(50% - 8px); } } /* 2024 12 5 end */ /* 2024 12 6 start */ @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .product-btn-type2 a:nth-child(2) { margin-left: 14px; } } /* 2024 12 6 end */ </style> <link rel="stylesheet" href="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/latam/common/launch/2025/0218/plp/phones/series-nav/phones-mate-series.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/series-nav/phones-mate-series.png" class="blur-up lazyload" alt="Mate Series: iconic flagship "> </div> <div class="series-page-content"> <div class="h4">Serie Mate</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/latam/common/launch/2024/1212/plp/phones-new/images/seriesnav/huawei-phones-pura-series.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">Serie Pura</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/latam/common/launch/2024/1212/plp/phones-new/images/seriesnav/huawei-phones-nova-series.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">Serie nova</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 X6"> <div class="kv-title-content"> <!-- <div class="special-page"> <p class="special-new">NUEVO</p> <p class="special-hot">HOT</p> </div> --> <div class="h4"> HUAWEI Mate XT ULTIMATE DESIGN </div> <p class="kv-title-content-slogan">Unfold the Classic</p> <p class="kv-title-content-price">Desde $ 69,999</p> <!-- <p class="product-stages">o 9 pagos</p> --> <div class="product-btn product-btn-type1"> <a class="btn-black kv-scene-button-ga kv-scene-ga" href="https://consumer.huawei.com/mx/phones/mate-xt-ultimate-design/">Conoce más</a> <a class="btn-white kv-button-buy-ga kv-scene-button-ga kv-scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/mate-xt-ultimate-design-buy/">Comprar</a> </div> </div> <div class="kv-bg-content"> <a class="kv-image-ga kv-click-bg kv-scene-ga" href="https://consumer.huawei.com/mx/phones/mate-xt-ultimate-design/"></a> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/hero/mate-xt-ultimate-design-mob.jpg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/hero/mate-xt-ultimate-design-mob.jpg"> <source media="(max-width: 1079.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/hero/mate-xt-ultimate-design-pad.jpg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/hero/mate-xt-ultimate-design-pad.jpg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/hero/mate-xt-ultimate-design-pc.jpg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/hero/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">¿Por qué elegir un teléfono HUAWEI?</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/latam/common/launch/2024/1212/plp/phones-new/images/reason/huawei-phones-ai.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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>Inteligencia Artificial</p> <div class="h4">IA poderosa a tus órdenes</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/latam/common/launch/2024/1212/plp/phones-new/images/reason/huawei-phones-camera.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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>Fotografía</p> <div class="h4">Captura precisa de foco completo</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/latam/common/launch/2025/0218/plp/phones/reason/huawei-phones-design.jpg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/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>Diseño</p> <div class="h4">Nuevas tendencias estéticas</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/latam/common/launch/2025/0218/plp/phones/reason/huawei-phones-reliability.jpg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/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>Confiablidad</p> <div class="h4">Más que resistente</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/latam/common/launch/2024/1212/plp/phones-new/images/reason/huawei-phones-battery.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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>Batería</p> <div class="h4">Batería de larga duración, <br>carga rápida</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/latam/common/launch/2024/1212/plp/phones-new/images/reason/huawei-phones-privacy-protection.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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>Privacidad</p> <div class="h4">Control de la privacidad para apps</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">Serie Mate</div> <div class="productlist-nav-item" data-anchor="#series2" data-bannername="Pura Series" data-arrive="2" data-btnname="Pura Series">Serie Pura</div> <div class="productlist-nav-item" data-anchor="#series3" data-bannername="nova Series" data-arrive="3" data-btnname="nova Series">Serie nova</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"> Serie Mate </div> <p>Nuestros insignia icónicos</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/latam/common/launch/2025/0218/plp/phones/video/mate-series.jpg" data-basepath="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/video/mate-series"></video> </div> <div class="video-btn video-button-ga"> <img class="play-btn" src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/play.svg" alt=""> <img class="pause-btn " src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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 card-item2-1 card-item-two new"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/mate-xt-ultimate-design/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/mate-series/shelf-mate-xt-ultimate-design.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/mate-series/shelf-mate-xt-ultimate-design.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NUEVO</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/mx/phones/mate-xt-ultimate-design/">HUAWEI Mate XT ULTIMATE DESIGN</a> </div> <p class="product-price">Desde $ 69,999</p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/mate-xt-ultimate-design/">Conoce más</a> <a class="buy-btn product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/mate-xt-ultimate-design-buy/">Comprar</a> </div> </div> </div> <div class="swiper-slide card-item card-item1 card-item2-1 card-item-two new"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/mate-x6/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/mate-series/shelf-huawei-mate-x6.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/mate-x6/">HUAWEI Mate X6</a> </div> <p class="product-price">Desde $ 32,199<span>$ 45,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/mate-x6/">Conoce más</a> <a class="buy-btn product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/mate-x6-buy/">Comprar</a> </div> </div> </div> <!-- <div class="swiper-slide card-item card-item1 card-item2-1 card-item-two"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/mate-x3/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/mate-series/shelf-huawei-mate-x3.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/mate-x3/">HUAWEI Mate X3</a> </div> <p class="product-price"> </p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/mate-x3/">Conoce más</a> </div> </div> </div> --> <!-- <div class="swiper-slide card-item card-item1"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/mate50-pro/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/mate-series/shelf-huawei-mate50-pro.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/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/mx/phones/mate50-pro/">Conoce más</a> </div> </div> </div> <div class="swiper-slide card-item card-item1"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/mate50/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/mate-series/shelf-huawei-mate50.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/mate-series/shelf-huawei-mate50.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NUEVO</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/mx/phones/mate50/">HUAWEI Mate 50</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/mate50/">Conoce más</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">Verlos todos <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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"> Serie Pura </div> <p>Fotografía pionera</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/latam/common/launch/2024/1212/plp/phones-new/video/pura-series.jpg" data-basepath="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/video/pura-series"></video> </div> <div class="video-btn video-button-ga"> <img class="play-btn " src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/play.svg" alt=""> <img class="pause-btn " src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70-ultra/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/pura-series/shelf-huawei-pura70-ultra.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/pura70-ultra/">HUAWEI Pura 70 Ultra </a> </div> <p class="product-price">Desde $ 25,999<span>$ 30,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70-ultra/">Conoce más</a> <a class="buy-btn product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/pura-70-ultra-buy/">Comprar</a> </div> </div> </div> <div class="swiper-slide card-item card-item1"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70-pro/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/pura-series/shelf-huawei-pura70-pro.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/pura70-pro/">HUAWEI Pura 70 Pro</a> </div> <p class="product-price">Desde $ 20,999<span>$ 23,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70-pro/">Conoce más</a> <a class="buy-btn product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/pura-70-pro-buy/">Comprar</a> </div> </div> </div> <div class="swiper-slide card-item card-item1"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/pura-series/shelf-huawei-pura70.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/pura70/">HUAWEI Pura 70</a> </div> <p class="product-price">Desde $ 15,999<span>$ 19,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70/">Conoce más</a> <a class="buy-btn product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/pura-70-buy/">Comprar</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">Verlos todos <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/more.svg" alt=""></div> </div> </div> </section> <!-- 货架单卡片代码 --> <!-- <section class="category-section section-productlist section-video mx-out" data-bannername="Pura 系列"> <div class="section-page-content max-title"> <div class="h3"> Pura 系列 </div> <p>先锋影像</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/latam/common/launch/2024/1212/plp/phones-new/video/pura-series.jpg" data-basepath="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/video/pura-series"></video> </div> <div class="video-btn video-button-ga"> <img class="play-btn " src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/play.svg" alt="该 ID 视频展现了引领时尚风向和影像创新的 Pura 系列手机"> <img class="pause-btn " src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/pause.svg" alt="该 ID 视频展现了引领时尚风向和影像创新的 Pura 系列手机"> </div> </div> <div class="cardSwiper swiper"> <div class="card-list swiper-wrapper"> <div class="swiper-slide card-item card-item3"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70-ultra/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/pura-series/shelf-huawei-pura70-ultra.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/mx/phones/pura70-ultra/">HUAWEI Pura 70 Ultra</a> </div> <p class="product-price">¥8999 起 <span></span></p> <p class="product-stages"></p> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70-ultra/">了解更多</a> <a class="buy-btn product-button-buy-ga product-scene-button-ga scene-ga" href="https://www.vmall.com/product/comdetail/index.html?prdId=10086102004921&cid=276741">Buy</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">查看全部 <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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"> Serie nova </div> <p>Retrato de nivel profesional</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/latam/common/launch/2024/1212/plp/phones-new/video/nova-series.jpg" data-basepath="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/video/nova-series"></video> </div> <div class="video-btn video-button-ga"> <img class="play-btn " src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/play.svg" alt=""> <img class="pause-btn " src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13-pro/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/nova-series/shelf-huawei-nova13-pro.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/nova13-pro/">HUAWEI nova 13 Pro</a> </div> <p class="product-price">Desde $ 13,999<span>$ 16,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13-pro/">Conoce más</a> <a class="buy-btn product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/nova13-buy/">Comprar</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/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/nova-series/shelf-huawei-nova13.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/nova13/">HUAWEI nova 13</a> </div> <p class="product-price">Desde $ 10,999<span>$ 11,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13/">Conoce más</a> <a class="buy-btn product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13/buy/">Comprar</a> </div> </div> </div> <!-- <div class="swiper-slide card-item card-item1"> <a class="three-btn" href=""><img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-y72s/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/nova-series/shelf-huawei-nova-y72s.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/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/mx/phones/nova-y72s/">Conoce más</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/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-13i/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova13i.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova13i.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NUEVO</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/mx/phones/nova-13i/">HUAWEI nova 13i </a> </div> <p class="product-price">Desde $ 5,999</p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-13i/">Conoce más</a> <a class="buy-btn product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/nova-13i-buy/">Comprar</a> </div> </div> </div> <div class="swiper-slide card-item card-item1"> <a class="three-btn" href=""><img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-12s/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/nova-series/shelf-huawei-nova-12s.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/nova-series/shelf-huawei-nova-12s.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NUEVO</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/mx/phones/nova-12s/">HUAWEI nova 12s</a> </div> <p class="product-price">Desde $ 9,999</p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-12s/">Conoce más</a> <a class="buy-btn product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-12s/buy/">Notificarme</a> </div> </div> </div> <!-- <div class="swiper-slide card-item card-item1"> <a class="three-btn" href=""><img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova12-se/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova12-se.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova12-se.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NUEVO</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/mx/phones/nova12-se/">HUAWEI nova 12 SE</a> </div> <p class="product-price">Desde $ 7,999</p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova12-se/">Conoce más</a> <a class="buy-btn product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova12-se/buy/">Comprar</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">Verlos todos <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">¿Qué teléfono es mejor para ti?</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/mx/phones/pura70-ultra/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/compare/compare-huawei-pura70-ultra.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/compare/compare-huawei-pura70-ultra.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NUEVO</p> <!-- <p class="special-hot">HOT</p> --> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70-ultra/"> HUAWEI Pura 70 Ultra </a> </div> <div class="item-page"> <p class="item-price">Desde $ 25,999<span>$ 30,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70-ultra/">Conoce más</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-white compare-button-buy-ga compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/pura-70-ultra-buy/">Comprar</a> </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/latam/common/launch/2024/1212/plp/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/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-rear-pura70-ultra.svg" alt=""> </div> <div class="card-page"> Cámara Retráctil de Ultra Iluminación de <span class="nowrap">50 MP</span><br> Cámara Ultra Gran Angular de <span class="nowrap">40 MP</span><br> Cámara Macro Telefoto de Ultra Iluminación de <span class="nowrap">50 MP</span> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-front.svg" alt=""> </div> <div class="card-page"> Cámara Selfie de 13 MP </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-battery.svg" alt=""> </div> <div class="card-page"> 5200 mAh (valor típico) </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-charge.svg" alt=""> </div> <div class="card-page"> HUAWEI SuperCharge <span class="nowrap">(Máx. 100 W)</span><br> HUAWEI SuperCharge inalámbrico <span class="nowrap">(Máx. 80 W)</span> </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/mx/phones/pura70-pro/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/compare/compare-huawei-pura70-pro.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/compare/compare-huawei-pura70-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NUEVO</p> <!-- <p class="special-hot">HOT</p> --> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70-pro/"> HUAWEI Pura 70 Pro </a> </div> <div class="item-page"> <p class="item-price">Desde $ 20,999<span>$ 23,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70-pro/">Conoce más</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-white compare-button-buy-ga compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/pura-70-pro-buy/">Comprar</a> </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/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-kunlun.svg" alt=""> </div> <div class="card-page"> Kunlun Glass súper durable </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/p70-pro-rear-camera.svg" alt=""> </div> <div class="card-page"> Cámara de Ultra Iluminación de <span class="nowrap">50 MP</span><br> Cámara Ultra Gran Angular de <span class="nowrap">12.5 MP</span><br> Cámara Macro Telefoto de Ultra Iluminación de <span class="nowrap">48 MP</span> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-front.svg" alt=""> </div> <div class="card-page"> Cámara Selfie de 13 MP </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-battery.svg" alt=""> </div> <div class="card-page"> 5050 mAh (valor típico) </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-charge.svg" alt=""> </div> <div class="card-page"> HUAWEI SuperCharge <span class="nowrap">(Máx. 100 W)</span><br> HUAWEI SuperCharge inalámbrico <span class="nowrap">(Máx. 80 W)</span> </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/mx/phones/pura70/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/compare/compare-huawei-pura70.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/compare/compare-huawei-pura70.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NUEVO</p> <!-- <p class="special-hot">HOT</p> --> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70/"> HUAWEI Pura 70 </a> </div> <div class="item-page"> <p class="item-price">Desde $ 15,999<span>$ 19,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70/">Conoce más</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-white compare-button-buy-ga compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/pura-70-buy/">Comprar</a> </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/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-kunlun.svg" alt=""> </div> <div class="card-page"> Kunlun Glass súper durable </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/p70-rear-camera.svg" alt=""> </div> <div class="card-page"> Cámara de Ultra Iluminación de <span class="nowrap">50 MP</span><br> Cámara ultra gran angular de <span class="nowrap">13 MP</span><br> Cámara Telefoto de 12 MP </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-front.svg" alt=""> </div> <div class="card-page"> Cámara Selfie de 13 MP </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-battery.svg" alt=""> </div> <div class="card-page"> 4900 mAh (valor típico) </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-charge.svg" alt=""> </div> <div class="card-page"> HUAWEI SuperCharge <span class="nowrap">(Máx. 66 W)</span><br> HUAWEI SuperCharge inalámbrico <span class="nowrap">(Máx. 50 W)</span> </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/mx/phones/nova13-pro/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/compare/compare-huawei-nova13-pro.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/compare/compare-huawei-nova13-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NUEVO</p> <!-- <p class="special-hot">HOT</p> --> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13-pro/"> HUAWEI nova 13 Pro </a> </div> <div class="item-page"> <p class="item-price">Desde $ 13,999<span>$ 16,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13-pro/">Conoce más</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-white compare-button-buy-ga compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/nova13-buy/">Comprar</a> </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/latam/common/launch/2024/1212/plp/phones-new/images/icon/line.svg" alt="" onerror="imgErrorUrl(this)"> </div> <div class="card-page" data-height-under="1" style="height: 22px;"> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-rear-nova13-pro.svg" alt=""> </div> <div class="card-page"> Cámara de 50 MP con apertura ajustable<br> Cámara Retrato Telefoto con zoom óptico <span class="nowrap">3x 12 MP</span><br> Cámara Macro Ultra Gran Angular de <span class="nowrap">8 MP</span> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-front-nova13-pro.svg" alt=""> </div> <div class="card-page"> Cámara Selfie de 60 MP con autoenfoque ultra amplio<br> Cámara Selfie para retratos de <span class="nowrap">8 MP</span> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-battery.svg" alt=""> </div> <div class="card-page"> 5000 mAh (valor típico) </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-charge.svg" alt=""> </div> <div class="card-page"> HUAWEI SuperCharge <span class="nowrap">(Máx. 100 W)</span> </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/mx/phones/nova13/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/compare/compare-huawei-nova13.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/compare/compare-huawei-nova13.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NUEVO</p> <!-- <p class="special-hot">HOT</p> --> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13/"> HUAWEI nova 13 </a> </div> <div class="item-page"> <p class="item-price">Desde $ 10,999<span>$ 11,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13/">Conoce más</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-white compare-button-buy-ga compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13/buy/">Comprar</a> </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/latam/common/launch/2024/1212/plp/phones-new/images/icon/line.svg" alt="" onerror="imgErrorUrl(this)"> </div> <div class="card-page" data-height-under="1" style="height: 22px;"> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-rear-nova13.svg" alt=""> </div> <div class="card-page"> Cámara Ultra Vision de 50 MP<br> Cámara Macro Ultra Gran Angular de <span class="nowrap">8 MP</span> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-front.svg" alt=""> </div> <div class="card-page"> Cámara Selfie Gran Angular de <span class="nowrap">60 MP</span> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-battery.svg" alt=""> </div> <div class="card-page"> 5000 mAh (valor típico) </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/icon-charge.svg" alt=""> </div> <div class="card-page"> HUAWEI SuperCharge <span class="nowrap">(Máx. 100 W)</span> </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"> Selecciona, combina y <br>maravíllate con las opciones </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">Accesorios</div> <p class="item-page">El complemento perfecto</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/mx/accessories/?type=phone-accessories">Conoce más</a> </div> </div> <div class="collocation-item-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/collocation/huawei-phones-accessories.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/mx/accessories/?type=phone-accessories"></a> </div> <div class="collocation-item"> <div class="collocation-item-title"> <div class="item-title h4">Apps incluidas</div> <p class="item-page">Vida inteligente</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/mx/mobileservices/">Pruébalo ahora</a> </div> </div> <div class="collocation-item-image"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/collocation/huawei-mobileservices.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/mx/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">Conectado a tu vida</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/latam/common/launch/2024/1212/plp/phones-new/images/coordination/huawei-phones-and-wearables.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/latam/common/launch/2024/1212/plp/phones-new/images/coordination/huawei-phones-and-headphones.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/latam/common/launch/2024/1212/plp/phones-new/images/coordination/huawei-phones-and-laptops.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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/latam/common/launch/2024/1212/plp/phones-new/images/coordination/huawei-phones-and-tablets.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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 Teléfono y reloj</span> </button> </div> <div class="tabnav-collapse" data-btnname="Phone & Watch"> <p class="tabnav-intro">Activa el modo Ciclismo del reloj y transforma instantáneamente tu teléfono en un velocímetro.<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 Teléfono y auriculares</span> </button> </div> <div class="tabnav-collapse"> <p class="tabnav-intro">Simplemente abre el estuche de carga y toca CONECTAR en la ventana emergente del teléfono para completar el emparejamiento inicial.<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 Teléfono y laptop</span> </button> </div> <div class="tabnav-collapse"> <p class="tabnav-intro">Abre hasta 3 aplicaciones móviles en la gran pantalla del portátil. Navega a tu antojo con las amplias ventanas de aplicaciones en modo horizontal y 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 Teléfono y tablet</span> </button> </div> <div class="tabnav-collapse"> <p class="tabnav-intro">Arrastra cualquier archivo de texto, imagen, audio y video a SuperHub cuando desees y simplemente pégalo, transfiérelo y compártelo entre tus dispositivos conectados con notable facilidad.<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> <!-- 最后一屏EN不上,仅作为模板 --> <section class="category-section category-section-ga section-service mx-out"> <div class="h3 max-title tx-c">Compra con facilidad, disfruta con tranquilidad</div> <div class="section-service-container mx-content"> <div class="serviceSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide serviceSlide"> <div class="service-icon"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/privilege-1.svg" alt=""> </div> <div class="sevice-page"> <div class="h5 sevice-title"> Compra con 0% de interés </div> <p class="sevice-word">Comprar es más fácil con planes de pago a plazos con 0% de interés en productos específicos. </p> <div class="product-btn product-btn-type2"> <a class="more-btn service-ga" data-btnname="Learn About Payment Methods" data-bannername="Purchase with 0% interest" href="https://consumer.huawei.com/mx/offer/como-comprar-huawei-store/">Conoce sobre métodos de pago</a> </div> </div> <a class="category-bg-click" data-bannername="Purchase with 0% interest" href="https://consumer.huawei.com/mx/offer/como-comprar-huawei-store/"></a> </div> <div class="swiper-slide serviceSlide"> <div class="service-icon"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/privilege-6.svg" alt=""> </div> <div class="sevice-page"> <div class="h5 sevice-title"> Envío gratuito y rápido </div> <p class="sevice-word">Envío gratuito y recolección sencilla.</p> <div class="product-btn product-btn-type2"> <a class="more-btn service-ga" data-btnname="Learn About Delivery Policies" data-bannername="Free & Fast Delivery" href="https://consumer.huawei.com/mx/shop/delivery-policy/">Conoce sobre nuestras políticas</a> </div> </div> <a class="category-bg-click" data-bannername="Free & Fast Delivery" href="https://consumer.huawei.com/mx/shop/delivery-policy/"></a> </div> <!-- <div class="swiper-slide serviceSlide"> <div class="service-icon"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/privilege-2.svg" alt=""> </div> <div class="sevice-page"> <div class="h5 sevice-title"> Cambia tu dispositivo por un descuento </div> <p class="sevice-word">Cambia tu dispositivo actual para recibir créditos para un nuevo dispositivo, convenientemente disponible en las tiendas minoristas HUAWEI.</p> <div class="product-btn product-btn-type2"> <a class="more-btn service-ga" data-btnname="Find Stores" data-bannername="Trade in your device for a discount" href="https://consumer.huawei.com/my/retail/">Encontrar una tienda</a> </div> </div> <a class="category-bg-click" data-bannername="Trade in your device for a discount" href="https://consumer.huawei.com/my/retail/"></a> </div> --> <div class="swiper-slide serviceSlide"> <div class="service-icon"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/privilege-3.svg" alt=""> </div> <div class="sevice-page"> <div class="h5 sevice-title"> Cámbiate sin complicaciones </div> <p class="sevice-word">Olvídate de los cables enredados o la pérdida de tiempo, con Phone Clone puedes transferir tus archivos de forma inalámbrica con sólo unos pocos clics.</p> <div class="product-btn product-btn-type2"> <a class="more-btn service-ga" data-btnname="Transfer Data" data-bannername="Simply, Switch" href="https://consumer.huawei.com/mx/emui/clone/">Transferir datos</a> </div> </div> <a class="category-bg-click" data-bannername="Simply, Switch" href="https://consumer.huawei.com/mx/emui/clone/"></a> </div> <div class="swiper-slide serviceSlide"> <div class="service-icon"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/icon/privilege-5.svg" alt=""> </div> <div class="sevice-page"> <div class="h5 sevice-title"> Libérate de preocupaciones con protección adicional </div> <p class="sevice-word">HUAWEI Care+ es el servicio postventa oficial de Huawei, que ofrece cobertura exclusiva para tu teléfono con planes flexibles de dos o un año.</p> <div class="product-btn product-btn-type2"> <a class="more-btn service-ga" data-btnname="View Details" data-bannername="Stay Worry-Free with Additional Protection" href="https://consumer.huawei.com/mx/support/huawei-care/">Ver detalles</a> </div> </div> <a class="category-bg-click" data-bannername="Stay Worry-Free with Additional Protection" href="https://consumer.huawei.com/mx/support/huawei-care/"></a> </div> </div> </div> <div class="serviceSwiper-button-content normal-button-content"> <div class="swiper-button-prev serviceSwiper-button-prev"></div> <div class="swiper-button-next serviceSwiper-button-next"></div> </div> </div> </section> <section class="section-footnote normal-footnote"> <div class="section-content"> <ol> <li id="footnote-1">El reloj se puede conectar a un medidor de potencia que admita el protocolo Bluetooth estándar, pero no a ciertos medidores de potencia de doble cara.</li> <li id="footnote-2">La función emergente sólo es compatible con teléfonos y tabletas con EMUI10 o posterior, y en PC seleccionadas con PC Manager 13.0.2.300 o posterior.</li> <li id="footnote-3">Sólo ciertas computadoras portátiles Huawei que ejecutan PC Manager 13.0.3.390 o posterior, ciertos teléfonos Huawei que ejecutan HarmonyOS 3.0.0.160 o posterior y ciertas tabletas Huawei que ejecutan HarmonyOS 3.1.0.122 o posterior admiten esta función. Para utilizar esta función, debes iniciar sesión con el mismo ID de HUAWEI en tu teléfono, tableta y PC, y habilitar Bluetooth y Wi-Fi. Sólo determinadas aplicaciones y archivos admiten esta función. Si tienes alguna pregunta sobre la experiencia general, las restricciones de uso o los modelos admitidos por esta función, comunícate con tu línea directa local de servicio al cliente de Huawei.</li> <li id="footnote-4">Esta función sólo es compatible con ciertas PC Huawei con PC Manager 13.0.3 o posterior, y ciertos teléfonos Huawei con EMUI 13.1 o posterior, y tabletas con HarmonyOS 3 o posterior. Ambos dispositivos deben iniciar sesión con el mismo ID de HUAWEI, con Bluetooth y Wi-Fi habilitados. Sólo determinadas aplicaciones, textos e imágenes se adaptan a esta función. La experiencia real prevalecerá.</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/latam/common/launch/2024/1212/plp/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Inteligencia Artificial</p> <div class="h3">IA poderosa a tus órdenes</div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">Botón de control inteligente</div> <p class="reason-title-page">Toca el botón para abrir tus funciones favoritas en un instante, para hacer tu teléfono realmente tuyo.<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/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-1-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-1-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-1-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">Mensajes con IA</div> <p class="reason-title-page">Mantén tus notificaciones ocultas cuando tu teléfono detecta que alguien más está viendo tu pantalla, y obtén la información más reciente en tu reloj en tiempo real.<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/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-xiaoyi-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-xiaoyi-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-xiaoyi-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">Cancelación de ruido con AI durante las llamadas</div> <p class="reason-title-page">Filtra el ruido para garantizar que tu voz se escuche fuerte y claro, donde sea que estés hablando por teléfono.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-2-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-2-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-2-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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> para rescates fotográficos </div> <p class="reason-title-page">Selecciona la expresión óptima entre varias fotos de grupo, para que todos luzcan lo mejor posible en la misma imagen.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-4-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-4-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-ai-photo-edit-4-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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>Las funciones antes mencionadas están cubiertas por la categoría de productos de teléfonos HUAWEI, pero no todos los productos ofrecen todas estas funciones. Las características varían entre diferentes productos. Consulta la página de especificaciones de compra del producto específico para obtener información precisa.</li> </ol> <ol> <li id="rasonfootnote-1">Las imágenes son sólo de referencia. Esta función sólo está disponible después de una actualización HOTA. La experiencia real debe prevalecer.</li> <li id="rasonfootnote-2">Para usar la mensajería AI, conecta tu HUAWEI Mate X6 a un wearable Huawei que corra HarmonyOS 4 o posterior y admita recordatorios inteligentes. El modelo real del producto debe prevalecer.</li> <li id="rasonfootnote-3">La pantalla Flawless Quad-Curve es la definición de diseño de pantalla de teléfono de Huawei. El HUAWEI nova 13 Pro adopta una pantalla de cuatro curvas que admite la tecnología Display Turbo.</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/latam/common/launch/2024/1212/plp/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Fotografía</p> <div class="h3">Captura precisa de foco completo</div> </div> <div class="reason-content reason-one-content bg-white"> <div class="reason-content-title"> <div class="h4">Color perfecto en cada toma</div> <p class="reason-title-page">La cámara XMAGE Ultra Aperture mejora cada lente de la cámara para ofrecer una precisión de color impresionante.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-camera-system-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-camera-system-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-camera-system-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">Instantánea Ultrarrápida</div> <p class="reason-title-page">Captura con una cámara Ultra Lightning y el motor de movimiento HUAWEI XD objetos incluso a una velocidad ultra alta de 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/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-sample-photo-1-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-sample-photo-1-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-sample-photo-1-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">Estrellas desde cualquier distancia</div> <p class="reason-title-page">El retrato multifocal con la cámara trasera<sup data-reasonfootnote="2">2</sup> te permite cambiar sin problemas entre paisajes panorámicos y primeros planos cautivadores para obtener una imagen impecable dentro del encuadre. </p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-sample-photo-2-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-sample-photo-2-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-sample-photo-2-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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>Las funciones antes mencionadas están cubiertas por la categoría de productos de teléfonos HUAWEI, pero no todos los productos ofrecen todas estas funciones. Las características varían entre diferentes productos. Consulta la página de especificaciones de compra del producto específico para obtener información precisa.</li> </ol> <ol> <li id="rasonfootnote-1">Datos de los laboratorios de Huawei.</li> <li id="rasonfootnote-2">Las imágenes son sólo de referencia. Las interfaces y usos reales deberán prevalecer.</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/latam/common/launch/2024/1212/plp/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Diseño</p> <div class="h3">Nuevas tendencias estéticas</div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Diseño Tri-Fold superdelgado</div> <p>Experimenta hoy el futuro de la tecnología con este teléfono de triple.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/reason/pop/phones-tri-fold-form-mob.jpg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/reason/pop/phones-tri-fold-form-mob.jpg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/reason/pop/phones-tri-fold-form-pc.jpg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/reason/pop/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">Anillo de Órbita Estelar, un salto en diseño</div> <p>Construido para el futuro, pero con todo el poder para hacer el presente más memorable, este diseño de Anillo de Órbita Estelar te hará dirigir la mirada hacia el espacio.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-mate-x6-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-mate-x6-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-mate-x6-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">Una obra maestra que marca tendencia</div> <p class="reason-title-page">El totalmente nuevo Forward Symbol Design, adornado con la exclusiva etiqueta XMAGE, encarna el espíritu de la maestría artística.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-pura-design-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-pura-design-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-pura-design-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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>Las funciones antes mencionadas están cubiertas por la categoría de productos de teléfonos HUAWEI, pero no todos los productos ofrecen todas estas funciones. Las características varían entre diferentes productos. Consulta la página de especificaciones de compra del producto específico para obtener información precisa.</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/latam/common/launch/2024/1212/plp/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Confiablidad</p> <div class="h3">Más que resistente</div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Kunlun Glass súper durable</div> <p class="reason-title-page">Nuestro Kunlun Glass súper durable eleva la resistencia a las caídas en 100%,<sup data-reasonfootnote="1">1</sup> convirtiendo accidentes desafortunados en eventos sin trascendencia.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-kunlun-glass-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-kunlun-glass-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-kunlun-glass-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">Sistema de bisagras</div> <p class="reason-title-page">El sistema avanzado de bisagras de precisión garantiza una coordinación precisa y un delicado movimiento de doble bisagra para que cada pliegue, tanto hacia dentro como hacia fuera, sea suave y fluido.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/reason/pop/phones-hinge-system-mob.jpg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/reason/pop/phones-hinge-system-mob.jpg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/reason/pop/phones-hinge-system-pc.jpg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/reason/pop/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>Las funciones antes mencionadas están cubiertas por la categoría de productos de teléfonos HUAWEI, pero no todos los productos ofrecen todas estas funciones. Las características varían entre diferentes productos. Consulta la página de especificaciones de compra del producto específico para obtener información precisa.</li> </ol> <ol> <li id="rasonfootnote-1">Los datos provienen de los laboratorios de Huawei y son una comparación entre el HUAWEI Pura 70 Pro y los productos Kunlun Glass de primera generación. Dado que el teléfono contiene componentes de precisión, asegúrate de no golpearlo ni dejarlo caer mientras lo usas.</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/latam/common/launch/2024/1212/plp/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Batería</p> <div class="h3">Batería de larga duración, carga rápida</div> </div> <div class="reason-content reason-two-content bg-black"> <div class="reason-content-title"> <div class="h4">HUAWEI SuperCharge dual</div> <p class="reason-title-page">HUAWEI Pura 70 Pro admite HUAWEI SuperCharge<sup data-reasonfootnote="1">1</sup> con cable de 100 W y HUAWEI SuperCharge<sup data-reasonfootnote="2">2</sup> inalámbrico de 80 W, lo que garantiza que tu dispositivo esté siempre en su mejor momento.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-long-battery-life-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-long-battery-life-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-long-battery-life-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">Súper batería</div> <p class="reason-title-page">La súper batería de 7000 mAh<sup data-reasonfootnote="3">3</sup> del HUAWEI nova Y91 soporta 29 horas de reproducción de video local<sup data-reasonfootnote="4">4</sup> con una carga completa.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-supercharge-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-supercharge-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-supercharge-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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>Las funciones antes mencionadas están cubiertas por la categoría de productos de teléfonos HUAWEI, pero no todos los productos ofrecen todas estas funciones. Las características varían entre diferentes productos. Consulta la página de especificaciones de compra del producto específico para obtener información precisa.</li> </ol> <ol> <li id="rasonfootnote-1">100 W es la potencia máxima de carga por cable y sólo se puede alcanzar cuando se utilizan el cable y el cargador HUAWEI SuperCharge de 100 W. El rendimiento de carga real puede variar.</li> <li id="rasonfootnote-2">80 W es la potencia máxima de carga inalámbrica y solo se puede alcanzar cuando se utiliza el soporte de carga inalámbrica HUAWEI SuperCharge (máx. 80 W) o el cargador inalámbrico para automóvil HUAWEI SuperCharge (máx. 80 W) (se vende por separado), junto con el cargador y cable SuperCharge dedicado de 100 W. El rendimiento de carga real puede variar.</li> <li id="rasonfootnote-3">El valor típico de la batería es de 7000 mAh y su capacidad nominal es de 6900 mAh. La batería no es extraíble. Los datos provienen de los laboratorios de HUAWEI.</li> <li id="rasonfootnote-4">Los datos provienen de los laboratorios de HUAWEI. La duración real de la batería puede variar según los hábitos de uso y los factores ambientales. </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/latam/common/launch/2024/1212/plp/phones-new/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Privacidad</p> <div class="h3">Control de la privacidad para apps</div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">Centro de seguridad<sup data-reasonfootnote="1">1</sup></div> <p class="reason-title-page">Cuando la función de protección del dispositivo está habilitada, tu dispositivo analizará automáticamente el sistema en busca de riesgos de seguridad, virus y comportamientos maliciosos, para detener y contener las amenazas a tiempo.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-harmonyos-next-security-access-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-harmonyos-next-security-access-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-harmonyos-next-security-access-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">Centro de privacidad</div> <p class="reason-title-page">Te brinda una idea clara de la frecuencia con la que tus aplicaciones acceden a tus datos personales, con un panel intuitivo, y ofrece detección de riesgos de seguridad a nivel del sistema, para alejarte de apps de alto riesgo.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-harmonyos-next-permission-control-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-harmonyos-next-permission-control-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-harmonyos-next-permission-control-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">Eliminación de información confidencial<sup data-reasonfootnote="2">2</sup></div> <p class="reason-title-page">Cuando habilitas la protección de privacidad de las imágenes, se eliminará la información confidencial, como la ubicación de la toma, la hora y el modelo del dispositivo utilizado para tomar la foto, para que puedas compartirla en las redes sociales con absoluta tranquilidad.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-harmonyos-next-app-border-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-harmonyos-next-app-border-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/reason/pop/huawei-phones-harmonyos-next-app-border-pc.jpeg" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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>Las funciones antes mencionadas están cubiertas por la categoría de productos de teléfonos HUAWEI, pero no todos los productos ofrecen todas estas funciones. Las características varían entre diferentes productos. Consulta la página de especificaciones de compra del producto específico para obtener información precisa.</li> </ol> <ol> <li id="rasonfootnote-1">Las imágenes tienen únicamente fines ilustrativos. La interfaz real prevalecerá.</li> <li id="rasonfootnote-2">Esta función se aplica a las imágenes almacenadas localmente en el teléfono. Cuando la función está habilitada, las aplicaciones de terceros no podrán leer la información privada de las imágenes. </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/latam/common/launch/2024/1212/plp/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">Serie Mate</p> <p class="product-list-fix-btn" data-btnname="Pura Series" data-arrive="2">Serie Pura</p> <p class="product-list-fix-btn" data-btnname="nova Series" data-arrive="3">Serie nova</p> <p class="product-list-fix-btn" data-btnname="P Series" data-arrive="4">Serie P</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">Serie Mate </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/mx/phones/mate-xt-ultimate-design/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/all-phones/all-mate-xt-ultimate-design.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/all-phones/all-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">NUEVO</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/mx/phones/mate-xt-ultimate-design/"> HUAWEI Mate XT ULTIMATE DESIGN</a> </div> <p class="product-price">Desde $ 69,999</p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/mate-xt-ultimate-design/">Conoce más</a> <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/mate-xt-ultimate-design-buy/">Comprar</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/mx/phones/mate-x6/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-mate-x6.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/mate-x6/">HUAWEI Mate X6</a> </div> <p class="product-price">Desde $ 32,199<span>$ 45,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/mate-x6/">Conoce más</a> <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/mate-x6-buy/">Comprar</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/mx/phones/mate-x3/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-mate-x3.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/mate-x3/"> HUAWEI Mate X3</a> </div> <p class="product-price"> </p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/mate-x3/">Conoce más</a> <!-- <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://www.vmall.com/product/comdetail/index.html?prdId=10086499369393&cid=92424360">Comprar</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/mx/phones/mate50-pro/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-mate50-pro.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/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/mx/phones/mate50-pro/">Conoce más</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/mx/phones/mate50/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-mate50.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/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/mx/phones/mate50/">Conoce más</a> </div> </div> </div> </div> --> </div> <div class="productlist-fix-content" id="productlistFix2" data-active="2" data-bannername="Pura Series"> <div class="h3">Serie Pura </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/mx/phones/pura70-ultra/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-pura70-ultra.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/pura70-ultra/">HUAWEI Pura 70 Ultra</a> </div> <p class="product-price">Desde $ 25,999<span>$ 30,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70-ultra/">Conoce más</a> <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/pura-70-ultra-buy/">Comprar</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/mx/phones/pura70-pro/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-pura70-pro.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/pura70-pro/">HUAWEI Pura 70 Pro</a> </div> <p class="product-price">Desde $ 20,999<span>$ 23,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70-pro/">Conoce más</a> <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/pura-70-pro-buy/">Comprar</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/mx/phones/pura70/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-pura70.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/pura70/">HUAWEI Pura 70</a> </div> <p class="product-price">Desde $ 15,999<span>$ 19,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/pura70/">Conoce más</a> <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/pura-70-buy/">Comprar</a> </div> </div> </div> </div> </div> <div class="productlist-fix-content" id="productlistFix3" data-active="3" data-bannername="nova Series"> <div class="h3">Serie nova </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/mx/phones/nova13-pro/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova13-pro.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/nova13-pro/">HUAWEI nova 13 Pro</a> </div> <p class="product-price">Desde $ 13,999<span>$ 16,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13-pro/">Conoce más</a> <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/nova13-buy/">Comprar</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/mx/phones/nova13/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova13.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/nova13/">HUAWEI nova 13</a> </div> <p class="product-price">Desde $ 10,999<span>$ 11,999</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13/">Conoce más</a> <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova13/buy/">Comprar</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/mx/phones/nova-13i/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova13i.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/nova-13i/">HUAWEI nova 13i</a> </div> <p class="product-price">Desde $ 5,999</p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-13i/">Conoce más</a> <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/offer/telefonos/nova-13i-buy/">Comprar</a> </div> </div> </div> </div> <!-- <div class="productlist-fix-group productlist-fix-group-three new"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-y72s/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova-y72s.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/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/mx/phones/nova-y72s/">Conoce más</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/mx/phones/nova-12s/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova-12s.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/nova-12s/">HUAWEI nova 12s</a> </div> <p class="product-price">Desde $ 9,999</p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-12s/">Conoce más</a> <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-12s/buy/">Notificarme</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/mx/phones/nova12-se/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova12-se.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/nova12-se/">HUAWEI nova 12 SE</a> </div> <p class="product-price">Desde $ 7,999</p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova12-se/">Conoce más</a> <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova12-se/buy/">Comprar</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/mx/phones/nova-12i/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova12i.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/nova-12i/">HUAWEI nova 12i</span></a> </div> <p class="product-price">Desde $ 4,399 <span>$ 5,499</span></p> <p class="product-stages">o 9 pagos</p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-12i/">Conoce más</a> <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-12i/buy/">Comprar</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/mx/phones/nova11-pro/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova11-pro.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova11-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NUEVO</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/mx/phones/nova11-pro/"> HUAWEI nova 11 Pro</a> </div> <p class="product-price"> </p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova11-pro/">Conoce más</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/mx/phones/nova-11i/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova11i.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/nova-11i/"> HUAWEI nova 11i</a> </div> <p class="product-price"> </p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-11i/">Conoce más</a> <!-- <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://www.vmall.com/product/comdetail/index.html?prdId=10086499369393&cid=92424360">Comprar</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/mx/phones/nova10-pro/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova10-pro.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova10-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NUEVO</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/mx/phones/nova10-pro/"> HUAWEI nova 10 Pro</a> </div> <p class="product-price"> </p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova10-pro/">Conoce más</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/mx/phones/nova10/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova10.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova10.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NUEVO</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/mx/phones/nova10/"> HUAWEI nova 10</a> </div> <p class="product-price"> </p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova10/">Conoce más</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/mx/phones/nova10-se/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova10-se.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova10-se.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NUEVO</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/mx/phones/nova10-se/"> HUAWEI nova 10 SE</a> </div> <p class="product-price"> </p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova10-se/">Conoce más</a> <!-- <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://www.vmall.com/product/comdetail/index.html?prdId=10086499369393&cid=92424360">Comprar</a> --> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-three new"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-y72s/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/all-phones/all-nova-y72s.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2025/0218/plp/phones/all-phones/all-nova-y72s.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NUEVO</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/mx/phones/nova-y72s/"> HUAWEI nova Y72S</a> </div> <p class="product-price"> </p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-y72s/">Conoce más</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/mx/phones/nova11/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova11.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova11.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NUEVO</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/mx/phones/nova11/"> HUAWEI nova 11</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova11/">Conoce más</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/mx/phones/nova-y72/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova-y72.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/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/mx/phones/nova-y72/">Conoce más</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/mx/phones/nova-y91/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova-y91.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/nova-y91/"> HUAWEI nova Y91</a> </div> <p class="product-price"> </p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-y91/">Conoce más</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/mx/phones/nova-y61/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova-y61.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/nova-y61/"> HUAWEI nova Y61</a> </div> <p class="product-price"> </p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-y61/">Conoce más</a> <!-- <a class="btn-white product-button-buy-ga product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova-y61/buy/">Comprar</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/mx/phones/nova9-se/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova9-se.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-nova9-se.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NUEVO</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/mx/phones/nova9-se/"> HUAWEI nova 9 SE</a> </div> <p class="product-price"> </p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/nova9-se/">Conoce más</a> </div> </div> </div> </div> </div> <div class="productlist-fix-content" id="productlistFix4" data-active="4" data-bannername="P Series"> <div class="h3">Serie P </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/mx/phones/p60-pro/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-p60-pro.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/phones/p60-pro/">HUAWEI P60 Pro</a> </div> <p class="product-price"> </p> <p class="product-stages"> </p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/mx/phones/p60-pro/">Conoce más</a> <!-- <a class="btn-white " href="">Buy</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/mx/phones/p60-art/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-p60-art.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/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/mx/phones/p60-art/">Conoce más</a> <a class="btn-white " href="">Buy</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/mx/phones/p60/"> <img src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/images/all-phones/all-huawei-p60.png" data-src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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">NUEVO</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/mx/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/mx/phones/p60/">Conoce más</a> <a class="btn-white " href="">Buy</a> </div> </div> </div> </div> --> </div> </div> </div> </div> </div> </div> </div> </section> </main> <script src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/phones-new/js/utilsPlugin.js"></script> <script src="/content/dam/huawei-cbg-site/latam/common/launch/2024/1212/plp/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 = header ? header.clientHeight : 80; // 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", nav2Height + 'px') 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 ); } } } $("#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); }); }); productListFixBtn.forEach(function (item) { item.addEventListener("click", function (event) { let btnArrive = item.getAttribute("data-arrive"); popFixScroll(btnArrive); }); }); 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"); // } // }) 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 ob = new IntersectionObserver( function (changes) { changes.forEach(function (d) { if (d.intersectionRatio > 0) { let productActive = d.target.getAttribute("data-active") - 1; $(".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") } } } else { } }); }, { rootMargin: "-49% 0% -49% 0%", } ); fixContent.forEach(function (e) { ob.observe(e); // let contentGroup = e.querySelectorAll(".productlist-fix-group"); // console.info(contentGroup.length) // let productQuantity = e.querySelector(".product-quantity"); // console.info(productQuantity) // if (productQuantity) { // productQuantity.innerHTML = contentGroup.length; // } }); ob = null; }, 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", nav2Height + 'px') // }) // 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> <!-- EDM固定订阅入口 --> <footer class="v4 n09-footer footer " data-component="n09-footer"> <div class="container"> <div class="policy-text">*El acceso a determinadas funciones puede variar dependiendo de la región. Las imágenes de los productos, videos y los contenidos de las pantallas correspondientes a las páginas precedentes son solo para fines de referencia. Las funciones y las especificaciones reales de los productos (lo que incluye, a título meramente ilustrativo, el aspecto, el color y el tamaño), así como los contenidos reales de las pantallas (lo que incluye, a título meramente enunciativo, los fondos, la interfaz de usuario, íconos y videos) pueden diferir. <br /><br /> **Todos los datos que aparecen en las páginas precedentes son valores teóricos que han sido obtenidos por los laboratorios internos de HUAWEI a través de pruebas realizadas en condiciones particulares. Para obtener más información, consulta los detalles de los productos antes mencionados. Los datos reales pueden variar debido a diferencias en los productos individuales, las versiones de software, las condiciones de las aplicaciones y los factores del entorno. Todos los datos están sujetos al uso real. <br /><br /> ***Debido a los cambios en tiempo real que involucran lotes de productos y factores de producción y suministro, con el objetivo de brindar información, especificaciones y funciones precisas de los productos, HUAWEI puede realizar ajustes en tiempo real a los textos descriptivos y a las imágenes que aparecen en las páginas informativas precedentes para que coincidan con el rendimiento, las especificaciones, los índices y los componentes del producto real. La información de los productos está sujeta a tales cambios y ajustes sin previo aviso. <br /><br /> ****El tamaño del producto, el peso del producto y las especificaciones relacionadas son solo valores teóricos. Es posible que las medidas reales de los productos individuales varíen. Todas las especificaciones están sujetas al producto real. <br /><br /> *****La capacidad de la batería del producto es el valor típico. Es posible que la capacidad real de la batería para cada producto individual se encuentre apenas por encima o por debajo de la capacidad de batería nominal.</div> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https://consumer.huawei.com/mx/"},{"@type":"ListItem","position":2,"name":"Teléfonos","item":"https://consumer.huawei.com/mx/phones/"}]} </script> <div class="breadcrumbs"> <ul class="breadcrumbs__list"> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" title="Inicio" href="/mx/">Inicio</a> </li> <li class="breadcrumbs__item"> <span class="breadcrumbs__link">Teléfonos</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">PRODUCTOS</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="Teléfonos" data-title="Teléfonos" class="footer-links__link " href="/mx/phones/"> Teléfonos </a> </li> <li class="footer-links__item"> <a title="Wearables" data-title="Wearables" class="footer-links__link " href="/mx/wearables/"> Wearables </a> </li> <li class="footer-links__item"> <a title="PC" data-title="PC" class="footer-links__link " href="/mx/laptops/"> PC </a> </li> <li class="footer-links__item"> <a title="Tablets" data-title="Tablets" class="footer-links__link " href="/mx/tablets/"> Tablets </a> </li> <li class="footer-links__item"> <a title="Accesorios" data-title="Accesorios" class="footer-links__link " href="/mx/accessories/overview/"> Accesorios </a> </li> <li class="footer-links__item"> <a title="Audio" data-title="Audio" class="footer-links__link " href="/mx/audio/"> Audio </a> </li> <li class="footer-links__item"> <a title="Routers" data-title="Routers" class="footer-links__link " href="/mx/routers/"> Routers </a> </li> <li class="footer-links__item"> <a title="AppGallery" data-title="AppGallery" class="footer-links__link " href="/mx/mobileservices/appgallery/"> AppGallery </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">HUAWEI STORE</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="Condiciones de venta" data-title="Condiciones de venta" dmpalabel="Condiciones de venta" class="footer-links__link footer_dmpa" href="/mx/shop/sales-policy/"> Condiciones de venta </a> </li> <li class="footer-links__item"> <a title="Política de entrega" data-title="Política de entrega" dmpalabel="Política de entrega" class="footer-links__link footer_dmpa" href="/mx/shop/delivery-policy/"> Política de entrega </a> </li> <li class="footer-links__item"> <a title="Política de devoluciones" data-title="Política de devoluciones" dmpalabel="Política de devoluciones" class="footer-links__link footer_dmpa" href="/mx/shop/return-policy/"> Política de devoluciones </a> </li> <li class="footer-links__item"> <a title="FAQ" data-title="FAQ" dmpalabel="FAQ" class="footer-links__link footer_dmpa" href="/mx/shop/faq/"> FAQ </a> </li> <li class="footer-links__item"> <a title="Términos y condiciones del Programa de Puntos HUAWEI" data-title="Términos y condiciones del Programa de Puntos HUAWEI" dmpalabel="Términos y condiciones del Programa de Puntos HUAWEI" class="footer-links__link footer_dmpa" href="/mx/shop/membership-policy/"> Términos y condiciones del Programa de Puntos HUAWEI </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">SOPORTE</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="Centros de Servicio" data-title="Centros de Servicio" class="footer-links__link " href="/mx/support/service-center/"> Centros de Servicio </a> </li> <li class="footer-links__item"> <a title="Precio de Repuestos" data-title="Precio de Repuestos" class="footer-links__link " href="/mx/support/sparepart-price/"> Precio de Repuestos </a> </li> <li class="footer-links__item"> <a title="Póliza de Garantía" data-title="Póliza de Garantía" class="footer-links__link " href="/mx/support/warranty-policy/"> Póliza de Garantía </a> </li> <li class="footer-links__item"> <a title="Consulta tu Período de Garantía" data-title="Consulta tu Período de Garantía" class="footer-links__link " href="/mx/support/warranty-query/"> Consulta tu Período de Garantía </a> </li> <li class="footer-links__item"> <a title="Servicio Express" data-title="Servicio Express" class="footer-links__link " href="/mx/support/express-repair/"> Servicio Express </a> </li> <li class="footer-links__item"> <a title="Consulte el Progreso de Reparación" data-title="Consulte el Progreso de Reparación" class="footer-links__link " href="/mx/support/inquiry/"> Consulte el Progreso de Reparación </a> </li> <li class="footer-links__item"> <a title="Aviso de Privacidad para Servicios" data-title="Aviso de Privacidad para Servicios" class="footer-links__link " href="/mx/support/service-privacy-notice/"> Aviso de Privacidad para Servicios </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">ACERCA DE HUAWEI</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="Acerca de nosotros" data-title="Acerca de nosotros" class="footer-links__link " href="/mx/about-us/"> Acerca de nosotros </a> </li> <li class="footer-links__item"> <a title="HUAWEI Group" data-title="HUAWEI Group" class="footer-links__link " href="https://www.huawei.com/mx/" target="_blank" rel="noopener noreferrer"> HUAWEI Group </a> </li> <li class="footer-links__item"> <a title="HUAWEI Enterprise" data-title="HUAWEI Enterprise" class="footer-links__link " href="https://e.huawei.com/en/" target="_blank" rel="noopener noreferrer"> HUAWEI Enterprise </a> </li> <li class="footer-links__item"> <a title="HUAWEI Carrier" data-title="HUAWEI Carrier" class="footer-links__link " href="https://www.huawei.com/en/carrier/index.htm" target="_blank" rel="noopener noreferrer"> HUAWEI 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/recruitment/?language=en" 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-2 col-md-6 footerv4-payment-types"> <div class="footerv4-payment-cnt"> <div class="heading contact__title heading-06">Métodos de pago permitidos</div> <ul> <li> <img class="img-lazy" data-src="/content/dam/huawei-cbg-site/latam/pe/e-commerce/payment-type-new/mercadopago.png" alt="Mercado Pago"/> </li> <li> <img class="img-lazy" data-src="/content/dam/huawei-cbg-site/weu/de/mkt/homepage/icon/icon01.png" alt="VISA"/> </li> <li> <img class="img-lazy" data-src="/content/dam/huawei-cbg-site/weu/de/mkt/homepage/icon/icon02.png" alt="Matstercard"/> </li> <li> <img class="img-lazy" data-src="/content/dam/huawei-cbg-site/weu/de/mkt/homepage/icon/icon04.png" alt="American Express"/> </li> <li> <img class="img-lazy" data-src="/content/dam/huawei-cbg-site/latam/mx/mkt/homepage/pay_logo/new/paypal.png" alt="PayPal"/> </li> </ul> </div> </div> <div class="contact__block col-xl-4 col-md-6"> <div class="heading contact__title heading-06">Síganos</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/HuaweimobileMX/" 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/HuaweiMobileMx" 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="youtube" class="contact__social-link" data-social="youtube" href="https://www.youtube.com/user/HuaweiDeviceMx" 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="instagram" class="contact__social-link" data-social="instagram" href="https://www.instagram.com/huaweimobilemx/" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-instagram"> <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">©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="Mapa del Sitio" class="bottom-links__link" href="/mx/sitemap/"> Mapa del Sitio </a> </li> <li class="bottom-links__item"> <a title="Términos de Uso" class="bottom-links__link" href="/mx/legal/terms-of-use/"> Términos de Uso </a> </li> <li class="bottom-links__item"> <a title="Declaración de privacidad" class="bottom-links__link" href="/mx/privacy/privacy-statement-huawei/"> Declaración de privacidad </a> </li> <li class="bottom-links__item"> <a title="Cookies" class="bottom-links__link" href="/mx/legal/cookie-policy/"> Cookies </a> </li> </ul> </div> <div class="language-switcher col-xl-3 col-md-4 "> <a title="Mexico - Español" class="language-switcher__link" href="https://consumer.huawei.com/en/worldwide/" target="_blank" rel="noopener noreferrer">Mexico - Español</a> <a href="https://consumer.huawei.com/en/worldwide/" title="globe" target="_blank" rel="noopener noreferrer"> <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">Estás a punto de salir de consumer.huawei.com</div> <div class="disclaimer-popup-description">Después de hacer clic en el enlace, accederás a un sitio web externo. Huawei no es responsable ni tiene control sobre este sitio web externo.</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">Volver</span> <span class="btn disclaimer-popup-continue-btn">Continuar</span> </div> </div> </div> </div> </div> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/external-link.min.a429484055d1fddccad7a5822fe09568.js" defer></script> <div id="ec_live_chat" class="ec_live_chat" data-type="livechat"> <p class="hide_callnumber" style="display:none"></p> <style> .livechat-iframe-container { display: none; box-sizing: content-box; position: fixed; margin-left: 10px; right: 10px; bottom: 10px; z-index: 22222222222; max-width: 375px; width: calc(100% - 20px); height: 640px; padding-top: 50px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 16px; border-radius: 3px 3px 0px 0px; background: #fff; overflow: hidden; } .livechat-iframe-header { height: 50px; margin-top: -50px; line-height: 50px; font-size: 14px; font-weight: bold; overflow: hidden; text-align: center; border-bottom: solid 1px #e8e5e5; font-family: "Roboto-Regular", Roboto, helvetica, "汉仪旗黑", "微软雅黑", arial !important; } .livechat-iframe-header > span { float: right; position: relative; right: 15px; width: 30px; height: 100%; background-image: url("https://celia-de.consumer.huawei.com/images/pc/mini.svg"); background-repeat: no-repeat; background-position: center; background-size: 20px 3px; cursor: pointer; } .z-index-20 { z-index: 20; } .robot-icon { position: fixed; bottom: 104px; right: 24px; width: 64px; height: 64px; border-radius: 30px; overflow: hidden; background-image: url("/etc/designs/huawei-cbg-site/images/ecommerce/livechat/Latin-America.png"); background-repeat: no-repeat; background-position: center; background-size: 64px 64px; cursor: pointer; } .robot-icon:hover { background-image: url("/etc/designs/huawei-cbg-site/images/ecommerce/livechat/Latin-America-hover.png"); background-repeat: no-repeat; background-position: center; background-size: 64px 64px; cursor: pointer; } .robot-icon-wap-text { position: fixed; bottom: -46px; right: -30px; width: auto; line-height: 18px; padding: 5px; background: rgba(255, 255, 255, 0.5); border-radius: 4px 4px 0 0; backdrop-filter: blur(4px); font-size: 14px; color: #000000; text-align: center; transform: rotate(-90deg); box-sizing: content-box; } .robot-icon-wap-text:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.5); border-radius: 4px 4px 0 0; z-index: -1; } .robot-icon-click { position: fixed; bottom: 24px; right: 12px; width: 48px; height: 48px; border-radius: 30px; overflow: hidden; background-image: url("/etc/designs/huawei-cbg-site/images/ecommerce/livechat/Latin-America.png"); background-repeat: no-repeat; background-position: center; background-size: 48px 48px; } html[dir="rtl"] .robot-icon { left: 24px; right: auto; } html[dir="rtl"] .robot-icon-wap-text { left: -30px; right: auto; border-radius: 4px 0 0 4px; } html[dir="rtl"] .robot-icon-wap-text:after { border-radius: 4px 0 0 4px; } html[dir="rtl"] .robot-icon-click { left: 12px; right: auto; } .is-pc-icon { display: none; } @media screen and (max-width: 768px) { .robot-icon { bottom: 100px; } } </style> <script> /** * 是否是App嵌入WebView * @returns {*} */ function liveChatInWebView() { return ( window.integrationJsInterface || window.integrationJsInterfaceWebview || window.hicareJsInterface || window.kocJsInterface || window.fansJSInterface ); } window.isFirstClickIcon = true; var liveChatParams = ecCom.getLiveChatParams(); /* 请配置以下参数=============================START*/ var paramSet = { host: "https://celia-sg.consumer.huawei.com", //域名地址 botcode: "20041", //botcode码 isNoRobot: false, //是否去掉机器人 isBlueIcon: true, //是否需要蓝色图标 oneTrust: false, //是否是欧洲国家, welComeTips: "Bienvenido a Soporte al Cliente", //设置欢迎语 groupId: "", //是否有groupId,无则为空 }; /* 配置结束,下面是代码==========================END */ var onlineType = 1; var livechatIframeContainerH = window.innerHeight || 800; var bodyH = 0.7 * livechatIframeContainerH; var minHeight = bodyH > 500 ? 470 : 0; var iframeHeight = minHeight === 0 ? "490px" : "100%"; var overFlowY = minHeight === 0 ? "overflow-y: auto" : ""; var isNoRobotStr = paramSet.isNoRobot ? "&isNoRobot=true" : ""; var oneTrustStr = paramSet.oneTrust ? "&oneTrust=true" : ""; var groupIdStr = paramSet.groupId ? "&groupId=" + paramSet.groupId : ""; var $livechatIframeContainer = $(".livechat-iframe-container"); var $ymurl = window.location.href; if ($ymurl.indexOf("business") == -1) { if (!$livechatIframeContainer.length) { var robotIconHtmlStr = liveChatParams.robotIconHtmlStr || ""; var livechatHtmlStr = '<div class="livechat-iframe-container" style="height:' + bodyH + "px;min-height:" + minHeight + "px;max-height:700px;" + overFlowY + '">' + '<div class="livechat-iframe-header">' + paramSet.welComeTips + '<span id="closeLiveChatBtn"></span></div>' + '<iframe src="' + paramSet.host + "/?botcode=" + paramSet.botcode + "" + isNoRobotStr + "" + oneTrustStr + "" + groupIdStr + '" scrolling="no" frameborder=0 style="width:100%;height:' + iframeHeight + '"></iframe>' + "</div>"; if (!liveChatInWebView()) { $("body").append($(robotIconHtmlStr)); } // 设置wap端contact us文案位置 ecCom.setWapRobotOffset(); $("#closeLiveChatBtn").on("click", function () { $(".livechat-iframe-container").hide(); // 本地缓存删除 window.localStorage.setItem("livechatIframe", ""); }); $(".contact-online a").click(function () { $(".livechat-iframe-container").show(); // 设置本地缓存 window.localStorage.setItem("livechatIframe", "open"); }); // 首页和品类页隐藏 if(pageCategory && (pageCategory=='homepage' || pageCategory=='product-listing' || pageCategory=='sitemap' || pageCategory=='mobileservices' || pageCategory=='wearables' || pageCategory=='product-detail' || pageCategory=='emui-12' || pageCategory=='emui' || pageCategory=='harmonyos' || pageCategory=='harmonyos-3' || pageCategory=='harmonyos-2' || pageCategory=='product-detail_specs' || pageCategory=='press' || pageCategory=='about-us' || pageCategory=='sustainability' || pageCategory=='campaign' || pageCategory=='stories' || pageCategory=='smart-office' || pageCategory=='pura70pro')){ $('#robotIcon').hide(); } // 悬浮图标点击 $("#robotIcon").click(function () { if ( $.cookie("_ext_u_e_") != "1" && !$.cookie("ec-loginStatus") && ecCom && typeof ecCom.initUserInfo === "function" ) { // 【官网方法拉起登录】 ecCom.initUserInfo(document.location.href); } else { if ($(".livechat-iframe-container").length === 0) { $("body").append($(livechatHtmlStr)); $("#closeLiveChatBtn").on("click", function () { $(".livechat-iframe-container").hide(); // 本地缓存删除 window.localStorage.setItem("livechatIframe", ""); }); } // wap点过一次后客服人脸常驻 ecCom.wapRobotToggle(); $(".livechat-iframe-container").show(); // 设置本地缓存 window.localStorage.setItem("livechatIframe", "icon-open"); } }); $("a.contact-online").on("click", function () { $(".livechat-iframe-container").show(); // 设置本地缓存 window.localStorage.setItem("livechatIframe", "a-open"); }); //页面unload的时候删除 window.addEventListener("onunload", function () { window.localStorage.setItem("livechatIframe", ""); }); //页面变化的时候删除 window.addEventListener("resize", function () { var containerH = window.innerHeight || 800; if (containerH <= 500) { $(".livechat-iframe-container").css("min-height", 0); $(".livechat-iframe-container iframe").css("height", 490); $(".livechat-iframe-container").css("overflow-y", "auto"); } else { $(".livechat-iframe-container").css("min-height", 470); $(".livechat-iframe-container iframe").css("height", "100%"); $(".livechat-iframe-container").css("overflow-y", "hidden"); } var changeH = 0.7 * containerH; if (document.getElementsByClassName("livechat-iframe-container")[0]) { document.getElementsByClassName( "livechat-iframe-container" )[0].style.height = changeH + "px"; } else { $livechatIframeContainer.css("height", changeH + "px"); } }); } } </script> </div> <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.c77538833d590fa47c4e337db2127535.js"></script> <input type="hidden" id="hide-spu-questionnaire" value="0"/> </body> </html>