用bootstrap，排你很多条件的表单。

<div class="well">
        <div class="row">
            <form>
                <div class="col-sm-12">
                    <div class="form-group">
                        <div class="form-inline">
                            <div class="form-group">
                                <label class="control-label">时间</label>
                                <input type="date" class="form-control" id="dt_stime" />
                            </div>
                            <div class="form-group">
                                <label class="control-label hidden-xs"> — </label>
                                <input type="date" class="form-control" id="dt_etime" />
                            </div>
                            <div class="form-group">
                                <label class="control-label hidden-xs">兑换码</label>
                                <input type="text" class="form-control" id="txt_code" placeholder="兑换码" />
                            </div>
                            <div class="form-group">
                                <select class="form-control" id="slt_isTel">
                                    <option value="100" selected>全部</option>
                                    <option value="1">是</option>
                                    <option value="2">否</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="control-label hidden-xs">手机号</label>
                                <input type="text" class="form-control" id="txt_tel" placeholder="手机号" />
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-inline">
                            <div class="form-group">
                                <label>状态</label>
                                <select class="form-control" id="slt_status">
                                    <option value="100" selected>全部</option>
                                    <option value="0">未到有效期</option>
                                    <option value="1">未兑换</option>
                                    <option value="2">已兑换</option>
                                    <option value="3">已过期</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>奖品类型</label>
                                <select class="form-control" id="slt_reward"></select>
                            </div>
                            <div class="form-group">
                                <select class="form-control" id="slt_agent">
                                    <option value="0" selected>全部商家</option>

                                </select>
                            </div>
                            <div class="form-group">
                                <button type="button" class="btn btn-primary" id="btn_query"> 搜索</button>
                                <button type="reset" class="btn btn-white"> 重置</button>
                                <button type="button" class="btn btn-info"><span class="glyphicon glyphicon-download"></span></button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>