.top-images{background-image:url("../images/news/top.jpg");background-position:50% 90%}.news-list{display:flex;flex-wrap:wrap;margin:0 -4% -10%}.news-item{width:25.3333%;margin:0 4% 10%}.news-item:hover .news-btn:after{transform:scaleX(1);transform-origin:left center}.news-item:hover .news-img:after{animation:btn-mask .6s}.news-item:hover .news-img img{filter:grayscale(0)}.news-img{overflow:hidden;position:relative}.news-img img{filter:grayscale(1);transition:filter .6s}.news-img:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#fff;opacity:.6}.news-info{margin:20px 0;font-size:.75rem}.news-title{font-size:.875rem;color:#000}.news-btn{position:relative;width:-moz-fit-content;width:fit-content;margin-top:30px;font-size:.75rem}.news-btn:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#ccc;transform:scaleX(0);transform-origin:right center;transition:transform .6s}@keyframes btn-mask{0%{width:0%;margin-left:0}50%{width:100%;margin-left:0%}100%{width:0;margin-left:100%}}@media screen and (max-width: 1440px){.news-inner{padding:0 60px}.news-list{margin:0 -2% -10%}.news-item{width:29.3333%;margin:0 2% 10%}}@media screen and (max-width: 1100px){.news-img img{filter:grayscale(0)}}@media screen and (max-width: 960px){.news-item{width:46%}}@media screen and (max-width: 640px){.news-inner{padding:0 5vw}.news-list{max-width:400px;margin:0 auto -10%}.news-item{width:100%;margin:0 0% 10%}}