xiuli.gao
/
youhuiquan


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="yes" name="apple-mobile-web-app-capable">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
		<title>幸运抽奖</title>
		<link rel="stylesheet" type="text/css" href="../common/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css?v=1"/>
		<script type="text/javascript" src="../common/jquery-2.1.0.js"></script>
		<script type="text/javascript">
			document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
			window.onresize = function(){
				document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
			}
		</script>
	</head>
	<body>
		<div id="container">
			<!--淘口令-->
			<input id="copy_1" type="text" readOnly="true" value=""/>
			 <div id="copy_2"></div>
			<text id="taokouling"></text>
			<!--banner-->
			<div class="banner">
				<div class="top" id="times_cishu">今日还有 <span>--</span> 次抽奖机会</div>
				<div class="guize" onclick="goGuize()">规则</div>
				<div class="scroll" id="roll-wrap">
					<ul>
						<li> 阳光下的春天 抽中了 3元淘宝红包</li>
						<li> Lucy 抽中了 5元淘宝红包</li>
						<li> 阿狸 抽中了 3.6元淘宝红包</li>
						<li> 努力奋斗 抽中了 3.9元淘宝红包</li>
						<li> Dylan 抽中了 1.2元淘宝红包</li>
						<li> 时光任然 抽中了 5.2元淘宝红包</li>
						<li> 饕餮 抽中了 2.5元淘宝红包</li>
						<li> 咚咚 抽中了 3元淘宝红包</li>
						<li> 马先生 抽中了 10元淘宝红包</li>
					</ul>
				</div>
			</div>
			<div class="choujiang">
				<a href="#more" class="title">赚取更多抽奖机会 ></a>
				<div class="choujiang_zhuanpan">
					<div class="choujiang_deng" id="deng">
						<div class="content">
							<ul id="luck">
								<li class="luck-unit luck-unit-0" data-level="3" num="0"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/choujiang/one.png"/></li>
								<li class="luck-unit luck-unit-1" data-level="5" num="1"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/choujiang/two.png"/></li>
								<li class="luck-unit luck-unit-2" data-level="2" num="2"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/choujiang/three.png"/></li>
								<li class="luck-unit luck-unit-7" data-level="6" num="7"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/choujiang/eight.png"/></li>
								<li class="btn" onclick="goChoujiang()"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/choujiang/btn.png"/></li>
								<li class="luck-unit luck-unit-3" data-level="7" num="3"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/choujiang/four.png"/></li>
								<li class="luck-unit luck-unit-6" data-level="8" num="6"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/choujiang/seven.png"/></li>
								<li class="luck-unit luck-unit-5" data-level="4" num="5"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/choujiang/six.png"/></li>
								<li class="luck-unit luck-unit-4" data-level="1" num="4"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/choujiang/five.png"/></li>
							</ul>
						</div>
					</div>
				</div>
					<!--我的奖品-->
				<div class="myJiangpin">
					
				</div>
			</div>
			<a class="jixuchoujiang" name="more">
				<div class="title"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/choujiang/left_xing.png"/><span>继续抽奖</span><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/choujiang/right_xing.png" /></div>
				<ul class="chooseOther">
					<!--继续抽奖-->
					<li id="frist">
						<div class="left">
							<p>打开口袋优选</p>
							<p>每天打开口袋优选，惊喜连连抽</p>
						</div>
						<div class="right goChongjiang">去抽奖</div>
					</li>
					<li id="yhq">
						<div class="left">
							<p>领取优惠券</p>
							<p>领取优惠券可以再参与一次抽奖哦</p>
						</div>
						<div class="right deq_jjixuchoujiang goChongjiang">赚取机会</div>
					</li>
					<li id="dingdantianxie">
						<div class="left">
							<p>填写订单编号</p>
							<p>填写单号，更有可能中大奖</p>
						</div>
						<div class="right dd_dingdantianxie goChongjiang">赚取机会</div>
					</li>
				</ul>
			</a>
			<!--弹窗-->
			<div class="tanchuang">
				<!--淘宝红包-->
				<div class="content_tkl">
					<h2>中奖啦</h2>
					<div class="gongxi">
						<p class="title">恭喜你抽中淘宝红包</p>
						<!--<div class="price">2.0元</div>
						<p class="taobao">淘宝红包</p>-->
					</div>
					<div class="gongxi_tkl" style="display: none;">
						<p style="padding-top: 0.25rem;">红包口令已复制</p>
						<p>打开淘宝领取吧</p>
					</div>
					<button data-status="1">点击领取</button>
					<div class="close" onclick="closeTankuang_02()"></div>
				</div>
				<!--活动规则-->
				<div class="content_gz">
					<h3>活动规则</h3>
					<ul>
						<li>每天打开【口袋优选】app可以获得 一次抽奖机会；</li>
						<li>当日在【口袋优选】上领取优惠券，获得一次抽奖机会；</li>
						<li>填写通过【口袋优选】下单并支付 的订单编号，获得一次抽奖机会</li>
					</ul>
					<button onclick="closeTankuang_02()">我知道了</button>
				</div>
				<!--我的奖品-->
				<div class="content_my_jiangpin">
					<h3>我的奖品</h3>
					<ul></ul>
					<div class="close" onclick="closeTankuang_02()"></div>
				</div>
				<!--填单号，抽大奖-->
				<div class="content_danhao">
					<h3>填单号，抽大奖</h3>
					<div class="ipt">
						<input type="text" placeholder="请粘贴订单编号"/>
						<!--<span>粘贴</span>-->
					</div>
					<p class="copyTitle">复制淘宝订单编号，粘贴到上方</p>
					<button id="tijiaodingdan">提交</button>
					<p class="tishi">提示：只有通过“口袋优选App”下单并已支付的订单才能在此提交。一个订单号只能兑换一次抽奖机会，请不要重复提交。</p>
					<div class="close" id="close"></div>
				</div>
				<!--很遗憾没中奖-->
				<div class="content_fail">
					<p>没有被大奖砸中诶</p>
					<p>好运留给下一次</p>
					<button onclick="goChoujiang()">再抽一次</button>
					<div class="close" onclick="closeTankuang_02()"></div>
				</div>
				<!--100元优惠券-->
				<div class="content_yhq">
					<div class="content">
						<button onclick="godaequanList()"></button>
					</div>
					<div class="close" onclick="closeTankuang_02()"></div>
				</div>
			</div>
			
			<div class="alert-info" style="display: none;">
	            <!-- tip提示,3s后消失 -->
	            <p></p>
	        </div>
		</div>
	</body>
</html>
<script type="text/javascript" src="js/index.js?v=12"></script>