@charset "UTF-8";
* {
    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;
    color:#333;
    font-size:16px;
    font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif
}
a {
    color:#333;
    text-decoration:none
}
img {
    display:block;
    width:100%;
    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 none;
    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 {
    clear:both;
    visibility:hidden;
    overflow:hidden;
    width:100%;
    height:5px;
    font-size:1px;
    line-height:0
}
.clear:after {
    clear:both;
    display:block;
    visibility:hidden;
    height:0;
    content:""
}
.banner {
    position:relative;
    z-index:1;
    overflow:hidden;
    margin:0 auto 1%;
    width:100%;
    height:auto
}
.alert {
    position:fixed;
    top:35%;
    left:50%;
    z-index:99999;
    display:none;
    padding:15px 10px;
    width:80%;
    border-radius:5px;
    background:#000;
    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%)
}
.mask {
    position:fixed;
    top:43px;
    right:0;
    bottom:0;
    left:0;
    z-index:10000;
    visibility:hidden;
    width:100%;
    height:100%;
    background:#000;
    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(../fonts/gotham-medium.woff) format('woff')*/
}
@keyframes load {
    0% {
        opacity:1
    }
    100% {
        opacity:0
    }
}@-webkit-keyframes load {
     0% {
         opacity:1
     }
     100% {
         opacity:0
     }
 }@keyframes arrow {
      from {
          -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 {
       from {
           -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)
        }
        100% {
            transform:scale(1.3)
        }
    }@-webkit-keyframes myfirst {
         0% {
             transform:scale(1)
         }
         90% {
             transform:scale(.5)
         }
         100% {
             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
          }
          100% {
              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
           }
           100% {
               top:-20px;
               font-size:16px;
               opacity:0;
               filter:Alpha(opacity=0);
               -moz-opacity:0
           }
       }.index-header {

            width:100%;
            background:#fff;
            text-align:center
        }

.index-header{
    height: 45px;
    width: 100%;
    background: #00b38a;
    position: fixed;
    z-index: 999;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 640px;
}
.index-header a{
    height: 100%;
    display: flex;
    align-items: center;

}
.index-header a img {
width: auto !important;
    max-height:90%
}
.meun{
    color: #fff;
    font-size: 30px;
}



.menus{display:block;width:25px;height:25px;top:15px;right:12.5px;background-size:25px 25px;margin:  0 6px 0 0}
.menuwraps{width:calc(100%);background:#fff;top:45px;z-index:99999;padding-bottom:10px;height: 95vh;

    max-width: 640px;
}

.menuwrapmain a{
    color: #333 !important;
}
.menuwrapmain{overflow:auto;height:95vh;}
.menuwrapmain>a{background:#eee;float:left;width:23%;margin:3px 1%;font-size:14px;text-align:center;line-height:26px;height:26px;border-radius:2px;}
.menuwrapmain a.cul{width:48%;margin:3px 1%;font-size:16px;text-align:center;line-height:32px;height:32px;border-radius:2px;}
.menuwrapmain h3{text-align:left;font-size:18px;line-height:30px;height:30px;padding-left:15px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:fixed;left: 0;right: 0;margin: 0 auto}


.index-nav{
    width: 100%;
    white-space: nowrap;
    overflow-x:scroll;
    overflow-y:hidden;
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid #e3e3e3;
    background: white;
    margin-top: 45px;
}
.index-nav ul{
    display: inline-block;
}
.index-nav ul li{
    display: inline-block;
    padding: 8px 10px;
    font-size: 16px;
    color: #333;

}

.index-nav::-webkit-scrollbar {
    height: 0;
}

.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 {
    position:relative;
    float:left;
    width:42px;
    height:42px;
    background:transparent url(../images/logo.png) no-repeat scroll center center/28px 28px
}
.header .icon-menu {
    position:relative;
    top:0;
    right:5px;
    z-index:10;
    float:right;
    display:inline-block;
    width:42px;
    height:42px;
    cursor:pointer
}
.icon-menu i {
    position:absolute;
    left:10px;
    display:block;
    width:26px;
    height:2.5px;
    border-radius:4px;
    background:#989898;
    transition:all ease .35s
}
.icon-menu i:nth-of-type(1) {
    top:12px
}
.icon-menu i:nth-of-type(2) {
    top:20px
}
.icon-menu i:nth-of-type(3) {
    top:28px
}
.icon-menu-on i:nth-of-type(1) {
    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)
}
.header .site:first-child:before {
    position:relative;
    float:left;
    width:125px;
    height:41px;
    background:transparent url(../images/logo.png) no-repeat scroll center center/109px;
    content:""
}
.header .site {
    position:relative;
    float:left;
    overflow:hidden;
    padding:0 14px 0 5px;
    height:42px;
    background:url(../images/icon-site.png) no-repeat right center;
    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:100%;
    max-width:100%
}
.more{
    color: #999;
    font-size: 14px;
    float: right;
}
.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
}

.subnav a {
    float:left;
    margin-right:-1px;
    width:calc(100%/3);
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    color:#333;
    text-align:center;
    line-height:35px
}
.subnav a.on {
    color:#f93
}
.subnav a:hover {
    background:#f93;
    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(../images/list-more.png);
    background-repeat:no-repeat;
    content:"";
    -webkit-animation:arrow .3s ease-out alternate infinite;
    animation:arrow .3s ease-out alternate infinite
}
.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:50%;
    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 #f93;
    color:#f93
}
.swiper-tab .swiper-tab-list ul {
    float:left;
    overflow:hidden;
    box-sizing:border-box;
    padding:0 2% 1% 2%
}
.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:#f93
}
.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:solid 1px #f93;
    border-radius:4px;
    color:#f93;
    text-align:center;
    font-size:12px;
    line-height:20px
}
.swiper-tab .swiper-tab-list .tuijian li span a {
    color:#f93
}
.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:nth-child(1) 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 {
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:1%;
    padding:2%;
    width:100%;
    background:#fff
}
.list-box-title {
    float:left;
    margin-bottom:1%;
    width:100%;
    height:34px;
    border-bottom:2px solid #eee;
    line-height:34px
}
.list-box-title span {
    float:left;
    border-bottom:2px solid #f93;
    color:#f93;
    font-size:18px
}
.list-box-title span a {
    color:#f93
}
.list-box-title span i {
    box-sizing:border-box;
    margin-right:3px;
    color:#f93;
    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:#f93
}
.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:#f93
}
.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:#f93
}
.list-box .list-box-ul li a {
    float:left;
    display:block;
    overflow:hidden;
    width:79%;
    height:32px
}
.list-box .list-box-ul li span {
    float:right;
    color:#999;
    font-size:12px
}
.list-cut .list-box-ul li:nth-child(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:nth-child(1) 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;
    overflow:hidden;
    box-sizing:border-box;
    width:100%;
    height:auto;
    background:#ededed
}
.list-news-ul li {
    float:left;
    display:block;
    overflow:hidden;
    box-sizing:border-box;
    margin:0 0 1% 0;
    padding:2%;
    width:100%;
    height:auto;
    background:#fff;
    display:-webkit-box
}
.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;
    margin:4px 0 0 0;
    width:100%;
    height:20px;
    color:#333;
    font-weight:700;
    font-size:16px;
    line-height:20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.list-news-ul li .item p {
    display:block;
    display:-webkit-box;
    overflow:hidden;
    margin:8px 0 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 {
    position:relative;
    clear:both;
    overflow:hidden;
    padding:2.6% 2%;
    width:96%;
    background:#fff
}
.pagelist .down,.pagelist .index,.pagelist .rest,.pagelist .up {
    padding:0 2%;
    width:26%;
    height:36px;
    border:1px solid #e0e0e0;
    text-align:center;
    line-height:36px
}
.pagelist .index {
    float:left;
    width:96%
}
.pagelist .up {
    float:left
}
.pagelist .down {
    float:right
}
.pagelist .rest {
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.pagelist .rest span,.pagelist .rest span a {
    color:#f93
}
.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(../images/jian.gif) no-repeat center right/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:nth-child(1) {
    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 h3{
    font-weight:bold!important;
    color: #00b38a;
}
.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;
    line-height:38px;
    font-weight:400;
    font-size:14px;
    font-family:gotham-medium
}
.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:nth-child(1) {
    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:#f93
}
.article-recommend .on .iconfont {
    animation:myfirst 1s linear
}
.article-recommend .digg .add-animation {
    position:absolute;
    top:10px;
    left:24px;
    color:#f93;
    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,rgba(255,255,255,.1),rgba(255,255,255,0));
    background:-webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));
    background:-o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0))
}
.more-content .more-content-text {
    display:block;
    margin:0 auto;
    width:90%;
    height:40px;
    border-radius:50px;
    background:#f93;
    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:#f93;
    content:"\e604";
    font-size:22px;
    -webkit-animation:arrow .3s ease-out alternate infinite;
    animation:arrow .3s ease-out alternate infinite
}
.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 {
    position:absolute;
    top:50%;
    right:8px;
    display:block;
    margin-top:-8px;
    width:0;
    height:0;
    border:8px solid;
    border-color:transparent transparent transparent #ececec;
    content:""
}
.article-next-prev a:after {
    position:absolute;
    top:50%;
    right:10px;
    display:block;
    margin-top:-8px;
    width:0;
    height:0;
    border:8px solid;
    border-color:transparent transparent transparent #fff;
    content:""
}
.article-next-prev a span,.article-next-prev a:hover {
    color:#f93
}
.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:#f93;
    text-align:center;
    font-size:18px;
    line-height:30px
}
.sitemap .map-box h2 a {
    color:#f93
}
.sitemap .map-box h2 .iconfont {
    overflow:hidden;
    box-sizing:border-box;
    margin-right:3px;
    color:#f93;
    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 {
    position:relative;
    float:left;
    width:100%
}
.update ul li {
    position:relative;
    float:left;
    overflow:hidden;
    width:100%;
    height:32px;
    background:url(../images/li.png) repeat-x center;
    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:#f93
}
.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:#f93;
    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:#f93
}
#back-to-top {
    position:fixed;
    right:2%;
    bottom:8em;
    z-index:99998;
    display:none
}
#back-to-top a {
    display:block;
    width:2.5rem;
    height:2.5rem;
    border-radius:1.5rem;
    background:#868686;
    opacity:.6
}
#back-to-top span {
    display:block;
    width:2.5rem;
    height:2.5rem
}
#back-to-top a.stop span {
    background:url(../images/to-top.png) no-repeat center center/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
}
#more{height: 35px; line-height: 35px; text-align: center; background-color: #f6f6f6; margin: 10px; display: block; border-radius: 3px;color: #666; font-size: 15px;}
#more2{height: 35px; line-height: 35px; text-align: center; background-color: #f6f6f6; margin: 10px; display: block; border-radius: 3px;color: #666;font-size: 15px; }




.subcate {
    padding: 5px;
    background: rgba(255,255,255,1);
    box-shadow: 0 0 5px rgba(0,0,0,0.01);
    font-size: 16px;
    margin-bottom: 10px;
}

.subcate ul {
    font-size: 0;
}

.subcate li {
    display: inline-block;
    font-size: 16px;
    padding: 0 15px;
    position: relative;
}

.subcate li a {
    line-height: 40px;
}

.subcate li:after {
    content: '/';
    position: absolute;
    top: 10px;
    right: -4px;
    color: #9ca0ad;
    opacity: .28
}

.subcate li:last-child {
    padding: 0 0 0 15px;
}

.subcate li:last-child:after {
    display: none
}

.subcate li.active a {
    color: #5f9df0
}

.crumbs{
    padding: 10px;
    background: #ededed
}

.pages{padding:20px 0 0;text-align:center;clear: both;overflow: hidden ;background: white}
.pages a,.pages li span{ position:relative; display:inline-block; overflow:hidden; padding:8px 10px; width:auto; border:1px solid #E3E3E3; background:#fff; color:#333; text-align:center; font-size:13px; zoom:1; _display:inline; }
.pages a[disabled]{ border:1px solid #ccc; background:#e4e4e4; color:#333; cursor:not-allowed; }
.pages a[disabled]:hover{ border:1px solid #ccc; background:#e4e4e4; color:#333; }
.pages .active span{  background:#6bbb2e ; color:#fff; text-decoration:none; }
.pages li{
    margin: 0 5px;
}
.pages .pagination{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;}

.col_txts .text a b{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}


.entry-meta {
    font-size: 16px;
    clear: both;
    overflow: hidden;
    padding: 20px 0;
}

.entry-meta ul {
    overflow: hidden;
}

.entry-meta ul li {
    display: flex;
    justify-content: start;
    line-height: 26px;
}

.entry-meta ul:first-child li:last-child a {
    width: 70%;
    display: block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.entry-meta ul li a {
    display: block;
    width: 70%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}