<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
	<link rel="preconnect" href="//qiyukf.com">
	<link rel="preconnect" href="//qiyukf.nosdn.127.net">
	<link rel="preconnect" href="//yckjyxgs1.qiyukf.net">
	<link rel="preconnect" href="//www.google-analytics.com">
	<link rel="preconnect" href="//www.googletagmanager.com">
	<link rel="preconnect" href="//cdnjs.cloudflare.com">
	<link rel="preconnect" href="//turing.captcha.gtimg.com">
	<link rel="preconnect" href="//image.vpayfast.com">
	<link rel="preconnect" href="//accounts.google.com">
	<link rel="preconnect" href="//img.gmlover.com">
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
	<meta name="renderer" content="webkit">
	<meta name="format-detection" content="telephone=no" />
	<link rel="icon" href="/favicon.ico">
	
	
	<title>页面加载异常 KAVIP - 全球应用内购服务 </title>

	<link rel="stylesheet" href="/assets/skins/css/vendors.css?v=1785572465641">
	<link rel="stylesheet" href="/assets/skins/css/vendors-extend.css?v=1785572465641">
	<link rel="stylesheet" href="/assets/skins/css/new-styles.css?v=1785572465641">
	<link rel="manifest" href="/assets/pwa-list/manifest.json?v=4">

	<script src="/assets/skins/js/vendors.min.js?v=1785572465641"></script>

	<link rel="stylesheet" href="/assets/skins/css/style.css?v=1785572465641">
	<link rel="stylesheet" href="/assets/skins/css/new-styles.css/pace-theme-default.min.css?v=5" />
	
	<script type="module" src="/assets/script/common/util/i18-null.js?v=1785572465641" async="true"></script>
	<script src="/assets/script/common/util/vue.global.prod.min.js?=4"></script>
	<script src="/assets/script/common/util/index.prod.js?=4"></script>
	<script src="/assets/script/common/util/jquery.min.js?=5"></script>
	
	<link rel="stylesheet" href="/assets/skins/css/intlTelInput.css?=4">
	<script src="/assets/script/common/util/intlTelInputWithUtils-null.js?v=1785572465641"></script>
	
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-K7FGVT39');</script>
	
	<script type="text/javascript">
		const keyword = ''
		const localUrl = ''
		// 当前是否弹出登录框
		const needLogin = 
		
		// 语言ID
		const languageId = 
		
		// 当前货币
		const currencyCode = ''
		
		const redirectUrl = ''

		const overallSituationFlag = '';
		const indexAdvertFlag = '';
		const userId  ='';
		const sceneCode  ='';
		const couponLink  ='';
		const couponFileUrl  ='';
		
		// 打开在线客服系统
		window.openLiveChat = function () { ysf('open'); }
	</script>
	
	<style type="text/css">
		[v-cloak] { display: none; }
		#YSF-BTN-HOLDER { display: none !important; }
		@keyframes bounce {
			0%, 100% {
				transform: translateY(0);
			}
			50% {
				transform: translateY(-10px);
			}
		}
		.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe{
			width:32px !important;
			height: 32px !important;
		}
		.n-back-top{
			--n-height:60px !important;
			--n-width:60px!important;
			border-radius:50% !important;
			z-index:10;

		}
		.n-back-top .n-base-icon{
			color: #fe8925 !important;
		}

		.naive-message-content {
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center; /* 确保文本也居中 */
		}
		.n-message-container.n-message-container--top{
			top: 50%!important;
		}
		
		input[type="search"]::-webkit-search-cancel-button {
			display: none;
		}
		
		.video-popup {
			display: none;
		}
		.video-popup1 {
			display: none
		}
		.video-banner-box {
			display: none !important;
		}
		.notice-containers{
			display: none;
		}
		.top-right-bounce {
			position: absolute;  /* 固定定位 */
			top: 65px;       /* 距离顶部20px */
			right: 150px;
			width: max-content;
			height: 80px;
			opacity:0.9;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color:rgb(255, 241, 229);
			color:#ff4200;
			font-weight: bold;
			cursor: pointer;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			animation: bounce 1.5s infinite ease-in-out;
			z-index:1000;  /* 确保在最上层 */
		}
		@keyframes bounce {
			0%, 100% {
				transform: translateY(0);
			}
			50% {
				transform: translateY(-10px);
			}
		}
		/* 悬停时暂停动画 */
		.top-right-bounce:hover {
			animation-play-state: paused;
			background-color: #fff1e5;
		}
		@media (max-width: 640px) {
			.common-header .icon-menu{
				background: url(/assets/skins/images/wap/icon-menus.png) center / cover no-repeat !important;
			}
			.register-tips1{
				display: none !important;
			}
			.notice-containers{
				display: block;
			}
			.top-right-bounce{
				display: none;
			}
			.video-popup {
				 display: none;
				align-items: center;
				flex-direction: column;
				justify-content: center;
			}
			.video-banner-box {
				display: block !important;
			}
		}
	</style>
		
 <meta name="keywords" content="页面加载异常,KAVIP">
 <meta name="description" content="页面加载异常,KAVIP"/>
 <link rel="stylesheet" href="/assets/skins/css/pay-status.css">
</head>

<body id="container" v-cloak class="default-layout" >
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K7FGVT39" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<header class="common-header">
		<div class="wrapper">
			<i class="icon-menu"></i>
			<a href="/">
				<div class="logo">
					<img src="/assets/skins/images/logo.png"> <span>全球应用内购服务</span>
				</div>
			</a>
			
			<div class="search-box">
				<div class="service">
					<span class="name">所有服务</span> <i class="icon"></i>
				</div>
				<div class="input-box">
					<form @submit.prevent action="#" style="display: inline-block;width:83%">
						<input @keyup.enter="searchFromBoxSubmit" v-model="keyword" type="search" class="input" id="input_search_code" autocomplete="off" placeholder="请输入商品名称搜索">
					</form>
					<i class="icon-close"></i>
					<i class="icon-wap-search" @click="searchWapSubmit"></i>
				</div>
				<i class="icon-search"  @click="searchSubmit"></i>
				<div class="hot-search" hidden>
					<ul class="list">
						<li class="item">
							<div class="title">热门搜索</div>
							<ul class="sub-list">
								<li v-for="item in hotSearchList" class="sub-item"><a :href="item.linkUrl">{{ item.title }}</a></li>
							</ul>
						</li>
						<li class="item">
							<div class="title">
								<span>最近搜索</span>

							</div>
							<ul class="sub-list">
								<li v-for="item in searchRecordList" class="sub-item"><a :href="`/search/?keyword=${encodeURIComponent(item.keyword)}`">{{ item.keyword }}</a></li>
							</ul>

						</li>
					</ul>
					<div class="clear">
						<a @click="clearSearchRecord" href="javascript:;">清除</a>
					</div>
					
				</div>
				
				<div class="all-service" hidden>
					<div class="mask">
						<i class="icon-close"></i>
						<a href="/" class="home-btn">首页</a>
						<ul class="list" >
							
							<li  class="item video-banner-box" style="text-align: center">
								<a href="javascript:;" class="video-popup-btn"  >
									<img src="/assets/skins/images/service-pic11.png" alt="" class="pic">
									<span>添加桌面</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>


			<div class="operate">
				<img src="/assets/skins/images/pc/register-tips-null.png"  alt="" style="width: 30%" class="register-tips1" >
				<div class="user">
					<i class="avatar"></i>
					<span>登录</span>
<!--					<div class="top-right-bounce" >-->
<!--						<div style="padding:0 15px">-->
<!--							<div style="font-size: 14px;padding:0 10px ;color: #fe8925">新用户注册最高领9%优惠券</div>-->
<!--							<div class="register-div" style="display: flex;justify-content: center;align-items: center;margin-top: 10px">-->
<!--								<a href="javascript:void(0)" style="display: inline-flex;justify-content: center;align-items: center;width: 100PX;height: 30PX;border-radius: 128PX;background: #ff4200;font-size: 12PX;line-height: 16PX;color: #fff;">-->
<!--									立即注册-->
<!--								</a>-->
<!--							</div>-->
<!--						</div>-->

<!--						<div style="background: #fff1e5;height: 10px;position: absolute;right: 89px;top: -5px;transform: rotate(133deg);width: 10px;"> </div>-->
<!--					</div>-->
				</div>

				

				<div onclick="openLiveChat()" class="service"></div>
				<div class="language">
					<div style="background: #fff1e5 url(/assets/skins/images/icon-currency1.png) center/26PX 25PX no-repeat; width: 40PX; height: 40PX; border-radius: 50%; cursor: pointer;"></div>
					<span class="name">  / </span>
					<div class="language-popup" hidden>
						<div class="language-popup-main">
							<i class="icon-close"></i>
							<div class="popup-title">选择您的语言和货币</div>
							<ul class="list">
								<li class="item"><i class="icon icon-language" ></i> <span class="text">{{ language.name }}</span>
									<i class="icon icon-down"></i>
									<div class="select-box" tabindex="0">
										<ul class="select-list " >
											<li @click="selectLanguage(item)"  v-for="item in languageList" class="select-item changeCoder">{{ item.name }}</li>
										</ul>
									</div>
								</li>
								<!-- active  class 控制 select-box 显示与否 -->
								<li class="item"><i class="icon icon-currency" ></i>
									<span class="text">{{ currency.currencyIcon }} - {{ currency.currencyName }}</span>
									<i class="icon icon-down"></i>
									<div class="select-box" tabindex="0">
										<ul class="select-list " >
											<li @click="selectCurrency(item)"  v-for="item in currencyList" class="select-item changeCoder">{{ item.currencyIcon }} - {{ item.currencyName }}</li>
										</ul>
									</div>
								</li>
							</ul>
							<a @click="settingConfig" href="javascript:;" class="save-btn">保存设置</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
	
	

  <div class="pay-status-container">
    <!-- result-box start -->
    <div class="result-box">

      <img src="/assets/skins/images/pay-status/fail.png" alt="" class="pic">
      <span class="text">页面加载异常......</span>
      <div class="desc">

      </div>
    </div>
    <!-- result-box end -->
    <!-- recharge-box start -->
    <div class="reason-box" hidden>
      <div class="common-title small">
        <div class="name"><span>可能原因</span></div>
      </div>
      <ul class="reason-list">
        <li class="reason-item">1、页面获取数据异常</li>
        <li class="reason-item">2、稍后我们自动跳转到网站首页...</li>
        </li>
      </ul>

      <div class="btn-group">
        <a href="javascript:;" class="btn">网站首页</a>

      </div>
    </div>
    <!-- reason-box end -->

  </div>

  <script type="module" src="/assets/script/module/error/404.js"></script>

	
	

	<!-- login-popup start 登录-->
	<div class="common-login-popup popup login   " hidden>
		<div class="popup-main">
			<div class="back-home-btn" @click="funBackHome()">

					<img class="home-icon" src="/assets/skins/images/home.png" alt="">
					<span class="home-text">首页</span>
			</div>
			<i class="icon-close"></i>
			<div class="register-banner">
				<div style="font-weight: 700;background: bisque; padding: 5px 5px;color: rgb(255, 66, 0)" >新用户注册最高领9%优惠券</div>
			</div>
			<div class="tabs">
				<a href="javascript:;" class="tab" :class="{'active':emailLoginShow}" @click="funEmailLoginShow()" data-index="0">邮箱登录</a>
				<a href="javascript:;" class="tab" :class="{'active':phoneLoginShow}" @click="funPhoneLoginShow()" data-index="1">手机登录</a>
				<a href="javascript:;" class="tab" :class="{'active':accountLoginShow}" @click="funAccountLoginShow()" data-index="2">账号登录</a>


			</div>
			<!-- 手机登录 -->
			<div  v-show="phoneLoginShow" class="phone-login box">
				<n-spin size="medium" :show="resetLoading">
					<ul class="form-list">
						<li class="form-item" style="font-size: 12px;color: rgb(254, 137, 37);padding-left: 5px;font-weight:600">
							新用户首次登录将自动注册
						</li>
						<li class="form-item">
							<div class="flex">
								<input type="text" class="input" id="loginPhone" v-model="account.mobile" placeholder="手机号码">
							</div>
						</li>
						<n-spin :show="sendLoading">
							<li class="form-item">
								<div class="content">
									<div class="flex">
										<input type="text" class="input" v-model="account.captcha" placeholder="验证码">
										<a href="javascript:;" class="code-btn" @click="sendPhoneCode"  v-if="phoneSecond == 0">发送验证码</a>
										<a href="javascript:;" class="code-btn" v-if="phoneSecond > 0"><span>{{phoneSecond}}s</span></a>
									</div>
									<div class="tips"  v-if="phoneSecond>0">验证码发送后，请在5分钟内完成验证</div>
								</div>
							</li>
						</n-spin>

						<li class="form-item" v-if="showPasswordConfirm">
							<div class="flex">
								<input type="password" v-model="account.password" class="input" placeholder="请输入密码">
							</div>
						</li>
						<li class="form-item" v-if="showPasswordConfirm">
							<div class="content">
								<div class="flex">
									<input type="password" v-model="account.confirmPassword" class="input" placeholder="请再次输入密码">
								</div>
								<div class="desc">1.密码长度为6~16位，数字、字母、字符至少包含两种；<BR>
<span style="color:red">2.如未收到验证码请检查广告或垃圾邮件箱。</span></div>
							</div>
						</li>
					</ul>
					<div class="submit-box">
						<div class="agreement">
							<div class="common-radio">
								<label>
									<input v-model="consent" checked="checked" type="checkbox"> <span>已阅读并同意&nbsp;<a href="/faq/terms-conditions">&nbsp;条款与条件&nbsp;</a>&nbsp;和&nbsp;<a href="/faq/privacy-policy"> 隐私政策</a></span>
								</label>
							</div>
						</div>
						<a href="javascript:;" class="submit" @click="phoneLogin">登录</a>
						<div class="operate-box">
							<a href="/faq/verificationcode-notreceived">收不到验证码?</a>
							<div class="right">
								<a href="javascript:;" class="register-btn">注册账户</a>
								<a href="javascript:;" class="forget">忘记密码?</a>
							</div>
						</div>
					</div>
				</n-spin>
			</div>

			<!-- 邮箱登录 -->
			<div  v-show="emailLoginShow" class="email-login box">
				<n-spin size="medium" :show="resetLoading">
					<ul class="form-list">
						<li class="form-item" style="font-size: 12px;color: rgb(254, 137, 37);padding-left: 5px;font-weight:600">
							新用户首次登录将自动注册
						</li>
						<li class="form-item">
							<div class="flex">
								<input type="text" class="input" v-model="account.email" placeholder="注册邮箱">
							</div>
						</li>
						<n-spin :show="sendLoading">
							<li class="form-item">
								<div class="content">
									<div class="flex">
										<input type="text" class="input" v-model="account.captcha" placeholder="验证码">
										<a href="javascript:;" class="code-btn" @click="sendEmail" v-if="second == 0" >发送验证码</a>
										<a href="javascript:;" class="code-btn"   v-if="second > 0"><span>{{second}}s</span></a>
									</div>
									<div class="desc" v-if="second>0">验证码发送后，请在5分钟内完成验证</div>
									<div class="tips" v-if="second>0 && !showPassword">
										如未收到验证码请检查广告或垃圾邮件箱。
									</div>
								</div>

							</li>
						</n-spin>

						<li class="form-item" v-if="showPassword">
							<div class="flex">
								<input type="password" v-model="account.password" class="input" placeholder="请输入密码">
							</div>
						</li>
						<li class="form-item"  v-if="showPassword">
							<div class="content">
								<div class="flex">
									<input type="password" v-model="account.confirmPassword" class="input" placeholder="请再次输入密码">
								</div>
								<div class="desc">1.密码长度为6~16位，数字、字母、字符至少包含两种；<BR>
<span style="color:red">2.如未收到验证码请检查广告或垃圾邮件箱。</span></div>
							</div>
						</li>
					</ul>
					<div class="submit-box">
						<div class="agreement">
							<div class="common-radio">
								<label>
									<input v-model="consent" checked="checked" type="checkbox"> <span>已阅读并同意&nbsp;<a href="/faq/terms-conditions">&nbsp;条款与条件&nbsp;</a>&nbsp;和&nbsp;<a href="/faq/privacy-policy"> 隐私政策</a></span>
								</label>
							</div>
						</div>
						<a href="javascript:;" class="submit" @click="emailLogin">登录</a>
						<div class="operate-box">
							<a href="/faq/verificationcode-notreceived">收不到验证码?</a>
							<div class="right">
								<a href="javascript:;" class="register-btn">注册账户</a>
								<a href="javascript:;" class="forget">忘记密码?</a>
							</div>
						</div>
					</div>
				</n-spin>
			</div>
			<!-- 账号登录 -->
			<div v-show="accountLoginShow" class="account-login box">
				<n-spin size="medium" :show="resetLoading">
					<ul class="form-list">
						<li class="form-item">
							<div class="flex">
								<input v-model="account.username" type="text" style="-webkit-background-clip: text;" class="input" name="username" autocomplete="username" spellcheck="false" autocorrect="off" aria-autocomplete="list" autocapitalize="off"  placeholder="请输入邮箱\手机号(不带国家区号)" >
							</div>
						</li>
						<li class="form-item">
							<div class="flex">
								<input v-model="account.password" type="password" style="-webkit-background-clip: text;" class="input"  name="password"  autocomplete="password" spellcheck="false" autocorrect="off" aria-autocomplete="list" autocapitalize="off" placeholder="请输入密码">
							</div>
						</li>
					</ul>
					<div class="submit-box">
						<a @click="accountLogin" href="javascript:;" class="submit">登录</a>
						<div class="operate-box">
							<div class="common-radio">
								<label> <input type="checkbox" v-model="account.remember"> <span>自动登录</span></label>
							</div>
							<div class="right">
								<a href="javascript:;" class="register-btn">注册账户</a>
								<a href="javascript:;" class="forget">忘记密码?</a>
							</div>
						</div>
					</div>
				</n-spin>
			</div>


			<!-- 其他方式登录 -->
			<div class="others">
				<div class="others-title">其他方式登录</div>
				<div class="others-methods">
					<div id="g_id_onload"
						 data-client_id="576489945462-7slnn2s4i4505c6srvgm2atm4jdlddn6.apps.googleusercontent.com"
						 data-auto_prompt="false"></div>
					<div class="g_id_signin icon"
						 data-type="icon"
						 data-shape="circle"
						 data-theme="outline"
						 data-text="signin_with"
						 data-size="medium">
					</div>
					<div style="cursor: pointer;" >
						<a href="https://passport.kavip.com/endpoint/login/apple?redirect_url=null%26site%3D2653">
							<svg t="1764747763297" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2372" width="40" height="40"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#000000" p-id="2373"></path><path d="M517.973333 342.016c22.314667 0 50.602667-15.616 67.328-36.352 15.104-18.858667 26.154667-45.269333 26.154667-71.68a37.589333 37.589333 0 0 0-1.109333-9.984c-25.045333 1.066667-54.954667 17.237333-73.002667 39.082667-14.293333 16.682667-27.221333 42.581333-27.221333 69.248 0 3.754667 0.554667 7.808 1.066666 9.173333 1.877333 0.256 4.309333 0.512 6.741334 0.512z m-78.976 393.984c30.72 0 44.16-21.290667 82.432-21.290667 38.826667 0 47.445333 20.48 81.408 20.48 33.408 0 55.765333-31.786667 77.056-63.061333 23.722667-35.84 33.408-70.826667 34.218667-72.490667-2.133333-0.512-66.304-27.733333-66.304-103.466666 0-65.749333 50.688-95.402667 53.333333-97.536-33.365333-49.578667-84.309333-50.688-98.048-50.688-37.461333 0-68.181333 23.466667-87.594666 23.466666-20.736 0-48.213333-22.101333-80.853334-22.101333-61.952 0-124.757333 52.821333-124.757333 152.234667 0 61.738667 23.466667 127.189333 52.053333 169.514666 24.746667 35.584 46.08 64.938667 77.056 64.938667z" fill="#FFFFFF" p-id="2374"></path></svg>
						</a>
					</div>
					<div style="cursor: pointer;" >
						<!-- yahoo 登录按钮 -->
						<a href="/auth/yahoo/login">
							<svg t="1778133204135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2555" width="40" height="40"><path d="M510.971446 510.980071m-510.971446 0a510.971446 510.971446 0 1 0 1021.942892 0 510.971446 510.971446 0 1 0-1021.942892 0Z" fill="#702C90" p-id="2556"></path><path d="M874.342144 151.676151c199.548121 199.548121 199.548121 523.091996-0.015094 722.655211-199.548121 199.548121-523.107091 199.548121-722.655212 0L874.342144 151.676151z" fill="#5F2C80" p-id="2557"></path><path d="M1010.777581 617.555095L791.074544 385.748758l-33.217769 31.481949-27.294419-28.788733-69.734675 66.071124-60.747224-64.08733-29.480905 27.956402-82.847122-82.853591-37.993969 37.985344-36.307744-36.299119-34.798336 34.791867 36.307744 36.307744-27.738616 27.732148-93.441013-93.456108-19.510184 19.501558-23.527366-23.535991-34.798336 34.798335L490.665589 648.075336l-49.249845 49.249844-18.548474-18.548475-15.47575 15.4585-15.4585-15.4585-24.036253 24.036253 295.917387 295.926012c174.420781-54.606088 308.557605-200.216573 346.963427-381.183875z" fill="#4F286E" p-id="2558"></path><path d="M708.035512 426.793888c-14.984114 4.034433-151.960782 110.262293-160.989202 136.32331-2.001044 8.996075 0.185442 96.313202 2.177861 109.399774 9.028419 2.00967 74.20468 0.250131 86.154883 2.259801l-1.436095 26.988224c-11.706541-0.903489-94.521319-0.694328-141.761493-0.694328-24.003908 0-101.20153 2.654403-124.899244 1.960075l4.493725-25.698758c13.013258-0.953084 66.830141 2.395647 78.633716-10.166945 5.86513-6.253264 4.034433-89.227607 2.033389-103.258638-4.978892-15.007833-125.028621-165.426863-156.407069-190.075504H215.168343v-37.808527H487.840838v2.598339c0.250131 0 0.694328 0.047439 0.927208 0.097033l-0.927208 6.391267v28.724044h-82.208857c36.654908 53.599097 89.195263 118.298816 111.601354 149.394788l109.818096-99.532555h-65.273294l-9.205236-37.776183h239.155001l-1.766008 2.695373c0.185442 0 0.580044 0.04097 0.8388 0.040969l-17.080036 24.778019a2.177861 2.177861 0 0 0-0.532605 0.079783l-6.897997 10.182039h-44.10923c-5.729284 1.265747-10.75777 2.389178-14.145314 3.0986z m78.021327 236.824043l-21.114469-1.056586-23.544617-2.863564 0.185441 40.389616 18.580819 1.606442 20.025539 1.468439 5.867287-39.544347z m40.98691-193.021007c-7.124408-0.250131-71.906066-6.391267-80.31994-8.045148l0.991897 170.591197 36.654908 2.960597 42.673135-165.506646z" fill="#FFFFFF" p-id="2559"></path></svg>
						</a>
					</div>
					<div style="cursor: pointer;" >
						<a href="/auth/line/login">
							<svg t="1779848714635" class="icon"  viewBox="0 0 1107 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3372" width="40" height="40"><path d="M553.967 0C248.01 0 0 195.231 0 436.04c0 223.685 214.083 407.92 489.757 433.017a33.708 33.708 0 0 1 22.512 14.705c12.237 20.145 3.542 63.069-5.96 111.197s42.169 23.149 53.6 17.576c9.1-4.415 243.31-136.444 382.742-265.921 101.963-79.1 165.25-189.02 165.25-310.558C1107.934 195.231 859.908 0 553.967 0zM369.311 550.157a29.545 29.545 0 0 1-29.78 29.276H238.257c-17.878 0-41.698-6.178-41.698-35.135v-216.55a29.528 29.528 0 0 1 29.78-29.277h5.959a29.528 29.528 0 0 1 29.78 29.276v187.275h77.438a29.545 29.545 0 0 1 29.796 29.276v5.859z m83.482-5.825a29.746 29.746 0 0 1-59.493 0V333.958a29.746 29.746 0 0 1 59.493 0v210.374z m262.01 0a32.92 32.92 0 0 1-29.78 29.276 33.708 33.708 0 0 1-35.102-16.787l-95.954-134.58v122.057a29.78 29.78 0 0 1-59.543 0V333.589a29.511 29.511 0 0 1 29.763-29.26 37.67 37.67 0 0 1 33.759 21.437c9.232 13.631 97.364 136.511 97.364 136.511V333.59a29.797 29.797 0 0 1 59.576 0v210.709z m178.696-134.614a29.276 29.276 0 1 1 0 58.552H816.06v46.819h77.438a29.276 29.276 0 1 1 0 58.536H777.35a26.557 26.557 0 0 1-26.859-26.322V330.702a26.557 26.557 0 0 1 26.86-26.339h116.148a29.276 29.276 0 1 1 0 58.536H816.06v46.835h77.438z" fill="#00C300" p-id="3373"></path></svg>
						</a>
					</div>

					<div style="cursor: pointer;" onclick="login()" >
						<img src="/assets/skins/images/login/facebook1.png" class="icon">
					</div>
					<a href="/thirdparty/dbim/login" >
						<img src="/assets/skins/images/login/dbim1.png" class="icon">
					</a>
				</div>
			</div>
		</div>
	</div>

	<!-- reset-popup start 注册-->
	<div class="common-login-popup popup register" hidden>
		<div class="popup-main">
			<div class="back-home-btn" @click="funBackHome()">

				<img class="home-icon" src="/assets/skins/images/home.png" alt="">
				<span class="home-text">首页</span>
			</div>
			<i class="icon-close"></i>
			
			<div class="tabs">
				<a href="javascript:;" class="tab" :class="{'active':emailRegisterShow}" @click="funEmailRegisterShow()" data-index="0">邮箱注册</a>
				<a href="javascript:;" class="tab" :class="{'active':phoneRegisterShow}" @click="funPhoneRegisterShow()" data-index="1">手机注册</a>
			</div>
			<!-- 邮箱注册 -->
			<div v-show="emailRegisterShow" class="email-login box">
				<n-spin size="medium" :show="resetLoading">
					<ul class="form-list">
						<li class="form-item">
							<div class="flex">
								<input type="text" class="input"  v-model="account.email" placeholder="注册邮箱">
							</div>
						</li>
						<n-spin :show="sendLoading">
							<li class="form-item">
								<div class="content">
									<div class="flex">
										<input type="text" class="input" v-model="account.captcha" placeholder="验证码">
										<a href="javascript:;" class="code-btn" @click="resetSendEmail" v-if="resetSecond == 0">发送验证码</a>
										<a href="javascript:;" class="code-btn"   v-if="resetSecond > 0"><span>{{resetSecond}}s</span></a>
									</div>
									<div class="tips" v-if="resetSecond>0">验证码发送后，请在5分钟内完成验证</div>
								</div>
							</li>
						</n-spin>
						<li class="form-item"  v-if="showPassword">
							<div class="flex">
								<input type="password" class="input"  v-model="account.password" placeholder="请输入密码">
							</div>
						</li>
						<li class="form-item"  v-if="showPassword">
							<div class="content">
								<div class="flex">
									<input type="password" class="input"  v-model="account.confirmPassword"  placeholder="请再次输入密码">
								</div>
								<div class="desc">1.密码长度为6~16位，数字、字母、字符至少包含两种；<BR>
<span style="color:red">2.如未收到验证码请检查广告或垃圾邮件箱。</span></div>
							</div>
						</li>
					</ul>
					<div class="submit-box">
						<div class="agreement">
							<div class="common-radio">
								<label>
									<input v-model="consent" checked="checked" type="checkbox"> <span>已阅读并同意&nbsp;<a href="/faq/terms-conditions">&nbsp;条款与条件&nbsp;</a>&nbsp;和&nbsp;<a href="/faq/privacy-policy"> 隐私政策</a></span>
								</label>
							</div>
						</div>
						<a href="javascript:;" class="submit"  @click="emailLogin">注册</a>
						<div class="operate-box back-login" style="cursor: pointer">暂不操作，返回 &nbsp;<font color="#fe8925">登录</font> &nbsp;页</div>
					</div>
				</n-spin>
			</div>
			<!-- 手机注册 -->
			<div v-show="phoneRegisterShow" class="phone-login box">
				<n-spin size="medium" :show="resetLoading">
					<ul class="form-list">
						<li class="form-item">
							<div class="flex">
								<input type="text" class="input" id="resetPhone" v-model="account.mobile" placeholder="手机号码">

							</div>
						</li>
						<n-spin :show="sendLoading">
							<li class="form-item">
								<div class="content">
									<div class="flex">
										<input type="text" class="input" v-model="account.captcha" placeholder="验证码">
										<a href="javascript:;" class="code-btn" @click="sendRegisterPhoneCode"  v-if="phoneSecond == 0">发送验证码</a>
										<a href="javascript:;" class="code-btn" v-if="phoneSecond > 0"><span>{{phoneSecond}}s</span></a>
									</div>
									<div class="tips"  v-if="phoneSecond>0">验证码发送后，请在5分钟内完成验证</div>
								</div>
							</li>
						</n-spin>

						<li class="form-item"  v-if="showPasswordConfirm">
							<div class="flex">
								<input type="password" class="input"  v-model="account.password" placeholder="请输入密码">
							</div>
						</li>
						<li class="form-item"  v-if="showPasswordConfirm">
							<div class="content">
								<div class="flex">
									<input type="password" class="input"  v-model="account.confirmPassword" placeholder="请再次输入密码">
								</div>
								<div class="desc">1.密码长度为6~16位，数字、字母、字符至少包含两种；<BR>
<span style="color:red">2.如未收到验证码请检查广告或垃圾邮件箱。</span></div>
							</div>
						</li>
					</ul>
					<div class="submit-box">
						<div class="agreement">
							<div class="common-radio">
								<label>
									<input v-model="consent" checked="checked" type="checkbox"> <span>已阅读并同意&nbsp;<a href="/faq/terms-conditions">&nbsp;条款与条件&nbsp;</a>&nbsp;和&nbsp;<a href="/faq/privacy-policy"> 隐私政策</a></span>
								</label>
							</div>
						</div>
						<a href="javascript:;" class="submit"  @click="phoneLogin">注册</a>
						<div class="operate-box back-login" style="cursor: pointer">暂不操作，返回 &nbsp;<font color="#fe8925">登录</font> &nbsp;页</div>
					</div>
				</n-spin>
			</div>

			<div class="others">
				<div class="others-title">其他方式登录</div>
				<div class="others-methods">
					<div class="g_id_signin"
						 data-type="icon"
						 data-shape="circle"
						 data-theme="outline"
						 data-text="signin_with"
						 data-size="medium">
					</div>
					<div style="cursor: pointer;" >
						<a href="https://passport.kavip.com/endpoint/login/apple?redirect_url=null%26site%3D2653">
							<svg t="1764747763297" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2372" width="40" height="40"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#000000" p-id="2373"></path><path d="M517.973333 342.016c22.314667 0 50.602667-15.616 67.328-36.352 15.104-18.858667 26.154667-45.269333 26.154667-71.68a37.589333 37.589333 0 0 0-1.109333-9.984c-25.045333 1.066667-54.954667 17.237333-73.002667 39.082667-14.293333 16.682667-27.221333 42.581333-27.221333 69.248 0 3.754667 0.554667 7.808 1.066666 9.173333 1.877333 0.256 4.309333 0.512 6.741334 0.512z m-78.976 393.984c30.72 0 44.16-21.290667 82.432-21.290667 38.826667 0 47.445333 20.48 81.408 20.48 33.408 0 55.765333-31.786667 77.056-63.061333 23.722667-35.84 33.408-70.826667 34.218667-72.490667-2.133333-0.512-66.304-27.733333-66.304-103.466666 0-65.749333 50.688-95.402667 53.333333-97.536-33.365333-49.578667-84.309333-50.688-98.048-50.688-37.461333 0-68.181333 23.466667-87.594666 23.466666-20.736 0-48.213333-22.101333-80.853334-22.101333-61.952 0-124.757333 52.821333-124.757333 152.234667 0 61.738667 23.466667 127.189333 52.053333 169.514666 24.746667 35.584 46.08 64.938667 77.056 64.938667z" fill="#FFFFFF" p-id="2374"></path></svg>
						</a>
					</div>
					<div   style="cursor: pointer;" >
						<!-- apple 登录按钮 -->
						<a href="/auth/yahoo/login">
							<svg t="1778133204135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2555" width="40" height="40"><path d="M510.971446 510.980071m-510.971446 0a510.971446 510.971446 0 1 0 1021.942892 0 510.971446 510.971446 0 1 0-1021.942892 0Z" fill="#702C90" p-id="2556"></path><path d="M874.342144 151.676151c199.548121 199.548121 199.548121 523.091996-0.015094 722.655211-199.548121 199.548121-523.107091 199.548121-722.655212 0L874.342144 151.676151z" fill="#5F2C80" p-id="2557"></path><path d="M1010.777581 617.555095L791.074544 385.748758l-33.217769 31.481949-27.294419-28.788733-69.734675 66.071124-60.747224-64.08733-29.480905 27.956402-82.847122-82.853591-37.993969 37.985344-36.307744-36.299119-34.798336 34.791867 36.307744 36.307744-27.738616 27.732148-93.441013-93.456108-19.510184 19.501558-23.527366-23.535991-34.798336 34.798335L490.665589 648.075336l-49.249845 49.249844-18.548474-18.548475-15.47575 15.4585-15.4585-15.4585-24.036253 24.036253 295.917387 295.926012c174.420781-54.606088 308.557605-200.216573 346.963427-381.183875z" fill="#4F286E" p-id="2558"></path><path d="M708.035512 426.793888c-14.984114 4.034433-151.960782 110.262293-160.989202 136.32331-2.001044 8.996075 0.185442 96.313202 2.177861 109.399774 9.028419 2.00967 74.20468 0.250131 86.154883 2.259801l-1.436095 26.988224c-11.706541-0.903489-94.521319-0.694328-141.761493-0.694328-24.003908 0-101.20153 2.654403-124.899244 1.960075l4.493725-25.698758c13.013258-0.953084 66.830141 2.395647 78.633716-10.166945 5.86513-6.253264 4.034433-89.227607 2.033389-103.258638-4.978892-15.007833-125.028621-165.426863-156.407069-190.075504H215.168343v-37.808527H487.840838v2.598339c0.250131 0 0.694328 0.047439 0.927208 0.097033l-0.927208 6.391267v28.724044h-82.208857c36.654908 53.599097 89.195263 118.298816 111.601354 149.394788l109.818096-99.532555h-65.273294l-9.205236-37.776183h239.155001l-1.766008 2.695373c0.185442 0 0.580044 0.04097 0.8388 0.040969l-17.080036 24.778019a2.177861 2.177861 0 0 0-0.532605 0.079783l-6.897997 10.182039h-44.10923c-5.729284 1.265747-10.75777 2.389178-14.145314 3.0986z m78.021327 236.824043l-21.114469-1.056586-23.544617-2.863564 0.185441 40.389616 18.580819 1.606442 20.025539 1.468439 5.867287-39.544347z m40.98691-193.021007c-7.124408-0.250131-71.906066-6.391267-80.31994-8.045148l0.991897 170.591197 36.654908 2.960597 42.673135-165.506646z" fill="#FFFFFF" p-id="2559"></path></svg>
						</a>
					</div>
					<div style="cursor: pointer;" >
						<a href="/auth/line/login">
							<svg t="1779848714635" class="icon"  viewBox="0 0 1107 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3372" width="40" height="40"><path d="M553.967 0C248.01 0 0 195.231 0 436.04c0 223.685 214.083 407.92 489.757 433.017a33.708 33.708 0 0 1 22.512 14.705c12.237 20.145 3.542 63.069-5.96 111.197s42.169 23.149 53.6 17.576c9.1-4.415 243.31-136.444 382.742-265.921 101.963-79.1 165.25-189.02 165.25-310.558C1107.934 195.231 859.908 0 553.967 0zM369.311 550.157a29.545 29.545 0 0 1-29.78 29.276H238.257c-17.878 0-41.698-6.178-41.698-35.135v-216.55a29.528 29.528 0 0 1 29.78-29.277h5.959a29.528 29.528 0 0 1 29.78 29.276v187.275h77.438a29.545 29.545 0 0 1 29.796 29.276v5.859z m83.482-5.825a29.746 29.746 0 0 1-59.493 0V333.958a29.746 29.746 0 0 1 59.493 0v210.374z m262.01 0a32.92 32.92 0 0 1-29.78 29.276 33.708 33.708 0 0 1-35.102-16.787l-95.954-134.58v122.057a29.78 29.78 0 0 1-59.543 0V333.589a29.511 29.511 0 0 1 29.763-29.26 37.67 37.67 0 0 1 33.759 21.437c9.232 13.631 97.364 136.511 97.364 136.511V333.59a29.797 29.797 0 0 1 59.576 0v210.709z m178.696-134.614a29.276 29.276 0 1 1 0 58.552H816.06v46.819h77.438a29.276 29.276 0 1 1 0 58.536H777.35a26.557 26.557 0 0 1-26.859-26.322V330.702a26.557 26.557 0 0 1 26.86-26.339h116.148a29.276 29.276 0 1 1 0 58.536H816.06v46.835h77.438z" fill="#00C300" p-id="3373"></path></svg>
						</a>
					</div>

					<div style="cursor: pointer;" onclick="login()" >
						<img src="/assets/skins/images/login/facebook1.png" class="icon">
					</div>
					<a href="/thirdparty/dbim/login" >
						<img src="/assets/skins/images/login/dbim1.png" class="icon">
					</a>
<!--					<img src="/assets/skins/images/login/weixin.png" class="icon wechat-btn">-->
				</div>



			</div>
		</div>
	</div>

	<!-- login-popup end -->
	<!-- reset-popup start 忘记密码 -->
	<div class="common-login-popup popup reset" hidden>
		<div class="popup-main">
			<div class="back-home-btn" @click="funBackHome()">

				<img class="home-icon" src="/assets/skins/images/home.png" alt="">
				<span class="home-text">首页</span>
			</div>
			<i class="icon-close"></i>
			<div class="tabs">
				<a href="javascript:;" class="tab" :class="{'active':emailResetShow}" @click="funEmailResetShow()" data-indexs="0">通过邮箱</a>
				<a href="javascript:;" class="tab" :class="{'active':phoneResetShow}" @click="funPhoneResetShow()" data-indexs="1">通过手机</a>
			</div>
			<!-- 邮箱找回密码 -->
			<div class="email-login box" v-show="emailResetShow">
				<n-spin size="medium" :show="resetLoading">
					<ul class="form-list">
						<li class="form-item">
							<div class="flex">
								<input type="hidden" class="input" value="1" name="type">

								<input type="text" class="input" v-model="account.email" placeholder="注册邮箱">
							</div>
						</li>
						<n-spin :show="sendLoading">
							<li class="form-item">
								<div class="content">
									<div class="content">
										<div class="flex">
											<input type="text" class="input" v-model="account.captcha" placeholder="验证码">
											<a href="javascript:;" class="code-btn" @click="sendResetEmail" v-if="second == 0">发送验证码</a>
											<a href="javascript:;" class="code-btn"   v-if="second > 0"><span>{{second}}s</span></a>
										</div>
										<div class="tips" v-if="second>0">验证码发送后，请在5分钟内完成验证</div>
									</div>
								</div>
							</li>
						</n-spin>

						<li class="form-item">
							<div class="flex">
								<input type="password" class="input"  v-model="account.password" placeholder="请输入密码">
							</div>
						</li>
						<li class="form-item">
							<div class="content">
								<div class="flex">
									<input type="password" class="input" v-model="account.confirmPassword"  placeholder="请再次输入密码">
								</div>
								<div class="desc">1.密码长度为6~16位，数字、字母、字符至少包含两种；<BR>
2.如未收到验证码请检查广告或垃圾邮件箱。</div>
							</div>
						</li>
					</ul>
				</n-spin>
			</div>
			<!-- 手机找回密码 -->
			<div class="phone-login box"  v-show="phoneResetShow">
				<n-spin size="medium" :show="resetLoading">
					<ul class="form-list">
						<li class="form-item">
							<div class="flex">
								<input type="hidden" class="input" value="2" name="type">
								<input type="text" class="input" id="forgetPhone" v-model="account.mobile" placeholder="手机号码">
							</div>
						</li>
						<n-spin :show="sendLoading">
							<li class="form-item">
								<div class="content">
									<div class="flex">
										<input type="text" class="input" v-model="account.captcha" placeholder="验证码">
										<a href="javascript:;" class="code-btn" @click="sendResetPhoneCode"  v-if="phoneSecond == 0">发送验证码</a>
										<a href="javascript:;" class="code-btn" v-if="phoneSecond > 0"><span>{{phoneSecond}}s</span></a>
									</div>
									<div class="tips"  v-if="phoneSecond>0">验证码发送后，请在5分钟内完成验证</div>
								</div>
							</li>
						</n-spin>
						<li class="form-item">
							<div class="flex">
								<input type="password" class="input"  v-model="account.password" placeholder="请输入密码">
							</div>
						</li>
						<li class="form-item">
							<div class="content">
								<div class="flex">
									<input type="password" class="input"  v-model="account.confirmPassword" placeholder="请再次输入密码">
								</div>
								<div class="desc">1.密码长度为6~16位，数字、字母、字符至少包含两种；<BR>
2.如未收到验证码请检查广告或垃圾邮件箱。</div>
							</div>
						</li>
					</ul>
				</n-spin>
			</div>
			<div class="submit-box">
					<div class="agreement">
						<div class="common-radio">
							<label>
								<input v-model="consent" checked="checked" type="checkbox"> <span>已阅读并同意&nbsp;<a href="/faq/terms-conditions">&nbsp;条款与条件&nbsp;</a>&nbsp;和&nbsp;<a href="/faq/privacy-policy"> 隐私政策</a></span>
							</label>
						</div>
					</div>
					<a href="javascript:;" class="submit"  @click="resetLogin">重置密码</a>
					<div class="operate-box back-login" v-show="backLogin" style="cursor: pointer">暂不操作，返回 &nbsp;<font color="#fe8925">登录</font> &nbsp;页</div>
				</div>

		</div>
	</div>
	<!-- reset-popup end -->
	<!-- common-wechat-popup start 微信二维码-->
	<div class="common-wechat-popup popup" hidden>
		<n-spin size="small" :show="qrcodeLoading">
		<div class="popup-main">
			<i class="icon-close"></i>
			<div class="wechat-title">微信登录</div>
			<img  :src="qrcodeUrl" class="qrcode" style="margin-top: 10px">
			<div class="desc">微信扫一扫登录</div>
		</div>
		</n-spin>
	</div>
	<!-- common-wechat-popup end -->

	<div class="ad-popup popup" hidden id="couponDiv" style="text-align: center">
		<div class="popup-main">
			<i class="icon-close"></i>
			
			<img  src="" alt="" class="ad-pic"  style="max-width: 75%">
		</div>
	</div>


	<div class="index-popup popup" hidden >
		<div class="popup-main">
			<i class="icon-close"></i>
			
		</div>
	</div>

	<!-- buy-box end -->

	<div class="video-popup video-popup1 popup" onClick="closeVideoPopup(this)" style="display: none">
		<div class="popup-main" style="    position: fixed;top: 54%;left: 50%;transform: translate(-50%, -50%);width: 373px;max-width: 70%;max-height: 80%;border-radius: -1px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);z-index: 1001;background: transparent">
			<i class="icon-close" style="top:-18px;!important;right: -20px!important;z-index: 1002;"></i>
			<div class="video-box">
				<video src="" controls muted id="video-src" poster="/assets/skins/images/video-poster1.png" style="width: 100%;height: 100%"></video>
			</div>
		</div>
	</div>


	<footer class="common-footer">
		<div class="wrapper">
			<div class="links">
				<a href="/faq/Payment-method" target="_blank"> <img src="/assets/skins/images/links1.png" class="pic"></a>
				<a href="/faq/Payment-method" target="_blank"> <img src="/assets/skins/images/links2.png" class="pic"></a>
				<a href="/faq/Payment-method" target="_blank"> <img src="/assets/skins/images/links3.png" class="pic"></a>
				<a href="/faq/Payment-method" target="_blank"> <img src="/assets/skins/images/links8.png" class="pic"></a>
				<a href="/faq/Payment-method" target="_blank"> <img src="/assets/skins/images/links9.png" class="pic"></a>
				<a href="/faq/Payment-method" target="_blank"> <img src="/assets/skins/images/links10.png" class="pic"></a>
				<a href="/faq/Payment-method" target="_blank"> <img src="/assets/skins/images/links11.png" class="pic"></a>
				<a href="/faq/Payment-method" target="_blank"> <img src="/assets/skins/images/atm1.webp" class="pic"></a>
				<a href="/faq/Payment-method" target="_blank"> <img src="/assets/skins/images/cs1.webp" class="pic"></a>

				<a href="/faq/Payment-method" target="_blank"> <img src="/assets/skins/images/links-more.png" class="pic more"></a>
			</div>
			<ul class="info-list">
				<li class="info-item">
					<div class="title">关于我们</div>
					<a href="/faq/about-us" class="text">公司介绍</a>
					<a href="/faq/privacy-policy" class="text">隐私政策</a>
					<a href="/faq/terms-conditions" class="text">条款与条件</a>
					<a href="/faq/contact-us" class="text">联系我们</a>
				</li>
				<li class="info-item">
					<div class="title">购物指南</div>
					<a href="/faq/shopping" class="text">购物流程</a>
					<a href="/faq/delivery" class="text">发货流程</a>
					<a href="/faq/refund-policy" class="text">退款政策</a>
				</li>
				<li class="info-item">
					<div class="title">帮助信息</div>
					<a href="/faq/faq" class="text">常见问题</a>
					<a href="/ucenter/order" class="text">我的订单</a>
					<a href="/ucenter/auth" class="text">我的认证</a>
					<a href="/ucenter/coupon" class="text">我的优惠券</a>
				</li>
			</ul>
			<div class="follow-us">
				<div class="follow-us-head">
					<span class="title">关注我们</span>
					<div class="chats">
						<a href="https://tg.kavip.com/douyin" target="_blank"><img src="/assets/skins/images/chats1.png" class="icon"></a>
						<a href="https://www.xiaohongshu.com/user/profile/6324b46e000000002303bad6" target="_blank"><img src="/assets/skins/images/chats5.png" class="icon"></a>
					</div>
				</div>
				<div class="follow-us-info">
					<div class="code-box">
						<img src="/assets/skins/images/qrcode2.png" class="code" style="border-radius:5px"> <span>微信扫一扫关注公众号</span>
					</div>
					<div class="content">
						<div class="s">
							<span>7*24小时在线客服</span> <a onclick="openLiveChat()" href="javascript:;">在线客服</a>
						</div>
						<div class="qq">微信24小时客服：CS-KA-CS
							<span class="qr-big" >
								<img src="/assets/skins/images/index/kavip_wechat.png">
							</span>
						</div>

					</div>
				</div>
				<div class="comment-box" onclick="window.open('https://www.trustpilot.com/review/kavip.com','_blank')" style="cursor: pointer;">
					<div class="comment-box-left">

						<div class="stars">
							<img src="/assets/skins/images/icon-star.png" alt="" class="star">
							<img src="/assets/skins/images/icon-star.png" alt="" class="star">
							<img src="/assets/skins/images/icon-star.png" alt="" class="star">
							<img src="/assets/skins/images/icon-star.png" alt="" class="star">
							<img src="/assets/skins/images/icon-star-disabled.png" alt="" class="star">
						</div>
					</div>
					<div class="comment-box-right">
						<img src="/assets/skins/images/icon-star1.png" alt="" class="star">
						<span>Trustpilot</span>
					</div>
				</div>
			</div>
			<div class="foot">
				<div class="left">
					<img src="/assets/skins/images/logo1.png" class="logo"> <span class="text">© 2015-<script type="text/javascript">document.write(new Date().getFullYear());</script> KAVIP.COM 版权所有，并保留所有权利</span>
				</div>
				<div class="right" >
					Element colors Electronic Entertainment Limited<br /> 
					Address: 19H MAXGRAND PLAZA NO. 3 TAI YAU STREET SAN PO KONG KL, Hong Kong
				</div>
			</div>
		</div>
<!--		<n-back-top :right="11" :bottom="220" style="" :show="nBackTop">-->
<!--		</n-back-top>-->
<!--		-->
<!--		<div @click="switchOld()" class="n-back-top" style="right: calc(11px); bottom: 150px; &#45;&#45;n-bezier: cubic-bezier(.4, 0, .2, 1); &#45;&#45;n-border-radius: 22px; &#45;&#45;n-height: 44px; &#45;&#45;n-width: 44px; &#45;&#45;n-box-shadow: 0 2px 8px 0px rgba(0, 0, 0, .12); &#45;&#45;n-box-shadow-hover: 0 2px 12px 0px rgba(0, 0, 0, .18); &#45;&#45;n-box-shadow-pressed: 0 2px 12px 0px rgba(0, 0, 0, .18); &#45;&#45;n-color: #fff; &#45;&#45;n-icon-size: 26px; &#45;&#45;n-icon-color: rgb(51, 54, 57); &#45;&#45;n-icon-color-hover: #36ad6a; &#45;&#45;n-icon-color-pressed: #0c7a43; &#45;&#45;n-text-color: rgb(51, 54, 57);">-->
<!--				<span style="color:#fb8e31;font-size: 14px;width: 38px;text-align: center;"><img src="/assets/skins/images/icon-float-back.png" alt="" class="icon icon-back"></span>-->
<!--		</div>-->

		<div class="float-list">
			<a href="javascript:;" id="scrollToTopBtn">
				<img src="/assets/skins/images/icon-float-top.png" alt="" class="icon icon-top">
			</a>
			<a href="javascript:void(0);" onclick="openLiveChat()">
				<img src="/assets/skins/images/icon-float-kf.png" alt="" class="icon icon-kf">
			</a>
		</div>


	</footer>
	
	<script src="https://qiyukf.com/script/76a159d4f78ab854c08e7887b0460217.js?sdkTemplateId=6602628&templateId=13365471" async="true"></script>
	
	<script src="/assets/script/module/echo.js?=4"></script>

	<script type="text/javascript">
		document.addEventListener('DOMContentLoaded', function() {
			Echo.init({ offset: 0, throttle: 0});
		});
	</script>
	
	<script type="text/javascript">
		document.addEventListener('gesturestart', function (event) { event.preventDefault() }, { passive: false });
		
		document.addEventListener('touchstart', function(event) { if (event.touches.length > 1) { event.preventDefault() } }, { passive: false });

	</script>	

	<script type="text/javascript">
		if ('serviceWorker' in navigator) {
			navigator.serviceWorker.register('/assets/skins/service-worker.js', {
		      	type: "string",
				scope: '/assets/skins/',
		      	origin: "https://kavip.com"
			}).then(res => {
				console.log(res);
			}).catch(err => {
				console.warn('ServiceWorker registration failed: ' + err);
			});
		}
	</script>
	
	<script type="text/javascript">
		$(document).ready(function() {
			// 初始时隐藏按钮
			$("#scrollToTopBtn").hide();

			// 监听滚动事件
			$(window).scroll(function() {
				if ($(this).scrollTop() > 200) { // 当滚动超过200像素时显示按钮
					$("#scrollToTopBtn").fadeIn();
				} else {
					$("#scrollToTopBtn").fadeOut();
				}
			});

			// 点击按钮滚动到顶部
			$("#scrollToTopBtn").click(function() {
				$('body,html').animate({
					scrollTop: 0
				}, 1000);
			});
			const loginPhone = document.querySelector("#loginPhone");
			const resetPhone = document.querySelector("#resetPhone");
			const forgetPhone = document.querySelector("#forgetPhone");

			window.iti = window.intlTelInput(loginPhone, {
				placeholderNumberType: 'MOBILE',
				autoHideDialCode:true,
				autoPlaceholder: "polite",
				hiddenInput: function (telInputName) {
					return {
						phone: "phone_full",
						country: "country_code"
					};
				},
				initialCountry: "tw",
				separateDialCode: true,
				countryOrder: ["US", "HK", "TW", "JP", "MY", "TH", "GB", "GG", "IM", "JE", "FR"],
				excludeCountries: ["ru","as","tv","tj","ye","er","pm","wf","az","kz","mq","nc","kg","ly","et","gq","kw","sn","sd",
					"so","va","mr","ps","ls","ne","af","gw","ad","gm","tn","lb","st","gn","re","tm","bi","dg","tl","xk","rw","tk",
					"tt","am","td","sv","gf","ci","mc","ai","aw","bg","tz","bt","gp","ml","kn","ug","bj","ga","me","om","bo","mu",
					"ba","bw","ee","mw","ni","sl","sb","ss","sz","al","gu","cv","km","dj","pf","fm","pw","sx","cm","cw","fj","lr",
					"sm","sk","si","tc","bf","cy","gy","hn","is","mv","mh","tg","uy","rs","bm","vi","vg","lv","ky","do","gd","gt","nu","qa","cg","bb","md","na",
					"nr","vu","ag","ws","to","mt","ht","sc","hr","ki","mp","lc","vc","li","bs","ck","fo","ms","mz","cf","lt","mk","gi","gl","bh","fk","py","pr","gg","im","je","cn"],
				loadUtils: () => import("/assets/script/common/util/utils.js?1733756310855"),
			});
			window.resetIti  =window.intlTelInput(resetPhone, {
				initialCountry: "tw",
				placeholderNumberType: 'MOBILE',
				autoHideDialCode:true,
				autoPlaceholder: "polite",

				hiddenInput: function (telInputName) {
					return {
						phone: "phone_full",
						country: "country_code"
					};
				},
				separateDialCode: true,
				countryOrder: ["US", "HK", "TW", "JP", "MY", "TH", "GB", "GG", "IM", "JE", "FR"],
				excludeCountries: ["ru","as","tv","tj","ye","er","pm","wf","az","kz","mq","nc","kg","ly","et","gq","kw","sn","sd",
					"so","va","mr","ps","ls","ne","af","gw","ad","gm","tn","lb","st","gn","re","tm","bi","dg","tl","xk","rw","tk",
					"tt","am","td","sv","gf","ci","mc","ai","aw","bg","tz","bt","gp","ml","kn","ug","bj","ga","me","om","bo","mu",
					"ba","bw","ee","mw","ni","sl","sb","ss","sz","al","gu","cv","km","dj","pf","fm","pw","sx","cm","cw","fj","lr",
					"sm","sk","si","tc","bf","cy","gy","hn","is","mv","mh","tg","uy","rs","bm","vi","vg","lv","ky","do","gd","gt","nu","qa","cg","bb","md","na",
					"nr","vu","ag","ws","to","mt","ht","sc","hr","ki","mp","lc","vc","li","bs","ck","fo","ms","mz","cf","lt","mk","gi","gl","bh","fk","py","pr","gg","im","je","cn"],
				loadUtils: () => import("/assets/script/common/util/utils.js?1733756310855"),
			});
			window.forgetIti  =window.intlTelInput(forgetPhone, {
				initialCountry: "tw",
				placeholderNumberType: 'MOBILE',
				autoHideDialCode:true,
				autoPlaceholder: "polite",
				hiddenInput: function (telInputName) {
					return {
						phone: "phone_full",
						country: "country_code"
					};
				},
				separateDialCode: true,
				countryOrder: ["US", "HK", "TW", "JP", "MY", "TH", "GB", "GG", "IM", "JE", "FR"],
				excludeCountries: ["ru","as","tv","tj","ye","er","pm","wf","az","kz","mq","nc","kg","ly","et","gq","kw","sn","sd",
					"so","va","mr","ps","ls","ne","af","gw","ad","gm","tn","lb","st","gn","re","tm","bi","dg","tl","xk","rw","tk",
					"tt","am","td","sv","gf","ci","mc","ai","aw","bg","tz","bt","gp","ml","kn","ug","bj","ga","me","om","bo","mu",
					"ba","bw","ee","mw","ni","sl","sb","ss","sz","al","gu","cv","km","dj","pf","fm","pw","sx","cm","cw","fj","lr",
					"sm","sk","si","tc","bf","cy","gy","hn","is","mv","mh","tg","uy","rs","bm","vi","vg","lv","ky","do","gd","gt","nu","qa","cg","bb","md","na",
					"nr","vu","ag","ws","to","mt","ht","sc","hr","ki","mp","lc","vc","li","bs","ck","fo","ms","mz","cf","lt","mk","gi","gl","bh","fk","py","pr","gg","im","je","cn"],
				loadUtils: () => import("/assets/script/common/util/utils.js?1733756310855"),
			});
		});

		$(function() {
			$("body").on('click','.back-login',function() {
				$(".register").hide();
				$(".reset").hide();
				$(".login").show();
				$('.common-header .user').click()
			});
			$("body").on('click','.register-tips1',function() {
				$(".reset").hide();
				$(".login").hide();
				$(".register").css("display", "flex");
			});
			$("body").on('click','.register-tips',function() {
				$(".reset").hide();
				$(".login").hide();
				$(".register").css("display", "flex");
			});
			$("body").on('click','.register-div',function() {
				$(".reset").hide();
				$(".login").hide();
				$(".register").css("display", "flex");
			});
			const container = document.querySelector('.person-menu')
			const active = document.querySelector('.active')
			if (container && active) {
				const offsetLeft = container.offsetLeft - active.offsetLeft
				container.scrollLeft = offsetLeft
			}
		});
		
		
		function couponUrl(url){
			if (!url) return;

			url = url.trim();

			// 如果已经是完整 URL（包含协议），直接跳转
			if (url.startsWith('http://') || url.startsWith('https://')) {
				window.location.href = url;
				return;
			}

			// 包含 www 直接跳转（补协议）
			if (url.includes('www')) {
				window.location.href = 'https://' + url;
				return;
			}

			// 否则拼接根路径
			const baseUrl = window.location.origin;
			const path = url.startsWith('/') ? url : '/' + url;
			window.location.href = baseUrl + path;
		}
	</script>
	
	<script>
		window.onload = function() {
			//iPhone iPad 这个视频只在苹果手机上播放
			if(navigator.userAgent.includes('iPhone') || navigator.userAgent.includes('iPad')){
				$("#video-src").attr("src","/assets/skins/images/wap/video1.mp4");
				const videoBannerBox = document.querySelector('.video-banner-box');
				if(videoBannerBox) {
					videoBannerBox.style.display="block";
				}
			} else if (navigator.userAgent.includes('Android')) {
				$("#video-src").attr("src","/assets/skins/images/wap/android.mp4");
				const videoBannerBox = document.querySelector('.video-banner-box');
				if(videoBannerBox) {
					videoBannerBox.style.display="block";
				}
			}
	
			const videoPopupBtn = document.querySelector('.video-popup-btn');
			const videoPopup = document.querySelector('.video-popup');
			if(videoPopupBtn && videoPopup) {
				videoPopupBtn.addEventListener('click',function(evt){
					videoPopup.style.display='flex';
				});
			}
	
	
			const videoPopupBtn1 = document.querySelector('.video-popup-btn1');
			const videoPopup1 = document.querySelector('.video-popup1');
			if(videoPopupBtn1 && videoPopup1) {
				videoPopupBtn1.addEventListener('click',function(evt){
					videoPopup1.style.display='flex';
				});
			}
			const videoPopupBtn2 = document.querySelector('.video-popup-btn2');
			if(videoPopupBtn2 && videoPopup1) {
				videoPopupBtn2.addEventListener('click',function(evt){
					videoPopup1.style.display='flex';
				});
			}
		}
		function closeVideoPopup(evt){
			evt.style.display='none'
		}
	
	</script>

	

	<!--PWA service worker服务注册结束-->
	
	
	
	<script src="https://accounts.google.com/gsi/client" async="true"></script>
	
	<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=true&version=v16.0&appId=583343938100540&autoLogAppEvents=1"></script>

	<script type="text/javascript">
		function login() {
			FB.login(function(response) {
				if (response.authResponse) {
					console.log("Welcome! Fetching your information....");
					window.location.href = '/auth/faceBook/callback?accessToken=' + response.authResponse.accessToken;
				}
			});
		}
	</script>
</body>
</html>