#headertitle[data-v-753a1d04]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;white-space:nowrap;border-bottom:1px solid rgba(12,12,12,.1)}.headertitle-left[data-v-753a1d04]{display:flex;align-items:center;letter-spacing:4px;font-size:20px}.headertitle-right[data-v-753a1d04]{display:flex;align-items:center}.headertitle-right-name[data-v-753a1d04]{display:flex;align-items:center;font-size:15px}.headertitle-left[data-v-753a1d04]:before{content:"";display:inline-block;width:4px;height:30px;background-color:#7682ce;margin-right:15px}.player[data-v-0d2025be]{height:98%;width:100%;overflow:hidden}.player-header[data-v-0d2025be]{width:100%;padding:10px 20px;display:flex;justify-content:space-between;box-shadow:0 3px 8px #e7e6e6}.player-main[data-v-0d2025be]{overflow:hidden}.player-error[data-v-0d2025be],.player-main[data-v-0d2025be]{display:flex;justify-content:center;align-items:center;height:100%}.slide-fade-enter-active[data-v-0d2025be]{transition:all .8s ease}.slide-fade-leave-active[data-v-0d2025be]{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter[data-v-0d2025be],.slide-fade-leave-to[data-v-0d2025be]{transform:translateX(10px);opacity:0}#monitoring[data-v-4527a14d]{height:100%}.header[data-v-4527a14d]{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 20px}.monitoringmain[data-v-4527a14d]{width:100%;height:calc(100% - 63px);display:flex;justify-content:flex-start;flex-wrap:wrap;padding:0;overflow:auto}.monitoringmain_right[data-v-4527a14d]{width:calc(100% - 252px);height:100%;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden}.aside[data-v-4527a14d]{width:250px;height:100%;overflow:auto}.video[data-v-4527a14d]{max-width:480px;min-height:320px;width:48%;margin:5px 5px;border:1px solid #fff;background-color:#000;border-radius:3px;box-shadow:inset 0 0 10px 0 rgba(118,130,206,.18823529411764706),0 0 10px 0 rgba(118,130,206,.18823529411764706);position:relative;color:#fff;cursor:pointer;overflow:hidden}.video[data-v-4527a14d]:hover{border:1px solid #7682ce}.video:hover .videoTip[data-v-4527a14d]{animation:scroll-4527a14d .5s linear forwards;box-shadow:inset 0 0 10px 0 rgba(118,130,206,.18823529411764706),0 0 10px 0 rgba(118,130,206,.18823529411764706)}.videoTip[data-v-4527a14d]{display:block;left:0;right:0;bottom:-80px;height:80px;position:absolute;background-color:hsla(0,0%,100%,.396078431372549);transition:all .5s ease-out;padding:10px;border-radius:10px 10px 3px 3px}@keyframes scroll-4527a14d{0%{bottom:-80px}to{bottom:0}}.video-info[data-v-4527a14d]{top:5px;left:5px;position:absolute;background-color:hsla(0,0%,100%,.18823529411764706);padding:5px 10px;border-radius:3px}.video-icon[data-v-4527a14d]{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;font-size:72px;color:#7682ce}.emty[data-v-4527a14d]{width:48%;max-width:480px;height:1px;margin:5px 5px}.slide-fade-enter-active[data-v-4527a14d]{transition:all .8s ease}.slide-fade-leave-active[data-v-4527a14d]{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter[data-v-4527a14d],.slide-fade-leave-to[data-v-4527a14d]{transform:translateX(10px);opacity:0}