diff --git a/src/assets/global_images/header.png b/src/assets/global_images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/global_images/header.png
Binary files differ

diff --git a/src/assets/global_images/header.png b/src/assets/global_images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/global_images/header.png
Binary files differ
diff --git a/src/assets/login_images/bg.png b/src/assets/login_images/bg.png
deleted file mode 100644
index c518e9d..0000000
--- a/src/assets/login_images/bg.png
+++ /dev/null
Binary files differ

diff --git a/src/assets/global_images/header.png b/src/assets/global_images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/global_images/header.png
Binary files differ
diff --git a/src/assets/login_images/bg.png b/src/assets/login_images/bg.png
deleted file mode 100644
index c518e9d..0000000
--- a/src/assets/login_images/bg.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/login_images/left.jpg b/src/assets/login_images/left.jpg
deleted file mode 100644
index 35ba6f0..0000000
--- a/src/assets/login_images/left.jpg
+++ /dev/null
Binary files differ

diff --git a/src/assets/global_images/header.png b/src/assets/global_images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/global_images/header.png
Binary files differ
diff --git a/src/assets/login_images/bg.png b/src/assets/login_images/bg.png
deleted file mode 100644
index c518e9d..0000000
--- a/src/assets/login_images/bg.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/login_images/left.jpg b/src/assets/login_images/left.jpg
deleted file mode 100644
index 35ba6f0..0000000
--- a/src/assets/login_images/left.jpg
+++ /dev/null
Binary files differ
diff --git a/src/assets/login_images/theme0/bg.png b/src/assets/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/login_images/theme0/bg.png
Binary files differ

diff --git a/src/assets/global_images/header.png b/src/assets/global_images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/global_images/header.png
Binary files differ
diff --git a/src/assets/login_images/bg.png b/src/assets/login_images/bg.png
deleted file mode 100644
index c518e9d..0000000
--- a/src/assets/login_images/bg.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/login_images/left.jpg b/src/assets/login_images/left.jpg
deleted file mode 100644
index 35ba6f0..0000000
--- a/src/assets/login_images/left.jpg
+++ /dev/null
Binary files differ
diff --git a/src/assets/login_images/theme0/bg.png b/src/assets/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/login_images/theme0/left.jpg b/src/assets/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/login_images/theme0/left.jpg
Binary files differ

diff --git a/src/assets/global_images/header.png b/src/assets/global_images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/global_images/header.png
Binary files differ
diff --git a/src/assets/login_images/bg.png b/src/assets/login_images/bg.png
deleted file mode 100644
index c518e9d..0000000
--- a/src/assets/login_images/bg.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/login_images/left.jpg b/src/assets/login_images/left.jpg
deleted file mode 100644
index 35ba6f0..0000000
--- a/src/assets/login_images/left.jpg
+++ /dev/null
Binary files differ
diff --git a/src/assets/login_images/theme0/bg.png b/src/assets/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/login_images/theme0/left.jpg b/src/assets/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
new file mode 100644
index 0000000..b7ebb52
--- /dev/null
+++ b/src/utils/baseConfig.js
@@ -0,0 +1,7 @@
+const project = {
+  title: '地下管线技防设备管理系统'
+}
+export function getProject() {
+  return project
+}
+

diff --git a/src/assets/global_images/header.png b/src/assets/global_images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/global_images/header.png
Binary files differ
diff --git a/src/assets/login_images/bg.png b/src/assets/login_images/bg.png
deleted file mode 100644
index c518e9d..0000000
--- a/src/assets/login_images/bg.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/login_images/left.jpg b/src/assets/login_images/left.jpg
deleted file mode 100644
index 35ba6f0..0000000
--- a/src/assets/login_images/left.jpg
+++ /dev/null
Binary files differ
diff --git a/src/assets/login_images/theme0/bg.png b/src/assets/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/login_images/theme0/left.jpg b/src/assets/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
new file mode 100644
index 0000000..b7ebb52
--- /dev/null
+++ b/src/utils/baseConfig.js
@@ -0,0 +1,7 @@
+const project = {
+  title: '地下管线技防设备管理系统'
+}
+export function getProject() {
+  return project
+}
+
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 46be5a8..d054afd 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -1,7 +1,6 @@
 <template>
-  <div class="app-header">
-    <h3>地下管线技防设备管理系统</h3>
-
+  <div :style="{backgroundImage:'url('+headerUrl+')'}" class="app-header">
+    <h3>{{ title }}</h3>
     <el-dropdown class="avatar-container" trigger="click">
       <div class="avatar-wrapper">
         <span style="line-height:50px;">欢迎您，{{ name }}</span>
@@ -27,46 +26,49 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
-import ResetPwd from '../../system/user/resetPwd'
+  import { mapGetters } from 'vuex'
+  import ResetPwd from '@/views/system/user/resetPwd'
+  import { getProject } from '@/utils/baseConfig'
 
-export default {
-  name: 'AppHeader',
-  components: { ResetPwd },
-  data() {
-    return {
-      name: this.$store.getters.name,
-      showSetPwd: false
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'sidebar',
-      'avatar'
-    ])
-  },
-  methods: {
-    toggleSideBar() {
-      this.$store.dispatch('ToggleSideBar')
+  export default {
+    name: 'AppHeader',
+    components: { ResetPwd },
+    data() {
+      return {
+        title: getProject().title,
+        name: this.$store.getters.name,
+        showSetPwd: false,
+        headerUrl: require('@/assets/global_images/header.png')// 头部图片
+      }
     },
-    logout() {
-      this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
-      })
+    computed: {
+      ...mapGetters([
+        'sidebar',
+        'avatar'
+      ])
     },
-    resetPwd() {
-      this.showSetPwd = true
-      this.$refs.retPwd.initDialog(true)
+    methods: {
+      toggleSideBar() {
+        this.$store.dispatch('ToggleSideBar')
+      },
+      logout() {
+        this.$store.dispatch('LogOut').then(() => {
+          location.reload() // 为了重新实例化vue-router对象 避免bug
+        })
+      },
+      resetPwd() {
+        this.showSetPwd = true
+        this.$refs.retPwd.initDialog(true)
+      }
     }
   }
-}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   .app-header{
     height:60px;
-    /*background-color:rgb(48, 65, 86);*/
-    background: #000000 url("/static/images/global_images/header.png") no-repeat;
+    background-color:#000000;
+    background-repeat: no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     color:white;
@@ -96,9 +98,6 @@
         border-radius: 10px;
       }
       .el-icon-caret-bottom {
-        /*position: absolute;*/
-        /*right: 0px;*/
-        /*top: 25px;*/
         font-size: 12px;
       }
     }

diff --git a/src/assets/global_images/header.png b/src/assets/global_images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/global_images/header.png
Binary files differ
diff --git a/src/assets/login_images/bg.png b/src/assets/login_images/bg.png
deleted file mode 100644
index c518e9d..0000000
--- a/src/assets/login_images/bg.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/login_images/left.jpg b/src/assets/login_images/left.jpg
deleted file mode 100644
index 35ba6f0..0000000
--- a/src/assets/login_images/left.jpg
+++ /dev/null
Binary files differ
diff --git a/src/assets/login_images/theme0/bg.png b/src/assets/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/login_images/theme0/left.jpg b/src/assets/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
new file mode 100644
index 0000000..b7ebb52
--- /dev/null
+++ b/src/utils/baseConfig.js
@@ -0,0 +1,7 @@
+const project = {
+  title: '地下管线技防设备管理系统'
+}
+export function getProject() {
+  return project
+}
+
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 46be5a8..d054afd 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -1,7 +1,6 @@
 <template>
-  <div class="app-header">
-    <h3>地下管线技防设备管理系统</h3>
-
+  <div :style="{backgroundImage:'url('+headerUrl+')'}" class="app-header">
+    <h3>{{ title }}</h3>
     <el-dropdown class="avatar-container" trigger="click">
       <div class="avatar-wrapper">
         <span style="line-height:50px;">欢迎您，{{ name }}</span>
@@ -27,46 +26,49 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
-import ResetPwd from '../../system/user/resetPwd'
+  import { mapGetters } from 'vuex'
+  import ResetPwd from '@/views/system/user/resetPwd'
+  import { getProject } from '@/utils/baseConfig'
 
-export default {
-  name: 'AppHeader',
-  components: { ResetPwd },
-  data() {
-    return {
-      name: this.$store.getters.name,
-      showSetPwd: false
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'sidebar',
-      'avatar'
-    ])
-  },
-  methods: {
-    toggleSideBar() {
-      this.$store.dispatch('ToggleSideBar')
+  export default {
+    name: 'AppHeader',
+    components: { ResetPwd },
+    data() {
+      return {
+        title: getProject().title,
+        name: this.$store.getters.name,
+        showSetPwd: false,
+        headerUrl: require('@/assets/global_images/header.png')// 头部图片
+      }
     },
-    logout() {
-      this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
-      })
+    computed: {
+      ...mapGetters([
+        'sidebar',
+        'avatar'
+      ])
     },
-    resetPwd() {
-      this.showSetPwd = true
-      this.$refs.retPwd.initDialog(true)
+    methods: {
+      toggleSideBar() {
+        this.$store.dispatch('ToggleSideBar')
+      },
+      logout() {
+        this.$store.dispatch('LogOut').then(() => {
+          location.reload() // 为了重新实例化vue-router对象 避免bug
+        })
+      },
+      resetPwd() {
+        this.showSetPwd = true
+        this.$refs.retPwd.initDialog(true)
+      }
     }
   }
-}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   .app-header{
     height:60px;
-    /*background-color:rgb(48, 65, 86);*/
-    background: #000000 url("/static/images/global_images/header.png") no-repeat;
+    background-color:#000000;
+    background-repeat: no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     color:white;
@@ -96,9 +98,6 @@
         border-radius: 10px;
       }
       .el-icon-caret-bottom {
-        /*position: absolute;*/
-        /*right: 0px;*/
-        /*top: 25px;*/
         font-size: 12px;
       }
     }
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 41deae8..271a29b 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,13 +1,13 @@
-<!--登陆主页-->
+<!--登陆主页,默认-->
 <template>
-  <div class="login-container">
+  <div :style="{backgroundImage:'url('+bgUrl+')'}" class="login-container">
     <div class="login-div">
-      <div id="left-div" class="left-div">
+      <div id="left-div" :style="{backgroundImage:'url('+leftUrl+')'}" class="left-div">
         <div class="logo-div">
           <img>
         </div>
         <div class="title-div">
-          <h3 class="title">地下管线技防设备管理系统</h3>
+          <h3 class="title">{{ title }}</h3>
         </div>
       </div>
       <div ref="element" class="right-div">
@@ -50,132 +50,136 @@
 </template>
 
 <script>
-import { RSAencrypt } from '@/utils/security'
-import kaptchaComp from '@/views/login/kaptcha/kaptcha'
+  import { RSAencrypt } from '@/utils/security'
+  import kaptchaComp from '@/views/login/kaptcha/kaptcha'
+  import { getProject } from '@/utils/baseConfig'
 
-export default {
-  name: 'Login',
-  components: {// 注册组件
-    kaptchaComp: kaptchaComp
-  },
-  data() {
-    const validateUsername = (rule, value, callback) => {
-      if (value.length < 1) {
-        callback(new Error('用户名不能为空'))
-      } else {
-        callback()
-      }
-    }
-    const validatePass = (rule, value, callback) => {
-      if (value.length < 1) {
-        callback(new Error('密码不能为空'))
-      } else {
-        callback()
-      }
-    }
-    const validateKaptcha = (rule, value, callback) => {
-      console.log('验证验证码')
-      if (this.showKaptcha) { // 如果开启了验证码判断，否则不判断
+  export default {
+    name: 'Login',
+    components: {// 注册组件
+      kaptchaComp: kaptchaComp
+    },
+    data() {
+      const validateUsername = (rule, value, callback) => {
         if (value.length < 1) {
-          callback(new Error('验证码不能为空'))
+          callback(new Error('用户名不能为空'))
         } else {
           callback()
         }
-      } else {
-        callback()
       }
-    }
-    return {
-      loginForm: {
-        username: '',
-        password: '',
-        kaptcha: ''
-      },
-      loginRules: {
-        username: [{ required: true, trigger: ['blur', 'change'], validator: validateUsername }],
-        password: [{ required: true, trigger: ['blur', 'change'], validator: validatePass }],
-        kaptcha: [{ required: false, trigger: ['blur', 'change'], validator: validateKaptcha }]
-      },
-      loading: false,
-      pwdType: 'password',
-      redirect: '/',
-      showKaptcha: false
-    }
-  },
-  watch: {
-    $route: {
-      handler: function(route) {
-        this.redirect = route.query && route.query.redirect
-      },
-      immediate: true
-    }
-  },
-  beforeCreate: function() { // 从后台获取系统配置，根据配置判断是否加载验证码控件
-    this.loading = true
-    this.$store.dispatch('GetConfig').then(() => {
-      this.showKaptcha = this.$store.getters.kaptcha
-      this.loading = false
-      this.$message.success('连接服务器成功')
-      if (this.showKaptcha) {
-        var rightHeight = window.getComputedStyle(this.$refs.element).height
-        rightHeight = parseFloat(rightHeight.substring(0, rightHeight.length - 2))
-        document.getElementById('left-div').style.height = (rightHeight + 64.897) + 'px'
-      }
-    }).catch((e) => {
-      this.$message.error('连接服务器失败')
-      this.loading = false
-    })
-  },
-  mounted: function() {
-    // 自适应图片高度
-    var rightHeight = window.getComputedStyle(this.$refs.element).height
-    document.getElementById('left-div').style.height = rightHeight
-  },
-  methods: {
-    showPwd() { // 明文显示密码
-      if (this.pwdType === 'password') {
-        this.pwdType = ''
-      } else {
-        this.pwdType = 'password'
-      }
-    },
-    passKaptcha() { // 从子组件获取验证码的数据
-      this.loginForm.kaptcha = this.$refs.kaptcha.kaptcha
-      console.log(this.loginForm.kaptcha)
-    },
-    handleLogin() { // 点击登录按钮
-      // if (!this.showKaptcha) { // 如果未开启验证码，将验证码字段从提交字段中移除
-      //   delete this.loginForm['kaptcha']
-      //   delete this.loginRules['kaptcha']
-      // }
-      this.$refs.loginForm.validate(valid => {
-        if (valid) {
-          this.loading = true
-          // 密码加密
-          const loginForm = {
-            sid: this.$store.getters.sid,
-            username: this.loginForm.username,
-            password: RSAencrypt(this.loginForm.password),
-            kaptcha: this.loginForm.kaptcha
-          }
-          this.$store.dispatch('Login', loginForm).then(() => {
-            this.loading = false
-            this.$message.success('登录成功')
-            this.$router.push({ path: '/' })
-          }).catch((error) => {
-            // this.$message.error(error)
-            this.loading = false
-            if (this.showKaptcha) {
-              this.$refs.kaptcha.refreshCode()
-            }
-          })
+      const validatePass = (rule, value, callback) => {
+        if (value.length < 1) {
+          callback(new Error('密码不能为空'))
         } else {
-          return false
+          callback()
         }
+      }
+      const validateKaptcha = (rule, value, callback) => {
+        console.log('验证验证码')
+        if (this.showKaptcha) { // 如果开启了验证码判断，否则不判断
+          if (value.length < 1) {
+            callback(new Error('验证码不能为空'))
+          } else {
+            callback()
+          }
+        } else {
+          callback()
+        }
+      }
+      return {
+        title: getProject().title,
+        loginForm: {
+          username: '',
+          password: '',
+          kaptcha: ''
+        }, // 登录表单
+        loginRules: {
+          username: [{ required: true, trigger: ['blur', 'change'], validator: validateUsername }],
+          password: [{ required: true, trigger: ['blur', 'change'], validator: validatePass }],
+          kaptcha: [{ required: false, trigger: ['blur', 'change'], validator: validateKaptcha }]
+        }, // 登录规则
+        loading: false, // 加载动画
+        pwdType: 'password', // 密码状态password和空
+        redirect: '/', // 重定向路径
+        showKaptcha: false, // 是否显示验证码
+        bgUrl: require('../../assets/login_images/theme0/bg.png'), // 背景图片
+        leftUrl: require('../../assets/login_images/theme0/left.jpg')// 左边图片
+      }
+    },
+    watch: {
+      $route: {
+        handler: function(route) {
+          this.redirect = route.query && route.query.redirect
+        },
+        immediate: true
+      }
+    },
+    beforeCreate: function() { // 从后台获取系统配置，根据配置判断是否加载验证码控件
+      this.loading = true
+      this.$store.dispatch('GetConfig').then(() => {
+        this.showKaptcha = this.$store.getters.kaptcha
+        this.loading = false
+        this.$message.success('连接服务器成功')
+        if (this.showKaptcha) {
+          var rightHeight = window.getComputedStyle(this.$refs.element).height
+          rightHeight = parseFloat(rightHeight.substring(0, rightHeight.length - 2))
+          document.getElementById('left-div').style.height = (rightHeight + 64.897) + 'px'
+        }
+      }).catch(() => {
+        this.$message.error('连接服务器失败')
+        this.loading = false
       })
+    },
+    mounted: function() {
+      // 自适应图片高度
+      var rightHeight = window.getComputedStyle(this.$refs.element).height
+      document.getElementById('left-div').style.height = rightHeight
+    },
+    methods: {
+      showPwd() { // 明文显示密码
+        if (this.pwdType === 'password') {
+          this.pwdType = ''
+        } else {
+          this.pwdType = 'password'
+        }
+      },
+      passKaptcha() { // 从子组件获取验证码的数据
+        this.loginForm.kaptcha = this.$refs.kaptcha.kaptcha
+        console.log(this.loginForm.kaptcha)
+      },
+      handleLogin() { // 点击登录按钮
+        // if (!this.showKaptcha) { // 如果未开启验证码，将验证码字段从提交字段中移除
+        //   delete this.loginForm['kaptcha']
+        //   delete this.loginRules['kaptcha']
+        // }
+        this.$refs.loginForm.validate(valid => {
+          if (valid) {
+            this.loading = true
+            // 密码加密
+            const loginForm = {
+              sid: this.$store.getters.sid,
+              username: this.loginForm.username,
+              password: RSAencrypt(this.loginForm.password),
+              kaptcha: this.loginForm.kaptcha
+            }
+            this.$store.dispatch('Login', loginForm).then(() => {
+              this.loading = false
+              this.$message.success('登录成功')
+              this.$router.push({ path: '/' })
+            }).catch(() => {
+              // this.$message.error(error)
+              this.loading = false
+              if (this.showKaptcha) {
+                this.$refs.kaptcha.refreshCode()
+              }
+            })
+          } else {
+            return false
+          }
+        })
+      }
     }
   }
-}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
@@ -183,126 +187,128 @@
   $light_gray:#ffffff;
   $dark_gray:#889aa4;
 
-/* reset element-ui css */
-.login-container {
-  .el-input {
-    display: inline-block;
-    height: 40px;
-    width: 85%;
-    input {
-      background: transparent;
-      border: 0px;
-      -webkit-appearance: none;
-      border-radius: 0px;
-      padding: 8px 5px 8px 8px;
-      color: $dark_gray;
+  /* reset element-ui css */
+  .login-container {
+    .el-input {
+      display: inline-block;
       height: 40px;
-      &:-webkit-autofill {
-        -webkit-box-shadow: 0 0 0px 1000px $light_gray inset !important;
-        -webkit-text-fill-color: $dark_gray !important;
+      width: 85%;
+      input {
+        background: transparent;
+        border: 0px;
+        -webkit-appearance: none;
+        border-radius: 0px;
+        padding: 8px 5px 8px 8px;
+        color: $dark_gray;
+        height: 40px;
+        &:-webkit-autofill {
+          -webkit-box-shadow: 0 0 0px 1000px $light_gray inset !important;
+          -webkit-text-fill-color: $dark_gray !important;
+        }
       }
     }
+    .el-form-item {
+      border: 1px solid #c5c5c5;
+      background: #ffffff;
+      border-radius: 5px;
+      color: #000000;
+    }
+    .el-button {
+      line-height:1.2;
+    }
   }
-  .el-form-item {
-    border: 1px solid #c5c5c5;
-    background: #ffffff;
-    border-radius: 5px;
-    color: #000000;
-  }
-  .el-button {
-    line-height:1.2;
-  }
-}
 
 </style>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-$bg:#FFFFFF;
-$dark_gray:#889aa4;
-$light_gray:#fff;
-.login-container {
-  position: relative;
-  height: 100%;
-  width: 100%;
-  background: #000000 url("/static/images/login_images/bg.png") no-repeat;
-  -webkit-background-size: 100% 100%;
-  background-size: 100% 100%;
-  background-color: $bg;
-  .login-div{
-    /*height:385px;*/
-    width:800px;
-    position:absolute;
-    overflow:hidden;
-    left:50%;
-    top:50%;
-    margin-left:-400px;
-    margin-top:-220px;
-    border:1px solid #889aa4;
-    border-radius: 3px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
-  }
-  .left-div{
-    width:60%;
-    float:left;
-    background: url("/static/images/login_images/left.jpg");
-    background-color: #ffffffff;
-  }
-  .title-div{
-    margin:20px 30px 30px 30px;
-  }
-  .title{
-    color:$light_gray;
-    font-size: 26px;
-    font-weight: 400;
-  }
-  .right-div{
-    width:40%;
-    float:left;
-    background-color:white
-  }
-  .clear-div{
-    clear:both;
-  }
-  .login-form {
-    max-width: 100%;
-    padding: 15px 15px 5px 15px;
-    margin: auto;
-    overflow:hidden;
-    border-radius: 3px;
-    box-shadow: 0 5px 8px rgba(0, 0, 0, .12), 0 0 10px rgba(0, 0, 0, .04);
-  }
-  .tips {
-    font-size: 14px;
-    /*color: #fff;*/
-    margin-bottom: 10px;
-    span {
-      &:first-of-type {
-        margin-right: 16px;
+  $bg:#FFFFFF;
+  $dark_gray:#889aa4;
+  $light_gray:#fff;
+  .login-container {
+    position: relative;
+    height: 100%;
+    width: 100%;
+    /*background: #000000 url("/static/images/login_images/bg.png") no-repeat;*/
+    background-color: #000000;
+    background-repeat: no-repeat;
+    -webkit-background-size: 100% 100%;
+    background-size: 100% 100%;
+    background-color: $bg;
+    .login-div{
+      /*height:385px;*/
+      width:800px;
+      position:absolute;
+      overflow:hidden;
+      left:50%;
+      top:50%;
+      margin-left:-400px;
+      margin-top:-220px;
+      border:1px solid #889aa4;
+      border-radius: 3px;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
+    }
+    .left-div{
+      width:60%;
+      float:left;
+      /*background: url("/static/images/login_images/left.jpg");*/
+      background-color: #ffffffff;
+    }
+    .title-div{
+      margin:20px 30px 30px 30px;
+    }
+    .title{
+      color:$light_gray;
+      font-size: 26px;
+      font-weight: 400;
+    }
+    .right-div{
+      width:40%;
+      float:left;
+      background-color:white
+    }
+    .clear-div{
+      clear:both;
+    }
+    .login-form {
+      max-width: 100%;
+      padding: 15px 15px 5px 15px;
+      margin: auto;
+      overflow:hidden;
+      border-radius: 3px;
+      box-shadow: 0 5px 8px rgba(0, 0, 0, .12), 0 0 10px rgba(0, 0, 0, .04);
+    }
+    .tips {
+      font-size: 14px;
+      /*color: #fff;*/
+      margin-bottom: 10px;
+      span {
+        &:first-of-type {
+          margin-right: 16px;
+        }
       }
     }
+    .svg-container {
+      padding: 0px 3px 0px 10px;
+      color: $dark_gray;
+      vertical-align: middle;
+      width: 30px;
+      display: inline-block;
+    }
+    .login-title {
+      font-size: 18px;
+      font-weight: 400;
+      color: #000;
+      margin: 10px auto 30px auto;
+      text-align: center;
+    }
+    .show-pwd {
+      position: absolute;
+      right: 10px;
+      top: 7px;
+      font-size: 16px;
+      color: $dark_gray;
+      cursor: pointer;
+      user-select: none;
+    }
   }
-  .svg-container {
-    padding: 0px 3px 0px 10px;
-    color: $dark_gray;
-    vertical-align: middle;
-    width: 30px;
-    display: inline-block;
-  }
-  .login-title {
-    font-size: 18px;
-    font-weight: 400;
-    color: #000;
-    margin: 10px auto 30px auto;
-    text-align: center;
-  }
-  .show-pwd {
-    position: absolute;
-    right: 10px;
-    top: 7px;
-    font-size: 16px;
-    color: $dark_gray;
-    cursor: pointer;
-    user-select: none;
-  }
-}
 </style>