text-H5
/
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>抛枕头首页</title>
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<div class="web">
			<img src="img/index/index_bg.jpg" alt="" />
			<header class="title">
				<img src="img/index/index_title.jpg" alt="" />
			</header>
			<div class="bear">
				<img src="img/index/bear.png" alt="" />
			</div>
			<div class="plane">
				<img src="img/index/plane.png" alt="" />
			</div>
			<div class="money-left">
				<img src="img/index/money1.png" alt="" />
			</div>
			<div class="money-right">
				<img src="img/index/money2.png" alt="" />
			</div>
			<div class="solgan">
				<p>猴年送你N重好礼, 现金红包等你拿！</p>
				<p>快来参与领取吧！</p>
			</div>
			<footer class="clearfix">
				<span class="game-rules">
					<img src="img/index/game_rules.jpg" alt="" />
				</span>
				<span class="join-game">
					<img src="img/index/join_game.jpg" alt="" />
				</span>
			</footer>
			<!--
				公众号 二维码
			-->
			<div class="official-account-mask">
				<div class="official-account">
					<img src="img/index/official_account.png" alt="" />
					<div class="qr-code">
						<img src="img/index/qr_code.png" alt="" />
					</div>
					<p>开始游戏之前，请长按图中二维码关注<br />sinomax赛诺微信公众平台。关注成功后，<br />请点击公众号菜单栏进入游戏。</p>
					<div class="close-btn">
						<a>
							<img src="img/index/close_btn.png" alt="" />
						</a>
					</div>
				</div>
			</div>
			<!--
            	游戏规则
            -->
			<div class="game-rules-mask">
				<div class="img-wrap">
					<div class="close-rules-btn">
						<img src="img/index/close_rules_btn.png" alt=""/>
					</div>
					<img src="img/index/game_rules_detail.png" alt="" />
				</div>
			</div>
		</div>
		<!--
        	选择枕头
        -->
        <div class="select-pillows-page">
        	<img src="img/index/index_bg.jpg"/>
        	<span class="prev">&lt;&lt;上一款</span>
        	<span class="next">下一款&gt;&gt;</span>
        	<div class="pillows">
        		<div class="watch-port">
        			<ul>
	        			<li>
	        				<img src="img/game/zhentou1.png" alt="" />
	        				<p>泰迪枕</p>
	        			</li>
	        			<li>
	        				<img src="img/game/zhentou2.png" alt="" />
	        				<p>典雅梦幻4D枕一代</p>
	        			</li>
	        			<li>
	        				<img src="img/game/zhentou3.png" alt="" />
	        				<p>安琪儿枕</p>
	        			</li>
	        			<li>
	        				<img src="img/game/zhentou4.png" alt="" />
	        				<p>4D太空智能枕</p>
	        			</li>
        			</ul>
        		</div>
        	</div>
        	<p class="select-tips">左右滑动来选择一款您最喜欢的产品参与游戏吧!(点击图片看看它们有什么不一样！)</p>
        	<div class="btn-group">
        		<a href="index.html" class="back">返回</a>
        		<a class="sure-select">确定选择</a>
        	</div>
        </div>

		<script src="js/reset.js"></script>
		<script src="js/index.js"></script>
	<!--	<script src="js/vconsole.min.js"></script>-->
	</body>
</html>