diff --git a/src/assets/body-bg.png b/src/assets/body-bg.png
new file mode 100644
index 0000000..1f47d13
Binary files /dev/null and b/src/assets/body-bg.png differ
diff --git a/src/layouts/UserLayout.vue b/src/layouts/UserLayout.vue
index c3daf64..5c53b07 100644
--- a/src/layouts/UserLayout.vue
+++ b/src/layouts/UserLayout.vue
@@ -15,16 +15,16 @@
 
       <router-view />
 
-      <div class='footer'>
-        <div class='links'>
-          <a href='_self'>帮助</a>
-          <a href='_self'>隐私</a>
-          <a href='_self'>条款</a>
-        </div>
-        <div class='copyright'>
-<!--          <a target='_blank' href='https://beian.miit.gov.cn'>浙ICP备2021888888号</a>-->
-        </div>
-      </div>
+<!--      <div class='footer'>-->
+<!--        <div class='links'>-->
+<!--          <a href='_self'>帮助</a>-->
+<!--          <a href='_self'>隐私</a>-->
+<!--          <a href='_self'>条款</a>-->
+<!--        </div>-->
+<!--        <div class='copyright'>-->
+<!--&lt;!&ndash;          <a target='_blank' href='https://beian.miit.gov.cn'>浙ICP备2021888888号</a>&ndash;&gt;-->
+<!--        </div>-->
+<!--      </div>-->
     </div>
   </div>
 </template>
@@ -45,6 +45,7 @@ export default {
 </script>
 
 <style lang='less' scoped>
+
 #userLayout.user-layout-wrapper {
   height: 100%;
 
@@ -59,18 +60,26 @@ export default {
 
   .container {
     width: 100%;
-    min-height: 100%;
-    background: #f0f2f5 url(~@/assets/background.svg) no-repeat 50%;
-    background-size: 100%;
-    padding: 110px 0 144px;
+    height: 100%;
+    background: no-repeat left/contain url(~@/assets/body-bg.png),
+                linear-gradient(0deg, rgba(23,59,199,1) 0%, rgba(55,90,219,1) 100%);
     position: relative;
 
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-end;
+    padding-right: 50px;
+
+
     a {
       text-decoration: none;
     }
 
     .top {
+      width: 600px;
       text-align: center;
+      margin-top: -150px;
 
       .header {
         height: 44px;
@@ -88,7 +97,7 @@ export default {
 
           .title {
             font-size: 33px;
-            color: rgba(0, 0, 0, .85);
+            color: white;
             font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
             font-weight: 600;
           }
@@ -105,8 +114,9 @@ export default {
 
     .main {
       min-width: 260px;
-      width: 368px;
-      margin: 0 auto;
+      width: 600px;
+      padding: 0 100px;
+      //margin: 0 auto;
     }
 
     .footer {
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index 4f9744a..0cc6634 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -73,7 +73,9 @@
       </a-tabs>
 
       <a-form-item>
-        <a-checkbox v-decorator="['rememberMe', { valuePropName: 'checked' }]">自动登录</a-checkbox>
+        <a-checkbox v-decorator="['rememberMe', { valuePropName: 'checked' }]">
+          <span style='color: white;'>自动登录</span>
+        </a-checkbox>
         <router-link class="register" style="float: right;" :to="{ name: 'register' }">注册账户</router-link>
       </a-form-item>