151 lines
6.8 KiB
HTML
151 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>许愿集福 瓜分20万大奖</title>
|
||
<meta name="viewport"
|
||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||
<meta name="format-detection" content="telephone=no">
|
||
<meta http-equiv="pragma" content="no-cache">
|
||
<meta http-equiv="cache-control" content="no-cache">
|
||
<meta http-equiv="expires" content="">
|
||
<script src="../../common/js/flexible.js"></script>
|
||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||
<link rel="stylesheet" href="css/index.css">
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 主背景 -->
|
||
<img class="hostBg" src="./image/hostBg.png" alt="">
|
||
<!-- 标题 -->
|
||
<div class="title">
|
||
<div class="title_time">1月27日~2月11日</div>
|
||
<div class="title_text">
|
||
<p>活动期间许愿可开出福气卡</p>
|
||
<p>集齐福气卡可获得瓜分<b>20万</b>鉆石的机会</p>
|
||
<p>集齐次数越多，瓜分次数越多</p>
|
||
<p>（幸运许愿池和梦幻许愿池都可以参与噢~）</p>
|
||
</div>
|
||
<div class="title_people">当前已有<b>0</b>人集齐全套福卡</div>
|
||
</div>
|
||
<!-- 福卡 -->
|
||
<div class="foca">
|
||
<div class="foca_card">
|
||
<div class="card" style="background: url(./image/patrioticCard.png) no-repeat;background-size: 100% 100%;">
|
||
<div class="card_number"></div>
|
||
</div>
|
||
<div class="card" style="background: url(./image/accordCard.png) no-repeat;background-size: 100% 100%;">
|
||
<div class="card_number"></div>
|
||
</div>
|
||
<div class="card" style="background: url(./image/friendlyCard.png) no-repeat;background-size: 100% 100%;">
|
||
<div class="card_number"></div>
|
||
</div>
|
||
<div class="card"
|
||
style="background: url(./image/richAndMightyCard.png) no-repeat;background-size: 100% 100%;">
|
||
<div class="card_number"></div>
|
||
</div>
|
||
<div class="card"
|
||
style="background: url(./image/devoteToWorkCard.png) no-repeat;background-size: 100% 100%;">
|
||
<div class="card_number"></div>
|
||
</div>
|
||
</div>
|
||
<!-- 活动未开始 -->
|
||
<div class="foca_boxOut">
|
||
<!-- <p class="foca_text">还剩<b>0次</b>瓜分机会</p> -->
|
||
<div class="foca_but">点击领取</div>
|
||
<div class="foca_last">活动未开始</div>
|
||
</div>
|
||
<!--未集齐 -->
|
||
<div class="foca_box">
|
||
<p class="foca_text"></p>
|
||
<div class="foca_but">未集齐</div>
|
||
<div class="foca_countDown">集卡倒计时</div>
|
||
<div class="foca_time"><b class="dd"></b> 天 <b class="hh"> </b> 小 时 <b class="mm"> </b> 分 <b class="ss">
|
||
</b> 秒 </div>
|
||
</div>
|
||
<!-- 集齐时间未到 -->
|
||
<div class="foca_box1">
|
||
<p class="foca_text">已获得<b>2</b>次瓜分机会</p>
|
||
<div class="foca_but">2月12日00:00开奖</div>
|
||
<div class="foca_countDown">集卡倒计时</div>
|
||
<div class="foca_time"><b class="dd"></b> 天 <b class="hh"> </b> 小 时 <b class="mm"> </b> 分 <b class="ss">
|
||
</b> 秒 </div>
|
||
</div>
|
||
<!-- 集齐集卡并且倒计时结束空白期样式 -->
|
||
<div class="foca_box11">
|
||
<p class="foca_text">已获得<b></b>次瓜分机会</p>
|
||
<div class="foca_but">2月12日00:00开奖</div>
|
||
<div class="foca_last">成功瓜分<b>0</b>鉆石</div>
|
||
</div>
|
||
<!-- 没次数时间未到
|
||
<div class="foca_box2">
|
||
<p class="foca_text">还剩<b>2次</b>瓜分机会</p>
|
||
<div class="foca_but">点击领取</div>
|
||
<div class="foca_countDown">集卡倒计时</div>
|
||
<div class="foca_time"><b class="dd"></b> 天 <b class="hh"> </b> 小 时 <b class="mm"> </b> 分<b class="ss">
|
||
</b>秒 </div>
|
||
</div> -->
|
||
<!-- 瓜分成功时间已到 -->
|
||
<div class="foca_box3">
|
||
<p class="foca_text">还剩<b>2</b>次瓜分机会</p>
|
||
<div class="foca_but">点击领取</div>
|
||
<div class="foca_last">成功瓜分<b>0</b>鉆石</div>
|
||
</div>
|
||
<!-- 活动结束 -->
|
||
<div class="foca_box4">
|
||
<!-- <p class="foca_text">还剩<b>0次</b>瓜分机会</p> -->
|
||
<div class="foca_but">未集齐</div>
|
||
<div class="foca_last">活动结束</div>
|
||
</div>
|
||
</div>
|
||
<!-- 头饰 -->
|
||
<div class="headwear">
|
||
<div class="headwear_title">活动期间开出一个敬业福，还可以获得以下奖励:</div>
|
||
<div class="headwearTop">
|
||
<!-- class="activeImg" -->
|
||
<div class="top"><img src="" alt=""></div>
|
||
<div class="bottom">
|
||
<p>头饰【鸿运当头】/7天</p>
|
||
<span>与你畅谈结交，释放新年福气，辞旧迎新贺佳节。</span>
|
||
</div>
|
||
</div>
|
||
<div class="headwearTop headwearBottom">
|
||
<div class="top"><img src="" alt="" class="carPic"></div>
|
||
<div class="bottom">
|
||
<p>座驾【新年年兽】/7天</p>
|
||
<span>烟火迎春，携手祈福，新春开好运。</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 活动详情 -->
|
||
<div class="activityDetail">
|
||
<ul>
|
||
<li><span>1</span>集齐所有福卡即可获得瓜分奖池的机会，瓜分金额随机，集齐次数越多，瓜分次数越多，瓜分奖励统一一次发放至账户</li>
|
||
<li><span>2</span>瓜分奖励时间：<p class="tip">2月12日0点至2月15日0点</p></li>
|
||
<li><span>3</span>获得敬业福需找客服报备赠送对应的装扮，赠送次数不叠加，每人仅限报备一次装扮</li>
|
||
<li><span>4</span>有任何疑问可添加官方客服<p class="tip">（pikokefu01）</p>进行咨询</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 尾部图片 -->
|
||
<div class="fotter"></div>
|
||
<!-- 弹窗 -->
|
||
<div class="pop_up">
|
||
<div class="pop_up_box">
|
||
<b>恭喜您成功瓜分到</b>
|
||
<span></span>
|
||
<p>鉆石已自动放入您的钱包</p>
|
||
<img src="./image/close.png" alt="">
|
||
</div>
|
||
</div>
|
||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||
<script src="../../common/js/vconsole.min.js"></script>
|
||
<script src="../../common/js/swiper.min.js"></script>
|
||
<!-- <script src="../../common/js/common.js?v=7.0"></script> -->
|
||
<script src="../../common/js/common2.js"></script>
|
||
<script src="js/index.js"></script>
|
||
</body>
|
||
|
||
</html> |