<!DOCTYPE html>
<html lang="en">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QT401FZZ2K"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-QT401FZZ2K');
</script>
<head>
<meta charset="utf-8" />
<meta data-hid="viewport" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1">
<meta name="renderer" content="webkit">
<meta name="applicable-device" content="pc">
<title>footseen-VIP中心-腳控足控天堂-超激情美女主播視訊</title>
<meta name="keywords" content="footseen,foot live,激情美女視訊,激情美女影片,腳控足控,絲足,裸足,美腿,絲襪,黑絲,台灣UU聊天室,swag,視訊聊天室,live173,uplive,vklive,nonolive,foot rub,foot fetish">
<meta name="description" content="footseen，腳控足控天堂，絲足美腿視訊影片，台灣足控第一高效約會軟體，免費影片立即觀看，在線美女激情互動，成人視訊線上體驗，徹底釋放你的慾望。">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/layer.css">
<link rel="stylesheet" href="../css/login.css?v=2023053101">
<link rel="stylesheet" href="css/index.css?v=20220630">
<script src="https://accounts.google.com/gsi/client" async defer></script>
<script src="lib/hello.js"></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
</head>
<body style="background: #F4F5F8;">
<div class="neck-nav">
<div class="neck-nav-content">
<a href="https://www.footseen.xyz/index.html"><img class="logo" src="../images/logo.png" alt=""></a>
<div class="nav-login-big-box">
<!-- <div style="display: none;" class=nav-login-btn>登入/註冊</div>
<div style="display: none;" class="nav-login">
<img class="nav-login-face" src="" alt="">
<div class="nav-login-more">
<div class="nav-login-more-jiao"></div>
<div class="nav-login-more-top">
<img class="login-more-top-face" src="" alt="">
<p class="login-more-top-p1">主播暱稱預留</p>
<p class="login-more-top-p2">ID:246524</p>
</div>
<div class="login-more-content-box">
<div data-type="1">用戶中心</div>
<div data-type="2">儲值中心</div>
<div data-type="3">我的追蹤</div>
<div data-type="4">登出</div>
</div>
</div>
</div> -->
</div>
<div class="language-box">
<span>語言</span>
<div class="language-content">
<div data-type="2">繁體中文</div>
<div data-type="1">English</div>
</div>
</div>
</div>
</div>
<div style="height: 60px;"></div>
<div class="m-box">
<div class="vip-m">
<div class="vip-h2"><div class="vip-line"></div><i class="vip0">VIP中心</i></div>
<div class="vip-content">
<div class="vip-question"><i class="vip1">VIP說明</i><img src="images/question.png" alt=""></div>
<div class="left-bg">
<div style="height: 20px;"></div>
<ul class="left-vip-ul">
<li data-type2="1" data-type="0"><i class="vip2">玄鐵</i></li>
<li data-type2="2" data-type="11"><i class="vip3">寶石</i></li>
<li data-type2="3" data-type="21"><i class="vip4">青銅</i></li>
<li data-type2="4" data-type="31"><i class="vip5">水晶</i></li>
<li data-type2="5" data-type="41"><i class="vip6">鉑金</i></li>
<li data-type2="6" data-type="46"><i class="vip7">鑽石</i></li>
<li data-type2="7" data-type="51"><i class="vip8">星耀</i></li>
<li data-type2="8" data-type="52"><i class="vip9">王者</i></li>
</ul>
</div>
<div class="right-bg">
<div class="vip-card">
<img class="vip-icon" src="images/i1.png" alt="">
<div class="vip-top-card">
<div class="vip-frame">
<span></span>
</div>
<img class="vip-top-card-face" src="images/boy.png" alt="">
<p class="vip-top-card-p1"></p>
<p style="display:none" class="vip-top-card-p2"></p>
<p style="display: none;" class="vip-top-card-p3"><i class="vip10">未開通會員</i></p>
</div>
<div class="vip-content-card">
<div class="vip-content-box1">
<span class="vip-level">VIP--</span> <div class="vip-bar-box"><div></div></div> <span class="vip-level2">VIP--</span>
</div>
<div class="vip-content-box2">
<!-- 當前等級:<span>VIP2</span>，再送<span>100</span>寶石即可升級為VIP3 -->
</div>
</div>
</div>
<img class="feather" src="images/feather.png" alt="">
<div class="vip-bottom-bg">
<ul class="vip-bottom-ul">
<li>
<div class="vip-tips1">
<div class="vip-tips-p1"><div></div> <i class="vip11">激活座駕</i></div>
<div class="vip-tips-p2"><i class="vip12">獲取條件</i></div>
<div class="vip-tips-p3"><i class="vip13">VIP1及以上用戶</i></div>
<div class="vip-tips-p4"><i class="vip14">特權說明</i></div>
<div class="vip-tips-p5"><i class="vip15">激活用戶擁有的座駕並在直播間展示。</i><br><i class="vip16">注意：如果未開通VIP，即使擁有座駕也無法在直播間顯示。</i></div>
<div class="vip-tips-img"><img src="images/vip-tips1.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t1-no.png" alt="">
<p><i class="vip11">激活座駕</i></p>
</li>
<li>
<div class="vip-tips2">
<div class="vip-tips-p1"><div></div> <i class="vip17">激活VIP等级</i></div>
<div class="vip-tips-p2"><i class="vip12">獲取條件</i></div>
<div class="vip-tips-p3"><i class="vip13">VIP1及以上用戶</i></div>
<div class="vip-tips-p4"><i class="vip14">特權說明</i></div>
<div class="vip-tips-p5"><i class="vip18">在VIP有效期内，激活富豪等級對應的銘牌，并在用戶資料卡，平台榜單，空間等処展示。儅用戶在直播間發言時，將展示對應的銘牌，同時昵稱顔色也相應發生變化。富豪等級不同，對應的銘牌不同。</i></div>
<div class="vip-tips-img"><img src="images/vip-tips2.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t2-no.png" alt="">
<p><i class="vip17">激活VIP等級</i></p>
</li>
<li>
<div class="vip-tips3">
<div class="vip-tips-p1"><div></div> <i class="vip19">頭像掛件</i></div>
<div class="vip-tips-p2"><i class="vip12">獲取條件</i></div>
<div class="vip-tips-p3"><i class="vip54">VIP11及以上用戶</i></div>
<div class="vip-tips-p4"><i class="vip14">特權說明</i></div>
<div class="vip-tips-p5"><i class="vip20">在VIP有效期內，在直播間內顯示主播特別的頭像框</i></div>
<div class="vip-tips-img"><img src="images/vip-tips3.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t3-no.png" alt="">
<p><i class="vip19">頭像掛件</i></p>
</li>
<li>
<div class="vip-tips4">
<div class="vip-tips-p1"><div></div><i class="vip56">尊貴名片</i></div>
<div class="vip-tips-p2"><i class="vip12">獲取條件</i></div>
<div class="vip-tips-p3"><i class="vip55">VIP21及以上用戶</i></div>
<div class="vip-tips-p4"><i class="vip14">特權說明</i></div>
<div class="vip-tips-p5"><i class="vip21">在VIP有效期內，在直播間內的個人卡片上展示不同的描邊特效。</i></div>
<div class="vip-tips-img"><img src="images/vip-tips4.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t4-no.png" alt="">
<p><i class="vip54">尊貴名片</i></p>
</li>
<li>
<div class="vip-tips5">
<div class="vip-tips-p1"><div></div> <i class="vip22">進場特效</i></div>
<div class="vip-tips-p2"><i class="vip12">獲取條件</i></div>
<div class="vip-tips-p3"><i class="vip57">VIP31及以上用戶</i></div>
<div class="vip-tips-p4"><i class="vip14">特權說明</i></div>
<div class="vip-tips-p5"><i class="vip23">在VIP有效期內，進入直播間有專屬的進場特效。富豪等級不同，進場特效不同。</i></div>
<div class="vip-tips-img"><img src="images/vip-tips5.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t5-no.png" alt="">
<p><i class="vip22">進場特效</i></p>
</li>
<li>
<div class="vip-tips6">
<div class="vip-tips-p1"><div></div> <i class="vip24">發言框底色</i></div>
<div class="vip-tips-p2"><i class="vip12">獲取條件</i></div>
<div class="vip-tips-p3"><i class="vip58">VIP31及以上用戶</i></div>
<div class="vip-tips-p4"><i class="vip14">特權說明</i></div>
<div class="vip-tips-p5"><i class="vip25">在VIP有效期內，用戶發言有專屬的發言框底色，發言更炫酷，更引人注目哦</i><br><i class="vip26">富豪等級不同，底框顏色不同。</i></div>
<div class="vip-tips-img"><img src="images/vip-tips6.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t6-no.png" alt="">
<p><i class="vip24">發言框底色</i></p>
</li>
<li>
<div class="vip-tips7">
<div class="vip-tips-p1"><div></div> <i class="vip27">進房間隱身</i></div>
<div class="vip-tips-p2"><i class="vip12">獲取條件</i></div>
<div class="vip-tips-p3"><i class="vip56">VIP41及以上用戶</i></div>
<div class="vip-tips-p4"><i class="vip14">特權說明</i></div>
<div class="vip-tips-p5"><i class="vip28">在VIP有效期內，進入直播間可隱身。</i><br><i class="vip29">設置方法：點擊右上角頭像-VIP中心-隱身開關打開，即開啟隱身</i></div>
<div class="vip-tips-img"><img src="images/vip-tips7.png" alt=""></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t7-no.png" alt="">
<p><i class="vip27">進房間隱身</i></p>
<div class="stealth-box"><div></div><span class="vip30">啟用</span></div>
</li>
<li>
<div class="vip-tips8">
<div class="vip-tips-p1"><div></div> <i class="vip31">防踢防禁言</i></div>
<div class="vip-tips-p2"><i class="vip12">獲取條件</i></div>
<div class="vip-tips-p3"><i class="vip56">VIP41及以上用戶</i></div>
<div class="vip-tips-p4"><i class="vip14">特權說明</i></div>
<div class="vip-tips-p5"><i class="vip32">在VIP有效期內，在直播間的用戶可以防止除主播外的其他人踢出/禁言。</i></div>
<div class="vip-tips-jiao"></div>
</div>
<img src="images/t8-no.png" alt="">
<p><i class="vip31">防踢防禁言</i></p>
</li>
</ul>
<div class="vip-bottom-btn-box">
<p class="vip-bottom-btn-p1"><i class="vip33">連續包月:</i> <span>30寶石</span><i class="vip60">/月</i></p>
<p class="vip-bottom-btn-p2"><i class="vip34">首次開通贈送"VIP豪華馬車"座駕7天</i></p>
<div class="vip-bottom-btn"><i class="vip35">開通會員</i></div>
</div>
</div>
</div>
</div>
</div>
<div style="display: none;" class="vip-tip-bg">
<div class="vip-tip-text1">
<i class="vip36">Footseen新老VIP會員權益大升級,老VIP會員特權全面<span>增加,</span><br>
新用戶首次開通會員，額外贈送<span>專屬座駕7天，</span>VIP開通價格<span>保持不變,</span><br>
<span>全新VIP等級特權，只為彰顯您獨特最貴地位~</span><br>
還等什麼，趕快升級體驗一下吧。</i>
</div>
<div class="vip-tip-text2">
<h2><i class="vip37">如何解鎖VIP特權</i></h2>
<div>
<i class="vip38"><span>開通VIP會員是享有VIP特權的唯一途徑。</span>在"點擊右上角頭像"--->"VIP中心"中點擊--->"开通VIP",完成購買後即自動开通VIP會員。<br>
開通VIP會員後，將根據<span>用戶的VIP等級</span>享有對應的VIP特權。<span class="vip-back">查看VIP特权>></span><br>
开通VIP后，如果VIP等级增加，将<span>自动解锁</span>更高等级的VIP特权。</i>
</div>
</div>
<div class="vip-tips-content"></div>
<img class="vip-bottom" src="images/vip-bottom.png" alt="">
</div>
</div>
<div class="login-content">
</div>
<div class="vip-layer">
<div class="vip-layer-top"><i class="vip35">開通會員</i></div>
<div class="vip-layer-box-content">
<div class="vip-layer-box vip-layer-box1"><span class="vip-layer-box-span1">連續包月</span><span class="vip-layer-box-span2"><img src="images/diamond.png">30</span></div>
<div class="vip-layer-box vip-layer-box2"><span class="vip-layer-box-span1">一個月</span><span class="vip-layer-box-span2"><img src="images/diamond.png">30</span></div>
<div class="vip-layer-box vip-layer-box3"><span class="vip-layer-box-span1">兩個月</span><span class="vip-layer-box-span2"><img src="images/diamond.png">60</span></div>
<div class="vip-layer-box vip-layer-box4"><span class="vip-layer-box-span1">三個月</span><span class="vip-layer-box-span2"><img src="images/diamond.png">90</span></div>
</div>
<p class="vip-layer-tips"><i class="vip43">開通VIP后，將按照VIP等級享受對應特權</i></p>
<div class="vip-layer-btn"><i class="vip35">開通會員</i></div>
</div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/default.js?v='2022071303'"></script>
<script src="../lib/qrcode.min.js"></script>
<script src="../lib/login.js?v=2023060801"></script>
<script src="../lib/qrcode.min.js"></script>
<script src="../lib/pcLang.js"></script>
<script src="lib/vipLang.js"></script>
<script>
$(function(){
if(localStorage.token==undefined){
window.location.href='../index.html'
}
if(sessionStorage.lang!=2){
$("body").addClass("vipBody"+sessionStorage.lang+"")
$(".vip-bottom").attr("src","images/vip-bottom-en.png")
$(".vip0").text(vipLangList[sessionStorage.lang].vip0)
$(".vip1").text(vipLangList[sessionStorage.lang].vip1)
$(".vip2").text(vipLangList[sessionStorage.lang].vip2)
$(".vip3").text(vipLangList[sessionStorage.lang].vip3)
$(".vip4").text(vipLangList[sessionStorage.lang].vip4)
$(".vip5").text(vipLangList[sessionStorage.lang].vip5)
$(".vip6").text(vipLangList[sessionStorage.lang].vip6)
$(".vip7").text(vipLangList[sessionStorage.lang].vip7)
$(".vip8").text(vipLangList[sessionStorage.lang].vip8)
$(".vip9").text(vipLangList[sessionStorage.lang].vip9)
$(".vip10").text(vipLangList[sessionStorage.lang].vip10)
$(".vip11").text(vipLangList[sessionStorage.lang].vip11)
$(".vip12").text(vipLangList[sessionStorage.lang].vip12)
$(".vip13").text(vipLangList[sessionStorage.lang].vip13)
$(".vip14").text(vipLangList[sessionStorage.lang].vip14)
$(".vip15").text(vipLangList[sessionStorage.lang].vip15)
$(".vip16").text(vipLangList[sessionStorage.lang].vip16)
$(".vip17").text(vipLangList[sessionStorage.lang].vip17)
$(".vip18").text(vipLangList[sessionStorage.lang].vip18)
$(".vip19").text(vipLangList[sessionStorage.lang].vip19)
$(".vip20").text(vipLangList[sessionStorage.lang].vip20)
$(".vip21").text(vipLangList[sessionStorage.lang].vip21)
$(".vip22").text(vipLangList[sessionStorage.lang].vip22)
$(".vip23").text(vipLangList[sessionStorage.lang].vip23)
$(".vip24").text(vipLangList[sessionStorage.lang].vip24)
$(".vip25").text(vipLangList[sessionStorage.lang].vip25)
$(".vip26").text(vipLangList[sessionStorage.lang].vip26)
$(".vip27").text(vipLangList[sessionStorage.lang].vip27)
$(".vip28").text(vipLangList[sessionStorage.lang].vip28)
$(".vip29").text(vipLangList[sessionStorage.lang].vip29)
$(".vip30").text(vipLangList[sessionStorage.lang].vip30)
$(".vip31").text(vipLangList[sessionStorage.lang].vip31)
$(".vip32").text(vipLangList[sessionStorage.lang].vip32)
$(".vip33").text(vipLangList[sessionStorage.lang].vip33)
$(".vip34").text(vipLangList[sessionStorage.lang].vip34)
$(".vip35").text(vipLangList[sessionStorage.lang].vip35)
$(".vip36").html(vipLangList[sessionStorage.lang].vip36)
$(".vip37").text(vipLangList[sessionStorage.lang].vip37)
$(".vip38").html(vipLangList[sessionStorage.lang].vip38)
$(".vip39").text(vipLangList[sessionStorage.lang].vip39)
$(".vip40").text(vipLangList[sessionStorage.lang].vip40)
$(".vip41").text(vipLangList[sessionStorage.lang].vip41)
$(".vip42").text(vipLangList[sessionStorage.lang].vip42)
$(".vip43").text(vipLangList[sessionStorage.lang].vip43)
$(".vip54").text(vipLangList[sessionStorage.lang].vip54)
$(".vip55").text(vipLangList[sessionStorage.lang].vip55)
$(".vip56").text(vipLangList[sessionStorage.lang].vip56)
$(".vip57").text(vipLangList[sessionStorage.lang].vip57)
$(".vip58").text(vipLangList[sessionStorage.lang].vip58)
$(".vip59").text(vipLangList[sessionStorage.lang].vip59)
$(".vip60").text(vipLangList[sessionStorage.lang].vip60)
$(".language-box span").text(langList[sessionStorage.lang].pcIndex37)
}
var lDown=null
$(".language-box").on("mouseover",function(){
clearInterval(lDown)
$(".language-content").fadeIn(150)
})
$(".language-box").on("mouseout",function(){
lDown = setTimeout(function () {
$(".language-content").fadeOut(150)
}, 350)
})
for(var i=0;i<$(".language-content div").length;i++){
if(sessionStorage.lang==$(".language-content div").eq(i).attr("data-type"))$(".language-content div").eq(i).addClass("language-click")
}
$(".language-content div").on("click",function(){
var _self=$(this)
sessionStorage.lang=_self.attr("data-type")
window.location.reload()
})
var openVip=true;
loginGo()
$(".vip-question").on("click",function(){
window.location.href='rule.html'
})
$(".vip-back").on("click",function(){
$(".vip-tip-bg").hide()
$(".vip-m").fadeIn(350)
})
$.ajax({
url:$ip+'vip/queryVipInfo',
data:{
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode
},
success:function(data){
// console.log('开通vip情况',data)
if(data.vipInfo.firstTime==0)$(".vip-bottom-btn-p2").css("font-size","12px")
$(".vip-top-card-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.vipInfo.face+"")
if($(".vip-top-card-face").attr("src")=='https://zhibocdn.yabolive.net/comm/user/boy.png')$(".vip-top-card-face").attr("src","https://www.footseen.xyz/images/boy.png")
$(".vip-top-card-p1").text(data.vipInfo.nickName)
$(".vip-level").text('VIP'+data.vipInfo.level+'')
if(data.vipInfo.level==52) $(".vip-level2").text('VIP52')
else $(".vip-level2").text('VIP'+(data.vipInfo.level+1)+'')
var barWidth=Math.floor(((data.vipInfo.exp-data.vipInfo.currentLevelExp)/((data.vipInfo.exp+data.vipInfo.nextLevelExp)-data.vipInfo.currentLevelExp))*100)
$(".vip-bar-box div").css("width",barWidth+"%")
if(data.vipInfo.level==52)$(".vip-content-box2").html(''+vipLangList[sessionStorage.lang].vip62+':<span>VIP'+data.vipInfo.level+'</span>,'+vipLangList[sessionStorage.lang].vip63+'')
else $(".vip-content-box2").html(''+vipLangList[sessionStorage.lang].vip62+':<span>VIP'+data.vipInfo.level+'</span>，'+vipLangList[sessionStorage.lang].vip64+' <span>'+data.vipInfo.nextLevelExp+'</span> '+vipLangList[sessionStorage.lang].vip65+''+(data.vipInfo.level+1)+'')
if(data.vipInfo.isVip==0){
$(".vip-top-card-p3").show()
}
$(".vip-frame").addClass("vip-frame"+(data.vipInfo.privileges.length-1)+"")
myLevel=data.vipInfo.privileges.length-1
$(".vip-frame span").text(data.vipInfo.level)
if(data.vipInfo.isVip==1){
$(".vip-top-card-p3").hide()
$(".vip-top-card-p2").show().text(''+vipLangList[sessionStorage.lang].vip44+' '+timeGet(data.vipInfo.failureTime)[0]+'-'+timeGet(data.vipInfo.failureTime)[1]+'-'+timeGet(data.vipInfo.failureTime)[2]+'')
$(".vip-bottom-btn").text(vipLangList[sessionStorage.lang].vip45)
// $(".vip-bottom-ul li").eq(0).children("img").attr("src","images/t1.png")
// $(".vip-bottom-ul li").eq(1).children("img").attr("src","images/t2.png")
// $(".vip-bottom-ul li").eq(2).children("img").attr("src","images/t3.png")
}
$(".vip-icon").attr("src","images/i"+data.vipInfo.privileges.length+".png")
$(".left-vip-ul li").eq(data.vipInfo.privileges.length-1).addClass("card-click")
var levelNum=data.vipInfo.privileges[data.vipInfo.privileges.length-1]
if(data.vipInfo.privileges.length>4){
$(".stealth-box").show()
if(data.vipInfo.isHide==0){
$(".stealth-box").addClass("stealth-box2").attr("data-type","2")
$(".stealth-box span").text(vipLangList[sessionStorage.lang].vip46)
}else{
$(".stealth-box").removeClass("stealth-box2").attr("data-type","1")
$(".stealth-box span").text(vipLangList[sessionStorage.lang].vip47)
}
}
$(".stealth-box").unbind("click").on("click",function(){
if(data.vipInfo.level<41){
layer.msg(vipLangList[sessionStorage.lang].vip48)
return;
}
if(data.vipInfo.isVip==0){
layer.msg(vipLangList[sessionStorage.lang].vip49)
return;
}
var _self=$(this)
$.ajax({
url:$ip+'vip/setUserHide',
data:{
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode,
hide:_self.attr("data-type")
},
success:function(data){
// console.log("設置用戶隱身狀態",data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
if(_self.attr("data-type")==2){
$(".stealth-box").removeClass("stealth-box2").attr("data-type","1")
$(".stealth-box span").text(vipLangList[sessionStorage.lang].vip47)
}else{
$(".stealth-box").addClass("stealth-box2").attr("data-type","2")
$(".stealth-box span").text(vipLangList[sessionStorage.lang].vip46)
}
}
})
})
if(levelNum==1){
for(var i=0;i<2;i++){
$(".vip-bottom-ul li").eq(i).children("img").attr("src","images/t"+(i+1)+".png")
$(".vip-bottom-ul li").eq(i).children("p").css("color","#5B4022")
}
}
else if(levelNum==2){
for(var i=0;i<3;i++){
$(".vip-bottom-ul li").eq(i).children("img").attr("src","images/t"+(i+1)+".png")
$(".vip-bottom-ul li").eq(i).children("p").css("color","#5B4022")
}
}
else if(levelNum==3){
for(var i=0;i<4;i++){
$(".vip-bottom-ul li").eq(i).children("img").attr("src","images/t"+(i+1)+".png")
$(".vip-bottom-ul li").eq(i).children("p").css("color","#5B4022")
}
}
else if(levelNum==4){
for(var i=0;i<6;i++){
$(".vip-bottom-ul li").eq(i).children("img").attr("src","images/t"+(i+1)+".png")
$(".vip-bottom-ul li").eq(i).children("p").css("color","#5B4022")
}
}
else if(levelNum>4){
for(var i=0;i<8;i++){
$(".vip-bottom-ul li").eq(i).children("img").attr("src","images/t"+(i+1)+".png")
$(".vip-bottom-ul li").eq(i).children("p").css("color","#5B4022")
}
}
//左邊按鈕
$(".left-vip-ul li").unbind("click").on("click",function(){
var _self=$(this)
if((myLevel+1)!=_self.attr("data-type2"))$(".vip-frame span").hide()
else $(".vip-frame span").show()
$(".vip-frame").removeClass("vip-frame0 vip-frame1 vip-frame2 vip-frame3 vip-frame4 vip-frame5 vip-frame6 vip-frame7")
$(".vip-frame").addClass("vip-frame"+(_self.attr("data-type2")-1)+"")
$(".vip-icon").attr("src","images/i"+_self.attr("data-type2")+".png")
$(".left-vip-ul li").removeClass("card-click")
_self.addClass("card-click")
if(_self.attr("data-type2")<5){
$(".stealth-box").hide()
}else $(".stealth-box").show()
if(data.vipInfo.level<_self.attr('data-type')){
$(".vip-bottom-btn").css("background","#999999").css("color","#FAFAFA").text("VIP"+_self.attr('data-type')+""+vipLangList[sessionStorage.lang].vip50+"")
openVip=false
}else{
if(data.vipInfo.isVip==1) $(".vip-bottom-btn").css("background","#E62E74").css("color","#fff").text(""+vipLangList[sessionStorage.lang].vip45+"")
else $(".vip-bottom-btn").css("background","#E62E74").css("color","#fff").text(""+vipLangList[sessionStorage.lang].vip35+"")
openVip=true
}
for(var i=0;i<8;i++){
$(".vip-bottom-ul li").eq(i).children("img").attr("src","images/t"+(i+1)+"-no.png")
$(".vip-bottom-ul li").eq(i).children("p").css("color","#999999")
}
var levelNum=_self.attr("data-type2")
if(levelNum==1){
for(var i=0;i<2;i++){
$(".vip-bottom-ul li").eq(i).children("img").attr("src","images/t"+(i+1)+".png")
$(".vip-bottom-ul li").eq(i).children("p").css("color","#5B4022")
}
}
else if(levelNum==2){
for(var i=0;i<3;i++){
$(".vip-bottom-ul li").eq(i).children("img").attr("src","images/t"+(i+1)+".png")
$(".vip-bottom-ul li").eq(i).children("p").css("color","#5B4022")
}
}
else if(levelNum==3){
for(var i=0;i<4;i++){
$(".vip-bottom-ul li").eq(i).children("img").attr("src","images/t"+(i+1)+".png")
$(".vip-bottom-ul li").eq(i).children("p").css("color","#5B4022")
}
}
else if(levelNum==4){
for(var i=0;i<6;i++){
$(".vip-bottom-ul li").eq(i).children("img").attr("src","images/t"+(i+1)+".png")
$(".vip-bottom-ul li").eq(i).children("p").css("color","#5B4022")
}
}
else if(levelNum>4){
for(var i=0;i<8;i++){
$(".vip-bottom-ul li").eq(i).children("img").attr("src","images/t"+(i+1)+".png")
$(".vip-bottom-ul li").eq(i).children("p").css("color","#5B4022")
}
}
})
}
})
VipOrder()
$(".vip-bottom-btn").on("click",function(){
if(openVip==false){
return;
}
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["430px", "500px"],
content: $(".vip-layer"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
})
function VipOrder(){
$.ajax({
url:$ip+'vip/queryVipOrder',
data:{
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode,
lang:sessionStorage.lang
},
success:function(data){
// console.log('獲取vip套餐',data)
var html=[];
var myClickData;
$(".vip-bottom-btn-p1 span").text(data.vipOrderList[0].price+" "+vipLangList[sessionStorage.lang].vip59+"")
for(var i=0;i<data.vipOrderList.length;i++){
var list=data.vipOrderList[i];
if(data.cancelMonthly==1&&i==0){
html+='<div data-type2="1" data-type='+i+' class="vip-layer-box vip-layer-box'+(i+1)+'">';
html+='<span class="vip-layer-box-span1">'+list.textDescription+'<span style="color:#E62E74">('+vipLangList[sessionStorage.lang].vip61+')</span></span>';
html+='<span class="vip-layer-box-span2"><img src="images/diamond.png">'+list.price+'</span>';
html+='</div>'
continue;
}
html+='<div data-type='+i+' class="vip-layer-box vip-layer-box'+(i+1)+'">';
html+='<span class="vip-layer-box-span1">'+list.textDescription+'</span>';
html+='<span class="vip-layer-box-span2"><img src="images/diamond.png">'+list.price+'</span>';
html+='</div>'
}
$(".vip-layer-box-content").html(html);
buyType=1
$(".vip-layer-box").unbind("click").on("click",function(){
var _self=$(this)
myClickData=data.vipOrderList[_self.attr("data-type")]
$(".vip-layer-box").removeClass("vip-layer-box-click")
$(_self).addClass("vip-layer-box-click")
if(_self.attr("data-type2")==1){
$(".vip-layer-btn").text(vipLangList[sessionStorage.lang].vip51)
buyType=2
}else{
$(".vip-layer-btn").text(vipLangList[sessionStorage.lang].vip35)
buyType=1
}
})
$(".vip-layer-btn").unbind("click").on("click",function(){
$.ajax({
url:$ip+'vip/buyVip',
data:{
uid:localStorage.uid,
token:localStorage.token,
orderId:myClickData.vipoid,
consumeType:buyType,
pageID:localStorage.canvasCode
},
success:function(data){
// console.log('開通VIP',data)
if(data.code==1){
if(buyType==1)layer.msg(vipLangList[sessionStorage.lang].vip52)
else layer.msg(vipLangList[sessionStorage.lang].vip53)
setTimeout(function(){
window.location.reload()
},1000);
}else{
layer.msg(data.msg)
}
}
})
})
}
})
}
})
</script>
</html>