diff --git a/css/contrastDetails.css b/css/contrastDetails.css
index 01fae46..df85cea 100644
--- a/css/contrastDetails.css
+++ b/css/contrastDetails.css
@@ -307,6 +307,7 @@
   font-size: 14px;
   color: #333333;
   padding-left: 20px;
+  margin-left: 38px;
 }
 .base-footer .save .icon {
   width: 16px;
diff --git a/css/contrastDetails.less b/css/contrastDetails.less
index 87a0ce7..057bbaa 100644
--- a/css/contrastDetails.less
+++ b/css/contrastDetails.less
@@ -360,6 +360,7 @@
         font-size: 14px;
         color: #333333;
         padding-left: 20px;
+        margin-left: 38px;
         .icon {
             width: 16px;
             height: 16px;
diff --git a/css/search.css b/css/search.css
new file mode 100644
index 0000000..6e2f0a3
--- /dev/null
+++ b/css/search.css
@@ -0,0 +1,58 @@
+.boxbox {
+  width: 1200px;
+  background-color: #fbfbfb;
+  border-radius: 12px;
+  position: relative;
+  margin-bottom: 20px;
+}
+.boxbox::after {
+  content: "";
+  position: absolute;
+  top: -5px;
+  left: 0;
+  width: 100%;
+  height: 66px;
+  background: -webkit-linear-gradient(0deg, #7b8cd3 0%, #dae3fd 99%);
+  background: -moz-linear-gradient(90deg, #7b8cd3 0%, #dae3fd 99%);
+  background: linear-gradient(90deg, #7b8cd3 0%, #dae3fd 99%);
+  border-radius: 18px;
+  z-index: -1;
+}
+.boxbox .tab {
+  height: 60px;
+  font-size: 14px;
+  color: #7f7f7f;
+  border-bottom: 1px dotted #ebebeb;
+  padding-left: 24px;
+}
+.boxbox .tab a {
+  color: #7f7f7f;
+}
+.boxbox .tab .img {
+  width: 6px;
+  height: 10px;
+  margin: 0 15px;
+}
+.boxbox .tab .current {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  font-style: normal;
+  font-size: 14px;
+  color: #000000;
+}
+.boxbox .body .left .input-box {
+  width: 750px;
+  height: 48px;
+  background-color: #f2f2f2;
+  border-radius: 183px;
+}
+.boxbox .body .left .input-box input {
+  border: none;
+  outline: none;
+  height: 100%;
+  background-color: transparent;
+}
+.boxbox .body .left .input-box .search-icon {
+  width: 18px;
+  height: 18px;
+}
diff --git a/css/search.less b/css/search.less
new file mode 100644
index 0000000..0f01784
--- /dev/null
+++ b/css/search.less
@@ -0,0 +1,66 @@
+.boxbox {
+    width: 1200px;
+    background-color: rgba(251, 251, 251, 1);
+    border-radius: 12px;
+    position: relative;
+    margin-bottom: 20px;
+
+    &::after {
+        content: "";
+        position: absolute;
+        top: -5px;
+        left: 0;
+        width: 100%;
+        height: 66px;
+        background: -webkit-linear-gradient(0deg, rgba(123, 140, 211, 1) 0%, rgba(218, 227, 253, 1) 99%);
+        background: -moz-linear-gradient(90deg, rgba(123, 140, 211, 1) 0%, rgba(218, 227, 253, 1) 99%);
+        background: linear-gradient(90deg, rgba(123, 140, 211, 1) 0%, rgba(218, 227, 253, 1) 99%);
+        border-radius: 18px;
+        z-index: -1;
+    }
+    .tab {
+        height: 60px;
+        font-size: 14px;
+        color: #7f7f7f;
+        border-bottom: 1px dotted rgb(235, 235, 235);
+        padding-left: 24px;
+        a {
+            color: #7f7f7f;
+        }
+        .img {
+            width: 6px;
+            height: 10px;
+            margin: 0 15px;
+        }
+
+        .current {
+            font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+            font-weight: 650;
+            font-style: normal;
+            font-size: 14px;
+            color: #000000;
+        }
+    }
+
+    .body {
+        .left {
+            .input-box {
+                width: 750px;
+                height: 48px;
+                background-color: rgba(242, 242, 242, 1);
+                border-radius: 183px;
+                input {
+                    border: none;
+                    outline: none;
+                    height: 100%;
+                    background-color: transparent;
+                }
+
+                .search-icon {
+                    width: 18px;
+                    height: 18px;
+                }
+            }
+        }
+    }
+}
diff --git a/html/contrastDetails.html b/html/contrastDetails.html
index 524753e..9d9ea06 100644
--- a/html/contrastDetails.html
+++ b/html/contrastDetails.html
@@ -174,10 +174,6 @@
             const { createApp, ref, onMounted, nextTick, onUnmounted, computed } = Vue
             const projectIndex = createApp({
                 setup() {
-                    onMounted(() => {
-                        // window.addEventListener("scroll", handleScroll)
-                    })
-
                     const listObj = ref({
                         semester: "招生季",
                         rank: "专业排名",
diff --git a/html/search.html b/html/search.html
index b4ef926..b9c2729 100644
--- a/html/search.html
+++ b/html/search.html
@@ -5,7 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Document</title>
         <link rel="stylesheet" href="/css/common.css" />
-        <link rel="stylesheet" href="/css/index.css" />
+        <link rel="stylesheet" href="/css/search.css" />
         <script src="/js/axios.min.js"></script>
         <script src="/js/vue.global.js"></script>
         <script src="/js/common.js"></script>
@@ -20,7 +20,23 @@
 
     <body>
         <div id="app" class="main" v-cloak>
-
+            <img class="index-icon" src="/img/index-icon.png" />
+            <div class="boxbox">
+                <div class="tab flexacenter">
+                    首页
+                    <img class="img" src="/img/arrows.svg" />
+                    <div class="current">项目搜索</div>
+                </div>
+                <div class="body">
+                    <div class="left">
+                        <div class="input-box flexacenter">
+                            <input class="flex1" placeholder="请输入" />
+                            <img class="search-icon" src="/img/search-black-icon.svg" />
+                        </div>
+                    </div>
+                    <div class="right"></div>
+                </div>
+            </div>
             <!-- 底部 -->
             <base-bottom ref="baseRef"></base-bottom>
         </div>
@@ -28,15 +44,12 @@
             const { createApp, ref, onMounted, nextTick, onUnmounted, computed } = Vue
             const projectIndex = createApp({
                 setup() {
-
                     onMounted(() => {
-                        window.addEventListener("scroll", handleScroll)
+                        // window.addEventListener("scroll", handleScroll)
                         // init()
                     })
 
-                    return {
-                   
-                    }
+                    return {}
                 },
             })