.logon{
    height: 7.82rem;
}
.logon_box{
    width: 14rem;
    height: 100%;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0rem 0.06rem 0.65rem 0.01rem rgba(198,198,198,0.27);
    border-radius: 0rem 0rem 0.05rem 0.05rem;
    overflow: hidden;
}
.logon_box_tit{
    font-size: 0.38rem;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei-Bold;
    font-weight: normal;
    color: #004AAE;
    text-align: center;
    margin-top: .49rem;
    margin-bottom: .82rem;
}
.logon_box_bottom{
    display: flex;
    width: 12rem;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}
.logon_img{
    width: 5.24rem;
    height: 4.25rem;
}

.logon_right{
    width: 5.4rem;
    height: 5.22rem;
}
.logon_right_tit{
    width: 5.4rem;
    height: 0.7rem;
    background: #004AAE;
    border-radius: 0.05rem 0.05rem 0rem 0rem;
    font-size: 0.2rem;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei-Bold;
    font-weight: bold;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logon_right_bottom{
    width: 100%;
    height: 4.52rem;
    padding: .77rem .78rem 0 .82rem;
    box-sizing: border-box;
    border: 0.01rem solid #E5E5E5;
}
.logon_right_bottom div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 3.8rem;
    height: 0.5rem;
    background: #FFFFFF;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    border: 0.01rem solid #E5E5E5;
    padding:  0 .26rem ;
    box-sizing: border-box;
}
.logon_right_bottom div input{
    width: 100%;
    height: auto;
}
.logon_username{
    margin-bottom: .3rem;
}
.logon_username img{
    width: .26rem;
    height: .26rem;
    margin-right: .14rem;
}
.logon_password{
    margin-bottom: .18rem;
}
.logon_password img{
    width: .24rem;
    height: .24rem;
}
.logon_password img:first-child{
    margin-right: .14rem;
}
.logon_password img:last-child{
    cursor: pointer;
}
.forget{
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: .43rem;
}
.forget a{
    font-size: 0.16rem;
    font-family: MicrosoftYaHei, MicrosoftYaHei;
    font-weight: normal;
    color: #222222;
}
.logon_right_bottom button{
    width: 3.8rem;
    height: 0.5rem;
    background: #004AAE;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
    font-family: MicrosoftYaHei, MicrosoftYaHei;
    font-weight: normal;
    color: #FEFEFE;
}

.forget_from{
    padding-top: .56rem;
    height: 100%;
}

.forget_from .code{
    border: 0;
    padding: 0;
    margin-bottom: .3rem;
}

.forget_from .code input{
    width: 2.18rem;
    height: 0.5rem;
    background: #FFFFFF;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    border: 0.01rem solid #E5E5E5;
    padding: 0 .26rem;
    box-sizing: border-box;
}
.forget_from .code button{
    width: 1.52rem;
    height: 0.5rem; 
    background: #004AAE;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    opacity: 1;
    border: 0.01rem solid #E5E5E5;
}

.forget_from .logon_password{
    margin-bottom: .3rem;
}

.forget_from >button{
    margin-top: .69rem;
}