* {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
  font-size: 14px;
}

:focus {
  outline: none;
}

.search-box {
  width: 500px;
  height: 40px;
  margin: 100px auto;
}

.search-box input {
  width: 498px;
  height: 38px;
  border: none;
  text-indent: 10px;
  border: 1px solid #ddd;
}

.search-box input:focus {
  border-color: #7ba7f4;
}

.search-box ul li {
  list-style: none;
  height: 32px;
  line-height: 32px;
  border: solid #ddd;
  border-width: 0 1px 0 1px;
}

.search-box ul li:last-child {
  border-bottom: 1px solid #ddd;
}

.search-box ul li a {
  display: block;
  padding: 0 10px;
  height: 100%;
  color: #666;
  text-decoration: none;
}

.search-box ul li a:hover {
  background: #ececec;
  color: #333;
}