diff --git a/src/App.vue b/src/App.vue
index 65df912..5966654 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -66,6 +66,7 @@ body {
   position: inherit !important;
   width: auto !important;
   overflow: revert !important;
+  background-color: #f0f0f0;
 }
 
 </style>
diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index 0944003..e4a64df 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -46,7 +46,7 @@
 
 				<div class="subset">
 					<a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" />
-					<div class="subsetleft" v-show="!skeletonshow">
+					<div class="subsetleft" v-show="!skeletonshow" style="border-bottom: 1px solid rgb(237, 237, 237);padding-bottom: 20px;">
 						<div class="info">
 							<!-- <div class="imgbox">
 								<img v-if="jobDetail.logo || store.logo" :src="jobDetail.logo || store.logo" alt />
@@ -83,7 +83,7 @@
 								<div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
 									<a-tag style="background-color: #f5f5f5">暂无特色</a-tag>
 								</div> -->
-								<div class="g_flex_row_between">
+								<div class="g_flex_row_between g_mt_12">
 									<div style="display: flex; align-items: center; height: 26px; margin-top: 8px">
 										<div class="jobpricehour" v-html="getSalaryClassifyValue(jobDetail.salaryClassify, jobDetail.salaryClassifyValue)"></div>
 										<span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
@@ -159,6 +159,7 @@
 						</div>
 					</div>
 				</div>
+
 				<div class="jobinformationbox" style="padding-left: 20px; padding-top: 4px">
 					<h1>
 						<div class="infotitle">
@@ -405,7 +406,7 @@
 					<div class="box" style="border-radius: 6px; border: 1px solid #ededed; min-height: 288px">
 						<div class="title g_flex_row_start" style="height: 40px; border-bottom: 1px solid #ededed; padding: 0 16px">
 							<div style="font-size: 14px; height: 100%; font-weight: 600" class="g_flex_column_center">佣金：</div>
-							<div class="g_flex_column_center" style="font-size: 14px; height: 100%; color: #999">
+							<div class="g_flex_column_center" style="font-size: 14px; height: 100%; color: #333">
 								<span v-if="isSee">
 									{{ jobDetail.servetype }}
 								</span>
@@ -413,7 +414,7 @@
 							</div>
 						</div>
 						<div class="content g_p_16">
-							<div class="con" style="white-space: pre-wrap; font-size: 14px; color: #999">
+							<div class="con" style="white-space: pre-wrap; font-size: 14px; color: #333">
 								<span v-if="isSee">
 									{{ jobDetail.returnFeeDesp || "-" }}
 								</span>
@@ -1366,6 +1367,7 @@ export default {
 						text-align: left;
 						color: #666;
 						line-height: 26px;
+						margin-top: 6px;
 					}
 					.jobpricehour {
 						// margin-top: 16px;
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index f1d0e2c..a037fd0 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -51,8 +51,10 @@
 						</div>
 						<div class="g_flex_none g_ml_12">
 							<a-dropdown :trigger="['click']">
-								<a style="font-size: 14px;"@click="e => e.preventDefault()">
-									筛选 <a-icon type="down" style="font-size: 14px;" />
+								<a style="font-size: 14px;"@click.prevent="e => handleToggle(e)">
+									筛选 
+									<a-icon type="down" style="font-size: 14px;" v-if="!isToggle"  />
+									<a-icon type="up" style="font-size: 14px;" v-if="isToggle"  />
 								</a> 
 								<div slot="overlay" class="model-obj">
 									<div class="filter" :class="[filterStatus == 0 ? '' : 'nobd']" style="box-shadow: 3px 3px 20px 0px rgba(77, 87, 94, 0.3);border-radius: 6px;overflow: hidden;">
@@ -663,146 +665,147 @@
 								}"
 							>
 								<!-- v-if="signType == ''" -->
-
-								<span @click="toDetail(item)" style="cursor: pointer;width: 70%;">
-									<div class="subsetleft" @click="totop">
-										<!-- <div class="imgbox">
-											<img v-if="item.logo.length !== 0" :src="item.logo" style="object-fit: cover; width: 156px; height: 156px" />
-											<div v-else class="default_avatar">{{ item.brandName || item.jobName }}</div>
-										</div> -->
-										<div class="jobinfobox">
-											<!-- <router-link
-											target="_blank"
-											:to="'/detail/' + item.id"
-											rel="opener"
-											>-->
-											<div class="g_flex_row_start">
-												<div class="jobname">{{ item.jobName }}</div>
-												<div class="g_flex_column_end">
-													<div style="color: #a1a1a1;font-size: 14px;margin-left: 15px;">{{ item.up_time }}</div>
+								<div class="g_flex_row_between g_w_all item-obj">
+									<span @click="toDetail(item)" style="cursor: pointer;width: 70%;">
+										<div class="subsetleft" @click="totop">
+											<!-- <div class="imgbox">
+												<img v-if="item.logo.length !== 0" :src="item.logo" style="object-fit: cover; width: 156px; height: 156px" />
+												<div v-else class="default_avatar">{{ item.brandName || item.jobName }}</div>
+											</div> -->
+											<div class="jobinfobox">
+												<!-- <router-link
+												target="_blank"
+												:to="'/detail/' + item.id"
+												rel="opener"
+												>-->
+												<div class="g_flex_row_start">
+													<div class="jobname">{{ item.jobName }}</div>
+													<div class="g_flex_column_end">
+														<div style="color: #a1a1a1;font-size: 14px;margin-left: 15px;">{{ item.up_time }}</div>
+													</div>
 												</div>
-											</div>
 
-											<!-- <div class="xmfDiv">
-												<img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/xmfb.svg" class="" alt="" />
-												<span class="f12 ml4" style="color: #646572">{{ item.supplierName }}</span>
-											</div> -->
+												<!-- <div class="xmfDiv">
+													<img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/xmfb.svg" class="" alt="" />
+													<span class="f12 ml4" style="color: #646572">{{ item.supplierName }}</span>
+												</div> -->
 
-											<!-- <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/ysd1.png" style="width: 20px;height: 20px;" alt=""> -->
+												<!-- <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/ysd1.png" style="width: 20px;height: 20px;" alt=""> -->
 
-											<!-- </router-link> -->
-											<div class="jobinfo">
-												<span>{{ item.storeDistrict ? item.storeDistrict + ' | ' : ''}}</span>
-												<span>{{ item.gender }}</span>
-												<span v-if="item.distance != null && item.distance != '' && formvalue.sortTag == 2">{{ item.distanceKm }}</span>
-												<span v-else>{{ item.age }}</span>
-											</div>
-											<div class="jobtag">
-												<!-- <span>返费</span> -->
-												<!-- <i class="iconfont icon-ziying" v-if="item.signType == 1" style></i> -->
-												<span class="hotTag" v-if="item.hotJob == 1">
-													<i class="iconfont icon-dianzan1 mr0" style="font-size: 12px"></i>
-													主推
-												</span>
-												<span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</span>
-												<span v-if="item.jobSpecialLabelNames.length == 0">暂无特色</span>
-											</div>
-											<div class="g_flex_row_start">
-												<div class="jobpricehour" v-html="getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue)"></div>
-												<div class="g_flex_column_end" style="font-size: 16px">&nbsp;|&nbsp;</div>
-												<div class="g_flex_column_end">
-													<div class="jobpricemonth g_flex_column_end" v-if="item.minMonthlyPay" style="margin-left: 0;">
-														<template v-if="signType != 1">
-															<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}</span
-															>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
-															>元/月
-														</template>
-														<template v-else>
-															<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}</span
-															>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
-															>元/月
-														</template>
+												<!-- </router-link> -->
+												<div class="jobinfo">
+													<span>{{ item.storeDistrict ? item.storeDistrict + ' | ' : ''}}</span>
+													<span>{{ item.gender }}</span>
+													<span v-if="item.distance != null && item.distance != '' && formvalue.sortTag == 2">{{ item.distanceKm }}</span>
+													<span v-else>{{ item.age }}</span>
+												</div>
+												<div class="jobtag">
+													<!-- <span>返费</span> -->
+													<!-- <i class="iconfont icon-ziying" v-if="item.signType == 1" style></i> -->
+													<span class="hotTag" v-if="item.hotJob == 1">
+														<i class="iconfont icon-dianzan1 mr0" style="font-size: 12px"></i>
+														主推
+													</span>
+													<span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</span>
+													<span v-if="item.jobSpecialLabelNames.length == 0">暂无特色</span>
+												</div>
+												<div class="g_flex_row_start">
+													<div class="jobpricehour" v-html="getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue)"></div>
+													<div class="g_flex_column_end" style="font-size: 16px">&nbsp;|&nbsp;</div>
+													<div class="g_flex_column_end">
+														<div class="jobpricemonth g_flex_column_end" v-if="item.minMonthlyPay" style="margin-left: 0;">
+															<template v-if="signType != 1">
+																<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}</span
+																>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
+																>元/月
+															</template>
+															<template v-else>
+																<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}</span
+																>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
+																>元/月
+															</template>
+														</div>
 													</div>
 												</div>
 											</div>
 										</div>
-									</div>
-								</span>
-								<div class="subsetright">
-									<div class="topContainer">
-										<div class="updateTime" style="display: none">
-											<span>更新时间：{{ item.updateTime || "--" }} ( {{ item.diffTime || "--" }} )</span>
-										</div>
-										<div class="topbox" v-if="false">
-											<div>服务费</div>
-											<div>{{ item.servetype }}</div>
-										</div>
-
-										<div class="fsa f12 pr4" style="background: linear-gradient(138deg,#fde0ad 22%, #fac474); border-radius:2px;color:#754300;line-height:24px;height: 24px;margin-top: 2px;">
-											<div class>
-												<img class="mr4" style="width:24px;height:24px;display:block" 
-												src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/fee.svg"  lazy-load="false"></img>
+									</span>
+									<div class="subsetright">
+										<div class="topContainer">
+											<div class="updateTime" style="display: none">
+												<span>更新时间：{{ item.updateTime || "--" }} ( {{ item.diffTime || "--" }} )</span>
 											</div>
-											<div class style="font-size:14px;font-weight: 400;">
-												<!-- {{agencyStatus == 1 ? (item.fuWuFei ? item.fuWuFei : '-') : '仅代理可见'}} -->
-												 {{ item.servetype }}
+											<div class="topbox" v-if="false">
+												<div>服务费</div>
+												<div>{{ item.servetype }}</div>
+											</div>
+
+											<div class="fsa f12 pr4" style="background: linear-gradient(138deg,#fde0ad 22%, #fac474); border-radius:2px;color:#754300;line-height:24px;height: 24px;margin-top: 2px;">
+												<div class>
+													<img class="mr4" style="width:24px;height:24px;display:block" 
+													src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/fee.svg"  lazy-load="false"></img>
+												</div>
+												<div class style="font-size:14px;font-weight: 400;">
+													<!-- {{agencyStatus == 1 ? (item.fuWuFei ? item.fuWuFei : '-') : '仅代理可见'}} -->
+													{{ item.servetype }}
+												</div>
 											</div>
-										</div>
 
 
-									</div>
-									<div class="bottombox1">
-										<!-- <a-popover title="" trigger="click" placement="bottomRight">
-											<template slot="content" class="jobDesp_content">
-												<div :class="'copy' + index" @click="copyText($event, index)">复制</div>
-												<span v-if="item.jobDesp" :class="'copyInfo' + index">{{ item.jobDesp }}</span
-												><span v-else>暂无详单</span>
-										</template>-->
-										<a v-if="false">
-											<button
-												type="primary"
-												class="jobDesp br4"
-												:style="{
-													background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
-												}"
-												@click="toDetail(item)"
-											>
-												更多
-											</button>
-										</a>
-										<!-- </a-popover> -->
-										<div class="g_flex_row_end">
-											<!-- <a-button shape="circle" type="danger" ghost>
-												<template #icon> -->
-													<a  v-if="item.customServiceUrl" :href="item.customServiceUrl || 'javascript:;'" target="_blank"  class="g_w_60 g_cursor_point">
-														<div class="g_text_c g_w_all" style="height: 18px;overflow: hidden;line-height: 18px;">
-															<a-icon type="message" class="g_fs_16" style="color: #666;" />
-														</div>
-														<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">联系客服</div>
-													</a>
-                          <div class="g_w_60 g_cursor_point" @click="$message.error('此职位暂未接入客服')" v-else>
-														<div class="g_text_c g_w_all" style="height: 18px;overflow: hidden;line-height: 18px;">
-															<a-icon type="message" class="g_fs_16" style="color: #666;" />
+										</div>
+										<div class="bottombox1">
+											<!-- <a-popover title="" trigger="click" placement="bottomRight">
+												<template slot="content" class="jobDesp_content">
+													<div :class="'copy' + index" @click="copyText($event, index)">复制</div>
+													<span v-if="item.jobDesp" :class="'copyInfo' + index">{{ item.jobDesp }}</span
+													><span v-else>暂无详单</span>
+											</template>-->
+											<a v-if="false">
+												<button
+													type="primary"
+													class="jobDesp br4"
+													:style="{
+														background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+													}"
+													@click="toDetail(item)"
+												>
+													更多
+												</button>
+											</a>
+											<!-- </a-popover> -->
+											<div class="g_flex_row_end">
+												<!-- <a-button shape="circle" type="danger" ghost>
+													<template #icon> -->
+														<a  v-if="item.customServiceUrl" :href="item.customServiceUrl || 'javascript:;'" target="_blank"  class="g_w_60 g_cursor_point">
+															<div class="g_text_c g_w_all" style="height: 18px;overflow: hidden;line-height: 18px;">
+																<a-icon type="message" class="g_fs_16" style="color: #666;" />
+															</div>
+															<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">联系客服</div>
+														</a>
+														<div class="g_w_60 g_cursor_point" @click="$message.error('此职位暂未接入客服')" v-else>
+															<div class="g_text_c g_w_all" style="height: 18px;overflow: hidden;line-height: 18px;">
+																<a-icon type="message" class="g_fs_16" style="color: #666;" />
+															</div>
+															<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">联系客服</div>
 														</div>
-														<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">联系客服</div>
-													</div>
-												<!-- </template>
-											</a-button>
-											<a-button shape="circle" type="danger" ghost @click="toggleGhost" class="g_ml_12">
-												<template #icon> -->
-													<div class="g_w_40 g_cursor_point" v-if="false">
-														<div class="g_text_c g_w_all" style="height: 18px;line-height: 18px;">
-															<a-icon class="g_fs_17" style="color:#666;" type="star" />
+													<!-- </template>
+												</a-button>
+												<a-button shape="circle" type="danger" ghost @click="toggleGhost" class="g_ml_12">
+													<template #icon> -->
+														<div class="g_w_40 g_cursor_point" v-if="false">
+															<div class="g_text_c g_w_all" style="height: 18px;line-height: 18px;">
+																<a-icon class="g_fs_17" style="color:#666;" type="star" />
+															</div>
+															<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">收藏</div>
 														</div>
-														<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">收藏</div>
-													</div>
-												<!-- </template> -->
-											<!-- </a-button> -->
-										</div>
-										<a-button class="br4 g_ml_12" @click="torecord(item)" v-if="item.recruitment == '1'" type="primary" style="font-size: 13px;">立即报名</a-button>
-										<button class="norecruitment" v-else>暂时停招</button>
+													<!-- </template> -->
+												<!-- </a-button> -->
+											</div>
+											<a-button class="br4 g_ml_12" @click="torecord(item)" v-if="item.recruitment == '1'" type="primary" style="font-size: 13px;">立即报名</a-button>
+											<button class="norecruitment" v-else>暂时停招</button>
 
-										<!-- <button @click="showmodal(item)" @click="">报名</button> -->
+											<!-- <button @click="showmodal(item)" @click="">报名</button> -->
+										</div>
 									</div>
 								</div>
 							</div>
@@ -935,6 +938,7 @@ export default {
 	// 组件状态值
 	data() {
 		return {
+			isToggle:false,
 			isFetching: false, // 标志位，防止重复加载
 			speed:1,// 加载进度0 未加载 1加载中 2加载完成
 			isStop:false,// 是否停止加载
@@ -2249,6 +2253,9 @@ export default {
 			// console.log("this.recordShow", this.recordShow);
 			// console.log("this.currentInfo", this.currentInfo);
 		},
+		handleToggle(e){
+			this.isToggle = !this.isToggle
+		}
 	},
 };
 </script>
@@ -2884,20 +2891,24 @@ export default {
 				position: relative;
 				transform: translateY(35px);
 			}
-		}
+		} 
 		.subset {
 			display: flex;
 			justify-content: space-between;
 			border-bottom: 1px solid #ededed;
-			padding: 16px;
 			background: #ffffff;
 			transition: all 0.2s;
-			border: 1px solid transparent;
-
+			// border: 1px solid transparent;
+			overflow: hidden;
+			.item-obj{
+				transition: all 0.2s;
+				padding: 16px;
+			}
 			&:hover {
-				// position: relative;
-				box-shadow: 20px 20px 20px 20px rgba(77, 87, 94, 0.1);
-				// transform: translateY(-0.5px);
+				.item-obj{
+					transform: scale(1.02);
+					// box-shadow: 0 2px 12px 0 red
+				}
 			}
 			.subsetleft {
 				display: flex;
@@ -3736,4 +3747,7 @@ p {
 			}
 
 		}
+		.stoggle{
+			transform: rotate(90deg);
+		}
 </style>
diff --git a/src/views/main.vue b/src/views/main.vue
index b965d89..dcb65a0 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -20,6 +20,9 @@
 								</div>
 							</div> -->
 							<i class="iconfont icon-bocaigongyinglian-chunwenzilogo" style="font-size: 18.8px;"></i>
+							<div class="g_fs_12" style="zoom: 0.85;color: #999;">
+									人力资源供应链平台
+							</div>
 						</div>
 					</router-link>
 					<ul class="fsa titleTag" style="margin-left: 40px;">