.video-card{width:100%}.video-card .video-wrap{position:relative}.video-card .video-wrap div{display:block;height:56.25vw;position:relative}.video-card .video-wrap .index{color:#fff;display:inline-block;font-size:12px;font-weight:600;height:23px;left:6px;line-height:20px;padding-left:4px;position:absolute;text-align:center;top:-5px;width:26px}.video-card .video-wrap .index.index1{background:url(../static/v2/hotList/top_num1-3_bg.png);background-size:26px 23px}.video-card .video-wrap .index.index4{background:url(../static/v2/hotList/top_num4-100_bg.png);background-size:26px 23px}.video-card .video-wrap video{background:#000;height:56.25vw;width:100%}.video-card .video-wrap .duration{background:#00000080;bottom:8px;color:#fff;display:inline-block;padding:1px 5px;position:absolute;right:8px}.video-card .video-wrap .play{height:36px;left:calc(50% - 15px);position:absolute;top:calc(50% - 18px);width:30px}.video-card .video-wrap .audio{bottom:6px;height:26px;left:6px;position:absolute;width:26px}.video-card .info{padding:12px 15px 0;text-align:left}.video-card .info h4{color:#1a1a1a;font-size:16px;font-weight:600;text-align:left}.video-card .info p{align-items:center;display:flex;flex-direction:row;height:27px;line-height:17px;overflow:hidden;padding:6px 0 5px;text-overflow:ellipsis;white-space:nowrap}.video-card .info p img{display:inline-block;height:10px;margin-right:3px;width:14px}.video-card .info p span{color:#999;font-size:12px;line-height:12px}.video-card .info p span.viewCount{border-right:1px solid #eee;margin-right:10px;padding-right:10px}.video-card .info p span.professionList{margin-right:5px;white-space:nowrap}.video-card .info .bottom{display:flex;flex-direction:row;justify-content:space-between}.video-card .info .bottom .user-info{align-items:center;display:flex;flex:1;flex-direction:row;max-width:calc(100vw - 130px)}.video-card .info .bottom .user-info .avatar-info{margin-right:8px;position:relative}.video-card .info .bottom .user-info .avatar-info.userType2:before{background:url(../static/v2/hotList/Verified_icon_blue_10.png);background-size:10px;bottom:1px;content:"";display:inline-block;height:10px;left:16px;position:absolute;width:10px}.video-card .info .bottom .user-info .avatar-info img{border:1px solid #f6f6f6;border-radius:13px;height:24px;width:24px}.video-card .info .bottom .user-info .nickname{color:#333;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card .info .bottom .share-warp{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;width:100px}.video-card .info .bottom .share-warp .zan{height:16px;margin-right:3px;width:19px}.video-card .info .bottom .share-warp span{color:#999;font-size:12px;margin-bottom:-4px}.video-card .info .bottom .share-warp span.active{color:#3664ed}.video-card .info .bottom .share-warp .share{height:16px;margin-left:16px;width:16px}