.chat-window[data-v-377dd50e]{min-width:506px;flex:1;min-height:100%;display:flex;flex-direction:column;background:#fff;border-left:1px solid #dcdfe6;position:relative;justify-content:space-between;overflow:auto}.chat-window .chat-title[data-v-377dd50e]{display:flex;align-items:center;height:60px;font-size:18px;color:#313233;letter-spacing:2px;padding:0 20px;background:#fff;box-sizing:border-box;border-bottom:1px solid #dcdfe6}.top-button[data-v-377dd50e]{height:48px;display:flex;flex-direction:row;align-items:center;padding:0 10px;border-bottom:1px solid #dcdfe6}.top-button button[data-v-377dd50e]{width:56px;height:28px;display:flex;align-items:center;justify-content:space-around}.list-content[data-v-377dd50e]{flex:1;padding:0 0 12px 0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.list-content .commonly-used[data-v-377dd50e]{display:flex;flex-direction:row;align-items:center;font-size:14px;color:#313233;margin:12px 0;padding:0 12px}.commonly-used p[data-v-377dd50e]:nth-child(2){color:#abaeb3;margin-left:8px}.recipients-list[data-v-377dd50e]{display:flex;flex-direction:column;padding:12px 0;box-sizing:border-box;width:100%}.recipients-list .recipients-info[data-v-377dd50e]{height:56px;display:flex;align-items:center;padding:0 24px;justify-content:space-between;width:100%}.recipients-info[data-v-377dd50e]:hover{background:#f5f7fa}.active-background[data-v-377dd50e]{height:56px;display:flex;align-items:center;background:#f5f7fa;padding:0 24px;justify-content:space-between}.user-icon[data-v-377dd50e]{width:36px;height:36px;border-radius:50%;margin-right:8px}.user-left[data-v-377dd50e]{display:flex;align-items:center}.select-image[data-v-377dd50e]{width:14px;height:14px;flex-shrink:0}.bottom-btn-box[data-v-377dd50e]{height:70px;padding:10px;display:flex;align-items:center;border-top:1px solid #dcdfe6}.bottom-btn[data-v-377dd50e]{width:48px;height:28px;background:#fff;border-radius:14px;border:1px solid #dcdfe6;display:flex;align-items:center;justify-content:center;color:#313233;cursor:pointer}