#videoBoxs[data-v-6f01a2ff]{width:100%;height:100%;font-size:50px;text-align:center;padding-top:20vh;background-color:#000;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}#videoBoxs .buttons-box[data-v-6f01a2ff]{width:100%;background-color:rgba(43,51,63,.7);position:absolute;left:0;bottom:0;height:40px;line-height:40px;color:#fff;padding:0 10px;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:9999}#videoBoxs .buttons-box .iconfont[data-v-6f01a2ff]{font-size:1.3em;margin:0 16px}#videoBoxs .control[data-v-6f01a2ff]{position:absolute;bottom:40px;right:0;z-index:9999;background-color:transparent;-webkit-transition:all 3s;transition:all 3s;width:200px;height:200px}#videoBoxs .control .control-wrapper[data-v-6f01a2ff]{height:100%;width:100%;position:relative;border-radius:100%}#videoBoxs .control .control-btn[data-v-6f01a2ff]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:44%;height:44%;border-radius:5px;border:1px solid #78aee4;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s linear;transition:all .3s linear;background:rgba(0,0,0,.3)}#videoBoxs .control .control-btn[data-v-6f01a2ff]:hover{cursor:pointer}#videoBoxs .control .control-btn i[data-v-6f01a2ff]{font-size:20px;color:#78aee4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#videoBoxs .control .control-btn i[data-v-6f01a2ff]:hover,#videoBoxs .control .control-zoom-btn[data-v-6f01a2ff]:hover{cursor:pointer}#videoBoxs .control .control-round[data-v-6f01a2ff]{position:absolute;top:21%;left:21%;width:58%;height:58%;background-color:rgba(0,0,0,.3);border-radius:100%}#videoBoxs .control .control-round-inner[data-v-6f01a2ff]{position:absolute;left:13%;top:13%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:70%;height:70%;font-size:40px;color:#78aee4;border:1px solid #78aee4;border-radius:100%;-webkit-transition:all .3s linear;transition:all .3s linear}#videoBoxs .control .control-inner-btn[data-v-6f01a2ff]{position:absolute;width:60%;height:60%;background:#fafafa}#videoBoxs .control .control-top[data-v-6f01a2ff]{top:-8%;left:27%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:5px 100% 5px 0}#videoBoxs .control .control-top i[data-v-6f01a2ff]{-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:5px 100% 5px 0}#videoBoxs .control .control-top .control-inner[data-v-6f01a2ff]{left:-1px;bottom:0;border-top:1px solid #78aee4;border-right:1px solid #78aee4;border-radius:0 100% 0 0;background:rgba(0,0,0,.3)}#videoBoxs .control .control-top .fa[data-v-6f01a2ff]{-webkit-transform:rotate(45deg) translateY(-7px);transform:rotate(45deg) translateY(-7px)}#videoBoxs .control .control-left[data-v-6f01a2ff]{top:27%;left:-8%;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:5px 0 5px 100%}#videoBoxs .control .control-left i[data-v-6f01a2ff]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#videoBoxs .control .control-left .control-inner[data-v-6f01a2ff]{right:-1px;top:-1px;border-bottom:1px solid #78aee4;border-left:1px solid #78aee4;border-radius:0 0 0 100%;background:rgba(0,0,0,.3)}#videoBoxs .control .control-left .fa[data-v-6f01a2ff]{-webkit-transform:rotate(-45deg) translateX(-7px);transform:rotate(-45deg) translateX(-7px)}#videoBoxs .control .control-right[data-v-6f01a2ff]{top:27%;right:-8%;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:5px 100% 5px 0}#videoBoxs .control .control-right i[data-v-6f01a2ff]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#videoBoxs .control .control-right .control-inner[data-v-6f01a2ff]{left:-1px;bottom:-1px;border-top:1px solid #78aee4;border-right:1px solid #78aee4;border-radius:0 100% 0 0;background:rgba(0,0,0,.3)}#videoBoxs .control .control-right .fa[data-v-6f01a2ff]{-webkit-transform:rotate(-45deg) translateX(7px);transform:rotate(-45deg) translateX(7px)}#videoBoxs .control .control-bottom[data-v-6f01a2ff]{left:27%;bottom:-8%;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:0 5px 100% 5px}#videoBoxs .control .control-bottom i[data-v-6f01a2ff]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#videoBoxs .control .control-bottom .control-inner[data-v-6f01a2ff]{top:-1px;left:-1px;border-bottom:1px solid #78aee4;border-right:1px solid #78aee4;border-radius:0 0 100% 0;background:rgba(0,0,0,.3)}#videoBoxs .control .control-bottom .fa[data-v-6f01a2ff]{-webkit-transform:rotate(-45deg) translateY(7px);transform:rotate(-45deg) translateY(7px)}#videoBoxs .control .trank[data-v-6f01a2ff]{width:80%;height:180px;text-align:left;padding:0 10%;overflow:auto}#videoBoxs .control .trankInfo[data-v-6f01a2ff]{width:80%;padding:0 10%}#videoBoxs .vname[data-v-6f01a2ff]{position:absolute;right:2%;top:1%;z-index:9999;color:#fff;font-size:14px;text-align:right!important;width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.playBack{display:inline-block}.playBack .iconfont{font-size:1.3em;margin:0 16px}.picture_recording{height:95%;margin-top:1vh!important}.picture_recording .el-dialog__header{text-align:left}.picture_recording .el-dialog__header .el-dialog__title{font-weight:700}.picture_recording .el-dialog__footer{position:absolute;bottom:2%;right:2%;padding:0}.picture_recording .el-dialog__body{height:85%;overflow:auto}.picture_recording .el-dialog__body .videos{width:100%;height:400px;overflow:hidden}.picture_recording .el-dialog__body::-webkit-scrollbar{width:5px}.picture_recording .el-dialog__body::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:none;background:#c9c9c9}.picture_recording .el-dialog__body::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:10px;background:#efefef}.picture_recording .el-dialog__body::-webkit-scrollbar-thumb:hover{background-color:#747474}#videoBox[data-v-16418d49]{width:100%;height:100%;font-size:50px;text-align:center;padding-top:40vh;background-color:#000;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}#videoBox .buttons-box[data-v-16418d49]{width:100%;background-color:rgba(43,51,63,.7);position:absolute;left:0;bottom:0;height:40px;line-height:40px;color:#fff;padding:0 10px;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:999}#videoBox .buttons-box .iconfont[data-v-16418d49]{font-size:1.3em;margin:0 16px}#videoBox .control[data-v-16418d49]{position:absolute;bottom:40px;right:0;z-index:9999;background-color:transparent;-webkit-transition:all 3s;transition:all 3s;width:200px;height:200px}#videoBox .control .control-wrapper[data-v-16418d49]{height:100%;width:100%;position:relative;border-radius:100%}#videoBox .control .control-btn[data-v-16418d49]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:44%;height:44%;border-radius:5px;border:1px solid #78aee4;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s linear;transition:all .3s linear;background:rgba(0,0,0,.3)}#videoBox .control .control-btn[data-v-16418d49]:hover{cursor:pointer}#videoBox .control .control-btn i[data-v-16418d49]{font-size:20px;color:#78aee4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#videoBox .control .control-btn i[data-v-16418d49]:hover,#videoBox .control .control-zoom-btn[data-v-16418d49]:hover{cursor:pointer}#videoBox .control .control-round[data-v-16418d49]{position:absolute;top:21%;left:21%;width:58%;height:58%;background-color:rgba(0,0,0,.3);border-radius:100%}#videoBox .control .control-round-inner[data-v-16418d49]{position:absolute;left:13%;top:13%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:70%;height:70%;font-size:40px;color:#78aee4;border:1px solid #78aee4;border-radius:100%;-webkit-transition:all .3s linear;transition:all .3s linear}#videoBox .control .control-inner-btn[data-v-16418d49]{position:absolute;width:60%;height:60%;background:#fafafa}#videoBox .control .control-top[data-v-16418d49]{top:-8%;left:27%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:5px 100% 5px 0}#videoBox .control .control-top i[data-v-16418d49]{-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:5px 100% 5px 0}#videoBox .control .control-top .control-inner[data-v-16418d49]{left:-1px;bottom:0;border-top:1px solid #78aee4;border-right:1px solid #78aee4;border-radius:0 100% 0 0;background:rgba(0,0,0,.3)}#videoBox .control .control-top .fa[data-v-16418d49]{-webkit-transform:rotate(45deg) translateY(-7px);transform:rotate(45deg) translateY(-7px)}#videoBox .control .control-left[data-v-16418d49]{top:27%;left:-8%;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:5px 0 5px 100%}#videoBox .control .control-left i[data-v-16418d49]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#videoBox .control .control-left .control-inner[data-v-16418d49]{right:-1px;top:-1px;border-bottom:1px solid #78aee4;border-left:1px solid #78aee4;border-radius:0 0 0 100%;background:rgba(0,0,0,.3)}#videoBox .control .control-left .fa[data-v-16418d49]{-webkit-transform:rotate(-45deg) translateX(-7px);transform:rotate(-45deg) translateX(-7px)}#videoBox .control .control-right[data-v-16418d49]{top:27%;right:-8%;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:5px 100% 5px 0}#videoBox .control .control-right i[data-v-16418d49]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#videoBox .control .control-right .control-inner[data-v-16418d49]{left:-1px;bottom:-1px;border-top:1px solid #78aee4;border-right:1px solid #78aee4;border-radius:0 100% 0 0;background:rgba(0,0,0,.3)}#videoBox .control .control-right .fa[data-v-16418d49]{-webkit-transform:rotate(-45deg) translateX(7px);transform:rotate(-45deg) translateX(7px)}#videoBox .control .control-bottom[data-v-16418d49]{left:27%;bottom:-8%;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:0 5px 100% 5px}#videoBox .control .control-bottom i[data-v-16418d49]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#videoBox .control .control-bottom .control-inner[data-v-16418d49]{top:-1px;left:-1px;border-bottom:1px solid #78aee4;border-right:1px solid #78aee4;border-radius:0 0 100% 0;background:rgba(0,0,0,.3)}#videoBox .control .control-bottom .fa[data-v-16418d49]{-webkit-transform:rotate(-45deg) translateY(7px);transform:rotate(-45deg) translateY(7px)}#videoBox .control .trank[data-v-16418d49]{width:80%;height:180px;text-align:left;padding:0 10%;overflow:auto}#videoBox .control .trankInfo[data-v-16418d49]{width:80%;padding:0 10%}#videoBox .vname[data-v-16418d49]{position:absolute;right:2%;top:1%;z-index:99;color:#fff;font-size:14px;text-align:right!important;width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}