
.lyui_paging{display: flex;align-items: center;justify-content: center;line-height:1;margin-top: 15px;}
.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{font-size: 16px;width: 50px;height: 50px;display:flex;align-items: center;justify-content: center;border-radius: 5px;cursor:pointer;background: #fff;transition: .3s;color: #666;border: 1px solid #e5e5e5;}

.lyui_paging_first,
.lyui_paging_last,
.lyui_paging_prev,
.lyui_paging_next{font-family: serif}


font.lyui_paging_first,
font.lyui_paging_last,
font.lyui_paging_prev,
font.lyui_paging_next{display: none;}

.lyui_paging_first svg,
.lyui_paging_prev svg{transform: rotate(180deg);}

.lyui_paging_first:hover,
.lyui_paging_last:hover,
.lyui_paging_btn:hover,
.lyui_paging_prev:hover,
.lyui_paging_next:hover{border-color: var(--mainColor);}

.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-color: var(--mainColor);border-color: var(--mainColor);}

.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(max-width: 992px){
    .lyui_paging{margin-top: 2vw;}

    .lyui_paging_label,
    .lyui_paging_point,
    .lyui_paging_btn,
    .lyui_paging_prev,
    .lyui_paging_next,
    .lyui_paging_first,
    .lyui_paging_last{width: 5vw;height: 5vw;font-size: .121rem;border-radius: .5vw;}
}
@media(max-width: 768px){
    .lyui_paging{margin-top: 5vw;}

    .lyui_paging_label,
    .lyui_paging_point,
    .lyui_paging_btn,
    .lyui_paging_prev,
    .lyui_paging_next,
    .lyui_paging_first,
    .lyui_paging_last{font-size: .16rem;}
}
@media(max-width: 576px){
    .lyui_paging{margin-top: 8vw;}

    .lyui_paging_label,
    .lyui_paging_point,
    .lyui_paging_btn,
    .lyui_paging_prev,
    .lyui_paging_next,
    .lyui_paging_first,
    .lyui_paging_last{width: 8vw;height: 8vw;font-size: .26rem;}
}
