.articleList .item{display:flex;padding:20rpx;margin:0;background:#fff;margin-bottom:20rpx}.articleList .item:last-child{margin-bottom:0}.articleList .text-wrap{flex:1;display:flex;flex-direction:column;padding:0 0 6rpx 24rpx}.articleList .title-wrap{flex:1}.articleList .title{font-size:30rpx;line-height:42rpx;color:#333}.articleList .label-wrap{margin-top:16rpx;font-size:0}.articleList .label{display:inline-flex;flex-wrap:nowrap;height:28rpx;padding:0 6rpx;border:1rpx solid #e93323;border-radius:6rpx;font-size:20rpx;color:#e93323}.articleList .image-wrap{width:240rpx;height:152rpx}.articleList .time-wrap{display:flex;font-size:24rpx;line-height:34rpx;color:#999}.articleList .time-wrap .time-wrap-item:first-child{flex:1}.articleList .like-wrap{display:flex}.articleList .view{flex:1}.articleList .view.on{margin-right:0}.articleList .iconfont{margin-right:8rpx;font-size:28rpx}.articleList.large .item{flex-direction:column;padding:0}.articleList.large .text-wrap{padding:32rpx 24rpx}.articleList.large .image-wrap{width:100%;height:320rpx;margin-top:24rpx}.articleList.large .time-wrap{margin-top:24rpx}.articleList.small{display:flex;flex-wrap:wrap;justify-content:space-between}.articleList.small .item{flex-direction:column;width:calc(50% - 10rpx);padding:0;margin-bottom:20rpx;box-sizing:border-box}.articleList.small .text-wrap{padding:20rpx 20rpx 18rpx;box-sizing:border-box}.articleList.small .image-wrap{width:100%;height:auto;aspect-ratio:342/216}.articleList.small .label-wrap{margin-top:16rpx}.articleList.small .time-wrap{margin-top:16rpx}.articleList.small .like-wrap{justify-content:space-between}