body{ background: #f7f7f7; } .searchBlock{ padding-top: 180px; padding-bottom: 68px; } .searchBlock .w1400 .tit{ text-align: center; font-size: 38px; color: #000; } .searchBlock .w1400 ul{ display: flex; justify-content: center; margin: 50px 0; } .searchBlock .w1400 ul li{ width: 160px; } .searchBlock .w1400 ul li a{ background: #fff; line-height: 60px; text-align: center; color: #000; font-size: 18px; display: block; } .searchBlock .w1400 ul li.on a{ background: #df0b0a; color: #fff; } .searchBlock .w1400 .content a{ background: #fff; display: block; padding: 45px 50px 45px; margin-bottom: 22px; } .searchBlock .w1400 .content a p{ font-size: 24px; color: #000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .searchBlock .w1400 .content a .tips{ font-size: 16px; line-height: 1.5; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 11px; margin-bottom: 20px; } .searchBlock .w1400 .content a span{ color: #df0b0a; } .searchBlock .w1400 .content a span img{ margin-left: 10px; } @media (max-width: 996px){ .searchBlock{ padding-top: 100px; } } @media (max-width: 500px){ .searchBlock{ padding-bottom: 28px; } .searchBlock .w1400 .tit{ font-size: 28px; } .searchBlock .w1400 ul{ margin: 30px 0; } .searchBlock .w1400 ul li{ width: 100px; } .searchBlock .w1400 ul li a{ line-height: 40px; font-size: 14px; } .searchBlock .w1400 .content a{ padding: 30px; } .searchBlock .w1400 .content a p{ font-size: 16px; } .searchBlock .w1400 .content a .tips{ font-size: 14px; } .searchBlock .w1400 .content a span{ font-size: 14px; } }