叩叩叩

common/common.css

@@ -811,7 +811,7 @@
   border: 1px solid rgba(148, 163, 184, 0.15);
   border-right: none;
   border-radius: 8px 0 0 8px;
-  overflow: hidden;
+  overflow: visible;
 }
 
 .aside-tools .tools-list .tools-item {
@@ -853,10 +853,18 @@
 
 .aside-tools .tools-list .tools-item:hover .tools-box {
   display: block;
-  animation: slideInRight 0.3s ease;
 }
 
-@keyframes slideInRight {
+.aside-tools .tools-list .tools-item .tools-box {
+  display: none;
+  position: absolute;
+  right: 50px;
+  top: 0;
+  padding-right: 15px;
+  animation: slideInFromRight 0.3s ease;
+}
+
+@keyframes slideInFromRight {
   from {
     opacity: 0;
     transform: translateX(10px);
@@ -867,14 +875,6 @@
   }
 }
 
-.aside-tools .tools-list .tools-item .tools-box {
-  display: none;
-  position: absolute;
-  left: -240px;
-  top: 0;
-  padding-right: 15px;
-}
-
 .aside-tools .tools-list .tools-item .tools-box-s {
   padding: 24px;
   width: 210px;
@@ -909,6 +909,7 @@
   margin-bottom: 8px;
   color: #F9FAFB;
   position: relative;
+  z-index: 1;
 }
 
 .aside-tools .tools-list .tools-item .tools-box p {
@@ -916,6 +917,7 @@
   color: rgba(203, 213, 225, 0.8);
   line-height: 1.6;
   position: relative;
+  z-index: 1;
 }
 
 .aside-tools .tools-list .tools-item .tools-box .com-contact-tel {
@@ -938,6 +940,7 @@
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
+  z-index: 1;
 }
 
 .aside-tools .tools-list .tools-item .tools-box .button::before {