<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="screen-orientation" content="portrait">
	</meta>
	<meta name="x5-orientation" content="portrait">
	</meta>
	</meta>
	<meta name="x5-orientation" content="portrait">
	</meta>
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
	<title>抽奖</title>
	<link rel="shortcut icon" href="../../images/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="../../css/draw.css">
	<link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
	<link rel="stylesheet" href="../../css/cssReset.css">
</head>

<body class="choujiang">
	<div class="banner">
		<img class="top_bg" src="../../images/top_bg.png" alt="">
		<!-- <a href="html/list.html"><div class="float_btn">抽奖收益</div></a> -->
		<div class="turnplate"
			style="background-image:url(../../images/cj_bg.png);background-size:100% 99%;background-repeat: no-repeat;">
			<canvas class="item" id="wheelcanvas" width="422px" height="422px"></canvas>
			<img class="pointer" src="../../images/jt2.png" />
		</div>
		<div class="turntable">
			<div class="turntable_font">
				<div class="turn_font_left">
					<img src="../../images/task_draw_reward_coin_icon.png" alt="task_draw_reward_coin_icon">
					<span>剩余次数:</span>
					<font id="remainingCount">1</font>
					<span>次</span>
				</div>
				<div class="turn_font_right">
					<img src="../../images/task_draw_reward_clock_icon.png" alt="task_draw_reward_clock_icon">
					<span onclick="goCenter()"> 中奖纪录</span>
				</div>
			</div>
		</div>
	</div>
	<div>
		<div class="taskRules">
			<div class="rules">
				<div class="task_title">
					<img src="../../images/task_draw_reward_rule_title_img.png" alt="task_draw_reward_rule_title_img">
				</div>
				<div class="rules_cover">
					<img src="../../images/task_draw_reward_rule_white_img.png" alt="task_draw_reward_rule_white_img">
				</div>
				<div class="rules_con">
					<ul>
						<li>本次活动针对于印象之旅所有同行客户参与,活动规则说明如下</li>
						<li>1、凡报名印象之旅“散拼跟团游“产品,并且付清尾款以后可获得1次抽奖机会。</li>
						<li>2、抽奖次数在活动结束以后自动清空,请各位会员务必尽快抽奖,以免造成损失。</li>
						<li>3、本次活动奖品包含电子优惠券,具有时效性,请各位会员注意查看有效期,过期将不能使用。</li>
						<li>4、本次活动时间为2019年9月12日至2019年12月31日</span></li>
						<li class="rules_li">温馨提醒:如果页面未及时显示您的免费机会,请尝试退出活动页面再重新进来哦。</li>
					</ul>
					<div id="rules_con_footer" class="rules_con_footer">本活动解释权归主办方所有</div>
				</div>
				<div class="rules_footer">点击查看规则</div>
			</div>
		</div>
	</div>
	<div class="tips">
		<div class="bg">
			<p class="status"></p>
			<p class="your"></p>
			<p onclick="goCenter()">点击查看奖品</p>
		</div>
		<div class="_close" onclick="closeTips()">
			<img src="../../images/close.png" alt="">
		</div>
	</div>
	<div class="spinner">
		<div class="bounce1"></div>
		<div class="bounce2"></div>
		<div class="bounce3"></div>
		<p>加载中...</p>
	</div>
	<script type="text/javascript" src="../../js/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="../../js/md5.js"></script>
	<script type="text/javascript" src="../../js/layer/layer.js"></script>
	<script type="text/javascript" src="../../js/mian.js"></script>
	<script type="text/javascript" src="../../js/awardRotate.js"></script>
	<script type="text/javascript" src="../../js/bts/bootstrap.min.js"></script>
	<script type="text/javascript" src="../../js/appdraw.js"></script>
	<script type="text/javascript" src="../../js/autosize.js"></script>
	<script>
		
		function goCenter() {
			window.location.href = 'center.html';
		}
		function closeTips() {
			$('.tips').hide();
		}
		// $('.rules_con').html(window.localStorage.rules)
	</script>
</body>

</html>