修改样式

src/components/taskPage/Fire.vue

@@ -3,16 +3,20 @@
     width: 100%;
     height: auto;
     position: relative;
-    display: flex;
+    
+}
+.flexDiv{
+    /* display: flex;
     align-items: flex-end;
-    /* height: 2465px; */
-    justify-content: center;
+    justify-content: center; */
 }
 .div1 img {
     width: 100%;
     position: absolute;
     z-index:100;
     /* display: none; */
+    top: 0;
+    height: 100%;
 }
 .Homeimg{
     position: fixed;
@@ -31,15 +35,21 @@
 }
 .spDiv{
     position:absolute;
-    background: url('../../assets/img/juan/sp.png') no-repeat;
-    background-size:100% 100%;
-    width: 720px;
+    width: 100%;
     height: 440px;
     z-index: 1000; 
     text-align: center;
     box-sizing: border-box;
-    position: relative;
-    top: -100px;
+    /* position: relative; */
+    bottom: 100px;
+}
+.spDivBg{
+    width:720px;
+    margin:0 auto;
+    background: url('../../assets/img/juan/sp.png') no-repeat;
+    background-size:100% 100%;
+    box-sizing: border-box;
+    padding: 21px 44px 55px 44px;
 }
 .tiaoDiv{
     position:absolute;
@@ -108,17 +118,20 @@
     </div>
     <div style="position: relative;" v-show="!isPhone">
         <img @click="goUrl('Home')" class="Homeimg" src="../../assets/img/juan/home.png" alt />
-        <div class="div1" ref="div1" :style="{height: height1}">
+        <div class="div1 flexDiv" ref="div1" :style="{height: height1}">
             <img class="img" src="../../assets/img/juan/h1.png" alt=""/>
             <img class="img" src="../../assets/img/juan/h11.png" alt=""/>
             <div class="spDiv" :style="{zoom: zoom}">
-                <div style="box-sizing: border-box;padding: 21px 44px 17px 44px;">
-                    <video style="width:100%;height:100%;border:none" loop="loop" controls="controls" autoplay="autoplay">
-                        <source src="../../assets/media/fire.mp4" type="video/ogg" />
-                    </video>
-                </div>
+                <div class="spDivBg">
+                    <div>
+                        <video style="width:100%;height:100%;border:none" loop="loop" controls="controls" autoplay="autoplay">
+                            <source src="../../assets/media/fire.mp4" type="video/ogg" />
+                        </video>
+                    </div>
                 
+                </div>
             </div>
+            
         </div>
         <div class="div1" ref="div2" :style="{height: height2}" style="margin-top:-76px">
             <img class="img" src="../../assets/img/juan/h2.png" alt=""/>