diff --git a/css/details.css b/css/details.css
index 0a6a65d..34ae4b3 100644
--- a/css/details.css
+++ b/css/details.css
@@ -731,6 +731,8 @@
   border-radius: 114px;
   margin: 0 auto 33px;
   position: relative;
+  z-index: 1;
+  --tab-left: "0px";
   transition: all 0.3s;
 }
 .content .details-box .pattern .tab .item {
@@ -751,7 +753,8 @@
   height: 100%;
   position: absolute;
   top: 0;
-  left: 0;
+  left: var(--tab-left);
+  z-index: -1;
 }
 .content .details-box .pattern .introduce .item {
   text-align: center;
diff --git a/css/details.less b/css/details.less
index 8895018..b7fd59c 100644
--- a/css/details.less
+++ b/css/details.less
@@ -833,6 +833,9 @@
                 border-radius: 114px;
                 margin: 0 auto 33px;
                 position: relative;
+                z-index: 1;
+                --tab-left: "0px";
+
                 .item {
                     height: 100%;
                     font-size: 14px;
@@ -842,7 +845,7 @@
                         color: #ffffff;
                     }
                 }
-                
+
                 transition: all 0.3s;
 
                 &::after {
@@ -854,7 +857,8 @@
                     height: 100%;
                     position: absolute;
                     top: 0;
-                    left: 0;
+                    left: var(--tab-left);
+                    z-index: -1;
                 }
             }