/* 用 div 模拟 table */
.leader-table {
    display: inline-flex;
    flex-direction: column;
    border: 1px solid #ddd;
    /* 外边框 */
    border-radius: 2px;}

/* 表头行 */
.leader-header {
    display: flex;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;}

/* 每一行 */
.leader-row {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    /* 行间分隔线 */
    transition: background 0.15s;}

.leader-row:last-child {
    border-bottom: none;}

.leader-row:hover {
    background: #fafafa;}

/* 单元格公共样式 */
.cell {
    padding: 14px 20px;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: center;}

/* 姓名列 */
.cell-name {
    width: 180px;
    color: #333;
    border-right: 1px solid #e8e8e8;
    justify-content: center;}

/* 职务列 */
.cell-title {
    flex: 1;
    color: #333;}

@media(max-width:580px) {
    .cell {
        padding: 10px;}

    .cell-name {
        width: auto;}
}