.pagination ul {
  list-style: none;
  padding-left: 0;
}
.pagination li {
  vertical-align: top;
  display: inline-block;
  font-size: 14px;
  width: 32px;
  line-height: 32px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
 background-color: #ffffff;
/*  border-radius: 50%;*/
  margin: 0 6px;
  border: 1px solid #D9D9D9;
  height: 32px;
  color: #000;
}
.pagination li.turnpage {
  border-color: #D9D9D9;
  background-color: #ffffff;
  font-size: 14px;
  width: 32px;
  color: #000;
}
.pagination li.turnpage:before {
  font-family: "lvfaweb";
  font-weight: bold;
  line-height: 26px;
}
.pagination li.prevPage:before {
  content: "\e680";
}
.pagination li.nextPage:before {
  content: "\e681";
}
.pagination li.disabled {
  cursor: not-allowed;
  background-color: #fff;
  border-color: #D9D9D9;
  color: #D9D9D9;
}
.pagination li.turnpage:hover {
  color: #fff;
}
.pagination li.disabled:hover {
  color: #004B9E;
  cursor: not-allowed;
  background-color: #E6E6E6;
  border-color: #E6E6E6;
}
/*
.pagination li.turnpage.disabled:hover {
  color: #004B9E;
  cursor: not-allowed;
  background-color: #E6E6E6;
  border-color: #E6E6E6;
}
*/
.pagination li:hover {
  color: white;
  background-color: #0F4696;
  border-color: #0F4696;
}
.pagination li:hover a {
  color: white;
  background-color: #ffc145;
  border-color: #ffc145;
}
.pagination li.active {
  background: #fff;
  color: #0F4696;
  cursor: not-allowed;
  border-color: #0F4696;
}
.pagination li.totalPage {
  width: auto;
  background: transparent;
  cursor: default;
  border: none;
  padding: 0 6px;
  margin-right: 0;
}
.pagination li.totalPage:hover {
  transform: none;
  color: #353535;
/*  background-color: #ffffff;*/
}
.pagination li input {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
/*  border-radius: 4px;*/
  border: 1px solid #004B9E;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  outline: none;
  padding: 3px 5px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 42px;
  height: 32px;
  margin: 0 6px;
  text-align: center;
}
.pagination li input:focus {
  border-color: #004B9E;
  color: #004B9E;
}
.pagination {
  user-select: none;
}
.pagination ul:nth-child(2) {
  border-radius: 6px;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@media screen and (max-width: 768px){
	.pagination li {
	  vertical-align: top;
	  display: inline-block;
	  font-size: 1em;
	  width: auto;
	  min-width: 2em;
	  line-height: 2em;
	  cursor: pointer;
	  box-sizing: border-box;
	  text-align: center;
	/*  background-color: #ffffff;*/
	/*  border-radius: 50%;*/
	  margin: 0 .2em;
	  border: 1px solid transparent;
	  height: 2em;
	}
	.pagination li.turnpage {
	  border-color: #0F4696;
	  background-color: #ffffff;
	  font-size: 1em;
	  color: #004B9E;
	}
	.pagination li.totalPage{
		display: none;
	}
}