/* 瀑布流：对齐线上 hotInfo waterfall-list-container / benefieList */

.waterfall-list-container{position:relative;width:7.5rem;overflow:hidden;}
.mouLoadTip,.mouNoMore,.mouNoneTip{width:7.5rem;line-height:0.36rem;margin:0 auto;font-size:0.22rem;color:#7a7d7a;text-align:center;overflow:hidden;}
.mouLoadTip,.mouNoneTip{padding:2.32rem 0;}
.mouNoMore{padding:0.3rem 0;}
.benefieList{width:7rem;margin:0.16rem auto 0;}
.benefieList:after{content:"";display:block;clear:both;}
.benefieList li{width:3.36rem;margin:0 0.07rem;margin-top:0.16rem;overflow:hidden;}
.benefieList .default{position:relative;z-index:1;border-radius:0.24rem;overflow:hidden;background:#f6f5f5;/* 替代 :before z-index:-1 被裁切导致灰底丢失 */}
.benefieList .default:before{display:none;}
/* 多图轮播 */
.benefieList .default .swpPictures{width:3.36rem;max-height:6rem;position:relative;z-index:3;overflow:hidden;border-radius:0.24rem 0.24rem 0 0;}
.benefieList .default .swpPictures .swiper-slide{position:relative;overflow:hidden;}
.benefieList .default .swpPictures .swiper-slide:before{background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.3) 100%);width:100%;height:0.7rem;position:absolute;bottom:0;left:0;right:0;z-index:2;content:"";}
.benefieList .default .swpPictures .pic{width:3.36rem;height:100%;}
.benefieList .default .swpPictures .pic img{width:3.36rem !important;max-width:none !important;height:auto;max-height:6rem;object-fit:cover;display:block;}
.benefieList .default .swpPictures .icoTitle{max-height:0.4rem;position:absolute;bottom:0.2rem;left:0.2rem;z-index:7;}
.benefieList .default .swpPictures .icoTitle img{max-height:0.4rem;width:auto !important;max-width:2.5rem !important;height:auto;display:block;}
.benefieList .default .swpPictures .video{background:url(../images/waterfall/benefie_icon_img_video.png?v=001) no-repeat;background-size:100% 100%;width:0.6rem;height:0.6rem;position:absolute;left:50%;margin-left:-0.3rem;top:50%;margin-top:-0.3rem;z-index:2;}
.benefieList .default .swpPictures .swiper-pagination{width:auto;height:0.1rem;right:0.1rem;left:auto;display:flex;justify-content:center;align-items:center;bottom:0.1rem;z-index:10;}
.benefieList .default .swpPictures .swiper-pagination .swiper-pagination-bullet{background:url(../images/waterfall/benefie_icon_img_swp_def.png?v=001) no-repeat;background-size:100% 100%;width:0.1rem;height:0.1rem;opacity:1;border-radius:0;margin:0 0.04rem;}
.benefieList .default .swpPictures .swiper-pagination .swiper-pagination-bullet-active{background-image:url(../images/waterfall/benefie_icon_img_swp_act.png?v=001);width:0.2rem;}
/* 单图 / 视频封面 */
.benefieList .default .img{position:relative;overflow:hidden;border-radius:0.24rem 0.24rem 0 0;width:3.36rem;}
.benefieList .default .img > img{max-height:6rem;width:3.36rem !important;max-width:none !important;height:auto;display:block;object-fit:cover;vertical-align:top;}
.benefieList .default .img .icoTitle{max-height:0.4rem;position:absolute;bottom:0.2rem;left:0.2rem;z-index:7;}
.benefieList .default .img .icoTitle img{max-height:0.4rem;width:auto !important;max-width:2.5rem !important;height:auto;display:block;}
.benefieList .default .img .video{background:url(../images/waterfall/benefie_icon_img_video.png?v=001) no-repeat;background-size:100% 100%;width:0.6rem;height:0.6rem;position:absolute;left:50%;margin-left:-0.3rem;top:50%;margin-top:-0.3rem;z-index:2;}
/* 标题 */
.benefieList .default .txt{line-height:0.36rem;max-height:0.72rem;margin:0.12rem auto 0.16rem;padding:0 0.16rem;font-size:0.26rem;color:#131715;-webkit-text-stroke-width:0.2pt;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;}
/* 用户信息行 */
.benefieList .default .info{height:0.32rem;margin:0 auto 0.2rem;padding:0 0.16rem;display:flex;justify-content:space-between;align-items:center;}
.benefieList .default .info .user{flex:1;min-width:0;display:flex;align-items:center;}
.benefieList .default .info .user img{width:0.32rem !important;height:0.32rem !important;max-width:none !important;border-radius:999rem;flex-shrink:0;margin-right:0.06rem;object-fit:cover;}
.benefieList .default .info .user p{font-size:0.2rem;line-height:0.32rem;color:#7a7d7a;flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.benefieList .default .info .like,.benefieList .default .info .say{flex-shrink:0;margin-left:0.17rem;display:flex;align-items:center;}
.benefieList .default .info .like i,.benefieList .default .info .say i{background-size:100% 100%;background-repeat:no-repeat;width:0.24rem;height:0.24rem;margin-right:0.02rem;display:inline-block;}
.benefieList .default .info .like em,.benefieList .default .info .say em{font-size:0.22rem;color:#7a7d7a;font-style:normal;}
.benefieList .default .info .like i{background-image:url(../images/waterfall/benefie_icon_like.png?v=001);margin-right:0.04rem;}
.benefieList .default .info .liking{padding-left:.26rem;position:relative}
.benefieList .default .info .liking i{background-image:url(../images/waterfall/likingAnt.png?v=001);background-size:10.08rem .42rem;width:.42rem;height:.42rem;position:absolute;top:-.01rem;left:-.11rem;-webkit-animation:moving 1s steps(24) infinite;animation:moving 1s steps(24) infinite}
.benefieList .default .info .liked i{background-image:url(../images/waterfall/benefie_icon_like_act.png?v=001);}
.benefieList .default .info .say i{background-image:url(../images/waterfall/benefie_icon_say.png?v=001);}
/* 热评 */
.benefieList .default .hotcom{background:#faf9f9;padding:0.2rem 0.24rem;border-top:1px dashed #a7a8a7;overflow:hidden;}
.benefieList .default .hotcom p{vertical-align:top;line-height:0.3rem;max-height:0.6rem;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:0.2rem;color:#7a7d7a;word-break:break-all;}
.benefieList .default .hotcom p i{background:url(../images/waterfall/benefie_icon_fire.png?v=001) no-repeat;background-size:100% 100%;width:0.2rem;height:0.23rem;vertical-align:top;margin-right:0.05rem;margin-top:0.03rem;display:inline-block;}
.benefieList .default .hotcom p span{color:#131715;font-weight:500;-webkit-text-stroke-width:0.2pt;}
@-moz-keyframes moving{
from{background-position:0 0}
to{background-position:-10.08rem 0}
}
@-webkit-keyframes moving{
from{background-position:0 0}
to{background-position:-10.08rem 0}
}
@-o-keyframes moving{
from{background-position:0 0}
to{background-position:-10.08rem 0}
}
@keyframes moving{
from{background-position:0 0}
to{background-position:-10.08rem 0}
}