.body_bg{
    width: 100%;
    height: 100%;
    background: #111;
}
/* .body_bg .layui-form {
    margin-top:20%;
} */
.login-Content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.body_bg .layui_col .layui-input-inline{
    width: 310px;
    margin: auto;
    display: block;
}
.body_bg .layui_col .layui-input-inline input{
    height: 42px;
    line-height: 42px;
    color: #fff;
    background: rgba(45,45,45,.15);
    border: 1px solid rgba(255,255,255,.15);
    font-size: 14px;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    margin-top: 40px;
    border-radius: 6px;
}
.layui_button_q button{
    width:  310px;
    height: 42px;
    line-height: 42px;
    display: block;
    margin:40px auto;
    border-radius: 6px;
}
.layui_button_z a{
    width:  310px;
    height: 42px;
    line-height: 42px;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.38);
    background: rgba(45, 45, 45, 0.33);
    border-radius: 6px;
    margin:40px auto;
    color: #fff;
    text-align: center;
}
.layui_h1{
    text-align: center;
    color: #fff;
    letter-spacing: 16px;
    margin-bottom: 10px;
}

/*【】*/
.body_bg .layui-btn-primary{
    background: rgba(45,45,45,.15);
    color: #fff;
    border: 1px solid rgba(255,255,255,.15);
}
.body_bg .layui-btn-primary:hover{
    border: 1px solid #fff;
}
.layui_button button{
    width: 148px;
    height: 42px;
    line-height: 42px;
    border-radius: 6px;
    margin: 40px 0 40px 36.5%;

}
@media screen and (max-width: 768px){
    .layui_button button{
        margin: 40px 0 40px 10.5%;
    }
    .layui_anmlit{
        display: none;
    }
}
.layui_anmlit{
    font-size: 18px;
    color: #fff;
    margin-top: 0px;
    position:absolute;
    animation:mymove 1s;
    animation-iteration-count:1;

    /* Safari and Chrome */
    -webkit-animation:mymove 1s;
    -webkit-animation-iteration-count:1;
    animation-fill-mode:forwards;    /*保留最后一帧的动画状态，与100%配合使用*/
}

@keyframes mymove
{
    0% {left:0px;}
    100%{left:500px;}

}

@-webkit-keyframes mymove
{ /* Safari and Chrome */
    0% {left:0px;}
    100%{left:500px;}
}

/* 2019.7.13 */
.clear:after{
    content:'';
    display:block;
    clear: both;
}