.cv-live-message{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cv-live-message .list-wrap{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.cv-live-message ul{position:absolute;padding:0;margin:0;width:100%;height:100%;overflow-y:auto}.cv-live-message ul li{padding:0;margin:0 0 15px 0;list-style:none}.cv-live-message ul li>div{display:-webkit-box;display:-ms-flexbox;display:flex}.cv-live-message ul li>div .avatar{display:block;width:36px;height:36px;background-color:#ccc;background-size:cover;border-radius:50%;margin-right:10px}.cv-live-message ul li>div .body{-webkit-box-flex:1;-ms-flex:1;flex:1}.cv-live-message ul li>div .body .name{display:block;font-size:12px;color:#9da8c8}.cv-live-message ul li>div .body .msg{position:relative;display:inline-block;padding:6px;border-radius:4px 6px 6px 6px;font-size:14px;background-color:#f4f4f4;color:#333}.cv-live-message ul li>div .body .msg:before{position:absolute;top:0;left:-12px;content:" ";display:block;width:10px;height:10px;border:5px solid transparent;border-right:10px solid #f4f4f4;width:0;height:0}.cv-live-message ul li>div .body .time{color:#999}.cv-live-message ul li>div.right .avatar{margin-left:10px;margin-right:0}.cv-live-message ul li>div.right .body,.cv-live-message ul li>div.right .body .name{text-align:right}.cv-live-message ul li>div.right .body .msg{border-radius:6px 4px 6px 6px}.cv-live-message ul li>div.right .body .msg:before{left:auto;right:-12px;border:5px solid transparent;border-left:10px solid #f4f4f4}.cv-live-message ul li .sys{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;text-align:center;color:#999}.cv-live-message ul li .sys .red{color:red}.cv-live-control .opp{font-size:24px}.cv-live-control .label{font-size:14px;color:#303133}.cv-live-control .video-wrap{position:relative;width:100%;height:173.25px;border:1px solid #ccc}.cv-live-control .video-wrap .tip{display:block;position:absolute;top:0;left:0;width:100%;height:100%;line-height:2em;padding-top:60px;text-align:center;background-color:#000;color:#fff;z-index:1}.cv-live-control .video-wrap video{width:100%;height:100%}.cv-live-control .item{margin-left:10px;vertical-align:middle}.cv-live-control .item i{vertical-align:middle;line-height:28px}.vc-live-videoitem{position:relative;display:inline-block;width:150px;height:100%;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 0 4px #000;box-shadow:0 0 4px #000;overflow:hidden}.vc-live-videoitem .video-wrap{width:100%;height:112.5px;background-color:#000}.vc-live-videoitem .video-wrap video{width:100%;height:100%}.vc-live-videoitem .tip{position:absolute;top:0;left:0;width:100%;text-align:center;color:#fff;text-shadow:0 0 3px #000}.vc-live-videoitem .tip.full{height:112.5px;cursor:pointer;text-align:center;font-size:12px}.vc-live-videoitem .tip.full .icon{margin-top:30px;font-size:36px;display:block}.vc-live-videoitem .bottom{padding:0 6px;font-size:14px;color:#333;vertical-align:middle}.vc-live-videoitem .opp{position:absolute;bottom:-30px;left:0;width:100%;cursor:pointer;font-size:20px;padding-top:3px;float:right;vertical-align:bottom;background-color:rgba(51,175,133,.8);-webkit-box-shadow:0 0 5px #fff;box-shadow:0 0 5px #fff;color:#fff;text-align:right}.vc-live-videoitem .opp .icon{margin:0 2px}.vc-live-videoitem:hover .opp{bottom:0}.cv-live-videolist{position:relative;padding:15px;margin-bottom:5px;border:1px solid #ccc;height:200px;z-index:100}.cv-live-videolist:after,.cv-live-videolist:before{content:" ";display:table}.cv-live-videolist:after{clear:both}.cv-live-videolist .item-wrap{width:100%;margin:0;overflow-x:auto;white-space:nowrap}.cv-live-videolist .item-wrap:after,.cv-live-videolist .item-wrap:before{content:" ";display:table}.cv-live-videolist .item-wrap:after{clear:both}.cv-live-videolist .item-wrap .item{display:inline-block;margin-left:15px}.cv-live-videolist .all-opp-wrap{margin:0;margin-bottom:5px}.cv-live-videolist .all-opp-wrap span{margin-right:10px}.vc-teacher-answerPanel{position:relative;height:100%}.vc-teacher-answerPanel .vc-answerPanel{position:absolute;top:0;left:0;bottom:0;right:0;overflow:auto}.vc-teacher-answerPanel .vc-answerPanel .right{float:right}.vc-teacher-answerPanel .vc-answerPanel .el-badge{margin-right:10px}.vc-teacher-answerPanel .vc-answerPanel .avatar{position:relative;vertical-align:bottom;display:inline-block;width:30px;height:30px;border-radius:15px;overflow:hidden;background-color:#ccc;-webkit-box-shadow:0 0 4px #000;box-shadow:0 0 4px #000;margin-right:-15px}.vc-teacher-answerPanel .vc-answerPanel .avatar:hover{z-index:1}.vc-teacher-answerPanel .vc-answerPanel .avatar img{width:100%;height:auto}.live-page{min-width:1200px;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.live-page .el-tabs__header{margin:0}.live-page .paint_box{width:100%;height:100%;background-color:#fff;border:1px solid #ccc}.live-page .left-aside,.live-page .right-aside{width:340px}.live-page .left-aside .el-form-item,.live-page .right-aside .el-form-item{margin-bottom:10px}.live-page .centre-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:calc(100% - 680px);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.live-page .centre-box .paint_box{-webkit-box-flex:1;-ms-flex:auto;flex:auto;max-height:calc(100% - 240px)}.live-page .message-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.live-page .message-box .el-tabs__content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.live-page .message-box .el-tabs__content .el-tab-pane{-webkit-box-flex:1;-ms-flex:1;flex:1}.live-page .versions{background-color:#f5f7fa;font-size:14px;padding:10px 20px}