.detail-box{ padding: 0 .1rem; height: auto; overflow: hidden; border-bottom: 1px #ececec solid; background: #fff }
.detail-top{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px #ececec dashed; padding-bottom: .05rem }
.detail-top h1{ width: 100%; color: #000; font-size: .22rem; line-height: .35rem; margin-top: .1rem; display: block}
.detail-top b{ width: 100%; height: .3rem; display: block; margin-top: .05rem }
.detail-top span{ color: #999; font-size: .14rem; line-height: .3rem; margin-right: .15rem; float: left; }
.detail-cont{ width: 100%; height: auto; overflow: hidden; padding-bottom: .15rem  }
.detail-cont p{ width: 100%; display: block; color: #444; font-size: .17rem; line-height: .3rem; text-align: justify; margin-top: .1rem }
.detail-cont p img{ width: 100%; height: auto; display: block;  }
.detail-other{ width: 100%; height: auto; overflow: hidden; }
.detail-tip{ width: 100%; display: block; color: #666; font-size: .13rem; line-height: .25rem; }
.detail-tip span{ color: #ff4817 }
.detail-tab{ width: 100%; height: .35rem; margin-top: .1rem ; padding-bottom: .1rem; overflow: hidden;}
.detail-tab span{ float: left; color: #4d9b13; font-size: .14rem; line-height: .35rem;  }
.detail-tab a{ float: left; padding: 0 .1rem; border:1px #ececec solid; border-radius: .03rem; height: .3rem; line-height: .3rem; margin-right: .15rem; font-size: .14rem; color: #68a2e4; margin-bottom: .2rem }
.detail-next{ width: 100%; height: .4rem; margin: .15rem 0 }
.detail-next a{ width: 40%; height: .35rem; float: left; display: block; color: #fff; font-size: .14rem; line-height: .35rem; text-align: center; background: #92d8a5; border-radius: .05rem; border:1px #92d8a5 solid;}
.detail-next a:nth-child(2){ float: right; background: #fff; border:1px #92d8a5 solid; color: #92d8a5}
.detail-renxin{ width: 100%; height: auto; overflow: hidden; background: #fff; border-bottom: 1px #ececec solid; border-top: 1px #ececec solid; margin-top: .15rem }
.detail-renxin .layui-tab-content{padding: 0;}
.detail-renxin .renxin-nav{width: 100%;
    height: .45rem;
    border-bottom: 1px #ececec solid;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;}
.detail-renxin .renxin-nav li{ font-size: .17rem; height: .25rem; line-height: .25rem; padding: 0; color: #333; min-width: 33%; width: 100%; text-align: center; margin-top: .1rem; border-right: 1px #f2f2f2 solid; }
.detail-renxin .renxin-nav li:last-child{ border-right: none; }
.detail-renxin .renxin-nav-cur{ color: #77b633 !important; }
.detail-renxin .renxin-nav .renxin-nav-cur:after{ border-bottom: none !important; height: .35rem !important; }
.detail-video{ width: 100%; height: auto; overflow: hidden; background: #fff; border-bottom: 1px #ececec solid; border-top: 1px #ececec solid; margin-top: .15rem }
.article-more { height: .2rem !important; margin-top: .05rem;}
.article-more a { color: #999; display: inline; float: right; height: 0.2rem; line-height: 0.2rem; width: 0.8rem; text-indent: 0;display: block;}
.article-more i{color:#fe8595;font-size: .12rem;}
.article-more { height: .2rem !important; margin-top: .05rem;}
.article-more a { color: #999; display: inline; float: right; height: 0.2rem; line-height: 0.2rem; width: 0.8rem; text-indent: 0;display: block;}
.article-more i{color:#fe8595;font-size: .12rem;}
.dtl-video-nr{ padding: 0 .1rem; height: auto; overflow: hidden; }
.dtl-video-nr a{ width: 100%; height: auto; display: block; border-bottom: 1px #ececec dashed; position: relative; margin-top: .15rem; padding-bottom: .15rem; overflow: hidden; }
.dtl-video-nr dt{ width: 1.5rem; height: .85rem; position: absolute; left: 0; top: 0 }
.dtl-video-nr dt img{ width: 100%; height: 100%; }
.dtl-video-nr dt span{ width: .4rem; height: .2rem; position: absolute; background: #000; opacity: 0.5; z-index: 5; right: .05rem; bottom: .05rem; color: #fff; font-size: .12rem; line-height: .2rem; text-align: center; display: block; }
.dtl-video-nr dd{ margin-left: 1.65rem; height: .85rem }
.dtl-video-nr h3{ width: 100%; height:.3rem; color: #333; font-size: .17rem; line-height: .3rem; overflow: hidden; }
.dtl-video-nr .dtl-vtext{ width: 100%; height: .3rem; overflow: hidden; color: #666; font-size: .15rem; line-height: .3rem; display: -webkit-box;    -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.dtl-video-nr .dtl-vtxt{ width: 100%; height: .25rem; overflow: hidden; color: #999; font-size: .13rem; line-height: .25rem;  }
.dtl-vtxt span{ float: right; font-size: .13rem }
.detail-audio{ width: 100%; height: auto; overflow: hidden; background: #fff; border-bottom: 1px #ececec solid; border-top: 1px #ececec solid; margin-top: .15rem}
.dtl-audio-nr{ padding: 0 .1rem; height: auto; overflow: hidden; }
.dtl-audio-nr a{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px #ececec dashed; padding-bottom: .05rem; display:block; margin-top: .1rem }
.dtl-audio-nr h3{ width: 100%; height: .3rem; color: #333; font-size: .17rem; line-height: .3rem; overflow: hidden; }
.dtl-atext{ width: 100%; height: .5rem; position: relative; margin-top: .1rem; overflow: hidden; }
.dtl-atext img{  width: .5rem; height: .5rem; position: absolute; left: 0; top: 0; z-index: 5; display: block; border-radius: 50%; }
.dtl-atime{ padding: 0 .15rem 0 .3rem; height: .35rem; border-radius: .15rem; float: left; margin:.07rem 0 0 .1rem;  background: #f7f7f7;}
.dtl-atime i{ color: #77b633; font-size: .14rem; line-height: .35rem; font-weight: 600; transform: rotate(180deg); float: left; margin:0 .05rem 0 .15rem}
.dtl-atime span{ float:left; line-height: .35rem;color: #333; font-size: .14rem; }
.dtl-atime em { color: #f63c0d; margin-left: .15rem;}
.dtl-atext .dtl-alook { height:.35rem; line-height: .35rem; font-size: .13rem; color: #999; float: right; display: block; margin-top: .05rem;}
.dtl-alook i{ color: #fe7d72; font-size: .14rem; margin-right: .05rem; }
.dtl-atxt{ width: 100%; height: .4rem; color: #999; font-size: .14rem; line-height: .4rem; overflow: hidden; text-indent: .05rem}
.detail-ask{ width: 100%; height: auto; overflow: hidden; background: #fff; border-bottom: 1px #ececec solid; border-top: 1px #ececec solid; margin-top: .15rem}
.dtl-ask-nr{ padding: 0 .1rem; height: auto; overflow: hidden; }
.dtl-ask-nr a{ width: 100%; height: auto; display: block; border-bottom: 1px #ececec dashed; padding-bottom: .15rem; margin-top: .1rem }
.dtl-ask-nr b{ width: 100%; height: .35rem; display: block; line-height: .35rem; overflow: hidden; color: #333; font-size: .16rem; margin-bottom: .05rem }
.dtl-ask-nr b em{ color: #6ab744; margin-right: .05rem }
.dtl-ask-nr .dtl-ask-txt{ width: 100%; height: .5rem; display: block; overflow: hidden; line-height: .25rem; color: #777; font-size: .14rem; }
.dtl-ask-txt em{ color: #f7b534; margin-right: .05rem; float: left; height: .5rem; font-size: .16rem}
.dtl-ask-dot{ width: 100%; height: .4rem; margin-top: .1rem; position: relative;}
.dtl-img{ width: 100%; height: auto; overflow: hidden; background: #fff; border-bottom: 1px #ececec solid; border-top:1px #ececec solid; margin-top: .15rem; padding-top:.1rem ; position: relative;}
.dtl-img ul{ width: 100%; height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }
.dtl-img li{ width: 32%; height: .4rem; margin-bottom:.1rem;}
.dtl-img li img{ width: 100%; height: .4rem; vertical-align: middle; }
.dtl-img li:nth-child(3n){ margin-right: 0; }
.dtl-img span{ background: rgba(0, 0, 0, .3); color: #fff; font-size: .12rem; padding: .02rem .05rem; position: absolute ; right: 0; top: 0; z-index: 9; }
.dtl-ask-dot img{ width: .36rem; height: .36rem; display: block; float: left; border-radius: 50%; position: absolute; left: 0; top: 0; z-index: 5 }
.dtl-ask-txt2{ height: .36rem; margin-left: .5rem; overflow: hidden; line-height: .36rem;}
.dtl-ask-txt2 span{ color: #999; font-size: .13rem; line-height: .36rem; margin-right: .15rem; float: left; }
.dtl-box{ width: 100%; height: auto; overflow: hidden; background: #fff; border-bottom: 1px #ececec solid; border-top:1px #ececec solid; margin-top: .15rem }
.dtl-top{ padding: 0 .1rem; height: .45rem; border-bottom: 1px #ececec solid; overflow: hidden; }
.dtl-top b{ float: left; height: .45rem; display: block;}
.dtl-top .icon{ float: left; width: .21rem; height: .45rem; display: block; margin-right: .05rem  }
.dtl-top span{ color: #333; font-size: .17rem; line-height: .45rem; float: left }
.dtl-top a{ float: right; color: #999; font-size: .14rem; line-height: .45rem }
.dtl-top i{ color: #aaa; font-size: .12rem }
.dtl-bk{ width: 100%; height: auto; overflow: hidden; padding-bottom: .1rem; display: flex; justify-content: space-between; margin-top: .15rem }
.dtl-bk a{ width: 25%; height: auto; display: block; }
.dtl-bk .icon{ width: .7rem; height: .7rem; display:block; margin:0 auto; }
.dtl-bk p{ width: 100%; height: .25rem; line-height: .25rem; color: #666; font-size: .14rem; text-align: center; display: block; }
.more{ padding: 0 .1rem; height:.35rem; margin:.15rem 0;}
.more p{ width: 100%; height:.35rem; display:block; background:#f5f5f5; }
.more a{ color:#666; font-size:.14rem; font-weight:normal; line-height:.35rem; text-align:center; display:block}
.more i{ color:#77b633; margin-left:.05rem; font-size: .12rem;}
.dtl-hot{height: auto; overflow: hidden;}
.dtl-hot ul{width: calc(100% - .2rem);padding: 0 .1rem;}
.dtl-hot li{ width: 100%; height: .5rem; border-bottom: 1px #ececec dashed; position: relative;line-height: .5rem;}
.dtl-hot li a:before{ position: absolute; content: ""; left: .05rem; top: .2rem; width: .04rem; height: .04rem; border:1px #9cd8a4 solid; border-radius: 50%; }
.dtl-hot li a{ width: 100%; height: .45rem; display: block; line-height: .45rem; overflow: hidden; color: #555; font-size: .16rem;text-indent: .18rem; }
.dtl-hot-text{ width: 100%; height: auto; overflow: hidden; margin-top: .15rem }
.dtl-hot-text a{ width: 47%; height: auto; display: block; position: relative; float: left;}
.dtl-hot-text img{ width: 100%; display: block; }
.dtl-hot-text p{ width: 100%; height: .3rem; background: rgba(0,0,0,.5); position: absolute; left: 0; bottom: 0; z-index: 5 }
.dtl-hot-text span{ width: 94%; height: .3rem; display: block; position: absolute; left: 3%; line-height: .3rem; color: #fff; font-size: .14rem; text-align: center; overflow: hidden; z-index: 9 }
.dtl-hot-text a:nth-child(2){ float: right; }}
.dtl-hot li:last-child{ border-bottom: none; }

/****ruli table css ***/
.detail-cont {
    flex-grow: 1; 
} 
.detail-cont table tr:nth-child(even) th, .detail-cont table tr:nth-child(even)  td {   
    width: 2rem;   
    background:    #EBF6B2;   
    border-radius: 0.08rem;   
    -webkit-box-flex: 1;       
    -ms-flex-positive: 1;           
    flex-grow: 1; 
} 
.detail-cont table tr.sticky {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}
.detail-cont table tr:nth-child(odd) th,.detail-cont table tr:nth-child(odd) td {
  width: 2rem;
  background: #C9E166;
  border-radius: 0.08rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.detail-cont table tr:first-child th{   
    width: 2rem;   
    height: 0.5rem;   
    background:    #AEB8C4;   
    border-radius: 0.08rem ;   
    display: -webkit-box;   
    display: -ms-flexbox;   
    display: flex;   
    -webkit-box-pack: center;       
    -ms-flex-pack: center;           
    justify-content: center;   
    -webkit-box-align: center;       
    -ms-flex-align: center;           
    align-items: center;   
    font-weight: 800;   
    font-size: 0.16rem;   
    color:    #21261E;    
    -webkit-box-flex: 1;       
    -ms-flex-positive: 1;           
    flex-grow: 1; 
} 
.detail-cont table tr td, .detail-cont table tr th {   
        -ms-flex-negative: 0;       
        flex-shrink: 0;   
        padding: 0.2rem !important;   
        -webkit-box-sizing: border-box;     
        line-height: 0.24rem;        
        box-sizing: border-box;   
        border: none;   
        font-weight: 500;   
        font-size: 0.14rem;   
        color:    #21261E;    
} 
.detail-cont table tr td img, .detail-cont table tr th img {   
    max-width: 6.24rem;   
    max-height: 4.72rem;   
    border-radius: 0.08rem;   
    -o-object-fit: contain;      
    object-fit: contain; 
}
.detail-cont table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    gap: 0.02rem;
    margin-top: .02rem;
}
.detail-cont table{overflow-x: scroll; width: 8rem;    width: 100% !important;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: auto;
    gap: 0.02rem;
    position: relative;
}
.detail-cont ol li, .detail-cont ul li{
    width: 100%;
    display: block;
    color: #444;
    font-size: .17rem;
    line-height: .3rem;
    text-align: justify;
    margin-top: .1rem;
}
.detail-cont h2, .detail-cont h3, .detail-cont h4, .detail-cont h5, .detail-cont h6 {
    font-weight: 800;
    font-size: 0.2rem;
    color: var(--themeColor, #19c689);
    line-height: 0.32rem;
    margin-top: 0.1rem;
}