年度账单修改

@@ -19,8 +19,12 @@ function audioAction() {
         $audio[0].play();
     }, false);
 
+    setTimeout(function() {
+        $audio[0].play();
+    }, 1000);
+
     $('.audio-btn').on('click', function() {
-        if ($(this).hasClass('audio-f')) {
+        if ($audio[0].paused) {
             $(this).removeClass('audio-f');
             $audio[0].play();
             audioStatus = true;
@@ -62,7 +66,9 @@ $(function() {
         $tB = $('.txt-black'),
         $tW = $('.txt-white'),
         $hand = $('.hand'),
-        $commonH = $('.ch');
+        $commonH = $('.ch'),
+        $monthList = $('.month-list');
+    var tbTime, handTime, twTime;
 
     $commonH.css({height: $(window).height()});
 
@@ -78,8 +84,6 @@ $(function() {
 
     mySwiper = new Swiper('.swiper-container', {
         direction: 'vertical',
-        noSwiping: true,
-        noSwipingClass: 'stop-swiping',
         onSlideChangeEnd: function(swiper) {
             var aIndex = swiper.activeIndex;
 
@@ -93,10 +97,11 @@ $(function() {
             if (aIndex === 2) {
                 $purdahLeft.addClass('purdah-l-animation');
                 $purdahRight.addClass('purdah-r-animation');
+                $monthList.fadeIn();
             }
 
             if (aIndex === 3) {
-                $runMen.fadeIn(500);
+                $runMen.fadeIn();
             }
 
             if (aIndex !== 4) {
@@ -108,20 +113,21 @@ $(function() {
             }
 
             if (aIndex === 4) {
-                $videoBox.css({
-                    opacity: 1
-                }).addClass('video-animation');
+                $videoBox.addClass('video-animation');
+                setTimeout(function() {
+                    $('#video').show();
+                }, 600);
             }
 
             if (aIndex === 5) {
                 $spokesman.addClass('spokesman-animation');
-                setTimeout(function() {
+                tbTime = setTimeout(function() {
                     $tB.addClass('txt-animation');
                 }, 500);
-                setTimeout(function() {
+                handTime = setTimeout(function() {
                     $hand.addClass('hand-animation');
                 }, 1000);
-                setTimeout(function() {
+                twTime = setTimeout(function() {
                     $tW.addClass('txt-animation');
                 }, 1500);
             }
@@ -132,6 +138,7 @@ $(function() {
             if (aIndex === 1 || aIndex === 3) {
                 $purdahLeft.removeClass('purdah-l-animation');
                 $purdahRight.removeClass('purdah-r-animation');
+                $monthList.fadeOut();
             }
 
             if (aIndex === 0 || aIndex === 2) {
@@ -144,12 +151,14 @@ $(function() {
             }
 
             if (aIndex === 3 || aIndex === 5) {
-                $videoBox.css({
-                    opacity: 0
-                }).removeClass('video-animation');
+                $videoBox.removeClass('video-animation');
+                $('#video').hide();
             }
 
             if (aIndex === 4 || aIndex === 6) {
+                clearTimeout(tbTime);
+                clearTimeout(twTime);
+                clearTimeout(handTime);
                 $spokesman.removeClass('spokesman-animation');
                 $tB.removeClass('txt-animation');
                 $hand.removeClass('hand-animation');

@@ -58,7 +58,7 @@
         }
 
         .n2-img-animation {
-            transition: all 1.5s;
+            transition: all 1.2s;
             transform: scale(1.5);
             opacity: 0;
         }
@@ -74,7 +74,7 @@
         opacity: 0;
 
         &.purdah1-animation {
-            transition: all 1.5s;
+            transition: all 1.2s;
             opacity: 1;
         }
     }
@@ -163,12 +163,12 @@
         }
 
         .purdah-l-animation {
-            transition: all 1.5s;
+            transition: all 1.2s;
             transform: translate(-85%, 0);
         }
 
         .purdah-r-animation {
-            transition: all 1.5s;
+            transition: all 1.2s;
             transform: translate(85%, 0);
         }
 
@@ -202,7 +202,7 @@
         }
 
         .hand-animation {
-            transition: all 0.5s;
+            transition: all 0.4s;
             bottom: 0;
             opacity: 1;
             z-index: 3;
@@ -226,6 +226,8 @@
                 background: resolve("activity/annual-account/4month.png") no-repeat;
                 background-size: contain;
                 margin: 0 auto;
+                position: relative;
+                z-index: 1;
             }
 
             &.purdah2-animation {
@@ -243,6 +245,7 @@
             width: 550px;
             height: 287px;
             overflow: hidden;
+            display: none;
 
             ul {
                 white-space: nowrap;
@@ -312,12 +315,14 @@
                 position: absolute;
                 top: 483px;
                 left: 25px;
+                display: none;
             }
         }
 
         .video-animation {
             transition: all 0.6s;
             top: 0;
+            opacity: 1;
             z-index: 6;
         }
 
@@ -342,7 +347,7 @@
             }
 
             .spokesman-animation {
-                transition: all 0.5s;
+                transition: all 0.4s;
                 width: 404px;
                 height: 592px;
                 transform: rotate(360deg) scale(1);