}
.m-ws-nowrap {
  white-space: nowrap;
}
.m-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
/**
Icon组件增加svg 大小设置， 增加hover处理
*@normalColor 默认纯色颜色， 不需要指定为0
*@lineStart 渐变起始颜色
*@lineStop 渐变停止颜色
*/
/* 悬浮后图标样式 */
/* 图标禁用颜色 */
/* 设置图标的背景色和边框， 任何一项不需要则指定 0 */
html,
body {
  font-size: 14px;
}
#p_ocx {
  z-index: 1001;
}
@media screen and (max-width: 1280px) {
  html,
  body {
    font-size: 12px;
  }
}
@media screen and (min-device-width: 3000px) {
  html,
  body {
    font-size: 28px;
  }
}
::-webkit-scrollbar-corner {
  background-color: #2a2e33;
}
* {
  font-family: arial, 'Microsoft YaHei' !important;
}
.iconDropitem_name {
  float: left;
}
.ant-pagination-total-text,
.ant-pagination-options-size-changer,
.ant-pagination-options {
  color: #a6aab2;
}
.ant-pagination-total-text .ant-pagination-options-quick-jumper input,
.ant-pagination-options-size-changer .ant-pagination-options-quick-jumper input,
.ant-pagination-options .ant-pagination-options-quick-jumper input {
  background-color: #2a2e33;
  border-color: #a6aab2;
  color: #a6aab2;
  margin-left: -40px;
}
.ant-pagination-next a,
.ant-pagination-prev a {
  background-color: #2a2e33 !important;
  border-color: #a6aab2 !important;
  color: #a6aab2 !important;
}
.ant-pagination-next a:hover,
.ant-pagination-prev a:hover {
  border-color: #009cff !important;
  color: #009cff !important;
}
.ant-pagination-next svg,
.ant-pagination-prev svg {
  fill: #a6aab2;
}
.ant-pagination-disabled:hover a {
  color: #a6aab2 !important;
  border-color: #a6aab2 !important;
}
.ant-pagination-item {
  background-color: #2a2e33;
  border-color: #a6aab2;
}
.ant-pagination-item a {
  color: #a6aab2;
}
.ant-pagination-item-active {
  border-color: #009cff;
}
.ant-pagination-item-active a {
  color: #009cff;
}
.ant-pagination-item-ellipsis {
  color: #a6aab2 !important;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  background-color: #2a2e33;
}
.ant-pagination-total-text {
  float: right;
}
.ant-tree-checkbox-inner {
  background-color: #2a2e33;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #009cff;
}
.ant-form {
  color: #ffffff;
}
.ant-form-item-label > label {
  color: #ffffff;
}
.ant-form-item {
  margin-bottom: 0px;
}
.ant-progress-inner {
  background-color: #565965;
}
.ant-progress-text {
  color: #a6aab2;
}
.ant-layout {
  background-color: #2a2e33;
  color: #a6aab2;
}
.ant-layout-sider {
  background-color: #2a2e33;
  color: #a6aab2;
}
/* 以下是调整后最新样式定义 */
.has-error .ant-input {
  border-color: #f5222d;
  background-color: #2a2e33;
}
.has-error .ant-input:hover {
  border-color: #f5222d;
}
.has-error .ant-input:focus {
  border-color: #f5222d;
}
.has-error .ant-input-affix-wrapper {
  border-color: #f5222d;
  background-color: #2a2e33;
}
.has-error .ant-input-affix-wrapper:hover {
  border-color: #f5222d !important;
}
.has-error .ant-input-affix-wrapper-focused {
  border-color: #f5222d !important;
}
.ant-input:focus,
.ant-input-number:focus,
.ant-input:hover,
.ant-input-number:hover {
  box-shadow: 0 0 0 0;
  border-color: #009cff;
}
.ant-input[disabled] {
  color: #52545a;
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-input[disabled]:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-input[readonly] {
  color: #ffffff;
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.ant-input[readonly]:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-input,
.ant-input-number {
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.ant-input-number-disabled {
  color: #52545a !important;
  background-color: #2a2e33 !important;
  opacity: 1;
}
.ant-input-number-handler-up,
.ant-input-number-handler-down {
  background-color: #2a2e33;
}
.ant-input-number-handler-up:active,
.ant-input-number-handler-down:active {
  background-color: #2a2e33;
}
.ant-input-number-handler-down {
  border-top: 1px solid #2a2e33;
}
.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-up,
.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-up {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.15);
}
.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down,
.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down {
  border-top: 0.5px solid rgba(255, 255, 255, 0.15);
}
.ant-input-number-handler-wrap {
  border-left: 1px solid #2a2e33;
  background-color: #2a2e33;
}
.ant-input-number-handler {
  border-left-color: rgba(255, 255, 255, 0.15);
}
.ant-input-affix-wrapper {
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-focused:not(.ant-input-affix-wrapper-disabled),
.ant-input-affix-wrapper:hover:not(.ant-input-affix-wrapper-disabled) {
  box-shadow: 0 0 0 0;
  border-color: #009cff;
}
.ant-form-item-has-error input {
  background-color: transparent !important;
}
.labelInput-check-info .ant-col {
  margin-top: -10px;
  line-height: 16px;
}
.labelInput-check-info span {
  color: #f5222d;
}
li.ant-select-dropdown-menu-item.ant-select-dropdown-menu-item-selected,
div.ant-select.ant-select-enabled {
  color: #ffffff;
}
.ant-select:hover,
.ant-input-number:hover {
  border-color: #009cff;
}
.ant-select:hover svg,
.ant-input-number:hover svg {
  fill: #009cff;
}
.ant-select svg,
.ant-input-number svg {
  fill: #666b74;
}
.ant-select .ant-input-number-handler-up-disabled svg,
.ant-input-number .ant-input-number-handler-up-disabled svg,
.ant-select .ant-input-number-handler-down-disabled svg,
.ant-input-number .ant-input-number-handler-down-disabled svg {
  fill: #52545a;
}
.ant-input-number-disabled:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-input-number-focused svg,
.ant-select-open svg {
  fill: #009cff;
}
.ant-input-number-focused {
  border-color: #009cff;
  box-shadow: 0 0 0 0;
}
.ant-select-multiple .ant-select-selection-item {
  background: #2a2e33;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
/* ipv4组件 */
.LabelIPV4 {
  border: 0.07142857rem solid rgba(255, 255, 255, 0.15);
}
.LabelIPV4.ipv4-active {
  border-color: #009cff;
}
.LabelIPV4 input,
.LabelIPV4 .mac-point:hover {
  border: 0px !important;
}
.LabelIPV4 .ant-input {
  background-color: transparent !important;
}
.has-error .LabelIPV4 {
  border-color: #f5222d !important;
}
/* .ant-select:hover svg,
.ant-select:hover,
.ant-input-number:hover,
.ant-input-number:hover svg{
    fill: @formInputBorderA;
} */
.ant-select {
  color: #ffffff;
}
.ant-select-focused .ant-select-selection,
.ant-select-open .ant-select-selection,
.ant-select .ant-select-selection {
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 0 0;
}
.ant-select-focused .ant-select-selection .ant-select-arrow,
.ant-select-open .ant-select-selection .ant-select-arrow,
.ant-select .ant-select-selection .ant-select-arrow {
  color: #ffffff;
}
.ant-select-focused .ant-select-selection:hover,
.ant-select-open .ant-select-selection:hover,
.ant-select .ant-select-selection:hover {
  border-color: #009cff;
}
.ant-select-focused .ant-select-selector,
.ant-select-open .ant-select-selector,
.ant-select .ant-select-selector {
  /* 通道多选时限制最大高度，防止页面显示不下 */
}
.ant-select-focused .ant-select-selector .ant-select-selection-overflow,
.ant-select-open .ant-select-selector .ant-select-selection-overflow,
.ant-select .ant-select-selector .ant-select-selection-overflow {
  max-height: 4rem;
  overflow-y: auto;
}
.ant-select-open .ant-select-selection {
  border-color: #009cff;
  box-shadow: 0 0 0 1px #009cff;
}
.ant-select-disabled,
.ant-select-disabled .ant-select-selection {
  color: #52545a !important;
  background-color: #2a2e33 !important;
  opacity: 1;
}
.ant-select-disabled svg,
.ant-select-disabled .ant-select-selection svg {
  fill: #52545a;
}
.ant-select-disabled:focus,
.ant-select-disabled .ant-select-selection:focus {
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-select-disabled:hover,
.ant-select-disabled .ant-select-selection:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-select-disabled:hover svg,
.ant-select-disabled .ant-select-selection:hover svg {
  fill: #52545a;
}
.ant-select-dropdown {
  background-color: #2a2e33;
}
.ant-select-dropdown-menu-item {
  color: #ffffff;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #2a2e33;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #2a2e33;
}
.ant-select-dropdown-menu-item-selected {
  background-color: #2a2e33;
  font-weight: 400;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: #2a2e33;
  border: 1px solid rgba(255, 255, 255, 0.15);
  /* 为解决 下拉框修改高度后不居中 */
  display: flex;
  display: -ms-flexbox;
  /* IE11 */
  align-items: center;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #ffffff;
  font-weight: normal;
  background-color: #2a2e33;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  color: #ffffff;
  font-weight: normal;
  background-color: #2a2e33;
}
.ant-select-item {
  color: #a6aab2;
  font-weight: normal;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: #2a2e33;
  color: #52545a;
}
.ant-checkbox-wrapper {
  color: #a6aab2;
}
.ant-checkbox-disabled + span {
  color: #52545a;
}
.ant-checkbox-inner {
  width: 1.35714286rem;
  height: 1.35714286rem;
  background-color: #2a2e33 !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #2a2e33 !important;
  border-color: #009cff !important;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  border: 0.14285714rem solid #009cff;
  border-top: 0;
  border-left: 0;
  left: 25%;
  width: 0.42857143rem;
  height: 0.78571429rem;
  top: 44%;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  border-color: #009cff;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  left: 51%;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  border-color: #36393f !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #36393f !important;
}
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-btn-link[disabled] {
  color: #52545a;
}
.ant-btn-link[disabled]:hover {
  color: #52545a;
}
.ant-btn-link.ant-btn-icon-only {
  width: 2.14285714rem;
  height: 2.14285714rem;
  color: #a6aab2;
  text-align: center;
}
.ant-btn-link.ant-btn-icon-only:hover:not(:disabled) {
  color: #009cff;
}
.ant-btn-link.ant-btn-icon-only:disabled,
.ant-btn-link.ant-btn-icon-only:hover:disabled {
  opacity: 0.5;
  color: inherit;
}
.ant-divider-horizontal.ant-divider-with-text-left {
  font-weight: normal;
  border: none;
  font-size: inherit;
  color: inherit;
  background: none !important;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 0%;
}
.ant-divider {
  background: rgba(255, 255, 255, 0.06) !important;
}
.ant-modal .ant-modal-content {
  background-color: #2a2e33;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #a6aab2;
}
.ant-modal .ant-modal-content .ant-modal-header {
  background-color: #4c4f54;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  height: 2.92857143rem;
  padding: 0.64285714rem 1.71428571rem;
}
.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  color: #ffffff;
}
.ant-modal .ant-modal-content .ant-modal-close {
  color: #a6aab2;
  opacity: 0.5;
}
.ant-modal .ant-modal-content .ant-modal-close:hover {
  opacity: 0.6;
}
.ant-modal .ant-modal-content .ant-modal-close-x {
  height: 41px;
  line-height: 41px;
}
.ant-modal .ant-modal-content .ant-modal-footer {
  background-color: #2a2e33;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  height: 4.28571429rem;
}
.ant-modal .ant-modal-content .ant-modal-footer .ant-space {
  height: auto;
}
.ant-picker-range {
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-picker-range .ant-picker-input > input {
  color: #ffffff;
}
.ant-picker-range .ant-picker-separator {
  color: #ffffff;
}
.ant-picker-range .ant-picker-suffix {
  color: #ffffff;
}
.ant-picker-range .ant-picker-clear {
  color: #ffffff;
  background-color: #2a2e33;
}
.ant-picker-panel-container {
  background-color: #2a2e33;
}
.ant-picker-panel-container .ant-picker-panels {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.ant-picker-panel-container .ant-picker-panels .ant-picker-panel {
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  color: #a6aab2;
}
.ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  background-color: #009cff;
  color: #ffffff;
}
.ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background-color: #009cff;
}
.ant-picker-cell-in-view.ant-picker-cell-selected.ant-picker-cell-disabled .ant-picker-cell-inner {
  background: transparent !important;
  color: #52545a;
}
.ant-picker-cell-selected .ant-picker-cell-inner {
  background: #009cff;
}
.ant-picker-cell:hover .ant-picker-cell-inner {
  background: #009cff !important;
  color: #ffffff;
}
.ant-picker-cell .ant-picker-cell-inner {
  color: #52545a;
}
.ant-picker-cell-in-view .ant-picker-cell-inner {
  color: #a6aab2;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
  color: #52545a;
}
.ant-picker-header button {
  color: #a6aab2;
}
.ant-picker-header > button:hover {
  color: #009cff;
}
.ant-picker-today-btn {
  color: #a6aab2;
}
.ant-picker-today-btn:hover {
  color: #009cff;
}
.ant-picker-now-btn {
  color: #009cff;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background: #009cff;
  color: #ffffff !important;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  background: #009cff;
  color: #ffffff;
}
.ant-table-body tbody .ant-table-row.ant-table-row-selected td {
  background: transparent;
}
.ant-table-body tbody .ant-table-row .ant-table-cell.ant-table-column-sort {
  background: transparent;
}
.ant-table-body .editable-cell-value-wrap:hover {
  border-color: #009cff !important;
}
.ant-badge-count {
  box-shadow: 0 0 0 1px #e9463a;
}
.ant-spin-blur {
  opacity: 1;
  background-color: #2a2e33;
}
.ant-spin-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto !important;
  padding-top: 5px;
  background: #000;
  color: #ffffff;
  transform: translate(-50%, 0);
  padding: 10px 10px;
}
._SideView_ .ant-tabs-top > .ant-tabs-nav {
  margin: 0;
}
._SideView_ .ant-tabs-nav .ant-tabs-tab-btn {
  background: #313439;
  color: #a6aab2;
  border: 1px solid #14171b;
  /* DTS003126856【WEB】【安全中心】音视频加密传输的字段显示超出了显示框  */
  /* 设置为自动宽度并加上内间距 */
  min-width: 14.28571429rem;
  padding: 0 0.35714286rem;
  height: 3.57142857rem;
  line-height: 3.57142857rem;
  text-align: center;
}
._SideView_ .ant-tabs-nav .ant-tabs-tab-active > .ant-tabs-tab-btn {
  background: #009cff;
  color: #ffffff;
}
._SideView_ .ant-tabs-tab {
  padding: 0px;
}
._SideView_ .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 0px;
}
._SideView_ .ant-tabs-ink-bar {
  display: none;
}
._MachineConfig_.MainPage {
  width: 100%;
}
.header-contain {
  overflow: hidden;
  height: auto !important;
}
.header-tabMenu {
  line-height: 3.57142857rem;
}
.header-tabMenu .ant-tabs.ant-tabs > .ant-tabs-nav {
  margin-bottom: 0px;
  height: 2.57142857rem;
}
.header-tabMenu .ant-tabs.ant-tabs > .ant-tabs-nav::before {
  border-width: 0px;
}
.header-tabMenu .ant-tabs.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
  background-color: #1b1e20;
  border: none;
  color: #a6aab2;
}
.header-tabMenu .ant-tabs.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #58595e !important;
  border: none;
  color: #ffffff !important;
}
.header-tabMenu .ant-tabs.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #ffffff !important;
}
._Table_ {
  width: 100%;
  margin-top: 8px;
}
._Table_ .ant-table,
._Table_ .ant-table-small .ant-table-thead,
._Table_ .ant-table-placeholder {
  background: none;
  border-top-color: rgba(255, 255, 255, 0.15);
}
._Table_ .ant-table-pagination {
  display: block !important;
}
._Table_ .ant-empty-description {
  color: #a6aab2;
}
._Table_ .ant-table-column-sorters {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: center;
}
._Table_ .ant-table-column-title {
  position: relative;
  z-index: 1;
  flex: 0 1 auto;
}
._Table_ .ant-table-body {
  min-height: 28.57142857rem;
}
._Table_ .ant-table {
  border: 1px solid rgba(255, 255, 255, 0.15);
}
._Table_ .ant-table > .ant-table-container {
  border-left-width: 0px !important;
  border-top-width: 0px !important;
}
._Table_ .ant-table > .ant-table-container > table {
  border-top-width: 0px;
}
._Table_ .ant-table > .ant-table-container .ant-table-header table {
  border-top: 0;
}
._Table_ .ant-table > .ant-table-container .ant-table-thead > tr > th {
  padding: 0 0 !important;
  font-weight: 400;
}
._Table_ .ant-table > .ant-table-container .ant-table-tbody .selected-row,
._Table_ .ant-table > .ant-table-container .ant-table-tbody .ZD-selected-row {
  background: #52555a !important;
}
._Table_ .ant-table > .ant-table-container .ant-table-tbody .selected-row td,
._Table_ .ant-table > .ant-table-container .ant-table-tbody .ZD-selected-row td {
  color: #ffffff !important;
}
._Table_ .ant-table > .ant-table-container tr td {
  padding: 0 0 !important;
  border-right-width: 0px !important;
  color: #a6aab2;
  height: 3.42857143rem;
  border-bottom-width: 0px;
}
._Table_ .ant-table > .ant-table-container th {
  color: #ffffff;
  background-color: #2a2e33 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  height: 3.42857143rem !important;
}
._Table_ .ant-table > .ant-table-container .ant-pagination .ant-pagination-disabled .ant-pagination-item-link {
  border-color: #414449;
  color: #414449;
}
._Table_ .ant-table > .ant-table-container .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
._Table_ .ant-table > .ant-table-container .ant-pagination .ant-pagination-next .ant-pagination-item-link {
  background-color: #32373c;
}
._Table_ .ant-table > .ant-table-container .ant-pagination .ant-pagination-item {
  background-color: #32373c;
  border-color: rgba(255, 255, 255, 0.15);
}
._Table_ .ant-table > .ant-table-container .ant-pagination .ant-pagination-item-active {
  border-color: #009cff;
}
._Table_ .ant-table.ant-table-bordered > .ant-table-container table {
  border-top: 0px;
}
._Table_ .ant-table.ant-table-bordered > .ant-table-container table > tbody tr.showZebraPattern:nth-of-type(even),
._Table_ .ant-table.ant-table-bordered > .ant-table-container table > tbody tr.ZD-showZebraPattern:nth-of-type(even) {
  background: #31353c;
}
._Table_ .ant-table.ant-table-bordered > .ant-table-container table > tbody tr.showZebraPattern:nth-of-type(odd),
._Table_ .ant-table.ant-table-bordered > .ant-table-container table > tbody tr.ZD-showZebraPattern:nth-of-type(odd) {
  background: #2a2e33;
}
._Table_ .ant-table.ant-table-bordered > .ant-table-container table > tbody tr:hover td {
  color: #ffffff !important;
  background: transparent !important;
  /* 表格图标之间的分割线不要悬浮颜色 */
}
._Table_ .ant-table-cell-scrollbar {
  visibility: hidden;
}
.ant-btn:not(.btn-link):not(.ant-btn-link) {
  background-color: #32373c;
  color: #a6aab2;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.ant-btn:not(.btn-link):not(.ant-btn-link):focus {
  background-color: #32373c;
  color: #a6aab2;
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-btn:not(.btn-link):not(.ant-btn-link):focus.active,
.ant-btn:not(.btn-link):not(.ant-btn-link):focus:active {
  color: #ffffff;
  background-color: #009cff;
  border-color: #009cff;
}
.ant-btn:not(.btn-link):not(.ant-btn-link):hover,
.ant-btn:not(.btn-link):not(.ant-btn-link):hover:not(:focus) {
  color: #c1c5cb;
  background-color: #32373c;
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-btn:not(.btn-link):not(.ant-btn-link)[disabled],
.ant-btn:not(.btn-link):not(.ant-btn-link)[disabled]:hover,
.ant-btn:not(.btn-link):not(.ant-btn-link)[disabled]:focus,
.ant-btn:not(.btn-link):not(.ant-btn-link)[disabled]:active {
  background-color: #32373c;
  color: #414449;
  border-color: #414449;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-primary {
  background-color: #009cff;
  color: #ffffff;
  border-color: #009cff;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-primary:focus {
  background-color: #009cff;
  color: #ffffff;
  border-color: #009cff;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-primary:focus.active,
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-primary:focus:active {
  color: #ffffff;
  border-color: #008ce6;
  background-color: #008ce6;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-primary:hover:not(:focus):not([disabled]) {
  color: #ffffff;
  border-color: #008ce6;
  background-color: #008ce6;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-primary[disabled],
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-primary[disabled]:hover,
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-primary[disabled]:focus,
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-primary[disabled]:active {
  background-color: #32373c;
  color: #414449;
  border-color: #414449;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-test {
  background-color: #343840;
  color: #29d67f;
  border-color: #2a945b;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-test:hover:not(:focus):not([disabled]) {
  color: #2ceebc;
  border-color: #2cee8c;
  background-color: #343840;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-test:active:not([disabled]) {
  color: #ffffff;
  border-color: #2a945b;
  background-color: #2a945b;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-test[disabled] {
  color: #414449;
  border-color: #414449;
  background-color: #32373c;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-dangerous {
  background-color: #343840;
  color: #f5222d;
  border-color: #f5222d;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-dangerous:hover:not(:focus):not([disabled]) {
  color: #ff6c6c;
  border-color: #ff6c6c;
  background-color: #343840;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-dangerous:active:not([disabled]) {
  color: #ffffff;
  border-color: #f5222d;
  background-color: #f5222d;
}
.ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-dangerous[disabled] {
  color: #414449;
  border-color: #414449;
  background-color: #32373c;
}
/* button 下 禁用后的svg 样试 */
.ant-btn:disabled .cus_icons {
  cursor: not-allowed;
}
.ant-btn:disabled .cus_icons svg path:first-child {
  fill: #686c72;
}
/* switch */
.LabelSwitch-swtich .ant-switch {
  background-color: rgba(255, 255, 255, 0.15);
}
.LabelSwitch-swtich .ant-switch.ant-switch-checked {
  background-color: #009cff;
}
.ant-switch.ant-switch-checked:focus {
  box-shadow: none;
}
.LabelSwitch-label-dark {
  padding-left: 5px;
}
/* Radio */
.ant-radio-wrapper {
  color: #a6aab2;
}
.ant-radio {
  vertical-align: middle;
  /* 需要垂直居中 */
}
.ant-radio-checked .ant-radio-inner {
  border-color: #009cff;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(1);
}
.ant-radio-inner {
  /* radio的大小 */
  width: 19px;
  height: 19px;
  background-color: transparent;
  border-color: #8a8e94;
  box-shadow: none !important;
}
.ant-radio-inner::after {
  /* radio里面点的大小和位置 */
  width: 9px;
  height: 9px;
  left: 4px;
  top: 4px;
  background-color: #009cff;
  margin-top: 0px;
  margin-left: 0px;
}
.ant-radio-disabled .ant-radio-inner {
  border-color: rgba(255, 255, 255, 0.15) !important;
  background-color: transparent;
}
.ant-dropdown-menu {
  background-color: #2d3238;
  color: #a6aab2;
}
.ant-dropdown-menu .ant-dropdown-menu-item {
  height: 2.85714286rem;
  line-height: 2.85714286rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #a6aab2;
}
.ant-dropdown-menu-item:hover {
  background-color: inherit;
  color: #009cff !important;
}
.ant-dropdown-menu-item:hover svg path {
  fill: #009cff;
}
.ant-dropdown-menu-item-selected {
  background-color: #2d3238;
}
.ant-popover {
  color: #a6aab2;
}
.ant-popover .ant-popover-arrow-content {
  background-color: #2d3238;
}
.ant-popover .ant-popover-inner {
  background-color: #2d3238;
}
.ant-popover .ant-popover-inner-content {
  color: #a6aab2;
}
.ant-popover .ant-popover-message {
  color: #a6aab2;
}
.ant-popover .ant-popover-arrow-content::before {
  display: none;
}
.ant-picker {
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-picker .ant-picker-input > input {
  color: #ffffff;
}
.ant-picker .ant-picker-input .ant-picker-suffix svg {
  fill: #a6aab2;
}
.ant-picker.ant-picker-disabled {
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-picker.ant-picker-disabled .ant-picker-input > input {
  color: #52545a;
}
.ant-picker-year-panel .ant-picker-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.ant-picker-year-panel .ant-picker-cell-range-hover::after {
  border-color: #009cff !important;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-start::after {
  border-color: #009cff !important;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-end::after {
  border-color: #009cff !important;
}
.ant-picker-month-panel .ant-picker-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.ant-picker-month-panel .ant-picker-cell-range-hover::after {
  border-color: #009cff !important;
}
.ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  border-color: #009cff !important;
}
.ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  border-color: #009cff !important;
}
.ant-picker-panel-container .ant-picker-panel {
  border-bottom-width: 0px;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-header {
  background-color: #4c4f54;
  color: #a6aab2;
  border-bottom-width: 0px;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body {
  background-color: #393d41;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content th,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body .ant-picker-content th,
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content .ant-picker-cell-in-view,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body .ant-picker-content .ant-picker-cell-in-view {
  color: #a6aab2;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content .ant-picker-cell-inner::after,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body .ant-picker-content .ant-picker-cell-inner::after {
  background: none;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-start::before,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-start::before {
  background: none;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-end::before,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-end::before {
  background: none;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content .ant-picker-cell-in-range,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body .ant-picker-content .ant-picker-cell-in-range {
  background: #2a2e33;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-hover,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-hover {
  background: #2a2e33;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-hover::after,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-hover::after {
  border-color: #009cff;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-hover-start::after {
  border-color: #009cff;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-hover-end::after {
  border-color: #009cff;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-hover-end::before,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body .ant-picker-content .ant-picker-cell-range-hover-end::before {
  border-color: #009cff;
  background: none !important;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content .ant-picker-cell-in-range::before,
.ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-body .ant-picker-content .ant-picker-cell-in-range::before {
  background: #2a2e33;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-footer {
  border-bottom-width: 0px;
  border-top-width: 0px;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-content {
  color: #a6aab2;
}
/* 时间下拉选择 */
.ant-picker-dropdown .ant-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  color: #a6aab2;
}
.ant-slider-track {
  background-color: #009cff;
}
.labelSlider-center {
  margin: 0 2.14285714rem;
  /* 30 与Icon的大小有关 */
}
.labelSlider-float-right {
  margin-right: 0.35714286rem;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #009cff;
}
.ant-slider .ant-slider-rail {
  background-color: #3e4648;
}
.ant-slider.ant-slider-disabled .ant-slider-rail {
  background-color: #3e4648 !important;
}
.ant-slider.ant-slider-disabled .ant-slider-track {
  background-color: #009cff !important;
}
/* 相机设置 图形属性 tab左右中间的分割线颜色 */
.ant-tabs-left .ant-tabs-content-holder {
  border-left-color: rgba(255, 255, 255, 0.15);
}
.ant-tabs,
.ant-tabs .ant-form,
.ant-form .ant-form-item,
.ant-form-item {
  color: #a6aab2;
}
.ant-form-item-has-error input {
  background-color: #2a2e33 !important;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  border-bottom: none;
}
.ant-alert {
  background-color: inherit;
  border: none;
  padding: 0;
}
.ant-alert .ant-alert-message {
  color: #a6aab2;
}
.ant-radio-group .ant-radio-button-wrapper {
  background-color: #2d3238;
  border-color: #14171b;
  color: #a6aab2;
}
.ant-radio-group .ant-radio-button-wrapper-checked {
  background-color: #009cff;
  border-color: #009cff;
  color: #ffffff;
}
.ant-radio-group .ant-radio-button-wrapper-checked:hover {
  color: #ffffff;
}
.ant-radio-group .ant-radio-button-wrapper-checked:active {
  border-color: none;
}
.ant-radio-group .ant-radio-wrapper-disabled * {
  color: #52545a !important;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: none;
  color: #a6aab2;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: transparent;
}
.ant-table-thead > tr > th {
  text-align: center;
}
.ant-table-tbody > tr > td {
  text-align: center;
}
.ant-table-tbody > tr.ant-table-row:hover > td {
  background: unset;
}
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #52555a;
}
.LabelMac .ant-input-group {
  border: 0.07142857rem solid rgba(255, 255, 255, 0.15);
}
.LabelMac .ant-input-group .mac-point,
.LabelMac .ant-input-group .mac-input {
  /* IE11 start: mac背景色异常问题 */
  background-color: transparent;
  /* IE11 end */
  background-color: unset;
  border: 0px;
}
.LabelMac .ant-input-group.mac-active {
  border-color: #009cff;
}
.LabelMac:not(.mac-disabled) .ant-input-group:hover {
  border-color: #009cff;
}
.has-error .LabelMac .ant-input:first-of-type,
.has-error .LabelMac .ant-input:last-of-type {
  border-left: 0px;
  border-right: 0px;
}
.has-error .LabelMac .ant-input-group {
  border-color: #f5222d !important;
}
._VideoTransmission_ .box,
._VideoTransmission_ .box .title {
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.ant-collapse {
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.ant-collapse-content {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.ant-checkbox-group {
  color: #a6aab2;
}
.ant-collapse,
.ant-collapse .ant-collapse-content {
  background-color: unset;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header,
.ant-collapse,
.ant-collapse-content {
  color: unset;
}
.ant-tabs-dropdown .ant-tabs-dropdown-menu-vertical {
  background-color: #1b1e20;
}
.ant-tabs-dropdown .ant-tabs-dropdown-menu-vertical .tab-item {
  display: flex;
  margin-left: 0.35714286rem;
  align-items: center;
  width: 100%;
}
.ant-tabs-dropdown .ant-tabs-dropdown-menu-vertical .tab-item .ant-image {
  width: 1.78571429rem;
}
.ant-tabs-dropdown .ant-tabs-dropdown-menu-vertical .tab-item .ant-image .ant-image-img {
  width: 1.14285714rem;
}
.ant-tabs-dropdown .ant-tabs-dropdown-menu-vertical .tab-item .tabIcon {
  font-size: 1.42857143rem;
  color: #a6aab2;
}
.ant-tabs-dropdown .ant-tabs-dropdown-menu-vertical .tab-item span {
  margin-left: 0.28571429rem;
  text-overflow: ellipsis;
  color: #a6aab2;
  white-space: nowrap;
  overflow: hidden;
}
.ant-tabs-dropdown .ant-tabs-dropdown-menu-vertical .ant-tabs-dropdown-menu-item {
  color: #a6aab2;
}
.ant-tabs-dropdown .ant-tabs-dropdown-menu-vertical .ant-tabs-dropdown-menu-item:hover {
  background-color: #58595e;
}
.ant-tabs-dropdown .ant-tabs-dropdown-menu-vertical .ant-tabs-dropdown-menu-item-remove {
  color: #a6aab2;
}
._pannel_.ant-collapse .ant-collapse-item {
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.label-passwordCheck-tip {
  background-color: #1e1f1e;
}
.label-passwordCheck-status-weak-1 {
  background-color: #f5222d;
}
.label-passwordCheck-status-middle-1 {
  background-color: #fcac15;
}
.label-passwordCheck-status-middle-2 {
  background-color: #fcac15;
}
.label-passwordCheck-status-strong-1 {
  background-color: #52c41a;
}
.label-passwordCheck-status-strong-2 {
  background-color: #52c41a;
}
.label-passwordCheck-status-strong-3 {
  background-color: #52c41a;
}
.label-explain {
  word-break: keep-all;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
  border-left: 0;
}
fieldset {
  border: 0.07142857rem solid rgba(255, 255, 255, 0.15);
  padding: 1.78571429rem;
}
legend {
  width: auto;
  font-size: 14px;
}
.ant-picker-range-arrow {
  z-index: -1;
}
.ant-popover .ant-popover-inner-content {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .ant-picker-range-arrow {
    z-index: -1;
    width: 0.64285714rem !important;
    height: 0.64285714rem !important;
  }
  .ant-picker-panel-container {
    transform: translateX(-3px);
  }
}
.ant-picker-range-arrow {
  z-index: -1;
  width: 0.78571429rem !important;
  height: 0.78571429rem !important;
  background: #a6aab2 !important;
}
.ant-picker-range-arrow::before {
  width: 0.78571429rem !important;
  height: 0.78571429rem !important;
  background: #a6aab2 !important;
}
.ant-message-notice-content {
  color: #ffffff;
  background: #4c4f54;
}
.ant-tooltip {
  max-width: 14.28571429rem !important;
}
.ant-tooltip-inner {
  background-color: #2d3238;
  color: #a6aab2;
}
.ant-tooltip-arrow-content {
  --antd-arrow-background-color: #2d3238;
  background-color: #2d3238;
}
.ant-tabs-content-holder,
.ant-tabs-content,
.ant-tabs-tabpane {
  outline: none;
}
/* top Tabs less 例如远程设备等页面 */
.TabsTop {
  margin-top: 0.71428571rem;
}
.TabsTop.ant-tabs .ant-tabs-nav::before {
  content: none;
}
.TabsTop.ant-tabs .ant-tabs-nav .ant-tabs-tab:not(:first-of-type) {
  margin-left: 1.42857143rem;
}
.TabsTop.ant-tabs .ant-tabs-nav .ant-tabs-tab-btn {
  height: 2.85714286rem;
  line-height: 2.85714286rem;
  padding: 0 0.57142857rem;
  text-align: center;
  min-width: 8.42857143rem;
  width: auto;
}
.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
  animation: MessageMoveOut 0.5s;
  -webkit-animation: MessageMoveOut 0.5s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-zoom-appear.ant-zoom-appear-active {
  animation: ZoomIn 0.2s;
  -webkit-animation: ZoomIn 0.2s;
}
.ant-zoom-leave.ant-zoom-leave-active {
  animation: ZoomOut 0.2s;
  -webkit-animation: ZoomOut 0.2s;
}
.ant-fade-leave.ant-fade-leave-active {
  animation: FadeOut 0.2s;
  -webkit-animation: FadeOut 0.2s;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
  animation: SlideOut 0.2s;
  -webkit-animation: SlideOut 0.2s;
}
.ant-slide-up-enter.ant-slide-up-enter-active {
  animation: SlideIn 0.2s;
  -webkit-animation: SlideIn 0.2s;
}
@keyframes ZoomIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ZoomOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes SlideIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes SlideOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/**
 * main.less规范
 *
 * 1、去除了IPC和IVSS中使用的不知含义的less变量，保留了个别几个必须的变量定义（比如@sdd-web/design中的变量textColorNo5）；
 * 2、变量名命名规范，有状态的必须带上N,A,D（分别代表 Normal， Active,  Disable）
 *    xxxBg[N,A,D]：背景色命名
 *    xxxBorder[N,A,D]：Border命名
 *    xxxSvg[N,A,D]：Icon命名
 *    xxxText[N,A,D]： 字体色命名
 *    xxxDivider： 分割线命名 *      
 * 3、采用4.0的变量归类方式，一种是组件类，一种是模块类；变量必须明确注释或明了每个变量实际控制的组件或具体业务地方 ；
 * 4、main.less中组件模块常见的颜色定义尽量采用less引用方式， 减少换肤时颜色的定义 ，关注定制的便捷性以及换肤速度；
 *
**/
/** 
 * 页面长度使用规则
 * 1.禁止使用px和rem作为单位，包括border的宽度
 * 2.使用 px/@px-unit 换算成rem：比如常规分辨率下是100px，在less中写100/@px-unit
 * 3.使用前先impot基础less变量：@import '~style/main.less'; 
 * 4.@px-unit的数值和@font-size-base的数值相同
*/
/*换肤列表的相关颜色*/
/* 以下是调整后最新定义 */
/* svg 颜色控制 */
/**组件类变量 start**/
/**组件类变量 end**/
/**模块类变量 start**/
/*login 登录*/
/*导航*/
/**导航下拉菜单**/
/*MenuView主页菜单*/
/* 预览 */
/*预览底部*/
/** 预览-语音对讲 */
/** 预览-紧急录影 */
/** 预览-云台 */
/** 预览-快捷预览 */
/** 预览-鱼眼 */
/** 预览-报警输出*/
/* 预览-左侧 */
/* 预览-中间 */
/* 预览-右侧 */
/* AI预览面板样式 */
/*回放时间轴*/
/**回放勾选的边框与钩子颜色**/
/*sideMenu二级导航*/
/**FixButton**/
/**表格单元格状态**/
/**spin**/
/**录像类型颜色定义**/
/**录制计划悬浮颜色**/
.sdd-checked-general .ant-checkbox-inner {
  background-color: #39d67f !important;
}
.sdd-checked-alarm .ant-checkbox-inner {
  background-color: #ff4f4f !important;
}
.sdd-checked-detect .ant-checkbox-inner {
  background-color: #e9d760 !important;
}
.sdd-checked-detectalarm .ant-checkbox-inner {
  background-color: #f1910a !important;
}
.sdd-checked-ivs .ant-checkbox-inner {
  background-color: #39adf6 !important;
}
.sdd-checked-jpg .ant-checkbox-inner {
  background-color: #3ae8f8 !important;
}
.sdd-checked-pos .ant-checkbox-inner {
  background-color: #788ae3 !important;
}
.sdd-checked-card .ant-checkbox-inner {
  background-color: #7debf7 !important;
}
/**模块类变量 end**/
/**@sdd-web/design**/
/**三方库的变量需要如下用标签包裹起来**/
/**antd**/
/**antd**/
.wifi_sign {
  display: inline-block;
  width: 20px;
  height: 20px;
}
/*人脸搜索*展示搜索页面的弹窗组件*/
/*车辆检测变量*/
/**回放勾选的边框与钩子颜色**/
.sdd-checked-orange .ant-checkbox-inner {
  border-color: #226894 !important;
  background-color: #f35900 !important;
}
.sdd-checked-orange::after {
  border-color: #226894;
}
.sdd-checked-yellow .ant-checkbox-inner {
  border-color: #226894 !important;
  background-color: #fdfc00 !important;
}
.sdd-checked-yellow::after {
  border-color: #226894;
}
.sdd-checked-green .ant-checkbox-inner {
  border-color: #226894 !important;
  background-color: #39d67f !important;
}
.sdd-checked-green::after {
  border-color: #226894;
}
.sdd-checked-red .ant-checkbox-inner {
  border-color: #226894 !important;
  background-color: #FF4F4F !important;
}
.sdd-checked-red::after {
  border-color: #226894;
}
.sdd-checked-blue .ant-checkbox-inner {
  border-color: #226894 !important;
  background-color: #009cfd !important;
}
.sdd-checked-blue .ant-checkbox-inner::after {
  border-color: #226894;
}
.report-icon {
  width: 100%;
  font-size: 200px !important;
  margin: auto;
}
/*info中的version页面*/
/**
Icon组件增加svg 大小设置， 增加hover处理
*@normalColor 默认纯色颜色， 不需要指定为0
*@lineStart 渐变起始颜色
*@lineStop 渐变停止颜色
*/
/* 悬浮后图标样式 */
/* 图标禁用颜色 */
/* 设置图标的背景色和边框， 任何一项不需要则指定 0 */
html,
body {
  font-size: 14px;
}
#p_ocx {
  z-index: 1001;
}
@media screen and (max-width: 1280px) {
  html,
  body {
    font-size: 12px;
  }
}
@media screen and (min-device-width: 3000px) {
  html,
  body {
    font-size: 28px;
  }
}
::-webkit-scrollbar-corner {
  background-color: #2a2e33;
}
* {
  font-family: arial, 'Microsoft YaHei' !important;
}
.iconDropitem_name {
  float: left;
}
.ant-pagination-total-text,
.ant-pagination-options-size-changer,
.ant-pagination-options {
  color: #a6aab2;
}
.ant-pagination-total-text .ant-pagination-options-quick-jumper input,
.ant-pagination-options-size-changer .ant-pagination-options-quick-jumper input,
.ant-pagination-options .ant-pagination-options-quick-jumper input {
  background-color: #2a2e33;
  border-color: #a6aab2;
  color: #a6aab2;
  margin-left: -40px;
}
.ant-pagination-next a,
.ant-pagination-prev a {
  background-color: #2a2e33 !important;
  border-color: #a6aab2 !important;
  color: #a6aab2 !important;
}
.ant-pagination-next a:hover,
.ant-pagination-prev a:hover {
  border-color: #009cff !important;
  color: #009cff !important;
}
.ant-pagination-next svg,
.ant-pagination-prev svg {
  fill: #a6aab2;
}
.ant-pagination-disabled:hover a {
  color: #a6aab2 !important;
  border-color: #a6aab2 !important;
}
.ant-pagination-item {
  background-color: #2a2e33;
  border-color: #a6aab2;
}
.ant-pagination-item a {
  color: #a6aab2;
}
.ant-pagination-item-active {
  border-color: #009cff;
}
.ant-pagination-item-active a {
  color: #009cff;
}
.ant-pagination-item-ellipsis {
  color: #a6aab2 !important;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  background-color: #2a2e33;
}
.ant-pagination-total-text {
  float: right;
}
.ant-tree-checkbox-inner {
  background-color: #2a2e33;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #009cff;
}
.ant-form {
  color: #ffffff;
}
.ant-form-item-label > label {
  color: #ffffff;
}
.ant-form-item {
  margin-bottom: 0px;
}
.ant-progress-inner {
  background-color: #565965;
}
.ant-progress-text {
  color: #a6aab2;
}
.ant-layout {
  background-color: #2a2e33;
  color: #a6aab2;
}
.ant-layout-sider {
  background-color: #2a2e33;
  color: #a6aab2;
}
/* 以下是调整后最新样式定义 */
.has-error .ant-input {
  border-color: #f5222d;
  background-color: #2a2e33;
}
.has-error .ant-input:hover {
  border-color: #f5222d;
}
.has-error .ant-input:focus {
  border-color: #f5222d;
}
.has-error .ant-input-affix-wrapper {
  border-color: #f5222d;
  background-color: #2a2e33;
}
.has-error .ant-input-affix-wrapper:hover {
  border-color: #f5222d !important;
}
.has-error .ant-input-affix-wrapper-focused {
  border-color: #f5222d !important;
}
.ant-input:focus,
.ant-input-number:focus,
.ant-input:hover,
.ant-input-number:hover {
  box-shadow: 0 0 0 0;
  border-color: #009cff;
}
.ant-input[disabled] {
  color: #52545a;
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-input[disabled]:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-input[readonly] {
  color: #ffffff;
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.ant-input[readonly]:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-input,
.ant-input-number {
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.ant-input-number-disabled {
  color: #52545a !important;
  background-color: #2a2e33 !important;
  opacity: 1;
}
.ant-input-number-handler-up,
.ant-input-number-handler-down {
  background-color: #2a2e33;
}
.ant-input-number-handler-up:active,
.ant-input-number-handler-down:active {
  background-color: #2a2e33;
}
.ant-input-number-handler-down {
  border-top: 1px solid #2a2e33;
}
.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-up,
.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-up {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.15);
}
.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down,
.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down {
  border-top: 0.5px solid rgba(255, 255, 255, 0.15);
}
.ant-input-number-handler-wrap {
  border-left: 1px solid #2a2e33;
  background-color: #2a2e33;
}
.ant-input-number-handler {
  border-left-color: rgba(255, 255, 255, 0.15);
}
.ant-input-affix-wrapper {
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-focused:not(.ant-input-affix-wrapper-disabled),
.ant-input-affix-wrapper:hover:not(.ant-input-affix-wrapper-disabled) {
  box-shadow: 0 0 0 0;
  border-color: #009cff;
}
.ant-form-item-has-error input {
  background-color: transparent !important;
}
.labelInput-check-info .ant-col {
  margin-top: -10px;
  line-height: 16px;
}
.labelInput-check-info span {
  color: #f5222d;
}
li.ant-select-dropdown-menu-item.ant-select-dropdown-menu-item-selected,
div.ant-select.ant-select-enabled {
  color: #ffffff;
}
.ant-select:hover,
.ant-input-number:hover {
  border-color: #009cff;
}
.ant-select:hover svg,
.ant-input-number:hover svg {
  fill: #009cff;
}
.ant-select svg,
.ant-input-number svg {
  fill: #666b74;
}
.ant-select .ant-input-number-handler-up-disabled svg,
.ant-input-number .ant-input-number-handler-up-disabled svg,
.ant-select .ant-input-number-handler-down-disabled svg,
.ant-input-number .ant-input-number-handler-down-disabled svg {
  fill: #52545a;
}
.ant-input-number-disabled:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-input-number-focused svg,
.ant-select-open svg {
  fill: #009cff;
}
.ant-input-number-focused {
  border-color: #009cff;
  box-shadow: 0 0 0 0;
}
.ant-select-multiple .ant-select-selection-item {
  background: #2a2e33;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
/* ipv4组件 */
.LabelIPV4 {
  border: 0.07142857rem solid rgba(255, 255, 255, 0.15);
}
.LabelIPV4.ipv4-active {
  border-color: #009cff;
}
.LabelIPV4 input,
.LabelIPV4 .mac-point:hover {
  border: 0px !important;
}
.LabelIPV4 .ant-input {
  background-color: transparent !important;
}
.has-error .LabelIPV4 {
  border-color: #f5222d !important;
}
/* .ant-select:hover svg,
.ant-select:hover,
.ant-input-number:hover,
.ant-input-number:hover svg{
    fill: @formInputBorderA;
} */
.ant-select {
  color: #ffffff;
}
.ant-select-focused .ant-select-selection,
.ant-select-open .ant-select-selection,
.ant-select .ant-select-selection {
  background-color: #2a2e33;
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 0 0;
}
.ant-select-focused .ant-select-selection .ant-select-arrow,
.ant-select-open .ant-select-selection .ant-select-arrow,
.ant-select .ant-select-selection .ant-select-arrow {
  color: #ffffff;
}
.ant-select-focused .ant-select-selection:hover,
.ant-select-open .ant-select-selection:hover,
.ant-select .ant-select-selection:hover {
  border-color: #009cff;
}
.ant-select-focused .ant-select-selector,
.ant-select-open .ant-select-selector,
.ant-select .ant-select-selector {
  /* 通道多选时限制最大高度，防止页面显示不下 */
}
.ant-select-focused .ant-select-selector .ant-select-selection-overflow,
.ant-select-open .ant-select-selector .ant-select-selection-overflow,
.ant-select .ant-select-selector .ant-select-selection-overflow {
  max-height: 4rem;
  overflow-y: auto;
}
.ant-select-open .ant-select-selection {
  border-color: #009cff;
  box-shadow: 0 0 0 1px #009cff;
}
.ant-select-disabled,
.ant-select-disabled .ant-select-selection {
  color: #52545a !important;
  background-color: #2a2e33 !important;
  opacity: 1;
}
.ant-select-disabled svg,
.ant-select-disabled .ant-select-selection svg {
  fill: #52545a;
}
.ant-select-disabled:focus,
.ant-select-disabled .ant-select-selection:focus {
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-select-disabled:hover,
.ant-select-disabled .ant-select-selection:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-select-disabled:hover svg,
.ant-select-disabled .ant-select-selection:hover svg {
  fill: #52545a;
}
.ant-select-dropdown {
  background-color: #2a2e33;
}
.ant-select-dropdown-menu-item {
  color: #ffffff;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #2a2e33;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #2a2e33;
}
.ant-select-dropdown-menu-item-selected {
  background-color: #2a2e33;
  font-weight: 400;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: #2a2e33;
  border: 1px solid rgba(255, 255, 255, 0.15);
  /* 为解决 下拉框修改高度后不居中 */
  display: flex;
  display: -ms-flexbox;
  /* IE11 */
  align-items: center;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #ffffff;
  font-weight: normal;
  background-color: #2a2e33;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  color: #ffffff;
  font-weight: normal;
  background-color: #2a2e33;
}
.ant-select-item {
  color: #a6aab2;
  font-weight: normal;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: #2a2e33;
  color: #52545a;
}
.ant-checkbox-wrapper {
  color: #a6aab2;
}
.ant-checkbox-disabled + span {
  color: #52545a;
}
.ant-checkbox-inner {
  width: 1.35714286rem;
  height: 1.35714286rem;
  background-color: #2a2e33 !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #2a2e33 !important;
  border-color: #009cff !important;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  border: 0.14285714rem solid #009cff;
  border-top: 0;
  border-left: 0;
  left: 25%;
  width: 0.42857143rem;
  height: 0.78571429rem;
  top: 44%;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  border-color: #009cff;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  left: 51%;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  border-color: #36393f !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #36393f !important;
}
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: rgba(255, 255, 255, 0.15);
}
.ant-btn-link[disabled] {
  color: #52545a;
}
.ant-btn-link[disabled]:hover {
  color: #52545a;
}
.ant-btn-link.ant-btn-icon-only {
  width: 2.14285714rem;
  height: 2.14285714rem;
  color: #a6aab2;
  text-align: center;
}
.ant-btn-link.ant-btn-icon-only:hover:not(:disabled) {
  color: #009cff;
}