.index[data-v-5fa43660]{display:flex;flex:1}.chat-list[data-v-5fa43660]{width:253px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;height:100%;background:#fff}.chat-list .chat-list-user[data-v-5fa43660]{height:100%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:100px}.nav-title[data-v-5fa43660]{height:60px;line-height:60px;font-size:18px;letter-spacing:2px;padding:10px;background:#f5f7fa}.chat-list-user .user-info[data-v-5fa43660],.nav-title[data-v-5fa43660]{display:flex;align-items:center;box-sizing:border-box;border-bottom:1px solid #dcdfe6}.chat-list-user .user-info[data-v-5fa43660]{height:38px;line-height:38px;font-size:14px;color:#7b7d80;padding:0 15px;justify-content:space-between;position:relative}.fade-enter-active[data-v-5fa43660],.fade-leave-active[data-v-5fa43660]{transition:all .2s}.fade-enter[data-v-5fa43660],.fade-leave-to[data-v-5fa43660]{opacity:0}.user-sub-list[data-v-5fa43660]{display:flex;height:auto;flex-direction:column}.user-sub-list li[data-v-5fa43660]{flex-shrink:0;height:40px;align-items:center;position:relative;font-size:16px}.user-info[data-v-5fa43660]:hover{background:#f5f7fa}.active-background[data-v-5fa43660]{line-height:38px;font-size:14px;color:#7b7d80;border-bottom:1px solid #dcdfe6;box-sizing:border-box}.default[data-v-5fa43660]{min-width:506px;flex:1;display:flex;align-items:center;justify-content:space-around;background:#f5f7fa;border-left:1px solid #dcdfe6}.default img[data-v-5fa43660]{width:100px;height:100px}.subItem-li[data-v-5fa43660]{width:100%;height:57px;padding-left:12px;font-size:16px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:#313233;display:flex;align-items:center;border-bottom:1px solid #dcdfe6}.user-info-title[data-v-5fa43660]{width:calc(100% - 24px);padding:0 12px;display:flex;align-items:center;justify-content:space-between}.active-subItem-li[data-v-5fa43660],.active-subItem-li[data-v-5fa43660]:hover,.subItem-li[data-v-5fa43660]:hover{background:#f5f7fa}.groupName-box[data-v-5fa43660]{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.red-dot[data-v-5fa43660]{width:5px;height:5px;background:red;border-radius:50%;margin-left:15px;flex-shrink:0}.kickout-tag[data-v-5fa43660]{position:absolute;right:18px;color:red;font-size:14px}.sign-box[data-v-5fa43660]{margin-left:20px;font-size:12px;color:#666}.dissolve-box[data-v-5fa43660]{color:#4db4d4}.module-unread-count[data-v-5fa43660]{display:inline-block;min-width:18px;height:18px;line-height:18px;text-align:center;background-color:#ff6632;color:#fff;border-radius:9px;font-size:12px;padding:0 4px;margin-left:5px}.module-red-dot[data-v-5fa43660]{display:inline-block;width:8px;height:8px;background-color:#ff6632;border-radius:50%;margin-left:5px}.group-unread-count[data-v-5fa43660]{display:inline-block;min-width:16px;height:16px;line-height:16px;text-align:center;background-color:#ff6632;color:#fff;border-radius:8px;font-size:11px;padding:0 3px;margin-left:5px}