.chatBox[data-v-8281a19a]{width:1100px;height:calc(100vh - 150px);min-height:320px;margin:20px auto;display:flex;border-radius:8px;background-color:#fff}.chatBox .left[data-v-8281a19a]{padding:20px 0;width:250px;min-width:250px;display:flex;flex-direction:column;overflow:scroll}.chatBox .left .loading[data-v-8281a19a]{position:absolute;top:50%;left:50%}.chatBox .left .group[data-v-8281a19a]{padding:15px 20px;border-bottom:1px dotted #eee;font-size:18px;font-weight:700;cursor:pointer}.chatBox .left .group[data-v-8281a19a]:hover{color:#ec4c54}.chatBox .left .active[data-v-8281a19a]{background-color:#f7f5f0;color:#ec4c54}.chatBox .mid[data-v-8281a19a]{display:flex;flex-shrink:0;flex-direction:column;width:70px;align-items:center;background-color:#f7f5f0;padding:20px 15px}.chatBox .mid .btn[data-v-8281a19a]{width:100%;margin-top:10px;cursor:pointer}.chatBox .mid .btn[data-v-8281a19a]:hover{box-shadow:0 0 5px #999}.chatBox .mid .user-photo[data-v-8281a19a]{width:50px;height:50px;margin-bottom:30px;border-radius:50%}.chatBox .right[data-v-8281a19a]{flex-grow:1;overflow:auto}.addGroup[data-v-8281a19a]{text-align:center}.addGroup .addFun[data-v-8281a19a]{margin-top:16px!important}