html,
body,
#app {
    height: 100%;
}

.login-container {
    min-height: 100%;
    width: 100%;
    overflow: hidden;
    background: #37e;
    background: linear-gradient(120deg, #37e, #03c);
}

.login-container .login-form {
    position: relative;
    max-width: 520px;
    padding: 15px 55px;
    margin: 15% auto 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, .1)
}

.login-form .t1 {
    position: absolute;
    left: 50%;
    top: -80px;
    width: 800px;
    height: 80px;
    margin-left: -400px;
    padding: 0;
    line-height: 0;
    font-size: 0;
    background: url(../images/logo_ejjzs.png) center no-repeat;
}

.login-form .t2 {
    margin: 0 -55px 20px;
}

.login-form .el-form-item {
    margin-bottom: 25px;
}

.login-form .el-button.btn-block {
    display: block;
    width: 100%;
    font-size: 16px;
    margin: 0 0 10px;
}

.login-notice p {
    margin: 10px 0;
    font-size: 16px;
}

.login-notice p .el-link {
    font-size: inherit;
    vertical-align: 0;
}

.login-notice .el-divider__text {
    background-color: #fff;
}
img.yzm {
    max-width: 105px;
    height: 38px;
}
.el-input-group__append, .el-input-group__prepend{
    background: #fff;
}
/* 入口 */

.entrance {
     border: none;
     background: linear-gradient(120deg, #18d, #048);
     color: #fff;
     cursor: pointer;
     transition: .3s;
 }

 .entrance:hover {
     background: linear-gradient(120deg, #37e, #03c);
     box-shadow: 0 8px 16px rgba(0, 0, 0, .2);
     transform: translate(0, -3px);
 }

 .entrance p i {
     display: inline-block;
     width: 60px;
     height: 60px;
     margin: 15px 0;
     line-height: 60px;
     text-align: center;
     font-size: 32px;
     background-color: rgba(255, 255, 255, .1);
     border-radius: 100px;
     box-shadow: 0 0 0 8px rgba(255, 255, 255, .05);
 }

 .entrance h3 {
     line-height: 2em;
     font-weight: bold;
     font-size: 18px;
 }