@charset "utf-8";
@import "../lib/layui/css/layui.css";
@import "//at.alicdn.com/t/font_693759_zroiq6woob6gvi.css";

/*顶部导航菜单logo样式*/
.layui-layout-admin .layui-logo {
    color: #fff;
    font-size: 20px;
}

/*顶部导航文字菜单样式*/
.layui-nav {
    padding: 0;
}

/*顶部菜单左边部分菜单样式*/
.layui-layout-left {
    left: 235px;
}

/*第一个tan选项卡隐藏取消图标*/
.layui-tab-title li:first-child .layui-tab-close {
    display: none;
}

/*隐藏/显示左边菜单按钮样式*/
.menu-switch {
    width: 30px;
    height: 30px;
    position: relative;
    left: 200px;
    top: 18px;
    color: #fff;
    background-color: #1AA094;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

/*主体内容样式*/
.content-body {
    position: absolute;
    top: 46px;
    right: 0px;
    bottom: 42px;
    left: 200px;
    z-index: 1;
    overflow: hidden;
}

/*主体内容选项卡内容样式*/
.content-body .layui-tab-content {
    position: absolute;
    top: 50px;
    bottom: 0px;
    width: 100%;
    padding: 0px;
    overflow: hidden;
}

/*使iframe高度100%,它的父类高度也需要100%*/
.content-body .layui-tab-content .layui-tab-item {
    height: 100%;
}

/*使iframe高度100*/
.content-body .layui-tab-content .layui-tab-item iframe {
    height: 100%;

}

/*子页面(user.html、article.html等)的主体内容*/
.ok-body {
    padding: 10px;
}

/*子页面面包屑导航样式*/
.ok-body-breadcrumb {
    position: relative;
    line-height: 39px;
    height: 41px;
    border-bottom: 1px solid rgb(229, 229, 229);
}

/*子页面面包屑导航刷新按钮*/
.ok-body-breadcrumb .layui-btn {
    line-height: 2.4em;
    margin-top: 3px;
    float: right
}

/*子页面面包屑导航刷新按钮图标*/
.ok-body-breadcrumb .layui-btn .layui-icon {
    line-height: 40px;
}

/*
.ok-search {
    text-align: center;
}

.ok-search input.layui-input {
    width: 190px;
}*/

/*美化滚动条代码*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button:vertical {
    display: none;
}

::-webkit-scrollbar-track:vertical {
    background-color: black;
}

::-webkit-scrollbar-track-piece {
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb:vertical {
    margin-right: 10px;
    background-color: #A6A6A6;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #aaa;
}

::-webkit-scrollbar-corner:vertical {
    background-color: #535353;
}

::-webkit-scrollbar-resizer:vertical {
    background-color: #FF6E00;
}

/*响应式代码控制*/
@media screen and (max-width: 768px) {
    .layui-layout-admin .layui-bg-black {
        left: -200px;
    }

    .layui-layout-admin .content-body {
        left: 0;
    }

    .layui-layout-admin .layui-footer {
        left: 0;
    }

    .layui-layout-left {
        display: none;
    }
}