html, body {width: 100%;height: 100%;overflow: hidden}

body { background: #1E9FFF;}

body:after {content:'';background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}

.layui-container {width: 100%;height: 100%;overflow: hidden}



.login-wrapper { width: 100%; position:absolute;  margin: -250px auto 0; top: 50%; left: 0; right: 0;}

.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; }

.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; }



@media screen and (min-width: 768px) {

    .login-wrapper { position:absolute; left:50%; top:40%; margin-left:-180px; margin-top:-100px; width: 420px; }

}

.layui-btn { background-color: #5FB878; border-color: #5FB878; }

.layui-link { color: #5FB878 !important; }

.login-wrapper > .layui-form .tips { color: red; text-align: center; }