diff --git a/src/views/search/searchResult/SearchResult.vue b/src/views/search/searchResult/SearchResult.vue
index 80094b6..471e7b9 100755
--- a/src/views/search/searchResult/SearchResult.vue
+++ b/src/views/search/searchResult/SearchResult.vue
@@ -1,11 +1,11 @@
 <template>
-	<div class="">
+	<div class="container">
 		<!-- 搜索框 -->
 		<div class="search-input-box flexacenter">
-			<div class="search-input">
-				<img class="search-input-icon" src="">
-				<input />
-				<img class="search-input-cross">
+			<div class="search-input flexacenter">
+				<img class="search-input-icon" src="@/assets/img/headerNav/search.png">
+				<input class="flex1" />
+				<img class="search-input-cross" src="@/assets/img/icon/clear.png">
 
 			</div>
 			<div class="search-input-cancel">取消</div>
@@ -28,6 +28,39 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.search-input-box {
+.container {
+	padding-top: 1.3rem;
+
+	.search-input-box {
+
+		margin-left: .32rem;
+
+
+		.search-input {
+			width: 8.2rem;
+			height: .96rem;
+			border-radius: 2.56rem;
+			background: rgba(235, 235, 235, 1);
+			padding-left: .4rem;
+
+			.search-input-icon,
+			.search-input-cross {
+				width: .4rem;
+				height: .4rem;
+			}
+
+			.search-input-cross {
+				padding-right: .4rem;
+			}
+
+		}
+
+		.search-input-cancel {
+			color: #000;
+			font-size: .36rem;
+			padding: .46rem;
+		}
+	}
+
 }
 </style>