nizongfeng
/
XMWXC


			
				
					
						
						
							
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
		<title></title>
		<style>
			*{margin:0px;padding: 0px;font-family: "黑体";}
			.tishi2{width:100%;text-align: center;font-size:18px;line-height: 30px;margin-bottom:20px;}
			.page2moblie,.page2choujiang{width:100%;text-align: center;margin-bottom:5px;}
			.page2moblie span,.page2choujiang span{font-size: 16px;}
			.kjtime{width:100%;text-align: center;font-size: 18px;margin-top:20px;}
			.kjtime2{width:100%;text-align: center;font-size: 18px;margin-top:5px;margin-bottom: 10px;}
			.anniu2{width:90%;margin:auto;text-align: center;height: 30px;line-height: 30px;font-size: 18px;color: #FFFFFF;background: #33d6b0;margin-bottom: 10px;margin-top:15px;}
			.tishi3{margin-left:5%;font-weight: bold;text-align: left;margin-top:17px;}
			.tishi4{width:90%;margin:auto;font-size: 14px;margin-top:10px;line-height: 22px;}
			.zhizhulogo{width:100%;height: 136px;}
			.black{position: absolute;top:0;left: 0;background: #000000;opacity: 0.4;width:100%;}
			.tishi5{position: absolute;top:175px;left: 0;right: 0;margin:auto;background: #FFFFFF;width:66%;border-radius:5px;padding: 10px;padding-top:30px;padding-bottom:30px;font-size:15px;display: none;}
			.x{position: absolute;top:5px;right:5px; height: 20px;width:20px;text-align: center;line-height: 21px;font-size: 16px;background:#FF7E00;color:#FFFFFF;border-radius:2px;}
			.erweima{width:180px;margin-top:10px;}
		</style>
	</head>
	<body id="body">
		<div style="position: relative;">
			<div class="page2" id="page2">
				<div class="tishi2">
					<div style="margin-bottom:5px;width:90%;margin:auto;padding-top:85px;">您已成功参与蜘蛛出行免单活动!</div>
					<!--<div>免费千岛湖巴士自由行共5名额</div>
					<div style="font-size: 14px;">上海出发 不含住宿及门票</div>
					<div>免费普陀山巴士自由行共5名额</div>
					<div style="font-size: 14px;">上海出发 不含住宿及门票</div>-->
					<!--<a href="http://mp.weixin.qq.com/s?__biz=MzIwNjI0MDAwOQ==&mid=502857775&idx=2&sn=1d04e2f10383af14cdd1a8481353e9ef&scene=0&previewkey=m65GKbcndwwmEE8v%2FfjGRcwqSljwj2bfCUaCyDofEow%3D#wechat_redirect">
						<img style="height: 277px;width:100%;" src="img/lotop.png"/>
					</a>-->
				</div>
				<div class="page2moblie" style="margin-bottom:63px;">
					<span>手机号：</span>
					<span id="moblienum2"></span>
				</div>
				<div id="cjm">
					<div class="page2choujiang">
						<div style="margin-bottom:20px;">你的抽奖码：</div>
						<div id="choujiangma" style="width:90%;margin-left:5%;padding-right:5%; word-wrap: break-word; word-break: break-all;">1140</div>
					</div>
				</div>
				<div class="anniu2" id="anniu2">多要一个抽奖码</div>
				<!--<div class="anniu2" id="anniu3">再拿一个大红包</div>-->
				<div class="tishi3" style="margin-top:30px;">开奖时间：</div>
				<div class="tishi4" >2016年5月23日 周一 18：00</div>
				<div class="tishi3">温馨提示：</div>
				<div class="tishi4" >长按下方二维码关注我们，获取中奖提醒；若开奖时未关注蜘蛛出行，中奖视为无效。</div>
			<!--	<div class="tishi4" >2.点击上方[再拿一个大红包]，成功邀请2位好友参与，奖励一个大红包！红包数量有限，先到先得哦！</div>-->
				<div style="margin:0 auto;text-align: center;">
					<img class="erweima" src="img/erweima.jpg" alt="" />
					<img class="zhizhulogo" style="width:300px;" src="img/zhizhulogo.png" alt="" />
				</div>
			</div>
			<div class="black" id="black"></div>
			<div class="tishi5" id="tishi5">
				<div class="x" id="x">×</div>
				<div id="content"></div>
			</div>
		</div>
	</body>
	<script>
		var anniu3=document.getElementById("anniu3");
		var anniu2=document.getElementById("anniu2");
		var tishi5=document.getElementById("tishi5");
		var black=document.getElementById("black");
		var body=document.getElementById("body");
		var x=document.getElementById("x");
		var content=document.getElementById("content");
		var H=document.documentElement.clientHeight;
		
		black.style.height=H+"px";
		black.style.display="none";
		var banmove=function(ev){ev.preventDefault();}
		anniu2.onclick=function(){
			window.scrollTo(0,0);
			body.addEventListener("touchmove",banmove);
			body.style.height=H+'px';
			body.style.overflow="hidden";
			black.style.display="block";
			tishi5.style.display="block";
			content.innerHTML="点击右上角【···】，选择【分享朋友圈】，分享成功，您即多获得一个抽奖码；<br>选择【发送给朋友】每邀请一位好友报名成功，再额外获得一个抽奖码！"
		}
//		anniu3.onclick=function(){
//			body.style.overflow="hidden";
//			black.style.display="block";
//			tishi5.style.display="block";
//			content.innerHTML="点击右上角【···】，选择【发送给朋友】邀请两位好友报名成功，您即可领取红包！共190份红包，先到先得！"
//		}
		x.onclick=function(){
			body.removeEventListener("touchmove",banmove);
			tishi5.style.display="none";
			black.style.display="none";
			body.style.overflow="scroll";
		}
		window.onload=function(){
			var xhr = new XMLHttpRequest();
				xhr.open("GET","http://180.76.185.227/php/json.php?key="+Math.random(),true);
				xhr.send(null);
				xhr.onload = function(){
					console.log(xhr.responseText);
				}
		}
	</script>
</html>