Sunucu yanıtını kontrol edin

Sunucu yanıtı
NS kayıtları
Whois alanı
Yanıt başlıkları
İstek başlıkları
Ham HTML kodu
301 Moved Permanently - amtty.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
keep-alive: timeout=5, max=100
content-type: text/html
content-length: 795
date: Thu, 29 May 2025 02:22:02 GMT
server: LiteSpeed
location: https://amtty.com/
x-turbo-charged-by: LiteSpeed
content-type: text/html
last-modified: Tue, 06 May 2025 03:06:52 GMT
accept-ranges: bytes
content-length: 87706
date: Thu, 29 May 2025 02:22:03 GMT
server: LiteSpeed
x-turbo-charged-by: LiteSpeed

HTTP Kodu 301 Kalıcı Olarak Taşındı

301 durum kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.

Kod 301 ne zaman kullanılır?

  • Bir web sitesi alan adını değiştirirken
  • URL yapılarını değiştirirken
  • SEO için yönlendirmeleri ayarlarken

Kod 301 kullanıcı için ne anlama geliyor?

Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.

GET / HTTP/1.1
Host: amtty.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html><html lang="en"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Shot On CAMON Contest 2025</title>
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="theme-color" content="#fff">
  <meta name="application-name" content="tecno mobile">
  <link rel="shortcut icon" href="../../d3fyizz0b46qgr.cloudfront.net/global/x_new/tecno_icon.svg">
  <meta name="description" content="TECNO is a global smartphone brand that creates elegantly designed smartphones with the latest technologies for progressive individuals in over 60 countries world-wide">
  <link rel="canonical" href="https://www.tecno-mobile.com/shot/">
  <meta property="og:type" content="website">
  <meta property="og:title" content="Tecno">
  <meta property="og:description" content="TECNO is a global smartphone brand that creates elegantly designed smartphones with the latest technologies for progressive individuals in over 60 countries world-wide">
  <meta property="og:url" content="https://www.tecno-mobile.com/shot/">
  <meta property="og:site_name" content="Tecno">
  <meta property="og:image" content="../../d3fyizz0b46qgr.cloudfront.net/global/ogImgTECNOlogo.png">
  <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">
  <link rel="alternate" href="https://www.tecno-mobile.com/shot/" hreflang="x-default">
  <link rel="stylesheet" type="text/css" href="../../d3fyizz0b46qgr.cloudfront.net/static/new-css/main-min.css" media="all">
  <link rel="stylesheet" href="../../d3fyizz0b46qgr.cloudfront.net/homenew/cssjs/swiper-bundle.min.css">
  <link rel="stylesheet" href="../../d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/css/global-min.css">
  <link rel="stylesheet" href="../../d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/css/detail.min.css">
  <script src="../../d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/js/jquery.min.js"></script>
  <script>
    document.addEventListener("scroll", function () {
      const observer = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            const img = entry.target;
            const video = entry.target;
            // 如果已经加载过,则跳过
            if (img.getAttribute('data-loaded') === 'true') {
              return;
            }
            if (video.getAttribute('data-loaded') === 'true') {
              return;
            }
            img.src = img.dataset.src;
            video.src = video.dataset.src

            // 标记为已加载
            img.setAttribute('data-loaded', 'true');
            video.setAttribute('data-loaded', 'true');

            observer.unobserve(img);
            observer.unobserve(video);
          }
        });
      }, {
        rootMargin: '0px 0px 100px 0px', // 提前xxpx加载
        threshold: 0.01
      });

      document.querySelectorAll('img[data-src]').forEach(img => {
        observer.observe(img);
      });
      document.querySelectorAll('video[data-src]').forEach(video => {
        observer.observe(video);
      });
      $('.nav_tab').css('top',$('.newheaderpc').height())
    });
  </script>
  <script src="../utils/vue.js"></script>
  <script src="../utils/request.js" type="text/javascript"></script>
  <script src="../utils/hashes.js"></script>
</head>
<body>
<link rel="stylesheet" href="index.css">
<!--pc header  start-->
<header class="HomePage newheaderpc">
    <div class="width-1440 flex-1440">
        <div class="front">
            <div class="logo m-r-70">
                <a href="/home/">
                    <img src="../../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="https://www.mobile-phantom.com/homepage"> -->
                            <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/camon40/camon%2040%20premier%205g/CM8%20B.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="/tablets/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/global/accessories/watchpro2/productpics/black.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/global/india/home/TR109-800X800.webp">
                                </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/global/accessories/freehear1/productpics/black_new.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/?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/phones/00f533f995cadca8471e5e6aee1aad38.png">
                                </span>
                                <span class="item-title"> Smart-Glasses</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>
                        
                    </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="/shotoncamon" target="_blank">ShotOnCAMON</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="../../d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/denglu.svg" alt="">
                <img style="cursor: pointer;" class="w-100 headerIconhover dengluIcon" src="../../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="../../d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/sousuo.svg" alt="">
                <img style="cursor: pointer;" class="w-100 headerIconhover" src="../../d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/sousuo-hover.svg" alt="">
            </div>
        </div>
    </div>
</header>
<!--pc header  end-->
<!--mobile header  start-->
<header class="HomePage newheaderm">
    <div class="pageHeaderMenu"></div>
    <div class="logo">
        <a href="/home/">
            <img class="b-lazy" src="../../d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/logo.svg" alt="">
        </a>
    </div>
    <div class="denglu">
        <img class="w-100" src="../../d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/denglu.svg" alt="">
        <img class="w-100 headerIconhover" src="../../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/camon40/camon%2040%20premier%205g/CM8%20B.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="../../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="../../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="../../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="../../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="../../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/global/accessories/watchpro2/productpics/black.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/global/accessories/freehear1/productpics/black_new.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/?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/phones/00f533f995cadca8471e5e6aee1aad38.png">
                            </span>
                            <span class="item-title"> Smart-Glasses</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>
                    
                </ul>
                <div class="menuFoot">
                    <span class="modes">
                        <a href="/accessories/product-list/" target="_blank">
                            <img class="w-100" src="../../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="../../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="../../d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/downUp.svg">
                    </i>
                </a>
            </div>
        </div>
        <div class="icon-flex position-relative">
            <div class="menuName">
                <a href="/support/">
                    <span>Support</span>
                    <i class="rightIcon">
                        <img src="../../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="../../d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/downUp.svg">
                    </i>
                </a>
            </div>
        </div>
        <div class="icon-flex position-relative">
            <div class="menuName">
                <a href="/shotoncamon" target="_blank">
                    <span>ShotOnCAMON</span>
                    <i class="rightIcon">
                        <img src="../../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="../../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>
        </footer></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>
<!--<link rel="stylesheet" href="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/css/nav1.css">-->

<div style="position: relative" id="shot" v-cloak="">
  <div class="lazyIcon" v-if="lazyIcon">
    <div class="lazy"></div>
  </div>


  <div class="nav_tab">
    <div>
      <p v-for="(item,index) in nav_tab" @click="toTitle(item,index+1)" :style="navActive==index+1?'color:#0264FA':''">
        {{item}}
      </p>
    </div>
  </div>

  <div class="kv">
    <img :src="windowWidth>=1081?kv.pc:kv.m" alt="">
    <div class="kv_text">
      <p class="f64">{{kv.t1}}</p>
      <p>
        <img :src="kv.insIcon" alt="">
        <span>{{kv.t2}}</span>
      </p>
      <p class="f48">{{kv.t3}}</p>
      <div class="kv_btn" @click="open">Click to submit</div>
    </div>
  </div>

  <div class="Timeline" id="Timeline">
    <p class="f64 big_title_bg ">{{sec1.t1}}</p>
    <img class="logoImg" :src="sec1.logoImg" alt="">
    <p class="detail" v-html="sec1.t2"></p>
    <div class="Timeline_line">
      <p class="f48 white">{{nav_tab[0]}}</p>
      <div class="line">
        <div class="point">
          <p><img src="images/point_line.png" alt=""></p>
          <p><img src="images/point_line.png" alt=""></p>
          <p><img src="images/point_line.png" alt=""></p>
        </div>
        <img :src="windowWidth>=1081?sec1.pc_line:sec1.m_line" alt="">
      </div>
      <div class="time">
        <div v-for="item in sec1.point">
          <p>{{item.t1}}</p>
          <p>{{item.t2}}</p>
        </div>
      </div>
    </div>
  </div>

  <div class="Categories" id="Categories">
    <p class="f64 big_title_bg ">{{sec2.t1}}</p>
    <div class="box" v-if="windowWidth>=1081">
      <div class="swiperBox">
        <div class="swiper mySwiper every_pulse">
          <div class="swiper-wrapper">
            <div class="swiper-slide" v-for="item in sec2.swiper.s1">
              <img :src="item" alt="">
            </div>
          </div>
        </div>
        <div class="swiper mySwiper bonds ">
          <div class="swiper-wrapper">
            <div class="swiper-slide" v-for="item in sec2.swiper.s2">
              <img :src="item" alt="">
            </div>
          </div>
        </div>
        <div class="swiper mySwiper motion">
          <div class="swiper-wrapper">
            <div class="swiper-slide" v-for="item in sec2.swiper.s3">
              <img :src="item" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="swiperText">
        <div class="s1txt">
          <p v-for="item in sec2.swiper.s1txt">{{item}}</p>
        </div>
        <div class="s2txt">
          <p v-for="item in sec2.swiper.s2txt">{{item}}</p>
        </div>
        <div class="s3txt">
          <p v-for="item in sec2.swiper.s3txt">{{item}}</p>
        </div>
      </div>
    </div>

    <div class="mBox" v-else="">
      <div class="swiper swiperBoxm">
        <div class="swiper-wrapper">
          <div class="swiper-slide" v-for="(item,index) in sec2.mSwiper" :key="index">
            <div class="img_txt">
              <div class="top">
                <div class="swiper childSwiper">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide" v-for="e in item.img">
                      <img :src="e" alt="" style="width: 100%">
                    </div>
                  </div>
                </div>
              </div>
              <div class="bottom">
                <p>{{item.t1}}</p>
                <p>{{item.t2}}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </div>
  </div>

  <div class="Prizes" id="Awards">
    <p class="f64 big_title_bg ">{{sec3.t1}}</p>
    <p class="detail">{{sec3.t2}}</p>
    <div class="PrizesBox">
      <div v-for="(item,index) in sec3.PrizesBox" :class="'p p'+index">
        <p v-html="item.t1"></p>
        <p v-html="item.t2"></p>
        <p v-html="item.t3"></p>
      </div>
    </div>
    <p class="t3">{{sec3.t3}}</p>
  </div>

  <div class="Requirements" id="Requirements">
    <p class="f64 big_title_bg ">{{sec4.t1}}</p>
    <div class="video" @click="play('v1')" style="display: none">
      <video :data-src="sec4.video" muted="" loop="" preload="" x5-video-player-fullscreen="true" x5-playsinline="" playsinline="" webkit-playsinline="">
      </video>
      <div class="play" v-if="!sec4.play">
        <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none">
          <path d="M47.9995 36L29.9995 47.9995V24.0005L47.9995 36Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M36 63C50.9112 63 63 50.9112 63 36C63 21.0888 50.9112 9 36 9C21.0888 9 9 21.0888 9 36C9 50.9112 21.0888 63 36 63Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
      </div>
    </div>
    <div class="process">
      <div>
        <div class="pa pa1">
          <div class="num">
            <p>{{sec4.pa1.num}}</p>
          </div>
          <div class="txt">
            <p class="f16">{{sec4.pa1.t1}}</p>
            <p class="f24">{{sec4.pa1.t2}}</p>
            <p class="f24">{{sec4.pa1.t3}}</p>
          </div>
        </div>
        <div class="pa pa2">
          <div class="num">
            <p>{{sec4.pa2.num}}</p>
          </div>
          <div class="txt">
            <p class="f16" v-html="sec4.pa2.t"></p>
            <p class="f24" v-html="sec4.pa2.t1"></p>
            <p class="f16" v-html="sec4.pa2.t2"></p>
            <p class="f24" v-html="sec4.pa2.t3"></p>
            <p class="f16" v-html="sec4.pa2.t4"></p>
          </div>
        </div>
      </div>
      <div class="pa pa3 ">
        <div class="num">
          <p>{{sec4.pa3.num}}</p>
        </div>
        <div class="txt">
          <p class="f24" v-html="sec4.pa3.t1"></p>
          <p class="f16" v-html="sec4.pa3.t2"></p>
          <p class="f24" v-html="sec4.pa3.t3"></p>
          <p class="f16" v-html="sec4.pa3.t4"></p>
          <p class="f24" v-html="sec4.pa3.t5"></p>
          <p class="f16" v-html="sec4.pa3.t6"></p>
        </div>
      </div>
    </div>
    <p class="last">{{sec4.t2}}</p>
  </div>

  <div class="FAQ" id="FAQ">
    <p class="f64 big_title_bg ">{{sec5.t1}}</p>
    <div class="faqList" v-for="item in sec5.faq" :class="{ 'active': item.active }" @click="item.active = !item.active">
      <div class="q" v-html="item.q"></div>
      <div class="a" v-html="item.a"></div>
    </div>
  </div>


  <div class="_2024Highlights" id="2024 Highlights">
    <p class="f64 big_title_bg ">{{sec6.t1}}</p>
    <div class="video" v-for="(item,index) in sec6.arr" :key="index" :class="'v'+index" @click="play('v2',item)">
      <video :data-src="item.src" v-if="item.src" :poster="item.post" muted="" loop="" preload="" x5-video-player-fullscreen="true" x5-playsinline="" playsinline="" webkit-playsinline="">
      </video>
      <img v-else="" :data-src="item.post" alt="">
      <div class="play" v-if="item.src && !sec6.v2play">
        <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none">
          <path d="M47.9995 36L29.9995 47.9995V24.0005L47.9995 36Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M36 63C50.9112 63 63 50.9112 63 36C63 21.0888 50.9112 9 36 9C21.0888 9 9 21.0888 9 36C9 50.9112 21.0888 63 36 63Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
      </div>
    </div>
  </div>

  <div class="_2024Gallery" id="2024 Gallery">
    <p class="f64 big_title_bg ">{{sec7.t1}}</p>
    <div class="video" @click="play('v3')">
      <video :data-src="sec7.video" :poster="sec7.post" preload="" x5-video-player-fullscreen="true" x5-playsinline="" playsinline="" webkit-playsinline="">
      </video>
      <div class="play" v-if="!sec7.play">
        <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none">
          <path d="M47.9995 36L29.9995 47.9995V24.0005L47.9995 36Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M36 63C50.9112 63 63 50.9112 63 36C63 21.0888 50.9112 9 36 9C21.0888 9 9 21.0888 9 36C9 50.9112 21.0888 63 36 63Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
      </div>
    </div>

    <div class="swiper GallerySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide" v-for="item in sec7.swiper">
          <img :src="item" alt="">
        </div>
      </div>
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    </div>
    <a href="https://www.tecno-mobile.com/shot-on-camon/" target="_blank">View More</a>
  </div>

    <!--    弹窗部分      -->
    <div class="form" v-if="form">
    <div class="inputList">
      <p class="close" @click="close">x</p>
      <div class="fromLogo">
        <img :src="sec1.logoImg" alt="">
        <img src="images/Vector.svg" alt="">
      </div>
      <div class="step2" v-if="stepShow">

        <div class="input radio-group">
          <p>Submission Categories:</p>
          <div class="labelBox">
            <label v-for="(item,index) in photo_typeList" :key="index">
              <input type="radio" :value="index+1" v-model="formData.photo_type" @change="getType(index+1)">
              {{item.name}}
              <span class="radio"></span>
            </label>
          </div>
        </div>

        <div class="input Required" style="width: 48%;">
          <div>
            <p>Country<i style="color: red;">*</i></p>
            <input type="text" v-model="formData.current_address" placeholder="Philippines">
          </div>
          <p class="err">Country cannot be empty</p>
        </div>

          <!--员工选项才显示-->
          <div class="input Required" v-if="formData.theme == 1" style="width: 48%;">
            <div>
              <p>Store Name<i style="color: red;">*</i></p>
              <input type="text" v-model="formData.store" placeholder="TECNO Exclusive Flagship Store Arena mall">
            </div>
            <p class="err">Store Name cannot be empty</p>
          </div>

          <div class="input Required" v-if="formData.theme == 1" style="width: 30%;">
            <div>
              <p>Real name<i style="color: red;">*</i></p>
              <input type="text" v-model="formData.first_name" placeholder="Oliver Smith">
            </div>
            <p class="err">Real name cannot be empty</p>
          </div>
          <div class="input Required" v-if="formData.theme == 1" style="width: 30%;">
            <div>
              <p>Employee ID Number<i style="color: red;">*</i></p>
              <input type="text" v-model="formData.employee_id" placeholder="12345678">
            </div>
            <p class="err">Employee ID Number cannot be empty</p>
          </div>
          <!--员工选项才显示end-->

          <div class="input Required" :style="formData.theme==0?'width:48%':'width:30%'">
            <div>
              <p>IG Username<i style="color: red;">*</i></p>
              <input type="text" v-model="formData.full_name" placeholder="tecnomobile">
            </div>
            <p class="err">IG Username cannot be empty</p>
          </div>

          <div class="input Required" style="width: 48%;">
            <div>
              <p>{{formData.theme==0?'Email Address':'Work Email Address'}}<i style="color: red;">*</i></p>
              <input type="text" v-model="formData.email" :placeholder="formData.theme==0?'[email protected]':'[email protected]'">
            </div>
            <p class="err">{{formData.theme==0?'Email Address':'Work Email Address'}} Country cannot be empty</p>
          </div>

          <div class="input Required" style="width: 48%;">
            <div>
              <p>Title of Work<i style="color: red;">*</i></p>
              <input type="text" v-model="formData.card_no" placeholder="Colorful Evening and Childhood">
            </div>
            <p class="err">Title of Work cannot be empty</p>
          </div>

        <div class="input" style="width: 100%">
            <p>Work Description:(optional)</p>
            <input type="text" v-model="formData.story" placeholder="The joyful moment of children jumping with pinwheels in hand against a vibrant sunset.">
          </div>
        <div class="input Required" style="width: 100%">
          <div>
            <p>IG Release Link<i style="color: red;">*</i></p>
            <input type="text" v-model="formData.post_link" placeholder="https://www.instagram.com/tecnomobile?igsh=NTc4MTIwNjQ2YQ==">
          </div>
          <p class="err">IG Release Link cannot be empty</p>
        </div>

        <div class="fileWrap">
          <div class="input Required">
            <div>
              <p>Image Upload (<30MB)<i style="color: red;">*</i></p>
              <div class="fileBox">
                <img class="addIcon" src="add.png" alt="" v-if="!formData.file_url">
                <img :src="formData.file_url" alt="" v-else="">
                <div class="lazy" v-if="formData.loader"></div>
                <input type="file" class="file file_url" ref="uploadFile" accept="image/*" @change="fileUpload">
              </div>
            </div>
            <p class="err">Image Upload cannot be empty</p>
          </div>

          <div class="input Required">
            <div>
              <p><a href="https://en.wikipedia.org/wiki/Exif" target="_blank">EXIF</a> Info Upload<i style="color: red;">*</i></p>
              <div class="fileBox">
                <img class="addIcon" src="add.png" alt="" v-if="!formData.photo1_url">
                <img :src="formData.photo1_url" alt="" v-else="">
                <div class="lazy" v-if="formData.loader1"></div>
                <input type="file" class="file photo1" ref="uploadFile1" accept="image/*" @change="fileUpload1">
              </div>
            </div>
            <p class="err">EXIF Info Upload cannot be empty</p>
          </div>
        </div>



          <label class="checkbox">
            <input type="checkbox" v-model="formData.radio" value="radio">
            I agree that TECNO could be entitled to use all submitted works for free, including but not limited to the likeness of individuals depicted and related intellectual property
            <span class="status"></span>
          </label>

        <p class="submit" @click="submit" v-if="!lazyIcon">Submit</p>


      </div>


        <div class="input radio-group theme" v-else="">
            <label v-for="(item,index) in themeList" :key="index">
              <input type="radio" :value="index" v-model="formData.theme" @change="getTheme(index)">
              {{item}}
              <span class="radio"></span>
            </label>
          <div class="submit" @click="submitStepShow">Next ></div>
        </div>
      </div>
    </div>
    <!--    弹窗部分  end   -->


    <div class="xmage-popup" v-if="popActive">
      <div class="popup-container show">
        <div class="close-btn" @click="close">
          <img src="../../d3fyizz0b46qgr.cloudfront.net/global/shotoncamon/images/close.png" alt="">
        </div>

        <div class="popup-content">
          <div class="view-box">
            <video class="view-img lazy" @loadeddata="onLoadedData" :src="popVideoSrc" v-if="popVideoSrc" autoplay="" controls="" preload="" x5-video-player-fullscreen="true" x5-playsinline="" playsinline="" webkit-playsinline="">
            </video>
            <img class="view-img lazy" @load="onLoad" :src="popSrc" alt="" v-else="">
          </div>
        </div>
      </div>
    </div>

  </div>

<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=""> 
           <!-- <input type="radio" name="continent1" class="continent-state1" value="0" style="display: block;"/>  -->
           <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="/rdc"><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>
                <li class="col-12 col-lg-3 country-link">
                    <a href="/es">
                        <span class="flag-icon flag-icon-es"></span>
                        <span>Spain</span>
                    </a>
                </li>
                <li class="col-12 col-lg-3 country-link">
                    <a href="/fr">
                        <span class="flag-icon flag-icon-fr"></span> 
                        <span>France </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);
    }
    #newNav .drop_down{
        background: #fff;
    }

/*<!--  about-us   -->*/
.x_about_banner .x_fidetwobox .x_fidetwo div p {
    text-align: justify;
}
/*<!--  about-us  end   -->*/

/* .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;
    } */
    @keyframes dots {
    0 {
        width: 0
    }

    to {
        width: 100%
    }
    }
    @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>
<!--详情页nav标签-->
<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)
    $('video').each(function () {
        $(this).attr('x5-video-player-fullscreen', true);
        $(this).attr('x5-playsinline','');
        $(this).attr('preload','');
        $(this).attr('playsinline','');
        $(this).attr('webkit-playsinline','');
    });
</script>
<style>
    @font-face {
    font-display: swap;
    font-family: HurmeGeometricSans_No3_4_Regular;
    src: url(../../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("../../d3fyizz0b46qgr.cloudfront.net/global/gua.png");
    }
    #newNav{
        z-index: 9;
    }
</style>
  <!--pc footer  start-->
<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="/laptops/product-list?type=3" target="_blank">Tablets</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="../../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>
<!--pc footer  end-->
<!--mobile footer  start-->
<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="/laptops/product-list?type=3" target="_blank">Tablets</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="../../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>
<!--mobile footer  end-->

<!--<script src="/utils/vue.js" type="text/javascript"></script>-->
<!--<script src="/utils/hashes.js" type="text/javascript"></script>-->
<!--<script src="/utils/request.js" type="text/javascript"></script>-->
<!--<script src="/utils/common.js" type="text/javascript"></script>-->
<!-- Google tag (gtag.js) -->
<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>


<!-- Global site tag (gtag.js) - Google Analytics -->
<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;
  }
  @font-face {
    font-display: swap;
    font-family: HurmeGeometricSans_No3_4_Regular;
    font-weight: 400;
    src: url(../../d3fyizz0b46qgr.cloudfront.net/global/fonts/HurmeGeometricSans_No3_4_Regular_new.otf);
  }
  @font-face {
    font-display: swap;
    font-family: HurmeGeometricSans_No3_5_Semibold;
    font-weight: 500;
    src: url(../../d3fyizz0b46qgr.cloudfront.net/global/fonts/HurmeGeometricSans_No3_5_Semibold.otf);
  }
  @font-face {
    font-display: swap;
    font-family: HurmeGeometricSans_No3_6_Bold;
    font-weight: 600;
    src: url(../../d3fyizz0b46qgr.cloudfront.net/global/fonts/HurmeGeometricSans_No3_6_Bold_new.otf);
  }
</style>

<script src="../../d3fyizz0b46qgr.cloudfront.net/static/new-js/main-min.js" type="text/javascript"></script>
<script src="../../d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/js/slick-swiper-gsap-ScrollTrigger-blazy.min.js"></script>
<script src="../../d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/js/current-min.js"></script>
<script src="index.js"></script>
<!-- Initialize Swiper -->
<script>
  var swiper1 = new Swiper(".every_pulse", {
    loop:true,
    allowTouchMove: false,
  });
  var swiper2 = new Swiper(".bonds", {
    loop:true,
    allowTouchMove: false,
  });
  var swiper3 = new Swiper(".motion", {
    speed:500,
    loop:true,
    autoplay:true,
    initialSlide: 0,
    allowTouchMove: false,
    spaceBetween: 0,
    slidesPerView: 1,
    controller:{
      control: [swiper1, swiper2],//控制Swiper1和Swiper2
    },
  });


  var swiper4 = new Swiper(".swiperBoxm", {
    speed:800,
    loop:true,
    autoplay:false,
    initialSlide: 0,
    // allowTouchMove: false,
    spaceBetween: 0,
    slidesPerView: 1,
    pagination: {
      el: '.swiper-pagination',
      clickable :true,
    },
  })
  var swiper5 = new Swiper(".childSwiper", {
    speed:300,
    loop:true,
    autoplay:true,
    initialSlide: 0,
    allowTouchMove: false,
    spaceBetween: 0,
    slidesPerView: 1,
  });
</script>

<script>
  window.addEventListener('load', function() {

  });
  var mySwiper = new Swiper('.GallerySwiper', {
    // observer: true,
    // observeSlideChildren: true,
    // observeParents: true,  //这三个可以去文档看下介绍,主要就是异步情况会重新加载swiper。
    loop: true, //开启环路
    allowTouchMove:false,
    // initialSlide:15,
    // slidesOffsetAfter : 500,
    spaceBetween: 0, //每个轮播图间隔
    slidesPerView: 'auto', //当前页面显示几个,这里是auto
    // updateOnWindowResize: false,  //分辨率改变时,防止样式错乱加上!
    autoplay:false,
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
  })
</script>
</body></html>                               

Alan adının whois bilgisi

Domain Name: AMTTY.COM
Registry Domain ID: 2894937245_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.namecheap.com
Registrar URL: http://www.namecheap.com
Updated Date: 2024-06-29T04:13:05Z
Creation Date: 2024-06-29T04:12:47Z
Registry Expiry Date: 2025-06-29T04:12:47Z
Registrar: NameCheap, Inc.
Registrar IANA ID: 1068
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.6613102107
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: DNS1.NAMECHEAPHOSTING.COM
Name Server: DNS2.NAMECHEAPHOSTING.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-29T02:21:48Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass