fix: 修复因类名重复导致的样式问题

src/assets/css/components/views/charts2/networkOverviewDdosDetection.scss

@@ -24,7 +24,8 @@
     .ddos-detection-type {
       display: flex;
       justify-content: space-between;
-      margin: 20px 0;
+      height: calc(100% - 65px);
+      margin-top: 20px;
       .ddos-detection-type-value {
         display: flex;
         flex-direction: column;

src/assets/css/components/views/charts2/networkOverviewLine.scss

@@ -1,4 +1,4 @@
-.line {
+.line.network {
   height: 100%;
   width: 100%;
   position: relative;

src/views/charts2/charts/NetworkOverviewLine.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="line">
+  <div class="line network">
     <div class="chart-drawing" id="chart"></div>
     <div class="line-value">
       <div class="line-value-mpackets" v-for="(item, index) in mpackets" :key="item">