/*!
 * ֣������ר��CSS v1.1.0 (http://getbootstrap.com)
 * Copyright 2020-2024 Bling, Inc. 
 */
.specail-img {
    position: relative;
    height: auto;
    z-index: 9;
}

.specail-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 1.6rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.specail-img h2 {
    font-size: .42rem;
    position: absolute;
    bottom: .15rem;
    padding: 0 .36rem;
    color: #fff;
    z-index: 12;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
    bottom: 0.36rem;
}
 


.specail-detail { 
    position: relative;
    z-index: 10;
    margin:  -.5rem .36rem 0;
}

.detail-box {
    background: #fff;
    box-shadow: 0px 1px 6px 0px rgba(0, 69, 189, 0.1);
    border-radius: 0.06rem;
    padding: 0.24rem;

}

.detail-box h4{
    font-size: .24rem;
    color: #a6a6a6;
    margin-bottom: .08rem;
}

.detail-box p{ 
    color: #000;
}

.specail-floor{
    padding: .36rem .36rem 0;
}

.specail-floor.fix-floor{
    position: fixed;
    background: #f2f2f2;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    margin: 0;
    padding:.24rem .36rem;
}


/* .floor-ul li{
    float: left;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .56rem;
    text-align: center;
    width: auto; 
    color: #3a3a3a;
    margin-right: .24rem;
    padding: 0 .12rem;
    box-sizing: border-box;
    margin-bottom: .24rem;
} */


.floor-ul li.active{
    background: #fb4747;
    color: #fff;
}

.floor-main .floor-item:last-child{
    border: none;
}

.floor-item{
    position: relative;
    border-bottom: .12rem solid #f2f2f2;
}

.f-item-news{
    padding: 0 .36rem;
}

.floor-item .line-title{
    margin: .32rem .36rem .4rem;
}

.f-item-news .news-list-box::before,.f-item-news .images-list-box::before{
        content: " ";
    position: absolute;
    left: 0;
    bottom: -.2rem;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); 
    z-index: 2;
    width: 100vw;
    left: -.36rem;
}

.f-item-news .images-list-box::before{
    bottom: 0
}

.f-item-news .news-list-box:last-child::before{
    display: none;
}

.images-list-box{
    margin-bottom: .2rem;}

.f-item-news .images-list-box:last-child::before{
    display: none;
}
 main{margin-bottom:1.4rem}

 .specail-detail.video-detail{
    margin-top: .36rem
}
.specail-detail.video-detail .detail-box{
    background: #f0f0f0;
    box-shadow: none;
    padding: 0.36rem;
}
.specail-detail.video-detail .detail-box p{
    color: #999;line-height: .36rem;
} 
.video-detail::before{
    content: '';
    position: absolute;
    top: -.12rem;
    left: .24rem;
    background-image: url('https://static.zhengguannews.cn/wap/assets/images/1.png'); 
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: .36rem;
    height: .3rem;
    z-index: 9999;    
}
.video-detail::after{
    content: '';
    position: absolute;
    bottom: -.12rem;
    right: .24rem;
    background-image: url('https://static.zhengguannews.cn/wap/assets/images/2.png'); 
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: .36rem;
    height: .3rem;
    z-index: 9999;
}
.specail-floor.video-floor{ 
    /* height: 1.1rem; */
    line-height: 1.1rem;
    padding: .24rem;
    margin-top: .24rem; 
    z-index: 1000;
}
/* .video-floor.fix-floor{
    margin-top: 0 !important;
} */
.video-floor .floor-ul li{
    border-radius: 0;
    position: relative;  
    color: #999999;
}
.video-floor .floor-ul li.active{
     background: none;
     color: #F16822; 
}
/* .video-floor .floor-ul li.active:after{
    content: '';
    width: 30%;
    position: absolute;
    bottom: -.24rem;
    height: 1px;
    background: #F16822;
    display: block;
    margin-left: calc(35% - .12rem);
} */

.video-time{
    position: absolute;
    z-index: 999;
    font-size: .18rem;
    color: #fff;
    background: rgba(0,0,0,.5);
    border-radius: .18rem;
    padding: .04rem .12rem;
    right: .08rem;
    bottom: .08rem;
}


.video-floor{
    margin-top: .24rem;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: scroll;
    font-size: 0;
    padding: 0 .24rem;
}

/*59行*/


.floor-ul li{ 
    display: inline-block;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .56rem;
    text-align: center;
    width: auto; 
    color: #3a3a3a; 
    padding: .24rem .24rem .24rem .12rem;
    box-sizing: border-box; 
}

/*169行*/
.video-floor.fix-floor{
    margin-top: 0 !important;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    z-index: 9999;
}

/*181行*/
.video-floor .floor-ul li.active:after{
    content: '';
    width: 30%;
    position: absolute;
    bottom: 0;
    height: 1px;
    background: #F16822;
    display: block;
    margin-left: calc(35% - .12rem);
}

.hide{
    display: none;
}