diff --git a/public/app-loading.css b/public/app-loading.css
index 7c2941d..4f1346d 100644
--- a/public/app-loading.css
+++ b/public/app-loading.css
@@ -9,26 +9,26 @@
 }
 
 #app-loading,
-#app-loading:before,
-#app-loading:after {
+#app-loading::before,
+#app-loading::after {
   width: 2em;
   height: 2em;
   border-radius: 50%;
   animation: 2s ease-in-out infinite app-loading-animation;
 }
 
-#app-loading:before,
-#app-loading:after {
+#app-loading::before,
+#app-loading::after {
   content: "";
   position: absolute;
 }
 
-#app-loading:before {
+#app-loading::before {
   left: -4em;
   animation-delay: -0.2s;
 }
 
-#app-loading:after {
+#app-loading::after {
   left: 4em;
   animation-delay: 0.2s;
 }
diff --git a/src/styles/index.scss b/src/styles/index.scss
index c2d90c0..b03d7ca 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -35,8 +35,8 @@ body {
 }
 
 *,
-*:before,
-*:after {
+*::before,
+*::after {
   box-sizing: border-box;
 }
 
diff --git a/src/styles/mixins.scss b/src/styles/mixins.scss
index 27f4972..acb091a 100644
--- a/src/styles/mixins.scss
+++ b/src/styles/mixins.scss
@@ -1,6 +1,6 @@
 /** 清除浮动 */
 @mixin clearfix {
-  &:after {
+  &::after {
     content: "";
     display: table;
     clear: both;