bug

src/components/Fuceng.vue

 <template>
     <div class="fuceng">
         <div class="fucengBox">
-            <div class="close" @click="closeFuceng"></div>
+            <div class="close" @click="closeFuceng">我要报名</div>
         </div>
     </div>
 </template>
@@ -35,25 +35,35 @@ export default {
     left: 0;
     right: 0;
     bottom: 0;
+    width: 100%;
     background: rgba(0, 0, 0, 0.7);
     z-index: 1000000;
 
     .fucengBox {
-        width: 9rem;
-        height: 12.5rem;
-        background: url("~@/pages/index/assets/images/Fuceng.png") no-repeat center;
-        background-size: contain;
+        width: 100%;
+        // height: 15rem;
+        height: 100%;
+        background: url("~@/pages/index/assets/images/fengceng.png") no-repeat center;
+        background-size: auto 100%;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
 
         .close {
-            width: 1.5rem;
-            height: 1.5rem;
+            width: 3.6rem;
+            height: 1.1rem;
+            text-align: center;
+            color: white;
+            font-size: 30px;
+            letter-spacing: 2px;
+            line-height: 1.1rem;
             position: absolute;
-            bottom: 30px;
+            bottom: 100px;
             left: 50%;
+            background: #204089;
+            border: 2px solid #c61d43;
+            border-radius: 8px;
             transform: translate(-50%, 0);
         }
     }