@charset "utf-8";
html,body{ font-size: 0.3rem; background-color: #f2f6fa;}
body{ overflow-x: hidden;}
.swiper-container { width: 100%; height: 100%; position: relative;}
.swiper-container .swiper-pagination .swiper-pagination-bullet { width:0.11rem; height: 0.11rem; margin:0 0.08rem 0 0; background: #fff; opacity: 1; display: inline-block;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #6391d1;}

.main{ max-width:13.46rem; margin: 0 auto;}

.header{ padding-bottom: 0.62rem; background: url(../images/bg_zzb_top.png) no-repeat center bottom; background-size: cover;}
.header .top{ font-size: 0.14rem; line-height: 0.38rem;}
.header .top .fl a, .header .top .fr a, .header .top .fr span{ padding: 0 0.1rem; color: #fff; background: url(../images/bg_zzb_header_a.png) no-repeat right center;}
.header .top .fr span{ display: none;}
.header .top .fl a:nth-last-of-type(1), .header .top .fr a:nth-last-of-type(1){ background: transparent;}

/****部门街镇****/
.bmjz-menu { width: 100%; padding: 0.1rem 0 0.2rem 0; position: fixed; top: 0; left: 0; right: 0; z-index: 999999; background-color: #11acfd; display: none;}
.bmjz-menu .main { position: relative; box-sizing: border-box;}
.bmjz-menu .hd { margin-top: 0.2rem;}
.bmjz-menu .hd span { padding: 0.06rem 0.3rem  0.08rem 0.3rem; font-size: 0.16rem; color: #fff; font-weight: bold; border-radius: 0.3rem; background-color: rgba(255, 255, 255, 0.3); display: inline-block;}
.bmjz-menu .bd { margin-top: 0.1rem;}
.bmjz-menu .bd ul li { width: 16.666%; float: left; line-height: 0.38rem;}
.bmjz-menu .bd ul li a { font-size: 0.16rem; color: #fff; padding-right: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; box-sizing: border-box;}
.bmjz-menu .bd ul li a:hover { text-decoration: underline;}
.bmjz-menu .close { width:0.28rem; height: 0.28rem; position: absolute; top: 0; right: 0rem; cursor: pointer;}

.search{ width:4.95rem; height: 0.55rem; margin-top: 0.4rem; border-radius: 0.275rem; background-color: rgba(255,255,255,.35); position: relative;}
.search input[type="text"]{ width:100%; height: 100%; padding: 0 0.65rem 0 0.25rem; font-size: 0.24rem; color: #fff; line-height: 100%; border: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.search input[type="button"]{ width:0.55rem; height: 100%; background-image: url(../images/bg_zzb_search.png); background-repeat: no-repeat; background-position: center center; background-size: 100%; position: absolute; top: 0; right: 0; bottom: 0; cursor: pointer;}
.search input::placeholder{ font-size: 0.24rem; color: #fff;}
.logo{ max-width: 8.44rem; margin-top: 0.23rem;}
.zzzq{ padding: 0 0.6rem; margin: 0.52rem 0 0 1.45rem; font-size: 0.43rem; color: #fff; font-weight: 600; line-height: 0.8rem; border: 0.038rem solid #fff; border-radius: 0.4rem; background-color: #3a94f1; letter-spacing: 0.02rem;}

.zq-qt{ height: 2.63rem; float: right; position: relative;}
.zq-qt .img{ width:3.8rem; height: 100%;}
.zq-qt .img img{ width:100%; height: 100%; object-fit: cover;}
.zq-qt .btn{ width:1.78rem; position: absolute; right: 0.24rem; bottom: 0;}
.zq-qt .btn ul{ margin-right: -0.22rem;}
.zq-qt .btn ul li{ width: calc(100% / 2); float: left;}
.zq-qt .btn ul li a{ margin-right: 0.22rem; border-top-left-radius:0.05rem; border-top-right-radius:0.05rem; box-shadow: 0 0 0.08rem rgba(255,255,255,.3); display: block;}
.zq-qt .btn ul li a img{ width:100%; height: 100%; object-fit: cover;}
.zq-qt .btn ul li:nth-of-type(1) a{ background-color: #ffd131; display: block !important;}
.zq-qt .btn ul li:nth-of-type(2) a{ background-color: #fcbf89;}

.zq-con{ margin-top: -0.62rem; padding:0.06rem 0.5rem 0.5rem 0.5rem; border-top-left-radius: 0.32rem; border-top-right-radius: 0.32rem; box-shadow: 0 0 0.3rem rgba(0, 0,0,.15); background-color: #fff; position: relative; z-index: 1;}
.zq-lm{ margin-top: 0.44rem; background: url(../images/bg_zzb_lm_01.png) no-repeat left center; background-size: cover;}
.zq-lm img{ max-width: 2.72rem; height: 0.68rem;}
.zq-lm.list{ background: url(../images/bg_zzb_lm_03.png) no-repeat left center; background-size: cover;}
.zq-lm.list span{ max-width: 8rem; padding:0 0.1rem 0 0.8rem; font-size: 0.38rem; color: #3a94f1; font-weight: bold; line-height: 0.68rem; background: url(../images/bg_zzb_lmlist.png) no-repeat left center #fff; background-size: auto 100%; display: inline-block;}

.tpxw{ height: 6.3rem; margin-top: 0.28rem;}
.tpxw a img{ width:100%; height: 100%; border-radius: 0.32rem; object-fit: cover;}
.tpxw a .fonts { height: 0.84rem; line-height: 0.84rem; text-align: center; border-bottom-left-radius: 0.32rem; border-bottom-right-radius: 0.32rem; position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5);}
.tpxw a .fonts span{ color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.tpxw .swiper-container .swiper-button-prev,
.tpxw .swiper-container .swiper-button-next{ width: 0.5rem; height: 0.96rem; margin-top: 0; background-color: rgba(0,0,0,.6); position: absolute; bottom: 50%; transform: translate(0, -50%);}
.tpxw .swiper-container .swiper-button-prev::after,
.tpxw .swiper-container .swiper-button-next::after{ font-size: 0.3rem; color: #fff;}
.tpxw .swiper-container .swiper-button-prev{ border-top-right-radius: 0.03rem; border-bottom-right-radius: 0.03rem; left: 0;}
.tpxw .swiper-container .swiper-button-next{ border-top-left-radius: 0.03rem; border-bottom-left-radius: 0.03rem; right: 0;}

.xw{ margin-top: 0.11rem; overflow: hidden;}
.xw ul{ margin-right: -0.33rem;}
.xw ul li{ width: calc(100% / 4); float: left;}
.xw ul li a{ margin: 0.33rem 0.33rem 0 0; padding: 0.3rem 0 0.35rem 0; border-radius: 0.1rem; background-color: #e0efff; display: block;}
.xw ul li a img{ max-width: 0.84rem; height: 0.84rem; margin: 0 auto; display: block;}
.xw ul li a span{ margin-top: 0.15rem; font-size: 0.36rem; color: #3a94f1; font-weight: 600; text-align: center; display: block;}
.xw ul li a:hover{ background-color: #c6def8;}
.xw ul li a:hover img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}

.wxb{ margin-top: 0.36rem; padding: 0.46rem; border-radius: 0.32rem; background: url(../images/bg_zzb_ylfw.png) no-repeat right center,linear-gradient(180deg, #d0e6fd, #e8f3ff);}
.wxb-img{ max-width: 3.83rem; height: 3.63rem; float: left;}
.wxb-con{ width: calc(100% - 3.83rem); padding: 0.07rem 0.26rem 0.26rem 0.26rem; float: left; border-radius: 0.1rem; background-color: rgba(255,255,255,.45); overflow: hidden;}
.wxb-con ul{ margin-right: -0.26rem;}
.wxb-con ul li{ width:100%; float: left;}
.wxb-con ul li:nth-of-type(1){ width:2.4rem;}
.wxb-con ul li:nth-of-type(2){ width: calc(100% - 2.4rem);}
.wxb-con ul li:nth-of-type(1) a,.wxb-con ul li:nth-of-type(2) a{ padding:0.15rem 0.15rem 0.15rem 0.15rem; text-align: center;}
.wxb-con ul li a{ margin: 0.19rem 0.19rem 0 0; padding:0.15rem 0.15rem 0.15rem 0.35rem; font-size: 0.3rem; color: #fff; line-height: 0.35rem; border-radius: 0.325rem; background-color: #3a94f1; display: block;}
.wxb-con ul li a i{ padding: 0 0.15rem; float: right; font-size: 0.2rem; color: #fff; border-radius: 0.175rem; background-color: #75b4f5; display: inline-block;}
.wxb-con ul li a:hover{ background-color: #75b4f5;}

.wxc-con{}
.wxc-con ul{ margin-right: -0.38rem;}
.wxc-con ul li{ width: calc(100% / 2); float: left;}
.wxc-con ul li a{ margin: 0.38rem 0.38rem 0 0; padding: 0.1rem 0.2rem 0.1rem 0.7rem; border-radius: 0.1rem; background-color: #f5f5f5; display: block;}
.wxc-con ul li a img{ max-width: 0.54rem; max-height: 0.8rem; margin-right: 0.3rem; display: inline-block;}
.wxc-con ul li a span{ font-size: 0.36rem; color: #474747; font-weight: bold; line-height: 0.8rem;}
.wxc-con ul li a:hover{ background-color: #fff; box-shadow: 0 0 0.1rem rgba(198,222,248,.8);}
.wxc-con ul li a:hover span{ color: #3a94f1;}

.wxw-con{ margin-top: 0.34rem; overflow: hidden;}
.wxw-con .zwrx{ width: calc(100% - 4.53rem); height: 3.4rem; border-radius: 0.1rem; background: url(../images/bg_zzb_wxw_12345.png) no-repeat right bottom,linear-gradient(180deg, #e6effa 0%, #e6effa 100%); background-size: 100%; position: relative; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.wxw-con .zwrx a{ width:100%; padding-left: 0.6rem; display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
.wxw-con .zwrx a img{ max-width: 2.48rem; height: 0.58rem; display: block;}
.wxw-con .zwrx a span{ margin: 0.2rem 0; font-size: 0.36rem; color: #2874ce; font-weight: 600; display: block;}
.wxw-con .zwrx a i{ width:1rem; height: 0.06rem; border-radius: 0.03rem; background-color: #2874ce; display: block;}
.wxw-con .zwrx:hover{ background: url(../images/bg_zzb_wxw_12345.png) no-repeat right bottom,linear-gradient(270deg, #c5dbf5 6%, #e6effa 100%); background-size: 100% auto;}
.wxw-con .zwrx:hover a img{ animation: upHid 8s both infinite; -webkit-animation: upHid 8s both infinite;}

.wxw-con .qy{ width:4.53rem; height: 3.4rem; padding-left: 0.32rem; overflow: hidden;}
.wxw-con .qy ul{ height: 100%; margin-top: -0.3rem;}
.wxw-con .qy ul li{ height: calc(100% / 2 + 0.15rem); padding-top: 0.3rem;}
.wxw-con .qy ul li a{ width:100%; text-align: center; display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
.wxw-con .qy ul li a span{ font-size: 0.36rem; font-weight: 600; display: block;}
.wxw-con .qy ul li a i{ width:1rem; height: 0.06rem; margin: 0.15rem auto 0 auto; border-radius: 0.03rem; background-color: #2874ce; display: block;}
.wxw-con .qy ul li .ly,
.wxw-con .qy ul li .wd{ height: 100%; border-radius: 0.1rem; position: relative; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.wxw-con .qy ul li .ly{ background-color: #dff2ea;}
.wxw-con .qy ul li .wd{ background-color: #fae6e6;}
.wxw-con .qy ul li .ly a span{ color: #30815b;}
.wxw-con .qy ul li .wd a span{ color: #bf4e4c;}
.wxw-con .qy ul li .ly a i{ background-color: #5ebf95;}
.wxw-con .qy ul li .wd a i{ background-color: #f87a74;}
.wxw-con .qy ul li .ly:hover{ background-color: #b6f1d8;}
.wxw-con .qy ul li .wd:hover{ background-color: #fcdbdb;}

.foot{ margin-top: 0.67rem; padding-top: 0.32rem; font-size: 0.22rem; color: #333333; background: url(../images/bg_zzb_foot.png) repeat-x top center; position: relative; z-index: 1;}
.foot .link{ height: 0.7rem; padding: 0.18rem 0 0.15rem 0; background-color: #f2f4f6; position: relative;}
.foot .link ul{}
.foot .link ul li{ width:25%; float: left; text-align: center;}
.foot .link ul li a,
.foot .link ul li span{ line-height: 0.24rem; display: inline-block; cursor: pointer; vertical-align: middle;}
.foot .link ul li i{ width: 0.15rem; height: 0.24rem; margin-left: 0.2rem; background: url(../images/bg_zzb_link.png) no-repeat center center; background-size: 100%; display: inline-block; cursor: pointer; vertical-align: middle;}
.foot .link ul li .link-con { width: 100%; height: 0; background: rgba(255, 255, 255, .96); position: absolute; left: 0; bottom: 0.7rem; z-index: 11; display: block; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; overflow: hidden;}
.foot .link ul li .link-con dl{}
.foot .link ul li .link-con dl dt{ width: 33.333%; float: left; line-height: .5rem; text-align: left;}
.foot .link ul li .dfzf dl dt{ width: 20%;}
.foot .link ul li .link-con dl dt a{ font-size: 0.22rem;}
.foot .link ul li.active i{ background: url(../images/bg_zzb_link_active.png) no-repeat center center;}
.foot .link ul li.active .link-con { height: auto; padding: .15rem 0; display: block;}
.foot .con{ padding: 0.35rem 0; background-color: #fff;}
.foot .con .xx-nav{ text-align: center;}
.foot .con .xx-nav a{ padding:0 0.1rem; background: url(../images/bg_zzb_foot_a.png) no-repeat center right; display: inline-block;}
.foot .con .xx-nav a:nth-last-of-type(1){ background: transparent;}
.foot .con .wzxx{ margin-top: 0.15rem; line-height: 0.35rem; text-align: center;}
.foot .con .wzxx a{ vertical-align: middle; display: inline-block;}

.foot .pic{ margin-top: 0.2rem; text-align: center;}
.foot .pic a{ margin-left: 0.13rem; display: inline-block; vertical-align: middle;}
.foot .pic a span{ font-size: 0.14rem; display: block;}
.foot .pic .wzjc{ width:1.1rem; height: 0.69rem; padding-top: 0.07rem;}
.foot .pic .slh{ width:1.16rem; height: 0.69rem;}
.foot .pic .dzjg{ width:0.58rem; height: 0.69rem;}
.foot .pic .wj{ width:0.43rem; height: 0.69rem;}
.foot .pic .ewm{ width:0.6rem; height: 0.6rem; margin: 0 auto; border: 0.02rem solid #fff; display: block;}
.footer a:hover { color: #333;}

.bgPop{ width: 100%; height: 100%; position: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); display: none;}
.bgPop .pop{ width: 5.7rem; height: 3rem; border-radius: 0.1rem; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; z-index: 130;}
.bgPop .pop .pop-box { width:100%; height: 100%; position: relative;}
.bgPop .pop .pop-box .video_item { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.bgPop .pop .pop-box .video_item img{ width:0.32rem; height: 0.32rem; display: inline-block;}
.bgPop .pop .pop-box .video_item span{ font-size: 0.22rem; color: #0095d9; font-weight: 600; display: inline-block;}
.bgPop .pop .pop-box .video_item .pop-close { width:1rem; margin: 0.5rem auto 0 auto; font-size: 0.17rem; color: #fff; font-weight: 600; line-height: 0.38rem; border-radius: 0.1rem; text-align: center; border-radius: 0.02rem; background: #0095d9; cursor: pointer;}

.ylTip{ width: 100%; height: 100%; position: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); display: none;}
.ylTip .pop{ width: 8rem; height: 3rem; border-radius: 0.1rem; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; z-index: 130;}
.ylTip .pop .pop-box { width:100%; height: 100%; position: relative;}
.ylTip .pop .pop-box .video_item { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.ylTip .pop .pop-box .video_item span{ margin-top:0.1rem; padding:0 0.2rem; font-size: 0.22rem; color: #0095d9; font-weight: 600; line-height:0.35rem; display: block;}
.ylTip .pop .pop-box .video_item .pop-close { margin: 0.5rem auto 0 auto; font-size: 0.17rem; font-weight: 600; line-height: 0.38rem; border-radius: 0.1rem; text-align: center; cursor: pointer;}
.ylTip .pop .pop-box .video_item .pop-close a{ width:1rem; margin-right:0.3rem; color: #fff; border-radius: 0.02rem; background: #0095d9; display:inline-block;}

@keyframes upHid {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0, -0.03rem, 0);
        transform: translate3d(0, -0.03rem, 0);
    }
    20%,40%,60%,80% {
        -webkit-transform: translate3d(0, 0.05rem, 0);
        transform: translate3d(0, 0.05rem, 0);
    }
}

/****政策问答列表****/
.wd-info{}
.wd-info ul{}
.wd-info ul li{ margin-top: 0.2rem; padding: 0.23rem; background-color: #f5f5f5;}
.wd-info ul li .title img{ width:0.24rem; height: 0.24rem; margin-right: 0.08rem; float: left;}
.wd-info ul li .title span{ width: calc(100% - 0.32rem); float: left; color: #555; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.wd-info ul li .da{ margin-top: 0.15rem; font-size: 0.3rem; line-height: 0.45rem;}
.wd-info ul li .da .da-title{ width:0.24rem; margin-right: 0.08rem; color: #fff; font-weight: bold; background-color: #f1a63c;}
.wd-info ul li .da .da-nr{ width: calc(100% - 0.32rem); max-height: 0.6rem; color: #666; line-height: 0.3rem; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.wd-info ul li .da .da-nr.active{ height: auto; max-height: none; display: block;}
.wd-info ul li .da .zt-zk{ width:1.5rem; margin: 0.15rem auto 0 auto; font-size: 0.15rem; color: #fff; text-align: center; line-height: 0.35rem; border-radius: 0.03rem; background-color: #415bdf; display: block;}

/****列表****/
.list-zlm .title { margin-top: 0.35rem; padding: 0.25rem 0.15rem; font-size: 0.3rem; color: #fff; font-weight: bold; line-height: 0.5rem; text-align: center; background-image: linear-gradient(to right , #8ea0fd, #3a94f1); display: block; position: relative; display: none;}
.list-zlm ul{ margin-right: -0.3rem;}
.list-zlm ul li{ width: calc(100% / 3); float: left;}
.list-zlm ul li a { height: 1rem; margin:0.3rem 0.3rem 0 0; font-size: 0.3rem; line-height: 0.35rem; text-align: center; border-radius: 0.1rem; background-color: #f6f9fc; display: block; position: relative;}
.list-zlm ul li a span{ width:100%; padding: 0 0.15rem; display: block; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.list-zlm ul li:hover a,
.list-zlm ul li.active a { color: #fff; background-color: #3a94f1;}

.infos-box { min-height: 6.5rem; margin-top: 0.2rem;}
.infos-box ul li { line-height: 0.68rem; position: relative;}
.infos-box ul li a{ margin-right: 1.8rem; padding-left: 0.2rem; background: url(../images/bg_zzb_lmlist_ico.png) no-repeat left center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.infos-box ul li span{ position: absolute; top: 0; right: 0;}
.infos-box ul li a,.infos-box ul li span{ font-size: 0.3rem;}
.infos-box ul li:hover a, 
.infos-box ul li:hover span { color: #3978cc;}
.infos-box .line { width: 100%; height: 0; margin: 0.2rem 0; border-bottom: 0.02rem dashed #e8ebfb;}

.pagination{ margin-top: 0.25rem; font-size: 0.17rem; text-align: center;}
.pagination a{ width:0.32rem; margin: 0 0.06rem; text-align: center; line-height: 0.32rem; display: inline-block; background: #eee; border-radius: 0.03rem;}
.pagination a:hover { color: #fff; background: #1f6ec6; cursor: pointer;}
.pagination .first-page, .pagination .last-page, .pagination .yj-pga0, .pagination .yj-pga8 { width: 0.78rem;}
.pagination .active { background: #1f6ec6; color: #fff;}

/****详细****/
.zzb-con{ min-height: 5rem; margin-top: -0.62rem; padding:0.5rem; border-top-left-radius: 0.32rem; border-top-right-radius: 0.32rem; box-shadow: 0 0 0.3rem rgba(0, 0,0,.15); background-color: #fff; position: relative; z-index: 1; overflow: hidden;}
.zzb-con .pic-fz{ width:1.5rem; position:absolute; top:0.45rem; right:0.45rem; display: none;}
.zzb-con .pic-fz img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.zzb-con .zw-table{ margin-bottom: 0.35rem; background-color: #f6faff;}
.zzb-con .zw-table ul{ width: calc(100% + 0.01rem); border-top:0.01rem solid #e2eff5; border-left:0.01rem solid #e2eff5;}
.zzb-con .zw-table ul li{ width: calc((70% - 0.01rem) / 2); padding: 0.05rem 0.15rem; float: left; font-size: 0.24rem; text-align: left; border-right: 0.01rem solid #e2eff5; border-bottom: 0.01rem solid #e2eff5;}
.zzb-con .zw-table ul li span{ height: 0.6rem; line-height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.zzb-con .zw-table ul li.tit{ width:15%; font-weight: bold; text-align: right;}
.zzb-con .zw-table ul li.bt{ width: calc(85% - 0.01rem);}
.zzb-con .zw-table ul li:nth-last-of-type(1),.zzb-con .zw-table ul li:nth-last-of-type(2){ display: none;}

.zzb-con .title{ font-size: 0.32rem; color: #4a67f9; font-weight: 600; line-height: 0.5rem; text-align: center; letter-spacing: 0.01rem;}
.zzb-con .zw-border{ margin-bottom: 0.35rem; padding-bottom: 0.35rem; border-bottom:0.01rem solid #e5e5e5;}
.zzb-con .date{ margin: 0.3rem 0; padding: 0.15rem 0; font-size: 0.22rem; line-height: 0.45rem; border-bottom: 0.05rem solid #4a67f9;}
.zzb-con .date i{ margin-right: 0.2rem; display: inline-block;}
.zzb-con .date .btns{ position: relative;}
.zzb-con .date .btns ul{ margin-right: -0.2rem; text-align: center;}
.zzb-con .date .btns ul li{ display: inline-block;}
.zzb-con .date .btns ul li span{ padding:0 0.1rem; margin-right: 0.2rem; color: #0b77ff; border-radius: 0.05rem; background-color: #c6daf1; display: block;}
.zzb-con .date .btns ul li .bd{ width: 6rem; margin-bottom: 0.2rem; padding:0.1rem 0.15rem 0.2rem 0.2rem; box-shadow: 0 0 0.05rem rgba(0, 0,0,.15); background-color: #f6faff; position: absolute; top: 0.65rem; right: 0; display: none;}
.zzb-con .date .btns ul li .bd a{ margin-top: 0.15rem; padding-left: 0.13rem; font-size: 0.22rem; line-height: 0.36rem; text-align: left; background-image: url(../images/bg_content_li_ico.png); background-repeat: no-repeat; background-position: left 0.15rem; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: initial;}
.zzb-con .date .btns ul li .bd a:hover{ color: #3978cc;}
.zzb-con .date .btns ul li.active .bd{ display: block;}
.zzb-con .date .btns ul li.active span{ color: #fff; background-color: #0b77ff;}

.zzb-con .date .btns ul li .ytdd{ width: 5rem; margin-bottom: 0.2rem; padding: 0.2rem; box-shadow: 0 0 0.05rem rgba(0, 0,0,.15); background-color: #f6faff; position: absolute; top: 0.65rem; right: 0; display: none;}
.zzb-con .date .btns ul li .ytdd a{ height: 100%; margin: 0; padding-left: 0; display: block; background: none;}
.zzb-con .date .btns ul li .ytdd a .img{ height: 100%; overflow: hidden;}
.zzb-con .date .btns ul li .ytdd a .img img{ width:100%; height: 100%; object-fit: cover;}
.zzb-con .date .btns ul li .ytdd a:hover .img img{ transform: scale(1.05);}
.zzb-con .date .btns ul li .ytdd .swiper-container{ width:100%; height:3.5rem; position: static;}
.zzb-con .date .btns ul li .ytdd .swiper-container .swiper-wrapper .swiper-slide{ height: 100%; background-color: red;}
.zzb-con .date .btns ul li .ytdd .swiper-container .swiper-button-next,
.zzb-con .date .btns ul li .ytdd .swiper-container .swiper-button-prev{ width: 0.32rem; height: 0.32rem; margin-top: auto; bottom: auto; background-color: #3978cc;}
.zzb-con .date .btns ul li .ytdd .swiper-container .swiper-button-prev::after,
.zzb-con .date .btns ul li .ytdd .swiper-container .swiper-button-next::after{ font-size: 0.23rem; color: #fff;}
.zzb-con .date .btns ul li .ytdd .swiper-container .swiper-button-next{ right: 0.2rem;}
.zzb-con .date .btns ul li .ytdd .swiper-container .swiper-button-prev{ left: 0.2rem;}
.zzb-con .date .btns ul li .ytdd .swiper-container .swiper-pagination{ width:100%;}
.zzb-con .date .btns ul li.active .ytdd{ display: block;}

.zzb-con .content { font-size: 0.25rem !important; line-height: 2;}
.zzb-con .content p,
.zzb-con .content span,
.zzb-con .content i{ font-size: 0.25rem !important; line-height: 0.55rem !important;}
.zzb-con .content img{ height: auto;}
.zzb-con .content .pic-video{ width:8rem !important; height: 6rem !important; margin: 0.2rem auto;}
.zzb-con .content .pic-video video { width: 100%; height: 100% !important; object-fit: contain;}
.zzb-con .content .pic-video img { width: 100%; height: 100% !important; object-fit: cover;}
.zzb-con .content iframe{ max-width:8rem !important; max-height: 4.5rem !important; margin: 0.2rem auto;}

.bdsharebuttonbox{ padding-top: 0.3rem; text-align: center; font-size: 0;}
.bdsharebuttonbox span{ float: none; font-size: 0.25rem; line-height: 0.4rem; font-weight: bold; display: block; vertical-align: middle;}
.bdshare-button-style1-24 a{ width:0.65rem; height: 0.65rem !important; margin: 0.15rem 0.15rem 0 0 !important; float: none !important; padding-left: 0 !important; border-radius: 50%; border-width: 0.01rem; border-style: solid; vertical-align: middle; position: relative; background-repeat: no-repeat; background-position: center center !important; background-size: 100% !important; display: inline-block;}
.bdshare-button-style1-24 a.bds_weixin{ border-color: #7bc549; background-image: url(../images/bg_content_fx01.png);}
.bdshare-button-style1-24 a.bds_tsina{ border-color: #ff763b; background-image: url(../images/bg_content_fx05.png);}
.bdshare-button-style1-24 a.bds_mail{ border-color: #4391ea; background-image: url(../images/bg_content_fx03.png);}
.bdshare-button-style1-24 a.bds_print{ border-color: #5fb34a; background-image: url(../images/bg_content_fx02.png);}
.bdshare-button-style1-24 a.bds_copy{ border-color: #f9b000; background-image: url(../images/bg_content_fx04.png);}
.bdshare-button-style1-24 a, .bdshare-button-style1-24 .bds_more{ background: transparent;}
.bdshare-button-style1-24 a.bds_weixin:hover{ background-color: #ecffdf;}
.bdshare-button-style1-24 a.bds_tsina:hover{ background-color: #ffe7dd;}
.bdshare-button-style1-24 a.bds_mail:hover{ background-color: #e1efff;}
.bdshare-button-style1-24 a.bds_print:hover{ background-color: #e1f8dc;}
.bdshare-button-style1-24 a.bds_copy:hover{ background-color: #fff0cd;}