/* Login Page Modern Override */
body.beg-login-bg {
    background: #f0f2f5 url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXsrQifweFIWYxp.jpg') no-repeat center 110px;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    margin: 0;
}
.container.login {
    width: 100%;
}
.content {
    width: 100%;
}
.large-header {
    background: transparent !important;
}
.beg-login-box {
    width: 380px !important;
    margin: 0 auto !important;
    padding-bottom: 20px !important;
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 16px -3px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: none !important;
    border: none !important;
}
.beg-login-box header {
    height: auto !important;
    padding: 32px 20px 20px !important;
    border-bottom: none !important;
    text-align: center;
}
.beg-login-box header h1 {
    font-size: 28px !important;
    font-weight: 600 !important;
    color: rgba(0, 0, 0, 0.85) !important;
    line-height: 1.2 !important;
}
.beg-login-box .beg-login-main {
    padding: 0 40px 20px !important;
}
.beg-login-main .layui-form-item {
    margin-bottom: 24px !important;
}
.beg-login-main .layui-form-item input {
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 6px !important;
    padding-left: 36px !important;
    border: 1px solid #d9d9d9 !important;
    font-size: 14px;
}
.beg-login-main .layui-form-item input:hover {
    border-color: #40a9ff !important;
}
.beg-login-main .layui-form-item input:focus {
    border-color: #40a9ff !important;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}
.beg-login-main .layui-form-item .beg-login-icon {
    top: 12px !important;
    left: 12px !important;
    color: rgba(0,0,0,.25) !important;
}
.btn-blog {
    height: 40px !important;
    font-size: 16px !important;
    border-radius: 6px !important;
    background-color: #1890ff !important;
    border-color: #1890ff !important;
    box-shadow: 0 2px 0 rgba(0,0,0,.045) !important;
    color: #fff !important;
    font-weight: 500 !important;
}
.btn-blog:hover {
    background-color: #40a9ff !important;
    border-color: #40a9ff !important;
    box-shadow: 0 2px 0 rgba(0,0,0,.045) !important;
    transform: none !important;
}
.beg-login-box footer {
    border-top: none !important;
    padding: 10px 40px !important;
    text-align: center;
}
.beg-login-box footer p {
    color: rgba(0,0,0,.45) !important;
    font-size: 12px;
}
.beg-clear {clear: both;}
.beg-login-code-box { position: relative;padding: 10px;}
.beg-login-code-box input {position: absolute;width: 100px;}
.beg-login-code-box img {cursor: pointer;position: absolute;left: 115px;height: 38px;}
.layui-form-item .captcha { position: absolute;right: 1px;top: 1px; border-left: 1px solid #e6e6e6;}
.layui-form-item .captcha img {height: 36px;cursor: pointer;}
.beg-login-main .layui-form-item #captcha{padding-left: 8px;}

/********************************北京动画*****************************/
@media screen and (max-width: 750px){
	.beg-login-box { width: 90% !important; margin: 10% auto !important; background-color: #ffffff !important; border-radius: 12px !important; color: #333 !important;}
	.beg-login-box .beg-login-main {height: auto;padding: 15px 15px 0 !important;}
	.layui-btn{width: 100%;display: block;}
	.layui-btn .layui-icon{display: none;}
	.beg-login-remember{display: none;}
	.beg-pull-right{float: none!important;}
	.lfb{margin-bottom: 0;}
	.main-title { position: absolute;width: 100%;margin: 0 auto;padding: 0;color: #333;text-align: center; top: 15%; left: 0;}
}