diff --git a/src/views/oneMap/OverallOverview/RightBox.vue b/src/views/oneMap/OverallOverview/RightBox.vue
index 8a8e4ff..5000722 100644
--- a/src/views/oneMap/OverallOverview/RightBox.vue
+++ b/src/views/oneMap/OverallOverview/RightBox.vue
@@ -2,7 +2,9 @@
 <template>
   <!-- 风险评估 -->
   <div class="RiskAssessment">
-    <div class="partTitleHM">风险评估</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">风险评估</div>
+    </div>
     <div class="RiskProportion">
       <div class="TopProportion">
         <div class="riskMc">
@@ -55,7 +57,9 @@
   </div>
   <!-- 预警处置 -->
   <div class="WarningSisposal">
-    <div class="partTitleHM">预警处置</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">预警处置</div>
+    </div>
     <div class="WarningSj">
       <div class="TopProportion">
         <div class="WarningSl">
@@ -173,315 +177,310 @@
 </script>
 
 <style lang="scss" scoped>
-#ZTGL {
-  .LeftBox {
+.RiskAssessment {
+  width: 450px;
+  height: 49%;
+  // background: yellowgreen;
+  .RiskProportion {
     width: 450px;
-    height: calc(100% - 98px);
-    position: absolute;
-    left: 10px;
-    top: 70px;
-    background: url('@/assets/images/LeftContent.png') no-repeat;
-    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
-    border-radius: 6px;
-    border: 1px solid #47eef3;
-  }
-  .RightBox {
-    width: 450px;
-    height: calc(100% - 98px);
-    position: absolute;
-    right: 10px;
-    top: 70px;
-    // background: url('@/assets/images/rightContent.png') no-repeat;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
-    border-radius: 6px;
-    border: 1px solid #47eef3;
-    box-shadow: inset 0 0 5px 5px #47eef38a;
-    .RiskAssessment {
+    height: 175px;
+    // background: red;
+    .ContentNum {
+      margin-top: 4px;
       width: 450px;
-      height: 50%;
-      .RiskProportion {
-        margin-top: 15px;
-        width: 450px;
-        height: 175px;
-        .ContentNum {
-          margin-top: 4px;
-          width: 450px;
-          height: 140px;
-          .dfFlxa {
-            width: 400px;
-            height: 30px;
-            margin: 5px auto;
+      height: 140px;
+      .dfFlxa {
+        width: 400px;
+        height: 30px;
+        margin: 5px auto;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .middleextA {
+          width: 75%;
+          display: flex;
+          .GasList {
+            display: flex;
+            width: 20%;
+            .iconTb {
+              width: 40%;
+              .iconTbimg {
+                width: 20px;
+                height: 20px;
+              }
+            }
+            .GasMc {
+              width: 60%;
+              font-family: Source Han Sans CN;
+              font-weight: 500;
+              font-size: 14px;
+              color: #ebfeff;
+            }
+          }
+          .Gasprogress {
+            width: 80%;
+          }
+        }
+        .middleextB {
+          width: 25%;
+          display: flex;
+          .GasNum {
+            width: 60%;
+            font-family: Source Han Sans CN;
+            font-weight: bold;
+            font-size: 20px;
+            color: #12f9ff;
             display: flex;
             align-items: center;
             justify-content: center;
-
-            .middleextA {
-              width: 75%;
-              display: flex;
-              .GasList {
-                display: flex;
-                width: 20%;
-                .iconTb {
-                  width: 40%;
-                  .iconTbimg {
-                    width: 20px;
-                    height: 20px;
-                  }
-                }
-                .GasMc {
-                  width: 60%;
-                  font-family: Source Han Sans CN;
-                  font-weight: 500;
-                  font-size: 14px;
-                  color: #ebfeff;
+          }
+          .GasGl {
+            width: 40%;
+            font-family: Source Han Sans CN;
+            font-weight: bold;
+            font-size: 14px;
+            color: #34909f;
+            display: flex;
+            align-items: center;
+          }
+        }
+      }
+    }
+  }
+  .DrainageRisk {
+    margin-top: 5px;
+    width: 450px;
+    // height: 41%;
+    height: calc(100% - 240px);
+    // background: #b2cad6;
+  }
+}
+.WarningSisposal {
+  width: 450px;
+  height: 49%;
+  // background: red;
+  .WarningSj {
+    width: 450px;
+    height: 190px;
+    margin-top: 5px;
+    // background: yellowgreen;
+    .WarningList {
+      margin-top: 5px;
+      width: 425px;
+      height: 85%;
+      // background: yellow;
+      margin: auto;
+      .Warningpart {
+        margin-top: 5px;
+        .part {
+          width: 130px;
+          height: 160px;
+          background: url('@/assets/newImgs/iSpt.png') no-repeat;
+          background-size: 100% 100%;
+          .parttop {
+            height: 160px;
+            .upper {
+              height: 50%;
+              .Major {
+                height: 70%;
+                .upImg {
+                  width: 30px;
+                  height: 30px;
+                  position: relative;
+                  top: 20px;
+                  left: 38%;
                 }
               }
-              .Gasprogress {
-                width: 80%;
+              .lower {
+                height: 30%;
+                font-family: Source Han Sans CN;
+                font-weight: 500;
+                font-size: 14px;
+                color: #c1d3d4;
+                display: flex;
+                // align-items: center;
+                justify-content: center;
               }
             }
-            .middleextB {
-              width: 25%;
-              display: flex;
-              .GasNum {
-                width: 60%;
-                font-family: Source Han Sans CN;
-                font-weight: bold;
-                font-size: 20px;
-                color: #12f9ff;
+            .below {
+              height: 50%;
+              .handIn {
+                height: 50%;
                 display: flex;
                 align-items: center;
                 justify-content: center;
-              }
-              .GasGl {
-                width: 40%;
                 font-family: Source Han Sans CN;
                 font-weight: bold;
-                font-size: 14px;
-                color: #34909f;
+                font-size: 22px;
+                color: #12f9ff;
+              }
+              .oflower {
+                height: 50%;
                 display: flex;
-                align-items: center;
+                // align-items: center;
+                justify-content: center;
+                font-family: Source Han Sans CN;
+                font-weight: 500;
+                font-size: 14px;
+                color: #c1d3d4;
               }
             }
           }
         }
       }
-      .DrainageRisk {
-        margin-top: 5px;
-        width: 450px;
-        // height: 41%;
-        height: calc(100% - 255px);
-        // background: #b2cad6;
-      }
     }
-    .WarningSisposal {
-      width: 450px;
-      height: 50%;
-      .WarningSj {
-        width: 450px;
-        height: 190px;
-        margin-top: 15px;
-        // background: red;
-        .WarningList {
-          margin-top: 5px;
-          width: 425px;
-          height: 85%;
-          // background: yellow;
-          margin: auto;
-          .Warningpart {
-            margin-top: 5px;
-            .part {
-              width: 130px;
-              height: 160px;
-              background: url('@/assets/newImgs/iSpt.png') no-repeat;
-              background-size: 100% 100%;
-              .parttop {
-                height: 160px;
-                .upper {
-                  height: 50%;
-                  .Major {
-                    height: 70%;
-                    .upImg {
-                      width: 30px;
-                      height: 30px;
-                      position: relative;
-                      top: 20px;
-                      left: 38%;
-                    }
-                  }
-                  .lower {
-                    height: 30%;
-                    font-family: Source Han Sans CN;
-                    font-weight: 500;
-                    font-size: 14px;
-                    color: #c1d3d4;
-                    display: flex;
-                    // align-items: center;
-                    justify-content: center;
-                  }
-                }
-                .below {
-                  height: 50%;
-                  .handIn {
-                    height: 50%;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    font-family: Source Han Sans CN;
-                    font-weight: bold;
-                    font-size: 22px;
-                    color: #12f9ff;
-                  }
-                  .oflower {
-                    height: 50%;
-                    display: flex;
-                    // align-items: center;
-                    justify-content: center;
-                    font-family: Source Han Sans CN;
-                    font-weight: 500;
-                    font-size: 14px;
-                    color: #c1d3d4;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-      .WarningEcharts {
-        margin-top: 5px;
-        width: 450px;
-        // height: 38%;
-        height: calc(100% - 255px);
-        // background: red;
-      }
+  }
+  .WarningEcharts {
+    margin-top: 5px;
+    width: 450px;
+    // height: 38%;
+    height: calc(100% - 245px);
+    // background: rgb(228, 228, 228);
+  }
+}
+.partTitleHM {
+  top: 8px;
+  position: relative;
+  width: 408px;
+  height: 44px;
+  background: url('@/assets/newImgs/partBg.png') no-repeat;
+  background-size: 100% 100%;
+  font-family: PangMenZhengDao;
+  font-weight: 400;
+  font-size: 23px;
+  color: #ebfeff;
+  line-height: 44px;
+  padding-left: 35px;
+  margin-left: 10px;
+}
+.TopProportion {
+  display: flex;
+  width: 100%;
+  .riskMc {
+    display: flex;
+    width: 60%;
+    .icon {
+      margin-left: 5px;
+      width: 25px;
+      height: 25px;
+      background: url('@/assets/newImgs/xtb_img.png') no-repeat;
     }
-    .partTitleHM {
-      top: 8px;
-      position: relative;
-      width: 408px;
-      height: 44px;
-      background: url('@/assets/newImgs/partBg.png') no-repeat;
-      background-size: 100% 100%;
-      font-family: PangMenZhengDao;
-      font-weight: 400;
-      font-size: 23px;
+    .text {
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 14px;
       color: #ebfeff;
-      line-height: 44px;
-      padding-left: 35px;
-      margin-left: 10px;
+      line-height: 25px;
+      padding-left: 5px;
+      box-shadow: inset 0px -8px 10px -5px #47eef38a;
     }
-    .TopProportion {
+  }
+  .riskZs {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    width: 40%;
+    .eachDescribe {
       display: flex;
-      width: 100%;
-      .riskMc {
-        display: flex;
-        width: 60%;
-        .icon {
-          margin-left: 5px;
-          width: 25px;
-          height: 25px;
-          background: url('@/assets/newImgs/xtb_img.png') no-repeat;
-        }
-        .text {
-          font-family: Source Han Sans CN;
-          font-weight: bold;
-          font-size: 14px;
-          color: #ebfeff;
-          line-height: 25px;
-          padding-left: 5px;
-          box-shadow: inset 0px -8px 10px -5px #47eef38a;
-        }
+      align-items: center;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      // padding-top: 5px;
+      .icon {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
       }
-      .riskZs {
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        width: 40%;
-        .eachDescribe {
-          display: flex;
-          align-items: center;
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          // padding-top: 5px;
-          .icon {
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-          }
-          .bgcYellow {
-            background: #f8744bff;
-          }
-          .bgcblue {
-            background: #18ffff;
-          }
-          .text {
-            padding: 0 10px 0 6px;
-            font-family: Source Han Sans CN;
-            font-weight: 500;
-            font-size: 14px;
-            color: #c1d3d4;
-          }
-        }
+      .bgcYellow {
+        background: #f8744bff;
       }
-      .WarningSl {
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        width: 55%;
-        .eachDescribe {
-          display: flex;
-          align-items: center;
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          // padding-top: 5px;
-          .icon {
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-          }
-          .bgcYellow {
-            background: #2be7abff;
-          }
-          .bgcls {
-            background: #18a7f2ff;
-          }
-          .text {
-            padding: 0 10px 0 6px;
-            font-family: Source Han Sans CN;
-            font-weight: 500;
-            font-size: 14px;
-            color: #c1d3d4;
-          }
-        }
+      .bgcblue {
+        background: #18ffff;
       }
-      .WarningNy {
-        display: flex;
-        width: 45%;
-        .head-right {
-          cursor: pointer;
-          font-size: 14px;
-          color: #ffffff;
-          display: flex;
-          line-height: 18px;
-          .head-item {
-            width: 70px;
-            margin-right: 10px;
-            padding: 2px 3px;
-            background: #00344f;
-            height: 23px;
-            text-align: center;
-            position: relative;
-            left: 40px;
-          }
-          .activedright {
-            border: 1px solid #2cfce9;
-            color: #e4f5ff;
-            background: #166f84;
-          }
-        }
+      .text {
+        padding: 0 10px 0 6px;
+        font-family: Source Han Sans CN;
+        font-weight: 500;
+        font-size: 14px;
+        color: #c1d3d4;
       }
     }
   }
+  .WarningSl {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    width: 55%;
+    .eachDescribe {
+      display: flex;
+      align-items: center;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      // padding-top: 5px;
+      .icon {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+      }
+      .bgcYellow {
+        background: #2be7abff;
+      }
+      .bgcls {
+        background: #18a7f2ff;
+      }
+      .text {
+        padding: 0 10px 0 6px;
+        font-family: Source Han Sans CN;
+        font-weight: 500;
+        font-size: 14px;
+        color: #c1d3d4;
+      }
+    }
+  }
+  .WarningNy {
+    display: flex;
+    width: 45%;
+    .head-right {
+      cursor: pointer;
+      font-size: 14px;
+      color: #ffffff;
+      display: flex;
+      line-height: 18px;
+      .head-item {
+        width: 70px;
+        margin-right: 10px;
+        padding: 2px 3px;
+        background: #00344f;
+        height: 23px;
+        text-align: center;
+        position: relative;
+        left: 40px;
+      }
+      .activedright {
+        border: 1px solid #2cfce9;
+        color: #e4f5ff;
+        background: #166f84;
+      }
+    }
+  }
+}
+.ListBoxHeader {
+  height: 44px;
+  line-height: 50px;
+  width: 98%;
+  background: url('@/assets/newImgs/partBg.png') no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 7px 0px 0px 8px;
+  .ListBoxHeader_font {
+    font-family: PangMenZhengDao;
+    font-weight: 400;
+    font-size: 23px;
+    color: #ebfeff;
+    padding-left: 34px;
+  }
 }
 </style>

diff --git a/src/views/oneMap/OverallOverview/RightBox.vue b/src/views/oneMap/OverallOverview/RightBox.vue
index 8a8e4ff..5000722 100644
--- a/src/views/oneMap/OverallOverview/RightBox.vue
+++ b/src/views/oneMap/OverallOverview/RightBox.vue
@@ -2,7 +2,9 @@
 <template>
   <!-- 风险评估 -->
   <div class="RiskAssessment">
-    <div class="partTitleHM">风险评估</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">风险评估</div>
+    </div>
     <div class="RiskProportion">
       <div class="TopProportion">
         <div class="riskMc">
@@ -55,7 +57,9 @@
   </div>
   <!-- 预警处置 -->
   <div class="WarningSisposal">
-    <div class="partTitleHM">预警处置</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">预警处置</div>
+    </div>
     <div class="WarningSj">
       <div class="TopProportion">
         <div class="WarningSl">
@@ -173,315 +177,310 @@
 </script>
 
 <style lang="scss" scoped>
-#ZTGL {
-  .LeftBox {
+.RiskAssessment {
+  width: 450px;
+  height: 49%;
+  // background: yellowgreen;
+  .RiskProportion {
     width: 450px;
-    height: calc(100% - 98px);
-    position: absolute;
-    left: 10px;
-    top: 70px;
-    background: url('@/assets/images/LeftContent.png') no-repeat;
-    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
-    border-radius: 6px;
-    border: 1px solid #47eef3;
-  }
-  .RightBox {
-    width: 450px;
-    height: calc(100% - 98px);
-    position: absolute;
-    right: 10px;
-    top: 70px;
-    // background: url('@/assets/images/rightContent.png') no-repeat;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
-    border-radius: 6px;
-    border: 1px solid #47eef3;
-    box-shadow: inset 0 0 5px 5px #47eef38a;
-    .RiskAssessment {
+    height: 175px;
+    // background: red;
+    .ContentNum {
+      margin-top: 4px;
       width: 450px;
-      height: 50%;
-      .RiskProportion {
-        margin-top: 15px;
-        width: 450px;
-        height: 175px;
-        .ContentNum {
-          margin-top: 4px;
-          width: 450px;
-          height: 140px;
-          .dfFlxa {
-            width: 400px;
-            height: 30px;
-            margin: 5px auto;
+      height: 140px;
+      .dfFlxa {
+        width: 400px;
+        height: 30px;
+        margin: 5px auto;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .middleextA {
+          width: 75%;
+          display: flex;
+          .GasList {
+            display: flex;
+            width: 20%;
+            .iconTb {
+              width: 40%;
+              .iconTbimg {
+                width: 20px;
+                height: 20px;
+              }
+            }
+            .GasMc {
+              width: 60%;
+              font-family: Source Han Sans CN;
+              font-weight: 500;
+              font-size: 14px;
+              color: #ebfeff;
+            }
+          }
+          .Gasprogress {
+            width: 80%;
+          }
+        }
+        .middleextB {
+          width: 25%;
+          display: flex;
+          .GasNum {
+            width: 60%;
+            font-family: Source Han Sans CN;
+            font-weight: bold;
+            font-size: 20px;
+            color: #12f9ff;
             display: flex;
             align-items: center;
             justify-content: center;
-
-            .middleextA {
-              width: 75%;
-              display: flex;
-              .GasList {
-                display: flex;
-                width: 20%;
-                .iconTb {
-                  width: 40%;
-                  .iconTbimg {
-                    width: 20px;
-                    height: 20px;
-                  }
-                }
-                .GasMc {
-                  width: 60%;
-                  font-family: Source Han Sans CN;
-                  font-weight: 500;
-                  font-size: 14px;
-                  color: #ebfeff;
+          }
+          .GasGl {
+            width: 40%;
+            font-family: Source Han Sans CN;
+            font-weight: bold;
+            font-size: 14px;
+            color: #34909f;
+            display: flex;
+            align-items: center;
+          }
+        }
+      }
+    }
+  }
+  .DrainageRisk {
+    margin-top: 5px;
+    width: 450px;
+    // height: 41%;
+    height: calc(100% - 240px);
+    // background: #b2cad6;
+  }
+}
+.WarningSisposal {
+  width: 450px;
+  height: 49%;
+  // background: red;
+  .WarningSj {
+    width: 450px;
+    height: 190px;
+    margin-top: 5px;
+    // background: yellowgreen;
+    .WarningList {
+      margin-top: 5px;
+      width: 425px;
+      height: 85%;
+      // background: yellow;
+      margin: auto;
+      .Warningpart {
+        margin-top: 5px;
+        .part {
+          width: 130px;
+          height: 160px;
+          background: url('@/assets/newImgs/iSpt.png') no-repeat;
+          background-size: 100% 100%;
+          .parttop {
+            height: 160px;
+            .upper {
+              height: 50%;
+              .Major {
+                height: 70%;
+                .upImg {
+                  width: 30px;
+                  height: 30px;
+                  position: relative;
+                  top: 20px;
+                  left: 38%;
                 }
               }
-              .Gasprogress {
-                width: 80%;
+              .lower {
+                height: 30%;
+                font-family: Source Han Sans CN;
+                font-weight: 500;
+                font-size: 14px;
+                color: #c1d3d4;
+                display: flex;
+                // align-items: center;
+                justify-content: center;
               }
             }
-            .middleextB {
-              width: 25%;
-              display: flex;
-              .GasNum {
-                width: 60%;
-                font-family: Source Han Sans CN;
-                font-weight: bold;
-                font-size: 20px;
-                color: #12f9ff;
+            .below {
+              height: 50%;
+              .handIn {
+                height: 50%;
                 display: flex;
                 align-items: center;
                 justify-content: center;
-              }
-              .GasGl {
-                width: 40%;
                 font-family: Source Han Sans CN;
                 font-weight: bold;
-                font-size: 14px;
-                color: #34909f;
+                font-size: 22px;
+                color: #12f9ff;
+              }
+              .oflower {
+                height: 50%;
                 display: flex;
-                align-items: center;
+                // align-items: center;
+                justify-content: center;
+                font-family: Source Han Sans CN;
+                font-weight: 500;
+                font-size: 14px;
+                color: #c1d3d4;
               }
             }
           }
         }
       }
-      .DrainageRisk {
-        margin-top: 5px;
-        width: 450px;
-        // height: 41%;
-        height: calc(100% - 255px);
-        // background: #b2cad6;
-      }
     }
-    .WarningSisposal {
-      width: 450px;
-      height: 50%;
-      .WarningSj {
-        width: 450px;
-        height: 190px;
-        margin-top: 15px;
-        // background: red;
-        .WarningList {
-          margin-top: 5px;
-          width: 425px;
-          height: 85%;
-          // background: yellow;
-          margin: auto;
-          .Warningpart {
-            margin-top: 5px;
-            .part {
-              width: 130px;
-              height: 160px;
-              background: url('@/assets/newImgs/iSpt.png') no-repeat;
-              background-size: 100% 100%;
-              .parttop {
-                height: 160px;
-                .upper {
-                  height: 50%;
-                  .Major {
-                    height: 70%;
-                    .upImg {
-                      width: 30px;
-                      height: 30px;
-                      position: relative;
-                      top: 20px;
-                      left: 38%;
-                    }
-                  }
-                  .lower {
-                    height: 30%;
-                    font-family: Source Han Sans CN;
-                    font-weight: 500;
-                    font-size: 14px;
-                    color: #c1d3d4;
-                    display: flex;
-                    // align-items: center;
-                    justify-content: center;
-                  }
-                }
-                .below {
-                  height: 50%;
-                  .handIn {
-                    height: 50%;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    font-family: Source Han Sans CN;
-                    font-weight: bold;
-                    font-size: 22px;
-                    color: #12f9ff;
-                  }
-                  .oflower {
-                    height: 50%;
-                    display: flex;
-                    // align-items: center;
-                    justify-content: center;
-                    font-family: Source Han Sans CN;
-                    font-weight: 500;
-                    font-size: 14px;
-                    color: #c1d3d4;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-      .WarningEcharts {
-        margin-top: 5px;
-        width: 450px;
-        // height: 38%;
-        height: calc(100% - 255px);
-        // background: red;
-      }
+  }
+  .WarningEcharts {
+    margin-top: 5px;
+    width: 450px;
+    // height: 38%;
+    height: calc(100% - 245px);
+    // background: rgb(228, 228, 228);
+  }
+}
+.partTitleHM {
+  top: 8px;
+  position: relative;
+  width: 408px;
+  height: 44px;
+  background: url('@/assets/newImgs/partBg.png') no-repeat;
+  background-size: 100% 100%;
+  font-family: PangMenZhengDao;
+  font-weight: 400;
+  font-size: 23px;
+  color: #ebfeff;
+  line-height: 44px;
+  padding-left: 35px;
+  margin-left: 10px;
+}
+.TopProportion {
+  display: flex;
+  width: 100%;
+  .riskMc {
+    display: flex;
+    width: 60%;
+    .icon {
+      margin-left: 5px;
+      width: 25px;
+      height: 25px;
+      background: url('@/assets/newImgs/xtb_img.png') no-repeat;
     }
-    .partTitleHM {
-      top: 8px;
-      position: relative;
-      width: 408px;
-      height: 44px;
-      background: url('@/assets/newImgs/partBg.png') no-repeat;
-      background-size: 100% 100%;
-      font-family: PangMenZhengDao;
-      font-weight: 400;
-      font-size: 23px;
+    .text {
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 14px;
       color: #ebfeff;
-      line-height: 44px;
-      padding-left: 35px;
-      margin-left: 10px;
+      line-height: 25px;
+      padding-left: 5px;
+      box-shadow: inset 0px -8px 10px -5px #47eef38a;
     }
-    .TopProportion {
+  }
+  .riskZs {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    width: 40%;
+    .eachDescribe {
       display: flex;
-      width: 100%;
-      .riskMc {
-        display: flex;
-        width: 60%;
-        .icon {
-          margin-left: 5px;
-          width: 25px;
-          height: 25px;
-          background: url('@/assets/newImgs/xtb_img.png') no-repeat;
-        }
-        .text {
-          font-family: Source Han Sans CN;
-          font-weight: bold;
-          font-size: 14px;
-          color: #ebfeff;
-          line-height: 25px;
-          padding-left: 5px;
-          box-shadow: inset 0px -8px 10px -5px #47eef38a;
-        }
+      align-items: center;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      // padding-top: 5px;
+      .icon {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
       }
-      .riskZs {
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        width: 40%;
-        .eachDescribe {
-          display: flex;
-          align-items: center;
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          // padding-top: 5px;
-          .icon {
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-          }
-          .bgcYellow {
-            background: #f8744bff;
-          }
-          .bgcblue {
-            background: #18ffff;
-          }
-          .text {
-            padding: 0 10px 0 6px;
-            font-family: Source Han Sans CN;
-            font-weight: 500;
-            font-size: 14px;
-            color: #c1d3d4;
-          }
-        }
+      .bgcYellow {
+        background: #f8744bff;
       }
-      .WarningSl {
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        width: 55%;
-        .eachDescribe {
-          display: flex;
-          align-items: center;
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          // padding-top: 5px;
-          .icon {
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-          }
-          .bgcYellow {
-            background: #2be7abff;
-          }
-          .bgcls {
-            background: #18a7f2ff;
-          }
-          .text {
-            padding: 0 10px 0 6px;
-            font-family: Source Han Sans CN;
-            font-weight: 500;
-            font-size: 14px;
-            color: #c1d3d4;
-          }
-        }
+      .bgcblue {
+        background: #18ffff;
       }
-      .WarningNy {
-        display: flex;
-        width: 45%;
-        .head-right {
-          cursor: pointer;
-          font-size: 14px;
-          color: #ffffff;
-          display: flex;
-          line-height: 18px;
-          .head-item {
-            width: 70px;
-            margin-right: 10px;
-            padding: 2px 3px;
-            background: #00344f;
-            height: 23px;
-            text-align: center;
-            position: relative;
-            left: 40px;
-          }
-          .activedright {
-            border: 1px solid #2cfce9;
-            color: #e4f5ff;
-            background: #166f84;
-          }
-        }
+      .text {
+        padding: 0 10px 0 6px;
+        font-family: Source Han Sans CN;
+        font-weight: 500;
+        font-size: 14px;
+        color: #c1d3d4;
       }
     }
   }
+  .WarningSl {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    width: 55%;
+    .eachDescribe {
+      display: flex;
+      align-items: center;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      // padding-top: 5px;
+      .icon {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+      }
+      .bgcYellow {
+        background: #2be7abff;
+      }
+      .bgcls {
+        background: #18a7f2ff;
+      }
+      .text {
+        padding: 0 10px 0 6px;
+        font-family: Source Han Sans CN;
+        font-weight: 500;
+        font-size: 14px;
+        color: #c1d3d4;
+      }
+    }
+  }
+  .WarningNy {
+    display: flex;
+    width: 45%;
+    .head-right {
+      cursor: pointer;
+      font-size: 14px;
+      color: #ffffff;
+      display: flex;
+      line-height: 18px;
+      .head-item {
+        width: 70px;
+        margin-right: 10px;
+        padding: 2px 3px;
+        background: #00344f;
+        height: 23px;
+        text-align: center;
+        position: relative;
+        left: 40px;
+      }
+      .activedright {
+        border: 1px solid #2cfce9;
+        color: #e4f5ff;
+        background: #166f84;
+      }
+    }
+  }
+}
+.ListBoxHeader {
+  height: 44px;
+  line-height: 50px;
+  width: 98%;
+  background: url('@/assets/newImgs/partBg.png') no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 7px 0px 0px 8px;
+  .ListBoxHeader_font {
+    font-family: PangMenZhengDao;
+    font-weight: 400;
+    font-size: 23px;
+    color: #ebfeff;
+    padding-left: 34px;
+  }
 }
 </style>
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 4a6974b..78b4803 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -2,7 +2,9 @@
 <template>
   <!-- 普查现状 -->
   <div class="CensusStatus">
-    <div class="partTitleHM">普查现状</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">普查现状</div>
+    </div>
     <div class="partTop">
       <div class="partTP flex flex-justcontent-spacebetween">
         <div class="part" v-for="(item, index) in tableData" :key="index">
@@ -58,7 +60,9 @@
   </div>
   <!-- 降雨预测 -->
   <div class="RainfallForecast">
-    <div class="partTitleHM">降雨预测</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">降雨预测</div>
+    </div>
     <div class="RainfallTop">
       <div class="subRightBox">
         <div
@@ -84,7 +88,9 @@
   </div>
   <!-- 群众反馈 -->
   <div class="PublicFeedback">
-    <div class="partTitleHM">群众反馈</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">群众反馈</div>
+    </div>
     <div class="BarChart"></div>
   </div>
 </template>
@@ -142,14 +148,11 @@
 <style lang="scss" scoped>
 .CensusStatus {
   width: 450px;
-  height: 45%;
-  // background: red;
+  height: 44%;
   .partTop {
     width: 450px;
-    height: calc(100% - 60px);
-    position: relative;
-    top: 15px;
-    // background: yellow;
+    height: calc(100% - 55px);
+    margin-top: 5px;
     .partTP {
       width: 430px;
       height: 85px;
@@ -261,12 +264,11 @@
 }
 .RainfallForecast {
   width: 450px;
-  height: 30%;
+  height: 28%;
   .RainfallTop {
     width: 450px;
-    height: calc(100% - 60px);
-    position: relative;
-    top: 10px;
+    height: calc(100% - 52px);
+    margin-top: 5px;
     .subRightBox {
       width: 440px;
       margin: 0 auto;
@@ -275,9 +277,8 @@
       cursor: pointer;
       font-size: 14px;
       color: #ffffff;
-
       .headcenter {
-        width: 100px;
+        width: 98px;
         height: 26px;
         padding: 2px 3px;
         background: #00344f;
@@ -332,28 +333,32 @@
 .PublicFeedback {
   width: 450px;
   height: 25%;
+
   .BarChart {
-    margin: 15px auto;
+    margin: 8px auto;
     width: 420px;
-    height: calc(100% - 65px);
+    height: calc(100% - 60px);
     background: url('@/assets/images/zhps/bingtu.png') no-repeat;
     background-size: 100% 100%;
   }
 }
-.partTitleHM {
-  top: 8px;
-  position: relative;
-  width: 408px;
+.ListBoxHeader {
   height: 44px;
+  line-height: 50px;
+  width: 98%;
   background: url('@/assets/newImgs/partBg.png') no-repeat;
   background-size: 100% 100%;
-  font-family: PangMenZhengDao;
-  font-weight: 400;
-  font-size: 23px;
-  color: #ebfeff;
-  line-height: 44px;
-  padding-left: 35px;
-  margin-left: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 7px 0px 0px 8px;
+  .ListBoxHeader_font {
+    font-family: PangMenZhengDao;
+    font-weight: 400;
+    font-size: 23px;
+    color: #ebfeff;
+    padding-left: 34px;
+  }
 }
 ::-webkit-scrollbar {
   width: 5px; /* 设置滚动条的宽度 */

diff --git a/src/views/oneMap/OverallOverview/RightBox.vue b/src/views/oneMap/OverallOverview/RightBox.vue
index 8a8e4ff..5000722 100644
--- a/src/views/oneMap/OverallOverview/RightBox.vue
+++ b/src/views/oneMap/OverallOverview/RightBox.vue
@@ -2,7 +2,9 @@
 <template>
   <!-- 风险评估 -->
   <div class="RiskAssessment">
-    <div class="partTitleHM">风险评估</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">风险评估</div>
+    </div>
     <div class="RiskProportion">
       <div class="TopProportion">
         <div class="riskMc">
@@ -55,7 +57,9 @@
   </div>
   <!-- 预警处置 -->
   <div class="WarningSisposal">
-    <div class="partTitleHM">预警处置</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">预警处置</div>
+    </div>
     <div class="WarningSj">
       <div class="TopProportion">
         <div class="WarningSl">
@@ -173,315 +177,310 @@
 </script>
 
 <style lang="scss" scoped>
-#ZTGL {
-  .LeftBox {
+.RiskAssessment {
+  width: 450px;
+  height: 49%;
+  // background: yellowgreen;
+  .RiskProportion {
     width: 450px;
-    height: calc(100% - 98px);
-    position: absolute;
-    left: 10px;
-    top: 70px;
-    background: url('@/assets/images/LeftContent.png') no-repeat;
-    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
-    border-radius: 6px;
-    border: 1px solid #47eef3;
-  }
-  .RightBox {
-    width: 450px;
-    height: calc(100% - 98px);
-    position: absolute;
-    right: 10px;
-    top: 70px;
-    // background: url('@/assets/images/rightContent.png') no-repeat;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
-    border-radius: 6px;
-    border: 1px solid #47eef3;
-    box-shadow: inset 0 0 5px 5px #47eef38a;
-    .RiskAssessment {
+    height: 175px;
+    // background: red;
+    .ContentNum {
+      margin-top: 4px;
       width: 450px;
-      height: 50%;
-      .RiskProportion {
-        margin-top: 15px;
-        width: 450px;
-        height: 175px;
-        .ContentNum {
-          margin-top: 4px;
-          width: 450px;
-          height: 140px;
-          .dfFlxa {
-            width: 400px;
-            height: 30px;
-            margin: 5px auto;
+      height: 140px;
+      .dfFlxa {
+        width: 400px;
+        height: 30px;
+        margin: 5px auto;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .middleextA {
+          width: 75%;
+          display: flex;
+          .GasList {
+            display: flex;
+            width: 20%;
+            .iconTb {
+              width: 40%;
+              .iconTbimg {
+                width: 20px;
+                height: 20px;
+              }
+            }
+            .GasMc {
+              width: 60%;
+              font-family: Source Han Sans CN;
+              font-weight: 500;
+              font-size: 14px;
+              color: #ebfeff;
+            }
+          }
+          .Gasprogress {
+            width: 80%;
+          }
+        }
+        .middleextB {
+          width: 25%;
+          display: flex;
+          .GasNum {
+            width: 60%;
+            font-family: Source Han Sans CN;
+            font-weight: bold;
+            font-size: 20px;
+            color: #12f9ff;
             display: flex;
             align-items: center;
             justify-content: center;
-
-            .middleextA {
-              width: 75%;
-              display: flex;
-              .GasList {
-                display: flex;
-                width: 20%;
-                .iconTb {
-                  width: 40%;
-                  .iconTbimg {
-                    width: 20px;
-                    height: 20px;
-                  }
-                }
-                .GasMc {
-                  width: 60%;
-                  font-family: Source Han Sans CN;
-                  font-weight: 500;
-                  font-size: 14px;
-                  color: #ebfeff;
+          }
+          .GasGl {
+            width: 40%;
+            font-family: Source Han Sans CN;
+            font-weight: bold;
+            font-size: 14px;
+            color: #34909f;
+            display: flex;
+            align-items: center;
+          }
+        }
+      }
+    }
+  }
+  .DrainageRisk {
+    margin-top: 5px;
+    width: 450px;
+    // height: 41%;
+    height: calc(100% - 240px);
+    // background: #b2cad6;
+  }
+}
+.WarningSisposal {
+  width: 450px;
+  height: 49%;
+  // background: red;
+  .WarningSj {
+    width: 450px;
+    height: 190px;
+    margin-top: 5px;
+    // background: yellowgreen;
+    .WarningList {
+      margin-top: 5px;
+      width: 425px;
+      height: 85%;
+      // background: yellow;
+      margin: auto;
+      .Warningpart {
+        margin-top: 5px;
+        .part {
+          width: 130px;
+          height: 160px;
+          background: url('@/assets/newImgs/iSpt.png') no-repeat;
+          background-size: 100% 100%;
+          .parttop {
+            height: 160px;
+            .upper {
+              height: 50%;
+              .Major {
+                height: 70%;
+                .upImg {
+                  width: 30px;
+                  height: 30px;
+                  position: relative;
+                  top: 20px;
+                  left: 38%;
                 }
               }
-              .Gasprogress {
-                width: 80%;
+              .lower {
+                height: 30%;
+                font-family: Source Han Sans CN;
+                font-weight: 500;
+                font-size: 14px;
+                color: #c1d3d4;
+                display: flex;
+                // align-items: center;
+                justify-content: center;
               }
             }
-            .middleextB {
-              width: 25%;
-              display: flex;
-              .GasNum {
-                width: 60%;
-                font-family: Source Han Sans CN;
-                font-weight: bold;
-                font-size: 20px;
-                color: #12f9ff;
+            .below {
+              height: 50%;
+              .handIn {
+                height: 50%;
                 display: flex;
                 align-items: center;
                 justify-content: center;
-              }
-              .GasGl {
-                width: 40%;
                 font-family: Source Han Sans CN;
                 font-weight: bold;
-                font-size: 14px;
-                color: #34909f;
+                font-size: 22px;
+                color: #12f9ff;
+              }
+              .oflower {
+                height: 50%;
                 display: flex;
-                align-items: center;
+                // align-items: center;
+                justify-content: center;
+                font-family: Source Han Sans CN;
+                font-weight: 500;
+                font-size: 14px;
+                color: #c1d3d4;
               }
             }
           }
         }
       }
-      .DrainageRisk {
-        margin-top: 5px;
-        width: 450px;
-        // height: 41%;
-        height: calc(100% - 255px);
-        // background: #b2cad6;
-      }
     }
-    .WarningSisposal {
-      width: 450px;
-      height: 50%;
-      .WarningSj {
-        width: 450px;
-        height: 190px;
-        margin-top: 15px;
-        // background: red;
-        .WarningList {
-          margin-top: 5px;
-          width: 425px;
-          height: 85%;
-          // background: yellow;
-          margin: auto;
-          .Warningpart {
-            margin-top: 5px;
-            .part {
-              width: 130px;
-              height: 160px;
-              background: url('@/assets/newImgs/iSpt.png') no-repeat;
-              background-size: 100% 100%;
-              .parttop {
-                height: 160px;
-                .upper {
-                  height: 50%;
-                  .Major {
-                    height: 70%;
-                    .upImg {
-                      width: 30px;
-                      height: 30px;
-                      position: relative;
-                      top: 20px;
-                      left: 38%;
-                    }
-                  }
-                  .lower {
-                    height: 30%;
-                    font-family: Source Han Sans CN;
-                    font-weight: 500;
-                    font-size: 14px;
-                    color: #c1d3d4;
-                    display: flex;
-                    // align-items: center;
-                    justify-content: center;
-                  }
-                }
-                .below {
-                  height: 50%;
-                  .handIn {
-                    height: 50%;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    font-family: Source Han Sans CN;
-                    font-weight: bold;
-                    font-size: 22px;
-                    color: #12f9ff;
-                  }
-                  .oflower {
-                    height: 50%;
-                    display: flex;
-                    // align-items: center;
-                    justify-content: center;
-                    font-family: Source Han Sans CN;
-                    font-weight: 500;
-                    font-size: 14px;
-                    color: #c1d3d4;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-      .WarningEcharts {
-        margin-top: 5px;
-        width: 450px;
-        // height: 38%;
-        height: calc(100% - 255px);
-        // background: red;
-      }
+  }
+  .WarningEcharts {
+    margin-top: 5px;
+    width: 450px;
+    // height: 38%;
+    height: calc(100% - 245px);
+    // background: rgb(228, 228, 228);
+  }
+}
+.partTitleHM {
+  top: 8px;
+  position: relative;
+  width: 408px;
+  height: 44px;
+  background: url('@/assets/newImgs/partBg.png') no-repeat;
+  background-size: 100% 100%;
+  font-family: PangMenZhengDao;
+  font-weight: 400;
+  font-size: 23px;
+  color: #ebfeff;
+  line-height: 44px;
+  padding-left: 35px;
+  margin-left: 10px;
+}
+.TopProportion {
+  display: flex;
+  width: 100%;
+  .riskMc {
+    display: flex;
+    width: 60%;
+    .icon {
+      margin-left: 5px;
+      width: 25px;
+      height: 25px;
+      background: url('@/assets/newImgs/xtb_img.png') no-repeat;
     }
-    .partTitleHM {
-      top: 8px;
-      position: relative;
-      width: 408px;
-      height: 44px;
-      background: url('@/assets/newImgs/partBg.png') no-repeat;
-      background-size: 100% 100%;
-      font-family: PangMenZhengDao;
-      font-weight: 400;
-      font-size: 23px;
+    .text {
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 14px;
       color: #ebfeff;
-      line-height: 44px;
-      padding-left: 35px;
-      margin-left: 10px;
+      line-height: 25px;
+      padding-left: 5px;
+      box-shadow: inset 0px -8px 10px -5px #47eef38a;
     }
-    .TopProportion {
+  }
+  .riskZs {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    width: 40%;
+    .eachDescribe {
       display: flex;
-      width: 100%;
-      .riskMc {
-        display: flex;
-        width: 60%;
-        .icon {
-          margin-left: 5px;
-          width: 25px;
-          height: 25px;
-          background: url('@/assets/newImgs/xtb_img.png') no-repeat;
-        }
-        .text {
-          font-family: Source Han Sans CN;
-          font-weight: bold;
-          font-size: 14px;
-          color: #ebfeff;
-          line-height: 25px;
-          padding-left: 5px;
-          box-shadow: inset 0px -8px 10px -5px #47eef38a;
-        }
+      align-items: center;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      // padding-top: 5px;
+      .icon {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
       }
-      .riskZs {
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        width: 40%;
-        .eachDescribe {
-          display: flex;
-          align-items: center;
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          // padding-top: 5px;
-          .icon {
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-          }
-          .bgcYellow {
-            background: #f8744bff;
-          }
-          .bgcblue {
-            background: #18ffff;
-          }
-          .text {
-            padding: 0 10px 0 6px;
-            font-family: Source Han Sans CN;
-            font-weight: 500;
-            font-size: 14px;
-            color: #c1d3d4;
-          }
-        }
+      .bgcYellow {
+        background: #f8744bff;
       }
-      .WarningSl {
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        width: 55%;
-        .eachDescribe {
-          display: flex;
-          align-items: center;
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          // padding-top: 5px;
-          .icon {
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-          }
-          .bgcYellow {
-            background: #2be7abff;
-          }
-          .bgcls {
-            background: #18a7f2ff;
-          }
-          .text {
-            padding: 0 10px 0 6px;
-            font-family: Source Han Sans CN;
-            font-weight: 500;
-            font-size: 14px;
-            color: #c1d3d4;
-          }
-        }
+      .bgcblue {
+        background: #18ffff;
       }
-      .WarningNy {
-        display: flex;
-        width: 45%;
-        .head-right {
-          cursor: pointer;
-          font-size: 14px;
-          color: #ffffff;
-          display: flex;
-          line-height: 18px;
-          .head-item {
-            width: 70px;
-            margin-right: 10px;
-            padding: 2px 3px;
-            background: #00344f;
-            height: 23px;
-            text-align: center;
-            position: relative;
-            left: 40px;
-          }
-          .activedright {
-            border: 1px solid #2cfce9;
-            color: #e4f5ff;
-            background: #166f84;
-          }
-        }
+      .text {
+        padding: 0 10px 0 6px;
+        font-family: Source Han Sans CN;
+        font-weight: 500;
+        font-size: 14px;
+        color: #c1d3d4;
       }
     }
   }
+  .WarningSl {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    width: 55%;
+    .eachDescribe {
+      display: flex;
+      align-items: center;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      // padding-top: 5px;
+      .icon {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+      }
+      .bgcYellow {
+        background: #2be7abff;
+      }
+      .bgcls {
+        background: #18a7f2ff;
+      }
+      .text {
+        padding: 0 10px 0 6px;
+        font-family: Source Han Sans CN;
+        font-weight: 500;
+        font-size: 14px;
+        color: #c1d3d4;
+      }
+    }
+  }
+  .WarningNy {
+    display: flex;
+    width: 45%;
+    .head-right {
+      cursor: pointer;
+      font-size: 14px;
+      color: #ffffff;
+      display: flex;
+      line-height: 18px;
+      .head-item {
+        width: 70px;
+        margin-right: 10px;
+        padding: 2px 3px;
+        background: #00344f;
+        height: 23px;
+        text-align: center;
+        position: relative;
+        left: 40px;
+      }
+      .activedright {
+        border: 1px solid #2cfce9;
+        color: #e4f5ff;
+        background: #166f84;
+      }
+    }
+  }
+}
+.ListBoxHeader {
+  height: 44px;
+  line-height: 50px;
+  width: 98%;
+  background: url('@/assets/newImgs/partBg.png') no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 7px 0px 0px 8px;
+  .ListBoxHeader_font {
+    font-family: PangMenZhengDao;
+    font-weight: 400;
+    font-size: 23px;
+    color: #ebfeff;
+    padding-left: 34px;
+  }
 }
 </style>
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 4a6974b..78b4803 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -2,7 +2,9 @@
 <template>
   <!-- 普查现状 -->
   <div class="CensusStatus">
-    <div class="partTitleHM">普查现状</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">普查现状</div>
+    </div>
     <div class="partTop">
       <div class="partTP flex flex-justcontent-spacebetween">
         <div class="part" v-for="(item, index) in tableData" :key="index">
@@ -58,7 +60,9 @@
   </div>
   <!-- 降雨预测 -->
   <div class="RainfallForecast">
-    <div class="partTitleHM">降雨预测</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">降雨预测</div>
+    </div>
     <div class="RainfallTop">
       <div class="subRightBox">
         <div
@@ -84,7 +88,9 @@
   </div>
   <!-- 群众反馈 -->
   <div class="PublicFeedback">
-    <div class="partTitleHM">群众反馈</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">群众反馈</div>
+    </div>
     <div class="BarChart"></div>
   </div>
 </template>
@@ -142,14 +148,11 @@
 <style lang="scss" scoped>
 .CensusStatus {
   width: 450px;
-  height: 45%;
-  // background: red;
+  height: 44%;
   .partTop {
     width: 450px;
-    height: calc(100% - 60px);
-    position: relative;
-    top: 15px;
-    // background: yellow;
+    height: calc(100% - 55px);
+    margin-top: 5px;
     .partTP {
       width: 430px;
       height: 85px;
@@ -261,12 +264,11 @@
 }
 .RainfallForecast {
   width: 450px;
-  height: 30%;
+  height: 28%;
   .RainfallTop {
     width: 450px;
-    height: calc(100% - 60px);
-    position: relative;
-    top: 10px;
+    height: calc(100% - 52px);
+    margin-top: 5px;
     .subRightBox {
       width: 440px;
       margin: 0 auto;
@@ -275,9 +277,8 @@
       cursor: pointer;
       font-size: 14px;
       color: #ffffff;
-
       .headcenter {
-        width: 100px;
+        width: 98px;
         height: 26px;
         padding: 2px 3px;
         background: #00344f;
@@ -332,28 +333,32 @@
 .PublicFeedback {
   width: 450px;
   height: 25%;
+
   .BarChart {
-    margin: 15px auto;
+    margin: 8px auto;
     width: 420px;
-    height: calc(100% - 65px);
+    height: calc(100% - 60px);
     background: url('@/assets/images/zhps/bingtu.png') no-repeat;
     background-size: 100% 100%;
   }
 }
-.partTitleHM {
-  top: 8px;
-  position: relative;
-  width: 408px;
+.ListBoxHeader {
   height: 44px;
+  line-height: 50px;
+  width: 98%;
   background: url('@/assets/newImgs/partBg.png') no-repeat;
   background-size: 100% 100%;
-  font-family: PangMenZhengDao;
-  font-weight: 400;
-  font-size: 23px;
-  color: #ebfeff;
-  line-height: 44px;
-  padding-left: 35px;
-  margin-left: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 7px 0px 0px 8px;
+  .ListBoxHeader_font {
+    font-family: PangMenZhengDao;
+    font-weight: 400;
+    font-size: 23px;
+    color: #ebfeff;
+    padding-left: 34px;
+  }
 }
 ::-webkit-scrollbar {
   width: 5px; /* 设置滚动条的宽度 */
diff --git a/src/views/oneMap/SmartDrainage/PsRightBox.vue b/src/views/oneMap/SmartDrainage/PsRightBox.vue
index 2f17601..7b11990 100644
--- a/src/views/oneMap/SmartDrainage/PsRightBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsRightBox.vue
@@ -2,7 +2,9 @@
 <template>
   <!-- 风险评估 -->
   <div class="riskAssessment">
-    <div class="partTitleHM">风险评估</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">风险评估</div>
+    </div>
     <div class="Assessmentop">
       <div class="subRightBox">
         <div
@@ -47,7 +49,9 @@
   </div>
   <!-- 预警来源 -->
   <div class="WarningSou">
-    <div class="partTitleHM">预警来源</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">预警来源</div>
+    </div>
     <div class="WarningSouTop">
       <div class="WarningList">
         <div class="WarningNy">
@@ -69,7 +73,9 @@
   </div>
   <!-- 风险评估预警与处置评估 -->
   <div class="WarningAssess">
-    <div class="partTitleHM">风险评估预警与处置评估</div>
+    <div class="ListBoxHeader">
+      <div class="ListBoxHeader_font">风险评估预警与处置评估</div>
+    </div>
     <div class="TopProportion">
       <div class="WarningSl">
         <div class="eachDescribe">
@@ -144,14 +150,11 @@
 <style lang="scss" scoped>
 .riskAssessment {
   width: 450px;
-  height: 45%;
+  height: 43%;
 
   .Assessmentop {
-    position: relative;
-    top: 13px;
     width: 450px;
-    height: calc(100% - 60px);
-
+    height: calc(100% - 50px);
     .subRightBox {
       // background: #2cfce9;
       width: 440px;
@@ -163,7 +166,7 @@
       color: #ffffff;
       line-height: 25px;
       .headcenter {
-        width: 136px;
+        width: 132px;
         height: 30px;
         padding: 2px 3px;
         background: url('@/assets/images/zhps/fxpgw.png') no-repeat;
@@ -181,12 +184,9 @@
     }
     .leftSubTabsBox {
       width: 440px;
-      margin: 8px auto;
       height: calc(100% - 50px);
-
       .tabContent {
         height: calc(100% - 1px);
-
         ul {
           height: 100%;
           // overflow: hidden;
@@ -194,7 +194,7 @@
           padding: 0 16px;
           list-style: none;
           .listOne {
-            margin-top: 16px;
+            margin-top: 5px;
             background: linear-gradient(0deg, #008599 0%, #08596d 100%);
             border-radius: 4px;
             padding: 2px 20px;
@@ -266,21 +266,17 @@
 }
 .WarningSou {
   width: 450px;
-  height: 27%;
+  height: 26%;
 
   .WarningSouTop {
     margin: 0 auto;
     width: 430px;
-    height: calc(100% - 60px);
-    position: relative;
-    top: 10px;
+    height: calc(100% - 55px);
     // background: red;
-
     .WarningList {
       margin-top: 5px;
       display: flex;
       width: 100%;
-
       .WarningNy {
         width: 100%;
         .head-right {
@@ -319,13 +315,11 @@
 .WarningAssess {
   width: 450px;
   height: 27%;
-  // background: #2cfce9;
+
   .TopProportion {
-    position: relative;
-    top: 12px;
+    margin-top: 5px;
     display: flex;
     width: 100%;
-    // background: red;
     .WarningSl {
       display: flex;
       justify-content: space-around;
@@ -385,27 +379,31 @@
     }
   }
   .fxChart {
-    // background: yellow;
-    margin: 15px auto;
+    margin: 5px auto;
     width: 420px;
     height: calc(100% - 80px);
   }
 }
-.partTitleHM {
-  top: 8px;
-  position: relative;
-  width: 408px;
+
+.ListBoxHeader {
   height: 44px;
+  line-height: 50px;
+  width: 98%;
   background: url('@/assets/newImgs/partBg.png') no-repeat;
   background-size: 100% 100%;
-  font-family: PangMenZhengDao;
-  font-weight: 400;
-  font-size: 23px;
-  color: #ebfeff;
-  line-height: 44px;
-  padding-left: 35px;
-  margin-left: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 7px 0px 0px 8px;
+  .ListBoxHeader_font {
+    font-family: PangMenZhengDao;
+    font-weight: 400;
+    font-size: 23px;
+    color: #ebfeff;
+    padding-left: 34px;
+  }
 }
+
 ::-webkit-scrollbar {
   width: 5px; /* 设置滚动条的宽度 */
 }