.thePosts { margin-bottom:30px } .thePosts .title { align-items:center; display:flex; font-size:30px; justify-content:space-between } .thePosts .title a { color:#4066b8; font-size:14px; font-style:oblique; font-weight:400 } .thePosts .title a:hover { text-decoration:underline } @media screen and (max-width:1024px){
 .thePosts .title { font-size:20px } 
 } .thePosts ul { display:flex; flex-wrap:wrap; justify-content:space-between } .thePosts ul li { background-color:#fff; border-radius:6px; height:140px; margin-bottom:16px; transition:all .3s; width:634px } .thePosts ul li:hover { box-shadow:-2px 2px 9px #0000001a } .thePosts ul li a { display:flex; height:100%; padding:20px; width:100% } .thePosts ul li a .img { align-items:center; background-color:#fff; border-radius:8px; display:flex; height:100%; justify-content:center; margin-right:16px; width:166px } .thePosts ul li a .img img { height:80% } .thePosts ul li a .cot { display:flex; flex:1; flex-direction:column; height:100%; justify-content:space-between } .thePosts ul li a .cot b { color:#333; font-size:14px; font-weight:400 } .thePosts ul li a .cot p { -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#999; display:-webkit-box; height:40px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:break-all } .thePosts ul li a .cot span { color:#4066b8 } @media screen and (max-width:1024px){
 .thePosts title { font-size:20px } .thePosts ul li { height:120px; width:100% } .thePosts ul li a { padding:10px } .thePosts ul li a .img { width:100px } .thePosts ul li a .img img { width:80px } 
 }