diff --git a/src/views/college/detail.vue b/src/views/college/detail.vue
index 9548d62..d0095f2 100644
--- a/src/views/college/detail.vue
+++ b/src/views/college/detail.vue
@@ -78,7 +78,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ {
+::v-deep {
     .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
         color: #606266;
     }
diff --git a/src/views/contract/exchange-store.vue b/src/views/contract/exchange-store.vue
index 7bd61b2..62c58b5 100644
--- a/src/views/contract/exchange-store.vue
+++ b/src/views/contract/exchange-store.vue
@@ -480,7 +480,7 @@ export default {
     .btn,.kaicang{
         font-size: 0.9rem;
     }
-    /* /deep/ .el-slider__stop{
+    /* ::v-deep .el-slider__stop{
         background-color: ;
     } */
 </style>
diff --git a/src/views/forgotPwd/index.vue b/src/views/forgotPwd/index.vue
index a69c586..8036ccc 100644
--- a/src/views/forgotPwd/index.vue
+++ b/src/views/forgotPwd/index.vue
@@ -112,7 +112,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ .el-input__inner,.form-control{
+::v-deep .el-input__inner,.form-control{
     padding-top:.375rem;
     padding-bottom:.375rem;
     height: 45px !important;
diff --git a/src/views/notice/detail.vue b/src/views/notice/detail.vue
index eafd238..6e895fd 100644
--- a/src/views/notice/detail.vue
+++ b/src/views/notice/detail.vue
@@ -76,7 +76,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ {
+::v-deep {
     .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
         color: #606266;
     }
diff --git a/src/views/option/index.vue b/src/views/option/index.vue
index 9cf93df..d0aca0f 100644
--- a/src/views/option/index.vue
+++ b/src/views/option/index.vue
@@ -287,7 +287,7 @@ export default {
   border: none;
 }
 
-/deep/ .el-collapse-item:last-child {
+::v-deep .el-collapse-item:last-child {
   .el-collapse-item__header {
     border-bottom: 0;
   }
diff --git a/src/views/otc/ad.vue b/src/views/otc/ad.vue
index f074ea6..e2cee9a 100644
--- a/src/views/otc/ad.vue
+++ b/src/views/otc/ad.vue
@@ -165,7 +165,7 @@ export default {
   justify-content: center;
   background: linear-gradient(to right, #6d9ef9, #1f5df4);
 }
-/deep/ .el-dialog {
+::v-deep .el-dialog {
   background-color: #222e3d;
   color: #fff;
   &__title {
diff --git a/src/views/otc/index.vue b/src/views/otc/index.vue
index ad2ba8c..435bb8c 100644
--- a/src/views/otc/index.vue
+++ b/src/views/otc/index.vue
@@ -326,7 +326,7 @@ export default {
   justify-content: center;
   background: linear-gradient(to right, #6d9ef9, #1f5df4);
 }
-/deep/ .el-dialog {
+::v-deep .el-dialog {
   background-color: #222e3d;
   color: #fff;
   &__title {
diff --git a/src/views/otc/order.vue b/src/views/otc/order.vue
index 8bb3f80..55bbae3 100644
--- a/src/views/otc/order.vue
+++ b/src/views/otc/order.vue
@@ -172,7 +172,7 @@ export default {
   justify-content: center;
   background: linear-gradient(to right, #6d9ef9, #1f5df4);
 }
-/deep/ .el-dialog {
+::v-deep .el-dialog {
   background-color: #222e3d;
   color: #fff;
   &__title {
diff --git a/src/views/profile/certification.vue b/src/views/profile/certification.vue
index 5d1606b..ab5ebee 100644
--- a/src/views/profile/certification.vue
+++ b/src/views/profile/certification.vue
@@ -394,7 +394,7 @@ export default {
 
 <style scoped lang="scss">
 .upload-demo {
-  /deep/ .el-upload-dragger {
+  ::v-deep .el-upload-dragger {
     width: 300px;
     height: 150px;
   }
@@ -405,7 +405,7 @@ export default {
     object-fit: cover;
   }
 }
- /deep/{
+::v-deep{
    .el-step__title.is-process{
     color: white;
   }
diff --git a/src/views/purchase/index.vue b/src/views/purchase/index.vue
index bf9399e..2b92224 100644
--- a/src/views/purchase/index.vue
+++ b/src/views/purchase/index.vue
@@ -461,7 +461,7 @@ export default {
 .table tr:hover{
     background: #e9e9e9 !important;
 }
-/deep/ {
+::v-deep {
   .el-step__icon {
     background: #222e3d;
   }
diff --git a/src/views/wallet/address.vue b/src/views/wallet/address.vue
index 8e2ccad..e18341e 100644
--- a/src/views/wallet/address.vue
+++ b/src/views/wallet/address.vue
@@ -392,7 +392,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ {
+::v-deep {
   .el-collapse {
     border-top-color: #4e4e5d;
     border-bottom-color: #4e4e5d;
diff --git a/src/views/wallet/exchange-assets.vue b/src/views/wallet/exchange-assets.vue
index aa0fc90..3d90d6e 100644
--- a/src/views/wallet/exchange-assets.vue
+++ b/src/views/wallet/exchange-assets.vue
@@ -773,7 +773,7 @@ created() {
   border-bottom: 1px solid;
 }
 .upload-demo {
-  /deep/ .el-upload-dragger {
+  ::v-deep .el-upload-dragger {
     width: 200px;
     height: 150px;
   }
@@ -784,7 +784,7 @@ created() {
     object-fit: cover;
   }
 }
- /deep/{
+::v-deep{
    .el-step__title.is-process{
     color: white;
   }