.user-container{width:calc(100% - 24px);padding:22px;box-sizing:border-box;margin:12px;background:#fff;position:relative}.user-container .search-input{width:480px}.user-container .flexview{margin-top:14px;display:flex;justify-content:space-between}.user-container .flexview .user-msg{width:220px;padding:24px 12px;border:1px solid #dcdcdc;border-radius:5px;margin-right:22px;float:left}.user-container .flexview .user-msg .avatar{display:flex;margin-bottom:30px}.user-container .flexview .user-msg .avatar .photo{width:100%;height:120px;line-height:120px;background:#dcdcdc;display:block;text-align:center}.user-container .flexview .user-msg .avatar h4{margin:14px 0 14px 10px;width:60%}.user-container .flexview .user-msg div{margin-bottom:15px}.user-container .flexview .list{width:calc(100% - 220px)}.user-container .flexview .list .familylist,.user-container .flexview .list .loginlist,.user-container .flexview .list .tasklist{margin-bottom:30px}.user-container .flexview .list .familylist h4,.user-container .flexview .list .loginlist h4,.user-container .flexview .list .tasklist h4{margin:50px 0 10px;float:left}.user-container .flexview .list .familylist .btn-export,.user-container .flexview .list .loginlist .btn-export,.user-container .flexview .list .tasklist .btn-export{margin:50px 0 10px;padding:0;position:absolute;right:24px}.el-table_1_column_1{font-weight:500;color:#000}.el-table thead{color:#000}.el-table td,.el-table th{padding:6px 0}.pagination{float:right}.el-table:before{height:0}.btn-ranges{margin-bottom:10px}.btn-filter{text-decoration:underline}.head{display:flex}.modify{margin-top:100px}.modify div{margin-bottom:5px 0 0 0!important}.modify .input{width:100px;text-align:center}