header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4vw 3.2vw;
}
header > a {
  display: flex;
  align-items: center;
  height: 9.6vw;
}
header > a span {
  font-size: 6.4vw !important;
  color: #181818;
}
header .middle {
  width: 75.7333vw;
  height: 9.6vw;
  border-radius: 1.0667vw;
  border: 0.2667vw solid #4a4a4a;
  position: relative;
}
header .middle .search {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 2.6667vw;
}
header .middle .search input {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  font-size: 3.7333vw;
  color: #4a4a4a;
}
header .middle .search .iconfont {
  font-size: 4.2667vw;
  margin-right: 2.1333vw;
}
header .middle .search .close {
  display: none;
}
header .middle .slist {
  width: 100%;
  background: #fffcfc;
  position: absolute;
  left: 0;
  top: 9.6vw;
  box-shadow: 0 0 2.1333vw #ddd;
  display: none;
}
header .middle .slist a {
  display: flex;
  padding: 2.6667vw;
  color: #1e1e1e;
  font-size: 3.4667vw;
}
header .middle .slist a:not(:last-of-type) {
  border-bottom: 0.2667vw solid #f1f1f1;
}
header .s_btn {
  display: flex;
  align-items: center;
  height: 9.6vw;
  font-size: 3.7333vw;
  color: #e64340;
}
.top_search {
  padding: 3.2vw;
}
.top_search p {
  font-size: 4.2667vw;
  font-weight: bold;
  color: #be7336;
  display: flex;
  align-items: center;
}
.top_search p .iconfont {
  font-size: 5.3333vw;
  color: #d0333f;
  margin-right: 1.6vw;
}
.top_search .list {
  display: flex;
  flex-wrap: wrap;
}
.top_search .list a {
  width: 49%;
  height: 5.8667vw;
  display: flex;
  align-items: center;
  font-size: 4.2667vw;
  color: #4a4a4a;
  margin-top: 3.2vw;
}
.top_search .list a span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.2667vw;
  height: 4.2667vw;
  font-size: 3.2vw;
  color: #ffffff;
  background: linear-gradient(180deg, #eedbcb 0%, #d8b49c 100%);
  border-radius: 0.5333vw;
  margin-right: 2.1333vw;
}
.top_search .list a span.q {
  background: linear-gradient(180deg, #fb8d4a 0%, #f65424 100%);
}
.searched {
  padding: 4vw 3.2vw 3.2vw;
}
.searched .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 4.2667vw;
  font-weight: bold;
  color: #181818;
}
.searched .text .iconfont {
  font-size: 4.2vw;
  color: #3f71a4;
  font-weight: normal;
}
.searched .text .delete {
  font-size: 4.2667vw;
  color: #181818;
}
.searched .list {
  height: 21.5vw;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1vw;
}
.searched .list a {
  display: flex;
  align-items: center;
  padding: 0 3.2vw;
  height: 7.4667vw;
  font-size: 3.7333vw;
  color: #4a4a4a;
  background: #eeeeee;
  border-radius: 3.7333vw;
  margin: 3.2vw 3.2vw 0 0;
}