Product list : TECNO Official Website

<!DOCTYPE html> <html dir="ltr" lang="en-EN"> <head> <meta charset="utf-8"> <meta name="generator" content="TYPO3 CMS"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" type="text/css" href="https://d3fyizz0b46qgr.cloudfront.net/static/new-css/main-min.css" media="all"> <link rel="stylesheet" href="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/css/global-min.css"> <link rel="stylesheet" href="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/css/detail.min.css"> <link rel="stylesheet" type="text/css" href="https://d3fyizz0b46qgr.cloudfront.net/templates/css-new/product.382bb15a25cc82bacd94d917444f589a4-new.css" media="all"> <link rel="stylesheet" href="https://d3fyizz0b46qgr.cloudfront.net/newfileadmin/templates/css/swiper.min-new.css"> <script src="https://d3fyizz0b46qgr.cloudfront.net/static/new-js/jvrh-min-new-240423.js" type="text/javascript"></script>  <script> !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', '164426872143667'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=164426872143667&ev=PageView&noscript=1" /></noscript>   <script> !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init','o5x45'); twq('track','PageView'); </script>  <title>Product list : TECNO Official Website</title> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet"> <meta name="mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#fff"> <meta name="application-name" content="tecno mobile"> <link rel="apple-touch-icon" sizes="57x57" href="https://d3fyizz0b46qgr.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://d3fyizz0b46qgr.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://d3fyizz0b46qgr.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://d3fyizz0b46qgr.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://d3fyizz0b46qgr.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://d3fyizz0b46qgr.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://d3fyizz0b46qgr.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://d3fyizz0b46qgr.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://d3fyizz0b46qgr.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-180x180.png"> <meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-title" content="tecno mobile"> <link rel="icon" type="image/png" sizes="32x32" href="https://d3fyizz0b46qgr.cloudfront.net/static/img/favicon-114db49/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://d3fyizz0b46qgr.cloudfront.net/static/img/favicon-114db49/android-chrome-192x192.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://d3fyizz0b46qgr.cloudfront.net/static/img/favicon-114db49/favicon-16x16.png">  <link rel="shortcut icon" href="https://d3fyizz0b46qgr.cloudfront.net/global/x_new/tecno_icon.svg"> <link rel="alternate" hreflang="x-default" href="/phones/product-list/" /><link rel="alternate" hreflang="en-NG" href="/gua/phones/product-list/" /><link rel="alternate" hreflang="my-MM" href="/mm/phones/product-list/" /><link rel="alternate" hreflang="fr-DZ" href="/dz/telephones/product-list/" /><link rel="alternate" hreflang="tr-TR" href="/tr/telefonlar/product-list/" /><link rel="alternate" hreflang="en-BD" href="/bd/phones/product-list/" /><link rel="alternate" hreflang="th-TH" href="/th/phones/product-list/" /><link rel="alternate" hreflang="en-AE" href="/ae/phones/product-list/" /><link rel="alternate" hreflang="km-KH" href="/kh/phones/product-list/" /><link rel="alternate" hreflang="ar-EG" href="/eg/phones/product-list/" /><link rel="alternate" hreflang="sw-TZ" href="/tz/simu/product-list/" /><link rel="alternate" hreflang="en-KE" href="/ke/phones/product-list/" /><link rel="alternate" hreflang="ar-SA" href="/sa/phones/product-list/" /><link rel="alternate" hreflang="fr-CI" href="/ci/telephones/product-list/" /><link rel="alternate" hreflang="en-RW" href="/rw/phones/product-list/" /><link rel="alternate" hreflang="en-GH" href="/gh/phones/product-list/" /><link rel="alternate" hreflang="fr-GN" href="/gn/telephones/product-list/" /><link rel="alternate" hreflang="en-ZM" href="/zm/phones/product-list/" /><link rel="alternate" hreflang="pt-AO" href="/ao/telefones/product-list/" /><link rel="alternate" hreflang="fr-ML" href="/ml/telephones/product-list-ml/" /><link rel="alternate" hreflang="fr-BJ" href="/bj/telephones/product-list/" /><link rel="alternate" hreflang="fr-NE" href="/ne/telephones/product-list/" /><link rel="alternate" hreflang="pt-MZ" href="/mz/telefones/product-list/" /><link rel="alternate" hreflang="en-UG" href="/ug/phones/product-list/" /><link rel="alternate" hreflang="fr-TG" href="/tg/telephones/product-list/" /><link rel="alternate" hreflang="fr-CM" href="/cm/telephones/product-list/" /><link rel="alternate" hreflang="fr-CO" href="/co/telefonos/product-list/" /><link rel="alternate" hreflang="fr-CF" href="/cfr/telephones/product-list/" /><link rel="alternate" hreflang="fr-MA" href="/ma/telephones/product-list/" /><link rel="alternate" hreflang="fr-SN" href="/sn/telephones/product-list/" /><link rel="alternate" hreflang="en-PK" href="/pk/phones/product-list/" /><link rel="alternate" hreflang="en-SA" href="/sa-en/phones/product-list/" /><link rel="alternate" hreflang="en-ZA" href="/za/phones/product-list/" /><link rel="alternate" hreflang="fr-BF" href="/bf/telephones/product-list/" /><link rel="alternate" hreflang="fr-BO" href="/bo/telefonos/product-list/" /><link rel="alternate" hreflang="ar-JO" href="/jo/phones/product-list/" /><link rel="alternate" hreflang="ar-LB" href="/lb/phones/product-list/" /><link rel="alternate" hreflang="fr-PE" href="/pe/telefonos/product-list/" /><link rel="alternate" hreflang="en-PH" href="/ph/phones/product-list/" /><link rel="alternate" hreflang="pt-BR" href="/br/telefones/product-list/" /><link rel="alternate" hreflang="ru-UZ" href="/uz/phones/product-list/" /><link rel="alternate" hreflang="ar-IQ" href="/iq/phones/product-list/" /><link rel="alternate" hreflang="es-PA" href="/pa/telefonos/product-list/" /><link rel="alternate" hreflang="id-ID" href="/id/phones/product-list/" /><link rel="alternate" hreflang="en-LK" href="/lk/phones/product-list/" /><link rel="alternate" hreflang="vi-VN" href="/vn/phones/product-list/" /><meta name="description" content=""><link rel="canonical" href="/phones/product-list/" /><meta property="og:type" content="website" /><meta property="og:title" content="Product list" /><meta property="og:url" content="/phones/product-list/" /><meta property="og:site_name" content="Tecno" /><meta name="twitter:card" content="summary" /><link rel="profile" href="https://a9.com/-/spec/opensearch/1.1/" /> <link rel="search" type="application/opensearchdescription+xml" href="/?type=7567" title="Website Search" /> <link rel="dns-prefetch" href="https://d3fyizz0b46qgr.cloudfront.net"> </head> <body>  <header class="HomePage newheaderpc"> <div class="width-1440 flex-1440"> <div class="front"> <div class="logo m-r-70"> <a href="/home/"> <img src="https://d3fyizz0b46qgr.cloudfront.net/global/x_new/logo.svg" alt="" /> </a> </div> <div class="item m-r-48"> <a href="/phones/product-list/">Phone</a> <div class="item-menu active"> <ul class="item-menu-list-Box"> <li class="item-menu-list">  <a href="/phones/product-list/#new-phantom"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/phones/phantom/ae/10/800/AE10%E6%B5%B7%E6%B3%A2%E8%93%9D.png"> </span> <span class="item-title">PHANTOM</span> </a> </li> <li class="item-menu-list"> <a href="/phones/product-list/#new-camon"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/phones/camon/30pro5g/30s/black.png"> </span> <span class="item-title">CAMON</span> </a> </li> <li class="item-menu-list"> <a href="/phones/product-list/#new-pova"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/pova6/800%2A800/%E7%BB%BF.png"> </span> <span class="item-title">POVA</span> </a> </li> <li class="item-menu-list"> <a href="/phones/product-list/#new-spark"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/spark-30c-5g/KL8H_he.png"> </span> <span class="item-title">SPARK</span> </a> </li> <li class="item-menu-list"> <a href="/phones/product-list/#new-pop"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/pop-8/800800/pop8-800/bai.png"> </span> <span class="item-title">POP</span> </a> </li> </ul> <ul class="item-menu-list-Box-foot"> <li class="AllModes"> <a href="/phones/product-list/"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Allnew.svg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Allnew-hover.svg"> <span>All Models</span> </a> </li> <span class="after"></span> <li class="ModelComparison"> <a href="/phones/product-compare-list/"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Comparisonnew.svg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Comparisonnew-hover.svg"> <span>Compare Models</span> </a> </li> </ul> </div> </div> <div class="item m-r-48"> <a href="/laptops/product-list/">Laptops</a> <div class="item-menu"> <ul class="item-menu-list-Box"> <li class="item-menu-list"> <a href="/laptops/product-list?filterCategories=55"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/Accessories/20230531/S1%E6%AD%A3%E8%A7%86%E5%9B%BE.png"> </span> <span class="item-title">MEGABOOK S Series</span> </a> </li> <li class="item-menu-list"> <a href="/laptops/product-list?filterCategories=56"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/Accessories/20230531/T1%E6%AD%A3%E8%A7%86%E5%9B%BE.png"> </span> <span class="item-title">MEGABOOK T Series</span> </a> </li> <li class="item-menu-list"> <a href="/laptops/product-list?filterCategories=54"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/accessories/laptops/megabook-k_series.png"> </span> <span class="item-title">MEGABOOK K Series</span> </a> </li> <li class="item-menu-list"> <a href="/laptops/product-list?filterCategories=611"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/phones/7ee25cace92cc39e806d1a9082419bb9.png"> </span> <span class="item-title">MEGA MINI PC</span> </a> </li> </ul> <ul class="item-menu-list-Box-foot"> <li class="AllModes"> <a href="/laptops/product-list/"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Allnew.svg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Allnew-hover.svg"> <span>All Models</span> </a> </li> <span class="after"></span> <li class="ModelComparison"> <a href="/laptops/product-compare-list/"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Comparisonnew.svg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Comparisonnew-hover.svg"> <span>Compare Models</span> </a> </li> </ul> </div> </div> <div class="item m-r-48"><a href="/laptops/product-list?type=3">Tablets</a></div> <div class="item m-r-48"> <a href="/accessories/product-list/">Accessories</a> <div class="item-menu"> <ul class="item-menu-list-Box"> <li class="item-menu-list"> <a href="/accessories/product-list/?501" target="_top"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/accessories/watch.png"> </span> <span class="item-title">Smart-Wearable</span> </a> </li> <li class="item-menu-list"> <a href="/accessories/product-list/?502" target="_top"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/accessories/home.png"> </span> <span class="item-title">Smart-Home</span> </a> </li> <li class="item-menu-list"> <a href="/accessories/product-list/?504" target="_top"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/accessories/audio.png"> </span> <span class="item-title">Smart-Audio</span> </a> </li> <li class="item-menu-list"> <a href="/accessories/product-list/?503" target="_top"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/accessories/accessories.png"> </span> <span class="item-title">Smart-Accessories</span> </a> </li> <li class="item-menu-list"> <a href="/accessories/product-list/?620" target="_top"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/Accessories/dog800.png"> </span> <span class="item-title">Dynamic</span> </a> </li> <li class="item-menu-list"> <a href="/accessories/product-list/?621" target="_top"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/Accessories/pocket-go/800800.png"> </span> <span class="item-title">Pocket-Go</span> </a> </li> </ul> <ul class="item-menu-list-Box-foot"> <li class="AllModes AccessoriesAllModes"> <a href="/accessories/product-list/"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Allnew.svg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Allnew-hover.svg"> <span>All Models</span> </a> </li> <span class="after"></span> <li class="ModelComparison AccessoriesModelComparison"> <a href="/accessories/hotsale/"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Vectornew.svg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Vectornew-hover.svg"> <span>Hotsale</span> </a> </li> </ul> </div> </div> <div class="item m-r-48"><a href="/shot-on-camon">ShotOnCAMON Gallery</a></div> <div class="item m-r-48"><a href="/universaltone/" target="_blank">Universal Tone</a></div> </div> <div class="after"> <div class="item m-r-48"><a href="/stores/">Stores</a></div> <div class="item m-r-48"><a href="/support/">Support</a></div> <div class="item m-r-64"><a href="https://spot.shalltry.com/#/homepage">Community</a></div> <div class="denglu m-r-64"> <img style="cursor: pointer;" class="w-100 dengluIcon" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/denglu.svg" alt="" /> <img style="cursor: pointer;" class="w-100 headerIconhover dengluIcon" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/denglu-hover.svg" alt="" /> <img style="cursor: pointer;" class="w-100 headerImg" src="" alt="" /> </div> <div class="sousuo"> <img style="cursor: pointer;" class="w-100" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/sousuo.svg" alt="" /> <img style="cursor: pointer;" class="w-100 headerIconhover" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/sousuo-hover.svg" alt="" /> </div> </div> </div> </header>   <header class="HomePage newheaderm"> <div class="pageHeaderMenu"></div> <div class="logo"> <a href="/home/"> <img class="b-lazy" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/logo.svg" alt="" /> </a> </div> <div class="denglu"> <img class="w-100" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/denglu.svg" alt="" /> <img class="w-100 headerIconhover" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/denglu-hover.svg" alt="" /> </div> <div class="openMenu"> <div class="sousuo position-relative"> <input type="text" value=""> <img class="w-100 b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/sousuo.svg" alt="" /> </div> <div class="icon-flex OpenColumn position-relative"> <div class="menuName"> <span>Phone</span> <i class="MenuIcon"></i> </div> <ul class="openList"> <ul class="phoneList"> <a href="/phones/product-list/#new-phantom" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/global/phantom/Frame%20374.png"> </span> <span class="item-title">PHANTOM</span> </li> </a> <a href="/phones/product-list/#new-camon" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/global/phones/camon/30pro5g/30s/black.png"> </span> <span class="item-title">CAMON</span> </li> </a> <a href="/phones/product-list/#new-pova" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/global/pova6/800%2A800/%E7%BB%BF.png"> </span> <span class="item-title">POVA</span> </li> </a> <a href="/phones/product-list/#new-spark" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/global/spark30_kl6/kl6/800%2A800/KL6%20he.png"> </span> <span class="item-title">SPARK</span> </li> </a> <a href="/phones/product-list/#new-pop" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/global/pop-8/800800/pop8-800/bai.png"> </span> <span class="item-title">POP</span> </li> </a> </ul> <div class="menuFoot"> <span class="modes"> <a href="/phones/product-list/" target="_blank"> <img class="w-100" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/All.svg"> All Models </a> </span> <span class="model"> <a href="/phones/product-compare-list/" target="_blank"> <img class="w-100" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Comparison.svg"> Compare Models </a> </span> </div> </ul> </div> <div class="icon-flex OpenColumn position-relative"> <div class="menuName"> <span>Laptops</span> <i class="MenuIcon"></i> </div> <ul class="openList"> <ul class="phoneList"> <a href="/laptops/product-list?filterCategories=55" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/global/Accessories/20230531/S1%E6%AD%A3%E8%A7%86%E5%9B%BE.png"> </span> <span class="item-title">MEGABOOK S Series</span> </li> </a> <a href="/laptops/product-list?filterCategories=56" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/global/Accessories/20230531/T1%E6%AD%A3%E8%A7%86%E5%9B%BE.png"> </span> <span class="item-title">MEGABOOK T Series</span> </li> </a> <a href="/laptops/product-list?filterCategories=54" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/global/accessories/laptops/megabook-k_series.png"> </span> <span class="item-title">MEGABOOK K Series</span> </li> </a> <a href="/laptops/product-list?filterCategories=611" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/global/phones/7ee25cace92cc39e806d1a9082419bb9.png"> </span> <span class="item-title">MEGA MINI PC</span> </li> </a> </ul> <div class="menuFoot"> <span class="modes"> <a href="/laptops/product-list/" target="_blank"> <img class="w-100" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/All.svg"> All Models </a> </span> <span class="model"> <a href="/laptops/product-compare-list/" target="_blank"> <img class="w-100" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Comparison.svg"> Compare Models </a> </span> </div> </ul> </div> <div class="icon-flex position-relative"> <div class="menuName"> <a href="/laptops/product-list?type=3"> <span>Tablets</span> <i class="rightIcon"> <img src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/downUp.svg"> </i> </a> </div> </div> <div class="icon-flex OpenColumn position-relative"> <div class="menuName"> <span>Accessories</span> <i class="MenuIcon"></i> </div> <ul class="openList"> <ul class="phoneList"> <a href="/accessories/product-list/?501" target="_top"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/accessories/watch.png"> </span> <span class="item-title">Smart-Wearable</span> </li> </a> <a href="/accessories/product-list/?502" target="_top"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/accessories/home.png"> </span> <span class="item-title">Smart-Home</span> </li> </a> <a href="/accessories/product-list/?504" target="_top"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/accessories/audio.png"> </span> <span class="item-title">Smart-Audio</span> </li> </a> <a href="/accessories/product-list/?503" target="_top"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/accessories/accessories.png"> </span> <span class="item-title">Smart-Accessories</span> </li> </a> <a href="/accessories/product-list/?620" target="_top"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/global/Accessories/dog800.png"> </span> <span class="item-title">Dynamic</span> </li> </a> <a href="/accessories/product-list/?621" target="_top"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d3fyizz0b46qgr.cloudfront.net/global/Accessories/pocket-go/800800.png"> </span> <span class="item-title">Pocket-Go</span> </li> </a> </ul> <div class="menuFoot"> <span class="modes"> <a href="/accessories/product-list/" target="_blank"> <img class="w-100" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/All.svg"> All Models </a> </span> <span class="model"> <a href="/accessories/hotsale/" target="_blank"> <img class="w-100" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/Vectornew.svg"> Hotsale </a> </span> </div> <span class="after"></span> </ul> </div> <div class="icon-flex position-relative"> <div class="menuName"> <a href="/stores/"> <span>Stores</span> <i class="rightIcon"> <img src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/downUp.svg"> </i> </a> </div> </div> <div class="icon-flex position-relative"> <div class="menuName"> <a href="https://spot.shalltry.com/#/homepage"> <span>Community</span> <i class="rightIcon"> <img src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/downUp.svg"> </i> </a> </div> </div> <div class="icon-flex position-relative"> <div class="menuName"> <a href="/shot-on-camon"> <span>ShotOnCAMON Gallery</span> <i class="rightIcon"> <img src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/downUp.svg"> </i> </a> </div> </div> <div class="icon-flex position-relative"> <div class="menuName"> <a href="/universaltone/" target="_blank"> <span>Universal Tone</span> <i class="rightIcon"> <img src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/downUp.svg"> </i> </a> </div> </div> </div> </header> <section style="opacity: 0;" class="search modal modal-canvas modal-vm fade" id="search-modal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog container" role="search"> <div class="modal-content"> <header class="modal-header"> <div class="modal-title hidden-xs-down"> <h6 class="text-uppercase text-muted small">TYPE IN YOUR SEARCH AND PRESS ENTER</h6> </div> <button type="button" class="close circle" data-dismiss="modal" aria-label="Close"> <span class="iconfont icon-close"></span> </button> </header> <section class="modal-body cs-form-popup-layer"> <h2>Search TECNO</h2> <form action="/search/" method="get"> <input name="id" type="hidden" value="52"> <input name="L" type="hidden" value="0"> <input name="q" autocomplete="off" type="search" class="form-control global-search-input"> <button type="submit" class="btn btn-primary">Search</button> </form> </section> <footer class="modal-footer search-modal-footer flex-column"> <h4>Quick Links</h4> <p class="text-muted mw-100">Learn about TECNO products, view online manuals, get the latest downloads, and more.</p> <a href="/hios-detail/"> <h6>HiOS</h6> </a><a href="/stores/"> <h6>Find TECNO Store</h6> </a> </div> </div> </section> <style> body { font-weight: 400; } #topNav { max-width: 100%; } #newNav { z-index: 99; } @media screen and (min-width: 1441px) { .pagebtn { font-size: 15.7px; } } </style>  <div class='model-mask' style="display:none"></div>   <main class="main" role="main" id="app"> <figure class="masthead with-responsive-image "><picture class="as-background"><source srcset="https://d3fyizz0b46qgr.cloudfront.net/global/phones/List/product-chapter_banner_0502.jpg" media="(min-width: 1200px)"><source srcset="https://d3fyizz0b46qgr.cloudfront.net/global/phones/List/LISTPAGE_02_0502.jpg" media="(min-width: 576px)"><img class="obj-cover obj-center" src="https://d3fyizz0b46qgr.cloudfront.net/global/phones/List/LISTPAGE_03_0502.jpg" alt=""></picture><div class="masthead-head align-self-center black"><h1 class="text-uppercase masthead-head-title">Accessories</h1><p class="small masthead-head-description">Stop At Nothing</p></div></figure> <div class="v-spinner text-center my-30" v-if="!isGoladLoad"> <div class="v-pulse v-pulse1" style="background-color: rgb(0, 116, 200); width: 15px; height: 15px; margin: 2px; border-radius: 100%; display: inline-block; animation-name: v-pulseStretchDelay; animation-duration: 0.75s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.2, 0.68, 0.18, 1.08); animation-fill-mode: both; animation-delay: 0.12s;"></div> <div class="v-pulse v-pulse2" style="background-color: rgb(0, 116, 200); width: 15px; height: 15px; margin: 2px; border-radius: 100%; display: inline-block; animation-name: v-pulseStretchDelay; animation-duration: 0.75s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.2, 0.68, 0.18, 1.08); animation-fill-mode: both; animation-delay: 0.24s;"></div> <div class="v-pulse v-pulse3" style="background-color: rgb(0, 116, 200); width: 15px; height: 15px; margin: 2px; border-radius: 100%; display: inline-block; animation-name: v-pulseStretchDelay; animation-duration: 0.75s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.2, 0.68, 0.18, 1.08); animation-fill-mode: both; animation-delay: 0.36s;"></div> </div> <div v-else :class="!isGoladLoad?'opacitystyle':'opacitystyle1'" style="opacity:0"> <div class="hidden-xs" > <nav class="filter-toolbar sticky on-top" style="zIndex:10"> <div class="container sticky-container d-flex align-items-center justify-content-between"> <div class="filter d-flex align-items-center"> <label id="pc-filter" for="filter-options-list" class="filter-toggle opened" :class="isCheckFilter||isCheckFilter==undefined?'filter-open':''" @click="checkInput"> <span class="iconfont" :class="isCheckFilter||isCheckFilter==undefined?'icon-close':'icon-filter'"></span> <strong class="text-uppercase">{{filterTxt}}</strong> </label> <div class="filter-words hidden-sm-down"> <a class="gray-dark" @click="goIndex"> {{filterAll}} </a> </div> <div class="filter-words hidden-sm-down" v-for="(item,index) in selectList" :key="index"> <a class="gray-dark" @click="deleteTab(item)"> {{item.title}} </a> </div> </div> <a @click="goCompare" class="compare-link d-inline-block" role="button" v-if="(goladurl!='accessories')&&!(goladurl=='lk'&&urltwo=='accessories')">{{bandTxt}}</a> </div> </nav> <section class="container d-flex product-search-result with-filter-options filter-open" > <input type="checkbox" id="filter-options-list1" class="filter-option-state"> <div class="filter-options" :style='isCheckFilter||isCheckFilter==undefined?"width: 13.125rem;":""'> <ul id="pc-filter-list" class="filter-options-list list-unstyled sticky" role="listbox" :style="isCheckFilter||isCheckFilter==undefined?'height:auto':'height:0'"> <li class="accordion-section" v-for="(item,index) in categoriesList" :key="index" @click="filterProduct(item)"> <input type="checkbox" :id="'filter-option-'+item.uid" class="accordion-check-state" > <label :for="'filter-option-'+item.uid" class="accordion-toggle-title" > <h4 class="accordion-toggle-one" :class="checkUid==item.uid?'active':''" v-if="item.children.length==0">{{item.title}}</h4> <h4 v-else>{{item.title}}</h4> </label> <ul class="list-unstyled accordion-content" v-for="(item2,index2) in item.children" :key="index2"> <li @click="filterProduct(item2)" class="filter-box"> <a :data-id="item2.uid" class="gray-dark" :class="isFilter&&choosedCategoryIds.indexOf(item2.uid)==-1?'disabled':getSelectItem(item2)!=-1||checkUid==item2.uid?'active':''" > {{item2.title}} </a> </li> </ul> </li> </ul> </div> <ul id="pc-product-list" class="row list-unstyled product-list" v-if="productsList.length>0&&isPc"> <li class="col-md-6 col-lg-4 col-xl-4" :data-id="'pItem-'+item.uid" v-for="(item,index) in productsList" :key="index"> <a class="gray-dark" @click="goDetail(item.detailUrl)"> <div class="product-tile cs-product-color-section" :class="'cs-product-color-index-'+item.uid" :data-cs-color-slide-index="'cs-product-color-index-'+item.uid" data-bgcolor="#F8F8F8"> <div :class="'swiper-container'+index" class="swiper-box"> <div class="swiper-wrapper swiper-box-list"> <div class="swiper-slide" v-for="(item2,index2) in item.colorImages">  <img class="figure-img" src='https://d3fyizz0b46qgr.cloudfront.net/newfileadmin/global/phones/emp.png' :data-src="item2.identifier" alt="" title=""> </div> </div> </div> <h4 class="tile-title text-center">{{item.title}}</h4> <p class="newPhoneMoney" v-if="item.price!=''"> <b>{{item.price}}</b> </p> <section class="tile-color-section text-center cs-product-color-collection"> <span class="tile-color text-hide" v-for="(item2,index2) in item.colorImages" @click.stop="checkTile(item,index2)" :data-bgcolor="item2.color" :style="'background-color:'+ item2.color+';border-color: #303741;'" :data-color-index="index2"> <p class='active-tile' :style="'border:1px solid'+item2.color" v-if="item.swiperIndex==index2+1"></p> {{item2.title}}</span> </section> </div> </a> </li> </ul> <div class="row no-gutters product-list" v-if="productsList.length==0"> <p> Record not found! </p> </div> </section> </div>  <div class="backbg" @click="changestaus(false)" v-if="isphoneFilter&&!isPc"> </div> <div id="m-product-filter" class="w-50" style="height: 812px;" :class="isphoneFilter?'opened':''" v-if="!isPc"> <div id="m-product-filter-inner"> <div class="filter d-flex align-items-center"> <label for="m-filter-options-list"> <strong class="text-uppercase">{{filterTxt}}</strong> </label> <div style="position: absolute; width: 100%; height: 100%; z-index: 55;"></div> </div> <input id="m-filter-options-list" class="filter-option-state" type="checkbox" checked="checked" /> <div class="filter-options"> <ul class="filter-options-list list-unstyled sticky"> <li class="accordion-section" v-for="(item,index) in categoriesList" :key="index"> <input :id="'m-filter-option-'+item.uid" class="accordion-check-state" type="checkbox" /> <label :for="'m-filter-option-'+item.uid" class="accordion-toggle-title"> <h4 :class="checkUid==item.uid?'active':''">{{item.title}}</h4></label> <ul class="list-unstyled accordion-content" v-for="(item2,index2) in item.children" :key="index2"> <li @click="filterproductphone(item2)" class="filter-box"> <a :data-id="item2.uid" class="gray-dark" :class="isFilter&&choosedCategoryIds.indexOf(item2.uid)==-1?'disabled':getSelectItem(item2)!=-1||checkUid==item2.uid?'active':''" > {{item2.title}} </a> </li> </ul> </li> </ul> </div> <input type="hidden" name="tx_tcproduct_pi1[filterCategories]" id="m-filter-categories" value="292" /> <div class="navbar-fixed-bottom"> <a class="m-filter-reset w-50" @click="resetFilter"> Reset </a> <a class="m-filter-confirm w-50" @click="confirmFilter"> Confirm </a> </div> </div> </div> <div id="mobile-product-filter" class="visible-xs hidden-sm hidden-md hidden-lg"> <nav class="filter-toolbar sticky on-top" style="zIndex:10"> <div class="container sticky-container d-flex align-items-center justify-content-between"> <div class="filter d-flex align-items-center"> <label id="mobile-filter" class="filter-toggle" @click="changestaus(true)"> <span class="iconfont icon-filter"></span> <strong class="text-uppercase">{{filterTxt}}</strong> </label> </div> <a @click="goCompare" class="compare-link d-inline-block" role="button" v-if="(goladurl!='accessories')&&!(goladurl=='lk'&&urltwo=='accessories')">{{bandTxt}}</a> </div> <div class="container sticky-container d-flex align-items-center filter-words" v-if="selectTabPhoneList.length>0"> <a class="gray-dark" v-for="(item,index) in selectlist" :key="index" @click="deleteTab(item)"> {{item.title}} </a> </div> </nav> <section class="container product-search-result"> <ul id="mobile-product-list" class="row list-unstyled product-list" v-if="productsList.length>0&&!isPc"> <li class="col-md-6 col-lg-4 col-xl-4" v-for="(item,index) in productsList" :key="index"> <a class="gray-dark" @click="goDetail(item.detailUrl)"> <div class="product-tile cs-product-color-section" :class="'cs-product-color-index-'+item.uid" :data-cs-color-slide-index="'cs-product-color-index-'+item.uid" data-bgcolor="#F8F8F8"> <div :class="'swiper-container'+index" class="swiper-box"> <div class="swiper-wrapper swiper-box-list"> <div class="swiper-slide" v-for="(item2,index2) in item.colorImages"> <img class="figure-img" src='https://d3fyizz0b46qgr.cloudfront.net/newfileadmin/global/phones/emp.png' :data-src="item2.identifier" alt="" title=""> </div> </div> </div> <h4 class="tile-title text-center">{{item.title}}</h4> <p class="newPhoneMoney" v-if="item.price!=''"> <b>{{item.price}}</b> </p> <section class="tile-color-section text-center cs-product-color-collection"> <span class="tile-color text-hide" v-for="(item2,index2) in item.colorImages" @click.stop="checkTile(item,index2)" :data-bgcolor="item2.color" :style="'background-color:'+ item2.color+';border-color: #303741;'" :data-color-index="index2"> <p class='active-tile' :style="'border:1px solid'+item2.color" v-if="item.swiperIndex==index2+1"></p> {{item2.title}}</span> </section> </div>  </a> </li> </ul> <div class="row no-gutters product-list" v-if="productsList.length==0"> <p> Record not found! </p> </div> </section> </div> </div> </main>  <div class="country-box" style="opacity: 0;"> <section id="country-change-modal" tabindex="-1" role="dialog" class="country-change modal modal-canvas modal-vm fade show" style="display: block; padding-right: 17px;"> <div role="dialog" class="modal-dialog container"> <div class="modal-content"> <header class="modal-header"> <div class="modal-title hidden-xs-down"> <h6 class="text-uppercase text-muted small">CHOOSE YOUR COUNTRY OR REGION</h6> </div> <button type="button" data-dismiss="modal" aria-label="Close" class="close circle country-close"> <span class="iconfont icon-close"></span> </button> </header> <div class="v-spinner text-center my-30" style="display: none;"> <div class="v-pulse v-pulse1" style="background-color: rgb(0, 116, 200); width: 15px; height: 15px; margin: 2px; border-radius: 100%; display: inline-block; animation-name: v-pulseStretchDelay; animation-duration: 0.75s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.2, 0.68, 0.18, 1.08); animation-fill-mode: both; animation-delay: 0.12s;"></div> <div class="v-pulse v-pulse2" style="background-color: rgb(0, 116, 200); width: 15px; height: 15px; margin: 2px; border-radius: 100%; display: inline-block; animation-name: v-pulseStretchDelay; animation-duration: 0.75s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.2, 0.68, 0.18, 1.08); animation-fill-mode: both; animation-delay: 0.24s;"></div> <div class="v-pulse v-pulse3" style="background-color: rgb(0, 116, 200); width: 15px; height: 15px; margin: 2px; border-radius: 100%; display: inline-block; animation-name: v-pulseStretchDelay; animation-duration: 0.75s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.2, 0.68, 0.18, 1.08); animation-fill-mode: both; animation-delay: 0.36s;"></div> </div> <section class="modal-body country-change-tabs"> <input type="radio" name="continent" class="continent-state" value="0" checked/>  <label for="continent-africa" class="continent-nav beginafrica"> <figure class="continent africa "></figure> <h5>Africa</h5> </label> <ul class="list-unstyled row continent-countries beginclass"> <li class="col-12 col-lg-3 country-link"> <a href="/ne"> <span class="flag-icon flag-icon-ne"></span> <span>Niger</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/tg"> <span class="flag-icon flag-icon-tg"></span> <span>Togo</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/bj"> <span class="flag-icon flag-icon-bj"></span> <span>Bénin</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/gn"> <span class="flag-icon flag-icon-gn"></span> <span>Guinea</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/zm"> <span class="flag-icon flag-icon-zm"></span> <span>Zambia</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/ug"> <span class="flag-icon flag-icon-ug"></span> <span>Uganda</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/ao"> <span class="flag-icon flag-icon-ao"> </span> <span>Angola</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/home/"> <span class="flag-icon flag-icon-mg"></span> <span>Madagascar</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/et-en/"> <span class="flag-icon flag-icon-et"></span> <span>Ethiopia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-gm"></span> <span>Gambia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/mz"><span class="flag-icon flag-icon-mz"></span> <span>Moçambique</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-tn"></span> <span>تونس</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/dz"><span class="flag-icon flag-icon-dz"></span> <span>Algérie</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ma/"><span class="flag-icon flag-icon-ma"></span> <span>Maroc</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-mr"></span> <span>Mauritania</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/cm/"><span class="flag-icon flag-icon-cm"></span> <span>Cameroun</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-td"></span> <span>Tchad</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ci"><span class="flag-icon flag-icon-ci"></span> <span>Côte d'Ivoire</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/bf"><span class="flag-icon flag-icon-bf"></span> <span>Burkina Faso</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/sn"><span class="flag-icon flag-icon-sn"></span> <span>Sénégal</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ml"><span class="flag-icon flag-icon-ml"></span> <span>Mali</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/cfr"><span class="flag-icon flag-icon-cd"></span> <span>DR Congo</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/rw"><span class="flag-icon flag-icon-rw"></span> <span>Rwanda</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/tz"><span class="flag-icon flag-icon-tz"></span> <span>Tanzania</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-mw"></span> <span>Malaŵi</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-mu"></span> <span>Mauritius</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-sl"></span> <span>Sierra Leone</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/za"><span class="flag-icon flag-icon-za"></span> <span>South Africa</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-lr"></span> <span>Liberia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/gh"><span class="flag-icon flag-icon-gh"></span> <span>Ghana</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ke"><span class="flag-icon flag-icon-ke"></span> <span>Kenya</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/nga"><span class="flag-icon flag-icon-ng"></span> <span>Nigeria</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/tn"><span class="flag-icon flag-icon-tn"></span> <span>Tunisia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ly"><span class="flag-icon flag-icon-ly"></span> <span>Libya</span></a></li> </ul> <input type="radio" name="continent" class="continent-state" value="1" /> <label for="continent-asia" class="continent-nav"> <figure class="continent asia"></figure> <h5>Asia</h5></label> <ul class="list-unstyled row continent-countries"> <li class="col-12 col-lg-3 country-link"><a href="/kg"><span class="flag-icon flag-icon-kg"></span> <span>Кыргызстан</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/my"><span class="flag-icon flag-icon-my"></span> <span>Malaysia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/uz"><span class="flag-icon flag-icon-uz"></span> <span>Uzbekistan</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/iq"><span class="flag-icon flag-icon-iq"></span> <span>Iraq</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/vn"><span class="flag-icon flag-icon-vn"></span> <span>Vietnam</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/lk"><span class="flag-icon flag-icon-lk"></span> <span>Sri Lanka</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ph"><span class="flag-icon flag-icon-ph"></span> <span>Philippines</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/kh"><span class="flag-icon flag-icon-kh"></span> <span>Cambodia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/jo"><span class="flag-icon flag-icon-jo"></span> <span>الأردن</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/lb"><span class="flag-icon flag-icon-lb"></span> <span>لبنان</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/kz"><span class="flag-icon flag-icon-kz"></span> <span>Kazakhstan</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/mm"><span class="flag-icon flag-icon-mm"></span> <span>Myanmar</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/sa-en"><span class="flag-icon flag-icon-sa"></span> <span>السعودية</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ae"><span class="flag-icon flag-icon-ae"></span> <span>UAE</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/th"><span class="flag-icon flag-icon-th"></span> <span>ประเทศไทย</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/bd/"><span class="flag-icon flag-icon-bd"></span> <span>Bangladesh</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/id"><span class="flag-icon flag-icon-id"></span> <span>Indonesia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/pak"><span class="flag-icon flag-icon-pk"></span> <span>Pakistan</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="https://www.tecno-mobile.in"><span class="flag-icon flag-icon-in"></span> <span>भारत</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/np"><span class="flag-icon flag-icon-np"></span> <span>Nepal</span></a></li> </ul> <input type="radio" name="continent" class="continent-state" value="2" /> <label for="continent-southamerica" class="continent-nav"> <figure class="continent southamerica"></figure> <h5>South America</h5></label> <ul class="list-unstyled row continent-countries"> <li class="col-12 col-lg-3 country-link"><a href="/ar"><span class="flag-icon flag-icon-ar"></span> <span>Argentina</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ec"><span class="flag-icon flag-icon-ec"></span> <span>Ecuador</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/br"><span class="flag-icon flag-icon-br"></span> <span>Brazil</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/bo"><span class="flag-icon flag-icon-bo"></span> <span>Bolivia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/pe"><span class="flag-icon flag-icon-pe"></span> <span>Perú</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/co/"><span class="flag-icon flag-icon-co"></span> <span>Colombia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/latam/"><span class="iconfont icon-global"></span> <span>Latam</span></a></li> </ul> <input type="radio" name="continent" class="continent-state" value="3" /> <label for="continent-northamerica" class="continent-nav"> <figure class="continent northamerica"></figure> <h5>North America</h5></label> <ul class="list-unstyled row continent-countries"> <li class="col-12 col-lg-3 country-link"><a href="/mx"><span class="flag-icon flag-icon-mx"></span> <span>Mexico</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/gua"><span class="flag-icon flag-icon-gua"></span> <span>Guatemala</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/hon"><span class="flag-icon flag-icon-hn"></span> <span>Honduras</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/dr"><span class="flag-icon flag-icon-do"></span> <span>Dominican</span></a></li> </ul> <input type="radio" name="continent" class="continent-state" value="4" /> <label for="continent-europe" class="continent-nav"> <figure class="continent europe"></figure> <h5>Europe</h5></label> <ul class="list-unstyled row continent-countries"> <li class="col-12 col-lg-3 country-link"> <a href="/gr/home/"> <span class="flag-icon flag-icon-gr"></span> <span>Greece</span> </a> </li> <li class="col-12 col-lg-3 country-link"><a href="/hu"><span class="flag-icon flag-icon-hu"></span> <span>Magyarország</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ro"><span class="flag-icon flag-icon-ro"></span> <span>Romania</span></a></li> <li class="col-12 col-lg-3 country-link"> <a href="/pl/"> <span class="flag-icon flag-icon-pl"></span> <span>Polska</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/bg/"> <span class="flag-icon flag-icon-bg"></span> <span>България</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/cz"> <span class="flag-icon flag-icon-cz"></span> <span>Česko</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/rs"> <span class="flag-icon flag-icon-rs"></span> <span>Република Србија</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="https://turkiye.tecno-mobile.com/home//"> <span class="flag-icon flag-icon-tr"></span> <span>Türkiye</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="http://ua.tecno-mobile.com"> <span class="flag-icon flag-icon-ua"></span> <span>Україна</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="http://ru.tecno-mobile.com"> <span class="flag-icon flag-icon-ru"></span> <span>Россия</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/si"> <span class="flag-icon flag-icon-si"></span> <span>Slovenija</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/mk"> <span class="flag-icon flag-icon-mk"></span> <span>North Macedonia</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/al"> <span class="flag-icon flag-icon-al"></span> <span>Albania</span> </a> </li> </ul> </section> <footer class="modal-footer search-modal-footer justify-content-center"> <a href="/home/" class="d-inline-block global-link"><span class="iconfont icon-global"></span> <h4 class="d-inline-block">Global Home</h4></a> </footer> </div> </div> </section> </div> <style> #newNav,#topNav { background: rgba(255, 255, 255, .75); } /**/ .x_about_banner .x_fidetwobox .x_fidetwo div p { text-align: justify; } /**/ /* .country-box{ display: none; } */ #country-change-modal{ -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } .country-box-active{ transition: -webkit-transform .6s linear; transition: transform .6s linear; transition: transform .6s linear, -webkit-transform .6s linear; -webkit-transform: translate3d(0,0,0)!important; transform: translate3d(0,0,0)!important; } .beginclass{ padding: 1.25em 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; min-height: 145px; height: auto!important; } .beginclass a{ -webkit-transform: translateZ(0)!important; transform: translateZ(0)!important; } .beginafrica .africa{ background-position: -133px -91px!important; } .beginafrica:after { border-bottom-color: #0074c8!important; } .country-change{ overflow-y: auto; } .country-change-selector{ margin-left: 2.5rem; font-size: .75rem; display: inline-block; cursor: pointer; } .country-change-selector .flag-icon{ margin-right: 8px; } .filter-options .filter-options-list a.active { color: #0074c8!important; } .filter-options .filter-options-list a{ color: #666!important; } .accordion-toggle-one:after{ content:''!important; } .accordion-toggle-one.active, .btn-outline-primary{ color: #0074c8!important; } .opacitystyle{ opacity: 0!important; } .opacitystyle1{ opacity: 1!important; } .two-line{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .sticky.is-sticky{ z-index: 10; } .navbar-toggleable-lg{ padding: 0 0 1.05rem 0; } .sticky.on-top{ z-index: 10; } .search-result-teaser p,.news-overview .news-subtitle{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .country-change-selector{ margin-left: 2.5rem; font-size: .75rem; display: inline-block; cursor: pointer; } .phoneBtn span.TechSpecs{ cursor: pointer; } .flag-icon-id{ margin-right: 8px; } .newdetail h3{ margin-top: 10px; font-weight: bold; } .container .row .hios-hero, h1 { font-weight: 400; } *, :after, :before { box-sizing: border-box; } .product-tile .tile-title { margin-bottom: 0.8375rem; margin-top: 0.5rem; } @media (min-width: 1200px){ [dir=rtl] .navbar-toggleable-lg .navbar-nav{ margin-right: auto; margin-left: auto; } } .loading-txt{ width: 100%; text-align: center; display: block; color: #999; } /* .modal-content .modal-body, .modal-content .modal-footer, .modal-content .modal-header { margin: 0 auto; max-width: 900px; width: 100%; display: flex; justify-content: center; } */ .country-change-selector,footer.global-footer .legal-copyright { margin-left: 0; } .pc-care-top{ padding-top: 68px; } @media (max-width: 767px) { footer.global-footer .directory-footer .slogan-col { bottom: -18.125rem; } .nav_right .buy-btn-id{ margin-right: 0; line-height: 2.3611vw; } } @media (max-width: 700px) { .care-top{ padding-top:30pt!important; } } @media (min-width: 700px) { .card-bottom{ margin-top: 20pt!important; } .care-top{ padding-top: 50pt!important; } } .buy-btn-id .nav-btn{ display: block; margin-right: 0; line-height: 34px; color: white!important; background: #287DFF; padding: 0 17.75px; border-radius: 4.05px; cursor: pointer } /*.sticky-nav .sticky-container{*/ /* align-items: center;*/ /*}*/ /* .buy-btn-id .nav-btn:hover{ color:#fff!important; } */ @media screen and (max-width: 1440px) and (min-width: 1081px){ .buy-btn-id{ /* display: none; */ height: 2.3611vw; } .nav_right .buy-btn-id{ margin-right: 0; line-height: 2.3611vw; } } .buy-btn-id{ /* display: none; */ height: 34px; } </style>  <script> $('.point-item').click(function (){ $(this).addClass('active').siblings().removeClass('active') }) $('.nav_name').click(function (){ $(this).toggleClass('icon_rotate') $('.drop_down').toggleClass('drop_down_active') }) //详情页下滑显示nav标签不显示header if($("#newNav").length>0){ console.log('新二级导航') $('.HomePage').css('position','relative') } </script> <script> setTimeout(()=>{ let timestamp = $.now() let date = new Date(timestamp) let year = date.getFullYear() //当前年份 var footerTime = [];//定义数组 $('.legal-copyright').each(function () { footerTime.push($(this).html()) }); footerTime.map(i =>{ var start var end if(i.split(' TECNO Mobile')[0].indexOf('-') != '-1'){ start = i.split('-')[0] end = i.split('-')[1].replace(i.split('-')[1].slice(0,4),year) $('.legal-copyright').text(start+'-'+end) }else { start = i.split('-')[0].replace(i.split('-')[0].slice(0,5),"©"+year) $('.legal-copyright').text(start) } }) },1000) </script> <style> @font-face { font-display: swap; font-family: HurmeGeometricSans_No3_4_Regular; src: url(https://d3fyizz0b46qgr.cloudfront.net/global/fonts/HurmeGeometricSans_No3_4_Regular_new.otf) } body { font-family: 'HurmeGeometricSans_No3_4_Regular'!important } .flag-icon-gua{ background-image: url("https://d3fyizz0b46qgr.cloudfront.net/global/gua.png"); } #newNav{ z-index: 9; } </style>  <footer class="fot-pc" id="footer" style="background-color: #ececec;"> <div class="footer-top width-1440"> <ul class="wrap"> <p class="wrap-title">About TECNO</p> <div> <a href="/about-us/">About Us</a> <a href="/news/">News</a> <a href="/contact-us/">Contact Us</a> </div> </ul> <ul class="wrap"> <p class="wrap-title">Products</p> <div> <a href="/phones/product-list/#new-phantom" target="_blank">PHANTOM</a> <a href="/phones/product-list/#new-camon" target="_blank">CAMON</a> <a href="/phones/product-list/#new-pova" target="_blank">POVA</a> <a href="/phones/product-list/#new-spark" target="_blank">SPARK</a> <a href="/phones/product-list/#new-pop" target="_blank">POP</a> <a href="/laptops/product-list/" target="_blank">LAPTOPS</a>  <a href="/accessories/product-list/" target="_blank">ACCESSORIES</a> </div> </ul> <ul class="wrap"> <p class="wrap-title">Support</p> <div> <a href="/faq/">FAQ</a> <a href="/download/">Downloads</a> <a href="/carlcare-global/">Carlcare</a> <a href="/warranty/">Warranty Check</a> <a href="https://security.tecno.com/dashboard">Security Response Center</a> <a href="/declaration/">Eu Declaration Of Conformity</a> </div> </ul> <ul class="wrap"> <p class="wrap-title">Apps & Services</p> <div> <a href="/hios/">HiOS</a> <a href="https://www.boomplaymusic.com">Boomplay Music</a> <a href="https://www.vskit.tv">Vskit</a> </div> </ul> <ul class="wrap"> <a class="logo" href="/home/"> <img src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/logo.svg"> </a> <p class="footer-icon-list"> <a href="https://www.facebook.com/TECNOMobile/" class="faceBook"></a> <a href="https://twitter.com/tecnomobile" class="twitter"></a> <a href="https://www.instagram.com/tecnomobile" class="instagram"></a> </p> </ul> </div> <div class="footer-bottom width-1440"> <div class="footer-bot-left"> <ul class="footer-bot-left-item"> <a href="/privacy-policy/">Privacy Policy</a> <a href="/terms-of-use/">Terms of Use</a> <a href="/site-map/">Site Map</a> </ul> <a class="Global-link clickGlobal" style="cursor: pointer;"> <span class="nationIcon nationGloal"></span> <span>Global</span> </a> <div class="legal-copyright">©2018-2023 TECNO Mobile</div> </div> </div> </footer>   <footer class="fot-m" id="footer-m" style="background: #ececec"> <div class="fot-m-wrap"> <p class="fot-m-wrap-title"> About TECNO </p> <div class="fot-m-wrap-list"> <a href="/about-us/">About Us</a> <a href="/news/">News</a> <a href="/contact-us/">Contact Us</a> </div> </div> <div class="fot-m-wrap"> <p class="fot-m-wrap-title"> Products </p> <div class="fot-m-wrap-list"> <a href="https://www.mobile-phantom.com/homepage" target="_blank">PHANTOM</a> <a href="/phones/product-list/#new-camon" target="_blank">CAMON</a> <a href="/phones/product-list/#new-pova" target="_blank">POVA</a> <a href="/phones/product-list/#new-spark" target="_blank">SPARK</a> <a href="/phones/product-list/#new-pop" target="_blank">POP</a> <a href="/laptops/product-list/" target="_blank">LAPTOPS</a>  <a href="/accessories/product-list/" target="_blank">ACCESSORIES</a> </div> </div> <div class="fot-m-wrap"> <p class="fot-m-wrap-title"> Support </p> <div class="fot-m-wrap-list"> <a href="/faq/">FAQ</a> <a href="/download/">Downloads</a> <a href="/carlcare-global/">Carlcare</a> <a href="/warranty/">Warranty Check</a> <a href="https://security.tecno.com/dashboard">Security Response Center</a> <a href="/declaration/">Eu Declaration Of Conformity</a> </div> </div> <div class="fot-m-wrap"> <p class="fot-m-wrap-title"> Apps & Services </p> <div class="fot-m-wrap-list"> <a href="/hios/">HiOS</a> <a href="https://www.boomplaymusic.com">Boomplay Music</a> <a href="https://www.vskit.tv">Vskit</a> </div> </div> <a class="m-a-wrap" href="/privacy-policy/">Privacy Policy</a> <a class="m-a-wrap" href="/terms-of-use/">Terms of Use</a> <a class="m-a-wrap" href="/site-map/">Site Map</a> <a class="m-a-wrap-global clickGlobal">Global <span class="nationIcon nationGloal"></span></a> <div class="fot-m-logo"> <a class="logo" href="/home/"> <img src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/logo.svg"> </a> <p class="footer-icon-list"> <a href="https://www.facebook.com/TECNOMobile/" class="faceBook"></a> <a href="https://twitter.com/tecnomobile" class="twitter"></a> <a href="https://www.instagram.com/tecnomobile" class="instagram"></a> </p> </div> <div class="legal-copyright">©2018-2023 TECNO Mobile</div> </footer>       <script async src="https://www.googletagmanager.com/gtag/js?id=G-JFHTLG1RWM"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-JFHTLG1RWM'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-99336968-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-99336968-1'); </script> <style> #footer .footer-icon-list { margin: unset; } </style> <a id="backtotop"></a> <script src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/js/slick-swiper-gsap-ScrollTrigger-blazy.min.js"></script> <script src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/js/current-min.js"></script> <script src="/utils/product/productnew.js" type="text/javascript"></script> <script src="https://d3fyizz0b46qgr.cloudfront.net/newfileadmin/templates/js/backtop.js?1631154722" type="text/javascript"></script> <script type="text/javascript"> /*<![CDATA[*/ /*TS_inlineFooter*/ function opneUrl() { var referLink=document.createElement('a'); $pageurl=window.location.href; referLink.href="https://user.tecno.com/home/orderfront/orderlist"+"?"+$pageurl; document.body.append(referLink); referLink.click(); }; $(function () { Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1; }; function getUrl() { var path = location.pathname console.log(path) if (path.substring(0, 1) == '/'){ console.log('斜杠。。') // .... /zm/aaaaaaaaaaa path = path.substring(1, path.length) } var paa = path.split('/') console.log(paa) return paa[0] } var code = getUrl() function getLoginInfo (code) { $.ajax({ xhrFields: { withCredentials: true }, type: 'post', url: "https://user.tecno.com/global/login/isLogin", dataType: 'json', data: { code: code }, success: function(data) { console.log(data.menu) console.log(data.data.menu) console.log(data.status) var Da = data.status if(Da != 0){ console.log("不显示图标") Da = $(".IDDC").hide() $("#user_menu").addClass("user_menu") $(".user_menu").show() $(".head-img").attr('src',data.data.avatar).show(); $(".head-name").text(data.data.userNmae).show(); var menu = data.data.menu; var html = "<ul class='model-window-titleD'>"; $.each(menu, function (k, y) { console.log(k) console.log(y) html += '<a href="' + y.url + '"><i class="iconfont ' + k + '"></i>' + y.title + '</a>'; }); html += "</ul>"; $("#mymenu").append(html); $("#newmenu").append(html); console.log(html); $('body').attr('data-openid',data.data.tudcOpenid); } console.log(Da) } }); } getLoginInfo(code) //点击事件 $("body").delegate(".user_menu","click",function(event){ $(".dropdown_menulist").toggle() console.log('点击。。。') event.stopPropagation();/*此网页上嵌入式页面显示*/ var mask=$(".model-mask"); var _w=$(".message-delD"); var _h=$(".message-del"); if(!mask[0]){ mask=$(".model-mask"); } if(!_w[0]){ var site = 'eg' _w=$(".message-delD"); } var status = $('.model-mask').css('display') if (status == 'none') { mask.show(); _w.show(0); } else { _w.hide(0); mask.hide(); _h.hide(); } $(".model-mask").click(function(){ //隐藏 _w.hide(); mask.hide(); _h.hide(); $('.dropdown_menulist').hide() }); }); }); $('.navbar-off-canvas img').removeAttr('width').removeAttr('height'); /*]]>*/ </script> </body> </html>

CINXE.COM

Product list : TECNO Official Website