body{
    /*background: #f5f7fe !important;*/
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif !important;
}
.skin-black-blue .wrapper, .skin-black-blue .main-sidebar, .skin-black-blue .left-side{
    background-color: #f5f7fe !important;
}
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header{
    /*background: #fff;*/
    /*margin-left: 15px;*/
    /*margin-top: 13px;*/
    /*border-radius: 30px;*/
}
.sidebar-menu > li{
    margin: 0 !important;
}
.user-panel{
    display: none;
}
.skin-black-blue .main-header .logo{
    background: #eff3ff !important;
    box-shadow: none !important;
    color: #333 !important;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    border: 0 !important;
}
.main-sidebar .sidebar-form{
    display: none;
}
.content, #firstnav{
    box-shadow: none !important;
}
.skin-black-blue .sidebar a{
    color: #241F1F !important;
    line-height: 15px;
    display: flex;
    align-items: center;
}
.skin-black-blue .sidebar a font{
    display: block;
}
.sidebar-menu > li > a,.nav-addtabs > li > a{
    display: flex !important;
}
.skin-black-blue .sidebar-menu > li > .treeview-menu,
.skin-black-blue .sidebar-menu li.treeview.active > a,
.skin-black-blue .sidebar-menu li.treeview.treeview-open > a{
    background: #dae8ff !important;
    padding-left: 10px;
    padding-right: 10px;
}
.skin-black-blue .sidebar-menu li.treeview.active > a, .skin-black-blue .sidebar-menu li.treeview.treeview-open > a, .skin-black-blue .sidebar-menu > li:hover > a, .skin-black-blue .sidebar-menu > li.active > a, .sidebar-menu .treeview-menu > li.active{
    background-color: #dae8ff !important;
    border-left-color: #dae8ff !important;
}
.sidebar-menu > li > a{
    padding: 12px 10px 12px 10px !important;
}
.skin-black-blue .treeview-menu > li > a{
    padding-left: 34px !important;
}
.sidebar-menu .treeview-menu > li{
    margin: 0 !important;
    padding: 4px 0 4px 0 !important;
}
.skin-black-blue .sidebar-menu > li:hover > a, .sidebar-menu .treeview-menu > li.active{
    color: #241F1F !important;
    background-color: #fff !important;
    display: flex;
    align-items: center;
}
.skin-black-blue .sidebar-menu > li.active > a{
    /* 左侧一级菜单激活态必须明显区别于普通菜单，点击后与顶部页签保持同步反馈。 */
    color: #2267f5 !important;
    background-color: #dae8ff !important;
    border-left-color: #2267f5 !important;
    display: flex;
    align-items: center;
}
.skin-black-blue .treeview-menu > li.active{
    background-color: #2267f5 !important;
    color: #AC6249 !important;
    border-radius: 10px !important;
}
.skin-black-blue .treeview-menu > li.active > a{
    background: none;
    color: #fff !important;
}
.skin-black-blue .sidebar-menu li.treeview.active > a i{
    color: #333 !important;
}
.sidebar-menu li > a > .pull-right-container{
    /*display: none;*/
}
.nav-addtabs > li.active > a{
    display: flex;
    align-items: center;
}
.sidebar-menu .treeview-menu > li > a > .fa, .sidebar-menu .treeview-menu > li > a > .glyphicon, .sidebar-menu .treeview-menu > li > a > .ion{
    display: none !important;
}
.fa-dashboard{
    background: url(/assets/img/fa-dashboard.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fa-bank{
    background: url(/assets/img/fa-bank.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fa-file-o{
    background: url(/assets/img/fa-file-o.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fa-line-chart{
    background: url(/assets/img/fa-line-chart.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fa-assistive-listening-systems{
    background: url(/assets/img/fa-assistive-listening-systems.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fa-users{
    background: url(/assets/img/fa-users.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fa-sitemap{
    background: url(/assets/img/fa-sitemap.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.panel-intro > .panel-heading{
    background: transparent !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 10px 0px 0 20px !important;
}
.panel-intro{
    border-radius: 8px !important;
    box-shadow: none !important;
    background: transparent !important;
}
.main{
    padding: 0 !important;
}
.panel-intro > .panel-heading .nav-tabs > li > a{
    background: #fff !important;
    border: none !important;
    border-bottom-color:  #e8edf0;
}
.panel-intro > .panel-heading .nav-tabs > li.active > a, .panel-intro > .panel-heading .nav-tabs > li.active > a:hover, .panel-intro > .panel-heading .nav-tabs > li.active > a:focus{
    color: #4988fd !important;
    border-bottom: 2px solid #4988fd !important;
    font-size: 15px;
    font-weight: bold;
}
.nav-addtabs > li > a{
    display: flex;
    align-items: center;
}
.ty-tab{
    border-bottom: 0;
}
.ty-tab > li > a{
    background: #fff !important;
    border: none !important;
    border-bottom-color:  #e8edf0;
    color: #95a5a6;
    padding: 10px 0;
    margin-right: 30px;
}
.ty-tab > li.active > a, .panel-intro > .ty-tab > li.active > a:hover, .ty-tab > li.active > a:focus{
    color: #4988fd !important;
    border-bottom: 2px solid #4988fd !important;
    font-size: 15px;
    font-weight: bold;
}
.table-striped > tbody > tr:nth-of-type(odd){
    background-color: transparent !important;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
    /*border-right: 0 !important;*/
    /*border-left: 0 !important;*/
    vertical-align: middle;
    border-color: #f1f1f1 !important;
}
.btn-info{
    color: #4988fd !important;
    background: none !important;
    font-size: 13px !important;
}
.btn-info:hover, .btn-success:hover, .btn-danger:hover, .btn-primary:hover{
    background: none !important;
    border: none !important;
}
.btn-success{
    color: #4988fd !important;
    background: none !important;
    font-size: 13px !important;
}
.btn-login{
    color: #FFF !important;
    font-size: 13px !important;
}
.btn-login:hover {
    color: #1890ff !important;
    background: none !important;
}
.text-success {
    color: #29cc75;
    background: #e9f8f3;
    border: 1px solid #e9f8f3;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 13px;
}
.text-primary {
    color: #1890ff;
    background: #e3f1ff;
    border: 1px solid #e3f1ff;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 13px;
}
.text-danger {
    color: #fcbd56;
    background: #fff7e8;
    border: 1px solid #fff7e8;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 13px;
}
.text-success .fa-circle, .text-danger .fa-circle{
    display: none;
}
.btn-danger{
    color: #ff3646 !important;
    background: none !important;
    font-size: 13px !important;
}
.btn-primary{
    color: #4988fd !important;
    background: none !important;
    font-size: 13px !important;
}
.anto350{
    max-width: 150px;
}
.anto350 p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.anto600{
    max-width: 400px;
}
.anto600 p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{
    outline: 0 !important;
    outline-offset: 0 !important;
}
.btn:active{
    box-shadow: none !important;
}
.btn{
    border: 0 !important;
}
.layui-layer-fast .layui-layer-title{
    /*background: #fff !important;*/
    color: #333 !important;
    font-size: 16px !important;
}
.layui-layer-fast .layui-layer-setwin > a:after{
    color: #909399 !important;
}
.layui-layer-footer .btn-primary{
    background: #4988fd !important;
    color: #fff !important;
    padding: 7px 20px !important;
    font-size: 14px !important;
}
.layui-layer-footer{
    background: #fff !important;
    /*border-top: 1px solid #ededed !important;*/
}
.table-bordered{
    /*border: 0 !important;*/
}
.bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td{
    padding: 18px 15px !important;
}
.layui-layer-fast.layui-layer-iframe {
    border-radius: 10px !important;
    overflow: hidden !important;
    background: linear-gradient(#eff3ff, #f9f9f9) !important;
}
.form-control, xm-select{
    border-radius: 4px !important;
}


.fa-caret-right:before{
    content: "\f105"
}
.fa-caret-down:before{
    content: "\f107"
}
.is-dialog #main{
    background: transparent !important;
}
.inside-aside{
    background: url("/dashborad.php/index/watermark") !important;
}
.detail-list{
    display: flex;
    padding: 20px 10px;
    flex-wrap: wrap;
    background: -webkit-linear-gradient(left, #fff , #f8fbff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fff, #f8fbff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fff, #f8fbff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fff , #f8fbff); /* 标准的语法 */
    border: 1px solid #f6faff;
    border-radius: 10px;
    margin-top: 15px;
}
.detail-list .l-box{
    width: 25%;
    padding-bottom: 25px;
}
.detail-list .l-box .b-t{
    font-size: 14px;
    color: #95979f;
}
.detail-list .l-box .b-b{
    font-size: 14px;
    padding-top: 8px;
    color: #333;
    font-weight: bold;
}
.detail-list .l-box .b-b span{
    font-size: 13px;
    padding: 4px 10px;
    color: #fff;
    background: #4988fd;
    border-radius: 60px;
    font-weight: normal;
}
.detail-tit{
    font-size: 17px;
    font-weight: bold;
    padding-top: 30px;
}
.detail-list .l-box-tm{
    width: 100%;
    padding-bottom: 25px;
}
.detail-list .l-box-tm .b-t{
    font-size: 14px;
    color: #333;
    font-weight: bold;
}
.detail-list .l-box-tm .b-b{
    font-size: 14px;
    color: #95979f;
    padding-top: 8px;
    line-height: 12px;
}
.label-info{
    background: #f6faff;
    color: #0838fd;
    font-size: 13px;
    font-weight: 100;
    border-radius: 20px;
}
.pd-re{
    padding: 40px 30px;
    position: relative;
    display: flex;
    border-radius: 30px;
    background: -webkit-linear-gradient(left, #fbfcff , #e4eefa); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fbfcff, #e4eefa); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fbfcff, #e4eefa); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fbfcff , #e4eefa); /* 标准的语法 */
}
.pd-re .pd-text{
    flex: 1;
}
.pd-re .img{
    width: 250px;
}
.pd-re .img img{
    width: 250px;
}
.table-hover > tbody > tr:hover{
    background-color: #f6faff !important;
}
.empty-img {
    width: 180px !important;
    object-fit: contain;
    height: 180px !important;
    max-height: 180px !important;
    margin: 0 auto;
    display: block;
}
.pagination > li > a{
    background: #fff !important;
    border: 0 !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background: #4988fd !important;
    border-radius: 50% !important;
}
.fixed-table-pagination{
    padding: 20px 0 !important;
    display: flex;
    justify-content: center;
}
.sidebar{
    background: linear-gradient(#f9f9f9, #eaf1fc);
}
.table-bordered > thead > tr > th{
    background: #fafafa;
    border-top: 1px solid #f1f1f1 !important;
}
input[type="radio"], input[type="checkbox"] {
    border: 1px solid #ddd;
    outline: none; /* 去除默认的轮廓线 */
}
.bs-bars{
    padding-bottom: 30px;
}
.bs-bars .btn-success, .bs-bars .btn-add, .bs-bars .btn-refresh, .commonsearch-table .btn-success{
    color: #2267f5 !important;
    background: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1px solid #2267f5 !important;
}
.bs-bars .btn-danger{
    color: #ff3646 !important;
    background: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1px solid #ff3646 !important;
}
/*.skin-black-blue .main-sidebar{*/
    /*background-color: #182246 !important;*/
/*}*/
.skin-black-blue .main-header, .skin-black-blue .main-header .navbar{
    /*background: linear-gradient(to right, #eff3ff , #f9f9f9) !important; !* 标准的语法 *!*/
    background: #eff3ff url('../img/head-1.png') no-repeat right center !important;
    background-size: cover;
}
.skin-black-blue .main-header .navbar .nav > li > a, .skin-black-blue .main-header .navbar .sidebar-toggle{
    color: #656971 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.skin-black-blue .treeview-menu > li.active > a{
    background-color: unset !important;
}
#secondnav .nav-addtabs > li{
    border: 0 !important;
}
#secondnav .nav-addtabs > li > a i{
    display: none !important;
}
#secondnav .nav-addtabs > li.active{
    background-color: #eaf0fd !important;
    color: #2267f5 !important;
    border-radius: 6rpx !important;
}
#secondnav .nav-addtabs > li.active a{
    color: #2267f5 ;
    padding-right: 3px;
}
#secondnav .nav-addtabs > li.active a span{
    color: #2267f5;
}
#secondnav .nav-addtabs li:hover > .close-tab{
    color: #dd8134;
    right: 1px;
    top: 13px;
}
.sidebar-menu > li > a .fa-truck,.nav-addtabs > li > a .fa-truck{
    background: url(/assets/img/fa-truck.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fa-hospital-o{
    background: url(/assets/img/fa-hospital-o.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fa-circle-o{
    background: url(/assets/img/fa-circle-o.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fa-user-circle{
    background: url(/assets/img/fa-user-circle.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fa-database{
    background: url(/assets/img/fa-database.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fa-address-book-o{
    background: url(/assets/img/fa-address-book-o.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fa-copy{
    background: url(/assets/img/fa-copy.png) no-repeat center center;
    width: 22px !important;
    height: 22px;
    font-size: 0 !important;
    background-size: 22px 22px;
    margin-right: 5px;
}
.fixed-columns-right{
    height: calc(100% - 109px) !important;
}
.skin-black-blue.sidebar-collapse .sidebar-menu li:hover > a{
    background-color: #2267f5 !important;
    color: #fff !important;
    border-radius: 10px !important;
}