- 扫描 ID：
- 8ca83665-38b0-4207-8824-afbfad939739已完成
- 提交的 URL：
- https://realme.com/已重定向
- 报告完成时间：
链接 · 找到 10 个
从页面中识别出的传出链接
| 链接 | 文本 |
|---|---|
| https://buy.realme.com/es/cart | Carrito |
| https://buy.realme.com/es/orders | Lista de compra |
| https://buy.realme.com/es/rpass | R-Pass |
| https://buy.realme.com/es/reviews | Comentarios |
| https://id.realme.com/v2/profile.html | Cuenta |
| https://buy.realme.com/es/address | Dirección |
| https://www.facebook.com/realmespain/ | |
| https://twitter.com/realmeespana | |
| https://www.youtube.com/channel/UCmnOpUcwc7tH2C2Vny-_xeA | |
| https://www.instagram.com/realmeespana/ |
JavaScript 变量 · 找到 59 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| ww | number |
| fontBase | number |
| fontSize | number |
| defaultSize | string |
| targetSize | string |
| setCookie | function |
| getCookie | function |
控制台日志消息 · 找到 0 条
记录到 Web 控制台的消息
HTML
页面的原始 HTML 正文
<!DOCTYPE html><!-- html主题 主要做默认字体引用区分--><html lang="es-ES" class="lang-en lang-es" style="font-size: 625%;"><head>
<meta charset="utf-8">
<link rel="shortcut icon " type="images/x-icon" href="https://image01.realme.net/general/20240111/1704959188441eb3c2cc816e9406bb0a11105437907b0.png">
<link rel="dns-prefetch" href="https://static.realme.net">
<link rel="dns-prefetch" href="https://image01.realme.net">
<link rel="dns-prefetch" href="https://api.realme.com">
<link rel="dns-prefetch" href="https://r2.realme.net">
<link rel="dns-prefetch" href="https://www.google-analytics.com">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="x5-fullscreen" content="no">
<meta name="full-screen" content="no">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no">
<meta name="nightmode" content="disable">
<link rel="preload" href="https://static.realme.net/v2/font/OpenSans-Regular.ttf" as="font" type="font/ttf" crossorigin="">
<link rel="preload" href="https://static.realme.net/v2/font/OpenSans-Semibold.ttf" as="font" type="font/ttf" crossorigin="">
<!--[if gte IE 9]>
<script type="text/javascript">
window.location.href = 'https://www.realme.com/es/unresponsive'
</script>
<![endif]-->
<!-- SEO相关 -->
<title>realme (España) - Make it real</title>
<meta name="keywords" content="realme, realme smartphone, realme iot, realme accessories, realme España">
<meta name="description" content="realme is an emerging mobile phone brand which is committed to offering mobile phones with powerful performance, stylish design and sincere services.">
<link rel="canonical" href="https://www.realme.com/es/">
<link rel="alternate" hreflang="x-default" href="https://www.realme.com/global/">
<link rel="alternate" hreflang="zh-CN" href="https://www.realme.com/">
<link rel="alternate" hreflang="en-IN" href="https://www.realme.com/in/">
<link rel="alternate" hreflang="id-ID" href="https://www.realme.com/id/">
<link rel="alternate" hreflang="en-ID" href="https://www.realme.com/id/">
<link rel="alternate" hreflang="en-SG" href="https://www.realme.com/sg/">
<link rel="alternate" hreflang="vi-VN" href="https://www.realme.com/vn/">
<link rel="alternate" hreflang="th-TH" href="https://www.realme.com/th/">
<link rel="alternate" hreflang="en-MY" href="https://www.realme.com/my/">
<link rel="alternate" hreflang="en-PH" href="https://www.realme.com/ph/">
<link rel="alternate" hreflang="ar-EG" href="https://www.realme.com/eg/">
<link rel="alternate" hreflang="en-GB" href="https://www.realme.com/uk/">
<link rel="alternate" hreflang="pl-PL" href="https://www.realme.com/pl/">
<link rel="alternate" hreflang="fr-BE" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="nl-BE" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="bg-BG" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="da-DK" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="de-DE" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="et-EE" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="el-GR" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="hr-HR" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="en-IE" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="lv-LV" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="de-LI" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="lt-LT" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="fr-LU" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="hu-HU" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="en-MT" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="en-MD" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="en-ME" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="nl-NL" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="en-MK" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="no-NO" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="de-AT" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="pt-PT" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="ro-RO" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="sk-SK" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="en-SI" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="de-CH" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="fr-CH" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="fi-FI" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="sv-SE" href="https://www.realme.com/eu/">
<link rel="alternate" hreflang="fr-FR" href="https://www.realme.com/fr/">
<link rel="alternate" hreflang="uk-UA" href="https://www.realme.com/ua/">
<link rel="alternate" hreflang="it-IT" href="https://www.realme.com/it/">
<link rel="alternate" hreflang="es-ES" href="https://www.realme.com/es/">
<link rel="alternate" hreflang="ru-RU" href="https://www.realme.com/ru/">
<link rel="alternate" hreflang="en-AU" href="https://www.realme.com/au/">
<link rel="alternate" hreflang="en-PK" href="https://www.realme.com/pk/">
<link rel="alternate" hreflang="tr-TR" href="https://www.realme.com/tr/">
<link rel="alternate" hreflang="cs-CZ" href="https://www.realme.com/cz/">
<link rel="alternate" hreflang="en-AE" href="https://www.realme.com/mea-en/">
<link rel="alternate" hreflang="en-KE" href="https://www.realme.com/mea-en/">
<link rel="alternate" hreflang="en-ZM" href="https://www.realme.com/mea-en/">
<link rel="alternate" hreflang="en-UG" href="https://www.realme.com/mea-en/">
<link rel="alternate" hreflang="en-ZA" href="https://www.realme.com/mea-en/">
<link rel="alternate" hreflang="ar-BH" href="https://www.realme.com/mea-ar/">
<link rel="alternate" hreflang="ar-KW" href="https://www.realme.com/mea-ar/">
<link rel="alternate" hreflang="ar-OM" href="https://www.realme.com/mea-ar/">
<link rel="alternate" hreflang="ar-QA" href="https://www.realme.com/mea-ar/">
<link rel="alternate" hreflang="ar-SA" href="https://www.realme.com/mea-ar/">
<link rel="alternate" hreflang="ar-IQ" href="https://www.realme.com/mea-ar/">
<link rel="alternate" hreflang="fr-MA" href="https://www.realme.com/mea-ar/">
<link rel="alternate" hreflang="ar-JO" href="https://www.realme.com/mea-ar/">
<link rel="alternate" hreflang="he-IL" href="https://www.realme.com/il/">
<link rel="alternate" hreflang="en-BD" href="https://www.realme.com/bd/">
<link rel="alternate" hreflang="es-CO" href="https://www.realme.com/co/">
<link rel="alternate" hreflang="pt-BR" href="https://www.realme.com/br/">
<link rel="alternate" hreflang="es-MX" href="https://www.realme.com/mx/">
<link rel="alternate" hreflang="es-PE" href="https://www.realme.com/pe/">
<link rel="alternate" hreflang="km-KH" href="https://www.realme.com/kh/">
<link rel="alternate" hreflang="ja-JP" href="https://www.realme.com/jp/">
<link rel="alternate" hreflang="en-NP" href="https://www.realme.com/np/">
<link rel="alternate" hreflang="en-LK" href="https://www.realme.com/lk/">
<link rel="alternate" hreflang="my-MM" href="https://www.realme.com/mm/">
<link rel="alternate" hreflang="es-BO" href="https://www.realme.com/bo/">
<link rel="alternate" hreflang="es-CL" href="https://www.realme.com/cl/">
<link rel="alternate" hreflang="ru-UZ" href="https://www.realme.com/uz/">
<link rel="alternate" hreflang="kk-KZ" href="https://www.realme.com/kz/">
<link rel="alternate" hreflang="ru-KZ" href="https://www.realme.com/kz-ru/">
<script>
var ww = 768 < window.innerWidth ? 1200 : window.innerWidth,
fontBase = 360;
768 < ww && (fontBase = 1200);
var fontSize = 100 * ww / fontBase,
defaultSize = window.getComputedStyle(document.documentElement).getPropertyValue("font-size"),
targetSize = fontSize / parseFloat(defaultSize) * 100 + "%";
document.documentElement.style.fontSize = targetSize
</script>
<!-- 公共样式 -->
<link rel="stylesheet" href="https://static.realme.net/v3/common/index-0dcdbaa9f2.css">
<!-- 下面可引入page项目的地址来本地调试 -->
<!-- <link rel="stylesheet" href="http://localhost/v3/common/index.css"> -->
<style>
html, body {
overscroll-behavior: none;
}
@media screen and (max-width: 768px) {
::-webkit-scrollbar {
height: 0;
width: 0;
color: transparent;
}
.header-account a {
width: 100%;
height: 100%;
}
.sec .sec-wrapper {
padding-top: .08rem;
padding-left: 0;
width: 3.44rem;
margin: 0 auto;
}
/* 适配产品站 */
.sec-specs-banner .sec-wrapper {
padding-top: 0;
}
}
.icon-linkedin {
background-image: url('https://image01.realme.net/general/20201123/1606117936409.svg');
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top center;
}
[v-cloak] {
display: none;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ellipsis-2 {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
white-space: normal;
}
</style>
<style>@charset "UTF-8";
.plate-img-hover {
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top center; }
.plate-img-hover .img-hover {
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
-o-transition: -o-transform .5s;
-moz-transition: transform .5s, -moz-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
transition: transform .5s, -webkit-transform .5s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.plate-img-hover:hover .img-hover {
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-ms-transform: scale(1.04);
-o-transform: scale(1.04);
transform: scale(1.04); }
.overflow-hidden {
overflow: hidden; }
.fade-in {
opacity: 0;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
-moz-transition: opacity .5s;
transition: opacity .5s; }
.fade-in.has-in {
opacity: 1; }
@media screen and (min-width: 769px) {
.btn-transform-hover-wrapper .btn-transform-hover {
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0, 0.89, 0.44, 1);
transition: -webkit-transform 0.2s cubic-bezier(0, 0.89, 0.44, 1);
-o-transition: -o-transform 0.2s cubic-bezier(0, 0.89, 0.44, 1);
-moz-transition: transform 0.2s cubic-bezier(0, 0.89, 0.44, 1), -moz-transform 0.2s cubic-bezier(0, 0.89, 0.44, 1);
transition: transform 0.2s cubic-bezier(0, 0.89, 0.44, 1), -webkit-transform 0.2s cubic-bezier(0, 0.89, 0.44, 1), -moz-transform 0.2s cubic-bezier(0, 0.89, 0.44, 1), -o-transform 0.2s cubic-bezier(0, 0.89, 0.44, 1), opacity 0.2s cubic-bezier(0, 0.89, 0.44, 1), visibility 0.2s cubic-bezier(0, 0.89, 0.44, 1), background-color ease-in-out 0.2s, color ease-in-out 0.2s, border-color ease-in-out 0.2s;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
opacity: 0;
visibility: hidden; }
.btn-transform-hover-wrapper:hover .btn-transform-hover {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible; } }
/* btw:black to white 通常情况对应亮色主题buy按钮*/
.btn-btw-light {
background: rgba(0, 0, 0, 0.1);
color: #000;
border: 1px solid rgba(0, 0, 0, 0.1);
transition: background-color ease-in-out .2s,color ease-in-out .2s,border-color ease-in-out .2s;
backdrop-filter: blur(0.3rem); }
.btn-btw-light:hover {
background: #000;
color: #fff;
border: 1px solid #000; }
/* ttb:transparent to black 通常情况对应亮色主题learn more按钮*/
.btn-ttb-light {
color: #000;
background: rgba(0, 0, 0, 0);
border: 1px solid rgba(0, 0, 0, 0.2);
transition: background-color ease-in-out .2s,color ease-in-out .2s,border-color ease-in-out .2s;
backdrop-filter: blur(0.3rem); }
.btn-ttb-light:hover {
background: rgba(0, 0, 0, 0.1);
color: #000;
border: 1px solid #000; }
/* wtt:white to transparent 通常情况对应暗色主题buy按钮*/
.btn-wtt-dark {
background: rgba(255, 255, 255, 0.2);
color: #fff;
transition: background-color ease-in-out .2s,color ease-in-out .2s,border-color ease-in-out .2s;
border: 1px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(0.3rem); }
.btn-wtt-dark:hover {
background: #fff;
color: #000;
border: 1px solid #fff; }
/* ttw:transparent to white 通常情况对应暗色主题learn more按钮*/
.btn-ttw-dark {
color: #fff;
background: rgba(255, 255, 255, 0);
border: 1px solid rgba(255, 255, 255, 0.2);
transition: background-color ease-in-out .2s,color ease-in-out .2s,border-color ease-in-out .2s;
backdrop-filter: blur(0.3rem); }
.btn-ttw-dark:hover {
background: rgba(255, 255, 255, 0.2);
color: #fff;
border: 1px solid #fff; }
</style>
<!-- 该文件用于定义全局变量 -->
<script>
function setCookie (name, value, days) {
var expires = ''
if (days) {
var date = new Date()
date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000)
expires = '; expires=' + date.toUTCString()
}
let path = ''
if (location.host.indexOf('realme.com') === -1) {
path = ';domain=.myoas.net; path=/'
} else {
path = ';domain=.realme.com; path=/'
}
document.cookie = name + '=' + (value || '') + expires + path
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(";");
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == " ") c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
// 1.Necessary Cookies, 2.Functional Cookies, 3.Analytics Cookies, 4.Advertising Cookies
var hadAccept = getCookie("hadAccept");
var hadFunctionalCookies = !!(hadAccept && hadAccept.indexOf("2") > -1);
var hadAnalyticsCookies = !!((hadAccept && hadAccept.indexOf("3") > -1));
var hadAdvertisingCookies = !!((hadAccept && hadAccept.indexOf("4") > -1));
</script>
<meta name="facebook-domain-verification" content="igv3jrl5xl4byj7uzdb66ywr0kvlh3">
<script>
// 用户允许Functional Cookies时，才加载script和link
if (window.hadFunctionalCookies) {
var script = document.createElement('script')
script.src = 'https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.4/adyen.js'
script.crossOrigin = 'anonymous'
script.integrity = 'sha384-/rpftrZptnl7EIuIvqz4PAEehQoysKXmwqUAGyH9lK3WHgcvY0lWj/S5LH7xrbf+'
script.async = true
script.defer = true
document.head.appendChild(script)
var link = document.createElement('link')
link.rel = 'stylesheet'
link.href = 'https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.4/adyen.css'
link.crossOrigin = 'anonymous'
link.integrity = 'sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V'
document.head.appendChild(link)
}
</script>
<!-- <script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.4/adyen.js"
integrity="sha384-/rpftrZptnl7EIuIvqz4PAEehQoysKXmwqUAGyH9lK3WHgcvY0lWj/S5LH7xrbf+" crossorigin="anonymous" async
defer></script>
<link rel="stylesheet" href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.4/adyen.css"
integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V" crossorigin="anonymous"> -->
<!-- Google Tag Manager -->
<script>
// 'eu','es','it','uk','fr','cz','ru','pl','tr'用户允许Analytics Cookies时，才加载gtm脚本,其它站点一定会加载gtm脚本
function isWeixin() {
if (typeof (window) === 'undefined') return false
//判断是否是微信
var ua = navigator.userAgent.toLowerCase()
return ua && ua.match(/MicroMessenger/i) == 'micromessenger'
}
function isMini() {
if (typeof (window) === 'undefined') return false
return isWeixin() &&
(window.__wxjs_environment == 'miniprogram' ||
/miniProgram/i.test(navigator.userAgent.toLowerCase()))
}
if (!isMini() && window.hadAnalyticsCookies !== false) {
(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-PSDQQFN');
}
</script>
<!-- End Google Tag Manager -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
window.gtmDataLayerPush = function (data) {
// 'eu','es','it','uk','fr','cz','ru','pl','tr'用户允许Analytics Cookies时，才能gtm埋点，其它站点一定能gtm埋点
if (window.hadAnalyticsCookies !== false) {
window.dataLayer && window.dataLayer.push(data)
}
}
</script>
<!-- realme store、小程序 内隐藏 header -->
<script>
(function() {
var ua = window.navigator.userAgent.toLowerCase()
// x-businesssystem/realme : 我的realme app
var isApp = ua.indexOf('realmestore') > -1 || ua.indexOf('x-businesssystem/realme') > -1
var isMini = /MicroMessenger/i.test(ua) && (window.__wxjs_environment == 'miniprogram' || /miniProgram/i.test(ua))
if (isApp || isMini) {
var styleTemp = document.createElement('style')
styleTemp.innerHTML = '.header { display: none !important; } .footer { display: none !important; } .r-cookie { display: none !important; }'
document.head.appendChild(styleTemp)
}
})()
</script>
<!-- 页面样式 -->
<link rel="stylesheet" href="https://static.realme.net/v2/home/index-57be6cdf6a.css">
<!-- 下面可引入page项目的地址来本地调试 -->
<!-- <link rel="stylesheet" href="http://localhost/v2/home/index.css"> -->
<style>@charset "UTF-8";
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", "微软雅黑", sans-serif; }
body .opensans-semibold {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", "微软雅黑", sans-serif; }
body .r-cookie .r-btn {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", "微软雅黑", sans-serif; }
body .font-bold {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", "微软雅黑", sans-serif; }
body.gray {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1); }
.sec .sec-wrapper {
width: 1312px; }
.del-price {
color: #777; }
.home-light .sec-header .sec-more::after {
border-color: #fff; }
.home-content {
overflow: hidden; }
.text-center {
text-align: center; }
@media screen and (min-width: 769px) {
.sec-header .sec-more {
position: relative;
padding-left: 20px;
font-size: 14px;
line-height: 20px;
color: #000;
opacity: .5;
font-weight: bold; }
.sec-header .sec-more::after {
content: '';
position: absolute;
right: 4px;
top: 6px;
width: 6px;
height: 6px;
border: 2px solid #000;
border-width: 2px 2px 0 0;
transform: rotate(45deg); }
.sec-switch li {
color: #000;
font-size: 18px;
line-height: 25px; }
.sec-switch li.active {
font-weight: bold; }
.sec-switch li.active::after {
background: none; }
.sec .sec-title-new {
font-size: 32px;
line-height: 44px; } }
@media screen and (max-width: 769px) {
.sec .sec-wrapper {
width: 3.44rem;
margin: 0 auto;
padding-top: .08rem;
padding-left: 0; }
.sec .sec-header {
margin: 0 0 .36rem;
width: 100%; }
.sec .sec-header.no-tabs {
margin: 0; }
.sec .sec-header .sec-more {
position: relative;
padding: 0 .12rem;
font-size: .1rem;
line-height: .14rem;
color: #000;
opacity: .5;
font-weight: bold; }
.sec .sec-header .sec-more::after {
content: '';
position: absolute;
right: .04rem;
top: 0.03rem;
width: 0.05rem;
height: 0.05rem;
border: 0.02rem solid #000;
border-width: 0.01rem 0.01rem 0 0;
transform: rotate(45deg); }
.sec .sec-title {
padding: .1rem .04rem .08rem;
font-size: .16rem;
font-weight: bold;
color: #000;
margin-bottom: 0; }
.sec .sec-switch {
position: absolute;
width: 3.4rem;
left: auto;
right: 0;
top: .36rem;
z-index: 9; }
.sec .sec-switch li {
color: #000;
font-size: .12rem;
line-height: .17rem; }
.sec .sec-switch li.active {
font-weight: bold; }
.sec .sec-switch li.active::after {
background: none; }
.sec .sec-title-new {
font-size: .18rem;
line-height: .24rem; } }
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.ellipsis-2 {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
white-space: normal; }
</style>
<!-- 覆盖系统主题影响的样式 -->
<style>.banner-light .banner-subtitle, .banner-light .banner-point, .banner-light .banner-description, .banner-light .banner-price, .banner-light price-from {
color: #000; }
.banner-light .plate-primary-title, .banner-light .sell-point, .banner-light .plate-primary-price, .banner-light .tag-product-price, .banner-light .del-price,
.banner-light .plate-normal-title, .banner-light .plate-normal-price, .banner-light .price-from {
color: #000; }
.banner-dark .banner-subtitle, .banner-dark .banner-point, .banner-dark .banner-description, .banner-dark .banner-price, .banner-dark price-from {
color: #fff; }
.banner-dark .plate-primary-title, .banner-dark .sell-point, .banner-dark .plate-primary-price, .banner-dark .tag-product-price, .banner-dark .del-price,
.banner-dark .plate-normal-title, .banner-dark .plate-normal-price, .banner-dark .price-from {
color: #fff; }
.sec-ads .dark .tag, .sec-ads .dark .title, .sec-ads .dark .sub-title, .sec-ads .dark .sale-point, .sec-ads .dark .price, .sec-ads .dark .tag-product-price {
color: #fff; }
</style>
</head>
<body>
<!-- 公共导航 -->
<script src="https://static.realme.net/common/js/swiper.min.js"></script>
<script src="https://static.realme.net/common/js/vue.min.js"></script>
<script src="https://static.realme.net/common/js/axios.min.js"></script>
<link rel="stylesheet" href="https://static.realme.net/common/css/swiper.min.css">
<style>
.swiper-button-prev::after, .swiper-button-next::after {
content: '';
}
</style>
<header class="header header-main header-light">
<div class="header-container">
<div class="wrapper">
<a href="https://www.realme.com/es/" class="logo gtag" data-gtag="header|logo" title="realme" data-gtm="top_function|realme-logo"><span class="icon icon-logo light" style="z-index: 1;"></span></a>
<nav class="nav">
<div id="mobile-account">
<ul class="header-account ">
<li class="header-item">
<a href="https://buy.realme.com/es/cart" id="cart">Carrito<span id="account-cart"></span></a>
</li>
<li class="header-item">
<a href="https://buy.realme.com/es/orders">Lista de
compra</a>
</li>
<li class="header-item">
<a href="https://buy.realme.com/es/orders">Cupones</a>
</li>
<li class="header-item">
<a href="https://buy.realme.com/es/rpass">R-Pass</a>
</li>
<li class="header-item">
<a href="https://buy.realme.com/es/reviews">Comentarios</a>
</li>
<li class="header-item">
<a href="https://id.realme.com/v2/profile.html">Cuenta</a>
</li>
<li class="header-item">
<a href="https://buy.realme.com/es/address">Dirección</a>
</li>
<li class="header-item">
<a id="accountLogin" class="accountLogin" data-login="https://id.realme.com/index.html" data-logout="https://id.realme.com/logout.html"><label>Iniciar sesión</label></a>
</li>
</ul>
</div>
<ul class="nav-menu">
<li class="false">
<a rel="nofollow" class="nav-group gtag light" data-gtag="header|Smartphones realme" data-gtm="top_navigation|first-Smartphones realme">
Smartphones realme<span class="icon icon-arrow-down"></span>
</a>
<div class="nav-submenu">
<div class="nav-submenu-wrapper">
<div class="submenu-tabs">
<div class="secondary-menu active gtat" data-index="0" data-gtag="header|sub_Serie GT" data-gtm="top_navigation|second-Serie GT">
<label>Serie GT</label> <i class="icon icon-arrow-right"></i>
</div>
<div class="secondary-menu gtat" data-index="1" data-gtag="header|sub_Serie C" data-gtm="top_navigation|second-Serie C">
<label>Serie C</label> <i class="icon icon-arrow-right"></i>
</div>
<div class="secondary-menu gtat" data-index="2" data-gtag="header|sub_Serie Note" data-gtm="top_navigation|second-Serie Note">
<label>Serie Note</label> <i class="icon icon-arrow-right"></i>
</div>
<div class="secondary-menu gtat" data-index="3" data-gtag="header|sub_Series 12" data-gtm="top_navigation|second-Series 12">
<label>Series 12</label> <i class="icon icon-arrow-right"></i>
</div>
<div class="secondary-menu gtat" data-index="4" data-gtag="header|sub_Series 11" data-gtm="top_navigation|second-Series 11">
<label>Series 11</label> <i class="icon icon-arrow-right"></i>
</div>
<div class="secondary-menu gtat" data-index="5" data-gtag="header|sub_Serie 10" data-gtm="top_navigation|second-Serie 10">
<label>Serie 10</label> <i class="icon icon-arrow-right"></i>
</div>
<div class="secondary-menu gtat" data-index="6" data-gtag="header|sub_Serie 9" data-gtm="top_navigation|second-Serie 9">
<label>Serie 9</label> <i class="icon icon-arrow-right"></i>
</div>
<div class="secondary-menu gtat" data-index="7" data-gtag="header|sub_Serie 8" data-gtm="top_navigation|second-Serie 8">
<label>Serie 8</label> <i class="icon icon-arrow-right"></i>
</div>
</div>
<div class="submenu-container-list">
<div class="submenu-container visible" data-menu="0">
<div class="secondary-menus">
<div class="secondary-menu gtag" data-gtag="header|sub_Serie GT" data-gtm="top_navigation|second-Serie GT">
<label>Serie GT</label> <i class="icon icon-arrow-down"></i>
</div>
</div>
<ul class="secondary-products">
<li>
<a href=" https://www.realme.com/es/realme-gt-7-pro " class="gtag plate-img-hover" data-gtag="header|realme GT 7 Pro" data-gtm="top_navigation|third-realme GT 7 Pro" title="realme GT 7 Pro">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20241118/1731918126428c7dfbcee14e0470f88aec4f93cf8755e.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme GT 7 Pro</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-gt-6 " class="gtag plate-img-hover" data-gtag="header|realme GT 6" data-gtm="top_navigation|third-realme GT 6" title="realme GT 6">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240620/171887149216123831f57b4e443efa61d45143331ea50.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme GT 6</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
8+256 GB 599.99 €, 12+256 GB 699.99 €, 16+512 GB 799.99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-gt-6t " class="gtag plate-img-hover" data-gtag="header|realme GT 6T" data-gtm="top_navigation|third-realme GT 6T" title="realme GT 6T">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240620/171887167287676e21139ad8e4676a49f11dc91ef64bc.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme GT 6T</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
8+256 GB 549.99 €, 12+256 GB 599.99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-gt-neo-3 " class="gtag plate-img-hover" data-gtag="header|realme GT NEO 3 80W" data-gtm="top_navigation|third-realme GT NEO 3 80W" title="realme GT NEO 3 80W">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672833343051.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme GT NEO 3 80W</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
599,99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-gt-neo-3t " class="gtag plate-img-hover" data-gtag="header|realme GT NEO 3T" data-gtm="top_navigation|third-realme GT NEO 3T" title="realme GT NEO 3T">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672833353534.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme GT NEO 3T</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
469,99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-gt-neo-3t-dragon-ball " class="gtag plate-img-hover" data-gtag="header|realme GT NEO 3T Dragon Ball" data-gtm="top_navigation|third-realme GT NEO 3T Dragon Ball" title="realme GT NEO 3T Dragon Ball">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672833358860.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme GT NEO 3T Dragon Ball</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
499,99 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
<div class="submenu-container " data-menu="1">
<div class="secondary-menus">
<div class="secondary-menu gtag" data-gtag="header|sub_Serie C" data-gtm="top_navigation|second-Serie C">
<label>Serie C</label> <i class="icon icon-arrow-down"></i>
</div>
</div>
<ul class="secondary-products">
<li>
<a href=" https://www.realme.com/es/realme-c61 " class="gtag plate-img-hover" data-gtag="header|realme C61" data-gtm="top_navigation|third-realme C61" title="realme C61">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240828/1724833326309055eb8f542a84b1d8f0b6af9a3b21a7b.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme C61</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/more-products/realme-c63 " class="gtag plate-img-hover" data-gtag="header|realme C63" data-gtm="top_navigation|third-realme C63" title="realme C63">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240719/172138498270882bc9eef30c940d486f0d57c99238275.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme C63</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-c65 " class="gtag plate-img-hover" data-gtag="header|realme C65" data-gtm="top_navigation|third-realme C65" title="realme C65">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240508/17151576857216324f59a33254a4090bfca58cb622261.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme C65</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
6+128 GB 199.99 €, 8+256 GB 219.99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-c67 " class="gtag plate-img-hover" data-gtag="header|realme C67" data-gtm="top_navigation|third-realme C67" title="realme C67">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240207/1707273391776bf7ad0a32db849ab89e86e39faebf0d3.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme C67</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
6+128 GB 219.99 €, 8+256 GB 259.99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-c53 " class="gtag plate-img-hover" data-gtag="header|realme C53" data-gtm="top_navigation|third-realme C53" title="realme C53">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230705/1688522570403.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme C53</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-c55 " class="gtag plate-img-hover" data-gtag="header|realme C55" data-gtm="top_navigation|third-realme C55" title="realme C55">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230317/1679021113310.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme C55</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
219,99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-c33 " class="gtag plate-img-hover" data-gtag="header|realme C33" data-gtm="top_navigation|third-realme C33" title="realme C33">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672833408371.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme C33</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
<i>Desde</i>
179 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-c30 " class="gtag plate-img-hover" data-gtag="header|realme C30" data-gtm="top_navigation|third-realme C30" title="realme C30">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672833413561.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme C30</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
139 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
<div class="submenu-container " data-menu="2">
<div class="secondary-menus">
<div class="secondary-menu gtag" data-gtag="header|sub_Serie Note" data-gtm="top_navigation|second-Serie Note">
<label>Serie Note</label> <i class="icon icon-arrow-down"></i>
</div>
</div>
<ul class="secondary-products">
<li>
<a href=" https://www.realme.com/es/realme-note60 " class="gtag plate-img-hover" data-gtag="header|realme Note 60" data-gtm="top_navigation|third-realme Note 60" title="realme Note 60">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20241029/1730196510805706ad54d3d9f45009f3b501fe4f290d7.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Note 60</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-note50 " class="gtag plate-img-hover" data-gtag="header|realme Note 50" data-gtm="top_navigation|third-realme Note 50" title="realme Note 50">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240315/17104920241871e2d9d04b57244da8caf58fde851069d.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Note 50</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
3+64 GB 109.99 €, 4+128 GB 119.99 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
<div class="submenu-container " data-menu="3">
<div class="secondary-menus">
<div class="secondary-menu gtag" data-gtag="header|sub_Series 12" data-gtm="top_navigation|second-Series 12">
<label>Series 12</label> <i class="icon icon-arrow-down"></i>
</div>
</div>
<ul class="secondary-products">
<li>
<a href=" https://www.realme.com/es/realme-12-512 " class="gtag plate-img-hover" data-gtag="header|realme 12" data-gtm="top_navigation|third-realme 12" title="realme 12">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240717/17212128567570934b82f8d1a4e9b98afaf8b36cafb06.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme 12</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-12x " class="gtag plate-img-hover" data-gtag="header|realme 12x 5G" data-gtm="top_navigation|third-realme 12x 5G" title="realme 12x 5G">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240516/1715851482945cc7178dea48d4ab1bbf66c4ea6dd7277.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme 12x 5G</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
6+128 GB 199.99 €, 8+256 GB 219.99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-12-5g " class="gtag plate-img-hover" data-gtag="header|realme 12 5G" data-gtm="top_navigation|third-realme 12 5G" title="realme 12 5G">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240514/171565553944187b6f8e0e7964838bf3c1c8ff0078200.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme 12 5G</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
8+256 GB 279.99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-12-plus " class="gtag plate-img-hover" data-gtag="header|realme 12+ 5G" data-gtm="top_navigation|third-realme 12+ 5G" title="realme 12+ 5G">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240514/17156555449294750c99186014b25ab459611c585cd2e.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme 12+ 5G</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
8+256 GB 359.99 €, 12+512 GB 419.99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-12-pro-plus " class="gtag plate-img-hover" data-gtag="header|realme 12 Pro+ 5G" data-gtm="top_navigation|third-realme 12 Pro+ 5G" title="realme 12 Pro+ 5G">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240314/171039696051416989f17c9ea47059899ee03796027ca.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme 12 Pro+ 5G</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
8+256 GB 499.99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-12-pro " class="gtag plate-img-hover" data-gtag="header|realme 12 Pro 5G" data-gtm="top_navigation|third-realme 12 Pro 5G" title="realme 12 Pro 5G">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240314/17103969518636eafdb04ac28412ebd4ca65d71588b6b.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme 12 Pro 5G</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
8+256 GB 399.99 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
<div class="submenu-container " data-menu="4">
<div class="secondary-menus">
<div class="secondary-menu gtag" data-gtag="header|sub_Series 11" data-gtm="top_navigation|second-Series 11">
<label>Series 11</label> <i class="icon icon-arrow-down"></i>
</div>
</div>
<ul class="secondary-products">
<li>
<a href=" https://www.realme.com/es/realme-11-pro-plus " class="gtag plate-img-hover" data-gtag="header|realme 11 pro+" data-gtm="top_navigation|third-realme 11 pro+" title="realme 11 pro+">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230620/1687278114512.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme 11 pro+</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
367,77 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-11-pro " class="gtag plate-img-hover" data-gtag="header|realme 11 pro" data-gtm="top_navigation|third-realme 11 pro" title="realme 11 pro">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230620/1687279200472.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme 11 pro</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
291,36 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
<div class="submenu-container " data-menu="5">
<div class="secondary-menus">
<div class="secondary-menu gtag" data-gtag="header|sub_Serie 10" data-gtm="top_navigation|second-Serie 10">
<label>Serie 10</label> <i class="icon icon-arrow-down"></i>
</div>
</div>
<ul class="secondary-products">
<li>
<a href=" https://www.realme.com/es/realme-10 " class="gtag plate-img-hover" data-gtag="header|realme 10" data-gtm="top_navigation|third-realme 10" title="realme 10">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230214/1676345842138.webp" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme 10</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
279,99 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
<div class="submenu-container " data-menu="6">
<div class="secondary-menus">
<div class="secondary-menu gtag" data-gtag="header|sub_Serie 9" data-gtm="top_navigation|second-Serie 9">
<label>Serie 9</label> <i class="icon icon-arrow-down"></i>
</div>
</div>
<ul class="secondary-products">
<li>
<a href=" https://www.realme.com/es/realme-9-5g " class="gtag plate-img-hover" data-gtag="header|realme 9 5G" data-gtm="top_navigation|third-realme 9 5G" title="realme 9 5G">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672833500064.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme 9 5G</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
259,99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-9i " class="gtag plate-img-hover" data-gtag="header|realme 9i" data-gtm="top_navigation|third-realme 9i" title="realme 9i">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672833538115.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme 9i</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
239,99 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
<div class="submenu-container " data-menu="7">
<div class="secondary-menus">
<div class="secondary-menu gtag" data-gtag="header|sub_Serie 8" data-gtm="top_navigation|second-Serie 8">
<label>Serie 8</label> <i class="icon icon-arrow-down"></i>
</div>
</div>
<ul class="secondary-products">
<li>
<a href=" https://www.realme.com/es/realme-8i " class="gtag plate-img-hover" data-gtag="header|realme 8i" data-gtm="top_navigation|third-realme 8i" title="realme 8i">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672833553359.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme 8i</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
219 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="false">
<a rel="nofollow" class="nav-group gtag light" data-gtag="header|narzo Smartphones" data-gtm="top_navigation|first-narzo Smartphones">
narzo Smartphones<span class="icon icon-arrow-down"></span>
</a>
<div class="nav-submenu">
<div class="nav-submenu-wrapper">
<ul class="secondary-products visible mg-40">
<li>
<a href=" https://www.realme.com/es/realme-narzo-50i-prime " title="realme narzo 50i Prime" class="gtag plate-img-hover" data-gtm="top_navigation|second-realme narzo 50i Prime">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672833788646.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme narzo 50i Prime</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
139,99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-narzo-50-5g " title="realme narzo 50 5G" class="gtag plate-img-hover" data-gtm="top_navigation|second-realme narzo 50 5G">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672833795704.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme narzo 50 5G</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
259,99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-narzo-50a-prime " title="realme narzo 50A Prime" class="gtag plate-img-hover" data-gtm="top_navigation|second-realme narzo 50A Prime">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672833795439.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme narzo 50A Prime</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
169,99 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
</div>
</li>
<li class="false">
<a rel="nofollow" class="nav-group gtag light" data-gtag="header|Tablets & Portátiles" data-gtm="top_navigation|first-Tablets & Portátiles">
Tablets & Portátiles<span class="icon icon-arrow-down"></span>
</a>
<div class="nav-submenu">
<div class="nav-submenu-wrapper">
<ul class="secondary-products visible mg-40">
<li>
<a href=" https://www.realme.com/es/realme-pad-mini " title="realme Pad Mini" class="gtag plate-img-hover" data-gtm="top_navigation|second-realme Pad Mini">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672834687099.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Pad Mini</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
199,99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-pad " title="realme Pad" class="gtag plate-img-hover" data-gtm="top_navigation|second-realme Pad">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672834689721.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Pad</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
259,99 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
</div>
</li>
<li class="false">
<a rel="nofollow" class="nav-group gtag light" data-gtag="header|Audio" data-gtm="top_navigation|first-Audio">
Audio<span class="icon icon-arrow-down"></span>
</a>
<div class="nav-submenu">
<div class="nav-submenu-wrapper">
<ul class="secondary-products visible mg-40">
<li>
<a href=" https://www.realme.com/es/more-products/realme-buds-t310 " title="realme Buds T310" class="gtag plate-img-hover" data-gtm="top_navigation|second-realme Buds T310">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240911/1726037555032b2d0b7c7ae164b84a1744dfd29b04c71.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Buds T310</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/more-products/realme-buds-t110 " title="realme Buds T110" class="gtag plate-img-hover" data-gtm="top_navigation|second-realme Buds T110">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240812/172344783405705096c913a2e478494a60334b735d07a.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Buds T110</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/more-products/realme-buds-air-6-pro " title="realme Buds Air 6 Pro" class="gtag plate-img-hover" data-gtm="top_navigation|second-realme Buds Air 6 Pro">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240704/1720077352007854b56b656d940908bef7f5bcc41a56c.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Buds Air 6 Pro</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/more-products/realme-buds-air-6 " title="realme Buds Air 6" class="gtag plate-img-hover" data-gtm="top_navigation|second-realme Buds Air 6">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240704/1720077355360915a58141ce64809870aa99fe3f8ae07.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Buds Air 6</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-buds-air-5-pro " title="realme Buds Air 5 Pro" class="gtag plate-img-hover" data-gtm="top_navigation|second-realme Buds Air 5 Pro">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230625/1687656742441.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Buds Air 5 Pro</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-buds-air-3-neo " title="realme Buds Air 3 Neo" class="gtag plate-img-hover" data-gtm="top_navigation|second-realme Buds Air 3 Neo">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672834714251.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Buds Air 3 Neo</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
39,99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-buds-air-3 " title="realme Buds Air 3" class="gtag plate-img-hover" data-gtm="top_navigation|second-realme Buds Air 3">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672834730129.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Buds Air 3</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
59,99 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
</div>
</li>
<li class="menus-last">
<a rel="nofollow" class="nav-group gtag light" data-gtag="header|Smart Life" data-gtm="top_navigation|first-Smart Life">
Smart Life<span class="icon icon-arrow-down"></span>
</a>
<div class="nav-submenu">
<div class="nav-submenu-wrapper">
<div class="submenu-tabs">
<div class="secondary-menu active gtat" data-index="0" data-gtag="header|sub_Smart Wearables" data-gtm="top_navigation|second-Smart Wearables">
<label>Smart Wearables</label> <i class="icon icon-arrow-right"></i>
</div>
<div class="secondary-menu gtat" data-index="1" data-gtag="header|sub_Smart Home" data-gtm="top_navigation|second-Smart Home">
<label>Smart Home</label> <i class="icon icon-arrow-right"></i>
</div>
</div>
<div class="submenu-container-list">
<div class="submenu-container visible" data-menu="0">
<div class="secondary-menus">
<div class="secondary-menu gtag" data-gtag="header|sub_Smart Wearables" data-gtm="top_navigation|second-Smart Wearables">
<label>Smart Wearables</label> <i class="icon icon-arrow-down"></i>
</div>
</div>
<ul class="secondary-products">
<li>
<a href=" https://www.realme.com/es/more-products/realme-watch-s2 " class="gtag plate-img-hover" data-gtag="header|realme Watch S2" data-gtm="top_navigation|third-realme Watch S2" title="realme Watch S2">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20240905/17255227405788e85988898ba4c2ca92aa2fb3c342346.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Watch S2</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-watch-3 " class="gtag plate-img-hover" data-gtag="header|realme Watch 3" data-gtm="top_navigation|third-realme Watch 3" title="realme Watch 3">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672834787838.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Watch 3</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
69,99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-watch-2 " class="gtag plate-img-hover" data-gtag="header|realme Watch 2" data-gtm="top_navigation|third-realme Watch 2" title="realme Watch 2">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672834790391.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Watch 2</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
54,99 €
</p>
</div>
</a>
</li>
<li>
<a href=" https://www.realme.com/es/realme-watch-2-pro " class="gtag plate-img-hover" data-gtag="header|realme Watch 2 pro" data-gtm="top_navigation|third-realme Watch 2 pro" title="realme Watch 2 pro">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230104/1672834798620.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Watch 2 pro</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
74,99 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
<div class="submenu-container " data-menu="1">
<div class="secondary-menus">
<div class="secondary-menu gtag" data-gtag="header|sub_Smart Home" data-gtm="top_navigation|second-Smart Home">
<label>Smart Home</label> <i class="icon icon-arrow-down"></i>
</div>
</div>
<ul class="secondary-products">
<li>
<a href=" https://www.realme.com/es/realme-techlife-robot-vacuum " class="gtag plate-img-hover" data-gtag="header|realme Techlife Robot Vacuum" data-gtm="top_navigation|third-realme Techlife Robot Vacuum" title="realme Techlife Robot Vacuum">
<div class="nav-submenu-img">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image05.realme.net/general/20230105/1672899397325.png" alt="" class="nav-lazyload img-hover">
</div>
<div class="nav-submenu-info">
<div class="nav-submenu-title-box">
<p class="nav-submenu-title">
<span>realme Techlife Robot Vacuum</span>
</p>
</div>
<div class="nav-submenu-desc" data-id=""></div>
<p class="nav-submenu-price">
389 €
</p>
</div>
</a>
</li>
<li class="nav-submenu-block"></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class=" "><a href="https://www.realme.com/es/brand" target="_blank" class="gtag" data-gtag="header|Nosotros" data-gtm="top_navigation|first-Nosotros">Nosotros</a></li>
<li class=" "><a href="https://www.realme.com/es/support" target="_blank" class="gtag" data-gtag="header|Ayuda y asistencia" data-gtm="top_navigation|first-Ayuda y asistencia">Ayuda y asistencia</a></li>
</ul>
</nav>
<div class="nav-right">
<a href="javascript:;" class="menu-icon menu-fold gtag" data-gtag="header|fold"><span class="icon icon-menu light"></span></a>
</div>
<div class="search-bar" id="search-bar">
<div class="search-container">
<div class="search-bar-header">
<div class="search-input-container">
<input type="text" class="search-input" placeholder="Search" data-domain="https://www.realme.com/es" maxlength="30" style="color: #000;">
<i class="icon icon-search"></i>
<i class="icon icon-close-fill"></i>
</div>
<i class="icon icon-close search-close"></i>
</div>
<div class="hot-search">
<div class="hot-search-container">
<div class="history-title">
History Search
<span class="icon icon-bucket-delete"></span>
</div>
<div class="search-item-container">
<ul class="search-item"></ul>
<span class="icon-search-down"></span>
</div>
<div class="hot-title">
Hot Search
<span class="icon icon-fire-red"></span>
</div>
<ul class="hot-item"></ul>
</div>
</div>
<div class="recommend-search">
<div class="recommend-search-container">
<ul class="recommend-item"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Horizontal screen prompt module -->
<section class="horizontal-screen" id="horizontal-screen">
<div class="horizontal-screen-icon"></div>
<div class="horizontal-screen-tips">Sorry, only horizontal viewing is supported temporarily</div>
</section>
<style>@charset "UTF-8";
.header {
background-color: transparent;
/* 亮色 */
/* 暗色 */ }
.header.header-light {
/* 透明背景 */
/* 页面滚动后的样式 */
/* 透明顶部 hover 需要出现颜色 */ }
.header.header-light .header-container {
backdrop-filter: blur(0.3rem);
background-color: rgba(255, 255, 255, 0.9); }
.header.header-light a {
color: #000; }
.header.header-light a:hover {
opacity: 0.8; }
.header.header-light.header-opactity {
height: 0; }
.header.header-light.header-opactity .header-container {
backdrop-filter: none;
background-color: rgba(255, 255, 255, 0);
transition: all 1s; }
.header.header-light.header-scroll {
opacity: 1; }
.header.header-light.header-scroll .header-container {
backdrop-filter: blur(0.3rem);
background-color: rgba(255, 255, 255, 0.9); }
@media screen and (max-width: 769px) {
.header.header-light.header-scroll .header-container {
/* 非透明要实底 */
background-color: white; } }
.header.header-light.header-scroll.header-opactity {
/* 透明还是保持 */ }
.header.header-light.header-scroll.header-opactity .header-container {
background-color: rgba(255, 255, 255, 0.9); }
.header.header-light.header-hover {
opacity: 1; }
.header.header-light.header-hover .header-container {
background-color: white; }
.header.header-dark {
/* 透明背景 */
/* 页面滚动后的样式 */
/* 透明顶部 hover 需要出现颜色 */ }
.header.header-dark .header-container {
backdrop-filter: blur(0.3rem);
background-color: rgba(0, 0, 0, 0.9); }
.header.header-dark a {
color: #fff; }
.header.header-dark a:hover {
opacity: 0.8; }
.header.header-dark .search-input-container .search-input {
background-color: rgba(255, 255, 255, 0.2);
color: #fff; }
.header.header-dark.header-opactity {
height: 0; }
.header.header-dark.header-opactity .header-container {
backdrop-filter: none;
transition: all 1s;
background-color: rgba(0, 0, 0, 0); }
.header.header-dark.header-scroll {
opacity: 1; }
.header.header-dark.header-scroll .header-container {
backdrop-filter: blur(0.3rem);
background-color: rgba(0, 0, 0, 0.9); }
@media screen and (max-width: 769px) {
.header.header-dark.header-scroll .header-container {
background-color: black; } }
.header.header-dark.header-scroll.header-opactity {
/* 透明还是保持 */ }
.header.header-dark.header-scroll.header-opactity .header-container {
background-color: rgba(0, 0, 0, 0.9); }
.header.header-dark.header-hover {
opacity: 1; }
.header.header-dark.header-hover .header-container {
background-color: black; }
@media screen and (min-width: 769px) {
.header-notify .notify-bg-wrapper .header-notify-bg {
width: 2560px;
margin-left: 50%;
transform: translateX(-50%); }
.mg-40 {
margin-top: 40px; } }
</style>
<script>"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
(function () {
var Toast = {}; // toastTimer:存储toast定时器id; toastVM:存储toast vm; showLoad:存储loading显示状态; loadNode:存储loading节点元素;
var toastTimer = false,
toastVM = null,
showLoad = false,
loadNode = null; // 默认配置
var defaultOption = {
type: 'center',
duration: '2500',
wordWrap: false,
width: 'auto'
};
Toast.install = function (Vue, options) {
/**
* toast方法
* @param {string} tip 提示文本
* @param {object|string} config 配置参数
*/
Vue.prototype.$toast = function (tip, config) {
var option = {};
Object.assign(option, defaultOption, options);
if (_typeof(config) === 'object') {
Object.assign(option, config);
} else if (config) {
option['type'] = config;
}
if (toastTimer) {
// 如果toast还在，则取消上次消失时间
clearTimeout(toastTimer);
toastVM.show = false;
}
if (!toastVM) {
var ToastTpl = Vue.extend({
data: function data() {
return {
show: false,
tip: tip,
wordWrap: option.wordWrap,
type: option.type,
extStyle: {
width: option.width
}
};
},
render: function render(h) {
if (!this.show) {
return false;
}
return h('div', {
"class": ['lx-toast', "lx-toast-".concat(this.type), this.wordWrap ? 'lx-word-wrap' : ''],
style: this.extStyle,
show: this.show,
domProps: {
innerHTML: this.tip
}
});
}
});
toastVM = new ToastTpl();
var tpl = toastVM.$mount().$el;
document.body.appendChild(tpl);
}
toastVM.tip = tip;
toastVM.wordWrap = option.wordWrap;
toastVM.type = option.type;
toastVM.extStyle.width = option.width;
toastVM.show = true;
toastTimer = setTimeout(function () {
toastVM.show = toastTimer = false;
}, option.duration);
};
['bottom', 'center', 'top'].forEach(function (type) {
Vue.prototype.$toast[type] = function (tip) {
var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
type: type
};
return Vue.prototype.$toast(tip, config);
};
});
/**
* loading方法
* @param {*string} tip 提示文本
* @param {*string} type loading类型，可选open/close
*/
Vue.prototype.$myloading = function (tip, type) {
if (type === 'close') {
if (loadNode) {
loadNode.show = showLoad = false;
}
} else {
if (showLoad && loadNode) {
showLoad.tip = tip;
return false;
}
var LoadTpl = Vue.extend({
data: function data() {
return {
show: false,
tip: tip
};
},
render: function render(h) {
if (!this.show) {
return;
}
return h('div', {
"class": 'lx-load-mark',
show: this.show
}, [h('div', {
"class": 'lx-load-box'
}, [h('div', {
"class": this.tip ? 'lx-loading' : 'lx-loading-nocontent'
}, Array.apply(null, {
length: 12
}).map(function (value, index) {
return h('div', {
"class": ['loading_leaf', "loading_leaf_".concat(index)]
});
})), h('div', {
"class": 'lx-load-content',
domProps: {
innerHTML: this.tip
}
})])]);
}
});
loadNode = new LoadTpl();
var tpl = loadNode.$mount().$el;
document.body.appendChild(tpl);
loadNode.show = showLoad = true;
}
};
['open', 'close'].forEach(function (type) {
Vue.prototype.$myloading[type] = function (tip) {
return Vue.prototype.$myloading(tip, type);
};
});
};
Vue.use(Toast);
})();</script>
<style>.lx-toast {
position: fixed;
bottom: 100px;
left: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 80%;
height: 40px;
line-height: 20px;
padding: 10px 20px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
text-align: center;
z-index: 9999;
font-size: 14px;
color: #fff;
border-radius: 5px;
background: rgba(0, 0, 0, 0.7);
animation: show-toast .5s;
-webkit-animation: show-toast .5s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.lx-toast.lx-word-wrap {
width: 80%;
white-space: inherit;
height: auto; }
.lx-toast.lx-toast-top {
top: 50px;
bottom: inherit; }
.lx-toast.lx-toast-center {
top: 50%;
margin-top: -20px;
bottom: inherit; }
@-webkit-keyframes show-toast {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes show-toast {
from {
opacity: 0; }
to {
opacity: 1; } }
.lx-load-mark {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999; }
.lx-load-box {
position: fixed;
z-index: 3;
/* width: 3.6em;
min-height: 3.6em; */
width: 1.2rem;
height: 1.2rem;
/* top: 50%; */
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* margin-left: -3.8em; */
/* background: rgba(0, 0, 0, 0.7); */
/* background: rgba(0, 0, 0, 0); */
text-align: center;
color: #FFFFFF; }
.lx-load-content {
margin-top: 64%;
font-size: 14px; }
.lx-loading, .lx-loading-nocontent {
position: absolute;
width: 1.2rem;
height: 1.2rem;
background: rgba(0, 0, 0, 0.7);
left: 50%;
top: 38%;
transform: translate(-50%, -50%);
border-radius: .05rem; }
.lx-loading-nocontent {
top: 50%; }
.loading_leaf {
position: absolute;
/* top: -1px; */
top: 49%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.25; }
.loading_leaf:before {
content: " ";
position: absolute;
width: 9.14px;
height: 3.08px;
background: #d1d1d5;
-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;
border-radius: 1px;
-webkit-transform-origin: left 50% 0px;
transform-origin: left 50% 0px; }
.loading_leaf_0 {
-webkit-animation: opacity-0 1.25s linear infinite;
animation: opacity-0 1.25s linear infinite; }
.loading_leaf_0:before {
-webkit-transform: rotate(0deg) translate(7.92px, 0px);
transform: rotate(0deg) translate(7.92px, 0px); }
.loading_leaf_1 {
-webkit-animation: opacity-1 1.25s linear infinite;
animation: opacity-1 1.25s linear infinite; }
.loading_leaf_1:before {
-webkit-transform: rotate(30deg) translate(7.92px, 0px);
transform: rotate(30deg) translate(7.92px, 0px); }
.loading_leaf_2 {
-webkit-animation: opacity-2 1.25s linear infinite;
animation: opacity-2 1.25s linear infinite; }
.loading_leaf_2:before {
-webkit-transform: rotate(60deg) translate(7.92px, 0px);
transform: rotate(60deg) translate(7.92px, 0px); }
.loading_leaf_3 {
-webkit-animation: opacity-3 1.25s linear infinite;
animation: opacity-3 1.25s linear infinite; }
.loading_leaf_3:before {
-webkit-transform: rotate(90deg) translate(7.92px, 0px);
transform: rotate(90deg) translate(7.92px, 0px); }
.loading_leaf_4 {
-webkit-animation: opacity-4 1.25s linear infinite;
animation: opacity-4 1.25s linear infinite; }
.loading_leaf_4:before {
-webkit-transform: rotate(120deg) translate(7.92px, 0px);
transform: rotate(120deg) translate(7.92px, 0px); }
.loading_leaf_5 {
-webkit-animation: opacity-5 1.25s linear infinite;
animation: opacity-5 1.25s linear infinite; }
.loading_leaf_5:before {
-webkit-transform: rotate(150deg) translate(7.92px, 0px);
transform: rotate(150deg) translate(7.92px, 0px); }
.loading_leaf_6 {
-webkit-animation: opacity-6 1.25s linear infinite;
animation: opacity-6 1.25s linear infinite; }
.loading_leaf_6:before {
-webkit-transform: rotate(180deg) translate(7.92px, 0px);
transform: rotate(180deg) translate(7.92px, 0px); }
.loading_leaf_7 {
-webkit-animation: opacity-7 1.25s linear infinite;
animation: opacity-7 1.25s linear infinite; }
.loading_leaf_7:before {
-webkit-transform: rotate(210deg) translate(7.92px, 0px);
transform: rotate(210deg) translate(7.92px, 0px); }
.loading_leaf_8 {
-webkit-animation: opacity-8 1.25s linear infinite;
animation: opacity-8 1.25s linear infinite; }
.loading_leaf_8:before {
-webkit-transform: rotate(240deg) translate(7.92px, 0px);
transform: rotate(240deg) translate(7.92px, 0px); }
.loading_leaf_9 {
-webkit-animation: opacity-9 1.25s linear infinite;
animation: opacity-9 1.25s linear infinite; }
.loading_leaf_9:before {
-webkit-transform: rotate(270deg) translate(7.92px, 0px);
transform: rotate(270deg) translate(7.92px, 0px); }
.loading_leaf_10 {
-webkit-animation: opacity-10 1.25s linear infinite;
animation: opacity-10 1.25s linear infinite; }
.loading_leaf_10:before {
-webkit-transform: rotate(300deg) translate(7.92px, 0px);
transform: rotate(300deg) translate(7.92px, 0px); }
.loading_leaf_11 {
-webkit-animation: opacity-11 1.25s linear infinite;
animation: opacity-11 1.25s linear infinite; }
.loading_leaf_11:before {
-webkit-transform: rotate(330deg) translate(7.92px, 0px);
transform: rotate(330deg) translate(7.92px, 0px); }
@-webkit-keyframes opacity-0 {
0% {
opacity: 0.25; }
0.01% {
opacity: 0.25; }
0.02% {
opacity: 1; }
60.01% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@keyframes opacity-0 {
0% {
opacity: 0.25; }
0.01% {
opacity: 0.25; }
0.02% {
opacity: 1; }
60.01% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@-webkit-keyframes opacity-1 {
0% {
opacity: 0.25; }
8.34333% {
opacity: 0.25; }
8.35333% {
opacity: 1; }
68.3433% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@keyframes opacity-1 {
0% {
opacity: 0.25; }
8.34333% {
opacity: 0.25; }
8.35333% {
opacity: 1; }
68.3433% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@-webkit-keyframes opacity-2 {
0% {
opacity: 0.25; }
16.6767% {
opacity: 0.25; }
16.6867% {
opacity: 1; }
76.6767% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@keyframes opacity-2 {
0% {
opacity: 0.25; }
16.6767% {
opacity: 0.25; }
16.6867% {
opacity: 1; }
76.6767% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@-webkit-keyframes opacity-3 {
0% {
opacity: 0.25; }
25.01% {
opacity: 0.25; }
25.02% {
opacity: 1; }
85.01% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@keyframes opacity-3 {
0% {
opacity: 0.25; }
25.01% {
opacity: 0.25; }
25.02% {
opacity: 1; }
85.01% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@-webkit-keyframes opacity-4 {
0% {
opacity: 0.25; }
33.3433% {
opacity: 0.25; }
33.3533% {
opacity: 1; }
93.3433% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@keyframes opacity-4 {
0% {
opacity: 0.25; }
33.3433% {
opacity: 0.25; }
33.3533% {
opacity: 1; }
93.3433% {
opacity: 0.25; }
100% {
opacity: 0.25; } }
@-webkit-keyframes opacity-5 {
0% {
opacity: 0.270958333333333; }
41.6767% {
opacity: 0.25; }
41.6867% {
opacity: 1; }
1.67667% {
opacity: 0.25; }
100% {
opacity: 0.270958333333333; } }
@keyframes opacity-5 {
0% {
opacity: 0.270958333333333; }
41.6767% {
opacity: 0.25; }
41.6867% {
opacity: 1; }
1.67667% {
opacity: 0.25; }
100% {
opacity: 0.270958333333333; } }
@-webkit-keyframes opacity-6 {
0% {
opacity: 0.375125; }
50.01% {
opacity: 0.25; }
50.02% {
opacity: 1; }
10.01% {
opacity: 0.25; }
100% {
opacity: 0.375125; } }
@keyframes opacity-6 {
0% {
opacity: 0.375125; }
50.01% {
opacity: 0.25; }
50.02% {
opacity: 1; }
10.01% {
opacity: 0.25; }
100% {
opacity: 0.375125; } }
@-webkit-keyframes opacity-7 {
0% {
opacity: 0.479291666666667; }
58.3433% {
opacity: 0.25; }
58.3533% {
opacity: 1; }
18.3433% {
opacity: 0.25; }
100% {
opacity: 0.479291666666667; } }
@keyframes opacity-7 {
0% {
opacity: 0.479291666666667; }
58.3433% {
opacity: 0.25; }
58.3533% {
opacity: 1; }
18.3433% {
opacity: 0.25; }
100% {
opacity: 0.479291666666667; } }
@-webkit-keyframes opacity-8 {
0% {
opacity: 0.583458333333333; }
66.6767% {
opacity: 0.25; }
66.6867% {
opacity: 1; }
26.6767% {
opacity: 0.25; }
100% {
opacity: 0.583458333333333; } }
@keyframes opacity-8 {
0% {
opacity: 0.583458333333333; }
66.6767% {
opacity: 0.25; }
66.6867% {
opacity: 1; }
26.6767% {
opacity: 0.25; }
100% {
opacity: 0.583458333333333; } }
@-webkit-keyframes opacity-9 {
0% {
opacity: 0.687625; }
75.01% {
opacity: 0.25; }
75.02% {
opacity: 1; }
35.01% {
opacity: 0.25; }
100% {
opacity: 0.687625; } }
@keyframes opacity-9 {
0% {
opacity: 0.687625; }
75.01% {
opacity: 0.25; }
75.02% {
opacity: 1; }
35.01% {
opacity: 0.25; }
100% {
opacity: 0.687625; } }
@-webkit-keyframes opacity-10 {
0% {
opacity: 0.791791666666667; }
83.3433% {
opacity: 0.25; }
83.3533% {
opacity: 1; }
43.3433% {
opacity: 0.25; }
100% {
opacity: 0.791791666666667; } }
@keyframes opacity-10 {
0% {
opacity: 0.791791666666667; }
83.3433% {
opacity: 0.25; }
83.3533% {
opacity: 1; }
43.3433% {
opacity: 0.25; }
100% {
opacity: 0.791791666666667; } }
@-webkit-keyframes opacity-11 {
0% {
opacity: 0.895958333333333; }
91.6767% {
opacity: 0.25; }
91.6867% {
opacity: 1; }
51.6767% {
opacity: 0.25; }
100% {
opacity: 0.895958333333333; } }
@keyframes opacity-11 {
0% {
opacity: 0.895958333333333; }
91.6767% {
opacity: 0.25; }
91.6867% {
opacity: 1; }
51.6767% {
opacity: 0.25; }
100% {
opacity: 0.895958333333333; } }
</style>
<h1 class="indiscernible">realme</h1>
<style>
@media screen and (min-width: 769px) {
.home-content {
background-color: #F5F5F5;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.sec-container {
background-image: url();
background-size: 1920px 600px;
background-repeat: no-repeat;
background-position: center top;
padding-bottom: 40px;
}
.sec {
background: none;
}
}
@media screen and (max-width: 769px) {
.sec-container {
background-color: #F5F5F5;
padding-bottom: .08rem;
}
.sec {
background: none;
}
}
</style>
<div class="home-content ">
<style>.home-product .home-background-img {
background-size: 100% auto; }
.home-product .point-tag {
font-weight: normal; }
.home-product .plate-content {
z-index: 2; }
.home-product .text-center {
justify-content: center; }
.home-product .sec-title-new {
font-size: 32px;
line-height: 44px; }
@media screen and (min-width: 769px) {
.home-product {
margin-bottom: -16px; }
.home-product .product-content {
justify-content: flex-start;
margin-right: -50px; }
.home-product .product-content .point-tag {
position: relative;
display: inline-block;
top: 0;
font-size: 12px;
line-height: 12px;
padding: 4px 8px;
border-radius: 12px;
height: 12px; }
.home-product .plate-primary {
position: relative;
border-radius: 16px;
padding: 52px 20px 48px 40px;
width: 646px;
height: 350px;
margin-right: 20px;
box-sizing: border-box;
background: #f9f9f9; }
.home-product .plate-primary .plate-content {
display: flex;
flex-direction: column;
height: 220px;
justify-content: space-between; }
.home-product .plate-primary .plate-primary-title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 24px;
line-height: 32px;
font-weight: bold;
margin-top: 12px; }
.home-product .plate-primary .plate-primary-title img {
height: 24px; }
.home-product .plate-primary .sell-point {
opacity: .5;
font-size: 16px;
line-height: 20px;
margin-top: 12px;
margin-bottom: 0; }
.home-product .plate-primary .plate-primary-image {
width: 220px;
height: 220px; }
.home-product .plate-primary .plate-primary-image img {
width: 100%;
height: 100%;
border-radius: 12px; }
.home-product .plate-primary .plate-primary-price {
font-size: 16px;
font-weight: bold; }
.home-product .plate-primary .plate-primary-price .price-from {
color: rgba(0, 0, 0, 0.4); }
.home-product .plate-primary .plate-content.banner-dark .plate-primary-price .price-from {
color: rgba(255, 255, 255, 0.4); }
.home-product .plate-primary .point-svg {
height: 30px;
max-width: 240px;
vertical-align: middle; }
.home-product .plate-normal {
margin-right: 20px;
width: 246px;
padding-top: 24px;
height: 350px;
border-radius: 16px;
overflow: hidden;
background-color: #f9f9f9;
box-sizing: border-box; }
.home-product .plate-normal.home-product-first-picture {
width: 512px;
padding: 0;
font-size: 0;
background: none;
height: 350px; }
.home-product .plate-normal.home-product-first-picture img {
width: 100%;
height: 100%;
border-radius: 16px; }
.home-product .plate-normal .plate-normal-image {
width: 176px;
height: 176px; }
.home-product .plate-normal .plate-normal-image img {
width: 100%;
height: 100%;
border-radius: 10px; }
.home-product .plate-normal .point-tag {
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
line-height: 1;
height: 20px;
padding: 0 8px;
border-radius: 10px;
margin-top: 12px; }
.home-product .plate-normal .plate-content {
width: 100%;
padding: 0 15px;
box-sizing: border-box; }
.home-product .plate-normal .plate-normal-title-box {
display: flex;
align-items: center;
justify-content: center;
height: 32px; }
.home-product .plate-normal .plate-normal-title {
font-size: 16px;
line-height: 20px;
font-weight: bold;
margin-top: 8px;
margin-right: 0;
width: 100%;
white-space: normal; }
.home-product .plate-normal .sell-point {
margin-top: 8px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #666; }
.home-product .plate-normal .plate-normal-price {
margin-top: 12px;
font-size: 16px;
line-height: 22px;
font-weight: bold; }
.home-product .plate-normal .point-svg {
margin-top: 5px;
height: 20px;
max-width: 180px;
vertical-align: middle; }
.home-product .plate-normal .plate-title-img {
max-height: 16px;
max-width: 180px;
vertical-align: middle; }
.home-product .plate-content .tag-product-price {
font-size: 16px;
line-height: 20px;
font-weight: bold; }
.home-product .plate-content .del-price {
font-size: 14px;
line-height: 20px;
color: rgba(0, 0, 0, 0.4) !important; }
.home-product .plate-content.banner-dark .del-price {
color: rgba(255, 255, 255, 0.4) !important; }
.home-product .plate-info {
position: relative;
background-color: #f9f9f9; }
.home-product .plate-info .plate-content {
width: 50%; }
.home-product .plate-info:first-child {
flex-direction: column-reverse;
padding: 37px 43px;
height: 720px;
align-items: flex-start; }
.home-product .plate-info:first-child .plate-content {
height: auto; }
.home-product .plate-info:first-child .plate-content .sell-point {
margin-bottom: 12px; }
.home-product .plate-info:nth-child(3) {
position: absolute;
top: 370px;
right: -20px; }
.home-product .plate-info .plate-title-img {
max-height: 32px;
max-width: 300px;
vertical-align: middle; } }
@media screen and (max-width: 769px) {
.home-product .sec-title-new {
font-size: 0.18rem;
line-height: 0.24rem; }
.home-product .category-selector {
height: .16rem; }
.home-product .plate-primary {
position: relative;
border-radius: .08rem;
padding: .3rem .23rem;
width: 100%;
height: auto;
margin-bottom: .08rem;
background: #f9f9f9; }
.home-product .plate-primary:last-child {
margin-bottom: 0; }
.home-product .plate-primary .plate-content {
display: flex;
flex-direction: column;
height: 1.25rem;
justify-content: space-between; }
.home-product .plate-primary .point-tag {
position: relative;
display: inline-block;
top: 0;
font-size: .1rem;
line-height: .1rem;
height: .1rem;
padding: .04rem .08rem;
border-radius: .09rem; }
.home-product .plate-primary .plate-primary-title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: .16rem;
line-height: .2rem;
font-weight: bold;
margin-top: .05rem; }
.home-product .plate-primary .plate-primary-title img {
height: 0.14rem; }
.home-product .plate-primary .sell-point {
opacity: .5;
font-size: .1rem;
line-height: .12rem;
margin-top: .05rem;
margin-bottom: 0;
height: auto; }
.home-product .plate-primary .plate-primary-image {
width: 1.25rem;
height: 1.25rem; }
.home-product .plate-primary .plate-primary-image img {
width: 100%;
height: 100%;
border-radius: .08rem; }
.home-product .plate-primary .plate-primary-price {
font-size: .12rem;
font-weight: bold;
margin-top: .1rem; }
.home-product .plate-primary .plate-primary-price .price-from {
color: rgba(0, 0, 0, 0.4); }
.home-product .plate-primary .plate-content.banner-dark .plate-primary-price .price-from {
color: rgba(255, 255, 255, 0.4); }
.home-product .plate-normal {
border-radius: .12rem;
height: auto;
margin-bottom: .08rem;
width: 1.68rem;
padding: 0 .08rem .12rem;
box-sizing: border-box;
background-color: #f9f9f9; }
.home-product .plate-normal.home-product-first-picture {
font-size: 0;
background: none;
width: 100%;
padding: 0; }
.home-product .plate-normal.home-product-first-picture img {
width: 100%;
height: 100%;
border-radius: .08rem; }
.home-product .plate-normal .plate-normal-image {
width: 1.2rem;
height: 1.2rem;
margin-top: .16rem; }
.home-product .plate-normal .plate-normal-image img {
width: 100%;
height: 100%;
border-radius: .08rem; }
.home-product .plate-normal .point-tag {
display: flex;
justify-content: center;
align-items: center;
font-size: .1rem;
line-height: 1;
height: .18rem;
padding: 0 .08rem;
border-radius: .09rem;
margin-top: .04rem; }
.home-product .plate-normal .plate-normal-title-box {
display: flex;
align-items: center;
justify-content: center;
height: .2rem; }
.home-product .plate-normal .plate-normal-title1 {
font-size: .14rem;
line-height: .16rem;
font-weight: bold;
margin-top: 0;
margin-right: 0; }
.home-product .plate-normal .plate-normal-title {
font-size: .14rem;
line-height: .2rem;
margin-top: .04rem;
font-weight: 600; }
.home-product .plate-normal .plate-normal-price {
margin-top: .05rem;
font-size: .12rem;
font-weight: bold; }
.home-product .plate-normal .point-svg {
margin-top: .05rem;
height: .2rem;
max-width: 1.4rem;
vertical-align: middle; }
.home-product .plate-normal .plate-title-img {
max-height: .16rem;
max-width: 1.4rem;
vertical-align: middle; }
.home-product .plate-content .tag-product-price {
font-size: .14rem;
line-height: .14rem;
font-weight: bold; }
.home-product .plate-content .del-price {
font-size: .1rem;
line-height: .1rem;
color: rgba(0, 0, 0, 0.4) !important; }
.home-product .plate-content.banner-dark .del-price {
color: rgba(0, 0, 0, 0.4) !important; }
.home-product .plate-info {
position: relative;
background-color: #f9f9f9; }
.home-product .plate-info:first-child {
height: 3.85rem;
flex-direction: column-reverse;
padding: .23rem;
width: 100%;
box-sizing: border-box; }
.home-product .plate-info:first-child .plate-content {
width: 100%;
height: auto; }
.home-product .plate-info .plate-title- {
height: .2rem;
max-width: 1.6rem;
vertical-align: middle; }
.home-product .plate-info .point-svg {
height: .2rem;
max-width: 1.6rem;
vertical-align: middle; } }
.home-background-img_container {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 16px;
overflow: hidden; }
@media screen and (max-width: 769px) {
.home-background-img_container {
border-radius: .08rem; } }
.home-background-img_container img {
width: 100%;
height: 100%; }
</style>
<section class="banner-swiper">
<div class="swiper-container swiper-container-initialized swiper-container-horizontal" id="bannerSwiper">
<div class="swiper-wrapper" style="transform: translate3d(-790px, 0px, 0px); transition-duration: 0ms;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="12" style="width: 790px;">
<div class="banner
banner-product
banner-light
">
<a class="banner-image gtag " href="https://www.realme.com/es/realme-12-plus" target="" data-gtag="home|banner_12" data-gtm="top_banner_click|realme 12+ 5G-img" title="realme 12+ 5G">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20240514/1715654968354324007a33b734e1aa7f193be6e77f916.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20240514/1715654969718503f8095c6f1473792a69952328a8b7f.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20240514/17156549715219c496a6de2d8419ebb09fc40cfa49ad0.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme 12+ 5G">
</span>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="width: 790px;">
<div class="banner
banner-product
banner-dark
">
<a class="banner-image gtag " href="https://www.realme.com/es/realme-gt-7-pro" target="" data-gtag="home|banner_0" data-gtm="top_banner_click|realme GT 7 Pro-img" title="realme GT 7 Pro">
<picture class="pic-lazyloaded"><source srcset="https://image05.realme.net/general/20241126/173261591780107b27c626fb144d09ff3d95c83e8a486.jpg.webp" media="(max-width: 768px)"><source srcset="https://image05.realme.net/general/20241126/173261605068827b2d793b31042a6bd3d7172eface28c.jpg.webp" media="(min-width: 769px) and (max-width: 1920px)"><source srcset="https://image05.realme.net/general/20241126/17326159214764d8a050851414f80ba6cb044bd63b1a7.jpg.webp" media="(min-width: 1921px)"><img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme GT 7 Pro"></picture>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" style="width: 790px;">
<div class="banner
banner-product
banner-light
">
<a class="banner-image gtag " href="https://www.realme.com/es/realme-note60" target="" data-gtag="home|banner_1" data-gtm="top_banner_click|realme Note 60-img" title="realme Note 60">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20241029/1730196450180d7b1dce5657241e8b0f11dab5f714b58.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20241029/173019645110676680692561444149d5a917ec573f9c2.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20241029/1730196453100646b7fc76776464793e1a1b14aff3c6d.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme Note 60">
</span>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide" data-swiper-slide-index="2" style="width: 790px;">
<div class="banner
banner-product
banner-light
">
<a class="banner-image gtag " href="https://www.realme.com/es/more-products/realme-buds-t310" target="" data-gtag="home|banner_2" data-gtm="top_banner_click|realme Buds T310-img" title="realme Buds T310">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20240911/1726035589387cf7ad0c77f7947568004ccc65a02919f.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20240911/17260355918021d0f08d697a54ffbb27750678990542e.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20240911/172603559190081c0c5c105b547af80fd4b8240f3c376.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme Buds T310">
</span>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide" data-swiper-slide-index="3" style="width: 790px;">
<div class="banner
banner-product
banner-dark
">
<a class="banner-image gtag " href="https://www.realme.com/es/more-products/realme-watch-s2" target="" data-gtag="home|banner_3" data-gtm="top_banner_click|realme Watch S2-img" title="realme Watch S2">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20240905/1725522564484e7ca604b800b4010a93f4026b96e30fa.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20240905/1725522567263b19c43c380b94bc2a0e60bef2dbb459d.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20240905/1725522567818df05945951e548668b86159692037d97.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme Watch S2">
</span>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide" data-swiper-slide-index="4" style="width: 790px;">
<div class="banner
banner-product
banner-light
">
<a class="banner-image gtag " href="https://www.realme.com/es/realme-c61" target="" data-gtag="home|banner_4" data-gtm="top_banner_click|realme C61-img" title="realme C61">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20240828/1724833230153b221b4d3c2454c8fbf5096a76f07c535.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20240828/17248332359156d1eee906dff46c880d912b1c705aa92.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20240828/172483323684131fd39a2b48c40a48627af1cdc92881e.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme C61">
</span>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide" data-swiper-slide-index="5" style="width: 790px;">
<div class="banner
banner-product
banner-light
">
<a class="banner-image gtag " href="https://www.realme.com/es/more-products/realme-buds-t110" target="" data-gtag="home|banner_5" data-gtm="top_banner_click|realme Buds T110-img" title="realme Buds T110">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20240812/17234477033233bfa8193d94a44809d6955b2cdbdee63.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20240812/172344770413031c264baaf0a49819527225478ecbcfa.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20240812/1723447705653c97c3b4582784515b437fbf2cd3570ff.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme Buds T110">
</span>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide" data-swiper-slide-index="6" style="width: 790px;">
<div class="banner
banner-product
banner-light
">
<a class="banner-image gtag " href="https://www.realme.com/es/more-products/realme-c63" target="" data-gtag="home|banner_6" data-gtm="top_banner_click|realme C63-img" title="realme C63">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20240719/172138489047817dfcfc6dcbf4670b3fbd9882224bb13.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20240802/1722565073298fe09bb3c471a48fab660cafd7e56cfa9.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20240802/1722565072282ceb00bfe2680493b9796d301b40a3713.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme C63">
</span>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide" data-swiper-slide-index="7" style="width: 790px;">
<div class="banner
banner-product
banner-light
">
<a class="banner-image gtag " href="https://www.realme.com/es/realme-12-512" target="" data-gtag="home|banner_7" data-gtm="top_banner_click|realme 12-img" title="realme 12">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20240717/1721212653334d69f210a7b7246a5ade737428e8753cc.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20240717/1721212655785080a40c7eee449eea90d5d54a5fc1494.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20240717/17212126567105c393c46799040d38a1661a988f342a2.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme 12">
</span>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide" data-swiper-slide-index="8" style="width: 790px;">
<div class="banner
banner-product
banner-light
">
<a class="banner-image gtag " href="https://www.realme.com/es/realme-gt-6" target="" data-gtag="home|banner_8" data-gtm="top_banner_click|realme GT 6-img" title="realme GT 6">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20240620/1718866875213cb3898d5cdcb4bc881a236718a326355.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20240620/171886687696451a6b862483d4df8b52d622566251875.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20240620/1718866881386a1721095457a45ed8d53da3c2080c3fa.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme GT 6">
</span>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide" data-swiper-slide-index="9" style="width: 790px;">
<div class="banner
banner-product
banner-light
">
<a class="banner-image gtag " href="https://www.realme.com/es/realme-gt-6t" target="" data-gtag="home|banner_9" data-gtm="top_banner_click|realme GT 6T-img" title="realme GT 6T">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20240620/1718866852302fd426b00fb4240ba8e56d9cd68a89106.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20240620/171886685832319573994f4b047dbb4a8a107ad236cb7.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20240620/17188668558514dfb78a94986415995963e1b6805e4e2.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme GT 6T">
</span>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide" data-swiper-slide-index="10" style="width: 790px;">
<div class="banner
banner-product
banner-light
">
<a class="banner-image gtag " href="https://www.realme.com/es/more-products/realme-buds-air-6-pro" target="" data-gtag="home|banner_10" data-gtm="top_banner_click|realme Buds Air6 Pro-img" title="realme Buds Air6 Pro">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20240701/171980412117786e7bf290b434b3fa5a7edcf32998537.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20240701/1719804123630ca2bafd43899431b94aec14ca335e570.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20240701/17198041242425d1e64838585402bb143bcb313626491.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme Buds Air6 Pro">
</span>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide" data-swiper-slide-index="11" style="width: 790px;">
<div class="banner
banner-product
banner-light
">
<a class="banner-image gtag " href="https://www.realme.com/es/more-products/realme-buds-air-6" target="" data-gtag="home|banner_11" data-gtm="top_banner_click|realme Buds Air6-img" title="realme Buds Air6">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20240704/1720076563997e2031bb6f1fc4fa88fb59c7335a13ce1.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20240726/1721965253314c4f614e1f3514b1ba788e1a2ab26ab34.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20240726/17219652577070ce6e24487804cb58c62985f126bb282.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme Buds Air6">
</span>
</a>
</div>
</div>
<!-- 1为 swiper -->
<div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="12" style="width: 790px;">
<div class="banner
banner-product
banner-light
">
<a class="banner-image gtag " href="https://www.realme.com/es/realme-12-plus" target="" data-gtag="home|banner_12" data-gtm="top_banner_click|realme 12+ 5G-img" title="realme 12+ 5G">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20240514/1715654968354324007a33b734e1aa7f193be6e77f916.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20240514/1715654969718503f8095c6f1473792a69952328a8b7f.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20240514/17156549715219c496a6de2d8419ebb09fc40cfa49ad0.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme 12+ 5G">
</span>
</a>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 790px;">
<div class="banner
banner-product
banner-dark
">
<a class="banner-image gtag " href="https://www.realme.com/es/realme-gt-7-pro" target="" data-gtag="home|banner_0" data-gtm="top_banner_click|realme GT 7 Pro-img" title="realme GT 7 Pro">
<span class="banner-lazyload">
<source srcset="https://image05.realme.net/general/20241126/173261591780107b27c626fb144d09ff3d95c83e8a486.jpg" media="(max-width: 768px)">
<source srcset="https://image05.realme.net/general/20241126/173261605068827b2d793b31042a6bd3d7172eface28c.jpg" media="(min-width: 769px) and (max-width: 1920px)">
<source srcset="https://image05.realme.net/general/20241126/17326159214764d8a050851414f80ba6cb044bd63b1a7.jpg" media="(min-width: 1921px)">
<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="realme GT 7 Pro">
</span>
</a>
</div>
</div></div>
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 8"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 9"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 10"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 11"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 12"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 13"></span></div>
<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"></div>
<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</section>
<!-- 2为 上下平铺 -->
<!-- 2为 上下平铺 -->
<!-- 2为 上下平铺 -->
<!-- 2为 上下平铺 -->
<!-- 2为 上下平铺 -->
<!-- 2为 上下平铺 -->
<!-- 2为 上下平铺 -->
<!-- 2为 上下平铺 -->
<!-- 2为 上下平铺 -->
<!-- 2为 上下平铺 -->
<!-- 2为 上下平铺 -->
<!-- 2为 上下平铺 -->
<!-- 2为 上下平铺 -->
<style>@charset "UTF-8";
@media screen and (min-width: 769px) {
.banner .banner-container {
pointer-events: none; } }
.banner .banner-container .banner-btn {
/* 亮色 按钮 */
/* 暗色 按钮 */ }
.banner .banner-container .banner-btn .btn-fill-black {
background-color: rgba(0, 0, 0, 0.1);
color: #000; }
.banner .banner-container .banner-btn .btn-fill-black:hover {
background-color: #000;
color: #fff; }
.banner .banner-container .banner-btn .btn-black {
background-color: transparent;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.2); }
.banner .banner-container .banner-btn .btn-black:hover {
background-color: rgba(0, 0, 0, 0.1);
border-color: #000; }
.banner .banner-container .banner-btn .btn-fill-white {
background-color: rgba(255, 255, 255, 0.2);
color: #fff; }
.banner .banner-container .banner-btn .btn-fill-white:hover {
border: 0;
background-color: #fff;
color: #000; }
.banner .banner-container .banner-btn .btn-white {
background-color: transparent;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.2); }
.banner .banner-container .banner-btn .btn-white:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #fff;
color: #fff; }
@media screen and (max-width: 769px) {
.banner-tile {
margin-bottom: .08rem; }
.banner-tile.banner-tile-1 .banner-container {
top: .7rem; } }
@media screen and (min-width: 769px) {
.banner-tile {
margin-bottom: 12px; } }
</style>
<div class="sec-container">
<!-- banner 一定会有，品类导航和商品推荐放在 banner 的判断里 -->
<!---->
<script>"use strict";
var data = {
"display": false,
"list": [{
"display": true,
"title": "Declaración",
"category": null,
"tag": "",
"tagColor": "",
"tagBgColor": "",
"picture": "https://image05.realme.net/general/20230714/1689328510850.png",
"linkType": 1,
"link": "https://www.realme.com/es/newsroom/statement",
"id": "08ad8830-6f86-adfb-91b6-899ba5e0a913"
}, {
"display": false,
"title": "Golden Xmas",
"category": null,
"tag": "",
"tagColor": "",
"tagBgColor": "",
"picture": "https://image05.realme.net/general/20221204/1670172881146.png",
"linkType": 1,
"link": "",
"id": "14omdyfs9f2800000000"
}, {
"display": false,
"title": "Cupón",
"category": null,
"tag": "",
"tagColor": "",
"tagBgColor": "",
"picture": "https://image05.realme.net/general/20220826/1661491588304.png",
"linkType": 1,
"link": "https://buy.realme.com/es/coupons",
"id": "jrgn9z2b5gg0000000"
}, {
"display": true,
"title": "Productos más populares",
"category": null,
"tag": "",
"tagColor": "",
"tagBgColor": "",
"picture": "https://image05.realme.net/general/20220826/1661491602137.png",
"linkType": 1,
"link": "https://www.realme.com/es/realme-gt-neo-3",
"id": "8c5ppzszrz400000000"
}, {
"display": true,
"title": "Nuevo lanzamiento",
"category": null,
"tag": "",
"tagColor": "",
"tagBgColor": "",
"picture": "https://image05.realme.net/general/20220826/1661491613359.png",
"linkType": 1,
"link": "https://www.realme.com/es/realme-buds-air-3-neo",
"id": "yczo7hjh8280000000"
}, {
"display": false,
"title": "Ventas flash semanales",
"category": null,
"tag": "",
"tagColor": "",
"tagBgColor": "",
"picture": "https://image05.realme.net/general/20220826/1661491653676.png",
"linkType": 1,
"link": "https://event.realme.com/eu/es-realme-828",
"id": "hkrkuue2idc0000000"
}, {
"display": true,
"title": "Phone",
"category": null,
"tag": "",
"tagColor": "",
"tagBgColor": "",
"picture": "https://image05.realme.net/general/20220826/1661491668994.png",
"linkType": 1,
"link": "https://www.realme.com/es/realme-phones",
"id": "c5giwqceaq00000000"
}, {
"display": true,
"title": "AIoT",
"category": null,
"tag": "",
"tagColor": "",
"tagBgColor": "",
"picture": "https://image05.realme.net/general/20230412/1681282767900.png",
"linkType": 1,
"link": "https://www.realme.com/es/realme-phones",
"id": "5b502511-7582-87d0-8320-7c7c435726dc"
}, {
"display": true,
"title": "Accesorios",
"category": null,
"tag": "",
"tagColor": "",
"tagBgColor": "",
"picture": "https://image05.realme.net/general/20230412/1681282848880.png",
"linkType": 1,
"link": "https://www.realme.com/es/realme-phones",
"id": "56mdr9798es00000000"
}]
};
var categoryNavCtx = new Vue({
el: '#category-nav',
delimiters: ['${', '}'],
// 修改插值符号 与 art-template 冲突
data: data,
computed: {
displayList: function displayList() {
return this.list.filter(function (item) {
return item.display;
});
}
},
methods: {
getParams: function getParams(item) {
var params = [{
"categoryItemType": [item.categoryIndex],
"categoryType": 2,
"categoryValue": [item.category],
"title": "Category"
}];
return encodeURIComponent(JSON.stringify(params));
}
}
});</script>
<style>@media screen and (min-width: 769px) {
#category-nav {
width: 1312px;
margin: 0 auto; }
#category-nav .category-nav-list {
display: flex;
justify-content: space-around;
padding: 17px 0 0; }
#category-nav .category-nav-list .category-nav-item {
width: 170px;
box-sizing: border-box;
padding: 20px 5px 0;
text-align: center; }
#category-nav .category-nav-list .category-nav-item img {
width: 140px; }
#category-nav .category-nav-list .category-nav-item .category-nav-item_title {
font-size: 14px;
color: #000;
line-height: 20px;
margin-top: 6px; }
#category-nav .category-nav-list .category-nav-item .category-nav-item_tag {
border-style: solid;
border-width: 0;
padding: 0 4px;
font-size: 12px;
line-height: 16px;
border-radius: 4px;
display: inline-block;
margin-top: 6px; } }
@media screen and (max-width: 769px) {
#category-nav {
width: 100%; }
#category-nav .category-nav-list {
display: flex;
flex-wrap: wrap;
padding: .09rem 0 .09rem .08rem; }
#category-nav .category-nav-list .category-nav-item {
width: .86rem;
box-sizing: border-box;
padding: .11rem .1rem;
text-align: center; }
#category-nav .category-nav-list .category-nav-item img {
width: .66rem; }
#category-nav .category-nav-list .category-nav-item .category-nav-item_title {
font-size: .12rem;
color: #000;
line-height: .14rem;
margin-top: .06rem; }
#category-nav .category-nav-list .category-nav-item .category-nav-item_tag {
border-style: solid;
border-width: 0;
padding: 0 .04rem;
font-size: .1rem;
line-height: .16rem;
border-radius: .04rem;
display: inline-block;
margin-top: .05rem; } }
</style>
<!---->
<script>"use strict";
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var data = {
"display": false,
"mallList": []
};
var salesRecommendedCtx = new Vue({
el: '#sales-recommended',
delimiters: ['${', '}'],
// 修改插值符号 与 art-template 冲突
data: _objectSpread(_objectSpread({}, data), {}, {
host: 'https://api.realme.com/es/',
limitOfferList: [],
onlineOfferList: [],
countTime: 0 // 倒计时累计差值
}),
mounted: function mounted() {
this.getLimitOffer();
this.getOnlineOffer();
this.getPrice();
},
computed: {
recommendedList: function recommendedList() {
return this.mallList.filter(function (item) {
return item.display;
}).slice(0, 3);
}
},
methods: {
getLimitOffer: function getLimitOffer() {
var _this = this;
if (!this.display) return;
axios.get(this.host + 'official/website/flash').then(function (resp) {
var res = resp.data;
if (res.code === 200 || res.code === 12002) {
if (res.data && res.data.content && res.data.content.length) {
var content = res.data.content;
_this.limitOfferList = content.slice(0, 3);
_this.startTimer(); // 手动触发加载模块和图片
window.scrollTo(0, window.scrollY + 1);
}
}
});
},
getOnlineOffer: function getOnlineOffer() {
var _this2 = this;
if (!this.display) return;
axios.get(this.host + 'official/website/online-offer').then(function (resp) {
var res = resp.data;
if (res.code === 200 || res.code === 12002) {
if (res.data && res.data.length) {
var _data = res.data;
_this2.onlineOfferList = _data.slice(0, 3); // 手动触发加载模块和图片
window.scrollTo(0, window.scrollY - 1);
}
}
});
},
// 动态获取价格
getPrice: function getPrice() {
var _this3 = this;
var spuIdList = this.mallList.map(function (item) {
return item.spuId;
});
if (!spuIdList || spuIdList.length === 0) return;
axios.post(this.host + 'product/spu/show/price', {
spuIdList: spuIdList
}).then(function (resp) {
var data = resp.data.data;
_this3.mallList.forEach(function (item) {
_this3.$set(item, 'minPrice', data[item.spuId] && data[item.spuId].minPrice);
_this3.$set(item, 'showPrice', data[item.spuId] && data[item.spuId].showPrice);
_this3.$set(item, 'isNewReserve', data[item.spuId] && data[item.spuId].isNewReserve);
_this3.$set(item, 'isPricePendingDisplay', data[item.spuId] && data[item.spuId].isPricePendingDisplay);
_this3.$set(item, 'newBookingShowContent', data[item.spuId] && data[item.spuId].newBookingShowContent);
_this3.$set(item, 'isLinePrice', item.minPrice < item.showPrice);
});
});
},
// 倒计时
startTimer: function startTimer() {
var _this4 = this;
var timer = setInterval(function () {
_this4.countTime++;
}, 1000);
},
// 文案相关
getViewMoreText: function getViewMoreText() {
if ('es' === 'cn') {
return '查看更多';
}
return 'View More';
},
filterMinPrice: function filterMinPrice(p1, p2, isFormat) {
var format = function format(val) {
return val;
};
if (isFormat) {
format = this.formatPrice;
}
if (p1 && p2) {
return format(Math.min(p1, p2));
}
return format(p1 || p2);
},
formatPrice: function formatPrice(price) {
if (!price) return '';
var reg = /it|es|fr|eu/i;
var priceStr = price.toString();
if (reg.test('es')) {
return priceStr.replace(/\b(\.\d)\b/g, '$10').replace(/\./g, ',').replace(/\B(?=(\d{3})+(?!\d))/g, '.');
}
if ('es' === 'id') {
return priceStr.replace(/\B(?=(\d{3})+(?!\d))/g, '.');
}
if ('es' === 'cn') {
return priceStr;
}
return priceStr.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
},
getSku: function getSku(item) {
try {
return "".concat(item.skuColor.split('|')[0], " ").concat(item.skuSpec);
} catch (err) {
return '';
}
}
},
components: {
countdown: {
delimiters: ['$[', ']'],
props: ['endTime', 'countTime'],
data: function data() {
return {
dayText: 'es' === 'cn' ? '天' : 'd',
now: Date.now()
};
},
computed: {
lastTime: function lastTime() {
var time = parseInt((this.endTime - this.now) / 1000) - this.countTime;
if (time > 0) return time;
return 0;
},
days: function days() {
return parseInt(this.lastTime / 60 / 60 / 24);
},
hours: function hours() {
return this.dealtime(parseInt(this.lastTime / 60 / 60 % 24));
},
minutes: function minutes() {
return this.dealtime(parseInt(this.lastTime / 60 % 60));
},
seconds: function seconds() {
return this.dealtime(parseInt(this.lastTime % 60));
}
},
methods: {
dealtime: function dealtime(val) {
val = val + '';
if (val.length === 1) return "0".concat(val);
return val;
}
},
template: "\n <div v-if=\"lastTime > 0\" class=\"list-item_countdown\">\n <block v-if=\"days > 0\"><span class=\"day\">$[days]$[dayText]</span>|</block><span class=\"hour\">$[hours]</span>:<span class=\"minute\">$[minutes]</span>:<span class=\"second\">$[seconds]</span>\n </div>\n "
}
}
});</script>
<style>@media screen and (min-width: 769px) {
#sales-recommended .sec-wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: -20px; }
#sales-recommended .list-container {
background: #f9f9f9;
border-radius: 16px;
position: relative;
width: 646px;
margin-bottom: 20px;
display: flex;
flex-direction: column; }
#sales-recommended .list-container .head {
height: 60px;
color: #000;
font-size: 20px;
line-height: 28px;
padding: 16px 30px;
box-sizing: border-box;
font-weight: bold; }
#sales-recommended .list-container .head .btn-more {
position: absolute;
right: 30px;
top: 20px;
font-size: 14px;
line-height: 20px;
color: #000;
opacity: .5;
padding-right: 13px; }
#sales-recommended .list-container .head .btn-more::after {
content: '';
position: absolute;
right: 4px;
top: 6px;
width: 6px;
height: 6px;
border: 2px solid #000;
border-width: 2px 2px 0 0;
transform: rotate(45deg); }
#sales-recommended .list-container .content {
flex: 1;
display: flex;
justify-content: flex-start;
padding: 10px 0 16px 38px;
border-radius: 16px; }
#sales-recommended .list-container .content .list-item {
width: 176px;
box-sizing: border-box;
padding: 12px 10px 12px;
text-align: center;
font-size: 0;
margin-right: 20px; }
#sales-recommended .list-container .content .list-item .list-item_img {
width: 120px;
border-radius: 12px; }
#sales-recommended .list-container .content .list-item .list-item_title-box {
margin-top: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 32px; }
#sales-recommended .list-container .content .list-item .list-item_title {
font-size: 14px;
line-height: 16px;
color: #000;
font-weight: bold; }
#sales-recommended .list-container .content .list-item .list-item_sku {
font-size: 12px;
color: #666;
margin-top: 6px;
height: 16px;
display: flex;
align-items: center;
justify-content: center; }
#sales-recommended .list-container .content .list-item .list-item_salepoint {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: -4px;
margin-top: 10px; }
#sales-recommended .list-container .content .list-item .list-item_salepoint .list-item_salepoint-item {
padding: 1px 4px;
background: linear-gradient(to right, #fff4db, #fcf8eb);
color: #947434;
font-size: 12px;
line-height: 14px;
margin: 0 2px 4px;
border-radius: 2px; }
#sales-recommended .list-container .content .list-item .list-item_price {
color: #000;
font-size: 14px;
line-height: 20px;
margin-top: 10px;
font-weight: bold; }
#sales-recommended .list-container .content .list-item .list-item_price span {
font-weight: normal;
font-size: 12px;
color: #666;
text-decoration: line-through; }
#sales-recommended .list-container .content .list-item .list-item_countdown {
font-size: 12px;
line-height: 12px;
color: #666;
margin: 11px -10px 0; }
#sales-recommended .list-container .content .list-item .list-item_countdown span {
display: inline-block;
padding: 4px;
border-radius: 4px;
background: #000;
color: #fff;
margin: 0 1px;
width: 22px;
box-sizing: border-box;
text-align: center; }
#sales-recommended .list-container .content .list-item .list-item_countdown span.second {
background: #ffc800;
color: #000; }
#sales-recommended .list-container .content .list-item .list-item_countdown span.day {
width: auto; } }
@media screen and (max-width: 769px) {
#sales-recommended .list-container {
background: #fff;
border-radius: .12rem;
position: relative;
margin-bottom: .08rem; }
#sales-recommended .list-container:last-child {
margin-bottom: 0; }
#sales-recommended .list-container .head {
height: .48rem;
color: #000;
font-size: .16rem;
line-height: .22rem;
padding: .13rem .12rem;
box-sizing: border-box;
font-weight: bold; }
#sales-recommended .list-container .head .btn-more {
position: absolute;
right: .2rem;
top: .17rem;
font-size: .1rem;
line-height: .14rem;
color: #000;
opacity: .5;
padding-right: .08rem; }
#sales-recommended .list-container .head .btn-more::after {
content: '';
position: absolute;
right: 0;
top: 0.03rem;
width: 0.05rem;
height: 0.05rem;
border: 0.02rem solid #000;
border-width: 0.01rem 0.01rem 0 0;
transform: rotate(45deg); }
#sales-recommended .list-container .content {
display: flex;
justify-content: flex-start;
padding: .13rem 0 .14rem .07rem; }
#sales-recommended .list-container .content .list-item {
width: 1.1rem;
box-sizing: border-box;
padding: 0 0 .12rem;
text-align: center;
font-size: 0; }
#sales-recommended .list-container .content .list-item .list-item_img {
width: 1rem;
border-radius: .08rem; }
#sales-recommended .list-container .content .list-item .list-item_title-box {
display: flex;
align-items: center;
justify-content: center;
height: .32rem;
margin-top: .1rem; }
#sales-recommended .list-container .content .list-item .list-item_sku {
font-size: .1rem;
color: #666;
margin-top: .02rem;
height: .14rem;
display: flex;
align-items: center;
justify-content: center; }
#sales-recommended .list-container .content .list-item .list-item_title {
font-size: .14rem;
line-height: .16rem;
color: #000;
font-weight: bold; }
#sales-recommended .list-container .content .list-item .list-item_salepoint {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: -.04rem;
margin-top: .08rem; }
#sales-recommended .list-container .content .list-item .list-item_salepoint .list-item_salepoint-item {
padding: .01rem .04rem;
background: linear-gradient(to right, #fff4db, #fcf8eb);
color: #947434;
font-size: .1rem;
line-height: .14rem;
margin: 0 .02rem .04rem;
border-radius: .02rem; }
#sales-recommended .list-container .content .list-item .list-item_price {
color: #000;
font-size: .12rem;
line-height: .14rem;
margin-top: .1rem;
font-weight: bold; }
#sales-recommended .list-container .content .list-item .list-item_price span {
font-weight: normal;
color: #666;
text-decoration: line-through; }
#sales-recommended .list-container .content .list-item .list-item_countdown {
font-size: .1rem;
line-height: .1rem;
margin: .1rem 0 0; }
#sales-recommended .list-container .content .list-item .list-item_countdown span {
display: inline-block;
padding: .04rem .03rem .03rem;
border-radius: .03rem;
background: #000;
color: #fff;
margin: 0 1px;
width: .18rem;
box-sizing: border-box;
text-align: center; }
#sales-recommended .list-container .content .list-item .list-item_countdown span.second {
background: #ffc800;
color: #000; }
#sales-recommended .list-container .content .list-item .list-item_countdown span.day {
width: auto; } }
</style>
<!-- 这个else if接的是banner那个判断 -->
<!---->
<script>"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var data = {
"component": "Activity",
"name": "Activitty 1660806305694",
"title": "828 Fan Festival",
"list": [{
"Activity": "216fb26ew4yo000000",
"display": true,
"theme": 0,
"type": 0,
"title": "",
"subTitle": "",
"picUrl": "https://image05.realme.net/general/20220818/1660806356525.webp",
"link": "https://event.realme.com/eu/es-realme-828",
"videoUrl": "",
"videoCover": "",
"id": "eghfp0l3lm00000000"
}],
"tittle": "Activitty 2",
"display": false,
"isFullScreen": false
};
var siteCode = "es";
var siteCurrency = "€";
var activityCtx_1 = new Vue({
el: '#activity-1',
delimiters: ['${', '}'],
// 修改插值符号 与 art-template 冲突
data: _objectSpread(_objectSpread({
titleDisplay: false
}, data), {}, {
videoShow: false,
videoUrl: '',
isMobile: window.innerWidth < 769,
siteCode: siteCode,
siteCurrency: siteCurrency
}),
computed: {
displayList: function displayList() {
return this.list.filter(function (item) {
return item.display;
});
}
},
methods: {
handlePlay: function handlePlay(item) {
var _this = this;
return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
return _regeneratorRuntime().wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
_this.videoShow = true;
_this.videoUrl = item.videoUrl;
_context.next = 4;
return _this.$nextTick();
case 4:
_this.$refs.video.play();
case 5:
case "end":
return _context.stop();
}
}
}, _callee);
}))();
},
handleClose: function handleClose() {
this.videoShow = false;
this.videoUrl = '';
},
handleView: function handleView(link) {
console.log(link);
link && window.open(link);
}
}
});</script>
<style>.home-activity {
margin-bottom: 20px; }
.home-activity .text-center {
text-align: center; }
.home-activity .sec-title-new {
font-size: 32px;
line-height: 44px; }
.home-activity .video-player {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 99;
background: rgba(255, 255, 255, 0.9); }
.home-activity .video-player .close {
display: inline-block;
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIGQ9Im04IDggMTQgMTQiLz48cGF0aCBkPSJtMjIgOC0xNCAxNCIvPjwvZz48L3N2Zz4=);
background-size: 100% 100%;
cursor: pointer; }
.home-activity .activity-list .activity-item .text-content {
position: absolute;
top: 48px;
left: 48px;
right: 48px;
cursor: pointer;
text-align: center; }
.home-activity .activity-list .activity-item .text-content.light {
color: #000; }
.home-activity .activity-list .activity-item .text-content.dark {
color: #fff; }
.home-activity .activity-list .activity-item .text-content .tag {
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
font-weight: 500; }
.home-activity .activity-list .activity-item .text-content .title-text {
font-size: 32px;
line-height: 38px;
margin-bottom: 16px;
font-weight: 500; }
.home-activity .activity-list .activity-item .text-content .title {
margin-bottom: 16px; }
.home-activity .activity-list .activity-item .text-content .title img {
width: auto;
height: 36px; }
.home-activity .activity-list .activity-item .text-content .sub-title {
font-size: 20px;
line-height: 28px;
margin-bottom: 14px;
font-weight: 500;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.home-activity .activity-list .activity-item .text-content .sale-point {
font-size: 14px;
line-height: 24px;
font-weight: 400;
margin-bottom: 32px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.home-activity .activity-list .activity-item .text-content .price {
margin-bottom: 6px;
display: flex;
align-items: flex-end;
line-height: 34px;
font-size: 24px;
justify-content: center; }
.home-activity .activity-list .activity-item .text-content .price.light .del-price, .home-activity .activity-list .activity-item .text-content .price.light .price-from {
color: rgba(0, 0, 0, 0.4); }
.home-activity .activity-list .activity-item .text-content .price.dark .del-price, .home-activity .activity-list .activity-item .text-content .price.dark .price-from {
color: rgba(255, 255, 255, 0.4); }
.home-activity .activity-list .activity-item .text-content .price span:first-child {
font-weight: 600;
margin-right: 2px; }
.home-activity .activity-list .activity-item .text-content .price .price-from {
font-weight: 600;
font-size: 14px;
margin-left: 4px;
position: relative;
top: 2px; }
.home-activity .activity-list .activity-item .text-content .price .product-price-container {
font-weight: 600;
font-size: 24px;
display: flex;
align-items: flex-end; }
.home-activity .activity-list .activity-item .text-content .price .product-price-container .del-price {
font-weight: 500;
font-size: 16px;
position: relative;
top: 2px; }
.home-activity .activity-list .activity-item .text-content .btn-group {
display: flex;
align-items: center;
justify-content: center; }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item {
font-size: 14px;
line-height: 20px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
margin: 0 10px; }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item .btn-item-text {
background-position: left bottom;
background-size: 0% 1px;
background-repeat: no-repeat;
transition: background-size 400ms; }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item .btn-item-text.dark {
background-image: linear-gradient(to right, #fff, #fff); }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item .btn-item-text.light {
background-image: linear-gradient(to right, #000, #000); }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item:hover .btn-item-text {
background-size: 100% 1px; }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item .icon {
width: 20px;
height: 20px; }
@media screen and (min-width: 769px) {
.home-activity .activity-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 1312px;
margin: 0 auto -20px; }
.home-activity .activity-list.full-screen {
width: 100%; }
.home-activity .activity-list.full-screen .activity-item {
border-radius: 0; }
.home-activity .activity-list.full-screen .activity-item img, .home-activity .activity-list.full-screen .activity-item video {
width: auto;
height: 480px; } }
@media screen and (min-width: 769px) and (min-width: 1441px) {
.home-activity .activity-list.full-screen .activity-item .activity-desc .activity-title {
font-size: 32px;
line-height: 44px; }
.home-activity .activity-list.full-screen .activity-item .activity-desc .activity-subtitle {
font-size: 20px;
line-height: 28px;
margin-top: .1rem; } }
@media screen and (min-width: 769px) {
.home-activity .activity-list .activity-item {
position: relative;
width: calc(50% - 6px);
color: #000;
margin-bottom: 12px;
border-radius: 16px;
overflow: hidden;
display: flex;
justify-content: center; }
.home-activity .activity-list .activity-item.theme-dark {
color: #fff; }
.home-activity .activity-list .activity-item.single {
width: 100%; }
.home-activity .activity-list .activity-item img, .home-activity .activity-list .activity-item video {
width: 100%; }
.home-activity .activity-list .activity-item .video-box {
position: relative; }
.home-activity .activity-list .activity-item .video-box .poster {
width: 100%; }
.home-activity .activity-list .activity-item .icon-play {
position: absolute;
width: 64px;
height: 64px;
left: 50%;
top: 50%;
margin: -32px 0 0 -32px;
cursor: pointer; }
.home-activity .activity-list .activity-item .activity-desc {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 40px 35px;
pointer-events: none;
text-align: center; }
.home-activity .activity-list .activity-item .activity-desc .activity-title {
font-weight: bold;
font-size: 24px;
line-height: 28px; }
.home-activity .activity-list .activity-item .activity-desc .activity-subtitle {
font-size: 14px;
line-height: 20px;
margin-top: .1rem; }
.home-activity .video-container {
text-align: center;
width: 70%;
max-width: 1200px; }
.home-activity .video-container video {
width: 100%;
border-radius: 16px; }
.home-activity .video-container .close {
width: 30px;
height: 30px;
margin-top: 15px; } }
@media screen and (max-width: 769px) {
.home-activity {
margin-bottom: 0.1rem; }
.home-activity .sec-title-new {
font-size: 0.18rem;
line-height: 0.24rem; }
.home-activity .activity-list {
width: 3.44rem;
margin: 0 auto; }
.home-activity .activity-list.full-screen {
width: 100%; }
.home-activity .activity-list.full-screen .activity-item {
border-radius: 0; }
.home-activity .activity-list .activity-item {
position: relative;
color: #000;
border-radius: .08rem;
margin-bottom: .08rem; }
.home-activity .activity-list .activity-item:last-child {
margin-bottom: 0; }
.home-activity .activity-list .activity-item.theme-dark {
color: #fff; }
.home-activity .activity-list .activity-item.single {
width: 100%; }
.home-activity .activity-list .activity-item img, .home-activity .activity-list .activity-item video {
width: 100%; }
.home-activity .activity-list .activity-item .video-box {
position: relative; }
.home-activity .activity-list .activity-item .video-box .poster {
width: 100%; }
.home-activity .activity-list .activity-item .icon-play {
position: absolute;
width: .36rem;
height: .36rem;
left: 50%;
top: 50%;
margin: -.18rem 0 0 -.18rem;
cursor: pointer; }
.home-activity .activity-list .activity-item .activity-desc {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: .2rem .32rem;
pointer-events: none;
text-align: center; }
.home-activity .activity-list .activity-item .activity-desc .activity-title {
font-weight: bold;
font-size: .14rem;
line-height: .16rem; }
.home-activity .activity-list .activity-item .activity-desc .activity-subtitle {
font-size: .1rem;
line-height: .14rem;
margin-top: .05rem; }
.home-activity .activity-list .activity-item .text-content {
top: 0.2rem;
left: 0.24rem;
right: 0.24rem;
transform: translateY(0);
height: calc(100% - 0.2rem);
display: flex;
flex-direction: column; }
.home-activity .activity-list .activity-item .text-content .tag {
margin-bottom: 0.06rem;
font-weight: 500;
font-size: 0.1rem;
line-height: 0.16rem; }
.home-activity .activity-list .activity-item .text-content .title {
margin-bottom: 0.06rem; }
.home-activity .activity-list .activity-item .text-content .title img {
height: 0.2rem; }
.home-activity .activity-list .activity-item .text-content .title-text {
font-size: .2rem;
line-height: .24rem;
margin-bottom: .06rem;
font-weight: 600; }
.home-activity .activity-list .activity-item .text-content .sub-title {
margin-bottom: 0.06rem;
font-weight: 600;
font-size: 0.14rem;
line-height: 0.2rem; }
.home-activity .activity-list .activity-item .text-content .sale-point {
font-weight: normal;
margin-bottom: .32rem;
font-size: 0.12rem;
line-height: 0.16rem; }
.home-activity .activity-list .activity-item .text-content .price {
line-height: 0.24rem;
font-weight: 600;
font-size: 0.16rem; }
.home-activity .activity-list .activity-item .text-content .price .price-from {
font-weight: 500;
font-size: 0.1rem;
margin-left: 0.04rem; }
.home-activity .activity-list .activity-item .text-content .price .product-price-container {
font-weight: 600;
font-size: 0.16rem; }
.home-activity .activity-list .activity-item .text-content .price .product-price-container .del-price {
font-weight: 500;
font-size: 0.12rem; }
.home-activity .activity-list .activity-item .text-content .btn-group {
margin-bottom: 0.2rem; }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item {
font-size: 0.12rem;
line-height: 0.16rem;
font-weight: 500;
margin: 0 0.05rem; }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item .icon {
width: .16rem;
height: .16rem; }
.home-activity .video-container {
text-align: center;
width: 100%; }
.home-activity .video-container video {
width: 100%; }
.home-activity .video-container .close {
width: 30px;
height: 30px;
margin-top: 15px; } }
</style>
<section class="sec sec-smartlife home-product">
<div class="sec-wrapper">
<div class="sec-header no-tabs ">
<h2 class="sec-title sec-title-new">Best sellers</h2>
<div class="category-selector">
<ul class="sec-switch">
</ul>
</div>
</div>
<!-- id 赋值只有大于1个菜单才给，给上了就能用swiper切换 -->
<div class="swiper-container" id="" data-name="#Best_sellers">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="product-content">
<!-- 左一右二 -->
<a class="plate-info plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme 12 Pro Series" href=" https://www.realme.com/es/realme-12-pro-plus " target="_blank" data-gtm="product_click|Best sellers-realme 12 Pro Series">
<div class="home-background-img_container">
<img class="img-hover" data-src="https://image05.realme.net/general/20240801/172250305949791dea6ae343b4ae7b17da5d9eae9767e.png" src="https://image05.realme.net/general/20240801/172250305949791dea6ae343b4ae7b17da5d9eae9767e.png.webp">
</div>
<div class="plate-content
banner-dark
">
<div>
<h3 class="plate-primary-title">
realme 12 Pro Series
</h3>
<p class="sell-point">Be a Portrait Master | First Flagship Periscope in Segment</p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
</div>
</a>
<!-- 左一右二 -->
<a class="plate-info plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme Note 50" href=" https://www.realme.com/es/realme-note50 " target="_blank" data-gtm="product_click|Best sellers-realme Note 50">
<div class="home-background-img_container">
<img class="img-hover" data-src="https://image05.realme.net/general/20240801/17225030609551c0717ec4cf3412abbb54c71b877540d.png" src="https://image05.realme.net/general/20240801/17225030609551c0717ec4cf3412abbb54c71b877540d.png.webp">
</div>
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme Note 50
</h3>
<p class="sell-point">5000mAh Massive Charge | 13MP AI Camera | 6.74'' 90Hz Vivid Display</p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
</div>
</a>
<!-- 左一右二 -->
<a class="plate-info plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme C67" href=" https://www.realme.com/es/realme-c67 " target="_blank" data-gtm="product_click|Best sellers-realme C67">
<div class="home-background-img_container">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240801/1722503066080ffd3783a5d4242c586499d48a7b7a345.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
<div class="plate-content
banner-dark
">
<div>
<h3 class="plate-primary-title">
realme C67
</h3>
<p class="sell-point">108MP 3X In-sensor Zoom Camera | Snapdragon 685 6nm Chipset</p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sec sec-smartlife home-product">
<div class="sec-wrapper">
<div class="sec-header no-tabs ">
<h2 class="sec-title sec-title-new">Smartphones recomendados</h2>
<div class="category-selector">
<ul class="sec-switch">
</ul>
</div>
</div>
<!-- id 赋值只有大于1个菜单才给，给上了就能用swiper切换 -->
<div class="swiper-container" id="" data-name="#Smartphones_recomendados">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="product-content">
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme GT 7 Pro" href=" https://www.realme.com/es/realme-gt-7-pro " target="_blank" data-gtm="product_click|Smartphones recomendados-realme GT 7 Pro">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme GT 7 Pro
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20241118/1731918063889e1cdb6c5a1034df7815f9c087c77c35b.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme Note 60" href=" https://www.realme.com/es/realme-note60 " target="_blank" data-gtm="product_click|Smartphones recomendados-realme Note 60">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme Note 60
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20241029/1730196473001dc89ec227dc54bf4b49d198c5325f2de.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme C61" href=" https://www.realme.com/es/realme-c61 " target="_blank" data-gtm="product_click|Smartphones recomendados-realme C61">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme C61
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240828/17248332598465be621703a814c358160d4a43c033f00.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme C63" href=" https://www.realme.com/es/more-products/realme-c63 " target="_blank" data-gtm="product_click|Smartphones recomendados-realme C63">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme C63
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240719/1721384925156d748d39069dc4410ae8bbde9ef5dd746.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme 12" href=" https://www.realme.com/es/realme-12-512 " target="_blank" data-gtm="product_click|Smartphones recomendados-realme 12">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme 12
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240717/1721212819220bf6baa30ccf34b84855ba1f4ccc176f7.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme GT 6" href=" https://www.realme.com/es/realme-gt-6 " target="_blank" data-gtm="product_click|Smartphones recomendados-realme GT 6">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme GT 6
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240620/17188670630245d98d360b95344acac22703dbc437d3a.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme GT 6T" href=" https://www.realme.com/es/realme-gt-6t " target="_blank" data-gtm="product_click|Smartphones recomendados-realme GT 6T">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme GT 6T
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240620/1718867330539885f840f5aab4733aa5f06d564422c28.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme 12x 5G" href=" https://www.realme.com/es/realme-12x " target="_blank" data-gtm="product_click|Smartphones recomendados-realme 12x 5G">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme 12x 5G
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240516/1715851437241e42761fd6eae4cf3b4ef56ef4875874d.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme 12 5G" href=" https://www.realme.com/es/realme-12-5g " target="_blank" data-gtm="product_click|Smartphones recomendados-realme 12 5G">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme 12 5G
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240514/17156553800566983daf12d9d419ab69a3ba2be7a6e54.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme 12+ 5G" href=" https://www.realme.com/es/realme-12-plus " target="_blank" data-gtm="product_click|Smartphones recomendados-realme 12+ 5G">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme 12+ 5G
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240514/1715655367336c807d7428c6a4af7877e0df428185bde.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme C65" href=" https://www.realme.com/es/realme-c65 " target="_blank" data-gtm="product_click|Smartphones recomendados-realme C65">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme C65
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240508/17151576201425bd0e342c8184551a0657c3142b666f2.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme Note 50" href=" https://www.realme.com/es/realme-note50 " target="_blank" data-gtm="product_click|Smartphones recomendados-realme Note 50">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme Note 50
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240315/17104919027885a5f3f23b0724a64a0db35883ba8aa18.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme 12 Pro+ 5G" href=" https://www.realme.com/es/realme-12-pro-plus " target="_blank" data-gtm="product_click|Smartphones recomendados-realme 12 Pro+ 5G">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme 12 Pro+ 5G
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240306/1709695747712d2540dd803cc48318273c6fd9eb8d109.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme 12 Pro 5G" href=" https://www.realme.com/es/realme-12-pro " target="_blank" data-gtm="product_click|Smartphones recomendados-realme 12 Pro 5G">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme 12 Pro 5G
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240306/1709695741698e3926f8d3dac4575b3d8103ee6781524.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
<!-- 多卡片商品 -->
<a class="plate-primary plate-img-hover home-background-img gtag fade-in" data-gtag="home|product_realme C67" href=" https://www.realme.com/es/realme-c67 " target="_blank" data-gtm="product_click|Smartphones recomendados-realme C67">
<div class="plate-content
banner-light
">
<div>
<h3 class="plate-primary-title">
realme C67
</h3>
<p class="sell-point"></p>
</div>
<div>
<div class="plate-primary-price">
</div>
</div>
</div>
<div class="plate-primary-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240207/1707273344555b3481a7a82354158980f155dc5e21fff.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sec sec-smartlife home-product">
<div class="sec-wrapper">
<div class="sec-header no-tabs ">
<h2 class="sec-title sec-title-new">Accesorios inteligentes</h2>
<div class="category-selector">
<ul class="sec-switch">
</ul>
</div>
</div>
<!-- id 赋值只有大于1个菜单才给，给上了就能用swiper切换 -->
<div class="swiper-container" id="" data-name="#Accesorios_inteligentes">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="product-content">
<a class="plate-normal plate-img-hover home-product-first-picture gtag fade-in" href="https://www.realme.com/es/realme-buds-air-3" data-gtag="home|product_picture" data-gtm="product_click|Accesorios inteligentes-picture" target="_blank">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20231031/16987348243333aaa05eb725848f387f2711e20611e2a.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</a>
<!-- 单图带商品 -->
<a class="plate-normal plate-img-hover home-background-img gtag fade-in" href=" https://www.realme.com/es/more-products/realme-buds-t310 " target="_blank" data-gtag="home|product_realme Buds T310" data-gtm="product_click|Accesorios inteligentes-realme Buds T310">
<div class="plate-normal-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240911/172603572554020ee5012029746929a98046366dc9ddd.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
<div class="plate-content
banner-light
">
<div class="plate-normal-title-box">
<h3 class="plate-normal-title ellipsis-2">
realme Buds T310
</h3>
</div>
<p class="sell-point"></p>
<div class="plate-normal-price">
</div>
</div>
</a>
<!-- 单图带商品 -->
<a class="plate-normal plate-img-hover home-background-img gtag fade-in" href=" https://www.realme.com/es/more-products/realme-watch-s2 " target="_blank" data-gtag="home|product_realme Watch S2" data-gtm="product_click|Accesorios inteligentes-realme Watch S2">
<div class="plate-normal-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240905/1725522696973e01c64054e5b459699f1ee4f0defabcc.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
<div class="plate-content
banner-light
">
<div class="plate-normal-title-box">
<h3 class="plate-normal-title ellipsis-2">
realme Watch S2
</h3>
</div>
<p class="sell-point"></p>
<div class="plate-normal-price">
</div>
</div>
</a>
<!-- 单图带商品 -->
<a class="plate-normal plate-img-hover home-background-img gtag fade-in" href=" https://www.realme.com/es/more-products/realme-buds-t110 " target="_blank" data-gtag="home|product_realme Buds T110" data-gtm="product_click|Accesorios inteligentes-realme Buds T110">
<div class="plate-normal-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240812/1723447768847deac6572957c443ab5660febfdabc86b.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
<div class="plate-content
banner-light
">
<div class="plate-normal-title-box">
<h3 class="plate-normal-title ellipsis-2">
realme Buds T110
</h3>
</div>
<p class="sell-point"></p>
<div class="plate-normal-price">
</div>
</div>
</a>
<!-- 单图带商品 -->
<a class="plate-normal plate-img-hover home-background-img gtag fade-in" href=" https://www.realme.com/es/more-products/realme-buds-air-6 " target="_blank" data-gtag="home|product_realme Buds Air6" data-gtm="product_click|Accesorios inteligentes-realme Buds Air6">
<div class="plate-normal-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240704/1720076616893c5dd82fb37ce4b0caa4981248b09585d.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
<div class="plate-content
banner-light
">
<div class="plate-normal-title-box">
<h3 class="plate-normal-title ellipsis-2">
realme Buds Air6
</h3>
</div>
<p class="sell-point"></p>
<div class="plate-normal-price">
</div>
</div>
</a>
<!-- 单图带商品 -->
<a class="plate-normal plate-img-hover home-background-img gtag fade-in" href=" https://www.realme.com/es/more-products/realme-buds-air-6-pro " target="_blank" data-gtag="home|product_realme Buds Air6 Pro" data-gtm="product_click|Accesorios inteligentes-realme Buds Air6 Pro">
<div class="plate-normal-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20240701/1719804180079804f98376f4f48278b2d678a2c03b02b.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
<div class="plate-content
banner-light
">
<div class="plate-normal-title-box">
<h3 class="plate-normal-title ellipsis-2">
realme Buds Air6 Pro
</h3>
</div>
<p class="sell-point"></p>
<div class="plate-normal-price">
</div>
</div>
</a>
<!-- 单图带商品 -->
<a class="plate-normal plate-img-hover home-background-img gtag fade-in" href=" https://www.realme.com/es/realme-buds-air-5-pro " target="_blank" data-gtag="home|product_realme Buds Air 5 Pro" data-gtm="product_click|Accesorios inteligentes-realme Buds Air 5 Pro">
<div class="plate-normal-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20231031/16987354081852f5e336f71024e3a8cd0ebc8cf508f7c.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
<div class="plate-content
banner-light
">
<div class="plate-normal-title-box">
<h3 class="plate-normal-title ellipsis-2">
realme Buds Air 5 Pro
</h3>
</div>
<p class="sell-point"></p>
<div class="plate-normal-price">
<span class="font-bold">66,11€</span>
</div>
</div>
</a>
<!-- 单图带商品 -->
<a class="plate-normal plate-img-hover home-background-img gtag fade-in" href=" https://www.realme.com/es/realme-buds-air-3-neo " target="_blank" data-gtag="home|product_realme Buds Air 3 Neo" data-gtm="product_click|Accesorios inteligentes-realme Buds Air 3 Neo">
<div class="plate-normal-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20231031/1698735322217e8d2c0ced9664ef59e82f75560ae4b6e.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
<div class="plate-content
banner-light
">
<div class="plate-normal-title-box">
<h3 class="plate-normal-title ellipsis-2">
realme Buds Air 3 Neo
</h3>
</div>
<p class="sell-point"></p>
<div class="plate-normal-price">
<span class="font-bold">39,99€</span>
</div>
</div>
</a>
<!-- 单图带商品 -->
<a class="plate-normal plate-img-hover home-background-img gtag fade-in" href=" https://www.realme.com/es/realme-watch-3 " target="_blank" data-gtag="home|product_realme Watch 3" data-gtm="product_click|Accesorios inteligentes-realme Watch 3">
<div class="plate-normal-image">
<img class="pic-lazyload img-hover" data-src="https://image05.realme.net/general/20231031/1698735246227e82d83c126f94247884d45e6f1243a7b.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div>
<div class="plate-content
banner-light
">
<div class="plate-normal-title-box">
<h3 class="plate-normal-title ellipsis-2">
realme Watch 3
</h3>
</div>
<p class="sell-point"></p>
<div class="plate-normal-price">
<span class="font-bold">69,99€</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!---->
<script>"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var data = {
"component": "Activity",
"name": "Activitty 1603280582595",
"title": "Descubre más",
"list": [{
"display": true,
"theme": 1,
"title": "realme narzo 50i Prime",
"subTitle": "Estilo increíble",
"picUrl": "https://image05.realme.net/general/20220712/1657610630697.jpg",
"link": "https://www.realme.com/es/realme-narzo-50i-prime",
"type": 0,
"id": "5cr8zfmzb1800000000"
}, {
"display": false,
"theme": 1,
"title": "realme 9 5G",
"subTitle": "5G. A la velocidad de la luz",
"picUrl": "https://image05.realme.net/general/20220512/1652355856147.jpg",
"link": "https://www.realme.com/es/realme-9-5g",
"type": 0,
"id": "iwlgqnmwhv40000000"
}, {
"display": false,
"theme": 0,
"title": "GT Master Edition",
"subTitle": "Procesador Qualcomm Snapdragon 778G 5G|Pantalla Super ",
"picUrl": "https://image01.realme.net/general/20210907/1630987255324.jpg",
"link": "https://buy.realme.com/es/goods/181",
"type": 0,
"id": "n2sm01m8ou80000000"
}, {
"display": false,
"theme": 0,
"title": "Ofertas de verano",
"subTitle": "",
"picUrl": "https://image05.realme.net/general/20210719/1626722626538.jpg",
"link": "https://event.realme.com/eu/es-summer-sales/",
"type": 0,
"id": "uyxo66fqab40000000"
}, {
"display": false,
"theme": 0,
"title": "",
"subTitle": "",
"picUrl": "https://image05.realme.net/general/20210712/1626083992780.jpg",
"link": "https://buy.realme.com/es/goods/171",
"type": 0,
"id": "3v0119zuqey0000000"
}, {
"display": false,
"theme": 1,
"title": "Viernes de Ofertas Flash",
"subTitle": "",
"picUrl": "https://image05.realme.net/general/20210618/1624004467229.jpg",
"link": "https://www.realme.com/es/realme-phones",
"type": 0,
"id": "hw7a26t9c7k0000000"
}, {
"display": false,
"theme": 1,
"title": "Desafío de Velocidad realme 8 | 8 5G",
"subTitle": "12 de mayo Evento livestreaming ",
"picUrl": "https://image05.realme.net/general/20210502/1619943241253.jpg",
"link": "https://event.realme.com/eu/es-realme-8-series-launch",
"type": 0,
"id": "2l7bw54saja00000000"
}, {
"display": false,
"theme": 1,
"title": "REALMEOW",
"subTitle": "",
"picUrl": "https://image05.realme.net/general/20201215/1608020100298.jpg",
"link": "https://www.realme.com/es/realmeow",
"type": 0,
"id": "ubflwfy34rk0000000"
}, {
"display": true,
"theme": 0,
"title": "5% de descuento en todos los pedidos",
"subTitle": "",
"picUrl": "https://image05.realme.net/general/20201022/1603361053755.jpg",
"link": "https://www.realme.com/es/student-discount",
"type": 0,
"id": "1l57pvvcj2ww0000000"
}, {
"display": false,
"theme": 0,
"title": "#Dare to be realme",
"subTitle": "Solo para valientes, para los que se atreven a ser realme.",
"picUrl": "https://image05.realme.net/general/20201022/1603361057916.jpg",
"link": "https://www.realme.com/es/fans-festival",
"type": 0,
"id": "o8naqaqbkow0000000"
}],
"tittle": "Activitty 1",
"display": false,
"isFullScreen": false,
"titleDisplay": false
};
var siteCode = "es";
var siteCurrency = "€";
var activityCtx_5 = new Vue({
el: '#activity-5',
delimiters: ['${', '}'],
// 修改插值符号 与 art-template 冲突
data: _objectSpread(_objectSpread({
titleDisplay: false
}, data), {}, {
videoShow: false,
videoUrl: '',
isMobile: window.innerWidth < 769,
siteCode: siteCode,
siteCurrency: siteCurrency
}),
computed: {
displayList: function displayList() {
return this.list.filter(function (item) {
return item.display;
});
}
},
methods: {
handlePlay: function handlePlay(item) {
var _this = this;
return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
return _regeneratorRuntime().wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
_this.videoShow = true;
_this.videoUrl = item.videoUrl;
_context.next = 4;
return _this.$nextTick();
case 4:
_this.$refs.video.play();
case 5:
case "end":
return _context.stop();
}
}
}, _callee);
}))();
},
handleClose: function handleClose() {
this.videoShow = false;
this.videoUrl = '';
},
handleView: function handleView(link) {
console.log(link);
link && window.open(link);
}
}
});</script>
<style>.home-activity {
margin-bottom: 20px; }
.home-activity .text-center {
text-align: center; }
.home-activity .sec-title-new {
font-size: 32px;
line-height: 44px; }
.home-activity .video-player {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 99;
background: rgba(255, 255, 255, 0.9); }
.home-activity .video-player .close {
display: inline-block;
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIGQ9Im04IDggMTQgMTQiLz48cGF0aCBkPSJtMjIgOC0xNCAxNCIvPjwvZz48L3N2Zz4=);
background-size: 100% 100%;
cursor: pointer; }
.home-activity .activity-list .activity-item .text-content {
position: absolute;
top: 48px;
left: 48px;
right: 48px;
cursor: pointer;
text-align: center; }
.home-activity .activity-list .activity-item .text-content.light {
color: #000; }
.home-activity .activity-list .activity-item .text-content.dark {
color: #fff; }
.home-activity .activity-list .activity-item .text-content .tag {
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
font-weight: 500; }
.home-activity .activity-list .activity-item .text-content .title-text {
font-size: 32px;
line-height: 38px;
margin-bottom: 16px;
font-weight: 500; }
.home-activity .activity-list .activity-item .text-content .title {
margin-bottom: 16px; }
.home-activity .activity-list .activity-item .text-content .title img {
width: auto;
height: 36px; }
.home-activity .activity-list .activity-item .text-content .sub-title {
font-size: 20px;
line-height: 28px;
margin-bottom: 14px;
font-weight: 500;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.home-activity .activity-list .activity-item .text-content .sale-point {
font-size: 14px;
line-height: 24px;
font-weight: 400;
margin-bottom: 32px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.home-activity .activity-list .activity-item .text-content .price {
margin-bottom: 6px;
display: flex;
align-items: flex-end;
line-height: 34px;
font-size: 24px;
justify-content: center; }
.home-activity .activity-list .activity-item .text-content .price.light .del-price, .home-activity .activity-list .activity-item .text-content .price.light .price-from {
color: rgba(0, 0, 0, 0.4); }
.home-activity .activity-list .activity-item .text-content .price.dark .del-price, .home-activity .activity-list .activity-item .text-content .price.dark .price-from {
color: rgba(255, 255, 255, 0.4); }
.home-activity .activity-list .activity-item .text-content .price span:first-child {
font-weight: 600;
margin-right: 2px; }
.home-activity .activity-list .activity-item .text-content .price .price-from {
font-weight: 600;
font-size: 14px;
margin-left: 4px;
position: relative;
top: 2px; }
.home-activity .activity-list .activity-item .text-content .price .product-price-container {
font-weight: 600;
font-size: 24px;
display: flex;
align-items: flex-end; }
.home-activity .activity-list .activity-item .text-content .price .product-price-container .del-price {
font-weight: 500;
font-size: 16px;
position: relative;
top: 2px; }
.home-activity .activity-list .activity-item .text-content .btn-group {
display: flex;
align-items: center;
justify-content: center; }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item {
font-size: 14px;
line-height: 20px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
margin: 0 10px; }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item .btn-item-text {
background-position: left bottom;
background-size: 0% 1px;
background-repeat: no-repeat;
transition: background-size 400ms; }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item .btn-item-text.dark {
background-image: linear-gradient(to right, #fff, #fff); }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item .btn-item-text.light {
background-image: linear-gradient(to right, #000, #000); }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item:hover .btn-item-text {
background-size: 100% 1px; }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item .icon {
width: 20px;
height: 20px; }
@media screen and (min-width: 769px) {
.home-activity .activity-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 1312px;
margin: 0 auto -20px; }
.home-activity .activity-list.full-screen {
width: 100%; }
.home-activity .activity-list.full-screen .activity-item {
border-radius: 0; }
.home-activity .activity-list.full-screen .activity-item img, .home-activity .activity-list.full-screen .activity-item video {
width: auto;
height: 480px; } }
@media screen and (min-width: 769px) and (min-width: 1441px) {
.home-activity .activity-list.full-screen .activity-item .activity-desc .activity-title {
font-size: 32px;
line-height: 44px; }
.home-activity .activity-list.full-screen .activity-item .activity-desc .activity-subtitle {
font-size: 20px;
line-height: 28px;
margin-top: .1rem; } }
@media screen and (min-width: 769px) {
.home-activity .activity-list .activity-item {
position: relative;
width: calc(50% - 6px);
color: #000;
margin-bottom: 12px;
border-radius: 16px;
overflow: hidden;
display: flex;
justify-content: center; }
.home-activity .activity-list .activity-item.theme-dark {
color: #fff; }
.home-activity .activity-list .activity-item.single {
width: 100%; }
.home-activity .activity-list .activity-item img, .home-activity .activity-list .activity-item video {
width: 100%; }
.home-activity .activity-list .activity-item .video-box {
position: relative; }
.home-activity .activity-list .activity-item .video-box .poster {
width: 100%; }
.home-activity .activity-list .activity-item .icon-play {
position: absolute;
width: 64px;
height: 64px;
left: 50%;
top: 50%;
margin: -32px 0 0 -32px;
cursor: pointer; }
.home-activity .activity-list .activity-item .activity-desc {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 40px 35px;
pointer-events: none;
text-align: center; }
.home-activity .activity-list .activity-item .activity-desc .activity-title {
font-weight: bold;
font-size: 24px;
line-height: 28px; }
.home-activity .activity-list .activity-item .activity-desc .activity-subtitle {
font-size: 14px;
line-height: 20px;
margin-top: .1rem; }
.home-activity .video-container {
text-align: center;
width: 70%;
max-width: 1200px; }
.home-activity .video-container video {
width: 100%;
border-radius: 16px; }
.home-activity .video-container .close {
width: 30px;
height: 30px;
margin-top: 15px; } }
@media screen and (max-width: 769px) {
.home-activity {
margin-bottom: 0.1rem; }
.home-activity .sec-title-new {
font-size: 0.18rem;
line-height: 0.24rem; }
.home-activity .activity-list {
width: 3.44rem;
margin: 0 auto; }
.home-activity .activity-list.full-screen {
width: 100%; }
.home-activity .activity-list.full-screen .activity-item {
border-radius: 0; }
.home-activity .activity-list .activity-item {
position: relative;
color: #000;
border-radius: .08rem;
margin-bottom: .08rem; }
.home-activity .activity-list .activity-item:last-child {
margin-bottom: 0; }
.home-activity .activity-list .activity-item.theme-dark {
color: #fff; }
.home-activity .activity-list .activity-item.single {
width: 100%; }
.home-activity .activity-list .activity-item img, .home-activity .activity-list .activity-item video {
width: 100%; }
.home-activity .activity-list .activity-item .video-box {
position: relative; }
.home-activity .activity-list .activity-item .video-box .poster {
width: 100%; }
.home-activity .activity-list .activity-item .icon-play {
position: absolute;
width: .36rem;
height: .36rem;
left: 50%;
top: 50%;
margin: -.18rem 0 0 -.18rem;
cursor: pointer; }
.home-activity .activity-list .activity-item .activity-desc {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: .2rem .32rem;
pointer-events: none;
text-align: center; }
.home-activity .activity-list .activity-item .activity-desc .activity-title {
font-weight: bold;
font-size: .14rem;
line-height: .16rem; }
.home-activity .activity-list .activity-item .activity-desc .activity-subtitle {
font-size: .1rem;
line-height: .14rem;
margin-top: .05rem; }
.home-activity .activity-list .activity-item .text-content {
top: 0.2rem;
left: 0.24rem;
right: 0.24rem;
transform: translateY(0);
height: calc(100% - 0.2rem);
display: flex;
flex-direction: column; }
.home-activity .activity-list .activity-item .text-content .tag {
margin-bottom: 0.06rem;
font-weight: 500;
font-size: 0.1rem;
line-height: 0.16rem; }
.home-activity .activity-list .activity-item .text-content .title {
margin-bottom: 0.06rem; }
.home-activity .activity-list .activity-item .text-content .title img {
height: 0.2rem; }
.home-activity .activity-list .activity-item .text-content .title-text {
font-size: .2rem;
line-height: .24rem;
margin-bottom: .06rem;
font-weight: 600; }
.home-activity .activity-list .activity-item .text-content .sub-title {
margin-bottom: 0.06rem;
font-weight: 600;
font-size: 0.14rem;
line-height: 0.2rem; }
.home-activity .activity-list .activity-item .text-content .sale-point {
font-weight: normal;
margin-bottom: .32rem;
font-size: 0.12rem;
line-height: 0.16rem; }
.home-activity .activity-list .activity-item .text-content .price {
line-height: 0.24rem;
font-weight: 600;
font-size: 0.16rem; }
.home-activity .activity-list .activity-item .text-content .price .price-from {
font-weight: 500;
font-size: 0.1rem;
margin-left: 0.04rem; }
.home-activity .activity-list .activity-item .text-content .price .product-price-container {
font-weight: 600;
font-size: 0.16rem; }
.home-activity .activity-list .activity-item .text-content .price .product-price-container .del-price {
font-weight: 500;
font-size: 0.12rem; }
.home-activity .activity-list .activity-item .text-content .btn-group {
margin-bottom: 0.2rem; }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item {
font-size: 0.12rem;
line-height: 0.16rem;
font-weight: 500;
margin: 0 0.05rem; }
.home-activity .activity-list .activity-item .text-content .btn-group .btn-item .icon {
width: .16rem;
height: .16rem; }
.home-activity .video-container {
text-align: center;
width: 100%; }
.home-activity .video-container video {
width: 100%; }
.home-activity .video-container .close {
width: 30px;
height: 30px;
margin-top: 15px; } }
</style>
<!---->
<script>"use strict";
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var data = {
"title": "Dare to leap",
"btn_title": "Descubre más",
"display": false,
"pc": [{
"theme": 0,
"name": "Brand"
}, {
"theme": 0,
"name": "Service"
}],
"mobile": [{
"theme": 0,
"name": "Brand"
}, {
"theme": 0,
"name": "Service"
}]
};
var brandCtx = new Vue({
el: '#brand',
delimiters: ['${', '}'],
// 修改插值符号 与 art-template 冲突
data: _objectSpread({
titleAlign: 0
}, data),
computed: {
isMobile: function isMobile() {
return window.innerWidth < 769;
},
brandObj: function brandObj() {
return this.isMobile ? this.mobile[0] : this.pc[0];
},
serviceObj: function serviceObj() {
return this.isMobile ? this.mobile[1] : this.pc[1];
}
}
});</script>
<style>.home-brand .sec-title-new {
font-size: 32px;
line-height: 44px; }
.home-brand .text-center {
justify-content: center; }
@media screen and (min-width: 769px) {
.home-brand .brand-list {
display: flex;
justify-content: space-between; }
.home-brand .brand-item {
position: relative;
height: 414px;
border-radius: 16px;
overflow: hidden;
font-size: 0; }
.home-brand .brand-item .brand-img {
width: 100%;
height: 100%; }
.home-brand .brand-item .brand-content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 42px;
box-sizing: border-box; }
.home-brand .brand-item .brand-content .brand-title {
font-size: 36px;
line-height: 50px;
font-weight: bold; }
.home-brand .brand-item .brand-content .brand-desc {
font-size: 14px;
line-height: 18px;
margin-top: 3px; }
.home-brand .brand-item .brand-content .btn-more {
position: absolute;
left: 42px;
bottom: 35px;
font-size: 14px;
line-height: 20px;
padding-right: 13px; }
.home-brand .brand-item .brand-content .btn-more::after {
content: '';
position: absolute;
right: 4px;
top: 6px;
width: 6px;
height: 6px;
border: 2px solid #000;
border-width: 2px 2px 0 0;
transform: rotate(45deg); }
.home-brand .brand-item.theme-dark {
color: #fff; }
.home-brand .brand-item.theme-dark .btn-more {
color: #fff; }
.home-brand .brand-item.theme-dark .btn-more::after {
border-color: #fff; }
.home-brand .brand-item.theme-light {
color: #000; }
.home-brand .brand-item.theme-light .btn-more {
color: #000; }
.home-brand .brand-item.theme-light .btn-more::after {
border-color: #000; }
.home-brand .brand-brand {
width: 424px; }
.home-brand .brand-service {
width: 868px; }
.home-brand .brand-service .brand-desc {
width: 356px; } }
@media screen and (max-width: 769px) {
.home-brand .sec-title-new {
font-size: 0.18rem;
line-height: 0.24rem; }
.home-brand .brand-item {
position: relative;
border-radius: .08rem;
overflow: hidden;
font-size: 0;
display: block; }
.home-brand .brand-item .brand-img {
width: 100%; }
.home-brand .brand-item .brand-content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: .26rem .3rem;
box-sizing: border-box; }
.home-brand .brand-item .brand-content .brand-title {
font-size: .2rem;
line-height: .28rem;
font-weight: bold; }
.home-brand .brand-item .brand-content .brand-desc {
font-size: .12rem;
line-height: .16rem;
margin-top: .04rem; }
.home-brand .brand-item .brand-content .btn-more {
position: absolute;
left: .3rem;
bottom: .26rem;
font-size: .1rem;
line-height: .14rem;
padding-right: .08rem; }
.home-brand .brand-item .brand-content .btn-more::after {
content: '';
position: absolute;
right: 0;
top: 0.03rem;
width: 0.05rem;
height: 0.05rem;
border: 0.02rem solid #000;
border-width: 0.01rem 0.01rem 0 0;
transform: rotate(45deg); }
.home-brand .brand-item.theme-dark {
color: #fff; }
.home-brand .brand-item.theme-dark .btn-more {
color: #fff; }
.home-brand .brand-item.theme-dark .btn-more::after {
border-color: #fff; }
.home-brand .brand-item.theme-light {
color: #000; }
.home-brand .brand-item.theme-light .btn-more {
color: #000; }
.home-brand .brand-item.theme-light .btn-more::after {
border-color: #000; }
.home-brand .brand-service {
margin-top: .08rem; } }
</style>
</div>
</div>
<div class="realme-dialog">
<div class="realme-dialog--wrap">
<div class="realme-dialog--content">
<img class="realme-dialog--banner" src="" alt="">
<div class="realme-coupon--contentBtn">
<div class="realme-coupon--list">
</div>
<div class="realme-coupon--tips"></div>
<div class="realme-coupon--btn">Register & Receive</div>
</div>
</div>
<div class="realme-dialog--header">
<div class="r-icon--close" id="realme-dialog--close"></div>
</div>
</div>
</div>
<!-- 公共底部 -->
<section id="footer-official-service" class="footer-official-service sec footer r-cookie-footer"><div class="sec-wrapper"><div class="service-list"><a href="https://www.realme.com/es/legal/terms-of-sales" class="service-item"><img src="https://image05.realme.net/general/20220825/1661423664827.svg" class="service-icon"> <div class="service-title">Envío gratuito en compras superiores a 70€</div> <!----></a><a href="https://www.realme.com/es/legal/terms-of-sales" class="service-item"><img src="https://image05.realme.net/general/20220825/1661423708455.svg" class="service-icon"> <div class="service-title">Pago seguro</div> <!----></a><a href="https://www.realme.com/es/legal/terms-of-sales" class="service-item"><img src="https://image05.realme.net/general/20220825/1661423674012.svg" class="service-icon"> <div class="service-title">14 días de devolución</div> <!----></a><a href="https://www.realme.com/es/legal/warranty-terms" class="service-item"><img src="https://image05.realme.net/general/20220825/1661423690832.svg" class="service-icon"> <div class="service-title">Política de garantía realme</div> <!----></a></div></div></section>
<script>"use strict";
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var data = {
"list": [{
"icon": "https://image05.realme.net/general/20220825/1661423664827.svg",
"title": "Envío gratuito en compras superiores a 70€",
"subTitle": "",
"link": "https://www.realme.com/es/legal/terms-of-sales",
"id": "9l3t31nbe5s0000000"
}, {
"icon": "https://image05.realme.net/general/20220825/1661423708455.svg",
"title": "Pago seguro",
"subTitle": "",
"link": "https://www.realme.com/es/legal/terms-of-sales",
"id": "xgw6iqr9rkw0000000"
}, {
"icon": "https://image05.realme.net/general/20220825/1661423674012.svg",
"title": "14 días de devolución",
"subTitle": "",
"link": "https://www.realme.com/es/legal/terms-of-sales",
"id": "5ulgvza2stg00000000"
}, {
"icon": "https://image05.realme.net/general/20220825/1661423690832.svg",
"title": "Política de garantía realme",
"subTitle": "",
"link": "https://www.realme.com/es/legal/warranty-terms",
"id": "hefx2ugisrk0000000"
}]
};
if (window.Vue) {
var OfficialServiceCtx = new Vue({
el: '#footer-official-service',
delimiters: ['${', '}'],
// 修改插值符号 与 art-template 冲突
data: _objectSpread(_objectSpread({}, data), {}, {
show: false
}),
computed: {
isMobile: function isMobile() {
return window.innerWidth < 769;
}
},
mounted: function mounted() {
var urlList = ['/realmecare'];
var isShow = urlList.every(function (url) {
return location.href.indexOf(url) === -1;
}) && this.isMobile;
if (!this.isMobile || isShow) this.show = true;
}
});
}</script>
<style>.footer .footer-services {
display: none; }
.footer-official-service {
background: #fff; }
@media screen and (min-width: 769px) {
.footer-official-service .sec-wrapper {
width: 1312px;
margin: 0 auto;
position: relative;
padding: 40px 0 20px; }
.footer-official-service .service-list {
margin-right: -50px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap; }
.footer-official-service .service-list .service-item {
width: 313px;
padding: 19px 17px;
background: #f9f9f9;
border-radius: 16px;
margin-right: 20px;
box-sizing: border-box;
margin-bottom: 20px; }
.footer-official-service .service-list .service-item .service-icon {
width: 30px;
height: 30px; }
.footer-official-service .service-list .service-item .service-icon img {
width: 100%;
height: 100%; }
.footer-official-service .service-list .service-item .service-title {
font-size: 16px;
line-height: 16px;
color: #000;
margin-top: 8px;
font-weight: bold; }
.footer-official-service .service-list .service-item .service-desc {
font-size: 14px;
line-height: 18px;
height: 36px;
color: #666;
margin-top: 8px; } }
@media screen and (max-width: 769px) {
.footer-official-service .sec-wrapper {
overflow: hidden;
width: 3.44rem;
padding: .08rem 0; }
.footer-official-service .service-list {
margin-right: -.2rem;
display: flex;
justify-content: flex-start;
flex-wrap: wrap; }
.footer-official-service .service-list .service-item {
width: 1.68rem;
padding: .08rem .1rem .12rem;
background: #f9f9f9;
border-radius: .12rem;
margin-right: .08rem;
box-sizing: border-box;
margin-bottom: .08rem; }
.footer-official-service .service-list .service-item .service-icon {
width: .3rem;
height: .3rem; }
.footer-official-service .service-list .service-item .service-icon img {
width: 100%;
height: 100%; }
.footer-official-service .service-list .service-item .service-title {
font-size: .12rem;
line-height: .12rem;
color: #000;
margin-top: .06rem;
font-weight: bold; }
.footer-official-service .service-list .service-item .service-desc {
font-size: .1rem;
line-height: .14rem;
height: .28rem;
color: #666;
margin-top: .08rem; } }
</style>
<footer class="footer r-cookie-footer">
<div class="footer-services">
<div class="wrapper">
<div class="footer-service">
<span class="icon icon-s-freeshipping"></span>
<span>Envío gratuito en compras superiores a 70€ </span>
</div>
<div class="footer-service">
<span class="icon icon-s-payment-eu"></span>
<span>Pago seguro </span>
</div>
<div class="footer-service">
<span class="icon icon-s-cod-eu"></span>
<span> 14 días de devolución </span>
</div>
</div>
</div>
<div class="footer-center">
<div class="footer-menus">
<div class="wrapper">
<div class="footer-menu">
<div class="footer-menu-title">Recomendados<span class="icon icon-arrow-down dark"></span></div>
<ul class="footer-menu-list">
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/realme-gt-7-pro" title="realme GT 7 Pro" target="_self" class="gtag" data-gtm="bottom_navigation|realme GT 7 Pro">realme GT 7 Pro</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/realme-note60" title="realme Note 60" target="_self" class="gtag" data-gtm="bottom_navigation|realme Note 60">realme Note 60</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/realme-c61" title="realme C61" target="_self" class="gtag" data-gtm="bottom_navigation|realme C61">realme C61</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/more-products/realme-c63" title="realme C63" target="_self" class="gtag" data-gtm="bottom_navigation|realme C63">realme C63</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/realme-12-512" title="realme 12" target="_self" class="gtag" data-gtm="bottom_navigation|realme 12">realme 12</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/realme-gt-6" title="realme GT 6" target="_self" class="gtag" data-gtm="bottom_navigation|realme GT 6">realme GT 6</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/realme-gt-6t" title="realme GT 6T" target="_self" class="gtag" data-gtm="bottom_navigation|realme GT 6T">realme GT 6T</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/realme-phones#phones" title="+Más smartphones" target="_self" class="gtag" data-gtm="bottom_navigation|+Más smartphones">+Más smartphones</a>
</li>
</ul>
</div>
<div class="footer-menu">
<div class="footer-menu-title">Centro de ayuda<span class="icon icon-arrow-down dark"></span></div>
<ul class="footer-menu-list">
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/support/kw/list?question=&product=&productId=&classify_id=" title="Preguntas frecuentes" target="_self" class="gtag" data-gtm="bottom_navigation|Preguntas frecuentes">Preguntas frecuentes</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/support#user-guid" title="Guía de usuario" target="_self" class="gtag" data-gtm="bottom_navigation|Guía de usuario">Guía de usuario</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/legal/warranty-terms" title="Política de garantía realme" target="_self" class="gtag" data-gtm="bottom_navigation|Política de garantía realme">Política de garantía realme</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/eu/support/declaration" title="Declaración de la EU" target="_self" class="gtag" data-gtm="bottom_navigation|Declaración de la EU">Declaración de la EU</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/support/user-manuals" title="GUÍA DE USUARIO" target="_self" class="gtag" data-gtm="bottom_navigation|GUÍA DE USUARIO">GUÍA DE USUARIO</a>
</li>
<li style="white-space: nowrap;">
<a id="btnManageCookie" href="javascript:void(0)" title="Configurar las Cookies" target="_self" class="gtag" data-gtm="bottom_navigation|Configurar las Cookies">Configurar las Cookies</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/legal/DigitalServicesAct" title="EU Digital Services Act" target="_self" class="gtag" data-gtm="bottom_navigation|EU Digital Services Act">EU Digital Services Act</a>
</li>
</ul>
</div>
<div class="footer-menu">
<div class="footer-menu-title">Sobre realme<span class="icon icon-arrow-down dark"></span></div>
<ul class="footer-menu-list">
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/brand" title="Nuestra marca" target="_self" class="gtag" data-gtm="bottom_navigation|Nuestra marca">Nuestra marca</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="https://www.realme.com/es/brand/newsroom" title="Sala de prensa" target="_self" class="gtag" data-gtm="bottom_navigation|Sala de prensa">Sala de prensa</a>
</li>
</ul>
</div>
<div class="footer-menu">
<div class="footer-menu-title">Contacta con realme<span class="icon icon-arrow-down dark"></span></div>
<ul class="footer-menu-list">
<li style="white-space: nowrap;">
<a id="" href="mailto:[email protected]" title="[email protected]" target="_self" class="gtag" data-gtm="bottom_navigation|[email protected]">[email protected]</a>
</li>
<li style="white-space: nowrap;">
<a id="" href="mailto:[email protected]" title="[email protected]" target="_self" class="gtag" data-gtm="bottom_navigation|[email protected]">[email protected]</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer-contact">
<div class="footer-contact-phone"><a href="tel:900974984" rel="nofollow">900974984</a></div>
<div class="footer-contact-time">
9:00-18:00, Lun-Vie <br>
Incluidos días de vacaciones
</div>
<div class="footer-contact-online">
<a href="javascript:;" rel="nofollow" onclick="closePop('block')" title="Chat de ayuda"><span class="icon icon-chat"></span>Chat de ayuda</a>
</div>
<div class="footer-contact-time">
Servicio en inglés: <br>
9:00-18:00, Lun-Vie <br>
incluídos los días de vacaciones
</div>
<div class="footer-socials">
<a rel="nofollow" href="https://www.facebook.com/realmespain/" class="footer-social" target="_blank" title="realme facebook"><span class="icon icon-facebook"></span></a>
<a rel="nofollow" href="https://twitter.com/realmeespana" class="footer-social" target="_blank" title="realme twitter"><span class="icon icon-twitter"></span></a>
<a rel="nofollow" href="https://www.youtube.com/channel/UCmnOpUcwc7tH2C2Vny-_xeA" class="footer-social" target="_blank" title="realme youtube"><span class="icon icon-youtube"></span></a>
<a rel="nofollow" href="https://www.instagram.com/realmeespana/" class="footer-social" target="_blank" title="realme instagram"><span class="icon icon-instagram"></span></a>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="wrapper">
<div class="footer-region pc"><a rel="nofollow" href="javascript:;">Spain ( Español / EUR )</a></div>
<div class="copyright">© 2019-2024 realme.Todos los derechos reservados.</div>
<div class="footer-legal">
<a href="https://www.realme.com/es/legal/cookie-policy" title="POLÍTICA DE COOKIES">POLÍTICA DE COOKIES</a>
<a href="https://www.realme.com/es/legal/privacy-policy" title="Política de privacidad">Política de privacidad </a>
<a href="https://www.realme.com/es/legal/user-agreement" title="Contrato del usuario">Contrato del usuario</a>
</div>
<div class="footer-region mobile"><a rel="nofollow" href="javascript:;">Spain ( Español / EUR )</a></div>
</div>
</div>
<div class="footer-popUp popUp-hidden">
<div class="popUp-content">
<div class="mobile-content">
<i class="icon-close" onclick="closePop('none')"></i>
<p class="content-title opensans-semibold">Declaración</p>
<p class="content-text">
Estimado cliente, tenga en cuenta que algunos de nuestros centros de servicio no están ubicados
dentro de las regiones europeas, por lo que los datos que proporcione serán posiblemente
transferidos y almacenados fuera de las regiones europeas. Las cláusulas correspondientes han sido
explicados en nuestra
<a href="https://www.realme.com/es/legal/privacy-policy" target="blank">política de privacidad</a>.
Sin embargo, puede ejercer sus derechos en cualquier momento.
<span>
Al seleccionar "confirmar", acepta y da su consentimiento a los términos anteriores. Pedimos
disculpas si ya que su chat parece que no puede conectar.
</span>
Gracias por su comprensión.
</p>
<div class="content-btns">
<button class="cancel" onclick="closePop('none')">Cancelar</button>
<button class="confirm">Confirmar</button>
</div>
</div>
</div>
</div>
</footer>
<section>
<div class="r-cookie dialog-v" style="display: initial;">
<div class="r-cookie--body">
<div class="r-cookie--content">
Esta web utiliza cookies y tecnologías similares para funcionar correctamente. Con su permiso,
nos gustaría configurar sus cookies para ayudarnos a analizar el tráfico y optimizar su
experiencia de navegación.
<a class="opensans-semibold" href="https://www.realme.com/es/legal/cookie-policy" target="_blank"><u>Saber más</u></a>.
</div>
<div class="r-cookie--btn">
<div class="btn r-btn r-btn--primary">Aceptar las Cookies</div>
<div id="btnViewCookie" class="btn r-btn r-btn--normal">Configurar las Cookies</div>
</div>
<i class="icon-close-w" id="btnHideCookie"></i>
</div>
</div>
<div class="cookie-manage-container">
<span class="cookie-close"></span>
<h3 class="cookie-title opensans-semibold">Configuración de cookies</h3>
<div class="cookie-content">
<div class="cookie-item">
<div class="cookie-header enable" data-cookietype="1">
<span class="icon icon-checkbox" style="background-image: url("https://image01.realme.net/general/20210224/1614134351072.png");"></span>
<span class="cookie-name opensans-semibold">Cookies necesarias: </span>
</div>
<p class="cookie-description">
las cookies necesarias permiten funciones básicas como la seguridad, la gestión de la red y
la accesibilidad. Puede deshabilitarlos cambiando la configuración de su navegador, pero
esto puede afectar el funcionamiento de la web.
</p>
</div>
<div class="cookie-item">
<div class="cookie-header" data-cookietype="2">
<span class="icon icon-checkbox"></span>
<span class="cookie-name opensans-semibold">Cookies funcionales: </span>
</div>
<p class="cookie-description">
estas cookies se utilizan para reconocerlo cuando visita o regresa a nuestro sitio web. Esto
nos permite personalizar el contenido de este sitio para usted y reconocer sus preferencias
cuando visita este sitio.
</p>
</div>
<div class="cookie-item">
<div class="cookie-header" data-cookietype="3">
<span class="icon icon-checkbox"></span>
<span class="cookie-name opensans-semibold">Cookies de análisis: </span>
</div>
<p class="cookie-description">
estas cookies nos permiten contar el número de visitantes a nuestro sitio web e informarnos
sobre cómo los visitantes están utilizando nuestro sitio web con el fin de proporcionar
mejoras en la forma en que funciona este sitio.
</p>
</div>
<div class="cookie-item">
<div class="cookie-header" data-cookietype="4">
<span class="icon icon-checkbox"></span>
<span class="cookie-name opensans-semibold">Cookies publicitarias: </span>
</div>
<p class="cookie-description">
estas cookies (incluidas las de terceros) proporcionan anuncios personalizados para usted en
función de sus actividades e intereses de navegación. Rechazar estas cookies puede resultar
en la visualización de anuncios generales que no están dirigidos a ninguna persona
específica, o no podrá vincularse de manera efectiva con Facebook, Twitter u otras redes
sociales y / o compartir contenido en las redes sociales.
</p>
</div>
</div>
<div class="btn-primary" id="confirmCookie">Done</div>
</div>
</section>
<div class="mask-untouch"></div>
<div class="mask"></div>
<script>
// 用户允许Functional Cookies时，才加载script
if(window.hadFunctionalCookies){
var script = document.createElement('script')
script.async = true
script.src = 'https://www.paypal.com/sdk/js?client-id=AUH7PO7l4LubjN0ogPX2GY28oACKu296xjV1a0yRGWdd3EwfBmOyWSYO1doaZd0gx-Bx7Zao1SsY23EW¤cy=EUR&disable-funding=credit,card'
document.body.appendChild(script)
}
</script>
<!-- <script async src="https://www.paypal.com/sdk/js?client-id=AUH7PO7l4LubjN0ogPX2GY28oACKu296xjV1a0yRGWdd3EwfBmOyWSYO1doaZd0gx-Bx7Zao1SsY23EW¤cy=EUR&disable-funding=credit,card"></script> -->
<script type="text/javascript">
var popUp = document.getElementsByClassName("footer-popUp")[0];
var cookieManage = document.querySelector('.cookie-manage-container')
var cookieManageMask = document.querySelector('div.mask')
var cookieHeader = document.querySelectorAll('.cookie-header')
function clearSelectedCookies() {
for (var i = 0; i < cookieHeader.length; i++) {
if (i > 0) {
cookieHeader[i].classList.remove("enable");
}
}
}
// 用户未同意Functional Cookies 不能使用在线客服
function closePop(style) {
var hadAccept = window.getCookie("hadAccept");
// 1.Necessary Cookies, 2.Functional Cookies, 3.Analytics Cookies, 4.Advertising Cookies
var hadFunctionalCookies = !!(hadAccept && hadAccept.indexOf("2") > -1);
if (hadFunctionalCookies) {
popUp.style.display = style;
} else {
if (!hadAccept) {
clearSelectedCookies();
}
cookieManage.classList.add("visible");
cookieManageMask.classList.add("visible");
}
}
// 用户未同意Advertising Cookies 不能跳转到社交网页
var socials = document.querySelector(".footer-socials");
socials.onclick = function (e) {
var hadAccept = window.getCookie("hadAccept");
// 1.Necessary Cookies, 2.Functional Cookies, 3.Analytics Cookies, 4.Advertising Cookies
var hadAdvertisingCookies = !!((hadAccept && hadAccept.indexOf("4") > -1));
if (e.target.tagName === "SPAN" && !hadAdvertisingCookies) {
if (cookieManage && cookieManageMask) {
if (!hadAccept) {
clearSelectedCookies();
}
cookieManage.classList.add("visible");
cookieManageMask.classList.add("visible");
}
return false;
}
};
document.getElementsByClassName("confirm")[0].addEventListener("click", openSupportChat);
function openSupportChat() {
var userInfo = sessionStorage.getItem('userInfo') ? JSON.parse(sessionStorage.getItem('userInfo')) : {}
if (!userInfo.username) {
var siteCode = 'cn'
var language = 'zh-CN'
var loginDomain = 'https://id.realme.com/'
var currentUrl = window.location.href
if (currentUrl.indexOf('/in/') >= 0) {
siteCode = 'in'
language = 'en-IN'
}
if (currentUrl.indexOf('/id/') >= 0) {
siteCode = 'id'
language = 'id-ID'
}
if (currentUrl.indexOf('/es/') >= 0) {
siteCode = 'es'
language = 'es-ES'
}
if (currentUrl.indexOf('/it/') >= 0) {
siteCode = 'it'
language = 'it-IT'
}
if (currentUrl.indexOf('/eu/') >= 0) {
siteCode = 'eu'
language = 'en-GB'
}
if (currentUrl.indexOf('/uk/') >= 0) {
siteCode = 'uk'
language = 'en-GB'
}
if (currentUrl.indexOf('/fr/') >= 0) {
siteCode = 'fr'
language = 'fr-FR'
}
if (
currentUrl.indexOf('myoas.net') > 0 ||
currentUrl.indexOf('dev.') > 0 ||
currentUrl.indexOf('localhost') > 0
) {
loginDomain = 'https://account.myoas.net/'
}
var getCallBackUrl = (url) => {
return (
`${url}index.html?callback=` +
encodeURIComponent(currentUrl) +
`®ion=${siteCode.toUpperCase()}&language=${language}`
)
}
localStorage.setItem('chat_wakeup', 1)
var loginUrl = getCallBackUrl(loginDomain)
window.location.href = loginUrl
return false;
}
window.open('https://chat-g.realmeservice.com/webchat/visitor/visitor.html?queue=13&from=webES&userID=' + encodeURIComponent(userInfo.username), '_blank', 'scrollbars=0,resizable=0,width=1020,height=603')
localStorage.removeItem('chat_wakeup')
}
</script>
<div class="region-select">
<div class="region-select-container">
<a href="javascript:;" rel="nofollow" class="region-select-close"></a>
<div class="region-select-content">
<div class="region-select-title">Choose your market</div>
<div class="region-select-desc">Products may have different prices and availability based on market</div>
<div class="region-select-list">
<div class="region-select-item">
<div class="region-select-subtitle">Asia-Pacific</div>
<ul>
<li>
<a href="https://www.realme.com/in/" title="realme in India" class="gtag" data-gtm="switch_region|India">India</a>
<label>English</label>
<span>INR</span>
</li>
<li>
<a href="https://www.realme.com/id/" title="realme in Indonesia" class="gtag" data-gtm="switch_region|Indonesia">Indonesia</a>
<label>Bahasa</label>
<span>IDR</span>
</li>
<li>
<a href="https://www.realme.com/vn/" title="realme in Vietnam" class="gtag" data-gtm="switch_region|Vietnam">Vietnam</a>
<label>Việt Nam</label>
<span>VND</span>
</li>
<li>
<a href="https://www.realme.com/th/" title="realme in Thailand" class="gtag" data-gtm="switch_region|Thailand">Thailand</a>
<label>ภาษาไทย</label>
<span>THB</span>
</li>
<li>
<a href="https://www.realme.com/my/" title="realme in Malaysia" class="gtag" data-gtm="switch_region|Malaysia">Malaysia</a>
<label>English</label>
<span>MYR</span>
</li>
<li>
<a href="https://www.realme.com/ph/" title="realme in Philippines" class="gtag" data-gtm="switch_region|Philippines">Philippines</a>
<label>English</label>
<span>PHP</span>
</li>
<li>
<a href="https://www.realme.com/cn/" title="realme in China" class="gtag" data-gtm="switch_region|China">China</a>
<label>简体中文</label>
<span>CNY</span>
</li>
<li>
<a href="https://www.realme.com/sg/" title="realme in Singapore" class="gtag" data-gtm="switch_region|Singapore">Singapore</a>
<label>English</label>
<span>SGD</span>
</li>
<li>
<a href="https://www.realme.com/pk/" title="realme in Pakistan" class="gtag" data-gtm="switch_region|Pakistan">Pakistan</a>
<label>English</label>
<span>PKR</span>
</li>
<li>
<a href="https://www.realme.com/bd/" title="realme in Bangladesh" class="gtag" data-gtm="switch_region|Bangladesh">Bangladesh</a>
<label>English</label>
<span>BDT</span>
</li>
<li>
<a href="https://www.realme.com/kh/" title="realme in Cambodia" class="gtag" data-gtm="switch_region|Cambodia">Cambodia</a>
<label>ភាសាខ្មែរ</label>
<span>USD</span>
</li>
<li>
<a href="https://www.realme.com/np/" title="realme in Nepal" class="gtag" data-gtm="switch_region|Nepal">Nepal</a>
<label>English</label>
<span>NPR</span>
</li>
<li>
<a href="https://www.realme.com/lk/" title="realme in Sri Lanka" class="gtag" data-gtm="switch_region|Sri Lanka">Sri Lanka</a>
<label>English</label>
<span>LKR</span>
</li>
<li>
<a href="https://www.realme.com/mm/" title="realme in Myanmar" class="gtag" data-gtm="switch_region|Myanmar">Myanmar</a>
<label>English</label>
<span>MMK</span>
</li>
<li>
<a href="https://www.realme.com/kz-ru/" title="realme in Kazakhstan" class="gtag" data-gtm="switch_region|Kazakhstan&Русский язык">Kazakhstan</a>
<label>Русский язык</label>
<span></span>
</li>
<li>
<a href="https://www.realme.com/uz/" title="realme in Узбекистан">Узбекистан</a>
<label>Русский язык</label>
<span>UZS</span>
</li>
</ul>
</div>
<div class="region-select-item">
<div class="region-select-subtitle">Europe</div>
<ul>
<li>
<a href="https://www.realme.com/es/" title="realme in Spain" class="gtag" data-gtm="switch_region|Spain">Spain</a>
<label>Español</label>
<span>EUR</span>
</li>
<li>
<a href="https://www.realme.com/ru/" title="realme in Russia" class="gtag" data-gtm="switch_region|Russia">Russia</a>
<label>Русский язык</label>
<span>RUS</span>
</li>
<li>
<a href="https://www.realme.com/it/" title="realme in Italy" class="gtag" data-gtm="switch_region|Italy">Italy</a>
<label>Italiano</label>
<span>EUR</span>
</li>
<li>
<a href="https://www.realme.com/cz/" title="realme in Czech Republic" class="gtag" data-gtm="switch_region|Czech Republic">Czech Republic</a>
<label>Čeština</label>
<span>CZK</span>
</li>
<li>
<a href="https://www.realme.com/tr/" title="realme in Türkiye" class="gtag" data-gtm="switch_region|Türkiye">Türkiye</a>
<label>Türkçe</label>
<span>TRY</span>
</li>
<li>
<a href="https://www.realme.com/uk/" title="realme in United Kingdom" class="gtag" data-gtm="switch_region|United Kingdom">United Kingdom</a>
<label>English</label>
<span>GBP</span>
</li>
<li>
<a href="https://www.realme.com/pl/" title="realme in Poland" class="gtag" data-gtm="switch_region|Poland">Poland</a>
<label>Polska</label>
<span>PLN</span>
</li>
<li>
<a href="https://www.realme.com/fr/" title="realme in France" class="gtag" data-gtm="switch_region|France">France</a>
<label>Français</label>
<span>EUR</span>
</li>
<li>
<a href="https://www.realme.com/ua/" title="realme in Ukraine">Ukraine</a>
<label>Українська</label>
<span>UAH</span>
</li>
<li>
<a href="https://www.realme.com/by/" title="realme in Belarus">Belarus</a>
<label>Русский язык</label>
<span>BYN</span>
</li>
</ul>
</div>
<div class="region-select-item">
<div class="region-select-subtitle">Middle East and Africa</div>
<ul>
<li>
<a href="https://www.realme.com/eg/" title="realme in Egypt" class="gtag" data-gtm="switch_region|Egypt">Egypt</a>
<label> لغة عربية </label>
<span>EGP</span>
</li>
<li>
<a href="https://www.realme.com/mea-ar/" title="realme in Middle East & Africa" class="gtag" data-gtm="switch_region|Middle East & Africa" style="line-height: 1.2;">Middle
East & Africa</a>
<label>اللغة العربية</label>
<span></span>
</li>
<li>
<a href="https://www.realme.com/mea-en/" title="realme in Middle East & Africa" class="gtag" data-gtm="switch_region|Middle East & Africa English" style="line-height: 1.2;">Middle East & Africa</a>
<label>English</label>
<span></span>
</li>
<li>
<a href="https://www.realme.com/af-fr/" title="realme in Africa" class="gtag" data-gtm="switch_region|Africa Français" style="line-height: 1.2;">Africa</a>
<label>Français</label>
<span></span>
</li>
<li>
<a href="https://www.realme.com/za/" title="realme in South Africa" class="gtag" data-gtm="switch_region|SouthAfrica English" style="line-height: 1.2;">South Africa</a>
<label>English</label>
<span>ZAR</span>
</li>
<li>
<a href="https://www.realme.com/ng/" title="realme in Nigeria" class="gtag" data-gtm="switch_region|Nigeria" style="line-height: 1.2;">Nigeria</a>
<label>English</label>
<span>NGN</span>
</li>
</ul>
</div>
<div class="region-select-item">
<div class="region-select-subtitle">Latin America</div>
<ul>
<li>
<a href="https://www.realme.com/co/" title="realme in Colombia" class="gtag" data-gtm="switch_region|Colombia">Colombia</a>
<label>Español</label>
<span>USD</span>
</li>
<li>
<a href="https://www.realme.com/br/" title="realme in Brasil" class="gtag" data-gtm="switch_region|Brasil">Brasil</a>
<label>Português</label>
<span>BRL</span>
</li>
<li>
<a href="https://www.realme.com/pe/" title="realme in Perú" class="gtag" data-gtm="switch_region|Perú">Perú</a>
<label>Español </label>
<span>PEN</span>
</li>
<li>
<a href="https://www.realme.com/mx/" title="realme in Mexico" class="gtag" data-gtm="switch_region|México">México</a>
<label>Español</label>
<span>MXN</span>
</li>
<li>
<a href="https://www.realme.com/bo/" title="realme in Bolivia" class="gtag" data-gtm="switch_region|Bolivia">Bolivia</a>
<label>Español</label>
<span>BOB</span>
</li>
<li>
<a href="https://www.realme.com/hn/" title="realme in Honduras" class="gtag" data-gtm="switch_region|Honduras">Honduras</a>
<label>Español</label>
<span>HNL</span>
</li>
<li>
<a href="https://www.realme.com/cr/" title="realme in Costa Rica" class="gtag" data-gtm="switch_region|CostaRica">Costa Rica</a>
<label>Español</label>
<span>CRC</span>
</li>
</ul>
</div>
<div class="region-select-item">
<div class="region-select-subtitle">Other Regions</div>
<ul>
<li>
<a href="https://www.realme.com/global/" title="realme in Global" class="gtag" data-gtm="switch_region|Global">Global</a>
<label>English</label>
<span>USD</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="informationdialog">
<div class="informationdialog-container">
<div class="informationdialog-link-content">
<a style="cursor:pointer;" onclick="closePop('block')" class="informationdialog-link-item" target="_blank">
<div class="link-item-content">
<span class="link-icon-left">
<img data-src="https://image05.realme.net/general/20230921/1695263506388.svg" alt="">
<span class="link-href link-icon-text">Online Chat</span>
</span>
<img class="link-icon-right" data-src="https://static.realme.net/v2/support/images/icon/more_arrow_right.svg" alt="">
</div>
</a>
<a href="tel:900974984" class="informationdialog-link-item" target="_blank">
<div class="link-item-content">
<span class="link-icon-left">
<img data-src="https://image05.realme.net/general/20230921/1695263527977.svg" alt="">
<span class="link-href link-icon-text">Hotline</span>
</span>
<img class="link-icon-right" data-src="https://static.realme.net/v2/support/images/icon/more_arrow_right.svg" alt="">
</div>
<div class="link-item-tel">900974984</div>
<div class="link-item-text">9:00-18:00, Lun-Vie
Incluidos días de vacaciones</div>
</a>
<a href="mailto:[email protected]" class="informationdialog-link-item" target="_blank">
<div class="link-item-content">
<span class="link-icon-left">
<img data-src="https://image05.realme.net/general/20230921/1695263569672.svg" alt="">
<span class="link-href link-icon-text">Email</span>
</span>
<img class="link-icon-right" data-src="https://static.realme.net/v2/support/images/icon/more_arrow_right.svg" alt="">
</div>
<div class="link-item-tel">[email protected]</div>
</a>
</div>
</div>
</div>
<div class="informationdialog-icon-play" style="display: none;">
<img data-src="https://static.realme.net/v3/common/images/service-422f36b9a1.png" alt="">
<img class="hover" data-src="https://static.realme.net/v3/common/images/service_hover-ce1c24b644.png" alt="">
</div>
<div class="support-back-top">
<img class="support-back-top-img" data-src="https://static.realme.net/v3/common/images/backtop-a656c99236.png">
</div>
<style>
.r-cookie .r-btn {
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI";
}
.sec-banner {
margin-top: 0 !important;
}
.product-nav {
position: static;
}
.sec-specs-banner {
margin-top: 0 !important;
padding-top: 0;
}
@media screen and (max-width: 768px) {
.product-nav .product-nav-svg {
height: .14rem;
}
.product-nav.fixed {
top: 0.439rem;
}
.product-nav {
background: rgba(255, 255, 255, 1);
}
}
</style>
<script type="application/ld+json">
{
"@context" : "https://schema.org",
"@type" : "WebSite",
"name" : "realme",
"alternateName" : "realme.com",
"url" : "https://www.realme.com/"
}
</script>
<script src="https://static.realme.net/v3/common/index-cc0008f3d3.js"></script>
<!-- 下面可引入page项目的地址来本地调试 -->
<!-- <script src="http://localhost/v3/common/index.js"></script> -->
<script>
var isApp = window.navigator.userAgent.indexOf('realmeLink') > -1 || window.navigator.userAgent.indexOf('realmeCommunity') > -1 || window.navigator.userAgent.indexOf('oppostore') > -1
if (isApp) {
var notify = document.querySelector('.header-notify')
var toApp = document.querySelector('.toApp-header')
// const header = document.querySelector('.header')
if (notify) {
document.body.removeChild(notify)
}
if (toApp) {
document.body.removeChild(toApp)
}
if (header) {
// document.body.removeChild(header)
document.querySelector('.header').style.overflow = 'hidden'
document.querySelector('.header').style.height = 0
}
}
if (location.href.indexOf('/support') > -1 && document.querySelector('.informationdialog-icon-play')) {
const imgs1 = document.querySelectorAll('.informationdialog .informationdialog-link-content img')
const imgs2 = document.querySelectorAll('.informationdialog-icon-play img')
const imgList = [...Array.from(imgs1), ...Array.from(imgs2)]
imgList.forEach(img => {
const src = img.getAttribute('data-src')
img.setAttribute('src', src)
})
document.querySelector('.informationdialog-icon-play').style.display = "block"
}
if (location.href.indexOf('/support') > -1 && document.querySelector('.support-back-top')) {
const img = document.querySelector('.support-back-top img')
const src = img.getAttribute('data-src')
img.setAttribute('src', src)
}
</script>
<!-- 小程序专用代码 -->
<!-- 页面脚本 -->
<script async="" src="https://static.realme.net/v2/home/index-1b9b328ac1.js"></script>
<!-- 下面可引入page项目的地址来本地调试 -->
<!-- <script async src="http://localhost/v2/home/index.js"></script> -->
<script>"use strict";
// 与原有脚本逻辑无关的 js 代码，可以在此处写，就不用切换项目
(function () {
var siteCode = 'es';
init();
function isMobile() {
return window.innerWidth < 769;
}
function isRealmeStore() {
return window.navigator.userAgent.indexOf('realmeStore') > -1;
}
function isApp() {
return window.navigator.userAgent.indexOf('realmeLink') > -1 || window.navigator.userAgent.indexOf('realmeCommunity') > -1 || window.navigator.userAgent.indexOf('realmeStore') > -1;
}
function isAdnroid() {
var u = navigator.userAgent;
return u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
}
function init() {
var codes = {
cn: true,
"in": true,
id: true
};
if (!isAdnroid()) return; // 只处理有 app 的站点
if (!codes[siteCode]) return;
if (!isRealmeStore()) {
// 非app环境，唤起 app 首页
openApp(2, 0);
}
}
function openApp(redirectType, resource, staticExtra) {
if (!isMobile() || isApp()) {
return;
} // 延迟执行，避免阻塞
setTimeout(function () {
var openUrl = "store://com.realmestore.app/main?redirectType=".concat(redirectType, "&resource=").concat(encodeURI(resource), "&extra=").concat(encodeURIComponent(staticExtra && JSON.stringify(staticExtra) !== '{}' ? JSON.stringify(staticExtra) : ''), "&utmSource=h5store&utmCode=Home&utmPid=");
var isChrome = !!~navigator.userAgent.indexOf('Chrome');
if (isChrome) {
window.location.href = openUrl;
} else {
var iframe = document.createElement('iframe');
iframe.style.display = 'none';
iframe.src = openUrl;
document.body.appendChild(iframe);
}
}, 50);
}
})();</script>
<script async="" defer="">
gtag('config', 'AW-734045334');
</script>
<script type="text/javascript" async="" defer="">
if(window.hadAnalyticsCookies){
var axel = Math.random() + "";
var a = axel * 10000000000000;
document.write(
'<iframe src="https://9648531.fls.doubleclick.net/activityi;src=9648531;type=count0;cat=all-p0;u1=[url];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=' +
a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
var isResultUrl = window.location.href.indexOf('buy.realme.com/es/payment-result') > 0
if (isResultUrl) {
document.write(
'<iframe src="https://9648531.fls.doubleclick.net/activityi;src=9648531;type=sales0;cat=buyno0;qty=1;cost=[Revenue];u1=[url];u2=[modelo];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=[OrderID]?" width="1" height="1" frameborder="0" style="display:none"></iframe>'
);
}
}
</script>
<!-- Facebook Pixel Code -->
<script>
if(window.hadAnalyticsCookies){
! function (f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '681474065684895');
fbq('track', 'PageView');
}
</script>
<noscript>
<img height="1" width="1" src="https://www.facebook.com/tr?id=681474065684895&ev=PageView
&noscript=1" />
</noscript>
<!-- End Facebook Pixel Code -->
</body></html>