@font-face {
    font-family: 'UnidreamLED';
    src: url('../css/font/UnidreamLED.eot'); /***兼容ie9***/
    src: url('../css/font/UnidreamLED.eot?#iefix') format('embedded-opentype'), /***兼容ie6-ie8***/ url('../css/font/UnidreamLED.woff') format('woff'),
    local('UnidreamLED'), url("../css/font/UnidreamLED.woff");/***默认使用本地的***/
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0%;
    padding: 0%;
    overflow: hidden;
}

#page-sy {
    width: 100%;
    height: 100%;
    margin: 0%;
    overflow: hidden;
    display: -webkit-inline-box;
}

.left-nav {
    width: 220px;
    height: 100%;
    background: #303548;
    border-top: 2px solid black;
    padding: 15px;
    padding-top: 10px;
}

.right-nav {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.nav > li > a {
    color: #5F5F5F;
}

.nav .active > a {
    color: #368ff3 !important;
    font-weight: 700;
    border-top: 3px solid #368ff3 !important;
}

.content-sjfx {
    height: calc(100% - 0px);
    float: left;
    width: 100%;
    background: #EEEEEE;
}

.content-sjfx .tab-pane {
    width: 100%;
    height: 100%;
    background: #EEEEEE;
}

#tree-ul .node-selected {
    pointer-events: none;
    box-shadow: 0px 0px 5px #151515;
}

#tree-ul .node-selected:after {
    width: 6px;
    background-color: #368ff3;
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    height: 100%;
}

.treeview span.icon {
    width: unset !important;
}

.div-right {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    float: left;
    background-color: white;
    margin: 10px;
}

.dwxx {
    width: 100%;
    height: 100%;
}

.dwxx > div {
    width: calc(100% - 20px);
    margin-left: 10px;
    float: left;
}

.div-right > div > div {
}

.input-pub {
    margin-top: 10px;
    height: 30px;
    width: 200px;
    float: left;
    margin-right: 10px;
}

.table-class {
    float: right;
    line-height: 52px;
    margin-right: 10px;
    font-size: 16px;
    cursor: pointer;
    color: #a5a5a5;
}

.pub-span {
    float: left;
    line-height: 52px;
    margin-right: 10px;
}

.more {
    float: left;
    line-height: 52px;
    margin-right: 10px;
    margin-left: 20px;
    color: #368ff3;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.tables {
    height: calc(100% - 130px);
    margin-top: 20px;
}

.tables table {
    height: 100%;
    text-align: center;
}

.tables table tbody tr:nth-child(2n) {
    background-color: #f3f3f3;
}

.tables table thead tr, .tables table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tables table tbody {
    display: block;
    height: calc(100% - 0px);
    overflow-y: auto;
}

.tables table tbody img {
    /*transform: rotate(180deg);*/
}

.sjxq {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.top-sjxq {
    width: 100%;
    height: 40px;
    padding: 10px;
}

.center-sjxq {
    width: 100%;
    height: 380px;;
}

.fh {
    float: left;
    color: rgb(148, 148, 148);
    cursor: pointer;
    font-weight: 900;
}

.qhzd {
    float: right;
    color: #989898;
    font-size: 12px;
    margin-top: 3px;
}

.zd {
    float: right;
    color: #368ff3;
    font-size: 14px;
}


.sjthb {
    width: 100%;
    height: calc(100% - 30px);
}

.sjthb-div {
    margin-left: 25px;
    height: 75px;
}

.sjthb-div-left {
    float: left;
}

.sjthb-div-left span {
    font-family: 'UnidreamLED';
    font-size: 64px;
    color: #4a4a4a;
}

.tbh {
    float: left;
    margin-top: 25px;
    margin-left: 30px;
}

.jdt-div {
    width: calc(100% - 20px);
    height: calc(100% - 85px);
    margin-left: 10px;
    overflow-y: auto;
}

.jdt-div ul {
    list-style: none;
    padding: 0px;
    width: 100%;
}

.jdt-div ul li {
    width: 100%;
    float: left;
    font-size: 12px;
    height: 32px;
}

.li-type {
    float: left;
    width: 80px;
}

.li-jdt {
    float: left;
    width: calc(100% - 190px)
}

.li-sj {
    float: left;
    width: 47px;
    margin-left: 10px;
    text-align: right;
}

.li-bfb {
    float: left;
    width: 40px;
    margin-left: 10px;
}

.progress {
    height: 15px;
    margin-bottom: 0px;
    background-color: #EEF2FE;
}

.progress-bar-success {
    background-color: #769aff;
}
.sxs{
    float: right;
    color: #adadad;
    cursor: pointer
}

.sssp {
    width: calc(calc(100% - 40px) / 7 * 2);
    height: 100%;
    float: left;
    margin-left: 10px;
    border: 1px solid #d4d4d4;
    box-shadow: 0px 0px 6px #c1c1c1;
    padding: 10px;
}

.sssp-span {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #e0e0e0;
    color: #3e3e3e;
    font-weight: 900;
    font-size: 17px;
}

.sssp-video {
    width: 100%;
    height: calc(100% - 30px);
}

.pub-zs {
    width: calc(calc(100% - 40px) / 7 * 3.5 );
    height: 100%;
    float: left;
    margin-left: 10px;
    border: 1px solid #d4d4d4;
    box-shadow: 0px 0px 6px #c1c1c1;
    padding: 10px;
}

.bottom-sjxq {
    width: 100%;
    height: 380px;
    margin-top: 10px
}

.bottom-sjxq > div:first-child {
    width: calc(calc(100% - 40px) /2);
    height: 100%;
    float: left;
    margin-left: 10px;
    border: 1px solid #d4d4d4;
    box-shadow: 0px 0px 6px #c1c1c1;
    padding: 10px;
}

.bottom-sjxq > div:last-child {
    width: calc(calc(100% - 40px) / 2 + 10px);
    height: 100%;
    float: left;
    margin-left: 10px;
    border: 1px solid #d4d4d4;
    box-shadow: 0px 0px 6px #c1c1c1;
    padding: 10px;
}

::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    background: #929292;
}

::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 10px;
    background: #ededed;
}

.pagination > li {
    cursor: pointer;
}

.pagination > li > a, .pagination > li > span {
    color: #000000;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #368ff3;
    border-color: #368ff3;
}

.dx {
    font-weight: 900;
    font-size: 16px;
    color: #757575;
}
.pub-btn {
    background-color: #368ff3;
    color: white;
    margin-top: 9px;
    margin-left: 10px;
}

.pub-btn:hover, .pub-btn:focus, .pub-btn.focus {
    color: white;
}
.lines{
    line-height: 60px !important
}
.layui-laydate-content td.laydate-selected{
    background-color: #c4e0ff !important;
}
.j5fzll{
    position: absolute;
    top: 27px;
    font-size: 34px !important;
    width: 100%;
    text-align: center;
    color: #0f9bff !important;
    font-family: -webkit-pictograph !important;
}