@charset "utf-8";
::-webkit-input-placeholder {
    color: #999;
}
::-moz-placeholder {
  color: #999;
}
:-ms-input-placeholder {
  color: #999;
}
.login-main {width:800px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow:0 0 30px rgb(0 0 0 / 10%);overflow: hidden;
position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;;
}
.login-main .layui-elip{font-size:24px;font-weight: 400; font-stretch: normal; letter-spacing:.5px; color: #fff;text-align: center; overflow: hidden; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);min-width:50%;-webkit-backdrop-filter: saturate(100%) blur(5px);
  backdrop-filter:saturate(100%) blur(5px);-moz-backdrop-filter:saturate(100%) blur(5px);-ms-backdrop-filter:saturate(100%) blur(5px);-o-backdrop-filter:saturate(100%) blur(5px);display:flex;align-items:center;justify-content:center;}
.login-main .layui-elip a {color:#fff;text-decoration:underline;}
.login-main .layui-form {min-width:50%;}
.login-main .layui-elip span.version {font-size:12px;font-family:Arial;font-weight:normal;}
.login-main .layui-elip .bg1 {display: inline-block; width: 74px; height: 74px; background: #fff; opacity: .1; border-radius: 0 74px 0 0; position: absolute; left: 0; top: 43px; }
.login-main .layui-elip .bg2 {display: inline-block; width: 94px; height: 94px; background: #fff; opacity: .1; border-radius: 50%; position: absolute; right: -16px; top: -16px; }
.login-main .layui-form-item{padding:40px;margin-bottom:0;background-color:#fff;}
.login-main form .layui-input-inline,.login-main form .layui-input-inline button {width:100%;}
.login-main form .layui-input-inline button {background-color:#f4682b;}
.login-main form .verify-box input {display: inline-block; width: 60%; }
.login-main form .layui-input-inline {margin-bottom: 15px; }
.login-main form .layui-input-inline.verify-box {margin-bottom: 5px; }
.login-main form .verify-box img {display: inline-block; margin-left: 2%; width: 36%; height: 38px; }
.login-main .layui-form-item .layui-input {padding-left: 38px; }
.login-main .layui-icon{position: absolute; left: 1px; top: 1px; width: 38px; line-height: 36px; text-align: center; color: #999; }
.login-main .layui-form-checked[lay-skin=primary] i {border-color: #1e9fff!important; background-color: #1e9fff; color: #fff; width: 14px; height: 14px; line-height: 14px; }
.login-main  .layui-form-checkbox[lay-skin=primary] i {width: 14px; height: 14px; line-height: 14px; }
.login-main .layui-form-checkbox[lay-skin=primary]:hover i {border-color: #1e9fff; color: #fff; }
@media screen and (max-width:992px) {
  .login-main {width:50%;flex-wrap:wrap;}
  .login-main .layui-elip,.login-main .layui-form {min-width:100%;}
  .login-main .layui-elip {padding-top:40px;padding-bottom:40px;}
}
@media screen and (max-width:576px) {
  .login-main {width:80%;}
  .layui-form-item .layui-input-inline {margin:0;}
}