.itemBorder{border-bottom: 1px dashed gray;padding: 5px 0;}
.item{margin: 8px;}
.item .articleImg{float:left; width: 24%; position: relative; text-align:center; margin-right:10px; background:#eee;}
.item .articleImg img{max-width: 100%; max-height: 150px;}
.item .articleInfo{}
.item .title{font-size:1.4em; line-height:1.6em;font-weight:bold; color:#444;}
.item .articleShortContent{color:#666;font-size:1.1em;line-height:1.5em;}
.item .info span{font-size:0.9em; line-height:1.2em; color:#aaa;}
.item .num{font-size: 0.8em; float:right; }

@media(max-width:640px){
.item .articleImg{width:28%;}
}
@media(max-width:480px){
.item .articleImg{width:35%;}
}