.wrapper {
  width: 100%; display: flex; display: -webkit-flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center;
}
#search_form{
  margin-bottom: 30px;
}
#search_recipes button{
  cursor: pointer;
}
#search_recipes input{
  height: 45px !important;
}
.input_key{
  width: 360px;
}
.input_num{
  width: 110px; margin-bottom: 5px;
}
.input_range{
  width: 150px; margin: 0 5px 5px 0;
}
.search_block{
  float: left; display: flex; flex-direction: column;
}
@media screen and (max-width:990px){
  .search_block{
    flex-direction: row;
  }
}
@media screen and (max-width:750px){
  .input_num{
    width: 30%;
  }
}
@media screen and (max-width:590px){
  .input_key{
    width: 150px;
  }
}
.search_high{
  font-size: 18px; font-weight: lighter; color: #888; display: none;
}
.error{
  font-size: 30px; font-weight: lighter; color: #888;
}

.icon{
  width: 20px; height: 20px; vertical-align: middle;
}
.icon_link{
  display: inline-block; width: 20px; overflow: hidden; vertical-align: middle;
}
#tags_icon{
  float: right; width: 20px; line-height: 39px;
}

#result{
  width: 100%;
}
/*导航目录页面样式*/
.table_box_div{
  width: 100%; overflow-y: hidden;
}
.table_infos{
  width: 100%; table-layout: fixed;
}
.table_main_div{
  width: 100%;
}
table {
  width: 100%; white-space: nowrap;
}
.mid-td{
  min-width: 100px; text-align: center;
}
.limit_txt{
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.tips{
  font-size: 18px; font-weight: lighter; color: #888; display: none;
}
#search_recipes select{
  width: 360px; height: 45px !important; padding: 0 10px !important;
}
@media screen and (max-width:590px){
  #search_recipes select{
    width: 150px;
  }
}