diff --git a/src/views/attachment/AttachmentList.vue b/src/views/attachment/AttachmentList.vue
index 799d722f..b7d5800a 100644
--- a/src/views/attachment/AttachmentList.vue
+++ b/src/views/attachment/AttachmentList.vue
@@ -266,13 +266,13 @@ export default {
   position: relative;
   padding-bottom: 56%;
   overflow: hidden;
-}
-.attach-thumb > img {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
+  img {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
 }
 
 .ant-card-meta {
diff --git a/src/views/attachment/components/AttachmentDrawer.vue b/src/views/attachment/components/AttachmentDrawer.vue
index 08c93f4e..f98e212f 100644
--- a/src/views/attachment/components/AttachmentDrawer.vue
+++ b/src/views/attachment/components/AttachmentDrawer.vue
@@ -188,12 +188,7 @@ export default {
 }
 </script>
 
-<style scope>
-.post-thum .img {
-  width: 100%;
-  cursor: pointer;
-}
-
+<style lang="less" scope>
 .attach-item {
   width: 50%;
   margin: 0 auto;
@@ -202,13 +197,12 @@ export default {
   overflow: hidden;
   float: left;
   cursor: pointer;
-}
-
-.attach-item > img {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
+  img {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
 }
 </style>
diff --git a/src/views/attachment/components/AttachmentSelectDrawer.vue b/src/views/attachment/components/AttachmentSelectDrawer.vue
index 45d27cb5..ba4418c5 100644
--- a/src/views/attachment/components/AttachmentSelectDrawer.vue
+++ b/src/views/attachment/components/AttachmentSelectDrawer.vue
@@ -168,12 +168,7 @@ export default {
 }
 </script>
 
-<style scope>
-.post-thum .img {
-  width: 100%;
-  cursor: pointer;
-}
-
+<style lang="less" scope>
 .attach-item {
   width: 50%;
   margin: 0 auto;
@@ -182,13 +177,12 @@ export default {
   overflow: hidden;
   float: left;
   cursor: pointer;
-}
-
-.attach-item > img {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
+  img {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
 }
 </style>
diff --git a/src/views/interface/ThemeList.vue b/src/views/interface/ThemeList.vue
index 27d2aaa8..9880b766 100644
--- a/src/views/interface/ThemeList.vue
+++ b/src/views/interface/ThemeList.vue
@@ -375,19 +375,7 @@ export default {
 }
 </script>
 
-<style scoped>
-.ant-divider-horizontal {
-  margin: 14px 0;
-}
-
-.theme-item .theme-control .theme-title {
-  font-size: 18px;
-}
-
-.theme-item .theme-control .theme-button {
-  float: right;
-}
-
+<style lang="less" scoped>
 .upload-button {
   position: fixed;
   bottom: 80px;