* {
  box-sizing: border-box;
}

// @import '~antd/lib/style/themes/default.less';

.content {
  padding-top: 38px;
}

.tabs {
  :global {
    .ant-tabs-bar {
      margin: 0;
      border: 0;
    }

    .ant-tabs-tabpane {
      position: relative;
    }

    .ant-tabs-ink-bar {
      height: 0px;
    }

    .ant-tabs-nav .ant-tabs-tab {
      display: none;
    }
  }
}

.message {
  position: fixed;
  bottom: 0;
  right: 10px;
  width: 195px;
  height: 112px;
  background: white;
  padding: 16px;
  z-index: 99999;

  p {
    height: 30px;
    overflow: hidden;
  }
}

body {
  min-height: 100vh;
  height: max-content;
  // background: transparent;
  background: #122c63;
  font-size: 14px;
  margin: 0;

  :global {
    #root {
      background-image: url('@/Project/assets/newUI/newBackground.png');
      background-position: center;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      min-height: 100vh;
    }

    .ant-popover-inner {
      background: #122c63;

      .ant-popover-inner-content {
        color: #c0f0ff;
      }
    }

    .ant-popover-arrow {
      border-color: transparent !important;
    }

    .ant-popover-message {
      color: #fff;
      font-size: 18px;
    }

    .ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow,
    .ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow,
    .ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow {
      border-right-color: #0d1a2b;
      border-bottom-color: #0d1a2b;
    }

    input,
    .ant-card {
      background: transparent;
    }

    .ant-radio {
      vertical-align: middle;
    }

    .ant-table table .ant-table-thead>tr>th {
      font-size: 16px;
      font-weight: 500;
      color: #183266;
      line-height: 18px;
      letter-spacing: 2px;
      background: transparent;
    }

    .ant-upload-list-item {
      font-size: 14px;
      height: inherit;

      &:hover .ant-upload-list-item-info {
        background: inherit;
      }
    }

    .ant-upload-list-item-card-actions {
      opacity: 1;
    }

    .ant-upload-list-item-name {
      padding-left: 20px;
    }

    .ant-upload-list-item-info .anticon-paper-clip {
      top: 10px;
      font-size: 14px;
      color: #fff;
    }

    .ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
    .ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
    .ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
    .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
    .ant-table table .ant-table-tbody>tr>td,
    .ant-pagination-prev .ant-pagination-item-link,
    .ant-pagination-next .ant-pagination-item-link,
    .ant-pagination-item {
      background: transparent;
      color: #D7E4E8;
      font-size: 14px;
      border: none !important;
      letter-spacing: 2px;
    }

    .ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
    .ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
    .ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
    .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
    .ant-table table .ant-table-tbody>tr>td {
      border-bottom: 1px solid #567A86 !important;
    }

    .ant-table-bordered.ant-table-empty .ant-table-placeholder,
    .ant-table-placeholder,
    .ant-table table {
      border: none;
    }

    .ant-tabs-nav-container {
      font-size: 14px;
    }

    .ant-pagination-item a {
      color: #fff;
      font-size: 14px;
    }

    .ant-table table .ant-table-thead>tr>th {
      border: none;
    }

    .ant-popover-title,
    .ant-pagination-disabled a,
    .ant-pagination-disabled:hover a,
    .ant-pagination-disabled:focus a,
    .ant-pagination-disabled .ant-pagination-item-link,
    .ant-pagination-disabled:hover .ant-pagination-item-link,
    .ant-pagination-disabled:focus .ant-pagination-item-link,
    .ant-table-header,
    .ant-table-placeholder,
    .ant-modal,
    .ant-tree li .ant-tree-node-content-wrapper:hover,
    .ant-form,
    .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body {
      background: transparent;
      color: #fff;
      font-size: 14px;
    }

    .ant-modal-header {
      background: url('@/Project/assets/newUI/modelTitleBg.png') no-repeat center;
      background-size: 100% 100%;
    }

    .ant-modal-title {
      color: #183266;
      font-size: 18px;
      font-weight: 500;
    }

    .ant-modal-close-x {
      color: #183266;
      font-size: 16px;
      background: url('@/Project/assets/newUI/modalClose.png');
      background-size: 46% 46%;
      background-repeat: no-repeat;
      background-position: center;

      >i {
        display: none;
      }
    }

    .ant-radio-wrapper,
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab,
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
      background: transparent;
      color: #fff;
    }

    .ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow {
      border-top-color: #0d1a2b;
      border-left-color: #0d1a2b;
    }

    .ant-table-bordered .ant-table-header>table,
    .ant-table-bordered .ant-table-body>table,
    .ant-table-bordered .ant-table-fixed-left table,
    .ant-table-bordered .ant-table-fixed-right table {
      border: none;
    }

    .ant-empty-normal {
      color: #fff !important;
      font-size: 14px;
    }

    .ant-switch {
      background-color: rgba(211, 211, 211, 0.25);
    }

    .ant-switch-checked {
      background-color: #7bfffb;
    }

    .ant-upload-list-item-card-actions.picture {
      top: 16px;
    }

    .ant-upload-list-item-card-actions .anticon {
      color: #ff7875;
      font-size: 14px;
    }

    .ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
    .ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
      padding-right: 36px;
    }

    h4.ant-typography,
    .ant-typography h4,
    .ant-modal-close,
    .ant-tabs,
    .ant-table,
    .ant-modal-close:focus,
    .ant-modal-close:hover,
    .ant-card,
    .ant-tree,
    .ant-modal-confirm-body .ant-modal-confirm-title,
    .ant-modal-confirm-body .ant-modal-confirm-content,
    .ant-checkbox-wrapper,
    .ant-dropdown-menu-item,
    .ant-modal-body,
    .ant-dropdown-menu-submenu-title,
    .ant-select-search__field__placeholder,
    .ant-radio-disabled+span,
    .ant-upload-list,
    .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,
    .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,
    .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,
    .ant-dropdown-menu-item>a,
    .ant-dropdown-menu-submenu-title>a,
    .ant-tabs-tab-prev-icon .ant-tabs-tab-prev-icon-target,
    .ant-tabs-tab-next-icon .ant-tabs-tab-next-icon-target,
    .ant-descriptions-item-label,
    .ant-descriptions-item-content {
      color: #fff;
      font-size: 14px;
    }

    .ant-select-tree li span.ant-select-tree-switcher {
      vertical-align: initial;
      top: 4px;
    }

    .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon,
    .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
      color: #fff !important;
      font-size: 18px !important;
    }

    .ant-select-tree {
      >.ant-select-tree-treenode-switcher-open {
        >span.ant-select-tree-node-content-wrapper.ant-select-tree-node-content-wrapper-open {
          height: 32px;
          padding-top: 8px;
          font-size: 14px !important;
          color: #d7e4e8 !important;
          letter-spacing: 1px;
          border-top: 1px solid rgba(153, 231, 255, 0.4);
          border-bottom: 1px solid rgba(153, 231, 255, 0.4);
        }

        >span.ant-select-tree-node-content-wrapper.ant-select-tree-node-content-wrapper-close {
          font-size: 14px !important;
          color: #d7e4e8 !important;
          letter-spacing: 1px;
          border-top: 1px solid rgba(153, 231, 255, 0.4);
          border-bottom: 1px solid rgba(153, 231, 255, 0.4);
        }

        >.ant-select-tree-node-content-wrapper.ant-select-tree-node-content-wrapper-normal {
          font-size: 10px !important;
          color: #d7e4e8 !important;
          letter-spacing: 1px;
        }

        li .ant-select-tree-node-content-wrapper {
          height: auto;
          font-size: 10px !important;
          color: #d7e4e8 !important;
          letter-spacing: 1px;
        }
      }

      >.ant-select-tree-treenode-switcher-close {
        >span.ant-select-tree-node-content-wrapper.ant-select-tree-node-content-wrapper-close {
          height: 32px;
          font-size: 14px;
          color: #d7e4e8;
          letter-spacing: 1px;
          border-top: 1px solid rgba(153, 231, 255, 0.4);
          padding-top: 8px;
        }
      }
    }

    .ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
      background-color: #05fdec;

      .ant-select-tree-title {
        color: #183266;
      }
    }

    .ant-select-tree li {
      padding: 0;
      margin: 0;
    }

    .ant-select-tree-dropdown .ant-select-dropdown-search {
      width: 100%;
      height: 100%;
      background: transparent;
      border-width: 0;
      border-radius: 4px;
      outline: 0;
      font-size: 14px;
      padding-left: 16px;
      color: #d7e4e8 !important;
      letter-spacing: 1px;
    }

    .ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
      width: 100%;
      padding-left: 10px;
      border-radius: 4px;
      outline: 0;
      border-width: 0;
    }

    .ant-select-selection__placeholder {
      font-size: 18px;
      height: 34px;
      line-height: 34px;
      top: 0;
      margin-top: 0;
    }

    .ant-tree li .ant-tree-node-content-wrapper {
      color: #fff;
      font-size: 14px;
      height: auto;
      line-height: 32px;
    }

    .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
      background: transparent;
    }

    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
      color: #333;
      font-size: 18px;
      background: #fff;
    }

    .ant-modal-content {
      background: url('@/Project/assets/newUI/confirmModalBG.png') no-repeat center;
      background-size: 100% 100%;

      .ant-modal-footer {
        .ant-btn {
          width: 72px;
          height: 34px;
          background: #d7e4e8 !important;
          box-shadow: 9px 3px 8px 0px rgba(5, 12, 34, 0.23);
          border-radius: 8px 8px 8px 8px;
          opacity: 1;
          color: #366cda !important;
        }

        .ant-btn.ant-btn-primary {
          width: 72px;
          height: 34px;
          background: #366cda !important;
          box-shadow: 9px 3px 8px 0px rgba(5, 12, 34, 0.23);
          border-radius: 8px 8px 8px 8px;
          opacity: 1;
          font-size: 18px;
          color: #d7e4e8 !important;
          letter-spacing: 2px;
        }
      }
    }

    .ant-btn-primary:hover,
    .ant-btn-primary:focus,
    .ant-btn-primary:active,
    .ant-btn-primary.active {
      background-color: #5589e5;
      border-color: #5589e5;
    }

    .ant-pagination-item-active a {
      color: #7bfffb;
    }

    .ant-modal-body,
    .ant-form label,
    .ant-select-dropdown {
      font-size: 14px;
    }

    .formItem {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .ant-btn {
        margin-left: 16px;
      }
    }

    .ant-card-head-title {
      display: 'inline-block';
      flex: 1 1;
      padding: 12px 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 20px;
      color: white;
      margin-left: 36px;
    }

    .ant-select-arrow {
      color: #fff;
      font-size: 14px;
      right: 3px;
    }

    .ant-calendar-range-picker-input {
      font-size: 14px;
      color: #fff;
    }

    .ant-calendar-range-picker-separator {
      color: #fff;
      font-size: 14px;
      vertical-align: middle;
    }

    .ant-btn {
      height: 34px;
      border-radius: 4px;
      line-height: 1;
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 1px;
      box-shadow: 9px 3px 8px 0px rgba(5, 12, 34, 0.23);

      &.ant-btn-danger {
        color: #183266;
        background: #ff8500;
      }
    }

    .ant-btn-primary {
      background: #366cda;
      border: 1px solid #366cda;
      color: #c0f0ff;
    }

    .ant-drawer-content {
      background: linear-gradient(180deg, #162338 0%, #30496a 100%);
    }

    .ant-drawer-header,
    .ant-drawer-title,
    .ant-drawer-close {
      color: #fff;
    }

    .ant-drawer-title,
    .ant-drawer-close {
      font-size: 14px;
    }

    .ant-drawer-header {
      background: transparent;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    .ant-table-thead>tr:hover.ant-table-row-selected>td,
    .ant-table-tbody>tr:hover.ant-table-row-selected>td {
      background: #20579d;
    }

    .ant-dropdown-menu {
      background: linear-gradient(180deg, #162338 0%, #30496a 100%);
      padding-top: 8px;
      padding-bottom: 8px;

      .ant-dropdown-menu-item:hover,
      .ant-dropdown-menu-submenu-title:hover {
        background: #20579d !important;
      }
    }

    .ant-select-dropdown {
      background: linear-gradient(rgba(29, 56, 103, 0.83), rgba(4, 18, 51, 0.90));
      padding-top: 0;
      padding-bottom: 8px;

      .ant-select-dropdown-menu-item {
        color: #ffffff;
        line-height: 20px;
        font-size: 14px;
      }

      .ant-select-dropdown-menu-item-selected,
      .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
      .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
        background: #20579d !important;
      }
    }

    .ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
      box-shadow: none;
    }

    .ant-calendar-picker-container {
      .ant-calendar {
        color: #fff;
        background: rgba(40, 102, 178, 1);
      }

      .ant-calendar-disabled-cell .ant-calendar-date {
        background: #ddd;
      }

      .ant-calendar-range-middle,
      .ant-calendar-header .ant-calendar-century-select,
      .ant-calendar-header .ant-calendar-decade-select,
      .ant-calendar-header .ant-calendar-year-select,
      .ant-calendar-header .ant-calendar-month-select,
      .ant-calendar-date {
        color: #fff;
      }

      .ant-calendar-header .ant-calendar-next-century-btn::before,
      .ant-calendar-header .ant-calendar-next-decade-btn::before,
      .ant-calendar-header .ant-calendar-next-year-btn::before,
      .ant-calendar-header .ant-calendar-next-century-btn::after,
      .ant-calendar-header .ant-calendar-next-decade-btn::after,
      .ant-calendar-header .ant-calendar-next-year-btn::after,
      .ant-calendar-header .ant-calendar-next-month-btn::before,
      .ant-calendar-header .ant-calendar-next-month-btn::after,
      .ant-calendar-header .ant-calendar-prev-month-btn::before,
      .ant-calendar-header .ant-calendar-prev-month-btn::after,
      .ant-calendar-header .ant-calendar-prev-century-btn::before,
      .ant-calendar-header .ant-calendar-prev-decade-btn::before,
      .ant-calendar-header .ant-calendar-prev-year-btn::before,
      .ant-calendar-header .ant-calendar-prev-century-btn::after,
      .ant-calendar-header .ant-calendar-prev-decade-btn::after,
      .ant-calendar-header .ant-calendar-prev-year-btn::after {
        border-color: #fff;

        &:hover {
          border-color: #333;
        }
      }

      .ant-calendar-disabled-cell .ant-calendar-date {
        color: #666 !important;
      }

      .ant-calendar-date:hover {
        background: #87c0da;
      }

      .ant-calendar-input {
        color: #000;
      }

      .ant-calendar-range .ant-calendar-input,
      .ant-calendar-range .ant-calendar-time-picker-input {
        background: transparent;
        color: #fff;
      }

      .ant-calendar-next-month-cell,
      .ant-calendar-last-month-cell {
        .ant-calendar-date {
          color: rgba(255, 255, 255, 0.5);
        }
      }

      .ant-calendar-range .ant-calendar-in-range-cell::before {
        background: #5382bd;
      }

      .ant-calendar-picker-icon {
        color: #fff;
        font-size: 14px;
      }

      .ant-calendar-time-picker-select {
        background: #2866b2;
      }

      .ant-calendar-time-picker-select li:hover {
        background: #bae7ff;
      }

      li.ant-calendar-time-picker-select-option-selected {
        background: #bae7ff;
      }
    }

    .ant-spin-nested-loading,
    .ant-spin-container {
      height: 100%;

      .ant-spin-dot-item {
        background-color: white;
      }
    }

    .ant-spin {
      color: #fff;
      font-size: 14px;
    }

    .ant-spin-nested-loading>div>.ant-spin {
      position: static;
    }

    .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
      background: transparent;
    }

    .ant-calendar-picker-clear,
    .ant-calendar-picker-icon {
      font-size: 14px;
      margin-top: -8px;
      color: #fff;
      right: 12px;
      background: transparent;
    }

    .ant-calendar-picker-clear {
      margin-top: -10px;
      background-color: #1E4D85;
      right: 12px;
      font-size: 18px;
    }

    .ant-calendar-picker-icon {
      font-size: 16px;
      margin-top: -10px;
    }

    .ant-calendar-picker-clear:hover {
      color: rgba(255, 255, 255, 0.8);
    }

    .ant-table-row-expand-icon {
      font-size: 14px;
      background: transparent;
      width: 18px;
      height: 18px;
      line-height: 14px;
    }

    .ant-table-fixed-left table,
    .ant-table-fixed-right table,
    .ant-table-fixed .ant-table-thead>tr {
      background: transparent;
    }

    .ant-modal {
      min-width: 645px;
    }

    .ant-modal-footer {
      padding: 22px 0;
      margin: 0 14px; //34px
    }

    // .ant-modal-body{
    //   padding: 18px 34px;
    // }

    .ant-alert {
      padding-left: 36px;
      background: url('@/Project/assets/newUI/tableAlertBg.png') no-repeat center;
      border: none;
      padding-top: 2px;
      padding-bottom: 0;
      font-size: 14px;

      &.ant-alert-warning {
        background: #d3b61f;
        border: 1px solid #d3b61f;
        color: #fff;
      }

      &.ant-alert-error {
        background: #eb6067;
        border: 1px solid #eb6067;
        color: #fff;
      }

      &.ant-alert-closable {
        padding-right: 45px;
      }

      a,
      a:hover,
      .ant-alert-message {
        color: #fff;
      }

      .ant-alert-icon {
        top: 10px;
        color: #fff;
      }

      .ant-alert-close-icon {
        font-size: 14px;
        top: 50%;
        transform: translateY(-50%);

        .anticon-close {
          color: #fff;
        }
      }
    }

    .ant-pagination-options-quick-jumper {
      height: 32px;
      line-height: 32px;
      vertical-align: top;
      color: #fff;
      font-size: 14px;

      input {
        background: transparent;
        color: #fff;
      }
    }

    .ant-descriptions-bordered .ant-descriptions-item-label {
      background-color: #142c45;
    }

    .ant-descriptions-title {
      font-weight: normal;
      color: #fff;
      font-size: 14px;
    }

    .ant-descriptions-item-label {
      color: #fff;
      font-size: 14px;
    }

    .ant-descriptions-item-content {
      color: #fff;
      font-size: 14px;
    }

    // .chartUtils {
    //   .ant-form-item-label > label {
    //     color: #333;
    //   }
    // }

    .ant-input-group-addon {
      background: transparent;
      border: none;
    }

    // .dataList {
    //   .searchBox {
    //     height: 45px;
    //     flex: 0 0 45px;
    //     line-height: 45px;
    //   }

    //   .list {
    //     li {
    //       height: 54px;
    //       text-align: center;
    //       line-height: 54px;
    //       font-size: 14px;
    //     }
    //   }
    // }

    .ant-form-item {
      min-height: 34px;
      margin-bottom: 8px;
      background: url('@/Project/assets/newUI/item-bg.png') no-repeat center;
      background-size: 100% 100%;
      padding: 0 16px;
      border-bottom: 1px solid #99e7ff;

      &.btn-item {
        background: none;
        border-bottom: none;
      }
    }

    .ant-form-item-label {
      line-height: 1;
      text-align: left;

      >label {
        font-size: 18px;
        font-weight: 400;
        color: #c0f0ff;
        line-height: 34px;
        letter-spacing: 2px;
      }
    }

    .form-simple {
      .ant-form-item {
        min-height: 26px;
        margin-bottom: 6px;
        background: transparent;
        border-bottom: none;
      }

      .ant-form-item-label {
        >label {
          font-size: 14px;
          color: #d7e4e8;
          line-height: 26px;
        }
      }

      .ant-form-item-control {
        line-height: 26px;
        color: #d7e4e8;
      }
    }

    .ant-input {
      background-color: transparent !important;
      border: none;
      height: 32px;
      color: #d7e4e8;
      font-size: 18px;

      &:focus {
        border: none;
        box-shadow: none;
      }

      &::placeholder {
        color: #bfbfbf;
      }
    }

    .ant-calendar-picker {
      min-width: 172px !important;
    }

    .ant-calendar-picker-input {
      input::placeholder {
        color: #bfbfbf;
      }
    }

    .ant-select {
      color: #d7e4e8;
      font-size: 18px;
      // opacity: 0.8;
    }

    .ant-select-selection {
      border: none;
      background-color: transparent;
    }

    .ant-select-selection--single {
      height: 30px;
    }

    .ant-select-selection__rendered {
      line-height: 32px;
    }

    .ant-select-focused .ant-select-selection,
    .ant-select-selection:focus,
    .ant-select-selection:active {
      border: none;
      box-shadow: none;
    }

    .ant-form-item-children {
      margin-top: 4px;
    }

    .ant-checkbox-inner {
      background-color: #c0f0ff;
    }

    .ant-table-column-title .ant-checkbox-inner {
      background-color: #fff;
    }

    .ant-table-column-title .ant-checkbox-checked .ant-checkbox-inner {
      background-color: #1890ff;
    }

    .ant-table-thead>tr,
    .ant-table-thead>tr:hover {
      background: url('@/Project/assets/newUI/theadBg.png') no-repeat center;
      background-size: 100% 100%;
    }

    .ant-table-tbody>tr {
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url('@/Project/assets/newUI/tbodyBg1.png');
      // background: linear-gradient(270deg, rgba(153,231,255,0.8) 0%, #60A8FF 100%);

      // &:nth-child(2n) {
      //   background: linear-gradient(270deg, rgba(153,231,255,0.8) 0%, #60A8FF 100%);
      // }
      td {
        border-bottom: #60a8ff !important;
      }

      &:nth-child(2n) {
        background-image: url('@/Project/assets/newUI/tbodyBg2.png');

        td {
          border-bottom: none !important;
        }
      }


      // &:focus,
      // &:active,
      // &:hover,
      &.table-row-active {
        background: #05FDEC;

        a,
        .ant-select,
        .ant-select-selection__clear,
        td {
          color: #00388c !important;
        }
      }
    }

    .ant-table-thead>tr>th.ant-table-selection-column,
    .ant-table-tbody>tr>td.ant-table-selection-column {
      text-align: left;
    }

    a,
    a:hover,
    .ant-btn-link,
    .ant-btn-link:hover,
    .ant-btn-link:focus,
    .ant-pagination-item:focus a,
    .ant-pagination-item:hover a {
      color: #7bfffb;
      box-shadow: none;
    }

    .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
    .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
      color: #fff;
    }

    .ant-form-vertical .ant-form-item-label,
    .ant-col-24.ant-form-item-label,
    .ant-col-xl-24.ant-form-item-label {
      padding: 0;
    }

    .ant-form-item .ant-switch {
      margin-top: 8px;
      margin-left: 11px;
    }

    .ant-input[disabled],
    .ant-select-auto-complete.ant-select .ant-input[disabled],
    .ant-select-auto-complete.ant-select .ant-input[disabled]:hover,
    .ant-select-disabled .ant-select-selection {
      background: transparent;
      color: #d7e4e8;
    }

    .ant-tabs-nav .ant-tabs-tab-active,
    .ant-tabs-nav .ant-tabs-tab:hover {
      color: #7bfffb;
      font-weight: normal;
    }

    .ant-tabs-nav-wrap {
      background: url('@/Project/assets/newUI/tabsBg.png') no-repeat center;
      background-size: 100% 100%;
      padding: 6px 0;
    }

    .ant-tabs-bar {
      border-bottom: none;
    }

    .ant-tabs-ink-bar {
      display: none !important;
    }

    .ant-tabs-nav {
      color: #D7E4E8;
    }

    .ant-tabs-nav .ant-tabs-tab {
      padding: 0 24px;
      margin-right: 0px;
      border-right: 1px solid #D7E4E8;
      vertical-align: middle;

      &:last-child {
        border-right: none;
      }

      &::before {
        display: none;
      }
    }

    .ant-tabs-nav .ant-tabs-tab:hover {
      color: #7bfffb;
    }

    .ant-select-selection__clear {
      right: 4px;
      width: 14px;
      height: 14px;
      font-size: 14px;
      background: #1f386e;
      color: #fff;
    }

    .ant-select-selection__clear:hover {
      color: #fff;
    }

    .ant-select-auto-complete.ant-select .ant-input {
      height: 34px;
    }

    .ant-table-thead>tr>th,
    .ant-table-tbody>tr>td {
      padding: 10px 10px;
    }

    .ant-input-number-disabled {
      background: transparent;
      color: #fff;
      font-size: 18px;
      line-height: 34px;
    }

    .ant-form-item-control {
      line-height: 32px;
      font-size: 18px;
      color: #fff;
    }

    .ant-collapse {
      border: none;

      >.ant-collapse-item>.ant-collapse-header {
        color: #183266;
        background: url('@/Project/assets/newUI/collapseTitleBg.png') no-repeat center;
        background-size: 100% 100%;
        height: 34px;
        font-size: 16px;
        font-weight: 500;
        color: #183266;
        line-height: 1;
        letter-spacing: 2px;
        padding: 0;
        display: flex;
        align-items: center;
        padding-left: 22px;

        .ant-collapse-arrow {
          position: static;
          transform: none;
          margin-right: 10px;
        }
      }

      >.ant-collapse-item:last-child,
      >.ant-collapse-item:last-child>.ant-collapse-header {
        border-radius: 0;
      }
    }

    .ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
      display: none;
    }

    .ant-input-number {
      height: 34px;
      border: none;
      background-color: transparent;
    }

    .ant-input-number-input {
      height: 34px;
      background-color: transparent;
      border: none;
      color: #d7e4e8;
      font-size: 18px;
    }

    .ant-empty {
      font-size: 14px;
      line-height: 16px;
      letter-spacing: 1px;
      color: #d7e4e8;
      text-align: center;
      width: 188px;
      height: 146px;
      position: relative;
      margin: 0 auto;

      .ant-empty-image {
        height: 100%;
        margin-bottom: 0;
        background: url('@/Project/assets/newUI/nodata.png') no-repeat top center;
        background-size: 188px 146px;

        svg {
          display: none;
        }
      }
    }

    .ant-empty-description {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
    }

    .ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow,
    .ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow,
    .ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow {
      border-color: #122c63;
    }

    .ant-modal-confirm {
      >.ant-modal-content {
        background: url('@/Project/assets/newUI/confirmModalBG.png') no-repeat center;
        background-size: 100% 100%;
        min-height: 222px;

        >.ant-modal-body {
          padding-left: 34px;
          padding-right: 34px;
          padding-top: 24px;

          >.ant-modal-confirm-body-wrapper {
            >.ant-modal-confirm-btns {
              display: flex;
              justify-content: center;
              width: 100%;
              margin-top: 26px;

              button+button {
                margin-left: 12px;
              }

              button {
                width: 72px;
              }
            }
          }
        }
      }

      .ant-modal-confirm-body {
        background: url('@/Project/assets/newUI/confirmBodyBG.png') no-repeat center;
        background-size: 100% 100%;
        width: 100%;
        min-height: 112px;
        padding-left: 140px;
        padding-right: 140px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;

        >.anticon {
          background: url('@/Project/assets/newUI/confirmModalIcon.png') no-repeat center;
          background-size: 100% 100%;
          width: 18px;
          height: 22px;
          margin-top: 6px;

          svg {
            display: none;
          }
        }

        >.ant-modal-confirm-title {
          font-size: 22px !important;
          font-weight: 500 !important;
          color: #183266 !important;
          line-height: 24px;
          letter-spacing: 2px;
          height: 56px;
          text-align: center;
          padding-top: 18px;
        }

        .ant-modal-confirm-title+.ant-modal-confirm-content {
          margin-left: 0;
          min-height: 56px;
          margin-top: 0;
          text-align: center;
          font-size: 18px;
          font-weight: 500;
          color: #183266;
          line-height: 20px;
          letter-spacing: 2px;
          width: 100%;
          border-top: 2px solid #183266;
          padding-top: 10px;
          padding-bottom: 10px;
        }
      }
    }

    .ant-form-explain {
      font-size: 14px;
    }

    .has-error .ant-form-explain,
    .has-error .ant-form-split {
      color: #ff8500;
    }
  }

  ::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    border-radius: 10px;
    background: rgba(40, 102, 178, 0.2);
  }

  /*滚动条滑块*/
  ::-webkit-scrollbar-thumb {
    height: 10px;
    border-radius: 10px;
    background-color: rgba(40, 102, 178, 1);
    // background: linear-gradient(270deg, #99e7ff 4%, #60a8ff 100%);
  }
}