.clearfix {
  clear: both;
}
.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.fl {
  float: left;
}

.fr {
  float: right;
}

.pager {
  text-align: center;
  display: inline-block;
}

.pager a {
  cursor: pointer;
}

.pager a,
.pager span {
  /* 按钮内数字 */
  width: 45px;
  height: 40px;
  border: 1px solid #ebebeb;
  margin-left: -1px;
  color: #8a8a8a;
  display: inline-block;
  line-height: 40px;
  float: left;
  font-size: 15px;
  text-decoration: none;
  margin: 0 2px;
  border-radius: 6px;
}
.pager a:hover,
.pager span:hover {
  border-color: #3897cd;
  color: #3897cd;
  position: relative;
  z-index: 1;
}

.pager span.active_page {
  background-color: #222a35;
  color: #fff;
  border-color: #ebebeb;
  position: relative;
  z-index: 1;
}

.pager .pg-first,
.pager .pg-prev,
.pager .pg-next,
.pager .pg-last {
  background: white
    url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QNtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTc4RUVFMjJFNzE3RTYxMUE0QjhBN0M5MEMyMUU5NzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODM1N0E2MzU3Mzk2MTFFOUE4QkJBMkY2RTUyQTc2NUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODM1N0E2MzQ3Mzk2MTFFOUE4QkJBMkY2RTUyQTc2NUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTg4RUVFMjJFNzE3RTYxMUE0QjhBN0M5MEMyMUU5NzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTc4RUVFMjJFNzE3RTYxMUE0QjhBN0M5MEMyMUU5NzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAA4ADoDAREAAhEBAxEB/8QAbAABAQADAQEBAAAAAAAAAAAAAAYBAwcFBAkBAQAAAAAAAAAAAAAAAAAAAAAQAAIBBAEBBQYHAQAAAAAAAAIDBAABEgUGExEhIjIkUWFCIxQVMUODtBZ2BzcRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AP38oFAoFAoFAoFAoOH77cytDzrmc+IKgv8AxviypO0lZFD1ijnb3OdMFZiZJV8WH6jEq6j1B03TaaPo45IQTpb5bvqtrtZWJSpsohEDkSDARHtxERtYREAARWsQWABQUdBgvLeg5vIvfi/IdcjS+pi8qlNOdxVV/ElvmkbWN8ILsTB+qA8QIjFi/Un05Ybv8m/5b/m/9V037FVB0OgUE6nSoRyLZcjE23mbWBB18hJY9IVQGymqIfD29uUw+2gxpNJF0EU4ME2r1q256/XniSoSiEfTRvDkKRLvWu/k8gYqFawCjoMF+FBOa3SJ10vabHqOlbTbnlL2UjA2dJRn0EBgI2FKLMv0wt7SMu1rGGYbONaSPxvQ6bj8NjXQtFAj6+G52PUJUVQqDPER7+waCgoFAoFAoFAoFAoFBPbzexdDGW6Qtsl8o/ptZrouJypcohyFCAIhtlcRud73vYAATYwgWBHQffAdLbFjM2EdMaaahKXGQ0nqBmPiFbSBedre3EaD0qBQTGw3n2raQouxidLVbLpxom9E8gCew8RjSRxHpdXw9FmWJn8rwMJIuCjEs6DZQKCE32tnRttC5TqI/wBy2UCMcGTqmEHqYTWAwwiNeQih+Qidu/B2PTd5UtQFVBmqnxY01QuWqSoGAuQpiGiJDl8xTRE139xUHo0CghOSjP3BM4nDhen2kUw5BupUcWxY8N+ayWoHASpL294isrEtY/Md+WmQFXCiBCjx4qyca4ihUk3ubIZiFsbZNcRGZe0ivkVB6FAoNZLyoGHuoNlAoMY2oM0Cg//Z)
    8px 7px no-repeat;
}

.pager .pg-first:hover,
.pager .pg-prev:hover,
.pager .pg-next:hover,
.pager .pg-last:hover {
  background: white
    url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QNtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTk4RUVFMjJFNzE3RTYxMUE0QjhBN0M5MEMyMUU5NzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODg2Qzk2MEI3Mzk2MTFFOTk1NTdFNjE0NTY1Mjk4M0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODg2Qzk2MEE3Mzk2MTFFOTk1NTdFNjE0NTY1Mjk4M0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUE4RUVFMjJFNzE3RTYxMUE0QjhBN0M5MEMyMUU5NzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTk4RUVFMjJFNzE3RTYxMUE0QjhBN0M5MEMyMUU5NzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAA4ADoDAREAAhEBAxEB/8QAkAABAQADAQEAAAAAAAAAAAAAAAYCBQcECQEBAAMBAQAAAAAAAAAAAAAAAAEDBAIFEAACAgIBAgIHCQEAAAAAAAACAwEEAAUSEQYiEyExUWIjJAcyQlJygxS0FXY3EQACAQIDAgsHBQAAAAAAAAAAAgMBEvAiQjEEIUFRsTJSYpKywhMRoXLSI8M0cfFzFAX/2gAMAwEAAhEDEQA/APv5gDAGAMAYAwBgDAGAcN3+5taHvrvS/VFQzHbnbCrOztQRU9ck7u953bggQnKVfe4/qGlXmPV6kUSy7tGvbk/VuCPLTHebKeFPM0O9SsvUj+Fc0uZsdxc69P0mkq6CqVasTrL7LpsbXa2JE7V20YiJPeQiIyUiMDEDAgACK1iCwAI8x3q9T14YViXHCUeQXDAOZWCjtfuPXo00Tar92XGnd7UCfEpv27O1rdfCpcEyJtCfEDIxNc/uT8u3qSnqx1v2rq5kr5Pk6HmtX+vKtmvT9xfue7Plk9P0n/5b9NP8tpv4Kc7/ANT8ub435x/kfhbv/GnhOiZiPSGATitLVR3Dse4RY2bm0oUdfYTMj5YqoNttUQxx69ZK2fL0+zOqzN6apyeb2fKZ1gVZWl5VVe7d85jpNJV0NUqNEnL1y3ctfry4kqkohH5ev4YIUiUTIjMzw68A4qFawl3q9bm2kwwrEtq7ObGMpS5wXjAJvWaavrrmyvwx1zYbd3O7srHAmyoDKUVh4CAgpEHxAYj8RlyabGH07tWirxUKI4VRmbjrj3YzXGXbujq9t6DS9u0mNdT0dKvr6bnSJMJVZQrAmSIjHLoPsyZpWllZm1EbrAu7xLEuxaWlFnBoGAMAYAwBgDAGAMAYBObvd1dBVGzZF1l9l0V9Vqq8Cdq7aMSIUIEiEZKRGSmSkQABJjCBYGcSiVepTNMsS44TZ0junVrlsEprXTWJXK6Gk9YH0jkK2kCpOIn1FID+XIrbdlO1utzGwwdjAJK/up1e0qVdlWivqtjK0UN7BdQG8w+I1rI8fheb4YSfKRM/hTwZKYdYkdy+1duMN+9uV5rGtbo11drHR7vVurcrNQwBgEHu9Tfr7Wt3Xp0lstjr6x07emcQfNU2kLGDUY0oGu+CASj0it3Hy3+pLq98TrZ6TcFMbeVfDp1K2GaJqP6qcNer2ez1W8ex9LpWUrq7tStcUDQVaULUg9TUMgSGJ6GpoiYT7pR1ymtLWtNiNctxsMg6GAQXcgXNzLe09dTkK20qF/e7izXFlVFR3JRLUDhJVh7Y5RC5glhHxHxMeWmxfu9i/Vbi2Y0rhesuDeb5fpJx9Juz5m5telHraVJdKpWpqNpqqqFSTe1r2SIjEdTa0iM594p65TWtzXG1FtW02GQdDAGAMAYAwBgDAGAf/9k=)
    8px 7px no-repeat;
}

.pager .pg-prev,
.pager .pg-prev:hover {
  background-position: 7px -21px;
}

.pager .pg-next,
.pager .pg-next:hover {
  background-position: -21px -21px;
}

.pager .pg-last,
.pager .pg-last:hover {
  background-position: -21px 7px;
}

.pager .pg-prev[disabled="true"],
.pager .pg-prev[disabled="true"]:hover {
  cursor: default;
  background-image: url(../img/page_bg.jpg);
}

.pager .pg-next[disabled="true"],
.pager .pg-next[disabled="true"]:hover {
  cursor: default;
  background-image: url(../img/page_bg.jpg);
}

.pager .pg-prev[disabled="true"],
.pager .pg-next[disabled="true"] {
  border-color: #eeeeee;
}

.pager span.els {
  border-color: transparent;
}

.pagerHtmlWrap {
  width: 800px;
  margin: 30px auto;
}

.pagerHtmlWrap .cc_cells {
  width: 100%;
  height: 35px;
  padding: 5px 0;
  border-bottom: 1px #cccccc solid;
}

.pagerHtmlWrap .cc_cells a {
  color: #454545;
  font-size: 14px;
  line-height: 35px;
  text-decoration: none;
}

.pagerHtmlWrap .cc_cells a span {
  display: inline-block;
  width: 25%;
  text-align: left;
  margin: 0;
}