.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; } }