搜索页面banner图

public/react/src/search/SearchPage.js

@@ -138,15 +138,18 @@ class SearchPage extends Component{
 						font-size: 16px !important;
 					}
 				`}</style>
-				<div className="headersear" >
-					<div style={{height:"53px"}}></div>
-					<Search
-									style={{ width: "800px", marginTop:"53px"}}
-									className="packinput"
-									value={this.state.keywords}
-									enterButton={<span><Icon type="search" className="mr5"/> 搜索</span>}
-									onInput={(e)=>this.setdatafunsval(e)}
-									onSearch={ (value)=>this.setdatafuns(value)} />
+				<div className="shixunDetail_top " >
+					{/*<div style={{height:"53px"}}></div>*/}
+					<div className="intermediatecenter" style={{ width: "100%"}}>
+						<Search
+							style={{ width: "800px", marginTop:"53px"}}
+							className="packinput"
+							value={this.state.keywords}
+							enterButton={<span><Icon type="search" className="mr5"/> 搜索</span>}
+							onInput={(e)=>this.setdatafunsval(e)}
+							onSearch={ (value)=>this.setdatafuns(value)} />
+					</div>
+
 				</div>
 
 				<div className="tabtitle">

public/react/src/search/searchc.css

@@ -3,8 +3,6 @@
     margin-top: 53px;
 }
 .headersear{
-    height: 160px;
-    background: #EAF2F9;
     display: flex;
     justify-content: center;
 }
@@ -15,6 +13,12 @@
     /*color: #681616 !important;*/
     border-color: #E1EDF8 !important;
 }
+.intermediatecenter{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
 
 .packinput .ant-input-group-addon .ant-btn{
     width:137px !important;
@@ -174,3 +178,9 @@
 .ml9{
     margin-left: 9px;
 }
+.shixunDetail_top{width: 100%;background-image: url("/images/educoder/searchforbackres.jpg"); height: 240px;
+    justify-content: center;align-items: center;display: -webkit-flex;
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+}