diff --git a/src/views/Home/components/Business/SiYu/components/FloodPreview/count.js b/src/views/Home/components/Business/SiYu/components/FloodPreview/count.js
index bb0c28d..9bcaa44 100644
--- a/src/views/Home/components/Business/SiYu/components/FloodPreview/count.js
+++ b/src/views/Home/components/Business/SiYu/components/FloodPreview/count.js
@@ -7,19 +7,19 @@ const Page = ({data={}}) => {
             <div className="forecast-section-count">
                 <div className="forecast-section-countBox">
                     <div className='forecast-section-countItem'>
-                    <div className='forecast-section-countItem-num'>{1.18||0}<span style={{fontSize:"14px"}}>km²</span></div>
+                    <div className='forecast-section-countItem-num'>{1.18||0}<span>km²</span></div>
                         <div className='forecast-section-countItem-text'>受灾面积</div>
                     </div>
                 </div>
                 <div className="forecast-section-countBox">
                     <div className='forecast-section-countItem'>
-                        <div className='forecast-section-countItem-num'>{2||0}<span style={{fontSize:"14px"}}>个</span></div>
+                        <div className='forecast-section-countItem-num'>{2||0}<span>个</span></div>
                         <div className='forecast-section-countItem-text'>受灾村庄</div>
                     </div>
                 </div>
                 <div className="forecast-section-countBox">
                     <div className='forecast-section-countItem'>
-                        <div className='forecast-section-countItem-num'>{217||0}<span style={{fontSize:"14px"}}>人</span></div>
+                        <div className='forecast-section-countItem-num'>{217||0}<span>人</span></div>
                         <div className='forecast-section-countItem-text'>受灾人口</div>
                     </div>
                 </div>
diff --git a/src/views/Home/components/Business/SiYu/components/FloodPreview/index.js b/src/views/Home/components/Business/SiYu/components/FloodPreview/index.js
index 48cd9cc..6b1af7f 100644
--- a/src/views/Home/components/Business/SiYu/components/FloodPreview/index.js
+++ b/src/views/Home/components/Business/SiYu/components/FloodPreview/index.js
@@ -70,9 +70,6 @@ const FloodPreview = ({setPlanData}) => {
         setData(data||{})
     };
 
-
-
-    console.log(radio);
     return (
         <div className="flood-preview-section">
             <div className="section-title">
@@ -98,7 +95,7 @@ const FloodPreview = ({setPlanData}) => {
                 24小时降雨500mm（100年一遇）
             </div>
 
-            <div className="section-title" style={{marginTop:'10px'}}>
+            <div className="section-title marginTop10">
                 <img src={arrowIcon} alt="arrow" className="arrow-icon" />
                 <span>淹没受灾统计</span>
             </div>
diff --git a/src/views/Home/components/Business/SiYu/components/FloodPreview/index.less b/src/views/Home/components/Business/SiYu/components/FloodPreview/index.less
index 436064f..82c004a 100644
--- a/src/views/Home/components/Business/SiYu/components/FloodPreview/index.less
+++ b/src/views/Home/components/Business/SiYu/components/FloodPreview/index.less
@@ -1,4 +1,7 @@
 .flood-preview-section{
+    background: red;
+    overflow-x: hidden;
+    overflow-y: auto;
     .section-title {
         display: flex;
         align-items: center;
@@ -17,6 +20,9 @@
           text-shadow: 0 0 5px rgba(0, 160, 233, 0.5);
         }
     }
+    .marginTop10{
+        margin-top: 10px;
+    }
 
     .flood-preview-section-radio{
         cursor: pointer;
@@ -57,6 +63,9 @@
                     text-overflow: ellipsis;
                     white-space: nowrap;
                     text-align: center;
+                    span{
+                        font-size: 14px;
+                    }
                 }
                 .forecast-section-countItem-text{
                     font-size: 13px;
@@ -74,6 +83,7 @@
         justify-content: center;
         width: 100%;
         margin-top: 20px;
+        height: 50px;
     }
     .uav-button {
         width: 70%;
diff --git a/src/views/Home/components/Business/SiYu/components/ForecastSection/charts.js b/src/views/Home/components/Business/SiYu/components/ForecastSection/charts.js
index ed79872..31fef34 100644
--- a/src/views/Home/components/Business/SiYu/components/ForecastSection/charts.js
+++ b/src/views/Home/components/Business/SiYu/components/ForecastSection/charts.js
@@ -265,12 +265,11 @@ const Page = ({data=[]}) => {
 
 
     return (
-        <div style={{width:'100%',height:'400px',paddingTop:'10px',overflowY:'auto'}}>
-            {
+        <div className='forecast-section-chart'>
+            { 
                 option ?
                 <ReactEcharts
                     option={option}
-                    style={{width: "100%", height: "100%"}}
                 /> : <div style={{width:'100%',height: 'calc(100% - 50px)',display:'flex',alignItems:'center',justifyContent:'center'}}>
                     <Empty description={"暂无数据"}/>
                 </div>
diff --git a/src/views/Home/components/Business/SiYu/components/ForecastSection/count.js b/src/views/Home/components/Business/SiYu/components/ForecastSection/count.js
index 1e8f3c1..86d7e24 100644
--- a/src/views/Home/components/Business/SiYu/components/ForecastSection/count.js
+++ b/src/views/Home/components/Business/SiYu/components/ForecastSection/count.js
@@ -7,25 +7,25 @@ const Page = ({data={}}) => {
             <div className="forecast-section-count">
                 <div className="forecast-section-countBox">
                     <div className='forecast-section-countItem'>
-                    <div className='forecast-section-countItem-num'>{data.ycSumFlood}<span style={{fontSize:"14px"}}>mm</span></div>
+                    <div className='forecast-section-countItem-num'>{data.ycSumFlood}<span>mm</span></div>
                         <div className='forecast-section-countItem-text'>预报面雨量</div>
                     </div>
                 </div>
                 <div className="forecast-section-countBox">
                     <div className='forecast-section-countItem'>
-                        <div className='forecast-section-countItem-num'>{data.ycMaxSwH}<span style={{fontSize:"14px"}}>m</span></div>
+                        <div className='forecast-section-countItem-num'>{data.ycMaxSwH}<span>m</span></div>
                         <div className='forecast-section-countItem-text'>最高水位</div>
                     </div>
                 </div>
                 <div className="forecast-section-countBox">
                     <div className='forecast-section-countItem'>
-                        <div className='forecast-section-countItem-num'>{data.ycMaxRkQ}<span style={{fontSize:"14px"}}>m³/s</span></div>
+                        <div className='forecast-section-countItem-num'>{data.ycMaxRkQ}<span>m³/s</span></div>
                         <div className='forecast-section-countItem-text'>最大入库流量</div>
                     </div>
                 </div>
                 <div className="forecast-section-countBox">
                     <div className='forecast-section-countItem'>
-                        <div className='forecast-section-countItem-num'>{data.ycMaxCkQ}<span style={{fontSize:"14px"}}>m³/s</span></div>
+                        <div className='forecast-section-countItem-num'>{data.ycMaxCkQ}<span>m³/s</span></div>
                         <div className='forecast-section-countItem-text'>最大出库流量</div>
                     </div>
                 </div>
diff --git a/src/views/Home/components/Business/SiYu/components/ForecastSection/index.less b/src/views/Home/components/Business/SiYu/components/ForecastSection/index.less
index ee444c5..61977d7 100644
--- a/src/views/Home/components/Business/SiYu/components/ForecastSection/index.less
+++ b/src/views/Home/components/Business/SiYu/components/ForecastSection/index.less
@@ -39,6 +39,9 @@
                     text-overflow: ellipsis;
                     white-space: nowrap;
                     text-align: center;
+                    span{
+                        font-size: 14px;
+                    }
                 }
                 .forecast-section-countItem-text{
                     font-size: 13px;
@@ -48,4 +51,17 @@
             }
         }
     }
+
+    .forecast-section-chart{
+        width: 100%;
+        height: 100%;
+        padding-top: 10px;
+        overflow-y: auto;
+        overflow-x: hidden;
+
+        .echarts-for-react {
+            width:  100%;
+            height: 400px!important;    
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/views/Home/mapToolBox/index.js b/src/views/Home/mapToolBox/index.js
index 77a0fb8..ea8fa45 100644
--- a/src/views/Home/mapToolBox/index.js
+++ b/src/views/Home/mapToolBox/index.js
@@ -82,7 +82,7 @@ export default function Btn() {
     }
 
     return (
-        <div className="mapToolBox" style={{right: showPanels?'445px':'10px'}}>
+        <div className="mapToolBox" style={{right: showPanels?'23.5%':'10px'}}>
             <div className='mapToolBtn'>
                 <div title={`${showPanels?'收起':'展开'}功能块`} onClick={()=>dispatch.runtime.setShowPanels(!showPanels)}>
                     <img className='mapToolBtnIcon' src={`${process.env.PUBLIC_URL}/assets/icons/${showPanels?'shouqi.png':'zhankai.png'}`} />