.read-list{margin-left:-40px}.read-list .list{position:relative;padding:0 0 15px 15px;margin:60px 0 0 40px;overflow:hidden}.read-list .list:hover .pic:before{background-color:#c3002f}.read-list .list .pic{float:left;width:200px;position:relative}.read-list .list .pic:before{content:'';position:absolute;width:100%;height:100%;left:-15px;top:15px;z-index:-1;background-color:#eee;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.read-list .list .pic img{width:100%}.read-list .list .cont-box{padding-left:220px}.read-list .list .time{font-size:22px;color:#c3002f;font-weight:700}.read-list .list .des li{margin-top:10px;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.read-list .list .des li span{margin-right:5px;color:#c3002f;font-size:15px}.read-list .list .btn-box{position:absolute;left:215px;bottom:15px;right:0;background-color:#eee;padding:20px}@media (max-width:1024px){.read-list{padding:0 15px}.read-list .list{margin-top:40px}.read-list .list .pic{width:150px}.read-list .list .cont-box{padding-left:165px}.read-list .list .btn-box{left:165px;padding:15px}.read-list .list .des li{margin-top:6px}}@media (max-width:374px){.read-list{padding:0 15px}.read-list .list .time{font-size:18px}.read-list .list .pic{width:130px}.read-list .list .cont-box{padding-left:145px}.read-list .list .btn-box{left:145px;position:static;margin-top:10px}.read-list .list .des li{margin-top:5px}}