1

src/views/job/jobOpportunitiesDetails.vue

@@ -11,7 +11,7 @@
                                     <a class="cruit_head_a cruit_head_only" title="">招聘信息</a>
                                 </div>
                                 <div class="seek_head_right_box clearfix">
-                                    <span class="seek_head_right_text">更新时间：{{pageData.updated_at}}</span>
+                                    <span class="seek_head_right_text">更新时间：{{ pageData.updated_at }}</span>
                                 </div>
                             </div>
                             <div class="index_1_box clearfix">
@@ -20,11 +20,12 @@
                                 </div>
                                 <div class="cruit_li_2_foot clearfix">
                                     <span class="cruit_li_2_foot_tag cruit_li_2_foot_exper">
-                                        {{pageData.hy_id}}
+                                        {{ pageData.hy_id }}
                                         &gt;
-                                        {{pageData.jtzw_id}}
+                                        {{ pageData.jtzw_id }}
                                     </span>
-                                    <span class="cruit_li_2_foot_tag cruit_li_2_foot_addres">{{pageData.city_arr_id}}</span>
+                                    <span class="cruit_li_2_foot_tag cruit_li_2_foot_addres">{{ pageData.city_arr_id
+                                        }}</span>
                                 </div>
                             </div>
                         </section>
@@ -42,27 +43,27 @@
                                 <div class="demand_ul_2">
                                     <div class="demand_li_2 clearfix">
                                         <div class="demand_li_2_label">工作性质：</div>
-                                        <div class="demand_li_2_text clearfix">{{pageData.nature}}</div>
+                                        <div class="demand_li_2_text clearfix">{{ pageData.nature }}</div>
                                     </div>
                                     <div class="demand_li_2 clearfix">
                                         <div class="demand_li_2_label">工作经验：</div>
-                                        <div class="demand_li_2_text clearfix">{{pageData.experience}}工作经验</div>
+                                        <div class="demand_li_2_text clearfix">{{ pageData.experience }}工作经验</div>
                                     </div>
                                     <div class="demand_li_2 clearfix">
                                         <div class="demand_li_2_label">学历文凭：</div>
-                                        <div class="demand_li_2_text clearfix">{{pageData.education}}</div>
+                                        <div class="demand_li_2_text clearfix">{{ pageData.education }}</div>
                                     </div>
                                     <div class="demand_li_2 clearfix">
                                         <div class="demand_li_2_label">语言选择：</div>
-                                        <div class="demand_li_2_text clearfix">{{pageData.language}}</div>
+                                        <div class="demand_li_2_text clearfix">{{ pageData.language }}</div>
                                     </div>
                                     <div class="demand_li_2 clearfix">
                                         <div class="demand_li_2_label">待遇选项：</div>
-                                        <div class="demand_li_2_text clearfix">{{pageData.salary}}</div>
+                                        <div class="demand_li_2_text clearfix">{{ pageData.salary }}</div>
                                     </div>
                                     <div class="demand_li_2 clearfix">
                                         <div class="demand_li_2_label">截止日期：</div>
-                                        <div class="demand_li_2_text clearfix">{{pageData.due_data}}</div>
+                                        <div class="demand_li_2_text clearfix">{{ pageData.due_data }}</div>
                                     </div>
                                 </div>
                             </div>
@@ -91,11 +92,11 @@
                                 <div class="demand_ul_2">
                                     <div class="demand_li_2 clearfix">
                                         <div class="demand_li_2_label">地址：</div>
-                                        <div class="demand_li_2_text clearfix">{{pageData.address}}</div>
+                                        <div class="demand_li_2_text clearfix">{{ pageData.address }}</div>
                                     </div>
                                     <div class="demand_li_2 clearfix">
                                         <div class="demand_li_2_label">邮箱：</div>
-                                        <div class="demand_li_2_text clearfix">{{pageData.email}}</div>
+                                        <div class="demand_li_2_text clearfix">{{ pageData.email }}</div>
                                     </div>
                                 </div>
                             </div>
@@ -108,15 +109,15 @@
                                 <div class="demand_ul_2">
                                     <div class="demand_li_2 clearfix">
                                         <div class="demand_li_2_label">公司规模：</div>
-                                        <div class="demand_li_2_text clearfix">{{pageData.companySize}}</div>
+                                        <div class="demand_li_2_text clearfix">{{ pageData.companySize }}</div>
                                     </div>
                                     <div class="demand_li_2 clearfix">
                                         <div class="demand_li_2_label">公司性质：</div>
-                                        <div class="demand_li_2_text clearfix">{{pageData.companyNature}}</div>
+                                        <div class="demand_li_2_text clearfix">{{ pageData.companyNature }}</div>
                                     </div>
                                     <div class="demand_li_2 clearfix">
                                         <div class="demand_li_2_label">公司行业：</div>
-                                        <div class="demand_li_2_text clearfix">{{pageData.industry}}</div>
+                                        <div class="demand_li_2_text clearfix">{{ pageData.industry }}</div>
                                     </div>
                                 </div>
                             </div>
@@ -144,40 +145,40 @@ export default {
     data() {
         return {
             tableDivTitle: "职位详情",
-            pageData:{
-                title:'',//职位名称
-                updated_at:'',//更新时间
-                hy_id:'',//行业分类
-                jtzw_id:'',//职业分类
-                city_arr_id:"",//城市id
-                nature:'',//工作性质
-                experience:'',//工作经验
-                education:'',//学历文凭
-                language:'',//语言能力
-                salary:'',//待遇选项
-                due_data:'',//截止日期
-                description:'',//岗位职责
-                jt_description:'',//具体要求
-                address:'',//地址
-                email:'',//邮箱
-                companySize:'',//公司规模
-                companyNature:'',//公司性质
-                industry:'',//公司行业
+            pageData: {
+                title: '',//职位名称
+                updated_at: '',//更新时间
+                hy_id: '',//行业分类
+                jtzw_id: '',//职业分类
+                city_arr_id: "",//城市id
+                nature: '',//工作性质
+                experience: '',//工作经验
+                education: '',//学历文凭
+                language: '',//语言能力
+                salary: '',//待遇选项
+                due_data: '',//截止日期
+                description: '',//岗位职责
+                jt_description: '',//具体要求
+                address: '',//地址
+                email: '',//邮箱
+                companySize: '',//公司规模
+                companyNature: '',//公司性质
+                industry: '',//公司行业
             }
         };
     },
     methods: {
-        returnPage(){
+        returnPage() {
             //返回列表页
             this.$router.push('/jobOpportunities')
         },
         getData() {
             let that = this;
             let id = this.$route.query.id;
-            this.$store.dispatch('job/getJobRecruitingInfo',{id:id}).then(res=> {
+            this.$store.dispatch('job/getJobRecruitingInfo', { id: id }).then(res => {
                 this.pageData.updated_at = res.data.updated_at;//更新时间
                 this.getIndustry(res.data.hy_id)//行业分类
-                this.getPositionList(res.data.zw_id,res.data.jtzw_id)//职业分类
+                this.getPositionList(res.data.zw_id, res.data.jtzw_id)//职业分类
                 this.pageData.city_arr_id = res.data.city//所在城市
                 this.getJobNature(res.data.nature_id)//工作性质
                 this.getExperience(res.data.experience)//获得工作年限
@@ -197,22 +198,22 @@ export default {
         },
         //获得公司行业
         getIndustry(number) {
-            this.$store.dispatch('job/getIndustry').then(res=> {
-                for(let item of res.data){
-                    if(item.hyid == number){
-                        this.pageData.hy_id =  item.hyname
+            this.$store.dispatch('job/getIndustry').then(res => {
+                for (let item of res.data) {
+                    if (item.hyid == number) {
+                        this.pageData.hy_id = item.hyname
                         this.pageData.industry = item.hyname
                     }
                 }
             })
         },
         //获得职业分类
-        getPositionList(zw_id,jtzw_id) {
+        getPositionList(zw_id, jtzw_id) {
             //这里需要传入分类类型id和职业具体id
-            this.$store.dispatch('job/getPositionList',{zwpid:zw_id}).then(res=> {
-                for(let item of res.data){
-                    if(item.zwid == jtzw_id){
-                        this.pageData.jtzw_id =  item.zwname
+            this.$store.dispatch('job/getPositionList', { zwpid: zw_id }).then(res => {
+                for (let item of res.data) {
+                    if (item.zwid == jtzw_id) {
+                        this.pageData.jtzw_id = item.zwname
                     }
                 }
             })
@@ -220,76 +221,76 @@ export default {
         //获得所在城市
         getJobRecruitingArea(city_arr_id) {
             let cityArr = JSON.parse(city_arr_id);
-            this.$store.dispatch('job/getJobRecruitingArea',{id:cityArr[cityArr.length-1]}).then(res=> {
-                this.pageData.city_arr_id =  res.data.city_name
+            this.$store.dispatch('job/getJobRecruitingArea', { id: cityArr[cityArr.length - 1] }).then(res => {
+                this.pageData.city_arr_id = res.data.city_name
             })
         },
         //获得工作性质
         getJobNature(number) {
-            this.$store.dispatch('job/getJobNature',{id:number}).then(res=> {
-                for(let item of res.data){
-                    if(item.evalue == number){
-                        this.pageData.nature =  item.ename
+            this.$store.dispatch('job/getJobNature', { id: number }).then(res => {
+                for (let item of res.data) {
+                    if (item.evalue == number) {
+                        this.pageData.nature = item.ename
                     }
                 }
             })
         },
         //获得工作年限
         getExperience(number) {
-            this.$store.dispatch('job/getExperience').then(res=> {
-                for(let item of res.data){
-                    if(item.evalue == number){
-                        this.pageData.experience =  item.ename
+            this.$store.dispatch('job/getExperience').then(res => {
+                for (let item of res.data) {
+                    if (item.evalue == number) {
+                        this.pageData.experience = item.ename
                     }
                 }
             })
         },
         //获得学历文凭
         getEducation(number) {
-            this.$store.dispatch('job/getEducation').then(res=> {
-                for(let item of res.data){
-                    if(item.evalue == number){
-                        this.pageData.education =  item.ename
+            this.$store.dispatch('job/getEducation').then(res => {
+                for (let item of res.data) {
+                    if (item.evalue == number) {
+                        this.pageData.education = item.ename
                     }
                 }
             })
         },
         //语言选择
         getLanguage(number) {
-            this.$store.dispatch('job/getLanguage').then(res=> {
-                for(let item of res.data){
-                    if(item.evalue == number){
-                        this.pageData.language =  item.ename
+            this.$store.dispatch('job/getLanguage').then(res => {
+                for (let item of res.data) {
+                    if (item.evalue == number) {
+                        this.pageData.language = item.ename
                     }
                 }
             })
         },
         //获得薪资待遇
         getSalary(number) {
-            this.$store.dispatch('job/getSalary').then(res=> {
-                for(let item of res.data){
-                    if(item.evalue == number){
-                        this.pageData.salary =  item.ename
+            this.$store.dispatch('job/getSalary').then(res => {
+                for (let item of res.data) {
+                    if (item.evalue == number) {
+                        this.pageData.salary = item.ename
                     }
                 }
             })
         },
         //获得公司规模
         getCompanySize(number) {
-            this.$store.dispatch('job/getCompanySize').then(res=> {
-                for(let item of res.data){
-                    if(item.evalue == number){
-                        this.pageData.companySize =  item.ename
+            this.$store.dispatch('job/getCompanySize').then(res => {
+                for (let item of res.data) {
+                    if (item.evalue == number) {
+                        this.pageData.companySize = item.ename
                     }
                 }
             })
         },
         //公司性质
         getCompanyNature(number) {
-            this.$store.dispatch('job/getCompanyNature').then(res=> {
-                for(let item of res.data){
-                    if(item.id == number){
-                        this.pageData.companyNature =  item.nature_name
+            this.$store.dispatch('job/getCompanyNature').then(res => {
+                for (let item of res.data) {
+                    if (item.id == number) {
+                        this.pageData.companyNature = item.nature_name
                     }
                 }
             })
@@ -298,6 +299,15 @@ export default {
     mounted() {
         this.getData();
     },
+    watch: {
+        '$route'(to, from) {
+            console.log(from, '---------------------------------------');
+            // 监听路由参数中的 id 变化，若变化则更新页面状态并获取数据
+            if (to.query.id) {
+                this.getData();
+            }
+        },
+    }
 };
 </script>
 
@@ -307,19 +317,23 @@ export default {
     background: #F5F7FB;
     padding: 30px;
 }
+
 .jobDetailsBoxBtnBox {
     text-align: center;
     margin-top: 50px;
     margin-bottom: 30px;
+
     button {
         width: 180px;
         height: 58px;
         font-size: 20px;
     }
 }
+
 .clearfix {
     overflow: hidden;
 }
+
 .clearfix_2::after {
     content: '';
     display: block;
@@ -327,15 +341,19 @@ export default {
     visibility: hidden;
     clear: both;
 }
+
 .hiddenColor {
     visibility: hidden;
 }
+
 .hand {
     cursor: pointer;
 }
+
 .aTag_parent {
     position: relative;
 }
+
 .aTag_parent>a,
 .aTag {
     display: block;
@@ -348,6 +366,7 @@ export default {
     left: 0px;
     background: rgba(0, 0, 0, 0);
 }
+
 .dot1 {
     display: block;
     word-break: keep-all;
@@ -355,29 +374,35 @@ export default {
     overflow: hidden;
     text-overflow: ellipsis;
 }
+
 .dot2 {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
+
 input,
 img {
     border: none;
 }
+
 .cover100 img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
+
 .back100 {
     background-size: 100% 100%;
     background-repeat: no-repeat;
 }
+
 .index_main {
     margin: 0 auto;
 }
+
 .slow_6 {
     -webkit-transition: all .6s;
     -moz-transition: all .6s;
@@ -385,19 +410,24 @@ img {
     -o-transition: all .6s;
     transition: all .6s;
 }
+
 .color_main {
     box-sizing: border-box;
     border: solid 1px #fbfbfb;
 }
+
 .index_1 {
     margin-top: 20px;
 }
+
 .cruit_head_box {
     border-bottom: solid 1px #D9D9D9;
 }
+
 .cruit_head_left {
     float: left;
 }
+
 .cruit_head_a {
     float: left;
     height: 55px;
@@ -408,6 +438,7 @@ img {
     border-bottom: solid 3px rgba(0, 0, 0, 0);
     margin-right: 40px;
 }
+
 .cruit_head_only {
     float: left;
     height: 55px;
@@ -417,6 +448,7 @@ img {
     font-size: 22px;
     border-bottom: solid 3px #5570F1;
 }
+
 .demand_head_box {
     .demand_head_name {
         float: left;
@@ -425,6 +457,7 @@ img {
         margin-top: 30px;
         font-weight: bold;
     }
+
     .demand_head_btn {
         float: right;
         height: 45px;
@@ -438,8 +471,10 @@ img {
         background-size: 18px 18px;
     }
 }
+
 .cruit_li_2_foot {
     margin: 20px 0px 30px;
+
     .cruit_li_2_foot_tag {
         float: left;
         margin-right: 30px;
@@ -451,13 +486,17 @@ img {
         background-size: 24px 100%;
         padding-left: 30px;
     }
+
     .cruit_li_2_foot_addres {
         background-image: url(../../../src/assets/job/local.png);
     }
+
     .cruit_li_2_foot_exper {
         background-image: url(../../../src/assets/job/briefcase.png);
     }
+
     .cruit_li_2_foot_educat {}
+
     .cruit_li_2_foot_tag_in {
         height: 24px;
         line-height: 24px;
@@ -465,10 +504,12 @@ img {
         font-size: 16px;
         float: left;
     }
+
     .cruit_li_2_foot_tag_in:nth-of-type(2) {
         padding-left: 24px;
         position: relative;
     }
+
     .cruit_li_2_foot_tag_in:nth-of-type(2)::after {
         content: '';
         display: block;
@@ -480,6 +521,7 @@ img {
         top: 11px;
     }
 }
+
 .index_2 {
     margin-top: 11px;
 }
@@ -488,24 +530,32 @@ img {
     float: right;
     width: 380px;
 }
+
 .demand_right_2 {
     margin-top: 11px;
 }
+
 .demand_left_1 {}
+
 .demand_left_2 {
     margin-top: 30px;
 }
+
 .demand_left_3 {
     margin-top: 30px;
 }
+
 .demand_left_4 {
     margin-top: 30px;
 }
+
 .demand_left_5 {
     margin-top: 11px;
 }
+
 .demand_ul_1 {
     margin-top: 32px;
+
     .demand_ul_1_a {
         height: 21px;
         line-height: 21px;
@@ -513,19 +563,24 @@ img {
         font-size: 18px;
         margin-bottom: 33px;
     }
+
     .demand_ul_1_a:nth-last-of-type(1) {
         margin-bottom: 0px;
     }
+
     .demand_ul_1_a:hover {
         color: #5570F1;
     }
 }
+
 .demand_ul_2 {
     margin-top: 30px;
+
     .demand_li_2 {
         display: flex;
         margin-bottom: 30px;
     }
+
     .demand_li_2_label {
         word-break: keep-all;
         white-space: nowrap;
@@ -535,36 +590,44 @@ img {
         color: #333;
         font-size: 16px;
     }
+
     .demand_li_2_text {
         line-height: 24px;
         color: #333;
         font-size: 16px;
     }
 }
+
 .demand_article_1 {
     margin-top: 30px;
 }
+
 .demand_li_2:nth-last-of-type(1) {
     margin-bottom: 0px;
 }
+
 .banner_1 {
     height: 90px;
     width: 1200px;
     overflow: hidden;
     margin: 30px auto 0px;
+
     .banner_1_a {
         height: 90px;
         width: 1200px;
         display: block;
     }
+
     .banner_1_img {
         display: block;
         width: 1200px;
     }
 }
+
 .demand_crumb_box {
     height: 22px;
     margin: 30px auto 20px;
+
     .demand_crumb_text {
         display: inline-block;
         height: 22px;
@@ -573,14 +636,17 @@ img {
         font-size: 20px;
         margin-right: 15px;
     }
+
     a.demand_crumb_text:hover {
         color: #5570F1;
     }
 }
+
 .seek_head_right_box {
     float: right;
     margin-top: 19px;
 }
+
 .seek_head_right_text {
     float: left;
     height: 21px;
@@ -589,15 +655,19 @@ img {
     font-size: 16px;
     margin-left: 22px;
 }
+
 @media screen and (min-width:1200px) {
     /*pc_1440*/
     @media screen and (max-width:1440px) {
         /*1200*/
     }
+
     .pc_none {
         display: none;
     }
 }
+
 @media screen and (max-width:599px) {}
+
 @media screen and (max-width:320px) {}
 </style>

src/views/news/jobHuntingApplyDetil.vue

@@ -1330,7 +1330,14 @@ export default {
             },
             deep: true // 深度监听数组内部对象的变化
         }
-    }
+    },
+    '$route'(to, from) {
+        console.log(from, '---------------------------------------');
+        // 监听路由参数中的 id 变化，若变化则更新页面状态并获取数据
+        if (to.query.id) {
+            this.getMainData();
+        }
+    },
 };
 </script>
 <style scoped lang="less">
@@ -1345,36 +1352,45 @@ export default {
     border-radius: 4px;
     z-index: 222;
 }
+
 .menu-item {
     cursor: pointer;
     margin-bottom: 5px;
     font-size: 14px;
 }
+
 .menu-item:hover {
     color: #409eff;
 }
+
 //执行v-deep穿透scope选择器 start------------------------------------------------------------>*/
 ::v-deep .custom-form-item>.el-form-item__label {
     line-height: 140px !important;
 }
+
 ::v-deep .custom-textarea .el-textarea__inner {
     resize: none;
     /* 禁止用户拖拽调整大小 */
 }
+
 ::v-deep .custom-align-right .el-form-item__label {
     text-align: right;
     /* 设置标签文字右对齐 */
 }
+
 ::v-deep .el-select {
     width: 100%;
     /* 禁止用户拖拽调整大小 */
 }
+
 ::v-deep .el-input-group__prepend {
     color: black !important;
 }
+
 .formLabelFloatBox {
     margin-bottom: 10px;
     position: relative;
+
     .formLabeladdIcon {
         position: absolute;
         right: 45px;
@@ -1382,6 +1398,7 @@ export default {
         width: 38px;
         height: 24px;
     }
+
     .formLabelDelIcon {
         position: absolute;
         right: 5px;
@@ -1390,17 +1407,21 @@ export default {
         height: 24px;
     }
 }
+
 //执行v-deep穿透scope选择器 end------------------------------------------------------------>*/
 .job_color_box {
     background: #F5F7FB;
     margin: 0px auto;
     padding: 0px 30px;
 }
+
 .seek_head_box {
     border-bottom: solid 1px #D9D9D9;
+
     .seek_head_left {
         float: left;
     }
+
     .seek_head_a {
         float: left;
         height: 55px;
@@ -1411,6 +1432,7 @@ export default {
         border-bottom: solid 3px rgba(0, 0, 0, 0);
         margin-right: 40px;
     }
+
     .seek_head_only {
         float: left;
         height: 55px;
@@ -1420,10 +1442,12 @@ export default {
         font-size: 22px;
         border-bottom: solid 3px #5570F1;
     }
+
     .seek_head_right_box {
         float: right;
         margin-top: 19px;
     }
+
     .seek_head_right_text {
         float: left;
         height: 21px;
@@ -1433,14 +1457,17 @@ export default {
         margin-left: 22px;
     }
 }
+
 .index_1_left {
     float: left;
     width: 70%;
 }
+
 .index_1_right {
     float: right;
     width: 28%;
 }
+
 .index_1_right_img {
     float: right;
     width: 130px;
@@ -1448,12 +1475,15 @@ export default {
     margin-top: 28px;
     opacity: .6;
 }
+
 .seek_introduce_box {
     .seek_introduce_left {
         float: left;
         width: 77%;
     }
+
     .seek_introduce_head {}
+
     .seek_introduce_h4 {
         height: 37px;
         line-height: 37px;
@@ -1462,6 +1492,7 @@ export default {
         margin-right: 15px;
         float: left;
     }
+
     .seek_introduce_tag {
         float: left;
         height: 25px;
@@ -1475,6 +1506,7 @@ export default {
         border-radius: 3px;
         margin: 10px 5px 0px 0px;
     }
+
     .seek_introduce_text {
         height: 25px;
         line-height: 25px;
@@ -1483,10 +1515,13 @@ export default {
         margin-top: 10px;
         float: left;
     }
+
     .seek_introduce_num {
         color: #9CD26B;
     }
+
     .seek_introduce_title_box {}
+
     .seek_introduce_label {
         margin-right: 11px;
         line-height: 21px;
@@ -1494,6 +1529,7 @@ export default {
         font-size: 16px;
         font-weight: bold;
     }
+
     .seek_introduce_title {
         margin-right: 40px;
         line-height: 21px;
@@ -1502,8 +1538,10 @@ export default {
         font-weight: bold;
     }
 }
+
 .seek_introduce_foot {
     margin-top: 32px;
+
     .seek_introduce_foot_text {
         height: 16px;
         line-height: 16px;
@@ -1514,23 +1552,29 @@ export default {
         margin-right: 10px;
         border-right: solid 1px #999;
     }
+
     .seek_introduce_foot_text:nth-last-of-type(1) {
         border: 0px;
     }
 }
+
 .index_2 {
     margin-top: 15px;
 }
+
 .seek_article {
     margin-top: 33px;
 }
+
 .index_3 {
     margin-top: 15px;
 }
+
 .seek_in {
     .seek_in_head {
         margin: 31px 0px 10px;
     }
+
     .seek_in_head_text {
         float: left;
         height: 35px;
@@ -1539,16 +1583,19 @@ export default {
         font-size: 18px;
         margin-right: 40px;
     }
+
     .seek_in_head_text:nth-last-of-type(1) {
         margin-right: 0px;
         float: right;
     }
 }
+
 .seek_in_ul {
     .seek_in_li {
         display: flex;
         margin-bottom: 10px;
     }
+
     .seek_in_label {
         font-weight: 500;
         height: 35px;
@@ -1558,35 +1605,44 @@ export default {
         word-break: keep-all;
         white-space: nowrap;
     }
+
     .seek_in_li_text {
         height: 35px;
         line-height: 35px;
         color: #333;
         font-size: 18px;
     }
+
     .seek_in_li:nth-last-of-type(1) {
         margin-bottom: 0px;
     }
 }
+
 .index_4 {
     margin-top: 13px;
 }
+
 .index_5 {
     margin-top: 13px;
 }
+
 .index_5 .seek_in {
     margin-top: 33px;
 }
+
 .index_6 {
     margin-top: 13px;
 }
+
 .index_6 .seek_in {
     margin: 33px auto;
 }
+
 .seek_article_2 {
     color: #333;
     font-size: 18px;
 }
+
 .job_foot_btn {
     float: none;
     display: block;