diff --git a/css/details.css b/css/details.css
index d37841d..434d480 100644
--- a/css/details.css
+++ b/css/details.css
@@ -609,7 +609,7 @@
 .content .details-box .demand .title {
   font-weight: 650;
   font-style: normal;
-  font-size: 18px;
+  font-size: 16px;
   color: #000000;
   margin-top: 32px;
   margin-bottom: 10px;
@@ -626,6 +626,7 @@
   position: relative;
   flex-direction: column;
   justify-content: center;
+  font-size: 14px;
 }
 .content .details-box .demand .list .item .triangle {
   position: absolute;
@@ -637,12 +638,10 @@
   margin-bottom: 10px;
 }
 .content .details-box .demand .list .item .name {
-  font-size: 15px;
   color: #7f7f7f;
   margin-bottom: 8px;
 }
 .content .details-box .demand .list .item .value {
-  font-size: 16px;
   color: #000000;
 }
 .content .details-box .tuition {
@@ -732,7 +731,7 @@
   margin: 0 auto 38px;
   position: relative;
   z-index: 1;
-  --tab-left: "0px";
+  --tab-left: "-1px";
 }
 .content .details-box .pattern .tab .item {
   height: 100%;
@@ -752,7 +751,7 @@
   width: 90px;
   height: 100%;
   position: absolute;
-  top: 0;
+  top: -1;
   left: var(--tab-left);
   z-index: -1;
   transition: all 0.3s;
@@ -1085,7 +1084,7 @@
 }
 .content-right {
   width: 290px;
-  margin-left: 10px;
+  margin-left: 20px;
 }
 .content-right .live {
   width: 100%;
@@ -1623,18 +1622,27 @@
   left: 0;
   width: 100vw;
   height: 100vh;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: #000000;
   z-index: 1000;
-  animation: fadeBackground 3s infinite;
+  animation: fadeBackground 2s linear infinite;
 }
 @keyframes fadeBackground {
   0% {
-    background-color: rgba(0, 0, 0, 0.5);
+    opacity: 0;
   }
-  50% {
-    background-color: rgba(0, 0, 0, 0.8);
+  20% {
+    opacity: 0.1;
+  }
+  40% {
+    opacity: 0.3;
+  }
+  60% {
+    opacity: 0.5;
+  }
+  80% {
+    opacity: 0.3;
   }
   100% {
-    background-color: rgba(0, 0, 0, 0.5);
+    opacity: 0;
   }
 }
diff --git a/css/details.less b/css/details.less
index a0be826..29a64ee 100644
--- a/css/details.less
+++ b/css/details.less
@@ -691,7 +691,7 @@
             .title {
                 font-weight: 650;
                 font-style: normal;
-                font-size: 18px;
+                font-size: 16px;
                 color: #000000;
                 margin-top: 32px;
                 margin-bottom: 10px;
@@ -711,6 +711,7 @@
                     position: relative;
                     flex-direction: column;
                     justify-content: center;
+                    font-size: 14px;
 
                     .triangle {
                         position: absolute;
@@ -724,13 +725,11 @@
                     }
 
                     .name {
-                        font-size: 15px;
                         color: #7f7f7f;
                         margin-bottom: 8px;
                     }
 
                     .value {
-                        font-size: 16px;
                         color: #000000;
                     }
                 }
@@ -834,7 +833,7 @@
                 margin: 0 auto 38px;
                 position: relative;
                 z-index: 1;
-                --tab-left: "0px";
+                --tab-left: "-1px";
 
                 .item {
                     height: 100%;
@@ -856,7 +855,7 @@
                     width: 90px;
                     height: 100%;
                     position: absolute;
-                    top: 0;
+                    top: -1;
                     left: var(--tab-left);
                     z-index: -1;
                     transition: all 0.3s;
@@ -1246,7 +1245,7 @@
 
 .content-right {
     width: 290px;
-    margin-left: 10px;
+    margin-left: 20px;
 
     .live {
         width: 100%;
@@ -1854,19 +1853,28 @@
     left: 0;
     width: 100vw;
     height: 100vh;
-    background-color: rgba(0, 0, 0, 0.5);
+    background-color: rgba(0, 0, 0, 1);
     z-index: 1000;
-    animation: fadeBackground 3s infinite;
+    animation: fadeBackground 2s linear infinite;
 }
 
 @keyframes fadeBackground {
     0% {
-        background-color: rgba(0, 0, 0, 0.5);
+        opacity: 0;
     }
-    50% {
-        background-color: rgba(0, 0, 0, 0.8);
+    20% {
+        opacity: 0.1;
+    }
+    40% {
+        opacity: 0.3;
+    }
+    60% {
+        opacity: 0.5;
+    }
+    80% {
+        opacity: 0.3;
     }
     100% {
-        background-color: rgba(0, 0, 0, 0.5);
+        opacity: 0;
     }
 }
diff --git a/html/details.html b/html/details.html
index 9d55128..a0b5ba6 100644
--- a/html/details.html
+++ b/html/details.html
@@ -15,7 +15,7 @@
 
     <body>
         <div class="main" id="app">
-            <div class="load-mask"></div>
+            <div id="load-mask" v-if="false"></div>
             <img class="index-icon" src="/img/index-icon.png" />
 
             <div class="boxbox">