.partNumber { margin-bottom:30px } .partNumber title { display:block; font-size:30px } .partNumber .cot { background-color:#fff; border-radius:6px; padding:20px 50px; width:100% } .partNumber .cot div { border-bottom:1px solid #d4d4d4; display:flex; justify-content:center; margin-bottom:20px } .partNumber .cot div p { cursor:pointer; margin:0 50px; padding-bottom:10px; position:relative } .partNumber .cot div p.active:after { background-color:#4066b8; bottom:0; content:""; height:2px; left:50%; position:absolute; transform:translate(-50%); width:47px } .partNumber .cot ul { display:flex; flex-wrap:wrap; width:100% } .partNumber .cot ul li { margin-bottom:16px; padding-right:20px; width:20% } .partNumber .cot ul li.compare { width:50% } .partNumber .cot ul li a:hover { color:#4066b8 } @media screen and (max-width:1024px) { 
 .partNumber title { font-size:20px } .partNumber .cot { padding:20px 10px } .partNumber .cot div { justify-content:space-around } .partNumber .cot div p { margin:0 } .partNumber .cot ul li { width:50% } .partNumber .cot ul li.compare { width:100% } 
 }