.login {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    background: -webkit-linear-gradient(270deg, #2b8aff 0%, #2bb6ff 100%);
    background: linear-gradient(270deg, #2b8aff 0%, #2bb6ff 100%);
    overflow-y: auto;
    background-size: cover;
}
.login:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("../../image/sign/login_back.png") center bottom no-repeat;
}
.box {
    position: relative;
    margin: 20px auto;
}
.login_box {
    position: relative;

    overflow: hidden;
    border-radius: 6px;
    background: #fff url("../../image/sign/login_box_left_back.png") 20px center
        no-repeat;
}
.box {
    position: relative;
}

h1 {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    text-align: center;

    margin: 10px 0 40px 0;
    
}
h1 img{
    max-width: 74px;
    max-height: 71px;
    margin-right: 15px;
    vertical-align: middle;
}
.login-form {
    margin-left: 400px;
    overflow: hidden;
    border-radius: 6px;
    background: #ffffff;
    width: 400px;
    padding: 10px 70px 55px 40px;
  
}
.layui-form-item{margin-bottom:20px;}
.layui-input{height:45px;line-height:45px;}
.login-btn{margin-top:40px;height:45px;line-height:45px;}

.change-login-type{margin-left:440px;display: flex;padding: 50px 0 20px;margin-right: 70px;}
.login-type-item{

flex: 1;

text-align: center;

font-size: 20px;

color: #696969;
cursor:pointer;
}
.qr-box{margin:20px 70px 20px 440px;min-height:300px;margin-bottom: 5px;width:400px;}
.login-type-item.active{
    color: #157cfc;
    font-weight: bold;
}
.qrCode{width:260px;margin:0 auto;}
#captcha{cursor:pointer;}