.fl {
    float: left;
}

.fr {
    float: right;
}

.main-color {
    color: #91d41c;
}

.main-bg {
    background-color: #91d41c !important;
}

.bg-white {
    background-color: #fff !important;
}

.header {
    line-height: 100px;
    background-color: #ffffff;
    box-shadow: 0px 6px 16px 0px rgba(73, 77, 79, 0.1);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.header-main {
    float: left;
    display: inline-block;
    position: relative;
    height: 100px;
}
.header-logo{
    float: left;
    width: 150px;
    position: absolute;
    left: 20px;
    /*transform: translate(-50%, -50%);*/
    /*display: table-cell;*/
    /*vertical-align: middle;*/
    /*text-align: center;*/
}
.header-login{
    width: 80px;
    line-height: 40px;
    background-color: #91d41c;
    border-radius: 20px;
    position: absolute;
    /*left:50%;*/
    top:50%;
    transform: translateY(-50%);
    text-align:center;
    right: 20px;
}
.header-login span{
    width: 31px;
    height: 15px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
.header-login span:hover{
    color: #46a571
}
.login-info{
    height: 100%;
    position: absolute;
    right: 0px;
}
.login-info cite, .logout{
    font-size: 20px;
}
.login-info-mobile{
    height: 100%;
    position: absolute;
    right: 10px;
    display: none;
}
.layui-nav .layui-nav-item a {
    color: #0C0C0C;
}
.layui-nav .layui-nav-item a:hover {
    color: #91d41c;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    background-color: #91d41c;
}
.login-info .layui-nav-child a{
    text-align: center;
    color: #ffa904;;
}
.login-info .layui-nav-child a:hover{
    color: #aaa;
}
.login-info .layui-nav .layui-nav-more {
    display: none;
}
#user-nav-mobile, #menu-nav-mobile{
    display: none;
    position: fixed;
    top: 100px;
    z-index: 999;
    width: 100%;
}
#user-nav-mobile li,#menu-nav-mobile li{
    text-align: center;
}
#user-nav-mobile li a,#menu-nav-mobile li a{
    color: #FFFFFF;
}
@media screen and (max-width: 768px){
    .login-info{
        display: none;
    }
    .login-info-mobile{
        display: inline-block;
    }
    /*.header-logo{*/
    /*float: left;*/
    /*width: 100px;*/
    /*}*/
    .header-login{
        display: none;
    }
}