.head-image[data-v-52ce52fe]{position:relative;cursor:pointer}.head-image .avatar-image[data-v-52ce52fe]{position:relative;overflow:hidden;border-radius:10%}.head-image .avatar-text[data-v-52ce52fe]{background-color:#f2f2f2;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #ccc}.head-image .online[data-v-52ce52fe]{position:absolute;right:-5px;bottom:0;width:12px;height:12px;background:#32cd32;border-radius:50%;border:3px solid #fff}.right-menu-mask[data-v-6008f142]{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:9999}.right-menu[data-v-6008f142]{position:fixed;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc}.right-menu .el-menu[data-v-6008f142]{border:1px solid #b4b4b4;border-radius:7px;overflow:hidden}.right-menu .el-menu .el-menu-item[data-v-6008f142]{height:40px;line-height:40px;border-bottom:1px solid #d0d0d0}.right-menu .el-menu .el-menu-item span[data-v-6008f142]{font-weight:600}.friend-item[data-v-1b4331d6]{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1px;position:relative;padding:5px;padding-left:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fafafa;white-space:nowrap;cursor:pointer}.friend-item[data-v-1b4331d6]:hover{background-color:#eee}.friend-item.active[data-v-1b4331d6]{background-color:#ddd}.friend-item .friend-avatar[data-v-1b4331d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:45px;height:45px}.friend-item .friend-info[data-v-1b4331d6]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:10px;text-align:left}.friend-item .friend-info .friend-name[data-v-1b4331d6]{font-size:15px;font-weight:600;line-height:30px;white-space:nowrap;overflow:hidden}.friend-item .friend-info .friend-online .online[data-v-1b4331d6]{padding-right:2px;width:15px;height:15px}