diff --git a/css/common.css b/css/common.css
index 6b02e45..7c5ea17 100644
--- a/css/common.css
+++ b/css/common.css
@@ -370,6 +370,15 @@ body {
   height: 640px;
   background-color: #f6f6f6;
   border-radius: 0 0 12px 0;
+  animation: contrastRightShow 0.3s;
+}
+@keyframes contrastRightShow {
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 420;
+  }
 }
 .my-project .my-box .contrast-box .right .hint {
   font-size: 14px;
diff --git a/css/common.less b/css/common.less
index aac9491..137dce5 100644
--- a/css/common.less
+++ b/css/common.less
@@ -422,6 +422,16 @@ body {
                 height: 640px;
                 background-color: rgba(246, 246, 246, 1);
                 border-radius: 0 0 12px 0;
+                animation: contrastRightShow 0.3s;
+
+                @keyframes contrastRightShow {
+                    0% {
+                        width: 0;
+                    }
+                    100% {
+                        width: 420;
+                    }
+                }
 
                 .hint {
                     font-size: 14px;
diff --git a/css/school.css b/css/school.css
index 2f6e74a..9c8e0b8 100644
--- a/css/school.css
+++ b/css/school.css
@@ -149,13 +149,14 @@
   justify-content: space-between;
   padding: 6px;
   transition: all 0.3s;
+  position: relative;
 }
 .boxbox .details .right .brief .brief-dom {
   color: transparent;
   pointer-events: none;
-  position: fixed;
+  position: absolute;
   top: -100000%;
-  width: 898px;
+  width: 100%;
   word-break: keep-all;
 }
 .boxbox .details .right .brief.brief-show {
diff --git a/css/school.less b/css/school.less
index 532148e..33faab8 100644
--- a/css/school.less
+++ b/css/school.less
@@ -164,13 +164,14 @@
                 justify-content: space-between;
                 padding: 6px;
                 transition: all 0.3s;
+                position: relative;
 
                 .brief-dom {
                     color: transparent;
                     pointer-events: none;
-                    position: fixed;
+                    position: absolute;
                     top: -100000%;
-                    width: 898px;
+                    width: 100%;
                     word-break: keep-all;
                 }