.my_sort .sort_box{
  display:flex;
  justify-content:center;
  overflow: auto;
}
.my_sort .sort_list{
  padding:0 18px;
}
.my_sort .sort_name{
  padding:0 36px;
  font-size:15px;
  line-height:48px;
  color:#333;
  background:#f8f8f8;
  border:1px solid #e0e0e0;
  border-radius:25px;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
  white-space:nowrap;
  transition:all 0.35s ease;
}
.my_sort .sort_name:hover{
  border-color:#008cd2;
  background:#008cd2;
  color:#fff;
}
.my_sort .sort_name.sort_click{
  background:#008cd2;
  color:#fff;
}
@media(max-width:768px){
  ::-webkit-scrollbar{display:none;}
  .my_sort .sort_box{
    flex-wrap:wrap;
  }
  .my_sort .sort_list{
    padding:5px;
  }
  .my_sort .sort_name{
    min-width:100px;
    font-size:14px;
    line-height:20px;
    padding:6px 12px; 
  }
}