diff --git a/src/views/alarm/Content.vue b/src/views/alarm/Content.vue
index 90bf50ee..294c4fdb 100644
--- a/src/views/alarm/Content.vue
+++ b/src/views/alarm/Content.vue
@@ -142,7 +142,7 @@ limitations under the License. -->
   }
 </script>
 <style lang="scss" scoped>
-  @import url("../components/style.scss");
+  @import url("./style.scss");
 
   .tips {
     width: 100%;
@@ -150,4 +150,29 @@ limitations under the License. -->
     text-align: center;
     font-size: $font-size-normal;
   }
+
+  .alarm-detail {
+    max-height: 600px;
+    overflow: auto;
+
+    ul {
+      min-height: 100px;
+      overflow: auto;
+      margin-bottom: 20px;
+    }
+
+    li {
+      cursor: pointer;
+
+      > span {
+        width: 160px;
+        height: 20px;
+        line-height: 20px;
+        text-align: center;
+        display: inline-block;
+        border-bottom: 1px solid $disabled-color;
+        overflow: hidden;
+      }
+    }
+  }
 </style>
diff --git a/src/views/components/style.scss b/src/views/alarm/style.scss
similarity index 83%
rename from src/views/components/style.scss
rename to src/views/alarm/style.scss
index 179e9fb1..85fbcc9a 100644
--- a/src/views/components/style.scss
+++ b/src/views/alarm/style.scss
@@ -71,31 +71,6 @@
   margin-bottom: 9px;
 }
 
-.alarm-detail {
-  max-height: 600px;
-  overflow: auto;
-
-  ul {
-    min-height: 100px;
-    overflow: auto;
-    margin-bottom: 20px;
-  }
-
-  li {
-    cursor: pointer;
-
-    > span {
-      width: 160px;
-      height: 20px;
-      line-height: 20px;
-      text-align: center;
-      display: inline-block;
-      border-bottom: 1px solid $disabled-color;
-      overflow: hidden;
-    }
-  }
-}
-
 .keys {
   font-weight: bold;
   display: inline-block;