/*公共样式*/
body {
    background: #fff;
}

*[mobile]{display:none;}
*[pc]{display:inline-block;}
.layui-side {
    background: #fff;
    z-index: 100;
    width: 260px;
    box-sizing: border-box;
    overflow:inherit;
    z-index:100;
    border-right:1px solid rgba(231, 234, 243, 0.7);
    transition:0.3s;
}

.layui-side .logo {
    display:block;
    color: #132144;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
}

.layui-side .hideMenu {
    position: absolute;
    top: 10px;
    right: -20px;
    z-index:3;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius:100%;
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    border:1px solid rgba(231, 234, 243, 0.7);
    transition:0.1s;
}

.layui-side .hideMenu:hover {
    color: #fff;
    background-color: #1AA094;
    border-color: #1AA094;
}
.layui-side .layui-side-scroll{
    width:100%;
    height:calc(100vh - 60px);
    padding:15px;
    box-sizing:border-box;
}
.layui-nav.layui-nav-tree{
    width:100%;
    background:#fff;
}
.layui-side .layui-nav-item a,.layui-side .nav-item a{ cursor:pointer;color:#132144!important; max-height:60px;display:block;border-radius:6px;padding:15px;height:auto;line-height:1;}
.layui-side .layui-nav-item a:hover,.layui-side .layui-nav .nav-item a.contentiframe:hover,.nav-item .layui-nav-child a:hover, .layui-side .layui-this a{
    color:#132144;
    background:rgba(0,0,0,0.03);
}

.layui-side .nav-item.hasChild{
    padding:5px 0;
}
.layui-side .nav-item a.contentgroup{
    color:#97a4af!important;
    font-size:12px!important;
    font-weight: bold;
    background:none;
    cursor:default;
}
.layui-side .nav-item a.contentgroup cite{
    color:#97a4af!important;
    font-size:12px!important;
    font-weight: bold;
}
.layui-side .layui-nav-more{position:static;right:auto;margin-left:5px;}
.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover,.layui-side .layui-nav-tree .layui-nav-child dd.layui-this,.layui-side .layui-nav-tree .layui-nav-child dd.layui-this a,.layui-side .layui-nav-tree .layui-this,.layui-side .layui-nav-tree .layui-this > a,.layui-side .layui-nav-tree .layui-this > a:hover,.layui-side .layui-nav-tree .layui-nav-bar,.layui-side .layui-nav-itemed:before{
    background:none;
    color:#5FB878!important;
}
.layui-nav-tree .layui-nav-child{
    background:none;
    font-size:14px;
    margin-left:15px;
}
.nav-item .layui-nav-child{
    display:block!important;
    margin:0;
    padding:0;
}
.layui-side .layui-nav dd cite {
    margin-left: 15px;
}
.layui-side .nav-item cite{
    margin-left: 15px;
}

.layui-body {
    left: 260px;
    width: calc(100% - 260px);
    z-index:90;
    transition:0.3s;
}
.layui-body .header-left{padding:0 15px;}
body.menu-collose .layui-side{
    width:80px;
}
body.menu-collose .layui-side .layui-nav-item a{
    text-align:center;
}
body.menu-collose .layui-side .logo span[pc]{display:none;}
body.menu-collose .layui-side .logo span[mobile]{display:inline-block;}
body.menu-open .layui-side .logo span[pc]{display:inline-block!important;}
body.menu-open .layui-side .logo span[mobile]{display:none!important;}
body.menu-collose .layui-side .layui-nav-tree .layui-nav-item .layui-nav-child{
    position:fixed;
    z-index:1;
    left:80px;
    width:150px;
    height:100vh;
    background:#fff;
    min-width:auto;
    margin:0;
    border-left:1px solid #eee;
    transition:0;
}
body.menu-collose .layui-side .layui-nav-item a .layui-nav-more{
    display:none;
}
body.menu-collose .layui-side .nav-item a .layui-icon-more{
    display:block;
}
body.menu-open .layui-side .nav-item a .layui-icon-more{
    display:none;
}
body.menu-collose .layui-side cite{
    display:none;
}
body.menu-collose .layui-body{
    left:80px;
    width: calc(100% - 80px);
}
.header{
    display:flex;
    justify-content: space-between;
    align-items:center;
    border-bottom:1px solid rgba(231, 234, 243, 0.7);
}
.header .layui-nav{
    background:#FFF;
    text-align:right;
}
.header .layui-nav .layui-nav-child{
    top:60px;
    text-align:left;
}
.header .layui-nav .layui-nav-item a,.header .layui-nav .nav-item a{
    color:#132144;
}

#contentiframe{
    width:100%;
    margin:0;
    padding:0;
    display:block;
    height:calc(100vh - 61px);
	padding: 20px;
}

.layui-btn-group .layui-btn{
    margin:0 3px!important;
}
.layui-btn-group .layui-btn:last-child{
    margin-right:0!important;
}
.layui-btn-group .layui-btn:first-child{
    margin-left:0!important;
}


.layui-box{
    margin-bottom:15px;
}
form.search-form{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.layui-table-out-box{
    border:1px solid #e7eaf3b3;
    padding:15px;
    width:100%;
    border-radius:0.75rem;
    box-sizing:border-box;
    box-shadow:0rem 0.375rem 0.75rem rgba(140, 152, 164, 0.075);
}
.layui-table-box{
    position: relative;
    width:100%;
}
.layui-table-body.layui-table-main{
    height:auto!important;
}
.layui-table-fixed-l,.layui-table-fixed-r{
    box-shadow: none;
    border:none;
}
.layui-table thead{
    background:#f8fafd;
}

.layui-table-page,.layui-table-view{
    border:none;
}
.layui-btn,.layui-input, .layui-select, .layui-textarea{
    line-height:2.5;
    height:42px;
    border-radius:4px!important;
}
/* 表单 -S */
.layui-form-select dl dd, .layui-form-select dl dt{
    line-height:44px;
}
.layui-form-pane .layui-form-label{
    background:none;
    border:none;
    width:auto;
    height:auto;
    line-height:2.5;
    float:none;
    text-align:left;
    padding:0;
}
.layui-form-pane .layui-input-block{
    margin:0;
    left:0;
    float:none;
}
/* 表单 -E */













@media screen and (max-width:720px){
    *[pc]{ display:none !important; }
	*[mobile]{ display:inline-block !important; }
    body.menu-collose .layui-side{width:0;}
    body.menu-collose .layui-side .hideMenu,body.menu-collose .layui-side .logo {
        display:none!important;
    }
    .layui-side{width:260px;}
    .layui-side .layui-side-scroll{padding:15px 0;}
    body.menu-collose .layui-body,.layui-body{left:0;width:100%;}

    form.search-form,.layui-input-inline,.layui-inline{
        display: block;
    }
    form.search-form h4{
        margin-bottom:10px;
    }
    .layui-input-inline{
        margin-bottom:10px;
    }
    .layui-table-out-box{
        padding:0;
        border-radius:0;
    }
}