diff --git a/src/assets/newImgs/HMScreen/bottom_img .png b/src/assets/newImgs/HMScreen/bottom_img .png
index 379444d..969ae37 100644
--- a/src/assets/newImgs/HMScreen/bottom_img .png
+++ b/src/assets/newImgs/HMScreen/bottom_img .png
Binary files differ

diff --git a/src/assets/newImgs/HMScreen/bottom_img .png b/src/assets/newImgs/HMScreen/bottom_img .png
index 379444d..969ae37 100644
--- a/src/assets/newImgs/HMScreen/bottom_img .png
+++ b/src/assets/newImgs/HMScreen/bottom_img .png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headBg.png b/src/assets/newImgs/HMScreen/headBg.png
index f02c06d..d523f61 100644
--- a/src/assets/newImgs/HMScreen/headBg.png
+++ b/src/assets/newImgs/HMScreen/headBg.png
Binary files differ

diff --git a/src/assets/newImgs/HMScreen/bottom_img .png b/src/assets/newImgs/HMScreen/bottom_img .png
index 379444d..969ae37 100644
--- a/src/assets/newImgs/HMScreen/bottom_img .png
+++ b/src/assets/newImgs/HMScreen/bottom_img .png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headBg.png b/src/assets/newImgs/HMScreen/headBg.png
index f02c06d..d523f61 100644
--- a/src/assets/newImgs/HMScreen/headBg.png
+++ b/src/assets/newImgs/HMScreen/headBg.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headLight.png b/src/assets/newImgs/HMScreen/headLight.png
index 0d2df88..51d8a00 100644
--- a/src/assets/newImgs/HMScreen/headLight.png
+++ b/src/assets/newImgs/HMScreen/headLight.png
Binary files differ

diff --git a/src/assets/newImgs/HMScreen/bottom_img .png b/src/assets/newImgs/HMScreen/bottom_img .png
index 379444d..969ae37 100644
--- a/src/assets/newImgs/HMScreen/bottom_img .png
+++ b/src/assets/newImgs/HMScreen/bottom_img .png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headBg.png b/src/assets/newImgs/HMScreen/headBg.png
index f02c06d..d523f61 100644
--- a/src/assets/newImgs/HMScreen/headBg.png
+++ b/src/assets/newImgs/HMScreen/headBg.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headLight.png b/src/assets/newImgs/HMScreen/headLight.png
index 0d2df88..51d8a00 100644
--- a/src/assets/newImgs/HMScreen/headLight.png
+++ b/src/assets/newImgs/HMScreen/headLight.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/partBg.png b/src/assets/newImgs/HMScreen/partBg.png
index 0b8959a..a042267 100644
--- a/src/assets/newImgs/HMScreen/partBg.png
+++ b/src/assets/newImgs/HMScreen/partBg.png
Binary files differ

diff --git a/src/assets/newImgs/HMScreen/bottom_img .png b/src/assets/newImgs/HMScreen/bottom_img .png
index 379444d..969ae37 100644
--- a/src/assets/newImgs/HMScreen/bottom_img .png
+++ b/src/assets/newImgs/HMScreen/bottom_img .png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headBg.png b/src/assets/newImgs/HMScreen/headBg.png
index f02c06d..d523f61 100644
--- a/src/assets/newImgs/HMScreen/headBg.png
+++ b/src/assets/newImgs/HMScreen/headBg.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headLight.png b/src/assets/newImgs/HMScreen/headLight.png
index 0d2df88..51d8a00 100644
--- a/src/assets/newImgs/HMScreen/headLight.png
+++ b/src/assets/newImgs/HMScreen/headLight.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/partBg.png b/src/assets/newImgs/HMScreen/partBg.png
index 0b8959a..a042267 100644
--- a/src/assets/newImgs/HMScreen/partBg.png
+++ b/src/assets/newImgs/HMScreen/partBg.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/partLight.png b/src/assets/newImgs/HMScreen/partLight.png
new file mode 100644
index 0000000..2aa8559
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/partLight.png
Binary files differ

diff --git a/src/assets/newImgs/HMScreen/bottom_img .png b/src/assets/newImgs/HMScreen/bottom_img .png
index 379444d..969ae37 100644
--- a/src/assets/newImgs/HMScreen/bottom_img .png
+++ b/src/assets/newImgs/HMScreen/bottom_img .png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headBg.png b/src/assets/newImgs/HMScreen/headBg.png
index f02c06d..d523f61 100644
--- a/src/assets/newImgs/HMScreen/headBg.png
+++ b/src/assets/newImgs/HMScreen/headBg.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headLight.png b/src/assets/newImgs/HMScreen/headLight.png
index 0d2df88..51d8a00 100644
--- a/src/assets/newImgs/HMScreen/headLight.png
+++ b/src/assets/newImgs/HMScreen/headLight.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/partBg.png b/src/assets/newImgs/HMScreen/partBg.png
index 0b8959a..a042267 100644
--- a/src/assets/newImgs/HMScreen/partBg.png
+++ b/src/assets/newImgs/HMScreen/partBg.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/partLight.png b/src/assets/newImgs/HMScreen/partLight.png
new file mode 100644
index 0000000..2aa8559
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/partLight.png
Binary files differ
diff --git a/src/assets/styles/publicXG.scss b/src/assets/styles/publicXG.scss
index f3fe0b8..6a6a551 100644
--- a/src/assets/styles/publicXG.scss
+++ b/src/assets/styles/publicXG.scss
@@ -480,6 +480,26 @@
   font-size: 22px;
   color: #e4f5ff;
   padding-left: 30px;
+  position: relative;
+  &::after {
+    content: '';
+    position: absolute;
+    top: 3px;
+    width: 71px;
+    height: 35px;
+    background: url('@/assets/newImgs/HMScreen/partLight.png') no-repeat;
+    background-size: 100% 100%;
+    animation: partDXL 2s infinite ease-in-out;
+    pointer-events: none;
+    @keyframes partDXL {
+      0% {
+        left: 0px;
+      }
+      100% {
+        left: 390px;
+      }
+    }
+  }
 }
 .partContHM {
   background: #004565;
@@ -531,9 +551,7 @@
     display: inline-block;
   }
   .scrollTitle {
-    background-image: linear-gradient(#004891, #3f80e7);
-    // background: #005cba;
-    padding: 8px 3px;
+    background-image: linear-gradient(rgba(11, 81, 191, 0.5), rgba(11, 81, 191, 0.2));
     justify-content: space-around;
     align-items: center;
     p {

diff --git a/src/assets/newImgs/HMScreen/bottom_img .png b/src/assets/newImgs/HMScreen/bottom_img .png
index 379444d..969ae37 100644
--- a/src/assets/newImgs/HMScreen/bottom_img .png
+++ b/src/assets/newImgs/HMScreen/bottom_img .png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headBg.png b/src/assets/newImgs/HMScreen/headBg.png
index f02c06d..d523f61 100644
--- a/src/assets/newImgs/HMScreen/headBg.png
+++ b/src/assets/newImgs/HMScreen/headBg.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headLight.png b/src/assets/newImgs/HMScreen/headLight.png
index 0d2df88..51d8a00 100644
--- a/src/assets/newImgs/HMScreen/headLight.png
+++ b/src/assets/newImgs/HMScreen/headLight.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/partBg.png b/src/assets/newImgs/HMScreen/partBg.png
index 0b8959a..a042267 100644
--- a/src/assets/newImgs/HMScreen/partBg.png
+++ b/src/assets/newImgs/HMScreen/partBg.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/partLight.png b/src/assets/newImgs/HMScreen/partLight.png
new file mode 100644
index 0000000..2aa8559
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/partLight.png
Binary files differ
diff --git a/src/assets/styles/publicXG.scss b/src/assets/styles/publicXG.scss
index f3fe0b8..6a6a551 100644
--- a/src/assets/styles/publicXG.scss
+++ b/src/assets/styles/publicXG.scss
@@ -480,6 +480,26 @@
   font-size: 22px;
   color: #e4f5ff;
   padding-left: 30px;
+  position: relative;
+  &::after {
+    content: '';
+    position: absolute;
+    top: 3px;
+    width: 71px;
+    height: 35px;
+    background: url('@/assets/newImgs/HMScreen/partLight.png') no-repeat;
+    background-size: 100% 100%;
+    animation: partDXL 2s infinite ease-in-out;
+    pointer-events: none;
+    @keyframes partDXL {
+      0% {
+        left: 0px;
+      }
+      100% {
+        left: 390px;
+      }
+    }
+  }
 }
 .partContHM {
   background: #004565;
@@ -531,9 +551,7 @@
     display: inline-block;
   }
   .scrollTitle {
-    background-image: linear-gradient(#004891, #3f80e7);
-    // background: #005cba;
-    padding: 8px 3px;
+    background-image: linear-gradient(rgba(11, 81, 191, 0.5), rgba(11, 81, 191, 0.2));
     justify-content: space-around;
     align-items: center;
     p {
diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 2111465..80b6c6e 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -53,6 +53,8 @@
 
     <!-- 底部装饰 -->
     <div class="bottomHM" v-show="menuIndex != 3"></div>
+    <img src="@/assets/newImgs/HMScreen/headLight.png" alt="" class="bottomLightDXL" />
+    <img src="@/assets/newImgs/HMScreen/headLight.png" alt="" class="bottomLightDXR" />
   </div>
 </template>
 
@@ -187,15 +189,15 @@
   position: relative;
   .headLightDX {
     position: absolute;
-    top: 0px;
+    top: 38px;
     z-index: 9900;
-    width: 527px;
-    height: 108px;
+    width: 215px;
+    height: 39px;
     pointer-events: none;
     animation: headDX 3s infinite linear;
     @keyframes headDX {
       0% {
-        left: 0px;
+        left: 215px;
       }
       100% {
         left: 100%;
@@ -317,5 +319,38 @@
     background: url('@/assets/newImgs/HMScreen/bottom_img .png') no-repeat;
     background-size: 100% 100%;
   }
+  .bottomLightDXL,
+  .bottomLightDXR {
+    position: absolute;
+    bottom: -2px;
+    z-index: 200;
+    width: 215px;
+    height: 39px;
+  }
+  .bottomLightDXL {
+    left: 50%;
+    animation: bottomDXL 2s infinite ease-in-out;
+    @keyframes bottomDXL {
+      0% {
+        left: 50%;
+      }
+      100% {
+        left: 95%;
+      }
+    }
+  }
+  .bottomLightDXR {
+    right: 50%;
+    transform: rotate(180deg);
+    animation: bottomDXR 2s infinite ease-in-out;
+    @keyframes bottomDXR {
+      0% {
+        right: 50%;
+      }
+      100% {
+        right: 95%;
+      }
+    }
+  }
 }
 </style>

diff --git a/src/assets/newImgs/HMScreen/bottom_img .png b/src/assets/newImgs/HMScreen/bottom_img .png
index 379444d..969ae37 100644
--- a/src/assets/newImgs/HMScreen/bottom_img .png
+++ b/src/assets/newImgs/HMScreen/bottom_img .png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headBg.png b/src/assets/newImgs/HMScreen/headBg.png
index f02c06d..d523f61 100644
--- a/src/assets/newImgs/HMScreen/headBg.png
+++ b/src/assets/newImgs/HMScreen/headBg.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/headLight.png b/src/assets/newImgs/HMScreen/headLight.png
index 0d2df88..51d8a00 100644
--- a/src/assets/newImgs/HMScreen/headLight.png
+++ b/src/assets/newImgs/HMScreen/headLight.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/partBg.png b/src/assets/newImgs/HMScreen/partBg.png
index 0b8959a..a042267 100644
--- a/src/assets/newImgs/HMScreen/partBg.png
+++ b/src/assets/newImgs/HMScreen/partBg.png
Binary files differ
diff --git a/src/assets/newImgs/HMScreen/partLight.png b/src/assets/newImgs/HMScreen/partLight.png
new file mode 100644
index 0000000..2aa8559
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/partLight.png
Binary files differ
diff --git a/src/assets/styles/publicXG.scss b/src/assets/styles/publicXG.scss
index f3fe0b8..6a6a551 100644
--- a/src/assets/styles/publicXG.scss
+++ b/src/assets/styles/publicXG.scss
@@ -480,6 +480,26 @@
   font-size: 22px;
   color: #e4f5ff;
   padding-left: 30px;
+  position: relative;
+  &::after {
+    content: '';
+    position: absolute;
+    top: 3px;
+    width: 71px;
+    height: 35px;
+    background: url('@/assets/newImgs/HMScreen/partLight.png') no-repeat;
+    background-size: 100% 100%;
+    animation: partDXL 2s infinite ease-in-out;
+    pointer-events: none;
+    @keyframes partDXL {
+      0% {
+        left: 0px;
+      }
+      100% {
+        left: 390px;
+      }
+    }
+  }
 }
 .partContHM {
   background: #004565;
@@ -531,9 +551,7 @@
     display: inline-block;
   }
   .scrollTitle {
-    background-image: linear-gradient(#004891, #3f80e7);
-    // background: #005cba;
-    padding: 8px 3px;
+    background-image: linear-gradient(rgba(11, 81, 191, 0.5), rgba(11, 81, 191, 0.2));
     justify-content: space-around;
     align-items: center;
     p {
diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 2111465..80b6c6e 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -53,6 +53,8 @@
 
     <!-- 底部装饰 -->
     <div class="bottomHM" v-show="menuIndex != 3"></div>
+    <img src="@/assets/newImgs/HMScreen/headLight.png" alt="" class="bottomLightDXL" />
+    <img src="@/assets/newImgs/HMScreen/headLight.png" alt="" class="bottomLightDXR" />
   </div>
 </template>
 
@@ -187,15 +189,15 @@
   position: relative;
   .headLightDX {
     position: absolute;
-    top: 0px;
+    top: 38px;
     z-index: 9900;
-    width: 527px;
-    height: 108px;
+    width: 215px;
+    height: 39px;
     pointer-events: none;
     animation: headDX 3s infinite linear;
     @keyframes headDX {
       0% {
-        left: 0px;
+        left: 215px;
       }
       100% {
         left: 100%;
@@ -317,5 +319,38 @@
     background: url('@/assets/newImgs/HMScreen/bottom_img .png') no-repeat;
     background-size: 100% 100%;
   }
+  .bottomLightDXL,
+  .bottomLightDXR {
+    position: absolute;
+    bottom: -2px;
+    z-index: 200;
+    width: 215px;
+    height: 39px;
+  }
+  .bottomLightDXL {
+    left: 50%;
+    animation: bottomDXL 2s infinite ease-in-out;
+    @keyframes bottomDXL {
+      0% {
+        left: 50%;
+      }
+      100% {
+        left: 95%;
+      }
+    }
+  }
+  .bottomLightDXR {
+    right: 50%;
+    transform: rotate(180deg);
+    animation: bottomDXR 2s infinite ease-in-out;
+    @keyframes bottomDXR {
+      0% {
+        right: 50%;
+      }
+      100% {
+        right: 95%;
+      }
+    }
+  }
 }
 </style>
diff --git a/src/views/sponeScreen/waterFlood/futureRain.vue b/src/views/sponeScreen/waterFlood/futureRain.vue
index a8f2db7..01a76a2 100644
--- a/src/views/sponeScreen/waterFlood/futureRain.vue
+++ b/src/views/sponeScreen/waterFlood/futureRain.vue
@@ -9,7 +9,7 @@
     </div>
     <div class="centerCont flex">
       <p class="title"></p>
-      <div class="flex flex-justcontent-spacebetween" style="width: 100%; margin-right: 50px">
+      <div class="flex flex-justcontent-spacebetween timeCont">
         <p>00:00</p>
         <p>06:00</p>
         <p>12:00</p>
@@ -18,7 +18,7 @@
       <el-button type="warning" style="visibility: hidden"></el-button>
     </div>
     <!-- 颜色块 -->
-    <div class="flex colorPart">
+    <div class="flex colorPart" style="height: 30px">
       <p><span></span>0.05-0.15</p>
       <p><span></span>0.15-0.3</p>
       <p><span></span>0.3-0.5</p>
@@ -94,9 +94,10 @@
 <style lang="scss">
 .rainFuturePage {
   width: 100%;
-  padding: 20px;
+  padding: 10px 20px;
   .centerCont {
     justify-content: space-around;
+    align-items: center;
     .title {
       font-family: Source Han Sans CN;
       font-weight: bold;
@@ -117,6 +118,12 @@
     .el-progress.is-success .el-progress-bar__inner {
       background: #3afff8;
     }
+    .timeCont {
+      width: 100%;
+      height: 30px;
+      margin-right: 50px;
+      margin-top: -20px;
+    }
   }
   .colorPart {
     justify-content: center;