.login_page{
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    /* background: #16a085;url('../img/login/bg.png') repeat center */
    background: #010013;
    bottom: 0;
}
.login-box {
    position: absolute;
    top: calc((100% - 420px) / 2);
    right: 0px;
    width: 400px;
    height: 420px;
    padding: 20px;
    animation: flash 2s linear;
}
@keyframes flash
{
    from {
        /* right: calc(100% - 400px); */
        top: -420px;
        opacity: 0;
    }
    to {
        /* right: 0; */
        top:calc((100% - 420px) / 2);
        opacity: 1;
    }
}
.login-box .login-log{
    position: absolute;
    top: -70px;
    width: 100%;
    margin-left: 132px;
}
.login-box .login-log img{
    width:80px;
}
.login-box .title{
    color: #199bc4;
    font-size: 22px;
    text-align: center;
    font-family: 'PingFang';/*CRR35*/
}
.login-box .btn-box {
    margin-top:70px;
    text-align: center;
    box-sizing: content-box;
}

.login-box .line{
    position: relative;
    margin: 70px 50px 0 50px;
}
.login-box .line .ipt{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: 'pingfangR';
    width: 100%;
    background:transparent;
    border: none;
    outline: none;
    color: #1d7eb8;
    border-bottom: 1px solid #199bc4;
    padding-left: 30px;
}
.login-box .line .iconfont{
    color: #1d7eb8;
    font-size: 18px;
    position: absolute;
    left: 2px;
    bottom: 8px;
}
.login-box .line .ipt:focus{
    border-bottom: 3px solid #199bc4;
}