.search_form {
  font-size: 0px;
  padding-bottom: 4px;
}
.search_form .form_wrapper {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 12px;
  vertical-align: top;
}

<div class="search_form">
  <div class="form_wrapper st_search_label_input">
    <div class="label_text">
      <span>名称</span>
    </div>
    <div class="st_input" st-model="userName">
      <input
        type="text"
        autocomplete="off"
        placeholder="请输入内容"
        size="small"
        class="st_input_inner"
      />
    </div>
  </div>
  <div class="form_wrapper st_search_label_input">
    <div class="label_text">
      <span>游戏分组</span>
    </div>
    <div class="st_input" st-model="gameGroup">
      <input
        type="text"
        autocomplete="off"
        placeholder="请输入内容"
        size="small"
        class="st_input_inner"
      />
    </div>
  </div>
  <div class="form_wrapper st_search_label_input">
    <div class="label_text">
      <span>推广员ID</span>
    </div>
    <div class="st_input" st-model="assistantId">
      <input
        type="text"
        autocomplete="off"
        placeholder="请输入内容"
        size="small"
        class="st_input_inner"
      />
    </div>
  </div>
  <div class="form_wrapper st_search_label_input">
    <div class="label_text">
      <span>类型</span>
    </div>
    <div class="st_select" st-model="accountType">
      <div class="st_input st_input_suffix">
        <input
          type="text"
          autocomplete="off"
          readonly="readonly"
          placeholder="请选择"
          size="small"
          class="st_input_inner"
        />
        <span class="st_input_down"
          ><i class="ststIconFont icon-xiala-down"></i
        ></span>
      </div>
      <div class="st_select_dropdown">
        <div class="st_select_dropdown_wrap">
          <ul class="st_select_dropdown_list">
            <li class="st_select_dropdown_item" value="1" label="个人">个人</li>
            <li class="st_select_dropdown_item" value="2" label="企业">企业</li>
          </ul>
        </div>
        <div class="popper_arrow"></div>
      </div>
    </div>
  </div>
  <div class="form_wrapper st_search_label_input">
    <div class="label_text">
      <span>支付方式</span>
    </div>
    <div class="st_select" st-model="payType">
      <div class="st_input st_input_suffix">
        <input
          type="text"
          autocomplete="off"
          readonly="readonly"
          placeholder="请选择"
          size="small"
          class="st_input_inner"
        />
        <span class="st_input_down"
          ><i class="stIconFont icon-xiala-down"></i
        ></span>
      </div>
      <div class="st_select_dropdown">
        <div class="st_select_dropdown_wrap">
          <ul class="st_select_dropdown_list">
            <li class="st_select_dropdown_item" value="1" label="网银">网银</li>
            <li class="st_select_dropdown_item" value="2" label="支付宝">
              支付宝
            </li>
            <li class="st_select_dropdown_item" value="3" label="微信">微信</li>
          </ul>
        </div>
        <div class="popper_arrow"></div>
      </div>
    </div>
  </div>
  <div class="form_wrapper st_search_label_input">
    <div class="label_text">
      <span>支付时间</span>
    </div>
    <div
      class="st_date_editor st_input st_input_suffix"
      type="clearable"
      st-model="payTime"
      default-time="12:00:00"
      value-format="timestamp"
    >
      <input
        type="text"
        autocomplete="off"
        readonly="readonly"
        placeholder="选择日期"
        size="small"
        class="st_input_inner"
      />
      <span class="st_input_prefix">
        <i class="stIconFont icon-riqi"></i>
      </span>
    </div>
  </div>
  <div class="form_wrapper st_search_label_input">
    <div class="label_text">
      <span>订单日期</span>
    </div>
    <div
      class="st_date_editor st_input st_input_suffix"
      type="clearable"
      st-model="orderTime"
      default-time="00:00:00,23:59:59"
      value-format="timestamp"
      daterange
    >
      <input
        type="text"
        autocomplete="off"
        readonly="readonly"
        placeholder="开始时间"
        size="small"
        class="st_input_inner"
        key="0"
      />
      <span class="st_input_prefix">
        <i class="stIconFont icon-riqi"></i>
      </span>
      <span class="date_range_separator">至</span>
      <input
        type="text"
        autocomplete="off"
        readonly="readonly"
        placeholder="结束时间"
        size="small"
        class="st_input_inner"
        key="1"
      />
    </div>
  </div>
  <div class="form_wrapper st_search_label_input">
    <div class="label_text">
      <span>时间</span>
    </div>
    <div
      class="st_select st_time_editor"
      st-model="timePointer"
      options="{start: '08:30',step: '00:30',end: '18:30'}"
    >
      <div class="st_input st_input_suffix">
        <input
          type="text"
          autocomplete="off"
          readonly="readonly"
          placeholder="选择时间"
          size="small"
          class="st_input_inner"
        />
        <span class="st_input_prefix">
          <i class="stIconFont icon-shijian"></i>
        </span>
      </div>
    </div>
  </div>
  <div class="form_wrapper button_wrapper">
    <button class="st_button st_button_primary" size="small" onclick="search()">
      搜索
    </button>
  </div>
  <div class="form_wrapper button_wrapper">
    <button class="st_button is_plain" size="small" onclick="reset()">
      重置
    </button>
  </div>
</div>

var pageData = {
  userName: "",
  gameGroup: "",
  assistantId: "",
  accountType: "",
  payType: "",
  payTime: "",
  orderTime: [],
  timePointer: "",
  assistant: "",
  remark: "",
};

//搜索
function search() {
  // todo
}
//重置
function reset() {
  // todo
}