.pagination {

  display: inline-block;

  padding-left: 0;

  margin: 20px 0;

  border-radius: 4px;

}

.pagination > li > a,

.pagination > li > span {

  border-radius: 0 !important;

}

.pagination > li {

  margin: 0 5px;

}

.pagination > li > a,

.pagination > li > span {

  color: #333;

}

.pagination > li:last-child .iconfont,

.pagination > li:nth-child(1) .iconfont {

  font-size: 30px;

  line-height: 30px;

}

.pagination > li {

  margin: 0 5px;

}

.pagination {

  display: flex;

  align-items: center;

  justify-content: center;

}

.pagination > li {

  margin: 0 3px;

}

.pagination .active span {

  background-color: #fff;

  border-color: #ea000c !important;

  color: #ea000c;

}





.pagination .page-num-current{

  background-color: #ea000c;

  border-color: #ea000c !important;

  color: #fff !important;

	}





.pagination .active span:hover {

  background-color: #fff;

  color: #ea000c !important;

}

.pagination li a:hover {

  background-color: #fff;

  border-color: #ea000c !important;

  color: #ea000c !important;

}

.pagination > li > a,

.pagination > li > span {

  position: relative;

  float: left;

  padding: 9px 12px;

  color: #333 !important;

  text-decoration: none;

  background-color: #fff;

  border: 1px solid #ddd;

  line-height: 1;

}

.pagination > li.active a,

.pagination > li.active span {

  color: #ea000c !important;

}

.pagination > .disabled > span,

.pagination > .disabled > span:hover,

.pagination > .disabled > span:focus,

.pagination > .disabled > a,

.pagination > .disabled > a:hover,

.pagination > .disabled > a:focus {

  color: #777777;

  cursor: not-allowed;

  background-color: #fff;

  border-color: #ddd;

}

.pagination > li > a,

.pagination > li > span {

  color: #333;

}