.list-container .page-nav {
margin-top: 0.25rem;
margin-bottom: 0.35rem;
text-align: center;
font-size: 0;
}


.list-container .page-nav a,
.list-container .page-nav input {
display: inline-block;
height: 0.3rem;
font-size: 0.14rem;
outline: 1px solid #d0d0d0;
border: none;
vertical-align: middle;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-container .page-nav a.number,
.list-container .page-nav input.number {
width: 0.3rem;
}

.list-container .page-nav span.number {
margin: 0 0.08rem;
display: inline-block;
height: 0.3rem;
width: 0.3rem;
outline: 1px solid #d0d0d0;
vertical-align: middle;
margin-bottom: 0.16rem;
color: #333;
font-size: 0.16rem;
}

.list-container .page-nav input {
width: 0.6rem;
padding: 0 0.1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 0.08rem;
margin-bottom: 0.16rem;
}

.list-container .page-nav a {
margin: 0 0.08rem;
position: relative;
padding: 0 0.01rem;
margin-bottom: 0.16rem;
}

.list-container .page-nav a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #08448A;
opacity: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
z-index: -1;
}

.list-container .page-nav a.active,
.list-container .page-nav a:hover {
color: #fff;
outline: none;
background: #08448A;
}

.list-container .page-nav a.active::before,
.list-container .page-nav a:hover::before {
opacity: 1;
}

.list-container .page-nav .pagination {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
max-width: 100%;
}

.list-container .page-nav .pagination li {
margin: 0 0.06rem;
width: 0.34rem;
height: 0.3rem;
border: 1px solid #ddd;
background-color: #fff;
cursor: pointer;
-webkit-transition: background 0.2s ease-in !important;
-o-transition: background 0.2s ease-in !important;
-moz-transition: background 0.2s ease-in !important;
transition: background 0.2s ease-in !important;
}

.list-container .page-nav .pagination li a,
.list-container .page-nav .pagination li span {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.14rem;
}

.list-container .page-nav .pagination li.active,
.list-container .page-nav .pagination li:hover {
border-color: transparent;
background-color: #182b88;
}
.list-container .page-nav .pagination li.active a,
.list-container .page-nav .pagination li.active span,
.list-container .page-nav .pagination li:hover a,
.list-container .page-nav .pagination li:hover span {
color: #fff;
}