.sort_box{
  display:flex;
  flex-wrap:wrap;
}
.sort_list{
  margin-right:5px;
  margin-bottom:5px;
}
 .sort_name{
  padding:10px 30px;
  font-size:16px;
  line-height:30px;
  border-radius:40px;
  color:#333;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
  white-space:nowrap;
  background:#f7f7f7;
}
.sort_list:last-child{
  margin-right:0;
}
.sort_name:hover{
  background:var(--color);
  color:#fff;
}
.sort_name.sort_click{
  background:var(--color);
  color:#fff;
}
@media(max-width:768px){
 .sort_box{
justify-content:center;
} 
.sort_name{
  font-size:14px;
  line-height:20px;
  padding:10px 15px; 
  }
}