diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 967b0a5..1c04061 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -5,10 +5,13 @@
     <GisMapMF v-if="menuIndex != 3"></GisMapMF>
 
     <!-- 图例 -->
-    <Legend :showLegend="showLegend" :class="['animate__animated', showPanel ? 'animate__fadeInUp' : 'animate__fadeInUp']"></Legend>
+    <Legend
+      :showLegend="showLegend"
+      :class="['animate__animated', showPanel ? 'animate__fadeInUp left30' : 'animate__fadeInUp left480']"
+    ></Legend>
 
     <!-- 控制面板按钮 -->
-    <div :class="['controlHM', showPanel ? 'right30' : 'right520']" v-if="menuIndex != 3">
+    <div :class="['controlHM', showPanel ? 'right30' : 'right480']" v-if="menuIndex != 3">
       <img src="@/assets/newImgs/HMScreen/iconLegend.png" alt="" title="图例控制" @click="controlLegend" />
       <img src="@/assets/newImgs/HMScreen/iconPane.png" alt="" title="展开收起" @click="controlPanel" />
     </div>
@@ -61,7 +64,7 @@
 import WaterFlood from '@/views/sponeScreen/waterFlood/index.vue'; //排水防涝
 import LongYW from '@/views/sponeScreen/longYW/index.vue'; //长效运维
 import axios from 'axios';
-import NewFiberMapUtils from "@/utils/gis/NewFiberMapUtils";
+import NewFiberMapUtils from '@/utils/gis/NewFiberMapUtils';
 
 const { proxy } = getCurrentInstance();
 const router = useRouter();
@@ -206,10 +209,16 @@
     left: 0px;
     z-index: 220;
   }
+  .left30 {
+    left: 30px;
+  }
+  .left480 {
+    left: 480px;
+  }
   .right30 {
     right: 30px;
   }
-  .right520 {
+  .right480 {
     right: 480px;
   }
   .controlHM {
@@ -235,13 +244,12 @@
     background-size: 100% 100%;
   }
 }
-
 </style>
 <!-- 弹框同统一样式 -->
 <style lang="scss">
 .pmpSitNewDialog {
   border-radius: 7px;
-  background: linear-gradient(0deg, #005CBA  0%,  #000F26  100%);
+  background: linear-gradient(0deg, #005cba 0%, #000f26 100%);
   pointer-events: all;
   .el-dialog__header {
     height: 46px;
@@ -278,7 +286,7 @@
 
   .el-dialog__body {
     width: 100%;
-   background: linear-gradient(0deg, #005CBA  0%,  #000F26  100%);
+    background: linear-gradient(0deg, #005cba 0%, #000f26 100%);
   }
   &.monitor {
     .el-dialog__body {