1

static/css/public.css

@@ -1700,6 +1700,39 @@
     padding: 20px;
     z-index: 10000;
   }
+
+  .service-modal .content-normal{
+    background-color: white;
+    border-radius: 10px;
+    height: 442px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 444px;
+    background-size: 100% 100%;
+    box-sizing: border-box;
+    padding: 45px 15px 15px;
+    overflow-y: auto;
+  }
+
+  .service-modal .content-normal .content-item {
+        padding: 10px;
+    border-radius: 3px;
+    /* border: solid .5px #6c75e1; */
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+  }
+
+  .service-modal .content-normal .content-item:hover{
+     transform: translateY(-5px); /* 向上浮动一点 */
+     box-shadow: 0 4px 12px rgb(65 63 63 / 10%);
+     transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; 
+  }
+
+  .service-modal .content-normal .content-item:not(:first-child){
+     margin-top: 10px;
+  }
   
   .service-modal .content {
     position: absolute;
@@ -1732,7 +1765,7 @@
     line-height: 25px;
   }
   
-  .service-modal .content .close {
+  .service-modal .content .close,.service-modal .content-normal .close {
     position: absolute;
     top: 16px;
     right: 16px;
@@ -3003,7 +3036,7 @@
 	 white-space: nowrap;
  }
  
- .modal-overlay {
+ .modal-overlay,.modal-overlay-record {
    position: fixed;
    top: 0;
    left: 0;