*{
    padding: 0;
    margin: 0;
}
html,body{
    width: 100%;
    height: 100%;
}
#app{
    position:absolute;
    height:100%;
    width:100%;
    overflow: hidden;
}
.header{
    display: flex;
}
.header .header-left{
    float: left;
    margin-left: 40px;
}
.header .header-right{
    float: right;
    line-height: 67px;
    color: #666666;
    font-size: 18px;
    margin-right: 31px;
    position: absolute;
    right: 0;
}
.container{
    background: url("../img/login/school.png");
    background-repeat: round;
    width: 100%;
    min-height: calc(100% - 170px);
    position: relative;
    text-align: center;
}
.container .login{
    background-color: #fff;
    width: 320px;
    height: 280px;
    position: absolute;
    top: 150px;
    right: 230px;
    border-radius: 10px;
}
.container .login .login-h5{
    margin-top: 35px;
    margin-bottom: 20px;
 }
.container .login .login-inp > .el-input__inner{
    border-radius: unset;
    border: none;
    border-bottom: 1px solid #dcdfe6;
    padding-left: 45px;
 }
.container .login .login-number{
    color: #3B7FF5;
    border: 1px solid #3B7FF5;
    border-radius: 22px;
 }
.container .login .login-btn{
    margin-top: 30px;
    width: 90%;
 }
.footer{
    background-color: #043546;
    height: 100px;
    display: flex;
}
.footer .footer-logo{
    float: left;
    align-self: center;
    margin-left: 300px;
}
.footer  .footer-txt{
    align-self: center;
    float: left;
    margin-right: 89px;
    font-size: 14px;
    color: #90A6AF;
}