<!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>1、每人每天开局有<span>1</span>次免费抽奖机会;</li>
						<li>2、阅读新闻每20分钟获得<span>1</span>次免费抽奖机会,每天最多<span>2</span>次;</li>
						<li>3、观看视频每30分钟获得<span>1</span>次免费抽奖机会,每天最多<span>2</span>次;</li>
						<li>4、合计每人每天最多<span>5次免费抽奖机会;</span></li>
						<li>5、用户可以花金币购买抽奖机会,<span>200金币一次,次数无限;</span></li>
						<li>6、转盘分10份,分别设置为:10金币、20金币、50金币、100金币、150金币、200金币、250金币、300金币、500金币、900金币;</li>
						<li>7、抽奖结果以当次抽奖结束后显示窗口的内容为准;</li><br>
						<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/draw.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>