<!doctype html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

	
		
		
		
		
		<meta charset="utf-8">
		<meta http-equiv="cleartype" content="on">
		<meta name="robots" content="index,follow">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<meta name="theme-color" content="#ffffff">
	
	
		
		<title>404 Not page</title>
		
		<link href="//cdn.shopifycdn.net/s/files/1/0493/9834/9974/t/5/assets/fancybox.css?v=3046612058044428340"
			rel="stylesheet" type="text/css" media="all" /> <!-- Stylesheets for Flex "2.0.6" -->
		<link href="//cdn.shopifycdn.net/s/files/1/0493/9834/9974/t/5/assets/styles.scss.css?v=2317759139989812609"
			rel="stylesheet" type="text/css" media="all" />
		<link href="//cdn.shopifycdn.net/s/files/1/0493/9834/9974/t/5/assets/public.scss.css?v=14544795791931294896"
			rel="stylesheet" type="text/css" media="all" /> 
		
		
		
	<link rel="shortcut icon" type="image/x-icon" href="https://www.shengruisi-eu.top/favicon.ico">
		
		
	<meta name="description" content="supceat" />
	<meta name="Keywords" content="blabok" />
		
		
		
	<style>
	
		html{
			height: 100%;
		}
		
		body{
			height:100%;
		}
	
	</style>
		
	</head>

	<body>




		
		<div>

		<script src="/static/js/jquery.min.js"></script>
	
		<style>
		body {
			margin: 0px;
			padding: 0px;
		}

		a {
			cursor: pointer;
			text-decoration: none;
			font-weight: 500;
		}

		.ahouver {
			color: rgb(0, 167, 225);
		}

		.ahouver:hover {
			border-bottom: 2px solid #000000;
			width: 100%;
			padding-bottom: 18px;
			color: rgb(0, 167, 225);

		}

		.ahouverBottom {
			border-bottom: 2px solid #000000;
			width: 100%;
			padding-bottom: 18px;

		}

		/* 下拉区域 */


		.navaClass a:hover {
			color: rgb(0, 167, 225);
		}

		.navaClassThree a:hover {
			color: rgb(0, 167, 225);
		}

		.navaClass {}

		.dealsClass a:hover {
			color: rgb(0, 167, 225);
		}

		.dealsClass a {
			color: #000000;
		}

		.hideList {
			display: none;
		}


		.hideListThree {
			display: none;
		}

		.productnavhover {

			display: block;

		}
		
		
		.afenleiClass{
			color: rgb(0, 167, 225);
		}
		
		.afenleiColor{
			color: #000000;
		}
		
	</style>

	<script>
	
	$("#productInfo").empty();
		
		function fenleimove(fenlei){
		
		
			$("#productInfo").empty();
		
							console.info(fenlei)
							
							var html = "";
							
										$.ajax({
														url: "/fenleiProduct/" + fenlei,
														type: "get",
														
														success: function (res) {


														$("#productInfo").empty();

															if(res.success == true){
																
																
																console.info(res);
																
																for(var i = 0;i<res.body.length;i++){
																	
																	html += ' <a href="/productDetail/Product-Categories/'+res.body[0].fenleiname.replace(" ","-") + '/' + res.body[i].productId+'"><div style="height:140px;width: 140px;"><img style="height:100%" width="100%"src="'+res.body[i].productMainImg.split(",")[0]+'"alt="img not" /></div><p style="font-weight: 600;width: 190px;">'+res.body[i].productTitle+'</p></a>';
																	
																}	
																	
																$("#productInfo").append(html);	
																											
															}
													
														},
														error: function (e) {
																
																
														}
											});	
							
			
		}
		
		function fenleiout(){
			$("#productInfo").empty();
			$(this).empty();
			
		}	
		
		
			
	
	
		$(function () {
			
			$("#productInfo").empty();
			
			$(".oneoneha a:nth-child(1)").addClass("afenleiClass");
			
				$('.afenlei').mouseover(function (index) {
				
	
					$(this).addClass("afenleiClass");
					
					console.info("分類");
	
				});
	
				$('.afenlei').mouseout(function () {
					
					console.info("移走");
					
					$(".oneoneha a:nth-child(1)").removeClass("afenleiClass");
	
				$("#productInfo").empty();
	
					$(this).removeClass("afenleiClass");
					
				});
				
			
			$('.mouverse').mouseover(function () {

					$(this).children("div").removeClass("hideList")

					$(this).children("div").addClass("productnavhover");

				console.info(123)


				$(".navaClass").hide();

				$(".navaClassThree").hide();


				//a标签的下划线

				$(".mouversetwo").children("a").removeClass("ahouverBottom");


				$(".mouverseThree").children("a").removeClass("ahouverBottom");

				$(this).children("a").addClass("ahouverBottom");

			});

			$('.mouverse').mouseout(function () {

				$(this).children("div").removeClass("productnavhover")
				$(this).children("div").addClass("hideList");

				$(this).children("a").removeClass("ahouverBottom");


			});

			$('.mouversetwo').mouseover(function () {

				console.info(456)
				$(this).children("a").addClass("ahouverBottom");
			

				$(".navaClass").show();


			});




			$('.hideList').mouseover(function () {

				$(".navaClass").show();
				$(".mouversetwo").children("a").addClass("ahouverBottom");

				$(".mouverseThree").children("a").removeClass("ahouverBottom");
			});

			$('.hideList').mouseout(function () {

				$(".mouversetwo").children("a").removeClass("ahouverBottom");
				$(".navaClass").hide();

			});



			$('.hideListThree').mouseover(function () {

				$(".navaClassThree").show();
				$(".mouverseThree").children("a").addClass("ahouverBottom");


			});

			$('.hideListThree').mouseout(function () {

				$(".mouverseThree").children("a").removeClass("ahouverBottom");
				$(".navaClassThree").hide();

			});



			$('.mouverseThree').mouseover(function () {

				$(".navaClassThree").show();
				$(".mouverseThree").children("a").addClass("ahouverBottom");
			});





			function scroll(fn) {
				var beforeScrollTop = $(this).scrollTop(),
					fn = fn || function () { };
				window.addEventListener("scroll", function () {
					var afterScrollTop = $(this).scrollTop(),
						delta = afterScrollTop - beforeScrollTop;
					if (delta === 0) return false;
					fn(delta > 0 ? "down" : "up");
					beforeScrollTop = afterScrollTop;
				}, false);
			}

			scroll(function (direction) {
				if (direction != null || direction != "") {
					$(".navaClass").hide();
					$(".mouversetwo").children("a").removeClass("ahouverBottom");


					$(".navaClassThree").hide();
					$(".mouverseThree").children("a").removeClass("ahouverBottom");

				}
			});

		});
	</script>

		<!--导航-->
		
		
			<div style="width: 100%;    height: 61px;
    line-height: 61px;">

		<div style="max-width: 1200px;width: 95%;margin:0 auto;display: flex; height: 61px;
    flex-direction: row;">

			<div style="color: rgb(0, 167, 225);
    font-size: 22px;"><a href="/" style="text-decoration: none;color: rgb(0, 167, 225);font-weight: 600;">SUPCEAT</a>
			</div>

			<!-- 导航条控制 -->
			<div style="color: rgb(0, 167, 225);
    font-size: 15px;    color: rgb(0, 167, 225);
    font-size: 18px;
    
        width: 100%;
        padding: 0px;
        margin: 0px;
        display: flex;
        justify-content: center;flex: none;">

				<div style="display: flex;
    flex-direction: row;
   
    justify-self: center;
    text-align: center;
    align-items: center;
    align-self: center;width: 90%;
    justify-content: space-around;font-weight: 500;">

					<div class="mouversetwo">

						<a class="ahouver">Products</a>


					</div>

					<div class="mouverse" style="z-index: 1300;">

						<a class="ahouver">Deals</a>



						<div class="hideList" style="width: 10%;min-width: 170px;min-height: 82px;
   
    position: fixed;
    z-index: 1200;
    background-color: rgb(255, 255, 255);
    
    text-align: left;">
							<div
								style="margin: 0px auto 0px; background-color: #FFFFFF; display: flex;flex-direction: row;flex-wrap: wrap;">

								<div style="display: flex;flex-direction: row;width: 100%;">

									<div class="dealsClass"
										style="display: flex;flex-direction: column;align-self: center;font-style: normal;font-weight: 400;font-size: 17px;line-height: 35px;margin-left: 16px;">
										<a href="/Discount">Discount</a>
										<a href="TimeLimitedSpike">Time-limitedSpike</a>

									</div>

								</div>

							</div>

						</div>


					</div>


					<div class="mouverse">
						<a class="ahouver">What’s New</a>

						<div class="hideList" style="width: 10%;min-width: 170px;
							
							position: fixed;
							z-index: 1200;
							background-color: rgb(255, 255, 255);
							
							text-align: left;">
							<div
								style="margin: 0px auto 0px; background-color: #FFFFFF; display: flex;flex-direction: row;flex-wrap: wrap;">

								<div style="height: 130px;display: flex;flex-direction: row;width: 100%;">

									<div class="dealsClass"
										style="display: flex;flex-direction: column;align-self: center;font-style: normal;font-weight: 400;font-size: 17px;line-height: 23px;margin-left: 16px;">
										<a href="/NewProductsAlreadyOnTheLine">New products already on the line</a>
										<a href="/ComingSoonNewProducts">Coming soon new products</a>


									</div>

								</div>

							</div>

						</div>


					</div>

					<div class="mouverse"><a class="ahouver">Video</a>


						<div class="hideList" style="width: 10%;min-width: 170px;
						min-height: 82px;
						position: fixed;
						z-index: 1200;
						background-color: rgb(255, 255, 255);
						
						text-align: left;">
							<div
								style="margin: 0px auto 0px; background-color: #FFFFFF; display: flex;flex-direction: row;flex-wrap: wrap;">

								<div style="display: flex;flex-direction: row;width: 100%;">

									<div class="dealsClass"
										style="display: flex;flex-direction: column;align-self: center;font-style: normal;font-weight: 400;font-size: 17px;line-height: 35px;margin-left: 16px;">
										<a href="/Usevideo">User Manual</a>
										

									</div>

								</div>

							</div>

						</div>


					</div>
				<!--	<div class="mouverseThree"><a class="ahouver">FAQ</a></div> -->
					
					
					<div class="mouverse" style="z-index: 1300;">

						<a class="ahouver">FAQ</a>



						<div class="hideList" style="width: 10%;min-width: 170px;min-height: 82px;
   
    position: fixed;
    z-index: 1200;
    background-color: rgb(255, 255, 255);
    
    text-align: left;">
							<div
								style="margin: 0px auto 0px; background-color: #FFFFFF; display: flex;flex-direction: row;flex-wrap: wrap;">

								<div style="display: flex;flex-direction: row;width: 100%;">

									<div class="dealsClass"
										style="display: flex;flex-direction: column;align-self: center;font-style: normal;font-weight: 400;font-size: 17px;line-height: 35px;margin-left: 16px;">
										<a href="/FAQ/Product-Categories/All-Products">All Products</a>
									
									</div>

								</div>

							</div>

						</div>


					</div>
					
					
					<div class="mouverse"><a href="/ContactUs" class="ahouver">Contact</a></div>
					
					
				<!--	
					
					<div class="mouverse"><a class="ahouver">Support</a>

						<div class="hideList" style="width: 10%;min-width: 170px;min-height: 82px;
							
							position: fixed;
							z-index: 1200;
							background-color: rgb(255, 255, 255);
							
							text-align: left;">
							<div
								style="margin: 0px auto 0px; background-color: #FFFFFF; display: flex;flex-direction: row;flex-wrap: wrap;">

								<div style="display: flex;flex-direction: row;width: 100%;">

									<div class="dealsClass"
										style="display: flex;flex-direction: column;align-self: center;font-style: normal;font-weight: 400;font-size: 17px;line-height: 35px;margin-left: 16px;">
										<a href="/ContactUs">Contact Us</a>
										

									</div>

								</div>

							</div>

						</div>

					</div>  -->
					
					
					
					<div class="mouverse"><a class="ahouver">Warranty</a>


						<div class="hideList" style="width: 10%;min-width: 170px;
						
						position: fixed;
						z-index: 1200;
						background-color: rgb(255, 255, 255);
						
						text-align: left;">
							<div
								style="margin: 0px auto 0px; background-color: #FFFFFF; display: flex;flex-direction: row;flex-wrap: wrap;">

								<div style="height: 95px;display: flex;flex-direction: row;width: 100%;">

									<div class="dealsClass"
										style="display: flex;flex-direction: column;align-self: center;font-style: normal;font-weight: 400;font-size: 17px;line-height: 35px;margin-left: 16px;">
										<a href="/warranty">Activate Warranty</a>
										<a href="/warrantyPolicy">Warranty Policy</a>

									</div>

								</div>

							</div>

						</div>


					</div>
					<div class="mouverse"><a href="/vip-club" class="ahouver">VIP Club</a></div>
					<div class="mouverse"><a href="/OurCompany" class="ahouver">About Us</a></div>
					<!--翻译-->

					<div id="gtranslate_wrapper" style="display: block;">
						<!-- GTranslate: https://gtranslate.io/ -->
						<style>
							.switcher {
								font-family: Arial;
								font-size: 10pt;
								text-align: left;
								cursor: pointer;
								overflow: hidden;
								width: 163px;
								line-height: 17px;
							}

							.switcher a {
								text-decoration: none;
								display: block;
								font-size: 10pt;
								-webkit-box-sizing: content-box;
								-moz-box-sizing: content-box;
								box-sizing: content-box;
							}

							.switcher a img {
								vertical-align: middle;
								display: inline;
								border: 0;
								padding: 0;
								margin: 0;
								opacity: 0.8;
							}

							.switcher a:hover img {
								opacity: 1;
							}

							.switcher .selected {
								background: #ffffff linear-gradient(180deg, #efefef 0%, #ffffff 70%);
								position: relative;
								z-index: 9999;
							}

							.switcher .selected a {
								border: 1px solid #cccccc;
								color: #666666;
								padding: 3px 5px;
								width: 151px;
							}

							.switcher .selected a:after {
								height: 16px;
								display: inline-block;
								position: absolute;
								right: 5px;
								width: 15px;
								background-position: 50%;
								background-size: 7px;
								background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23666666'/></svg>");
								background-repeat: no-repeat;
								content: "" !important;
								transition: all .2s;
							}

							.switcher .selected a.open:after {
								-webkit-transform: rotate(-180deg);
								transform: rotate(-180deg);
							}

							.switcher .selected a:hover {
								background: #f0f0f0
							}

							.switcher .option {
								position: relative;
								z-index: 9998;
								border-left: 1px solid #cccccc;
								border-right: 1px solid #cccccc;
								border-bottom: 1px solid #cccccc;
								background-color: #eeeeee;
								display: none;
								width: 161px;
								max-height: 198px;
								-webkit-box-sizing: content-box;
								-moz-box-sizing: content-box;
								box-sizing: content-box;
								overflow-y: auto;
								overflow-x: hidden;
							}

							.switcher .option a {
								color: #000000;
								padding: 3px 5px;
							}

							.switcher .option a:hover {
								background: #ffffff;
							}

							.switcher .option a.selected {
								background: #ffffff;
							}

							#selected_lang_name {
								float: none;
							}

							.l_name {
								float: none !important;
								margin: 0;
							}

							.switcher .option::-webkit-scrollbar-track {
								-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
								border-radius: 5px;
								background-color: #f5f5f5;
							}

							.switcher .option::-webkit-scrollbar {
								width: 5px;
							}

							.switcher .option::-webkit-scrollbar-thumb {
								border-radius: 5px;
								-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
								background-color: #888;
							}

							#gtranslate_wrapper {
								/*	position: absolute;
											top: 17px;
											right: 15%;
											z-index: 9999999999;
											
											*/
							}

							@media screen and (max-width: 1750px) {
								.switcher {
									width: 100px;
									right: 20%;
								}
							}

							@media screen and (max-width: 1350px) {
								.switcher {
									width: 100px;
									right: 13%;
								}
							}

							@media screen and (max-width: 767px) {
								.switcher {
									width: 100px;
									top: 60px;
									right: 5%;
								}

								#gtranslate_wrapper {
									position: absolute;
									right: 4%;
									top: 110px
								}
							}
						</style>

						<div class="switcher notranslate">
							<div class="selected">
								<a href="/#" onclick="return false;"><img src="/static/images/en.png" height="16" width="16"
										alt="en">
									English</a>
							</div>
							<div class="option" style="position: absolute;">
								<a href="/#"
									onclick="doGTranslate(&#39;en|en&#39;);jQuery(&#39;div.switcher div.selected a&#39;).html(jQuery(this).html());return false;"
									title="English" class="nturl selected"><img
										data-gt-lazy-src="//gtranslate.io/shopify/assets/flags/16/en.png" height="16"
										width="16" alt="en"> English</a><a href="/#"
									onclick="doGTranslate(&#39;en|fr&#39;);jQuery(&#39;div.switcher div.selected a&#39;).html(jQuery(this).html());return false;"
									title="Français" class="nturl"><img
										data-gt-lazy-src="//gtranslate.io/shopify/assets/flags/16/fr.png" height="16"
										width="16" alt="fr"> Français</a><a href="/#"
									onclick="doGTranslate(&#39;en|de&#39;);jQuery(&#39;div.switcher div.selected a&#39;).html(jQuery(this).html());return false;"
									title="Deutsch" class="nturl"><img
										data-gt-lazy-src="//gtranslate.io/shopify/assets/flags/16/de.png" height="16"
										width="16" alt="de"> Deutsch</a><a href="/#"
									onclick="doGTranslate(&#39;en|it&#39;);jQuery(&#39;div.switcher div.selected a&#39;).html(jQuery(this).html());return false;"
									title="Italiano" class="nturl"><img
										data-gt-lazy-src="//gtranslate.io/shopify/assets/flags/16/it.png" height="16"
										width="16" alt="it"> Italiano</a><a href="/#"
									onclick="doGTranslate(&#39;en|ja&#39;);jQuery(&#39;div.switcher div.selected a&#39;).html(jQuery(this).html());return false;"
									title="日本語" class="nturl"><img
										data-gt-lazy-src="//gtranslate.io/shopify/assets/flags/16/ja.png" height="16"
										width="16" alt="ja"> 日本語</a><a href="/#"
									onclick="doGTranslate(&#39;en|la&#39;);jQuery(&#39;div.switcher div.selected a&#39;).html(jQuery(this).html());return false;"
									title="Latin" class="nturl"><img
										data-gt-lazy-src="//gtranslate.io/shopify/assets/flags/16/la.png" height="16"
										width="16" alt="la"> Latin</a><a href="/#"
									onclick="doGTranslate(&#39;en|pt&#39;);jQuery(&#39;div.switcher div.selected a&#39;).html(jQuery(this).html());return false;"
									title="Português" class="nturl"><img
										data-gt-lazy-src="//gtranslate.io/shopify/assets/flags/16/pt.png" height="16"
										width="16" alt="pt"> Português</a><a href="/#"
									onclick="doGTranslate(&#39;en|es&#39;);jQuery(&#39;div.switcher div.selected a&#39;).html(jQuery(this).html());return false;"
									title="Español" class="nturl"><img
										data-gt-lazy-src="//gtranslate.io/shopify/assets/flags/16/es.png" height="16"
										width="16" alt="es"> Español</a>
							</div>
						</div>
						<script>
							function GTranslateGetCurrentLang() {
								var keyValue = document.cookie.match('(^|;) ?googtrans=([^;]*)(;|$)');
								return keyValue ? keyValue[2].split('/')[2] : null;
							}

							function gt_loadScript(url, callback) {
								var script = document.createElement("script");
								script.type = "text/javascript";
								if (script.readyState) {
									script.onreadystatechange = function () {
										if (script.readyState == "loaded" || script.readyState == "complete") {
											script.onreadystatechange = null;
											callback()
										}
									}
								} else {
									script.onload = function () {
										callback()
									}
								}
								script.src = url;
								document.getElementsByTagName("head")[0].appendChild(script)
							}
							var gtSwitcherJS = function ($) {
								$(document).ready(function () {
									var allowed_languages = ["en", "fr", "de", "it", "ja", "la", "pt", "es"];
									var accept_language = navigator.language.toLowerCase() || navigator.userLanguage.toLowerCase();
									switch (accept_language) {
										case 'zh-cn':
											var preferred_language = 'zh-CN';
											break;
										case 'zh':
											var preferred_language = 'zh-CN';
											break;
										case 'zh-tw':
											var preferred_language = 'zh-TW';
											break;
										case 'zh-hk':
											var preferred_language = 'zh-TW';
											break;
										case 'he':
											var preferred_language = 'iw';
											break;
										default:
											var preferred_language = accept_language.substr(0, 2);
											break;
									}
									if (preferred_language != 'en' && typeof navigator.userAgent != 'undefined' &&
										/bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent) == false &&
										GTranslateGetCurrentLang() == null && document.cookie.match('gt_auto_switch') == null &&
										allowed_languages.indexOf(preferred_language) >= 0) {
										window.gt_autoswitch_interval = setInterval(function () {
											if (typeof window.gtranslate_installed == 'undefined') return;
											clearInterval(window.gt_autoswitch_interval);
											doGTranslate('en|' + preferred_language);
											document.cookie =
												'gt_auto_switch=1; expires=Thu, 05 Dec 2030 08:08:08 UTC; path=/;';
										}, 500);
										var lang_html = jQuery('div.switcher div.option').find('img[alt="' + preferred_language +
											'"]').parent().html();
										if (typeof lang_html != 'undefined') jQuery('div.switcher div.selected a').html(lang_html
											.replace('data-gt-lazy-', ''));
									}
								});
								$('.switcher .selected').click(function () {
									$('.switcher .option a img').each(function () {
										if (!$(this)[0].hasAttribute('src')) $(this).attr('src', $(this).attr(
											'data-gt-lazy-src'))
									});
									if (!($('.switcher .option').is(':visible'))) {
										$('.switcher .option').stop(true, true).delay(100).slideDown(500);
										$('.switcher .selected a').toggleClass('open')
									}
								});
								$('.switcher .option').bind('mousewheel', function (e) {
									var options = $('.switcher .option');
									if (options.is(':visible')) options.scrollTop(options.scrollTop() - e.originalEvent.wheelDelta);
									return false;
								});
								$('body').not('.switcher').bind('click', function (e) {
									if ($('.switcher .option').is(':visible') && e.target != $('.switcher .option').get(0)) {
										$('.switcher .option').stop(true, true).delay(100).slideUp(500);
										$('.switcher .selected a').toggleClass('open')
									}
								});
								if (typeof GTranslateGetCurrentLang == 'function')
									if (GTranslateGetCurrentLang() != null) $(document).ready(function () {
										var lang_html = $('div.switcher div.option').find('img[alt="' + GTranslateGetCurrentLang() +
											'"]').parent().html();
										if (typeof lang_html != 'undefined') $('div.switcher div.selected a').html(lang_html
											.replace('data-gt-lazy-', ''));
									});
							};
							gt_loadScript("//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js", function () {
								jQuery_gtranslate = jQuery.noConflict(true);
								gtSwitcherJS(jQuery_gtranslate);
							});
						</script>

						<style>
							#goog-gt-tt {
								display: none !important;
							}

							.goog-te-banner-frame {
								display: none !important;
							}

							.goog-te-menu-value:hover {
								text-decoration: none !important;
							}

							body {
								top: 0 !important;
							}

							#google_translate_element2 {
								display: none !important;
							}
						</style>

						<div id="google_translate_element2"></div>
						<script>
							function googleTranslateElementInit2() {
								new google.translate.TranslateElement({
									pageLanguage: 'en',
									autoDisplay: false
								}, 'google_translate_element2');
							}
						</script>
						<script src="/static/js/element.js"></script>


						<script>
							if (typeof GTranslateGetCurrentLang != 'function')

								function GTranslateGetCurrentLang() {
									var keyValue = document.cookie.match('(^|;) ?googtrans=([^;]*)(;|$)');
									return keyValue ? keyValue[2].split('/')[2] : null;
								}

							function GTranslateFireEvent(element, event) {
								try {
									if (document.createEventObject) {
										var evt = document.createEventObject();
										element.fireEvent('on' + event, evt)
									} else {
										var evt = document.createEvent('HTMLEvents');
										evt.initEvent(event, true, true);
										element.dispatchEvent(evt)
									}
								} catch (e) { }
							}

							function doGTranslate(lang_pair) {
								if (lang_pair.value) lang_pair = lang_pair.value;
								if (lang_pair == '') return;
								var lang = lang_pair.split('|')[1];
								if (GTranslateGetCurrentLang() == null && lang == lang_pair.split('|')[0]) return;
								if (typeof ga == 'function') {
									ga('send', 'event', 'GTranslate', lang, location.hostname + location.pathname + location.search);
								} else {
									if (typeof _gaq != 'undefined') _gaq.push(['_trackEvent', 'GTranslate', lang, location.hostname + location
										.pathname + location.search
									]);
								}
								var teCombo;
								var sel = document.getElementsByTagName('select');
								for (var i = 0; i < sel.length; i++)
									if (/goog-te-combo/.test(sel[i].className)) teCombo = sel[i];
								if (document.getElementById('google_translate_element2') == null || document.getElementById(
									'google_translate_element2').innerHTML.length == 0 || teCombo.length == 0 || teCombo.innerHTML.length ==
									0) {
									setTimeout(function () {
										doGTranslate(lang_pair)
									}, 500)
								} else {
									teCombo.value = lang;
									GTranslateFireEvent(teCombo, 'change');
									GTranslateFireEvent(teCombo, 'change')
								}
							}



						</script>
						<style>
							a.glink {
								text-decoration: none;
							}

							a.glink span {
								margin-right: 3px;
								font-size: 10px;
								vertical-align: middle;
							}

							a.glink img {
								vertical-align: middle;
								display: inline;
								border: 0;
								padding: 0;
								margin: 0;
								opacity: 0.8;
							}

							a.glink:hover img {
								opacity: 1;
							}
						</style>
					</div>


				</div>



			</div>

		</div>



	</div>






	<div style="display: none;width: 100%;
    
    position: fixed;
    z-index: 1200;
    background-color: rgb(255, 255, 255);
    min-height: 310px;height:auto" class="navaClass hideList">

		<div class="navaClasstwo"
			style="width: 95%;margin: 30px auto 0px; background-color: #FFFFFF;max-width: 1200px; display: flex;flex-direction: column;flex-wrap: wrap;">


			<div style="display: flex;flex-direction: row;">


			<div style="display: flex;flex-direction: column;width: 24%;" class="oneoneha">

				<a   href="/product/Product-Categories" style="font-weight: 600;font-size:17px;height:42px;width:100%;">
				
				
					<div  class="afenlei"  onmouseout="fenleiout()"  onmouseover="fenleimove(&quot;All-Products&quot;)"  style="display: flex;flex-direction: row;justify-content: space-between;width: 100%;">

						<div>All Products

						</div>
						<div style="">
							<strong> > </strong>
						</div>

					</div>

				</a>
				
			</div>	
				

				<!--图片文字展示区域-->

				<div style="display: flex;flex-direction: column;width: 100%;">

					<div style="width:100%;display: flex;flex-direction: row;justify-content: space-evenly;height: 200px;" id="productInfo">

					
			

					</div>


					<div style="border-bottom: 1px solid #f2f2f2;margin-top:50px"></div>


<div style="display: flex;flex-direction: row;width: 100%;">
					<!--底部类型-->
					<div style="display: flex;flex-direction: row;width: 100%;
    font-weight: 600;margin-top: 5px;justify-content: space-evenly;">
						<div ><a 
						
						href="/product/Product-Categories" style="font-weight: 600;color: rgb(0, 167, 225);font-size:16px">
						
						All Products</a></div>
							

					</div>
					
					<div style="border-radius: 15px;margin-top:7px;
    width: 23%;
    height: 31px;
    border: 1px solid rgb(0,167,225);text-align: center;line-height: 31px;"><a href="/product/Product-Categories"
								style="font-weight: 600;color: rgb(0, 167, 225);font-size:16px;">Shop All </a>
						</div>
					
					</div>

				</div>
				<!--图片文字展示区域结束-->


			</div>




		</div>



	</div>





	<!-- FAQ -->



	<div style="width: 100%;
	   
	    position: fixed;
	    z-index: 1200;
	    background-color:#f6f6f6;
	    height: 212px;" class="navaClassThree hideListThree">
		<div class="navaClassThree"
			style="width: 55%;margin: 30px auto 0px; background-color: #f6f6f6;max-width: 1200px; display: flex;flex-direction: row;flex-wrap: wrap;">

			<div  style="display: flex;flex-direction: row;width: 28%;">
				<div style="display: flex;
	    justify-content: center;
	    flex-direction: column;
	">

				</div>
				<div style="display: flex; flex-direction: column; align-self: center;    font-style: normal;
	    font-weight: 400;
	    font-size: 14px;
	    line-height: 23px;margin-left: 10px;">
	    
	    			<a href="#" target="_self">Product Categories</a>
											
					
	    
					<a href="/FAQ/Product-Categories/All-Products">All Products</a>
				</div>

			</div>

			<!-- 第二段 -->

			

		</div>



	</div>
	
	
	
		
		
		
	</div>


			
		
		<div style="min-height: 100%;">
			
			<div style="line-height: 540px;font-size: 32px; color: #000000;text-align: center;font-weight: bold;">
				
				Please look forward to the opening of the content

				
			</div>
			
		</div>
		
		
		<div id="shopify-section-footer-classic" class="shopify-section footer footer--classic">



			<footer class="footer__container ">
		<section class="footer__content
			                section
			                is-width-wide
			                has-background
			                has-padding-top
			                has-padding-bottom">
			<div class="container has-limit is-justify-space-between">
				<div id="shopify-section-1557855119364" class="footer__block block__1557855119364 block__link-list
			                  
			
			
			one-fourth
			
			
			                  medium-down--one-whole column">




					<div class="footer__menu is-justify-space-between ">
						<p class="footer__heading openFooterMenu">

							About <i class="plus"></i></p>
						<ul>
							<li class="footer__menu-link"> <a href="/OurCompany" class="">
									Our Company</a></li>
							<li class="footer__menu-link"> <a href="/ContactUs" class="">
									Contact Us</a></li>

						</ul>

					</div>
				</div>

				<div id="shopify-section-1557856396674" class="footer__block block__1557856396674 block__link-list
			      	
			      	
			      
			one-fourth
			
			
			                  medium-down--one-whole column">




					<div class="footer__menu is-justify-space-between ">
						<p class="footer__heading openFooterMenu">

							Program <i class="plus"></i></p>
						<ul>

							<li class="footer__menu-link"> <a href="/Wheretobuy" target="_blank" class="">
									Where to Buy</a></li>
							<!--<li class="footer__menu-link"> <a href="/CustomerReviews" class="">
										Customer Reviews</a></li>-->

						</ul>

					</div>
				</div>
				<div id="shopify-section-1564688369013" class="footer__block block__1564688369013 block__link-list
			                  
			
			
			
			
			one-fourth
			
			
			                  medium-down--one-whole column">




					<div class="footer__menu is-justify-space-between ">
						<p class="footer__heading openFooterMenu">

							Customer Care <i class="plus"></i></p>
						<ul>

							<li class="footer__menu-link"> <a href="/warranty" class="">
									Activate Warranty</a></li>
							<li class="footer__menu-link"> <a href="/vip-club" class="">
									Join VIP Club</a></li>
									
									<li class="footer__menu-link"> <a href="/tos" class="">
									Terms of Use</a></li>

						</ul>

					</div>
				</div>
				<div id="shopify-section-786d08f2-5286-4053-b7b2-cd501f0ddf54" class="footer__block block__786d08f2-5286-4053-b7b2-cd501f0ddf54 block__newsletter
			                  
			
			
			
			
			one-fourth
			
			
			                  medium-down--one-whole column">
					<p class="footer__heading">
						Subscribe</p>
					<div class="content">
						<p>Sign up to get the latest on sales, new releases and more…</p>
					</div>













					<style data-shopify>
						.newsletter-form {
							position: relative;
						}

						.newsletter-form .field.is-default-width {
							min-width: 0;
							position: absolute;
							bottom: 0;
							right: 0;
						}

						.button--primary {
							background-color: #999;
						}

						.button .icon {
							width: 4rem !important;
						}

						.control.has-icons-left .input {
							padding-left: 2.25em;
						}

						.newsletter-form .has-icons-left .input {
							padding-left: 1.25em;
						}

						.input-bg {
							color: #999999;
							background: #111111;
							border-color: #999999 !important;
						}

						input::-webkit-input-placeholder {
							color: #999999 !important;
						}

						input::-webkit-input-placeholder {
							color: #999999 !important;
						}

						input::-moz-placeholder {
							/* Mozilla Firefox 19+ */
							color: #999999 !important;
						}

						input:-moz-placeholder {
							/* Mozilla Firefox 4 to 18 */
							color: #999999 !important;
						}

						input:-ms-input-placeholder {
							/* Internet Explorer 10-11 */
							color: #999999 !important;
						}
					</style>


					<div class="newsletter-form__wrapper dark">
						<div class="form__success-message"></div>
						<form method="post" id="newsletter_form" accept-charset="UTF-8"
							class="footer-classic contact-form newsletter-form--newsletter-section">
							<!-- <input type="hidden" name="contact[tags]" value="prospect,newsletter"/> <input type="hidden" name="challenge" value="false" /> -->
							<div class="newsletter-form form">
								<div class="field is-stretched-width"> <label class="label newsletter__text is-sr-only">
										Email<span class="required">*</span></label>
									<div class="control  has-icons-left has-icons-left--responsive-form"> <input
											class="input is- is-  input-bg  " type="email" name="contact[email]"
											maxlength="200" placeholder="Email*" /></div>
								</div>
								<div class="field is-default-width is-align-self-end">
									<div class="control submit"><button type="submit"
											class="button reverse button--primary is-within-form"> <img
												src="https://cdn.shopify.com/s/files/1/0517/6767/3016/files/Group_742.png?v=1638500088"
												alt="icon"></button></div>
								</div>
							</div>
							<div class="policyBox"> <label> <span> <input type="checkbox" name="policy"
											value="yes" /></span> <span>I agree to the <a
											href="/policies/terms-of-service" target="_blank"
											rel="noopener noreferrer">Terms of Use</a> and <a
											href="/policies/privacy-policy" target="_blank"
											rel="noopener noreferrer">Privacy Policy</a>.</span></label></div>
							<div class="form_error_box">
								<div class="contact-form__form-errors swap--visible info_error">
									<p class="form__error"></p>
								</div>
								<div class="contact-form__form-errors swap--visible info_seccess">
									<p class="form__error quote">Welcome to Anker!</p>
								</div>
								<div class="contact-form__form-errors swap--visible info_fill_email">
									<p class="form__error">Please enter your email address.</p>
								</div>
								<div class="contact-form__form-errors swap--visible info_err_email">
									<p class="form__error">Please enter a valid email address (Example:
										name@domain.com).</p>
								</div>
								<div class="contact-form__form-errors swap--visible info_select_policy">
									<p class="form__error">Please agree to the Terms of Use and Privacy Policy.
									</p>
								</div>
								<div class="contact-form__form-errors swap--visible info_fill_captcha">
									<p class="form__error">Please enter the captcha.</p>
								</div>
							</div>
						</form>
					</div>

					<script src="//cdn.shopifycdn.net/s/files/1/0493/9834/9974/t/5/assets/md5.js?v=9817607704103039820">
					</script>

					<script>
						var captchaData = {};

						function getSubscribeCaptchaCode(snippets_id) {
							$('.subscribeCaptchaSpin').addClass('active');
							Shopify.contentCreator.pastApi.getCaptcha({
								fn: body => {
									const {
										captcha_url = '', captcha_code = ''
									} = body;
									captchaData.captcha_code = captcha_code;
									$(`#newsletter_form.${snippets_id} .subscribeCaptchaImage`).html(
										`<img src='/apps/pp/account${captcha_url}'>`);
									$(`#newsletter_form.${snippets_id} .subscribeCaptchaSpin`).removeClass('active');
								},
								error: (err) => {
									openModal(`<p>${err.responseJSON.error || err.responseJSON.exception}</p>`);
								}
							});
						}

						function subscribeValueChange() {
							const event = window.event;
							const {
								name,
								value
							} = event.target;
							captchaData[name] = (value || '').trim();
						}

						function pushErrorDataLayer() {
							window.dataLayer.push({
								"event": "bottom_function",
								"page_group": "index",
								"action": "Email Sign Up Error"
							})
						}

						function pushSuccDataLayer() {
							window.dataLayer.push({
								"event": "bottom_function",
								"page_group": "index",
								"action": "Email Sign Up Success"
							})
						}

						$(document).ready(function () {


							const subscribe_private = {
								timer: null,
								regExp: {
									email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
								},
								isEmail: val => subscribe_private.regExp.email.test(val),
								tip_info: (clas, val) => {
									$('#newsletter_form.footer-classic button[type="submit"]').prop("disabled", false);
									$('#newsletter_form.footer-classic .contact-form__form-errors').addClass(
										'swap--visible');
									$(`#newsletter_form.footer-classic .${clas}`).removeClass('swap--visible');
									if (val) $(`#newsletter_form.footer-classic .${clas} .form__error`).html(val);
									if (subscribe_private.timer) clearTimeout(subscribe_private.timer);
									subscribe_private.timer = setTimeout(() => {
										$(`#newsletter_form.footer-classic .${clas}`).addClass('swap--visible');
									}, 8000);
								}
							};

							$('#newsletter_form.footer-classic button[type="submit"]').on('click', function (e) {
								e.stopPropagation();
								e.preventDefault();
								$(this).prop("disabled", true);
								let value = $('#newsletter_form.footer-classic').serializeArray();
								const email = value.filter(v => v.name === "contact[email]")[0].value;
								const policy = value.filter(v => v.name === "policy")[0];
								const {
									captcha_code = '', captcha = ''
								} = captchaData;
								if (!email) {
									subscribe_private.tip_info('info_fill_email');
									pushErrorDataLayer();
								} else
									if (!policy || policy.value !== 'yes') {
										subscribe_private.tip_info('info_select_policy');
										pushErrorDataLayer();
									} else
										if (email && !subscribe_private.isEmail(email)) {
											subscribe_private.tip_info('info_err_email');
											pushErrorDataLayer();
										} else
											if ('' && captcha === '') {
												subscribe_private.tip_info('info_fill_captcha');
												pushErrorDataLayer();
											} else {
												const data = {
													email,
													brand: 'anker',
												};


												Shopify.contentCreator.pastApi.subscribe_emails({
													params: data,
													fn: (body) => {

														window.dataLayer.push({
															"event": "uaEvent",
															"eventCategory": 'subscribe',
															"eventAction": "footer",
															"eventLabel": "undefined",
															"eventValue": "undefined",
														});

														pushSuccDataLayer();

														subscribe_private.tip_info('info_seccess');

														$('#newsletter_form.footer-classic input[name="contact[email]"]')
															.val('');
														$('#newsletter_form.footer-classic input[name="policy"]').prop(
															"checked", false);
													},
													error: (err) => {
														const {
															responseJSON
														} = err || {};
														if (responseJSON) {
															subscribe_private.tip_info('info_error', responseJSON
																.error || responseJSON.err);
														} else {
															subscribe_private.tip_info('info_err_email');
														}
													}
												});

											}
							});
						})
					</script>
					<!-- <div class="footer__brands mob-show">
											<div class="table-right header_countries">
												<div class="country"> <img
														src="https://cdn.shopify.com/s/files/1/0517/6767/3016/files/Group_623_1_1.png?v=1637630822" />
													<p>United States / English</p>
												</div>
											</div>
										</div> -->
					<!--<div class="social"> <a class="facebook" href="https://www.facebook.com/Anker.fans"
								target="_blank" rel="noopener noreferrer"><i class="iconfont"></i></a><a
								class="twitter" href="https://twitter.com/AnkerOfficial" target="_blank"
								rel="noopener noreferrer"><i class="iconfont"></i></a> <a class="youtube"
								href="https://www.youtube.com/user/AnkerOceanwing" target="_blank"
								rel="noopener noreferrer"><i class="iconfont"></i></a> <a class="pinterest"
								href="https://www.instagram.com/anker_official/" target="_blank"
								rel="noopener noreferrer"><i class="iconfont"></i></a> <a class="Tiktok"
								href="https://www.tiktok.com/@ankerofficial" target="_blank"
								rel="noopener noreferrer"><i class="iconfont"></i></a></div>-->
				</div>
			</div>
		</section>
		<!--<section class="footer__brands">
				<div class="brands">
					<div class="wrap brands_wrap">
						<div class="table table-wrap">
							<div class="table-left">
								<div class="col main"><a href="" target="_blank" rel="noopener noreferrer"><i
											class="iconfont"></i></a></div>
								<div class="col sub">
									<div class="table">
										<div class="cell"><a href="" class="anker" target="_blank"
												rel="noopener noreferrer"><i class="iconfont"></i></a></div>
										<div class="cell"><a href="" class="soundcore" target="_blank"
												rel="noopener noreferrer"><i class="iconfont"></i></a></div>
										<div class="cell"><a href="" class="eufy" target="_blank"
												rel="noopener noreferrer"><i class="iconfont"></i></a></div>
										<div class="cell"><a href="" class="nebula" target="_blank"
												rel="noopener noreferrer"><i class="iconfont"></i></a></div>
									</div>
								</div>
							</div>
							 <div class="table-right pc-show">
												<div class="country"> <img
														src="https://cdn.shopify.com/s/files/1/0517/6767/3016/files/Group_623_1_1.png?v=1637630822" />
													<p>United States / English</p>
												</div>
											</div>
						</div>
					</div>
				</div>
			</section>-->
		<section class="footer_trustpilot section"></section>
		<!--<section class="footer__extra-content section">
				<div class="container">
					<div class="footer__credits column small-down--one-whole">
						<p>© Fantasia Trading LLC 2021 20092381027</p>
					</div>
				</div>
			</section>-->
	</footer>

			


		</div>
		
		
		
		

	</body>

	
				


</html>
