@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:#eee;}
.millia{width:1200px;margin:0 auto;position:relative;}
.icon{width:1em; height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden;}
.topic{background:url(zf2021great_10.jpg) no-repeat top center;height:550px;background-size:auto 100%;}

.bigTag{display:flex;justify-content:space-between;position:relative;}
.bigTag li{width:49%;background:#fff;font-size:20px;position:relative;padding:15px 25px;box-sizing:border-box;border-radius:10px;border:1px solid #d4d2d2;}
.bigTag li h6{display:flex;align-items:center;color:#ca2231;font-weight:bold;padding-bottom:15px;font-size:26px;border-bottom:1px dotted #d4d2d2;margin-bottom:15px;}
.bigTag li h6 span{font-size:26px;margin-right:25px;display:flex;width:46px;height:46px;border-radius:46px;justify-content:center;align-items:center;background:#ca2231;color:#fff;}
.bigTag li p{padding-left:10px;}
.bigTag li p a{display:block;font-size:16px;line-height:42px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:15px;position:relative;}
.bigTag li p a:before{content:"";display:block;position:absolute;left:0;top:20px;width:4px;height:4px;background:#d4d2d2;border-radius:4px;}

.tabs{background:#fff;font-size:20px;display:flex;justify-content:space-between;border-top:2px solid #ca2231;}
.tabs li{color:#003ed9;cursor:pointer;flex:1;text-align:center;white-space:nowrap;padding:13px 5px;box-sizing:border-box;}
.tabs a{color:#999;}
.tabs .active{color:#fff;transition:all .5s;background:#ca2231;font-weight:bold;}
.tabs .active a{color:#ffff;}
.tabs .active a:hover{text-decoration:none;}



.whiteBg{background:#fff;}
.newsList{padding:30px;}
.newsList li{padding:30px 20px;display:flex;justify-content:space-between;box-sizing:border-box;font-size:18px;cursor:pointer;border-top:1px dotted #d4d2d2;position:relative;}
.newsList li:first-child{border:none;}
.newsList li p{flex:1;display:flex;align-items:center;text-align:left;}
.newsList li p:before{content:"";width:10px;height:10px;border-radius:10px;background:#d4d2d2;margin-right:15px;}
.newsList li span{font-size:14px;color:#999;}
.newsList li div{position:absolute;left:0;bottom:0;width:100%;padding:30px 0;height:auto;background:#fff;display:flex;box-sizing:border-box;box-shadow:0 0 5px #ccc;border-radius:10px;flex-wrap:wrap;align-items:center;transition:all 0.5s;transform:scale(0,0);justify-content:center;}
.newsList li div.newsListContent{transform:scale(1,1);}
.newsList li div a{border:1px solid #d4d2d2;padding:10px 14px;margin:0 10px;border-radius:5px;box-sizing:border-box;font-size:16px;}

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

.bigTag{flex-wrap:wrap;}
.bigTag li{width:100%;margin:0 0 2rem 0;}
.bigTag li h6{font-size:2rem;}
.bigTag li h6 span{font-size:2rem;width:3rem;height:3rem;margin-right:1rem;}
.bigTag li p a{font-size:1.4rem;line-height:3.2rem;}
.bigTag li p a:before{top:1.5rem;}
hr.line{margin:2rem 0 3rem 0}
.newsList li span,.newsList li p:before{display:none;}
.newsList li{font-size:1.6rem;margin:0 0 2rem 0;}
.newsList li div{width:90%;left:5%;}
.newsList li div a{font-size:1.4rem;}

}