[data-v-4bb361ea] .el-tooltip__popper{max-width:200px}.top-bar[data-v-4bb361ea]{background:#fff;height:70px;padding:0 50px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:Source Han Sans CN;background:#2e5478;position:fixed;top:0;width:calc(100% - 100px);z-index:200}.top-bar .logo-box[data-v-4bb361ea],.top-bar[data-v-4bb361ea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-bar .logo-box .logo[data-v-4bb361ea]{height:46px;width:auto;margin-right:10px}.top-bar .logo-box span[data-v-4bb361ea]{color:#ffbc26;font-weight:700;font-size:14px}.top-bar .title[data-v-4bb361ea]{font-size:18px;font-weight:500;color:#23b8ff;padding:0 7% 0 30px;border-left:1px solid #23b8ff;margin-left:30px;line-height:30px}.top-bar .nav[data-v-4bb361ea]{font-size:16px;font-weight:500;color:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.top-bar .nav .nav-item[data-v-4bb361ea]{cursor:pointer;margin-right:60px;display:inline-block;position:relative;text-decoration:none;color:#fff}.top-bar .nav .nav-item[data-v-4bb361ea]:last-child{margin-right:0}.top-bar .nav .nav-item span[data-v-4bb361ea]{display:block;font-size:16px;line-height:70px;text-align:center}.top-bar .nav .nav-item .children-list[data-v-4bb361ea]{position:absolute;width:150px;background:#fff;z-index:999999;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;top:70px;border:1px solid #dfe7e4;border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.top-bar .nav .nav-item .children-list li[data-v-4bb361ea]{display:block;color:#555;font-size:16px;line-height:50px;text-align:center}.top-bar .nav .nav-item .children-list li.child-active[data-v-4bb361ea],.top-bar .nav .nav-item .children-list li[data-v-4bb361ea]:hover{color:#23b8ff}.top-bar .nav .nav-item.active[data-v-4bb361ea]{color:#ffbc27}.top-bar .nav .nav-item.active[data-v-4bb361ea]:after{content:"";position:absolute;width:100%;bottom:0;left:0;border-bottom:3px solid #ffbc27}.top-bar .info[data-v-4bb361ea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:500;color:#fff}.top-bar .info .avatar[data-v-4bb361ea]{border-radius:50%;width:40px;height:40px;margin:0 20px 0 50px}.top-bar .info .logout[data-v-4bb361ea]{cursor:pointer;margin-left:50px;width:28px}[data-v-52d8838c] .el-tooltip__popper{max-width:200px}.chat-area .im-chat[data-v-52d8838c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-top:1px solid #ddd}.chat-area .im-chat .tool[data-v-52d8838c]{height:20px;padding:12px 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.chat-area .im-chat .tool .gifEmoticon[data-v-52d8838c]{margin-right:20px;height:18px;position:relative;cursor:pointer}.chat-area .im-chat .tool .gifEmoticon .emoticon[data-v-52d8838c]{width:18px;height:18px}.chat-area .im-chat .tool .gifEmoticon .emoticon-list[data-v-52d8838c]{position:absolute;top:-243px;left:0;width:290px;height:230px;background:#2e5478;border-radius:4px}.chat-area .im-chat .tool .gifEmoticon .emoticon-list[data-v-52d8838c]:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #2e5478}.chat-area .im-chat .tool .gifEmoticon .emoticon-list ul[data-v-52d8838c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:20px;font-size:0;overflow-y:auto;height:180px}.chat-area .im-chat .tool .gifEmoticon .emoticon-list ul li[data-v-52d8838c]{width:70px;margin-right:20px;display:inline-block;margin-bottom:12px}.chat-area .im-chat .tool .gifEmoticon .emoticon-list ul li[data-v-52d8838c]:nth-child(3n){margin-right:0}.chat-area .im-chat .tool .gifEmoticon .emoticon-list ul li img[data-v-52d8838c]{width:70px;height:70px}.chat-area .im-chat .tool .gifEmoticon .emoticon-list ul li p[data-v-52d8838c]{font-size:14px;color:#888;margin-top:5px;line-height:1;text-align:center}.chat-area .im-chat .tool .imotion[data-v-52d8838c]{width:20px;height:16px}.chat-area .im-chat .message[data-v-52d8838c]{font-size:14px;-webkit-box-flex:1;-ms-flex:1;flex:1;height:70px;background:inherit;border:none;color:#ccc;resize:none;font-family:Source Han Sans CN;margin:6px 0}.chat-area .im-chat .message[data-v-52d8838c] .el-textarea__inner{border:none}.chat-area .im-chat .message[data-v-52d8838c]:focus{outline:none;caret-color:#ccc;color:#333}.chat-area .im-chat .message[data-v-52d8838c]:empty:not(:focus):before{content:attr(placeholder)}.chat-area .im-chat .button[data-v-52d8838c]{width:80px;background:#23b8ff;border-radius:4px;color:#fff;text-align:center;line-height:30px;float:right;height:30px;bottom:0;cursor:pointer;margin:0 10px 10px 0;-ms-flex-item-align:end;align-self:flex-end}[data-v-73c2a32a] .el-tooltip__popper{max-width:200px}.message-content[data-v-73c2a32a]{position:fixed;right:-350px;top:70px;bottom:0;width:350px;background-color:#2e5478;-webkit-transition:all .2s;transition:all .2s;z-index:200}.message-content.show-message[data-v-73c2a32a]{right:0}.message-content .message-box[data-v-73c2a32a]{position:absolute;width:80px;height:60px;border-radius:30px 0 0 30px;background:#2e5478;top:30px;left:-80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.message-content .message-box .img-box[data-v-73c2a32a]{position:relative;width:48px;height:48px;cursor:pointer}.message-content .message-box .img-box i[data-v-73c2a32a]{display:inline-block;position:absolute;top:0;left:30px;font-size:12px;color:#fff;padding:5px;line-height:1;border-radius:11px;background:#f55;font-style:normal}.message-content .message-list[data-v-73c2a32a]{padding:15px}.message-content .message-list h2[data-v-73c2a32a]{font-size:14px;color:#fff;font-weight:700;margin-bottom:10px}.message-content .message-list .offline-tips[data-v-73c2a32a]{background:#ffe9db;margin-top:10px;padding:10px;border-radius:4px}.message-content .message-list .offline-tips b[data-v-73c2a32a]{color:#f55;cursor:pointer}.message-content .message-list .student-list[data-v-73c2a32a]{margin-top:20px;height:calc(100vh - 200px);overflow-y:auto}.message-content .message-list .student-list ul li[data-v-73c2a32a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:15px;background:#fff;border-radius:10px;position:relative;margin-bottom:10px;cursor:pointer}.message-content .message-list .student-list ul li.online .avatar[data-v-73c2a32a]:after{display:none}.message-content .message-list .student-list ul li.online .user-info p.name em[data-v-73c2a32a]{border:1px solid #f50;color:#f50;background:transparent}.message-content .message-list .student-list ul li .avatar[data-v-73c2a32a]{min-width:66px;width:66px;height:66px;border-radius:33px;overflow:hidden;margin-right:10px;position:relative}.message-content .message-list .student-list ul li .avatar[data-v-73c2a32a]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:rgba(0,0,0,.5)}.message-content .message-list .student-list ul li .avatar img[data-v-73c2a32a]{width:100%;height:100%}.message-content .message-list .student-list ul li .user-info p.name[data-v-73c2a32a]{font-size:16px;color:#333;font-weight:700;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.message-content .message-list .student-list ul li .user-info p.name em[data-v-73c2a32a]{font-style:normal;border:1px solid #aaa;color:#fff;background:#aaa;border-radius:10px;font-size:12px;padding:0 5px;margin-left:8px}.message-content .message-list .student-list ul li .user-info p.lessonName[data-v-73c2a32a]{font-size:12px;color:#333}.message-content .message-list .student-list ul li .icon-message[data-v-73c2a32a]{position:absolute;right:15px;top:15px;font-size:12px;color:#fff;padding:5px;line-height:1;border-radius:11px;background:#f55}.message-content .message-list .student-list ul li .icon-delete[data-v-73c2a32a]{position:absolute;right:0;top:0;width:12px;height:12px;padding:15px;cursor:pointer}.message-content .message-list .student-list ul li .icon-delete img[data-v-73c2a32a]{width:100%}.message-content .message-list .done[data-v-73c2a32a]{text-align:center;font-size:14px;color:#fff}.message-content .chart-box[data-v-73c2a32a]{position:absolute;left:-500px;top:30px;width:400px;background:#fff;border-radius:10px;overflow:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}.message-content .chart-box .im-head[data-v-73c2a32a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:15px;background:#2e5478;position:relative}.message-content .chart-box .im-head .avatar[data-v-73c2a32a]{min-width:66px;width:66px;height:66px;border-radius:100%;overflow:hidden;margin-right:10px;position:relative}.message-content .chart-box .im-head .avatar[data-v-73c2a32a]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:rgba(0,0,0,.5)}.message-content .chart-box .im-head .avatar.online[data-v-73c2a32a]:after{display:none}.message-content .chart-box .im-head .avatar img[data-v-73c2a32a]{width:100%;height:100%}.message-content .chart-box .im-head .user-info p.name[data-v-73c2a32a]{font-size:16px;color:#fff;font-weight:700;margin-bottom:10px}.message-content .chart-box .im-head .user-info p.name b[data-v-73c2a32a]{font-size:12px;color:#fff;display:inline-block;margin-left:10px}.message-content .chart-box .im-head .user-info p.lessonName[data-v-73c2a32a]{font-size:12px;color:#fff}.message-content .chart-box .im-head .icon-close[data-v-73c2a32a]{position:absolute;right:0;top:0;width:12px;height:12px;padding:15px;cursor:pointer}.message-content .chart-box .im-head .icon-close img[data-v-73c2a32a]{width:100%}.message-content .chart-box .chat-container .nodata[data-v-73c2a32a]{height:250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.message-content .chart-box .chat-container .chat-list[data-v-73c2a32a]{padding-top:10px;height:300px;overflow-y:auto}.message-content .chart-box .chat-container .chat-list h3[data-v-73c2a32a]{text-align:center;font-size:14px;color:#999;margin:20px 0}.message-content .chart-box .chat-container .chat-list .chat-row[data-v-73c2a32a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 15px 10px}.message-content .chart-box .chat-container .chat-list .chat-row .chat-item[data-v-73c2a32a]{max-width:50%;background:#ffe9db;padding:5px 10px;border-radius:3px;font-size:14px;position:relative;word-break:break-all}.message-content .chart-box .chat-container .chat-list .chat-row .chat-item[data-v-73c2a32a] .el-image-viewer__close{z-index:999999}.message-content .chart-box .chat-container .chat-list .chat-row .chat-item[data-v-73c2a32a] .el-image-viewer__close .el-icon-circle-close{color:#fff}.message-content .chart-box .chat-container .chat-list .chat-row.left[data-v-73c2a32a]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.message-content .chart-box .chat-container .chat-list .chat-row.left .chat-item[data-v-73c2a32a]:after{content:"";position:absolute;left:-10px;top:10px;width:0;height:0;border:5px solid;border-color:transparent #ffe9db transparent transparent}.message-content .chart-box .chat-container .chat-list .chat-row.right[data-v-73c2a32a]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.message-content .chart-box .chat-container .chat-list .chat-row.right .chat-item[data-v-73c2a32a]:after{content:"";position:absolute;right:-10px;top:10px;width:0;height:0;border:5px solid;border-color:transparent transparent transparent #ffe9db}.message-content .chart-box .done[data-v-73c2a32a]{text-align:center;font-size:14px;color:#aaa}.message-content .nodata[data-v-73c2a32a]{text-align:center;padding:30px}*{padding:0;margin:0}.el-button--primary{background-color:#23b8ff!important;border-color:#23b8ff!important}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:#a0cfff!important;border-color:#a0cfff!important}[data-v-4c30f3be] .el-tooltip__popper{max-width:200px}.container[data-v-4c30f3be]{background-color:#f5f9fb;max-width:100vw;min-height:100vh}.main[data-v-4c30f3be]{background-color:#f5f9fb;margin:0 auto;padding:70px 50px 50px 50px;min-width:1200px}.el-tooltip__popper{max-width:300px}