.clearfix {
  clear: both
}

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

.fl {
  float: left
}

.fr {
  float: right
}

.pager {
  /* max-width: 800px; */
  text-align: center;
  margin-bottom: .3rem;
  display: inline-block
}

.pager a {
  cursor: pointer
}

.pager a,
.pager span {
  width: .45rem;
  height: .4rem;
  border: .02rem solid #ebebeb;
  margin-left: -0.01px;
  color: #8a8a8a;
  display: inline-block;
  line-height: .4rem;
  float: left;
  font-size: .24rem;
  text-decoration: none;
  margin: 0 2px;
  border-radius: .06rem
}

.pager a:hover,
.pager span:hover {
  border-color: #3897cd;
  color: #3897cd;
  position: relative;
  z-index: 1
}

.pager span.current {
  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: #fff url(../images/page_bg.jpg) -.02rem -.03rem no-repeat; */
  width: .6rem;
}


.pager .pg-first:hover,
.pager .pg-prev:hover,
.pager .pg-next:hover,
.pager .pg-last:hover {
  /* background: #fff url(../images/page_bg_hover.jpg) 8px 7px no-repeat; */
  width: .6rem;
}

.pager .pg-prev,
.pager .pg-prev:hover {
  /* background-position: -0.03rem -0.6rem; */
}

.pager .pg-next,
.pager .pg-next:hover {
  /* background-position: 94% 86%; */
}

.pager .pg-last,
.pager .pg-last:hover {
  /* background-position: 94% 7%; */
}

.pager .pg-prev[disabled=true],
.pager .pg-prev[disabled=true]:hover {
  cursor: default;
  /* background-image: url(../images/page_bg.jpg) */
  width: .6rem;
}

.pager .pg-next[disabled=true],
.pager .pg-next[disabled=true]:hover {
  cursor: default;
  /* background-image: url(../images/page_bg.jpg) */
  width: .6rem;
}

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

.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 #ccc 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
}

#topNav {
  margin-top: .2rem;
  width: 100%;
  overflow: hidden;
  /* font: 16px/32px hiragino sans gb, microsoft yahei, simsun; */
  font-size: .3rem;
  border-bottom: 1px solid #f8f8f8;
}

#topNav .swiper-slide {
  padding: 0 .05rem;
  letter-spacing: .02rem;
  width: 2rem;
  text-align: center;
}

#topNav .swiper-slide span {
  transition: all .3s ease;
  display: block;
}

#topNav .active span a{
  transform: scale(1.1);
  color: #0592f7 !important;
  border-bottom: 0.02rem solid currentColor;
}

    #topNav span a {
        transform: scale(1.1);
        color: #000 !important;
    }