.ys_list { width: 100.4%; float: left; margin: 0 0 20px -0.2%; } .ys_list li { width: 50%; padding: 0 1.2% 30px 1.2%; float: left; } .ys_list a { display: block; width: 100%; height: 215px; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .15); position: relative; padding: 25px 50px 25px 185px; } .ys_list a:hover { box-shadow: 0 2px 15px rgba(0, 0, 0, .2); } .ys_list .imgk { width: 122px; position: absolute; left: 30px; top: 25px; overflow: hidden; } .ys_list .imgk img{ width:100%; } .ys_list .bt { font-size: 20px; font-weight: bold; margin-bottom: 14px; color:#000; } .ys_list p { height: 78px; line-height: 26px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color:#333; } .ys_list .pre{ height: 100px; line-height: 25px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; color:#333; font-family: sans-serif; } .ys_list .s_more { font-size: 16px; position: absolute; right: 50px; bottom: 25px; color:#9b0d14; } .ys_list .s_more:after { content: ''; border-top: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-left: 8px solid #ae0000; border-bottom: 8px solid rgba(0, 0, 0, 0); display: inline-block; margin-left: 10px; vertical-align: middle; position: relative; top: -1px; } @media only screen and (max-width: 1200px) { .ys_list { width: 100%; margin: 0 0 5px 0%; } .ys_list li { width: 100%; padding: 0 0% 15px 0%; } .ys_list a { height: 150px; padding: 15px 15px 15px 120px; } .ys_list .imgk { width: 90px; left: 15px; top: 15px; height: 120px; } .ys_list .bt { font-size: 14px; margin-bottom: 10px; } .ys_list p { height: 44px; line-height: 22px; font-size: 13px; } .ys_list .s_more { font-size: 13px; right: 15px; bottom: 15px; } .ys_list .s_more:after { border-top: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-left: 5px solid #ae0000; border-bottom: 5px solid rgba(0, 0, 0, 0); margin-left: 8px; } } @media (min-width: 1200px) { .j_kza img{ width:352px; height:235px; } .R_coll .coll-l .collimg img{ width:283px; height:187px; } }