.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页面*/
body {
  background: transparent;
}
#root,
body {
  height: 100%;
  word-break: keep-all;
  color: #a6aab2;
}
.ant-tabs {
  color: #a6aab2;
}
.ant-table .ant-table-thead th.ant-table-cell {
  word-break: normal;
}
i {
  cursor: pointer;
}
.MainPage {
  padding: 1.42857143rem;
}
::-webkit-scrollbar {
  width: 0.35714286rem;
  height: 0.35714286rem;
  cursor: pointer;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.42857143rem rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0.42857143rem rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb {
  border-radius: 0.28571429rem;
  background: #8f8f8f;
  -webkit-box-shadow: inset 0 0 0.42857143rem rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0.42857143rem rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb:hover {
  background: #272727;
}
::-webkit-scrollbar-thumb:active {
  background: #8f8f8f;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.2);
}

/**
 * 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页面*/
.m-width-f10 {
  width: calc(100% - 10rem) !important;
}
.m-width-auto {
  width: auto !important;
}
.m-width-15 {
  width: 1.07142857rem !important;
}
.m-width-20 {
  width: 1.42857143rem !important;
}
.m-width-24 {
  width: 1.71428571rem !important;
}
.m-width-25 {
  width: 1.78571429rem !important;
}
.m-width-30 {
  width: 2.14285714rem !important;
}
.m-width-40 {
  width: 2.85714286rem !important;
}
.m-width-45 {
  width: 3.21428571rem !important;
}
.m-width-50 {
  width: 3.57142857rem !important;
}
.m-width-54 {
  width: 3.85714286rem !important;
}
.m-width-60 {
  width: 4.28571429rem !important;
}
.m-width-65 {
  width: 4.64285714rem !important;
}
.m-width-84 {
  width: 6rem !important;
}
.m-width-70 {
  width: 5rem !important;
}
.m-width-52 {
  width: 3.71428571rem !important;
}
.m-width-80 {
  width: 5.71428571rem !important;
}
.m-width-85 {
  width: 6.07142857rem !important;
}
.m-width-90 {
  width: 6.42857143rem !important;
}
.m-width-95 {
  width: 6.78571429rem !important;
}
.m-width-100 {
  width: 7.14285714rem !important;
}
.m-width-105 {
  width: 7.85714286rem !important;
}
.m-width-110 {
  width: 7.85714286rem !important;
}
.m-width-118 {
  width: 8.42857143rem !important;
}
.m-width-120 {
  width: 8.57142857rem !important;
}
.m-width-124 {
  width: 8.85714286rem !important;
}
.m-width-126 {
  width: 9rem !important;
}
.m-width-130 {
  width: 9.28571429rem !important;
}
.m-width-132 {
  width: 9.42857143rem !important;
}
.m-width-138 {
  width: 9.85714286rem !important;
}
.m-width-140 {
  width: 10rem !important;
}
.m-width-144 {
  width: 10.28571429rem !important;
}
.m-width-148 {
  width: 10.57142857rem !important;
}
.m-width-150 {
  width: 10.71428571rem !important;
}
.m-width-156 {
  width: 11.14285714rem !important;
}
.m-width-160 {
  width: 11.42857143rem !important;
}
.m-width-168 {
  width: 12rem !important;
}
.m-width-170 {
  width: 12.14285714rem !important;
}
.m-width-175 {
  width: 12.5rem !important;
}
.m-width-180 {
  width: 12.85714286rem !important;
}
.m-width-184 {
  width: 13.14285714rem !important;
}
.m-width-190 {
  width: 13.57142857rem !important;
}
.m-width-200 {
  width: 14.28571429rem !important;
}
.m-width-213 {
  width: 15.21428571rem !important;
}
.m-width-215 {
  width: 15.35714286rem !important;
}
.m-width-220 {
  width: 15.71428571rem !important;
}
.m-width-224 {
  width: 16rem !important;
}
.m-width-230 {
  width: 16.42857143rem !important;
}
.m-width-240 {
  width: 17.14285714rem !important;
}
.m-width-250 {
  width: 17.85714286rem !important;
}
.m-width-260 {
  width: 18.57142857rem !important;
}
.m-width-276 {
  width: 19.71428571rem !important;
}
.m-width-280 {
  width: 20rem !important;
}
.m-width-300 {
  width: 21.42857143rem !important;
}
.m-width-310 {
  width: 22.14285714rem !important;
}
.m-width-320 {
  width: 22.85714286rem !important;
}
.m-width-330 {
  width: 23.57142857rem !important;
}
.m-width-360 {
  width: 25.71428571rem !important;
}
.m-width-372 {
  width: 26.57142857rem !important;
}
.m-width-480 {
  width: 34.28571429rem !important;
}
.m-width-510 {
  width: 36.42857143rem !important;
}
.m-width-545 {
  width: 38.92857143rem !important;
}
.m-width-600 {
  width: 42.85714286rem !important;
}
.m-width-648 {
  width: 46.28571429rem !important;
}
.m-width-910 {
  width: 65rem !important;
}
.m-width-3p {
  width: 3% !important;
}
.m-width-9p {
  width: 9% !important;
}
.m-width-10p {
  width: 10% !important;
}
.m-width-12p {
  width: 12% !important;
}
.m-width-20p {
  width: 20% !important;
}
.m-width-25p {
  width: 25% !important;
}
.m-width-30p {
  width: 30% !important;
}
.m-width-33p {
  width: 33% !important;
}
.m-width-40p {
  width: 40% !important;
}
.m-width-50p {
  width: 50% !important;
}
.m-width-55p {
  width: 55% !important;
}
.m-width-58p {
  width: 58% !important;
}
.m-width-60p {
  width: 60% !important;
}
.m-width-65p {
  width: 65% !important;
}
.m-width-70p {
  width: 70% !important;
}
.m-width-80p {
  width: 80% !important;
}
.m-width-100p {
  width: 100% !important;
}
.m-width-200p {
  width: 200% !important;
}
/* max-width */
.m-max-w-480 {
  max-width: 34.28571429rem !important;
}
/* min-width */
.m-minw-50 {
  min-width: 3.57142857rem !important;
}
.m-minw-70 {
  min-width: 5rem !important;
}
.m-minw-90 {
  min-width: 6.42857143rem !important;
}
/* height */
.m-height-0 {
  height: 0 !important;
}
.m-height-15 {
  height: 1.07142857rem !important;
}
.m-height-24 {
  height: 1.71428571rem !important;
}
.m-height-25 {
  height: 1.78571429rem !important;
}
.m-height-26 {
  height: 1.85714286rem !important;
}
.m-height-28 {
  height: 2rem !important;
}
.m-height-30 {
  height: 2.14285714rem !important;
}
.m-height-36 {
  height: 2.57142857rem !important;
}
.m-height-40 {
  height: 2.85714286rem !important;
}
.m-height-50 {
  height: 3.57142857rem !important;
}
.m-height-60 {
  height: 4.28571429rem !important;
}
.m-height-90 {
  height: 6.42857143rem !important;
}
.m-height-100 {
  height: 7.14285714rem !important;
}
.m-height-120 {
  height: 8.57142857rem !important;
}
.m-height-150 {
  height: 10.71428571rem !important;
}
.m-height-200 {
  height: 14.28571429rem !important;
}
.m-height-201 {
  height: 14.35714286rem !important;
}
.m-height-238 {
  height: 17rem !important;
}
.m-height-276 {
  height: 19.71428571rem !important;
}
.m-height-288 {
  height: 20.57142857rem !important;
}
.m-height-300 {
  height: 21.42857143rem !important;
}
.m-height-310 {
  height: 22.14285714rem !important;
}
.m-height-350 {
  height: 25rem !important;
}
.m-height-360 {
  height: 25.71428571rem !important;
}
.m-height-380 {
  height: 27.14285714rem !important;
}
.m-height-400 {
  height: 28.57142857rem !important;
}
.m-height-432 {
  height: 30.85714286rem !important;
}
.m-height-484 {
  height: 34.57142857rem !important;
}
.m-height-648 {
  height: 46.28571429rem !important;
}
.m-height-100p {
  height: 100%;
}

/**
 * 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页面*/
/* margin */
.m-m-a {
  margin: auto;
}
.m-m-0 {
  margin: 0 !important;
}
.m-m-20 {
  margin: 1.42857143rem !important;
}
.m-m-10 {
  margin: 0.71428571rem !important;
}
/* margin-right */
.m-mr-0 {
  margin-right: 0 !important;
}
.m-mr-5 {
  margin-right: 0.35714286rem !important;
}
.m-mr-6 {
  margin-right: 0.42857143rem !important;
}
.m-mr-10 {
  margin-right: 0.71428571rem !important;
}
.m-mr-12 {
  margin-right: 0.85714286rem !important;
}
.m-mr-15 {
  margin-right: 1.07142857rem !important;
}
.m-mr-20 {
  margin-right: 1.42857143rem !important;
}
.m-mr-24 {
  margin-right: 1.71428571rem !important;
}
.m-mr-30 {
  margin-right: 2.14285714rem !important;
}
.m-mr-36 {
  margin-right: 2.57142857rem !important;
}
.m-mr-40 {
  margin-right: 2.85714286rem !important;
}
.m-mr-100 {
  margin-right: 7.14285714rem !important;
}
.m-mr-140 {
  margin-right: 10rem !important;
}
.m-mr-186 {
  margin-right: 13.28571429rem !important;
}
.m-mr-200 {
  margin-right: 14.28571429rem !important;
}
.m-mr-250 {
  margin-right: 17.85714286rem !important;
}
.m-mr-f2 {
  margin-right: -0.14285714rem !important;
}
.m-mr-f6 {
  margin-right: -0.42857143rem !important;
}
.m-mr-f7 {
  margin-right: -0.5rem !important;
}
.m-mr-f10 {
  margin-right: -0.71428571rem !important;
}
.m-mr-f14 {
  margin-right: -1rem !important;
}
.m-mr-f15 {
  margin-right: -1.07142857rem !important;
}
.m-mr-f16 {
  margin-right: -1.14285714rem !important;
}
.m-mr-f17 {
  margin-right: -1.21428571rem !important;
}
.m-mr-f18 {
  margin-right: -1.28571429rem !important;
}
.m-mr-f23 {
  margin-right: -1.64285714rem !important;
}
.m-mr-f25 {
  margin-right: -1.78571429rem !important;
}
.m-mr-f27 {
  margin-right: -1.92857143rem !important;
}
/* margin-left */
.m-ml-0 {
  margin-left: 0 !important;
}
.m-ml-3 {
  margin-left: 0.21428571rem !important;
}
.m-ml-5 {
  margin-left: 0.35714286rem !important;
}
.m-ml-6 {
  margin-left: 0.42857143rem !important;
}
.m-ml-7 {
  margin-left: 0.5rem !important;
}
.m-ml-8 {
  margin-left: 0.57142857rem !important;
}
.m-ml-9 {
  margin-left: 0.64285714rem !important;
}
.m-ml-10 {
  margin-left: 0.71428571rem !important;
}
.m-ml-12 {
  margin-left: 0.85714286rem !important;
}
.m-ml-15 {
  margin-left: 1.07142857rem !important;
}
.m-ml-16 {
  margin-left: 1.14285714rem !important;
}
.m-ml-17 {
  margin-left: 1.21428571rem !important;
}
.m-ml-18 {
  margin-left: 1.28571429rem !important;
}
.m-ml-20 {
  margin-left: 1.42857143rem !important;
}
.m-ml-23 {
  margin-left: 1.64285714rem !important;
}
.m-ml-24 {
  margin-left: 1.71428571rem !important;
}
.m-ml-25 {
  margin-left: 1.78571429rem !important;
}
.m-ml-29 {
  margin-left: 2.07142857rem !important;
}
.m-ml-30 {
  margin-left: 2.14285714rem !important;
}
.m-ml-33 {
  margin-left: 2.35714286rem !important;
}
.m-ml-35 {
  margin-left: 2.5rem !important;
}
.m-ml-36 {
  margin-left: 2.57142857rem !important;
}
.m-ml-37 {
  margin-left: 2.64285714rem !important;
}
.m-ml-40 {
  margin-left: 2.85714286rem !important;
}
.m-ml-42 {
  margin-left: 3rem !important;
}
.m-ml-47 {
  margin-left: 3.35714286rem !important;
}
.m-ml-48 {
  margin-left: 3.42857143rem !important;
}
.m-ml-49 {
  margin-left: 3.5rem !important;
}
.m-ml-50 {
  margin-left: 3.57142857rem !important;
}
.m-ml-50-5 {
  margin-left: 3.60714286rem !important;
}
.m-ml-52 {
  margin-left: 3.71428571rem !important;
}
.m-ml-60 {
  margin-left: 4.28571429rem !important;
}
.m-ml-65 {
  margin-left: 4.64285714rem !important;
}
.m-ml-70 {
  margin-left: 5rem !important;
}
.m-ml-72 {
  margin-left: 5.14285714rem !important;
}
.m-ml-75 {
  margin-left: 5.35714286rem !important;
}
.m-ml-90 {
  margin-left: 6.42857143rem !important;
}
.m-ml-100 {
  margin-left: 7.14285714rem !important;
}
.m-ml-110 {
  margin-left: 7.85714286rem !important;
}
.m-ml-112 {
  margin-left: 8rem !important;
}
.m-ml-127 {
  margin-left: 9.07142857rem !important;
}
.m-ml-130 {