.my_sort .sort_box{
  display:flex;
  width:100%;
  justify-content:center;
}
.my_sort .sort_name{
  padding:10px 40px;
  font-size:15px;
  line-height:40px;
  color:#333;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
  white-space:nowrap;
  transition:background-size 0.5s ease;
  background:var(--background) no-repeat;
  background-size:0 100%;
  background-position:right top;
}
.my_sort .sort_name:hover{
  background-size:100% 100%;
  color:#fff;
  background-position:left top;
}
.my_sort .sort_name.sort_click{
  background-size:100% 100%;
  color:#fff;
  background-position:left center;
}
.my_sort .sort_icon{
  display:none;
}
.my_sort .sort_child{
  display:none;
}
@media(max-width:768px){
  ::-webkit-scrollbar{display:none;}
  .my_sort .sort_box{
    justify-content:flex-start;
    overflow: auto;
  }
  .my_sort .sort_name{
    min-width:100px;
    font-size:14px;
    line-height:20px;
    padding:12px; 
  }
}