.newstop{display:flex;flex-wrap:wrap;background:#f4f4f4;border-radius:10px;overflow:hidden;margin-bottom:3em}
.newstop .newstop-img{width:30%;aspect-ratio:var(--newssaspectratio)}
.newstop .newstop-img img{width:100%;height:100%;object-fit:cover}
.newstop .newstop-img:hover img{transform:scale(1.02)}
.newstop .newstop-info{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:3%}
.newstop .newstop-info .title{color:var(--fontcolor);font-size:var(--fontsize26);font-weight:var(--fontbold6);line-height:1.4}
.newstop .newstop-info .title:hover{color:var(--color)}
.newstop .newstop-info .text{color:var(--introcolor);margin:10px 0px}
.newstop .newstop-info .date{color:var(--introcolor);padding-top:10px}
.newstop .newstop-info .date em{color:var(--color);margin-right:5px}
.newstop .newstop-info .more{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #d8d8d8;padding-top:1em;margin-top:4em}
.newstop .newstop-info .more a{transition:all .1s linear}
.newstop .newstop-info .more a:first-child{color:#828898}
.newstop .newstop-info .more a:first-child:hover{color:var(--color)}
.newstop .newstop-info .more a:last-child{width:50px;height:50px;background:var(--bgcolor);display:inline-flex;align-items:center;justify-content:center;color:#FFF;font-size:var(--fontsize18)}
.newstop .newstop-info .more a:last-child:hover{opacity:.9}
@media(max-width:1024px){.newstop .newstop-info .title{font-size:var(--fontsize22)}}
@media(max-width:768px){.newstop{flex-direction:column}
.newstop .newstop-img{width:100%}
.newstop .newstop-info .title{font-size:var(--fontsize18)}
.newstop .newstop-info .more{margin-top:2em}
.newstop .newstop-info .more a:last-child{width:40px;height:40px}}