@charset "utf-8";

/* 公共样式 */
* {
    font-family: SimSun, 宋体, "Microsoft YaHei", 微软雅黑;
}
*:focus, *:active {
    outline: none !important;
}
html, body {
    background-color: #ededf0;
    scrollbar-face-color: #FB4446;    /* 滚动条3D表面（ThreedFace）的颜色 */
    scrollbar-highlight-color: #fff;  /* 滚动条3D界面的亮边（ThreedHighlight）颜色 */
    scrollbar-shadow-color: #eeeeee;  /* 滚动条3D界面的暗边（ThreedShadow）颜色 */
    scrollbar-3dlight-color: #eeeeee; /* 滚动条亮边框颜色 */
    scrollbar-arrow-color: #000;      /* 滚动条方向箭头的颜色 */
    scrollbar-track-color: #fff;      /* 滚动条的拖动区域(TrackBar)颜色 */
    scrollbar-darkshadow-color: #fff; /* 滚动条暗边框（ThreedDarkShadow）颜色 */
}
body {
    position: relative;
    /*color: rgba(118, 118, 118, 1.0);*/
    color: #000;
    font-style: normal;
    font-weight: normal;
    /*font-size: 18px;*/
    padding-top: 0!important;
    padding-bottom: 0;
    margin: 0px !important;
    line-height: 23px;
    min-height: 100%;
    float: left;
    width: 100%;
}
body p {line-height: 2;}
ul {padding: 0;}
li {list-style: none;}
a:hover {text-decoration: none;}
img {max-width: 100%;}
blockquote {border-width:0;margin-bottom:10px;}
hr {border-color: #ddd;}
fieldset {margin-bottom: 10px;}
legend {color: rgba(118, 118, 118, 1.0);font-size: 16px;margin-bottom: 0px;}
textarea {resize: vertical;}

.mf0{margin-left: 0px;}
.mf273{margin-left: 273px;}
.pd0{padding-left: 0px}
.pd273{padding-left: 273px}

.row {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
}
.dropdown i {
    color:#555;
}
.nav ul.dropdown-menu{
    min-width : 0;
}
.dropdown-menu > li > a {
    padding: 3px 10px;
}
.alert {font-size:14px;padding: 10px;}
.c-h3 {display:inline-block;color: rgb(43,53,109);font-size: 22px; font-weight: 700; margin: 0;}


/* 滚动条 */
*::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
*::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius   : 5px;
    background-color: skyblue;
    background-image: -webkit-linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.2) 50%,
            rgba(255, 255, 255, 0.2) 75%,
            transparent 75%,
            transparent
    );
}
*::-webkit-scrollbar-track {
    /* 滚动条里面轨道 */
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #ededed;
    border-radius: 5px;
}


/* 页眉 */
.c-header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    border-bottom: 1px solid #4a4773;
    padding: 0 !important;
    width: 100%;
    height: 65px;
}
.c-header .navbar {
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 2px 10px #F0F0F0;
    -webkit-box-shadow: 0 2px 10px #F0F0F0;
    -moz-box-shadow: 0 2px 10px #F0F0F0;
    -ms-box-shadow: 0 2px 10px #F0F0F0;
    -o-box-shadow: 0 2px 10px #F0F0F0;
    margin-left: 273px;
    margin-bottom: 0;
    height: 65px;
}
.c-header .navbar .navbar-nav a {color: #555;font-size: 14px;cursor: pointer;}
.c-header .navbar .navbar-nav a:hover {background-color: #e0e0e0 !important;color: #222 !important;}
.c-header .navbar .navbar-nav a svg {margin-right: 6px;font-size: 20px;}
.c-header .navbar .navbar-nav a.navbar-brand {color: #114B99;font-size: 20px;font-weight: 600;}
.c-header .navbar .navbar-nav a.navbar-brand {background: none!important;padding-left: 20px!important;}
.c-header .navbar .navbar-nav a.navbar-brand {background:url('img/logo.png') no-repeat 0 10px;padding-left: 48px;}

/* 菜单 */
.c-menu {
    display: none;
    position: static;
    top: 0;
    background-color: #2b4c81;
    color: #fff;
    padding-top: 0;
    overflow-y: auto;
    width: 273px;
    height: 100%;
}
@media (min-width: 768px) {
    .c-menu {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        background-color: #2b4c81;
        color: #fff;
        border-right: 1px solid #eee;
        box-shadow: 0 0 10px 0 #F0F0F0;
        -webkit-box-shadow: 0 0 10px 0 #F0F0F0;
        -moz-box-shadow: 0 0 10px 0 #F0F0F0;
        -o-box-shadow: 0 0 10px 0 #F0F0F0;
        -ms-box-shadow: 0 0 10px 0 #F0F0F0;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    }
}
.c-menu::-webkit-scrollbar {
    display: none;
    width: 1px;
    height: 1px;
}
.c-menu .c-logo {border-bottom: 1px solid #fff;height: 65px;}
.c-menu .c-logo a {display: block;padding: 10px;margin: 0 auto;}
.c-menu .c-logo a img {display: block;width: 100%;}
.c-menu .c-menu-container {padding: 30px 10px;}
.c-menu .nav-sidebar {
    margin-left: -20px;
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 0;
}
.c-menu .nav-sidebar > .nav-title {cursor: pointer;color: #fff;height: 45px;}
.c-menu .nav-sidebar > li {overflow: hidden;padding: 0 0 0 10px;height:0px;line-height: 45px;}
.c-menu .nav-sidebar > li > a, .c-menu .nav-sidebar-sub > li > a {font-size: 16px;color: #fff;}
.c-menu .nav-sidebar > li > a {padding: 0 20px 0 38px;transition: all 0.3s ease-out;}
.c-menu .nav-sidebar-sub > li > a {padding: 0 20px 0 56px;transition: all 0.3s ease-out;}
.c-menu .nav-sidebar > li:first-child a, .nav-sidebar > li:first-child small {font-size: 16px;}
.c-menu .nav-sidebar > li > small {font-size: 16px;color: #fff;padding-left: 40px;padding-right: 20px;}
.c-menu .nav-sidebar > li > .nav-icon-right {
    display: inline-block;
    float: right;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #aaa;
    box-sizing: border-box;
    transition: all 0.3s;
    transform: rotate(45deg);
    margin: 18px 28px;
    width: 8px;
    height: 8px;
}
.c-menu .nav-sidebar > li:hover > a {background-color: #0c7cd5 !important;color: #fff !important;}
.c-menu .nav-sidebar > .active > a,
.c-menu .nav-sidebar > .active > a:hover,
.c-menu .nav-sidebar > .active > a:focus {
    background-color: #0d8aee;
    color: #fff;
    border-left: 4px solid #fff;
    border-bottom: 2px solid #fff;
}
.c-menu .nav-tabs {
    padding-left: 15px !important;
}


/* 正文 */
.c-body {
    margin-top: 68px;
    margin-left: 273px;
}
.c-main-content-wrap {
    position: relative;
    overflow-y: auto;
    background-color: #edf2f9;
    padding: 0 10px;
    height: 100%;
}
.c-main-content {
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -webkit-box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -moz-box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -o-box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -ms-box-shadow: 0 1px 3px rgba(33,33,33,.2);
    padding: 15px;
    margin-top: 10px;
    border-radius: 6px;
    min-height: 600px;
}
.page-footer {
    margin-top: 15px;
}
.c-body-box {
    position: fixed;
    top: 0;
    z-index: 1000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 65px 0 0;
    width: 100%;
    height: 100%;
}

.c-loading {
    text-align: center;
    font-size: 24px;
    line-height: 200px;
    margin: 0 auto;
    height: 200px;
}

/* 帮助 */
.c-help-container {
    display: inline-block;
    margin-left: 10px;
}
.c-help-container:after {
    clear: both;
}
.c-help-trigger {
    color: #9a7425;
}
.c-help-content {
}
.c-help-content-main {
    font-size: 14px;
    color: #9a7425;
}
.c-help-content-sub {
    font-size: 16px;
    margin-bottom: 15px;
}
.c-help-content-highlight {
    color: #114B99;
}

.main {
    height: 400px;
    overflow: hidden;
    padding: 0 15px 15px 15px;
    margin-bottom: 10px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
    .main {
        padding-right: 15px;
        padding-left: 15px;
    }
}
.main .page-header {
    margin-top: 0;
}
.modal-body .page-header {
    margin: 10px 0 20px;
}
@media (min-width: 1024px) {
    .modal-hg {
        width: 85%;
    }
}
.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.c-p0 {padding: 0!important;}
.c-plr5 {padding: 0 5px 0 5px!important;}
.c-pl0{padding-left: 0;}
.c-pl15{padding-left: 15px;}
.c-lg-ptb30{padding: 30px 0;}
.c-mt15{margin-top: 15px;}
.c-mb15{margin-bottom: 15px;}
.c-mr5{margin-right: 5px!important;}
.c-mr20{margin-right: 20px;}
.c-ml30{margin-left: 30px!important;}
.c-fs68{font-size: 68px;line-height: 70px;}
.c-h175{height: 175px;}
.c-h180{height: 180px;}
.c-h670{height: 670px;overflow-y: hidden;}
.c-min-h830{min-height: 830px;}
.c-w50P{width: 50px;}
.c-w80P{width: 80px;}
.c-fs20{font-size: 20px;}
.c-box-c10{border-radius: 10px;}
.c-box-c0{}
.c-slbtn-color{}
.c-visibi{visibility: hidden;}
.c-bg-white{background-color: white;}
.c-bg-blueDeep{background-color: #2196F3}
.c-bg-blackDeep{background-color: #333333}
.c-bg-redDeep{background-color: #EB5757}
.c-bg-greenDeep{background-color: #1dc9b7}
.c-bg-blue{background-color: rgba(169, 225, 250, 1);}
.c-bg-orange{background-color: #ffc241;}
.c-bg-red{background-color: #fd3995;}
.c-bg-green{background-color: rgba(121, 217, 169, 0.584313725490196);}
.c-bg-box-shadow{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);}

.c-color-blueDeep{color: #114B99}
.c-color-blackDeep{color: #333333}
.c-color-redDeep{color: #EB5757}
.c-color-greenDeep{color: #219653}

.c-h2{font-size: 22px;font-weight: 700;color: #333;}

.c-flex-row{display: flex;}

.breadcrumb {margin-bottom: 10px;}
.breadcrumb li {color: rgba(118, 118, 118, 1.0);font-size: 16px;margin-right: 5px;}
/*
.breadcrumb{margin-bottom: 0;padding: 8px 0;background-color: transparent;}
.breadcrumb li{font-size: 16px;margin-right: 5px;}
.breadcrumb li svg{margin-right:10px;}
.breadcrumb li a,.breadcrumb > .active{display:inline;padding: 4px 10px;border-radius: 5px;background-color: #fff;color: #333333;font-size: 13px;}
.breadcrumb li a:hover{text-decoration: none;}
.breadcrumb > li + li:before{content:'';padding-left: 0; }
*/

.c-menu-folder {width: 40px;height: 38px;position: absolute;border-radius: 6px;padding: 0;}

/* 文字溢出 */
.c-text-overflow {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-ms-box-orient: vertical;width: 100%;}
.c-text-overflow-line-1 {-webkit-line-clamp: 1;line-clamp: 1;}
.c-text-overflow-line-2 {-webkit-line-clamp: 2;line-clamp: 2;word-break: break-all;}
.c-text-overflow-line-3 {-webkit-line-clamp: 3;line-clamp: 3;word-break: break-all;}
.c-text-overflow-line-4 {-webkit-line-clamp: 4;line-clamp: 4;word-break: break-all;}
.c-text-overflow-line-5 {-webkit-line-clamp: 5;line-clamp: 5;word-break: break-all;}
.c-text-overflow-line-6 {-webkit-line-clamp: 6;line-clamp: 6;word-break: break-all;}

.well {
    border: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.pagination {
    margin: 0;
}
.pagination-info {
    font-size: 20px;
    font-weight: 400;
}
.tooltip {
    font-size: 18px;
}
.popover-title,
.popover-content {
    color: #000 !important;
}


.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

/* 遮罩层 */
.sf-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2501;
    background-color: rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
}
.sf-mask-content {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
}
.sf-mask-content > span {
    background-color: #ffffff;
    color: #000000;
    border-radius: 8px;
    padding: 30px 40px;
}

@media screen and (max-width:1441px) {
    .c-lg-ptb30{padding: 20px 0!important;}
    .c-fs68{font-size: 50px;}
    .c-h175{height: 155px;}
}


/* 表格 */
.c-table {
}
.c-table>thead {
    border-bottom: 2px solid rgba(255,241,206,1);
}
.c-table>tfoot {
    border-top: 1px solid #fff;
}
.c-table-w tr td select {
    width: 110px !important;
}
.c-table>thead tr th.c-deep-cell,
.c-table>tfoot tr th.c-deep-cell,
.c-table>tbody tr td.c-deep-cell {
    background-color: #114b99;
    color: #fff;
}
.c-table>tbody tr td.c-blue-cell {
    background-color: rgba(221,235,246,0.4);
    color: inherit;
    font-weight: 400;
}
.c-table>tbody tr td.c-yellow-cell {
    background-color: rgba(255,241,206,0.6);
    color: inherit;
    font-weight: 400;
}
.c-table>thead tr th,
.c-table>tfoot tr th {
    background-color: #0E51A7;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
}
.c-table>tbody tr td {
    background-color: rgba(221,235,246,0.4);
    border: 1px solid #fff;
}
.c-table>thead tr th:first-child,
.c-table>tfoot tr th:first-child,
.c-table>tbody tr td:first-child {
    border-left: 1px solid #fff;
}
.c-table>thead tr th:last-child,
.c-table>tfoot tr th:last-child,
.c-table>tbody tr td:last-child {
    border-right: 1px solid #fff;
}
.c-table>tbody tr:last-child td {
    border-bottom: 1px solid #fff;
}

/* 可滚动的表体样式 */
.c-table-scroll thead {
    display: table;
    table-layout: fixed;
    background: rgba(0,0,0,0.1);
    width: calc(100% - 4px);
}
.c-table-scroll tbody {
    display: block;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 450px;  /* 让高度显示的时候，不能刚好显示成完成行，漏出一部分行，可引导用户滚动查看 */
}
.c-table-scroll tbody::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;
    height: 4px;
}
.c-table-scroll tbody::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.c-table-scroll tbody::-webkit-scrollbar-track {/*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.c-table-scroll tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

table th,
table td {
    vertical-align: middle !important;
    line-height: 100% !important;
    height: 100% !important;
}

/* 表单 */
.c-form-field-required {
    display: inline-block;
    color: #ff8784;
    margin-right: 2px;
}

/* 统计栏 */
.c-summary-bar {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 2px;
    margin: 0 0 15px 0;
}
.c-summary-bar .list-inline {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}
.c-summary-bar .label {
    font-size: 14px !important;
    background-color: #ccc;
    color: #0f0f0f;
}
.c-summary-label {
    font-weight: 300;
}
.c-summary-number {
    font-weight: 400;
}


/* 面板 */
.panel {
    background-color:transparent;
    margin-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-body {
    padding: 0 0 0 10px;
}
.c-panel {
    border-color: #114b99 !important;
    margin-bottom: 40px;
}
.c-panel:last-child {
    margin-bottom: 0;
}
.c-panel .panel-heading {
    position: relative;
    background-color: #114b99;
    color: #fff;
    border-color: #114b99;
}
.c-panel-heading-button-group {
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
    text-align: right;
    width: 50%;
}
.c-panel-heading-button {
    display: inline-block;
    cursor: pointer;
    color: #d8d8d8;
    font-size: 16px;
    padding: 3px 6px;
}
.c-panel-heading-button:hover {
    color: #fff;
}
.c-panel-heading-button-group .popover {
    color: rgba(118, 118, 118, 1.0);
}
.c-panel .panel-body {
}
.c-panel .panel-body-minimize {
    position: relative;
    overflow: hidden;
    max-height: 400px;
}
.c-panel .panel-body-mask {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(245, 245, 245, 1));
    text-align: center;
    padding: 20px;
    width: 100%;
}

.c-not-editable {
    font-size: 12px;
    font-weight: 300;
}

/* 表格没有记录 */
.c-no-record {
    padding: 28px 0;
}

/* 版权信息 */
.c-copy {
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    color: #616161;
    padding: 30px 0;
    margin-top: 15px;
}

/* 模态框 */
.modal {top: 50px;}
.modal-header {background-color: #114b99;color: #fff;}
.modal-header .close {color: #fff;}
.modal-body .form-group{display: flex;align-items: center;}
.modal-body textarea{width: 100%;border-color: #ccc;border-radius: 4px;padding: 6px 12px;min-height: 100px;}
.modal-body .c-content{color: #555;font-size: 16px;margin-top: 20px;text-align: justify;}

.c-table-title {font-size:18px;font-weight:300;}
.c-table-title-sub{font-size:16px;margin: 20px 0 20px 0; color: #333;}
.c-table-l{background-color: #f2f2f2;padding: 10px 40px;line-height: 35px;color: #7f7f7f;font-size: 16px;text-align: justify;}
.c-li li{list-style: none;font-size: 18px;line-height: 40px;color: #333;}
.c-li li{list-style: none;font-size: 18px;line-height: 40px;color: #333;}
.c-li li label{font-weight: 400;width: 150px;}
.c-li li textarea{width: 100%;border-color: #ccc;border-radius: 4px;padding: 6px 12px;}
.c-li li .c-content-danger{background-color: #f2f2f2;padding: 6px 12px;border-radius: 4px;color: #EC808D;}
.c-file-box{width: 100%;height: 200px;border:2px solid #ccc;border-radius: 6px;margin-bottom: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 18px;color: #7f7f7f;}
.c-file-box:hover{box-shadow: 5px 5px 5px 0 #999;text-decoration: none;color: #91c7b1;}
.c-file-box svg{font-size: 50px;margin-bottom: 20px;color: #c1c1c1;}
.c-file-box:hover svg{color: #91c7b1;}

.c-table-tree-cell {
    word-break: keep-all;
}
.c-table-input {
    text-align: center;
    width: 100%;
}

.c-sub-box{display: block;margin: 25px 0;height: 230px;border: 1px solid #ccc;padding: 20px 25px;font-size: 18px;color: #7f7f7f;}
.c-sub-box:hover{box-shadow: 5px 5px 5px 0 #999;text-decoration: none;color: #7f7f7f;}
.c-sub-title{display: flex;align-items: center;font-size: 25px;font-weight: 700;}
.c-sub-box em{display: inline-block;width: 35px;height: 35px;border-radius: 50%;margin-right: 15px;}
.c-sub-box .c-sub-content{display: flex;flex-direction: column;justify-content: flex-end;align-items: center;height: 140px;}
.c-sub-box .c-sub-content svg{font-size: 50px;margin-bottom: 20px;color: #c1c1c1;}
.c-sub-box:hover .c-sub-content,.c-sub-box:hover .c-sub-content svg{color: #91c7b1;}

.panel-body{padding: 10px 0 !important;}
.control-label {font-size: 14px;text-align: right;}

.c-statistics-chart {
    height: 600px;
    overflow: hidden;
    padding: 0 15px 15px 15px;
    margin-bottom: 10px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


/*公告信息*/
   .c-reads{display: inline-block;background-color: red;border-radius: 50%;color: white;font-size: 10px;
       width: 15px;height: 15px;position: absolute;display: flex;align-items: center;justify-content: center;
       left: 30%;top: 20%;}
