pagination.less

.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;
                    }
                }
            }
        }
    }
}