diff --git a/packages/devui-vue/devui/auto-complete/src/auto-complete.scss b/packages/devui-vue/devui/auto-complete/src/auto-complete.scss
index fc4d56c667..267e993901 100644
--- a/packages/devui-vue/devui/auto-complete/src/auto-complete.scss
+++ b/packages/devui-vue/devui/auto-complete/src/auto-complete.scss
@@ -7,86 +7,87 @@
     top: 0 !important;
   }
 }
+.devui-auto-complete{
+  .active {
+    background: $devui-list-item-hover-bg;
+  }
 
-.active {
-  background: $devui-list-item-hover-bg;
-}
-
-.devui-dropdown-menu {
-  width: 100%;
-  display: block;
-}
+  .devui-dropdown-menu {
+    width: 100%;
+    display: block;
+  }
 
-.devui-dropdown-menu-cdk {
-  position: static;
-}
+  .devui-dropdown-menu-cdk {
+    position: static;
+  }
 
-.devui-dropdown-item {
-  cursor: pointer;
-  display: block;
-  width: 100%;
-  padding: 8px 12px;
-  clear: both;
-  border: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: 14px;
-}
+  .devui-dropdown-item {
+    cursor: pointer;
+    display: block;
+    width: 100%;
+    padding: 8px 12px;
+    clear: both;
+    border: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    line-height: 14px;
+  }
 
-.devui-dropdown-menu {
-  .devui-dropdown-item:not(.disabled) {
-    &.selected {
-      color: $devui-list-item-active-text;
-      background-color: $devui-list-item-active-bg;
+  .devui-dropdown-menu {
+    .devui-dropdown-item:not(.disabled) {
+      &.selected {
+        color: $devui-list-item-active-text;
+        background-color: $devui-list-item-active-bg;
+      }
     }
   }
-}
 
-.devui-no-result-template,
-.devui-is-searching-template {
-  display: block;
-  width: 100%;
-  padding: 8px 12px;
-  clear: both;
-  border: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  cursor: not-allowed;
-  background-color: $devui-disabled-bg;
-  color: $devui-disabled-text;
-  line-height: 14px;
+  .devui-no-result-template,
+  .devui-is-searching-template {
+    display: block;
+    width: 100%;
+    padding: 8px 12px;
+    clear: both;
+    border: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: not-allowed;
+    background-color: $devui-disabled-bg;
+    color: $devui-disabled-text;
+    line-height: 14px;
 
-  &:hover,
-  &:active,
-  &:hover:active {
-    background-color: $devui-unavailable;
+    &:hover,
+    &:active,
+    &:hover:active {
+      background-color: $devui-unavailable;
+    }
   }
-}
 
-/* 选项disabled */
-.devui-dropdown-item.disabled,
-.devui-dropdown-item.disabled:hover {
-  cursor: not-allowed;
-  color: $devui-disabled-text;
-}
+  /* 选项disabled */
+  .devui-dropdown-item.disabled,
+  .devui-dropdown-item.disabled:hover {
+    cursor: not-allowed;
+    color: $devui-disabled-text;
+  }
 
-ul.devui-list-unstyled {
-  margin: 0;
-  overflow-y: auto;
-}
+  ul.devui-list-unstyled {
+    margin: 0;
+    overflow-y: auto;
+  }
 
-.devui-dropdown-bg {
-  background: $devui-list-item-hover-bg;
-  color: $devui-list-item-hover-text;
-}
+  .devui-dropdown-bg {
+    background: $devui-list-item-hover-bg;
+    color: $devui-list-item-hover-text;
+  }
 
-.devui-popup-tips {
-  color: $devui-text-weak; // TODO: Color-Question
-  padding: 4px 12px;
-}
+  .devui-popup-tips {
+    color: $devui-text-weak; // TODO: Color-Question
+    padding: 4px 12px;
+  }
 
-.devui-dropdown-latestSource ul {
-  line-height: initial !important;
-}
+  .devui-dropdown-latestSource ul {
+    line-height: initial !important;
+  }
+}
\ No newline at end of file