.page-cont{
	font-size: .14rem;
}
.page_ctrl{
  text-align: center;
  margin: 10px auto;
  box-sizing: border-box;
  justify-content: center;
}

.page_ctrl *{
  line-height: 26px;
}

.page_ctrl button{
  margin:0 .08rem;
  width: .36rem;
  height: .36rem;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  color: #5e5e5e;
  cursor: pointer;
  outline: none;
  text-align: center;
  padding: 0;
}
.page_ctrl .prev-icon{
	width: .09rem;
	height: .16rem;
}

.page_ctrl button:hover{
  background: #00598C;
  color: #ffffff;
}

.page_ctrl .btn_dis{
  cursor: default;
  opacity: .7;
  background: #eeeeee;
  color: #5e5e5e;
}

.page_ctrl .btn_dis:hover{
  background: #eeeeee;
  color: #5e5e5e;
}

.page_ctrl .current_page{
  background: #00598C;
  color: #ffffff;
}

.page_ctrl .input_page_num{
  width:30px;
  height: 26px;
  margin:0 3px;
  padding: 0;
  text-align: center;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  color: #5e5e5e;
  outline: none;
  font-size: .13rem;
  box-sizing: border-box;
}
.page_ctrl .page_total,.page_ctrl .page_text{
  color: #2b2b2b;
  font-size: .13rem;
}
.to_page_num{
	width: auto !important;
	padding: 0 .1rem !important;
}
@media screen and (max-width:480px){
	.page_ctrl button{
		width: .86rem !important;
		height: .86rem !important;
	}
	.page_ctrl * {
	    line-height: .86rem !important;
	}
	button.to_page_num{
		width: auto !important;
	}
	.page_ctrl .input_page_num{
		height: .86rem !important;
	}
	.page_ctrl .prev-icon {
	    width: .16rem!important;
	    height: .30rem!important;
	}
}