diff --git a/css/common.less b/css/common.less
index 6f90c20..1b1a8bf 100644
--- a/css/common.less
+++ b/css/common.less
@@ -333,7 +333,6 @@ body {
                             background-color: rgba(246, 246, 246, 1);
                         }
     
-
                         // &:hover {
                         //     background-color: rgba(246, 246, 246, 1);
                         // }
diff --git a/css/details.css b/css/details.css
index 7bd8196..31299c3 100644
--- a/css/details.css
+++ b/css/details.css
@@ -968,6 +968,13 @@
   vertical-align: bottom;
   border-radius: 50%;
 }
+.state-mask {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
 .base {
   background-color: transparent;
 }
@@ -1079,13 +1086,6 @@
   height: 6px;
   margin-left: 8px;
 }
-.base .type2 .state-box .state-mask {
-  width: 100vw;
-  height: 100vh;
-  position: fixed;
-  top: 0;
-  left: 0;
-}
 .base .type2 .state-box .state {
   background-color: #ffffff;
   border: 1px solid #ebebeb;
diff --git a/css/details.less b/css/details.less
index 77321de..c5ce52d 100644
--- a/css/details.less
+++ b/css/details.less
@@ -1103,6 +1103,14 @@
     }
 }
 
+.state-mask {
+    width: 100vw;
+    height: 100vh;
+    position: fixed;
+    top: 0;
+    left: 0;
+}
+
 .base {
     // width: 100vw;
     background-color: transparent;
@@ -1233,13 +1241,7 @@
             }
             position: relative;
 
-            .state-mask {
-                width: 100vw;
-                height: 100vh;
-                position: fixed;
-                top: 0;
-                left: 0;
-            }
+   
 
             .state {
                 background-color: #ffffff;