diff --git a/components/company/company.vue b/components/company/company.vue
index 7ee339d..c9140be 100644
--- a/components/company/company.vue
+++ b/components/company/company.vue
@@ -31,9 +31,9 @@
 	 -->
 			<view class="personnel_list" v-if="!skeleton">
 				<view class="cards">
+
 					<view class="cards_head">
 						<text style="font-size: 32rpx">公司基本信息</text>
-
 					</view>
 					<view class="cards_content">
 						<view class="right">
@@ -58,17 +58,46 @@
 
 
 					</view>
+
+					<view class="cards_head">
+						<text style="font-size: 32rpx">公司联系人</text>
+					</view>
+					<view class="cards_content">
+						<view class="right">
+							<view class="">
+								<text>法人姓名 :</text>
+								<text> {{company.master_name}}</text>
+							</view>
+							<view class="" @click="copyPhone(company.master_email, '社会代码')">
+								<text>担任职务 :</text>
+								<text>{{company.organization_code}}</text>
+							</view>
+							<view class="" @click="copyPhone(company.master_email, '电话')">
+								<text>联系电话 :</text>
+								<text>{{company.master_phone}}</text>
+							</view>
+							<view class="" @click="copyPhone(company.master_email, '邮箱')">
+								<text>电子邮箱 :</text>
+								<text> {{company.master_email}}</text>
+							</view>
+						</view>
+
+
+
+					</view>
+
+
+
 				</view>
 			</view>
-
-
 		</view>
-
-
-
+		<!-- 合同 -->
 		<view class="item" v-show="skeleton||contract.status">
+
 			<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%"
 				rowsHeight="56"></u-skeleton>
+
+			<!-- 
 			<block v-if="!skeleton">
 				<view class="title">电子合同</view>
 				<view class="card">
@@ -80,34 +109,94 @@
 							<view class="info_item">合同编号：{{contract.contract_no}}</view>
 						</view>
 					</view>
+
 					<u-line v-if="contract.contract_no" color="#999999FF" style="margin: 31rpx 0;"></u-line>
+
 					<view class="contract" v-if="contract.contract_no">
 						<view class="left">
 							<image class="contract_img" src="../../static/img/contract/pdf.png"></image>
 							<view class="text">
 								<view class="name">合同</view>
 								<view>
-									<!-- <text class="nickname">张郭郭</text> -->
+
 									<text>{{contract.create_time}}</text>
 								</view>
 							</view>
 						</view>
 						<view class="right" @click="navTo(contract.contract_no)">
-							<!-- <image class="icon"></image> -->
+
 							<uni-icons type="paperclip" color="#3274F9"></uni-icons>
 							<view>查看</view>
 						</view>
 					</view>
+
+
 				</view>
 			</block>
+ -->
+
+
+			<view class="personnel_list" v-if="!skeleton">
+				<view class="cards">
+
+					<view class="cards_head">
+						<text style="font-size: 32rpx">电子合同</text>
+					</view>
+					<view class="cards_content">
+						<view class="right">
+							<view class="">
+								<text>甲方 :</text>
+								<text> {{contract.party_a_name}}</text>
+							</view>
+							<view class="" @click="copyPhone(company.master_email, '社会代码')">
+								<text>乙方 :</text>
+								<text>{{contract.party_b_name}}</text>
+							</view>
+							<view class="">
+								<text>合同类型 :</text>
+								<text>{{contract.contract_type_name}}</text>
+							</view>
+							<view class="">
+								<text>合同编号 :</text>
+								<text> {{contract.contract_no}} </text>
+							</view>
+						</view>
+					</view>
+
+
+					<view style="border-top:1px dashed #0022C7;margin:20rpx 0">
+					</view>
+
+					<view class="contract" v-if="contract.contract_no">
+						<view class="left">
+							<image class="contract_img" src="../../static/img/contract/pdf.png"></image>
+							<view class="text">
+								<view class="name">合同</view>
+								<view>
+
+									<text>{{contract.create_time}}</text>
+								</view>
+							</view>
+						</view>
+						<view class="right" @click="navTo(contract.contract_no)">
+							<uni-icons type="paperclip" color="#3274F9"></uni-icons>
+							<view>查看</view>
+						</view>
+					</view>
+
+				</view>
+			</view>
+
+
 		</view>
+		<!-- 
 		<view class="item">
 			<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%"
 				rowsHeight="56"></u-skeleton>
 			<block v-if="!skeleton">
 				<view class="title">
 					<text>联系人管理</text>
-					<!-- <view>新增</view> -->
+
 				</view>
 				<view class="card">
 					<view class="one">
@@ -145,9 +234,12 @@
 			</block>
 
 		</view>
+ -->
 		<view class="item">
 			<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%"
 				rowsHeight="56"></u-skeleton>
+
+			<!-- 
 			<block v-if="!skeleton">
 				<view class="title">资质信息</view>
 				<view class="image_box" style="background-color: #fff;border-radius: 7px 7px 7px 7px;">
@@ -172,21 +264,54 @@
 							<u-loading-icon color="#333"></u-loading-icon>
 						</template>
 					</u--image>
-					<!-- <u--image class="image" v-for="item in company.qualification.bank_account" :key="item" @click="priview(item)"
-            :src="item" v-if="company.qualification.bank_account" :lazy-load="true">
-            <template v-slot:loading>
-              <u-loading-icon color="#333"></u-loading-icon>
-            </template>
-          </u--image>
-          <u--image class="image" v-for="item in company.qualification.bank_accountB" :key="item" @click="priview(item)"
-            :src="item" v-if="company.qualification.bank_accountB" :lazy-load="true">
-            <template v-slot:loading>
-              <u-loading-icon color="#333"></u-loading-icon>
-            </template>
-          </u--image> -->
 				</view>
 			</block>
+ -->
+			<view class="personnel_list" v-if="!skeleton">
+				<view class="cards">
+
+					<view class="cards_head">
+						<text style="font-size: 32rpx">公司资质信息</text>
+					</view>
+					<view class="cards_content">
+						<view class="image_box" style="background-color: #fff;border-radius: 7px 7px 7px 7px;">
+							<u--image class="image" @click="priview(company.qualification.business_license)"
+								:src="company.qualification.business_license"
+								v-if="company.qualification.business_license" :lazy-load="true">
+								<template v-slot:loading>
+									<u-loading-icon color="#333"></u-loading-icon>
+								</template>
+							</u--image>
+							<u--image class="image" @click="priview(company.qualification.business_licenseB)"
+								:src="company.qualification.business_licenseB"
+								v-if="company.qualification.business_licenseB" :lazy-load="true">
+								<template v-slot:loading>
+									<u-loading-icon color="#333"></u-loading-icon>
+								</template>
+							</u--image>
+							<u--image class="image" v-for="item in company.qualification.other_qualifications"
+								:key="item" @click="priview(item)" :src="item"
+								v-if="company.qualification.other_qualifications" :lazy-load="true">
+								<template v-slot:loading>
+									<u-loading-icon color="#333"></u-loading-icon>
+								</template>
+							</u--image>
+						</view>
+					</view>
+
+
+
+				</view>
+
+
+
+			</view>
 		</view>
+
+	</view>
+
+
+
 	</view>
 </template>
 
@@ -329,7 +454,6 @@
 <style lang="scss" scoped>
 	.personnel_list {
 		padding: 28rpx 0;
-		margin-bottom: 130rpx;
 
 		.cards {
 			margin: 0 auto;
@@ -381,8 +505,11 @@
 					justify-content: space-between;
 
 					view {
+						margin-bottom: 10rpx;
+
 						text:nth-child(2) {
 							margin-left: 20rpx;
+
 						}
 					}
 				}
@@ -396,10 +523,75 @@
 				transform: translate(-50%, -50%);
 			}
 		}
+
+		.contract {
+			display: flex;
+			justify-content: space-between;
+			padding: 0 30rpx 20rpx 30rpx;
+
+			.left {
+				display: flex;
+
+				.contract_img {
+					width: 102rpx;
+					height: 102rpx;
+					background: #F5F5F5;
+					border-radius: 14rpx 14rpx 14rpx 14rpx;
+					margin-right: 21rpx;
+				}
+
+				.text {
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
+
+					.name {
+						font-size: 32rpx;
+						;
+						font-weight: 500;
+						color: rgba(0, 0, 0, 0.8);
+						line-height: 35rpx;
+					}
+
+					.nickname {
+						margin-right: 35rpx;
+					}
+
+					text {
+						height: 39rpx;
+						font-size: 28rpx;
+						font-weight: 400;
+						color: #666666;
+						line-height: 35rpx;
+					}
+				}
+			}
+
+			.right {
+				font-size: 28rpx;
+				font-weight: 500;
+				color: $theme-oa-color;
+				line-height: 35rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+
+				.icon {
+					width: 35rpx;
+					height: 39rpx;
+					background-color: $theme-oa-color;
+					opacity: 1;
+					margin-right: 10rpx
+				}
+			}
+		}
+
+
+
 	}
 
 	.item {
-		padding: 32rpx 28rpx;
+
 		padding-top: 0;
 
 		&:nth-child(1) {
@@ -513,68 +705,13 @@
 				}
 			}
 
-			.contract {
-				display: flex;
-				justify-content: space-between;
 
-				.left {
-					display: flex;
 
-					.contract_img {
-						width: 102rpx;
-						height: 102rpx;
-						background: #F5F5F5;
-						border-radius: 14rpx 14rpx 14rpx 14rpx;
-						margin-right: 21rpx;
-					}
-
-					.text {
-						display: flex;
-						flex-direction: column;
-						justify-content: space-between;
-
-						.name {
-							font-size: 32rpx;
-							;
-							font-weight: 500;
-							color: rgba(0, 0, 0, 0.8);
-							line-height: 35rpx;
-						}
-
-						.nickname {
-							margin-right: 35rpx;
-						}
-
-						text {
-							height: 39rpx;
-							font-size: 28rpx;
-							font-weight: 400;
-							color: #666666;
-							line-height: 35rpx;
-						}
-					}
-				}
-
-				.right {
-					font-size: 28rpx;
-					font-weight: 500;
-					color: $theme-oa-color;
-					line-height: 35rpx;
-					display: flex;
-					justify-content: center;
-					align-items: center;
-
-					.icon {
-						width: 35rpx;
-						height: 39rpx;
-						background-color: $theme-oa-color;
-						opacity: 1;
-						margin-right: 10rpx
-					}
-				}
-			}
 		}
 
+
+
+
 		.image_box {
 			display: flex;
 			justify-content: space-between;
diff --git a/components/task/index.vue b/components/task/index.vue
index 97c8660..b8b1fad 100644
--- a/components/task/index.vue
+++ b/components/task/index.vue
@@ -1,110 +1,116 @@
 <template>
-  <view class="c_task_index">
-    <u-sticky bgColor="#f5f5f5" offsetTop="44px">
-      <!-- <u-tabs :list="tabLists" @click="changeCurrent" lineColor='#3274F9' :scrollable="false"
+	<view class="c_task_index">
+		<u-sticky bgColor="#f5f5f5" offsetTop="44px">
+			<!-- <u-tabs :list="tabLists" @click="changeCurrent" lineColor='#3274F9' :scrollable="false"
         inactiveStyle='color:#666' activeStyle="color:#3274F9"></u-tabs> -->
-      <uni-segmented-control :current="current" :values="['全部','已完成']" styleType="text"
-        @clickItem="changeCurrent" activeColor="#3274F9"></uni-segmented-control>
-    </u-sticky>
-    <view class="c_task_index_list">
-      <view v-for="item in list" :key="item.id">
-        <taskItem :datas="item"></taskItem>
-      </view>
-    </view>
-    <u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText"
-      :loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
-    <!-- <u-empty icon="/static/img/empty/data.png" text="没有数据"></u-empty> -->
-  </view>
+			<uni-segmented-control :current="current" :values="['全部','已完成','未完成']" styleType="text"
+				@clickItem="changeCurrent" activeColor="#0022C7"></uni-segmented-control>
+		</u-sticky>
+		<view class="c_task_index_list">
+			<view v-for="item in list" :key="item.id">
+				<taskItem :datas="item"></taskItem>
+			</view>
+		</view>
+		<u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText"
+			:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
+		<!-- <u-empty icon="/static/img/empty/data.png" text="没有数据"></u-empty> -->
+	</view>
 </template>
 
 <script>
-  import { Toast } from "../../libs/uniApi";
-  import taskItem from "./taskItem.vue";
-  import { taskLists } from "@/api/task.js";
-  export default {
-    name: "task",
-    components: { taskItem },
-    data() {
-      return {
-        current: 0,
-        status: 0,
-        // tabLists: [{
-        //   name: '全部',
-        // }, {
-        //   name: '已完成'
-        // }, {
-        //   name: '未完成'
-        // }],
-        loadConfig: {
-          page: 1,
-          limit: 25,
-          loadingText: '努力加载中',
-          loadmoreText: '轻轻上拉',
-          nomoreText: '我也是有底线的~~',
-          status: 'loadmore'
-        },
-        list: []
-      };
-    },
-    created() {
-      this.initLoadConfig();
-    },
-    methods: {
-      navTo(url) {
-        url ?
-          uni.navigateTo({
-            url: url
-          }) : Toast('暂未开放')
-      },
-      changeCurrent(e) {
-        if (this.current !== e.currentIndex) {
-          this.current = +e.currentIndex;
-          switch (this.current) {
-            case 1:
-              this.status = 3;
-              break;
-            case 2:
-              this.status = 5;
-              break;
-            default:
-              this.status = 0;
-          }
-          this.initLoadConfig();
-        }
-      },
-      initLoadConfig() {
-        this.loadConfig.page = 1;
-        this.loadConfig.status = 'loadmore';
-        this.list = [];
-        this.loadList();
-      },
-      async loadList() {
-        if (this.loadConfig.status == "nomore") return;
-        this.loadConfig.status = "loading";
-        let res = await taskLists({
-          page: this.loadConfig.page,
-          status: this.status,
-          limit: this.loadConfig.limit
-        });
-        this.loadConfig.status = "loadmore"
-        if (res.data.length < this.loadConfig.limit) {
-          this.loadConfig.status = "nomore"
-        } else {
-          this.loadConfig.page++;
-        }
-        this.list = [...this.list, ...res.data];
-      }
-    }
-  }
+	import {
+		Toast
+	} from "../../libs/uniApi";
+	import taskItem from "./taskItem.vue";
+	import {
+		taskLists
+	} from "@/api/task.js";
+	export default {
+		name: "task",
+		components: {
+			taskItem
+		},
+		data() {
+			return {
+				current: 0,
+				status: 0,
+				// tabLists: [{
+				//   name: '全部',
+				// }, {
+				//   name: '已完成'
+				// }, {
+				//   name: '未完成'
+				// }],
+				loadConfig: {
+					page: 1,
+					limit: 25,
+					loadingText: '努力加载中',
+					loadmoreText: '轻轻上拉',
+					nomoreText: '我也是有底线的~~',
+					status: 'loadmore'
+				},
+				list: []
+			};
+		},
+		created() {
+			this.initLoadConfig();
+		},
+		methods: {
+			navTo(url) {
+				url ?
+					uni.navigateTo({
+						url: url
+					}) : Toast('暂未开放')
+			},
+			changeCurrent(e) {
+				if (this.current !== e.currentIndex) {
+					this.current = +e.currentIndex;
+					switch (this.current) {
+						case 1:
+							this.status = 3;
+							break;
+						case 2:
+							this.status = 5;
+							break;
+						default:
+							this.status = 0;
+					}
+					this.initLoadConfig();
+				}
+			},
+			initLoadConfig() {
+				this.loadConfig.page = 1;
+				this.loadConfig.status = 'loadmore';
+				this.list = [];
+				this.loadList();
+			},
+			async loadList() {
+				if (this.loadConfig.status == "nomore") return;
+				this.loadConfig.status = "loading";
+				let res = await taskLists({
+					page: this.loadConfig.page,
+					status: this.status,
+					limit: this.loadConfig.limit
+				});
+				this.loadConfig.status = "loadmore"
+				if (res.data.length < this.loadConfig.limit) {
+					this.loadConfig.status = "nomore"
+				} else {
+					this.loadConfig.page++;
+				}
+				this.list = [...this.list, ...res.data];
+			}
+		}
+	}
 </script>
 
 <style lang="scss">
-  .c_task_index {
-    padding-bottom: 100rpx;
+	.c_task_index {
+		padding-bottom: 100rpx;
 
-    .c_task_index_list {
-      padding-top: 28rpx;
+		.c_task_index_list {
+			padding-top: 28rpx;
 
-    }
-  }
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/components/task/taskItem.vue b/components/task/taskItem.vue
index 127a693..fa31ab1 100644
--- a/components/task/taskItem.vue
+++ b/components/task/taskItem.vue
@@ -1,167 +1,289 @@
 <template>
-  <view class="c_task_item" @click="clickTask">
-    <view class="top">
-      <view class="left">
-        <view>任务名称:</view>
-        <view class="text">{{datas.title}}</view>
-      </view>
-      <view class="right">
-        <image class="icon" src="../../static/icons/ok_c.png"></image>
-        <!-- <image src="../../static/icons/err_c.png"></image> -->
-      </view>
-    </view>
-    <view class="bottom">
-      <image class="b_left" src="../../static/img/task/task.png"></image>
-      <view class="b_right">
-        <view class="item">
-          <view class="left">
-            <view>任务状态:</view>
-            <view class="text">
-              <text v-if="datas.status==2||datas.status==1" style="color: #ff7c32;">
-                <block v-if="(datas.type==31||datas.type==32||datas.type==33)">
-                  <block v-if="datas.extend&&datas.extend.informationg">{{(datas.extend.informationg.update?datas.extend.informationg.update:0)+'/'+(datas.extend.informationg.count?datas.extend.informationg.count:0)}}</block>
-                  <block v-else-if="datas.extend&&datas.extend.transaction&&datas.extend.transaction.arr">{{(datas.extend.transaction.arr.total_price?datas.extend.transaction.arr.total_price:0)+'元/'+(datas.extend.transaction.arr.day_money?datas.extend.transaction.arr.day_money:0)+'元'}}</block>
-                  <block v-else>进行中</block>
-                </block>
-                <block v-else>进行中</block>
-              </text>
-              <text v-if="datas.status==3" style="color: #46be61;">已完成</text>
-              <text v-if="datas.status==5">已关闭</text>
-            </view>
-          </view>
-          <view class="right">￥{{datas.money||'0.00'}}<text class="price">元</text></view>
-        </view>
-        <view class="item">
-          <view class="left">
-            <view>完成时间:</view>
-            <view class="text">{{datas.end_time}}</view>
-          </view>
-          <view class="right">
-            <view>进入任务<uni-icons type="right" color="#3175f9"></uni-icons></view>
-          </view>
-        </view>
-      </view>
-    </view>
-  </view>
+	<view class="c_task_item" @click="clickTask">
+
+		<view class="personnel_list">
+			<view class="cards">
+				<view class="cards_head">
+					<text style="font-size: 32rpx">任务名称: {{datas.title}}</text>
+					<text>点击查看</text>
+				</view>
+				<view class="cards_content">
+					<view class="right">
+						<view class="">
+							<text>任务进度 :</text>
+							<text> { item.name }</text>
+						</view>
+						<view style="width: 87vw;">
+							<text>完成时间 :</text>
+							<text>{{datas.end_time}}</text>
+							<text v-if='0' style="background-color: #ff7c32;" class="status">已完成</text>
+							<text v-else style="background-color: #488F00;" class="status">未完成</text>
+						</view>
+						<view class="">
+							<text>任务金额 :</text>
+							<text> {{datas.money+'元'||'0.00'}} </text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 	<view class="top">
+			<view class="left">
+				<view>任务名称:</view>
+				<view class="text">{{datas.title}}</view>
+			</view>
+			<view class="right">
+				<image class="icon" src="../../static/icons/ok_c.png"></image>
+
+			</view>
+		</view>
+		<view class="bottom">
+			<image class="b_left" src="../../static/img/task/task.png"></image>
+			<view class="b_right">
+				<view class="item">
+					<view class="left">
+						<view>任务状态:</view>
+						<view class="text">
+							<text v-if="datas.status==2||datas.status==1" style="color: #ff7c32;">
+								<block v-if="(datas.type==31||datas.type==32||datas.type==33)">
+									<block v-if="datas.extend&&datas.extend.informationg">
+										{{(datas.extend.informationg.update?datas.extend.informationg.update:0)+'/'+(datas.extend.informationg.count?datas.extend.informationg.count:0)}}
+									</block>
+									<block
+										v-else-if="datas.extend&&datas.extend.transaction&&datas.extend.transaction.arr">
+										{{(datas.extend.transaction.arr.total_price?datas.extend.transaction.arr.total_price:0)+'元/'+(datas.extend.transaction.arr.day_money?datas.extend.transaction.arr.day_money:0)+'元'}}
+									</block>
+									<block v-else>进行中</block>
+								</block>
+								<block v-else>进行中</block>
+							</text>
+							<text v-if="datas.status==3" style="color: #46be61;">已完成</text>
+							<text v-if="datas.status==5">已关闭</text>
+						</view>
+					</view>
+					<view class="right">￥{{datas.money||'0.00'}}<text class="price">元</text></view>
+				</view>
+				<view class="item">
+					<view class="left">
+						<view>完成时间:</view>
+						<view class="text">{{datas.end_time}}</view>
+					</view>
+					<view class="right">
+						<view>进入任务<uni-icons type="right" color="#3175f9"></uni-icons></view>
+					</view>
+				</view>
+			</view>
+		</view>
+	 -->
+
+	</view>
 </template>
 
 <script>
-import { Toast } from '../../libs/uniApi';
-  export default {
-    name: "task",
-    props: {
-      datas: {
-        type: Object,
-        default: function(){
-			return {}
-		}
-      }
-    },
-    data() {
-      return {
+	import {
+		Toast
+	} from '../../libs/uniApi';
+	export default {
+		name: "task",
+		props: {
+			datas: {
+				type: Object,
+				default: function() {
+					return {}
+				}
+			}
+		},
+		data() {
+			return {
 
-      };
-    },
-    methods:{
-      navTo(url) {
-        url ?
-          uni.navigateTo({
-            url: url,
-          }) : Toast('暂未开放')
-      },
-      clickTask(){
-        // console.log('点击', this.$props.datas);
-        if((this.$props.datas.type!=31)&&this.$props.datas.status!==2&&this.$props.datas.status!==1){
-          return this.$props.datas.status==3?Toast('任务已完成!'):Toast('任务已结束!');
-        }
-        if(this.$props.datas.type==31){
-          // this.navTo('/subpkg/fileTask/fileTask?id=' + JSON.stringify(this.$props.datas?.extend?.informationg?.arr))
-          this.navTo(`/subpkg/archives/archives?task_id=${this.$props.datas?.id}`)
-        }else this.navTo('');
-      }
-    }
-  }
+			};
+		},
+		methods: {
+			navTo(url) {
+				url ?
+					uni.navigateTo({
+						url: url,
+					}) : Toast('暂未开放')
+			},
+			clickTask() {
+				// console.log('点击', this.$props.datas);
+				if ((this.$props.datas.type != 31) && this.$props.datas.status !== 2 && this.$props.datas.status !== 1) {
+					return this.$props.datas.status == 3 ? Toast('任务已完成!') : Toast('任务已结束!');
+				}
+				if (this.$props.datas.type == 31) {
+					// this.navTo('/subpkg/fileTask/fileTask?id=' + JSON.stringify(this.$props.datas?.extend?.informationg?.arr))
+					this.navTo(`/subpkg/archives/archives?task_id=${this.$props.datas?.id}`)
+				} else this.navTo('');
+			}
+		}
+	}
 </script>
 
 <style lang="scss">
-  .c_task_item {
-    margin: 0 auto;
-    margin-bottom: 28rpx;
-    width: 694rpx;
-    background: #FFFFFF;
-    border-radius: 14rpx 14rpx 14rpx 14rpx;
-    opacity: 1;
-    font-size: 25rpx;
-    font-weight: 400;
-    color: #999999;
-    line-height: 39rpx;
+	.c_task_item {
+		margin: 0 auto;
+		// margin-bottom: 28rpx;
+		width: 694rpx;
+		// background: #FFFFFF;
+		border-radius: 14rpx 14rpx 14rpx 14rpx;
+		opacity: 1;
+		font-size: 25rpx;
+		font-weight: 400;
+		color: #999999;
+		line-height: 39rpx;
 
-    .text {
-      font-size: 28rpx;
-      font-weight: 400;
-      color: #333333;
-      line-height: 39rpx;
-      margin-left: 18rpx;
-    }
+		.text {
+			font-size: 28rpx;
+			font-weight: 400;
+			color: #333333;
+			line-height: 39rpx;
+			margin-left: 18rpx;
+		}
 
-    .top {
-      display: flex;
-      justify-content: space-between;
-      padding: 28rpx;
-      border-bottom: 1rpx solid #F5F5F5FF;
+		.top {
+			display: flex;
+			justify-content: space-between;
+			padding: 28rpx;
+			border-bottom: 1rpx solid #F5F5F5FF;
 
-      .left {
-        display: flex;
-        justify-content: left;
-        align-items: center;
-      }
+			.left {
+				display: flex;
+				justify-content: left;
+				align-items: center;
+			}
 
-      .right {
-        .icon {
-          width: 43rpx;
-          height: 43rpx;
-        }
-      }
-    }
+			.right {
+				.icon {
+					width: 43rpx;
+					height: 43rpx;
+				}
+			}
+		}
 
-.bottom{
-  padding: 28rpx;
-  display: flex;
-  .b_left{
-    width: 103.39rpx;
-    height: 94.63rpx;
-    margin-right: 18rpx;
-  }
-  .b_right{
-    flex: 1;
-    display: flex;
-    justify-content: space-around;
-    flex-direction: column;
-    .item {
-      display: flex;
-      justify-content: space-between;
-      // margin: 18rpx 28rpx 0 28rpx;
-    
-      // &:last-child {
-      //   padding-bottom: 18rpx;
-      // }
-    
-      .left {
-        display: flex;
-      }
-      
-      .right{
-        font-size: 32rpx;
-        font-weight: 400;
-        color: #3274F9;
-        line-height: 39rpx;
-        .price{
-          font-size: 25rpx;
-        }
-      }
-    }
-  }
-}
-    
-  }
+		.bottom {
+			padding: 28rpx;
+			display: flex;
+
+			.b_left {
+				width: 103.39rpx;
+				height: 94.63rpx;
+				margin-right: 18rpx;
+			}
+
+			.b_right {
+				flex: 1;
+				display: flex;
+				justify-content: space-around;
+				flex-direction: column;
+
+				.item {
+					display: flex;
+					justify-content: space-between;
+					// margin: 18rpx 28rpx 0 28rpx;
+
+					// &:last-child {
+					//   padding-bottom: 18rpx;
+					// }
+
+					.left {
+						display: flex;
+					}
+
+					.right {
+						font-size: 32rpx;
+						font-weight: 400;
+						color: #3274F9;
+						line-height: 39rpx;
+
+						.price {
+							font-size: 25rpx;
+						}
+					}
+				}
+			}
+		}
+
+	}
+
+	.personnel_list {
+		padding: 28rpx 0;
+
+
+		.cards {
+			margin: 0 auto;
+			// margin-bottom: 28rpx;
+			width: 694rpx;
+			background: #ffffff;
+			border-radius: 30rpx;
+			opacity: 1;
+			overflow: hidden;
+			box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
+
+			.cards_head {
+				padding: 28rpx;
+				background-color: $theme-oa-color;
+				color: white;
+				height: 100rpx;
+				display: flex;
+				justify-content: space-between;
+			}
+
+			.cards_content {
+				padding: 28rpx;
+				display: flex;
+				justify-content: space-between;
+
+				.left {
+					text-align: center;
+					// padding: 15rpx 25rpx;
+					padding-top: 20rpx;
+
+					width: 160rpx;
+					background-color: $theme-oa-color;
+					color: white;
+					border-radius: 40rpx;
+
+					.cir {
+						width: 120rpx;
+						height: 120rpx;
+						background-color: #ffffff;
+						margin-left: 25rpx;
+						border-radius: 120rpx;
+						position: relative;
+					}
+				}
+
+				.right {
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
+
+					view {
+
+						text:nth-child(2) {
+							margin-left: 20rpx;
+						}
+
+						.status {
+							display: inline-block;
+							float: right;
+							color: white;
+							text-align: center;
+							padding: 10rpx 30rpx;
+							border-radius: 30rpx;
+
+						}
+					}
+				}
+			}
+
+			.u_avatar {
+				position: absolute;
+				top: 50%;
+				left: 50%;
+
+				transform: translate(-50%, -50%);
+			}
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/pages/oaHome/oaHome.vue b/pages/oaHome/oaHome.vue
index 2a82232..b327ce7 100644
--- a/pages/oaHome/oaHome.vue
+++ b/pages/oaHome/oaHome.vue
@@ -9,9 +9,11 @@
 			<!-- #endif -->
 			<view class="my_info ">
 				<view class="head_img">
-					<u--image :showLoading="true" style="translate:0 -10rpx ;"
-						:src="myOaInfo.avatar || '../../static/img/public/avatar.png'" width="150.28rpx"
-						height="150.28rpx" shape="circle"></u--image>
+					<view class="img_box">
+						<u--image :showLoading="true" width="150.28rpx" height="150.28rpx"
+							:src="myOaInfo.avatar || '../../static/img/public/avatar.png'" shape="circle"></u--image>
+					</view>
+
 
 					<text class="nickname">工作证: {{ myOaInfo.nickname }}</text>
 					<text>身份: {{ myOaInfo.admin_id ? "超级管理员" : "普通用户" }}</text>
@@ -421,7 +423,15 @@
 			padding-right: 50rpx;
 			line-height: 130rpx;
 			color: white;
-			font-size: 30rpx;
+			font-size: 34rpx;
+
+			.img_box {
+				width: 150.28rpx;
+				height: 150.28rpx;
+				translate: -10rpx -10rpx;
+				border: 1px dashed #707070;
+			}
+
 			// font-we
 		}
 
diff --git a/subpkg/companyUnsign/companyUnsign.vue b/subpkg/companyUnsign/companyUnsign.vue
index aaddeba..79886e0 100644
--- a/subpkg/companyUnsign/companyUnsign.vue
+++ b/subpkg/companyUnsign/companyUnsign.vue
@@ -1,210 +1,328 @@
 <template>
-  <view class="">
-    <view class="company_list">
-      <view class="info_card" v-for="item in companyList" :key="item.id">
-        <view class="top" @click="navTo('/subpkg/companySign/companySign?id='+item.id)">
-          <view>
-            <view class="info_name" :class="item.is_contract?'have':'no'">{{item.company_name}}</view>
-            <view class="info_type">{{item.company_type_name}}</view>
-          </view>
-          <view class="btn">详情<uni-icons type="forward" color="#666666"></uni-icons></view>
-        </view>
-        <u-line></u-line>
-        <view class="bottom">
-          <image src="../../static/img/contract/company.png"></image>
-          <view class="text">
-            <view>主要联系人：{{item.master_name}}</view>
-            <view @click="copyPhone(item.master_phone)">联系方式：{{item.master_phone}}</view>
-            <view style="display: flex;">
-              <view class="">区县乡镇：</view>
-              <view>{{c_address(item)}}</view>
-            </view>
-            <!-- <view>片区经理：</view> -->
-          </view>
-        </view>
-      </view>
-      <u-empty v-if="loadConfig.status=='nomore'&& companyList.length==0" text="没有更多公司"
-        icon="/static/img/empty/data.png"></u-empty>
-      <u-loadmore v-else :status="loadConfig.status" :loading-text="loadConfig.loadingText"
-        :loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
-    </view>
-  </view>
+	<view class="">
+		<view class="company_list">
+
+
+			<!-- 			<view class="info_card" v-for="item in companyList" :key="item.id">
+				<view class="top" @click="navTo('/subpkg/companySign/companySign?id='+item.id)">
+					<view>
+						<view class="info_name" :class="item.is_contract?'have':'no'">{{item.company_name}}</view>
+						<view class="info_type">{{item.company_type_name}}</view>
+					</view>
+					<view class="btn">详情<uni-icons type="forward" color="#666666"></uni-icons></view>
+				</view>
+				<u-line></u-line>
+				<view class="bottom">
+					<image src="../../static/img/contract/company.png"></image>
+					<view class="text">
+						<view>主要联系人：{{item.master_name}}</view>
+						<view @click="copyPhone(item.master_phone)">联系方式：{{item.master_phone}}</view>
+						<view style="display: flex;">
+							<view class="">区县乡镇：</view>
+							<view>{{c_address(item)}}</view>
+						</view>
+
+					</view>
+				</view>
+			</view> -->
+
+
+			<view class="personnel_list" v-for="item in companyList" :key="item.id">
+				<view class="cards">
+					<view class="cards_head" @click="navTo('/subpkg/companySign/companySign?id='+item.id)">
+						<text style="font-size: 32rpx">{{item.company_name}}</text>
+
+						<text>选择<u-icon style="display: inline-block;margin-left: 10rpx;" color="white"
+								name="arrow-right"></u-icon></text>
+					</view>
+					<view class="cards_content">
+						<view class="right">
+							<view class="" style="width: 80vw;">
+								<text>法人姓名 :</text>
+								<text> {{item.master_name}}</text>
+
+								<text style="float: right;">{{item.is_contract?"已签约":"未签约"}}</text>
+							</view>
+							<view class="">
+								<text>担任职务 :</text>
+								<text>{{item.master_position}}</text>
+							</view>
+							<view class="" @click="copyPhone(item.master_phone)">
+								<text>联系电话 :</text>
+								<text> {{item.master_phone}} </text>
+							</view>
+							<view class="">
+								<text>负责区域 :</text>
+								<text> {{c_address(item)}} </text>
+							</view>
+						</view>
+
+
+					</view>
+				</view>
+			</view>
+
+
+
+			<u-empty v-if="loadConfig.status=='nomore'&& companyList.length==0" text="没有更多公司"
+				icon="/static/img/empty/data.png"></u-empty>
+			<u-loadmore v-else :status="loadConfig.status" :loading-text="loadConfig.loadingText"
+				:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
+		</view>
+	</view>
 </template>
 
 <script>
-  import { companyUnsigned } from "@/api/company.js"
-  import { Toast } from '@/libs/uniApi.js'
-  export default {
-    data() {
-      return {
-        loadConfig: {
-          page: 1,
-          limit: 15,
-          lastpage: '',
-          loadingText: '努力加载中',
-          loadmoreText: '轻轻上拉',
-          nomoreText: '我也是有底线的~~',
-          status: 'loadmore'
-        },
-        companyList: []
-      }
-    },
-    onShow() {
-      this.loadCompanyList();
-    },
-    onReachBottom() {
-      this.loadCompanyList();
-    },
-    methods: {
-      initLoad() {
-        this.loadConfig.page = 1;
-        this.loadConfig.status = "loadmore";
-        this.companyList = [];
-        this.loadCompanyList();
-      },
-      // 加载公司列表
-      async loadCompanyList() {
-        if (this.loadConfig.status == "nomore") return;
-        this.loadConfig.status = "loading";
-        let res = await companyUnsigned({
-          page: this.loadConfig.page,
-          limit: this.loadConfig.limit
-        })
-        this.loadConfig.status = "loadmore"
-        if (res.data.data.length < this.loadConfig.limit) {
-          this.loadConfig.status = "nomore"
-        } else {
-          this.loadConfig.page++;
-        }
-        this.companyList = [...this.companyList, ...res.data?.data]
-      },
-      navTo(url) {
-        url ?
-          uni.navigateTo({
-            url: url
-          }) : Toast('暂未开放')
-      },
-      copyPhone(str = "", type = "号码") {
-        if (str) uni.setClipboardData({
-          data: str + "",
-          success: (e) => {
-            Toast(type + '已复制')
-          },
-          fail: (e) => {
-            Toast('复制失败')
-          }
-        })
-      },
-      // 根据公司类型显示地区
-      c_address(company) {
-        let str = '';
-        if (company.company_type == 16) {
-          company?.province_name ? str += company?.province_name : null;
-          company?.city_name ? str += company?.city_name : null;
-          company?.area_name ? str += company?.area_name : null;
-          company?.street_name ? str += company?.street_name : null;
-        } else {
-          company?.street_name ? str += company?.street_name : null;
-          company?.village_name ? str += company?.village_name : null;
-          company?.brigade_name ? str += company?.brigade_name : null;
-        }
-        return str;
-      }
-    },
-    onPullDownRefresh() {
-      uni.stopPullDownRefresh()
-    }
-  }
+	import {
+		companyUnsigned
+	} from "@/api/company.js"
+	import {
+		Toast
+	} from '@/libs/uniApi.js'
+	export default {
+		data() {
+			return {
+				loadConfig: {
+					page: 1,
+					limit: 15,
+					lastpage: '',
+					loadingText: '努力加载中',
+					loadmoreText: '轻轻上拉',
+					nomoreText: '我也是有底线的~~',
+					status: 'loadmore'
+				},
+				companyList: []
+			}
+		},
+		onShow() {
+			this.loadCompanyList();
+		},
+		onReachBottom() {
+			this.loadCompanyList();
+		},
+		methods: {
+			initLoad() {
+				this.loadConfig.page = 1;
+				this.loadConfig.status = "loadmore";
+				this.companyList = [];
+				this.loadCompanyList();
+			},
+			// 加载公司列表
+			async loadCompanyList() {
+				if (this.loadConfig.status == "nomore") return;
+				this.loadConfig.status = "loading";
+				let res = await companyUnsigned({
+					page: this.loadConfig.page,
+					limit: this.loadConfig.limit
+				})
+				this.loadConfig.status = "loadmore"
+				if (res.data.data.length < this.loadConfig.limit) {
+					this.loadConfig.status = "nomore"
+				} else {
+					this.loadConfig.page++;
+				}
+				this.companyList = [...this.companyList, ...res.data?.data]
+			},
+			navTo(url) {
+				url ?
+					uni.navigateTo({
+						url: url
+					}) : Toast('暂未开放')
+			},
+			copyPhone(str = "", type = "号码") {
+				if (str) uni.setClipboardData({
+					data: str + "",
+					success: (e) => {
+						Toast(type + '已复制')
+					},
+					fail: (e) => {
+						Toast('复制失败')
+					}
+				})
+			},
+			// 根据公司类型显示地区
+			c_address(company) {
+				let str = '';
+				if (company.company_type == 16) {
+					company?.province_name ? str += company?.province_name : null;
+					company?.city_name ? str += company?.city_name : null;
+					company?.area_name ? str += company?.area_name : null;
+					company?.street_name ? str += company?.street_name : null;
+				} else {
+					company?.street_name ? str += company?.street_name : null;
+					company?.village_name ? str += company?.village_name : null;
+					company?.brigade_name ? str += company?.brigade_name : null;
+				}
+				return str;
+			}
+		},
+		onPullDownRefresh() {
+			uni.stopPullDownRefresh()
+		}
+	}
 </script>
 
 <style lang="scss">
-  .company_list {
-    padding-bottom: 32rpx;
-    // margin-top: 190rpx;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+	.company_list {
+		padding-bottom: 32rpx;
+		// margin-top: 190rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
 
-    .info_card {
-      width: 694rpx;
-      // height: 300rpx;
-      background: #FFFFFF;
-      border-radius: 21rpx 21rpx 21rpx 21rpx;
-      margin-top: 28rpx;
-      padding: 24rpx;
-
-      .top {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 28rpx;
-
-        .info_name {
-          font-size: 32rpx;
-          font-weight: 500;
-          color: #333333;
-        }
-
-        .have {
-          &::before {
-            content: "已签约";
-            border-radius: 14rpx;
-            border: 5rpx solid #5ac725;
-            color: #5ac725;
-            padding: 3rpx 6rpx;
-            font-size: 28rpx;
-            margin-right: 10rpx;
-          }
-        }
-
-        .no {
-          &::before {
-            content: "未签约";
-            border-radius: 14rpx;
-            border: 5rpx solid #f56c6c;
-            color: #f56c6c;
-            padding: 3rpx 6rpx;
-            font-size: 28rpx;
-            margin-right: 10rpx;
-          }
-        }
-
-        .info_type {
-          font-size: 25rpx;
-          font-weight: 500;
-          color: $theme-oa-color;
-          margin-top: 10rpx;
-        }
-
-        .btn {
-          flex-shrink: 0;
-          font-size: 25rpx;
-          font-weight: 400;
-          color: #666666;
-          display: flex;
-          align-items: center;
-          justify-content: right;
-        }
-      }
-
-      .bottom {
-        display: flex;
-        margin-top: 28rpx;
-
-        image {
-          height: 140rpx;
-          width: 140rpx;
-          margin-right: 28rpx;
-        }
-
-        .text {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-        }
-      }
-    }
+		.personnel_list {
+			padding: 28rpx 0;
 
 
-  }
+			.cards {
+				margin: 0 auto;
+				margin-bottom: 28rpx;
+				width: 694rpx;
+				background: #ffffff;
+				border-radius: 30rpx;
+				opacity: 1;
+				overflow: hidden;
+				box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
+
+				.cards_head {
+					padding: 28rpx;
+					background-color: $theme-oa-color;
+					color: white;
+					height: 100rpx;
+					display: flex;
+					justify-content: space-between;
+				}
+
+				.cards_content {
+					padding: 28rpx;
+					display: flex;
+					justify-content: space-between;
+
+					.left {
+						text-align: center;
+						// padding: 15rpx 25rpx;
+						padding-top: 20rpx;
+
+						width: 160rpx;
+						background-color: $theme-oa-color;
+						color: white;
+						border-radius: 40rpx;
+
+						.cir {
+							width: 120rpx;
+							height: 120rpx;
+							background-color: #ffffff;
+							margin-left: 25rpx;
+							border-radius: 120rpx;
+							position: relative;
+						}
+					}
+
+					.right {
+						display: flex;
+						flex-direction: column;
+						justify-content: space-between;
+
+						view {
+							margin: 10rpx 0;
+
+							text:nth-child(2) {
+								margin-left: 20rpx;
+							}
+						}
+					}
+				}
+
+				.u_avatar {
+					position: absolute;
+					top: 50%;
+					left: 50%;
+
+					transform: translate(-50%, -50%);
+				}
+			}
+		}
+
+		// .info_card {
+		// 	width: 694rpx;
+		// 	// height: 300rpx;
+		// 	background: #FFFFFF;
+		// 	border-radius: 21rpx 21rpx 21rpx 21rpx;
+		// 	margin-top: 28rpx;
+		// 	padding: 24rpx;
+
+		// 	.top {
+		// 		display: flex;
+		// 		justify-content: space-between;
+		// 		align-items: center;
+		// 		margin-bottom: 28rpx;
+
+		// 		.info_name {
+		// 			font-size: 32rpx;
+		// 			font-weight: 500;
+		// 			color: #333333;
+		// 		}
+
+		// 		.have {
+		// 			&::before {
+		// 				content: "已签约";
+		// 				border-radius: 14rpx;
+		// 				border: 5rpx solid #5ac725;
+		// 				color: #5ac725;
+		// 				padding: 3rpx 6rpx;
+		// 				font-size: 28rpx;
+		// 				margin-right: 10rpx;
+		// 			}
+		// 		}
+
+		// 		.no {
+		// 			&::before {
+		// 				content: "未签约";
+		// 				border-radius: 14rpx;
+		// 				border: 5rpx solid #f56c6c;
+		// 				color: #f56c6c;
+		// 				padding: 3rpx 6rpx;
+		// 				font-size: 28rpx;
+		// 				margin-right: 10rpx;
+		// 			}
+		// 		}
+
+		// 		.info_type {
+		// 			font-size: 25rpx;
+		// 			font-weight: 500;
+		// 			color: $theme-oa-color;
+		// 			margin-top: 10rpx;
+		// 		}
+
+		// 		.btn {
+		// 			flex-shrink: 0;
+		// 			font-size: 25rpx;
+		// 			font-weight: 400;
+		// 			color: #666666;
+		// 			display: flex;
+		// 			align-items: center;
+		// 			justify-content: right;
+		// 		}
+		// 	}
+
+		// 	.bottom {
+		// 		display: flex;
+		// 		margin-top: 28rpx;
+
+		// 		image {
+		// 			height: 140rpx;
+		// 			width: 140rpx;
+		// 			margin-right: 28rpx;
+		// 		}
+
+		// 		.text {
+		// 			display: flex;
+		// 			flex-direction: column;
+		// 			justify-content: space-between;
+		// 		}
+		// 	}
+		// }
+
+
+	}
 </style>
\ No newline at end of file
diff --git a/subpkg/submit/submit.vue b/subpkg/submit/submit.vue
index bf53296..1cd0d3b 100644
--- a/subpkg/submit/submit.vue
+++ b/subpkg/submit/submit.vue
@@ -1,71 +1,74 @@
 <template>
-  <view class="">
-    <view class="body">
-      <image class="icon" src="../../static/img/contract/ok_b.png"></image>
-      <view class="text">合同生成提交成功</view>
-      <view class="tips">
-        <view>您的签约请求已提交，正在生成合同。</view>
-        <view>请耐心等待，合同生成完毕后将会以短信方式通知您。</view>
-      </view>
-      <button class="btn" @click="navTo">确定</button>
-    </view>
-  </view>
+	<view class="">
+		<view class="body">
+			<image class="icon" src="../../static/img/contract/ok_b.png"></image>
+			<view class="text">合同生成提交成功</view>
+			<view class="tips">
+				<view>您的签约请求已提交，正在生成合同。</view>
+				<view>请耐心等待，合同生成完毕后将会以短信方式通知您。</view>
+			</view>
+			<button class="btn" @click="navTo">确定/查看</button>
+		</view>
+	</view>
 </template>
 
 <script>
-export default {
-  data() {
-    return {
-       
-    }
-  },
-  onLoad() {},
-  onShow() {},
-  methods: {
-    navTo(){
-      uni.navigateBack();
-    }
-  },
-  onPullDownRefresh() {
-      uni.stopPullDownRefresh()
-    }
-  }
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		onLoad() {},
+		onShow() {},
+		methods: {
+			navTo() {
+				uni.navigateBack();
+			}
+		},
+		onPullDownRefresh() {
+			uni.stopPullDownRefresh()
+		}
+	}
 </script>
 
 <style lang="scss">
-.body{
-  text-align: center;
-  .icon{
-    width: 193rpx;
-    height: 193rpx;
-    margin-top: 177rpx;
-    margin-bottom: 70rpx;
-  }
-  .text{
-    font-size: 39rpx;
-    font-weight: 600;
-    color: #000000;
-    line-height: 49rpx;
-    margin-bottom: 42rpx;
-  }
-  .tips{
-    font-size: 28rpx;
-    font-weight: 400;
-    color: #000000;
-    line-height: 47rpx;
-    margin-bottom: 92rpx;
-  }
-  .btn{
-    width: 694rpx;
-    height: 84rpx;
-    line-height: 84rpx;
-    text-align: center;
-    background: #3274F9;
-    border-radius: 42rpx 42rpx 42rpx 42rpx;
-    opacity: 1;
-    margin: 0 auto;
-    color: #fff;
-  }
-}
+	.body {
+		text-align: center;
 
-</style>
+		.icon {
+			width: 193rpx;
+			height: 193rpx;
+			margin-top: 177rpx;
+			margin-bottom: 70rpx;
+		}
+
+		.text {
+			font-size: 39rpx;
+			font-weight: 600;
+			color: #000000;
+			line-height: 49rpx;
+			margin-bottom: 42rpx;
+		}
+
+		.tips {
+			font-size: 28rpx;
+			font-weight: 400;
+			color: #000000;
+			line-height: 47rpx;
+			margin-bottom: 92rpx;
+		}
+
+		.btn {
+			width: 100vw;
+			height: 84rpx;
+			line-height: 84rpx;
+			text-align: center;
+			background: #0022C7;
+			position: fixed;
+			bottom: 0;
+			opacity: 1;
+			color: #fff;
+		}
+	}
+</style>
\ No newline at end of file