@charset "utf-8";
/*样式参考*/
a {
  text-decoration: none;
}

#page {
  height: 50px;
  display: table;
  margin: 0 auto;
}

.page {
  text-align: center;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.pagingUl {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  height: 30px;
}

.pagingUl li {
  float: left;
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid rgba(221, 221, 221, 1);
  text-align: center;
  margin-right: 10px;
  position: relative;
  border-radius: 2px
}

.pagingUl li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #666;
  font-size: 12px;
  position: relative;
  top: -1px;
  left: -1px;
  border-radius: 2px
}

#page1 .prv,
#page1 .next {
  width: 70px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  background: #fff;
  padding: 0 5px;
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #666;
  font-size:14px;
}

#page1 .prv,#page1 .next {
  margin-right: 10px;
}

.first,
.last {
  width: 50px;
  height: 30px;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  /*border: 1px solid #ddd;*/
  cursor: pointer;
  background: #fff;
  padding: 0 5px;
  border-radius: 2px;
  margin-right: 10px;
  border: 1px solid #ddd;
  color: #666;
}

#page1 .prv:hover,
#page1 .next:hover,
.first:hover,
.last:hover,
.pagingUl li a:hover,
.activP {
  /*background-color: #337ab7!important;*/
  color: #ff4343 !important;
  border:1px solid #ff4343;
  border-radius: 2px;
}

#page1 {
  margin: 10px auto 7px;
  height: 30px;
}