.type-main {
  display: flex;
  flex-wrap: wrap; }
  .type-main .li {
    margin-right: 10px;
    margin-bottom: 20px;
    background-color: #191919;
    border: 1px solid #292A2C;
    text-align: center;
    cursor: pointer;
    user-select: none; }
    .type-main .li p {
      color: #606266;
      font-size: 12px;
      margin: 10px 0px; }
  .type-main .disabled {
    cursor: no-drop; }
  .type-main .active {
    background: rgba(207, 169, 114, 0.1);
    border: 1px solid #CFA972; }
    .type-main .active p {
      color: #EBEEF5; }
  .type-main .other-input input {
    height: 54px; }

@media only screen and (max-width: 767px) {
  .type-main div:nth-child(2n) .li {
    margin-right: 0px; }
  .type-main div:last-child {
    width: 100%; } }
@media only screen and (min-width: 768px) {
  .type-main div:nth-child(3n) .li {
    margin-right: 0px; } }

/*# sourceMappingURL=formCreateOccupationType.css.map */