.videoPreview[data-v-5501e1e1]{background-color:#8c8e9a;flex:1;justify-content:center;align-items:center;width:100%;height:calc(100% - .56rem);display:flex;position:relative;overflow:hidden}.videoPreview video[data-v-5501e1e1],.videoPreview img[data-v-5501e1e1]{width:100%;height:100%}.videoPreview .waterPreview[data-v-5501e1e1]{z-index:2;justify-content:center;align-items:center;width:9.64rem;height:100%;display:flex;position:absolute;top:0;left:0}.videoPreview .waterPreview canvas[data-v-5501e1e1]{width:100%;height:100%}.videoControlBar[data-v-5501e1e1]{border-top:1px solid #d8dbdf;flex-shrink:0;align-items:center;height:.56rem;padding:0 .18rem;display:flex;position:relative}.videoControlBar>div[data-v-5501e1e1]{align-items:center;display:flex}.videoControlBar .speedTip[data-v-5501e1e1]{z-index:2;color:#fff;background-color:#000;border-radius:.04rem;justify-content:center;width:.68rem;height:.372rem;font-size:.16rem;line-height:.36rem;position:absolute;top:-.51rem;left:.16rem}.videoControlBar .playerBtns .HHBtn+.HHBtn[data-v-5501e1e1]{margin-left:.04rem}.videoControlBar .playerTimeLine[data-v-5501e1e1]{flex:1;padding:0 .24rem}.videoControlBar .playerTimeLine .timeLineWrap[data-v-5501e1e1]{background-color:#cdcdd9;border-radius:.02rem;flex:1;height:.04rem;margin:0 .14rem;position:relative}.videoControlBar .playerTimeLine .timeLineWrap .currentLine[data-v-5501e1e1]{background-color:#2d6bec;border-radius:.02rem;height:100%}.videoControlBar .playerTimeLine .timeLineWrap .timeLineBar[data-v-5501e1e1]{cursor:pointer;background-color:#fff;border:.02rem solid #2d6bec;border-radius:.12rem;width:.12rem;height:.12rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.videoControlBar .playerSound .soundLineWrap[data-v-5501e1e1]{background-color:#cdcdd9;border-radius:.02rem;width:.8rem;height:.04rem;margin-left:.08rem;position:relative}.videoControlBar .playerSound .soundLineWrap .currentLine[data-v-5501e1e1]{background-color:#2d6bec;border-radius:.02rem;height:100%}.videoControlBar .playerSound .soundLineWrap .soundLineBar[data-v-5501e1e1]{cursor:pointer;background-color:#fff;border:.02rem solid #2d6bec;border-radius:.12rem;width:.12rem;height:.12rem;position:absolute;top:50%;transform:translateY(-50%)}.videoControlBar .playerSound[data-v-5501e1e1] .gs-button{margin-left:0}.videoControlBar .playerMoreBtns[data-v-5501e1e1]{margin-left:.24rem}.videoControlBar .playerMoreBtns .HHBtn+.HHBtn[data-v-5501e1e1]{margin-left:.12rem}.videoControlBar .playerMoreBtns .HHBtn.HH-player-edit[data-v-5501e1e1]{margin-left:.32rem;position:relative}.videoControlBar .playerMoreBtns .HHBtn.HH-player-edit[data-v-5501e1e1]:before{content:"";background-color:#434343;width:1px;height:.3rem;position:absolute;top:50%;left:-.16rem;transform:translateY(-50%)}.imgControlBar[data-v-5501e1e1]{border-top:1px solid #d8dbdf;flex-shrink:0;align-items:center;height:.57rem;display:flex;overflow:hidden}.imgControlBar .imgListWrap[data-v-5501e1e1]{flex:1;align-items:center;margin-left:1.25rem;margin-right:.81rem;display:flex;overflow:hidden}.imgControlBar .imgList[data-v-5501e1e1]{flex:1;margin-left:.32rem;margin-right:.32rem;padding:0;list-style:none;display:flex;overflow:auto}.imgControlBar .imgList[data-v-5501e1e1]::-webkit-scrollbar{display:none}.imgControlBar .imgList>li[data-v-5501e1e1]{box-sizing:border-box;border:.02rem solid #0000;border-radius:.04rem;width:.63rem;height:.38rem;padding:.01rem}.imgControlBar .imgList>li.active[data-v-5501e1e1]{border:.02rem solid #79c2e5}.imgControlBar .imgList>li+li[data-v-5501e1e1]{margin-left:.12rem}.imgControlBar .imgList>li img[data-v-5501e1e1]{width:.57rem;height:.32rem}.imgControlBar .right-btns[data-v-5501e1e1]{flex-shrink:0;align-items:center;margin-right:.18rem;display:flex}.imgControlBar .right-btns .HHBtn[data-v-5501e1e1]{margin-left:.12rem}.videoEditBar[data-v-5501e1e1]{border-top:1px solid #d8dbdf;flex-shrink:0;align-items:center;height:.57rem;padding:0 .18rem;display:flex}.videoEditBar .revocationBtns .HHBtn+.HHBtn[data-v-5501e1e1]{margin-left:.16rem}.videoEditBar .playBtn[data-v-5501e1e1]{margin-left:.46rem}.videoEditBar .editMoreBtns[data-v-5501e1e1]{align-items:center;margin-left:.16rem;display:flex}.videoEditBar[data-v-5501e1e1] .el-popover.resolutionSelect{width:.8rem}.videoEditBar .clipBar[data-v-5501e1e1]{flex:1;margin-left:.16rem;margin-right:.46rem}.waterSet[data-v-5501e1e1]{flex-direction:row;align-items:center;display:flex}.waterSet .change-water-set-box[data-v-5501e1e1]{border:.01rem solid #e2e2e2;border-radius:.06rem;width:1.76rem;height:.32rem;padding:0 .04rem;line-height:.32rem;display:flex}.waterSet .change-water-set-box .chose-water-set[data-v-5501e1e1]{width:calc(100% - .4rem)}.waterSet .change-water-set-box .gs-button[data-v-5501e1e1]{padding-left:0}.waterSet .el-buttonGroup[data-v-5501e1e1]{flex-direction:row;align-items:center;margin:0 0 0 .12rem;display:flex}.waterSet .el-buttonGroup .gs-button+.gs-button[data-v-5501e1e1]{margin-left:0}.waterSet>div[data-v-5501e1e1]{justify-content:space-between;align-items:center;display:flex}.waterSet>div+div[data-v-5501e1e1]{margin-top:.16rem}.waterSet>div .setTitle[data-v-5501e1e1]{margin-right:.1rem}.waterSet>div .currentWaterColor[data-v-5501e1e1]{width:.87rem}.pick-color-title[data-v-5501e1e1]{padding-top:.16rem}.pick-color[data-v-5501e1e1]{flex-direction:row;align-items:center;height:.28rem;padding-top:.1rem;display:flex}.pick-color .color-outer[data-v-5501e1e1]{cursor:pointer;border-radius:.28rem;width:.28rem;height:.28rem;padding:.02rem}.pick-color .color-outer.active[data-v-5501e1e1]{border:.01rem solid #3a74ed}.pick-color .color-outer+.color-outer[data-v-5501e1e1]{margin-left:.08rem}.pick-color .item-color[data-v-5501e1e1]{border-radius:.28rem;width:.28rem;height:.28rem}.pick-color .item-color.white-border[data-v-5501e1e1]{box-sizing:border-box;border:.01rem solid #ccc}.custom-text[data-v-5501e1e1]{color:#ccc;text-align:left;border-bottom:.01rem solid #ccc;font-size:.16rem;font-style:normal;font-weight:400}.water-set-item[data-v-5501e1e1]{margin-left:.12rem}.img1[data-v-5501e1e1]{text-align:left;background:url(./newline-logo-2.svg) 0 no-repeat;height:100%}.img2[data-v-5501e1e1]{text-align:left;background:url(./newline-engage.svg) 0 no-repeat;height:100%}.transparent-box[data-v-5501e1e1]{padding-top:.16rem}.transparent-box .slider-box[data-v-5501e1e1]{flex-direction:row;justify-content:center;padding-left:.06rem;display:flex}.transparent-box .result-box[data-v-5501e1e1]{background:#0057b8;border-radius:.23rem;width:.23rem;height:.23rem;margin-left:.13rem;position:relative}.transparent-box .alphaShow[data-v-5501e1e1]{position:absolute;top:-100%}.transparent-box[data-v-5501e1e1] .gs-slider{flex:1;display:flex}.transparent-box[data-v-5501e1e1] .gs-slider__bar,.transparent-box[data-v-5501e1e1] .gs-slider__runway{height:.02rem}.transparent-box[data-v-5501e1e1] .gs-slider__button-wrapper{position:absolute;top:50%;transform:translate(-50%,-50%)}.transparent-box[data-v-5501e1e1] .gs-tooltip__trigger{background:#fff;border:.02rem solid #2d6bec;width:.12rem;height:.12rem}.clipBar[data-v-5501e1e1]{border-radius:.02rem;flex:1;height:.32rem;position:relative}.clipBar .currentEditBar[data-v-5501e1e1]{z-index:4;background-color:#2d6bec;width:1px;height:.36rem;position:absolute;top:50%;transform:translateY(-50%)}.clipBar .videoBg[data-v-5501e1e1]{z-index:1;background-color:#fff;display:flex;position:absolute;inset:0}.clipBar .videoBg>ul[data-v-5501e1e1]{flex:1;margin:0;padding:0;list-style:none;display:flex}.clipBar .videoBg>ul>li[data-v-5501e1e1]{background-size:cover;flex:1}.clipBar .leftMask[data-v-5501e1e1],.clipBar .rightMask[data-v-5501e1e1]{z-index:2;background-color:#00000080;height:100%;position:absolute;top:0;bottom:0}.clipBar .leftMask[data-v-5501e1e1]{border-radius:.02rem 0 0 .02rem;left:0}.clipBar .rightMask[data-v-5501e1e1]{border-radius:0 .02rem .02rem 0;right:0}.clipBar .currentArea[data-v-5501e1e1]{z-index:3;box-sizing:border-box;border:.02rem solid #2d6bec;justify-content:space-between;align-items:center;height:.32rem;display:flex;position:absolute;top:0;bottom:0}.clipBar .currentArea .leftBar[data-v-5501e1e1],.clipBar .currentArea .rightBar[data-v-5501e1e1]{cursor:pointer;background-color:#2d6bec;width:.08rem;height:.32rem;position:relative}.clipBar .currentArea .leftBar[data-v-5501e1e1]:before,.clipBar .currentArea .leftBar[data-v-5501e1e1]:after,.clipBar .currentArea .rightBar[data-v-5501e1e1]:before,.clipBar .currentArea .rightBar[data-v-5501e1e1]:after{content:"";background-color:#fff;width:1px;height:.1rem;position:absolute;top:50%;transform:translateY(-50%)}.clipBar .currentArea .leftBar[data-v-5501e1e1]:before,.clipBar .currentArea .rightBar[data-v-5501e1e1]:before{left:.02rem}.clipBar .currentArea .leftBar[data-v-5501e1e1]:after,.clipBar .currentArea .rightBar[data-v-5501e1e1]:after{right:.02rem}.clipBar .currentArea .leftBar[data-v-5501e1e1]{border-radius:.02rem 0 0 .02rem}.clipBar .currentArea .rightBar[data-v-5501e1e1]{border-radius:0 .02rem .02rem 0}.resolution-box[data-v-5501e1e1]{border:.01rem solid #e2e2e2;border-radius:.06rem;width:.92rem;height:.32rem;padding:0 .04rem;line-height:.32rem;display:flex}.resolution-box .gs-button[data-v-5501e1e1]{padding-left:0}.self-dropdown-menu .menu-item[data-v-5501e1e1]{flex-direction:row;align-items:center;height:.32rem;line-height:.32rem;display:flex}.self-dropdown-menu .menu-item[data-v-5501e1e1]:hover{background:#edf3ff;border-radius:6px}.self-dropdown-menu .menu-item .menu-item-title[data-v-5501e1e1]{color:#424242;flex:1;padding-left:.12rem;font-size:.14rem;font-weight:400}.self-dropdown-menu .menu-item .choose[data-v-5501e1e1]{width:.32rem;height:100%;padding-right:.04rem;line-height:.32rem}.HHEngageLoading[data-v-5501e1e1]{z-index:100000;background-color:#0000;position:absolute;inset:0}.HHEngageLoading .HHLoadingWrap[data-v-5501e1e1]{background:#000c;border-radius:8px;align-items:center;min-width:2.33rem;height:.72rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.HHEngageLoading .HHLoadingWrap svg[data-v-5501e1e1]{width:.32rem;height:.32rem;margin-left:.24rem}.HHEngageLoading .HHLoadingWrap svg>circle[data-v-5501e1e1]:first-child{fill:#0000;stroke:#ffffff4d;stroke-width:.04rem}.HHEngageLoading .HHLoadingWrap svg>circle[data-v-5501e1e1]:last-child{stroke-linecap:round;fill:#0000;stroke:#2d6bec;stroke-width:.04rem;stroke-dasharray:.26rem .88rem;animation:1s linear infinite rotation-5501e1e1}.HHEngageLoading .HHLoadingWrap .loadingTips[data-v-5501e1e1]{color:#fff;text-align:center;white-space:nowrap;margin-left:.15rem;margin-right:.24rem;font-family:Roboto-Medium;font-size:.18rem;font-weight:500;line-height:.24rem}.HHEngageLoading .loadingClose[data-v-5501e1e1]{color:#fff;margin-right:.16rem}.HHEngageLoading .loadingClose[data-v-5501e1e1]:hover{background:0 0}.HHEngageLoading .loadingClose:hover g[data-v-5501e1e1]{color:#2d6bec;fill:#2d6bec}.HHEngageLoading .loadingClose g[data-v-5501e1e1]{stroke:#2d6bec!important}@keyframes rotation-5501e1e1{0%{transform-origin:50%;transform:rotate(0)}to{transform-origin:50%;transform:rotate(360deg)}}.gs-input.gs-input__wrapper.gs-input__inner{box-shadow:none;border:none;border-radius:0}.HHRecVideoPreview{touch-action:none;background-color:#fff;border-radius:.12rem;width:9.64rem;height:auto;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 .06rem #00000029}.HHRecVideoPreview .gs-dialog__header{flex-direction:row;justify-content:center;height:.22rem;padding:.16rem;display:flex}.HHRecVideoPreview .gs-dialog__header .title{color:#424242;font-family:Roboto-Medium;font-size:.18rem;font-weight:500}.HHRecVideoPreview .gs-dialog__header .fileName{text-align:center;color:#424242;flex:1;font-size:.14rem}.HHRecVideoPreview .gs-dialog__header .btn-group .gs-button+.gs-button{margin-left:.08rem}.HHRecVideoPreview .gs-dialog__header .gs-dialog__headerbtn{display:none}.HHRecVideoPreview .gs-dialog__body{height:calc(100% - .56rem);padding:0!important}.myRecBox{z-index:10000;font-size:.14rem}.save-list-item{padding-left:.08rem!important}.save-list-item .save-list-title{padding-left:.05rem}.el-buttonGroup .gs-button.active{background-color:#f3f3f3}.el-buttonGroup .gs-button.active svg g{stroke:#2d6bec}.rename-popover .rename-box{color:#424242;flex-direction:row;place-content:center;height:.32rem;font-size:.16rem;font-weight:400;display:flex}.rename-popover .rename-box .rename-label{height:.32rem;padding-right:.1rem;line-height:.32rem}.rename-popover .gs-input__wrapper .gs-input__inner{height:100%}.menu-item-title .gs-input__wrapper{box-shadow:none;background:0 0;padding:0%;display:inline-block}.menu-item-title .gs-input__inner{border-top-width:0;border-left-width:0;border-right-width:0;border-radius:0;height:.32rem;margin:0;padding:0;font-size:.16rem;text-decoration-line:underline;text-decoration-color:#2d6bec}.change-resolution-popover{z-index:10001!important;padding:.08rem .04rem!important}.change-resolution-popover .gs-popper__arrow{display:none!important}.edit-save-popover{width:1.92rem;z-index:10001!important;padding:.08rem .04rem!important}.edit-save-popover .gs-popper__arrow{display:none!important}.water-set-popover{z-index:10001!important;width:3rem!important;padding:.24rem!important}.change-water-set-popover{z-index:10001!important;padding:.08rem .04rem!important}.HHEngageLoading .loadingClose:hover{background:0 0}.HHEngageLoading .loadingClose:hover g{stroke:#fff!important}