.wxSearch{
  position: fixed;
  top: 43px;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px #eee solid;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99
}
.wxSearchInner{
  background-color: #fff;
}
.wxSearch-section{
 background-color:#f0f0f0;
padding:5px 10px;
border:1px #eee solid;
position:fixed;
left:0;
top:0;
width:100%;
z-index:999;
height:35px;
}
.wxSearch-pancel{
  display: flex;
  flex-direction: row;
}
.wxSearch-input{
  flex: 8; 
  background-color: #fff;
  padding: 5px 10px;
  font-size: 16px;
  border-radius:5px;

}
.wxSearch-button{
  flex: 1;
  border: none !important;
  /* color: cornflowerblue !important; */
  margin-top:2px;
}

.wxSearchTitle{
  display: block;
  padding: 10px 5px 5px 10px;
  font-size: 12px;
}


.wxSearchMindKeyItem{
  padding: 10px 5px;
  border-bottom: 1px solid #eee;
  display: flex;
  font-size: 14px;
  color: cornflowerblue;
}

.wxSearchKeyList{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:center;
}

.wxSearchKeyItem{
  flex: 0 0 25%;
  font-size: 14px;
  text-align: center;
  border: 1px solid #eee;
  margin: 5px auto;
  width:70px;
  height:30px;
  line-height: 30px;
  /* padding: 5px 10px; */
  border-radius: 5px;
}
.wxSearchHistoryItem{
font-size:14px;
text-align:center;
border:1px solid #eee;
margin:5px 5px 5px 15px;
width:70px;
height:30px;
line-height:30px;
border-radius:5px;

}
.wxSearchHistoryItemText{
  flex: 8;
  font-size: 14px;
}
.wxSearchHistoryItemDel{
  flex: 1;
  font-size: 12px;
  text-align: center;
  padding: 3px 5px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.wxSearchHistoryEmpty{
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
}
.wxSearchDeleteAllBtn{
  margin-top:7px;
  padding-right:15px;
  padding-left:15px;
  float: right;
}
.wxSearchHistoryList{
  display:flex;
flex-direction:row;
flex-wrap:wrap;
width:80%;

/* justify-content:center; */

}