*{
  font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif;
}

/*----------Bright Style Start----------*/

nav.page-nav-outer {
  display:block;
  text-align: center;
}
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;
}
nav.page-nav-outer .pagination > li{
  display: inline;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    width: 50px!important;
    border-radius: 4px;
    margin-right: 20px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    width: 50px!important;
     border-radius: 4px;
     margin-left: 20px!important
}
.page-nav-prev> a,.page-nav-prev> span,.page-nav-next > a,.page-nav-next > span{width: 60px!important}
nav.page-nav-outer .pagination > li > a {
  position: relative;
  float: left;
  display: inline-block;
  width: 40px;
  height: 32px;
  margin-left: -1px;
  line-height: 31px;
  color: #3C9100;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

nav.page-nav-outer .pagination > .active > a {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #3C9100;
}

nav.page-nav-outer .pagination > .disabled > a {
  cursor:no-drop;
}

nav.page-nav-outer .page-input-box {
  display: inline-block;
  border-radius: 4px;
  margin: 0;
  margin-top: 16px;
  margin-left: 16px;
  float: left;
}
nav.page-nav-outer .page-input-box input {
  width: 45px;
  padding: 4px 4px;
  box-sizing: border-box;
  color: #333;
}
nav.page-nav-outer .page-input-box button {
  padding: 3px 5px;
  outline:none;
}

.page-input-box{display: none!important;}
/*----------Bright Style End----------*/




/*----------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----------*/