diff --git a/package.json b/package.json
index e784d82..39861ad 100644
--- a/package.json
+++ b/package.json
@@ -72,4 +72,4 @@
     "vite-plugin-svg-icons": "2.0.1",
     "vite-plugin-vue-setup-extend": "0.4.0"
   }
-}
\ No newline at end of file
+}

diff --git a/package.json b/package.json
index e784d82..39861ad 100644
--- a/package.json
+++ b/package.json
@@ -72,4 +72,4 @@
     "vite-plugin-svg-icons": "2.0.1",
     "vite-plugin-vue-setup-extend": "0.4.0"
   }
-}
\ No newline at end of file
+}
diff --git a/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue b/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
index d178c59..6a66c14 100644
--- a/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
+++ b/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
@@ -116,10 +116,12 @@
 ];
 const ranLeng = [
   [
+
     { value: '0-0.2', color: 'rgba(7, 213, 118, 0)' },
-    { 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)' },
+    { value: '0.2-5', color: 'rgb(38, 129, 240,1)' },
+    { value: '5-16', color: 'rgba(222,230,0,1)' },
+    { value: '16-25', color: 'rgba(255,184,15,1)' },
+    { value: '>25', color: 'rgb(255, 26, 26,1)' },
   ],
   [
     { value: '0-5', color: 'rgba(7, 213, 118, 0)' },
@@ -379,10 +381,11 @@
 ];*/
 let colorScale = [
   { value: '0', color: 'rgba(7, 213, 118, 0)' },
-  { value: '0.2', color: 'rgb(38, 129, 240)' },
-  { value: '5', color: 'rgb(222, 230, 0)' },
-  { value: '25', color: 'rgb(255, 26, 26)' },
-  { value: '250', color: 'rgb(255, 26, 26)' },
+  { value: '0.2', color: 'rgb(38, 129, 240,.7)' },
+  { value: '5', color: 'rgba(222,230,0,0.7)' },
+  { value: '16', color: 'rgba(255,184,15,0.7)' },
+  { value: '25', color: 'rgb(255, 26, 26,.7)' },
+  { value: '250', color: 'rgb(255, 26, 26,.7)' },
 ];
 let imageFiles = [];
 let canvas = [];