diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 6e52623..6904333 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -665,23 +665,31 @@
       }
     }
     .problem {
-      height: calc(100% - 45px);
-      height: 50px;
-      margin-bottom: 5px;
-      margin-left: 10px;
+      // height: calc(100% - 45px);
+      height: 45px;
+      margin-bottom: 10px;
+
       .problemItem {
         display: flex;
+        height: 45px;
+        background: linear-gradient(0deg, #008599 0%, #08596d 100%);
+        border-radius: 3px;
+        // opacity: 0.6;
         .highProblem {
           text-align: center;
           font-weight: 400;
           font-size: 16px;
           color: #d3f6ff;
           height: 35px;
-          width: 12%;
+
+          line-height: 35px;
+          width: 14%;
           background: linear-gradient(0deg, #8e1e1e 0%, #420606 100%);
           border-image: linear-gradient(0deg, #fd4d62, #ac241a) 10 10;
           border: rgb(141, 28, 21) 1px solid;
           border-radius: 10%;
+          margin-top: 5px;
+          margin-left: 10px;
         }
         .middleProblem {
           text-align: center;
@@ -689,11 +697,14 @@
           font-size: 16px;
           color: #d3f6ff;
           height: 35px;
-          width: 12%;
+          width: 14%;
           background: linear-gradient(0deg, #f1b500 0%, #331e02 100%);
           border-image: linear-gradient(0deg, #ffb61a, #f5a100) 10 10;
           border: rgb(193, 133, 4) 1px solid;
           border-radius: 10%;
+          line-height: 35px;
+          margin-top: 5px;
+          margin-left: 10px;
         }
         .lowProblem {
           text-align: center;
@@ -701,35 +712,44 @@
           font-size: 16px;
           color: #d3f6ff;
           height: 35px;
-          width: 12%;
-          background: linear-gradient(0deg, #97990e 0%, #3e3f0c 100%);
-          border-image: linear-gradient(0deg, #97990e, #97990e) 10 10;
+          width: 14%;
+          background: linear-gradient(0deg, #d3d50f 0%, #31310c 100%);
+          border-image: linear-gradient(0deg, #fcff00, #c1c311) 10 10;
           border: rgb(202, 199, 6) 1px solid;
           border-radius: 10%;
+          line-height: 35px;
+          margin-top: 5px;
+          margin-left: 10px;
         }
         .problemText {
-          width: 88%;
+          width: 85%;
           margin-left: 20px;
           display: flex;
           flex-direction: column;
+          // background: red;
           .problemTextTop {
             display: flex;
             height: 50%;
+
+            margin-top: 4px;
             .problemContent {
-              margin-right: 35px;
-              margin-bottom: 5px;
+              margin-right: 39px;
               text-align: center;
-              font-weight: 600;
-              font-size: 14px;
+              font-weight: 500;
+              font-size: 13px;
               color: #d3f6ff;
+              // background: red;
             }
           }
           .problemTextBottom {
             display: flex;
             text-align: center;
-            font-weight: 400;
-            font-size: 10px;
+            font-family: Source Han Sans CN;
+            font-weight: 330;
+            font-size: 11px;
             color: #d3f6ff;
+
+            // background: blue;
             .problemContent {
               margin-right: 50px;
             }