338 lines
13 KiB
HTML
338 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>瘋狂動物園</title>
|
||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||
<link rel="stylesheet" href="./css/index.css?v=1.1">
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 頭部 -->
|
||
<div class="header">
|
||
<!-- <img src="./images/headerText.png" alt="" class="headerText"> -->
|
||
<img src="./images/rule_icon.png" alt="" class="rule_icon">
|
||
<img src="./images/record_icon.png" alt="" class="record_icon">
|
||
<img src="./images/rank_icon.png" alt="" class="rank_icon">
|
||
<img src="./images/bo.png" alt="" class="muciek" id="muciek">
|
||
<!-- <div class="headerH3">選擇鉆石 > 選擇圖標</div> -->
|
||
</div>
|
||
<!-- 食材大盒子 -->
|
||
<div class="box">
|
||
<!-- 標題 -->
|
||
<div class="boxTitle">
|
||
<!-- 請選擇：<b>30</b> 秒 -->
|
||
</div>
|
||
<!-- tab -->
|
||
<dib class="tab">
|
||
<div class="active">
|
||
<img src="./images/Bdiamond.png" alt="">
|
||
<b>100</b>
|
||
</div>
|
||
<div>
|
||
<img src="./images/Bdiamond.png" alt="">
|
||
<b>500</b>
|
||
</div>
|
||
<div>
|
||
<img src="./images/Bdiamond.png" alt="">
|
||
<b>5000</b>
|
||
</div>
|
||
</dib>
|
||
<!-- 食材列錶 -->
|
||
<div class="box_in1 box_in">
|
||
<div class="sBox item1">
|
||
<div class="sBox1 ">
|
||
<img src="" alt="">
|
||
</div>
|
||
<div class="SboxText">洋蔥</div>
|
||
<div class="qp">
|
||
<i>已選擇</i>
|
||
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<b></b>
|
||
</p>
|
||
</div>
|
||
<div class="bei">x15</div>
|
||
</div>
|
||
<div class="sBox item2">
|
||
<div class="sBox1">
|
||
<img src="" alt="">
|
||
</div>
|
||
<div class="SboxText">洋蔥</div>
|
||
<div class="qp">
|
||
<i>已選擇</i>
|
||
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<b></b>
|
||
</p>
|
||
</div>
|
||
<div class="bei">x15</div>
|
||
</div>
|
||
<div class="sBox item3">
|
||
<div class="sBox1">
|
||
<img src="" alt="">
|
||
</div>
|
||
<div class="SboxText">洋蔥</div>
|
||
<div class="qp">
|
||
<i>已選擇</i>
|
||
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<b></b>
|
||
</p>
|
||
</div>
|
||
<div class="bei">x15</div>
|
||
</div>
|
||
<div class="sBox item4">
|
||
<div class="sBox1">
|
||
<img src="" alt="">
|
||
</div>
|
||
<div class="SboxText">洋蔥</div>
|
||
<div class="qp">
|
||
<i>已選擇</i>
|
||
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<b></b>
|
||
</p>
|
||
</div>
|
||
<div class="bei">x15</div>
|
||
</div>
|
||
</div>
|
||
<div class="box_in1 box_in">
|
||
<div class="sBox item5">
|
||
<div class="sBox1 ">
|
||
<img src="" alt="">
|
||
</div>
|
||
<div class="SboxText">洋蔥</div>
|
||
<div class="qp">
|
||
<i>已選擇</i>
|
||
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<b></b>
|
||
</p>
|
||
</div>
|
||
<div class="bei">x15</div>
|
||
</div>
|
||
<div class="sBox item6">
|
||
<div class="sBox1">
|
||
<img src="" alt="">
|
||
</div>
|
||
<div class="SboxText">洋蔥</div>
|
||
<div class="qp">
|
||
<i>已選擇</i>
|
||
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<b></b>
|
||
</p>
|
||
</div>
|
||
<div class="bei">x15</div>
|
||
</div>
|
||
<div class="sBox item7">
|
||
<div class="sBox1">
|
||
<img src="" alt="">
|
||
</div>
|
||
<div class="SboxText">洋蔥</div>
|
||
<div class="qp">
|
||
<i>已選擇</i>
|
||
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<b></b>
|
||
</p>
|
||
</div>
|
||
<div class="bei">x15</div>
|
||
</div>
|
||
<div class="sBox item8">
|
||
<div class="sBox1">
|
||
<img src="" alt="">
|
||
</div>
|
||
<div class="SboxText">洋蔥</div>
|
||
<div class="qp">
|
||
<i>已選擇</i>
|
||
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<b></b>
|
||
</p>
|
||
</div>
|
||
<div class="bei">x15</div>
|
||
</div>
|
||
</div>
|
||
<!-- 第二輪透明遮罩 -->
|
||
<div class="masks"></div>
|
||
</div>
|
||
<!-- 往輪結果 -->
|
||
<div class="resultOut">
|
||
<img src="./images/wljg.png" alt="" class="wljg">
|
||
<img src="./images/sqp.png" alt="" class="sqp sqp1">
|
||
<img src="./images/sqp.png" alt="" class="sqp sqp2">
|
||
<img src="./images/sqp.png" alt="" class="sqp sqp3">
|
||
<img src="./images/sqp.png" alt="" class="sqp sqp4">
|
||
<img src="./images/sqp.png" alt="" class="sqp sqp5">
|
||
<img src="./images/sqp.png" alt="" class="sqp sqp6">
|
||
<img src="./images/sqp.png" alt="" class="sqp sqp7">
|
||
<img src="./images/sqp.png" alt="" class="sqp sqp8">
|
||
<img src="./images/sqp.png" alt="" class="sqp sqp9">
|
||
<img src="./images/sqp.png" alt="" class="sqp sqp10">
|
||
<img src="" alt="" class="sqp_in sqp_in1">
|
||
<img src="" alt="" class="sqp_in sqp_in2">
|
||
<img src="" alt="" class="sqp_in sqp_in3">
|
||
<img src="" alt="" class="sqp_in sqp_in4">
|
||
<img src="" alt="" class="sqp_in sqp_in5">
|
||
<img src="" alt="" class="sqp_in sqp_in6">
|
||
<img src="" alt="" class="sqp_in sqp_in7">
|
||
<img src="" alt="" class="sqp_in sqp_in8">
|
||
<img src="" alt="" class="sqp_in sqp_in9">
|
||
<img src="" alt="" class="sqp_in sqp_in10">
|
||
</div>
|
||
<!-- 大獎展示 -->
|
||
<div class="resultText"></div>
|
||
<!-- 免責聲明 -->
|
||
<h3>本活動最終解釋權歸Piko所有<br>
|
||
<b>活動獎勵與Google Play/Apple Store無關</b>
|
||
</h3>
|
||
<!-- 用戶信息 -->
|
||
<div class="my">
|
||
<div class="left">
|
||
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<img src="./images/add.png" alt="" class="add">
|
||
<b>鉆石余額:0</b>
|
||
</div>
|
||
<div class="right">
|
||
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<b>今日獎勵:0</b>
|
||
</div>
|
||
</div>
|
||
<!-- 開獎結果彈窗 -->
|
||
<div class="result_popup">
|
||
<div class="result_popup_in">
|
||
<div class="result_popup_inTitle">本輪結果 <b></b></div>
|
||
<!-- 中獎結果列錶 -->
|
||
<ul class="resultList">
|
||
<li>
|
||
<img src="./images/logo.png" alt="">
|
||
<div class="name">洋蔥</div>
|
||
</li>
|
||
</ul>
|
||
<!-- 收益 -->
|
||
<div class="income">
|
||
<p class="p1">
|
||
<img src="./images/Sdiamond.png" alt="">
|
||
<b>0</b>
|
||
</p>
|
||
<p class="p2">
|
||
<img src="./images/Sdiamond.png" alt="">
|
||
<b>0</b>
|
||
</p>
|
||
</div>
|
||
<!-- 本輪前三 -->
|
||
<div class="no">
|
||
<div class="no1">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="name">虛位以待</div>
|
||
<p>
|
||
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<b> 0</b>
|
||
</p>
|
||
</div>
|
||
<div class="no2">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="name">虛位以待</div>
|
||
<p>
|
||
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<b> 0</b>
|
||
</p>
|
||
</div>
|
||
<div class="no3">
|
||
<img src="./images/logo.png" alt="" class="tx">
|
||
<div class="name">虛位以待</div>
|
||
<p>
|
||
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
|
||
<b> 0</b>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 規則彈窗 -->
|
||
<div class="shade-mask">
|
||
<div class="shade-content">
|
||
<main>
|
||
<div class="cyfs">
|
||
<p class="title">參與方式</p>
|
||
玩家可通過鑽石參與《瘋狂動物園》遊戲，每次最少需花費100鑽石，每個回合時間30秒。
|
||
<p class="jietu"><img src="./images/t1.png" alt=""></p>
|
||
</div>
|
||
<div class="lwff">
|
||
<p class="title">禮物發放</p>
|
||
每次參與遊戲後悔獲得一次禮物開獎。;
|
||
<p class="jietu t2"><img src="./images/t2.png" alt=""></p>
|
||
每次隨機從8種小動物種選取一個作為中獎食材，中獎後獲得（中獎物品所花費的鑽石數*中獎小動物對應倍數）的鑽石獎勵，鑽石將直接發放到賬戶中。
|
||
<p class="jietu t3"><img src="./images/t3.png" alt=""></p>
|
||
例如購買1個5倍大象花費100鑽，中獎後獲得100*5的鑽石。
|
||
</div>
|
||
<div class="qtsm">
|
||
<p class="title">其他說明</p>
|
||
如果以上說明未能解答您的疑問，請聯系客服，會有專人解答疑難。
|
||
<p>本活動以及活動獎勵與Google/蘋果公司無關</p>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
</div>
|
||
<!-- 今日排名彈窗 -->
|
||
<div class="shade-mask-rank">
|
||
<div class="shade-content-rank">
|
||
<div class="rank-top">
|
||
|
||
<div class="tab-wrap">
|
||
<span class="diamond-rank active">今日獎勵榜</span>
|
||
<span class="num-rank">今日歐皇榜</span>
|
||
</div>
|
||
|
||
<div class="topthree-wrap">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="other-rank">
|
||
|
||
</ul>
|
||
|
||
<div class="mine">
|
||
<span class="mine-rank"></span>
|
||
<div class="mine-info">
|
||
<img src="./images/logo.png" alt="">
|
||
<span class="mine-nick"></span>
|
||
</div>
|
||
<span class="mine-diamond-num"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 碎片不足提示彈窗 -->
|
||
<div class="shade-mask-fragmentNum">
|
||
<div class="shade-content-fragmentNum">
|
||
<div class="fragmentNum-title">鉆石余額不足</div>
|
||
<img src="./images/no-money.png" alt="">
|
||
<p>當前鉆石不足</p>
|
||
<div class="fragmentNum-btn-wrap">
|
||
<div class="cancel-btn">取消</div>
|
||
<div class="confirm-btn">獲取鉆石</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 投入音效 -->
|
||
<audio style="display: none;" id="draw">
|
||
<source src="./images/draw.mp3" type="audio/mp3">
|
||
</audio>
|
||
<!-- 开奖中音效 -->
|
||
<audio style="display: none;" id="lotteryMusic">
|
||
<source src="./images/lotteryMusic.mp3" type="audio/mp3">
|
||
</audio>
|
||
<!-- 背景音效 -->
|
||
<audio style="display: none;" id="backgroundMusic" autoplay loop>
|
||
<source src="./images/backgroundMusic.mp3" type="audio/mp3">
|
||
</audio>
|
||
</body>
|
||
|
||
</html>
|
||
<script src="../../common/js/flexible.js"></script>
|
||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||
<script src="../../common/js/common2.js"></script>
|
||
<script src="../../common/js/layer.js"></script>
|
||
<script src="../../common/js/vconsole.min.js"></script>
|
||
<script src="../../common/js/svga.min.js"></script>
|
||
<script src="./js/wow.js"></script>
|
||
<script src="./js/index.js?v=1.2"></script> |