.el-dialog.user-dialog{max-width:400px}.el-dialog.user-dialog .el-dialog__header{padding:0}.el-dialog.user-dialog .el-dialog__header .el-dialog__headerbtn{z-index:1;background:rgba(0,0,0,.05);min-width:18px;min-height:18px;border-radius:4px}.el-dialog.user-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#f6f6f6}.el-dialog.user-dialog .el-dialog__body{padding:0}.el-dialog.user-dialog .avatar-box{background:#249393;margin-bottom:50px;position:relative}.el-dialog.user-dialog .avatar-box img,.el-dialog.user-dialog .avatar-box span{width:100px;height:100px;border-radius:50%;position:relative;bottom:-50px;display:block;margin:0 auto;background:#fff;border:2px solid #249393;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:40px;padding-top:20px;text-align:center;text-transform:uppercase}.el-dialog.user-dialog .form-box{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog.user-dialog .form-box>*{margin:10px 0}.full-button[data-v-aff11ad8]{width:100%}.page-header[data-v-aff11ad8]{margin-bottom:20px}h2[data-v-aff11ad8]{float:left}.add-contact[data-v-aff11ad8],.add-group[data-v-aff11ad8]{float:right}.search-contact[data-v-aff11ad8]{float:right;width:200px}.contact-list[data-v-aff11ad8],.group-list[data-v-aff11ad8],.search-group[data-v-aff11ad8]{width:100%}.contact-list[data-v-aff11ad8]{height:auto}.contact-item.active[data-v-aff11ad8],.contact-item[data-v-aff11ad8]:hover,.group-item.active[data-v-aff11ad8],.group-item[data-v-aff11ad8]:hover{background-color:#ddd;border-radius:5px}.group-item[data-v-aff11ad8]{cursor:pointer}.contact[data-v-aff11ad8]{margin:10px 0;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s .25s;transition:all .5s .25s}.contact .avatar[data-v-aff11ad8]{width:60px;-webkit-transition:all .5s .25s;transition:all .5s .25s}.contact .avatar img[data-v-aff11ad8],.contact .avatar span[data-v-aff11ad8]{-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;height:50px;border-radius:50%;-webkit-transition:all .5s .25s;transition:all .5s .25s;font-size:20px;padding-top:12px;text-align:center;text-transform:uppercase}.el-card__body[data-v-aff11ad8]{overflow-y:scroll}.menu[data-v-aff11ad8]{font-size:18px}@media screen and (max-width:450px){.avatar[data-v-aff11ad8]{display:none}}