.video-item[data-v-f840fffc]{cursor:pointer;padding-bottom:40px;width:280px}.video-item .make-loading[data-v-f840fffc]{background:#000;box-sizing:border-box;color:#ccd2dd;display:flex;flex-flow:column;height:100%;justify-content:center;padding:0 50px;text-align:center;width:100%}.video-item .video-body[data-v-f840fffc]{border-radius:10px;height:18vw;overflow:hidden;position:relative;width:100%}.video-item .video-body .video-cover[data-v-f840fffc],.video-item .video-body video[data-v-f840fffc]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video-item .video-body video[data-v-f840fffc]{background-color:rgba(0,0,0,.6);display:none;left:0;position:absolute;top:0;z-index:2}.video-item .video-body .video-handle[data-v-f840fffc]{align-items:center;backdrop-filter:blur(5px);background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));bottom:0;box-sizing:border-box;display:flex;gap:10px;height:32px;justify-content:right;line-height:32px;opacity:0;padding:0 10px;position:absolute;transition:all .3s;width:100%;z-index:4}.video-item .video-body .video-handle .iconfont[data-v-f840fffc],.video-item .video-body .video-handle svg[data-v-f840fffc]{color:#fff;font-size:20px;opacity:.7}.video-item .video-body .video-handle .iconfont[data-v-f840fffc]:hover,.video-item .video-body .video-handle svg[data-v-f840fffc]:hover{opacity:1}.video-item .video-body .video-handle .iconfont.loading[data-v-f840fffc],.video-item .video-body .video-handle svg.loading[data-v-f840fffc]{animation:blink-f840fffc 1s ease-in-out infinite;cursor:wait}.video-item .video-body .video-handle>.iconfont[data-v-f840fffc],.video-item .video-body .video-handle>svg[data-v-f840fffc]{margin:0}.video-item .video-body .duration[data-v-f840fffc]{background:rgba(0,0,0,.6);border-radius:12px;bottom:5px;color:#fff;font-size:12px;height:24px;line-height:24px;padding:0 10px;position:absolute;right:5px;z-index:2}.video-item .video-body:hover .video-handle[data-v-f840fffc]{opacity:1}.video-item .video-body:hover .duration[data-v-f840fffc]{display:none}.video-item .video-body:hover video[data-v-f840fffc]{display:block}.video-item .video-info[data-v-f840fffc]{display:flex;gap:10px;padding-top:10px}.video-item .video-info .video-params[data-v-f840fffc]{color:#81879f;display:flex;flex:1;flex-flow:column;font-size:12px;gap:5px;position:relative}.video-item .video-info .video-params .video-name[data-v-f840fffc]{color:#f2f2f2;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:230px}.video-item .video-info .video-params .author-name[data-v-f840fffc],.video-item .video-info .video-params .like-num[data-v-f840fffc],.video-item .video-info .video-params .play-info[data-v-f840fffc]{color:#777;font-size:12px}.video-item .video-info .video-params .author-name[data-v-f840fffc]{align-items:center;display:flex;gap:5px}.video-item .video-info .video-params .like-num[data-v-f840fffc]{bottom:0;cursor:pointer;position:absolute;right:0}.video-item .video-info .video-params .like-num svg[data-v-f840fffc]{font-size:16px;margin-right:5px}.video-item .video-info .video-params .like-num[data-v-f840fffc]:hover{color:#fff}@keyframes blink-f840fffc{0%{opacity:0}50%{opacity:1}to{opacity:0}}.user-info[data-v-9de68bd6]{display:flex;position:relative;width:100%}.user-info .open-btn[data-v-9de68bd6]{align-items:center;background-color:#2a2832;border-radius:0 20px 20px 0;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:92px;justify-content:center;left:320px;position:fixed;transition:all .3s;width:14px}.user-info .open-btn i[data-v-9de68bd6]{color:#7f8792;font-size:16px}