.my_sort .sort_box{
  display:flex;
  justify-content:center;
  overflow: auto;
}
.my_sort .sort_list{
  padding-right:14px;
}
.my_sort .sort_list:last-child{
  padding-right:0;
}
.my_sort .sort_name{
  padding:10px 20px;
  border-radius:6px;
  min-width:110px;
  font-size:15px;
  line-height:30px;
  color:#333;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
  white-space:nowrap;
  transition:all 0.35s ease;
}
.my_sort .sort_name:hover{
  background:var(--color);
  color:#fff;
}
.my_sort .sort_name.sort_click{
  background:var(--color);
  color:#fff;
}
@media(max-width:768px){
 ::-webkit-scrollbar{display:none;}
.my_sort .sort_box{
  justify-content:flex-start;
}
  .my_sort .sort_list{
    padding-right:5px;
  }
 .my_sort .sort_name{
   min-width:100px;
    font-size:15px;
    line-height:20px;
    padding:10px 12px;  
  }
}