.father[data-v-27bb6784]{position:relative;width:100%;height:100%}.father .header[data-v-27bb6784]{z-index:4;width:85%;height:50px;line-height:50px;position:absolute;top:0;padding-left:30px;font-size:21px;color:#fff;background-color:rgba(0,0,0,.82)}.father #video1[data-v-27bb6784]{position:absolute;right:0;bottom:0;width:100%;height:100%}.father .dashboard-box[data-v-27bb6784]{position:absolute;bottom:30px;right:0;width:100%}.father .dashboard-box .dashboard[data-v-27bb6784]{color:#fff;float:right;margin-right:20px}.father .quartet-chart[data-v-27bb6784]{width:100%;height:21em;position:absolute;bottom:4.3em;right:0;z-index:5;background-color:rgba(0,0,0,.82);display:flex}.father .no-video[data-v-27bb6784]{width:100%;height:100%;position:absolute;top:40%;left:45%;font-size:20px;color:#fff}.father .show{visibility:visible}.father .noShow{visibility:hidden}.father .video-js .vjs-control-bar{display:flex;align-items:flex-end;height:38%;background-color:rgba(0,0,0,.82)}.father .video-js .vjs-control{height:30px}.father .video-js .vjs-progress-control{z-index:9;position:relative}.father .video-js .vjs-time-control{width:65px}.father .vjs-break-overlay{display:none}.father .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1}.father .video-js.vjs-paused .vjs-big-play-button{display:none!important}.father .header .ivu-icon{display:inline-block;line-height:50px;margin-right:25px;cursor:pointer}.father .vjs-marker:after{content:"";height:0;width:0;border:3px solid transparent;display:block;position:absolute;bottom:-10px;z-index:-1;border-right:8px solid transparent;border-top:15px solid orange;border-left:8px solid transparent}.father .vjs-marker-active:after{border-right:8px solid transparent!important;border-top:15px solid #1cc0f3!important;border-left:8px solid transparent!important}.father .time-line:before{content:"";top:auto;bottom:0;right:-1px;height:31vh;width:1px;background-color:#51c5fd;display:inline-block;z-index:6;box-shadow:0 0 10px 2px #4a99ff}.father .time-line:after{content:"";position:absolute;top:auto;bottom:0;right:-6px;z-index:6;height:31.4vh;width:1px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #51c5fd}.father .vjs-dashboard{line-height:1.5;margin-right:10px;cursor:pointer}.father .vjs-dashboard .iconfont{font-size:20px}.father .vjs-bg-bar{position:absolute;bottom:16px;left:10px;width:calc(100% - 20px);height:2.4vh}.father .vjs-bg-bar #DashBoardEchart{width:100%;height:100%}.father .vjs-quartet{position:absolute;bottom:50px;left:-80px;width:calc(100% + 70px);display:flex}.father .vjs-quartet #quartetChart{width:100%;height:30vh}.father .vjs-column-chart #ColumnChart{position:absolute;bottom:50px;right:10px;width:170px;height:30vh}.father .vjs-column-chart #Interaction{top:0;padding:70px 10px 0;height:calc(31% + 25px)}.father .vjs-column-chart #Interaction,.father .vjs-column-chart #Teaching{background-color:rgba(0,0,0,.82);color:#fff;text-align:center;position:absolute;right:0;width:15%}.father .vjs-column-chart #Teaching{top:calc(31% + 25px);padding:20px 10px 0;height:calc(31% - 25px)}