body{background-color:#F7F7F7}.news-list .list{gap:30px;flex-wrap:wrap}.news-list .list .item{gap:25px;background-color:#fff;box-shadow:0 0 10px #bdbdbd70;padding:25px;width:calc((100% - 30px * 2) / 3);transition:all .3s ease-in-out}.news-list .list .item .date{font-size:14px;color:var(--color-grey)}.news-list .list .item .title{font-size:20px;color:var(--color-default);font-weight:bold;min-height:60px}.news-list .list .item .img{width:100%;height:200px}.news-list .list .item .img img{width:100%;height:100%;object-fit:cover}.news-list .list .item .desc{font-size:16px;color:var(--color-default);text-align:justify}.news-list .list .item .more{border-top:1px solid #bdbdbd70;padding-top:15px}.news-list .list .item .more span{font-size:22px;color:var(--color-grey)}.news-list .list .item .more i{width:55px;height:55px;background-color:#F9F9F9;border:1px solid #D9D9D9;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:22px;color:var(--color-default);transform:rotate(-45deg);transition:all .3s ease-in-out}.news-list .list .item:hover{background-color:var(--color-primary)}.news-list .list .item:hover .date,.news-list .list .item:hover .title,.news-list .list .item:hover .desc,.news-list .list .item:hover .more{color:#fff}.news-list .list .item:hover .more span{color:#fff}.news-list .list .item:hover .more i{transform:rotate(0deg);color:var(--color-primary)}@media screen and (max-width:768px){.news-list .list{gap:20px}.news-list .list .item{gap:20px;width:calc((100% - 30px * 0) / 1)}.news-list .list .item .date{font-size:12px}.news-list .list .item .title{font-size:18px;min-height:auto}.news-list .list .item .img{height:140px}.news-list .list .item .desc{font-size:14px}.news-list .list .item .more{padding-top:10px}.news-list .list .item .more span{font-size:16px}.news-list .list .item .more i{width:30px;height:30px;font-size:16px}}