.ws-pan-tilt-control{display:flex;flex-direction:column;align-items:center;width:100%;border:1px solid #e9ebee;padding-top:10px;position:relative}.ws-pan-tilt-circle{width:180px;height:180px;background-color:#f5f6f9;border-radius:50%;position:relative;overflow:hidden}.ws-pan-tilt-direction-item{position:absolute;width:90px;height:90px;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:border .3s ease;cursor:pointer}.ws-pan-tilt-direction-item:first-child{-webkit-transform:rotate(66deg) skew(45deg);transform:rotate(66deg) skew(45deg)}.ws-pan-tilt-direction-item:first-child img{width:16px;position:absolute;-webkit-transform:skew(-45deg) rotate(-66deg) translate(-1px,-8px);transform:skew(-45deg) rotate(-66deg) translate(-1px,-8px);top:55px;left:52px}.ws-pan-tilt-direction-item:nth-child(2){-webkit-transform:rotate(111deg) skew(45deg);transform:rotate(111deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(2) img{width:16px;position:absolute;-webkit-transform:skew(-45deg) rotate(-111deg) translate(1px,2px);transform:skew(-45deg) rotate(-111deg) translate(1px,2px);top:55px;left:44px}.ws-pan-tilt-direction-item:nth-child(3){-webkit-transform:rotate(156deg) skew(45deg);transform:rotate(156deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(3) img{width:16px;position:absolute;-webkit-transform:skew(-45deg) rotate(-156deg) translateY(3px);transform:skew(-45deg) rotate(-156deg) translateY(3px);top:55px;left:44px}.ws-pan-tilt-direction-item:nth-child(4){-webkit-transform:rotate(-159deg) skew(45deg);transform:rotate(-159deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(4) img{width:16px;position:absolute;-webkit-transform:skew(-45deg) rotate(159deg) translateY(1px);transform:skew(-45deg) rotate(159deg) translateY(1px);top:55px;left:46px}.ws-pan-tilt-direction-item:nth-child(5){-webkit-transform:rotate(-114deg) skew(45deg);transform:rotate(-114deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(5) img{width:16px;position:absolute;-webkit-transform:skew(-45deg) rotate(114deg) translate(2px,-2px);transform:skew(-45deg) rotate(114deg) translate(2px,-2px);top:51px;left:48px}.ws-pan-tilt-direction-item:nth-child(6){-webkit-transform:rotate(-69deg) skew(45deg);transform:rotate(-69deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(6) img{width:16px;position:absolute;-webkit-transform:skew(-45deg) rotate(69deg) translate(2px,2px);transform:skew(-45deg) rotate(69deg) translate(2px,2px);top:52px;left:50px}.ws-pan-tilt-direction-item:nth-child(7){-webkit-transform:rotate(-24deg) skew(45deg);transform:rotate(-24deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(7) img{width:16px;position:absolute;-webkit-transform:skew(-45deg) rotate(24deg) translate(2px,2px);transform:skew(-45deg) rotate(24deg) translate(2px,2px);top:50px;left:48px}.ws-pan-tilt-direction-item:nth-child(8){-webkit-transform:rotate(21deg) skew(45deg);transform:rotate(21deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(8) img{width:16px;position:absolute;-webkit-transform:skew(-45deg) rotate(-21deg) translateY(2px);transform:skew(-45deg) rotate(-21deg) translateY(2px);top:52px;left:49px}.ws-pan-tilt-inner-circle{width:80px;height:80px;border-radius:50%;background-color:#fff;position:absolute;top:28%;left:28%}.cloud-control-wrapper{display:flex;width:100%;height:42px;align-items:center;justify-content:center;border-top:1px solid #e9ebee;margin-top:10px}.cloud-control-wrapper .ws-pan-tilt-control-item img{width:20px;height:20px;cursor:pointer;margin:0 8px}.cloud-control-wrapper .cloud-control-separate{border-left:1px solid #e9ebee;height:20px}.ws-pan-tilt-mask{position:absolute;z-index:100;cursor:not-allowed;background-color:#ccc;opacity:.2}.ws-pan-tilt-mask-direction{top:0;width:100%;height:calc(100% - 42px)}.ws-pan-tilt-mask-zoom{left:0;bottom:0;height:42px;width:calc(50% + 36px)}.ws-pan-tilt-mask-aperture{right:0;bottom:0;height:42px;width:calc(50% - 36px)}.dh-bg{background-color:#000;border:2px solid #2db7f4}.dh-desc{height:100%;display:flex;justify-content:center;align-items:center;font-size:36px;font-weight:700;color:#fff;letter-spacing:3px}[data-v-5c1e8732] .el-input{width:220px}.video-box[data-v-5c1e8732]{width:100%;height:100%}.video-content[data-v-5c1e8732]{display:flex;width:100%;margin-top:15px;height:650px;border:1px solid #e9ebee}.video-content-left[data-v-5c1e8732]{width:255px;height:calc(100% - 15px);border-right:1px solid #e9ebee}.video-content-left-search[data-v-5c1e8732]{height:36px;line-height:36px;padding:0 20px}.video-content-left-title[data-v-5c1e8732]{width:100%;height:36px;line-height:36px;padding:0 15px 0 20px;border-bottom:1px solid #e9ebee;text-align:left;font-weight:600}.video-content-left .video-tree[data-v-5c1e8732]{overflow:auto;height:calc(100% - 222px);margin:10px}.video-content-left .video-form[data-v-5c1e8732]{display:flex;justify-content:space-around;align-items:center;flex-direction:column;height:150px;width:100%}.video-content-right[data-v-5c1e8732]{width:calc(100% - 255px);height:calc(100% - 15px);padding-left:20px}