diff --git a/src/assets/newImgs/HMScreen/milepost_img.png b/src/assets/newImgs/HMScreen/milepost_img.png
new file mode 100644
index 0000000..7d5a407
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/milepost_img.png
Binary files differ

diff --git a/src/assets/newImgs/HMScreen/milepost_img.png b/src/assets/newImgs/HMScreen/milepost_img.png
new file mode 100644
index 0000000..7d5a407
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/milepost_img.png
Binary files differ
diff --git a/src/assets/styles/publicXG.scss b/src/assets/styles/publicXG.scss
index e5b0b03..d40e4a5 100644
--- a/src/assets/styles/publicXG.scss
+++ b/src/assets/styles/publicXG.scss
@@ -491,3 +491,20 @@
   z-index: 220;
   padding: 10px;
 }
+.headHM{
+  height: 174px;
+  width: 920px;
+  position: absolute;
+  top: 0px;
+  left: 26%;
+  background: url('@/assets/newImgs/HMScreen/milepost_img.png') no-repeat;
+  background-size: 100% 100%;
+  // background: red;
+}
+*::-webkit-scrollbar {
+  width: 5px; /* 定义滚动条的宽度 */
+  // height: 5px;
+}
+
+
+

diff --git a/src/assets/newImgs/HMScreen/milepost_img.png b/src/assets/newImgs/HMScreen/milepost_img.png
new file mode 100644
index 0000000..7d5a407
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/milepost_img.png
Binary files differ
diff --git a/src/assets/styles/publicXG.scss b/src/assets/styles/publicXG.scss
index e5b0b03..d40e4a5 100644
--- a/src/assets/styles/publicXG.scss
+++ b/src/assets/styles/publicXG.scss
@@ -491,3 +491,20 @@
   z-index: 220;
   padding: 10px;
 }
+.headHM{
+  height: 174px;
+  width: 920px;
+  position: absolute;
+  top: 0px;
+  left: 26%;
+  background: url('@/assets/newImgs/HMScreen/milepost_img.png') no-repeat;
+  background-size: 100% 100%;
+  // background: red;
+}
+*::-webkit-scrollbar {
+  width: 5px; /* 定义滚动条的宽度 */
+  // height: 5px;
+}
+
+
+
diff --git a/src/views/sponeScreen/cityGK/CurrentIssues.vue b/src/views/sponeScreen/cityGK/CurrentIssues.vue
index 90a8d2b..49670c8 100644
--- a/src/views/sponeScreen/cityGK/CurrentIssues.vue
+++ b/src/views/sponeScreen/cityGK/CurrentIssues.vue
@@ -90,7 +90,7 @@
 <style lang="scss" scoped>
 .a {
   margin-top: 5px;
-  height: 260px;
+  // height: 260px;
   //   background: red;
   .HeadContent {
     width: 100%;

diff --git a/src/assets/newImgs/HMScreen/milepost_img.png b/src/assets/newImgs/HMScreen/milepost_img.png
new file mode 100644
index 0000000..7d5a407
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/milepost_img.png
Binary files differ
diff --git a/src/assets/styles/publicXG.scss b/src/assets/styles/publicXG.scss
index e5b0b03..d40e4a5 100644
--- a/src/assets/styles/publicXG.scss
+++ b/src/assets/styles/publicXG.scss
@@ -491,3 +491,20 @@
   z-index: 220;
   padding: 10px;
 }
+.headHM{
+  height: 174px;
+  width: 920px;
+  position: absolute;
+  top: 0px;
+  left: 26%;
+  background: url('@/assets/newImgs/HMScreen/milepost_img.png') no-repeat;
+  background-size: 100% 100%;
+  // background: red;
+}
+*::-webkit-scrollbar {
+  width: 5px; /* 定义滚动条的宽度 */
+  // height: 5px;
+}
+
+
+
diff --git a/src/views/sponeScreen/cityGK/CurrentIssues.vue b/src/views/sponeScreen/cityGK/CurrentIssues.vue
index 90a8d2b..49670c8 100644
--- a/src/views/sponeScreen/cityGK/CurrentIssues.vue
+++ b/src/views/sponeScreen/cityGK/CurrentIssues.vue
@@ -90,7 +90,7 @@
 <style lang="scss" scoped>
 .a {
   margin-top: 5px;
-  height: 260px;
+  // height: 260px;
   //   background: red;
   .HeadContent {
     width: 100%;
diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue
index 1d99508..295f6a9 100644
--- a/src/views/sponeScreen/cityGK/index.vue
+++ b/src/views/sponeScreen/cityGK/index.vue
@@ -45,6 +45,9 @@
       </div>
     </div>
 
+    <!-- 头部 -->
+    <div class="headHM"></div>
+
     <div class="publicRightHM">
       <!-- 城市规划 -->
       <cityplanning></cityplanning>

diff --git a/src/assets/newImgs/HMScreen/milepost_img.png b/src/assets/newImgs/HMScreen/milepost_img.png
new file mode 100644
index 0000000..7d5a407
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/milepost_img.png
Binary files differ
diff --git a/src/assets/styles/publicXG.scss b/src/assets/styles/publicXG.scss
index e5b0b03..d40e4a5 100644
--- a/src/assets/styles/publicXG.scss
+++ b/src/assets/styles/publicXG.scss
@@ -491,3 +491,20 @@
   z-index: 220;
   padding: 10px;
 }
+.headHM{
+  height: 174px;
+  width: 920px;
+  position: absolute;
+  top: 0px;
+  left: 26%;
+  background: url('@/assets/newImgs/HMScreen/milepost_img.png') no-repeat;
+  background-size: 100% 100%;
+  // background: red;
+}
+*::-webkit-scrollbar {
+  width: 5px; /* 定义滚动条的宽度 */
+  // height: 5px;
+}
+
+
+
diff --git a/src/views/sponeScreen/cityGK/CurrentIssues.vue b/src/views/sponeScreen/cityGK/CurrentIssues.vue
index 90a8d2b..49670c8 100644
--- a/src/views/sponeScreen/cityGK/CurrentIssues.vue
+++ b/src/views/sponeScreen/cityGK/CurrentIssues.vue
@@ -90,7 +90,7 @@
 <style lang="scss" scoped>
 .a {
   margin-top: 5px;
-  height: 260px;
+  // height: 260px;
   //   background: red;
   .HeadContent {
     width: 100%;
diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue
index 1d99508..295f6a9 100644
--- a/src/views/sponeScreen/cityGK/index.vue
+++ b/src/views/sponeScreen/cityGK/index.vue
@@ -45,6 +45,9 @@
       </div>
     </div>
 
+    <!-- 头部 -->
+    <div class="headHM"></div>
+
     <div class="publicRightHM">
       <!-- 城市规划 -->
       <cityplanning></cityplanning>
diff --git a/src/views/sponeScreen/cityGK/rainfall.vue b/src/views/sponeScreen/cityGK/rainfall.vue
index 17a7b23..c3f2b38 100644
--- a/src/views/sponeScreen/cityGK/rainfall.vue
+++ b/src/views/sponeScreen/cityGK/rainfall.vue
@@ -1,28 +1,26 @@
 <template>
-  <div class="a">
-    <div class="partTitleHM">
-      降雨特征
-      <div class="head-right" style="">
-        <div
-          class="head-item"
-          v-for="(item, index) in yearList"
-          :key="item"
-          :class="activedname == item.name ? 'activedright' : ''"
-          @click="yearclick(item, index)"
-        >
-          {{ item.name }}
-        </div>
+  <div class="partTitleHM">
+    降雨特征
+    <div class="head-right" style="">
+      <div
+        class="head-item"
+        v-for="(item, index) in yearList"
+        :key="item"
+        :class="activedname == item.name ? 'activedright' : ''"
+        @click="yearclick(item, index)"
+      >
+        {{ item.name }}
       </div>
     </div>
+  </div>
 
-    <div class="partContHM">
-      <div class="HeadContent" v-if="activedname == '年际降雨变化'">丰、枯年交替出现，且降雨量变化幅度大</div>
-      <div class="HeadContent" v-else>年内降雨量分配不均匀，冬季干旱，雨雪稀少</div>
-      <div class="box-body">
-        <div style="height: 100%">
-          <RainfallEcharts :data="chartData2" :refresh="chartData2.refresh" v-if="activedname == '年际降雨变化'"></RainfallEcharts>
-          <RainfallLegend :data="chartData3" :refresh1="chartData3.refresh1" v-else></RainfallLegend>
-        </div>
+  <div class="partContHM">
+    <div class="HeadContent" v-if="activedname == '年际降雨变化'">丰、枯年交替出现，且降雨量变化幅度大</div>
+    <div class="HeadContent" v-else>年内降雨量分配不均匀，冬季干旱，雨雪稀少</div>
+    <div class="box-body">
+      <div style="height: 100%">
+        <RainfallEcharts :data="chartData2" :refresh="chartData2.refresh" v-if="activedname == '年际降雨变化'"></RainfallEcharts>
+        <RainfallLegend :data="chartData3" :refresh1="chartData3.refresh1" v-else></RainfallLegend>
       </div>
     </div>
   </div>
@@ -81,52 +79,50 @@
 </script>
 
 <style lang="scss" scoped>
-.a {
-  height: 290px;
-  // background: red;
-  .HeadContent {
-    width: 100%;
-    height: 30px;
-    background: #2270ff;
+// height: 260px;
+// background: red;
+.HeadContent {
+  width: 100%;
+  height: 30px;
+  background: #2270ff;
+  text-align: center;
+  line-height: 30px;
+  color: #ffffff;
+}
+.box-body {
+  height: calc(100vh - 740px);
+  padding-left: 5px;
+  position: relative;
+  overflow: auto;
+}
+.head-right {
+  cursor: pointer;
+  position: relative;
+  font-size: 14px;
+  left: 200px;
+  top: -32px;
+  color: #ffffff;
+  display: flex;
+  max-width: 200px;
+  overflow: hidden;
+  overflow-x: auto;
+  line-height: 18px;
+
+  .head-item {
+    margin-left: 10px;
+    padding: 2px 3px;
+    border: 1px solid transparent;
+    background: #013a73;
+    height: 23px;
     text-align: center;
-    line-height: 30px;
-    color: #ffffff;
+    min-width: 42px;
+    border: 1px solid #2270ff;
   }
-  .box-body {
-    height: calc(100vh - 740px);
-    padding-left: 5px;
-    position: relative;
-    overflow: auto;
-  }
-  .head-right {
-    cursor: pointer;
-    position: relative;
-    font-size: 14px;
-    left: 200px;
-    top: -32px;
-    color: #fffff;
-    display: flex;
-    max-width: 200px;
-    overflow: hidden;
-    overflow-x: auto;
-    line-height: 18px;
 
-    .head-item {
-      margin-left: 10px;
-      padding: 2px 3px;
-      border: 1px solid transparent;
-      background: #013a73;
-      height: 23px;
-      text-align: center;
-      min-width: 42px;
-      border: 1px solid #2270ff;
-    }
-
-    .activedright {
-      border: 1px solid #2cfce9;
-      color: #e4f5ff;
-      background: #166f84;
-    }
+  .activedright {
+    border: 1px solid #2cfce9;
+    color: #e4f5ff;
+    background: #166f84;
   }
 }
 </style>

diff --git a/src/assets/newImgs/HMScreen/milepost_img.png b/src/assets/newImgs/HMScreen/milepost_img.png
new file mode 100644
index 0000000..7d5a407
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/milepost_img.png
Binary files differ
diff --git a/src/assets/styles/publicXG.scss b/src/assets/styles/publicXG.scss
index e5b0b03..d40e4a5 100644
--- a/src/assets/styles/publicXG.scss
+++ b/src/assets/styles/publicXG.scss
@@ -491,3 +491,20 @@
   z-index: 220;
   padding: 10px;
 }
+.headHM{
+  height: 174px;
+  width: 920px;
+  position: absolute;
+  top: 0px;
+  left: 26%;
+  background: url('@/assets/newImgs/HMScreen/milepost_img.png') no-repeat;
+  background-size: 100% 100%;
+  // background: red;
+}
+*::-webkit-scrollbar {
+  width: 5px; /* 定义滚动条的宽度 */
+  // height: 5px;
+}
+
+
+
diff --git a/src/views/sponeScreen/cityGK/CurrentIssues.vue b/src/views/sponeScreen/cityGK/CurrentIssues.vue
index 90a8d2b..49670c8 100644
--- a/src/views/sponeScreen/cityGK/CurrentIssues.vue
+++ b/src/views/sponeScreen/cityGK/CurrentIssues.vue
@@ -90,7 +90,7 @@
 <style lang="scss" scoped>
 .a {
   margin-top: 5px;
-  height: 260px;
+  // height: 260px;
   //   background: red;
   .HeadContent {
     width: 100%;
diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue
index 1d99508..295f6a9 100644
--- a/src/views/sponeScreen/cityGK/index.vue
+++ b/src/views/sponeScreen/cityGK/index.vue
@@ -45,6 +45,9 @@
       </div>
     </div>
 
+    <!-- 头部 -->
+    <div class="headHM"></div>
+
     <div class="publicRightHM">
       <!-- 城市规划 -->
       <cityplanning></cityplanning>
diff --git a/src/views/sponeScreen/cityGK/rainfall.vue b/src/views/sponeScreen/cityGK/rainfall.vue
index 17a7b23..c3f2b38 100644
--- a/src/views/sponeScreen/cityGK/rainfall.vue
+++ b/src/views/sponeScreen/cityGK/rainfall.vue
@@ -1,28 +1,26 @@
 <template>
-  <div class="a">
-    <div class="partTitleHM">
-      降雨特征
-      <div class="head-right" style="">
-        <div
-          class="head-item"
-          v-for="(item, index) in yearList"
-          :key="item"
-          :class="activedname == item.name ? 'activedright' : ''"
-          @click="yearclick(item, index)"
-        >
-          {{ item.name }}
-        </div>
+  <div class="partTitleHM">
+    降雨特征
+    <div class="head-right" style="">
+      <div
+        class="head-item"
+        v-for="(item, index) in yearList"
+        :key="item"
+        :class="activedname == item.name ? 'activedright' : ''"
+        @click="yearclick(item, index)"
+      >
+        {{ item.name }}
       </div>
     </div>
+  </div>
 
-    <div class="partContHM">
-      <div class="HeadContent" v-if="activedname == '年际降雨变化'">丰、枯年交替出现，且降雨量变化幅度大</div>
-      <div class="HeadContent" v-else>年内降雨量分配不均匀，冬季干旱，雨雪稀少</div>
-      <div class="box-body">
-        <div style="height: 100%">
-          <RainfallEcharts :data="chartData2" :refresh="chartData2.refresh" v-if="activedname == '年际降雨变化'"></RainfallEcharts>
-          <RainfallLegend :data="chartData3" :refresh1="chartData3.refresh1" v-else></RainfallLegend>
-        </div>
+  <div class="partContHM">
+    <div class="HeadContent" v-if="activedname == '年际降雨变化'">丰、枯年交替出现，且降雨量变化幅度大</div>
+    <div class="HeadContent" v-else>年内降雨量分配不均匀，冬季干旱，雨雪稀少</div>
+    <div class="box-body">
+      <div style="height: 100%">
+        <RainfallEcharts :data="chartData2" :refresh="chartData2.refresh" v-if="activedname == '年际降雨变化'"></RainfallEcharts>
+        <RainfallLegend :data="chartData3" :refresh1="chartData3.refresh1" v-else></RainfallLegend>
       </div>
     </div>
   </div>
@@ -81,52 +79,50 @@
 </script>
 
 <style lang="scss" scoped>
-.a {
-  height: 290px;
-  // background: red;
-  .HeadContent {
-    width: 100%;
-    height: 30px;
-    background: #2270ff;
+// height: 260px;
+// background: red;
+.HeadContent {
+  width: 100%;
+  height: 30px;
+  background: #2270ff;
+  text-align: center;
+  line-height: 30px;
+  color: #ffffff;
+}
+.box-body {
+  height: calc(100vh - 740px);
+  padding-left: 5px;
+  position: relative;
+  overflow: auto;
+}
+.head-right {
+  cursor: pointer;
+  position: relative;
+  font-size: 14px;
+  left: 200px;
+  top: -32px;
+  color: #ffffff;
+  display: flex;
+  max-width: 200px;
+  overflow: hidden;
+  overflow-x: auto;
+  line-height: 18px;
+
+  .head-item {
+    margin-left: 10px;
+    padding: 2px 3px;
+    border: 1px solid transparent;
+    background: #013a73;
+    height: 23px;
     text-align: center;
-    line-height: 30px;
-    color: #ffffff;
+    min-width: 42px;
+    border: 1px solid #2270ff;
   }
-  .box-body {
-    height: calc(100vh - 740px);
-    padding-left: 5px;
-    position: relative;
-    overflow: auto;
-  }
-  .head-right {
-    cursor: pointer;
-    position: relative;
-    font-size: 14px;
-    left: 200px;
-    top: -32px;
-    color: #fffff;
-    display: flex;
-    max-width: 200px;
-    overflow: hidden;
-    overflow-x: auto;
-    line-height: 18px;
 
-    .head-item {
-      margin-left: 10px;
-      padding: 2px 3px;
-      border: 1px solid transparent;
-      background: #013a73;
-      height: 23px;
-      text-align: center;
-      min-width: 42px;
-      border: 1px solid #2270ff;
-    }
-
-    .activedright {
-      border: 1px solid #2cfce9;
-      color: #e4f5ff;
-      background: #166f84;
-    }
+  .activedright {
+    border: 1px solid #2cfce9;
+    color: #e4f5ff;
+    background: #166f84;
   }
 }
 </style>
diff --git a/src/views/sponeScreen/gisMF/legendKF.vue b/src/views/sponeScreen/gisMF/legendKF.vue
index cfeaa67..23e5a62 100644
--- a/src/views/sponeScreen/gisMF/legendKF.vue
+++ b/src/views/sponeScreen/gisMF/legendKF.vue
@@ -118,11 +118,16 @@
   left: 500px;
   bottom: 60px;
   z-index: 205;
+  // background: red;
+  width: 347px;
+  height: 554px;
+  overflow-x: hidden;
+  overflow-y: auto;
   .publicLegend {
     width: 347px;
     height: 654px;
     background: #003b6d;
-    border: 1px solid #6acefe;
+    // border: 1px solid #6acefe;
     opacity: 0.8;
     .legendTitle {
       width: 345px;