@charset "utf-8";
@import "bootstrap-ui.css"; /*引入BSUI主题配色*/
@import "plugins/messager.css"; /*引入messager消息提示框插件 作用于登录页*/
/*!
 * 以下针对系统编写样式及引用新的css样式模块优化整理
 */
/*
【登录界面】
*/
.page-login{ padding-top: 8%;}
/* .page-login .container{max-width:800px;} */
.login-header{ margin-bottom: 40px; font-size:26px; line-height:50px; font-weight: bold;}
.header-brand-img{height: 50px;line-height:50px;}
.login-body{display: flex;justify-content: center;border-radius: 4px;border: 1px solid #d9dde7; min-height: 384px;}
.login-body{max-width:400px; margin: 0 auto;}
.card-group.login-body{max-width:800px;}
.login-form .card-body{ padding: 20px;}
.login-form{ width:100%; padding: 15px;border-radius: 4px;border: 1px solid #d9dde7;background: #fff; float: left;border: none; margin-bottom: 0px;}
.card-group .login-form{ width:50%;}
.login-form h1{ margin: 0; padding: 0; margin-bottom: 20px;}
.login-form .input-group{ margin-bottom: 15px;}
.login-form .input-group i{ color:#9aa0ac;}
.login-form .input-group .input-group-addon{min-width: 38px; background: #fff;}
.login-verfiy-code{ position: relative;}
.login-verfiy-code .form-control{border-radius: 0 3px 3px 0 !important;}
.login-verfiy-code .code{ position: absolute; top:1px; right: 1px; border-radius: 0 3px 3px 0; z-index: 9; overflow: hidden;}
.login-verfiy-code .code .code-img{ height: 36px;}
.login-verfiy-code .code .code-img img{ height: 100%;}
.login-promo{ width: 100%; border: none;border-radius: 0 3px 3px 0; float: left;border: none; margin-bottom: 0px;}
.card-group .login-promo{ width:50%;}
.login-promo .card-body{ padding:0;width: 100%; height: 100%; float: left;}
.login-promo .promobgimg{background-position:100% 50%;background-size: cover;background-repeat: no-repeat; width: 100%; height: 100%; display:block; padding: 0px;background: #235cfc; color: #fff;border-radius: 0 4px 4px 0; min-height: 383px; float:right;}
.login-promo img{ width: 100%;border-radius: 0 3px 3px 0;}
/*兼容ie8*/
/*新增背景图*/
.login-bg{}
.login-bgimg{}
.login-bgimg .page-login{ padding-top:13%;}
/* .login-bgimg .page-login .container {max-width:800px;} */
.login-bgimg .page-login .login-body{max-width:400px; min-height:460px;border:none;}
.login-bgimg .login-header{ font-size: 25px;margin-top: 30px;}
.login-bgimg .login-form{border-radius: 14px;box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); position: relative;}
.login-bgimg .login-form .input-group .input-group-addon {min-width: 44px;}
.login-bgimg .login-form .input-group i{ font-size: 16px;}
.login-bgimg .login-verfiy-code .code .code-img {height: 42px;}
.login-bgimg .avatar{position: absolute;left: 50%;margin-left: -50px;top: -50px;z-index: 9;}
.login-bgimg .avatar .img-circle{ width: 100px; height: 100px;}
.login-btn{ margin-top:30px;}