body {
}

.layui-header{
    top:0;
    left:0;
    width:100%;
    height:60px;
    background: #393D49;
}
.layui-form{
    border:1px solid #f0f0f0;
    padding:5px;
    margin-bottom:5px;
}
.layui-nav {
    float: right;
}

.header-font{
    display: inline-block;
    width: auto;
    height: 30px;
    color: white;
    font-size: 18px;
    line-height: 30px;
    padding: 15px;
    vertical-align: top;
}

.head-btn{
    display: inline-block;
    margin:15px;
    width: auto;
}

.layui-side{
    margin:60px 0 0 0;
    background:#393D49;
    float:right;
}

.layui-sideto{
    margin:60px 0 0 0;
    background:#393D49;
    float:right;
}

.layui-body{
    float:left;
    box-sizing:border-box;
    margin:60px 0 0 0;
    display:flex;
    flex-direction:column;
}
    .layui-body .layui-tab-card{
        flex:1;
        overflow:hidden;
        display:flex;
        flex-direction:column;
    }

    .layui-body .layui-tab-content{
        flex:1;
    }

    .layui-bodyto {
        left: 0;
    }

.layui-tab-content{
    padding:0px;
}
tr:nth-child(even) {
    background: #F2F2F2;
}