::v-deep .head-form-new {
  margin-bottom: 8px;
  .query-box {
    .from-item {
      display: flex;
      align-items: center;
      height: 32px;
    }
    // 下拉选择
    .el-cascader,
    .el-select {
      max-width: unset !important;
      //width: 64px;
      padding: 0px 16px;
      transition: width 0.3s;
      box-sizing: border-box;
      cursor: pointer;

      .el-cascader__tags,
      .el-select__tags {
        flex-wrap: nowrap;

        .el-tag:first-child {
          width: auto;
        }
      }

      .el-cascader__tags {
        .el-tag {
          max-width: unset !important;
        }
      }

      .el-input {
        display: flex;
        align-items: center;
        .el-input__inner {
          padding: 0px;
          border: none;
          height: 30px;
          line-height: 30px;
          box-sizing: border-box;
          &::placeholder {
            color: rgba(35, 35, 35, 0.8) !important;
            font-size: 14px !important;
          }
        }

        & > .el-input__suffix {
          margin-left: 8px;
          position: unset;
          .el-input__suffix-inner {
            i {
              font-size: 12px;
              line-height: 30px;
              width: auto;
              color: rgba(35, 35, 35, 0.4);
            }
          }
        }
      }

      // hover状态
      &:hover {
        background: #f4f6f9;
        border-radius: 4px;
        .el-input {
          .el-input__inner {
            background: #f4f6f9;
            &::placeholder {
              color: #232323 !important;
            }
          }
          .el-input__suffix {
            .el-input__suffix-inner {
              i {
                color: #232323;
              }
            }
          }
        }
      }
    }

    // 自定义事件选择 金额选择
    .custom-select {
      height: 32px;
      transition: width 0.3s;
      cursor: pointer;
      padding: 0px 16px;
      .block {
        & > .el-input {
          display: flex;
          align-items: center;
          & > input {
            padding: 0px;
            border: none;
            height: 30px;
            line-height: 30px;
            box-sizing: border-box;
            cursor: pointer;
            &::placeholder {
              color: rgba(35, 35, 35, 0.8) !important;
              font-size: 14px !important;
            }
          }
          & > .el-input__suffix {
            margin-left: 8px;
            position: unset;
            width: auto;
            .el-input__suffix-inner {
              span,
              i {
                font-size: 12px;
                line-height: 30px;
                width: auto;
                color: rgba(35, 35, 35, 0.4);
              }
            }
          }
        }
      }

      .options-block {
        .option {
          &:hover {
            color: #0381fa;
          }
        }
      }

      // hover状态
      &:hover {
        background: #f4f6f9;
        border-radius: 4px;
        .block {
          & > .el-input {
            .el-input__inner {
              background: #f4f6f9;
              &::placeholder {
                color: #232323 !important;
              }
            }
            & > .el-input__suffix {
              .el-input__suffix-inner {
                span,
                i {
                  color: #232323;
                }
              }
            }
          }
        }
      }
    }

    // 时间选择器
    .el-date-editor {
      height: 32px;
      line-height: 32px;
      padding-right: 5px;
    }

    // 企业搜索框
    .enterprise-search-container {
      height: 32px;
      line-height: 32px;
      border-radius: 4px;

      .el-input__inner {
        height: 30px;
        line-height: 30px;
      }

      & > span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 30px;
        line-height: 30px;
      }

      &.span-ba {
        & > span {
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px;
        }
      }

      .el-input__suffix {
        right: 0px;
        .el-input__icon {
          display: flex;
          align-items: center;
        }
      }
    }
  }
}
