*{ margin:0;padding:0;}
*html body{overflow:visible;}
*html iframe,*html frame{ overflow:auto;}
*html frameset{ overflow:hidden;}
*::-moz-selection{color:#FFF;background:#ff8800;}::selection{background:#ff8800;color:#FFF;}
body{font-family:'Microsoft YaHei'; background:#EDEDED; font-size:16px; color:#666;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ font-weight:normal; margin:0; padding:0;}
body{
    max-width: 750px;
    margin: 0 auto;
}
input,select,button{ font-size:16px; vertical-align:middle;}textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}
li{list-style-type:none;}img{border:0 none;max-width:100%}a:link, a:visited{text-decoration:none;}
a{outline:none; font-size:16px; color:#666; star:expression(this.onFocus=this.blur());}
h1{ font-size:24px;}h2{ font-size:20px;}h3{ font-size:18px;}h4{ font-size:16px;}h5{ font-size:14px;}h6{ font-size:12px;}
.block{ display:block;}
.clear{ clear:both; height:5px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.bg{background:#EBEBEB;-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:blue;}.green{color:green;}.orange{color:#FF6000;}.border{border-bottom: 1px solid #D8D8D8;}
.ADnew{padding-top:15px;margin:0 auto;text-align:center;}
.ADpic,.AD{margin:0 auto;text-align:center;}
#Prompt {width:230px;padding:10px;font-family:"Microsoft YaHei";background:#000;opacity:.7;position:fixed;text-align:center;color:#fff;border-radius:5px;display:none;z-index:999;left:50%;margin-left:-125px;top:36%}
/* ͷ�� */
.header{width:100%;background:#ff8800;height:45px;overflow:hidden}
.header .index,.header .menu,.header .user,.header .back,.header .home{width:40px;height:45px;display:block;position:absolute}
.header .index{left:5px;background:url("../images/icon-index2.gif") no-repeat scroll center center;background:url("../images/icon-index.gif") no-repeat scroll center center/30px 32px;}
.header .user{background:url("../images/icon-user.gif") no-repeat scroll center center/25px 25px;right:50px;}
.header .user img{width:25px;height:25px;border-radius:100%;display: block;position: absolute;top: 10px;left: 8px;}
.header .menu{right:5px;background:url("../images/icon-menu.gif") no-repeat scroll center center;background:url("../images/icon-menu.gif") no-repeat scroll center center/25px 28px}
.header .back{left:5px;background:url("../images/icon-back.gif") no-repeat scroll center center;background:url("../images/icon-back.gif") no-repeat scroll center center/24px 25px;}
.header .home{left:5px;background:url("../images/icon-home.gif") no-repeat scroll center center;background:url("../images/icon-home.gif") no-repeat scroll center center/29px 27px;}
.header h1,.header h2{font-size:1.3em;color:#FFF;height:45px;line-height:45px;position:absolute;left:10px}
/* ���� */
.nav{
    overflow:hidden;background:#FFF;padding:5px 0;margin:0 auto;display:none;color:#333;border-left:4px solid #ff8800;border-right:4px solid #ff8800;border-bottom:4px solid #ff8800;
    _overflow:hidden;_background:#FFF;_padding:5px 0;_margin:0 auto;_display:none;_color:#333;_border-left:4px solid #ff8800;_border-right:4px solid #ff8800;_border-bottom:4px solid #ff8800

}
.nav ul{
    overflow: hidden;
    _overflow: hidden;
}
.nav li{width:20%;height:35px;line-height:35px;overflow:hidden;float:left; display: inline-block;text-align:center;}
.nav li a{display:block;color:#000}
.nav li a:focus,.nav li a:hover{background:#ff8800;color:#FFF}
.nav li a.active{background:#ff8800;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}
/* ͷ�� */
.newtop{padding: 0px 2%; height:40px; line-height:40px;background:#FFF; overflow:hidden;border-bottom: 1px solid #D8D8D8;}
.newtop h3{float:none;margin-left:0;display:inline;padding:0 10px;border-left:4px solid #ff8800;position:relative;font-weight:400;font-size:18px;color:#ff8800}
.newtop a{font-weight:400;font-size:16px;color:#666;line-height:40px;}
.newtop a:hover{color:#ff8800}
/* �õ� */
.slide{position:relative;max-width:640px;max-height:350px;overflow:hidden;margin:0 auto}
.slide:after{content:'';display:block;width:100%;padding-top:50%;background:url(../images/line.png) no-repeat left top}
.slide ul{position:absolute;left:0;top:0;width:100%;height:100%}
.slide li{list-style:none;position:absolute;left:0;top:0;width:100%;height:100%}
.slide li img{position:absolute;left:0;top:0;width:100%;height:100%;border:0}
.slide #dot_main{position:absolute;bottom:0;font-size:0;width:100%;height:30px;line-height:30px;background:#000;opacity:.3;z-index:20}
.slide .dot{position:absolute;right:3%;bottom:0;font-size:0;height:30px;line-height:38px;z-index:21}
.slide .slide_title{float:left;width:75%;left:3%;color:#fff;height:100%;height:30px;line-height:30px;position:absolute;bottom:0;font-size:100%;z-index:22;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.slide .dot span{display:inline-block;width:5px;height:5px;margin-left:5px;border:1px solid #fff;border-radius:50%}
.slide .dot .cur{background-color:#fff}
/* ѡ� */
.wenxue_tab{width:100%;margin: 0 auto;border-bottom: 1px solid #D8D8D8;border-top: 1px solid #D8D8D8;}
.menu{height:40px;}
.menu span{display: block;float: left;width: 33.3333%;height:40px;line-height:40px;font-size:18px;color:#333;border-bottom: 3px solid #EDEDED;text-align: center;background:#FFF;}
.menu span.active{border-bottom: 3px solid #ff8800;color: #ff8800;}
.menubox{height:100%;border-top:0;background:#FFF;}
.menubox .tablist ul{padding: 8px 2%;}
.menubox .tablist ul li{width:100%; height:35px; line-height:35px;/*background:url(../images/list.gif) no-repeat scroll right center transparent;*/}
/*.menubox .tablist ul li:hover{background:url(../images/listhover.gif) no-repeat scroll right center transparent;}*/
.menubox .tablist ul a{display:block; height:35px; float:left;width:96%; overflow:hidden;  white-space: nowrap; text-overflow:ellipsis;}
.menubox .tablist ul a:hover{color:#7CB900;}
/* ���� */
.box{background:#fff;padding:1% 2%;overflow:hidden;border-top: 1px solid #D8D8D8;}

.box .hd {
    /*background: url(../images/module_hd.png) repeat-x 0 22px;*/
    border: none;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.box .hd h3{float:none;color:#222;margin-left:0;display:inline;padding:0 10px;border-left:4px solid #ff8800;position: relative;background: #ffffff;font-weight:400;font-size:18px;}
.box .hd h3 a{font-size:18px;color:#222;}
.box .hd h3 a:hover{color:#7CB900;}
.box .bd{padding:0;margin: 0;}
.box a.more,.box #more{color:#575757;text-align:center;display:block;height:35px;line-height:35px;border:1px solid #F1F1F1;background-color:#FAFAFA;margin:10px 0}
.box a.more::after{content:"";display:inline-block;height:12px;width:12px;margin-left:1%;/*background:url(../images/list.gif) no-repeat center center transparent*/}
.box .list{}
.box .list li{height: 35px;line-height:35px;overflow: hidden;}
.box .list li.new{height: 35px;line-height:35px;background: transparent url(../images/listnew.png) no-repeat scroll 0px 10px;padding-left: 17px;overflow: hidden;}
.box .list li span{width:10%;font-size:10px;color:#bbb;float:right;margin-left:1%;text-align: center;}
.box .list li a:hover{color:#7CB900;}
.box .list li a{display: block;height: 35px;float: left;width: 89%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* ͼƬ */
.box .list-pic,.box .pic{margin:0 auto;width:100%;overflow:hidden}
.box .list-pic li{float:left;width:50%;margin:2% 0;overflow:hidden}
.box .list-pic li a,.box .pic  li a{display:block;text-align:center;margin:0 auto;width:90%;overflow:hidden;white-space:nowrap;position:relative}
.box .list-pic li img,.box .pic  img{display:block;width:100%;max-height:100px}
.box .list-pic li span,.box .pic  li span{position:absolute;background-color:rgba(0,0,0,.5);color:#FFF;height:22px;line-height:22px;font-size:.8em;width:96%;padding:0 2%;position:absolute;text-overflow:ellipsis;white-space:nowrap;bottom:0;left:0;text-align:center;overflow:hidden}
.box .pic li{ float:left; width:33.333333%; margin:2% 0;overflow:hidden;}
/* λ�� */
.breadcrumb{ height:40px; font-size: 14px;line-height:40px;padding-left: 8px; background:#FCFCFC; overflow:hidden;}
.breadcrumb a{ display:block; font-size: 14px; background:url(../images/breadcrumb-right.png) no-repeat right center; padding-right:12px; float:left; margin-right:5px;}
/* ���� */
.beacon{width:100%;padding-top:10px;background:#EDEDED;overflow:hidden;}
.beacon dd{width:100%; overflow:hidden;}
.beacon dd a{ display:block; width: 30.3%; border: 1px solid #D8D8D8; margin:0 0 5px 2%; float:left; background:#fff; color:#666; font-size:15px; text-align:center; height:30px; line-height:30px;overflow:hidden}
.beacon dd a:hover{background:#7CB900;color:#FFF;}
.beacon dd a.active {background: #ff8800;color: #FFF;}
/* ���� */
.huati{width:100%;background:#FFF;overflow:hidden;}
.huati .hd{margin: 0 2%;background:url(../images/module_hd.png) repeat-x 0 22px;border:none;height:40px;line-height:40px;overflow:hidden;}
.huati .hd h3{float:none;color:#222;margin-left:0;display:inline;padding:0 10px;border-left:4px solid #ff8800;position: relative;background: #ffffff;font-weight:400;font-size:18px;}
.huati ul{padding: 1% 0;width:100%; overflow:hidden;}
.huati ul a{display: block;width: 30.3%;margin: 0 0 5px 2%;float:left;background: #FAFFED;color: #7CB900;font-size: 15px;text-align: center;height: 30px;line-height: 30px;border: 1px solid #CFE695;}
.huati ul a:hover{background:#7CB900;color:#FFF;}
/* �б� */
.article-list{padding-top:5px;background:#fff;padding:1% 2% 1%;overflow:hidden;border-bottom: 1px solid #D8D8D8;border-top: 1px solid #D8D8D8;}
.article-list .hd{background:url(../images/module_hd.png) repeat-x 0 22px;border:none;height:40px;line-height:40px;overflow:hidden;}
.article-list .hd h3{float:none;color:#222;margin-left:0;display:inline;padding:0 10px;border-left:4px solid #ff8800;position: relative;background: #ffffff;font-weight:400;font-size:18px;}
.article-list .hd h3 a{font-size:18px;color:#222;}
.article-list .hd h3 a:hover{color:#7CB900;}
.article-list .bd{margin:0 auto;padding:0;}
.article-list .bd li{margin:10px auto 0; border-bottom:1px dashed #CCC;}
.article-list .bd li dt{height:28px;float:left;width:10%;line-height:28px;font-size:10px;color:#BBB;float:right;text-align: center;}
.article-list .bd li dd{width:90%;color:#ff8800;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:300;display:block;height: 28px;min-height: 28px;float: left;}
.article-list .bd li dd a{color:#ff8800;}
.article-list .bd li dd a:hover{color:#ff7e00}
.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 div,.pages a{border-radius:3px}
.pages .rest{display:block;border-radius:3px}
.pages .up{width:17%;float:left;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;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 span,.pages .rest span a{color:#ff8800}
.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*/}
/* ���� */
.row-article{font-size:16px;}
.row-article a,.row-article a:hover{color:#74B000;text-decoration:underline}
#Article,.article-content,.viewbox{background: #FFF none repeat scroll 0% 0%;padding: 10px 2% 2%;overflow: hidden;border-bottom: 1px solid #D8D8D8;border-top: 1px solid #D8D8D8;}
#Article h1,.article-content  h1,.viewbox h1{ background:#fff; font-size:20px;font-weight: 400; line-height:1.8em; float: none;color:#ff8800;display: inline;padding: 0px 10px;border-left: 4px solid #ff8800;position: relative;}
#Article .info,.article-content .Powered,.viewbox .viewinfo{background:#fff; height: 30px;line-height: 30px;font-size:12px; border-bottom:2px solid #F2F2F2;overflow: hidden;}
#Article .info a,.article-content .Powered a,.viewbox .viewinfo a{font-size:12px;height: 30px;line-height: 30px;}
#Article .info .Size,.article-content .Powered .Size,.viewbox .viewinfo .Size{float:right;overflow:hidden}
#Article .info .Size i,.article-content .Powered .Size i,.viewbox .viewinfo .Size i{color:#7e7e7e;margin-bottom:5px;font-size:12px;font-style:normal}
#Article .info .Size i:before,.article-content .Powered .Size i:before,.viewbox .viewinfo .Size i:before{content:"";display:inline-block;vertical-align:middle;width:20px;height:13px}
#Article .info .Size i.big:before,.article-content .Powered .Size i.big:before,.viewbox .viewinfo .Size i.big:before{/*background:transparent url(../images/big-fontSize.gif) no-repeat center center;*/background-size:cover}
#Article .info .Size i.small:before,.article-content .Powered .Size i.small:before,.viewbox .viewinfo .Size i.small:before{background:transparent url(../images/small-fontSize.gif) no-repeat center center;background-size:cover}
#Article .fontsmall,.article-content .fontsmall,.viewbox .fontsmall{font-size: 16px;}
#Article .fontlarge,.article-content .fontlarge,.viewbox .fontlarge{font-size: 18px;}
#Article .content,.article-content .row-article,.viewbox .view-content{background:#fff; padding:10px 0px 15px;overflow:hidden;}
#Article .content p,#Article .content div,.article-content .row-article p,.article-content .row-article div,.viewbox .view-content p,.viewbox .view-content div{margin-bottom: 16px;line-height: 30px;}
.row-article{line-height:30px;}
#Article .content dt,.article-content .row-article .pic,.viewbox .view-content .view-img{text-align:center;margin-bottom:8px;overflow:hidden;}
#Article .content dt img,.article-content .row-article .pic img,.viewbox .view-content .view-img img{max-width: 100%;max-height: 100%;border: 2px solid #FFF;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);background-color: #EFEFEF;}
#Article .more,.article-content .article_more,.viewbox .viewmore{margin: 0 auto;border: 1px solid #DDD;border-radius: 5px;text-align: center;}
#Article .more a,.article-content .article_more a,.viewbox .viewmore a{font-size: 16px;height: 30px;line-height: 30px;display:block;}
#Article .more a:hover,.article-content .article_more a:hover,.viewbox .viewmore a:hover{background:#ff8800;color:#FFF;}
/* ���� */
.share{width:100%;margin:0px auto;overflow:hidden;font-weight:700}
.share a{color:#ff8800}
.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:#79ECFF 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:#B5FC50 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;}
/* ����ҳ */
.article-next-prev{width:100%;display:block;clear:both;background:#fff;}
.article-next-prev a{width:46%; height:40px; line-height:40px; background:#fff; border:1px solid #D8D8D8; overflow:hidden; text-align:center;border-radius: 5px;/* background: #FFF url(../images/next-prev.gif) repeat-x scroll left bottom; */}
.article-next-prev .prev{float:left;margin-left:2%;}
.article-next-prev .next{float:right;margin-right:2%;}
.article-next-prev a:hover{background:#ff8800;color:#FFF;}
/* ���� */
.section-cbox-b,.section-title-b{background-color:#FFF!important}
.section-title-wap{padding:.3em 0 0!important}
.section-cbox-wap{padding:.5625em 0!important}
.section-list-wap{padding:0 0!important}
.list-kinds-wap{background:transparent url(../images/module_hd.png) repeat-x scroll 0 12px}
.section-title-wap .title-comment-wap .comment-wrap-wap{font-weight:400!important}
.section-list-wap .list-kinds-wap .kinds-title-b{display:inline;border-left:4px solid #ff8800;position:relative;background:#FFF;font-weight:400!important;font-size:18px!important;color:#333!important;border-bottom:0!important}
.section-list-wap .list-kinds-wap .kinds-title-wap{padding:0 10px!important}
.section-list-wap .list-kinds-wap .kinds-comment-b{border-bottom:1px dashed #D9D9D9!important}
.section-page-wap .page-count-wap .count-mutual-b{background-color:#ff8800!important}
/* ���� */
#link{text-align:left;font-size:14px;color:#555;padding:0 2%;height: 35px;line-height: 35px;overflow:hidden;}
#link a{color:#555;margin-right:6px;font-size:12px;}
#link h3{float:none;margin-left:0;display:inline;font-weight:700;font-size:14px}
/* �ײ� */
.footer{ background:#ff8800; width:100%;}
.footer .wenxue{width:100%; height:34px; border-top:1px solid #7CB21C; box-shadow: 0 3px 5px #81B31A;_box-shadow: 0 3px 5px #81B31A;}
.footer .wenxue a{ font-size:14px; display:block; line-height:34px; width:25%; float:left; text-align:center; color:#fff; background:url(../images/bg-7BB321.gif) repeat-y right top;}
.footer .copyright{ padding:10px 0 10px 0; line-height:2.2em; overflow:hidden; text-align:center; color:#FFF; font-size:14px;}
.footer .copyright a {outline: medium none;font-size: 14px;color: #FFF;}
/* ���� */
#back-to-top{ position:fixed; bottom:2%; right:2%; display:none;z-index:999999999;}
#back-to-top a{background:#ff8800; opacity:0.5;filter:alpha(opacity=50); display:block; height:35px; width:35px;margin-bottom:120px;border-radius:15%; }
#back-to-top a:hover{opacity:0.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;}
.tongji{display:none}
.content_wz{display:none}
.row-article .tag{padding:0 5px;}
.bd li {
    height: 80px;
    padding: 10px 10px 10px 140px;
    border-bottom: 1px dashed #ddd;
    position: relative;
}
.bd li p.h3 {
    font-size: 15px;
    font-weight: 800;
    height: 52px;
    line-height: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bd li p.info {
    font-size: 12px;
    margin-top: 8px;
    color: #999;
}
.bd li img {
    height: 80px;
    width: 120px;
    object-fit: cover;
    position: absolute;
    top: 10px;
    left: 10px;
}
.bd li p.h3 {
    font-size: 15px;
    font-weight: 800;
    height: 52px;
    line-height: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.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: 1rem;
    flex-shrink: 0;
}

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


.footer{
    background: #ff8800;
    padding: 20px 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.footer a{
    color: #fff;
}


.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:#ff8800;
    color: #fff;
}

.selhover{
    color: #fff!important;
    background-color: #ff8800;
}
.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;
}