/*分页new_page*/
.list-pager {
padding: 30px;
text-align: center;
}
.list-pager a {
text-decoration: none;
color: #090909;
outline: none;
}
.list-pager.job a {
color: #FFFFFF;
}
.list-pager .pagebtn {
width: 52px;
height: 30px;
background: #1875f0;
border: 0;
border-radius: 4px;
color: #fff;
font-size: 14px;
cursor: pointer;
}
.list-pager .pagebtn:hover {
background: #1875f0;
}
/*上一页、下一页按钮*/
.list-pager .previous,
.list-pager .next{
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #D1B788;
background-repeat: no-repeat;
background-position: center;
}
.list-pager .previous{ background-image: url("/images/arrow_left.png"); }
.list-pager .next{ background-image: url("/images/arrow_right.png"); }
.list-pager .previous.disable,
.list-pager .next.disable{
cursor: default;
background-color: #cccccc;
}
.list-pager .previous a,
.list-pager .next a{
display: inline-block;
width: 100%;
height: 100%;
}
.list-pager .num {
display: inline-block;
height: 40px;
line-height: 40px;
border-left: 0;
vertical-align: top;
font-size: 18px;
padding: 0 15px;
}
.list-pager .num.current {
color: #D1B788;
}
.list-pager .num a {
display: inline-block;
width: 100%;
height: 100%;
color: #090909;
}
.list-pager .num a:hover {
color: #D1B788;
}
.list-pager .dots {
display: inline-block;
height: 40px;
line-height: 40px;
/*border: 1px solid #e9e9e9;*/
border-left: 0;
padding: 0 15px;
position: relative;
bottom: 4px;
font-weight: 600;
}
.list-pager .total {
margin-left: 20px;
margin-right: 10px;
}
.list-pager .total.total_page {
margin-left: 5px;
margin-right: 5px;
}
.list-pager .page_jump {
margin: 0 10px;
}
.list-pager .pageInput {
width: 50px;
height: 40px;
border: 1px solid #e9e9e9;
outline: none;
border-radius: 4px;
text-align: center;
}
.list-pager .pageInput:focus {
border: 1px solid #1875f0;
}
@media screen and (max-width: 799px) {
.list-pager {
padding: 10px 0;
}
.list-pager .num, .list-pager .dots, .list-pager .total {
display: none;
}
.list-pager .num.current {
display: inline-block;
padding: 0 10px;
}
.list-pager .total.total_page {
display: inline-block;
}
.list-pager .pageInput, .list-pager .pagebtn {
width: 40px;
}
.list-pager .pagebtn {
display: none;
}
.list-pager .page_jump {
margin: 0 5px;
}
}