/*----------Bright Style Start----------*/
.page{
  position: absolute;
  bottom: 15px;
  width: 90%;
  margin: auto;
  text-align: center;
}
nav.page-nav-outer {
  display:block;
  width: fit-content;
  height: 60px;
  margin: auto;
}
/* nav.page-nav-outer .page-nav-inner {
  display: inline-block;
} */

nav.page-nav-outer .pagination {
  float: left;
  padding-left: 0;
  margin: 15px 0;
  border-radius: 4px;
  display: inline-block;
}
.page-nav-first,.page-nav-last{
  display: none !important;
}
nav.page-nav-outer .pagination > li{
  display: inline;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
nav.page-nav-outer .pagination > li > a {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: 6px;
  line-height: 1.4em;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}
nav.page-nav-outer .pagination > li a:hover {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
nav.page-nav-outer .pagination > .active > a {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #004A8F;
  border-color: #004A8F;
}
nav.page-nav-outer .pagination > .active > a:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #004A8F;
  border-color: #004A8F;
}
nav.page-nav-outer .pagination > .disabled > a {
  cursor:no-drop;
}
nav.page-nav-outer .pagination > .disabled a:hover {
  
}
nav.page-nav-outer .page-input-box {
  display: inline-block;
  border-radius: 4px;
  margin: 0;
  margin-top: 15px;
  margin-left: 16px;
  float: left;
}
nav.page-nav-outer .page-input-box input {
  width: 45px;
  padding: 4px 4px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #333;
}
nav.page-nav-outer .page-input-box button {
  padding: 4px 5px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  cursor: pointer;
}
nav.page-nav-outer .page-input-box button:hover{
  background-color: #004A8F;
  border-color: #004A8F;
  color: #fff;
}
.page-nav-prev a,.page-nav-next a{
  padding:6px 6px !important;
}
.page-nav-prev a{
  margin: 0 !important;
}
/*----------Bright Style End----------*/

/* ---------分页样式问题--------- */
.pageNumOne,.pageNumMax{
  pointer-events: none;
  color: #ddd !important;
}




/*----------Dark Style Start----------*/

nav.page-nav-outer.dark {
  text-align: center;
}
nav.page-nav-outer.dark .page-nav-inner {
  display: inline-block;
}
nav.page-nav-outer.dark .pagination {
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
  float: left;
}
nav.page-nav-outer.dark .pagination > li > a {
  color: #FFF;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(131, 233, 255, 0.75);
}
nav.page-nav-outer.dark .pagination > li a:hover {
  background-color: rgba(90, 255, 200, 0.5);
}
nav.page-nav-outer.dark .pagination > .active > a {
  color: #FFEB3B;
  border-color: #FFEB3B;
}
nav.page-nav-outer.dark .pagination > .active > a:focus {
  background-color: rgba(90, 255, 200, 0.5);
}
nav.page-nav-outer.dark .pagination > .disabled > a {
  color: #fff;
  border-color: rgba(131, 233, 255, 0.75);
}
nav.page-nav-outer.dark .pagination > .disabled > a:focus {
  background-color: rgba(0, 0, 0, 0.15);
}
nav.page-nav-outer.dark .pagination > .disabled a:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
nav.page-nav-outer.dark .page-input-box {
  display: inline-block;
  border-radius: 4px;
  margin: 0;
  margin-top: 15px;
  margin-left: 15px;
  float: left;
}
nav.page-nav-outer.dark .page-input-box input {
  width: 40px;
  padding: 4px 4px;
  box-sizing: border-box;
  color: #333;
}
nav.page-nav-outer.dark .page-input-box button {
  padding: 3px 5px;
}
.dark button.btn-green {
  padding: 3px 15px;
  text-decoration: none;
  outline: none;
  border: 1px solid rgba(0, 246, 4, 0.83);
  background: rgba(144, 255, 146, 0.6);
  cursor: pointer;
}
.dark button.btn-green:hover {
  color: #ffd600;
  text-decoration: none;
}
.dark button.btn-green:active {
  background: rgba(144, 255, 146, 0.4);
}

/*----------Dark Style End----------*/