.chat-layout[data-v-d947721a]{height:100%}.chat-layout .chat-item[data-v-d947721a]{margin-bottom:10px;word-break:break-all}.chat-layout .chat-item .user-name[data-v-d947721a]{color:#9f9f9f;line-height:20px}.chat-layout .chat-item-my .user-name[data-v-d947721a]{color:#9f9f9f;font-weight:700;color:#10a6b4;line-height:20px}.chat-layout .chat-item-join[data-v-d947721a],.chat-layout .chat-item-leave[data-v-d947721a]{width:100%;display:flex;justify-content:center;align-items:center;color:#ccc}.chat-layout .user-item[data-v-d947721a]{display:flex;height:50px;align-items:center;cursor:pointer}.chat-layout .user-item .user-avatar[data-v-d947721a]{color:#fff;height:35px;width:35px;font-size:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#10a6b4;border-radius:50%}.chat-layout .user-item .user-avatar img[data-v-d947721a]{height:100%;width:100%;object-fit:cover}.chat-layout .user-item .user-name[data-v-d947721a]{flex:1;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-layout .user-item[data-v-d947721a]:hover{background-color:#f0f8ff;border-radius:4px}.chat-layout .room-list[data-v-d947721a]{flex:1;overflow:auto}.chat-layout[data-v-d947721a] .el-input-group__append{cursor:pointer;padding:0 10px;background-color:#10a6b4;color:#fff;border:1px solid #10a6b4}.chat-layout[data-v-d947721a] .el-input-group__append:hover{opacity:.8}.chat-layout[data-v-d947721a] .user-list input{border-radius:30px}.live-watch[data-v-787eb905]{display:flex;flex-direction:column;height:100%;width:100%}.live-watch .live-header[data-v-787eb905]{padding:0 10px;color:#fff;font-size:20px;font-weight:700;display:flex;flex-wrap:wrap;min-height:50px;align-items:center;justify-content:space-between;background-color:#10a6b4}.live-watch .live-title[data-v-787eb905]{flex:1;min-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-watch .live-info[data-v-787eb905]{min-width:200px;display:flex;justify-content:flex-end;font-size:13px;align-items:center}.live-watch .live-info[data-v-787eb905]>:last-child{margin-left:20px}.live-watch .live-info .live-lecture-name[data-v-787eb905]{display:flex;align-items:center}.live-watch .live-info .user-avatar[data-v-787eb905]{width:30px;height:30px;background-color:#1dc7e6;margin-right:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.live-watch .live-info .user-avatar img[data-v-787eb905]{width:100%;height:100%;object-fit:cover}.live-watch .live-body[data-v-787eb905]{height:100%;display:flex;flex:1;background-color:#333;overflow:hidden}.live-watch .live-body .live-body-left[data-v-787eb905]{width:55px;height:100%;background-color:#6d6e70}.live-watch .live-body .live-body-left .left-menu-item[data-v-787eb905]{color:#fff;width:100%;display:flex;flex-direction:column;align-items:center;font-size:12px;padding:10px 0;cursor:pointer}.live-watch .live-body .live-body-left .left-menu-item i[data-v-787eb905]{margin-bottom:3px;font-size:17px}.live-watch .live-body .live-body-left .left-menu-item-open[data-v-787eb905]{color:#0ff}.live-watch .live-body .live-body-left .left-menu-item[data-v-787eb905]:hover{background-color:#5b5c5e}.live-watch .live-body .live-body-center[data-v-787eb905]{height:100%;position:relative;flex:1}.live-watch .live-body .live-body-center .live-not-start[data-v-787eb905]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;display:flex;flex-direction:column;align-items:center;z-index:1;background-color:#333;padding:10px}.live-watch .live-body .live-body-center .start-button[data-v-787eb905]{margin-top:10px}.live-watch .live-body .live-body-center .live-playing[data-v-787eb905]{height:100%}.live-watch .live-body .live-body-center .video-play[data-v-787eb905]{width:100%;height:100%;background-color:#333}.live-watch .live-body .live-body-center .video-play[data-v-787eb905]::-webkit-media-controls-timeline{display:none}.live-watch .live-body .live-body-right[data-v-787eb905]{width:250px;display:flex;flex-direction:column}.live-watch .live-body .live-body-right .live-lecturer-video[data-v-787eb905]{height:150px;color:#fff;display:flex;align-items:center;justify-content:center}.live-watch .live-body .live-body-right .live-chat-room[data-v-787eb905]{flex:1;display:flex;flex-direction:column;background-color:#fff;padding:5px}.live-watch .live-body .live-body-right .room-list[data-v-787eb905]{flex:1;padding:5px;overflow:auto}
