﻿.login-body{width:100%;height:440px; background:url(login_bg.png) repeat-y 50% 50%; position:absolute; top:50%; margin-top:-220px;}
.login-main{width:100%; height: 100%; background:url(login_bg2.png) no-repeat 50% 50%;}
.login-box{width:1000px; height: 100%; margin:0 auto; position:relative;}
.login-logo{position: absolute; width: 500px; top: 40px; left: 0; z-index: 1;}
.login-wrapper {position: absolute; width: 400px; top: 40px; right: 0; box-sizing: border-box; z-index: 2; }
.login-wrapper > .layui-form { padding: 25px 30px 15px; background-color: #fff; box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.19); box-sizing: border-box; border-radius: 4px; position: relative;}
.login-wrapper > .layui-form > h2 { color: #1E9FFF; font-size: 25px; text-align: center; margin-bottom: 25px; }
.login-wrapper > .layui-form > .layui-form-item { margin-bottom: 25px; position: relative; }
.login-wrapper > .layui-form > .layui-form-item:last-child { margin-bottom: 0; }
.login-wrapper > .layui-form > .layui-form-item > .layui-input { height: 46px; line-height: 46px; border-radius: 2px !important; }
.login-wrapper .layui-input-icon-group > .layui-input { padding-left: 46px; }
.login-wrapper .layui-input-icon-group > .layui-icon { width: 46px; height: 46px; line-height: 46px; font-size: 20px; color: #909399; position: absolute; left: 0; top: 0; text-align: center; }
.login-wrapper > .layui-form > .layui-form-item.login-captcha-group { padding-right: 135px; }
.login-wrapper > .layui-form > .layui-form-item.login-captcha-group > .login-captcha { height: 46px; width: 120px; cursor: pointer; box-sizing: border-box; border: 1px solid #e6e6e6; border-radius: 2px !important; position: absolute; right: 0; top: 0; }
.login-wrapper > .layui-form > .layui-form-item > .layui-form-checkbox { margin: 0 !important; padding-left: 25px; }
.login-wrapper > .layui-form > .layui-form-item > .layui-form-checkbox > .layui-icon { width: 15px !important; height: 15px !important; }
.login-wrapper > .layui-form .layui-btn-fluid { height: 48px; line-height: 48px; font-size: 16px; border-radius: 2px !important; }
.login-wrapper > .layui-form > .layui-form-item.login-oauth-group > a > .layui-icon { font-size: 26px; }
.login-copyright { color: #eee; padding-bottom: 20px; text-align: center; position: relative; z-index: 1; }
.layui-btn { background-color: #5FB878; border-color: #5FB878; }
.layui-link { color: #5FB878 !important; }
.login-wrapper > .layui-form .tips { color: red; text-align: center; }

.login-foot{position:absolute; width: 100%; text-align: center; bottom: 20px; line-height: 25px;}
