diff --git a/src/assets/banner1.png b/src/assets/banner1.png
index 51abe5e..a90bebd 100644
Binary files a/src/assets/banner1.png and b/src/assets/banner1.png differ
diff --git a/src/assets/banner2.png b/src/assets/banner2.png
index 62e5263..434c3e5 100644
Binary files a/src/assets/banner2.png and b/src/assets/banner2.png differ
diff --git a/src/assets/banner3.png b/src/assets/banner3.png
index a018473..8d36b8c 100644
Binary files a/src/assets/banner3.png and b/src/assets/banner3.png differ
diff --git a/src/components/FirstJob/components/recommend.vue b/src/components/FirstJob/components/recommend.vue
index 23e4b30..bff4e59 100644
--- a/src/components/FirstJob/components/recommend.vue
+++ b/src/components/FirstJob/components/recommend.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="recommend-container">
     <div class="recommendposition" :class="isdetail ? 'showborder' : ''">
-      <h1 class="bottombox"><i>推荐职位</i></h1>
+      <h1 class="bottombox" style="text-align: center"><i>推荐职位</i></h1>
       <div style="text-align: center">
         <a-spin tip="加载中..." :spinning="isspinning"> </a-spin>
       </div>
diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index 856a695..e9381e0 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -209,8 +209,8 @@ export default {
       .subsetleft {
         display: flex;
         .imgbox {
-          width: 328px;
-          height: 245px;
+          width: 409px;
+          height: 230px;
           margin-right: 20px;
           overflow: hidden;
           position: relative;
@@ -224,8 +224,8 @@ export default {
           // }
           img {
             position: absolute;
-            width: 100%;
-            height: 100%;
+            // width: 100%;
+            height: 230px;
             // top: 50%;
             // left: 50%;
             left: 0;
@@ -239,7 +239,7 @@ export default {
           .ant-carousel {
             .slick-slide {
               text-align: center;
-              height: 270px;
+              height: 230px;
               // height: 160px;
               // line-height: 160px;
               background: #364d79;
@@ -275,7 +275,10 @@ export default {
             font-weight: 600;
             text-align: left;
             color: #4d575e;
-            line-height: 30px;
+            line-height: 20px;
+            &:hover {
+              color: #ff6a00;
+            }
           }
           .jobinfo {
             margin-top: 16px;
@@ -284,47 +287,48 @@ export default {
             font-weight: 400;
             text-align: left;
             color: #4d575e;
-            line-height: 22px;
+            line-height: 20px;
           }
           .jobtag {
-            margin-top: 16px;
+            margin-top: 14px;
+            text-align: left;
             span:first-child {
               color: #ff6a00;
-              background: rgba(254, 97, 0, 0.06);
+              background: rgba(254, 97, 0, 0.1);
             }
             span {
               margin-right: 8px;
               font-size: 16px;
-              padding: 2px 14px;
-              text-align: left;
+              padding: 2px 10px;
               background: rgba(51, 51, 51, 0.06);
               border-radius: 4px;
             }
           }
           .jobpricemonth {
             margin-top: 16px;
-            font-size: 18px;
+            font-size: 16px;
+            font-weight: 400;
             text-align: left;
             color: #4d575e;
             line-height: 22px;
           }
           .jobpricehour {
-            margin-top: 20px;
-            font-size: 18px;
+            margin-top: 16px;
+            font-size: 16px;
             font-weight: bold;
             text-align: left;
             color: #ff6a00;
-            line-height: 18px;
+            // line-height: 24px;
             span {
-              vertical-align: bottom;
-              font-size: 24px;
-              line-height: 18px;
+              vertical-align: baseline;
+              font-size: 20px;
+              line-height: 24px;
             }
           }
           .billbutton {
             display: flex;
             justify-content: flex-start;
-            margin-top: 20px;
+            margin-top: 15px;
             span {
               padding: 0 16px;
               height: 36px;
@@ -349,6 +353,87 @@ export default {
             }
           }
         }
+        // .jobinfobox {
+        //   .jobname {
+        //     // margin: 12px 0;
+        //     font-size: 20px;
+        //     font-weight: 600;
+        //     text-align: left;
+        //     color: #4d575e;
+        //     line-height: 30px;
+        //   }
+        //   .jobinfo {
+        //     margin-top: 16px;
+        //     opacity: 0.5;
+        //     font-size: 16px;
+        //     font-weight: 400;
+        //     text-align: left;
+        //     color: #4d575e;
+        //     line-height: 22px;
+        //   }
+        //   .jobtag {
+        //     margin-top: 16px;
+        //     span:first-child {
+        //       color: #ff6a00;
+        //       background: rgba(254, 97, 0, 0.06);
+        //     }
+        //     span {
+        //       margin-right: 8px;
+        //       font-size: 16px;
+        //       padding: 2px 14px;
+        //       text-align: left;
+        //       background: rgba(51, 51, 51, 0.06);
+        //       border-radius: 4px;
+        //     }
+        //   }
+        //   .jobpricemonth {
+        //     margin-top: 16px;
+        //     font-size: 18px;
+        //     text-align: left;
+        //     color: #4d575e;
+        //     line-height: 22px;
+        //   }
+        //   .jobpricehour {
+        //     margin-top: 20px;
+        //     font-size: 18px;
+        //     font-weight: bold;
+        //     text-align: left;
+        //     color: #ff6a00;
+        //     line-height: 18px;
+        //     span {
+        //       vertical-align: bottom;
+        //       font-size: 24px;
+        //       line-height: 18px;
+        //     }
+        //   }
+        //   .billbutton {
+        //     display: flex;
+        //     justify-content: flex-start;
+        //     margin-top: 20px;
+        //     span {
+        //       padding: 0 16px;
+        //       height: 36px;
+        //       margin-right: 20px;
+        //       border-radius: 4px;
+        //       background-color: rgba(254, 97, 0, 0.1);
+        //       font-size: 18px;
+        //       font-weight: bold;
+        //       color: #ff6a00;
+        //       line-height: 34px;
+        //     }
+        //     button {
+        //       width: 160px;
+        //       // padding: 0 16px;
+        //       height: 36px;
+        //       border: none;
+        //       background-color: #ff6a00;
+        //       color: #fff;
+        //       font-weight: bold;
+        //       font-size: 18px;
+        //       border-radius: 4px;
+        //     }
+        //   }
+        // }
       }
     }
     .jobinformationbox {
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index 4bb58b5..528670b 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -1,23 +1,10 @@
 <template>
   <div class="joblist-container">
-    <div class="searchbox">
+    <!-- <div class="searchbox">
       <div class="w">
-        <span
-          ><router-link to="/list"><h1 class="logo"></h1></router-link
-        ></span>
-        <span>
-          <a-input-search
-            placeholder="企业/公司"
-            enter-button="搜索"
-            @keyup.enter="onSearch"
-            @search="onSearch"
-            @input="resetsearch"
-            class="searchinput"
-            ><i slot="prefix" class="iconfont icon-sousuo"></i
-          ></a-input-search>
-        </span>
+        <span></span>
       </div>
-    </div>
+    </div> -->
     <!-- 筛选导航 -->
     <div class="navigation">
       <div class="w">
@@ -100,6 +87,17 @@
             >
           </li>
         </ul>
+        <span>
+          <a-input
+            placeholder="搜索企业/公司"
+            @keyup.enter="onSearch"
+            @search="onSearch"
+            @input="resetsearch"
+            class="searchinput"
+            ><i slot="prefix" class="iconfont icon-sousuo"></i>
+            <button slot="suffix">搜索</button>
+          </a-input>
+        </span>
       </div>
     </div>
     <!-- 主体部分 -->
@@ -325,36 +323,44 @@ export default {
         // 筛选列表数据处理
         // if(e.city !== undefined){
         if (e.district.length === 0) {
-          document.getElementById("city").style.width = 105 + "px";
+          document.getElementById("city").style.width = 95 + "px";
         } else {
           const result = e.district.join("");
           console.log(result);
           if (result.length > 6) {
             document.getElementById("city").style.width =
-              (result.length + 4) * 18 + "px";
+              (result.length + 3) * 18 + "px";
+            document.getElementById("city").style.maxWidth = "250px";
             document.querySelector("#city").nextElementSibling.style.width = // 获取下一个兄弟元素s
-              (result.length + 4) * 18 + "px";
-          } else if (result.length > 4) {
+              (result.length + 3) * 18 + "px";
+            document.getElementById("city").nextElementSibling.style.maxWidth =
+              "250px";
+          } else if (result.length > 5) {
             document.getElementById("city").style.width =
               (result.length + 2.6) * 18 + "px";
             document.querySelector("#city").nextElementSibling.style.width =
               (result.length + 2.6) * 18 + "px";
+          } else if (result.length > 4) {
+            document.getElementById("city").style.width =
+              (result.length + 2.4) * 18 + "px";
+            document.querySelector("#city").nextElementSibling.style.width =
+              (result.length + 2.4) * 18 + "px";
           } else {
             document.getElementById("city").style.width =
-              (result.length + 2) * 18 + "px";
+              (result.length + 1.5) * 18 + "px";
             document.getElementById("city").style.minWidth = 72 + "px";
             document.querySelector("#city").nextElementSibling.style.width =
-              (result.length + 2) * 18 + "px";
+              (result.length + 1.5) * 18 + "px";
           }
         }
         // }
         // 工价的判断
         if (e.monthlyPayStr.length === 0) {
-          document.getElementById("price").style.width = 70 + "px";
+          document.getElementById("price").style.width = 60 + "px";
         } else {
           const result = e.monthlyPayStr.join("");
           if (result.length >= 0) {
-            document.getElementById("price").style.width = "150px";
+            document.getElementById("price").style.width = "140px";
             document.getElementById("price").nextElementSibling.style.width =
               "150px";
             // document.querySelector(".ant-cascader-picker-label").style.width =
@@ -363,7 +369,7 @@ export default {
         }
         // 年龄筛选长度的判断
         if (e.ageStr.length === 0) {
-          document.getElementById("age").style.width = 70 + "px";
+          document.getElementById("age").style.width = 60 + "px";
         } else {
           const result = e.ageStr.join("");
           if (result.length >= 0) {
@@ -548,78 +554,34 @@ export default {
 </script>
 
 <style scoped lang="less">
-.searchbox {
-  background-color: #fff;
-  // border-bottom: 1px solid #eeefef;
-  .w {
-    // display: flex;
-    // justify-content: space-between;
-    overflow: hidden;
-    height: 100px;
-    span {
-      float: left;
-    }
-    .logo {
-      width: 424px;
-      height: 49px;
-      margin-top: 26px;
-      margin-right: 60px;
-      background: url("../../assets/logo.png") no-repeat;
-      background-size: contain;
-    }
-    span:nth-of-type(2) {
-      margin-top: 27px;
-      i {
-        font-size: 18px;
-        margin-left: 4px;
-        color: #adadad;
-      }
-      /deep/ .ant-input {
-        width: 446px;
-        height: 46px;
-        text-indent: 10px;
-        border-color: #d9d9d9;
-        box-shadow: none;
-        font-size: 16px !important;
-
-        &::placeholder {
-          text-indent: 10px;
-          font-size: 16px;
-        }
-        &:hover {
-          border-color: #d9d9d9;
-        }
-        &:focus {
-          border-color: #ff6a00;
-        }
-      }
-      /deep/ .ant-input-group-addon .ant-btn {
-        width: 86px;
-        height: 46px;
-        font-size: 18px;
-        background-color: #ff6a00;
-        border-color: #ff6a00;
-        box-shadow: none;
-      }
-    }
-    span:nth-of-type(3) {
-      width: 76px;
-      height: 76px;
-      float: right;
-      margin-top: 12px;
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-}
+// .searchbox {
+//   background-color: #fff;
+//   // border-bottom: 1px solid #eeefef;
+//   .w {
+//     // display: flex;
+//     // justify-content: space-between;
+//     overflow: hidden;
+//     height: 100px;
+//     span {
+//       float: left;
+//     }
+//     .logo {
+//       width: 424px;
+//       height: 49px;
+//       margin-top: 26px;
+//       margin-right: 60px;
+//       background: url("../../assets/logo.png") no-repeat;
+//       background-size: contain;
+//     }
+//   }
+// }
 /deep/ .navigation {
   // margin-top: -1px;
   background-color: #fff;
   border: 1px solid #f6f6f6;
-  height: 50px;
-  line-height: 50px;
+  height: 72px;
+
+  // line-height: 100px;
 
   position: relative;
 
@@ -639,8 +601,48 @@ export default {
     }
   }
   > .w {
+    height: 72px;
     display: flex;
     justify-content: flex-start;
+    > span {
+      margin-top: 14px;
+
+      i {
+        font-size: 18px;
+        margin-left: 4px;
+        color: #adadad;
+      }
+      .ant-input {
+        width: 400px;
+        height: 32px;
+        text-indent: 20px;
+        background: #fff;
+        border: 1px solid rgba(77, 87, 94, 0.3);
+        border-radius: 136px;
+        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
+        font-size: 14px !important;
+
+        &::placeholder {
+          text-indent: 20px;
+          font-size: 14px;
+        }
+        &:hover {
+          border-color: #d9d9d9;
+        }
+        &:focus {
+          border-color: #ff6a00;
+        }
+      }
+      button {
+        width: 70px;
+        height: 32px;
+        background: #ff6a00;
+        border-color: #ff6a00;
+        border-radius: 16px;
+        font-size: 14px;
+        box-shadow: none;
+      }
+    }
     .specialbox {
       position: absolute;
       border-bottom: 1px solid #f6f6f6;
@@ -648,7 +650,7 @@ export default {
       // display: ;
       transition: all 0.4s;
       left: 0;
-      top: 49px;
+      top: 71px;
       width: 100vw;
       background-color: #fff;
       z-index: 999;
@@ -672,10 +674,10 @@ export default {
       display: flex;
       justify-content: flex-start;
       li {
-        // margin-right: 30px;
+        margin-top: 24px;
         font-size: 16px;
         color: #4d575e;
-        margin-right: 20px;
+        // margin-right: 20px;
         .ant-cascader-picker {
           width: auto;
           position: relative;
@@ -688,7 +690,7 @@ export default {
             transform: translateY(-1px) scale(0.5);
           }
           .ant-cascader-input {
-            width: 70px;
+            width: 60px;
             // margin-top: -5px;
             // max-width: 150px !important;
             border: none;
@@ -706,7 +708,7 @@ export default {
           }
 
           span {
-            // width: 110px;
+            width: 60px;
             // max-width: 150px;
             color: rgb(255, 106, 0) !important;
             font-size: 18px;
@@ -729,14 +731,14 @@ export default {
           &::before {
             position: absolute;
             left: 0;
-            top: -15px;
+            // top: -15px;
           }
         }
         .ant-cascader-picker {
           width: auto;
           position: relative;
           .ant-cascader-input {
-            min-width: 105px;
+            min-width: 95px;
             &:hover &::placeholder {
               color: #ff6a00;
             }
@@ -761,7 +763,7 @@ export default {
         position: relative;
         div:first-child {
           height: 32px;
-          margin-top: 7px;
+          margin-top: -2px;
           line-height: 32px;
           color: #4d575ecc;
           cursor: pointer;
@@ -783,9 +785,10 @@ export default {
         position: relative;
         color: #8c8d8f;
         font-size: 16px;
+        margin: 27px 30px 0 25px;
         // color: rgba(78, 88, 95, 0.8);
         transform: translateY(-2px);
-        margin-left: 30px;
+        // margin-left: 25px;
         a {
           transition: all 0.5s;
           line-height: 16px;
diff --git a/src/components/Login/login.vue b/src/components/Login/login.vue
index f1ae68f..2f05676 100644
--- a/src/components/Login/login.vue
+++ b/src/components/Login/login.vue
@@ -69,13 +69,13 @@
               <span
                 ><input
                   type="checkbox"
-                  name="register"
+                  id="register"
                   v-model="ischecked"
                   @change="checked"
                   style="margin-right: 5px; vertical-align: middle"
                   va
                 />
-                <span>下次自动登录</span></span
+                <label for="register">下次自动登录</label></span
               >
               <a class="login-form-forgot" href="">忘记密码</a>
             </div>
@@ -158,12 +158,12 @@
               <span>
                 <input
                   type="checkbox"
-                  name="register"
+                  id="register"
                   v-model="ischecked"
                   @change="checked"
                   style="margin-right: 5px; vertical-align: middle"
                 />
-                <span>下次自动登录</span>
+                <label for="register">下次自动登录</label>
               </span>
               <a class="login-form-forgot" href="">忘记密码</a>
             </div>
@@ -326,7 +326,7 @@ export default {
     }
     li {
       padding: 0 0 4px 0;
-      margin-bottom: 30px;
+      margin-bottom: 25px;
       font-size: 14px;
       text-align: left;
       color: #cccccc;
@@ -393,16 +393,17 @@ export default {
     .autologin {
       display: flex;
       justify-content: space-between;
-      font-size: 14px;
+      font-size: 12px;
       > span {
         cursor: pointer;
         input {
+          vertical-align: middle;
           &:hover {
             border-color: #ff6a00;
           }
         }
-        span {
-          transition: all 0.5s;
+        label {
+          transition: all 0.2s;
         }
         &:hover {
           color: #ff6a00;
@@ -414,11 +415,11 @@ export default {
     }
     .getrulecode {
       padding: 0 0 0 10px;
-      font-size: 14px;
+      font-size: 12px;
       width: 82px;
       text-align: center;
       border-left: 1px #cccccc solid;
-      line-height: 14px;
+      line-height: 12px;
       color: #4d575e;
 
       span[data-mark="getcode"] {
diff --git a/src/components/main/index.vue b/src/components/main/index.vue
index 11de048..95bcf8c 100644
--- a/src/components/main/index.vue
+++ b/src/components/main/index.vue
@@ -67,13 +67,14 @@ export default {
     }
     .middleslogan {
       position: absolute;
-      top: 300px;
+      top: 40%;
       left: 50%;
-      transform: translateX(-50%);
+      transform: translateX(-50%) translateY(-50%);
       color: #fff;
       z-index: 99999;
       i {
         font-size: 90px;
+        text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
       }
     }
     .bottominfo {
diff --git a/src/style/index.less b/src/style/index.less
index 220faa8..76d99e0 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -200,7 +200,7 @@ i {
 .ant-cascader-menus.agestr {
 	width: 100vw;
 	margin: 0 auto;
-  top: 186px !important;
+  top: 152px !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-menu {
@@ -219,7 +219,7 @@ i {
 }
 .ant-cascader-menus.flitercity {
   left: calc((100vw - 1216px) / 2) !important;
-  top: 186px !important;
+  top: 152px !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);
@@ -247,8 +247,8 @@ i {
 }
 h1.bottombox,
 p.bottombox {
-  text-align: left;
-  border-bottom: 1px solid #eeefef;
+  text-align: center;
+  // border-bottom: 1px solid #eeefef;
   margin-bottom: 16px;
 
   i {
diff --git a/src/utils/request.js b/src/utils/request.js
index f06f0ec..6be2d93 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -4,7 +4,7 @@ const baseURL = "https://d.matripe.com.cn";
 const service = axios.create({
   // baseURL: "/api", // url = base url + request url
   baseURL: baseURL, // baseURL: "/api", // url = base url + request url // url = base url + request url
-  // withCredentials: true, // send cookies when cross-domain requests
+  withCredentials: true, // send cookies when cross-domain requests
   timeout: 10000, // request timeout
 });
 export default service;
diff --git a/src/views/login.vue b/src/views/login.vue
index 3b24725..a9cbe8f 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -5,7 +5,7 @@
         <div class="slogan"><img src="../assets/slogan1.png" alt="" /></div>
       </div>
       <div class="contentright">
-        <div class="logo"><img src="../assets/logo.png" alt="" /></div>
+        <div class="logo"><img src="../assets/loginlogo.png" alt="" /></div>
         <div class="contentbox">
           <router-view></router-view>
         </div>
@@ -55,7 +55,7 @@ export default {
 
 <style scoped lang="less">
 .login-container {
-  height: 660px;
+  height: calc(100% - 80px);
   width: 100%;
   position: relative;
   // background: url("../assets/Bg.png") no-repeat center;
@@ -64,8 +64,8 @@ export default {
   .centerbox {
     position: absolute;
     width: 800px;
-    height: 520px;
-    background-color: pink;
+    height: 480px;
+    // background-color: pink;
     left: 0;
     top: 0;
     bottom: 0;
@@ -103,9 +103,9 @@ export default {
       box-sizing: border-box;
       background-color: #fff;
       .logo {
-        width: 245px;
-        height: 34px;
-        margin: 40px auto 30px;
+        width: 120px;
+        height: 52px;
+        margin: 40px auto 20px;
         img {
           width: 100%;
           height: 100%;
diff --git a/src/views/main.vue b/src/views/main.vue
index 09c87a8..07bc9e1 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -5,7 +5,9 @@
       <div class="w">
         <span>
           <!-- <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i> -->
-          <img src="../assets/toplogo.png" alt="" />
+          <router-link to="/list"
+            ><img src="../assets/toplogo.png" alt=""
+          /></router-link>
         </span>
         <span>
           <ul>
@@ -61,7 +63,9 @@
           </a-dropdown>
           <span v-if="!isLogin">
             <!-- <router-link to="/register">注册</router-link>/ -->
-            <router-link to="/login"><button>登录</button></router-link></span
+            <router-link to="/login"
+              ><button style="cursor: pointer">登录</button></router-link
+            ></span
           >
         </span>
       </div>
@@ -396,7 +400,7 @@ export default {
     showfooter() {
       const path = this.$route.fullPath;
 
-      if (path.indexOf("main") > -1) {
+      if (path.indexOf("main") > -1 || path.indexOf("login") > -1) {
         this.isfootershow = false;
       } else {
         this.isfootershow = true;
@@ -451,6 +455,9 @@ export default {
             margin-right: 40px;
             line-height: 52px;
             text-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05);
+            &:hover {
+              color: #ff6a00;
+            }
           }
         }
       }
@@ -622,7 +629,7 @@ export default {
         text-align: center;
         margin-top: 20px;
         color: #4d575e;
-
+        font-size: 14px;
         i {
           display: inline-block;
           vertical-align: middle;