.family-container{width:calc(100% - 24px);padding:22px;box-sizing:border-box;margin:12px;background:#fff;position:relative}.family-container .search-input{width:480px}.family-container .flexview{margin-bottom:20px}.family-container .flexview .family-msg{width:220px;height:420px;padding:24px 12px;background:#edf0f4;border-radius:5px;margin-right:22px;float:left}.family-container .flexview .family-msg .photo{width:100%;height:120px;line-height:120px;background:#dcdcdc;display:block;text-align:center}.family-container .flexview .family-msg h4{margin:14px 0}.family-container .flexview .family-msg div{margin-bottom:15px}.family-container .flexview .family-members{display:flex;flex-direction:column}.family-container .flexview .family-members h4{margin-bottom:10px;float:left}.family-container .flexview .family-members .btn-export{padding:0;position:absolute;right:24px}.family-container .tasklist,.family-container .viplist{margin-bottom:30px}.family-container .tasklist h4,.family-container .viplist h4{margin:50px 0 10px;float:left}.family-container .tasklist .btn-export,.family-container .viplist .btn-export{margin:50px 0 10px;padding:0;position:absolute;right:24px}.el-table .deleted-row{background:#e6a23c}.avatar{width:50px;height:50px}.avatar,.color{border-radius:50%;margin:0 auto;display:block}.color{width:30px;height:30px}.el-table thead{color:#000}.el-table td,.el-table th{padding:6px 0}.pagination{float:right}.family-members .el-table__header-wrapper{display:none}.family-members .el-table{width:calc(100% - 232px);overflow:scroll}.f-table{display:flex;border:1px solid #ebeef5;border-bottom:0;width:100%;overflow-x:scroll}.f-head{font-weight:500;color:#000;background:#f5f5f5}.f-head .f-td{width:140px}.f-head .f-td:nth-child(2),.f-head .f-td:nth-child(10){font-size:15px}.f-head .f-td:nth-child(4),.f-head .f-td:nth-child(5){height:72px}.f-tbody div,.f-td{min-width:180px;height:40px;line-height:28px;padding:6px;border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5}.f-tbody div .photo,.f-td .photo{width:50px;height:50px;margin:5px auto 0;display:block;border-radius:50%}.f-tbody div .color,.f-td .color{width:30px;height:30px;border-radius:50%}.head{display:flex;margin:50px 0 10px}.btn-ranges{margin-bottom:10px}.btn-filter{text-decoration:underline}.preview{width:100%;height:100%;background:hsla(0,0%,100%,.8);position:fixed;top:0;left:0;display:flex;justify-content:center}.preview .img{transform:scale(.5)}