diff --git a/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue b/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
index 53d38bb..2bd385f 100644
--- a/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
+++ b/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
@@ -117,8 +117,8 @@
 const ranLeng = [
   [
     { value: '0-0.2', color: 'rgba(7, 213, 118, 0)' },
-    { value: '0.2-5', color: 'rgba(7, 213, 118, 1)' },
-    { value: '5-25', color: 'rgba(38, 129, 240,1)' },
+    { value: '0.2-5', color: 'rgba(38, 129, 240,1)' },
+    { value: '5-25', color: 'rgb(222, 230, 0)' },
     { value: '>25', color: 'rgba(255, 26, 26, 1)' },
   ],
   [
@@ -235,8 +235,10 @@
   stepNum.value = 0;
   hgEngPlay.value = false;
   showRainLegend.value = false;
-  // NewFiberMapUtils.disposeRainfall('')
-  // newfiberMap.setLayersVisible(["krigingImage"],false)
+  if (newfiberMapbox.map.getLayer('canvas-layer0')) {
+    newfiberMapbox.map.removeLayer('canvas-layer0');
+    newfiberMapbox.map.removeSource('canvas-source0');
+  }
   hoursList.value.activeIndex = stepNum.value;
   clearInterval(runDayInterval.value);
   if (runDayInterval.value) {
@@ -419,10 +421,6 @@
 );
 onBeforeUnmount(() => {
   emptyRun();
-  if (newfiberMapbox.map.getLayer('canvas-layer0')) {
-    newfiberMapbox.map.removeLayer('canvas-layer0');
-    newfiberMapbox.map.removeSource('canvas-source0');
-  }
   newfiberMapbox.map.setZoom(13);
 });
 </script>