header.css

body{
margin: 0;
}
.head{
background-color: #222;
}
.head ul{
padding-left: 0;
}
.head ul li{
display: inline-block;
}
.head a{
text-decoration: none;
color: white;
display: block;
}
.head .line1{
background-color: #000;
display: flex;
/* justify-content: space-between; 两端对齐 */
justify-content: space-between;
align-items: center;
}
.head .line1 .log{
margin-left: 120px;
}
.head .line1 ul{
margin-right: 100px;
}
.head .line1 li{
width: 100px;
text-align: center;
border-right: 1px solid #999999;
color: white;
}
.head .line1 li a{
color: #CCCCCC;
}
.head .line1 li:last-child{
border: none;
}
.head .line2{
width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.head .line2 div{
position: relative;
}
.head .line2 .search{
display: inline-block;
/* background-color: #FFFFFF; */
width: 435px;
height: 40px;
border: none;
outline: none;
background:url(img/icon/search_icon.png);
background-position: 0 -43px;
color: #FFFFFF;/* */
font-size: 16px;
padding-left: 16px;
/* position: relative; */
}
.head .line2 .btn{
display: inline-block;
height: 40px;
width: 32px;
background-color: white;
background: url(img/icon/search_icon.png);
position: absolute;
background-position: -454px 0px;
right: 0px;
}