.font-xs[data-v-2862ea89]{font-size:12px}.font-sm[data-v-2862ea89]{font-size:14px}.font-base[data-v-2862ea89]{font-size:16px}.font-lg[data-v-2862ea89]{font-size:18px}.font-xl[data-v-2862ea89]{font-size:20px}.file-list-wrapper[data-v-2862ea89]{height:100%;background:#1c1d24;position:relative;border-right:1px solid #30323b}.file-list-wrapper .list-mask[data-v-2862ea89]{position:absolute;top:54px;left:0;width:100%;height:calc(100% - 54px);background:#0c0c15}.file-list-wrapper .list-mask img[data-v-2862ea89]{width:100%;-o-object-fit:contain;object-fit:contain}.file-list-wrapper .file-list-header[data-v-2862ea89]{width:100%;height:54px;line-height:54px;color:#fff;font-size:16px;border-bottom:1px solid #30323b}.file-list-wrapper .file-list-header .file-style[data-v-2862ea89]{white-space:nowrap;height:100%;display:flex;width:100%;justify-content:space-between;align-items:center;padding:0 16px 0 16px}.file-list-wrapper .file-list-header .file-style .iconWrap[data-v-2862ea89]{display:flex}.file-list-wrapper .file-list-header .file-style .icon-size[data-v-2862ea89]{font-size:20px;width:32px;height:32px;text-align:center;line-height:32px;cursor:pointer;border-radius:4px;color:#c5c7d4}.file-list-wrapper .file-list-header .file-style .icon-size[data-v-2862ea89]:hover{background:#272830;color:#fff}.file-list-wrapper .file-list-header .file-style .icon-size.close[data-v-2862ea89]{margin-left:10px}.file-list-wrapper .file-list-header .file-style .icon-size.closeLeft[data-v-2862ea89]{margin-left:0;position:relative;right:10px}.file-list-wrapper .file-list-header .spaceBetween[data-v-2862ea89]{justify-content:space-between}.file-list-wrapper .file-list-content[data-v-2862ea89]{height:calc(100vh - 104px);overflow:auto;display:flex;flex-direction:column}.file-list-wrapper .file-list-content[data-v-2862ea89]::-webkit-scrollbar{display:none;width:0!important}.file-list-wrapper .file-list-content .thumb[data-v-2862ea89]{margin-left:16px}.file-list-wrapper .file-list-content .project-name[data-v-2862ea89]{width:100%;height:44px;padding-left:14px;line-height:44px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;flex-shrink:0}.file-list-wrapper .file-list-content .project-name .icon-size[data-v-2862ea89]{margin-right:10px;font-size:14px;cursor:pointer}.file-list-wrapper .file-list-content ul[data-v-2862ea89]{flex:1}.file-list-wrapper .file-list-content ul li[data-v-2862ea89]{width:100%;height:72px;color:#c5c7d4;display:flex;align-items:center;cursor:pointer;position:relative}.file-list-wrapper .file-list-content ul li.active[data-v-2862ea89]{background:#272830;box-shadow:inset -.25rem 0 0 0 #3852fe}.file-list-wrapper .file-list-content ul li.active .file-name[data-v-2862ea89]{color:#fff!important}.file-list-wrapper .file-list-content ul li[data-v-2862ea89]:hover{background:#272830}.file-list-wrapper .file-list-content ul li .video-thum-mask[data-v-2862ea89]{position:absolute;top:12px}.file-list-wrapper .file-list-content ul li img[data-v-2862ea89]{width:48px;height:48px;margin-left:16px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.file-list-wrapper .file-list-content ul li .lock-icon[data-v-2862ea89]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-left:16px;border-radius:4px}.file-list-wrapper .file-list-content ul li .lock-icon img[data-v-2862ea89]{margin-left:0;width:26px;height:26px}.file-list-wrapper .file-list-content ul li .transcode[data-v-2862ea89]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,.6);width:56px;height:56px;margin-left:16px}.file-list-wrapper .file-list-content ul li .transcode.is-transcoding[data-v-2862ea89]{background-color:#20222b}.file-list-wrapper .file-list-content ul li .transcode .icon-size[data-v-2862ea89]{font-size:46px;color:#fff}.file-list-wrapper .file-list-content ul li .transcode .loading-img[data-v-2862ea89]{width:46px}.file-list-wrapper .file-list-content ul li .transcode .transcode-text[data-v-2862ea89]{padding-top:16px;font-size:16px;font-weight:500;color:#868c97}.file-list-wrapper .file-list-content ul li .file-info-box[data-v-2862ea89]{width:190px;height:44px;margin-left:8px}.file-list-wrapper .file-list-content ul li .file-info-box .file-info-topBox[data-v-2862ea89]{display:flex;width:100%}.file-list-wrapper .file-list-content ul li .file-info-box .file-info-topBox .top-sign[data-v-2862ea89]{min-width:24px;height:24px;color:#000;background:#ff9d3c;border-radius:4px;text-align:center;line-height:24px;margin-right:8px}.file-list-wrapper .file-list-content ul li .file-info-box .file-info-topBox .version-count[data-v-2862ea89]{min-width:24px;height:24px;color:#c5c7d4;background:#40424d;border-radius:4px;text-align:center;line-height:24px;margin-right:8px}.file-list-wrapper .file-list-content ul li .file-info-box .file-info-topBox .file-name[data-v-2862ea89]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#c5c7d4}.file-list-wrapper .file-list-content ul li .file-info-box .file-info[data-v-2862ea89]{color:#9094a6;margin-top:4px;font-size:12px}.file-list-wrapper .file-list-content ul li .file-info-box .subInfo-content[data-v-2862ea89]{display:flex;align-items:center;margin-top:4px}.file-list-wrapper .file-list-content ul li .file-info-box .subInfo-content .sub-img[data-v-2862ea89]{margin:0 5px 0 0;display:inline-block;width:12px;height:12px}.file-list-wrapper .file-list-content ul li .file-info-box .subInfo-content .link-text[data-v-2862ea89]{font-size:12px;color:#9094a6}.file-list-wrapper .file-list-content .loading[data-v-2862ea89]{width:28px;height:28px;margin-top:10px;margin-bottom:10px;margin-left:138px}.file-list-wrapper .file-list-content .empty-folder-wrapper[data-v-2862ea89]{flex:1;display:flex;justify-content:center;flex-direction:column;align-items:center;background:#0c0c15}.file-list-wrapper .file-list-content .empty-folder-wrapper .empty-folder-img[data-v-2862ea89]{width:56px;height:56px}.file-list-wrapper .file-list-content .empty-folder-wrapper .empty-folder-text[data-v-2862ea89]{width:100%;height:24px;text-align:center;line-height:24px;color:#9094a6;font-size:14px}.font-xs[data-v-59109ae2]{font-size:12px}.font-sm[data-v-59109ae2]{font-size:14px}.font-base[data-v-59109ae2]{font-size:16px}.font-lg[data-v-59109ae2]{font-size:18px}.font-xl[data-v-59109ae2]{font-size:20px}.page-header[data-v-59109ae2]{width:100%;height:56px;font-size:18px;color:#fff;padding:0 16px;background:#1c1d24;border-bottom:1px solid #30323b}.page-header .file-name[data-v-59109ae2]{font-weight:500;font-size:18px;color:#fff}.page-header .back-btn[data-v-59109ae2]{position:relative;width:32px;height:32px;margin-right:18px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:4px;transition:background-color .3s}.page-header .back-btn[data-v-59109ae2]:after{content:"";display:block;position:absolute;width:1px;height:24px;top:50%;transform:translateY(-50%);right:-9px;background:#40424d}.page-header .back-btn[data-v-59109ae2]:hover{background:#272830}.page-header .back-btn .icon-size[data-v-59109ae2]{font-size:20px;padding:9px;border-radius:4px;color:#3468fe}.page-header .back-btn .icon-size[data-v-59109ae2]:hover{background-color:#272830}.page-header .toggle-icon-wrap[data-v-59109ae2]{width:32px;height:32px;display:flex;justify-content:center;align-items:center;margin-right:12px}.page-header .toggle-icon-wrap span[data-v-59109ae2]{color:#c5c7d4;cursor:pointer;font-size:20px}.page-header .toggle-icon-wrap[data-v-59109ae2]:hover{background:#272830;border-radius:4px}.page-header .btn-style[data-v-59109ae2]{display:flex;justify-content:center;align-items:center;border-radius:4px;height:36px;padding:0 16px;font-size:14px;transition:background-color .3s}.page-header .btn-style.copy-btn[data-v-59109ae2]{background:#3468fe;margin-left:8px}.page-header .btn-style.download-btn[data-v-59109ae2]{background:#272830;border:1px solid #30323b}.page-header .btn-style.is-grey[data-v-59109ae2]{background-color:#1c1d24;color:#9094a6}.page-header .btn-style.is-grey[data-v-59109ae2]:hover{background:#1c1d24}.page-header .btn-style .icon-size[data-v-59109ae2]{font-size:20px;padding-right:8px;position:relative;top:1px}.video-wrapper[data-v-59109ae2]{width:calc(100vw - 128px);height:calc(100vh - 109px);margin:0 auto}.content-wrapper[data-v-59109ae2]{display:flex;justify-content:space-between;width:100%;height:calc(100vh - 56px);background:#15151d}.content-wrapper .silde-transtion-box[data-v-59109ae2]{width:0;transition:all .3s cubic-bezier(0,1,.5,1)}.content-wrapper .silde-transtion-box.isActive[data-v-59109ae2]{width:280px;transition:all .3s cubic-bezier(0,1,.5,1)}.content-wrapper .player-content-wrapper[data-v-59109ae2]{display:flex;flex-direction:column;align-items:center;flex:1;overflow:auto}.content-wrapper .player-content-wrapper .control-content-wrapper[data-v-59109ae2]{display:flex;justify-content:space-between;align-items:center;width:100%;height:65px;margin-right:1px;background:#161a2c;color:#fff;padding:0 32px}.content-wrapper .player-content-wrapper .control-content-wrapper .left-control-content[data-v-59109ae2]{display:flex}.content-wrapper .player-content-wrapper .control-content-wrapper .left-control-content .review-control[data-v-59109ae2],.content-wrapper .player-content-wrapper .control-content-wrapper .left-control-content .version-control[data-v-59109ae2]{height:28px;line-height:28px;text-align:center}.content-wrapper .player-content-wrapper .control-content-wrapper .left-control-content .review-control[data-v-59109ae2]{width:72px}.content-wrapper .player-content-wrapper .control-content-wrapper .left-control-content .version-control[data-v-59109ae2]{margin-left:28px;width:52px}.content-wrapper .player-content-wrapper .control-content-wrapper .right-control-content[data-v-59109ae2]{display:flex}.content-wrapper .player-content-wrapper .control-content-wrapper .right-control-content .copy-control[data-v-59109ae2],.content-wrapper .player-content-wrapper .control-content-wrapper .right-control-content .download-control[data-v-59109ae2],.content-wrapper .player-content-wrapper .control-content-wrapper .right-control-content .share-control[data-v-59109ae2]{height:28px;width:72px;line-height:28px;text-align:center;background:#323a58}.content-wrapper .player-content-wrapper .control-content-wrapper .right-control-content .copy-control[data-v-59109ae2],.content-wrapper .player-content-wrapper .control-content-wrapper .right-control-content .share-control[data-v-59109ae2]{margin-left:12px}.content-wrapper .player-content-wrapper .file-player-content[data-v-59109ae2]{position:relative;width:95%;margin:15px 0}.content-wrapper .player-content-wrapper .filePlayerLoad[data-v-59109ae2]{background:#2a2c36}.content-wrapper .player-content-wrapper .file-features-content[data-v-59109ae2]{display:flex;flex-direction:column;padding:10px 16px 0 16px;box-sizing:border-box;width:95%;height:140px;border-radius:8px;border:2px solid transparent;background-color:#30323b;margin-bottom:20px}.content-wrapper .player-content-wrapper .file-features-content.guide-wrapper[data-v-59109ae2]{border:2px dashed #fff}.content-wrapper .player-content-wrapper .file-features-content.focus[data-v-59109ae2]{border:2px solid #3e5cfc}.content-wrapper .player-content-wrapper .file-features-content.hidden[data-v-59109ae2]{visibility:hidden}.content-wrapper .player-content-wrapper .file-features-content .comment-area[data-v-59109ae2]{width:100%;height:60%;margin-bottom:-6px;position:relative}.content-wrapper .player-content-wrapper .file-features-content .comment-area .clickRemind[data-v-59109ae2]{position:absolute;width:80px;height:80px;display:flex;align-items:center;justify-content:center;z-index:50;left:200px;top:-10px}.content-wrapper .player-content-wrapper .file-features-content .comment-area .clickRemind span[data-v-59109ae2]{display:inline-block;border-radius:50%}.content-wrapper .player-content-wrapper .file-features-content .comment-area .clickRemind span[data-v-59109ae2]:first-child{animation:ballAni-59109ae2 1s infinite;-webkit-animation:ballAni-59109ae2 1s infinite}.content-wrapper .player-content-wrapper .file-features-content .comment-area .clickRemind span[data-v-59109ae2]:nth-child(2){background:#3468fe;width:20px;height:20px;position:absolute;z-index:10;left:0;right:0;top:0;bottom:0;margin:auto;opacity:.8}@keyframes ballAni-59109ae2{0%{width:10px;height:10px;background:#3468fe}to{width:80px;height:80px;background:rgba(52,104,254,0)}}.content-wrapper .player-content-wrapper .file-features-content .comment-area .commentMask[data-v-59109ae2]{width:100%;height:100%;position:absolute;z-index:100;top:0;left:0}.content-wrapper .player-content-wrapper .file-features-content .comment-area .atuser[data-v-59109ae2]{height:100%;width:100%}.content-wrapper .player-content-wrapper .file-features-content .comment-area .input-area[data-v-59109ae2]{color:#fff;width:100%;height:100%;resize:none;border:none;background:none;font-family:PingFangSC,PingFangSC-Regular}.content-wrapper .player-content-wrapper .file-features-content .comment-area .input-area[data-v-59109ae2]:focus{border:none;outline:0}.content-wrapper .player-content-wrapper .file-features-content .features-area[data-v-59109ae2]{display:flex;justify-content:space-between}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-left-wrapper[data-v-59109ae2]{display:flex;height:50px;flex-grow:1;align-items:flex-end;position:relative}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-left-wrapper .unknown-area[data-v-59109ae2]{display:flex;align-items:center;height:36px;border-radius:8px}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper[data-v-59109ae2]{display:flex;height:36px;align-items:flex-end}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .gesture-area[data-v-59109ae2]{display:flex;align-items:center;height:36px;border-radius:8px;box-sizing:border-box;background-color:#272830}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .gesture-area .gesture-area__tools[data-v-59109ae2]{width:398px}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper[data-v-59109ae2]{margin-left:5px;position:relative}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .box[data-v-59109ae2]{display:none;width:50px;height:20px;position:absolute;top:-10px;left:0}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .fujian-wrapper[data-v-59109ae2]{padding:10px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:8px;background-color:#272830;cursor:pointer}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .fujian-wrapper .fujian-img[data-v-59109ae2]{font-size:19px;color:#c5c7d4}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .fujian-wrapper .fujian-img[data-v-59109ae2]:hover{color:#fff}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .fujian-wrapper span[data-v-59109ae2]:nth-child(2){font-size:14px}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .isHasImg span[data-v-59109ae2]{color:#3468fe}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .isHasImg .fujian-img[data-v-59109ae2]{margin-right:8px;color:#3468fe}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .attachment-list-wrapper[data-v-59109ae2]{display:none;height:64px;flex-grow:1;position:absolute;top:0;left:50%;padding:5px;background:#30303b;border-radius:4px;z-index:10;transform:translateY(-110%) translateX(-50%)}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .attachment-list-wrapper .attachment-upload-wrapper[data-v-59109ae2]{position:relative;width:80px;height:54px;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500;color:#fff;margin-right:8px}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .attachment-list-wrapper .attachment-upload-wrapper .upload-img[data-v-59109ae2]{width:80px;height:54px;-o-object-fit:contain;object-fit:contain}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .attachment-list-wrapper .attachment-upload-wrapper .delete-wrapper[data-v-59109ae2]{position:absolute;width:20px;height:20px;top:3px;right:3px;background:rgba(0,0,0,.5);border-radius:2px;display:flex;justify-content:center;align-items:center}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .attachment-list-wrapper .attachment-upload-wrapper .delete-wrapper .del-img[data-v-59109ae2]{font-size:16px;color:#fff;cursor:pointer}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .attachment-list-wrapper .attachmentLen[data-v-59109ae2]{position:absolute;right:5px;top:5px;margin-right:0;background:rgba(0,0,0,.4)}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper .attachment-list-wrapper .marginRight[data-v-59109ae2]{margin-right:0}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper:hover .attachment-list-wrapper[data-v-59109ae2]{display:flex}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .attachment-wrapper:hover .box[data-v-59109ae2]{display:block}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .atBtn[data-v-59109ae2]{padding:10px;height:36px;text-align:center;background:#272830;border-radius:8px;color:#c5c7d4;font-size:24px;margin-left:5px;display:flex;justify-content:center;align-items:center}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .atBtn[data-v-59109ae2]:hover{cursor:pointer;color:#fff}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .send-comments-btn[data-v-59109ae2]{width:60px;padding:0 10px;height:36px;border-radius:8px;border:none;color:#c5c7d4;margin-left:5px;background-color:#272830;font-size:16px;display:flex;justify-content:center;align-items:center}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .send-comments-btn.active[data-v-59109ae2]{background:#3468fe;cursor:pointer;color:#fff}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .send-comments-btn img[data-v-59109ae2]{width:20px;height:20px}.content-wrapper .player-content-wrapper .file-features-content .features-area .features-right-wrapper .send-comments-btn[data-v-59109ae2]:focus{outline:0}