html,body{
    width: 100%;
    height: 100%;
}
.login_bg {
    background-image: url('/static/admin/img/login_bg.png');
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    zoom: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.main_login{
    width: 30%; 
    min-width: 315px;
    position: absolute;
    right: 10%;
    top: 20%;
    text-align: center;
}

.main_login .logo{
    width: 11%;
    min-width: 50px;    
}
.main_login .title_login{
    width:205px;
    font-size:1rem;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    margin: 0.8rem auto;
}

.main_login .content{
    width: 90%;
    margin: 0 auto;
    min-width: 310px;
}

.main_login .content .layui-tab-title{
    text-align: center;
    border-bottom-style: none;
}
.layui-tab-brief>.layui-tab-title .layui-this{
    color: #009BFD;

}

.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom: 2px solid #009BFD;
}
.main_login .content .layui-tab-title li{
    font-size: 1rem;
}

.main_login .content .layui-input-block{
    width: 80%;
    margin: 0 auto 1.5rem;
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.main_login .content .layui-input-block .layui-input{
    border: 0;
    width: 85%;
}

.main_login .content .layui-input-block .user{
    float: left;
    width: 12px;
    margin-top: 12px;
    margin-left: 10px;
    margin-right: 10px;
}