/*案例*/ .case{padding:40px 0;background:#F6F6F6} .case .bigt{font-size:28px;text-align:center} .case .bigt span{display:inline-block;padding:0 0 10px 0;border-bottom:4px solid #e40203} @media screen and (max-width: 768px){ .case{padding:20px 0} .case .bigt{font-size:20px} .case .bigt span{padding:0 0 6px 0} } /*列表*/ .caselist{margin-top:30px;overflow:hidden} .caselist #big{margin-right:-48px} .caselist li{float:left;width:342px;background:#fff;padding:13px;margin:0 48px 24px 0} .caselist li img{width:342px; height:210px;} .caselist li h2{padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;text-align:center} @media screen and (max-width: 768px){ .caselist{width:96%;padding: 0 2%; margin-top:12px} .caselist #big{margin-right:-2%} .caselist li{float:left;width:44%;padding:2%;margin:0 2% 12px 0} .caselist li img{width:100%; height:auto;} .caselist li h2{padding:8px 0;font-size:16px} } /*案例详情*/ .case_detail{margin-top:30px;background:#fff;padding:12px 2%} .case_detail .title{font-size:26px} .case_detail .time{font-size:12px;color:#999;padding:10px 0;margin-bottom:10px;border-bottom:1px dashed #ddd} .case_detail .detail{color:#999;line-height:28px} @media screen and (max-width: 768px){ .case_detail{margin-top:12px} .case_detail .title{font-size:20px} } /*上下篇*/ .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}