feat:完善样式

src/views/hotel/components/video-box.vue

@@ -2,7 +2,7 @@
   <div class="video-box">
     <ul class="videos">
       <li class="video-item" v-for="item in 8" :key="item">
-        <img src="@/assets/images/four-t-1.png" alt="" />
+        <img src="@/assets/images/sxzd.png" alt="" />
         <p>
           <span>核心路段：这是一条信息说明</span>
         </p>
@@ -33,7 +33,7 @@
       .video-item {
         position: relative;
         width: vw(610);
-        height: vh(420);
+        height: vh(380);
         padding: vh(12) vw(12);
         box-sizing: border-box;
         background-image: url('@/assets/images/item-primary.png');
@@ -45,21 +45,21 @@
         > p {
           position: absolute;
           width: calc(100% - vw(24));
-          height: vh(32);
+          height: vh(40);
           bottom: vh(12);
           background: rgba(4, 30, 69, 0.72);
           > span {
-            padding-left: vw(10);
+            padding-left: vw(20);
             font-weight: 400;
             font-size: vw(14);
             color: #ffffff;
-            line-height: vh(32);
+            line-height: vh(40);
           }
         }
       }
     }
     .pagination-box {
-      margin-top: vh(10);
+      margin-top: vh(30);
       margin-right: vw(50);
       display: flex;
       justify-content: flex-end;