@import url(//www.zhifu.gov.cn/images/943/2021zf_millia.css);
@import url(//www.zhifu.gov.cn/images/943/2021zf_swiper3.4.2.css);
body{background:#f3f3f3;}
.millia{width:1200px;margin:0 auto;position:relative;}
.icon{width:1em; height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden;}
.topic{background:url(zf2021openMonth_01.jpg) no-repeat top center;height:550px;background-size:auto 100%;}
.whiteBg{background:#fff;padding:30px;box-sizing:border-box;}

.focus{height:320px;padding-bottom:40px;position:relative;}
.focus .swiper-slide{width:100%;height:320px;overflow:hidden;position:relative;}
.focus .swiper-slide img{width:100% !important;height:100% !important;}
.focus .swiper-pagination{text-align:left;width:100%;bottom:0;}
.focus .swiper-pagination-bullet{background:#eee;opacity:1;margin:0 5px !important;width:10px;height:10px;border-radius:5px;}
.focus .swiper-pagination-bullet-active{background:#b20113;width:30px;}

.ht01{display:flex;border-bottom:2px solid #ad0012;align-items:center;position:relative;}
.ht01 b{font-size:20px;line-height:46px;padding:0 40px;background:#ad0012;color:#fff;margin-right:20px;}
.ht01 b a{color:#fff;}
.ht01 .amore{display:block;position:absolute;right:20px;top:0;font-size:14px;line-height:46px;color:#ad0012;}

.ls01 li,.ls02 li{display:flex;justify-content:space-between;padding-left:20px;position:relative;overflow:hidden;box-sizing:border-box;}
.ls01 li:before,.ls02 li:before{content:"";display:block;width:6px;height:6px;border-radius:6px;position:absolute;left:0;top:20px;background:#ad0012;}
.ls01 li a,.ls01 li a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ls01 li span,.ls02 li span{font-size:14px;color:#999;}
.ls02{display:flex;justify-content:space-between;flex-wrap:wrap;}
.ls02 li{width:48%;}
.ls02 li a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.activeList li{padding:30px;background:#fff;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;}
.activeList li .activeImg{width:30%;max-height:210px;overflow:hidden;margin-right:30px;}
.activeList li .activeImg img{width:100%;height:100%;transition:all 0.5s;}
.activeList li .activeImg:hover img{transform:scale(1.2,1.2);}
.activeList li .activeInfo{flex:1;}
.activeList li .activeInfo h6{display:block;font-size:22px;padding-bottom:15px;font-weight:bold;}
.activeList li .activeInfo p{height:110px;overflow:hidden;}
.activeList li .activeInfo i{display:block;padding-top:30px;font-style:normal;color:#999;font-size:14px;}


.streetSwiper{padding-bottom:50px;position:relative;}
.streetSwiper .swiper-slide{position:relative;overflow:hidden;}
.streetSwiper .swiper-slide img{width:100%;height:100%;}
.streetSwiper .swiper-slide b{display:block;position:absolute;left:0;bottom:0;width:100%;padding:10px;box-sizing:border-box;font-size:14px;line-height:22px;background:rgba(0,0,0,0.6);font-weight:normal;color:#fff;text-align:center;}
.streetSwiper .swiper-pagination{width:100%;text-align:center;left:0;bottom:0;}
.streetSwiper .swiper-pagination-bullet{width:14px;height:14px;border-radius:14px;background:#999;margin:0 5px;}
.streetSwiper .swiper-pagination-bullet-active{background:#db4e5c;}

@media screen and (max-width:640px){
.millia{width:94%;}
.topic{background-size:auto 100%;height:11rem;}

.whiteBg{padding:1rem;}

.ht01{display:block;}
.ht01 b{display:inline-block;font-size:1.8rem;padding:0 2rem;line-height:4rem;}
.ht01 .amore{display:block;position:absolute;right:20px;top:0;font-size:14px;line-height:46px;color:#ad0012;}

.focus,.focus .swiper-slide{height:auto;}
.focus{padding-bottom:3rem;}
.focus .swiper-pagination{bottom:0;text-align:center;}

.ls01,.ls02{line-height:2.6rem;font-size:1.5rem;}
.ls01 li,.ls02 li{padding-bottom:1rem;}
.ls02 li{width:100%;}
.ls01 li:before,.ls02 li:before,.meeting dd:before{top:1rem;}
.ls01 li a,.ls02 li a{white-space:normal;}
.ls01 li span,.ls02 li span{display:none;}

.activeList li{padding:1rem;display:block;}
.activeList li .activeImg{width:100%;max-height:210px;overflow:hidden;margin:0 0 1rem 0;}
.activeList li .activeInfo{flex:1;font-size:1.5rem;line-height:2.4rem;}
.activeList li .activeInfo h6{font-size:1.8rem;}
.activeList li .activeInfo p{height:9rem;padding-bottom:1rem;}
.activeList li .activeInfo i,.streetSwiper .swiper-pagination{display:none;}
.streetSwiper .swiper-slide b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0.2rem 1rem;}

}