.formItem {
  display: flex;
}
.sortModal {
  :global {
    .easyvModalContainer {
      padding: 0;
    }
    .easyv-modal-body {
      padding: 0;
      padding-top: 16px;
    }

    .easyv-modal-content {
      padding: 0 24px;
      color: #fff;
      background: #2a2e3d;
      border-radius: 4px;
    }

    .easyv-modal-header {
      background: #2a2e3d;
      padding: 17px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .easyv-modal-header .easyv-modal-title {
      color: #fff;
    }

    .easyv-modal-close {
      color: rgba(180, 183, 193, 1);
    }

    .easyv-select:not(.easyv-select-customize-input) .easyv-select-selector {
      background: #181a24;
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-sizing: border-box;
      border-radius: 2px;
    }
  }
}
.label {
  line-height: 32px;
  .requiredIcon {
    color: #ef5350;
  }
}

.field {
  display: flex;
  width: 413px;

  &.sort {
    flex-direction: column;
    flex: 1;
  }
}

.tip {
  line-height: 32px;
  margin-bottom: 5px;
}

.sortContainer {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 2px;
  height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 0 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  background: #3d404c;
}
