.asp-query-form {
  .el-form {
    &.el-form--inline {
      .query-form-item {
        width: calc(25% - 32px);
      }
    }
    .query-form-item {
      .tab {
        height: 28px;
        line-height: 28px;
        .query-form-item {
          width: auto !important;
        }
      }

      .query-form-selector {
        .selector-item {
          font-size: 14px;
          height: 40px;
          line-height: 40px;
          display: flex;
          align-items: center;
          padding: 0 20px;

          > div {
            display: flex;
            align-items: center;
            white-space: nowrap;
            input {
              padding: 0 10px;
            }

            .selector {
              position: relative;

              i {
                font-size: 14px;
                position: absolute;
                right: 10px;
                top: 50%;
                transform: translateY(-50%);
                color: #c0c4cc;
              }

              select {
                position: relative;
                cursor: pointer;
                z-index: 2;
                padding-right: 20px;
                margin-right: 5px;
                border: 1px solid #dcdfe6;
                // outline: none; //清除select聚焦时候的边框颜色
                border-radius: 5px;
                width: auto;
                height: 28px;
                line-height: 28px;
                appearance: none; //隐藏select的下拉图标
                -webkit-appearance: none;
                -moz-appearance: none;
                color: #666;
                padding-left: 6px;
                background: transparent;

                option {
                  background: #fff;
                  color: #666;
                }
              }
            }
          }
        }
      }
    }
  }
}