@import "mixins/mixins";
@import "common/var";
@import "date-picker";
@import "button";
@import "input";
@import "select";
@import "time-picker";
@import "fonts/self-defined/iconfont";
@import "form";

@include b(query-box) {

  @include m(body) {
    overflow: hidden;
    // background: $--color-black-6;
    padding: 0 10px;
  }

  @include m(search-keyword) {
    margin-bottom: 10px;

    button{
      margin-left: 10px;
    }

    .el-input{
      width: 240px;
    }
  }

  @include m(button-wrap) {
    display: inline-block;
    line-height: 40px;
  }

  @include m(button-wrap-right) {
    display: inline-block;
    float: right;
    line-height: 40px;
  }

  .el-form-item__content{
    .queryBox-item-content{
      .el-input, .el-input__inner, .el-input-number{
        width: 100%;
      }
    }
  }

  .el-input, .el-input-number{
    width: 240px;
  }

  .el-form-item{
    margin-bottom: 10px;
  }
}
