.article{padding: 0 0.15625rem; background: #fff;}
.article .list{margin: 0.15625rem 0; position: relative;}
.article .list::after{content: ''; width: 100%; height: 0.00520833rem; background: #eee; position: absolute; left: 0; bottom: -0.07291667rem;}
.article .list:last-of-type::after{content: ''; width: 0; height: 0; background: #eee; position: absolute; left: 0; bottom: -0.02864583rem;}
.article .list:first-of-type{margin: 0;}
.article .list li{line-height: 0.234375rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; transition: all 0.3s ease-in-out;}
.article .list li:last-child{border-bottom: none;}
.article .list li:hover{animation: 0.15s forwards info-item-in;}
.article .list li a div{overflow: hidden; text-overflow: ellipsis;}
.article .list li:hover a{color: #D6000F;}
.article .list li .article-title{width: 70%; float: left; padding-left: 0.10416667rem; font-size: 0.09375rem; color: #333; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.article .list li .article-title::before{content: ''; width: 0.02604167rem; height: 0.02604167rem; border-radius: 0.13020833rem; position: absolute; left: 0.04166667rem; top: 0.10416667rem; background: #666;}
.article .list li .article-date{width: 25%; color: #969696; float: right; text-align: right; padding-right: 0.10416667rem; font-size: 0.09375rem;}