#news,#news .trends{width:100%;height:100%}#news .trends{display:flex;padding:8rem 8% 1.2rem}#news .trends .left{width:20%}#news .trends .left .title{font-size:2rem;margin-bottom:1rem;font-family:SourceHanSansSC-Medium}#news .trends .left .description{font-size:1.2rem;width:11.875rem;color:#444;margin-bottom:4rem;font-family:OPlusSans3-Regular}#news .trends .left .arr-right i{font-size:6rem;color:#0b847b;cursor:pointer}#news .trends .right{flex:1}#news .trends .right .news-box{display:flex;flex-wrap:wrap;height:100%}#news .trends .right .news-box .news-item{width:48.5%;height:30%;margin-right:3%;margin-bottom:1.5%;background:#fff;box-sizing:border-box;border:.0625rem solid #ededed;border-radius:1rem;box-shadow:0 0 .625rem .125rem #eee;display:flex;transition:all .5s;cursor:pointer}#news .trends .right .news-box .news-item .description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}#news .trends .right .news-box .news-item:nth-of-type(2n){margin-right:0}#news .trends .right .news-box .news-item:nth-child(5),#news .trends .right .news-box .news-item:nth-child(6){margin-bottom:0}#news .trends .right .news-box .news-item:hover{background-image:url(../img/news-bg.af59b47c.png);background-size:cover;background-position:50%;color:#fff;transform:scale(1.1);-ms-transform:scale(1.1);transition:all 1s ease}#news .trends .right .news-box .news-item:hover .description,#news .trends .right .news-box .news-item:hover .year{color:#fff!important}#news .trends .right .news-box .news-item:hover .description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}#news .trends .right .news-box .news-item .new-left{width:30%;padding:3%}#news .trends .right .news-box .news-item .new-left .new-cont{border-bottom:.0625rem solid #ddd}#news .trends .right .news-box .news-item .new-left .new-cont .mounth{font-size:1.5rem;margin-bottom:.625rem;font-family:SourceHanSansSC-Medium}#news .trends .right .news-box .news-item .new-left .new-cont .year{font-size:1rem;color:#444;margin-bottom:2rem;font-family:OPlusSans3-Regular}#news .trends .right .news-box .news-item .new-right{flex:1;padding:3%}#news .trends .right .news-box .news-item .new-right .title{font-size:1.2rem;margin-bottom:5%;font-family:SourceHanSansSC-Medium}#news .trends .right .news-box .news-item .new-right .description{font-size:1rem;color:#666;font-family:OPlusSans3-Regular}