diff --git a/src/assets/imgs/public/rainCloud.png b/src/assets/imgs/public/rainCloud.png
new file mode 100644
index 0000000000000000000000000000000000000000..2362d2cac62c6e0afbff717c6c5ee17fd9f20b87
Binary files /dev/null and b/src/assets/imgs/public/rainCloud.png differ
diff --git a/src/assets/imgs/public/sapling1.png b/src/assets/imgs/public/sapling1.png
index be84f202fcf83f4a2bd341144398f237cbcfaa77..35d3feb4d9fcd9dd7f449e48a73ccf63be1df2d7 100644
Binary files a/src/assets/imgs/public/sapling1.png and b/src/assets/imgs/public/sapling1.png differ
diff --git a/src/assets/imgs/public/sapling22.png b/src/assets/imgs/public/sapling22.png
index 61f2c7af492e3164da17537b8df24856a5795b64..797cf6a66f561efe4f63d80c0a68fe3ad0e7bae5 100644
Binary files a/src/assets/imgs/public/sapling22.png and b/src/assets/imgs/public/sapling22.png differ
diff --git a/src/assets/imgs/public/sapling3.png b/src/assets/imgs/public/sapling3.png
index 26cdfbc0a20d0eb1cb55ef0f0e2077aef177557e..e3010c0da99c8a5c2d7bdd0898abe28a93444de5 100644
Binary files a/src/assets/imgs/public/sapling3.png and b/src/assets/imgs/public/sapling3.png differ
diff --git a/src/assets/imgs/public/sapling4.png b/src/assets/imgs/public/sapling4.png
index 56e923f3a4fd637a35cb18355c254126294f9186..33d62f01ef04d97ddfcfbcb85b1ec244b05d40c1 100644
Binary files a/src/assets/imgs/public/sapling4.png and b/src/assets/imgs/public/sapling4.png differ
diff --git a/src/assets/imgs/public/sapling5.png b/src/assets/imgs/public/sapling5.png
index a29afef11b0fba2d91d9476b212080f33e9e9dd6..0b8a89d0b49381304efda0bcb809ba3a0c8e3dae 100644
Binary files a/src/assets/imgs/public/sapling5.png and b/src/assets/imgs/public/sapling5.png differ
diff --git a/src/assets/imgs/public/waterdrop.png b/src/assets/imgs/public/waterdrop.png
index 88a062fa4176bb63d06361924d9c178a7149348c..8fe77c65ffb5e32463ce016907eafe83a803ef97 100644
Binary files a/src/assets/imgs/public/waterdrop.png and b/src/assets/imgs/public/waterdrop.png differ
diff --git a/src/assets/js/index.js b/src/assets/js/index.js
index a2fd79118182da7a531b19a26f426a3a810b7bc1..4b5474b82dfd30ebd42494bf1d2f8e2920b41453 100644
--- a/src/assets/js/index.js
+++ b/src/assets/js/index.js
@@ -45,73 +45,83 @@ function transformLang() {
 }
 
 //倒计时
+let daojishi = {
+
+  djsFun: function () {
+    console.log(43);
+    var show = document.getElementsByClassName('show');
+    console.log(show);
+    var flower = document.getElementsByClassName('flower');
+    var djs = 90, add = 1;
+    var total = 9000;
+    var timer = null;
+    var tiktock = document.getElementById('tiktock');
+    var gydj = setInterval(function () {
+      djs--;
+      add++;
+      if (add >= 15) {
+        flower[0].style.opacity = 1;
 
-function djsFun() {
-  // console.log(43);
-  var show = document.getElementsByClassName('show');
-  var flower = document.getElementsByClassName('flower');
-  var djs = 90, add = 1;
-  var total = 9000;
-  var timer = null;
-  var tiktock = document.getElementById('tiktock');
-  var gydj = setInterval(function () {
-    djs--;
-    add++;
-    if (add >= 15) {
-      flower[0].style.opacity = 1;
+      }
+      if (add >= 30) {
+        flower[1].style.opacity = 1;
+        watering.style.display = 'block'
+      }
+      if (add >= 45) {
+        flower[0].style.opacity = 0;
+        flower[1].style.opacity = 0;
+        flower[2].style.opacity = 1;
+      }
+      if (add >= 60) {
+        flower[0].style.opacity = 0;
+        flower[1].style.opacity = 0;
+        flower[2].style.opacity = 0;
+        document.getElementsByClassName('sunshine')[0].style.display = 'block'
+        flower[3].style.opacity = 1;
+      }
+      if (add >= 75) {
+        flower[0].style.opacity = 0;
+        flower[1].style.opacity = 0;
+        flower[2].style.opacity = 0;
+        flower[3].style.opacity = 0;
+        flower[4].style.opacity = 1;
+      }
 
+      // daojishi.innerText = djs;
+      for (var i = 0; i < show.length; i++) {
+        show[i].style.top = 140 - (add * 1.55) + 'px'
+      }
+      if (djs == 0) {
+        clearInterval(gydj)
+      }
+    }, 1000)
+
+    function countdown() {
+
+      var timer = setInterval(function () {
+        total--;
+        if (total <= 0) {
+          clearInterval(timer);
+          tiktock.innerHTML = "0:00";
+        } else {
+          var ss = Math.floor(total / 100);
+          var ms = total - Math.floor(total / 100) * 100;
+          tiktock.innerHTML = ss + ":" + ms;
+        }
+      }, 10);
     }
+
+    countdown();
     if (add >= 30) {
       flower[1].style.opacity = 1;
       watering.style.display = 'block'
     }
-    if (add >= 45) {
-      flower[0].style.opacity = 0;
-      flower[1].style.opacity = 0;
-      flower[2].style.opacity = 1;
-    }
-    if (add >= 60) {
-      flower[0].style.opacity = 0;
-      flower[1].style.opacity = 0;
-      flower[2].style.opacity = 0;
-      document.getElementsByClassName('sunshine')[0].style.display = 'block'
-      flower[3].style.opacity = 1;
-    }
-    if (add >= 75) {
-      flower[0].style.opacity = 0;
-      flower[1].style.opacity = 0;
-      flower[2].style.opacity = 0;
-      flower[3].style.opacity = 0;
-      flower[4].style.opacity = 1;
-    }
-
-    // daojishi.innerText = djs;
-    for (var i = 0; i < show.length; i++) {
-      show[i].style.top = 140 - (add * 1.55) + 'px'
-    }
-    if (djs == 0) {
-      clearInterval(gydj)
-    }
-  }, 1000)
-
-  function countdown() {
-
-    var timer = setInterval(function () {
-      total--;
-      if (total <= 0) {
-        clearInterval(timer);
-        tiktock.innerHTML = "0:00";
-      } else {
-        var ss = Math.floor(total / 100);
-        var ms = total - Math.floor(total / 100) * 100;
-        tiktock.innerHTML = ss + ":" + ms;
-      }
-    }, 10);
-  }
 
-  if (add >= 30) {
-    flower[1].style.opacity = 1;
-    watering.style.display = 'block'
   }
-
 }
+// const daojishi = {
+//   begin: function () {
+//     console.log('创建了~');
+//   }
+// }
+export default daojishi
diff --git a/src/pages/category/components/residence.vue b/src/pages/category/components/residence.vue
index 93f48fe3005b982e78e46c693fb73a5a03a26936..0091612048a007a18ca8486c02ab120507d08516 100644
--- a/src/pages/category/components/residence.vue
+++ b/src/pages/category/components/residence.vue
@@ -4,7 +4,7 @@
       <template slot="content">
         <div v-html="post.content"></div>
         <mu-raised-button primary>
-          预约看房 
+          预约看房
         </mu-raised-button>
       </template>
     </com-post-dialog>
diff --git a/src/pages/components/flowerTimer.vue b/src/pages/components/flowerTimer.vue
index a2b20e3c160765bbffb2b56832131d49b8e6294b..4d479d38776aa1189656d7ad8137996ad20ef03c 100644
--- a/src/pages/components/flowerTimer.vue
+++ b/src/pages/components/flowerTimer.vue
@@ -17,52 +17,71 @@
                         <span class="miao">秒</span>
                     </p>
                 </div> -->
-    <div class="vase" :style="{backgroundImage: 'url('+require('@/assets/imgs/public/vase.png')+')'}">
+    <div class="vase" :style="{backgroundImage: 'url('+require('@/assets/imgs/public/vase.png')+')'}"
+         @click="clickevent">
 
       <img src="@/assets/imgs/public/sapling1.png" alt="" class="flower">
       <img src="@/assets/imgs/public/sapling22.png" alt="" class="flower">
       <img src="@/assets/imgs/public/sapling3.png" alt="" class="flower">
       <img src="@/assets/imgs/public/sapling4.png" alt="" class="flower">
-      <img src="@/assets/imgs/public/sapling5.png" alt="" class="flower jello animate">
+      <img src="@/assets/imgs/public/sapling5.png" alt="" class="flower fadeInDown animate">
       <div id="watering">
         <img src="@/assets/imgs/public/waterdrop.png" alt="" class="watedrop">
-        <img src="@/assets/imgs/public/kettle.png" alt="" class="kettle">
+        <img src="@/assets/imgs/public/rainCloud.png" alt="" class="kettle fadeInDown animated">
       </div>
       <img src="@/assets/imgs/public/sunshine.png" alt="" class="fadeInUp animated sunshine">
     </div>
-    <p class="daoji_content">页面停留时间超过
-      <span class="miaoshu" id="tiktock">10:00</span> 秒我们将自行<br>向公益机构捐赠
-      <span class="miaoshu">0.2</span>元</p>
+    <div class="daoji_content">页面停留时间超过
+      <span class="miaoshu">90</span> 秒我们将自行<br>向公益机构捐赠
+      <span class="miaoshu">0.2</span>元
+      <div style="display: inline-block">
+        <span id="tiktock">90:00</span><span class="miaoshu">秒</span>
+      </div>
+    </div>
+    <div class="daoji_content_en">
+      If you stay in the page for more than
+      <span class="miaoshu">
+        90
+      </span>seconds, and we<br>will donate
+      <span class="miaoshu">0.1</span>
+      yuan to the public interest organization.
+    </div>
+
+
   </div>
 </template>
 
 <script>
-  import '@/assets/js/index.js'
+  import daojishi from '@/assets/js/index.js'
 
   export default {
-    name: "flowerTimer"
+    name: "flowerTimer",
+    mounted() {
+      daojishi.djsFun();
+    },
   }
 
 </script>
 
 <style lang="scss" scoped>
   .nav_right {
-    font-family: mczh, 'Arial';
-    position: fixed;
+    font-family: 'Arial', mczh;
+    position: absolute;
     right: 60px;
-    top: 7vh;
+    top: 8vh;
     color: #666;
     /*width: 290px;*/
   }
 
   .vase {
     width: 114px;
-    height: 119px;
+    height: 120px;
     // background-size: cover;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center bottom;
     margin: 0 auto;
+    position: relative;
     .kettle {
       width: 100%;
       position: absolute;
@@ -96,28 +115,28 @@
     }
     > img:nth-child(1) {
       top: 14px;
-      left: 50px;
+      /*left: 50px;*/
       right: 0;
       margin: 0 auto;
       z-index: 3;
       opacity: 0;
     }
     > img:nth-child(2) {
-      top: -8px;
       margin: 0px auto;
-      left: 52px;
+      //top: -8px;
+      //left: 52px;
       z-index: 2;
       opacity: 0;
     }
     > img:nth-child(3) {
-      top: -55px;
-      left: 4px;
+      //top: -55px;
+      //left: 4px;
       width: 100%;
       opacity: 0;
     }
     > img:nth-child(4) {
-      top: -55px;
-      left: 4px;
+      //top: -55px;
+      //left: 4px;
       opacity: 0;
       width: 100%;
     }
@@ -134,7 +153,10 @@
 
   #tiktock {
     color: #a68b51;
-    font-size: 12px;
+    font-size: 20px;
+    width: 3em;
+    display: inline-block;
+    font-weight: 900;
   }
 
   @keyframes kettle {
@@ -169,11 +191,19 @@
   }
 
   .daoji_content {
-    font-size: 12px;
+    font-size: 14px;
+    /*color: #fff;*/
+    text-align: left;
+    line-height: 22px;
+  }
+
+  .daoji_content_en {
+    margin-top: 25px;
+    font-size: 11px;
     /*color: #fff;*/
     text-align: left;
-    margin-bottom: 76px;
     line-height: 22px;
+    letter-spacing: -1px;
   }
 
   .dingwei {