article{margin:0.2rem 0.2rem 0 0.2rem; border-radius:0.2rem; padding:0 0 0.3rem 0;}

article .top{margin:0 0.3rem 0 0.3rem; padding:0.3rem 0 0.15rem 0;}
article .top .l2{margin:0.2rem 0 0 0;}

article .list{position:relative; margin:0.4rem 0 0 0; font-size:0; vertical-align:middle;}
article .list li{display:inline-block; width:2.2rem; margin:0.4rem 0 0 0; padding:0 0.1rem; text-align:center;}
article .list li:nth-child(3n - 1){width:2.7rem;}
article .list .tag{position:relative; display:inline-block; padding:0 0.35rem 0 0.15rem; font-size:0.3rem; color:white; line-height:0.5rem; background-image:-webkit-linear-gradient(17deg, #FF9B00 0%, #FF6A48 94%); background-image:-o-linear-gradient(17deg, #FF9B00 0%, #FF6A48 94%); background-image:linear-gradient(73deg, #FF9B00 0%, #FF6A48 94%);}
article .list .tag:after{content:""; width:0; height:0; border:0.25rem solid transparent; border-right-color:white; position:absolute; top:0;right:-0.12rem; -webkit-transform:scaleX(0.6); -ms-transform:scaleX(0.6); transform:scaleX(0.6);}
article .list .ic{width:1.6rem; height:1.6rem;}
article .list .title{margin-top:0.2rem;font-size:0.3rem;color: #444;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis;text-overflow:ellipsis;}
article .list .info{margin:0.16rem 0 0 0; font-size: 0.24rem;color: #AAA; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis;text-overflow:ellipsis;}
article .list .btn-download{margin:0.3rem 0 0 0; border: 1px solid #FF6D45;border-radius: 0.28rem; padding:0 0.34rem; font-size:0.3rem; line-height:0.5rem; color:#FF6D45; letter-spacing:0.06rem;}
article .list .info a{
    color:#AAA;
}
article .list .title a{
	color:#444;
	
}