.pagination-content { display: flex ; align-items: center ; margin: 60rem 0rem 0rem ; width: 100% ; justify-content: center ; box-sizing: border-box; padding: 13rem 0 ; } .pagination-content .btn-prev, .pagination-content .btn-next { padding: 0rem 20rem ; font-size: 14rem ; height: 30rem ; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400 ; padding-top: 0 ; padding-bottom: 0 ; color: var(--theme-color); } .pagination-content .btn-prev > span, .pagination-content .btn-next > span { height: 30rem ; line-height: 30rem ; } .pagination-content .last-page { cursor: pointer ; width: 80rem ; height: 30rem ; background: #f9f9f9; border-radius: 4rem ; border: 1rem solid #d0cfcf; text-align: center ; line-height: 30rem ; font-size: 14rem ; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400 ; color: #5b5b5b; } .pagination-content .last-page:hover { cursor: pointer ; width: 80rem ; height: 30rem ; background-color: #f9f9f9; border: 1rem solid var(--theme-color); color: var(--theme-color); border-radius: 4rem ; text-align: center ; line-height: 30rem ; font-size: 14rem ; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400 ; } .pagination-content :deep(.el-pagination) { display: flex ; align-items: center ; gap: 20rem ; padding: 0 ; } .pagination-content :deep(.el-pagination) .btn-prev, .pagination-content :deep(.el-pagination) .btn-next { width: 87rem ; height: 30rem ; background: #f9f9f9; border-radius: 4rem ; border: 1rem solid #1876bc; font-size: 14rem ; color: #1876bc; line-height: 30rem ; text-align: center ; } .pagination-content :deep(.el-pagination) .btn-prev .el-icon, .pagination-content :deep(.el-pagination) .btn-next .el-icon { display: none ; } .pagination-content :deep(.el-pagination) .el-pager .number { margin-left: 20rem ; } .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li { background-color: #fff; } .pagination-content .btn-prev > span, .pagination-content .btn-next > span { width: 80rem ; background-color: #fff; color: #000; border: 1rem solid #d0cfcf; } .pagination-content .btn-prev > span:hover, .pagination-content .btn-next > span:hover { width: 80rem ; background-color: #f9f9f9; border: 1rem solid var(--theme-color); color: var(--theme-color); } .el-pagination.is-background .el-pager li { background-color: #f9f9f9; border: 1rem solid #d0cfcf; } .el-pagination.is-background .el-pager li:hover { background-color: #f9f9f9; border: 1rem solid var(--theme-color); color: #fff; } .el-pagination .el-pager li { height: 30rem !important; } .el-pagination .el-input--mini .el-input__inner { height: 31rem !important; }