body{ margin: 0; } .head{ background-color: #222222; } .head ul{ padding-left: 0; } .head ul li{ display: inline-block; } .head a{ text-decoration: none; color: white; display: block; } .head .line1{ background-color: #000000; display: flex; justify-content: space-between; align-items: center; } .head .line1 .log{ margin-left: 120px; } .head .line1 li{ width: 120px; text-align: center; border-right: 1px solid white; } .head .line1 li a{ color: #999999; } .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; 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; } .head .line2 .btn{ display: inline-block; height: 40px; width: 32px; background-color: white; position: absolute; background: url(../img/icon/search_icon.png); background-position: -454px 0px; right: 10px; }