diff --git a/src/pages/core/404/index.vue b/src/pages/core/404/index.vue
index 7bc892c7..ea85f5d7 100644
--- a/src/pages/core/404/index.vue
+++ b/src/pages/core/404/index.vue
@@ -8,6 +8,7 @@
 </template>
 
 <style lang="scss" scoped>
+@import '~@/assets/style/public.scss';
 .page-404 {
   background-color: #555555;
   height: 100%;
@@ -17,7 +18,7 @@
   flex-direction: column;
   img {
     width: 196px;
-    user-select: none;
+    @extend %unable-select;
   }
 }
 </style>
diff --git a/src/pages/demo/components/icon/icon.vue b/src/pages/demo/components/icon/icon.vue
index 0ce31ce0..5d87199c 100644
--- a/src/pages/demo/components/icon/icon.vue
+++ b/src/pages/demo/components/icon/icon.vue
@@ -9,12 +9,12 @@
 </template>
 
 <style lang="scss">
+@import '~@/assets/style/public.scss';
 .icon-class-demo {
   transition: all .3s;
   font-size: 100px;
   color: #409EFF;
-  cursor: pointer;
-  user-select: none;
+  @extend %unable-select;
   &:hover{
     color: #F56C6C;
     transform: scale(1.2) rotate(30deg);