.partyt-pagination{ .el-pagination{ margin-top: 20px; .btn-prev, .btn-next{ width: 40px; height: 40px; border-radius: 50%; background: #EEEEEE; border: 1px solid #DDDDDD; padding: 0; i{ font-size: 18px; } &:hover{ color: @party-btn-color; border-color: @party-btn-color; background-color: rgba(172,147,116,0.10);; } } .el-pager{ padding-left: 20px; li:hover { color: @party-btn-color; } li.number{ width: 40px; height: 40px; line-height: 40px; background: @party-white; border: 1px solid @party-page-border-color; border-radius: 50%; margin-right: 20px; color: @font-color; &.active, &:hover{ background: @party-btn-color; color: @party-white; border-color: @party-page-border-color; } } li.el-icon{ width: 40px; height: 40px; line-height: 40px; margin-left: -20px; } } .el-pagination__jump{ height: 40px; line-height: 40px; color: @font-color; .el-pagination__editor{ height: 40px; &.is-active{ border-color: @party-btn-color; } .el-input__inner{ width: 40px; height: 40px; line-height: 40px; border-radius: 20px; &:focus{ border-color: @party-btn-color; } } } } } }