.widthCenter {
    width: 1200px;
}

body,
html {
    background: url(./img/bg.png) repeat;
    width: 100%;
}

body,
html,
div {
    box-sizing: border-box;
}

@media screen and (max-width: 1680px) {}

@media screen and (min-width: 1681px) and (max-width:1920px) {}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #3f7cf8;
}

.title-top-bgf {
    height: 30px;
    background-color: #fff;
    color: #000;
    line-height: 30px;
    padding-left: 46px;
    position: relative;
}

.title-top-bgf::before {
    position: absolute;
    content: '';
    width: 5px;
    height: 20px;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    background-color: #3f7cf8;
    border-radius: 2px;
}

.title-top {
    height: 60px;
    background-color: #3f7cf8;
    color: #fff;
    padding-left: 46px;
    line-height: 60px;
    position: relative;
    font-size: 18px;
    font-weight: 600;
}

.title-top::before {
    position: absolute;
    content: '';
    width: 5px;
    height: 20px;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    background-image: linear-gradient(#adc8ff,
    #adc8ff),
    linear-gradient(#f44336,
            #f44336);
    border-radius: 2px;
}

.grzxTable-data {
    border: 1px solid #e4e4e4
}

.grzxTable-data .table-row {
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    height: 47px;
}

.grzxTable-data .table-row>div {
    height: 46px;
    padding-left: 30px;
    box-sizing: border-box;
    line-height: 46px;
}

.table-col3 {
    width: 33.33%;
    border-right: 1px solid #e4e4e4;
    color: #333333;
    background-color: #f8f9fb;

}

.table-col9 {
    width: 66.66%;
    color: #606266;
}


.grzxTable-data .table-row:nth-last-child(1) {
    border-bottom: none;
}

.grzx-left-menu-buttom {
    width: 220px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
}

.grzx-left-menu-buttom .layui-nav-tree {
    width: auto;
}

.grzx-left-menu-buttom .layui-nav-item {
    display: flex;
    background-color: #fff;
    align-items: center;
    padding-left: 28px;
    box-sizing: border-box;

}

.grzx-left-menu-buttom .layui-nav-item img {
    width: 16px;
    height: 20px;
}

.grzx-left-menu-buttom .layui-nav-item a {
    color: #555555;
    font-size: 16px;
    background-color: #fff;
}


.grzx-left-menu-buttom .layui-nav-tree .layui-this,
.grzx-left-menu-buttom .layui-nav-tree .layui-this>a,
.grzx-left-menu-buttom .layui-nav-tree .layui-this>a:hover {
    background-image: linear-gradient(#e3ecff,
    #e3ecff),
    linear-gradient(#ffe9d9,
            #ffe9d9) !important;
    color: #2a6aec !important;
    font-size: 18px;
    font-weight: 700;

}

.grzx-left-menu-buttom .layui-nav .layui-nav-item a:hover {
    color: #2a6aec !important;
}

.layui-btn-normal {
    background-color: #3f7cf8;
}

.content-table {
    margin-bottom: 20px;
}

.content-table .table-num {
    margin-bottom: 16px;
    margin-top: 16px;
}

.content-table .table-num .num {
    color: #3771ff;
}
.layui-nav-item a {
    width: 100%;
}