@CHARSET "UTF-8";
*{margin: 0;padding: 0;}
html,body,.layui-layout-body,#layoutContainer{width:100%;height:100%;font: 12px '思源黑体','Arial Normal', 'Arial', sans-serif;color:var(--font-color);}
.layui-layout-body,#layoutContainer{min-width: 1366px;min-height: 768px;overflow: auto;}
a {cursor: pointer;text-decoration:none;color:var(--font-subColor);}
li{list-style:none}
img{border:none}
img[src=""],img:not([src]){opacity:0;}
table, td {border-collapse: collapse;font-size: 14px;}
input, select {outline: none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px var(--bg_topLevel) inset !important;-webkit-text-fill-color: var(--font-color) !important;color: var(--font-color);}
select, textarea {width: 190px;height: 28px;line-height: 28px;padding-left: 5px;border: 1px solid rgb(211,211,211);display: inline-block;font-size: 12px;}
.layui-text {font-size: 12px;}
.layui-text h5 {font-size: 12px;}
.layui-form-checkbox>div {font-size: 12px;}
.layui-form-radio>* {font-size: 12px;}
.hidden {display: none;}
.clear_float{clear: both;}
.pointer-none{pointer-events: none;cursor: not-allowed!important;}
.pointer{cursor:pointer}
.clear-both{clear: both;}
.clear-fix:after {content: '';display: block;clear: both;}

.commonBack {background-image: url("../images/console/template/back-icon.png") !important;background-size: 80% 80% !important;background-repeat: no-repeat !important;background-position: center !important;width: 30px;height: 30px !important;padding: 0 !important;}
.commonBox {background: var(--bg_centerLevel) !important;}
.commonBox-white {background: var(--bg_topLevel) !important;padding: 10px 20px !important;box-sizing: border-box}
.commonSearch {margin-bottom: 10px !important;padding: 10px 20px 0 !important;background: var(--bg-search) !important;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)!important;box-sizing: border-box;}
.commonSearch .layui-form-item{margin-bottom: 0 !important;}
.commonSearch .layui-form-item .layui-inline{margin-bottom: 10px !important;}
.commonSearch .layui-form-label{width: auto;}
.commonNoData {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;color:var(--font-form-label)}
.commonNoData .commonNoDataImg {width: 20%;height: auto;max-width: 138px;}
.commonNoData span {height: 20px;line-height: 20px;}

.commonFlexSearch {display: flex;height: 50px;transition: height .3s;border-radius: 10px !important;margin-bottom: 10px;justify-content: space-between;}
.commonFlexSearch:after {display: none;}
.commonFlexSearch .commonFlexSearch-btns {flex-shrink: 0;display: flex;align-items: center;height: 30px;}
.commonFlexSearch .commonFlexSearch-more {display: inline-block;color: var(--bg_btn);line-height: 30px;cursor: pointer;}
.commonFlexSearch .commonFlexSearch-more span {margin-left: 10px;}
.commonFlexSearch .commonFlexSearch-more i {display: inline-block;transform: rotate(0deg);transition: all .2s;font-size: 14px;}
.commonFlexSearch.open .commonFlexSearch-more i {transform: rotate(-90deg);}
.commonFlexSearch .commonFlexSearch-hide {display: inline-block;}

.commonFixedList {display: none;position: fixed;z-index: 999999;border-radius: 10px;background: var(--bg_dropdrow);box-shadow: 0 0 10px #00000014;padding: 10px;}
.commonFixedList .item {padding: 10px;border-radius: 6px;color: var(--font-color);min-width: 68px;height: 30px;box-sizing: border-box;display: flex;align-items: center;cursor: pointer;}
.commonFixedList .item:hover {background: var(--main_link);color: var(--font-selected);}
.commonCard {border-radius: 14px;background: var(--bg_topLevel);}

.back {display: flex;align-items: center;}
.back .back-icon {width: 30px;height: 30px;border-radius: 50%;font-size: 0;display: flex;align-items: center;justify-content: center;background-color: var(--bg_btn);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);cursor: pointer;background-repeat: no-repeat;background-position: center 9px;background-image: url("../img/back-icon-hover.svg");}
.back .back-icon:hover{background-color: var(--bg_btn_hover);}
.back .back-title {padding-left: 10px;font-size: 16px;height: 30px;line-height: 30px;font-weight: normal;}
.back .layui-icon-return {color: var(--font-color) !important;}

.layui-transfer-data li {border-radius: 20px;}
.layui-transfer-data li:hover {background-color: var(--bg_dropdrow_hover) !important;}
.layui-quote-nm {border-left-width: 1px;}

.layui-colorpicker {border-radius: 50%;}
.layui-colorpicker .layui-colorpicker-trigger-span {border-radius: 50%;}
.layui-colorpicker .layui-colorpicker-trigger-i {display: none;}
.layui-colorpicker-main-input input.layui-input {color: var(--font-subColor);}

.layui-table-patch {background-color: transparent !important;}
.layui-table-box .layui-table-body .layui-none:before {content: '';display: block;width:138px;height: 120px;background: url("../img/nodata-img.svg") center no-repeat;filter:var(--empty-img);margin: auto;}
.layui-layer-page .layui-layer-close {filter: var(--img-color);}
.layui-layer-setwin .layui-layer-close1,.layui-layer-setwin .layui-layer-min {filter: var(--img-color);}
.layui-dropdown {min-width: 90px;background-color: var(--bg_dropdrow);border-color: var(--border_color);overflow: hidden;z-index: 19910908446;margin: 4px 0;}
.layui-dropdown .layui-menu {background-color: var(--bg_dropdrow);}
.layui-dropdown .layui-menu li {color: var(--font-color);}
.layui-dropdown .layui-menu li .layui-menu-body-title{color: var(--font-color);font-size: 12px;}
.layui-dropdown .layui-menu li .layui-menu-body-title:hover {background-color: var(--bg_dropdrow_hover);}
.layui-layout-body #alarm_move{width: 60px;height: 60px;position: absolute;top: 45%;right: 0.1%;background-size: 60%;background-repeat: no-repeat;background-position: center;z-index: 1003;cursor: pointer;}
.layui-layout-body .warnHidden{display: none;}
.layui-tab-bar {background-color: var(--bg_topLevel);border-color: var(--border_color)}
.layui-nav-right .layui-nav-child dd.layui-this{background-color: var(--bg_dropdrow_hover);color: var(--font-selected) !important;}
.layui-nav-right .layui-nav-child dd.layui-this a {color: var(--font-selected) !important;}
.layui-nav-right .layui-nav-child a:hover{background: none}
.addModel input::-webkit-outer-spin-button,.addModel input::-webkit-inner-spin-button,.addScene input::-webkit-outer-spin-button,.addScene input::-webkit-inner-spin-button{-webkit-appearance: none!important;}
/*=======2022.03 UI规范=======*/
.layui-progress .layui-bg-red {background-color: var(--main_link)!important;color: var(--font-color)!important;}
.layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {border-color: var(--input-border);}

.layui-form-checkbox[lay-skin=primary]:hover i {color: var(--font-table-content);}
input.editInput, .layui-input.editInput,input:hover.editInput, .layui-input:hover.editInput , textarea.editInput, textarea:hover.editInput, .layui-textarea.editInput, .layui-textarea:hover.editInput, .layui-input.editInput:focus, .layui-textarea:focus.editInput, input:focus.editInput, textarea:focus.editInput, select.editInput~.layui-form-select input, select.editInput~.layui-form-select input:hover, select.editInput~.layui-form-select input:focus {background: transparent !important;border: none !important;box-shadow: none !important;}
.layui-form-select dl dd.layui-disabled {background-color: var(--bg_dropdrow_hover) !important;}
.layui-form-switch {background-color: var(--bg-checkBox) !important;border: 1px solid var(--border_color) !important;}
.layui-form-switch em {color: var(--font-checkBox) !important;}
.layui-form-onswitch em {color: #fff !important;}
.layui-form-switch i {var(--font-checkBox-circle);}
.layui-form-checkbox[lay-skin=primary] span {color: var(--font-color)!important;}
.layui-form-mid {padding: 0 !important;}
.layui-form-checkbox i {color: rgba(255,255,255,0);}
.layui-form-checkbox[lay-skin=primary] i {background: var(--bg-checkBox);border-color: var(--border_color)!important;font-weight: normal;}
.layui-form-checkbox[lay-skin=primary]:hover i {border-color: var(--main_link);}
.layui-input, .layui-select, .layui-textarea, input, select, textarea {background-color: transparent;border: 1px solid var(--input-border);color: var(--font-color);}
.layui-input:disabled, .layui-textarea:disabled, input:disabled, textarea:disabled {color: var(--input-disabled);background-color: var(--input-disabled-bg) !important;}
.input-disabled input {color: var(--input-disabled);background-color: var(--input-disabled-bg) !important;}
.layui-input:hover, .layui-select:hover, .layui-textarea:hover, input:hover, select:hover, textarea:hover {border: 1px solid var(--input-border-hover) !important;color: var(--font-form);box-shadow: 2px 2px 6px rgba(77, 151, 255, 0.3);}
.layui-input:focus, .layui-textarea:focus, input:focus, textarea:focus {border: 1px solid var(--input_focus) !important;color: var(--font-color);box-shadow: var(--input_focusShow);background-color: transparent;}
.layui-input:disabled + .layui-edge, input:disabled + .layui-edge {border-top-color: rgba(204, 204, 204, 0.5);}
.layui-input::placeholder,layui-textarea::placeholder,input::placeholder,textarea::placeholder{color: var(--input_placeholder);}
input.layui-input.layui-table-edit {min-height: calc(100% - 12px) !important;height: calc(100% - 12px) !important;text-align: center;color:var(--font-form)!important;top: 6px;background-color: transparent!important;background: var(--bg-search)!important;border: 1px solid var(--input-border)!important;box-sizing: border-box;}
.layui-input{height: 30px;border-radius: 0;box-sizing: border-box;padding-left:12px;font-size: 12px;}
.layui-form-label {float: left;display: block;padding: 0 10px 0 0;width: 80px;font-weight: normal;line-height: 30px;text-align: right;color: var(--font-form-label);font-size: 12px;}
.layui-form-item {margin-bottom: 0;}
.layui-form-item .layui-input-block {width: 190px;}
.layui-form-item .layui-input-inline {width: 190px;}
label span {position: unset;color: #da1e14;padding-right: 2px;}
.layui-form-selectup dl {top: auto !important;bottom: 40px;}
.layui-form-selected dl, .layui-treeSelect.layui-form-select .layui-anim {top: 40px;box-shadow: 0 0 10px #00000014;  padding: 10px 12px;}
.layui-treeSelect .layui-anim::-webkit-scrollbar {width: 8px !important;height: 8px !important;background-color: transparent !important;}
.layui-treeSelect .layui-anim::-webkit-scrollbar-thumb {border-radius: 15px !important;box-shadow: unset !important;background-color: rgba(255, 255, 255, 0.1) !important;}
.layui-treeSelect .layui-anim::-webkit-scrollbar-track {box-shadow: unset !important;border-radius: 10px !important;background-color: transparent !important;}
.layui-form-select dl dd {cursor: pointer;height: 30px;line-height: 30px;padding: 0 12px;}
.layui-form-select dl dd:hover {background-color: var(--bg_dropdrow_hover);color: var(--font-selected);}
.layui-form-select dl dd.layui-this {background-color: var(--main_link);color: var(--font-selected);}
.layui-form-select dl, .layui-treeSelect.layui-form-select .layui-anim {max-height: 240px;background: var(--bg_dropdrow);border-color:var(--input-border)}
.layui-form-checked i{color: #ffffff !important;background: var(--main_link)!important;}
.layui-checkbox-disabled[lay-skin=primary] span{color: var(--input-disabled)!important}
.layui-checkbox-disabled[lay-skin=primary] i {border-color: var(--border_color)!important;color: rgb(140,140,140) !important;}
.layui-form-checked.layui-checkbox-disabled[lay-skin=primary] i {background-color: var(--disabled-checkboxBg)!important;border-color: var(--border_color)!important;color: var(--disabled-checkboxColor)!important;}
.layui-form-checked.layui-checkbox-disabled[lay-skin=primary]:hover i {border-color: var(--main_link);}
.layui-radio-disabled * {color: var(--input-disabled) !important;}
.layui-radio-disabled>i {color: var(--input-radio-disabled) !important;}
.layui-form-radio{color:var(--font-checkBox)}
.layui-form-radio {padding-right: 24px;}
.layui-form-radio>i {color:var(--border_color);font-size: 16px !important;margin-right:6px;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {color: var(--main_link);}
.layui-form-select {color: var(--font-color);}
.layui-input-inline.timeicon {position: relative;}
.layui-input-inline.timeicon .layui-icon-date {font-size: 14px;display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}
.layui-textarea {border: 1px solid var(--input-border);}
.layui-form-onswitch {border-color: var(--main_link) !important;background-color: var(--main_link) !important;}
.layui-textarea, textarea {background-color: var(--bg_topLevel) !important;}
.layui-select-disabled .layui-disabled {color: var(--input-disabled) !important;border:1px solid var(--border_color) !important;background-color: var(--input-disabled-bg) !important;}
.layui-form-item .layui-form-checkbox[lay-skin=primary] {margin-top: 4px !important;}
.layui-form-checkbox>div {color: var(--font-checkBox) !important;}
xm-select {background-color: transparent!important;border: 1px solid var(--input-border)!important;border-radius: 0!important;min-height: 30px!important;line-height: 30px!important;box-sizing: border-box;}
xm-select:hover {border: 1px solid var(--input-border-hover)!important;color: var(--font-form);box-shadow: 2px 2px 6px rgba(77, 151, 255, 0.3);}
xm-select > .xm-body {border: 1px solid var(--border_color)!important;box-shadow: 1px 1px 4px rgb(0 0 0 / 8%)!important;background-color: var(--bg_dropdrow)!important;;}
xm-select > .xm-body .xm-toolbar .toolbar-tag {color: var(--font-color) !important;}
xm-select > .xm-body .xm-option-content {color: var(--font-checkBox) !important;}
xm-select .xm-label .xm-label-block {height: 20px!important;line-height: 20px!important;}
xm-select > .xm-label .xm-label-block {padding: 0 4px!important;border-radius: 0!important;}
xm-select > .xm-body .xm-option {background-color: unset !important;}
xm-select > .xm-body .xm-option:hover {background-color: var(--bg_btn) !important;border: none;outline: none;}
xm-select > .xm-tips {color: var(--input_placeholder)!important;font-size: 12px !important;}
xm-select > .xm-body .xm-option-content {font-size: 12px;}

.layui-tab-card {border-color: var(--border_color);}
.layui-tab-card>.layui-tab-title {background-color: var(--bg_topLevel);}
.layui-tab-card>.layui-tab-title .layui-this:after {border-bottom-color: var(--main_link);}

.subMenu .layui-nav {background-color:var(--bg_nav)}
.subMenu .layui-nav .layui-nav-item span {color: var(--font-color) !important;}

.layui-nav .layui-this:after, .layui-nav-bar {background-color: var(--main_link) !important;}
.layui-table-view {background-color: var(--table_tr_bg);overflow: hidden;clear:none}
.layui-table-view:after{background-color: transparent;}
.layui-table-view .layui-table {position: relative;width: 100% !important;margin: 0;}
.layui-table-view .layui-table td[data-edit]:hover:after {border: none;}
.layui-table .layui-table-grid-down {background-color: var(--bg_dropdrow);color: var(--font-color);border-color: var(--border_color);border-radius: 0 20px 20px 0;}
.layui-table-tips .layui-layer-content {border-radius: 20px !important;}
.layui-table-tips .layui-layer-content .layui-table-tips-main {background-color: var(--bg_dropdrow);color: var(--font-color);border-color: var(--border_color);}
.layui-table-page .layui-laypage input {height: 30px;border-radius: 0;box-sizing: border-box;padding-left:12px;border: 1px solid var(--input-border);}

::-webkit-scrollbar{height: 8px !important;width: 8px !important;}
::-webkit-scrollbar-thumb {border-style: dashed;background-color: rgba(204,204,204,.3);border-color: transparent;border-width: 1.5px;background-clip: padding-box;border-radius: 15px;}
::-webkit-scrollbar-thumb:hover {background: rgba(204,204,204,.4);}
::-webkit-scrollbar-corner {background-color: inherit!important;}

.layui-btn,.layui-table-page .layui-laypage button {height: 30px;line-height: 28px;vertical-align:top;border: 1px solid var(--bg_btn);padding: 0 16px;background: var(--bg_btn);color: var(--font-btn);white-space: nowrap;text-align: center;font-size: 14px;border-radius: 0;cursor: pointer;font-size: 12px;}
.layui-btn+.layui-btn {margin-left: 8px;}
.layui-btn.subButton,.layui-table-page .layui-laypage button {background-color: transparent !important;color: var(--btn_box-border) !important;border: 1px solid var(--btn_box-border) !important;box-shadow: none;}
.layui-btn:hover {border: 1px solid var(--bg_btn_hover);background: var(--bg_btn_hover);}
.layui-btn-primary:hover {color: var(--font-color);border-color: var(--bg_btn);}
.layui-btn.subButton:hover {box-shadow: none;background-color: var(--btn_box_hover-border) !important;}
.layui-btn-xs-del {color: var(--status_danger) !important;}
.layui-btn:disabled {cursor: no-drop;background-color: rgba(77, 151, 255, 0.3);border: 1px solid rgba(77, 151, 255, 0.3);color:rgba(255, 255, 255, 0.5);}
.layui-btn.subButton:disabled {cursor: no-drop;border: 1px solid var(--btn_box_disabled-border) !important;color: var(--btn_box_disabled-border) !important;}
.layui-btn.successButton {background-color: var(--status_normal) !important; border: 1px solid var(--status_normal) !important;color: #fff !important;}
.layui-btn.errorButton {background-color: transparent !important; border: 1px solid var(--status_danger) !important;color: var(--status_danger) !important;}
.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover{color:var(--font-form)!important;}

.layui-transfer-box {background-color: var(--bg_dropdrow);border-radius: 20px !important;overflow-y: auto;padding: 0 10px;box-sizing: border-box;}
.layui-transfer-box, .layui-transfer-header, .layui-transfer-search {border-color: var(--border_color)}

.layui-table .layui-btn:disabled {color: var(--font-disabled) !important;}
.layui-table-page{border-color:var(--border_color)}
.layui-table thead tr, .layui-table-header {background-color: var(--table_thead_bg) !important;color:var(--font-subColor) !important;border: none;}
.layui-table tbody tr {background-color: var(--table_tr_bg);}
.layui-table tbody tr:nth-child(2n) {background-color: var(--table_tr_2n_bg) !important;}
.layui-table tbody tr:hover,.layui-table-hover{background-color: var(--table_tr_hover_bg) !important;}
.layui-table tbody tr.layui-table-click, .layui-table tbody tr.layui-table-checked {background-color: var(--table_tr_click_bg) !important;color: var(--table_tr_select_font_color) !important;}
.layui-table {color:var(--font-color);}
.layui-table th {border: none;color: var(--font-subColor);font-weight: normal;}
.layui-table td, .layui-table th {height: 40px;font-size: 12px;}
.layui-table tr {border-radius: 0;}
.layui-table td, .layui-table-view {border: none;}
.layui-table, .layui-table-header, .layui-table-body {background-color: transparent;}
.layui-table .layui-table-edit{height: 100%;background-color: #FFFFFF !important; color: #000000 !important;}
.layui-table-page>div {height: 30px}
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr {padding:0;color:var(--font-color);text-align: center;min-width: 30px;height: 30px;box-sizing: border-box;line-height: 30px;}
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {left: 0;top: 0;padding: 0;background-color: var(--main_link);}
.layui-table-page .layui-laypage input {height: 30px;line-height: 30px;padding-right: 3px;padding-left: 3px;}
.layui-table-page .layui-laypage span {height: 30px;line-height: 30px;color: var(--font-color)}
.layui-table-fixed .layui-table-header {position: relative;overflow: visible;background: #e6e6e6;}
.layui-table-init{background: var(--bg_topLevel)}
.layui-table-fixed .layui-table thead tr, .layui-table-fixed .layui-table tbody tr, .layui-table-fixed .layui-table-header {color:var(--font-color);border: none;}
.layui-table-fixed .layui-table thead tr {background: var(--table_tr_fixed_thead_bg) !important;}
.layui-table-fixed .layui-table tbody tr:nth-child(2n) {background: var(--table_tr_fixed_2n_bg) !important;}
.layui-table-fixed .layui-table tbody tr {background: var(--table_tr_fixed_bg) !important;}
.layui-table-fixed .layui-table tbody tr.layui-table-hover {background: var(--table_tr_fixed_hover_bg) !important;}
.layui-table-fixed .layui-table tbody tr.layui-table-click {background-color: var(--table_tr_fixed_click_bg) !important;color: var(--font-selected) !important;}
.layui-table-fixed-l {border-radius: 25px 0 0 25px;}
.layui-table-fixed-r {border-radius: 0 25px 25px 0;border-left: 1px solid var(--border_color);}
.layui-table-mend {background: var(--table_tr_fixed_thead_bg) !important;border: none;}
.layui-table-page .layui-laypage-limits{display:none;}
.layui-table-page .layui-laypage-limits select {border: 1px solid var(--border_color)!important;width:100px;height: 100%;box-sizing: border-box;}
.layui-table-page .layui-laypage-limits select:hover {border: 1px solid #0080FF !important;color: var(--font-form);box-shadow: 2px 2px 6px rgba(77, 151, 255, 0.3);}
.layui-table-page .layui-laypage-limits select option{background: var(--bg_dropdrow)}
.layui-table-page .layui-laypage-limits select option:hover {background-color: var(--main_link);color: var(--font-color);}
.layui-table-page {border: none;text-align: right;}
.layui-table .layui-btn.more {width: 30px !important;height: 30px !important;background-color: var(--bg_btn) !important;position: relative;padding: 0;}
.layui-table .layui-btn.more:after {content: "";display: block;width: 16px;height: 4px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: var(--font-btn);font-size: 14px;background-image: url("../images/console/btn-more.png");background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.layui-table-cell{text-align: left;}
.layui-table-cell .layui-btn {vertical-align: middle;}
.layui-table-cell-c {background-color: transparent;bottom: -16px;}
.layui-table-main>.layui-table>tbody>tr:last-child>td>.layui-table-cell-c {bottom: -16px;}
.layui-table-cell-c:hover {border-color: var(--bg_btn);color: var(--bg_btn);}
.layui-table td[data-edit="text"] .layui-table-cell{padding: 0;height: 28px;border: 1px solid var(--input-border);text-indent: 15px;}

.layui-layer-page, .layui-layer-dialog {min-width: 370px !important;background-color: var(--bg_dropdrow) !important;}
.layui-layer-page .layui-layer-title, .layui-layer-dialog .layui-layer-title {background: var(--bg_dropdrow_title) !important;color:var(--font-color);border-bottom: none !important;font-size: 16px;font-weight: normal;position: relative;padding-left: 38px;}
.layui-layer-page .layui-layer-title::before, .layui-layer-dialog .layui-layer-title::before {position: absolute;left: 8px;top: 13px;width: 24px;height: 24px;content: '';background: url('../images/layerTitlePrefix.svg') center/100%;}
.layui-layer-page .layui-layer-title::after, .layui-layer-dialog .layui-layer-title::after {position: absolute;left: 0;bottom: 0;right: 0;height: 2px;content: '';background: url('../images/layerTitleBLine.svg') no-repeat left bottom/cover;}
.layui-layer .layui-layer-btn {padding: 20px 15px !important;text-align: center;}
.layui-layer .layui-layer-btn a {transition: all .3s;height: 30px;line-height: 28px;border: 1px solid var(--input-border);padding: 0 12px;background-color: transparent;color: var(--main_link);white-space: nowrap;text-align: center;cursor: pointer;box-shadow: none;min-width: 80px;box-sizing: border-box;margin-top: 0;}
.layui-layer .layui-layer-btn a:hover{background: rgba(77, 151, 255, 0.1);}
.layui-layer .layui-layer-btn a.layui-layer-btn0 {background: var(--main_link) !important;color: var(--font-selected) !important;border: 1px solid var(--main_link) !important;}
.layui-layer .layui-layer-btn a.layui-layer-btn0:hover{background: rgba(77, 151, 255, 0.9) !important;box-shadow: 2px 2px 6px rgba(77, 151, 255, 0.3);}
.layui-layer-page .layui-layer-content {padding: 0 16px;}
.layui-layer-page .layui-layer-content>.layui-layer-wrap{padding-top: 12px;box-sizing: border-box;}
.layui-layer-dialog .layui-layer-content {text-align: center;}
.layui-input-block {float: left;margin-left: 0;margin-bottom: 10px;min-height: 30px;}
.layui-layer-msg {color: var(--font-color) !important;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) !important;background: var(--bg_topLevel) !important;}
.treeSearchIpt {border-radius: 20px !important;height: 40px!important;padding-left: 12px !important;background-color: #f4f4f4 !important;border: 1px solid #e6e6e6 !important;}
.layui-layer-loading {background-color: transparent !important;}
.layui-layer-loading .layui-layer-content {margin: 0 auto;}
.layui-table .layui-btn {height: 25px !important;line-height: 25px !important;background-color: transparent !important;border: none !important;color: var(--btn_box-border);box-shadow: none;padding: 0 5px;margin: 0 !important;}
.layui-table .layui-btn:hover {text-decoration: underline;}
.layui-table-patch .layui-table-cell{width:0;}
.layui-tab{margin:0;}
.layui-table-cell-c:hover {border-color: var(--border_color);background-color: transparent;}
.layui-tab .layui-tab-title{height:30px;border-bottom: 1px solid var(--border_color);}
.layui-tab .layui-tab-title::after{border-bottom-color: transparent;}
.layui-tab .layui-tab-title .layui-this:after{border: none;border-bottom: 2px solid var(--main_link)!important;}
.layui-tab .layui-tab-title .layui-this,.layui-tab-brief>.layui-tab-title .layui-this{color: var(--main_link);font-weight: normal;}
.layui-tab .layui-tab-title li {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-size: 16px;transition: all .2s;-webkit-transition: all .2s;}
.layui-tab .layui-tab-title li {position: relative;line-height: 30px;min-width: 65px;padding: 0 10px;text-align: center;cursor: pointer;}
.layui-tab .layui-tab-title .layui-this:after{height: 31px;}
.layui-tab .layui-tab-title li a {display: block;padding: 0 15px;margin: 0 -15px;}
.layui-tab .layui-tab-content{padding-top: 12px;}
.layui-table-view .layui-laypage .layui-input {background-color: transparent;color:var(--font-color);}
.layui-table-view .layui-laypage .layui-input:focus {border: 1px solid #0080FF !important;box-shadow: 2px 2px 6px rgba(77, 151, 255, 0.3) !important;}
.layui-table .layui-form-radio:hover *,.layui-table .layui-form-radioed, .layui-table .layui-form-radioed>i {color: var(--font-color);}

.layui-tabs{margin:0;}
.layui-tabs .layui-tabs-header{height:30px;border-bottom: 1px solid var(--border_color);}
.layui-tabs .layui-tabs-header::after{border-bottom-color: transparent;}
.layui-tabs .layui-tabs-header .layui-this:after{border: none;border-bottom: 2px solid var(--main_link)!important;}
.layui-tabs .layui-tabs-header .layui-this,.layui-tabs-brief>.layui-tabs-header .layui-this{color: var(--main_link);font-weight: normal;}
.layui-tabs .layui-tabs-header li {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-size: 16px;transition: all .2s;-webkit-transition: all .2s;}
.layui-tabs .layui-tabs-header li {position: relative;line-height: 30px;min-width: 65px;padding: 0 10px;text-align: center;cursor: pointer;}
.layui-tabs .layui-tabs-header .layui-this:after{height: 31px;}
.layui-tabs .layui-tabs-header li a {display: block;padding: 0 15px;margin: 0 -15px;}
.layui-tabs .layui-tab-content{padding-top: 12px;}

.layui-tabs-header .layui-this, .layui-tabs-header li:hover{color: var(--main_link);font-weight: normal;}
/*.layui-tabs-header .layui-this:after{height: 30px;border-bottom: 1px solid var(--border_color);}*/
/*.layui-tabs-header:after, .layui-tabs-scroll:after {border-bottom: 1px solid var(--border_color);}*/

.layui-laypage .layui-laypage-curr .layui-laypage-em {background-color: rgba(77, 151, 255, 0.9);}
.layui-layer-iframe {border-radius: 20px !important;}
.layui-laypage a:hover {color: var(--main_link);}

.layui-laydate, .layui-laydate-hint {border: 1px solid var(--border_color) !important;background-color: var(--bg_dropdrow) !important;color: var(--font-color) !important;}
.layui-laydate-content th {color: var(--font-color) !important;}
.layui-laydate .layui-laydate-content .layui-this {background-color: var(--main_link) !important;}
.layui-laydate-header {border-bottom:1px solid var(--border_color) !important;;}
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content, .layui-laydate-range .laydate-main-list-1 .layui-laydate-header {border-left:1px solid var(--border_color) !important;;}
.layui-laydate .layui-laydate-header i:hover,.layui-laydate .layui-laydate-header span:hover {color: var(--main_link);}
.layui-laydate-footer {border-top:1px solid var(--border_color) !important;;}
.layui-laydate-footer span {background-color: var(--bg_dropdrow) !important;border:1px solid var(--border_color) !important;}
.layui-laydate-footer span[lay-type=date] {color: var(--font-color) !important;}
.layui-laydate .layui-laydate-footer span:hover {color: var(--main_link) !important;}
.layui-laydate-footer span:first-child.layui-laydate-preview {color: var(--font-subColor) !important;}
.layui-laydate-list {background-color: var(--bg_dropdrow) !important;}
.layui-laydate-content td {color: var(--date-td) !important;}
.layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev {color: var(--date-td-next) !important;}
.layui-laydate div .laydate-disabled, .layui-laydate div .laydate-disabled:hover {color: var(--date-td-next) !important;}
.layui-laydate-content td:hover, .layui-laydate-list ol li:hover, .layui-laydate-list.laydate-year-list li:hover, .layui-laydate-list.laydate-month-list li:hover {background-color: var(--bg_dropdrow_hover) !important;color: var(--font-selected) !important;}
.laydate-time-list li ol {border:1px solid var(--border_color) !important;}

.layui-upload-drag{background: none;border: 1px dashed var(--input-border);}
.layui-upload-drag .layui-icon {width: 48px;height: 48px;font-size: 0;background-image: url("../img/upload-bg.svg");filter: var(--img-normal);background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;display: block;margin: auto;}
.layui-upload-drag
.layui-laydate .layui-this, .layui-laydate .layui-this>div {background-color: inherit !important;}
.layui-laydate-list li:hover {color: inherit;}
/*---------------------------ztree样式修改-------------------------------*/
.ztree {color:var(--font-color) !important;padding:10px 0;}
.ztree * {font-size: 12px;}
.ztree.outLook li ul{ margin:0; padding:0}
.ztree.outLook li {line-height:30px;}
.ztree.outLook li a {width: 100%;height: 40px;line-height: 40px;padding-top: 0;border: none;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;box-sizing: border-box;}
.ztree.outLook li a.curSelectedNode{width: 100%;height: 40px;background: var(--main_link);}
.ztree.outLook li a:hover {color:#333333;text-decoration:none; background-color: rgba(77, 151, 255, 0.15);}
.ztree.outLook li a.curSelectedNode:hover{background: var(--main_link);}
.ztree.outLook li span {line-height:40px !important;font-size: 12px !important;}
.ztree.outLook li span.button.switch {width: 16px;height: 16px;visibility:visible;margin-top:10px;filter: var(--img-normal)}
.ztree.outLook li span.button.switch {background-image:url("../img/left_menuForOutLook.png") !important; *background-image:url("../img/left_menuForOutLook.gif")}
.ztree.outLook li span.button.switch.noline_docu {background-image:none !important;}
.ztree.outLook li span.button.switch.level0 {width: 20px; height:20px}
.ztree.outLook li span.button.switch.level1 {width: 20px; height:20px}
.ztree.outLook li span.button.ico_docu, .ztree.outLook li span.button.ico_open, .ztree.outLook li span.button.ico_close{margin-top: 10px !important;}
.ztree.outLook li span.button.chk {margin-top: 14px !important;}
.ztree.outLook li span.button.noline_open {background-position: 0 0;}
.ztree.outLook li span.button.noline_close {background-position: -18px 0;}
.ztree.outLook li span.button.noline_open.level0 {background-position: 0 -18px;}
.ztree.outLook li span.button.noline_close.level0 {background-position: -18px -18px;}
.ztree.outLook li span.ico_docu:before {opacity: 0;}
.ztree li span.button.ico_docu, .ztree li span.button.ico_open, .ztree li span.button.ico_close {filter: var(--img-chartTypeIcon);background-position: center center !important;}
.ztree li a {color:var(--font-subColor) !important;display: inline-flex;}
.ztree li a:hover {background-color:var(--bg_btn_hover) !important;color: #fff !important;}
.ztree li a.curSelectedNode {color: var(--font-btn) !important;background-color: var(--bg_btn) !important;border-color: var(--bg_btn) !important;opacity: 1;}
/*---------------------------treeSelect样式修改-------------------------------*/
.layui-treeSelect .ztree li .center_docu::after,.layui-treeSelect .layui-treeSelect .ztree li, .bottom_docu::after{display: none;}
.layui-treeSelect .ztree li .center_docu:before,.layui-treeSelect .ztree li .bottom_docu::before, .ztree li .bottom_docu:not(.have-icon)::before{display: none;}
.layui-treeSelect .ztree li a.curSelectedNode{color: var(--main_link);}
.layui-treeSelect.layui-form-select .layui-anim {border:1px solid var(--border_color) !important;background-color:var(--bg_dropdrow) !important;}
.layui-treeSelect .ztree li a, .ztree li span {line-height: 20px !important;}
.ztree li span.button.chk {filter: var(--img-chartTypeIcon);}
.ztree li span.button.center_close{filter: var(--img-color)}
.ztree li span.button.center_open{filter: var(--img-color)}
.ztree li span.button.bottom_open{filter: var(--img-color)}
.ztree li span.button.bottom_close{filter: var(--img-color)}
.ztree li span.button.roots_open{filter: var(--img-color)}
.ztree li span.button.roots_close{filter: var(--img-color)}
.ztree li span.button.root_open{filter: var(--img-color)}

.zTreeView {width:240px;padding: 8px !important;box-sizing: border-box;position: relative;transition: all ease 200ms;}
.zTreeView .closeBtn {position: absolute;top: 50%;right: 0;transform: translateY(-50%) rotate(180deg);width: 14px;height: 40px;text-align: center;line-height: 38px;cursor: pointer;box-sizing: border-box;background-color: var(--bg_dropdrow);border: 1px solid var(--input-border);}
.zTreeView .closeBtn .layui-icon{color: var(--input-border);}
.zTreeView .closeBtn:hover {border-color: var(--input-border-hover) !important;background-color: var(--table_thead_bg) !important;}
.zTreeView .closeBtn:hover .layui-icon{color: var(--input-border-hover);}
.zTreeView.folded {width: 14px !important;overflow: hidden!important;background: none !important;}
.zTreeView.folded .search, .zTreeView.folded .ztree {display: none;}
.zTreeView.folded .closeBtn{transform: translateY(-50%) rotate(0deg);}

.zTreeView .search {position: relative;padding: 0 !important;margin: 0 !important;}
.zTreeView .search .layui-icon-close-fill {font-size:16px !important;display:none;position: absolute;right: 30px !important;top: calc(50% - 8px) !important;cursor: pointer;color: rgba(179, 179, 179, 1);}
.zTreeView .search .layui-icon-search {font-size:16px !important;position: absolute;right: 8px !important;top: calc(50% - 8px) !important;color: rgba(179, 179, 179, 1);cursor: pointer;}
/*只读页面表单样式*/
.readOnlyPage .layui-input, .readOnlyPage input, .readOnlyPage .layui-textarea, .readOnlyPage textarea {border: none !important;background: transparent !important;color: var(--font-form) !important;box-shadow: none !important;background-color: transparent !important;overflow: hidden;}
.readOnlyPage .layui-select-title .layui-edge {display: none !important;}
.readOnlyPage .laydateIcon:after {display: none !important;}
.readOnlyPage .layui-input-inline, .readOnlyPage .layui-input-block {pointer-events: none !important;}
.readOnlyPage textarea {resize: none;min-height: auto;}
/*菜单页iframe层*/
.subpageContainer{width: 100%;height: 100%;}
.subpageContainer .subpage{width: 100%;height: 100%;overflow: auto;}
/*----------关于------------*/
#about-detail{padding: 0;width: 600px;position: relative;}
#about-detail .title{height: 100px;color: var(--font-color);font-size: 18px;text-align: center;line-height: 60px;}
#about-detail .detail{width: 480px;position: absolute;top: 60px;left: 60px;display: flex;justify-content: space-around;}
#about-detail .base-detail p{padding: 5px 0;}
#about-detail .detail .rcode span{display: block;text-align: center;margin: 5px;}
#about-detail .detail .rcode{padding: 20px 0;}
#about-detail .foot{height: 200px;line-height: 350px;text-align: center;overflow: hidden;}
/*----------重置密码------------*/
#change-password-detail .layui-form-item .layui-input-block{display: inline-block;float: none;}
/*license授权*/
.license {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.license #grantPlatform{width: 500px;height: 360px;background: #0F3B66;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);}
.license #grantPlatform .title{font-weight: normal;text-align: center;font-size: 24px;height: 60px;display: flex;align-items: center;justify-content: center;margin: 48px 0 50px;}
.license #grantPlatform .title img {height: auto;margin-right: 17px;}
.license #grantPlatform .layui-form-item {width: 100%;height: 40px;display: flex;align-items: center;font-size: 18px;}
.license #addFile{color: #0070cc;cursor: pointer;}
.license .layui-form-label{float: left;font-size: 18px;width: 30%;box-sizing: border-box;}
.license .file-item .layui-input-inline{width: 70%;}
.license .file-item .file-list{padding:5px;}
.license .file-item .fileName ,.file-item {margin-top: 50px;}
.license .file-item .fileName ,.file-item .operTime{width: 70px;}
.license .file-item .download,.file-item .del{width: 20px;}
.license .file-item .file-list span{display: inline-block;color: #999;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.license .file-item .file-list span:nth-child(2){padding-right: 10px;}
.license .file-item .file-list .hidden{display: none;}
.license .file-item .file-list .fileName{color: #333;}
.license .file-item .file-list span i{padding: 0;color: #333;cursor: pointer;}
.license .flexbox {display: flex;height: 40px;line-height: 40px;width: auto;}
.license .file-item .add-file{padding: 0 38px;cursor: pointer;color: var(--font-btn);height: 40px;line-height: 40px;font-size: 16px;margin-right: 10px;}
.license .file-item .msg {font-size: 16px;font-weight: normal;line-height: 40px;color: rgba(166, 166, 166, 1);}
.license table img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.license #connect{background-color: #E3E8EF;margin-top: 5px;}
.license .company{text-align: center;position: absolute;bottom: 50px;height: 30px;line-height: 30px;color:black}
.license .company a{color: var(--main_link);text-decoration:underline;border-left: 1px solid var(--main_link);padding-left: 5px;}
.license .license_bg {position: absolute;width: 100%;height: 100%;}
.license .license_bg .license_bg_circle {position: absolute;border-radius: 50%;}
.license .license_bg .license_bg_circle.bule1 {background: radial-gradient(50% 50%, rgba(77, 151, 255, 0) 54.44%, rgba(77, 151, 255, 0.21) 100%);}
.license .license_bg .license_bg_circle.bule2 {background: radial-gradient(50% 50%, rgba(90, 214, 255, 0) 54.44%, rgba(90, 214, 255, 0.2) 100%);}
.license .license_bg .license_bg_circle.circle_small {height: 26%;top: 6%;left: 13%;}
.license .license_bg .license_bg_circle.circle_middle {height: 44%;top: 9%;right: 6%;}
.license .license_bg .license_bg_circle.circle_big {height: 55%;bottom: 5%;left: 25%;}
/*!*------------------role-----------------*!*/
.deptUser .wp100{width:100%;}
.deptUser .leftTop{border-bottom: 1px solid #d3e1e1;height:35px;line-height:35px}
.deptUser .fl{float:left}
.deptUser .fr{float:right}
.deptUser .deptSize{font-weight: normal}
.deptUser .height100{height:100%}
.deptUser .pAbsolute{position:absolute}
.deptUser .dpib{display:inline-block;}
.deptUser .boxSizing{box-sizing:border-box}
.deptUser .margin010{margin:0 10px}
.deptUser .width15{width:15%}
.deptUser .width85{width:85%}
.deptUser .overflowY{overflow-y:auto}
.deptUser #addDeptUserTemplate .layui-unselect dl{height: 145px;}
.deptUser #addDeptUserTemplate .deptUser_addUser{position: relative}
.deptUser #addDeptUserTemplate .deptUser_addUser .layui-input-block{width: calc(100% - 190px)}
.deptUser #addDeptUserTemplate .deptUser_addUser #etp_deptUser_addUser{position: absolute;top: 0;right: 0;}
.deptUser #addUser{margin:5px 0 0 0;}
.deptUser{height: 100%;}
.deptUser .dept_box{height: 100%;float: left;overflow: auto;padding: 0 10px;box-sizing: border-box;}
.deptUser .dept_box .title{height: 27px;background:var(--bg-title);line-height: 27px;text-align: center;color: var(--font-color);border-bottom: 1px solid var(--border_color);}
.deptUser .dept_box .depttree{height: calc(100% - 28px);overflow: auto;}
.deptUser .table_box{width: calc(100% - 250px);height: 100%;float: left;padding-left: 10px;transition: width ease 200ms;}
.deptUser .layui-table-view{margin: 0 0;}
.layui-tree-txt {color: var(--font-color)}
.deptUser .layui-tree-txt {padding: 0 3px;}

.mainSettingsDept{width:100%;height: 100%;}
.mainSettingsDept .deptLeft{width: 200px;height: 100%;float: left;}
.mainSettingsDept .deptRight{width: calc(100% - 216px);height: 100%;float: right;}
.mainSettingsDept .leftTop{border-bottom: 1px solid #d3e1e1;height:35px;line-height:35px}
.mainSettingsDept .deptSize{font-weight: normal}
.mainSettingsDept .circleSize{font-size: 26px; color: #1E9FFF}
.mainSettingsDept .font14{font-size: 14px;}
.mainSettingsDept .bgfff{background-color:var(--bg_topLevel)}
.mainSettingsDept.height100{height:100%}
.mainSettingsDept .height100{height:100%}
.mainSettingsDept.pAbsolute{position:absolute;}
.mainSettingsDept .height90{height:90%}
.mainSettingsDept .paddingleft20{padding-left:20px}
.mainSettingsDept .roleColor a{color:#247EF0}
.mainSettingsDept #navRole a{width: 105px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mainSettingsDept .mb10{margin-bottom: 16px}
.mainSettingsDept .padding30{padding:0 30px !important;}
.mainSettingsDept .m1010{margin:10px 0 0 10px}
.mainSettingsDept .dpib{display:inline-block;}
.mainSettingsDept .treeWidth{width:100%;}
.mainSettingsDept .tabShow{overflow-y:auto; width:100%; height:100%;font-size: 0;}
.mainSettingsDept .tabShow>div>button{margin-left: 10px;vertical-align: baseline;}
.mainSettingsDept #addUserDiv.layui-layer-wrap{max-height: initial;}
.mainSettingsDept.boxSizing{box-sizing:border-box}
.mainSettingsDept .margin010{margin:0 10px}
.mainSettingsDept .width15{width:15%}
.mainSettingsDept .width85{width:85%}
.mainSettingsDept .paddingRight {box-sizing: border-box;padding-right: 36px;}
.mainSettingsDept .overflowY{overflow-y:auto}
.mainSettingsDept .topSearch .layui-btn {margin-bottom: 0}
.mainSettingsDept #depttree {position: absolute;top: 36px;bottom: 10px;width: 200px;}

.settingsDept.wp100{width:100%;}
.settingsDept .leftTop{border-bottom: 1px solid #d3e1e1;height:35px;line-height:35px}
.settingsDept .fl{float:left}
.settingsDept .fr{float:right}
.settingsDept .deptSize{font-weight: normal}
.settingsDept .circleSize{font-size: 26px; color: #1E9FFF}
.settingsDept .font14{font-size: 14px;}
.settingsDept .bgfff{background-color: var(--bg_topLevel)}
.settingsDept.height100{height:100%}
.settingsDept .height100{height:100%}
.settingsDept.pAbsolute{position:absolute}
.settingsDept .height90{height:90%}
.settingsDept .paddingleft20{padding-left:20px}
.settingsDept .roleColor a{color:#247EF0}
.settingsDept #navRole a{width: 105px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.settingsDept .mb10{margin-bottom: 16px}
.settingsDept .padding30{padding:0 30px !important;}
.settingsDept .m1010{margin:10px 0 0 10px}
.settingsDept .dpib{display:inline-block;}
.settingsDept .treeWidth{width:100%;}
.settingsDept .tabShow{overflow-y:auto; width:100%; height:100%;font-size: 0;}
.settingsDept .tabShow>div>button{margin-left: 10px;vertical-align: baseline;}
.settingsDept #addUserDiv.layui-layer-wrap{max-height: initial;}
.settingsDept.boxSizing{box-sizing:border-box}
.settingsDept .margin010{margin:0 10px}
.settingsDept .width15{width:15%}
.settingsDept .width85{width:85%}
.settingsDept .overflowY{overflow-y:auto}
.platformConfig .dpib{display:inline-block;}
.layui-card{background-color:#f2f2f2}
.layui-card-body .notBtn{height: 38px;line-height: 38px;margin: 0 10px 5px 0;}
.layui-card-body .btn_item{height: 25px;line-height: 25px;border-radius: 25px;padding: 0 10px;}
.layui-card-body .card_title{font-size: 14px; margin-right: 10px;}
.layui-card-body .btnBlock{display: block;}
.primary {background-color: var(--bg_topLevel);color: #555;}
.primary:hover{color: #555;}
.user .role_tip{width: 108px;float: right;color: var(--input_placeholder);}
.settingsUser .role_tip{width: 108px;float: right;color: #807979;}
/*!*------------------dept-----------------*!*/
.layui-layer-wrap{min-width: 250px;}
/*---------日志管理--------*/
.etplog .layui-form{float: left;}
.etplog .interval{width: auto;}
.etplog .interval input{width: 260px;}
/*--------任务计划-------*/
.taskplan{float: left;width: 99%;}
.taskplantable .layui-table-view{margin:0px;}
.taskplantable #queryTaskplan{margin-bottom: 0;}
.taskplantable  .layui-table-body{height:285px !important;}
.layui-table-tool{display: none;}
/*-------人员管理------*/
.user .topSearch .layui-inline,.function .topSearch .layui-inline,.taskplan .topSearch .layui-inline,.parameter .topSearch .layui-inline{margin-right:10px;margin-bottom:10px;}
/*----------报警弹出框设置----------*/
.alarmListInfo .layui-form-item .layui-inline{margin-bottom: 0;}
.alarmListInfo .layui-form-item .layui-inline .reset{float: right;}
.alarmListInfo .layui-form-item .clear-icon{display: none;}
.alarmListInfo .tree_box{position: relative;}
.alarmListInfo .tree_box #deptEquip-tree{min-width: 190px;max-height:300px;overflow:auto;position: absolute;top:35px;left: 0;border: 1px solid #f2f2f2;z-index: 1;background: var(--bg_centerLevel) !important;box-shadow: var(--common-shadow) !important;}
.alarmListInfo .levelList{float: right;display: flex;align-items: center;color: var(--font-subColor);font-size: 14px;height: 30px;}
.alarmListInfo .levelList .item {height: 30px;width: 30px;display: none;color: var(--font-color);background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADPSURBVDiNrZQ7DoJAFEXP0NtpoaHnswN7WYFWyBLYDfRUUsEOXIef3mihnQsYK8gkPJERTjcvk5ObOy+jiKsURcZEKADieoPSBeCOFToAlNsjqDVw/Eey8kNWfmgIAQ7bG4ddhCK3lS29oD0r8ZbQa5Pgfjl1ZI/ruZ07SJS7HK0i4GaOl17QiiXZ94QN+9oFXQAbU/J+PZnNFx3Zb2FDUmVo0r5kdkIQe5UYLoRB+yo/yjcG7KtdQhOj12mEIPY6TgidXu06lBj5D/STVNkHFmhL1RBg0QoAAAAASUVORK5CYII=') top right no-repeat;border: 1px solid var(--border_color);margin-left: 6px;cursor: pointer;box-sizing: border-box;text-align: center;line-height: 30px;}
.alarmListInfo .levelList .item.selected {border: 1px solid var(--btn_box-border);background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADRSURBVDiNrZQ7DoJAFEXPYw92rgA6P3EDsAITlkAFq8HKxloSF2KidLoCO5dg9FmYiYgjMMJpJjOZOXm5uRmZFZoq5AyEAMy3Gj6EDTAeRAiw2On4dmcjELpKkuC1rk/gmcP9Ui5lLJHCylWW+O+9V79QxpIJZNaHgV22Pr+mswoBDrGsPCUCLh8C/y21yaCSoY16rkZyvMJ09C1rFRomheYCadNkTkKArn3tLIRufXUSQntfnYWGaq5VrLXpwq++/j2hoZ5rbyH0+wcamRSaPwFmLlMuOEsCKgAAAABJRU5ErkJggg==') top right no-repeat;}
/*----------权限管理----------*/
.function .layui-table-view,.taskplan .layui-table-view,.parameter .layui-table-view{margin: 0 0;}
#formMenu .uploadHeadImage {margin-bottom: 10px;}
.layui-upload-img.headImage.layui-icon {max-width: 100px;max-height: 100px;}
/*--------角色管理-------*/
.functionContent {height: 100%;display: flex;}
.functionContent .list_box{height: 100%;width: 240px;float: left;}
.functionContent .list_box .box_top{height: 30px;padding: 0 10px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e1e1e1;}
.functionContent .list_box .list{height: calc(100% - 40px);padding: 5px;overflow: auto;padding-top:0px;}
.functionContent #navRole a{width: 130px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.functionContent #navRole li {height: 16px;line-height: 16px;margin-top: 16px;}
.functionContent #navRole li i{float: right;padding: 0 2px;}
.functionContent .content_right{width: calc(100% - 216px);height: 100%;margin-left: 14px;float: left;}
.functionContent .content_right .tab_box{height: 100%;margin: 0;}
.functionContent .content_right .tab_box .layui-tab-content{height: calc(100% - 55px);padding: 0;padding-top: 16px;}
.functionContent .content_right .tab_box .layui-tab-content .tabShow{width:100%; height:100%;overflow-y:auto;}
.functionContent #functionContent{height: calc(100% - 45px)}
.functionContent #functionContent .layui-tab-card{height: calc(100% - 2px);margin:14px 0 0 0;}
.functionContent #functionContent .layui-tab-card .layui-tab-content{height: calc(100% - 54px);overflow-y: auto;}
.functionContent .layui-card-header .layui-form-checkbox{margin-left: 10px;}
.functionContent .layui-card-header .layui-form-checkbox[lay-skin=primary]:hover i {border-color: #d2d2d2;color: #333;}
.functionContent .layui-card-header .layui-form-checked[lay-skin=primary] i {border-color: #d2d2d2!important;background-color: #fff;color: #333;}
.functionContent #userContent{height: calc(100% - 45px);overflow: auto;margin-top:16px;}
.functionContent .circleSize{font-size: 26px; color: var(--main_link)}
.functionContent .roleColor a{color: var(--main_link)}
.functionContent #navRole a{width: 105px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.functionContent .mb10{margin-bottom: 16px}
.functionContent .padding30{padding:0 30px !important;}
.functionContent .m1010{margin:10px 0 0 10px}
.functionContent .dpib{display:inline-block;}
.functionContent .treeWidth{width:100%;}
.functionContent .tabShow{overflow-y:auto; width:100%; height:100%;}
.functionContent .tabShow>div>button{margin-left: 10px;vertical-align: baseline;}
.functionContent #addUserDiv.layui-layer-wrap{max-height: initial;}
/*------------场景配置-------------*/
.sceneConfig {height: 100%;display: flex;}
.sceneConfig .scene{width: 100%;}
.sceneConfig .list_box{height: 100%;width: 240px;float: left;background: var(--bg_topLevel) !important;}
.sceneConfig .list_box .box_top{height: 30px;padding: 0 10px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--border_color);}
.sceneConfig .list_box .list{height: calc(100% - 40px);padding: 5px;overflow: auto;padding-top:0px;}
.sceneConfig .list_box.folded {background: none!important;}
.sceneConfig .list_box.folded .box_top,.sceneConfig .list_box.folded .sceneList{display: none}
.sceneConfig .list_box #addScene{color: var(--main_link);font-size: 18px;cursor: pointer;}
.sceneConfig .layui-table-cell{text-align: center;}
.sceneConfig .addModel {width: 400px;height: 320px;}
.sceneConfig .add3DModel {width: 400px;height: auto;}
.sceneConfig .addModel .layui-inline label{width: 25px;color: #999;}
.sceneConfig .addModel .layui-input-inline{width: 60px;margin-right: 0;}
.sceneConfig .addModel .layui-input-block{display: flex;justify-content: flex-start;width: auto;}
.sceneConfig .addModel .layui-input-block .layui-input{width: 285px;}
.sceneConfig .addModel .layui-input-block .color{width: 260px;}
.sceneConfig .addModel .layui-input-block .rateNumber{width: 200px;}
.sceneConfig .addModel .layui-input-block .layui-inline{margin: 0;}
.sceneConfig .addModel .layui-input-inline .layui-input{width: 60px;}
.sceneConfig .addModel .layui-form-radio {float: left;margin-top: 0;}
.sceneConfig .addModel .colorPalette .layui-colorpicker{padding: 0;}
.sceneConfig .addModel .type {display: block;}
.sceneConfig .addModel .rate {display: block;width: 100px;height: 26px;line-height: 26px;color: #999;margin-left: 10px;}
.sceneConfig .threeDimensionalType .layui-select-title input{pointer-events: none;cursor: not-allowed!important;}
.sceneConfig .addScene .layui-input-block{width: 470px;display: flex;justify-content: space-between;}
.sceneConfig .addScene .layui-input-block .layui-input{width: 470px;}
.sceneConfig .addScene .layui-input-block .layui-inline{margin: 0;}
.sceneConfig .addScene .layui-input-block .layui-inline label{width: 25px;text-align: left;padding-left: 0;}
.sceneConfig .addScene .layui-input-block .layui-input-inline{width: 100px;margin-right: 0;}
.sceneConfig .addScene .layui-input-block .layui-input-inline .layui-input{width: 100px;}
.sceneConfig .addScene .layui-form-radio {float: left;margin-top: 0;}
.sceneConfig .addScene .colorPalette .layui-colorpicker{padding: 0;}
.sceneConfig .addScene .layui-upload .layui-btn {margin: 0;}
.sceneConfig .addScene .type {display: block;}
.sceneConfig .addScene .layui-upload {display: block;}
.sceneConfig .addScene .layui-upload span{color: var(--input_placeholder);line-height:30px;}
.sceneConfig .addScene #imgArr{width:430px ;height:70px;position: relative;}
.sceneConfig .addScene .imgItem{width: 60px;height: 60px;float: left;margin: 5px;display: flex;align-items: flex-start;justify-content: space-between;}
.sceneConfig .addScene .imgItem img{width: 55px;height: 55px;}
.sceneConfig .addScene .imgItem .layui-icon-close{height: 18px;width: 18px;margin-left: -18px;background-color: var(--main_link);border-radius: 8px;text-align: center;line-height: 18px;color: #ffffff;cursor: pointer;}
.sceneConfig .sceneList a{width: calc(100% - 60px);display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sceneConfig .sceneList{height: calc(100% - 40px);padding: 5px;overflow: auto;padding-top: 0;}
.sceneConfig .sceneList li {height: 16px;line-height: 16px;margin-top: 16px;}
.sceneConfig .sceneList li i{padding: 0 2px;cursor: pointer;}
.sceneConfig .sceneList li i:hover{color: #247EF0;}
.sceneConfig .sceneList a.layui-this{color:var(--main_link);}
.sceneConfig .content_right{width: calc(100% - 248px);height: 100%;margin-left: 8px;float: left;}
.sceneConfig .content_right .topSearch .layui-btn{margin-bottom: 0;}
.sceneConfig .tipBox {position: absolute;bottom: 0;left: 210px;right: 0;height: 30px;line-height:30px;font-size: 14px;color: var(--font-subColor);text-align: center;background-color: rgba(255, 217, 26, 0.3);border: 1px solid rgba(255, 217, 26, 1);}
.sceneConfigPreview{width: 100%;height: 100%;position: relative;}
.sceneConfigPreview .preview_header{display: flex;justify-content: space-between}
.sceneConfigPreview .preview_header .sceneName{text-align: center;font-size: 16px;font-weight: normal;color: var(--font-color);}
.sceneConfigPreview #preview{width: 100%;height: calc(100% - 38px);overflow: hidden;position: relative;margin-top:8px;}
.sceneConfigPreview .settingParameters{width: 140px;height:calc(100% - 38px);position: absolute;left: 0;top: 38px;z-index: 1;overflow: auto;}
.sceneConfigPreview .settingParameters input[type='number'] {-moz-appearance:textfield;}
.sceneConfigPreview .settingParameters input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.sceneConfigPreview .settingParameters input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.sceneConfigPreview .cameraInfo{width: 110px;background: rgba(0,0,0,0.6);border-radius: 5px;color: #ccc;padding: 5px 10px;margin-bottom: 5px;}
.sceneConfigPreview .cameraInfo .title{line-height: 30px;}
.sceneConfigPreview .cameraInfo .layui-form-item{margin-bottom: 0;}
.sceneConfigPreview .cameraInfo .layui-form-label{width: 30px;line-height: 20px;}
.sceneConfigPreview .cameraInfo .layui-input-block{width: 70px;}
.sceneConfigPreview .cameraInfo .layui-input-block .layui-input{width: 70px;height: 20px;line-height: 20px;}
.sceneConfigPreview .cameraInfo .submit{display: block;margin: 0 auto;width: 50px;}
.sceneConfigPreview .rotateInfo{width: 110px;background: rgba(0,0,0,0.6);border-radius: 5px;color: #ccc;padding: 5px 10px;margin-bottom: 5px;}
.sceneConfigPreview .rotateInfo .title{line-height: 30px;}
.sceneConfigPreview .rotateInfo .layui-form-item{margin-bottom: 0;}
.sceneConfigPreview .rotateInfo .layui-form-label{width: 30px;line-height: 20px;}
.sceneConfigPreview .rotateInfo .layui-input-block{width: 60px;}
.sceneConfigPreview .rotateInfo .layui-input-block .layui-input{width: 50px;height: 20px;line-height: 20px;}
.sceneConfigPreview .rotateInfo .submit{display: block;margin: 0 auto;width: 50px;}
.sceneConfigPreview .scaleInfo{width: 110px;background: rgba(0,0,0,0.6);border-radius: 5px;color: #ccc;padding: 5px 10px;margin-bottom: 5px;}
.sceneConfigPreview .scaleInfo .title{line-height: 30px;}
.sceneConfigPreview .scaleInfo .layui-form-item{margin-bottom: 0;}
.sceneConfigPreview .scaleInfo .layui-form-label{width: 30px;line-height: 20px;}
.sceneConfigPreview .scaleInfo .layui-input-block{width: 60px;}
.sceneConfigPreview .scaleInfo .layui-input-block .layui-input{width: 50px;height: 20px;line-height: 20px;}
.sceneConfigPreview .scaleInfo .submit{display: block;margin: 0 auto;width: 50px;}
.sceneConfigPreview .positionInfo{width: 110px;background: rgba(0,0,0,0.6);border-radius: 5px;color: #ccc;padding: 5px 10px;margin-bottom: 5px;}
.sceneConfigPreview .positionInfo .title{line-height: 30px;}
.sceneConfigPreview .positionInfo .layui-form-item{margin-bottom: 0;}
.sceneConfigPreview .positionInfo .layui-form-label{width: 30px;line-height: 20px;}
.sceneConfigPreview .positionInfo .layui-input-block{width: 60px;}
.sceneConfigPreview .positionInfo .layui-input-block .layui-input{width: 50px;height: 20px;line-height: 20px;}
.sceneConfigPreview .positionInfo .submit{display: block;margin: 0 auto;width: 50px;}
.drawCurves{position: absolute;right: 5px;top: 38px;z-index: 1;overflow: auto;}
.drawCurves .pointerNone{cursor: not-allowed;background-color: #999999;}
.drawCurves .title{text-align: center;font-size: 16px;}
.drawCurves .layui-form{width: 270px;background-color: #000;opacity: 0.8;border-radius: 5px;color: #ccc;padding: 0;margin-bottom: 5px;}
.drawCurves .layui-input-block{width: calc(100% - 20px);padding: 0 10px;}
.drawCurves .layui-btn-container{text-align: center;}
.sceneConfigPreview .refreshScene{font-size: 21px;color: var(--font-color);cursor: pointer;}
/*-----场景预览------*/
.scenePreview{width: 100%;height: 100%;position: relative;}
.scenePreview .selectScene{position: absolute;left: 0;top:0;z-index: 1;background-color: #ccc;padding: 10px;}
.scenePreview .selectScene .layui-input-block{margin: 0}
.scenePreview #canvas{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.scenePreview .loading{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;align-items: center;z-index: 1;justify-content: center;}
#labelTip{width:30px;height:30px;display:none;position: absolute;top:0;left:0;}