.vdr{touch-action:none;border:1px dashed #000}.handle,.vdr{position:absolute;box-sizing:border-box}.handle{width:10px;height:10px;background:#eee;border:1px solid #333}.handle-tl{top:-10px;left:-10px;cursor:nw-resize}.handle-tm{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr{top:-10px;right:-10px;cursor:ne-resize}.handle-ml{left:-10px;cursor:w-resize}.handle-ml,.handle-mr{top:50%;margin-top:-5px}.handle-mr{right:-10px;cursor:e-resize}.handle-bl{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}.Viewer[data-v-caf51276]{position:relative;height:100%;overflow:hidden}.Viewer .player-logo[data-v-caf51276]{position:absolute;left:10px;top:10px;max-width:200px;max-height:200px;overflow:hidden;z-index:2}.Viewer[data-v-caf51276] .el-main{border-width:0;background-color:unset}.Viewer .tool-bar[data-v-caf51276]{position:absolute;z-index:2;left:0;bottom:15px;width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.Viewer .tool-bar>*[data-v-caf51276]{pointer-events:auto}.Viewer .tool-bar .animate-item[data-v-caf51276]{padding:0 10px;margin:0 20px;border-radius:6px;background-color:#00000073;display:flex;flex-direction:row;align-items:center}.Viewer .tool-bar .animate-item *[data-v-caf51276]{font-size:14px;color:#fff}.Viewer .tool-bar .animate-item .el-button[data-v-caf51276]{padding:5px 10px}.Viewer .tool-bar .animate-item .el-button .btn-inner[data-v-caf51276]:hover,.Viewer .tool-bar .animate-item .el-button .btn-inner:hover i[data-v-caf51276]{color:#ff0!important}