/* 通用定义 */

body {
    background-color: #f5f7f9;
}


/* 头部定义 */
.top-bar {
    widows: 100%;
    height: 60px;
    border-bottom: 1px solid rgba(0, 40, 100, 0.12);
    align-items: center;
    z-index: 1024;
    position: relative;
}

.top-bar .logo {
    width: 120px;
}

.avatar {
    height: 32px;
    width: 32px;
    background-color: #f5f5f5;
}

.top-menu {
    border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}



/* 底部定义 */
footer{
    background-color: #ffffff;
    border-top: 1px solid rgba(0, 40, 100, 0.12);
}



/* 登录页 */
.form-signin {width: 100%;max-width: 330px;padding: 15px;margin: 0 auto;}
.form-signin .checkbox {font-weight: 400;}
.form-signin .form-control {position: relative;box-sizing: border-box;height: auto;padding: 10px;font-size: 16px;}
.form-signin .form-control:focus {z-index: 2;}
.form-signin input[type="email"] {margin-bottom: -1px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.form-signin input[type="password"] {margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}
.bgImg {
    height: 90%;
    width: 100%;
    background: url(https://cdn.pixabay.com/photo/2017/12/03/20/31/background-2995826_960_720.png) no-repeat center;
    background-size: cover;
    position: absolute;
    overflow: hidden;
  }
/* no-repeat center center fixed; background-size: 100%;" */