.chatBox[data-v-838eed30]{display:flex;border-radius:8px;background-color:#fff}.chatBox .left[data-v-838eed30]{position:relative;width:250px;min-width:250px;display:flex;flex-direction:column}.chatBox .left .addClass[data-v-838eed30]{top:10px;width:200px;line-height:30px;text-align:center;background:#ec4c54;border-radius:4px;border:1px solid #ec4c54;color:#fff;cursor:pointer;z-index:9;margin:0 auto;margin-top:10px;position:absolute;left:25px}.chatBox .left .class-name[data-v-838eed30]{font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#333;line-height:50px;height:80px;padding-left:30px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatBox .left .list[data-v-838eed30]{overflow-y:scroll;height:calc(100% - 100px);color:#000;font-size:16px}.chatBox .left .list .group[data-v-838eed30]{border-bottom:1px dotted #eee;font-size:18px;font-weight:700;display:flex;cursor:pointer;height:60px;padding-top:6px}.chatBox .left .list .group[data-v-838eed30]:hover{color:#ec4c54}.chatBox .left .list .active[data-v-838eed30]{background-color:#f7f5f0;color:#ec4c54;border-left:2px solid #ec4c54;border-bottom:1px dotted #eee;font-size:18px;font-weight:700;cursor:pointer;display:flex;text-align:center;height:60px;padding-top:6px}.chatBox .right[data-v-838eed30]{flex-grow:1;height:100%;width:1050px;flex-direction:column;justify-content:space-between;background-color:#e8e8e8}.chatBox .right .chat .group-title[data-v-838eed30]{padding:15px 20px 10px 20px;font-size:24px;font-weight:700;height:64px;display:flex;border-bottom:1px solid #d8d8d8;background-color:#e8e8e8;border-top-right-radius:12px;position:relative}.chatBox .right .chat .group-title .class_name[data-v-838eed30]{display:inline-block;flex:1}.chatBox .right .chat .group-title .class_name .tooltips[data-v-838eed30]{color:#db5647;display:inline-block;margin-left:20px;padding:0 15px 5px 20px;cursor:pointer;background-color:rgba(219,86,71,.08);border-radius:18px;text-align:center}.chatBox .right .chat .group-title .class_name .tooltips[data-v-838eed30] .anticon{vertical-align:-.15em}.chatBox .right .chat .group-title .class_name .tooltips .joinClass[data-v-838eed30]{font-size:16px;margin-right:10px;font-weight:400;text-align:center;color:#db5647}.chatBox .right .chat .group-title .class_name class_setting[data-v-838eed30]{flex-shrink:0}.chatBox .right .chat .group-title .class_name class_setting .class_setting_img[data-v-838eed30]{width:21px;height:21px}.chatBox .right .chat .loading[data-v-838eed30]{position:absolute;top:50%;left:50%}.chatBox .right .chat .messages[data-v-838eed30]{display:flex;flex-direction:column;padding:10px 20px;width:100%;position:relative;overflow:auto}.chatBox .right .chat .messages .load-more[data-v-838eed30]{margin-left:auto;margin-right:auto;width:150px;padding:3px;background-color:#eee;border-radius:10px;text-align:center;cursor:pointer}.chatBox .right .chat .messages .message[data-v-838eed30]{margin:10px;min-height:-moz-fit-content;min-height:fit-content}.chatBox .right .chat .messages .message .message_item_time[data-v-838eed30]{margin:auto;width:124px;height:20px;color:#867d7b;font-weight:400;font-size:10px;line-height:20px}.chatBox .right .chat .messages .message .body[data-v-838eed30]{display:flex}.chatBox .right .chat .messages .message .body .user-photo[data-v-838eed30]{width:30px;height:30px;border-radius:5px;margin:5px}.chatBox .right .chat .messages .message .body .message-body .user-name[data-v-838eed30]{color:#867d7b;margin-left:5px}.chatBox .right .chat .messages .message .body .message-body .message-content-right[data-v-838eed30]{position:relative;border:1px solid #ddd;border-radius:5px;padding:10px 10px;font-size:14px;background-color:#a3af90;color:#fff}.chatBox .right .chat .messages .message .body .message-body .message-content-right[data-v-838eed30]:after{content:"";position:absolute;right:-8px;top:8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #a3af90}.chatBox .right .chat .messages .message .body .message-body .message-content[data-v-838eed30]{padding:10px 0;font-size:14px;background-color:#e8e8e8;color:#fff}.chatBox .right .chat .messages .message .body .message-body .messageContentRight[data-v-838eed30]{max-width:950px;position:relative;border-radius:5px;padding:10px 15px;font-size:14px;margin-top:5px;background-color:#a3af90;background-size:cover;background-repeat:no-repeat;color:#fff;background-position:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}.chatBox .right .chat .messages .message .body .message-body .messageContentRight[data-v-838eed30]:after{content:"";position:absolute;right:-10px;top:8px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #a3af90}.chatBox .right .chat .messages .message .body .message-body .messageContent[data-v-838eed30]{position:relative;border-radius:5px;padding:10px 15px;font-size:14px;margin-top:5px;background-color:#fff;max-width:1200px;background-size:100% 100%;background-size:cover;color:#000;max-width:950px}.chatBox .right .chat .messages .message .body .message-body .message-content[data-v-838eed30]:before,.chatBox .right .chat .messages .message .body .message-body .messageContent[data-v-838eed30]:before{content:"";position:absolute;left:-20px;top:8px;width:0;height:0;border:10px solid;border-right-color:#fff;border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent}.chatBox .right .chat .messages .message .body .message-body .message-time[data-v-838eed30]{color:#867d7b;margin-top:5px;margin-left:5px}.chatBox .right .chat .messages .right[data-v-838eed30]{word-break:break-all}.chatBox .right .chat .messages .right .message_item_time[data-v-838eed30]{margin:auto;width:124px;height:20px;color:#867d7b;font-weight:400;font-size:10px;line-height:20px}.chatBox .right .chat .messages .right .user-name[data-v-838eed30]{text-align:right}.chatBox .right .chat .sent[data-v-838eed30]{width:100%;padding:10px 20px;height:140px;display:flex;flex-direction:column;border:1px solid #d8d8d8;background-color:#e8e8e8;border-bottom-right-radius:12px}.chatBox .right .chat .sent .msg-type-btn[data-v-838eed30]{font-size:20px;margin:5px;cursor:pointer}.chatBox .right .chat .sent .sent-content[data-v-838eed30]{display:flex;padding:10px 0}.chatBox .right .chat .sent .sent-content .sengTxt[data-v-838eed30]{border:none;margin-right:5px}.chatBox .right .no-class[data-v-838eed30]{height:800px;text-align:center}.chatBox .right .no-class .empty-img[data-v-838eed30]{text-align:center;margin:80px auto 10px auto}.chatBox .right .no-class .no-mess[data-v-838eed30]{font-size:14px}.chatBox .class-list[data-v-838eed30]{display:flex}.chatBox .class-list img[data-v-838eed30]{width:50px!important;height:50px!important;border-radius:50%}.class-info[data-v-838eed30]{font-size:18px;position:relative}.class-info .content[data-v-838eed30]{font-size:1.1em;font-weight:700;margin-bottom:10px;padding:10px 0;border-bottom:1px solid #eee}.class-info .class-name-title[data-v-838eed30]{margin-bottom:10px;padding:10px 0;height:26px;font-size:16px;color:#867d7b;line-height:26px}.class-info .class-name[data-v-838eed30],.class-info .class-notice[data-v-838eed30]{min-height:34px;width:100%;font-family:PingFangSC-Regular,PingFang SC;line-height:24px;font-size:16px;font-weight:700;margin-top:15px;color:#000;border-bottom:1px solid #eee}.class-info .class-notice[data-v-838eed30]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.class-info .class-name-input[data-v-838eed30]{min-height:34px;width:100%;font-family:PingFangSC-Regular,PingFang SC;line-height:24px;font-size:16px;font-weight:700;margin-top:15px;color:#000;border:none;outline:none}.class-info .class-name-input.focused[data-v-838eed30],.class-info .class-name-input[data-v-838eed30]:focus{border:2px solid #ec4c54}.class-info .class-name-input[data-v-838eed30]:not(:focus){border-bottom:1px solid #eee}.class-info .tips3[data-v-838eed30]{color:#999;font-size:16px;width:100%;align-content:center;margin:10px auto;border-top:1px solid #eee}.class-info .text-wrapper_15[data-v-838eed30]{border-radius:4px;background:#ec4c54;text-align:center;align-content:center;color:#fff;font-size:14px;margin:20px 0 0 110px}.class-info .member[data-v-838eed30]{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;grid-row-gap:5px;background-color:#fff}.class-info .member[data-v-838eed30] .ant-btn{width:50px;height:24px;line-height:24px;border:1px solid #ec4c54;background:#fff;color:#ec4c54;float:right}.class-info .member[data-v-838eed30] .ant-list-item{padding:5px 0 0 0}.class-info .member .mess[data-v-838eed30]{height:20px;cursor:pointer;text-align:right;color:#ec4c54;float:right}.class-info .member .mess .text[data-v-838eed30]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#867d7b}.class-info .member .mess .zb[data-v-838eed30],.class-info .member .mess .zz[data-v-838eed30]{cursor:pointer;margin-right:10px}.class-info .member .mess .yc[data-v-838eed30]{cursor:pointer}.class-info .member .owner[data-v-838eed30]{color:#00f!important;font-weight:700}.class-info .member .owner .del[data-v-838eed30]{display:none}.class-info .member .teacher[data-v-838eed30]:before{content:"🌷";color:#ec4c54;font-size:1.2em}.class-info .member .inClass[data-v-838eed30]{border:2px solid green}.class-info .member .del[data-v-838eed30]{margin-right:20px;float:right;color:#db5647;cursor:pointer}.class-info .member .active[data-v-838eed30]{float:right;color:#ccc;cursor:pointer;margin:auto 0}.class-info .member .active1[data-v-838eed30]{margin-right:15px;color:red;cursor:pointer;float:right;margin-top:4px}.class-info .edit[data-v-838eed30]{width:20px;height:20px;border-radius:20px;color:#fff;font-size:16px;float:right}.class-info .classNumber[data-v-838eed30]{min-height:260px}.class-info .classNumber .classTop .classGroup[data-v-838eed30] .ant-col-4{margin-top:6px}.f-del[data-v-838eed30]{display:flex;width:180px;margin:20px auto 0}.f-del .f-c[data-v-838eed30]{background:#fff;border-radius:4px;border:1px solid #dbd1cd;color:#867d7b}.f-del .f-c[data-v-838eed30],.f-del .f-s[data-v-838eed30]{height:30px;width:70px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;line-height:30px;text-align:center;margin:auto;cursor:pointer}.f-del .f-s[data-v-838eed30]{background:#ec4c54;color:#fff;border-radius:4px}.applyLi[data-v-838eed30]{height:120px}.applyLi .applyName[data-v-838eed30]{height:60px;line-height:60px;font-size:16px;color:#040506}.applyLi .applyName .userImg[data-v-838eed30]{width:44px;height:44px;border-radius:50%}.applyLi .applyName .userName[data-v-838eed30]{margin-left:10px;color:#ec4c54}.applyLi .applyName .name[data-v-838eed30]{color:#040506;margin-left:10px}.applyLi .applyName .className[data-v-838eed30]{color:#db5647;margin-left:10px}.applyLi .applyFun[data-v-838eed30]{float:right}.applyLi .applyFun .refuse[data-v-838eed30]{margin-left:20px}[data-v-838eed30] .ant-list{width:300px}[data-v-838eed30] .ant-list-item{padding:10px 0 10px 0}[data-v-838eed30] .ant-pagination{text-align:center}[data-v-838eed30] .ant-list-vertical .ant-list-item-meta{margin-bottom:0}[data-v-838eed30] .ant-list-item-meta-avatar{margin-right:16px;margin-top:-6px}[data-v-838eed30] .ant-list-something-after-last-item .ant-spin-container>.ant-list-items>.ant-list-item:last-child,[data-v-838eed30] .ant-list-split .ant-list-item{border-bottom:none}.tooltipColor .ant-tooltip-inner{color:#333;background-color:#fff!important;font-size:16px;padding:20px 10px 20px 20px}.tooltipColor .ant-tooltip-arrow:before{background-color:#fff!important}