@import "iconfont.css";
/**
 * @Author: Shanwu
 * @E-mail: 396920288@qq.com
 * @Update: 2021-10-25 00:25
 * @Statement: 尊重原创作者,请保留版权信息！
 */
* {
  margin: 0;
  padding: 0
}
html {
  position: relative;
  margin: 0 auto !important;
  max-width: 640px;
  min-width: 300px;
  font-family: Helvetica Neue, Helvetica, sans-serif
}
body {
  overflow-x: hidden;
  background: #ededed;
  font-size: 16px;
  font-family: Microsoft Yahei, Verdana, Arial, Helvetica, sans-serif
}
a, body {
  color: #333
}
a {
  text-decoration: none
}
img {
  width: auto;
  border: 0;
  vertical-align: middle
}
a, img {
  -webkit-touch-callout: none
}
button, input, select {
  vertical-align: middle;
  font-size: 16px
}
input, textarea {
  padding: 0;
  outline: 0;
  border: none;
  -webkit-appearance: none
}
li, ol {
  list-style: none
}
body, div, fieldset, form, h1, h2, h3, h4, h5, h6, img, li, ol, p, table, td, tr, ul {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit
}
.clear {
  overflow: hidden;
  width: 100%;
  height: 5px;
  font-size: 1px;
  line-height: 0
}
.clear, .clear:after {
  clear: both;
  visibility: hidden
}
.clear:after {
  display: block;
  height: 0;
  content: ""
}
.banner {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 auto 1%;
  width: 100%;
  height: auto
}
.alert {
  top: 35%;
  left: 50%;
  z-index: 99999;
  display: none;
  padding: 15px 10px;
  width: 80%;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-family: Microsoft YaHei;
  opacity: .7;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.alert, .mask {
  position: fixed;
  background: #000
}
.mask {
  top: 43px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  visibility: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  pointer-events: none
}
.mask.show {
  visibility: visible;
  opacity: .35;
  pointer-events: auto
}
.filex {
  position: fixed
}
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: gotham-medium;
  src: url(gotham-medium.woff) format("woff")
}
@keyframes load {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@-webkit-keyframes load {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes arrow {
  0% {
    -webkit-transform: translate3d(-webkit-calc(-50% + 6px), 5px, 0);
    transform: translate3d(calc(-50% + 6px), 5px, 0)
  }
  to {
    -webkit-transform: translate3d(-webkit-calc(-50% + 6px), 0, 0);
    transform: translate3d(calc(-50% + 6px), 0, 0)
  }
}
@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translate3d(-webkit-calc(-50% + 6px), 5px, 0);
    transform: translate3d(calc(-50% + 6px), 5px, 0)
  }
  to {
    -webkit-transform: translate3d(-webkit-calc(-50% + 6px), 0, 0);
    transform: translate3d(calc(-50% + 6px), 0, 0)
  }
}
@keyframes myfirst {
  0% {
    transform: scale(1)
  }
  90% {
    transform: scale(.5)
  }
  to {
    transform: scale(1.3)
  }
}
@-webkit-keyframes myfirst {
  0% {
    transform: scale(1)
  }
  90% {
    transform: scale(.5)
  }
  to {
    transform: scale(1.3)
  }
}
@keyframes mypraise {
  0% {
    top: 0;
    font-size: 16px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity: 0
  }
  25% {
    top: -5px;
    font-size: 18px;
    opacity: .5;
    filter: Alpha(opacity=50);
    -moz-opacity: .5
  }
  50% {
    top: -10px;
    font-size: 20px;
    opacity: 1;
    filter: Alpha(opacity=100);
    -moz-opacity: 1
  }
  75% {
    top: -15px;
    font-size: 18px;
    opacity: .5;
    filter: Alpha(opacity=50);
    -moz-opacity: .5
  }
  to {
    top: -20px;
    font-size: 16px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity: 0
  }
}
@-webkit-keyframes mypraise {
  0% {
    top: 0;
    font-size: 16px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity: 0
  }
  25% {
    top: -5px;
    font-size: 18px;
    opacity: .5;
    filter: Alpha(opacity=50);
    -moz-opacity: .5
  }
  50% {
    top: -10px;
    font-size: 20px;
    opacity: 1;
    filter: Alpha(opacity=100);
    -moz-opacity: 1
  }
  75% {
    top: -15px;
    font-size: 18px;
    opacity: .5;
    filter: Alpha(opacity=50);
    -moz-opacity: .5
  }
  to {
    top: -20px;
    font-size: 16px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity: 0
  }
}
.index-header {
  padding: 1.6% 0;
  width: 100%;
  background: #fff;
  text-align: center
}
.index-header .index-logo {
  margin: auto;
  width: auto;
  height: 45px
}
.header {
  overflow: hidden;
  margin: 0;
  width: 100%;
  height: 42px;
  max-width: 640px;
  min-width: 300px;
  border-bottom: 1px solid #dfdfdf;
  background: #f2f2f2;
  color: #989898;
  text-align: center;
  line-height: 42px
}
.header .icon-logo {
  float: left;
  background: transparent url(icon-logo.png) no-repeat scroll 50%/28px 28px
}
.header .icon-logo, .header .icon-menu {
  position: relative;
  width: 42px;
  height: 42px
}
.header .icon-menu {
  top: 0;
  right: 5px;
  z-index: 10;
  float: right;
  display: inline-block;
  cursor: pointer
}
.icon-menu i {
  position: absolute;
  left: 10px;
  display: block;
  width: 26px;
  height: 2.5px;
  border-radius: 4px;
  background: #989898;
  transition: all .35s ease
}
.icon-menu i:first-of-type {
  top: 12px
}
.icon-menu i:nth-of-type(2) {
  top: 20px
}
.icon-menu i:nth-of-type(3) {
  top: 28px
}
.icon-menu-on i:first-of-type {
  top: 20px;
  transform: rotate(45deg)
}
.icon-menu-on i:nth-of-type(2) {
  width: 0
}
.icon-menu-on i:nth-of-type(3) {
  top: 20px;
  transform: rotate(-45deg)
}
.site:first-child:before {
  position: relative;
  float: left;
  width: 42px;
  height: 42px;
  background: transparent url(icon-logo.png) no-repeat scroll 50%/28px;
  content: ""
}
.site a{
  position: relative;
  float: left;
  overflow: hidden;
  padding: 0 14px 0 5px;
  height: 42px;
  background: url(icon-site.png) no-repeat 100%;
  background-size: auto 42px;
  text-align: center;
  font-size: 15px;
  line-height: 42px
}
.header .home {
  padding-left: 0
}
.header span {
  float: left;
  padding-left: 5px;
  color: #989898;
  text-align: center;
  font-size: 15px
}
.index-banner {
  position: relative;
  display: block;
  padding-top: 50%;
  width: 100%;
  height: 0
}
.index-banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-width: 100%
}
.index-banner .swiper-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.index-banner .swiper-wrapper li span {
  position: absolute;
  bottom: 0;
  z-index: 2;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 55px 0 10px;
  width: 100%;
  height: 35px;
  background: rgba(0, 0, 0, .3);
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 35px
}
.index-banner .swiper-pagination {
  position: absolute;
  right: 10px;
  bottom: 9px;
  z-index: 3;
  text-align: center
}
.index-banner .swiper-pagination-bullet {
  margin-left: 3px;
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 1
}
.index-banner .swiper-pagination-bullet-active {
  background-color: #fff
}
.index-nav {
  float: left;
  margin-bottom: 1%;
  padding-top: 2%;
  width: 100%;
  background: #fff
}
.index-nav .search {
  float: left;
  margin: 5px 3% 12px
}
.index-nav li {
  float: left;
  margin-right: -1px;
  width: 25%;
  text-align: center;
  line-height: 28px
}
.index-nav li a {
  display: block;
  overflow: hidden;
  padding: 5px 0 5px;
  color: #555;
  font-size: 14px
}
.index-nav li i {
  display: block;
  margin: 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: #8DC61E;
  color: #fff;
  text-align: center;
  font-size: 30px;
  line-height: 48px
}
.index-nav li:nth-child(1) i, .nav li:nth-child(1) i {
  background-color: #ff8fa5
}
.index-nav li:nth-child(2) i, .nav li:nth-child(2) i {
  background-color: #62d2cb
}
.index-nav li:nth-child(3) i, .nav li:nth-child(3) i {
  background-color: #daace1
}
.index-nav li:nth-child(4) i, .nav li:nth-child(4) i {
  background-color: #7bd2ff
}
.index-nav li:nth-child(5) i, .nav li:nth-child(5) i {
  background-color: #ffb964
}
.index-nav li:nth-child(6) i, .nav li:nth-child(6) i {
  background-color: #ff927b
}
.index-nav li:nth-child(7) i, .nav li:nth-child(7) i {
  background-color: #94df75
}
.index-nav li:nth-child(8) i, .nav li:nth-child(8) i {
  background-color: #759fb7
}
.index-nav li:nth-child(9) i, .nav li:nth-child(9) i {
  background-color: #95aba1
}
.index-nav li:nth-child(10) i, .nav li:nth-child(10) i {
  background-color: #c5c399
}
.index-nav li:nth-child(11) i, .nav li:nth-child(11) i {
  background-color: #858890
}
.index-nav li:nth-child(12) i, .nav li:nth-child(12) i {
  background-color: #e1aa9f
}
.index-nav li:nth-child(13) i, .nav li:nth-child(13) i {
  background-color: #d1a57b
}
.index-nav li:nth-child(14) i, .nav li:nth-child(14) i {
  background-color: #bdddcc
}
.index-nav li:nth-child(15) i, .nav li:nth-child(15) i {
  background-color: #aacde1
}
.index-nav li:nth-child(16) i, .nav li:nth-child(16) i {
  background-color: #72aaa7
}
.index-nav li:nth-child(17) i, .nav li:nth-child(17) i {
  background-color: #7c8eb9
}
.index-nav li:nth-child(18) i, .nav li:nth-child(18) i {
  background-color: #9bb97c
}
.index-nav li:nth-child(19) i, .nav li:nth-child(19) i {
  background-color: #b9967c
}
.index-nav li:nth-child(20) i, .nav li:nth-child(20) i {
  background-color: #cac4c4
}
.nav {
  position: fixed;
  top: 43px;
  left: 0;
  z-index: 10001;
  float: left;
  overflow: hidden;
  width: 100%;
  height: auto;
  background: #fff;
  -webkit-transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -ms-transform: translateX(-100%)
}
.nav.show {
  -webkit-transform: none;
  transform: none;
  -ms-transform: none
}
.nav ul {
  border-top: 1px solid #eee
}
.nav ul:after {
  position: relative;
  top: 0;
  left: 50%;
  clear: both;
  margin: 10px 0;
  width: 99px;
  height: 36px;
  background: transparent url(logo-title.png) no-repeat scroll 0 0/99px 36px;
  content: "";
  opacity: .6;
  transform: translateX(-50%);
  filter: Alpha(opacity=60)
}
.nav li, .nav ul:after {
  float: left;
  text-align: center
}
.nav li {
  margin-right: -1px;
  padding: 2% 0;
  width: 20%;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  color: #fff
}
.nav li span {
  display: block;
  padding-top: 2%;
  color: #333
}
.nav li a:nth-child(3) {
  border-right: 0
}
.nav li i {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: #8DC61E;
  color: #fff;
  font-size: 30px;
  line-height: 48px
}
.nav .open, .nav li i {
  display: block;
  margin: 0 auto;
  text-align: center
}
.nav .open {
  float: left;
  width: 100%;
  line-height: 36px;
  cursor: pointer
}
.nav .open:after {
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  background-image: url(list-more.png);
  background-repeat: no-repeat;
  content: ""
}
.search {
  display: block;
  overflow: hidden;
  margin: 15px 3%;
  width: 94%;
  border: 1px solid #e0e0e0;
  border-radius: 100px;
  background: #fff
}
.search input {
  float: left;
  padding-left: 3%;
  width: 79%;
  background: 0 0;
  font-size: 14px;
  line-height: 36px
}
.search button, .search input {
  height: 36px;
  border: none
}
.search button {
  float: right;
  width: 18%;
  border-left: 1px solid #e0e0e0;
  background: 0 0
}
.search .iconfont {
  color: #999;
  vertical-align: middle;
  font-size: 18px;
  -webkit-text-stroke-width: .2px
}
.subnav {
  float: left;
  display: block;
  margin-bottom: 1%;
  width: 100%;
  background: #fff
}
.subnav a {
  float: left;
  margin-right: -1px;
  width: 33.33333%;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  color: #333;
  text-align: center;
  line-height: 35px
}
.subnav a.on {
  color: #8DC61E
}
.subnav a:hover {
  background: #8DC61E;
  color: #fff
}
.open {
  float: left;
  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  line-height: 36px;
  cursor: pointer
}
.open:after {
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  background-image: url(list-more.png);
  background-repeat: no-repeat;
  content: "";
  -webkit-animation: arrow .3s ease-out infinite alternate;
  animation: arrow .3s ease-out infinite alternate
}
.swiper-tab {
  float: left;
  overflow: hidden;
  margin-bottom: 1%;
  width: 100%;
  background: #fff
}
.swiper-tab .iconfont {
  padding-right: 3px;
  height: 40px;
  vertical-align: middle;
  font-size: 24px;
  line-height: 40px
}
.swiper-tab .swiper-tab-title {
  margin-bottom: 1%;
  height: 43px
}
.author-box .swiper-pagination-bullet, .swiper-tab .swiper-pagination-bullet {
  width: 33%;
  height: 40px;
  border-bottom: 2px solid #eee;
  border-radius: 0;
  background: #fff;
  color: #333;
  text-align: center;
  font-size: 18px;
  line-height: 40px;
  opacity: 1
}
.author-box .swiper-pagination-bullet-active, .swiper-tab .swiper-pagination-bullet-active {
  border-bottom: 2px solid #8DC61E;
  color: #8DC61E
}
.swiper-tab .swiper-tab-list ul {
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 2% 1%
}
.swiper-tab .swiper-tab-list ul li {
  float: left;
  overflow: hidden;
  width: 100%;
  height: 32px;
  font-size: 15px;
  line-height: 32px
}
.swiper-tab .swiper-tab-list .pubdate li:before {
  position: relative;
  top: 50%;
  float: left;
  margin-right: 2%;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #cecece;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.swiper-tab .swiper-tab-list .pubdate li:hover:before {
  background-color: #8DC61E
}
.swiper-tab .swiper-tab-list .pubdate li a {
  float: left;
  display: block;
  overflow: hidden;
  width: 84%;
  height: 32px
}
.swiper-tab .swiper-tab-list .pubdate li span {
  float: right;
  color: #999;
  font-size: 12px
}
.swiper-tab .swiper-tab-list .tuijian li span {
  float: left;
  margin-top: 1%;
  margin-right: 10px;
  padding: 0 1%;
  height: 20px;
  border: 1px solid #8DC61E;
  border-radius: 4px;
  color: #8DC61E;
  text-align: center;
  font-size: 12px;
  line-height: 20px
}
.swiper-tab .swiper-tab-list .tuijian li span a {
  color: #8DC61E
}
.swiper-tab .swiper-tab-list .click li em {
  position: relative;
  top: 50%;
  float: left;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #ccc;
  color: #fff;
  text-align: center;
  font-style: inherit;
  font-size: 12px;
  line-height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.swiper-tab .swiper-tab-list .click li:first-child em {
  background: #ff6b6d
}
.swiper-tab .swiper-tab-list .click li:nth-child(2) em {
  background: #ff9e3a
}
.swiper-tab .swiper-tab-list .click li:nth-child(3) em {
  background: #26ced5
}
.list-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2%;
  background: #fff
}
.list-box, .list-box-title {
  float: left;
  margin-bottom: 1%;
  width: 100%
}
.list-box-title {
  height: 34px;
  border-bottom: 2px solid #eee;
  line-height: 34px
}
.list-box-title span {
  float: left;
  border-bottom: 2px solid #8DC61E;
  color: #8DC61E;
  font-size: 18px
}
.list-box-title span a {
  color: #8DC61E
}
.list-box-title span i {
  box-sizing: border-box;
  margin-right: 3px;
  color: #8DC61E;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px
}
.list-box-line {
  position: absolute;
  right: 2%;
  float: right;
  font-size: 13px
}
.list-box-line a {
  float: left;
  margin-right: 5px;
  color: #989898;
  font-size: 13px
}
.list-box-line a:last-child {
  margin-right: 0
}
.list-box-line a:before {
  position: relative;
  margin-right: 5px;
  color: #ccc;
  content: "/"
}
.list-box-line a:first-child:before {
  margin-right: 0;
  content: ""
}
.list-box-more {
  float: right;
  display: block;
  width: 30%;
  color: #8DC61E
}
.list-box-more i {
  float: right;
  box-sizing: border-box;
  color: #989898;
  vertical-align: middle;
  font-weight: 400;
  font-size: 24px
}
.list-box .list-box-pic {
  float: left;
  width: 100%
}
.list-box .list-box-pic a {
  float: left;
  margin: 2% 2% 1%;
  width: 46%;
  background: #eee;
  text-align: center
}
.list-box .list-box-pic a span {
  display: block;
  overflow: hidden;
  padding: 0 4px;
  height: 30px;
  color: #333;
  text-align: center;
  font-size: 13px;
  line-height: 30px
}
.list-box .list-box-pic a:hover span {
  color: #8DC61E
}
.list-box .list-box-pic img {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #dbdbdb
}
.list-box .list-box-ul {
  float: left;
  width: 100%
}
.list-box .list-box-ul li {
  float: left;
  width: 100%;
  height: 32px;
  font-size: 15px;
  line-height: 32px
}
.list-box .list-box-ul li:before {
  position: relative;
  top: 50%;
  float: left;
  margin-right: 2%;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #cecece;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.list-box .list-box-ul li:hover:before {
  background-color: #8DC61E
}
.list-box .list-box-ul li a {
  float: left;
  display: block;
  overflow: hidden;
  width: 84%;
  height: 32px
}
.list-box .list-box-ul li span {
  float: right;
  color: #999;
  font-size: 12px
}
.list-cut .list-box-ul li:nth-of-type(5n) {
  margin-bottom: 1%;
  padding-bottom: 1%;
  border-bottom: 1px dashed #eee
}
.list-cut .list-box-ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}
.list-box .click-ul li {
  float: left;
  overflow: hidden;
  width: 100%;
  height: 32px;
  font-size: 15px;
  line-height: 32px
}
.list-box .click-ul li em {
  position: relative;
  top: 50%;
  float: left;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #ccc;
  color: #fff;
  text-align: center;
  font-style: inherit;
  font-size: 12px;
  line-height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.list-box .click-ul li:first-child em {
  background: #ff6b6d
}
.list-box .click-ul li:nth-child(2) em {
  background: #ff9e3a
}
.list-box .click-ul li:nth-child(3) em {
  background: #26ced5
}
.list-news {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1%;
  width: 100%;
  background: #fff
}
.list-news .list-box-title {
  margin: 2% 2% 1%;
  width: 96%
}
.list-news-ul {
  display: block;
  background: #ededed
}
.list-news-ul, .list-news-ul li {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: auto
}
.list-news-ul li {
  float: left;
  display: block;
  display: -webkit-box;
  margin: 0 0 1%;
  padding: 2%;
  background: #fff
}
.list-news-ul li img {
  overflow: hidden;
  margin-right: 10px;
  width: 108px;
  height: 72px;
  border-radius: 6px
}
.list-news-ul li .item {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  width: auto;
  -webkit-box-flex: 1
}
.list-news-ul li .item h2 {
  display: block;
  overflow: hidden;
  margin: 4px 0 0;
  width: 100%;
  height: 20px;
  color: #333;
  font-weight: 700;
  line-height: 20px
}
.list-news-ul li .item p {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  margin: 8px 0 0;
  width: 100%;
  height: auto;
  color: #989898;
  text-overflow: ellipsis;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.pagelist {
  clear: both;
  display: table;
  margin: 0 auto;
  padding: 20px 15px 10px
}
.pagelist li {
  float: left;
  margin-right: 10px
}
.pagelist li:last-child {
  margin-bottom: 0
}
.pagelist li a {
  float: left;
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid #8DC61E;
  border-radius: 3px;
  color: #8DC61E;
  text-align: center;
  font-size: 16px;
  font-family: gotham-medium;
  line-height: 32px;
  transition: all .3s linear
}
.pagelist li span {
  float: left;
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid #8DC61E;
  border-radius: 3px;
  color: #333;;
  text-align: center;
  font-size: 16px;
  font-family: gotham-medium;
  line-height: 32px;
  transition: all .3s linear
}
.pagelist li a:hover, .pagelist li.current, .pagelist li.current a {
  border: 1px solid #8DC61E;
  background: #8DC61E;
  color: #fff
}
.pagelist li.current, .pagelist li.current a {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-family: gotham-medium;
  line-height: 32px
}

.article {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1%;
  padding: 3% 2%;
  width: 100%;
  background: #fff
}
.article .title {
  color: #333;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%
}
.article .jian:after {
  position: absolute;
  top: 58px;
  right: 2.5%;
  width: 80px;
  height: 48px;
  background: url(jian.gif) no-repeat 100%/80px;
  content: "";
  opacity: .4
}
.article .info {
  float: left;
  overflow: hidden;
  padding: 2% 0;
  width: 100%;
  border-bottom: 1px solid #ececec;
  color: #999;
  text-align: center;
  font-size: 13px;
  line-height: 24px
}
.article .info span {
  margin-right: 2%
}
.article .info span i {
  box-sizing: border-box;
  padding-right: 2px;
  vertical-align: -1px;
  line-height: 24px
}
.article .info code {
  font-family: Microsoft Yahei, Verdana, Arial, Helvetica, sans-serif
}
.article .info code b {
  padding: 0 2px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  font-family: gotham-medium
}
.article .info a {
  color: #868686
}
.article .info code i {
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 4px;
  width: 3px;
  height: 3px;
  /*background: #666;
  animation: load 1.04s ease infinite;
  -webkit-animation: load 1.04s ease infinite*/
}
.article .info code i:first-child {
  animation-delay: .13s;
  -webkit-animation-delay: .13s
}
.article .info code i:nth-child(2) {
  animation-delay: .26s;
  -webkit-animation-delay: .26s
}
.article .info code i:nth-child(3) {
  animation-delay: .39s;
  -webkit-animation-delay: .39s
}
.content {
  position: relative;
  overflow: hidden;
  padding: 15px 0 0;
  width: 100%;
  word-wrap: break-word;
  line-height: 1.6
}
.content p {
  padding-bottom: 2.5%
}
.content p:last-child {
  padding-bottom: 0
}
.content br {
  line-height: 1.6
}
.content img {
  height: auto;
  max-width: 100%
}
.article-recommend {
  float: left;
  margin: 1% auto;
  width: 100%;
  background: #fff;
  text-align: center
}
.article-recommend .item {
  position: relative;
  float: left;
  margin-right: 4%;
  width: 48%;
  height: 38px;
  border-radius: 5px;
  background: #eee;
  line-height: 38px;
  cursor: pointer
}
.article-recommend .item:last-child {
  margin-right: 0
}
.article-recommend .digg {
  position: absolute;
  left: 50%;
  line-height: 38px;
  transform: translatex(-50%)
}
.article-recommend .digg .iconfont {
  float: left;
  vertical-align: middle;
  font-size: 24px
}
.article-recommend .digg code {
  float: left;
  margin-left: 3px;
  font-weight: 400;
  font-size: 14px;
  font-family: gotham-medium;
  line-height: 38px
}
.article-recommend .digg code i {
  display: inline-block;
  margin-right: 3px;
  width: 3px;
  height: 3px;
  background: #161616;
  animation: load 1.04s ease infinite;
  -webkit-animation: load 1.04s ease infinite
}
.article-recommend .digg code i:last-child {
  margin-right: 0
}
.article-recommend .digg code i:first-child {
  animation-delay: .13s;
  -webkit-animation-delay: .13s
}
.article-recommend .digg code i:nth-child(2) {
  animation-delay: .26s;
  -webkit-animation-delay: .26s
}
.article-recommend .digg code i:nth-child(3) {
  animation-delay: .39s;
  -webkit-animation-delay: .39s
}
.article-recommend .rand .iconfont {
  margin-right: 2px;
  vertical-align: middle;
  font-size: 20px
}
.article-recommend .on {
  color: #8DC61E
}
.article-recommend .on .iconfont {
  animation: myfirst 1s linear
}
.article-recommend .digg .add-animation {
  position: absolute;
  top: 10px;
  left: 24px;
  color: #8DC61E;
  font-style: normal;
  font-size: 16px;
  opacity: 0;
  filter: Alpha(opacity=0);
  -moz-opacity: 0;
  animation: mypraise .6s;
  -webkit-animation: mypraise .6s
}
.more-content {
  position: relative;
  z-index: 1;
  margin: -80px 0 4%;
  text-align: center
}
.more-content .more-content-mask {
  height: 80px;
  background: -moz-linear-gradient(bottom, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0));
  background: -webkit-gradient(linear, 0 top, 0 bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: -o-linear-gradient(bottom, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0))
}
.more-content .more-content-text {
  display: block;
  margin: 0 auto;
  width: 90%;
  height: 40px;
  border-radius: 50px;
  background: #8DC61E;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer
}
.more-content .more-content-mask:after {
  display: inline-block;
  margin-top: 46px;
  width: 24px;
  height: 24px;
  color: #8DC61E;
  content: "\e604";
  font-size: 22px;
  -webkit-animation: arrow .3s ease-out infinite alternate;
  animation: arrow .3s ease-out infinite alternate
}
.article-next-prev {
  float: left;
  margin-bottom: 1%;
  width: 100%;
  background: #fff
}
.article-next-prev a {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 5% 0 2%;
  height: 44px;
  border-bottom: 1px solid #d8d8d8;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 44px
}
.article-next-prev a:last-child {
  border-bottom: none
}
.article-next-prev a:before {
  right: 8px;
  border: 8px solid transparent;
  border-left-color: #ececec
}
.article-next-prev a:after, .article-next-prev a:before {
  position: absolute;
  top: 50%;
  display: block;
  margin-top: -8px;
  width: 0;
  height: 0;
  content: ""
}
.article-next-prev a:after {
  right: 10px;
  border: 8px solid transparent;
  border-left-color: #fff
}
.article-next-prev a span, .article-next-prev a:hover {
  color: #8DC61E
}
.article-next-prev a span .iconfont {
  box-sizing: border-box;
  padding-right: 5px
}
.sitemap {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2%;
  width: 100%;
  background: #fff
}
.sitemap .map-box {
  float: left;
  margin-bottom: 2%;
  padding-bottom: 2%;
  width: 100%;
  border-bottom: 1px solid #eee
}
.sitemap .map-box h2 {
  height: 30px;
  color: #8DC61E;
  text-align: center;
  font-size: 18px;
  line-height: 30px
}
.sitemap .map-box h2 a {
  color: #8DC61E
}
.sitemap .map-box h2 .iconfont {
  overflow: hidden;
  box-sizing: border-box;
  margin-right: 3px;
  color: #8DC61E;
  vertical-align: middle;
  font-size: 18px
}
.sitemap .map-box ul {
  overflow: hidden
}
.sitemap .map-box:nth-child(2) {
  margin-top: 2%
}
.sitemap .map-box:last-child {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 0
}
.sitemap .map-box ul li {
  float: left;
  overflow: hidden;
  margin-right: 5px;
  text-align: center;
  white-space: nowrap;
  line-height: 30px
}
.sitemap .map-box ul li a {
  display: block;
  color: #666;
  font-size: 14px
}
.sitemap .map-box ul li a:before {
  position: relative;
  margin-right: 5px;
  color: #ccc;
  content: "/"
}
.sitemap .map-box ul li:first-child a:before {
  margin-right: 0;
  content: ""
}
.update {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2%;
  width: 100%;
  background: #fff
}
.update ul, .update ul li {
  position: relative;
  float: left;
  width: 100%
}
.update ul li {
  overflow: hidden;
  height: 32px;
  background: url(li.png) repeat-x 50%;
  line-height: 32px
}
.update ul li:before {
  position: absolute;
  top: 50%;
  float: left;
  margin-right: 8px;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #cecece;
  content: "";
  transform: translateY(-50%)
}
.update ul li:hover:before {
  background-color: #8DC61E
}
.update ul li a {
  padding-right: 8px;
  padding-left: 12px;
  background: #fff;
  font-size: 15px;
  line-height: 32px
}
.update ul li span {
  position: absolute;
  right: 0;
  bottom: 0;
  float: right;
  padding-left: 10px;
  background: #fff;
  color: #999;
  font-size: 12px
}
.taglist {
  float: left;
  width: 100%
}
.taglist h3 {
  margin: 2% 0;
  color: #8DC61E;
  font-size: 18px
}
.taglist .taglist-box {
  display: inline-block
}
.taglist .taglist-box a {
  float: left;
  margin-right: 10px;
  color: #333;
  text-decoration: underline;
  white-space: nowrap;
  font-size: 14px;
  line-height: 28px
}
.taglist .taglist-box a:hover {
  color: #8DC61E
}
#back-to-top {
  position: fixed;
  right: 2%;
  bottom: 8em;
  z-index: 99998;
  display: none
}
#back-to-top a {
  border-radius: 1.5rem;
  background: #868686;
  opacity: .6
}
#back-to-top a, #back-to-top span {
  display: block;
  width: 2.5rem;
  height: 2.5rem
}
#back-to-top a.stop span {
  background: url(to-top.png) no-repeat 50%/2.5rem
}
.footer {
  width: 100%
}
.footer .copyright {
  overflow: hidden;
  padding: 5px;
  color: #333;
  text-align: center;
  font-size: 14px;
  line-height: 40px
}
.footer .copyright a {
  outline: medium 0;
  color: #333;
  font-size: 14px
}
.tag-item {
  margin: 0 auto 2%;
  padding: 1% 1.5% 1% 2.5%;
  background: #f4f4f4
}
.tag-item:last-child {
  margin-bottom: 0
}
.tag-item dt {
  margin-bottom: 2%;
  height: 30px;
  line-height: 30px
}
.tag-item dt span {
  color: #161616;
  font-weight: 700;
  font-size: 18px
}
.tag-item dd {
  display: inline-block;
  overflow: hidden
}
.tag-item dd a {
  margin-right: 2%;
  color: #999;
  white-space: nowrap;
  font-size: 16px;
  line-height: 30px
}
.tag-item dd a:hover {
  color: #000
}
.tag-item dd .c1 {
  color: #ff3232
}
.tag-item dd .c2 {
  color: #ff9632
}
.tag-item dd .c3 {
  color: #77ba00
}
.tag-item dd .c4 {
  color: #00baa2
}
.tag-item dd .c5 {
  color: #0077ba
}
.tag-item dd .c6 {
  color: #9055fe
}
.tag-item dd .c7 {
  color: #b755fe
}
.tag-item dd .c8 {
  color: #fe558d
}
.tag-item dd .c9 {
  color: #700e18
}
.tag-item dd .c10 {
  color: #0f635a
}
.tag-item dd .c11 {
  color: #161616
}
.tag-item dd .c12 {
  color: #ff1ae6
}
.tag-item dd .c13 {
  color: #0051ec
}
.article-recommend .item {
  float: none;
  display: inline-block
}
.article-recommend .item:first-child {
  display: none
}