diff --git a/src/views/Login/forgetPWD/index.vue b/src/views/Login/forgetPWD/index.vue
index 57eda3c..49afc07 100644
--- a/src/views/Login/forgetPWD/index.vue
+++ b/src/views/Login/forgetPWD/index.vue
@@ -150,7 +150,7 @@ export default {
     }
 }
 .fpwd-footer {
-    position: absolute;
+    position: relative;
     width: 354px;
     height: 64px;
     background-image: url("../../../assets/images/login/img_dlan_nor.png");
@@ -158,6 +158,7 @@ export default {
     background-size: cover;
     bottom: 0px;
     left: 50%;
+    margin-top: 20px;
     transform: translate(-50%);
     cursor: pointer;
     color: #63aecc;
diff --git a/src/views/Login/index.vue b/src/views/Login/index.vue
index 4c6f76b..c819005 100644
--- a/src/views/Login/index.vue
+++ b/src/views/Login/index.vue
@@ -12,7 +12,7 @@
             <source src="../../assets/images/login/4.mp4" type="video/mp4">
         </video>
         <div class="login-inner">
-            <div class="login-div" :style="loginStyle">
+            <div class="login-div">
                 <loginForm @forgetPassword="handlerForget" @register="showRegister" v-if="dateType===1"></loginForm>
                 <forgetPWD v-if="dateType===2" @reLogin="handlerRelogin" @nextStep="handlerNext"></forgetPWD>
                 <resetPassword v-if="dateType===3" @reLogin="handlerRelogin" :forgetForm="forgetForm"></resetPassword>
@@ -100,7 +100,7 @@ export default {
     .login-div {
         position: absolute;
         width: 580px;
-        height: 600px;
+        // height: 600px;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
diff --git a/src/views/Login/loginForm/index.vue b/src/views/Login/loginForm/index.vue
index 601759c..1f12628 100644
--- a/src/views/Login/loginForm/index.vue
+++ b/src/views/Login/loginForm/index.vue
@@ -192,7 +192,7 @@ export default {
 }
 
 .login-footer {
-    position: absolute;
+    position: relative;
     width: 354px;
     height: 64px;
     background-image: url("../../../assets/images/login/img_dlan_nor.png");
@@ -200,6 +200,7 @@ export default {
     background-size: cover;
     bottom: 0px;
     left: 50%;
+    margin-top: 20px;
     transform: translate(-50%);
     cursor: pointer;
     color: #63aecc;
diff --git a/src/views/Login/register/register.vue b/src/views/Login/register/register.vue
index 5286b3e..a71c009 100644
--- a/src/views/Login/register/register.vue
+++ b/src/views/Login/register/register.vue
@@ -222,7 +222,7 @@ export default {
 }
 
 .login-footer {
-    position: absolute;
+    position: relative;
     width: 354px;
     height: 64px;
     background-image: url("../../../assets/images/login/img_dlan_nor.png");
@@ -230,6 +230,7 @@ export default {
     background-size: cover;
     bottom: 0px;
     left: 50%;
+    margin-top: 20px;
     transform: translate(-50%);
     cursor: pointer;
     color: #63aecc;
diff --git a/src/views/Login/resetPassword/index.vue b/src/views/Login/resetPassword/index.vue
index b62a657..1898e4e 100644
--- a/src/views/Login/resetPassword/index.vue
+++ b/src/views/Login/resetPassword/index.vue
@@ -129,7 +129,7 @@ export default {
     }
 }
 .rp-footer {
-    position: absolute;
+    position: relative;
     width: 354px;
     height: 64px;
     background-image: url("../../../assets/images/login/img_dlan_nor.png");
@@ -137,6 +137,7 @@ export default {
     background-size: cover;
     bottom: 0px;
     left: 50%;
+    margin-top: 20px;
     transform: translate(-50%);
     cursor: pointer;
     color: #63aecc;