diff --git a/index.html b/index.html
index 691bfc2..1b39ad8 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <title>智能手铐管理系统</title>
   <link rel="stylesheet" href="//at.alicdn.com/t/c/font_830376_92o68tc95je.css">
-  <link rel="icon" href="/public/favicon.ico">
+  <link rel="icon" href="/favicon.ico">
   <script>window._AMapSecurityConfig = {
       securityJsCode: '83572bd6398cb4594c611f93f89b506a'
     }</script>
diff --git a/src/components/batch-imp.vue b/src/components/batch-imp.vue
index ac8727d..37d5b90 100644
--- a/src/components/batch-imp.vue
+++ b/src/components/batch-imp.vue
@@ -91,7 +91,7 @@ const dowdDemo = async () => {
   text-decoration: underline;
   color: #409eff;
 }
-/deep/ .el-upload-list {
+.upload-demo :deep(.el-upload-list) {
   display: none;
 }
 </style>
diff --git a/src/components/sidebar.vue b/src/components/sidebar.vue
index 23f0755..4774c19 100644
--- a/src/components/sidebar.vue
+++ b/src/components/sidebar.vue
@@ -200,15 +200,15 @@ const collapseChage = () => {
     overflow: hidden;
     &.is-active {
       background-color: transparent;
-      /deep/ .el-sub-menu__title {
-        border-radius: 6px;
-        background: #061451;
-        color: #fff;
-        .icon {
-          background-image: var(--activeIcon) !important;
-          background-repeat: no-repeat;
-          background-size: 20px 20px;
-        }
+    }
+    &.is-active :deep(.el-sub-menu__title) {
+      border-radius: 6px;
+      background: #061451;
+      color: #fff;
+      .icon {
+        background-image: var(--activeIcon) !important;
+        background-repeat: no-repeat;
+        background-size: 20px 20px;
       }
     }
 
diff --git a/src/views/incidentDispose/index.vue b/src/views/incidentDispose/index.vue
index 1158a9c..2ffb8e1 100644
--- a/src/views/incidentDispose/index.vue
+++ b/src/views/incidentDispose/index.vue
@@ -394,8 +394,4 @@ onUnmounted(() => {
     }
   }
 }
-// /deep/ .el-upload {
-//   width: 100px;
-//   height: 100px;
-// }
 </style>
diff --git a/src/views/synthesizeManage/deviceInfo/index.vue b/src/views/synthesizeManage/deviceInfo/index.vue
index 081eb41..c93679a 100644
--- a/src/views/synthesizeManage/deviceInfo/index.vue
+++ b/src/views/synthesizeManage/deviceInfo/index.vue
@@ -161,26 +161,7 @@ const toIncidentDispose = (id: string) => {
 
 .baseInfo {
   margin-bottom: 20px;
-  /deep/ .el-card__header {
-    position: relative;
-    .card-header {
-      color: #061451;
-      font-size: 22px;
-    }
 
-    &::before {
-      position: absolute;
-      left: 0;
-      top: 50%;
-      transform: translateY(-50%);
-      content: "";
-      display: block;
-      width: 2px;
-      height: 14px;
-      border-radius: 20px;
-      background: #061451;
-    }
-  }
   .item {
     color: #061451;
     font-size: 20px;
@@ -193,4 +174,24 @@ const toIncidentDispose = (id: string) => {
     }
   }
 }
+.baseInfo :deep(.el-card__header) {
+  position: relative;
+  .card-header {
+    color: #061451;
+    font-size: 22px;
+  }
+
+  &::before {
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    content: "";
+    display: block;
+    width: 2px;
+    height: 14px;
+    border-radius: 20px;
+    background: #061451;
+  }
+}
 </style>
diff --git a/src/views/synthesizeManage/setting/index.vue b/src/views/synthesizeManage/setting/index.vue
index db6daab..97ee240 100644
--- a/src/views/synthesizeManage/setting/index.vue
+++ b/src/views/synthesizeManage/setting/index.vue
@@ -156,28 +156,28 @@ onMounted(() => {
 <style scoped lang="less">
 .baseSetting {
   margin-bottom: 20px;
-  /deep/ .el-card__header {
-    position: relative;
-    .card-header {
-      color: #061451;
-      font-size: 22px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-    }
+}
+.baseSetting :deep(.el-card__header) {
+  position: relative;
+  .card-header {
+    color: #061451;
+    font-size: 22px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
 
-    &::before {
-      position: absolute;
-      left: 0;
-      top: 50%;
-      transform: translateY(-50%);
-      content: "";
-      display: block;
-      width: 2px;
-      height: 14px;
-      border-radius: 20px;
-      background: #061451;
-    }
+  &::before {
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    content: "";
+    display: block;
+    width: 2px;
+    height: 14px;
+    border-radius: 20px;
+    background: #061451;
   }
 }
 </style>
diff --git a/src/views/synthesizeManage/userManage/userType.vue b/src/views/synthesizeManage/userManage/userType.vue
index aa3cfa5..b721d57 100644
--- a/src/views/synthesizeManage/userManage/userType.vue
+++ b/src/views/synthesizeManage/userManage/userType.vue
@@ -97,7 +97,7 @@ const disabled = (ite, row) => {
 .box2 {
   background-color: #02174f;
 }
-/deep/ .el-checkbox__input {
+.el-checkbox :deep(.el-checkbox__input) {
   display: none;
 }
 </style>