<div class="my-membership-content">
<div class="beijing" style="background: url(https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/banner.jpg) center top no-repeat;">
<div class="count-qb">
<div class="my-membership-title"><img class="my-membership-img" style="width: 100%;margin-bottom: 15px;" src=""></div>
<div class="my-hyjhjieshao">成为我们的VIP会员，尊享无限免费下载使用，更享受全面的服务与福利</div>
<div class="Onecad_vip_privilege_list">
<span class="my-vipbt"><i class="fa fa-bolt" aria-hidden="true" /></i>专线客服</span>
<span class="my-vipbt"><i class="fa fa-graduation-cap" aria-hidden="true" /></i>无限阅读</span>
<span class="my-vipbt"><i class="fa fa-thumbs-up" aria-hidden="true" /></i>免费指导</span>
<span class="my-vipbt"><i class="fa fa-star" aria-hidden="true" /></i>特价商品</span>
</div>
<div class="vip-list" >
<div class="vip-item" style="background-image: url(https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/vip.png);box-shadow: 0 12px 36px -12px #d0a360;margin-left: 20px;">
<p class="txt_tag"><span><b id="hd">加入1人</b></span></p>
<div class="vip-list-in">
<div class="tequan-type-head">
<h2 class="xb-vip-1">资源小会员</h2>
<p class="xb-vip-ms" style="margin-bottom: auto;">会员折扣商品</P>
<p class="xb-vip-ms" style="margin-bottom: auto;">每日下载量5次</P>
</div>
<div class="type2">
<div class="vip-price">
<div class="vip-price-money shu">￥<span>15</span><sub>元</sub></div>
<div class="vip-price-day shu">月</div>
</div>
<div class="xb-vip-buy"><button><a href="javascript:;" data-plan="vip_1" class="float-btn pay-vip my-custom-class-name">立刻加入</a></button></div>
</div>
</div>
</div>
<div class="vip-item" style="background-image: url(https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/svip.png);box-shadow: 0 12px 36px -12px #d0a360;margin-left: 20px; " >
<p class="txt_tag"><span><b id="hd">加入1人</b></span></p>
<div class="vip-list-in">
<div class="tequan-type-head">
<h2 class="xb-vip-1">资源大会员</h2>
<p class="xb-vip-ms" style="margin-bottom: auto;">会员专属商品</P>
<p class="xb-vip-ms" style="margin-bottom: auto;">每日下载量10次</P>
</div>
<div class="type2">
<div class="vip-price">
<div class="vip-price-money shu">￥<span>25</span><sub style="background: #4b4b4b;">元</sub></div>
<div class="vip-price-day shu">月</div>
</div>
<div class="xb-vip-buy"><button><a class="float-btn signin-loader" data-placement="left" title="立刻加入" href="javascript:;">立刻加入</a>
</button></div>
</div>
</div>
</div>
</div>
<div class="vip-count" style="display:none;">
<div class="vip-count-bk">
<div class="vip-count-xx"><span></span>
<img src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/会员一的大图标.svg" alt="会员一的大图标" style="height: 80px;width: 80px;margin-bottom: 15px;">
<span class="vip-count-x1">资源小会员</span><span class="vip-count-span"><b>已加入</b>1<b>人</b></span></div>
<div class="vip-count-xx" <div class="vip-count-xx"><span></span>
<img src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/会员二的大图标.svg" alt="会员二的大图标" style="height: 80px;width: 80px;margin-bottom: 15px;">
<span class="vip-count-x2">资源大会员</span><span class="vip-count-span"><b>已加入</b>1<b>人</b></span></div>
</div>
</div>
<div class="my-vip-dj-css">
<span class="my-vip-dj" style="display:none;">
您当前为游客，请登录以后操作。
</span>
</div>
<div class="newvip-session newvip-sess2" >
<div class="warr">
<h2 class="new-sess-head"><span class="nuw-vip-hx">VIP会员核心特权</span>
<ul class="newvip-nr" style="list-style-type: none;padding-left: unset;margin: auto;">
<li class="newvip-li"><img style="width: 4em;height: 4em;" class="icon2" src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/折扣商品.svg" alt="折扣商品图标"><p>尊享折扣商品</p></li>
<li class="newvip-li"><img style="width: 4em;height: 4em;" class="icon2" src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/审核.svg" alt="审核图标"><p>文章优先审核</p></li>
<li class="newvip-li"><img style="width: 4em;height: 4em;" class="icon2" src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/合作.svg" alt="合作图标"><p>官方优先合作</p></li>
<li class="newvip-li"><img style="width: 4em;height: 4em;" class="icon2" src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/线下.svg" alt="线下图标"><p>线下内测资格</p></li>
<li class="newvip-li"><img style="width: 4em;height: 4em;" class="icon2" src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/VIP商品.svg" alt="VIP商品图标"><p>VIP专属商品</p></li>
<li class="newvip-li"><img style="width: 4em;height: 4em;" class="icon2" src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/会员.svg" alt="会员图标"><p>荣耀标识</p></li>
<li class="newvip-li"><img style="width: 4em;height: 4em;" class="icon2" src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/客服.svg" alt="客服图标"><p>VIP专属客服</p></li>
<li class="newvip-li"><img style="width: 4em;height: 4em;" class="icon2" src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/更多.svg" alt="更多图标"><p>更多特权上线中</p></li>
</ul>
</div>
</div>
<div class="ceo_vip_ping" >
<h2 class="new-sess-head2">
<span class="nuw-vip-hx">会员好评展示</span>
</h2>
<ul style="list-style-type: none;">
<li class="newvip-hy"><div class="deanmbavar"><img src=""><span></span></div>
<div class="deanmbusename"><b>VIP</b></div></br>
<p><b>"</b><b>"</b></p>
</li>
<li class="newvip-hy"><div class="deanmbavar"><img src=""><span></span></div>
<div class="deanmbusename"><b>VIP</b></div></br>
<p><b>"</b><b>"</b></p>
</li>
<li class="newvip-hy"><div class="deanmbavar"><img src=""><span></span></div>
<div class="deanmbusename"><b>VIP</b></div></br>
<p><b>"</b><b>"</b></p>
</li>
</ul>
</div>
<div class="my-membership-plans" style="display:none;">
<div class="my-membership-plan">
<img src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/用户.svg" alt="普通用户" style="height: 80px;width: 80px;margin-bottom: 15px;">
<h2 class="pt-title-1color" style="margin: auto;">普通用户</h2>
<p style="color: #bcbcbc;font-size: 26px;">注册即享受</p>
<div class="vip-color-div">
<ul style="margin: auto;list-style: none;padding: inherit;margin-bottom:15px;">
<li class="vip-allow allow">
<div><span>每天下载资源</span></div>
<div><span class="vip-ok-color"><i class="fa fa-check" aria-hidden="true" style=""></i></span></div>
</li>
</ul>
</div>
<div class="vip-buy">
<a href="javascript:;" data-plan="vip_1" class="float-btn pay-vip my-custom-class-name" style="color: white;" >开通会员</a> </div>
</div>
<div class="my-membership-plan">
<img src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/一级会员.svg" alt="一级会员" style="height: 80px;width: 80px;margin-bottom: 15px;">
<h2 class="vip-title-1color" style="margin: auto;">资源小会员</h2>
<p class="my-vip-1month">￥15<text class="my-vip-2time">/月</text></p>
<div class="vip-color-div">
<ul style="margin: auto;list-style: none;padding: inherit;margin-bottom:15px;">
<li class="vip-allow">
<div><span>每天下载资源</span></div>
<span class="vip-no-color"><i class="fa fa-times" aria-hidden="true"></i></span>
</li>
</ul>
</div>
<div class="vip-buy">
<a href="javascript:;" data-plan="vip_1" class="float-btn pay-vip my-custom-class-name" style="color: white;">开通会员</a> </div>
</div>
<div class="my-membership-plan" <div class="my-membership-plan"> <img src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/二级会员.svg" alt="二级会员" style="height: 80px;width: 80px;margin-bottom: 15px;">
<h2 class="vip-title-2color" style="margin: auto;">资源大会员</h2>
<p class="my-vip-2month">￥25<text class="my-vip-2time">/月</text></p>
<div class="vip-color-div">
<ul style="margin: auto;list-style: none;padding: inherit;margin-bottom:15px;">
<li class="vip-allow">
<div><span>每天下载资源</span></div>
<span class="vip-no-color"><i class="fa fa-times" aria-hidden="true"></i></span>
</li>
</ul>
</div>
<div class="vip-buy">
<a class="float-btn signin-loader" data-placement="left" title="开通会员" href="javascript:;" style="color: white;" >开通会员</a>
</div>
</div>
</div>
<!-- 显示购买会员信息的容器 -->
<div id="vip-purchase" style="display: flex;justify-content: center;">
<div class="purchase_p"><span class="purchase_span"><img src="https://www.zyuan.vip/wp-content/plugins/my-membership-plugin/img/vipiconhover.svg" alt="vipiconhover" style="height: 50px;width: 50px;padding: 10px;float: left;margin-top: -12px;">会员开通信息：</span>
<p style="color: #818181;"></p>
</div>
</div>
<script data-jetpack-boost="ignore" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script data-jetpack-boost="ignore">
$(document).ready(function() {
var current_purchase_info = "";
// 每隔 5 秒更新一条购买会员信息，并滚动显示
setInterval(function() {
var vip_names = ['资源小会员', '资源大会员'];
var vip_index = Math.floor(Math.random() * vip_names.length);
var vip_name = vip_names[vip_index];
var vip_periods = ['月卡', '月卡'];
var period_index = Math.floor(Math.random() * vip_periods.length);
var period = vip_periods[period_index];
// 从 wp_usermeta 数据表中查询符合条件的用户
var user_display_names = ["vipll900704","\u4e8c\u9524\u5934\u771f\u94c1","y2j8huishao"];
var user_index = Math.floor(Math.random() * user_display_names.length);
var username = user_display_names[user_index];
// 根据用户名长度进行处理
if (username.length <= 5) {
username = '*' + username.substring(1);
} else {
username = '**' + username.substring(2);
}
var purchase_info = "刚刚" + username + "购买了" + period + vip_name + "。";
// 如果新的购买信息和当前显示的信息一样，则不更新
if (purchase_info !== current_purchase_info) {
current_purchase_info = purchase_info;
$("#vip-purchase p").text(current_purchase_info);
// 滚动显示最新的一条信息
$("#vip-purchase").animate({scrollTop: 0}, "slow");
}
}, 5000);
});
</script>
<div class="vip-footer">
<h2>常见问题</h2>
<p>FAQ</p>
<div class="flex-container">
<div class="vip-faq box">
<div class="vip-faq-list">
<div class="vip-header">
<h2 style="text-align: left;padding-left: 15px;color: #bcbcbc;">开通VIP的好处？</h2>
</div>
<p class="body hidden" style="background: #6e6e6e42;padding: 15px;">VIP会员根据等级在相应的有效期内享有本站所有资源免费下载资源的权力，免费查看隐藏内容的权力，免费查看视频的权力，同时本站商品还会获得打折价格，并且拥有其他特殊的权力。</p>
</div>
</div>
<div class="vip-faq box">
<div class="vip-faq-list">
<div class="vip-header">
<h2 style="text-align: left;padding-left: 15px;color: #bcbcbc;">VIP资源需要单独购买吗？</h2>
</div>
<p class="body hidden" style="background: #6e6e6e42;padding: 15px;">不同的VIP拥有不同的权限，通常VIP会员拥有免费资格享受各种资源的权力，但不排除某些特殊情况。</p>
</div>
</div>
<div class="vip-faq box">
<div class="vip-faq-list">
<div class="vip-header">
<h2 style="text-align: left;padding-left: 15px;color: #bcbcbc;">VIP会员是否无限次下载资源？</h2>
</div>
<p class="body hidden" style="background: #6e6e6e42;padding: 15px;">在遵守VIP会员协议前提下，VIP会员在会员有效期内可以下载所有免费和VIP资源。</p>
</div>
</div>
<div class="vip-faq box">
<div class="vip-faq-list">
<div class="vip-header">
<h2 style="text-align: left;padding-left: 15px;color: #bcbcbc;">是否可以与他人分享VIP会员账号？</h2>
</div>
<p class="body hidden" style="background: #6e6e6e42;padding: 15px;">一个VIP账号仅限一个人使用，禁止与他人分享账号，一经发现做永久封号处理。</p>
</div>
</div>
<div class="vip-faq box">
<div class="vip-faq-list">
<div class="vip-header">
<h2 style="text-align: left;padding-left: 15px;color: #bcbcbc;">是否可以申请退款？</h2>
</div>
<p class="body hidden" style="background: #6e6e6e42;padding: 15px;">VIP会员属于虚拟服务，付款后不能够申请退款。如付款前有任何疑问，联系站长处理</p>
</div>
</div>
<div class="vip-faq box">
<div class="vip-faq-list">
<div class="vip-header">
<h2 style="text-align: left;padding-left: 15px;color: #bcbcbc;">遇到付款失败，付款后没有生效怎么办？</h2>
</div>
<p class="body hidden" style="background: #6e6e6e42;padding: 15px;">理论上来说正常付款后不会出现此类问题，但是也会有部分用户因为网络等原因导致在付款的过程中会有一些小插曲，如果出现类似问题，大可不必惊慌，本站所有支付都会生成订单，不管成功还是失败，所以如果真正遇到网络问题导致付款失败您又不知道是否成功，请查看自己的个人中心的订单管理，截图联系管理员处理。</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
@media (min-width: 1240px){
.container {
max-width: none;
width: auto;
}
}
.article {
padding: unset;
overflow: hidden;
}
</style>
