.login{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    background-size: 100% 100%;
    justify-content: center;
    align-items: center;
}
.login-box{
    width: 6.3rem;
    height: 5.6rem;
    background: #FFFFFF;
    border-radius: .12rem;
    box-shadow:0 .06rem .26rem .04rem rgba(56,56,56,0.15);
}
.Currentlogin-box {
    width: 6.3rem;
    height: 7.1rem;
    background: #FFFFFF;
    border-radius: .12rem;
    box-shadow: 0 .06rem .26rem .04rem rgba(56,56,56,0.15);
}
.login-logo{
    width: 100%;
    height: .9rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .18rem;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    align-items: center;
}
.logo{
    width: 1.57rem;
    height: .64rem;
    overflow: hidden;
}
.logo img{
    width: 100%;
    vertical-align: top;
}
.login-logo p{
    font-size: .28rem;
    line-height: 1;
    font-weight: 400;
    margin-left: .17rem;
}
.border{
    width: 100%;
    height:.02rem;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(110,116,148,0.99),rgba(255,255,255,0));
}
.login-form{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .7rem;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    margin-top: .8rem;
}
.login-form div{
    width: 100%;
    height: .58rem;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    justify-items: center;
    align-items: center;
    margin-bottom: .47rem;
}
.login-form div:last-child{
    margin-bottom: 0;
}
.login-form div span{
    width: .38rem;
    height: .38rem;
}
.login-form div span img{
    width: .38rem;
    height: .38rem;
    vertical-align: top;
}
.login-form div input{
    flex: 1;
    height: .58rem;
    border-bottom: 1px solid #DADADA;
    margin-left: .12rem;
    text-indent: .2rem;
    font-size: .3rem;
    color: #333333;
}
.login-form div input::-webkit-input-placeholder{font-size: .3rem;color: #e5e5e5;}
.login-form div input:-moz-placeholder{font-size: .3rem;color: #e5e5e5;}
.login-form div input::-moz-placeholder{font-size: .3rem;color: #e5e5e5;}
.login-form div input:-ms-input-placeholder{font-size: .3rem;color: #e5e5e5;}
.forget {
    font-size: .24rem;
    color: #5D5F69;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: .3rem;
    margin-right: .68rem;    
}
.login-btn{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: .64rem;
}
.login-btn input{
    width: 5.2rem;
    height: .94rem;
    border: 1px solid #284983;
    background-color: transparent;
    border-radius: .12rem;
    letter-spacing: .3rem;
    font-size: .34rem;
    color: #2A3450;
    line-height: .94rem;
}
.login-footer{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: .35rem;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    justify-items: center;
    align-items: center;
}
.company-logo{
    width: 1.06rem;
    height: .37rem;
}
.company-logo img{
    width: 100%;
    vertical-align: top;
}
.login-footer p{
    font-size: .2rem;
    color: #303643;
    line-height: 1;
    text-align: center;
    margin-top: .1rem;
}