:root{
    --dominant-color: #ffce00;
}
.lyui_paging{display: flex;align-items: center;justify-content: center;line-height:1;}
.lyui_paging_number{margin-left: 0.5em;}

.lyui_paging_label,
.lyui_paging_point,
.lyui_paging_btn,
.lyui_paging_prev,
.lyui_paging_next,
.lyui_paging_first,
.lyui_paging_last{ width: 48px; height: 48px; margin: 0 6px; border: 1px solid #ddd; color: #6e6e6e; transition: all 0.5s; background: #fff; display:flex;align-items: center;justify-content: center;border-radius: 0;cursor:pointer;transition: .3s;}

.lyui_paging_first,
.lyui_paging_last,
.lyui_paging_prev,
.lyui_paging_next{font-family: serif}

.lyui_paging_first:hover,
.lyui_paging_last:hover,
.lyui_paging_btn:hover,
.lyui_paging_prev:hover,
.lyui_paging_next:hover{color: #fff;background: var(--dominant-color); border-color: var(--dominant-color);}

.lyui_paging_first{margin-right: 0.5em;}
.lyui_paging_last,
.lyui_paging_point,
.lyui_paging_next,
.lyui_paging_btn{margin-left: 0.5em;}
.lyui_paging_btn:first-child{margin-left: 0;}

.lyui_paging_btn.cur{color: #fff;background: var(--dominant-color); border-color: var(--dominant-color);}

.lyui_paging_label{width: 4em;margin: 0 0.5em;background: none;border: 1px solid #e1e1e1;}
.lyui_paging_label input{width: 100%;text-align: center;}
.lyui_paging_go{display:flex;align-items: center;justify-content: center;cursor: pointer;padding: 10px 5px;}
.lyui_paging_total{margin-left: 2em;}

@media screen and (max-width: 768px) {
    .lyui_paging_label,
    .lyui_paging_point,
    .lyui_paging_btn,
    .lyui_paging_prev,
    .lyui_paging_next,
    .lyui_paging_first,
    .lyui_paging_last {
        width: 30px;
        height: 30px;
        font-size: 12px;
        margin: 0 4px;
    }
}