diff --git a/src/views/sponeScreen/Echarts/RainfallLegend.vue b/src/views/sponeScreen/Echarts/RainfallLegend.vue
index 1c83534..7c03214 100644
--- a/src/views/sponeScreen/Echarts/RainfallLegend.vue
+++ b/src/views/sponeScreen/Echarts/RainfallLegend.vue
@@ -132,6 +132,8 @@
             symbolSize: 10,
             name: '降雨量',
             type: 'line',
+            animationDuration: 8000, // 动画持续时间
+            animationEasing: 'cubicInOut',
             data: props.data.data1,
             itemStyle: {
               borderWidth: 5,
@@ -143,13 +145,15 @@
             coordinateSystem: 'cartesian2d',
             symbolSize: 30,
             polyline: true,
+
             effect: {
               show: true,
               trailLength: 0,
               symbol: 'arrow',
-              period: 30, //光点滑动速度
+              period: 25, //光点滑动速度
               symbolSize: 15,
             },
+
             lineStyle: {
               width: 1,
               opacity: 0.6,

diff --git a/src/views/sponeScreen/Echarts/RainfallLegend.vue b/src/views/sponeScreen/Echarts/RainfallLegend.vue
index 1c83534..7c03214 100644
--- a/src/views/sponeScreen/Echarts/RainfallLegend.vue
+++ b/src/views/sponeScreen/Echarts/RainfallLegend.vue
@@ -132,6 +132,8 @@
             symbolSize: 10,
             name: '降雨量',
             type: 'line',
+            animationDuration: 8000, // 动画持续时间
+            animationEasing: 'cubicInOut',
             data: props.data.data1,
             itemStyle: {
               borderWidth: 5,
@@ -143,13 +145,15 @@
             coordinateSystem: 'cartesian2d',
             symbolSize: 30,
             polyline: true,
+
             effect: {
               show: true,
               trailLength: 0,
               symbol: 'arrow',
-              period: 30, //光点滑动速度
+              period: 25, //光点滑动速度
               symbolSize: 15,
             },
+
             lineStyle: {
               width: 1,
               opacity: 0.6,
diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
index 73fb6a5..de678d6 100644
--- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue
+++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
@@ -190,6 +190,8 @@
         align-items: center;
         font-family: SourceHanSansCN-Regular;
         font-weight: 300;
+        z-index: 1000;
+        cursor: pointer;
         // background: red;
         .unit {
           padding-top: 2px;

diff --git a/src/views/sponeScreen/Echarts/RainfallLegend.vue b/src/views/sponeScreen/Echarts/RainfallLegend.vue
index 1c83534..7c03214 100644
--- a/src/views/sponeScreen/Echarts/RainfallLegend.vue
+++ b/src/views/sponeScreen/Echarts/RainfallLegend.vue
@@ -132,6 +132,8 @@
             symbolSize: 10,
             name: '降雨量',
             type: 'line',
+            animationDuration: 8000, // 动画持续时间
+            animationEasing: 'cubicInOut',
             data: props.data.data1,
             itemStyle: {
               borderWidth: 5,
@@ -143,13 +145,15 @@
             coordinateSystem: 'cartesian2d',
             symbolSize: 30,
             polyline: true,
+
             effect: {
               show: true,
               trailLength: 0,
               symbol: 'arrow',
-              period: 30, //光点滑动速度
+              period: 25, //光点滑动速度
               symbolSize: 15,
             },
+
             lineStyle: {
               width: 1,
               opacity: 0.6,
diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
index 73fb6a5..de678d6 100644
--- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue
+++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
@@ -190,6 +190,8 @@
         align-items: center;
         font-family: SourceHanSansCN-Regular;
         font-weight: 300;
+        z-index: 1000;
+        cursor: pointer;
         // background: red;
         .unit {
           padding-top: 2px;
diff --git a/src/views/spongePerformance/mainIndex/index.scss b/src/views/spongePerformance/mainIndex/index.scss
index 8c7c976..97901e4 100644
--- a/src/views/spongePerformance/mainIndex/index.scss
+++ b/src/views/spongePerformance/mainIndex/index.scss
@@ -213,8 +213,8 @@
   }
   .three {
     height: 32.8vh;
-    width: 100%;
-
+    width: 98%;
+    background: #003b6d;
     .left {
       display: flex;
       background: #003b6d;

diff --git a/src/views/sponeScreen/Echarts/RainfallLegend.vue b/src/views/sponeScreen/Echarts/RainfallLegend.vue
index 1c83534..7c03214 100644
--- a/src/views/sponeScreen/Echarts/RainfallLegend.vue
+++ b/src/views/sponeScreen/Echarts/RainfallLegend.vue
@@ -132,6 +132,8 @@
             symbolSize: 10,
             name: '降雨量',
             type: 'line',
+            animationDuration: 8000, // 动画持续时间
+            animationEasing: 'cubicInOut',
             data: props.data.data1,
             itemStyle: {
               borderWidth: 5,
@@ -143,13 +145,15 @@
             coordinateSystem: 'cartesian2d',
             symbolSize: 30,
             polyline: true,
+
             effect: {
               show: true,
               trailLength: 0,
               symbol: 'arrow',
-              period: 30, //光点滑动速度
+              period: 25, //光点滑动速度
               symbolSize: 15,
             },
+
             lineStyle: {
               width: 1,
               opacity: 0.6,
diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
index 73fb6a5..de678d6 100644
--- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue
+++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
@@ -190,6 +190,8 @@
         align-items: center;
         font-family: SourceHanSansCN-Regular;
         font-weight: 300;
+        z-index: 1000;
+        cursor: pointer;
         // background: red;
         .unit {
           padding-top: 2px;
diff --git a/src/views/spongePerformance/mainIndex/index.scss b/src/views/spongePerformance/mainIndex/index.scss
index 8c7c976..97901e4 100644
--- a/src/views/spongePerformance/mainIndex/index.scss
+++ b/src/views/spongePerformance/mainIndex/index.scss
@@ -213,8 +213,8 @@
   }
   .three {
     height: 32.8vh;
-    width: 100%;
-
+    width: 98%;
+    background: #003b6d;
     .left {
       display: flex;
       background: #003b6d;
diff --git a/src/views/spongePerformance/mainIndex/index.vue b/src/views/spongePerformance/mainIndex/index.vue
index b141c0e..21d32e8 100644
--- a/src/views/spongePerformance/mainIndex/index.vue
+++ b/src/views/spongePerformance/mainIndex/index.vue
@@ -93,8 +93,8 @@
         </div>
       </div>
     </div> -->
-    <div class="three flex">
-      <div class="left flex flexClass" style="overflow-y: auto">
+    <div class="three flex" style="overflow-y: auto">
+      <div class="left flex flexClass">
         <!-- 内涝防治 -->
         <div class="nnfzbz" v-for="(i, index) in threeLeftDate">
           <div style="margin: 10px 0">