.sort_box{
  display:flex;
  flex-wrap:wrap;
  padding:20px 0;
}
.sort_name{
  padding:0 20px;
  min-width:110px;
  font-size:16px;
  line-height:55px;
  color:#333!important;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
  white-space:nowrap;
  text-decoration: none!important;
  outline:none!important;
  border: #e6e6e6 1px solid;
  margin-left: 10px !important;
}
.sort_list:last-child{
  margin-right:0;
}
.sort_name:hover{
  background:var(--color);
  color:#fff!important;
}
.sort_name.sort_click{
  background:var(--color);
  color:#fff!important;
}
@media(max-width:768px){
  .sort_box{
    width:100%;
    margin:30px 0 0;
    padding:10px 0;
    background-color:rgba(243, 242, 242, 1);
  }
  .sort_name{
    font-size:14px;
    line-height:44px;
    margin:5px;
    padding:0 10px;
    min-width:114px;
    border-radius:5px;
  }
}