@charset "utf-8";

/**  =================== 登录的样式 ===================  **/
body, a, dl, dt, dd, li, img, button {

}
body {
    min-height: 100vh;
    background: #F2F2F2;
}
body::before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #f5f7f9;  }
.top_header{
    width: 100%;
    height: 350px;
    display: block;
    background-image: url(../images/top.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.login-wrapper { position: relative; z-index: 2; margin: 0 auto; padding: 20px; max-width: 420px; box-sizing: border-box; }
.login-wrapper .layui-btn { border-color: currentcolor !important; }
.login-wrapper > .layui-form { padding: 25px 30px; border-radius: 4px; background-color: #ffffff;box-sizing: border-box; }
.login-wrapper > .layui-form > h2 { margin-bottom: 25px; font-size: 18px; text-align: center; color: #333333; }
.login-wrapper > .layui-form > .layui-form-item { position: relative; margin-bottom: 25px; }
.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 { position: absolute; top: 0; left: 0; width: 46px; height: 46px; font-size: 20px; text-align: center; color: #909399; line-height: 46px; }
.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 { position: absolute; top: 0; right: 0; width: 120px; height: 46px; border: 1px solid #e6e6e6; border-radius: 2px !important; cursor: pointer; box-sizing: border-box; }
.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 { position: relative; z-index: 1; padding-bottom: 20px; text-align: center; color: #eeeeee; }
.layui-btn { border-color: #1890ff; background-color: #1890ff; }
.layui-link { color: #1890ff !important; }
.layui-btn-gloomy { background-color: #444c69; }
.layui-btn-danger { background-color: #f56c6c; }
.layui-btn-default { background-color: #1890ff;!important; }
.layui-btn-forbid,
.layui-btn-forbid:hover { cursor: not-allowed; opacity: 0.65; pointer-events: none; }

@media screen and (min-height: 550px) {
    .login-wrapper { position: absolute; top: 40%; right: 0; left: 0; margin: -250px auto 0; width: 100%; }
    .login-copyright { position: absolute; right: 0; bottom: 0; left: 0; }
}

.ls-login {
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.row-center {
    justify-content: center;
}

.col-center {
    align-items: center;
}

.flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.font-size-24 {
    font-size: 24px;
}

.weight-500 {
    font-weight: 500;
}

.m-t-40 {
    margin-top: 40px;
}

.el-form-item {
    margin-bottom: 22px;
}

.el-form .el-form-item__content {
    font-size: 12px;
}

.el-form .el-form-item__content>.el-cascader, .el-form .el-form-item__content>.el-input, .el-form .el-form-item__content>.el-select {
    width: 280px;
}

.el-input {
    position: relative;
    font-size: 12px;
    display: inline-block;
    width: 100%;
}

.el-input {
    position: relative;
    font-size: 14px;
    width: 100%;
}

.el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px;
}

.el-input--prefix .el-input__inner {
    padding-left: 30px;
    font-size: 12px;
    font-family: PingFang SC,Arial,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid hsla(0,0%,89.8%,.898039);
    box-sizing: border-box;
    color: #666;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}

.el-input__icon, .el-input__prefix {
    height: 100%;
    text-align: center;
    transition: all .3s;
}

.el-input__prefix {
    position: absolute;
    left: 5px;
    top: 0;
    color: #999;
}

.ls-login__content .ls-content__body .form-wrap .el-button[data-v-32aa3bbf] {
    width: 100%;
    margin-top: 20px;
}

.el-button--primary {
    color: #fff!important;
    background-color: #4073fa!important;
    border-color: #4073fa!important;
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid hsla(0,0%,89.8%,.898039);
    border-color: hsla(0,0%,89.8%,.898039);
    color: #666;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 400;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}

.bg-white {
    background-color: #fff;
}

.ls-footer[data-v-56b47ae2] {
    padding: 20px 0
}

.ls-login__content {
    margin: 0 auto;
    width: 800px
}

.ls-login__content .ls-content__body {
    flex: 1;
    height: 100%;
    height: 400px;
    box-shadow: 3px 0 10px rgba(0,0,0,.08);
    border-radius: 20px;
    overflow: hidden
}

.ls-login__content .ls-content__body>div {
    width: 50%;
    height: 100%
}

.ls-login__content .ls-content__body .login-img {
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.ls-login__content .ls-content__body .form-wrap {
    padding: 50px auto
}

.ls-login__content .ls-content__body .form-wrap .el-button {
    width: 100%;
    margin-top: 20px
}

.el-input__prefix {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    color: rgba(0,0,0,.65);
    line-height: 0;
    transform: translateY(-50%);
    margin-left: 5px
}

.flex-1 {
    flex: 1;
}

.page-login-v3:before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: '';
    background: #62a8ea;
    background: url(/static/common/images/login_bg_new.png) center center/cover no-repeat !important;
}