diff --git a/project/hlj/app/AppRecoScore/components/List.vue b/project/hlj/app/AppRecoScore/components/List.vue
index a225d1d8..f7d6ba82 100644
--- a/project/hlj/app/AppRecoScore/components/List.vue
+++ b/project/hlj/app/AppRecoScore/components/List.vue
@@ -349,7 +349,7 @@
 
 <style scoped lang="scss">
   .AppRecoScore {
-    ::v-deep .el-tree{
+    :deep(.el-tree) {
       width: fit-content;
       min-width: 100%;
       background: transparent;
diff --git a/ui/lib/styles/common.scss b/ui/lib/styles/common.scss
index b1de97e4..29833572 100644
--- a/ui/lib/styles/common.scss
+++ b/ui/lib/styles/common.scss
@@ -298,7 +298,7 @@ div[flex] {
       margin-left: 134px !important;
     }
 
-    ::v-deep.el-form-item__content {
+    :deep(.el-form-item__content) {
       & .el-input--small, & > .el-range-editor--small, & > .el-cascader, & > .el-select {
         width: 325px;
       }