.records-content[data-v-1bc1ef98]{width:100%;height:100%;background-color:#f5f7fa;padding:24px;overflow-y:auto;display:flex;flex-direction:column}.records-content .page-title[data-v-1bc1ef98]{line-height:34px;font-size:24px;color:#000;text-align:left}.records-content .list-filter[data-v-1bc1ef98]{margin-top:24px;width:100%;height:124px;background:#fff;border-radius:0 0 0 0}.records-content .list-filter .filter-form[data-v-1bc1ef98]{padding:20px}.records-content .list-filter .filter-form .filter-form-row[data-v-1bc1ef98]{display:flex;flex-wrap:wrap}.records-content .list-filter[data-v-1bc1ef98] .el-input__inner{width:200px}.records-content .list-filter[data-v-1bc1ef98] .el-form-item{margin-bottom:12px}.records-content .list-container[data-v-1bc1ef98]{flex:1;margin-top:24px;padding:24px 20px;width:100%;height:100%;background:#fff;border-radius:0 0 0 0}.records-content .list-container .list-header[data-v-1bc1ef98]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.records-content .list-container .list-header .list-total[data-v-1bc1ef98]{font-size:14px;color:#040b19;line-height:28px;text-align:center}.records-content .list-container .list-header .list-tool[data-v-1bc1ef98] .el-radio-button.el-radio-button--mini.is-active .el-radio-button__orig-radio:checked+.el-radio-button__inner{background-color:#858992;border-color:#858992;box-shadow:-1px 0 0 0 #858992}.records-content .list-container .list-header .list-tool[data-v-1bc1ef98] .el-radio-button__inner:hover{color:unset}.records-content .list-container .list-header .list-tool[data-v-1bc1ef98] .el-radio-button__inner{padding:5px 9px}.records-content .list-container .list-body[data-v-1bc1ef98]{width:100%}.records-content .list-container .list-body .el-table--group[data-v-1bc1ef98]:after,.records-content .list-container .list-body .el-table[data-v-1bc1ef98]:before,.records-content .list-container .list-body[data-v-1bc1ef98] .el-table--border:after{content:none}.records-content .list-container .list-body .el-table th.is-leaf[data-v-1bc1ef98],.records-content .list-container .list-body[data-v-1bc1ef98] .el-table td{border-bottom:none}.records-content .list-container .list-body .payslip-list-table[data-v-1bc1ef98]{width:100%}.records-content .list-container .list-body .payslip-list-table .payslip-list-btn[data-v-1bc1ef98]{color:#2f54eb}.records-content .list-container .list-body .payslip-card-list[data-v-1bc1ef98]{display:flex;flex-wrap:wrap;gap:20px 24px}.records-content .list-container .list-body .payslip-card-list .payslip-card[data-v-1bc1ef98]{width:352px;height:154px;background:rgba(240,245,255,.5);border-radius:0 0 0 0;padding:20px;display:flex}.records-content .list-container .list-body .payslip-card-list .payslip-card .payslip-action[data-v-1bc1ef98],.records-content .list-container .list-body .payslip-card-list .payslip-card .payslip-icon[data-v-1bc1ef98]{width:24px;height:24px;flex-shrink:0}.records-content .list-container .list-body .payslip-card-list .payslip-card .payslip-info[data-v-1bc1ef98]{flex:1;margin:0 18px}.records-content .list-container .list-body .payslip-card-list .payslip-card .payslip-info-label[data-v-1bc1ef98]{font-weight:500;font-size:16px;color:#040b19;line-height:24px;text-align:left}.records-content .list-container .list-body .payslip-card-list .payslip-card .payslip-info-date[data-v-1bc1ef98],.records-content .list-container .list-body .payslip-card-list .payslip-card .payslip-info-value[data-v-1bc1ef98]{font-weight:400;font-size:12px;color:#8b9099;line-height:20px;text-align:left;margin-top:2px}.records-content .list-container .list-body .payslip-card-list .payslip-card .payslip-info-status[data-v-1bc1ef98]{margin-top:20px;display:flex;justify-content:space-between}.records-content .list-container .list-body .payslip-card-list .payslip-card .payslip-info-status .tag[data-v-1bc1ef98]{font-weight:400;font-size:14px;color:#040b19;line-height:22px;text-align:left;padding-left:9px;position:relative}.records-content .list-container .list-body .payslip-card-list .payslip-card .payslip-info-status .tag[data-v-1bc1ef98]:before{content:"";position:absolute;width:6px;height:6px;border-radius:8px 8px 8px 8px;left:-9px;top:8px}.records-content .list-container .list-body .payslip-card-list .payslip-card .payslip-info-status .send-tag[data-v-1bc1ef98]:before{background:#597ef7}.records-content .list-container .list-body .payslip-card-list .payslip-card .payslip-info-status .read-tag[data-v-1bc1ef98]:before{background:#40a9ff}.records-content .list-container .list-body .payslip-card-list .payslip-card .payslip-info-status .confirm-tag[data-v-1bc1ef98]:before{background:#9254de}.records-content .list-container .list-body .pagination-wrapper[data-v-1bc1ef98]{margin-top:20px;display:flex;justify-content:center}[data-v-1bc1ef98] .payslip-list-header{background:#f5f6fa;padding-bottom:22px;background:linear-gradient(180deg,#f0f5ff 0,#f0f5ff calc(100% - 10px),transparent calc(100% - 10px),transparent)}[data-v-1bc1ef98] .payslip-list-header>div.cell{color:#003a8c}[data-v-1bc1ef98] .column-name>div.cell{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-1bc1ef98] .column-name>div.cell .payslip-row-name{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}[data-v-1bc1ef98] .column-name>div.cell .payslip-row-icon{width:24px;height:24px;flex-shrink:0}[data-v-1bc1ef98] .el-table__body tr:hover>td{background-color:transparent!important;color:#003a8c}[data-v-1bc1ef98] .normal-row>td{padding-bottom:22px;background:linear-gradient(180deg,#f0f5ff 0,#f0f5ff calc(100% - 10px),transparent calc(100% - 10px),transparent)}[data-v-1bc1ef98] .supply-row>td{padding-bottom:22px;background:linear-gradient(180deg,#f9f0ff 0,#f9f0ff calc(100% - 10px),transparent calc(100% - 10px),transparent)}[data-v-1bc1ef98] .labor-row>td{padding-bottom:22px;background:linear-gradient(180deg,#e6f7ff 0,#e6f7ff calc(100% - 10px),transparent calc(100% - 10px),transparent)}[data-v-1bc1ef98] .bonus-row>td{padding-bottom:22px;background:linear-gradient(180deg,#feffe6 0,#feffe6 calc(100% - 10px),transparent calc(100% - 10px),transparent)}[data-v-1bc1ef98] .amends-row>td{padding-bottom:22px;background:linear-gradient(180deg,#fff2e8 0,#fff2e8 calc(100% - 10px),transparent calc(100% - 10px),transparent)}[data-v-1bc1ef98] .revoke-row{opacity:.5}