.news-list { margin-top: 30px; margin-bottom: 40px; }
.news-list .news-item { border-top: 1px dashed #ddd; overflow: hidden; position: relative; }
.news-list .news-item:first-child { border-top: none; }
.news-list .news-item::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 0; width: 100%; height: 100%; background-color: #fafafa; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-list .news-item .item-wrap { padding: 25px 0; position: relative; z-index: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-list .news-item .item-wrap .news-img { float: left; width: 220px; background: #898989; }
.news-list .news-item .item-wrap .news-info { float: right; padding: 0 50px; width: 1080px; }
.news-list .news-item .item-wrap .news-info .news-title { font-size: 18px; line-height: 2; color: #333333; margin-bottom: 10px; }
.news-list .news-item .item-wrap .news-info .news-desc { color: #807f7f; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 56px; }
.news-list .news-item .item-wrap .news-info .news-meta { padding-top: 20px; font-size: 12px; color: #999999; }
.news-list .news-item .item-wrap .news-info .news-meta span { vertical-align: middle; margin-left: 5px; }
.news-list .news-item .item-wrap .news-info .news-meta .news-view { margin-left: 20px; }
.news-list .news-item:hover::before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; }
.news-list .news-item:hover .item-wrap { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }