.live_unit,.video_module{height:100%}.live_unit{display:flex;position:relative;border:1px solid #ccc;box-sizing:border-box}.live_unit .live_main_box{width:calc(100% - 300px)}.live_unit .live_main_box .main_content{height:calc(100% - 80px)}.live_unit .live_main_box .operate_box{height:80px;border-top:1px solid #ccc;box-sizing:border-box;background:#fff;display:flex;align-items:center;justify-content:center;padding:0 25px}.live_unit .sidebar_box{width:300px;border-left:1px solid #ccc;box-sizing:border-box}.live_unit .sidebar_box .sidebar_top{width:300px;height:300px}.live_unit .sidebar_box .sidebar_bottom{width:300px;height:calc(100% - 300px);background:#fff}.live_unit .sidebar_box .sidebar_bottom .tab_box{height:60px}.live_unit .sidebar_box .sidebar_bottom .message_list_box{height:calc(100% - 160px);overflow-y:scroll;padding:10px;box-sizing:border-box;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li{margin-bottom:10px}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li:last-child{margin-bottom:0}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li .message_item .message_shell .name_time{display:flex;align-items:flex-end}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li .message_item .message_shell .name_time>h3{font-size:14px}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li .message_item .message_shell .name_time>p{font-size:12px;margin-left:5px}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li .message_item .message_shell .msg_cont{display:flex;justify-content:flex-start}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li .message_item .message_shell .msg_cont .triangle_left{height:0;width:0;margin-top:15px;border:5px solid;border-color:transparent #409eff transparent transparent}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li .message_item .message_shell .msg_cont .triangle_right{height:0;width:0;margin-top:15px;border:5px solid;border-color:transparent transparent transparent #67c23a;display:none}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li .message_item .message_shell .msg_cont .msg_txt{margin-top:5px;font-size:14px;max-width:240px;padding:10px 15px;box-sizing:border-box;background:#409eff;border-radius:5px;color:#fff}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li .my_msg_box,.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li .my_msg_box .message_shell .msg_cont{display:flex;justify-content:flex-end}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li .my_msg_box .message_shell .msg_cont .triangle_left{display:none}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li .my_msg_box .message_shell .msg_cont .triangle_right{display:block}.live_unit .sidebar_box .sidebar_bottom .message_list_box>ul>li .my_msg_box .message_shell .msg_cont .msg_txt{background:#67c23a}.live_unit .sidebar_box .sidebar_bottom .message_send_box{height:100px;padding:0 15px;box-sizing:border-box}.live_unit .sidebar_box .sidebar_bottom .message_send_box .menu_box{display:flex;align-items:center;height:40px}.live_unit .sidebar_box .sidebar_bottom .message_send_box .msg_btn{display:flex;align-items:center;justify-content:space-between;height:60px}.live_unit .sidebar_box .sidebar_bottom .message_send_box .msg_btn .el-input{width:200px}.live_unit .sidebar_box .sidebar_bottom .message_send_box .msg_btn .el-button{width:65px}.live_unit .drawPanel_shell{width:calc(100% - 300px);height:calc(100% - 80px);position:absolute;top:0;left:0;transition:all .3s}.live_unit .mini_drawPanel_shell{width:300px;height:300px;position:absolute;right:0;top:0;transition:all .3s}.live_unit .max_livePlayer_shell{width:calc(100% - 300px);height:calc(100% - 80px);position:absolute;top:0;left:0;transition:all .3s}.live_unit .livePlayer_shell{width:300px;height:300px;position:absolute;right:0;top:0;transition:all .3s}