diff --git a/begin.html b/begin.html
index 4ce0fc5..a679e45 100644
--- a/begin.html
+++ b/begin.html
@@ -154,7 +154,7 @@
 				</ul>
 			</div>
 			<div class="countDown">
-				<text>10</text>（s）
+				<text>5</text>（s）
 			</div>
 		</div>
 	</div>
@@ -166,6 +166,8 @@
 	<div class="mask"></div>
 </div>
 <script type="text/javascript">
+	 var allTime = 0;
+	 var timeSet ;
 	$('.close').click(function(){
 		$('.mask').fadeOut();
 		$('.guizBox').fadeOut()
@@ -179,6 +181,10 @@
 		$('.begin').fadeOut(100)
 		$('.loading').fadeOut(100)
 		$('#game1').fadeIn(500)
+		timeSet= setInterval(function(){
+	 		allTime++
+	 	},1000)
+		
 	})
 	//倒计时
 	
diff --git a/css/game1.css b/css/game1.css
index 7a1f433..1a9981e 100644
--- a/css/game1.css
+++ b/css/game1.css
@@ -53,8 +53,8 @@
 	width: 1rem;
 	height: 1rem;
 	position: absolute;
-	left: 0;
-	top: 0;
+	/*left: 0;
+	top: 0;*/
 	/*background: #000000;
 	opacity: .5;*/
 }
@@ -65,10 +65,10 @@
 }
 
 .game1Index .clickIcon li.click2 {
-	top: 16%;
-	left: 46%;
-	width: .5rem;
-	height: .5rem;
+	bottom: 23%;
+    left: 40%;
+    width: 1.5rem;
+    height: 1rem;
 }
 
 .game1Index .clickIcon img {
diff --git a/css/game2.css b/css/game2.css
index 174d612..377b6ce 100644
--- a/css/game2.css
+++ b/css/game2.css
@@ -45,7 +45,7 @@
 }
 .game2Index .clickIcon li.click1{
 	top: 6%;
-    right: 52%;
+    left: 32%;
     background-size: 100% 100%;
 }
 .game2Index .clickIcon li img{
@@ -53,9 +53,11 @@
 	display: none;
 }
 .game2Index .clickIcon li.click2{
-	top: 9%;
-    right:67%;
+	top: 34%;
+    right: 66%;
     background-size: 100% 100%;
+    /*background: rgba(0,0,0,.5);*/
+    width: 1.5rem;
 }
 .game2Index .clickIcon li.click3{
 	top: 78%;
diff --git a/css/game4.css b/css/game4.css
index e4cbb05..9123705 100644
--- a/css/game4.css
+++ b/css/game4.css
@@ -5,6 +5,12 @@
 
 .snowList {
 	/*display: none;*/
+	width: 100%;
+	 height: 100%;
+    overflow: hidden;
+    position: absolute;
+    left: 0;
+    top: 0;
 }
 .snow {
 	font-family: icon;
diff --git a/css/game5.css b/css/game5.css
index 8bdc15a..5b08736 100644
--- a/css/game5.css
+++ b/css/game5.css
@@ -221,4 +221,17 @@
 	align-items: flex-end;
 	display: none;
 	z-index: 99;
-}
\ No newline at end of file
+}
+/*历时时间*/
+.game5Index  .timeNum{
+	font-size: .72rem;
+    font-weight: bold;
+    font-stretch: normal;
+    /* letter-spacing: 5px; */
+    color: #ffffff;
+    -webkit-text-stroke: 2px #306169;
+    position: absolute;
+    left: 61.5%;
+    top: 56%;
+    transform: translate(-50%, -50%);
+}
diff --git a/game1.html b/game1.html
index 8a1a145..e13f0d0 100644
--- a/game1.html
+++ b/game1.html
@@ -1,8 +1,8 @@
 <link rel="stylesheet" type="text/css" href="css/game1.css" />
 <div class="game1Index">
 	<p class="bgm">
-		<img src="img/game1/bgm.png" />
-		<img src="img/game1/successBgm.png" />
+		<img src="img/game1/bgm.gif" />
+		<img src="img/game1/successBgm.gif" />
 	</p>
 	
 	<div class="box_wrap">
diff --git a/game2.html b/game2.html
index 1f59757..db95495 100644
--- a/game2.html
+++ b/game2.html
@@ -1,8 +1,8 @@
 <link rel="stylesheet" type="text/css" href="css/game2.css" />
 <div class="game2Index">
 	<p class="bgm">
-		<img src="img/game2/game2Bgm.png" />
-		<img src="img/game2/successBgm.png"/>
+		<img src="img/game2/game2Bgm.gif" />
+		<img src="img/game2/successBgm.gif"/>
 	</p>
 	<div class="box_wrap">
 		<ul class="imgList">
@@ -113,8 +113,8 @@
 	$('.game2Index .click1').click(function() {
 		$('.game2Index .click1 img').css('display','block')
 		$('.game2Index .click1').animate({
-			'top': '0.5%',
-			"right": '21%',
+			'top': '1.5%',
+			"left": '71%',
 			'transform': 'translate(-50%,-50%)'
 		}, 1000)
 //		setTimeout(function() {
@@ -131,8 +131,8 @@
 	$('.game2Index .click2').click(function() {
 		$('.game2Index .click2 img').css('display','block')
 		$('.game2Index .click2').animate({
-			'top': '4%',
-			"right": '12%',
+			'top': '3%',
+			"right": '8%',
 			'transform': 'translate(-50%,-50%)'
 		}, 1000)
 //		setTimeout(function() {
diff --git a/game3.html b/game3.html
index 33661bd..690aa5c 100644
--- a/game3.html
+++ b/game3.html
@@ -1,8 +1,8 @@
 <link rel="stylesheet" type="text/css" href="css/game3.css" />
 <div class="game3Index">
 	<p class="bgm">
-		<img src="img/game3/bgm.png" />
-		<img src="img/game3/successBgm.png" />
+		<img src="img/game3/bgm.gif" />
+		<img src="img/game3/successBgm.gif" />
 	</p>
 	<div class="box_wrap">
 		<ul class="imgList">
diff --git a/game4.html b/game4.html
index 07f3c3f..bf46beb 100644
--- a/game4.html
+++ b/game4.html
@@ -3,7 +3,7 @@
 	<div class="snowList"></div>
 	<p class="bgm">
 		<img src="img/game4/game4Bgm.png" />
-		<img src="img/game4/successBgm.png" />
+		<img src="img/game4/successBgm.gif" />
 	</p>
 	<div class="box_wrap">
 		<ul class="imgList">
diff --git a/game5.html b/game5.html
index 952eaeb..18a35ed 100644
--- a/game5.html
+++ b/game5.html
@@ -1,8 +1,8 @@
 <link rel="stylesheet" type="text/css" href="css/game5.css" />
 <div class="game5Index">
 	<p class="bgm">
-		<img src="img/game5/bgm.png" />
-		<img src="img/game5/successBgm.png" />
+		<img src="img/game5/bgm.gif" />
+		<img src="img/game5/successBgm.gif" />
 	</p>
 	<div class="box_wrap">
 		<ul class="imgList">
@@ -61,6 +61,7 @@
 	<div class="maskBgm"></div>
 	<!--下一关-->
 	<div class="successBox">
+		<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>
@@ -132,6 +133,12 @@ var video5 = document.getElementById("video5");
 	})
 	function success5() {
 		if(num5.length == 3) {
+			if(allTime>999){
+				$('.timeNum').text('999                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        ')
+			}else{
+				$('.timeNum').text(allTime)
+			}
+			
 			console.log('成功')
 			setTimeout(function() {
 				$('.game5Index p.bgm img').eq(0).animate({
diff --git a/img/game1/bgm.gif b/img/game1/bgm.gif
new file mode 100644
index 0000000..556526e
Binary files /dev/null and b/img/game1/bgm.gif differ
diff --git a/img/game1/icon2.png b/img/game1/icon2.png
index 9a8868e..de5eda0 100644
Binary files a/img/game1/icon2.png and b/img/game1/icon2.png differ
diff --git a/img/game1/lin2.png b/img/game1/lin2.png
index 9a8868e..de5eda0 100644
Binary files a/img/game1/lin2.png and b/img/game1/lin2.png differ
diff --git a/img/game1/successBgm.gif b/img/game1/successBgm.gif
new file mode 100644
index 0000000..b164480
Binary files /dev/null and b/img/game1/successBgm.gif differ
diff --git a/img/game2/game2Bgm.gif b/img/game2/game2Bgm.gif
new file mode 100644
index 0000000..17b80e7
Binary files /dev/null and b/img/game2/game2Bgm.gif differ
diff --git a/img/game2/successBgm.gif b/img/game2/successBgm.gif
new file mode 100644
index 0000000..39dad35
Binary files /dev/null and b/img/game2/successBgm.gif differ
diff --git a/img/game3/bgm.gif b/img/game3/bgm.gif
new file mode 100644
index 0000000..653cb3f
Binary files /dev/null and b/img/game3/bgm.gif differ
diff --git a/img/game3/successBgm.gif b/img/game3/successBgm.gif
new file mode 100644
index 0000000..e0f48d7
Binary files /dev/null and b/img/game3/successBgm.gif differ
diff --git a/img/game4/successBgm.gif b/img/game4/successBgm.gif
new file mode 100644
index 0000000..fa000eb
Binary files /dev/null and b/img/game4/successBgm.gif differ
diff --git a/img/game5/allWin.png b/img/game5/allWin.png
index 1947910..0080b65 100644
Binary files a/img/game5/allWin.png and b/img/game5/allWin.png differ
diff --git a/img/game5/bgm.gif b/img/game5/bgm.gif
new file mode 100644
index 0000000..cf4e9a6
Binary files /dev/null and b/img/game5/bgm.gif differ
diff --git a/img/game5/successBgm.gif b/img/game5/successBgm.gif
new file mode 100644
index 0000000..034097e
Binary files /dev/null and b/img/game5/successBgm.gif differ
diff --git a/index.html b/index.html
index 3a4c752..a87571c 100644
--- a/index.html
+++ b/index.html
@@ -93,7 +93,7 @@
 					$('.flex-center').fadeOut(10)
 					//					$('.begin').fadeIn(100)
 					$('.load').attr('src', 'img/begin.png')
-					var num = 3;
+					var num = 5;
 	
 					var timeDown = setInterval(function(){
 						console.log(num--)