.account-manage-wrap { height: 100%; display: flex; flex-direction: column; :deep(.search-btn) { border-radius: 4px; border: 1px solid var(--Brand-Brand-6, #6d4cfe); color: #6d4cfe; } :deep(.reset-btn) { border-radius: 4px; border: 1px solid var(--BG-500, #b1b2b5); background: var(--BG-white, #fff); } .filter-wrap { border-radius: 8px; border: 1px solid #e6e6e8; .top { .title { font-family: 'Alibaba PuHuiTi'; font-style: normal; } :deep(.arco-btn) { .arco-btn-icon { line-height: 16px; } } } } .tip-row { border-radius: 2px; background: #f0edff; .label { font-family: 'Alibaba PuHuiTi'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } &.normal { background: #ebf7f2; .label { color: #211f24; } } &.abnormal { background: #ffe7e4; .label { color: #211f24; } } .err-btn { background-color: #f64b31 !important; color: var(--BG-white, #fff); font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; /* 166.667% */ } } .card-wrap { display: flex; flex-direction: column; .pagination-box { display: flex; width: 100%; padding: 16px 24px; justify-content: flex-end; align-items: center; :deep(.arco-pagination) { .arco-pagination-list { .arco-pagination-item { border-radius: 4px; border: 1px solid var(--BG-300, #e6e6e8); &.arco-pagination-item-ellipsis { border: none; } &.arco-pagination-item-active { background-color: transparent; border: 1px solid var(--Brand-Brand-6, #6d4cfe); } } } .arco-pagination-jumper-input { border-radius: 4px; border: 1px solid var(--BG-300, #e6e6e8); } .arco-pagination-jumper-prepend { color: var(--Text-2, #3c4043); text-align: right; font-family: 'Alibaba PuHuiTi'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; /* 157.143% */ } .arco-select-view-single { border-radius: 4px; border: 1px solid var(--BG-300, #e6e6e8); } } } } }