/*!
 * Copyright xuexili.com All Rights Reserved.
 */
@charset "utf-8"; * {
    margin: 0;
    padding: 0
}

html {
    max-width: 750px;
    margin: 0 auto !important;
    position: relative;
}

html body {
    overflow: visible
}

html frame,html iframe {
    overflow: auto
}

html frameset {
    overflow: hidden
}

body {
    background: #ededed;
    color: #666;
    font-size: 1pc;
    font-family: Microsoft YaHei
}

body,div,fieldset,form,h1,h2,h3,h4,h5,h6,img,li,ol,p,table,td,tr,ul {
    margin: 0;
    padding: 0;
    font-weight: 400
}

button,input,select {
    vertical-align: middle;
    font-size: 1pc
}

input,textarea {
    padding: 0;
    word-wrap: break-word;
    word-break: break-all
}

li {
    list-style-type: none
}

img {
    border: 0 none
}

a:link,a:visited {
    text-decoration: none
}

a {
    outline: 0;
    color: #666;
    font-size: 1pc;
    star: expression(this.onFocus=this.blur())
}

.clear,a {
    overflow: hidden
}

.clear {
    clear: both;
    height: 5px;
    width: 100%;
    font-size: 1px;
    line-height: 0;
    visibility: hidden
}

.bg {
    background: ##F9F9F9;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

.cl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.cl {
    zoom:1}

.fl {
    float: left
}

.fr {
    float: right
}

.red {
    color: red
}

.blue {
    color: #00f
}

.green {
    color: green
}

.orange {
    color: #ff6000
}

#Prompt {
    width: 230px;
    padding: 10px;
    font-family: Microsoft YaHei;
    background: #000 none repeat scroll 0 0;
    opacity: .7;
    position: fixed;
    border-radius: 5px;
    display: none;
    z-index: 999;
    left: 50%;
    margin-left: -125px;
    top: 35%
}

#Prompt,header {
    text-align: center;
    color: #fff
}

header {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    background: transparent url(../images/header.gif) repeat-x scroll 0 0
}

header #icon-index {
    background: transparent url(../images/icon-index.png) no-repeat scroll center center/25px 25px
}

header #icon-menu {
    width: 30px;
    height: 30px;
    float: right;
    padding: 5px 10px;
    display: block;
    background: transparent url(../images/icon-menu.png) no-repeat scroll center center/25px 25px
}

header #icon-back,header #icon-index {
    width: 30px;
    height: 30px;
    float: left;
    padding: 5px 4px 5px 1pc;
    display: block
}

header #icon-back {
    background: transparent url(../images/icon-back-green.png) no-repeat scroll center center/20px 20px
}

header h1,header h2 {
    font-size: 1.2em;
    text-align: center;
    display: block
}

header h2 a {
    color: #fff;
    font-size: 1em
}

nav {
    background: #fff;
    padding: 5px 0;
    margin: 0 auto;
    display: none;
    color: #2997D9;
    border-left: 4px solid #2997D9;
    border-right: 4px solid #2997D9;
    border-bottom: 4px solid #2997D9
}

nav,nav ul {
    overflow: hidden
}

nav li {
    width: 33.1%;
    height: 35px;
    line-height: 35px;
    float: left;
    display: inline-block;
    text-align: center
}

nav li a {
    display: block;
    color: #2997D9
}

nav li a:focus,nav li a:hover {
    background: #2997D9;
    color: #fff
}

.search {
    height: 35px;
    border: 1px solid #e0e0e0;
    width: 95%;
    margin: 10px auto;
    background: #fff none repeat scroll 0 0;
    border-radius: 5px
}

.search input {
    width: 80%;
    float: left;
    background: transparent none repeat scroll 0 0;
    line-height: 35px;
    padding-left: 1%;
    font-size: 14px
}

.search button,.search input {
    border: medium none;
    height: 35px
}

.search button {
    width: 18%;
    float: right;
    background: transparent url(../images/icon-search.png) no-repeat scroll 85% center
}

#pubilc-menu {
    background: #f9f9f9;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 999999;
    display: none
}

#pubilc-menu,#pubilc-menu dl {
    width: 100%;
    overflow: hidden
}

#pubilc-menu dt {
    padding: 0 2%;
    height: 40px;
    line-height: 40px
}

#pubilc-menu dt a {
    color: #2997D9;
    font-size: 20px
}

#pubilc-menu dd {
    width: 100%;
    overflow: hidden
}

#pubilc-menu dd a {
    display: block;
    width: 31%;
    margin: 0 0 6px 2%;
    float: left;
    background: #fff;
    color: #666;
    font-size: 14px;
    text-align: center;
    height: 28px;
    line-height: 28px
}

#pubilc-menu dd a:hover {
    background: #2997D9;
    color: #fff
}

#pubilc-menu .public-menu-go-top {
    width: 100%;
    height: 40px;
    padding-top: 15px;
    text-align: center
}

#pubilc-menu .public-menu-go-top a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #fff url(../images/icon-top.gif) no-repeat center;
    border-radius: 15px
}

.breadcrumb {
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding-left: 8px;
    background: #fcfcfc;
    overflow: hidden
}

.breadcrumb .h,.breadcrumb a {
    display: block;
    background: url(../images/breadcrumb-right.png) no-repeat right center;
    padding-right: 9pt;
    float: left;
    margin-right: 5px
}

.article-list {
    background: #fff;
    width: 100%;
    margin: 0 auto
}

.article-list dt {
    background: transparent url(../images/article-list-c.gif) repeat-x scroll center center;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee
}

.article-list dt.title .fr {
    background: transparent url(../images/article-list-r.gif) no-repeat scroll right top;
    float: right;
    font-size: 1pc;
    width: 46%;
    padding-right: 4%;
    color: #b5b5b5;
    text-align: right;
    display: block
}

.article-list dt.title .fr a {
    color: #ccc
}

.article-list dt.title .fr a:hover {
    color: #ff8345
}

.article-list dt.title .fl {
    float: left;
    width: 46%;
    background: transparent url(../images/article-list-l.gif) no-repeat scroll left top;
    padding-left: 4%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
    font-size: 16px
}

.article-list dt.title .fl a {
    display: block;
    font-size: 18px;
    height: 35px;
    color: #2997D9
}

.article-list dt.title .floor {
    display: block;
    height: 40px;
    width: 20px;
    background: transparent url(../images/floor.gif) no-repeat scroll center center
}

.article-list dt a.more {
    color: #575757;
    text-align: center;
    display: block;
    height: 35px;
    line-height: 35px;
    border: 1px solid #F1F1F1;
    background-color: #FAFAFA;
    margin: 10px 0px;
}

.article-list .menu {
    width: 100%;
    border-top: 1px solid #ddd
}

.article-list .menu,.article-list .menu a {
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.article-list .menu a {
    display: block;
    height: 35px;
    line-height: 35px;
    float: left;
    width: 25%;
    text-align: center;
    background: #fafcfa url(../images/bg-ddd.gif) repeat-y right top
}

.article-list .menu a.active {
    background: #8ec61d;
    color: #fff
}

.meiwen_tab {
    width: 100%;
    margin: 0 auto
}

.menu,.menu span {
    height: 40px
}

.menu span {
    display: block;
    float: left;
    width: 33.33%;
    line-height: 40px;
    font-size: 18px;
    color: #333;
    border-bottom: 3px solid #ededed;
    text-align: center;
    background: transparent url(../images/article-list-c.gif) repeat-x scroll center center
}

.menu span.active {
    border-bottom: 3px solid #2997D9
}

.menudiv {
    height: 100%;
    border-top: 0;
    background: #fff
}

.menudiv .indexlist ul {
    padding: 1% 2%
}

.index_article {
    padding-top: 8px;
    background: #eee
}

.index_article,.index_article dd {
    width: 100%;
    overflow: hidden
}

.index_article dd a {
    display: block;
    border-radius: 3px;
    width: 31%;
    margin: 0 0 6px 2%;
    float: left;
    background: #fff;
    color: #666;
    font-size: 14px;
    text-align: center;
    height: 28px;
    line-height: 28px
}

.index_article dd a:hover {
    background: #2997D9;
    color: #fff
}

.index_article dd a.active {
    background: #2997D9 none repeat scroll 0 0;
    color: #fff
}

.article-list .bd {
    margin: 0 auto;
    min-height: 300px;
    padding: 0 2% 1%
}

.article-list .bd li {
    margin: 10px auto 0;
}

.article-list .bd li dd {
    height: 28px;
    float: left;
    width: 100%;
    line-height: 28px;
    border-bottom: 1px dashed #ccc;
}

.article-list .bd li dd span {
    width: 10%;
    font-size: 10px;
    color: #bbb;
    float: right;
    text-align: center;
    margin-left: 1%
}

.article-list .bd li dd a {
    width: 89%;
    color: #73C54F;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 300;
    display: block
}

.article-list .bd li dd a:hover {
    color: red
}

.article-list .bd li p {
    line-height: 22px;
    font-size: 14px;
    margin: 5px auto 10px;
    color: #999
}

.pages {
    width: 96%;
    padding: 0 2%;
    padding-top: 15px;
    height: 45px;
    position: relative;
    overflow: hidden;
    clear: both;
    background: #fff
}

.pages a,.pages div {
    border-radius: 3px
}

.pages .up {
    width: 17%;
    float: left
}

.pages .rest,.pages .up {
    text-align: center;
    border: 1px solid #cbcbcb;
    height: 31px;
    line-height: 31px;
    padding: 0 2%;
    background: url(../images/bg-pages.gif) repeat-x left center
}

.pages .rest {
    width: 40%;
    position: absolute;
    left: 50%;
    margin-left: -22%;
    top: 15px
}

.pages .rest span {
    color: #2997D9
}

.pages .down {
    width: 17%;
    float: right;
    text-align: center;
    border: 1px solid #cbcbcb;
    height: 31px;
    line-height: 31px;
    padding: 0 2%;
    background: url(../images/bg-pages.gif) repeat-x left center
}

.article-list .list,.other-article-list dd {
    width: 100%;
    overflow: hidden
}

.article-list .list ul {
    padding: 1% 2%;
    overflow: hidden
}

.article-list .list ul li,.menudiv .indexlist ul li,.other-article-list dd ul li {
    height: 35px;
    line-height: 35px;
    background: url(../images/list.gif) no-repeat scroll right center transparent
}

.article-list .list ul li:hover,.menudiv .indexlist ul li:hover,.other-article-list dd ul li:hover {
    background: url(../images/listhover.gif) no-repeat scroll right center transparent
}

.article-list .list ul a,.menudiv .indexlist ul a,.other-article-list dd ul a {
    display: block;
    height: 35px;
    float: left
}

.article-list .list ul a.c {
    width: 20%;
    padding: 0 1%;
    text-align: center;
    color: #c28732;
    overflow: hidden
}

.article-list .list ul a.m,.menudiv .indexlist ul a.m,.other-article-list dd ul a.m {
    width: 94%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.article-list .list ul a:hover,.menudiv .indexlist ul a:hover,.other-article-list dd ul a:hover {
    color: #2997D9
}

.article-list .list a.more {
    color: #575757;
    text-align: center;
    display: block;
    height: 35px;
    line-height: 35px;
    border: 1px solid #F1F1F1;
    background-color: #FCFCFC;
    margin: 0 2% 10px;
}

.article-list .see {
    width: 98%;
    margin: 0 auto;
    text-align: center
}

.article-list .see a {
    font-size: 1pc;
    height: 30px;
    line-height: 30px;
    display: block
}

.article-list .see a:hover {
    color: #7ab504
}

.article-list .pic {
    overflow: hidden
}

.article-list .pic li {
    float: left;
    width: 33.1%;
    margin: 2% 0
}

.article-list .pic li a {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    position: relative
}

.article-list .pic li span {
    position: absolute;
    background: rgba(0,0,0,.6);
    color: #fff;
    height: 1.5em;
    line-height: 1.5em;
    font-size: .8em;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 2%
}

.article-list .pic img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 10pc
}

.article-list .pic li span p {
    width: 98%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.article-list-each .list ul li {
    width: 95%;
    margin: 0 auto;
    display: block;
    float: none
}

.article-list-each .list ul a.m {
    width: 100%
}

.article_head {
    padding: 0 2%;
    overflow: hidden;
}

.article_head h1 {
    padding: 1% 0;
    font-size: 20px;
    line-height: 1.8em;
    color: #2997D9
}

.article_head .info {
    height: 30px;
    line-height: 30px;
    font-size: 9pt;
    border-bottom: 2px solid #f2f2f2
}

.article_head .info a {
    font-size: 9pt
}

.article_head .info small {
    margin-right: 5px;
    color: #666;
    font-size: 9pt
}

.article-list .fontsmall {
    font-size: 1pc
}

.article-list .fontlarge {
    font-size: 18px
}

.article_head .info .Size {
    float: right;
    overflow: hidden
}

.article_head .info .Size i {
    color: #7e7e7e;
    font-size: 9pt;
    font-style: normal
}

.article_head .info .Size i:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 30px
}

.article_head.info .Size i.big:before {
    background-size: cover
}

.article_head .info .Size i.small:before {
    background: transparent url(../images/small-fontSize.gif) no-repeat scroll center center/24px 15px;
    background-size: cover
}

.article_head .info .turn {
    width: 30px;
    float: right;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.article_head .info .big,.article_head.info .Size i.big:before {
    background: transparent url(../images/big-fontSize.gif) no-repeat scroll center center/24px 15px
}

.article_head .info .small {
    background: transparent url(../images/small-fontSize.gif) no-repeat scroll center center/24px 15px
}

.article-content {
    background: #fff;
    color: #3f3f3f;
    padding: 3% 2% 2%;
    overflow: hidden
}

.article-content p {
    margin-bottom: 1pc;
    line-height: 24px
}
.article-content img{
    max-width:100%;
}
.article-content p span {
    font-size: 16px;
}

.article-content div {
    line-height: 24px
}

/*.article-content p img {*/
/*    max-width: 100%;*/
/*    max-height: 100%;*/
/*    border: 2px solid #fff;*/
/*    box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
/*    background-color: #efefef*/
/*}*/

.article-more {
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center
}

.article-more a {
    font-size: 1pc;
    height: 30px;
    line-height: 30px;
    display: block
}

.article-more a:hover {
    background: #2997D9;
    color: #fff
}

.article-content a {
    color: #333
}

.article-next-prev {
    border-bottom: 1px solid #d8d8d8;
    background: #fff
}

.article-next-prev a {
    display: block;
    height: 44px;
    line-height: 44px;
    background: url(../images/list.gif) no-repeat 98% center;
    padding: 0 7% 0 2%;
    border-top: 1px solid #d8d8d8;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.article-next-prev a span {
    color: #2997D9
}

.article-next-prev a:hover {
    color: #2997D9;
    background: transparent url(../images/listhover.gif) no-repeat scroll 98% center
}

.other-article-list {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #f4f4f4;
    margin: 0 auto;
    border-radius: 5px
}

.other-article-list .title {
    background: transparent url(../images/article-list-c.gif) repeat-x scroll center center;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee
}

.other-article-list .title .fl {
    float: left;
    width: 48%;
    background: transparent url(../images/article-list-l.gif) no-repeat scroll left top;
    padding-left: 2%;
    color: #2997D9
}

.other-article-list .title .fr {
    background: transparent url(../images/article-list-r.gif) no-repeat scroll right top;
    height: 40px;
    float: right;
    width: 48%;
    padding-right: 2%;
    display: block
}

.other-article-list dd ul {
    padding: 1% 2%;
    overflow: hidden
}

.article-comment-box {
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #d8d8d8;
    width: 99%;
    margin: 0 auto;
    border-radius: 5px
}

.article-comment-box .pinglun {
    padding: 10px 10px 0;
    overflow: hidden
}

.share {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

.share .bdsharebuttonbox {
    width: 350px;
    text-align: center;
    margin: 0px auto;
    display: block;
    overflow: hidden;
}

.share .bdsharebuttonbox a {
    border-radius: 100%;
    height: 40px;
    width: 40px;
    float: left;
    margin: 5px;
    padding: 0px;
    overflow: hidden;
}

.share .bdsharebuttonbox a.tqq {
    background: #799CFF url(../images/tqq.png)no-repeat scroll center center/30px 30px;
}

.share .bdsharebuttonbox a.sqq {
    background: #96e7ff url(../images/sqq.png)no-repeat scroll center center/35px 35px;
}

.share .bdsharebuttonbox a.qzone {
    background: #FFCA5E url(../images/qzone.png)no-repeat scroll center center/35px 35px;
}

.share .bdsharebuttonbox a.weixin {
    background: #6AC94D url(../images/weixin.png)no-repeat scroll center center/35px 35px;
}

.share .bdsharebuttonbox a.sina {
    background: #FFA196 url(../images/tsina.png)no-repeat scroll center center/30px 30px;
}

.share .bdsharebuttonbox a.tieba {
    background: #96C0FF url(../images/tieba.png)no-repeat scroll center center/30px 30px;
}

.share .bdsharebuttonbox a.icon-more {
    background: #FC99F7 url(../images/more.png)no-repeat scroll center center/36px 37px;
}

#back-to-top {
    position: fixed;
    bottom: 4%;
    right: 1%;
    display: none;
    z-index: 999999999
}

#back-to-top a {
    background: #2997D9;
    opacity: .5;
    filter: alpha(opacity=50);
    display: block;
    height: 35px;
    width: 35px;
    margin-bottom: 9pt;
    border-radius: 5px
}

#back-to-top a:hover {
    opacity: .9;
    filter: alpha(opacity=90)
}

#back-to-top span {
    display: block;
    height: 35px;
    width: 35px
}

#back-to-top a.stop span {
    background: url(../images/to-top.png) no-repeat center -9px
}

#link {
    text-align: left;
    font-size: 14px;
    color: #555;
    padding: 0 2%;
    height: 35px;
    line-height: 35px;
    background: transparent url(../images/article-list-c.gif) repeat-x scroll center center
}

#link a {
    margin-right: 6px;
    color: #555;
    font-size: 9pt
}

#link h3 {
    float: none;
    display: inline;
    margin-left: 0;
    font-weight: 700;
    font-size: 14px
}

footer {
    width: 100%;
    background: #2997D9
}

footer .copyright {
    overflow: hidden;
    padding: 5px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 2em
}

footer .copyright a {
    outline: medium 0;
    color: #fff;
    font-size: 14px
}

/*展开全文*/
.more {
    text-align: center;
    height: 30px;
    width: 94px;
    margin: auto;
    line-height: 30px;
    margin-bottom: 5px;
    padding-bottom: 12px;
    cursor: pointer;
    display: block;
    margin-top: 5px;
}

.more em {
    display: inline-block;
    height: 18px;
    width: 18px;
    background: #444;
    border-radius: 50px;
    margin-top: 3px;
}

.more span {
    display: inline-block;
    float: left;
    font-size: 17px;
    color: #444;
}

.fx, .c {
    transition-duration: 0.5s;
    line-height: 28px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
    margin: 3px 3px 0px 5px;
    float: left;
    box-shadow: 1px 1px 5px #b3b3b3;
}

.c {
    transform: rotate(225deg);
    transition-duration: 0.3s;
    margin: 8px 2px 0px 5px;
}


.lists{
    display: flex;
    /*align-items: center;*/
    margin-bottom: 20px;
}
.lists-l{
    display: block;
    width: 100px;
    height: 80px;
    flex-shrink: 0;
}
.lists-r{
    padding: 0px 0 0 15px;
}
.lists-r p{
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin: 10px 0 10px 0;
}
.lists-r span{
    color: #999;
    font-size: 14px;
}
.lists-r-t{
    font-size: 18px;
}





.menus{display:block;width:25px;height:25px;top:12px;right:12.5px;background:url(../images/menu.png) no-repeat;background-size:25px 25px;margin:  0 6px 0 0}
.menuwrap{width:100%;background:#fff;top:50px;z-index:99999;padding-bottom:10px;max-width: 750px}
.menuwrapmain{overflow:auto;height:95vh;}
.menuwrapmain .as{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{font-size:18px;line-height:30px;height:30px;padding-left:10px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:absolute;;}


.topnavs{
    display: flex;
    align-items: center;
    overflow-x: auto;
    border-bottom:  1px solid #eee;

}
.topnavs a{
    display: block;
    padding: 10px 10px;
    font-size: 17px;
    flex-shrink: 0;
}

::-webkit-scrollbar{
    display:none;
}




.footer{
    padding:20px 0;
    background-color:#ededed;
    color:#89a18e;
    text-align:center;
    font-size: 14px;
}

.footer a{
    color:#89a18e;
}



.row1{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 1!important;-webkit-box-orient: vertical;
}
.row2{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.row3{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.row4{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.row5{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}



.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*background: #fff;*/
    padding: 0 0.3rem;
}
.pagination li{
    list-style: none;
    background: none;
}
.pagination li a{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    background: #e3e3e3;
    color: #333;
    font-size: 14px;
    position: relative;
    padding: 5px 10px;
    border: none;
    height: auto;
}
.pagination span{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    height: auto;
}

.pagination li:last-child a{
    background: #e3e3e3;
    color: #333;
}
.pagination li:first-child a{
    background: #e3e3e3;
    color: #333;
}
.disabled span{
    background: #e3e3e3;
    color: #333;
}
.pagination .active span{
    background: #2997D9;
    color: #fff;
}

.selhover{
    color: #fff!important;
    background-color: #2997D9;
}
.listnav{
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    /*margin-bottom: 0.2rem;*/
    /*background: #fff;*/
    /*padding-left: 20px;*/

}
.listnav a{
    display: block;
    padding: 5px 10px;
    color: #222;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 20px;
}