/* by Adon , CSS Document */

.case{float:left;width:100%;color:#5c5c5c}
.case .p1{font-size:40px}
.case .p2{margin:5px 0 10px;font-size:35px;line-height:40px}
.case .p3{font-size:18px}
.case ul{float:left;margin-top:12%;width:100%}
.case ul li{float:left;margin-bottom:5%;width:32.5%;margin-right:1%;font-size:13px}
.case ul li.clear{ margin-right:0;}
.case ul li a{color:#5c5c5c}
.case ul li span{display:block;overflow:hidden;margin:22px 0;text-overflow:ellipsis;white-space:nowrap;font-size:18px;padding-right:25px;}
.case ul li p{height:36px;color:#838383;overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:25px;}
.case ul li em{display:block;margin:40px 0 20px 0;height:12px;background:url(../img/case.png) no-repeat left bottom;border-top:1px solid #d9d9d9;padding-top:30px;}
.case ul li:hover span{color:#d2965c}
.case-view{float:left;margin-bottom:10%;width:100%;color:#5c5c5c;font-size:13px}
.case-view .case-title{display:block;max-width:675px;font-size:30px}
.case-view .case-time{margin-top:40px}
.case-view .case-time font{margin-right:25px}
.case-view .case-time em{display:block;margin:40px 0 8%;height:15px;background:url(../img/case2.png) no-repeat left}
.case-view .case-content{color:#838383;line-height:22px}
.case-view .case-content img,.case-view .case-content input,.case-view .case-content input[type=image]{ height:100% !important; width:100% !important;}

@media (max-width:768px){
.case .p1{font-size:33px}
.case .p2{font-size:30px}
.case .p3{font-size:16px}
.case ul li{width:48%; margin-left:1% !important; margin-right:1% !important;}
}
@media (max-width:640px){
.case .p1{font-size:26px}
.case .p2{font-size:20px;line-height:28px}
.case .p3{font-size:13px}
.case-view .case-title{font-size:26px}
}
@media (max-width:480px){
.case ul{margin-top:20%}
.case ul li{margin-right:0;margin-bottom:10%;margin-left:0;width:100%}
.case ul li span{font-size:16px; margin:15px 0;}
.case ul li p{height:auto}
.case-view .case-title{font-size:22px}
.case-view .case-time,.case-view .case-time em{margin-top:30px}
.case ul li em{ margin-top:30px;}
}
@media (max-width:320px){
.case-view .case-title{font-size:20px}
.case ul li span{font-size:14px}
.case ul li,.case-view{font-size:12px}
}