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