div[id*="c_category"]{ border-bottom: 1px solid #d4d7d9 } .li_sort .p_list{ justify-content:center; } .li_sort .p_loopitem{ width:auto; flex:0!important; position:relative; } .li_sort .p_loopitem:before{ position:absolute; content:''; display:block; width:1px; height:22px; background:#d4d7d9; top:50%; left:-1px; transform:translateY(-50%); } .li_sort .p_loopitem:after{ position:absolute; content:''; display:block; width:1px; height:22px; background:#d4d7d9; top:50%; right:0; transform:translateY(-50%); } .s_button6{ position:relative; display:flex!important; justify-content:center; align-items:center; padding:0 6px!important; width:auto!important; min-width:212px!important; height:70px!important; background:transparent!important; border:none!important; font-size:16px!important; color:#666666!important; box-shadow:none!important; } .s_button6:before{ display:none!important; } .s_button6:after{ width:0; height:2px!important; opacity:0; background:var(--color); left:50%!important; transform:translateX(-50%); top:auto!important; bottom:-1px; z-index:1!important; } .s_button6 span{ position:relative; display:flex!important; justify-content:center; align-items:center; white-space:nowrap; } .s_button6 span:before{ position:relative; content:''; display:block; border:5px solid transparent; border-left:5px solid var(--color); margin-right:10px; transform:translateX(-10px); opacity:0; transition:all 0.4s; } .s_button6 span:after{ position:relative; content:''; display:block; border:5px solid transparent; border-right:5px solid var(--color); margin-left:10px; transform:translateX(10px); opacity:0; transition:all 0.4s; } .s_button6:hover{ color:var(--color)!important; } .s_button6:hover::after{ opacity:1; width:100%!important; } .s_button6:hover span:before{ transform:translateX(0); opacity:1; } .s_button6:hover span:after{ transform:translateX(0); opacity:1; } @media(max-width:768px){ .s_button6{ min-width:0!important; font-size:14px!important; height:50px!important; } .li_sort .p_loopitem:before{ height:16px; } .li_sort .p_loopitem:after{ height:16px; } .li_sort .p_loopitem:last-child::after{ display:none; } .li_sort{ display:flex; justify-content:center; } .li_sort .p_list{ display: flex; flex-wrap:nowrap!important; justify-content: flex-start; overflow: auto; } }