.keep-person-main {
    .keep-person-header {
        display: flex;
        justify-content: space-between;
        height: 120px;
        background: #fff;
        margin-bottom: 15px;
        .person-header-left {
            display: flex;
            align-items: center;
            .header-left-img {
                margin-left: 20px;
                margin-right: 20px;
                width: 60px;
                height:60px;
                img {
                    width: 100%;
                }
            }
            .header-left-title {
                height: 50px;
                line-height: 50px;
                font-size: 20px;
                .left-title-radio {
                    margin-left: 30px;
                    color: #1afa29;
                    .title-radio-img {
                        width: 25px;
                        height: 25px;
                        margin-bottom: 5px;
                        margin-right: 5px;
                        transform: rotate(180deg);
                    }
                }
                .left-title-radio-down {
                    margin-left: 30px;
                    color: #d81e06;
                    .title-radio-img {
                        width: 25px;
                        height: 25px;
                        margin-bottom: 5px;
                        margin-right: 5px;
                        transform: rotate(180deg);
                    }
                }
            }
        }
        .person-header-right {
            display: flex;
            align-items: center;
            text-align: center;
            margin-right: 20px;
            .header-right-msg {
                font-size: 20px;
                margin-right: 60px;
                .right-msg-class {
                    height: 50px;
                    line-height: 50px;
                    .title-radio-img {
                        width: 25px;
                        height: 25px;
                        margin-bottom: 5px;
                        margin-right: 5px;
                        transform: rotate(180deg);
                    }
                    .msg-ranking {
                        font-size: 30px;
                    }
                }
                .msg-class-up {
                    color: #1afa29;
                }
                .msg-class-down {
                    color: #d81e06;
                }
            }
        }
    }
    .keep-person-content {
        .person-content-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 60px;
            background: #fff;
            padding: 0 20px;
            .content-title-acount {
                font-size: 20px;
            }
            .content-title-checkout {
                .title-checkout-custom {
                    cursor: pointer;
                }
                .title-checkout-time {
                    margin-left: 20px;
                }
            }
        }
        .pagin-table-class {
            display: flex;
            justify-content: flex-end;
            margin-top: 20px;
        }

    }
}

#outTable {
    ::v-deep .ant-table-header-column {
        word-break: break-all; 
        font-size: 14px; 
        font-weight: 600
    }
   
}
::v-deep .ant-card-extra {
    padding: 0!important;
}


