.videoPlayer{height:100vh;position:relative;overflow:hidden}.playerWrap{height:calc(100% - 300px);position:absolute;top:80px;left:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.plyr--video{position:relative;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.plyr--video video{width:100%;height:100%}.control{position:absolute;bottom:0;left:0;width:100%;height:200px;border-top:1px solid #e8e8e8;background-color:#fff;box-sizing:border-box}.operation{display:flex;align-items:center;justify-content:space-between;width:90%;margin:12px auto auto}.button{display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;padding:8px 16px;gap:6px;text-align:center;box-sizing:border-box;cursor:pointer;font-size:12px;margin-left:8px}.button:hover{background-color:#f6f7fb;cursor:pointer}.button:disabled{background-color:#f6f7fb!important;color:#9797a4!important;cursor:not-allowed!important;border:1px solid rgba(0,0,0,0)!important}.button.default{color:#29292f;border:1px solid #e8e8e8;height:40px;border-radius:30px}.time-line{width:90%;margin:12px auto 0;position:relative;cursor:pointer}.time-line-progress{height:100%;background-color:#3080f8;z-index:999999;left:10%;width:3px;position:absolute;border-radius:30px;padding-top:20px;transform:translateY(-10px);pointer-events:none}.video-frame-line{position:relative;width:100%;height:40px;bottom:0;background-color:#0000000d;border-radius:5px}.video-frame-progress{position:absolute;top:0;bottom:0;width:10%;border-radius:5px;background-color:#3080f81a}.attention-control{position:relative;width:100%;height:40px;bottom:0;background-color:#0000000d;border-radius:5px;margin-top:12px}.video-frame-line:hover,.attention-control:hover{box-shadow:0 0 1px #3080f8,0 0 2px #3080f8,0 0 3px #3080f8,0 0 4px #3080f8}.tip{position:absolute;top:0;bottom:0;left:0;color:#666;text-align:center;width:100%;font-size:12px;line-height:40px}.attention-control:hover .tip{display:none}.time-line-progress-mark{background-color:#8aafee;opacity:0;cursor:pointer}.time-line:hover .time-line-progress-mark{opacity:1}.zoom-mark{opacity:0;position:absolute;padding:0 4px;background-color:#3080f8;height:100%;border-radius:5px;color:#fff;text-align:center;line-height:40px;box-sizing:border-box}.attention-control:hover .zoom-mark{opacity:1}.zoom-item{background-color:#3080f880;height:100%;border-radius:5px;color:#fff;text-align:center;line-height:40px;display:flex;justify-content:space-between;overflow:hidden;position:absolute}.zoom-item:hover .zoom-mark{opacity:0!important}.zoom-item-left,.zoom-item-right{width:8px;height:100%;position:relative;background-color:#3080f8;cursor:ew-resize}.zoom-item-delete{position:absolute;right:4px}.ply-video{position:relative}.attention-eyes{width:20px;height:20px;background-color:#3080f880;border-radius:50%;z-index:2;cursor:pointer;box-shadow:0 0 10px #3080f8,0 0 10px #3080f8,0 0 10px #3080f8,0 0 10px #3080f8}.dropdown{position:absolute;display:flex;flex-direction:column;z-index:999999}.dropdown-opreation{max-height:0;opacity:0;width:0;margin-top:8px}.dropdown:hover .dropdown-opreation{opacity:1;max-height:20px;width:200px}.desc{color:#333;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ply-video-canvas{position:absolute;z-index:999}.opacity-0{opacity:0}.scale-update{width:400px;position:relative;text-align:center;cursor:pointer}.export-canvas{position:absolute;z-index:-999999;top:-200%}.global-loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;background-color:#00000080}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.loading-spinner{display:flex;justify-content:center;margin-bottom:10px}.loading-spinner-item{width:10px;height:10px;background-color:#333;border-radius:50%;margin:0 4px;animation:loading-spinner 1s linear infinite}.loading-spinner-item:nth-child(1){animation-delay:-.9166666666666666s}.loading-spinner-item:nth-child(2){animation-delay:-.8333333333333334s}.loading-spinner-item:nth-child(3){animation-delay:-.75s}.loading-spinner-item:nth-child(4){animation-delay:-.6666666666666666s}.loading-spinner-item:nth-child(5){animation-delay:-.5833333333333334s}.loading-spinner-item:nth-child(6){animation-delay:-.5s}.loading-spinner-item:nth-child(7){animation-delay:-.4166666666666667s}.loading-spinner-item:nth-child(8){animation-delay:-.3333333333333333s}@keyframes loading-spinner{0%{opacity:0;transform:scale(.7)}50%{opacity:1}to{opacity:0;transform:scale(1)}}.loading-text{font-size:16px;margin-top:10px;color:#fff}body{margin:0;background-color:#f6f7fb}