更改

begin.html

@@ -127,7 +127,7 @@
 	<!--游戏规则-->
 	<div class="guiz">
 		<p class="title">
-			<img src="img/icon.png"/> <span>查看游戏规则</span>
+			<!--<img src="img/icon.png"/> <span>查看游戏规则</span>-->
 		</p>
 		<div class="guizBox">
 			<p class="close"><img src="img/close.png"/></p>

css/game5.css

@@ -231,7 +231,13 @@
     color: #ffffff;
     -webkit-text-stroke: 2px #306169;
     position: absolute;
-    left: 61.5%;
+    width: 2rem;
+    text-align: center;
+    left: 55.5%;
     top: 56%;
     transform: translate(-50%, -50%);
 }
+.game5Index  .successBox p{
+	margin-bottom: .8rem;
+	
+}

game4.html

@@ -7,7 +7,7 @@
 	</p>
 	<div class="box_wrap">
 		<ul class="imgList">
-			<li><img style="width: .96rem;" src="img/game4/lin1.png" />
+			<li><img style="width: .7rem;" src="img/game4/lin1.png" />
 				<p></p>
 			</li>
 			<li><img style="width: .92rem;" src="img/game4/lin2.png" />
@@ -22,7 +22,7 @@
 		</ul>
 		<div class="clickIcon">
 			<ul>
-				<li class="click1 click"><img src="img/game4/icon1.png"/></li>
+				<li class="click1 click"><img style="width: .7rem;" src="img/game4/icon1.png"/></li>
 				<li class="click2 click"><img src="img/game4/icon2.png"/></li>
 				<li class="click3 click"><img src="img/game4/icon3.png"/></li>
 			</ul>
@@ -87,7 +87,7 @@
 		$('.game4Index .click1 img').css('display','block')
 		$('.game4Index .click1').animate({
 			'top': '2.5%',
-			"right": '25%',
+			"right": '24%',
 			'transform': 'translate(-50%,-50%)'
 		}, 1000)
 		

game5.html

@@ -64,7 +64,7 @@
 		<p class="timeNum"></p>
 		<!--<div class="shut"><img src="img/close.png" /></div>-->
 		<!--<p class="above game5Above"><img src="img/aboveIcon.png" /></p>-->
-		<p class="next game5Next"><img src="img/game5/sure.png" /></p>
+		<p class="next game5Next" ><img src="img/game5/sure.png" /></p>
 	</div>
 </div>
 <script type="text/javascript">

success.html

@@ -19,6 +19,19 @@
 	.sucIndex .shi img{
 		margin-left: -6.35rem;
 	}
+	.sucIndex .deepBtn{
+		width: 3.44rem;
+    	height: .83rem;
+	    position: absolute;
+	    left: 50%;
+	    bottom: 10%;
+	    transform: translateX(-50%);
+	    display: none;
+	}
+	.sucIndex .deepBtn img{
+		width: 100%;
+		height: 100%;
+	}
 </style>
 <div class="sucIndex">
 	<p class="bgm"><img src="img/success/bgm.png" /></p>
@@ -26,10 +39,21 @@
 	<div class="shi">
 		<img src="img/success/word.png"/>
 	</div>
+	<div class="deepBtn">
+		<img src="img/success/again.png"/>
+	</div>
 </div>
 
 <script type="text/javascript">
 	$('.shi img').animate({
 		'margin-left':'0'
 	},8000)
+	
+	setTimeout(function(){
+		$('.deepBtn').fadeIn(1000)
+	},8000)
+	
+	$('.deepBtn').click(function(){
+		window.location.reload();
+	})
 </script>