.chat-item[data-v-9f895ada]{padding:15px 0;max-width:330px;display:flex}.chat-item .user-info img[data-v-9f895ada]{width:40px;height:40px;border-radius:40px}.chat-item .content-info[data-v-9f895ada]{padding-left:10px}.chat-item .content-info .name[data-v-9f895ada]{padding-bottom:5px;font-size:12px;color:#999}.chat-item .content-info .text[data-v-9f895ada]{position:relative;margin-left:10px;padding:10px;border-radius:6px;background:var(--main-color);color:var(--main-text-color);line-height:1.5;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-all}.chat-item .content-info .text[data-v-9f895ada]:before{content:"";position:absolute;width:0;height:0;left:-12px;top:10px;border:6px solid;border-color:transparent var(--main-color) transparent transparent}.main[data-v-9f895ada]{--s:25px;max-width:100vw;max-height:calc(100vh - 70px - var(--s)*3);height:calc(100vh - 70px - var(--s)*3);margin:var(--s) 150px}.main .panel[data-v-9f895ada]{height:100%;padding:0 var(--s) var(--s)}.main .panel .content[data-v-9f895ada]{background:#fff;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,.1);padding:15px;margin-top:15px;min-height:calc(100% - 45px);max-height:calc(100% - 45px);display:flex;position:relative}.main .panel .content .video-panel[data-v-9f895ada]{flex:1}.main .panel .content .video-panel div[data-v-9f895ada]{height:100%;width:100%}.main .panel .content .video-panel .yzd-html[data-v-9f895ada]{min-width:100%}.main .panel .content .course-list[data-v-9f895ada]{width:365px;padding:0 0 0 15px}.main .panel .content .course-list .title[data-v-9f895ada]{font-size:18px;line-height:26px;padding-bottom:10px;display:flex;justify-content:space-between}.main .panel .content .course-list .title span[data-v-9f895ada]{font-size:10px;cursor:pointer;color:var(--main-color);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.main .panel .content .course-list .new-message[data-v-9f895ada]{position:absolute;bottom:120px;right:30px;display:flex;justify-content:center}.main .panel .content .course-list .new-message .message-panel[data-v-9f895ada]{font-size:12px;padding:8px 15px;background-color:rgba(var(--rgb-main-color),.8);color:var(--main-text-color);border-radius:500px;box-shadow:0 5px 15px rgba(0,0,0,.15);cursor:pointer}.main .panel .content .course-list .new-message .message-panel[data-v-9f895ada]:before{content:"";position:absolute;width:0;height:0;bottom:-12px;right:15px;border:6px solid;border-color:rgba(var(--rgb-main-color),.8) transparent transparent transparent}.main .panel .content .course-list .chat[data-v-9f895ada]{height:85px;margin-top:5px;display:flex;border:1px solid var(--main-color);border-radius:6px;overflow:hidden}.main .panel .content .course-list .chat textarea[data-v-9f895ada]{outline:none;flex:1;padding:5px;font-size:14px;color:#666;letter-spacing:2px;line-height:1.5;border:none;resize:none}.main .panel .content .course-list .chat textarea[data-v-9f895ada]::-webkit-scrollbar{width:6px;background-color:rgba(var(--rgb-main-color),.1)}.main .panel .content .course-list .chat textarea[data-v-9f895ada]::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(var(--rgb-main-color),.5)}.main .panel .content .course-list .chat .btn[data-v-9f895ada]{width:60px;padding:0 10px;background-color:var(--main-color)}.main .panel .content .course-list .chat .btn span[data-v-9f895ada]{color:var(--main-text-color);height:100%;width:100%;display:flex;align-items:center;justify-content:center}.main .panel .content .course-list .list[data-v-9f895ada]{height:calc(100% - 135px);background:rgba(0,0,0,.03);border-radius:6px}.main .panel .content .course-list .list .item[data-v-9f895ada]{display:flex;align-items:center;height:50px;margin-right:25px;background:rgba(51,51,51,.05);border-radius:5px;padding:0 10px;margin-bottom:5px;cursor:pointer}.main .panel .content .course-list .list .item[data-v-9f895ada]:hover{background:var(--main-color);color:var(--main-text-color)}.main .panel .content .course-list .list .item:hover .tag[data-v-9f895ada]{color:var(--main-text-color);border:1px solid var(--main-text-color)}.main .panel .content .course-list .list .item:hover .sk[data-v-9f895ada]{color:var(--main-text-color)}.main .panel .content .course-list .list .item._cur[data-v-9f895ada]{background:var(--main-color);color:var(--main-text-color)}.main .panel .content .course-list .list .item._cur .tag[data-v-9f895ada]{color:var(--main-text-color);border:1px solid var(--main-text-color)}.main .panel .content .course-list .list .item._cur .sk[data-v-9f895ada]{color:var(--main-text-color)}.main .panel .content .course-list .list .item .tag[data-v-9f895ada]{font-size:12px;border:1px solid #666;padding:2px 4px;border-radius:3px;color:#666}.main .panel .content .course-list .list .item .title[data-v-9f895ada]{padding:0 15px;font-size:14px;flex:1}.main .panel .content .course-list .list .item .sk[data-v-9f895ada]{color:var(--main-color);font-size:10px}.main .panel .content .course-list .list .item .sk[class*=yzd-][data-v-9f895ada]{font-size:16px}.el-dropdown-menu__item{font-size:10px;display:flex;align-items:center}.el-dropdown-menu__item:not(.is-disabled):hover{background-color:inherit;color:inherit}.el-dropdown-menu__item .user-icon{width:30px;height:30px}.el-dropdown-menu__item span{padding-left:5px;max-width:150px}