HUAWEI Audio - HUAWEI Global

<!DOCTYPE html> <html xml:lang="en" lang="en" prefix="og:http://ogp.me/ns#"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="Access-Control-Allow-Origin"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.2, maximum-scale=5.0, user-scalable=yes"/> <meta name="description" content="Find the latest HUAWEI earphones or speakers and explore the immersive sound quality, noise cancellation, connectivity, and other features, along with the related applications."/> <meta name="keywords" content="HUAWEI earphones, HUAWEI earbuds, HUAWEI freebuds, HUAWEI headphones, HUAWEI buds, HUAWEI audio, HUAWEI wireless earphones, HUAWEI bluetooth earphones, HUAWEI eyewear, HUAWEI Smart Speakers, HUAWEI FreeBuds Pro, HUAWEI Sound, HUAWEI FreeLace"/> <meta name="GENERATOR" content=" 8.00.7601.19003"/> <meta name="robots" content="index,follow"/> <meta name="title" content="HUAWEI Audio - HUAWEI Global"/> <title>HUAWEI Audio - HUAWEI Global</title> <link rel="canonical" href="https://consumer.huawei.com/en/audio/"/> <link rel="preload" href="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/hero/huawei-freebuds-pro-4-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/audio/winter-2024-new-product-launch/new-audio/images/hero/huawei-freebuds-pro-4-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/audio/winter-2024-new-product-launch/new-audio/images/hero/huawei-freebuds-pro-4-pc.jpeg" as="image" type="image/jpeg"/> <script type="application/ld+json">{"@context":"http://schema.org","@id":"https://consumer.huawei.com/en/#organization","@type":"Organization","name":"HUAWEI","url":"https://consumer.huawei.com/en/","logo":"https://consumer-res.huawei.com/etc/designs/huawei-cbg-site/clientlib-campaign-v4/common-v4/images/logo.png","subOrganization":[{"@id":"https://consumer.huawei.com/en/support/#organization","@type":"Organization","name":"HUAWEI Support","url":"https://consumer.huawei.com/en/support/"},{"@id":"https://consumer.huawei.com/en/#organization","@type":"Organization","name":"HUAWEI Shop","url":"https://consumer.huawei.com/en/"}],"contactPoint":{"@type":"ContactPoint","contactType":"support","areaServed":"EN","availableLanguage":["EN","en"]},"sameAs":["https://en.wikipedia.org/wiki/Huawei","https://www.facebook.com/huaweimobile","https://twitter.com/huaweimobile","https://www.instagram.com/huaweimobile","https://www.youtube.com/c/huaweimobile","https://www.linkedin.com/company/huawei-consumer-business-group/"]}</script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"ItemList","url":"https://consumer.huawei.com/en/audio/","name":"Headphones & Speakers","description":"Find the latest HUAWEI earphones or speakers and explore the immersive sound quality, noise cancellation, connectivity, and other features, along with the related applications.","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.5ced2679f7b6afe7add54301c827bbe2.css" type="text/css"> <script type="text/javascript"> function getEncCookie(name){ var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)) return unescape(arr[2]); else return null; } // data layer javascript window.digitalData={"page":{"pageType":{"type":""},"pageInfo":{"appNum":"A59919963","siteCode":"en","staticResHost":"//consumer-res.huawei.com","isProd":false,"serviceGatewayPath":"https://sgw-sg.c.huawei.com/forward","gaiaPath":"//r.huaweistatic.com","ccpcApiKey":"DE","siteName":"Global (EN)","siteCodeForAPI":"worldwide","language":"en","pageName":"cbg:en:audio","uri":"/en/audio/","site":"cbg","countryCode":"EN","siteCode2":"en","isProductMiniSitePage":false,"knowledgeHost":"//consumer-tkb.huawei.com","isProductDetailPage":false,"publishedHost":"https://consumer.huawei.com","siteCurrency":"$"},"category":{"pageType":"product-listing","primaryCategory":"audio"}},"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\u002Dde.c.huawei.com"; supportv2["captchaServiceDomain"] = "csc\u002Dadapter\u002Ddre.security.dbankcloud.com"; supportv2["apiBaseUrl"] = "https:\/\/ccpce\u002Dde.consumer.huawei.com\/ccpcmd\/services\/dispatch\/secured\/CCPC\/EN"; supportv2["captchaUrl"] = "contentcenter\u002Ddre.dbankcdn.com\/pub_1\/cscaptcha_captcha_900_9\/b\/v3\/netease"; supportv2["supportApiUrl"] = "https:\/\/consumer.huawei.com\/support"; supportv2["ccpcServiceGatewayUrl"] = ""; supportv2["cmktApiUrl"] = "https:\/\/consumer\u002Dapi\u002Dsg.huawei.com\/cuepf"; supportv2["casUrl"] = "https:\/\/id5.cloud.huawei.com\/CAS"; supportv2["logisticcode"] = ""; supportv2["knowledgeLangCode"] = ""; supportv2["knowledgeCountry"] = ""; supportv2["productCategoryMapping"] = "[{\x22deviceProductLv2Id\x22:\x22CMCG10000002\x22,\x22categoryNameKey\x22:\x22Phones\x22,\x22majorProductCode\x22:\x22CMCG10000160,CMCG10000014,CMCG10000059,CMCG10000013,CMCG10000056,CMCG10000057,CMCG10000051,CMCG10000016,CMCG10000052,CMCG10000054,CMCG10000055,CMCG10000058,CMCG10000017,CMCG10000015,CMCG10000053\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/phones.svg\x22,\x22deviceCenterMajorName\x22:\x22Phones\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000003\x22,\x22categoryNameKey\x22:\x22Tablets\x22,\x22majorProductCode\x22:\x22CMCG10000018,CMCG10000019,CMCG10000061,CMCG10000060\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/tablets.svg\x22,\x22deviceCenterMajorName\x22:\x22Tablets\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000240\x22,\x22categoryNameKey\x22:\x22Vision\x22,\x22majorProductCode\x22:\x22CMCG10000920,CMCG10000280,CMCG10000922,CMCG10000941,CMCG10000980,CMCG10000940,CMCG10001000,CMCG10000921,CMCG10000300\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/visions.svg\x22,\x22deviceCenterMajorName\x22:\x22Vision\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000005\x22,\x22categoryNameKey\x22:\x22Wearables\x22,\x22majorProductCode\x22:\x22CMCG10000021,CMCG10000022,CMCG10000023,CMCG10000063,CMCG10000062\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/wearables.svg\x22,\x22deviceCenterMajorName\x22:\x22Wearables\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000004\x22,\x22categoryNameKey\x22:\x22Laptops\x22,\x22majorProductCode\x22:\x22CMCG10000620,CMCG10000400,CMCG10000383,CMCG10000401,CMCG10000020,CMCG10000384,CMCG10000402,CMCG10000121,CMCG10000345\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/laptops.svg\x22,\x22deviceCenterMajorName\x22:\x22Laptops\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000006\x22,\x22categoryNameKey\x22:\x22Smart home\x22,\x22majorProductCode\x22:\x22CMCG10000029,CMCG10000200,CMCG10000027,CMCG10000075,CMCG10000180,CMCG10000065,CMCG10000220,CMCG10000026,CMCG10000064,CMCG10000025,CMCG10000820,CMCG10000221,CMCG10000024,CMCG10000028,CMCG10000031,CMCG10000030\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/homes.svg\x22,\x22deviceCenterMajorName\x22:\x22Smart home\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000010\x22,\x22categoryNameKey\x22:\x22Accessories\x22,\x22majorProductCode\x22:\x22CMCG10000037,CMCG10000036,CMCG10000038,CMCG10000034,CMCG10000035,CMCG10000067,CMCG10000070,CMCG10000068,CMCG10000069,CMCG10000066\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/accessories.svg\x22,\x22deviceCenterMajorName\x22:\x22Accessories\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000340\x22,\x22categoryNameKey\x22:\x22Monitors\x22,\x22majorProductCode\x22:\x22CMCG10000381,CMCG10000382\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/monitors.svg\x22,\x22deviceCenterMajorName\x22:\x22Monitors\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000360\x22,\x22categoryNameKey\x22:\x22Desktops\x22,\x22majorProductCode\x22:\x22CMCG10000342,CMCG10000420,CMCG10000380,CMCG10000361\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/desktops.svg\x22,\x22deviceCenterMajorName\x22:\x22Desktops\x22},{\x22deviceProductLv2Id\x22:\x22CMCG10000760\x22,\x22categoryNameKey\x22:\x22Smart office\x22,\x22majorProductCode\x22:\x22CMCG10000761,CMCG10000780\x22,\x22picUrl\x22:\x22\/content\/dam\/huawei\u002Dcbg\u002Dsite\/greate\u002Dchina\/cn\/support\/support\u002Dv3\/warranty\u002Dquery\/printers.svg\x22,\x22deviceCenterMajorName\x22:\x22Smart office\x22}]"; supportv2["myDeviceI18nValue"] = "My device"; supportv2["gaEntrance"] = "" supportv2["gaModule"] = "" supportv2["entranceLv2ForGa"] = "" supportv2["productCategory1"] = "" supportv2["productCategory2"] = "" supportv2["productCategory3"] = "" supportv2["productCategory4"] = "" supportv2["ccpcSgwAppId"] = "96E6614BD648F3582A2D6D657C5CC768" supportv2["ccpcMyHuaweiApiId"] = "EDCF82D77A5AB59706CD5F2163F67427" supportv2["uumSgwAppId"] = "EDCF82D77A5AB59706CD5F2163F67427" supportv2["enableCsrfVerify"] = "false" == "true"; supportv2["cmktSgwAppId"] = "DE1FDF33D6278164A62EC486793F7CCF" supportv2["weComSdk"] = "https:\/\/wwcdn.weixin.qq.com\/node\/open\/js\/wecom\u002Djssdk\u002D2.0.2.js"; supportv2["weComCorpId"] = "ww1c80e3515f0cf2c3"; supportv2["weComAgentId"] = "1000246"; </script> <script type="text/javascript"> var loginApiUrl={}; loginApiUrl["cmscApiUrl"] = ""; loginApiUrl["huaweitimeApiUrl"] = ""; var mktConfig={}; mktConfig["websiteFunctionApi"] = ""; mktConfig["uumApi"] = "https:\/\/itrinity\u002Dsg.c.huawei.com"; mktConfig["sgwApi"] = (window.digitalData && window.digitalData.page.pageInfo.serviceGatewayPath) ? window.digitalData.page.pageInfo.serviceGatewayPath : "https:\/\/sgw\u002Dsg.c.huawei.com\/forward"; </script> <input type="hidden" id="month_txt" value="month txt"/> <input type="hidden" id="thumbnailImagePath" data-ccpc-api="//h5hosting-drcn.dbankcdn.cn/cch5/HiCare/myHuawei-shareSdk/shareSdk.ignores.js" value="https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/wxshare.jpeg"/> <input type="hidden" id="underageTips"/> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/public-v4.min.6eb61069c2fbbdf0327be711b46f2803.js"></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-public-footer.min.fceda8aec29965bb0a72b1283da5e068.js"></script> <meta name="format-detection" content="telephone=no"/> <script type="text/javascript"> // 站点 var siteCode = window.digitalData ? window.digitalData.page.pageInfo.siteCode2 : ''; var ec_siteCode = window.digitalData ? window.digitalData.page.pageInfo.siteCode2 : ''; var isECommerceSite = "None"; isECommerceSite = isECommerceSite ? isECommerceSite : "None"; var apiHost = ""; var loginApiHost = ""; var upPersonalCenterLink = ""; var loginLink = ""; // 价格货币展示：货币代码 var ecCurrencyCode = ""; // 价格货币展示：货币符号位置处理 var putCurrencyFront = "true" !== '' ? JSON.parse("true") : true; // 价格货币展示：from显示与否 var showFrom = Boolean(false); // 价格货币展示：from文本位置 var putFromFront = Boolean(true); // 价格货币展示：千位分隔符 var thousandSeparator = ""; // 价格货币展示：小数点 var decimalPoint = ""; // 价格货币展示：是否显示小数 var showDecimal = Boolean(true); var showIntegerDecimal = Boolean(true); // 价格货币展示：是否空格隔开 var showCurrencySpace = Boolean(true); // 时区 var ecTimezone = "none"; // vmall登出接口 var vmallLogoutAPI = ""; // vmall需登录图片，用来拉起登录 var vmallLoginImgUrl = ""; // RRP var enableRRP = Boolean(false); var RRPText = ""; if (enableRRP) { RRPText = ""; } var enableScribes = Boolean(true); var rrpTips = ""; var enableShowSave = Boolean(true); var saveText = ""; // trade in开关（目前只针对PLP页，其他由中台控制） var enableTradeIn = Boolean(false); // 开启分期显示配置 var enableInstallmentCfg = Boolean(false); // 显示免息文本 var enableInterestFree = Boolean(false); // 免息文本 var interestFreeText = ""; // 分期左文本 var insatallmentLeftText = ""; // 分期右文本 var insatallmentRightText = ""; // 分期显示格式 var installmentDispType = "numberAndAmount"; // APP DMPA开关 var enableAppDmpa = Boolean(false); // 运动健康内强制登录开关 var enableUnitedLoginForHealth = Boolean(false); </script> <input id="is-edit-mode" type="hidden" value="false"/> <input type="hidden" id="offer-page-type" value="default"/> <input type="hidden" id="offer-home-page"/> <input type="hidden" id="aem-run-mode" value="prod"/> </head> <body class="huawei-v4 huawei-en "> <style> .header-tag-title.seo{ position:absolute; display: block; height: 0; width: 0; overflow: hidden; z-index: -1; } </style> <h1 class="header-tag-title seo">Headphones & Speakers</h1> <input title="cookie" type="hidden" id='cookieType' value="hwcookie"/> <div class="huawei-bootom-cookie"> <div class="huawei-cookie-cnt"> <div class="huawei-cookie-txt"> We use cookies to improve our site and your experience. By continuing to browse our site you accept our cookie policy.<a href="/en/legal/cookie-policy/" title=" Find out more"> Find out more</a> <svg class="huawei-cookie-close" width="32" height="32" xmlns="http://www.w3.org/2000/svg"> <g fill="#7f7f7f" fill-rule="evenodd"> <path d="M8 7l17 17-1 1L7 8z"></path> <path d="M7 24L24 7l1 1L8 25z"></path> </g> </svg> </div> </div> </div> <span class="popular-text hidden" data-value="Popular results"></span> <span class="suggested-text hidden" data-value="Suggested results"></span> <div class="huawei-ie-tips" style="display: none;"> <div class="huawei-ie-cnt"> <div class="huawei-ie-txt">For a better user experience, please use the latest version of Internet Explorer or switch to another browser. <a class="huawei-ie-close" href="javascript:;" title="close"> <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"> <g fill="#3C3C3C" fill-rule="evenodd"> <path d="M8 7l17 17-1 1L7 8z"></path> <path d="M7 24L24 7l1 1L8 25z"></path> </g> </svg> </a> </div> </div> </div> <div class="v4 header-placeholder nav-v2" id="header-placeholder"></div> <div class="v4 header slide-down-corporation nav-v2" id="header-v4" data-component="header"> <div id="topTipsBox" class="top-tips-box"> <div class="ip-jump-wrap"></div> </div> <div class="v4 n04-platform-selection platform-selection nav-v2" data-component="n04-platform-selection"> <button aria-haspopup="true" role="button" aria-expanded="false" class="platform-selection__toggle js-platform-toggle" type="button"> Consumer <span class="icon font-ico-arrow-down"></span> </button> <div class="platform-selection__content"> <div class="container"> <button class="icon-close"> <span class="sr-only">Close</span> </button> <div class="platform-selection__items row"> <div class="platform-selection__item col-md-6 col-lg-3"> <a title="Consumer" class="platform-selection__link platform-selection__link--active" target="_blank" rel="noopener noreferrer" data-bgname="Consumer"> Consumer<span class="icon font-ico-arrow-down"></span> </a> <p class="platform-selection__item-content">Smartphones, Laptops & Tablets, Wearables and More</p> </div> <div class="platform-selection__item col-md-6 col-lg-3"> <a title="Corporate" class="platform-selection__link platform-selection__link" target="_blank" rel="noopener noreferrer" data-bgname="Corporate" href="https://www.huawei.com/en/?ic_medium=hwdc&ic_source=cbg_header_corp"> Corporate<span class="icon font-ico-arrow-down"></span> </a> <p class="platform-selection__item-content">About Huawei, Press&Event, and More</p> </div> <div class="platform-selection__item col-md-6 col-lg-3"> <a title="Enterprise" class="platform-selection__link platform-selection__link" target="_blank" rel="noopener noreferrer" data-bgname="Enterprise" href="https://e.huawei.com/en/?ic_medium=hwdc&ic_source=cbg_header_ent"> Enterprise<span class="icon font-ico-arrow-down"></span> </a> <p class="platform-selection__item-content">Products, Solutions and Services for Enterprise</p> </div> <div class="platform-selection__item col-md-6 col-lg-3"> <a title="Carrier" class="platform-selection__link platform-selection__link" target="_blank" rel="noopener noreferrer" data-bgname="Carrier" href="https://carrier.huawei.com/en/?ic_medium=hwdc&ic_source=cbg_header_car"> Carrier<span class="icon font-ico-arrow-down"></span> </a> <p class="platform-selection__item-content">Products, Solutions and Services for Carrier</p> </div> </div> </div> </div> </div> <input title="main-nav" type="hidden" id='mainNav' value="nav-v2"/> <div class="v4 n01-main-navigation main-navigation nav-v2" data-component="n01-main-navigation"> <div class="container main-navigation__container"> <a title="logo" class="logo" href="/en/" data-navicon="logo"> <img src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/common-v4/images/logo.svg" width="142" alt="Huawei-v4"/> </a> <nav class="main-nav"> <div class="lf-nav nav-zone"> <ul class="main-nav__list" role="menubar"> <li class="main-nav__item "> <a title="Smartphone" data-navicon="Smartphone" class="main-nav__link unhover" href="/en/phones/">Smartphone</a> </li> <li class="main-nav__item "> <a title="Wearable" data-navicon="Wearable" class="main-nav__link unhover" href="/en/wearables/">Wearable</a> </li> <li class="main-nav__item "> <a title="PC" data-navicon="PC" class="main-nav__link unhover" href="/en/laptops/">PC</a> </li> <li class="main-nav__item "> <a title="Tablet" data-navicon="Tablet" class="main-nav__link unhover" href="/en/tablets/">Tablet</a> </li> <li class="main-nav__item "> <a title="Audio" data-navicon="Audio" class="main-nav__link unhover" href="/en/audio/">Audio</a> </li> <li class="main-nav__item "> <a title="Router" data-navicon="Router" class="main-nav__link unhover" href="/en/routers/">Router</a> </li> <li class="main-nav__item "> <a title="HUAWEI Mobile Services" data-navicon="HUAWEI Mobile Services" class="main-nav__link unhover" href="/en/mobileservices/">HUAWEI Mobile Services</a> </li> </ul> </div> <div class="rg-nav nav-zone"> <ul class="main-nav__list" role="menubar"> <li class="main-nav__item "> <a title="Support" data-navicon="Support" class="main-nav__link unhover" href="/en/support/">Support</a> </li> <li class="main-nav__item "> <a title="Community" data-navicon="Community" class="main-nav__link unhover" href="/en/community/">Community</a> </li> <li class="main-nav__item "> <a title="Business" data-navicon="Business" class="main-nav__link unhover" href="/en/business/">Business</a> </li> </ul> </div> </nav> <div class="nav-addons"> <button class="nav-addons__link nav-addons__search js-open-search" aria-haspopup="true" role="button" aria-expanded="false" data-navicon="search"> <span class="icon font-ico-search"> <span class="sr-only">Search</span> </span> </button> <button aria-haspopup="true" role="button" aria-expanded="false" class="nav-toggle js-nav-toggle"> <span class="btn-line"></span> <span class="sr-only">Open menu</span> <span class="btn-line"></span> </button> </div> </div> </div> <div class="v4 n12-search popup nav-v2" data-component="n12-search"> <div class="container"> <button tabindex="-1" type="button" class="popup__close-btn js-close-popup"> <span class="sr-only">Close</span> </button> <div class="row"> <div class="col-xl-6 offset-xl-3 col-lg-8 offset-lg-2 col-md-10 offset-md-1"> <div class="search__form-container"> <label class="sr-only" for="search">search</label> <input class="search__form-input js-search-autocomplete" text="search" name="search" id="search" autocomplete="off" data-enable-ph-search="no" placeholder="Search HUAWEI..."/> <button class="search__form-submit" type="button"> <span class="icon font-ico-search"> <span class="sr-only">Search</span> </span> </button> <button class="search__form-clear js-search-clear" type="button"> <span class="icon font-ico-close"> <span class="sr-only">Close</span> </span> </button> </div> <div class="popular-show-wrap"> <div class="popular-wrap"> <div class="top-title"> Popular Products </div> <div class="popular-product dropdown__right"> <div class="row dropdown__row-mobile"> <div class="list dropdown__right-col col-xl-4 col-xs-6"> <a class="dropdown__series-link search-popular-product-link" data-position="1" title="HUAWEI Mate X6" href="/en/phones/mate-x6/"> <div class="dropdown__holder"> <img class="dropdown__image-centered" data-src="/content/dam/huawei-cbg-site/common/mkt/pdp/admin-image/phones/mate-x6/list/red.png" alt="HUAWEI Mate X6" onerror="imgErrorUrl(this)"/> </div> </a> <div> <a class="heading dropdown__series-link search-popular-product-link" data-position="1" title="HUAWEI Mate X6" href="/en/phones/mate-x6/"> HUAWEI Mate X6 </a> </div> </div> <div class="list dropdown__right-col col-xl-4 col-xs-6"> <a class="dropdown__series-link search-popular-product-link" data-position="2" title="HUAWEI nova 13 Pro" href="/en/phones/nova13-pro/"> <div class="dropdown__holder"> <img class="dropdown__image-centered" data-src="/content/dam/huawei-cbg-site/common/mkt/pdp/admin-image/phones/nova13-pro/list/green.png" alt="HUAWEI nova 13 Pro" onerror="imgErrorUrl(this)"/> </div> </a> <div> <a class="heading dropdown__series-link search-popular-product-link" data-position="2" title="HUAWEI nova 13 Pro" href="/en/phones/nova13-pro/"> HUAWEI nova 13 Pro </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 FreeBuds Pro 4" href="/en/headphones/freebuds-pro-4/"> <div class="dropdown__holder"> <img class="dropdown__image-centered" data-src="/content/dam/huawei-cbg-site/common/mkt/pdp/admin-image/headphones/freebuds-pro-4/list/black.png" alt="HUAWEI FreeBuds Pro 4" onerror="imgErrorUrl(this)"/> </div> </a> <div> <a class="heading dropdown__series-link search-popular-product-link" data-position="3" title="HUAWEI FreeBuds Pro 4" href="/en/headphones/freebuds-pro-4/"> HUAWEI FreeBuds Pro 4 </a> </div> </div> </div> </div> </div> <div class="quick-link"> <div class="top-title"> Quick View </div> <div class="link-wrap row"> <div class="col-sm-4 link-list"> <a title="Smartphone" class="search-quick-link" href="/en/phones/">Smartphone</a> </div> <div class="col-sm-4 link-list"> <a title="Wearable" class="search-quick-link" href="/en/wearables/">Wearable</a> </div> <div class="col-sm-4 link-list"> <a title="PC" class="search-quick-link" href="/en/laptops/">PC</a> </div> <div class="col-sm-4 link-list"> <a title="Tablet" class="search-quick-link" href="/en/tablets/">Tablet</a> </div> <div class="col-sm-4 link-list"> <a title="Audio" class="search-quick-link" href="/en/audio/">Audio</a> </div> <div class="col-sm-4 link-list"> <a title="Router" class="search-quick-link" href="/en/routers/">Router</a> </div> <div class="col-sm-4 link-list"> <a title="HUAWEI Mobile Services" class="search-quick-link" href="/en/mobileservices/">HUAWEI Mobile Services</a> </div> </div> </div> </div> </div> </div> <div class="search_toast"> enter more search keys </div> </div> </div> <div class="v4 n16-simple-tabs simple-tabs simple-tabs__sticky" data-component="n16-simple-tabs" style="display: none;"> <div class="container"> <div class="wrap"> <ul class="simple-tabs__wrap"> <li class="simple-tabs__continent" data-region="Africa">Africa</li> <li class="simple-tabs__continent" data-region="Asia Pacific">Asia Pacific</li> <li class="simple-tabs__continent" data-region="Europe">Europe</li> <li class="simple-tabs__continent" data-region="Latin America">Latin America</li> <li class="simple-tabs__continent" data-region="Middle East">Middle East</li> <li class="simple-tabs__continent" data-region="North America">North America</li> <li class="simple-tabs__continent" data-region="Global">Global</li> </ul> </div> </div> </div> </div> <div class="cookie-data"> <div class="required-category"> </div> <div class="analysis-category"> </div> <div class="advertise-category"> </div> <div class="function-category"> </div> <div class="unknown-category"> </div> </div> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/cookie-package-controller.min.15403c221f9cb150d5c5037427d9507c.js" defer></script>  <input type="hidden" id="privacy-popup-switch"/> <input type="hidden" id="privacy-popup-title"/> <input type="hidden" id="privacy-popup-ids"/> <input type="hidden" id="privacy-language-code" value="en-GB"/> <input type="hidden" id="privacy-popup-content"/> <input type="hidden" id="privacy-popup-agree"/> <input type="hidden" id="privacy-popup-checkNote"/> <input type="hidden" id="privacy-popup-remark"/> <input type="hidden" id="privacy-popup-agreeText"/> <input type="hidden" id="privacy-popup-rejectText"/> <input type="hidden" id="privacy-close-i18n" value="Close"/> <input type="hidden" id="privacy-errortip-i18n" value="privacy_fetch_error_tip"/> <script> // 隐私协议总开关 var privacyPopupSwitch = Boolean(); var privacyButtonLineStyle = Boolean(false); </script> <main class="v4 main page-plp"> <p class="hide_storefinderlink" style="display:none"></p> <p class="hide_showstorefinder" style="display:none">false</p> <p class="hide_storefinderinnewpage" style="display:none"></p> <div class="html-text-component parbase"> <style type="text/css"> .huawei-v4 .v4.main{ overflow: visible; } html.html-model-active { margin-right: var(--scrollbar-width); } html.html-model-active body { height: 100vh; overflow: hidden !important; } html.html-model-active #second-navigation-v4 .product-tabs__heading { margin-right: var(--scrollbar-width); } html[dir=rtl] .fancybox-close { right: auto !important; } .no-inline-video .video-btn { display: none !important; } #category-container { background: #f1f3f5; } #category-container p, #category-container span { line-height: 1.6; } #category-container .showIe, #category-container .wx-img { display: none; } #category-container .blur-up { filter: blur(5px); transition: filter 0.4s; -moz-transition: -webkit-filter 0.4s; -ms-transition: -webkit-filter 0.4s; -o-transition: -webkit-filter 0.4s; } #category-container .blur-up.lazyloaded { filter: blur(0); } #category-container * { box-sizing: border-box; } #category-container section { position: relative; } #category-container picture, #category-container img, #category-container video, #category-container svg, #category-container canvas { display: block; width: 100%; } #category-container sup { font-size: 0.6em; color: inherit; text-decoration: none; cursor: pointer; } #category-container .h2, #category-container .h3, #category-container .h4, #category-container .h5, #category-container .h6 { line-height: 1.25; font-weight: bold; } #category-container .h2 span, #category-container .h3 span, #category-container .h4 span, #category-container .h5 span, #category-container .h6 span { line-height: 1.25; } #category-container p b { font-weight: 500; color: #ffffff; } #category-container .hid-pc { display: none; } #category-container .nowrap { white-space: nowrap; } #category-container .tx-l { text-align: left; } #category-container .tx-r { text-align: right; } #category-container .tx-c { text-align: center; } #category-container .h3 { font-size: 48px; } @media screen and (max-width: 1440px) and (min-width: 1080px) { #category-container .h3 { font-size: 40px; } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .h3 { font-size: 36px; } } @media screen and (max-width: 767.98px) { #category-container .h3 { font-size: 24px; } #category-container .hid-pc { display: block; } #category-container .hid-mob { display: none; } } #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-type1 .btn-transparent { background: transparent; color: white; border-color: rgba(255, 255, 255, 0.3); } #category-container .product-btn-type2 { line-height: 1; display: flex; flex-wrap: wrap; } #category-container .product-btn-type2 a { display: inline-block; font-size: 13px; font-weight: 500; line-height: 1.1538461538; transition: 0.3s ease-out; cursor: pointer; font-weight: 700; } #category-container .product-btn-type2 a::after { content: ""; display: inline-block; width: 6px; height: 6px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); position: relative; top: -2px; margin-left: 6px; transition: 0.6s ease; font-weight: 700; box-sizing: border-box; } #category-container .product-btn-type2 a:nth-child(2) { margin-left: 24px; } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .product-btn-type2 a:nth-child(2) { margin-left: 24px; } } @media screen and (max-width: 767.98px) { #category-container .product-btn-type2 a:nth-child(2) { margin-left: 16px; } } #category-container .normal-button-content { max-width: 1760px; height: 36px; display: flex; justify-content: flex-end; margin: 40px auto 0; } #category-container .normal-button-content .swiper-button-prev::before, #category-container .normal-button-content .swiper-button-prev::after, #category-container .normal-button-content .swiper-button-next::before, #category-container .normal-button-content .swiper-button-next::after { display: none; } #category-container .normal-button-content .swiper-button-prev, #category-container .normal-button-content .swiper-button-next { position: static; transform: translate(0, 0); width: 36px; height: 100%; background: url(/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/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; } #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-audio-kv { width: 100%; position: relative; overflow: hidden; } #category-container .section-audio-kv .kv-click-bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } #category-container .section-audio-kv .kv-title-content { width: calc(100% - 280px); position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); z-index: 3; pointer-events: none; display: flex; justify-content: space-between; align-items: end; } @media (min-width:1921px){ #category-container .section-audio-kv .kv-title-content { width: calc(1760px - 120px); } } #category-container .section-audio-kv .kv-title-content .h4 { font-size: 40px; cursor: pointer; } #category-container .section-audio-kv .kv-title-content p { text-align: left; color: #000; font-weight: 400; cursor: pointer; } #category-container .section-audio-kv .kv-title-content .kv-title-content-slogan { font-size: 20px; margin-top: 16px; cursor: pointer; font-weight: 600; } #category-container .section-audio-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-audio-kv .kv-title-content.white .h4, #category-container .section-audio-kv .kv-title-content.white .kv-title-content-slogan, #category-container .section-audio-kv .kv-title-content.white .kv-title-content-price{ color: white; } #category-container .section-audio-kv .kv-title-content.white .h4{ white-space: nowrap; } #category-container .section-audio-kv .kv-title-content .kv-title-content-price span { color: #666666; 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: #666666; 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-audio-kv .kv-title-content .product-stages { font-size: 16px; color: #666666; line-height: 1; } #category-container .section-audio-kv .kv-title-content .special-page { height: auto; font-size: 16px; margin-bottom: 8px; } #category-container .section-audio-kv .kv-title-content .special-page p { color: #ce0e2d; display: none; cursor: pointer; } #category-container .section-audio-kv .kv-title-content .product-btn-type1 { margin-top: 24px; } #category-container .section-audio-kv .kv-title-content .product-btn-type1 a{ pointer-events: all; cursor: pointer; } #category-container .section-audio-kv .kv-title-content .product-btn-type1 a:nth-child(2) { margin-left: 24px; } #category-container .section-audio-kv .kv-title-content .product-btn-type1 .btn-transparent{ } #category-container .section-audio-kv .kv-bg-content { width: 100%; height: 720px; max-width: 1760px; overflow: hidden; margin: 0 auto; position: relative; } #category-container .section-audio-kv .kv-bg-content video, #category-container .section-audio-kv .kv-bg-content picture, #category-container .section-audio-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-audio-kv .kv-bg-content { border-radius: 8px; } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .section-audio-kv{ padding: 0; } #category-container .section-audio-kv .kv-title-content { width: calc(100% - 120px); } #category-container .section-audio-kv .kv-title-content .h4 { font-size: 36px; } #category-container .section-audio-kv .kv-bg-content { height: 768px; } } @media screen and (max-width: 767.98px) { #category-container .section-audio-kv{ padding: 0; } #category-container .section-audio-kv .kv-title-content { flex-direction: column; align-items: center; width: fit-content; bottom: 32px; } #category-container .section-audio-kv .kv-title-content p { text-align: center; } #category-container .section-audio-kv .kv-title-content .h4 { font-size: 24px; } #category-container .section-audio-kv .kv-title-content .kv-title-content-slogan { font-size: 16px; margin-top: 12px; } #category-container .section-audio-kv .kv-title-content .kv-title-content-price { margin: 12px 0 8px; } #category-container .section-audio-kv .kv-bg-content { height: 600px; } #category-container .section-audio-kv .kv-title-content .product-btn-type1 { margin-top: 20px; } } #category-container .section-reason .h3 { padding: 120px 0 60px; } #category-container .section-reason .reasonSwiper .swiper-slide { width: 428px; min-height: 591px; position: relative; border-radius: 8px; overflow: hidden; cursor: pointer; transform-origin: 50% 50%; transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1); will-change: transform; height: auto; background: white; } #category-container .section-reason .reasonSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 16px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content { position: relative; width: 100%; background: white; padding: 40px 52px 60px 40px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content p { font-size: 16px; font-weight: 500; color: #666666; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content .h4 { font-size: 28px; margin-top: 8px; color: black; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg { width: 100%; height: 428px; overflow: hidden; } @media screen and (max-width: 1920px) { #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg video, #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg picture, #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg img { max-width: none; height: 100%; width: auto; position: relative; left: 50%; transform: translate(-50%, 0); } } #category-container .section-reason .reasonSwiper .swiper-slide .reason-button { position: absolute; z-index: 2; width: 36px; height: 36px; right: 16px; bottom: 16px; border-radius: 50%; overflow: hidden; background-color: rgb(153, 153, 153); transition: opacity 0.3s cubic-bezier(0, 0, 0.5, 1); will-change: transform, opacity; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } #category-container .section-reason .reasonSwiper .swiper-slide:hover { transform: scale(1.02); } #category-container .section-reason .reasonSwiper .swiper-slide:hover .reason-button { opacity: 0.6; } @media screen and (max-width: 1440px) and (min-width: 1080px) { #category-container .section-reason .h3 { padding: 100px 0 48px; } #category-container .section-reason .reasonSwiper .swiper-slide { width: 374px; min-height: 512px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg { width: 100%; height: 374px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content { padding: 32px 52px 48px 32px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content p { font-size: 16px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content .h4 { font-size: 24px; } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .section-reason .h3 { padding: 100px 0 40px; } #category-container .section-reason .reasonSwiper .swiper-slide { width: 340px; min-height: 508px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg { width: 100%; height: 340px; } #category-container .section-reason .reasonSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 8px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content { padding: 32px 52px 48px 32px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content p { font-size: 16px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content .h4 { font-size: 24px; margin-top: 8px; } } @media screen and (max-width: 767.98px) { #category-container .section-reason .h3 { padding: 80px 0 28px; } #category-container .section-reason .reasonSwiper .swiper-slide { width: 272px; min-height: 412px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-bg { width: 100%; height: 272px; } #category-container .section-reason .reasonSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 8px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content { padding: 24px 52px 40px 24px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content p { font-size: 14px; } #category-container .section-reason .reasonSwiper .swiper-slide .reason-page-content .h4 { font-size: 20px; margin-top: 8px; } } #category-container .section-series { padding: 20px 80px; } @media screen and (min-width: 991.98px) { #category-container .section-series { border-top: solid 1px #E8E8E8; } } #category-container .section-series .series-button-shadow{ position: absolute; top: 0; left: 0; width: 80px; height: 100%; background-image: linear-gradient(90deg, rgb(241, 243, 245) 50%, rgba(241, 243, 245, 0) 100%); pointer-events: none; opacity: 0; z-index: 2; } #category-container .section-series .series-button-shadow.right{ right: 0; left: auto; background-image: linear-gradient(270deg, rgb(241, 243, 245) 50%, rgba(241, 243, 245, 0) 100%); } #category-container .section-series .seriesSwiper .swiper-wrapper { justify-content: center; } #category-container .section-series .seriesSwiper .swiper-slide { width: 132px; position: relative; overflow: hidden; cursor: pointer; transform-origin: 50% 50%; } #category-container .section-series .seriesSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 16px; } #category-container .section-series .seriesSwiper .swiper-slide .series-page-content { width: 100%; text-align: center; margin: 8px auto 0; } #category-container .section-series .seriesSwiper .swiper-slide .series-page-content .h4 { font-size: 14px; font-weight: 500; } #category-container .section-series .seriesSwiper .swiper-slide .series-page-content p { font-size: 16px; font-weight: 500; margin: 8px 0; color: #666666; line-height: 1.25; } #category-container .section-series .seriesSwiper .swiper-slide .series-slide-img { width: calc(100% - 52px); margin: 0 auto; overflow: hidden; transition: transform 0.2s cubic-bezier(0, 0, 0.5, 1); will-change: transform; } #category-container .section-series .seriesSwiper .swiper-slide .series-slide-img img { transition: transform 0.2s cubic-bezier(0, 0, 0.5, 1); } #category-container .section-series .seriesSwiper .swiper-slide .series-button { position: absolute; z-index: 2; width: 36px; height: 36px; right: 16px; bottom: 16px; border-radius: 50%; overflow: hidden; transition: all 0.3s cubic-bezier(0, 0, 0.5, 1); background-color: rgba(255, 255, 255, 0.6); background-position: right bottom; background-size: 100%; background-image: url(/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/series-btn.svg); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } #category-container .section-series .seriesSwiper .swiper-slide:hover .series-slide-img{ transform: scale(1.1); } #category-container .section-series .seriesSwiper .swiper-slide:hover .series-button { background-position: right top !important; opacity: .6; } #category-container .section-series .seriesSwiper-button-content { opacity: 0; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); height: 22px; width: calc(100% - 82px); margin: 0; left: 41px; z-index: 3; justify-content: space-between; } #category-container .section-series .seriesSwiper-button-content .swiper-button-prev, #category-container .section-series .seriesSwiper-button-content .swiper-button-next{ width: 22px; margin: 0; pointer-events: all; } #category-container .section-series.active .seriesSwiper .swiper-wrapper { justify-content: unset; } #category-container .section-series.active .seriesSwiper-button-content { opacity: 1; } #category-container .section-series .series-button-shadow.active{ opacity: 1; } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .section-series{ padding: 20px 40px; } #category-container .section-series .series-button-shadow{ width: 40px; } #category-container .section-series .seriesSwiper .swiper-slide { width: 108px; } #category-container .section-series .seriesSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 8px; } #category-container .section-series .seriesSwiper .swiper-slide .series-page-content .h4 { font-size: 12px; } #category-container .section-series .seriesSwiper .swiper-slide .series-slide-img { width: calc(100% - 48px); } #category-container .section-series .seriesSwiper-button-content{ display: none; } #category-container .section-series .seriesSwiper .swiper-slide .series-button { width: 28px; height: 28px; right: 16px; bottom: 16px; } } @media screen and (max-width: 767.98px) { #category-container .section-series{ padding: 20px calc(40px - 0.058823529 * (768px - 100vw)); } #category-container .section-series .series-button-shadow{ width: 16px; } #category-container .section-series .seriesSwiper .swiper-slide { width: 76px; } #category-container .section-series .seriesSwiper .swiper-slide:not(:nth-last-child(1)) { margin-right: 8px; } #category-container .section-series .seriesSwiper .swiper-slide .series-page-content .h4 { font-size: 12px; } #category-container .section-series .seriesSwiper .swiper-slide .series-slide-img { width: calc(100% - 16px); } #category-container .section-series .seriesSwiper-button-content{ display: none; } #category-container .section-series .seriesSwiper .swiper-slide .series-button { width: 24px; height: 24px; right: 8px; bottom: 8px; } } #category-container .productlist-content.category-section{ margin: 0 auto; overflow: visible; } #category-container .productlist-content .productlist-nav-sticky{ position: fixed; width: 100%; background-color: #ffffff; z-index: 11; overflow: hidden; opacity: 0; pointer-events: none; transform: translateY(-100%); transition: transform .3s cubic-bezier(0, 0, 0.5, 1), opacity .3s cubic-bezier(0, 0, 0.5, 1); } #category-container .productlist-content .productlist-nav-sticky.active{ opacity: 1; pointer-events: all; transform: translateY(0); } #category-container .productlist-content .productlist-nav-content.active{ overflow: auto; } #category-container .productlist-content .productlist-nav-content::-webkit-scrollbar{ display: none; } #category-container .productlist-content .productlist-nav{ width: fit-content; display: flex; padding: 0 80px; overflow: hidden; } #category-container .productlist-content .section-productlist{ margin-top: 120px; } #category-container .productlist-content .productlist-nav::after{ content:""; width: 100%; height: 1px; background-color: #E8E8E8; position: absolute; left: 0; bottom: 0; } #category-container .productlist-content .productlist-nav-content.active .productlist-nav::after{ width: var(--productlist-nav); } #category-container .productlist-content .productlist-nav .productlist-nav-item{ cursor: pointer; position: relative; color: #666666; padding: 21px 0; font-size: 12px; line-height: 1; white-space: nowrap; font-weight: 600; } #category-container .productlist-content .productlist-nav .productlist-nav-item a{ color: inherit; } #category-container .productlist-content .productlist-nav .productlist-nav-item:hover{ color: #000000; } #category-container .productlist-content .productlist-nav .productlist-nav-item.active{ color: #000000 !important; } #category-container .productlist-content .productlist-nav .productlist-nav-item.active::after{ content:""; width: 100%; height: 2px; background-color: #000000; position: absolute; left: 0; bottom: 0; z-index: 2; } #category-container .productlist-content .productlist-nav .productlist-nav-item:not(:nth-last-child(1)){ margin-right: 32px; } #category-container .productlist-content .productlist-nav-shadow{ position: absolute; top: 0; left: 0; width: 80px; height: calc(100% - 1px); background-image: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(255, 255, 255, 0) 100%); pointer-events: none; /* opacity: 0; */ z-index: 2; } #category-container .productlist-content .productlist-nav-shadow.right{ right: 0; left: auto; background-image: linear-gradient(270deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%); } #category-container .productlist-content .productlist-nav-shadow.active{ /* opacity: 1; */ } #category-container .section-productlist .section-page-content .h3 { margin-bottom: 12px; } #category-container .section-productlist .section-page-content p { font-size: 28px; color: #666666; } #category-container .section-productlist .section-main-content { width: 100%; } #category-container .section-productlist .section-main-content .introduce-card-top { position: relative; width: 100%; height: 800px; overflow: hidden; margin: 40px 0 0; } #category-container .section-productlist .section-main-content .introduce-card-top .card-top-bg { width: 100%; height: 100%; border-radius: 8px; overflow: hidden; } @media screen and (min-width: 1920px) { #category-container .productlist-content .productlist-nav{ width: 100%; max-width: 1760px; padding: 0; margin: 0 auto; } } #category-container .section-productlist .section-main-content .introduce-card-top .card-top-bg video{ border-radius: 8px; } @media screen and (max-width: 1920px) { #category-container .section-productlist .section-main-content .introduce-card-top .card-top-bg video, #category-container .section-productlist .section-main-content .introduce-card-top .card-top-bg picture, #category-container .section-productlist .section-main-content .introduce-card-top .card-top-bg img { max-width: none; height: 100%; width: auto; position: relative; left: 50%; transform: translate(-50%, 0); } } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn { width: 36px; height: 36px; position: absolute; right: 32px; bottom: 32px; background: rgba(255, 255, 255, 0.6); z-index: 2; border-radius: 50%; overflow: hidden; cursor: pointer; transition: opaity 0.3s cubic-bezier(0, 0, 0.5, 1); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn .play-btn { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn:hover { opacity: 0.6; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn.active .play-btn { opacity: 1; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn.active .pause-btn { opacity: 0; } #category-container .section-productlist .section-main-content .card-list { width: 100%; display: flex; justify-content: space-between; } #category-container .section-productlist .section-main-content .card-list .card-item { padding: 40px 40px 40px; background: white; position: relative; margin-top: 16px; border-radius: 8px; overflow: hidden; height: auto; } #category-container .section-productlist .section-main-content .card-list .card-item .three-btn { width: 36px; height: 36px; position: absolute; top: 16px; right: 16px; z-index: 3; display: none; } #category-container .section-productlist .section-main-content .card-list .card-item.hasthree .three-btn { display: block; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img { width: 240px; height: 240px; margin: 0 auto 8px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img img { transform-origin: 50% 50%; transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1); will-change: transform; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img:hover img { transform: scale(1.02); } #category-container .section-productlist .section-main-content .card-list .card-item .product-page { width: 100%; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .special-page { font-size: 14px; margin-bottom: 8px; font-weight: bold; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .special-page p { color: #ce0e2d; display: none; line-height: 1.25; font-weight: 600; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .h6 { font-size: 20px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-price { font-size: 16px; line-height: 1; margin: 16px 0 8px; font-weight: 600; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-price span{ color: #B2B2B2; text-decoration: line-through; display: inline-block; margin-left: 8px; line-height: 1; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-stages{ font-size:16px; color:#B2B2B2; line-height: 1; font-weight: 400; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-btn-type2{ margin-top: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item1 { width: calc(25% - 12px); } #category-container .section-productlist .section-main-content .card-list .card-item2 { width: calc(50% - 8px); } @media (min-width:1441px){ #category-container .section-productlist .section-main-content .card-list .card-item2, #category-container .section-productlist .section-main-content .card-list .card-item2-1 { display: flex; /* justify-content: center; */ align-items: center; padding: 48px 0 48px calc(40px - 0.041753653 * (1920px - 100vw)); } #category-container .section-productlist .section-main-content .card-list .card-item2-1{ width: calc(50% - 8px); } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-page, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-page { width: 432px; } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-img, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-img { width: 320px; height: 320px; margin: 0 40px 0 0; } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-page .product-name, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-page .product-name { font-size: 28px; } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-page .product-price, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-page .product-price { margin: 20px 0 8px; } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-page .product-btn-type2, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-page .product-btn-type2{ margin-top: 20px; } } @media (max-width: 1920px) and (min-width: 1441px) { #category-container .section-productlist .section-main-content .card-list .card-item2 .product-img, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-img { width: calc(320px - (20/479) * (1920px - 100vw)); height: calc(320px - (20/479) * (1920px - 100vw)); margin: 0 calc(40px - (20/479) * (1920px - 100vw)) 0 0; } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-page, #category-container .section-productlist .section-main-content .card-list .card-item2-1 .product-page { width: calc(432px - (160/479) * (1920px - 100vw)); } } #category-container .section-productlist .section-main-content .card-list .card-item3 { width: 100%; display: flex; justify-content: center; align-items: center; padding: 60px 0; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { width: 400px; height: 400px; margin: 0 200px 0 0; } @media (max-width: 1920px) and (min-width: 1441px) { #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { margin: 0 calc(200px - (140/479) * (1920px - 100vw)) 0 0; } } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page { width: 456px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-name { font-size: 28px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-price { margin: 20px 0 8px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-btn-type2{ margin-top: 20px; } #category-container .section-productlist .section-main-content .series-popup-btn { /* width: 116px; */ width: fit-content; padding: 0 24px; height: 40px; background: black; color: white; font-size: 14px; display: flex; justify-content: center; align-items: center; margin: 40px auto 0; cursor: pointer; border-radius: 6px; overflow: hidden; line-height: 1; transition: opacity 0.3s cubic-bezier(0, 0, 0.5, 1); } #category-container .section-productlist .section-main-content .series-popup-btn img { width: 16px; height: 16px; margin-left: 4px; transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1); } #category-container .section-productlist .section-main-content .series-popup-btn:hover { opacity: 0.8; } #category-container .section-productlist .section-main-content .series-popup-btn:hover img { transform: rotate(90deg); } #category-container .section-productlist .card-button-content{ display: none; } #category-container .section-productlist.active .card-button-content{ display: flex; } @media (max-width: 1440px) and (min-width: 1080px) { #category-container .productlist-content .section-productlist{ margin-top: 100px; } #category-container .section-productlist .section-page-content p { font-size: 24px; } #category-container .section-productlist .section-main-content .introduce-card-top { height: 582px; margin: 32px 0 0; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn { right: 24px; bottom: 24px; } #category-container .section-productlist .section-main-content .card-list .card-item { padding: 32px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img { width: 232px; height: 232px; } #category-container .section-productlist .section-main-content .card-list .card-item1 { width: calc(416px - 0.33333333333 * (1440px - 100vw)); } #category-container .section-productlist .section-main-content .card-list .card-item1:not(:nth-last-child(1)){ margin-right: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item2 .product-page { width: 100%; } #category-container .section-productlist .section-main-content .card-list .card-item2-1 { width: calc(33.3333333333% - 10.6666666667px); } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { width: 296px; height: 296px; margin: 0 calc(100px - (44/360) * (1440px - 100vw)) 0 0; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page { width: calc(388px - (54/360) * (1440px - 100vw)); } } @media (max-width: 1079.98px) and (min-width: 768px) { #category-container .productlist-content .productlist-nav{ padding: 0 40px; } #category-container .productlist-content .section-productlist{ margin-top: 100px; } #category-container .productlist-content .productlist-nav-shadow{ width: 40px; } #category-container .section-productlist .section-page-content p { font-size: 24px; } #category-container .section-productlist .section-main-content .introduce-card-top { height: 455px; margin: 24px 0 0; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn { right: 24px; bottom: 24px; } #category-container .section-productlist .section-main-content .card-list .card-item { padding: 24px 20px 24px; margin-top: 8px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img { width: 176px; height: 176px; } #category-container .section-productlist .section-main-content .card-list .card-item .three-btn { width: 28px; height: 28px; top: 12px; right: 12px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .h6 { font-size: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-price { font-size: 16px; margin: 16px 0 8px; } #category-container .section-productlist .section-main-content .card-list .card-item1 { width: calc(328px - 0.3333547022 * (1079.98px - 100vw)); } #category-container .section-productlist .section-main-content .card-list .card-item1:not(:nth-last-child(1)){ margin-right: 8px; } #category-container .section-productlist .section-main-content .card-list .card-item2 { width: calc(50% - 4px); padding: 0; padding: 24px 20px 24px; } #category-container .section-productlist .section-main-content .series-popup-btn { margin-top: 24px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { width: 224px; height: 224px; margin: 0 calc(80px - (43/312) * (1080px - 100vw)) 0 0; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page { width: calc(400px - (147/360) * (1080px - 100vw)); } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-name{ font-size: 24px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-price { margin: 20px 0 8px; } } @media (max-width: 767.98px) { #category-container .productlist-content{ margin: 80px auto 0; } #category-container .productlist-content .productlist-nav{ padding: 0 16px; } #category-container .productlist-content .section-productlist{ margin-top: 80px; } #category-container .productlist-content .productlist-nav-shadow{ width: 16px; } #category-container .section-productlist .section-page-content .h3 { margin-bottom: 8px; } #category-container .section-productlist .section-page-content p { font-size: 16px; } #category-container .section-productlist .section-main-content .introduce-card-top { height: 334px; margin: 20px 0 0; } #category-container .section-productlist .section-main-content .introduce-card-top .video-btn { width: 36px; height: 36px; right: 16px; bottom: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item { padding: 24px; margin-top: 8px; } #category-container .section-productlist .section-main-content .card-list .card-item:not(:nth-last-child(1)){ margin-right: 8px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-img { width: 176px; height: 176px; margin: 0 auto 8px; } #category-container .section-productlist .section-main-content .card-list .card-item .three-btn { width: 28px; height: 28px; top: 12px; right: 12px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .special-page { font-size: 12px; margin-bottom: 8px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .h6 { font-size: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-price { font-size: 14px; margin: 16px 0 8px; } #category-container .section-productlist .section-main-content .card-list .card-item .product-page .product-stages{ font-size: 14px; } #category-container .section-productlist .section-main-content .card-list .card-item1 { width: 239px; } #category-container .section-productlist .section-main-content .card-list .card-item2 { width: 363px; padding: 24px; } #category-container .section-productlist .section-main-content .series-popup-btn { margin-top: 20px; } #category-container .section-productlist.active .card-button-content{ display: flex; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { margin: 0 24px 0 0; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page { width: 320px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-name{ font-size: 20px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-price { margin: 16px 0 8px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-btn-type2{ margin-top: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item3{ padding: 40px 0; } } @media (max-width: 767.98px) and (min-width:700px){ #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { margin: 0 calc(60px - (36/68) * (768px - 100vw)) 0 0; } } @media (max-width: 568px) and (min-width:448px){ #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page { width: calc(320px - (120/120) * (568px - 100vw)); } } @media (max-width: 767.98px) and (min-width:488px){ #category-container .section-productlist .section-main-content .card-list .card-item2{ width: calc(363px - (123/280) * (768px - 100vw)); } } @media (max-width: 488px) { #category-container .section-productlist .section-main-content .card-list .card-item2{ width: 240px; } } @media (max-width: 447.98px) { #category-container .section-productlist .section-main-content .card-list .card-item3{ flex-wrap: wrap; padding: 24px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-img { margin: 0 auto 8px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page { width: 100%; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-name{ font-size: 16px; } #category-container .section-productlist .section-main-content .card-list .card-item3 .product-page .product-price { margin: 16px 0 8px; } } #category-container .section-compare { width: 100%; padding: 80px 0 156px; margin-top: 180px; background: white; overflow: visible; } #category-container .section-compare .section-compare-container { margin: 0 auto; overflow: hidden; padding: 0 80px; max-width: 100%; } #category-container .section-compare .section-compare-container .h3 { margin-bottom: 60px; } #category-container .section-compare .section-compare-container .compareSwiper { width: 100%; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item { width: 280px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item:not(:nth-last-child(1)) { margin-right: 90px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item { width: 100%; /* padding-bottom: 64px; */ /* border-bottom: 1px solid #e5e5e5; */ } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-image { width: 240px; height: 240px; margin: 0 auto; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .special-page { width: 100%; font-size: 14px; margin: 8px 0; text-align: center; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .special-page p { color: #ce0e2d; display: none; font-weight: 600; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-title { font-size: 20px; font-weight: bold; text-align: center; line-height: 1.25; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page { width: 100%; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .item-price { font-size: 16px; line-height: 1.25; margin: 24px 0 8px; text-align: center; font-weight: 600; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .item-price span{ color: #B2B2B2; text-decoration: line-through; display: inline-block; margin-left: 8px; line-height: 1; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .product-stages{ font-size:16px; color:#B2B2B2; line-height: 1; text-align: center; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list { width: 100%; margin-top: 64px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card { width: 100%; text-align: center; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card:not(:nth-last-child(1)) { margin-bottom: 40px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-top { text-align: center; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-top-image { width: 100%; height: 40px; display: flex; justify-content: center; margin-bottom: 16px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-top-image img { height: 100%; width: auto; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-top-page { font-size: 20px; line-height: 1.25; font-weight: 700; text-align: center; /* margin-bottom: 12px; */ } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-page { color: #666666; line-height: 1.6; font-size: 14px; font-weight: 400; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .product-btn-type1{ margin-top: 24px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .product-btn-type2{ justify-content: center; margin-top: 16px; } #category-container .section-compare .compare-button-content{ display: none; } #category-container .section-compare.active .compare-button{ position: absolute; bottom: 80px; right: 80px; } #category-container .section-compare.active .compare-button-content{ display: flex; position: sticky; top: calc(100% - 56px); z-index: 99; } #category-container .section-compare.active .compare-button-shadow{ position: absolute; bottom: -20px; right: -80px; width: 100vw; height: 96px; background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); } @media screen and (min-width: 1920px){ #category-container .section-compare .section-compare-container{ max-width: 1760px; padding: 0; } } @media screen and (max-width: 1440px) and (min-width: 1080px) { #category-container .section-compare { padding-top: 60px; padding-bottom: 132px; margin-top: 160px; } #category-container .section-compare .section-compare-container .h3 { margin-bottom: 48px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item { width: 218px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item:not(:nth-last-child(1)) { margin-right: 94px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-image { width: 218px; height: 218px; } #category-container .section-compare.active .compare-button{ bottom: 60px; } #category-container .section-compare.active .compare-button-shadow{ height: 90px; bottom: -18px; } #category-container .section-compare.active .compare-button-content{ top: calc(100% - 54px); } } @media screen and (max-width: 1079.98px) and (min-width: 768px) { #category-container .section-compare { padding-top: 60px; padding-bottom: 128px; margin-top: 120px; } #category-container .section-compare.active .compare-button{ bottom: 60px; right: 40px; } #category-container .section-compare.active .compare-button-shadow{ right: -40px; height: 84px; bottom: -16px; } #category-container .section-compare.active .compare-button-content{ top: calc(100% - 52px); } #category-container .section-compare .section-compare-container{ padding: 0 40px; } #category-container .section-compare .section-compare-container .h3 { margin-bottom: 40px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item { width: 224px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item:not(:nth-last-child(1)) { margin-right: 66px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-image { width: 176px; height: 176px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-title{ font-size: 16px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .product-stages{ font-size: 14px; } #category-container .section-compare .normal-button-content { margin-top: 32px; } } @media screen and (max-width: 767.98px) { #category-container .section-compare { padding-top: 40px; padding-bottom: 96px; margin-top: 100px; } #category-container .section-compare.active .compare-button{ bottom: 40px; right: 15px; } #category-container .section-compare.active .compare-button-shadow{ right: -15px; height: 66px; bottom: -10px; } #category-container .section-compare.active .compare-button-content{ top: calc(100% - 46px); } #category-container .section-compare .section-compare-container{ padding: 0 16px; } #category-container .section-compare .section-compare-container .h3 { margin-bottom: 28px; width: 328px; } #category-container .section-compare .section-compare-container .compareSwiper { width: 100%; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item { width: 188px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item:not(:nth-last-child(1)) { margin-right: 36px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-image { width: 176px; height: 176px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .special-page { font-size: 12px; margin: 8px 0; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-title { font-size: 16px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page { width: 100%; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .item-price { font-size: 14px; margin: 24px 0 8px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-top-page { font-size: 16px; /* margin-bottom: 12px; */ } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-item-list .compare-card .card-page { font-size: 12px; } #category-container .section-compare .normal-button-content { margin-top: 20px; } #category-container .section-compare .section-compare-container .compareSwiper .compare-item .compare-top-item .item-page .product-stages{ font-size: 14px; } } #category-container .section-collocation { margin-top: 180px; } #category-container .section-collocation .h3 { margin-bottom: 60px; } #category-container .section-collocation .section-collocation-container .collocation-item-list { display: flex; justify-content: space-between; flex-wrap: wrap; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item { width: calc(50% - 8px); position: relative; height: 560px; border-radius: 8px; overflow: hidden; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title { position: absolute; left: 50%; top: 60px; transform: translateX(-50%); z-index: 2; text-align: center; width: 576px; pointer-events: none; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title .h4 { font-size: 28px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title p { font-size: 16px; margin: 12px 0 16px; color: #666666; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title .product-btn-type2 { justify-content: center; pointer-events: all; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-image { width: 100%; height: 100%; overflow: hidden; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-image-click{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-image video, #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-image picture, #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-image img { max-width: none; height: 100%; width: auto; position: relative; left: 50%; transform: translate(-50%, 0); } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item:nth-child(3), #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item:nth-child(4) { margin-top: 16px; } @media screen and (max-width: 1440px) and (min-width: 1080px) { #category-container .section-collocation { margin-top: 160px; } #category-container .section-collocation .h3 { margin-bottom: 48px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item { width: calc(50% - 8px); height: 406px; } #category-container .section-collocation .section-collocation-container .collocation-item-list .collocation-item .collocation-item-title{ top: 36px; 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: 370px; } #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-experience-screen-2 .tabnav-content.no-active{ text-align: center; } #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; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-whate{ background: #f1efef; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-whate .reason-content-title .h4 { color: black; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-whate .reason-content-title p { color: #666666; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-black { background: black; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-gary3{ background: #d8d8d8; } @media (max-width:767.99px){ #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-gary3{ background: #d8d8d8; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-gary3 .reason-content-title .h4 { color: black; } #category-container .reasonPopUp .fix-model-content-main .reason-content.bg-gary3 .reason-content-title p { color: #666666; } } /* #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: 80px; 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: 40px; } #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: 32px; } #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); } #category-container .product-btn-type1 .btn-transparent:hover { border-color: rgb(255,255,255); } } /* 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 #reason-footnoe-0{ list-style-type: "*"; } #category-container .section-compare.no-active .compareSwiper .swiper-wrapper{ justify-content: center; } #category-container .section-service.no-active .normal-button-content{ display: none; } #category-container .section-service.no-active .serviceSwiper .swiper-wrapper{ justify-content: center; } #category-container ol li a { color: #1f71ff; } #category-container .productPopUp .fix-left-content.no-active p{ pointer-events: none; cursor: pointer; } </style> <link rel="stylesheet" href="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/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 seriesSlide-normal" data-anchor="#series1" data-bannername="FreeBuds Series"> <div class="series-slide-img"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/seriesnav/huawei-audio-freebuds-series.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/seriesnav/huawei-audio-freebuds-series.png" class="blur-up lazyload" alt="the latest product ID of freebuds series"> </div> <div class="series-page-content"> <div class="h4">FreeBuds Series</div> </div> </div> <div class="swiper-slide seriesSlide" data-anchor="#series2" data-bannername="FreeClip Series"> <div class="series-slide-img"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/seriesnav/huawei-audio-freeclip-series.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/seriesnav/huawei-audio-freeclip-series.png" class="blur-up lazyload" alt="the latest product ID of freeclip series"> </div> <div class="series-page-content"> <div class="h4">FreeClip Series</div> </div> </div> <div class="swiper-slide seriesSlide" data-anchor="#series3" data-bannername="FreeLace Series"> <div class="series-slide-img"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/seriesnav/huawei-audio-freelace-series.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/seriesnav/huawei-audio-freelace-series.png" class="blur-up lazyload" alt="the latest product ID of freeLace series"> </div> <div class="series-page-content"> <div class="h4">FreeLace Series</div> </div> </div> <div class="swiper-slide seriesSlide" data-anchor="#series4" data-bannername="Eyewear"> <div class="series-slide-img"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/seriesnav/huawei-audio-eyewear-series.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/seriesnav/huawei-audio-eyewear-series.png" class="blur-up lazyload" alt="the latest HUAWEI eyewear ID figure"> </div> <div class="series-page-content"> <div class="h4">Eyewear</div> </div> </div> <div class="swiper-slide seriesSlide" data-anchor="#series5" data-bannername="Smart Speakers"> <div class="series-slide-img"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/seriesnav/huawei-audio-smart-speakers-series.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/seriesnav/huawei-audio-smart-speakers-series.png" class="blur-up lazyload" alt="the latest HUAWEI smart speaker ID figure"> </div> <div class="series-page-content"> <div class="h4">Smart Speakers</div> </div> </div> <div class="swiper-slide seriesSlide seriesSlide-click" data-bannername="HUAWEI Music"> <a href="https://consumer.huawei.com/en/mobileservices/music/"> <div class="series-slide-img"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/seriesnav/huawei-music.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/seriesnav/huawei-music.png" class="blur-up lazyload" alt="HUAWEI music app icon"> </div> <div class="series-page-content"> <div class="h4">HUAWEI Music</div> </div> </a> </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-audio-kv mx-out category-section-ga" data-bannername="HUAWEI FreeBuds Pro 4"> <div class="kv-title-content white"> <div class="kv-title-left">  <div class="h4"> HUAWEI FreeBuds Pro 4 </div> <p class="kv-title-content-slogan">Catch the Sound</p> <p class="kv-title-content-price">  </p> <p class="product-stages">  </p> </div> <div class="product-btn product-btn-type1"> <a class="btn-white kv-scene-button-ga kv-scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-4/">Learn More</a>  </div> </div> <div class="kv-bg-content"> <a class="kv-image-ga kv-click-bg kv-scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-4/"></a> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/hero/huawei-freebuds-pro-4-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/hero/huawei-freebuds-pro-4-mob.jpeg"> <source media="(max-width: 1079.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/hero/huawei-freebuds-pro-4-pad.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/hero/huawei-freebuds-pro-4-pad.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/hero/huawei-freebuds-pro-4-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/hero/huawei-freebuds-pro-4-pc.jpeg" class="blur-up lazyload" alt="the creative photo of huawei's hottest audio product"> </picture> </div> </section> <section class="category-section section-reason mx-out category-section-ga"> <div class="h3 max-title tx-c">Why Choose HUAWEI Audio Products?</div> <div class="swiper reasonSwiper mx-content"> <div class="swiper-wrapper"> <div class="swiper-slide reasonSlide" data-bannername="Trailblazing Audio Technologies"> <div class="reason-bg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/reason-1.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/reason-1.jpeg" class="blur-up lazyload" alt="huawei audio product advantages 1 - patented Technologies"> </div> <div class="reason-page-content white"> <p>Patents</p> <div class="h4">Trailblazing Audio Technologies</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/reason-btn.svg" alt=""> </div> </div> <div class="swiper-slide reasonSlide" data-bannername="Pioneering Aesthetics"> <div class="reason-bg"> <picture> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/reason-2.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/reason-2.jpeg" class="blur-up lazyload" alt="huawei audio product advantage 2 - product Design"> </div> <div class="reason-page-content white"> <p>Design</p> <div class="h4">Pioneering Aesthetics </div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/reason-btn.svg" alt=""> </div> </div> <div class="swiper-slide reasonSlide" data-bannername="Endlessly Immersive"> <div class="reason-bg"> <picture> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/reason-3.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/reason-3.jpeg" class="blur-up lazyload" alt="huawei audio product advantage 3 - product sound Quality"> </div> <div class="reason-page-content white"> <p>Sound Quality</p> <div class="h4">Endlessly Immersive</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/reason-btn.svg" alt=""> </div> </div> <div class="swiper-slide reasonSlide" data-bannername="Distraction-free Listening"> <div class="reason-bg"> <picture> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/reason-4.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/reason-4.jpeg" class="blur-up lazyload" alt="huawei audio product advantage 4 - noise cancellation"> </div> <div class="reason-page-content white"> <p>Noise Cancellation</p> <div class="h4">Distraction-free Listening</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/reason-btn.svg" alt=""> </div> </div> <div class="swiper-slide reasonSlide" data-bannername="Noise-Free Calling"> <div class="reason-bg"> <picture> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/reason-5.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/reason-5.jpeg" class="blur-up lazyload" alt="huawei audio product advantage 5 - call noise cancellation"> </div> <div class="reason-page-content white"> <p>Crystal-Clear Call</p> <div class="h4">Noise-Free Calling</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/reason-btn.svg" alt=""> </div> </div> <div class="swiper-slide reasonSlide" data-bannername="Nimble Features All Yours"> <div class="reason-bg"> <picture> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/reason-6.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/reason-6.jpeg" class="blur-up lazyload" alt="huawei audio product advantage 6 - smart Experience"> </div> <div class="reason-page-content white"> <p>Smart Experience</p> <div class="h4">Nimble Features All Yours</div> </div> <div class="reason-button"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/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="FreeBuds Series" data-arrive="1" data-btnname="FreeBuds Series">FreeBuds Series</div> <div class="productlist-nav-item" data-anchor="#series2" data-bannername="FreeClip Series" data-arrive="2" data-btnname="FreeClip Series">FreeClip Series</div> <div class="productlist-nav-item" data-anchor="#series3" data-bannername="FreeLace Series" data-arrive="3" data-btnname="FreeLace Series">FreeLace Series</div> <div class="productlist-nav-item" data-anchor="#series4" data-bannername="Eyewear" data-arrive="4" data-btnname="Eyewear">Eyewear</div> <div class="productlist-nav-item" data-anchor="#series5" data-bannername="Smart Speakers" data-arrive="5" data-btnname="Smart Speakers">Smart Speakers</div> <div class="productlist-nav-item productlist-nav-item-click" data-bannername="HUAWEI Music" data-arrive="5" data-btnname="HUAWEI Music"><a href="https://consumer.huawei.com/en/mobileservices/music/">HUAWEI Music</a></div> </div> </div> <div class="productlist-nav-shadow right"></div> <div class="productlist-nav-shadow left"></div> </div> <section class="category-section section-productlist section-video mx-out category-section-ga" id="series1" data-bannername="FreeBuds Series" data-index="0"> <div class="section-page-content max-title"> <div class="h3"> FreeBuds Series </div> <p>Pure Sound</p> </div> <div class="product-series-container mx-content"> <div class="section-main-content"> <div class="introduce-card-video introduce-card-top "> <div class="card-top-bg inline-video"> <video autoplay muted loop playsinline webkit-playsinline x-webkit-airplay x5-video-player-fullscreen x5-video-player-type="h5" data-trigger-play poster="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/video/freebuds-series.jpg" data-basepath="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/video/freebuds-series"></video> </div> <div class="video-btn video-button-ga"> <img class="play-btn" src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/play.svg" alt=""> <img class="pause-btn " src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/pause.svg" alt=""> </div> </div> <div class="cardSwiper swiper"> <div class="card-list swiper-wrapper">  <div class="swiper-slide card-item card-item1 new"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-4/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/freebuds-series/shelf-huawei-freebuds-pro-4.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/freebuds-series/shelf-huawei-freebuds-pro-4.png" class="blur-up lazyload" alt="huawei freebuds pro 4 black id figure"> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-4/">HUAWEI FreeBuds Pro 4 </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/en/headphones/freebuds-pro-4/">Learn More</a>  </div> </div> </div> <div class="swiper-slide card-item card-item1"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds5/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/freebuds-series/shelf-huawei-freebuds5.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/freebuds-series/shelf-huawei-freebuds5.png" class="blur-up lazyload" alt="huawei freebuds 5 Black ID figure"> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds5/">HUAWEI FreeBuds 5</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/en/headphones/freebuds5/">Learn More</a> </div> </div> </div> <div class="swiper-slide card-item card-item1"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds6i/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/freebuds-series/shelf-huawei-freebuds6i.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/freebuds-series/shelf-huawei-freebuds6i.png" class="blur-up lazyload" alt="huawei freebuds 6i Black ID figure"> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds6i/">HUAWEI FreeBuds 6i</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/en/headphones/freebuds6i/">Learn More</a> </div> </div> </div> <div class="swiper-slide card-item card-item1 new"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-se-3/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/freebuds-series/shelf-huawei-freebuds-se-3.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/freebuds-series/shelf-huawei-freebuds-se-3.png" class="blur-up lazyload" alt="huawei freebuds se 3 ID figure"> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-se-3/">HUAWEI FreeBuds SE 3</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/en/headphones/freebuds-se-3/">Learn More</a> </div> </div> </div> </div> </div> <div class="card-button-content normal-button-content"> <div class="swiper-button-prev card-button-prev"></div> <div class="swiper-button-next card-button-next"></div> </div> <div class="series-popup-btn" data-arrive="1">View All <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/more.svg" alt=""></div> </div> </div> </section> <section class="category-section section-productlist section-video mx-out category-section-ga" id="series2" data-index="1" data-bannername="FreeClip Series"> <div class="section-page-content max-title"> <div class="h3"> FreeClip Series </div> <p>Iconic Design</p> </div> <div class="product-series-container mx-content"> <div class="section-main-content"> <div class="introduce-card-video introduce-card-top"> <div class="card-top-bg inline-video"> <video autoplay muted loop playsinline webkit-playsinline x-webkit-airplay x5-video-player-fullscreen x5-video-player-type="h5" data-trigger-play poster="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/video/freeclip-series.jpg" data-basepath="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/video/freeclip-series"></video> </div> <div class="video-btn video-button-ga"> <img class="play-btn " src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/play.svg" alt=""> <img class="pause-btn " src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/pause.svg" alt=""> </div> </div> <div class="cardSwiper swiper"> <div class="card-list swiper-wrapper"> <div class="swiper-slide card-item card-item3 new"> <a class="three-btn " href=""><img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freeclip/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/freeclip-series/shelf-huawei-freeclip.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/freeclip-series/shelf-huawei-freeclip.png" class="blur-up lazyload" alt="huawei freeclip rose Gold ID figure"> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freeclip/">HUAWEI FreeClip</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freeclip/">Learn More</a> </div> </div> </div> </div> </div> <div class="card-button-content normal-button-content"> <div class="swiper-button-prev card-button-prev"></div> <div class="swiper-button-next card-button-next"></div> </div> <div class="series-popup-btn" data-arrive="2">View All <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/more.svg" alt=""></div> </div> </div> </section>     <section class="category-section section-productlist section-video mx-out category-section-ga" id="series3" data-bannername="FreeLace Series" data-index="2"> <div class="section-page-content max-title"> <div class="h3"> FreeLace Series </div> <p>Listen On-the-Go</p> </div> <div class="product-series-container mx-content"> <div class="section-main-content"> <div class="introduce-card-video introduce-card-top "> <div class="card-top-bg inline-video"> <video autoplay muted loop playsinline webkit-playsinline x-webkit-airplay x5-video-player-fullscreen x5-video-player-type="h5" data-trigger-play poster="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/video/freelace-series.jpg" data-basepath="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/video/freelace-series"></video> </div> <div class="video-btn video-button-ga"> <img class="play-btn " src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/play.svg" alt=""> <img class="pause-btn " src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/pause.svg" alt=""> </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/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freelace-pro-2/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/freelace-series/shelf-huawei-freelace-pro-2.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/freelace-series/shelf-huawei-freelace-pro-2.png" class="blur-up lazyload" alt="huawei freelace pro 2 Black ID figure"> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freelace-pro-2/">HUAWEI FreeLace Pro 2</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freelace-pro-2/">Learn More</a> </div> </div> </div>  </div> </div> <div class="card-button-content normal-button-content"> <div class="swiper-button-prev card-button-prev"></div> <div class="swiper-button-next card-button-next"></div> </div> <div class="series-popup-btn " data-arrive="3">View All <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/more.svg" alt=""></div> </div> </div> </section> <section class="category-section section-productlist section-video mx-out category-section-ga" id="series4" data-index="3" data-bannername="Eyewear"> <div class="section-page-content max-title"> <div class="h3"> Eyewear </div> <p>Easy All-Day Use</p> </div> <div class="product-series-container mx-content"> <div class="section-main-content"> <div class="introduce-card-video introduce-card-top"> <div class="card-top-bg inline-video"> <video autoplay muted loop playsinline webkit-playsinline x-webkit-airplay x5-video-player-fullscreen x5-video-player-type="h5" data-trigger-play poster="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/video/eyewear.jpg" data-basepath="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/video/eyewear"></video> </div> <div class="video-btn video-button-ga"> <img class="play-btn " src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/play.svg" alt=""> <img class="pause-btn " src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/pause.svg" alt=""> </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/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/audio/huawei-eyewear-2/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/eyewear-series/shelf-huawei-eyewear-2.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/eyewear-series/shelf-huawei-eyewear-2.png" class="blur-up lazyload" alt="huawei eyewear 2 Black ID figure"> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/audio/huawei-eyewear-2/">HUAWEI Eyewear 2</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/audio/huawei-eyewear-2/">Learn More</a> </div> </div> </div> </div> </div> <div class="card-button-content normal-button-content"> <div class="swiper-button-prev card-button-prev"></div> <div class="swiper-button-next card-button-next"></div> </div> <div class="series-popup-btn" data-arrive="4">View All <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/more.svg" alt=""></div> </div> </div> </section> <section class="category-section section-productlist section-video mx-out category-section-ga" id="series5" data-index="4" data-bannername="Smart Speakers"> <div class="section-page-content max-title"> <div class="h3"> Smart Speakers </div> <p>Breathtaking Listening</p> </div> <div class="product-series-container mx-content"> <div class="section-main-content"> <div class="introduce-card-image introduce-card-top"> <div class="card-top-bg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/smart-speakers-series/smart-speakers.jpg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/smart-speakers-series/smart-speakers.jpg" class="blur-up lazyload" alt="huawei smart speaker sound joy 2 waterproof photo"> </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/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/three.svg" alt=""></a> <div class="product-img"> <a class=" product-image-ga scene-ga" href="https://consumer.huawei.com/en/speakers/sound-joy-2-bluetooth-speaker/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/smart-speakers-series/shelf-huawei-sound-joy-2.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/smart-speakers-series/shelf-huawei-sound-joy-2.png" class="blur-up lazyload" alt="huawei smart speaker sound joy 2 Black ID figure"> </a> </div> <div class="product-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/speakers/sound-joy-2-bluetooth-speaker/">HUAWEI Sound Joy 2</a> </div> <div class="product-btn product-btn-type2"> <a class="more-btn product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/speakers/sound-joy-2-bluetooth-speaker/">Learn More</a> </div> </div> </div> </div> </div> <div class="card-button-content normal-button-content"> <div class="swiper-button-prev card-button-prev"></div> <div class="swiper-button-next card-button-next"></div> </div> <div class="series-popup-btn" data-arrive="5">View All <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/more.svg" alt=""></div> </div> </div> </section> </div> <section class="category-section section-compare mx-out category-section-ga" data-bannername="Which Headphones Suit You?"> <div class="section-compare-container mx-content"> <div class="h3 max-title tx-c">Which Headphones <br class="hid-pc">Suit You?</div> <div class="swiper compareSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide compare-item new"> <div class="compare-top-item"> <div class="item-image"> <a class="compare-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-4/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/compare/compare-huawei-freebuds-pro-4.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/compare/compare-huawei-freebuds-pro-4.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-4/"> HUAWEI FreeBuds Pro 4 </a> </div> <div class="item-page"> <p class="item-price">  </p> <p class="product-stages"></p> <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-4/">Learn More</a> </div> <div class="product-btn product-btn-type2">  </div> </div> </div> <div class="compare-item-list"> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/audio-icon1.svg" alt=""> </div> <div class="card-page"> 11 mm dynamic driver + planar diaphragm driver </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/audio-icon2.svg" alt=""> </div> <div class="card-page"> 2.3 Mbps lossless transmission<sup data-footnote="1">1</sup> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/audio-icon3.svg" alt=""> </div> <div class="card-page"> Intelligent Dynamic ANC 3.0 </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/audio-icon4.svg" alt=""> </div> <div class="card-page"> AI call noise cancellation<br> 4-mic call noise cancellation </div> </div> <div class="compare-card"> <div class="card-top card-top-page"> 33 hours </div> <div class="card-page"> With multiple charges in the charging case<sup data-footnote="4">4</sup> </div> </div> </div> </div> <div class="swiper-slide compare-item"> <div class="compare-top-item"> <div class="item-image"> <a class="compare-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds5/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/compare/compare-huawei-freebuds5.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/compare/compare-huawei-freebuds5.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds5/"> HUAWEI FreeBuds 5 </a> </div> <div class="item-page"> <p class="item-price">  </p> <p class="product-stages"></p> <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds5/">Learn More</a> </div> <div class="product-btn product-btn-type2">  </div> </div> </div> <div class="compare-item-list"> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/audio-icon1.svg" alt=""> </div> <div class="card-page"> 11 mm dual-magnetic dynamic driver unit </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/audio-icon2.svg" alt=""> </div> <div class="card-page"> Blazing-high transmissions of up to 990 kbps<sup data-footnote="2">2</sup> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/audio-icon3.svg" alt=""> </div> <div class="card-page"> Open-fit ANC </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/audio-icon4.svg" alt=""> </div> <div class="card-page"> AI call noise cancellation<br> Tri-mic call noise cancellation </div> </div> <div class="compare-card"> <div class="card-top card-top-page"> 30 hours </div> <div class="card-page"> With multiple charges in the charging case<sup data-footnote="5">5</sup> </div> </div> </div> </div> <div class="swiper-slide compare-item"> <div class="compare-top-item"> <div class="item-image"> <a class="compare-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds6i/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/compare/compare-huawei-freebuds6i.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/compare/compare-huawei-freebuds6i.png" class="blur-up lazyload" alt=""> </a> </div> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="item-title"> <a class="compare-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds6i/"> HUAWEI FreeBuds 6i </a> </div> <div class="item-page"> <p class="item-price">  </p> <p class="product-stages"></p> <div class="product-btn product-btn-type1"> <a class="btn-black compare-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds6i/">Learn More</a> </div> <div class="product-btn product-btn-type2">  </div> </div> </div> <div class="compare-item-list"> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/audio-icon1.svg" alt=""> </div> <div class="card-page"> 11 mm quad-magnet dynamic driver </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/audio-icon2.svg" alt=""> </div> <div class="card-page"> Blazing-high transmissions of up to 990 kbps<sup data-footnote="3">3</sup> </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/audio-icon3.svg" alt=""> </div> <div class="card-page"> Intelligent Dynamic ANC 3.0 </div> </div> <div class="compare-card"> <div class="card-top card-top-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/audio-icon4.svg" alt=""> </div> <div class="card-page"> Tri-mic call noise cancellation </div> </div> <div class="compare-card"> <div class="card-top card-top-page"> 35 hours </div> <div class="card-page"> With multiple charges in the charging case<sup data-footnote="6">6</sup> </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 section-experience-screen-2 mx-out category-section-ga" data-bannername="Designed to Do More"> <div class="h3 max-title tx-c">Designed to Do More</div> <div class="section-content mx-content"> <div class="swiper-media-wrapper"> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/coordination/huawei-phones-and-headphones.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/coordination/huawei-phones-and-headphones.jpeg" class="blur-up lazyload" alt="huawei mobile phone connected with hauwei earphones"> </div> <div class="swiper-slide"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/coordination/huawei-phones-and-wearables.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/coordination/huawei-phones-and-wearables.jpeg" class="blur-up lazyload" alt="huawei mobile watch connected with hauwei earphones"> </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="HUAWEI Headphones and Phone"> <div class="tabnav-header h5"> <button class="tabnav-button " type="button"> <span class="tabnav-title">HUAWEI Headphones <span class="nowrap">and Phone</span></span> </button> </div> <div class="tabnav-collapse"> <p class="tabnav-intro">Enjoy the convenience by viewing the battery level, adjusting the volume and sound effects, and benefiting from a vast array of smart features via the connection.<sup data-footnote="7">7</sup></p> </div> </div> <div class="tabnav-item collapsed" data-btnname="HUAWEI Headphones and Watch"> <div class="tabnav-header h5"> <button class="tabnav-button" type="button"> <span class="tabnav-title">HUAWEI Headphones <span class="nowrap">and Watch</span></span> </button> </div> <div class="tabnav-collapse"> <p class="tabnav-intro">Connect the watch to your earbuds or speakers, and control the playback and volume level from the convenience of your wrist.<sup data-footnote="8">8</sup> </p> </div> </div> <div class="tabnav-indicator"> <div class="indicator"></div> </div> </div> </div> <div class="xs-intro-list"></div> </div> </div> </section> <section class="category-section section-collocation mx-out category-section-ga"> <div class="h3 max-title tx-c"> Tailored to Your Every Whim </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">HUAWEI Music</div> <p class="item-page">Your Moment, Your Music.</p> <div class="product-btn product-btn-type2"> <a class="more-btn collocation-ga" data-btnname="Learn More" data-bannername="HUAWEI Music" href="https://consumer.huawei.com/en/mobileservices/music/">Learn More</a> </div> </div> <div class="collocation-item-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/collocation/huawei-music.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/collocation/huawei-music.jpeg" class="blur-up lazyload" alt="huawei Music UX"> </div> <a class="collocation-image-click" data-btnname="Learn More" data-bannername="HUAWEI Music" href="https://consumer.huawei.com/en/mobileservices/music/"></a> </div> <div class="collocation-item"> <div class="collocation-item-title"> <div class="item-title h4">HUAWEI AI Life</div> <p class="item-page">The Smart Way to Control Life.</p> <div class="product-btn product-btn-type2"> <a class="more-btn collocation-ga" data-btnname="Learn More" data-bannername="HUAWEI AI Life" href="https://consumer.huawei.com/en/mobileservices/ai-life/">Learn More</a> </div> </div> <div class="collocation-item-image"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/collocation/huawei-mobileservices.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/collocation/huawei-mobileservices.jpeg" class="blur-up lazyload" alt="huawei aI Life UX"> </div> <a class="collocation-image-click" data-btnname="Learn More" data-bannername="HUAWEI AI Life" href="https://consumer.huawei.com/en/mobileservices/ai-life/"></a> </div> </div> </div> </section>  <section class="section-footnote normal-footnote"> <div class="section-content"> <ol> <li id="footnote-1">The earbuds support up to 2.3 Mbps of lossless audio transmission when connected to a HUAWEI Mate X6 phone running EMUI 15 or a later version. The 2.3 Mbps transmission capability is certified by HWA. This feature is only available on certain phone models running certain operating systems. For details, see <a href="https://consumer.huawei.com/en/support/content/en-us15900030/">https://consumer.huawei.com/en/support/content/en-us15900030/</a>.</li>  <li id="footnote-2">The Hi-Res Audio Wireless certification is based on the LDAC™ HD transmission protocol, and the LDAC™ protocol is mandatory for the playback device. LDAC™ and LDAC logo are trademarks of Sony Corporation.</li> <li id="footnote-3">The Hi-Res Audio Wireless certification is based on the LDAC™ HD transmission protocol, and the LDAC™ protocol is mandatory for the playback device. LDAC™ and LDAC logo are trademarks of Sony Corporation.</li> <li id="footnote-4">Data comes from Huawei lab.</li> <li id="footnote-5">The battery life and charging data come from Huawei lab tests. During the tests, audio in AAC format was played at 50% volume level and with ANC disabled. The default settings were used for other features. Actual results may vary depending on the volume, audio source, environmental interference, product features, and usage habits.</li> <li id="footnote-6">Battery life data comes from Huawei labs, in which audio was played at a 50% volume level and with ANC disabled in AAC mode, with HUAWEI P60 Pro. The default settings were used for other features. Actual battery life may vary depending on the volume level, audio source, environmental interference, product features, and usage habits.</li> <li id="footnote-7">Supported device models may vary.</li> <li id="footnote-8">This feature is only supported on certain HUAWEI Watches. Actual support on the watches may vary.</li> </ol> </div> </section> <section class="reasonPopUp normalPopUp" id="reasonPopUp0"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="popUp-close-btn "> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Patents</p> <div class="h3">Trailblazing Audio Technologies</div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">250+ Patents<sup data-reasonfootnote="1">1</sup></div> <p>Huawei is committed to making audio more immersive, through innovative hardware structure, acoustic algorithms, and product design paradigms. Our cutting-edge audio capabilities have drawn widespread acclaim and broken through longstanding technological barriers.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-1-pop-1-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-1-pop-1-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-1-pop-1-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-1-pop-1-pc.jpeg" class="blur-up lazyload" alt="huawei audio technology"> </picture> </div> </div> <div class="reason-footnote normal-footnote"> <div class="section-content"> <ol> <li id="rasonfootnote-1" class="">Data is as of January 9, 2025. </li> <li id="reason-footnoe-0"> The aforementioned features are covered by the HUAWEI audio products portfolio, but not every product has all these features. The features vary between different products. Please refer to the specific product purchase specifications screen for accurate information. </li> </ol> </div> </div> </div> </div> </div> </div> </div> </section> <section class="reasonPopUp normalPopUp" id="reasonPopUp1"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="popUp-close-btn "> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Design</p> <div class="h3">Pioneering Aesthetics </div> </div> <div class="reason-content reason-one-content bg-white"> <div class="reason-content-title"> <div class="h4">Minimalist Approach</div> <p class="reason-title-page">A minimalist spherical shape gives HUAWEI FreeClip a stylish look, and an ergonomic design makes them comfortable and feather-light.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-1-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-1-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-1-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-1-pc.jpeg" class="blur-up lazyload" alt="the design of huawei audio products 1"> </picture> </div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Silver String Design</div> <p class="reason-title-page">Marvel at the laser-engraved handle, a homage to the elegance of string instruments, and delight in the scintillating sounds.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-2-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-2-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-2-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-2-pc.jpeg" class="blur-up lazyload" alt="the design of huawei audio products 2"> </picture> </div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">Listen without Losing Your Way</div> <p class="reason-title-page"> Open acoustic design lets your ears breathe while you're listening. It also makes sounds in your environment audible, so you can stay safe while staying immersed in your music. </p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-4-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-4-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-4-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-4-pc.jpeg" class="blur-up lazyload" alt="the design of huawei audio products 3"> </picture> </div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">Seamless Curves for Optimal Fit</div> <p class="reason-title-page"> HUAWEI FreeBuds 5 is meant to dazzle and bring melody brimming to the surface, with mesmerizing curves and mind-blowing capabilities.⁠<sup data-reasonfootnote="1">1</sup> </p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-3-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-3-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-3-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-2-pop-3-pc.jpeg" class="blur-up lazyload" alt="the design of huawei audio products 4"> </picture> </div> </div> <div class="reason-footnote normal-footnote"> <div class="section-content"> <ol> <li id="reason-footnoe-0"> The aforementioned features are covered by the HUAWEI audio products portfolio, but not every product has all these features. The features vary between different products. Please refer to the specific product purchase specifications screen for accurate information. </li> </ol> <ol> <li id="rasonfootnote-1">Seamless curves refer to the earbuds themselves, not the charging case.</li> </ol> </div> </div> </div> </div> </div> </div> </div> </section> <section class="reasonPopUp normalPopUp" id="reasonPopUp2"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="popUp-close-btn "> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Sound Quality</p> <div class="h3">Endlessly Immersive</div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Lossless Sound Quality for Authentic Sounds</div> <p class="reason-title-page">HUAWEI FreeBuds Pro 4 is the first pair of earbuds to support 2.3 Mbps lossless transmission,⁠<sup data-reasonfootnote="1">1</sup> thanks to the Huawei-exclusive L2HC 4.0 audio codec⁠<sup data-reasonfootnote="2">2</sup> and upgraded Polar Code technology. </p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-3-pop-1-mob.png" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-3-pop-1-mob.png"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-3-pop-1-pc.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-3-pop-1-pc.png" class="blur-up lazyload" alt="the sound quality of huawei audio products 1"> </picture> </div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Dual-driver True Sound</div> <p class="reason-title-page">These earbuds deliver an astounding 14 Hz of booming bass, thanks to a standout dual-driver setup and 11 mm quad-magnet dynamic driver unit.⁠<sup data-reasonfootnote="3">3</sup></p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-3-pop-2-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-3-pop-2-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-3-pop-2-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-3-pop-2-pc.jpeg" class="blur-up lazyload" alt="the sound quality of huawei audio products 2"> </picture> </div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Every Note — Ever Faithful</div> <p class="reason-title-page">HUAWEI FreeBuds 5 supports blazing-high transmissions of up to 990 kbps, thanks to LDAC™ high-resolution codec<sup data-reasonfootnote="4">4</sup> support, as well as Hi-Res and HWA Audio Wireless certifications.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-3-pop-3-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-3-pop-3-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-3-pop-3-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-3-pop-3-pc.jpeg" class="blur-up lazyload" alt="the sound quality of huawei audio products 3"> </picture> </div> </div> <div class="reason-footnote normal-footnote"> <div class="section-content"> <ol> <li id="reason-footnoe-0"> The aforementioned features are covered by the HUAWEI audio products portfolio, but not every product has all these features. The features vary between different products. Please refer to the specific product purchase specifications screen for accurate information. </li> </ol> <ol> <li id="rasonfootnote-1">The earbuds support up to 2.3 Mbps of lossless audio transmission when connected to a HUAWEI Mate X6 phone running EMUI 15 or a later version. The 2.3 Mbps transmission capability is certified by HWA. This feature is only available on certain phone models running certain operating systems. For details, see <a href="https://consumer.huawei.com/en/support/content/en-us15900030/">https://consumer.huawei.com/en/support/content/en-us15900030/</a>.</li>  <li id="rasonfootnote-2"> L2HC 4.0 is only available on HUAWEI phones/tablets running EMUI 15 or a later version. </li> <li id="rasonfootnote-3"> Data comes from Huawei lab frequency range tests conducted under the L2HC/LDAC™ HD audio codec for Bluetooth connections. </li> <li id="rasonfootnote-4"> The Hi-Res Audio Wireless certification is based on the LDAC™ HD transmission protocol, and the LDAC™ protocol is mandatory for the playback device. LDAC™ and LDAC logo are trademarks of Sony Corporation. </li> </ol> </div> </div> </div> </div> </div> </div> </div> </section> <section class="reasonPopUp normalPopUp" id="reasonPopUp3"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="popUp-close-btn "> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Noise Cancellation</p> <div class="h3">Distraction-free Listening</div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Tune Out, Tune In</div> <p class="reason-title-page">The tip fit test matches the noise cancellation parameters for two types of ear tips. This lets you customise your fit and listening experience while keeping noise at bay—even on flights or high-speed trains—with the help of intelligent dynamic ANC.<sup data-reasonfootnote="1">1</sup> </p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-4-pop-1-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-4-pop-1-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-4-pop-1-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-4-pop-1-pc.jpeg" class="blur-up lazyload" alt="the noise callcellation of huawei earphones 1"> </picture> </div> </div> <div class="reason-content reason-one-content bg-gary3"> <div class="reason-content-title"> <div class="h4">Less Noise, More Joy</div> <p class="reason-title-page">HUAWEI FreeBuds 6i is designed to handle daily scenarios like subway rides, which involve a distracting level of noise across a wide frequency range. Just slip on your earbuds, enable ANC, and tune out with your favourite tunes.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-4-pop-2-mob.png" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-4-pop-2-mob.png"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-4-pop-2-pc.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-4-pop-2-pc.png" class="blur-up lazyload" alt="the noise cancellation of huawei earphones 2"> </picture> </div> </div> <div class="reason-footnote normal-footnote"> <div class="section-content"> <ol> <li id="reason-footnoe-0"> The aforementioned features are covered by the HUAWEI audio products portfolio, but not every product has all these features. The features vary between different products. Please refer to the specific product purchase specifications screen for accurate information. </li> </ol> <ol> <li id="rasonfootnote-1"> If no ear tip type is selected after the ear tips are replaced, the earbuds will detect the ear tips in use as soon as the earbuds are placed in the charging case, and adjust the optimal noise cancellation parameters accordingly. Noise cancellation parameter switching accuracy within 24 hours of earbuds being placed in the charging case is as high as 99%. Data comes from Huawei labs. ANC: Active Noise Cancellation. </li> </ol> </div> </div> </div> </div> </div> </div> </div> </section> <section class="reasonPopUp normalPopUp" id="reasonPopUp4"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="popUp-close-btn "> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Crystal-Clear Call</p> <div class="h3">Noise-Free Calling </div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Clear Calls from Any Place</div> <p class="reason-title-page">Calls are crystal clear at wind speeds of up to 10 m/s<sup data-reasonfootnote="1">1</sup> and in situations with noise levels of up to 100 dB,<sup data-reasonfootnote="1">1</sup> such as concerts, live houses,or the metro, thanks to an advanced AI call-noise-cancellation algorithm, with powerful sound pickup made possible by a reverse bone conduction microphone working alongside three other microphones.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-5-pop-1-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-5-pop-1-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-5-pop-1-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-5-pop-1-pc.jpeg" class="blur-up lazyload" alt="the call noise cancellation of huawei earphones"> </picture> </div> </div> <div class="reason-footnote normal-footnote"> <div class="section-content"> <ol> <li id="reason-footnoe-0"> The aforementioned features are covered by the HUAWEI audio products portfolio, but not every product has all these features. The features vary between different products. Please refer to the specific product purchase specifications screen for accurate information. </li> </ol> <ol> <li id="rasonfootnote-1">Data comes from Huawei labs. </li> </ol> </div> </div> </div> </div> </div> </div> </div> </section> <section class="reasonPopUp normalPopUp" id="reasonPopUp5"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content"> <div class="fix-model-content-bg"></div> <div class="fix-model-content-main"> <div class="popUp-close-btn "> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/icon/popclossse.svg" alt=""> </div> <div class="fix-model-content-main-flex"> <div class="reasson-title"> <p>Smart Experience</p> <div class="h3">Nimble Features All Yours</div> </div> <div class="reason-content reason-one-content bg-black"> <div class="reason-content-title"> <div class="h4">Proximity Pairing</div> <p class="reason-title-page">Open the charging case, touch CONNECT on the pop-up that appears on your phone, and automatically reconnect each subsequent time that you open the case.⁠<sup data-reasonfootnote="1">1</sup></p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-1-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-1-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-1-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-1-pc.jpeg" class="blur-up lazyload" alt="the smart experience of huawei audio products 1"> </picture> </div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">Dual Connections</div> <p class="reason-title-page">Regardless of whether you're using iOS, Android, or Windows devices, connect to two of these devices at the same time and switch audio between them automatically. When the earbuds are connected to EMUI devices,⁠<sup data-reasonfootnote="2">2</sup> you can switch audio between more than two devices.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-2-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-2-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-2-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-2-pc.jpeg" class="blur-up lazyload" alt="the smart experience of huawei audio products 2"> </picture> </div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">Tap to Transfer⁠<sup data-reasonfootnote="3">3</sup></div> <p class="reason-title-page">Tap your phone against the speaker to amplify your music in an instant.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-3-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-3-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-3-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-3-pc.jpeg" class="blur-up lazyload" alt="the smart experience of huawei audio products 3"> </picture> </div> </div> <div class="reason-content reason-two-content bg-black"> <div class="reason-content-title"> <div class="h4">Nod to Answer Phone Calls</div> <p class="reason-title-page">Answer or reject incoming calls hands-free, just by nodding or shaking your head.⁠<sup data-reasonfootnote="4">4</sup></p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-4-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-4-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-4-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-4-pc.jpeg" class="blur-up lazyload" alt="the smart experience of huawei audio products 4"> </picture> </div> </div> <div class="reason-content reason-two-content bg-white"> <div class="reason-content-title"> <div class="h4">Shake for Stereo</div> <p class="reason-title-page">Shake two HUAWEI Sound Joy 2 speakers to pair them,⁠<sup data-reasonfootnote="5">5</sup> and create an instant stereo system.</p> </div> <div class="reason-content-img"> <picture> <source media="(max-width: 767.98px)" srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-5-mob.jpeg" data-srcset="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-5-mob.jpeg"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-5-pc.jpeg" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/reason/pop/reason-6-pop-5-pc.jpeg" class="blur-up lazyload" alt="the smart experience of huawei audio products 5"> </picture> </div> </div> <div class="reason-footnote normal-footnote"> <div class="section-content"> <ol> <li id="reason-footnoe-0"> The aforementioned features are covered by the HUAWEI audio products portfolio, but not every product has all these features. The features vary between different products. Please refer to the specific product purchase specifications screen for accurate information. </li> </ol> <ol> <li id="rasonfootnote-1">This feature is only available on models running EMUI 10.0 or later. </li> <li id="rasonfootnote-2">Multi-device connection is only available on certain EMUI devices running EMUI 13 or later. </li> <li id="rasonfootnote-3">This feature is supported on HUAWEI Phones running EMUI 12 or later, when NFC is enabled, and is available regardless of whether the screen is on or locked. It is also supported on HUAWEI Phones running an OS earlier than EMUI 12/Android phones (versions later than 5.1.1), when NFC is enabled, but only when the screen is unlocked and on. This feature is not supported on iPhones.</li> <li id="rasonfootnote-4">This feature is only available after an OTA update.</li> <li id="rasonfootnote-5">Shake for stereo is supported between two HUAWEI Sound Joy 2 speakers. Make sure that the two speakers are within three metres of each other, then shake both simultaneously or in turn within a 5-minute span. For details, see the user guide in the HUAWEI AI Life app. Shake for stereo is not supported during music playback.</li> </ol> </div> </div> </div> </div> </div> </div> </div> </section> <section class="productPopUp normalPopUp" id="porductPopUp"> <div class="fix-container model-close"> <div class="fix-model"> <div class="fix-model-content-top"> <div class="popUp-close-btn"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/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="FreeBuds Series" data-arrive="1">FreeBuds Series</p> <p class="product-list-fix-btn" data-btnname="FreeClip Series" data-arrive="2">FreeClip Series</p> <p class="product-list-fix-btn" data-btnname="FreeClip Series" data-arrive="3">FreeLace Series</p> <p class="product-list-fix-btn" data-btnname="Eyewear" data-arrive="4">Eyewear</p> <p class="product-list-fix-btn" data-btnname="Smart Speakers" data-arrive="5">Smart Speakers</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="FreeBuds Series"> <div class="h3">FreeBuds Series </div> <div class="productlist-fix-group productlist-fix-group-one new"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-4/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds-pro-4.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds-pro-4.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class=" product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-4/">HUAWEI FreeBuds Pro 4</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/en/headphones/freebuds-pro-4/">Learn More</a>  </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-3/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds-pro-3.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds-pro-3.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-3/">HUAWEI FreeBuds Pro 3</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-3/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-2/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds-pro-2.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds-pro-2.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-2/">HUAWEI FreeBuds Pro 2</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-pro-2/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-three"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds5/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds5.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds5.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds5/"> HUAWEI FreeBuds 5</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds5/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-three"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds4e/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds4e.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds4e.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds4e/"> HUAWEI FreeBuds 4E</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds4e/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-three"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds6i/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds6i.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds6i.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds6i/">HUAWEI FreeBuds 6i</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds6i/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-three"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds5i/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds5i.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds5i.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds5i/"> HUAWEI FreeBuds 5i</a> </div> <p class="product-price"></p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds5i/">Learn More</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/en/headphones/freebuds-se-3/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds-se-3.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds-se-3.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-se-3/">HUAWEI FreeBuds SE 3</a> </div> <p class="product-price"></p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-se-3/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-three"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-se-2/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds-se-2.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freebuds-se-2.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-se-2/">HUAWEI FreeBuds SE 2</a> </div> <p class="product-price"></p> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freebuds-se-2/">Learn More</a> </div> </div> </div> </div> </div> <div class="productlist-fix-content" id="productlistFix2" data-active="2" data-bannername="FreeClip Series"> <div class="h3">FreeClip Series </div> <div class="productlist-fix-group productlist-fix-group-one new"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freeclip/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freeclip.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freeclip.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freeclip/">HUAWEI FreeClip</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freeclip/">Learn More</a> </div> </div> </div> </div> </div> <div class="productlist-fix-content" id="productlistFix3" data-active="3" data-bannername="FreeLace Series"> <div class="h3">FreeLace Series </div> <div class="productlist-fix-group productlist-fix-group-one"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freelace-pro-2/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freelace-pro-2.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freelace-pro-2.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freelace-pro-2/">HUAWEI FreeLace Pro 2</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freelace-pro-2/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freelace-pro/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freelace-pro.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freelace-pro.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freelace-pro/">HUAWEI FreeLace Pro</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freelace-pro/">Learn More</a> </div> </div> </div> </div><div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freelace-lite/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freelace-lite.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-freelace-lite.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freelace-lite/">HUAWEI FreeLace Lite</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/headphones/freelace-lite/">Learn More</a> </div> </div> </div> </div> </div> <div class="productlist-fix-content" id="productlistFix4" data-active="4" data-bannername="Eyewear"> <div class="h3">Eyewear </div> <div class="productlist-fix-group productlist-fix-group-one"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/audio/huawei-eyewear-2/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-eyewear-2.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-eyewear-2.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/audio/huawei-eyewear-2/">HUAWEI Eyewear 2</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/audio/huawei-eyewear-2/">Learn More</a> </div> </div> </div> </div> </div> <div class="productlist-fix-content" id="productlistFix5" data-active="5" data-bannername="Smart Speakers"> <div class="h3">Smart Speakers </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/speakers/sound-joy-2-bluetooth-speaker/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-sound-joy-2.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-sound-joy-2.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/speakers/sound-joy-2-bluetooth-speaker/">HUAWEI Sound Joy 2</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/speakers/sound-joy-2-bluetooth-speaker/">Learn More</a> </div> </div> </div> </div> <div class="productlist-fix-group productlist-fix-group-two"> <div class="product-fix-content"> <div class="product-fix-img"> <a class="product-image-ga scene-ga" href="https://consumer.huawei.com/en/speakers/sound-joy/"> <img src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-sound-joy.png" data-src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/images/all-audios/all-huawei-sound-joy.png" class="blur-up lazyload" alt=""> </a> </div> <div class="product-fix-page"> <div class="special-page"> <p class="special-new">NEW</p> <p class="special-hot">HOT</p> </div> <div class="h6 product-name"> <a class="product-title-ga scene-ga" href="https://consumer.huawei.com/en/speakers/sound-joy/">HUAWEI Sound Joy</a> </div> <div class="product-btn product-btn-type2"> <a class="btn-black product-scene-button-ga scene-ga" href="https://consumer.huawei.com/en/speakers/sound-joy/">Learn More</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </main> <script src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/js/utilsPlugin.js"></script> <script src="/content/dam/huawei-cbg-site/common/mkt/plp-x/audio/winter-2024-new-product-launch/new-audio/js/swiper-bundle.min.js"></script> <script type="text/javascript"> var rrpTips = "**Le PVC est le prix de vente conseillé que Huawei, en tant que fabricant du produit, communique à ses distributeurs. Il s’agit d’un prix indicatif de vente qui est fourni ici à titre de comparaison."; (function () { "use strict"; const html = document.documentElement; const main = document.getElementById("category-container"); const controller = new ScrollMagic.Controller(); let screenWidth = html.clientWidth; let windowWidth = window.innerWidth; let windowHeight = window.innerHeight; let scrollbarWidth = windowWidth - screenWidth; let isPortrait = window.matchMedia("(max-aspect-ratio: 11/10)").matches; let isCardmob = window.innerWidth <= 1079.98; let isCardpad = window.innerWidth <= 1440; if ("scrollRestoration" in history) history.scrollRestoration = "manual"; let isMobPop = window.innerWidth <= 767.98; window.NodeList && !NodeList.prototype.forEach && (NodeList.prototype.forEach = Array.prototype.forEach); html.style.setProperty("--scrollbar-width", scrollbarWidth + "px"); let hasIO = "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype; window.lazySizesConfig = window.lazySizesConfig || {}; lazySizesConfig.expand = 1500; lazySizesConfig.expFactor = 3; let header = document.querySelector(".header.nav-v2"); let nav2Height = header.querySelector(".n01-main-navigation").clientHeight || 56; // let nav2Height = header ? header.clientHeight : 80; let headerHeight = nav2Height; // let headerHeight = 80; const $pageCategory = "product-listing"; const Browser = (function () { const ua = navigator.userAgent.toLowerCase(); return { isIE: ua.indexOf("trident/") !== -1 || ua.indexOf("edge") !== -1, isUC: ua.indexOf("ucbrowser") !== -1, isWeChat: ua.indexOf("micromessenger") !== -1, isSafari: ua.indexOf("safari") !== -1 && ua.indexOf("chrome") === -1, }; })(); const Support = (function () { let sticky, clipPath, gradientText, webp, classList = main.classList; if ( !Browser.isIE || !!((window.CSS && window.CSS.supports) || window.supportsCSS) ) { sticky = CSS.supports("position", "sticky"); clipPath = CSS.supports("clip-path", "inset(0 0)"); gradientText = CSS.supports("-webkit-background-clip", "text") || CSS.supports("background-clip", "text"); let canvas = document.createElement("canvas"); if (canvas.getContext && canvas.getContext("2d")) { webp = canvas.toDataURL("image/webp").indexOf("data:image/webp") === 0; } } !sticky && classList.add("no-sticky"); !clipPath && classList.add("no-clip-path"); !gradientText && classList.add("no-gradient-text"); !webp && classList.add("no-webp"); return { sticky: sticky, clipPath: clipPath, gradientText: gradientText, webp: webp, inlineVideo: !(Browser.isUC || Browser.isWeChat), }; })(); const U = { rpx: function (px, sw) { return (px / sw) * windowWidth; }, replayVideo: function (video) { video.currentTime = 0; U.videoAction(video, "play"); }, outCube: function (n) { return --n * n * n + 1; }, getTop: function (target) { let top = 0; while (target.offsetParent) { top += target.offsetTop; target = target.offsetParent; } return top; }, smoothScroll: function (target, offset) { let start, id; let startY = window.scrollY || html.scrollTop; let duration = 800; const onScroll = function (timestamp) { if (!start) start = timestamp; let elapsed = timestamp - start; let endY = target ? U.getTop(target) - (offset || 0) : 0; let progress = Math.min(elapsed / duration, 1); let position = target ? startY + (endY - startY) * U.outCube(progress) : startY - startY * U.outCube(progress); window.scrollTo(0, position); elapsed < duration ? (id = requestAnimationFrame(onScroll)) : cancelAnimationFrame(id); }; id = requestAnimationFrame(onScroll); }, popSmoothScroll: function (target, offset) { const acitivePop = main.querySelector(".reasonPopUp.active"); const activeFix = acitivePop.querySelector(".fix-container"); let start, id; let startY = activeFix.scrollTop; let duration = 800; const onScroll = function (timestamp) { if (!start) start = timestamp; let elapsed = timestamp - start; let endY = target ? target.offsetTop : 0; let progress = Math.min(elapsed / duration, 1); let position = target ? startY + (endY - startY) * U.outCube(progress) : startY - startY * U.outCube(progress); activeFix.scrollTo(0, position); elapsed < duration ? (id = requestAnimationFrame(onScroll)) : cancelAnimationFrame(id); }; id = requestAnimationFrame(onScroll); }, pageHeightCurrect: function (array, content, name, size) { function chunkArray(array, size) { let result = []; for (let i = 0; i < array.length; i += size) { result.push(array.slice(i, i + size)); } return result; } if (array) { content.forEach(function (item) { let height = []; let productName = item.querySelectorAll(name); let productSize = size ? size : productName.length; productName.forEach(function (item2) { height.push(item2.clientHeight); }); let chunked = chunkArray(height, productSize); for (let i = 0; i < chunked.length; i++) { let maxH = Math.max(...chunked[i]); for (let n = 0; n < productSize; n++) { productName[productSize * i].style.height = maxH + "px"; if (productName[productSize * i + n]) { productName[productSize * i + n].style.height = maxH + "px"; } } } }); } else { let height = []; let productName = content.querySelectorAll(name); let productSize = size ? size : productName.length; productName.forEach(function (item2) { height.push(item2.clientHeight); }); let chunked = chunkArray(height, productSize); for (let i = 0; i < chunked.length; i++) { let maxH = Math.max(...chunked[i]); for (let n = 0; n < productSize; n++) { productName[productSize * i].style.height = maxH + "px"; if (productName[productSize * i + n]) { productName[productSize * i + n].style.height = maxH + "px"; } } } } }, }; const Helper = { init: function () { this.inlineVideo(), this.modalVideo(), this.pushToDataLayer(); }, inlineVideo: function () { if (!Support.inlineVideo) main.classList.add("no-inline-video"); const inlineVideos = main.querySelectorAll(".inline-video"); // let hasPoster = Support.inlineVideo ? "-poster" : ""; let hasPoster = ""; // let posterFormart = !hasPoster && Support.webp ? ".webp" : ".jpg"; let posterFormart = ".jpg"; function videoHandler(media, video, videoSrc, posterSrc) { let poster = new Image(); poster.onload = function () { media.classList.add("loaded"); video.poster = posterSrc; }; poster.src = posterSrc; if (!Support.inlineVideo) return; video.src = videoSrc; video.load(); function handleCanplay() { media.classList.add("loaded"); video.removeEventListener("canplay", handleCanplay); } video.addEventListener("canplay", handleCanplay); } inlineVideos.forEach(function (media) { const video = media.querySelector("video"); let basepath = video.getAttribute("data-basepath"); let hasXS = isPortrait && video.hasAttribute("data-has-xs") ? "-xs" : ""; let posterBase = basepath + hasXS + hasPoster; let posterSrc = posterBase + posterFormart; let posterSrcThumb = posterBase + "-thumb.jpg"; let videoSrc = basepath + hasXS + ".mp4"; let isPreload = video.hasAttribute("data-preload"); let isTriggerPlay = video.hasAttribute("data-trigger-play"); // video.poster = posterSrcThumb; if (isPreload) { videoHandler(media, video, videoSrc, posterSrc); } else { let scene = new ScrollMagic.Scene({ triggerElement: media, triggerHook: 1, offset: -windowHeight * 2, }) .on("enter", function () { videoHandler(media, video, videoSrc, posterSrc); controller.removeScene(scene); }) .addTo(controller); } if (Support.inlineVideo && isTriggerPlay) { let scene = new ScrollMagic.Scene({ triggerElement: media, triggerHook: 0.5, }) .on("enter", function () { video.play(); controller.removeScene(scene); }) .addTo(controller); } }); const videoBtn = main.querySelectorAll(".video-btn"); videoBtn.forEach(function (item) { item.addEventListener("click", function () { if (!item.classList.contains("active")) { item.parentNode.querySelector("video").pause(); } else { item.parentNode.querySelector("video").play(); } let $bannerName = item.parentNode.parentNode.parentNode.parentNode.getAttribute('data-bannername'); window.dataLayer.push({ event: "video_play", pageCategory: $pageCategory, productCategory: $bannerName, }); }); }); $(".video-btn").click(function (e) { $(this).toggleClass("active"); }); }, modalVideo: function () { $(".player-cta").on("click", function (event) { event.preventDefault(); event.stopPropagation(); $(this).initH5player({ path: "", target: "fancybox", autostart: true, beforeShow: "", afterClose: "", }); }); }, pushToDataLayer: function () { const gaEls = main.querySelectorAll("[data-ga-event]"); gaEls.forEach(function (gaEl) { gaEl.addEventListener("click", function () { let data = Object.create(null); let attrs = gaEl.attributes; for (let i = 0, len = attrs.length; i < len; i++) { let name = attrs[i].name; if (name.substring(0, 8) === "data-ga-") { let key = name.substring(8).replace(/-(\w)/g, function (a, b) { return b.toUpperCase(); }); data[key] = attrs[i].value; } } dataLayer.push(data); }); }); }, }; const Page = { init: function () { this.sellingPoints(); this.reasonSwiper(); this.seriesSwiper(); this.titleHeightEach(); this.seriesPopup(); this.compareSwiper(); this.experience3(); // this.serviceSwiper(); this.compareHeightCurrent(); this.footnotes(); this.priceRemarks(); this.setGa(); this.mobCardSwiper(); this.productlistNavPoints() this.reasonFootnotes(); this.buyButtonHref(); }, footnotes: function () { const sectionFootnote = main.querySelector(".section-footnote"); let moveSup = main.querySelectorAll("sup"); moveSup.forEach(function (item) { item.addEventListener("click", function (event) { event.stopPropagation(); if (item.hasAttribute("data-footnote")) { const footnote = sectionFootnote.querySelector( "#footnote-" + item.getAttribute("data-footnote") ); U.smoothScroll(footnote, 120); const current = sectionFootnote.querySelector("li.current"); current && current.classList.remove("current"); footnote.classList.add("current"); } if (item.hasAttribute("data-reasonfootnote")) { const reasonFootnote = main.querySelector( ".reasonPopUp.active .reason-footnote" ); const reasonFootnoteLi = reasonFootnote.querySelector( "#rasonfootnote-" + item.getAttribute("data-reasonfootnote") ); U.popSmoothScroll(reasonFootnoteLi, 120); const current = reasonFootnote.querySelector("li.current"); current && current.classList.remove("current"); reasonFootnoteLi.classList.add("current"); } }); }); }, setGa: function () { const gaSection = main.querySelectorAll(".category-section-ga"); gaSection.forEach(function (item, index) { let $bannerName = item.getAttribute("data-bannername"); let $event = ""; let $buttonName = ""; let $clickArea = ""; let kvSceneGa = item.querySelectorAll(".kv-scene-ga"); if (kvSceneGa) { kvSceneGa.forEach(function (item1) { item1.addEventListener("click", function () { $event = "mainProductToPDP"; if (item1.classList.contains("kv-scene-button-ga")) { if(item1.classList.contains("kv-button-buy-ga")){ $buttonName = "Buy"; }else{ $buttonName = "Learn More"; } // $buttonName = item1.innerHTML; $clickArea = "button"; } else { $buttonName = ""; $clickArea = "image"; } if (item1.classList.contains("kv-button-buy-ga")) { $event = "mainProductToPOP"; } window.dataLayer.push({ event: $event, pageCategory: $pageCategory, bannerName: $bannerName, bannerPosition: index, buttonName: $buttonName, clickArea: $clickArea, }); }); }); } let reasonSlideScene = item.querySelectorAll(".reasonSlide"); if (reasonSlideScene) { reasonSlideScene.forEach(function (item1, index1) { item1.addEventListener("click", function () { $bannerName = item1.getAttribute("data-bannername"); window.dataLayer.push({ event: "products_display_banner_click", pageCategory: $pageCategory, bannerName: $bannerName, bannerPosition: index1, clickArea: "", buttonName: "", }); }); }); } let seriesSlideScene = item.querySelectorAll(".seriesSlide"); if (seriesSlideScene) { seriesSlideScene.forEach(function (item1, index1) { // if(!item1.classList.contains('seriesSlide-click')){ 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"; } $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) { if(!item.classList.contains('seriesSlide-click')){ item.addEventListener("click", function () { U.smoothScroll( main.querySelector(item.getAttribute("data-anchor")), headerHeight + productlist_nav_height + (isCardmob ? 20 : 40) ); }); } item.addEventListener("mouseenter", function () { item.classList.add("is-hover"); }); item.addEventListener("mouseleave", function () { item.classList.remove("is-hover"); }); }); }, productlistNavPoints: function () { var Productlist_nav_top = Number($("#category-container .productlist-content .section-productlist#series1").css("margin-top").replace("px", "")) var compare_margintop = Number($("#category-container .section-compare").css("margin-top").replace("px", "")) var Productlist_nav = gsap.timeline({ scrollTrigger: { trigger: ".productlist-content", start: `top ${headerHeight + Productlist_nav_top + 'px'}`, end: `top ${headerHeight + Productlist_nav_top + 'px'}`, onEnter: () => { $('#category-container .productlist-content .productlist-nav-sticky').addClass('active'); }, onEnterBack: () => { $('#category-container .productlist-content .productlist-nav-sticky').removeClass('active'); } } }) var Productlist_nav_leave = gsap.timeline({ scrollTrigger: { trigger: ".section-compare", start: `top ${headerHeight + compare_margintop + 'px'}`, end: `top ${headerHeight + compare_margintop + 'px'}`, onEnter: () => { $('#category-container .productlist-content .productlist-nav-sticky').removeClass('active'); }, onEnterBack: () => { $('#category-container .productlist-content .productlist-nav-sticky').addClass('active'); } } }) const items = main.querySelectorAll(".productlist-nav-item"); var screenWidth = window.innerWidth var _scrollPaginationActive = document.querySelector(".productlist-nav-content") var _isScrollMob = (productlistNav > productlistContent) var tabnavsWidth = [] var tabnavsLeft = [] var scrollLeft = [] var productlistContent = $('.productlist-nav-content')[0].clientWidth var productlistNav = $('.productlist-nav')[0].clientWidth html.style.setProperty("--productlist-nav", productlistNav + "px"); var productlistNavHeight = $(".productlist-nav")[0].clientHeight // $("#category-container .productlist-content .productlist-nav-sticky").css("top", headerHeight) $("#category-container .productlist-content .productlist-nav-sticky").css("top", "0") items.forEach(function (item) { if(!item.classList.contains('productlist-nav-item-click')){ 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 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 (compareSection.clientWidth < mapAll) { compareSwiper.init(); compareSection.classList.add('active'); }else{ compareSection.classList.add('no-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", // }, // }); // let serviceSection = main.querySelector('.section-service'); // let serviceSwiperSlide = serviceSection.querySelectorAll('.serviceSlide'); // let serviceSwiperSlideWidth = serviceSwiperSlide[0].clientWidth; // let slidestyle = window.getComputedStyle(serviceSwiperSlide[0]); // let slidestyleM = parseInt(slidestyle.marginRight.replace("px", "")); // let mapAll = serviceSwiperSlideWidth * serviceSwiperSlide.length + slidestyleM * (serviceSwiperSlide.length - 1); // if (serviceSection.clientWidth < mapAll) { // serviceSwiper.init(); // serviceSection.classList.add('active'); // }else{ // serviceSection.classList.add('no-active'); // } // $('.category-bg-click').each(function () { // var hrefContent = $(this).attr("href") // if (hrefContent == "") { // $(this).attr("href", "javascript:void(0)") // $(this).addClass('no-click') // } // }) // }, seriesPopup: function () { const productListFixBtn = main.querySelectorAll(".product-list-fix-btn"); const productlistfix = main.querySelector("#porductPopUp"); const fixContainer = productlistfix.querySelector(".fix-container"); const fixContainerPop = main.querySelectorAll(".fix-container"); const fixContent = productlistfix.querySelectorAll( ".productlist-fix-content" ); const fixLeft = fixContainer.querySelector(".productlist-fix-left"); const fixModelDiv = fixContainer.querySelector(".fix-model"); const leftScrollBar = fixContainer.querySelector(".left-scrollbar"); const style = window.getComputedStyle(fixModelDiv); const fixStyle = window.getComputedStyle(fixLeft); const fixLeftContent = fixContainer.querySelector(".fix-model-content-top").clientHeight; const fixModelContentMain = fixContainer.querySelector(".fix-model-content-main").clientHeight; const modelFlexH = fixContainer.querySelector(".fix-model-content-product-flex"); // modelFlexH.style.height = fixModelContentMain - fixLeftContent + 'px'; function popFixScroll(count, time, eve) { let contentOffsetTop = productlistfix.querySelector( "#productlistFix" + count + "" ).offsetTop; if (count == 1) { if (isMobPop) { $("#porductPopUp .fix-container .fix-model-content-right").animate( { scrollTop: contentOffsetTop - headerHeight, }, time ); } else { $("#category-container .productPopUp .fix-container").animate( { scrollTop: contentOffsetTop - fixLeftContent, }, time, ); } } else { if (isMobPop) { $("#porductPopUp .fix-container .fix-model-content-right").animate( { scrollTop: contentOffsetTop - 20, }, time ); } else { $("#category-container .productPopUp .fix-container").animate( { scrollTop: contentOffsetTop + fixLeftContent, }, time ); } } } let clickactive = false; function productNavMove (index) { let productActive = index; $(".product-list-fix-btn") .eq(productActive) .addClass("active") .siblings() .removeClass("active"); let contentWidth = fixLeft.scrollWidth; let screenCenter = fixLeft.clientWidth / 2; let marginLeft = isMobPop ? 20 : 0; let popButtonWidth = $(".popUp-close-btn")[0].clientWidth let isScroll = contentWidth + popButtonWidth > fixLeft.clientWidth; let left = productListFixBtn[productActive].offsetLeft; let btnWidth = productListFixBtn[productActive].clientWidth; let NavWidth = $('#category-container .productPopUp .productlist-fix-left .fix-left-content')[0].clientWidth; let isNavScroll = (NavWidth + 24) > fixLeft.clientWidth; gsap.to(leftScrollBar, { x: left, width: btnWidth, duration: 0, ease: "power2.out", }); if (isNavScroll) { $('#category-container .productPopUp .popUp-close-btn-shadow.right').addClass("active") let btnShadowWidth = $('#category-container .productPopUp .popUp-close-btn-shadow.right')[0].clientWidth if (isMobPop) { } else { $('#category-container .productPopUp .productlist-fix-left .fix-left-content').css("padding-right", btnShadowWidth) } let tabnavCenter = left + btnWidth / 2; let scrollLeft = tabnavCenter > screenCenter ? tabnavCenter - screenCenter + marginLeft : 0; gsap.to(fixLeft, { scrollLeft: scrollLeft, duration: 0, ease: "power2.out", }); if (tabnavCenter > screenCenter) { $('#category-container .productPopUp .popUp-close-btn-shadow.left').addClass("active") } else { $('#category-container .productPopUp .popUp-close-btn-shadow.left').removeClass("active") } } } $("#category-container .productPopUp .fix-container").scroll(function (e) { var fixModelDivTop = document.querySelector('#category-container .productPopUp .fix-container .fix-model').getBoundingClientRect().top var scrollTop = $(this).scrollTop(); var borderRadius = 20 / 60 * (60 - scrollTop) + 'px' if (scrollTop < 60) { $('#category-container .productPopUp .fix-model-content-top').css({ 'border-top-left-radius': borderRadius, 'border-top-right-radius': borderRadius }) } if (60 <= scrollTop) { $('#category-container .productPopUp .fix-model-content-top').css({ 'border-top-left-radius': "0px", 'border-top-right-radius': "0px" }) } }) if (isMobPop) { leftScrollBar.style.width = productListFixBtn[0].clientWidth + "px"; } const seriesPopupBtn = main.querySelectorAll(".series-popup-btn"); seriesPopupBtn.forEach(function (item, index) { item.addEventListener("click", function (event) { productlistfix.classList.add("active"); html.classList.add("html-model-active"); let arrive = item.getAttribute("data-arrive"); popFixScroll(arrive, 0); productNavMove(arrive-1); clickactive = true; setTimeout(function (param) { clickactive = false; },50) }); }); productNavMove(0); productListFixBtn.forEach(function (item) { item.addEventListener("click", function (event) { item.parentNode.classList.add('no-active'); let btnArrive = item.getAttribute("data-arrive"); popFixScroll(btnArrive,isMobPop?300:500); productNavMove(btnArrive-1); clickactive = true; setTimeout(function (param) { clickactive = false; item.parentNode.classList.remove('no-active'); },510) }); }); fixContainerPop.forEach(function (item) { item.addEventListener('click', function (e) { let target = e.target; if (target.classList.contains("model-close")) { let activenow = main.querySelector('.normalPopUp.active'); activenow.classList.remove( "active" ); activenow.scrollTop = 0; html.classList.remove("html-model-active"); } }) }) // fixContainer.addEventListener('click',function(e){ // let target = e.target; // if(target.classList.contains("model-close")){ // let activenow = main.querySelector('.normalPopUp.active'); // activenow.classList.remove( // "active" // ); // activenow.scrollTop = 0; // html.classList.remove("html-model-active"); // } // }) let productActive = ''; function onScroll() { let groupRefs = main.querySelectorAll('.productlist-fix-content'); const halfViewportHeight = window.innerHeight / 2; if (clickactive) return; groupRefs.forEach((element, index) => { const rect = element.getBoundingClientRect(); if (rect.top <= halfViewportHeight && rect.bottom >= halfViewportHeight) { productNavMove(index); } }); }; const popUpCloseBtn = main.querySelectorAll(".popUp-close-btn"); popUpCloseBtn.forEach(function (item, index) { item.addEventListener("click", function (event) { let activenow = main.querySelector('.normalPopUp.active'); activenow.classList.remove( "active" ); activenow.scrollTop = 0; html.classList.remove("html-model-active"); }); }); let productAllScroll = main.querySelector('.productPopUp .fix-container'); if(isMobPop){ productAllScroll = main.querySelector('.productPopUp .fix-model-content-right'); } productAllScroll.addEventListener('scroll',function(){ onScroll(); }) }, titleHeightEach: function () { const productContent = main.querySelectorAll(".card-list"); if (window.innerWidth < 1441) { productContent.forEach(function (item, index) { let carditem2_1 = item.querySelector('.card-item2-1'); if (carditem2_1) { carditem2_1.classList.add('card-item1'); } }) } U.pageHeightCurrect(true, productContent, ".card-item2 .product-name"); U.pageHeightCurrect(true, productContent, ".card-item2 .product-price"); U.pageHeightCurrect(true, productContent, ".card-item1 .product-name"); U.pageHeightCurrect(true, productContent, ".card-item1 .product-price"); U.pageHeightCurrect(true, productContent, ".card-item1 .special-page"); U.pageHeightCurrect(true, productContent, ".card-item1 .product-stages"); const sectionCampare = main.querySelector(".section-compare"); const campareSlide = sectionCampare.querySelectorAll(".compare-item"); let comsize = campareSlide.length; U.pageHeightCurrect(false, sectionCampare, ".item-title", comsize); U.pageHeightCurrect(false, sectionCampare, ".item-price", comsize); U.pageHeightCurrect(false, sectionCampare, ".product-stages", comsize); U.pageHeightCurrect(false, sectionCampare, ".special-page", comsize); U.pageHeightCurrect(false, sectionCampare, ".product-btn-type1", comsize); U.pageHeightCurrect(false, sectionCampare, ".product-btn-type2", comsize); // const serviceSwiper = main.querySelector(".serviceSwiper"); // let seviceSize = serviceSwiper.querySelectorAll(".serviceSlide").length; // U.pageHeightCurrect(false, serviceSwiper, ".sevice-title", seviceSize); // U.pageHeightCurrect(false, serviceSwiper, ".sevice-word", seviceSize); const porductPopUp = main.querySelector("#porductPopUp"); const productlistFixContent = porductPopUp.querySelectorAll( ".productlist-fix-content" ); let popsize = 3; if (window.innerWidth <= 767.98) { popsize = 2; } if (windowWidth > 767.9) { U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-three .product-name", popsize ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-three .product-price", popsize ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-three .special-page", popsize ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-three .product-stages", popsize ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-two .product-name", 2 ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-two .product-price", 2 ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-two .special-page", 2 ); U.pageHeightCurrect( true, productlistFixContent, ".productlist-fix-group-two .product-stages", 2 ); } const collocation = main.querySelector(".section-collocation"); if (window.innerWidth > 1079.98) { U.pageHeightCurrect( false, collocation, ".collocation-item .item-title", 2 ); U.pageHeightCurrect( false, collocation, ".collocation-item .item-page", 2 ); } if(windowWidth>767.9){ const reasonPop = main.querySelectorAll(".reasonPopUp"); U.pageHeightCurrect( true, reasonPop, ".reason-two-content .reason-title-page", 2 ); U.pageHeightCurrect( true, reasonPop, ".reason-two-content .reason-content-title .h4", 2 ); } }, compareHeightCurrent: function () { var stickyHeight = $('.compareSwiper .swiper-wrapper').height() var stickyImgHeight = $('.compareSwiper .item-image').eq(0).height() var num = stickyHeight - stickyImgHeight $('#category-container .section-compare.active .compare-button').css("height", num + 'px') function handleEqualheight(element) { var heightArray = []; heightArray = element.toArray() || []; var maxHeight = $(heightArray[0]).height(); for (var i = 0; i < heightArray.length - 1; i++) maxHeight = maxHeight < $(heightArray[i + 1]).height() ? $(heightArray[i + 1]).height() : maxHeight; element.height(parseInt(maxHeight)); } $(".compare-item-list").each(function () { $(this) .find(".card-page") .each(function (index) { if ($(this)) $(this).attr("data-height-under", index + 1); }); $(this) .find(".card-top-page") .each(function (index) { if ($(this)) $(this).attr("data-height-under", index + 1); }); }); // $(document).ready(function () { $(".section-compare").each(function (num, element) { $(".compare-item-list .card-page").each(function (index) { var titleNum = Number(index + 1); handleEqualheight( $(element).find("[data-height-under\x3d'" + titleNum + "']") ); }); $(".compare-item-list .card-top-page").each(function (index) { var titleNum = Number(index + 1); handleEqualheight( $(element).find("[data-height-under\x3d'" + titleNum + "']") ); }); }); // }); }, mobCardSwiper: function () { let sectionProductlist = main.querySelectorAll('.section-productlist'); if (isCardpad) { sectionProductlist.forEach(function (item) { let cardButtonPrev = item.querySelector('.swiper-button-prev'); let cardButtonNext = item.querySelector('.swiper-button-next'); let cardListSwiper = item.querySelector('.cardSwiper'); let cardSwiper = new Swiper(cardListSwiper, { slidesPerView: "auto", init: false, navigation: { nextEl: cardButtonNext, prevEl: cardButtonPrev, }, }); let slideCount = cardListSwiper.querySelectorAll('.swiper-slide'); var cardSwiperPadding = '' if (isMobPop) { var cardSwiperPadding = 32 } else if (isCardmob) { var cardSwiperPadding = 80 } else { var cardSwiperPadding = 160 } if (slideCount.length > 1) { let slideWidth = slideCount[0].clientWidth; let allSlideWidth = slideWidth * slideCount.length + (isCardmob ? 8 : 16) * (slideCount.length - 1); if (allSlideWidth - 1 > windowWidth - cardSwiperPadding) { cardSwiper.init(); item.classList.add('active'); } } }) } }, priceRemarks: function () { (function () { function getWinHeight() { return Mkt.Util.windowHeight() } function throttle(fn, _delay) { if (typeof fn !== "function") return; var ctx; var args; var delay = _delay || 100; var previous = Date.now(); var later = function () { fn.apply(ctx, args) }; return function () { ctx = this; args = arguments; var now = Date.now() , diff = now - previous - delay; if (diff >= 0) { previous = now; setTimeout(later, delay) } } } function getIconPosBaseViewport($el) { var offset = $el.get(0).getBoundingClientRect(); return { x: offset.x || offset.left, y: offset.y || offset.top, up: Math.floor(offset.top), down: Math.floor(getWinHeight() - offset.bottom) } } function getIconPosBasePage($el) { var offset = $el.offset(); var width = $el.outerWidth(); var height = $el.outerHeight(); return { width: width, height: height, left: Math.floor(offset.left), top: Math.floor(offset.top), right: Math.floor($(document).width() - width - offset.left), bottom: Math.floor($(document).height() - height - offset.top) } } function isGteTwoRows($wrapper) { var twoRowHeight = 72; return $wrapper.outerHeight() >= twoRowHeight } function renderTooltip() { var isRendered = $(".rrp-tooltips").length > 0; if (isRendered || !window.rrpTips) return; var htmlTemplateStr = '\x3csection class\x3d"rrp-tooltips"\x3e' + '\x3cdiv class\x3d"rrp-tooltips-wrapper"\x3e' + '\x3cdiv class\x3d"rrp-tooltips-container"\x3e' + '\x3cdiv class\x3d"rrp-tooltips-content"\x3e' + window.rrpTips + "\x3c/div\x3e" + "\x3c/div\x3e" + "\x3c/div\x3e" + '\x3cdiv class\x3d"triangle"\x3e\x3c/div\x3e' + "\x3c/section\x3e"; $(document.body).append(htmlTemplateStr) } function handleTooltip($toolTips) { var $this = $(this); var $tipsTextWrapper = $toolTips.find(".rrp-tooltips-container"); var $tipsTextBox = $toolTips.find(".rrp-tooltips-content"); var $triangle = $toolTips.find(".triangle"); var coordinate = getIconPosBaseViewport($this); var iconPos = getIconPosBasePage($this); if (isGteTwoRows($toolTips)) $tipsTextWrapper.css("width", "100vw"); else $tipsTextWrapper.css("width", "auto"); var halfToolTipsWidth = $toolTips.outerWidth(true) / 2; var toolTipsHeight = $toolTips.outerHeight(true); var isFitInTop = iconPos.top > toolTipsHeight && coordinate.up > toolTipsHeight; var isFitInBottom = iconPos.bottom > toolTipsHeight && coordinate.down > toolTipsHeight; var isFitInLeft = iconPos.left > halfToolTipsWidth; var isFitInRight = iconPos.right > halfToolTipsWidth; var dir = "downwards"; var xAxisOffset = 0; if (isFitInTop) $toolTips.removeClass("upwards").addClass("active downwards"); else if (isFitInBottom) { $toolTips.removeClass("downwards").addClass("active upwards"); dir = "upwards" } else $toolTips.removeClass("downwards").addClass("active upwards"); if (!isFitInLeft) xAxisOffset = Math.ceil(halfToolTipsWidth - iconPos.left); else if (!isFitInRight) xAxisOffset = Math.ceil(iconPos.right - halfToolTipsWidth); $toolTips.css({ "left": coordinate.x + iconPos.width / 2 + xAxisOffset, "top": coordinate.y }); xAxisOffset ? $triangle.css("transform", "translate3d(50%," + (dir === "upwards" ? -100 : 100) + "%,0) " + "translateX(" + -xAxisOffset + "px)") : $triangle.css("transform", "translate3d(50%," + (dir === "upwards" ? -100 : 100) + "%,0)") } function resetTimerForCloseTooltip($toolTips) { if (tipsTimer) window.clearTimeout(tipsTimer); tipsTimer = window.setTimeout(function () { $toolTips.removeClass("active"); $toolTips.data("curTooltipsIcon", null); tipsTimer = null }, 500) } function closeTips() { if (tipsTimer) window.clearTimeout(tipsTimer); var iconCached = $toolTips.data("curTooltipsIcon"); if (iconCached) $toolTips.data("curTooltipsIcon", null); $toolTips.removeClass("active") } renderTooltip(); var tipsTimer = null; var $toolTips = $(".rrp-tooltips"); if (window.rrpTips !== "") { var handler = throttle(closeTips, 100); var hasTouchEvent = "ontouchstart" in document.documentElement; var listenerEventTypes = hasTouchEvent ? "click" : "mouseenter mouseleave"; $(document).on(listenerEventTypes, ".price-remarks,.rrp-tooltips", function (ev) { var type = ev.type; var $target = $(ev.target); var isTriggerOnIcon = $target.is(".price-remarks"); var iconCached = $toolTips.data("curTooltipsIcon"); if (type === "mouseleave") resetTimerForCloseTooltip.call(null, $toolTips); else { if (tipsTimer) window.clearTimeout(tipsTimer); if (isTriggerOnIcon && iconCached !== ev.target) $toolTips.data("curTooltipsIcon", ev.target); var _iconCached = $toolTips.data("curTooltipsIcon"); handleTooltip.call(_iconCached, $toolTips) } }); $(window).on("scroll.tips resize.tips", handler); $(document).on("click touchstart", function (ev) { var toolTips = $toolTips.get(0); if (toolTips) { var $target = $(ev.target); var isTriggerOnIcon = $target.is(".price-remarks"); var isTriggerInTextBox = $.contains($toolTips.get(0), ev.target); if (!(isTriggerOnIcon || isTriggerInTextBox)) closeTips() } }) } } )(); }, }; document.addEventListener("DOMContentLoaded", function () { Helper.init(); Page.init(); }); window.addEventListener("orientationchange", function () { !html.classList.contains("fancybox-lock") && window.location.reload(); }); window.addEventListener("scroll",function(){ let mainNav = document.querySelector('.v4.header.nav-v2'); nav2Height = mainNav?mainNav.clientHeight-1:56; headerHeight = nav2Height; $("#category-container .productlist-content .productlist-nav-sticky").css("top", "0") }) // wx // if (Browser.isWeChat) { // $.getScript("//res.wx.qq.com/open/js/jweixin-1.2.0.js", function (response, status) { // if (status == 'success') { // $.getScript("//consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/store/js/cbgwechatv1.js", function (r, s) { // if (s == 'success') { // var wxShare = setInterval(function () { // if (typeof (WechatShare) != "undefined") { // WechatShare({ // url: window.location.href, // img: 'https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/plp/new-phones/images/wx-share.jpg', // title: $(document).attr('title'), // descript: document.querySelector('meta[name=\"description\"]').getAttribute('content') // }, function () { // alert('谢谢分享！'); // }); // clearInterval(wxShare) // } // }, 150) // } // }); // } // }); // } })(); </script> </div> <div> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="iparsys parsys"></div> </div> </div></div> <div class="v4 n09-footer"> <div class="footer__scroll-top hidden"> <button class="footer__scroll-button js-scroll-top" type="button"> <span class="sr-only">Scroll to top</span> </button> </div> </div> </main> <div class="v4 iparsys-from-home-v4"> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="iparsys-from-home-v4 iparsys parsys"></div> </div> </div>  <footer class="v4 n09-footer footer " data-component="n09-footer"> <div class="container"> <div class="policy-text">*Accessibility of some features may vary across regions. Product pictures, videos and display contents on the foregoing pages are provided for reference only. Actual product features and specifications (including but not limited to appearance, colour, and size), as well as actual display contents (including but not limited to backgrounds, UI, icons and videos) may vary. <br /><br /> **All data in the foregoing pages are theoretical values obtained by HUAWEI internal laboratories through tests carried out under particular conditions. For more information, refer to the aforementioned product details. Actual data may vary owing to differences in individual products, software versions, application conditions, and environmental factors. All data is subject to actual usage. <br /><br /> ***Due to real-time changes involving product batches, production and supply factors, in order to provide accurate product information, specifications, and features, HUAWEI may make real-time adjustments to text descriptions and images in the foregoing information pages, so that they match the product performance, specifications, indexes, and components of the actual product. Product information is subject to such changes and adjustments without notice. <br /><br /> ****Product size, product weight, and related specifications are theoretical values only. Actual measurements between individual products may vary. All specifications are subject to the actual product. <br /><br /> *****Product battery capacity is typical value. The actual battery capacity for each individual product may be slightly above or below the nominal battery capacity. <br /><br /> ******Accessories may need to be purchased separately.</div> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://consumer.huawei.com/en/"},{"@type":"ListItem","position":2,"name":"Headphones & Speakers","item":"https://consumer.huawei.com/en/audio/"}]} </script> <div class="breadcrumbs"> <ul class="breadcrumbs__list"> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" title="Home" href="/en/">Home</a> </li> <li class="breadcrumbs__item"> <span class="breadcrumbs__link">Headphones & Speakers</span> </li> </ul> </div> <div class="usp-wrap"> </div> <div class="footer-links"> <div class="row"> <div class="col-xl-2 col-lg-4"> <div class="footer-links__block"> <div role="menuitem" aria-expanded="false" aria-haspopup="true" class="heading footer-links__title heading-06 js-footer-accordion-btn">PRODUCTS</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="Smartphone" data-title="Smartphone" class="footer-links__link " href="/en/phones/"> Smartphone </a> </li> <li class="footer-links__item"> <a title="Wearable" data-title="Wearable" class="footer-links__link " href="/en/wearables/"> Wearable </a> </li> <li class="footer-links__item"> <a title="PC" data-title="PC" class="footer-links__link " href="/en/laptops/"> PC </a> </li> <li class="footer-links__item"> <a title="Tablet" data-title="Tablet" class="footer-links__link " href="/en/tablets/"> Tablet </a> </li> <li class="footer-links__item"> <a title="Audio" data-title="Audio" class="footer-links__link " href="/en/audio/"> Audio </a> </li> <li class="footer-links__item"> <a title="Router" data-title="Router" class="footer-links__link " href="/en/routers/"> Router </a> </li> <li class="footer-links__item"> <a title="Accessories" data-title="Accessories" class="footer-links__link " href="/en/accessories/overview/"> Accessories </a> </li> <li class="footer-links__item"> <a title="HarmonyOS 4" data-title="HarmonyOS 4" class="footer-links__link " href="/en/harmonyos-4/"> HarmonyOS 4 </a> </li> <li class="footer-links__item"> <a title="EMUI" data-title="EMUI" class="footer-links__link " href="/en/emui/"> EMUI </a> </li> <li class="footer-links__item"> <a title="Celia" data-title="Celia" class="footer-links__link " href="/en/emui/celia/"> Celia </a> </li> <li class="footer-links__item"> <a title="Business" data-title="Business" class="footer-links__link " href="/en/business/"> Business </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-4"> <div class="footer-links__block"> <div role="menuitem" aria-expanded="false" aria-haspopup="true" class="heading footer-links__title heading-06 js-footer-accordion-btn">MOBILE SERVICES</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="AppGallery" data-title="AppGallery" class="footer-links__link " href="/en/mobileservices/appgallery/"> AppGallery </a> </li> <li class="footer-links__item"> <a title="HUAWEI ID" data-title="HUAWEI ID" class="footer-links__link " href="/en/mobileservices/id/"> HUAWEI ID </a> </li> <li class="footer-links__item"> <a title="HUAWEI Mobile Cloud" data-title="HUAWEI Mobile Cloud" class="footer-links__link " href="/en/mobileservices/mobilecloud/"> HUAWEI Mobile Cloud </a> </li> <li class="footer-links__item"> <a title="HUAWEI Wallet" data-title="HUAWEI Wallet" class="footer-links__link " href="/en/mobileservices/wallet/"> HUAWEI Wallet </a> </li> <li class="footer-links__item"> <a title="HUAWEI Music" data-title="HUAWEI Music" class="footer-links__link " href="/en/mobileservices/music/"> HUAWEI Music </a> </li> <li class="footer-links__item"> <a title="HUAWEI Video" data-title="HUAWEI Video" class="footer-links__link " href="/en/mobileservices/video/"> HUAWEI Video </a> </li> <li class="footer-links__item"> <a title="HUAWEI Themes" data-title="HUAWEI Themes" class="footer-links__link " href="/en/mobileservices/themes/"> HUAWEI Themes </a> </li> <li class="footer-links__item"> <a title="HUAWEI Browser" data-title="HUAWEI Browser" class="footer-links__link " href="/en/mobileservices/browser/"> HUAWEI Browser </a> </li> <li class="footer-links__item"> <a title="HUAWEI Assistant TODAY" data-title="HUAWEI Assistant TODAY" class="footer-links__link " href="/en/mobileservices/assistant/"> HUAWEI Assistant TODAY </a> </li> <li class="footer-links__item"> <a title="Petal Maps" data-title="Petal Maps" class="footer-links__link " href="/en/mobileservices/petalmaps/"> Petal Maps </a> </li> <li class="footer-links__item"> <a title="HUAWEI Books" data-title="HUAWEI Books" class="footer-links__link " href="/en/mobileservices/books/"> HUAWEI Books </a> </li> <li class="footer-links__item"> <a title="HUAWEI Member Center" data-title="HUAWEI Member Center" class="footer-links__link " href="/en/mobileservices/member-center/"> HUAWEI Member Center </a> </li> <li class="footer-links__item"> <a title="HUAWEI Health" data-title="HUAWEI Health" class="footer-links__link " href="/en/mobileservices/health/"> HUAWEI Health </a> </li> <li class="footer-links__item"> <a title="HUAWEI AI Life" data-title="HUAWEI AI Life" class="footer-links__link " href="/en/mobileservices/ai-life/"> HUAWEI AI Life </a> </li> <li class="footer-links__item"> <a title="MeeTime" data-title="MeeTime" class="footer-links__link " href="/en/mobileservices/meetime/"> MeeTime </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-4"> <div class="footer-links__block"> <div role="menuitem" aria-expanded="false" aria-haspopup="true" class="heading footer-links__title heading-06 js-footer-accordion-btn">SUPPORT</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="Find Service Center" data-title="Find Service Center" class="footer-links__link " href="/en/support/service-center/"> Find Service Center </a> </li> <li class="footer-links__item"> <a title="Product Environmental Information" data-title="Product Environmental Information" class="footer-links__link " href="/en/support/product-environmental-information/"> Product Environmental Information </a> </li> <li class="footer-links__item"> <a title="Call Us" data-title="Call Us" class="footer-links__link " href="/en/support/hotline/"> Call Us </a> </li> <li class="footer-links__item"> <a title="HiSuite" data-title="HiSuite" class="footer-links__link " href="/en/support/hisuite/"> HiSuite </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-4"> <div class="footer-links__block"> <div role="menuitem" aria-expanded="false" aria-haspopup="true" class="heading footer-links__title heading-06 js-footer-accordion-btn">ABOUT HUAWEI</div> <ul class="footer-links__list"> <li class="footer-links__item"> <a title="About Us" data-title="About Us" class="footer-links__link " href="/en/about-us/"> About Us </a> </li> <li class="footer-links__item"> <a title="Events" data-title="Events" class="footer-links__link " href="/en/press/events/"> Events </a> </li> <li class="footer-links__item"> <a title="Sustainability" data-title="Sustainability" class="footer-links__link " href="/en/sustainability/"> Sustainability </a> </li> <li class="footer-links__item"> <a title="Privacy" data-title="Privacy" class="footer-links__link " href="/en/privacy/"> Privacy </a> </li> <li class="footer-links__item"> <a title="Contact Us" data-title="Contact Us" class="footer-links__link " href="/en/support/contact-us/"> Contact Us </a> </li> <li class="footer-links__item"> <a title="Corporate" data-title="Corporate" class="footer-links__link " href="https://www.huawei.com/en/" target="_blank" rel="noopener noreferrer"> Corporate </a> </li> <li class="footer-links__item"> <a title="Enterprise" data-title="Enterprise" class="footer-links__link " href="https://e.huawei.com/en/?ic_medium=hwdc&ic_source=cbg_header_ent" target="_blank" rel="noopener noreferrer"> Enterprise </a> </li> <li class="footer-links__item"> <a title="Carrier" data-title="Carrier" class="footer-links__link " href="https://carrier.huawei.com/en/?ic_medium=hwdc&ic_source=cbg_header_car" target="_blank" rel="noopener noreferrer"> Carrier </a> </li> <li class="footer-links__item"> <a title="Join Us" data-title="Join Us" class="footer-links__link " href="https://career.huawei.com/reccampportal/campus4_index.html#campus4/content.html" target="_blank" rel="noopener noreferrer"> Join Us </a> </li> </ul> </div> </div> </div> </div> <div class="contact"> <div class="row"> <div class="contact__block col-xl-4 col-md-6"> <div class="heading contact__title heading-06">Connect With Us</div> <ul class="contact__social-links lazyload-target"> <li class="contact__social-item"> <a title="facebook" class="contact__social-link" data-social="facebook" href="https://www.facebook.com/huaweimobile" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-facebook"> <span class="sr-only"></span> </span> </a> </li> <li class="contact__social-item"> <a title="twitter" class="contact__social-link" data-social="twitter" href="https://twitter.com/huaweimobile" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-twitter"> <span class="sr-only"></span> </span> </a> </li> <li class="contact__social-item"> <a title="instagram" class="contact__social-link" data-social="instagram" href="https://www.instagram.com/huaweimobile" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-instagram"> <span class="sr-only"></span> </span> </a> </li> <li class="contact__social-item"> <a title="youtube" class="contact__social-link" data-social="youtube" href="https://www.youtube.com/c/huaweimobile" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-youtube"> <span class="sr-only"></span> </span> </a> </li> <li class="contact__social-item"> <a title="linkedin" class="contact__social-link" data-social="linkedin" href="https://www.linkedin.com/company/huawei-consumer-business-group/" target="_blank" rel="noopener noreferrer"> <span class="icon icon-lazy" data-name="font-ico-linkedin"> <span class="sr-only"></span> </span> </a> </li> </ul> </div> </div> </div> <div class="footer-legals"> <div class="row"> <div class="copyright col-xl-4 col-md-8"> <small class="copyright__text">Copyright © 1998-2025 Huawei Device Co., Ltd. All rights reserved.</small> </div> <div class="bottom-links col-xl-5"> <ul class="bottom-links__list"> <li class="bottom-links__item"> <a title="Site Map" class="bottom-links__link" href="/en/sitemap/"> Site Map </a> </li> <li class="bottom-links__item"> <a title="Terms Of Use" class="bottom-links__link" href="/en/legal/terms-of-use/"> Terms Of Use </a> </li> <li class="bottom-links__item"> <a title="Privacy Statement" class="bottom-links__link" href="/en/privacy/privacy-policy/"> Privacy Statement </a> </li> <li class="bottom-links__item"> <a title="Cookies" class="bottom-links__link" href="/en/legal/cookie-policy/"> Cookies </a> </li> <li class="bottom-links__item"> <a title="Legal" class="bottom-links__link" href="/en/legal/"> Legal </a> </li> </ul> </div> <div class="language-switcher col-xl-3 col-md-4 "> <a title="Global - English" class="language-switcher__link" href="/en/worldwide/">Global - English</a> <a href="/en/worldwide/" title="globe"> <span class="icon font-ico-globe"></span> </a> </div> <input type="hidden" id="is_editor" data-is-editor-mode="false" value="false"/> </div> </div> </div> </footer> <link rel="stylesheet" href="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/external-link.min.f78436bce58ae2318c0e47f8ddc41c2b.css" type="text/css">  <div class="disclaimer-popup-component"> <div class="disclaimer-popup-content"> <div class="close-svg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="12"/> <g transform="translate(2.101 12) rotate(-45)"> <rect width="14" height="2" rx="1" transform="translate(0 6)" fill="#fff"/> <rect width="14" height="2" rx="1" transform="translate(6 14) rotate(-90)" fill="#fff"/> </g> </svg> </div> <div class="disclaimer-popup-content-box"> <div class="disclaimer-popup-top"> <div class="disclaimer-popup-title">Leaving consumer.huawei.com</div> <div class="disclaimer-popup-description">After clicking the link, you will enter a third-party website. Huawei is not responsible and has no control over this third party website.</div> <div class="disclaimer-popup-link"></div> </div> <div class="disclaimer-popup-bottom"> <div class="disclaimer-popup-bottom-box"> <span class="btn disclaimer-popup-cancel-btn">Return</span> <span class="btn disclaimer-popup-continue-btn">Continue</span> </div> </div> </div> </div> </div> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/external-link.min.a429484055d1fddccad7a5822fe09568.js" defer></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/incompressible-libs.min.6c1b777f40628af86c70677b4da4b215.js"></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/base-built.min.20783f3daa4b6b70683c2ad8ebf97160.js"></script> <script type="text/javascript" src="/etc/designs/huawei-cbg-site/clientlib-campaign-v4/common-v4.min.8927958ad12edf6da328329351d23010.js"></script> <input type="hidden" id="hide-spu-questionnaire" value="0"/> </body> </html>

CINXE.COM

HUAWEI Audio - HUAWEI Global