.news{padding:40px 0;background:#F6F6F6} .news .bigt{font-size:28px;text-align:center} .news .bigt span{display:inline-block;padding:0 0 10px 0;border-bottom:4px solid #e40203} @media screen and (max-width: 768px){ .news{padding:20px 0} .news .bigt{font-size:20px} .news .bigt span{padding:0 0 6px 0} } /*列表*/ .newslist{ margin-top: 28px; background: #fff; padding: 12px 2%; } .newslist li{margin: 0 0 22px 0; border-bottom: 1px dashed #ddd; padding-bottom: 22px;} .newslist li .date{float:left;margin-right:14px;width:96px;height:96px;text-align:center;background:#e73a3a;font-size:18px;color:#fff} .newslist li .date span{display:block;font-size:45px} .newslist li h2{font-size:18px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .newslist li p{font-family:"宋体";padding:12px 0;line-height:24px;height:40px;overflow:hidden;color:#4c4b4b} @media screen and (max-width: 768px){ .newslist{ margin-top: 12px; } .newslist li .date{margin-right:10px;width:86px;height:86px;font-size:16px;} .newslist li .date span{margin-top:14px;display:block;font-size:26px} .newslist li h2{font-size:16px;height:26px;} .newslist li p{padding:6px 0;} } /*案例详情*/ .detail{margin-top:30px;background:#fff;padding:12px 2%} .detail .title{font-size:26px} .detail .time{font-size:12px;color:#999;padding:10px 0;margin-bottom:10px;border-bottom:1px dashed #ddd} .detail .time span{float:right;} .detail .info{line-height:36px;font-size:15px;color:#000;} .detail .info a{color:#000;} @media screen and (max-width: 768px){ .detail{margin-top:12px} .detail .title{font-size:20px; text-align:center} .detail .time{line-height:20px; padding:6px 0; text-align:center} .detail .time span{display:block; float:none;} } /*上下篇*/ .prenext{border-top:1px solid #ddd; background:#FFF; padding:0 2% 12px 2%;} .prenext li{line-height:38px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#0c8ce6;} .prenext li a{color:#0c8ce6} /*分享代码*/ .sharecode{text-align:right; padding:12px 0 0 0}