.ws-pan-tilt-control{display:flex;flex-direction:column;align-items:center;width:100%;border:.00521rem solid #e9ebee;padding-top:.05208rem;position:relative}.ws-pan-tilt-circle{width:.9375rem;height:.9375rem;background-color:#f5f6f9;border-radius:50%;position:relative;overflow:hidden}.ws-pan-tilt-direction-item{position:absolute;width:.46875rem;height:.46875rem;transform-origin:100% 100%;transition:border .3s ease;cursor:pointer}.ws-pan-tilt-direction-item:first-child{transform:rotate(66deg) skew(45deg)}.ws-pan-tilt-direction-item:first-child img{width:.08333rem;position:absolute;transform:skew(-45deg) rotate(-66deg) translate(-.00521rem,-.04167rem);top:.28646rem;left:.27083rem}.ws-pan-tilt-direction-item:nth-child(2){transform:rotate(111deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(2) img{width:.08333rem;position:absolute;transform:skew(-45deg) rotate(-111deg) translate(.00521rem,.01042rem);top:.28646rem;left:.22917rem}.ws-pan-tilt-direction-item:nth-child(3){transform:rotate(156deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(3) img{width:.08333rem;position:absolute;transform:skew(-45deg) rotate(-156deg) translateY(.01563rem);top:.28646rem;left:.22917rem}.ws-pan-tilt-direction-item:nth-child(4){transform:rotate(-159deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(4) img{width:.08333rem;position:absolute;transform:skew(-45deg) rotate(159deg) translateY(.00521rem);top:.28646rem;left:.23958rem}.ws-pan-tilt-direction-item:nth-child(5){transform:rotate(-114deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(5) img{width:.08333rem;position:absolute;transform:skew(-45deg) rotate(114deg) translate(.01042rem,-.01042rem);top:.26563rem;left:.25rem}.ws-pan-tilt-direction-item:nth-child(6){transform:rotate(-69deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(6) img{width:.08333rem;position:absolute;transform:skew(-45deg) rotate(69deg) translate(.01042rem,.01042rem);top:.27083rem;left:.26042rem}.ws-pan-tilt-direction-item:nth-child(7){transform:rotate(-24deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(7) img{width:.08333rem;position:absolute;transform:skew(-45deg) rotate(24deg) translate(.01042rem,.01042rem);top:.26042rem;left:.25rem}.ws-pan-tilt-direction-item:nth-child(8){transform:rotate(21deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(8) img{width:.08333rem;position:absolute;transform:skew(-45deg) rotate(-21deg) translateY(.01042rem);top:.27083rem;left:.25521rem}.ws-pan-tilt-inner-circle{width:.41667rem;height:.41667rem;border-radius:50%;background-color:#fff;position:absolute;top:28%;left:28%}.cloud-control-wrapper{display:flex;width:100%;height:.21875rem;align-items:center;justify-content:center;border-top:.00521rem solid #e9ebee;margin-top:.05208rem}.cloud-control-wrapper .ws-pan-tilt-control-item img{width:.10417rem;height:.10417rem;cursor:pointer;margin:0 .04167rem}.cloud-control-wrapper .cloud-control-separate{border-left:.00521rem solid #e9ebee;height:.10417rem}.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% - .21875rem)}.ws-pan-tilt-mask-zoom{left:0;bottom:0;height:.21875rem;width:calc(50% + .1875rem)}.ws-pan-tilt-mask-aperture{right:0;bottom:0;height:.21875rem;width:calc(50% - .1875rem)}.dh-bg{background-color:#000;border:.01042rem solid #2db7f4}.dh-desc{height:100%;display:flex;justify-content:center;align-items:center;font-size:.1875rem;font-weight:700;color:#fff;letter-spacing:.01563rem}