.pagination-wrap{
    width    : 100%;
    display  : flex;
    padding  : 0px 15px; 
    margin   : 10px 0px 10px -5px;
    position : absolute;
    bottom   : 0px;
    justify-content: flex-end;
    >ul{
        width: auto !important;
        display: flex;
        >li{
            display: inline-flex;
            margin-right: 5px;
            &:last-child{
                margin-right: 0px;
            }
            a{
                min-width     : 35px;
                height        : 35px;
                padding       : 0px 10px;
                display       : flex;
                align-items   : center;
                border        : 1px solid #ccc;
                border-radius : 4px;
                text-decoration: none;
                justify-content: center;
                &.active{
                    color               : #fff;
                    background          : #1890ff;
                    border-bottom-color : #1890ff;
                }
            }
            &.currentInfo{
                padding    : 0px 10px;
                align-items: center;
                font-size  : 0.8em; 
            }
            &.changePageBtn{
                width           : 25px;
                height          : 35px;
                border          : 1px solid #1890ff;
                display         : flex;
                align-items     : center;
                justify-content : center;
                font-size       : 1.3em;
                color           : #1890ff;
                cursor          : pointer;
                border-radius   : 4px;
            }
            &.pointerEvents{
                pointer-events  : none;
                opacity         : 0.5;
            }
        }
    }
}