renshou/template/interactive/index.css

.hd-box{background-color: #f5f6f7;padding: 0 0 20rpx;overflow: hidden;}
.hd-view{border-radius: 20rpx;}
.hd-nav{padding-top: 10rpx;padding-bottom: 10rpx;}
.hd-nav view{font-size: 24rpx;color: #999999;margin-left: 12rpx;}
.ht-tit{width: 230rpx;height: 42rpx;}
.more{width: 16rpx;height: 27rpx;}
.int-list{margin-top: 20rpx;height: 382rpx;overflow: hidden;}
.int-lists{white-space: nowrap;height: 362rpx;}
.int-list .li{display: inline-block;width: 405rpx;height: 362rpx;background: linear-gradient(180deg, #FFDDCF 0%, #FFFFFF 20%, #FFFFFF 100%);border-radius: 20rpx;padding: 25rpx 20rpx 0;box-sizing: border-box;margin-right: 20rpx;vertical-align: top;}
.int-list .li:first-child{margin-left: 20rpx;}
.int-list .li:last-child{margin-right: 20rpx;}
.int-list .li:nth-child(2n){background: linear-gradient(180deg, #E3E3FF 0%, #FFFFFF 20%, #FFFFFF 100%);}
.int-userimg{width: 66rpx;height: 66rpx;margin-right: 15rpx;border-radius: 50%;}
.int-name{font-size: 28rpx;color: #333;}
.int-name view{max-width: 230rpx;}
.vip-tag{width: 41rpx;height: 31rpx;margin-left: 10rpx;}
.int-time{font-size: 24rpx;color: #999;margin-top: 5rpx;}
.int-des{font-size: 24rpx;color: #000;line-height: 40rpx;white-space: normal;margin-top: 25rpx;word-wrap: break-word;}
.int-des>rich-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 40rpx;
    max-height: 80rpx;
}
.int-img{margin-top: 20rpx;}
.int-img image{width: 111rpx;height: 111rpx;border-radius: 10rpx;margin-right: 17rpx;}
.int-img image:last-child{margin-right: 0;}