/**住校生活管理平台-个性化配色主题样式**/
/**登录框主题-浅色**/
.login-form {
    background: rgba(255, 255, 255, 0.9);
}

.txtb {
    border-bottom: 1px solid #cbcbcb;

}

.txtb input {
    color: #666;
}

.txtb span::before {
    color: #666;
}

.txtb span::after {
    background: linear-gradient(120deg, var(--primary-color), #ff7422);
}

.txtb-yz {
    color: #666;
}

.yzbt {
    border: 1px solid #ff7422;
    color: #ff7422;
}

.focus+span::before {
    color: #ff7422;
}


.gbt {
    color: #111;
}

.logbtn {
    background: linear-gradient(120deg, var(--primary-color), #ff7422, var(--primary-color));
    background-size: 200%;
    color: #fff;
    outline: none;
    cursor: pointer;
    transition: .5s;

}

.logbtn:hover {
    background-position: right;
}

/**登录框主题-深色**/
.login-form.dark {
    background: #383848;
}

.login-form.dark .txtb {
    border-bottom: 1px solid #52527B;
}

.login-form.dark .txtb input {
    color: #fff;
}

.login-form.dark .txtb span::before {
    color: #ccc;
}

.login-form.dark .txtb span::after {
    background: linear-gradient(120deg, #ffffff, var(--primary-color));
}

.login-form.dark .txtb-yz {
    color: #ccc;
}

.login-form.dark .yzbt {
    border: 1px solid #ff7422;
    color: #ffffff;
}

.login-form.dark .focus+span::before {
    color: #fff;
}

.dark .gbt {
    color: #ccc;
}

.dark .logbtn {
    background: linear-gradient(120deg, var(--primary-color), #ff7422, var(--primary-color));
    background-size: 200%;
    color: #fff;
    outline: none;
    cursor: pointer;
    transition: .5s;
}

.dark .logbtn.is-disabled {
    background: #999999;
    background-size: 200%;
    color: #fff;
    outline: none;
    transition: .5s;
}
.dark .logbtn.is-disabled:hover {
	background: #999999;
}

.dark .logbtn:hover {
    background-position: right;
}

/**登录框主题-end**/

/*只作用于登录页的样式*/
html,body,#app{
    min-width: 100% !important;
    min-height: 620px !important;
    background:inherit !important;
}