diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index 0ec4a5b..436d712 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -453,7 +453,7 @@
 				<div class="companyinfo" v-if="from != 'vocational'">
 					<div class="companydetail">
 						<h1 class="bottombox">
-							<i>职位详情</i>
+							<i>企业详情</i>
 						</h1>
 					</div>
 					<div class="companylocation" style="text-align: center; padding: 0 20px 20px" v-if="positionInfo.lng">
@@ -886,6 +886,7 @@ export default {
 					let storeImage = [];
 					let storeVideo = [];
           if(data.data.storeImage){
+            
             data.data.storeImage.forEach((item) => {
               console.log(item.url);
 
@@ -1424,7 +1425,7 @@ export default {
 					}
 					div:last-child {
 						font-weight: normal;
-						background-color: #fff4e3;
+						background-color: #fff3ef;
 						color: #ff4400;
 						font-size: 18px;
 						span:last-child {
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index 90e549b..cbaeeab 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -504,7 +504,7 @@
 						<span @click="toDetail(item)" style="cursor: pointer">
 							<div class="subsetleft" @click="totop">
 								<div class="imgbox">
-									<img v-if="item.logo.length !== 0" :src="item.logo" />
+									<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>
 									<!-- <img v-else src="../../../static/img/nopicture.png" /> -->
 								</div>
@@ -516,8 +516,8 @@
                   >-->
 									<div class="jobname">{{ item.jobName }}</div>
                   <div class="xmfDiv">
-                    <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/xmf.svg" class="ml4" alt="">
-                    <span class="f12 ml12" style="color:#646572">{{item.agencyName}}</span>
+                    <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/xmfb.svg" class="" alt="">
+                    <span class="f12 ml4" style="color:#646572">{{item.agencyName}}</span>
                   </div>
 
                   <!-- <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/ysd1.png" style="width: 20px;height: 20px;" alt=""> -->
@@ -1416,16 +1416,18 @@ export default {
 			//   pageSize: 8,
 			//   total: null, //分页配置
 			// }
-			this.formvalue.aliasName = "";
+			// this.formvalue.aliasName = "";
 			this.formvalue.ageStr = "";
 			if (this.searchValue.trim() !== "") {
 				this.formvalue.pageNum = 1;
 				console.log(this.searchValue);
 				if (typeof +this.searchValue.trim() == "number" && !isNaN(+this.searchValue.trim())) {
 					this.formvalue.ageStr = this.searchValue.trim();
+          this.formvalue.keys = "";
 				} else {
-					this.formvalue.aliasName = this.searchValue.trim();
+					// this.formvalue.aliasName = this.searchValue.trim();
           this.formvalue.keys = this.searchValue.trim();
+          this.formvalue.ageStr = ""
 				}
 				// console.log("search1");
 				// this.formvalue.aliasName = this.searchValue;
diff --git a/src/components/FirstJob/recordBill.vue b/src/components/FirstJob/recordBill.vue
index 5b394c4..4711e33 100644
--- a/src/components/FirstJob/recordBill.vue
+++ b/src/components/FirstJob/recordBill.vue
@@ -24,7 +24,7 @@
 		</a-breadcrumb>
 		<div class="content">
 			<a-form-model ref="ruleForm" :model="form" :colon="true" :rules="rules">
-				<a-form-model-item ref="proxy" label="代理" prop :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
+				<a-form-model-item ref="proxy" label="报名人" prop :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
 					<!-- <a-input
             :value="
               proxyinfo.userName !== '' &&
@@ -52,14 +52,32 @@
 						>
 					</div>
 				</a-form-model-item>
+
+				<a-form-model-item ref="username" label="报名职位" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 10px">
+					<!-- <a-input :value="firminfo.jobName" :disabled="true" /> -->
+					<div class="pzbox" style="width: 100%">
+						<!-- <span v-if="jobnameStatus === ''">{{ firminfo.jobName }}</span> -->
+						<span>{{ firminfo.jobName }}</span>
+						<!-- <a-select v-if="jobnameStatus === 'jobname'" show-search auto-focus placeholder="请选择岗位" option-filter-prop="children" style="width: 200px" @blur="jobnameStatus = ''">
+							<a-select-option v-for="i in storeJobList" :key="i.id" @click="storeJobChange(i)">{{ i.aliasName }}</a-select-option>
+						</a-select> -->
+
+						<!-- v-if="isMaster && jobnameStatus !== 'jobname'" -->
+						<span @click="openModal" :style="{ color: '#ff4400', marginLeft: '10px', cursor: 'pointer'}">修改</span>
+					</div>
+				</a-form-model-item>
+
+					<recordBillTable :isModalVisible="isModalVisible"></recordBillTable>
+
 				<a-form-model-item ref="username" label="报名企业" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
 					<!-- <a-input :value="firminfo.aliasName" :disabled="true" /> -->
 					<div class="pzbox" style="width: 100%">
-						<span v-if="storeStatus === ''">{{ firminfo.aliasName }}</span>
+						<span>{{ firminfo.aliasName || "-" }}</span>
+						<!-- <span v-if="storeStatus === ''">{{ firminfo.aliasName }}</span>
 						<a-select v-if="storeStatus === 'store'" show-search auto-focus mode="combobox" placeholder="请选择企业" style="width: calc(100% - 200px)" :default-active-first-option="false" :show-arrow="false" :filter-option="false" :not-found-content="null" @search="storeSearch" @blur="storeStatus = ''">
 							<a-select-option v-for="i in storeList" :key="i.id + ''" @click="storeChange(i)">{{ i.aliasName }}</a-select-option>
 						</a-select>
-						<span
+					<span
 							@click="storeStatus = 'store'"
 							:style="{
 								color: '#ff4400',
@@ -67,29 +85,14 @@
 								cursor: 'pointer',
 							}"
 							v-if="isMaster && storeStatus !== 'store'"
-							>修改</span
-						>
-					</div>
-				</a-form-model-item>
-				<a-form-model-item ref="username" label="岗位" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px">
-					<!-- <a-input :value="firminfo.jobName" :disabled="true" /> -->
-					<div class="pzbox" style="width: 100%">
-						<span v-if="jobnameStatus === ''">{{ firminfo.jobName }}</span>
-						<a-select v-if="jobnameStatus === 'jobname'" show-search auto-focus placeholder="请选择岗位" option-filter-prop="children" style="width: 200px" @blur="jobnameStatus = ''">
-							<a-select-option v-for="i in storeJobList" :key="i.id" @click="storeJobChange(i)">{{ i.aliasName }}</a-select-option>
-						</a-select>
-						<span
-							@click="selected"
-							:style="{
-								color: '#ff4400',
-								marginLeft: '10px',
-								cursor: 'pointer',
-							}"
-							v-if="isMaster && jobnameStatus !== 'jobname'"
-							>修改</span
-						>
+							>修改</span> -->
 					</div>
 				</a-form-model-item>
+
+				<a-form-item label="项目方" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
+					<span class="ant-form-text c6">{{ agencyName }}</span>
+				</a-form-item>
+
 				<a-form-model-item class="time-input" ref="interviewTime" label="面试时间" prop="interviewTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
 					<timepicker :isShow.sync="isShow" :datetime.sync="form.interviewTime" :prev="true"></timepicker>
 					<a-input class="pt1" v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" allowClear @click="getDateinfo">
@@ -105,7 +108,7 @@
 				<a-row>
 					<a-col :span="20">
 						<a-form-model-item ref="idCard" label="身份证号" prop="idCard" :wrapperCol="{ span: 16 }" :labelCol="{ span: 5 }">
-							<a-input v-model="form.idCard" @change="getIdInfo($event)" placeholder="请输入老乡身份证号" :max-length="18" />
+							<a-input v-model="form.idCard" @change="getIdInfo($event)" placeholder="请输入身份证号/上传身份证自动识别" :max-length="18" />
 						</a-form-model-item>
 					</a-col>
 					<a-col :span="4" class="idCardUpload">
@@ -128,7 +131,7 @@
               />-->
 							<div v-if="fileList.length == 0" style="display: flex; justify-content: center; align-items: center" class="nloding">
 								<a-icon type="plus" />
-								<div class="ant-upload-text">上传证件</div>
+								<div class="ant-upload-text">拖拽上传</div>
 							</div>
 						</a-upload>
 						<div v-if="loading" style="display: flex; justify-content: center; align-items: center" class="uploading">
@@ -210,8 +213,8 @@
           </div>-->
 				</a-form-model-item>
 
-				<a-form-model-item ref="desp" style="margin-bottom: 12px" label="备注" prop="desp" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
-					<a-textarea v-model="form.desp" placeholder="请输入备注" :auto-size="{ minRows: 2, maxRows: 5 }" />
+				<a-form-model-item ref="desp" style="margin-bottom: 12px" label="报名备注" prop="desp" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
+					<a-textarea v-model="form.desp" placeholder="请输入报名备注" :auto-size="{ minRows: 2, maxRows: 5 }" />
 				</a-form-model-item>
 
 				<a-form-model-item ref="headerUploadRef" label="附件" prop="peoplecard" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
@@ -269,6 +272,7 @@ import request from "@/utils/request";
 import qs from "qs";
 // import axios from "axios";
 import $ from "jquery";
+import recordBillTable from "./recordBillTable.vue";
 // import axiosUpload from "axios";
 export default {
 	inject: ["reload"],
@@ -276,6 +280,7 @@ export default {
 	name: "recordBill",
 	// 局部注册的组件
 	components: {
+    recordBillTable,
 		// recordbill,
 		timepicker,
 	},
@@ -284,6 +289,11 @@ export default {
 	// 组件状态值
 	data() {
 		return {
+      isModalVisible:false,
+
+      
+			agencyName: "-",
+			jobClassify: "",
 			fileList2: [],
 			fileListT2: [],
 			// facetimedate: "",
@@ -435,6 +445,8 @@ export default {
 		} else {
 			this.firminfo = this.$route.params;
 		}
+
+		this.jobClassify = JSON.parse(sessionStorage.getItem("PAGE_TYPE")).jobClassify;
 		console.log(JSON.parse(sessionStorage.getItem("CURRENT_FIRM")));
 		console.log(this.firminfo);
 		// this.userinfo = JSON.parse(userinfo);
@@ -459,6 +471,10 @@ export default {
 	},
 	// 组件方法
 	methods: {
+    openModal() {
+			this.isModalVisible = true;
+			// 可在此处加载或更新表格数据
+		},
 		async getJob(value) {
 			try {
 				const { data } = await getStoreJobApi(value.id);
@@ -517,9 +533,11 @@ export default {
 		// },
 		async getJobDetail(value) {
 			try {
-				const { data } = await getJobDetailApi(value);
+				const { data } = await getJobDetailApi(value, this.jobClassify);
 				console.log(data);
 				if (data.status === 200) {
+					this.agencyName = data.data.agency.agencyName;
+
 					this.form.policyNum = data.data.storeJob.policyNum;
 					console.log(this.form.policyNum);
 					if (this.form.policyNum == "" && this.form.policy != "") {
@@ -941,10 +959,10 @@ export default {
 					.catch((err) => {
 						console.log(err);
 					});
-			}) 
+			})
 				.then((response) => {
 					console.log("响应的数据", response);
-          let dataObj = {}
+					let dataObj = {};
 					dataObj.policy = response.data.policy;
 					dataObj.signature = response.data.signature;
 					dataObj.ossaccessKeyId = response.data.accessid;
@@ -1086,7 +1104,7 @@ export default {
 		},
 		selected() {
 			// if (!isEmptyCheck(this.form.qiyeId)) {
-			this.jobnameStatus = "jobname";
+			// this.jobnameStatus = "jobname";
 			// } else {
 			// this.$message.warning("请先选择企业");
 			// }
diff --git a/src/components/FirstJob/recordBillTable.vue b/src/components/FirstJob/recordBillTable.vue
new file mode 100644
index 0000000..884c513
--- /dev/null
+++ b/src/components/FirstJob/recordBillTable.vue
@@ -0,0 +1,180 @@
+<template>
+	<div>
+    <a-modal title="职位选择" width="1200px" :visible="isModalVisible" @ok="confirmModal" @cancel="cancelModal" :footer="null">
+
+		<a-table :columns="tableColumns" :loading="isspinning" :data-source="tableData" size="small">
+      <span slot="cz" slot-scope="text, record">
+    
+      <a href="javascript:;">选择</a>
+    </span>
+    
+    </a-table>
+    </a-modal>
+	</div>
+</template>
+
+<script>
+import { JobListApi, JobListApiYicai, getJobSpecialApi, getProvinceApi, getHotCityApi, getCityWhichHasJobApi, getHotStoreApi, getClassifyListApi } from "../../api/job";
+import $ from "jquery";
+import { moneyToFixed, getSalaryClassifyValue, isNotEmptyCheck, disposeJobListData, setReturnFee,xinZiXianShi } from "../../utils/commonUtil";
+export default {
+  props:['isModalVisible'],
+	data() {
+		return {
+			isspinning: false,
+			formvalue: {},
+			tableColumns: [
+				{
+					title: "序号",
+					dataIndex: "sort",
+					key: "1",
+				},
+				{
+					title: "职位名称",
+					dataIndex: "jobName",
+					key: "jobName",
+				},
+				{
+					title: "项目方",
+					dataIndex: "agencyName",
+					key: "agencyName",
+					ellipsis: true,
+          width:200,
+				},
+				{
+					title: "服务费",
+					dataIndex: "servetype",
+					key: "servetype",
+					ellipsis: true,
+          width:180,
+				},
+				{
+					title: "员工薪资",
+					dataIndex: "jobpricemonth",
+					key: "jobpricemonth",
+					ellipsis: true,
+          width:180,
+          customRender: (text, row, index) => {
+            console.log(this.xinZiXianShi(row));
+          //  return xinZiXianShi(row)
+					},
+
+          
+				},
+				{
+					title: "性别",
+					dataIndex: "gender",
+					key: "gender",
+					ellipsis: true,
+          width:90,
+          customRender: (text, row, index) => {
+            if (text == '女丨') {
+              return '女'
+            }else if (text == '男丨') {
+              return '男'
+            }else{
+              return '男女不限'
+            }
+					},
+				},
+        {
+					title: "年龄",
+					dataIndex: "age",
+					key: "age",
+					ellipsis: true,
+          width:80,
+				},
+        {
+					title: "操作",
+					dataIndex: "cz",
+					key: "cz",
+					ellipsis: true,
+          width:50,
+          scopedSlots: { customRender: 'cz' },
+				},
+			],
+			tableData: [
+				/* 表格数据 */
+			], // 数据源
+		};
+	},
+  watch: {
+    "isModalVisible"(newV, old) {
+      console.log(old, newV);
+      if (newV) {
+        this.getJobList();
+      }
+      // this.getJobList();
+    },
+  },
+  created() {
+    console.log(123);
+		this.getJobList();
+	},
+	methods: {
+    openModal() {
+			this.isModalVisible = true;
+			// 可在此处加载或更新表格数据
+		},
+		confirmModal() {
+			this.isModalVisible = false;
+			// 处理确认逻辑，如保存更改等
+		},
+		cancelModal() {
+			this.isModalVisible = false;
+			// 清理或重置状态
+		},
+    xinZiXianShi(record){
+      console.log(record);
+      console.log("=================");
+      return xinZiXianShi(record)
+    },
+		// 获取工作列表
+		async getJobList() {
+			this.isspinning = true;
+			console.log("this.formvalue", this.formvalue);
+			try {
+				let newdata = {
+					district: "",
+					monthlyPayStr: "",
+					ageStr: "",
+					jobSpecialLabelIds: "",
+					aliasName: "",
+					pageNum: 1,
+					pageSize: 8,
+					total: null, //分页配置
+				};
+				// for (var k in this.formvalue) {
+				// 	// console.log(this.formvalue[k]);
+				// 	if (Array.isArray(this.formvalue[k])) {
+				// 		newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
+				// 	} else {
+				// 		newdata[k] = this.formvalue[k];
+				// 	}
+				// }
+				// console.log(newdata);
+				// debugger;
+				// console.log(this.isLogin);
+				// if (this.isLogin) {
+					const { data } = await JobListApi(newdata);
+					console.log("data", data);
+					if (data.status === 200) {
+						this.tableData = disposeJobListData(data.data.pageBean.recordList);
+						this.formvalue.total = data.data.pageBean.recordCount;
+					} else {
+						this.$message.info("数据获取失败");
+					}
+				// }
+				// this.totop();
+				//  = data.data.recordList;
+				// console.log(this.formvalue);
+			} catch (error) {
+				console.log(error);
+			}
+			this.isspinning = false;
+		},
+	},
+};
+</script>
+
+<style></style>
diff --git a/src/style/index.css b/src/style/index.css
new file mode 100644
index 0000000..b8ed346
--- /dev/null
+++ b/src/style/index.css
@@ -0,0 +1,967 @@
+@import "//at.alicdn.com/t/c/font_3135652_nd5ivglbv4.css";
+@font-face {
+  font-family: "DingTalk";
+  /* 这里的字体名称是自定义的 */
+  src: url("../assets/fonts/DingTalk\ Sans.ttf");
+  /* 服务器上ttf文件的路径，记得配置域名权限 */
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+.lNum {
+  opacity: 1;
+  font-size: 32px;
+  font-weight: 400;
+  text-align: right;
+  color: #fff;
+  line-height: 39px;
+  font-family: "DingTalk";
+}
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+blockquote,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+pre,
+form,
+fieldset,
+legend,
+button,
+input,
+textarea,
+th,
+td,
+div {
+  margin: 0;
+  padding: 0;
+  color: #333;
+  font-family: PingFangSC, PingFangSC-Regular;
+}
+body,
+button,
+input,
+select,
+textarea {
+  font-family: PingFangSC, PingFangSC-Regular;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+}
+address,
+cite,
+dfn,
+em,
+var {
+  font-style: normal;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: couriernew, courier, monospace;
+}
+small {
+  font-size: 12px;
+}
+ul,
+ol {
+  list-style: none;
+}
+a {
+  color: inherit;
+  text-decoration: none;
+}
+a:hover {
+  color: inherit;
+  text-decoration: none;
+}
+sup {
+  vertical-align: text-top;
+}
+sub {
+  vertical-align: text-bottom;
+}
+legend {
+  color: #000;
+}
+fieldset,
+img {
+  border: 0;
+}
+button,
+input,
+select,
+textarea {
+  font-size: 100%;
+}
+button {
+  cursor: pointer;
+}
+button:focus-visible {
+  outline: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+:root {
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+body {
+  padding: 0;
+  background-color: #fff;
+  font-size: 18px;
+}
+i {
+  font-style: normal;
+}
+.br8 {
+  border-radius: 8px;
+}
+.br6 {
+  border-radius: 6px;
+}
+.br4 {
+  border-radius: 4px;
+}
+.dil {
+  display: inline;
+}
+.cf4 {
+  color: #ff4400;
+}
+.dib {
+  display: inline-block;
+}
+.fw600 {
+  font-weight: 500;
+}
+.fl {
+  float: left;
+}
+.fr {
+  float: right;
+}
+.clb {
+  clear: both;
+}
+.tl {
+  text-align: left;
+}
+.tr {
+  text-align: right;
+}
+.tc,
+.center {
+  text-align: center;
+}
+.f14 {
+  font-size: 14px !important;
+}
+.f14s {
+  font-size: 14px;
+}
+.ml8 {
+  margin-left: 8px;
+}
+.ml24 {
+  margin-left: 24px;
+}
+.m16 {
+  margin: 16px;
+}
+.mr16 {
+  margin-right: 16px !important;
+}
+.ml16 {
+  margin-left: 16px !important;
+}
+.m0 {
+  margin: 0 !important;
+}
+.m016 {
+  margin: 0 16px;
+}
+.m010 {
+  margin: 0 10px;
+}
+.m160 {
+  margin: 16px 0;
+}
+.mr0 {
+  margin-right: 0px !important;
+}
+.mr4 {
+  margin-right: 4px;
+}
+.mr8 {
+  margin-right: 8px;
+}
+.mr12 {
+  margin-right: 12px;
+}
+.mt8 {
+  margin-top: 8px;
+}
+.mb8 {
+  margin-bottom: 8px;
+}
+.mb4 {
+  margin-bottom: 4px;
+}
+.mb2 {
+  margin-bottom: 2px;
+}
+.p0 {
+  padding: 0 !important;
+}
+.pr16 {
+  padding-right: 16px;
+}
+.tac {
+  text-align: center;
+}
+.pl16 {
+  padding-left: 16px;
+}
+.pb12 {
+  padding-bottom: 12px;
+}
+.pb15 {
+  padding-bottom: 15px;
+}
+.pb4 {
+  padding-bottom: 4px;
+}
+.p08 {
+  padding: 0 8px;
+}
+.p012 {
+  padding: 0 12px !important;
+}
+.p016 {
+  padding: 0 16px;
+}
+.mt6 {
+  margin-top: 6px;
+}
+.p160 {
+  padding: 16px 0;
+}
+.p1612 {
+  padding: 16px 12px;
+}
+.ml10 {
+  margin-left: 10px;
+}
+.ml12 {
+  margin-left: 12px;
+}
+.mr10 {
+  margin-right: 10px;
+}
+.ml6 {
+  margin-left: 6px;
+}
+.ml4 {
+  margin-left: 4px !important;
+}
+.mr6 {
+  margin-right: 6px;
+}
+.mr14 {
+  margin-right: 14px;
+}
+.ml14 {
+  margin-left: 14px;
+}
+.mt10 {
+  margin-top: 10px;
+}
+.ml22 {
+  margin-left: 22px;
+}
+.ml24 {
+  margin-left: 24px;
+}
+.mb10 {
+  margin-bottom: 10px;
+}
+.mb12 {
+  margin-bottom: 12px;
+}
+.mb6 {
+  margin-bottom: 6px;
+}
+.mb16 {
+  margin-bottom: 16px;
+}
+.mb32 {
+  margin-bottom: 32px;
+}
+.pl8 {
+  padding-left: 8px;
+}
+.pl32 {
+  padding-left: 32px !important;
+}
+.pr8 {
+  padding-right: 8px;
+}
+.pt8 {
+  padding-top: 8px;
+}
+.pt12 {
+  padding-top: 12px;
+}
+.letter0 {
+  letter-spacing: 0;
+}
+.mb40 {
+  margin-bottom: 40px;
+}
+.pb8 {
+  padding-bottom: 8px;
+}
+.mb0 {
+  margin-bottom: 0;
+}
+.p16 {
+  padding: 16px;
+}
+.border1 {
+  border: 1px solid #eee;
+}
+.bb1 {
+  border-bottom: 1px solid #eee;
+}
+.br1 {
+  border-right: 1px solid #eee;
+}
+.bt1 {
+  border-top: 1px solid #eee;
+}
+.bl1 {
+  border-left: 1px solid #eee;
+}
+.bbd1 {
+  border-bottom: 1px dotted #eee;
+}
+.brd1 {
+  border-right: 1px dotted #eee;
+}
+.btd1 {
+  border-top: 1px dotted #eee;
+}
+.bld1 {
+  border-left: 1px dotted #eee;
+}
+.f6 {
+  font-size: 6px;
+}
+.f10 {
+  font-size: 10px !important;
+}
+.f22 {
+  font-size: 22px;
+}
+.f12 {
+  font-size: 12px !important;
+}
+.f14 {
+  font-size: 14px;
+}
+.f16 {
+  font-size: 16px !important;
+}
+.f18 {
+  font-size: 18px;
+}
+.f20 {
+  font-size: 20px;
+}
+.f22 {
+  font-size: 22px;
+}
+.f24 {
+  font-size: 24px;
+}
+.f26 {
+  font-size: 26px;
+}
+.f32 {
+  font-size: 32px !important;
+}
+.f36 {
+  font-size: 36px !important;
+}
+.f56 {
+  font-size: 56px !important;
+}
+.f64 {
+  font-size: 64px !important;
+}
+.f320 {
+  font-size: 320px !important;
+}
+.c3 {
+  color: #333;
+}
+.cf40 {
+  color: #f40;
+}
+.c6 {
+  color: #666;
+}
+.c9 {
+  color: #999;
+}
+.cccc {
+  color: #cccccc;
+}
+.cblue {
+  color: #1890ff;
+}
+.fsa {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.fss {
+  display: flex;
+  align-items: center;
+  justify-content: start;
+}
+.fse {
+  display: flex;
+  align-items: center;
+  justify-content: end;
+}
+.fsc {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.fcsc {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.middle {
+  position: relative;
+  left: 50%;
+  transform: translateX(-40%);
+}
+.setMiddle {
+  margin-left: 50%;
+  transform: translateX(-50%);
+}
+.setH {
+  transform: translate(-50%, 50%);
+}
+.flex1 {
+  flex: 1;
+}
+.dn {
+  display: none;
+}
+.esl {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+.bodyContainer {
+  padding: 16px;
+  min-height: calc(100vh - 194px);
+  background-color: #fff;
+}
+.dpib {
+  white-space: nowrap;
+  display: inline-block;
+  overflow: hidden;
+}
+.w100 {
+  width: 100%;
+}
+.curp {
+  cursor: pointer;
+}
+.por {
+  position: relative;
+}
+.poa {
+  position: absolute;
+}
+.svg_icon {
+  width: 1em;
+  height: 1em;
+  overflow: hidden;
+  display: inline-block;
+  vertical-align: middle;
+  min-width: 30px;
+  text-align: center;
+  font-size: 20px;
+  font-weight: normal;
+  margin-right: 2px;
+}
+.svg {
+  width: 1em;
+  height: 1em;
+  overflow: hidden;
+  display: inline-block;
+  vertical-align: middle;
+  text-align: center;
+  font-weight: normal;
+  margin-right: 2px;
+}
+.w {
+  width: 1200px;
+  min-width: 1200px;
+  margin: 0 auto;
+}
+.mb12 {
+  margin-bottom: 12px;
+}
+.mt20 {
+  margin-top: 20px;
+}
+.mt48 {
+  margin-top: 48px;
+}
+.mt60 {
+  margin-top: 60px;
+}
+.titlestyle {
+  font-size: 16px;
+  font-weight: 600;
+  color: #333;
+}
+.nobd {
+  border-left-color: transparent !important;
+  border-right-color: transparent !important;
+  border-top: none !important;
+  border-bottom: none !important;
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+.ant-calendar-picker-container-content {
+  margin-top: 3px;
+}
+.ant-calendar-picker {
+  border-color: #d9d9d9 !important;
+}
+.ant-calendar-picker:hover .ant-calendar-picker-input {
+  border-color: #d9d9d9 !important;
+}
+.ant-calendar-picker:focus .ant-calendar-picker-input {
+  border-color: #d9d9d9 !important;
+}
+.ant-breadcrumb .ant-breadcrumb-link a:hover {
+  color: #ff4400;
+}
+.pagecontainer.f40 {
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  margin-bottom: 30px;
+  margin-top: 15px;
+}
+.pagecontainer.f40 .ant-pagination-item-container .ant-pagination-item-link-icon {
+  color: #ff4400;
+}
+.pagecontainer.f40 .ant-pagination-options-quick-jumper {
+  margin-left: 10px;
+  font-size: 14px;
+}
+.pagecontainer.f40 .ant-pagination-disabled a:hover {
+  color: #c5c5c5 !important;
+}
+.pagecontainer.f40 .ant-pagination-next:focus .ant-pagination-item-link,
+.pagecontainer.f40 .ant-pagination-prev:focus .ant-pagination-item-link {
+  color: #000000a6;
+}
+.pagecontainer.f40 .ant-pagination-next:hover .ant-pagination-item-link,
+.pagecontainer.f40 .ant-pagination-prev:hover .ant-pagination-item-link {
+  color: #ff4400;
+}
+.pagecontainer.f40 input[type="text"] {
+  box-shadow: none;
+  background-color: #fff;
+  border-color: #ddd;
+  border-radius: 6px;
+}
+.pagecontainer.f40 input[type="text"]:focus {
+  border: 1px solid #ff4400;
+}
+.pagecontainer.f40 input[type="text"]:hover {
+  border: 1px solid #ff4400;
+}
+.pagecontainer.f40 .ant-pagination-item {
+  border: none;
+  border-radius: 6px;
+  line-height: 32px;
+}
+.pagecontainer.f40 .ant-pagination-item a:hover {
+  color: #ff4400;
+}
+.pagecontainer.f40 .ant-pagination-item-active {
+  background: #ff4400;
+}
+.pagecontainer.f40 .ant-pagination-item-active a {
+  color: white;
+}
+.pagecontainer.f40 .ant-pagination-item-active a:hover {
+  color: white;
+}
+.pagecontainer.f40 .ant-pagination-item-link {
+  border: none;
+}
+.ant-cascader-menus.monthlypay,
+.ant-cascader-menus.agestr,
+.ant-cascader-menus.gender {
+  width: 100vw;
+  margin: 0 auto;
+  top: 45px !important;
+  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
+  transition: none !important;
+}
+.ant-cascader-menus.monthlypay .ant-cascader-menu,
+.ant-cascader-menus.agestr .ant-cascader-menu,
+.ant-cascader-menus.gender .ant-cascader-menu {
+  height: auto;
+  width: 100%;
+}
+.ant-cascader-menus.monthlypay .ant-cascader-menu .ant-cascader-menu-item,
+.ant-cascader-menus.agestr .ant-cascader-menu .ant-cascader-menu-item,
+.ant-cascader-menus.gender .ant-cascader-menu .ant-cascader-menu-item {
+  width: 100%;
+  text-align: left;
+  padding-left: calc((100vw - 1200px) / 2) !important;
+}
+.ant-cascader-menus.monthlypay .ant-cascader-menu .ant-cascader-menu-item:hover,
+.ant-cascader-menus.agestr .ant-cascader-menu .ant-cascader-menu-item:hover,
+.ant-cascader-menus.gender .ant-cascader-menu .ant-cascader-menu-item:hover {
+  background-color: rgba(255, 106, 0, 0.1);
+  color: #ff6a00;
+}
+.ant-cascader-menus.slide-up-leave-active {
+  animation: none !important;
+  transition: none !important;
+}
+.ant-cascader-menus.slide-up-enter-active {
+  animation: none !important;
+  transition: none !important;
+}
+.ant-cascader-menus.slide-up-leave {
+  transition: none !important;
+  animation: none !important;
+}
+.ant-cascader-menus.slide-up-enter {
+  animation: none !important;
+  transition: none !important;
+}
+.ant-cascader-menus.flitercity {
+  left: calc((100vw - 1216px) / 2) !important;
+  top: 45px !important;
+  border-radius: 0 0 4px 4px !important;
+  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
+}
+.ant-cascader-menus.flitercity .ant-cascader-menu {
+  height: 500px;
+}
+.ant-cascader-menus.flitercity .ant-cascader-menu .ant-cascader-menu-item {
+  width: 100%;
+  text-align: left;
+}
+.ant-cascader-menus.flitercity .ant-cascader-menu .ant-cascader-menu-item:hover {
+  background-color: rgba(255, 106, 0, 0.1);
+  color: #ff6a00;
+}
+.logindropdown .loginbox:not(.backTable) {
+  overflow: hidden;
+  background-color: #fff;
+  border-radius: 4px;
+  text-align: center;
+  box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.4);
+  padding: 4px;
+}
+.logindropdown .loginbox:not(.backTable) > div {
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 1px solid #eee;
+}
+.logindropdown .loginbox:not(.backTable) > a > div {
+  display: flex;
+  padding: 12px 0;
+  font-size: 14px;
+  line-height: 24px;
+  justify-content: space-between;
+}
+.logindropdown .loginbox:not(.backTable) > a > div span {
+  line-height: 24px;
+}
+.logindropdown .loginbox:not(.backTable) > a > div span i {
+  font-size: 18px;
+  margin-right: 5px;
+  vertical-align: baseline;
+}
+.logindropdown .loginbox:not(.backTable) button {
+  width: 126px;
+  height: 32px;
+  margin-top: 12px;
+  border: 1px solid rgba(77, 87, 94, 0.1);
+  border-radius: 17px;
+  color: #ff4400;
+  font-size: 14px;
+  line-height: 32px;
+  background-color: #fff;
+  cursor: pointer;
+}
+.loginbox.backTable {
+  width: 180px;
+  overflow: hidden;
+  background-color: #fff;
+  border-radius: 4px;
+  text-align: center;
+  box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.4);
+  padding: 0 12px 10px 16px;
+}
+.loginbox.backTable > div {
+  padding: 16px;
+  text-align: center;
+  font-size: 16px;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+}
+.loginbox.backTable > a > div {
+  display: flex;
+  padding: 12px 0;
+  font-size: 14px;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #eee;
+}
+.loginbox.backTable > a > div:hover {
+  color: #1890ff;
+}
+.loginbox.backTable > a > div span {
+  line-height: 24px;
+}
+.loginbox.backTable > a > div span i {
+  font-size: 18px;
+  margin-right: 5px;
+  vertical-align: baseline;
+}
+.loginbox.backTable button {
+  width: 130px;
+  height: 32px;
+  margin-top: 12px;
+  border: 1px solid rgba(77, 87, 94, 0.1);
+  border-radius: 17px;
+  color: #1890ff;
+  font-size: 14px;
+  line-height: 30px;
+  background-color: #fff;
+  cursor: pointer;
+}
+.loginbox.backTable button:hover {
+  border: 1px solid #1890ff;
+}
+.beforeblock {
+  display: inline-block;
+  vertical-align: middle;
+  margin-top: -4px;
+  width: 4px;
+  height: 20px;
+  margin-right: 8px;
+  background: #ff4400;
+}
+h1.bottombox,
+p.bottombox {
+  position: relative;
+  text-align: center;
+  font-weight: 600;
+  font-size: 16px;
+  padding: 12px 0;
+  color: #ff4400;
+  background-color: #fee9e1;
+}
+h1.bottombox::after,
+p.bottombox::after {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 240px;
+  height: 1px;
+  bottom: 0;
+  left: 0;
+  background-color: #eeefef;
+}
+.ant-cascader-menu::-webkit-scrollbar,
+.ant-modal-body::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 7px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 4px;
+}
+.ant-cascader-menu::-webkit-scrollbar-thumb,
+.ant-modal-body::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  border-radius: 5px;
+  -webkit-box-shadow: inset 0 0 5px rgba(126, 126, 126, 0.06);
+  background: rgba(0, 0, 0, 0.1);
+}
+.ant-cascader-menu::-webkit-scrollbar-track,
+.ant-modal-body::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  -webkit-box-shadow: inset 0 0 5px rgba(112, 112, 112, 0.06);
+  border-radius: 0;
+  background: rgba(0, 0, 0, 0.1);
+}
+.f40 .ant-select-dropdown-menu-item-active,
+.f40 .ant-select-dropdown-menu-item-selected {
+  color: #ff4400 !important;
+  font-weight: normal;
+  background-color: rgba(255, 106, 0, 0.1) !important;
+}
+.ant-breadcrumb {
+  margin-top: 12px;
+}
+.ant-breadcrumb .ant-breadcrumb-link {
+  cursor: default;
+}
+@media screen and (max-width: 1910px) {
+  .loginlogo {
+    margin: 40px auto !important;
+  }
+}
+.ant-spin-dot-item {
+  background-color: #fda21d;
+}
+.ant-spin-text {
+  color: #fda21d;
+}
+.ant-popover .ant-popover-content .ant-popover-inner-content {
+  position: relative;
+  width: 600px;
+  white-space: pre-wrap !important;
+}
+.ant-popover .ant-popover-content .ant-popover-inner-content > div {
+  position: absolute;
+  width: 44px;
+  height: 22px;
+  right: 10px;
+  top: 10px;
+  border: 1px solid #ff4400;
+  color: #ff4400;
+  border-radius: 999px;
+  line-height: 22px;
+  text-align: center;
+  cursor: pointer;
+}
+.ant-popover .ant-popover-content .ant-popover-inner-content > div:hover {
+  background-color: #ff4400;
+  color: #fff;
+}
+.xiangdan .ant-modal-content {
+  width: 600px;
+  max-height: calc(100vh - 40px);
+}
+.xiangdan .ant-modal-content .ant-modal-body {
+  padding-top: 36px;
+  position: relative;
+  min-height: 480px;
+  white-space: pre-wrap !important;
+}
+.xiangdan .ant-modal-content .ant-modal-body .copy {
+  position: absolute;
+  padding: 0px 12px;
+  right: 20px;
+  top: 7px;
+  font-size: 14px;
+  border: 1px solid #ff4400;
+  color: #ff4400;
+  border-radius: 5px;
+  line-height: 22px;
+  text-align: center;
+  cursor: pointer;
+}
+.xiangdan .ant-modal-content .ant-modal-body .copy:hover {
+  color: #fff;
+  background-color: #ff4400;
+}
+.f40 .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
+  background: #ff4400;
+}
+.f40 .ant-calendar-date:hover {
+  border-color: #ff4400;
+  background-color: #fff;
+  color: #ff4400;
+}
+.f40 .ant-calendar-today .ant-calendar-date {
+  background-color: #ff4400;
+  border-color: #ff4400;
+  color: #fff;
+}
+.f40 .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
+.f40 .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
+  background-color: #ff4400;
+  border-color: #ff4400;
+  color: #fff;
+}
+.f40 .ant-calendar-range .ant-calendar-in-range-cell::before {
+  background: #fff3ef;
+}
+.f40 .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
+.f40 .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
+  background: #ff4400;
+}
+.f40 .ant-calendar-header a:hover {
+  color: #ff4400;
+}
+.f40 .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover,
+.f40 .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
+.f40 .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,
+.f40 .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover,
+.f40 .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
+  background: #ff4400;
+}
+.f40 .ant-calendar-month-panel-month:hover,
+.f40 .ant-calendar-year-panel-year:hover,
+.f40 .ant-calendar-decade-panel-decade:hover {
+  background: #fff3ef;
+}
+.ant-select-selection:active {
+  box-shadow: none;
+}
+.bb1 {
+  border-bottom: 1px solid #ddd;
+}
+.bbdot1 {
+  border-bottom: 1px dashed #ddd;
+}
+.bd1 {
+  border: 1px solid #ddd;
+}
diff --git a/src/style/index.less b/src/style/index.less
index 4f0f683..8dd0a24 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -1,4 +1,4 @@
-@import "http://at.alicdn.com/t/c/font_3135652_nd5ivglbv4.css";
+@import "//at.alicdn.com/t/c/font_3135652_nd5ivglbv4.css";
 @font-face {
 	font-family: "DingTalk"; /* 这里的字体名称是自定义的 */
 	src: url("../assets/fonts/DingTalk\ Sans.ttf"); /* 服务器上ttf文件的路径，记得配置域名权限 */