fix bug

src/styles/view/monitor/homePage.scss

@@ -178,7 +178,7 @@
   }
 
   .sou {
-    height: 10%;
+    height: vh(66);
     width: 100%;
     display: flex;
     top: -2%;
@@ -284,7 +284,7 @@
       position: relative;
       text-align: center;
       /* vertical-align: middle; */
-      top: 29%;
+      top: 27%;
       margin-left: 12%;
 
       .search-one-button {
@@ -446,6 +446,7 @@
         bottom: vh(1);
         right: vw(-2);
         content: '' !important;
+        top: vh(-5);
       }
 
       .three-font {

src/view/biz/duty/detail/echarts/IncidenceSeverityMatrix.js

@@ -140,7 +140,7 @@ class IncidenceSeverityMatrix extends Component {
     const option = this.getOptions();
     return (
       <div className="risk-incidence-severity-matrix">
-        <AmosEcharts option={option} style={{ height: '330px', width: '660px' }} />
+        <AmosEcharts option={option} className ="div-severity-echarts" />
       </div>
     );
   }

src/view/biz/duty/detail/riskDetail.js

@@ -50,7 +50,7 @@ class RiskAssessment extends Component {
               {this.props.detailTitle}
             </div>
             <div className="headerRight" style={{ display: 'inline' }}>
-              <img src="/src/assets/detail/return.png" onClick={this.onClick} width="42px" style={{ marginTop: 3 }} />
+              <img src="/src/assets/detail/return.png" onClick={this.onClick} className="img-headerRight" />
             </div>
           </Header>
           <Layout>
@@ -60,7 +60,7 @@ class RiskAssessment extends Component {
                   <img src="/src/assets/detail/secondTitle4.png" style={{ width: 256, height: 38, margin: 0 }} />
                 </Header>
                 <Content className="oneHeaderContent">
-                  <img src="/src/assets/detail/RPNr.png" style={{ width: 922, height: 503, marginTop: 35, marginLeft: 160 }} />
+                   <img className="image-div" src="/src/assets/detail/RPNr.png"  />
                   {this.getLegend()}
                 </Content>
               </Header>