.page_ctrl{

  text-align: center;

  margin: 10px auto;

  box-sizing: border-box;

}

.page_ctrl *{

  line-height: 40px;

}

.page_ctrl button{
height: 40px;
  margin:0 4px;
font-size: 16px;
width: 40px;
  /* min-width:40px; */
font-weight: 700;
  background: #ffffff;

  border: 1px solid #BEBEBE;
border-radius: 4px;
  color: #5e5e5e;

  cursor: pointer;

  outline: none;

  text-align: center;

}

.page_ctrl button:hover{

  /* background-color: #DDECFD; */

  /* color: #ffffff; */

}

.page_ctrl .btn_dis{
opacity: 0.4;
  /* cursor: default;

  opacity: .7;

  background: #eeeeee;

  color: #5e5e5e; */

}

.page_ctrl .btn_dis:hover{

  background: #eeeeee;

  color: #5e5e5e;

}

.page_ctrl .current_page{

  background: #DDECFD;
border-color: #0071EF;
  color: #0071EF;

}

.page_ctrl .input_page_num{

  width:40px;

  height: 26px;

  margin:0 3px;

  padding: 0;

  text-align: center;

  background: #ffffff;

  border: 1px solid #ffccff;

  color: #5e5e5e;

  outline: none;

}
.prev_page,
.next_page{
	margin: 0;
	padding: 0;
	border: none !important;
}
.prev_page_box {
	width: 40px;
	box-sizing: border-box;
	border-radius: 4px;
	height: 40px;
	border: 1px solid #BEBEBE;
	display: flex;
	align-items: center;
	justify-content: center;
}
.prev_page img,.next_page img {
	vertical-align: middle;
	width: 8px;
	height: auto;
}
.page_ctrl .page_total,.page_ctrl .page_text{

  color: #2b2b2b;

  font-size: 13px;

}


.page_dot {
	font-size: 10px;
	padding: 0 10px;
}
.prev_page_box_left {
	transform: rotate(180deg);
}