diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 9a0a779..1191773 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -636,16 +636,16 @@
         font-size: 16px;
         // border: 1px solid;
         &:nth-of-type(1) {
-          background: linear-gradient(0deg, #8e1e1e 0%, #420606 100%);
+          background: linear-gradient(0deg, #8e1e1e 0%, #ca5656 100%);
           border-image: linear-gradient(0deg, #fd4d62, #ac241a) 10 10;
         }
         &:nth-of-type(2) {
-          background: linear-gradient(0deg, #f1b500 0%, #331e02 100%);
+          background: linear-gradient(0deg, #f1b500 0%, #d6a564 100%);
 
           border-image: linear-gradient(0deg, #ffb61a, #f5a100) 10 10;
         }
         &:nth-of-type(3) {
-          background: linear-gradient(0deg, #0e91d5 0%, #0d1b32 100%);
+          background: linear-gradient(0deg, #0e91d5 0%, #4b7bc9 100%);
           border-image: linear-gradient(0deg, #00fcff, #0f6dc1) 10 10;
         }
       }
@@ -656,9 +656,13 @@
       .tableHeader {
         width: 100%;
         height: 34px;
-        background: linear-gradient(0deg, #00fbffa3 0%, #00fbff00 100%);
+        background: linear-gradient(
+          0deg,
+          rgba(74, 164, 255, 0.6392156863) 0%,
+          rgba(0, 251, 255, 0) 100%
+        );
         border-radius: 2px;
-        border: 1px solid #74dde1;
+        border: 1px solid #004285;
         display: flex;
 
         .tableHeaderList {
@@ -700,9 +704,12 @@
           display: flex;
           /* 选择偶数行 */
           &:nth-child(even) {
-            background: linear-gradient(0deg, #008599 0%, #08596d 100%);
+            background: linear-gradient(
+              0deg,
+              rgba(21, 141, 253, 0.2) 0%,
+              rgba(21, 141, 253, 0.05) 100%
+            );
           }
-
           .tableBodyList_span1 {
             font-family: Source Han Sans CN;
             font-weight: 400;
@@ -774,8 +781,9 @@
         text-align: center;
         cursor: pointer;
         // border: 1px solid;
-        background: linear-gradient(0deg, #00496f 0%, #001c2a 100%);
-        border: 1px solid #2cfce9;
+        background: #00344f;
+        border-radius: 2px;
+        border: 1px solid #004285;
         font-family: Source Han Sans CN;
         font-weight: 400;
         font-size: 16px;
@@ -796,9 +804,9 @@
           width: 35%;
         }
         &.active {
-          border: 1px solid #2cfce9;
+          border: 1px solid #1c8aff;
           color: #e4f5ff;
-          background: #166f84;
+          background: #004285;
         }
       }
     }
@@ -809,7 +817,11 @@
       .problemItem {
         display: flex;
         height: 45px;
-        background: linear-gradient(0deg, #008599 0%, #08596d 100%);
+        background: linear-gradient(
+          0deg,
+          rgba(21, 141, 253, 0.2) 0%,
+          rgba(21, 141, 253, 0.05) 100%
+        );
         border-radius: 3px;
         margin-top: 5px;
         // opacity: 0.6;
@@ -818,9 +830,9 @@
           font-family: DIN;
           font-weight: 500;
           font-size: 16px;
-          color: #01ffea;
+          color: #ffffff;
           text-align: center;
-          background: rgba(0, 93, 114, 0.8);
+          background: rgba(0, 36, 114, 0.8);
         }
         .problemText {
           width: 90%;
@@ -906,9 +918,9 @@
       cursor: pointer;
 
       &.active {
-        border: 1px solid #2cfce9;
+        border: 1px solid #1c8aff;
         color: #e4f5ff;
-        background: #166f84;
+        background: #004285;
       }
     }
   }

diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 9a0a779..1191773 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -636,16 +636,16 @@
         font-size: 16px;
         // border: 1px solid;
         &:nth-of-type(1) {
-          background: linear-gradient(0deg, #8e1e1e 0%, #420606 100%);
+          background: linear-gradient(0deg, #8e1e1e 0%, #ca5656 100%);
           border-image: linear-gradient(0deg, #fd4d62, #ac241a) 10 10;
         }
         &:nth-of-type(2) {
-          background: linear-gradient(0deg, #f1b500 0%, #331e02 100%);
+          background: linear-gradient(0deg, #f1b500 0%, #d6a564 100%);
 
           border-image: linear-gradient(0deg, #ffb61a, #f5a100) 10 10;
         }
         &:nth-of-type(3) {
-          background: linear-gradient(0deg, #0e91d5 0%, #0d1b32 100%);
+          background: linear-gradient(0deg, #0e91d5 0%, #4b7bc9 100%);
           border-image: linear-gradient(0deg, #00fcff, #0f6dc1) 10 10;
         }
       }
@@ -656,9 +656,13 @@
       .tableHeader {
         width: 100%;
         height: 34px;
-        background: linear-gradient(0deg, #00fbffa3 0%, #00fbff00 100%);
+        background: linear-gradient(
+          0deg,
+          rgba(74, 164, 255, 0.6392156863) 0%,
+          rgba(0, 251, 255, 0) 100%
+        );
         border-radius: 2px;
-        border: 1px solid #74dde1;
+        border: 1px solid #004285;
         display: flex;
 
         .tableHeaderList {
@@ -700,9 +704,12 @@
           display: flex;
           /* 选择偶数行 */
           &:nth-child(even) {
-            background: linear-gradient(0deg, #008599 0%, #08596d 100%);
+            background: linear-gradient(
+              0deg,
+              rgba(21, 141, 253, 0.2) 0%,
+              rgba(21, 141, 253, 0.05) 100%
+            );
           }
-
           .tableBodyList_span1 {
             font-family: Source Han Sans CN;
             font-weight: 400;
@@ -774,8 +781,9 @@
         text-align: center;
         cursor: pointer;
         // border: 1px solid;
-        background: linear-gradient(0deg, #00496f 0%, #001c2a 100%);
-        border: 1px solid #2cfce9;
+        background: #00344f;
+        border-radius: 2px;
+        border: 1px solid #004285;
         font-family: Source Han Sans CN;
         font-weight: 400;
         font-size: 16px;
@@ -796,9 +804,9 @@
           width: 35%;
         }
         &.active {
-          border: 1px solid #2cfce9;
+          border: 1px solid #1c8aff;
           color: #e4f5ff;
-          background: #166f84;
+          background: #004285;
         }
       }
     }
@@ -809,7 +817,11 @@
       .problemItem {
         display: flex;
         height: 45px;
-        background: linear-gradient(0deg, #008599 0%, #08596d 100%);
+        background: linear-gradient(
+          0deg,
+          rgba(21, 141, 253, 0.2) 0%,
+          rgba(21, 141, 253, 0.05) 100%
+        );
         border-radius: 3px;
         margin-top: 5px;
         // opacity: 0.6;
@@ -818,9 +830,9 @@
           font-family: DIN;
           font-weight: 500;
           font-size: 16px;
-          color: #01ffea;
+          color: #ffffff;
           text-align: center;
-          background: rgba(0, 93, 114, 0.8);
+          background: rgba(0, 36, 114, 0.8);
         }
         .problemText {
           width: 90%;
@@ -906,9 +918,9 @@
       cursor: pointer;
 
       &.active {
-        border: 1px solid #2cfce9;
+        border: 1px solid #1c8aff;
         color: #e4f5ff;
-        background: #166f84;
+        background: #004285;
       }
     }
   }
diff --git a/src/views/oneMap/components/FXHG.vue b/src/views/oneMap/components/FXHG.vue
index a55cce7..cebdee2 100644
--- a/src/views/oneMap/components/FXHG.vue
+++ b/src/views/oneMap/components/FXHG.vue
@@ -110,14 +110,10 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 93, 114, 0.8) 0%,
-      rgba(0, 93, 114, 0.8) 100%
-    );
+    background: linear-gradient(0deg, rgba(4, 34, 84, 0.8) 0%, rgba(4, 34, 84, 0.8) 100%);
     border-radius: 6px;
-    border: 1px solid #47eef3;
-    box-shadow: inset 0 0 5px 5px #47eef38a;
+    border: 1px solid #4aa4ff;
+    box-shadow: inset 0 0 5px 5px #4aa4ff8a;
   }
   .RightBox {
     width: 450px;
@@ -125,14 +121,10 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 93, 114, 0.8) 0%,
-      rgba(0, 93, 114, 0.8) 100%
-    );
+    background: linear-gradient(0deg, rgba(4, 34, 84, 0.8) 0%, rgba(4, 34, 84, 0.8) 100%);
     border-radius: 6px;
-    border: 1px solid #47eef3;
-    box-shadow: inset 0 0 5px 5px #47eef38a;
+    border: 1px solid #4aa4ff;
+    box-shadow: inset 0 0 5px 5px #4aa4ff8a;
     z-index: 120;
   }
   .BottomBox {
@@ -141,14 +133,10 @@
     position: absolute;
     right: 500px;
     bottom: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 93, 114, 0.8) 0%,
-      rgba(0, 93, 114, 0.8) 100%
-    );
+    background: linear-gradient(0deg, rgba(4, 34, 84, 0.8) 0%, rgba(4, 34, 84, 0.8) 100%);
     border-radius: 6px;
-    border: 1px solid #47eef3;
-    box-shadow: inset 0 0 5px 5px #47eef38a;
+    border: 1px solid #4aa4ff;
+    box-shadow: inset 0 0 5px 5px #4aa4ff8a;
   }
 }
 .bnt {