/*由于layui很多框架都带有边距,有时候部分边距不应该去重写它,比如内容区域设置为100%高度时,由于边距的原因导致右侧会出现一个浏览器的滚动条从而导致排版错乱,网页主体的隐藏意味着整个个浏览器的溢出都被隐藏掉了*/
body {
    overflow: hidden;
    font-size: 16px;
}
.顶部导航样式 {
    margin-left: 200px;
    padding-left: 0px;
    border-radius: 0px;
}
.logo区域 {
    width: 200px;
    height: 60px;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.头像区域 > a > img {
    width: 50px;
    height: 50px;
    line-height: 60px;
    border-radius: 100%;
}
.头像区域 > a > span {
    margin-left: 8px;
}
.layui-nav-tree .layui-nav-item span {
    margin-left: 5px;
}

.顶部导航样式 .layui-this:after,
.顶部导航样式 .layui-nav-child dd.layui-this {
    background-color: transparent;
}
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-nav-bar,
.layui-nav-tree .layui-this > a {
    background-color: #36b368;
}
.侧边导航样式 {
    border-radius: 0px;
}
.侧边导航样式 > li > dl > dd > a {
    margin-left: 18px;
}
.内容主体样式 {
    margin-left: 200px;
}
/*当页面宽度小于参数中设置的宽度时,执行里面的样式代码,640是比较普遍的一个小屏桌面分辨率*/
@media (max-width: 640px) {
    .侧边导航样式 {
        border-radius: 0px;
        display: none;
    }
    .顶部导航样式 {
        margin-left: 0px;
        border-radius: 0px;
    }
    .内容主体样式 {
        margin-left: 0px;
    }
}
.layui-tab {
    margin-top: 0px;
}
.layui-tab-content {
    padding: 0px 0px;
}
/*在选项卡的标题列表项中有隐藏的斜体文本,就是删除按钮*/
.禁止删除 i {
    display: none !important;
}
.选项卡内容样式 {
    width: 100%;
    height: calc(100vh - 41px - 60px);
    border: none;
}