diff --git a/src/pages/ZeroExtendDetail.vue b/src/pages/ZeroExtendDetail.vue
index 440e5b2..58b8bc4 100644
--- a/src/pages/ZeroExtendDetail.vue
+++ b/src/pages/ZeroExtendDetail.vue
@@ -4,24 +4,24 @@
       <i-col span="32">
         <row>
           <!--搜索、状态行-->
-          <row style="height: 73px;line-height: 73px;background: #F7F8FA">
+          <row class="search-row">
             <row>
-              <span class="left-15">选择日期</span>
-              <DatePicker v-model="dateRange" separator="至" class="left-10" type="daterange" placement="bottom-start" split-panels placeholder="请选择日期区间" style="width: 200px"></DatePicker>
-              <span style="margin: 0 10px">大区</span>
-              <Select filterable placeholder="请选择大区" v-model="regionId" @on-change="regionSelect" style="width:190px">
+              <span class="search-span">选择日期</span>
+              <DatePicker v-model="dateRange" separator="至" class="date-picker" type="daterange" placement="bottom-start" split-panels placeholder="请选择日期区间" ></DatePicker>
+              <span class="search-span">大区</span>
+              <Select filterable placeholder="请选择大区" v-model="regionId" @on-change="regionSelect" class="search-select">
                 <Option v-for="item in regionList" :value="item.id" :key="item.id">{{ item.name }}</Option>
               </Select>
-              <span style="margin: 0 10px">零售公司</span>
-              <Select filterable placeholder="请选择零售公司" v-model="companyId" @on-change="companySelect" style="width:190px">
+              <span class="search-span">零售公司</span>
+              <Select filterable placeholder="请选择零售公司" v-model="companyId" @on-change="companySelect" class="search-select">
                 <Option v-for="item in companyList" :value="item.id" :key="item.id">{{ item.name }}</Option>
               </Select>
-              <span style="margin: 0 10px">客户</span>
-              <Select filterable placeholder="请选择客户" v-model="customerId" style="width:190px">
+              <span class="search-span">客户</span>
+              <Select filterable placeholder="请选择客户" v-model="customerId" class="search-select">
                 <Option v-for="item in customerList" :value="item.id" :key="item.id">{{ item.name }}</Option>
               </Select>
-              <Button type="primary" style="width: 70px;margin-left: 20px" @click="searchBtnClick">查询</Button>
-              <Button type="primary" style="width: 90px;margin-left: 20px;" @click="exportZeroExtend">导出数据</Button>
+              <Button type="primary" class="search-btn" @click="searchBtnClick">查询</Button>
+              <Button type="primary" style="margin-left: 20px;" @click="exportZeroExtend">导出数据</Button>
             </row>
           </row>
           <!--表格数据-->