@charset "utf-8";
/* CSS Document */

.app-1{ width:100%; float:left; overflow:hidden;}
.app-1 dl{ width:30.8%; float:left; overflow:hidden; margin-right:3.8%; border:1px solid #eee; margin-bottom:40px; box-sizing:border-box; }
.app-1 dl:nth-child(3n){ margin-right:0}
.app-1 dl h4{ width:100%; float:left; overflow:hidden; line-height:25px; padding:15px; box-sizing:border-box}
.app-1 dl h4 span{ display:block; float:left; height:25px; line-height:25px; padding:0 13px; border-radius:3px; margin-right:10px; font-size:12px; font-weight:bold;}
.app-1 dl h6{ width:100%; float:left; overflow:hidden; margin-bottom:15px}
.app-1 dl img{ width:100%; float:left; overflow:hidden;  transition: all 0.5s;}
.app-1 dl:hover img{transform: scale(1.1);}

.app-1 dl h4 span:first-child{ background:#f5f7fc; color:#26ae61; }
.app-1 dl h4 span:nth-child(2){ background:#fe9703; color:#fff;}
.app-1 dl h4 span:nth-child(3){ background:#ff4545; color:#fff;}

.app-1 dl ul{ width:408px; padding:15px; float:left; overflow:hidden}
.app-1 dl dt{ width:100%; float:left; overflow:hidden; line-height:20px; margin-bottom:10px}
.app-1 dl dt a{ font-size:18px; color:#333; font-weight:bold}
.app-1 dl dt a:hover{ color:#fe9703; text-decoration:underline}
.app-1 dl dd{ width:100%; float:left; overflow:hidden; line-height:22px; font-size:14px; color:#808c9d; text-transform:uppercase; height:44px; margin-bottom:15px;}
.app-1 dl h5{ width:100%; float:left; overflow:hidden; line-height:26px; font-weight:normal; font-size:14px; text-indent:19px; color:#999; background:url(click01.png) no-repeat 0 5px}
.app-1 dl h5 span{ float:right; line-height:26px}
.app-1 dl h5 span a{ color:#ec6c00; text-decoration:underline}
.app-1 dl h5 a:hover{ color:#fe9703}


@media (max-width:767px){
	
	


	
	
	
	
	
}