@charset "utf-8";html {
    color: #000;
    background: #fff;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    background: #FFF;
    color: #1e1e1e;
    font: 400 14px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,STHeiti,Droid Sans Fallback;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin: 0;
    padding: 0
}

input,select,textarea {
    font-size: 100%
}

article,aside,footer,header,nav,section,audio,canvas,video,img {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,img {
    border: 0
}

abbr,acronym {
    border: 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: normal
}

ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal
}

q:before,q:after {
    content: ''
}

button {
    outline: 0;
    border: 0
}

i,em {
    font-style: normal
}

a {
    color: #1e1e1e
}

a:hover {
    text-decoration: none
}

ins,a {
    text-decoration: none
}

textarea {
    resize: none
}

iframe,img {
    border: 0
}

img {
    display: block;
    max-width: 100%
}

ul,ol {
    list-style: none
}

input,select,textarea {
    outline: 0;
    -webkit-user-modify: read-write-plaintext-only
}

input {
    -webkit-appearance: none
}

.pr {
    position: relative
}

.abs {
    position: absolute
}

.fl {
    float: left;
    display: inline-block
}

.fr {
    float: right;
    display: inline-block
}

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

.clearfix {
    *zoom:1}

.wrap {
    min-width: 320px;
    max-width: 768px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%
}

.noShow {
    display: none
}

.Show {
    display: block
}

.focusPicture-mod {
    width: 9.2rem;
    margin: .23rem auto;
    border-radius: .04rem
}

.focusPicture-mod .swiper-slide,.focusPicture-mod .swiper-slide img {
    width: 9.2rem;
    height: 5.07rem;
    border-radius: .04rem
}

.focusPicture-mod .swiper-slide .playCon {
    background: url(../images/playBack01.png) no-repeat center;
    background-size: 9.36rem 1.44rem;
    color: #fff;
    padding-left: 1.6rem;
    height: 1.44rem;
    width: 7.76rem;
    display: inline-block
}

.focusPicture-mod .swiper-slide .playCon h3 {
    font-size: .4rem;
    line-height: .4rem;
    padding: .27rem 0 .13rem
}

.focusPicture-mod .swiper-slide .playCon p {
    font-size: .27rem;
    line-height: .27rem
}

.focusPicture-mod .swiper-slide .playCon p i {
    padding: 0 .77rem 0 .2rem
}

.focusPicture-mod .swiper-slide .playCon p strong {
    padding: 0 0 0 .33rem;
    font-weight: 400
}

.focusPicture-mod .swiper-pagination {
    height: .19rem;
    bottom: .2rem
}

.focusPicture-mod .swiper-pagination-bullet {
    width: .13rem;
    height: .13rem;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    opacity: 1;
    border-radius: 50%;
    margin: 0 .05rem
}

.focusPicture-mod .swiper-pagination-bullet-active {
    border: 1px solid #fff;
    background-color: #fff
}

.main-course {
    padding-bottom: .16rem
}

.main-course ul li {
    line-height: 1.01rem;
    padding-left: .59rem
}

.main-course ul li a {
    font-size: .4rem;
    color: #666
}

.main-course ul li a i {
    width: .96rem;
    height: .48rem;
    background: rgba(255,142,53,0.08);
    border-radius: .04rem;
    color: #ff8e35;
    font-size: .32rem;
    line-height: .48rem;
    display: inline-block;
    text-align: center;
    margin-right: .37rem
}

.bigTit {
    height: .48rem;
    line-height: .48rem;
    padding: .53rem .32rem .37rem
}

.bigTit i {
    width: .08rem;
    height: .43rem;
    background: #ff8e35;
    border-radius: .03rem;
    margin-right: .19rem;
    display: inline-block;
    float: left
}

.bigTit p {
    float: left;
    font-size: .48rem;
    font-weight: 700;
    line-height: .48rem
}

.bigTit a {
    float: right;
    font-size: .32rem;
    color: #999
}

.bigTit a img {
    float: right;
    margin: .11rem 0 0 .21rem;
    width: .05rem;
    height: .27rem;
    display: none
}

.center-mainCon {
    background-color: #f9f9f9;
    padding-bottom: .53rem
}

.teacher-mod {
    background: #f8f8f8
}

.teacher-mod .swiper-container {
    margin: 0 0 0 .15rem
}

.teacher-mod .swiper-slide {
    width: 6.8rem;
    height: 3.6rem;
    padding: .27rem;
    background: rgba(255,255,255,1);
    box-shadow: 0 .05rem .13rem 0 rgba(0,0,0,0.09);
    border-radius: .16rem;
    position: relative;
    margin: 0 .2rem .27rem .17rem;
    display: flex;
    align-items: flex-start
}

.teacher-mod .swiper-slide .teacher-btn {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.teacher-mod .swiper-slide .sldImg {
    width: 2.98rem;
    height: 3.6rem;
    float: left
}

.teacher-mod .swiper-slide .rightCon {
    float: right;
    padding-left: .43rem;
    width: 3.39rem;
    float: right
}

.teacher-mod .swiper-slide .rightCon h2 {
    font-size: .43rem;
    line-height: .43rem;
    padding: .27rem 0 .17rem
}

.teacher-mod .swiper-slide .rightCon em {
    font-size: .32rem;
    color: #999;
    line-height: .32rem;
    padding-bottom: .19rem;
    display: inline-block
}

.teacher-mod .swiper-slide .rightCon p {
    font-size: .32rem;
    line-height: .43rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.teacher-mod .swiper-slide .rightCon a {
    position: absolute;
    bottom: .27rem;
    right: .27rem;
    background: linear-gradient(90deg,#ff8c49 0%,#ffb263 100%);
    width: 1.65rem;
    height: .59rem;
    line-height: .59rem;
    border-radius: .29rem;
    text-align: center;
    color: #fff;
    font-size: .37rem;
    z-index: 9
}

.teacher-mod .swiper-slide .rightCon a img {
    margin-right: .11rem;
    width: .37rem;
    height: .37rem;
    vertical-align: -0.05rem;
    display: inline-block
}

.classList {
    padding: 0 .32rem
}

.classList .teacher-con {
    background-color: #fff;
    box-shadow: 0 .05rem .13rem 0 rgba(0,0,0,0.09);
    border-radius: .16rem;
    padding: .43rem 0 .49rem .27rem;
    margin-bottom: .37rem;
    overflow: hidden
}

.classList .teacher-con .link-btn {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.classList .teacher-con .fudao-c {
    padding: 0 .24rem;
    height: .4rem;
    line-height: .4rem;
    color: #fff;
    font-size: .293rem;
    text-align: center;
    display: inline-block;
    border-radius: 0 0 .16rem .16rem;
    background: #ccc;
    position: absolute;
    left: .27rem;
    top: 0
}

.classList .teacher-con .main-c {
    width: 3.0133rem;
    height: .467rem;
    color: #fff;
    font-size: .293rem;
    line-height: .467rem;
    text-align: center;
    background: url(../images/re.png) no-repeat center;
    background-size: 3.0133rem0.467rem;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block
}

.classList .teacher-con h2 {
    font-size: .43rem;
    line-height: .63rem;
    font-weight: 700
}

.classList .teacher-con em {
    font-size: .37rem;
    color: #787878;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: .71rem;
    width: 8.08rem;
    margin-bottom: .1rem;
    display: inline-block
}

.classList .teacher-con .lt {
    width: 7.16rem;
    float: left
}

.classList .teacher-con .lt .list {
    overflow: hidden
}

.classList .teacher-con .lt .list i {
    float: left;
    height: .426rem;
    border-radius: .053rem;
    font-size: .293rem;
    color: #666;
    line-height: .453rem;
    text-align: center;
    display: inline-block;
    margin-right: .32rem;
    padding: 0 .1867rem;
    border: 1px solid #666
}

.classList .teacher-con .lt ul {
    padding-top: .49rem;
    float: left
}

.classList .teacher-con .lt ul li {
    text-align: center;
    float: left;
    width: 1.05rem;
    margin-right: .2rem
}

.classList .teacher-con .lt ul li img {
    width: .78rem;
    height: .78rem;
    margin: 0 auto;
    border-radius: .39rem
}

.classList .teacher-con .lt ul li p {
    padding-top: .12rem;
    font-size: .32rem;
    line-height: .32rem;
    color: #999
}

.classList .teacher-con .rt {
    float: right;
    float: right;
    position: absolute;
    right: 0;
    top: -0.13rem
}

.classList .teacher-con .bot {
    position: relative;
    display: inline-block;
    width: 100%
}

.classList .teacher-con .rt span {
    font-size: .43rem;
    color: #ff6a00;
    line-height: .53rem;
    padding-right: .57rem;
    text-align: right;
    font-weight: 700;
    font-family: PingFangSC-Semibold,PingFang SC
}

.classList .teacher-con .rt span i {
    font-size: .32rem;
    line-height: .32rem;
    vertical-align: middle
}

.classList .teacher-con .rt p {
    font-size: .32rem;
    color: #999;
    line-height: .67rem;
    padding-right: .57rem;
    text-align: right
}

.classList .teacher-con .rt p i {
    font-weight: 700
}

.classList .teacher-con .rt .ceCon {
    width: 2.15rem;
    height: .61rem;
    text-align: center;
    position: absolute;
    right: .4rem;
    bottom: -0.85rem;
    z-index: 9
}

.classList .teacher-con .rt .ceCon a img {
    width: 2.15rem;
    height: .61rem
}

.classList .askBtn {
    color: #ff8e35;
    width: 9.31rem;
    height: 1.01rem;
    line-height: 1.01rem;
    display: inline-block;
    border-radius: .11rem;
    border: .03rem solid #ff8e35;
    font-size: .43rem;
    text-align: center
}

.bot-mainCon {
    background: #fff;
    padding-bottom: 1.8rem
}

.bot-mainCon .comments-list {
    width: 8.8rem;
    border-radius: .08rem;
    border: 1px solid #f5f5f5;
    padding: 0 .27rem;
    margin: 0 auto .37rem
}

.bot-mainCon .comments-list ul li {
    border-bottom: .03rem solid #f5f5f5
}

.bot-mainCon .comments-list ul li.bb0 {
    border-bottom: none !important
}

.bot-mainCon .comments-list ul li .fit-li {
    padding: .37rem 0 .44rem
}

.bot-mainCon .comments-list ul li .fit-li span {
    color: #ff8e35;
    font-size: .43rem;
    line-height: .43rem;
    font-weight: 700
}

.bot-mainCon .comments-list ul li .fit-li i {
    color: #787878;
    font-size: .32rem;
    line-height: .32rem;
    padding-left: .32rem
}

.bot-mainCon .comments-list ul li p {
    font-size: .37rem;
    line-height: .53rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden
}

.bot-mainCon .comments-list ul li em {
    color: #999;
    font-size: .32rem;
    padding: .33rem 0 .44rem;
    text-align: right;
    line-height: .32rem;
    width: 100%;
    display: inline-block
}

.bot-mainCon .video-con {
    width: 9.36rem;
    margin: 0 auto
}

.bot-mainCon .video-con img {
    width: 9.36rem
}

.bot-mainCon .advertising-list {
    padding: .33rem .32rem 0
}

.bot-mainCon .advertising-list ul {
    overflow: hidden
}

.bot-mainCon .advertising-list ul li {
    float: left;
    width: 2.81rem;
    border-radius: .05rem;
    margin-right: .05rem;
    padding: .25rem 0 1.38rem .27rem
}

.bot-mainCon .advertising-list ul li.mr0 {
    margin-right: 0 !important
}

.bot-mainCon .advertising-list ul li.lp1 {
    background: url("../images/bk01.png") no-repeat center;
    background-size: 3.07rem 2.67rem
}

.bot-mainCon .advertising-list ul li.lp2 {
    background: url("../images/bk02.png") no-repeat center;
    background-size: 3.07rem 2.67rem
}

.bot-mainCon .advertising-list ul li.lp3 {
    background: url("../images/bk03.png") no-repeat center;
    background-size: 3.07rem 2.67rem
}

.bot-mainCon .advertising-list ul li p {
    font-size: .37rem;
    line-height: .53rem
}

.tips-pop {
    display: none;
    width: 3.52rem;
    line-height: .533rem;
    padding: .267rem .2rem;
    text-align: center;
    border-radius: .133rem;
    font-size: .36rem;
    color: #fff;
    background: rgba(0,0,0,.68);
    position: fixed;
    bottom: 3rem;
    left: 50%;
    z-index: 99;
    margin-left: -1.76rem
}

.copy-text {
    display: none;
    width: 5.63rem;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 100000003
}

.copy-text .close {
    width: .53rem;
    height: .53rem;
    position: absolute;
    right: 0;
    top: 0
}

.copy-mask {
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    z-index: 100000001;
    filter: alpha(opacity=40);
    position: fixed;
    top: 0;
    left: 0
}



.top-nav{
    height:1.09rem;
    background:linear-gradient(90deg,rgba(255,140,73,1) 0%,rgba(255,178,99,1) 100%);
}
.top-nav .swiper-container{
    width:100%;
    /*box-shadow:-.09rem 0 .07rem rgba(220,91,30,0.1) inset;*/
}
.top-nav .swiper-slide{
    line-height:1.1rem;
    font-size:.43rem;
    color:#999;
}
.top-nav .swiper-slide a{
    display:block;
    color:#fff;
    padding:0 .37rem;
    position:relative;
}

.top-nav .swiper-slide a.on{
    color:#fff;
    font-weight:bold;
    font-size:.48rem;
}
.top-nav .swiper-slide a.on i{
    width:.59rem;
    height:.11rem;
    background: url(../images/search.png) no-repeat center top;
    position:absolute;
    left:50%;
    margin-left:-0.29rem;
    bottom:0;
}
.top-nav .more-btn{
    display: block;
    width: .73rem;
    height: 1.09rem;
    background: url(../images/icon-topNav.png) no-repeat center;
    background-size: .32rem auto;
}
.nav-more-pop{
    display:none;
    width:100%;
    position:fixed;
    left:0; right:0; bottom:0;
    top:1.2rem;
    background:#fff;
    z-index:1001;
    overflow-y:auto;
}
.nav-more-pop .close-btn{
    display:block; width:.573rem; height:.573rem; top:.373rem;
    right:.266rem;
    line-height:0; font-size:0;
    background:url("../images/icon-topNavClose.png") no-repeat center;
    background-size:.32rem auto;
}
.nav-more-pop .tit{
    height:1rem;
    line-height:1rem;
    font-size:.373rem;
    padding:0 0 0 .693rem;
}
.nav-more-pop .tit em{
    font-size:.32rem;
    color:#9C9C9C;
    padding-left:.373rem;
}
.nav-more-pop .tit.first{
    padding-top:.16rem;
}
.nav-more-pop .list{
    padding:0 0 0 .4rem;
}
.nav-more-pop .list a{
    display:block;
    float:left;
    height:.72rem;
    line-height:.72rem;
    font-size:.32rem;
    color:#999;
    white-space:nowrap;
    padding:0 .32rem;
    border:1px solid #C3C3C3;
    border-radius:5rem;
    margin:0 .213rem .2rem 0;
}
.nav-more-pop .list a.on{
    color:#ff7e00;
    border-color:#ff7e00
}
.nav-more-pop::-webkit-scrollbar-track-piece {
    background-color: rgba(194, 194, 194, 0);
    border-left: 1px solid rgba(255, 86, 104, 0);
}
.nav-more-pop::-webkit-scrollbar {
    width: .07rem;
    height: .17rem;
    -webkit-border-radius: .07rem;
    -moz-border-radius: .07rem;
    border-radius: .07rem;
}
.nav-more-pop::-webkit-scrollbar-thumb {
    background-color: rgba(194, 194, 194, 0.9);
    background-clip: padding-box;
    -webkit-border-radius: .07rem;
    -moz-border-radius: .07rem;
    border-radius: .07rem;
    min-height: .37rem;
}
.nav-more-pop::-webkit-scrollbar-thumb:hover {
    background-color: rgba(194, 194, 194, 0.9);
    -webkit-border-radius: .07rem;
    -moz-border-radius: .07rem;
    border-radius: .07rem;
}



.hot-news {
    padding: 0 .4rem 0;
    border-radius: .13rem;
    width: 8.4rem;
    background: #fff;
    margin: .27rem auto 0
}

.hot-news .list li {
    padding: .41rem 0 .57rem 0;
    position: relative
}

.hot-news .list li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.hot-news .list li:last-child .line {
    display: none
}

.hot-news .list p {
    font-size: .4rem;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #222;
    line-height: .61rem;
    height: 1.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.hot-news .list p a {
    color: #222
}

.hot-news .list .tex {
    float: left;
    width: 5.36rem
}

.hot-news .list .tex.auto {
    width: 8.5rem;
}

.hot-news .list .tags {
    padding-top: .36rem
}

.hot-news .list .tags a {
    display: block;
    float: left;
    font-size: .293rem;
    color: #ff7e00;
    height: .4rem;
    line-height: .4rem;
    padding: 0 .08rem;
    background: #fff2e5;
    border-radius: .05rem;
    margin-right: .2rem
}

.hot-news .list .pic {
    float: right;
    margin-top: .12rem;
    width: 2.8rem;
    height: 1.73rem;
    background: #d8d8d8;
    border-radius: .05rem;
    overflow: hidden;
}

.hot-news .list .tags em {
    font-size: .32rem;
    color: #999;
    line-height: .4rem
}

.hot-news .list .line {
    height: 1px;
    background: #ededed;
    width: 100%;
    position: absolute;
    left: 0s;
    bottom: 0
}

.hot-news .list .more-information {
    height: 1.17rem;
    line-height: 1.17rem;
    font-size: .32rem;
    color: #777;
    text-align: center;
    display: inline-block;
    width: 100%
}

.hot-news .list .more-information img {
    margin-left: .21rem;
    vertical-align: middle;
    display: inline-block;
    width: .16rem;
    height: .29rem
}








.topp{
    width:1200px;
    margin:0 auto;
}
.topp ul{
    display:flex;
    align-items:center;
}
.topp ul li{
    height:40px;
    margin:0;
    padding:0;
    list-style:none!important;
    background:none;
}
.topp ul li a{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    color:#fff;
    padding:0 15px;
}


.listcont{
    padding:10px 0
}
.listcont .tits{
    position: relative;
    margin-bottom: 20px;
    padding-left: 27px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    background-color: #f5f5f5;
}
.listcont .titsmore{
    float:right;margin-right:10px;color:#999}
.listcont .tits:after {
    position: absolute;
    left: 13px;
    top: 50%;
    content: '';
    margin-top: -8px;
    width: 3px;
    height: 16px;
    background-color: #409eff;
}
.listcont .spdian {
    width:5px;height:5px;background:#ddd;border-radius:100%;display:inline-block;float:left;margin:10px 10px 0 0
}









body{
    max-width:750px;
    margin:0 auto;
}



.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;
    margin-bottom:10px;
}



.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:#fff;
    color:#333;
    text-align:center;
    font-size: 14px;
}

.footer a{
    color:#333;
}



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

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