.video-box[data-v-bc704d3a]{position:relative;width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex}.video-box .video-left[data-v-bc704d3a]{width:30%;height:98%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #ccc;overflow-y:scroll}.video-box .video-left .name[data-v-bc704d3a]{width:100%;text-align:center;height:50px;line-height:50px;color:#303133;border-bottom:1px solid #ccc}.video-box .video-right[data-v-bc704d3a]{height:98%;width:70%}.video-box .video-right .video-right-top[data-v-bc704d3a]{display:-webkit-box;display:-ms-flexbox;display:flex}.video-box .video-right .video-right-top p[data-v-bc704d3a]{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);width:80px;text-align:center;height:50px;line-height:50px;border-radius:14px;margin:0 32px}.video-box .video-right .video-right-box[data-v-bc704d3a]{margin-top:32px;height:calc(100% - 100px);overflow-y:scroll;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.video-box .video-right .video-right-box .video[data-v-bc704d3a]{width:33%;height:300px}