.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}.isLoad[data-v-87cbd6b7]{color:#333;font-size:16px;height:100px;line-height:100px;text-align:center;width:100%}.hot-list[data-v-87cbd6b7]{background:#fff;min-height:100vh}.hot-list .hot-header[data-v-87cbd6b7]{position:relative}.hot-list .hot-header img[data-v-87cbd6b7]{width:100%}.hot-list .hot-header .title[data-v-87cbd6b7]{color:#fff;font-size:28px;font-weight:600;height:32px;left:calc(50% - 150px);position:absolute;text-align:center;top:50%;width:300px}.hot-list .hot-header .notice[data-v-87cbd6b7]{color:#fff;font-size:12px;left:calc(50% - 90px);position:absolute;text-align:center;top:calc(50% + 45px);width:180px}.hot-list .nav[data-v-87cbd6b7]{background:#fff;border-bottom:1px solid #f6f6f6;display:flex;flex-direction:row;height:50px;justify-content:center;width:100vw;z-index:9}.hot-list .nav.navTop[data-v-87cbd6b7]{left:0;position:fixed;top:0}.hot-list .nav.navTop.isInApp[data-v-87cbd6b7]{top:45px}.hot-list .nav li[data-v-87cbd6b7]{line-height:50px;padding:0 34px}.hot-list .nav li a[data-v-87cbd6b7]{display:block}.hot-list .nav li a span[data-v-87cbd6b7]{color:#999;display:block;font-size:17px;height:50px}.hot-list .nav li a span.active[data-v-87cbd6b7]{border-bottom:2px solid #0a0a0a;color:#0a0a0a;font-weight:500}.hot-list .hot-sk[data-v-87cbd6b7]{padding:30px 0 20px}.hot-list .video-list[data-v-87cbd6b7]:after{min-height:calc(100% + 1px)}.hot-list .video-list.videoFixed[data-v-87cbd6b7]{margin-top:50px}.hot-list .video-list ul[data-v-87cbd6b7]{padding:10px 0}.hot-list .video-list ul li[data-v-87cbd6b7]{padding:20px 0}