* { margin: 0; padding: 0; list-style: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body, input { font-family: "Oracle Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: #27408B; }
h2 { display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; }
a { text-decoration: none; }

.official-file-title { font-family: '方正小标宋简'; font-size: 22pt; }
.official-file-title-additional { font-family: '方正小标宋简'; font-size: 20pt; }
.official-file-title-1 { font-family: '黑体'; font-size: 16pt; }
.official-file-title-2 { font-family: '楷体'; font-size: 16pt; font-weight: bold; line-height: 32pt; }
.official-file-title-3, .official-file-context { font-family: '仿宋'; font-size: 16pt; line-height: 32pt; }

.file-context { text-align: left; text-align:justify; word-break: break-all; text-indent: 2em; }
.file-context-right { text-align: right; }

@font-face { font-family: electronicFont; src: url(../fonts/DS-DIGIT.TTF); }

.container-layout { padding: 2rem; }
.page-context { padding: 2rem; overflow: hidden; }

.content-panel, .layout-middle-center { align-self: center; text-align: left; display: flex; justify-content: center; align-items: center; }
.content-block { background: rgba(0,0,0,0.1); color: white; border-radius: 1rem; padding: 2rem; clear: both; }
.content-block input, .content-block textarea { background: none; border: 1px solid #654dbf; color: white; }
.content-block .btn.dropdown-toggle { background: none; border: 1px solid #654dbf; }
.content-head { margin-bottom: 1rem; }
.content-head h4 { font-weight: bold; line-height: 32px; font-size: 1.7rem; white-space: nowrap; }
.content-head p { font-weight: 300; }
.content-head p .digital { text-indent: 2em; font-size: 2rem; font-weight: 600; color: #ebfc00; font-family: electronicFont; }
.content { min-height: 500px; }
.content .sep-line { width: 100%; height: 1px; background: rgba(0,0,0,0.1); margin: 2rem 0; }
			
/* pagination */
.pagination-bar { align-self: center; text-align: left; display: flex; justify-content: center; align-items: center; }
.pagination-bar .pagination { justify-content: center; }
.pagination-bar .pagination .page-item a { font-size: 14px; background: white; color: black; border: none; }
.pagination-bar .pagination .page-item.active a, .pagination-bar .pagination .page-item a:hover { background-color: rgba(249,184,53,0.8); color: white; }
.pagination-bar .page-link { color: black; }
.pagination-bar .page-item.separate { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; float: left; }

/* page-context */
.page-nav { min-height: 130px; background: rgba(0,0,0,0.1); color: white; border-radius: 10px; }
.page-nav .page-nav-item { height: 130px; cursor: pointer; }
.page-nav .page-nav-item { color: white; }
.page-nav a { color: white; }
.page-nav a:hover .page-nav-item { background-color: rgba(249,184,53,0.8); color: white; border-radius: 10px; }
.page-nav .page-nav-item h4 { font-weight: bold; line-height: 32px; font-size: 1.7rem; white-space: nowrap; }
.page-nav .page-nav-item p { font-size: 12px; text-indent: 2em; }
.page-nav .page-nav-item.selected { background-color: rgba(249,184,53,0.8); color: white; border-radius: 10px; }

.page-context { margin-top: 1rem; padding: 5px; background: rgba(0,0,0,0.1); color: white; border-radius: 1rem; }
.page-context td { vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.page-context th.record-cell-hover { position: absolute; display: block; max-width: 500px; background: rgba(0,0,0,1); color: white ; margin: 1px; padding: 8px 10px; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,.175); white-space: normal; text-overflow: clip; overflow: visible;  }

.page-context .operation-block { margin-top: 30px; margin-bottom: 10px; border: none; }
.page-context .operation-block th { padding: 8px 2px; vertical-align: middle; border: none; }
.page-context .operation-block .form-control { color: #b5b5b5; }
.page-context .operation-block .dropdown-toggle { color: #b5b5b5; width: 100%; height: 34px; padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; }
.page-context .operation-block .search-button { width: 100%; background: rgba(104,99,219,0.8); color: white; }
.page-context .operation-block .search-button:hover { width: 100%; background-color: rgba(249,184,53,0.8); color: white; }

.page-context .operation-block .dropdown-menu { }
.page-context .operation-block .dropdown-menu li.divider { height: 0.5px; margin: 5px 0; }
.page-context .operation-block .dropdown-menu li a { line-height: 32px; }

.area-selector, .panel-selector { width: 550px; padding: 10px; margin-left: -180px; }
.area-selector li, .panel-selector li { float: left; }
.area-selector li a, .panel-selector li a { line-height: 32px; font-size: 12px; padding: 3px 15px; border-radius: 5px; }
.area-selector li a:hover, .panel-selector li a:hover { background: green; color: white; }
			
.page-context .records-block td { vertical-align: middle; }
.page-context .records-block .record-title td { font-weight: bold; }
.page-context .records-block .record-operation span{ color: #6863db; }
.page-context .records-block td.record-serial-no { text-overflow: clip; overflow: none; padding: 0; }
.page-context .records-block td.text-left { text-align: left; }
.page-context .records-block td.text-center { text-align: center; }
.page-context .records-block td.text-right { text-align: right; }
.page-context .records-block td.record-cell-hover { position: absolute; display: block; max-width: 500px; background: rgba(0,0,0,1); color: white ; margin: 1px; padding: 8px 10px; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,.175); white-space: normal; text-overflow: clip; overflow: visible;  }
.page-context .records-block td.record-cell-hover:after { content:"\e9c6"; color: white; margin-left: 5px; margin-top: 2px; cursor: pointer; font-family: "aliyun-console-font" !important; }
.record-cell-blank {
	opacity: 0.7; color: black;
    background: -webkit-repeating-linear-gradient(left, transparent 0px, transparent 2px, #f1f1f1 2px, #f1f1f1 4px), -webkit-repeating-linear-gradient(-45deg, #e1e1e1 0px, #e1e1e1 2px, #f1f1f1 2px, #f1f1f1 4px);
    background: repeating-linear-gradient(45deg, transparent 0px, transparent 2px, #f1f1f1 2px, #f1f1f1 4px), repeating-linear-gradient(-45deg, #e1e1e1 0px, #e1e1e1 2px, #f1f1f1 2px, #f1f1f1 4px);
}

@media (min-width: 1366px) {
    .container{ width: 1300px;}
}

.datatable { overflow: auto; margin: 2rem; }
.datatable .record-cell-fixed { background: -webkit-repeating-linear-gradient(left, transparent 0px, transparent 2px, #f1f1f1 2px, #f1f1f1 4px), -webkit-repeating-linear-gradient(-45deg, #e1e1e1 0px, #e1e1e1 2px, #f1f1f1 2px, #f1f1f1 4px); background: repeating-linear-gradient(45deg, transparent 0px, transparent 2px, #f1f1f1 2px, #f1f1f1 4px), repeating-linear-gradient(-45deg, #e1e1e1 0px, #e1e1e1 2px, #f1f1f1 2px, #f1f1f1 4px); color: black; }
.datatable th { padding: 1rem !important; vertical-align: middle !important; font-weight: bold !important; }
.datatable td { line-height: 3rem !important; vertical-align: middle !important; }
.datatable input { background-color: transparent; border: none; width: 100%; font-size: 1.5rem; font-weight: bold; color: red !important; }
.table-bordered { overflow: auto; }
.table-bordered th { font-weight: 300; font-size: 1.5rem; text-align: center; vertical-align: middle; white-space: nowrap; }
.table-bordered td { border: 1px solid white; white-space: nowrap; font-weight: 300; min-width: 50px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
.table-bordered td > a { white-space: nowrap; }
.table-hover>tbody>tr:hover { background-color: rgba(0,0,0,0.1); }
.table-bordered td.record-serial-no { text-align: center; }

.page-context .no-data { align-self: center; display: flex; justify-content: center; align-items: center; min-height: 400px; }
.page-context .no-data img { width: 200px; opacity: 0.8; }

.zt-info-card { cursor: pointer; }
.popover { min-width: 520px; max-width: 2000px; top: -9999px; }
.popover .popover-title { line-height: 18px; text-align: center; font-weight: bold; font-size: 14px; }
.popover .popover-content { line-height: 18px; }
.popover .popover-content table { margin: 0; padding: 0; }
.popover .popover-content td { text-align: left; font-size: 12px; }
.popover .popover-content td.title { text-align: right; font-weight: bold; }
.popover.right > .arrow { left: -10px; }

.im-data-spec { font-size: 10px; cursor: pointer; }
.im-data-spec:before { content: "\e77b"; }

.timeline[flag='true'] { font-size: 16px !important; color: white; }
.timeline.warning { color: white; background:  rgba(249,184,53,0.8) !important; }
.timeline.serious { color: white; background:  rgba(255,140,0,0.8) !important; }
.timeline.danger { color: white; background:  rgba(255,0,0,0.8) !important; }
.timeline.error { color: white; background:  rgba(128,0,0,0.8) !important; }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.layui-layer-shade { opacity: 0 !important; } .layui-layer-btn { margin: 1.5rem 1rem !important; } .layui-layer-btn a { height: 5rem !important; line-height: 5rem !important; }
.layui-layer-title { border-radius: 1em 1em 0 0 !important; } .layui-layer-dialog, .layui-layer-btn .layui-layer-btn0, .layui-layer-btn .layui-layer-btn1 { border-radius: 1em !important; }

@font-face { font-family: electronicFont; src: url(../fonts/DS-DIGIT.TTF); }
.number { font-family: "electronicFont"; }