@charset "utf-8";
body, div, ul, ol, ul, li, ol, dl, dd, dt, form, span, p, textarea {margin: 0;padding: 0;list-style: none;}
a {color: #000;}
*{box-sizing: border-box;}
.container{width: 1200px; margin: 0 auto;}
body{background: #D8F1FF url(../img/mainbg.png) no-repeat top center !important;background-size: 100%;}
/* 专题头部 */
.ztheader .ztname{margin-top: 70px;}
.ztheader .logo{width:300px;padding-top:10px;}
.schbox{width: 59%;position: relative;margin: 25px auto 0;height: 60px;line-height: 60px;}
.schbox input{width: 100%;height: 100%;padding: 0 130px 0 20px;font-size: 16px;;border-radius: 7px;border: 1px solid #37a8fa;outline: none;}
.schbtn{position: absolute;right: 0;top: 2px;width: 125px;height: 100%;background: #0477e6;color: #fff;text-align: center;border-radius: 7px;}
.schbtn *{display: inline-block;vertical-align: middle;}
/* 主题分类 */
.ztflbox{margin-top: 65px;position:relative; height: 70px;overflow: hidden;}
.ztflbox .tit{float: left;padding: 0 30px;height: 40px;line-height: 40px;color: #fff;font-size: 20px;text-align: center;border-radius: 20px;background: #0477e6;}
.ztflbox ul{margin-top: 0px;overflow: hidden;width: 80%;height: 70px;float: left;display: flex;flex-wrap: wrap;/* padding: 0 30px; */gap: 0 25px;/* border-bottom: 1px solid #ccc; */justify-content: flex-start;transition: all .5s;}

.ztflbox ul li{/* float: left; */padding-left: 15px;display: inline-block;width: 22.5%;line-height: 40px;font-size: 20px;}
.ztflbox ul li a{color: #333;}
.ztflbox ul li.on a,.ztflbox ul li a:hover{color: #0477e6;}
.ztflbox .down{position:absolute;right:0;top:10px;cursor:pointer;transition:all .5s;}
.ztflbox .down.on{transform:rotate(180deg);}
/* 详情页 */
.crumb{border-bottom: 1px solid #ccc;padding-top: 30px;padding-bottom: 20px;}
.crumb h2 {padding-left: 28px;line-height: 28px;font-size: 1em;font-weight: normal;color: #666666;background: url(../img/icon_position.png) no-repeat left 3px;background-size: 16px 21px;}
.crumb h2 em {font-style: normal;}
.container:after, .container-fluid:after, .row:after {clear: both;}
.container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {display: table;content: " ";}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}
.wd-detail{padding: 20px 0;margin-bottom: 40px;}
.wd-detail .ztfl{line-height: 55px;border-bottom: none;background: url(/${website.code}/pc2023/zsk/img/fltit_bg.png) no-repeat;}
.wd-detail .ztfl span{display: inline-block;padding: 0 15px;background: #0477e6;color: #fff;font-weight: bold;}
.wd-detail > .ask{background: #fff}
/* 热点问答 */
.rdwdbox{margin-top: 45px;}
.rdwdbox .tit{width: 100%;padding: 0 15px 0 30px;background: #a0c8fe;line-height: 60px;border-radius: 15px 15px 0 0;}
.rdwdbox .tit span{display: inline-block;font-size: 22px;font-weight: bold;color: #0f309d;}
.rdwdbox .tit a{float: right;font-size: 18px;color: #333;}
.rdwdbox .tit a:hover{color: #0477e6;}
.rdwdswiper{overflow: hidden;position: relative;width: 100%;height: 530px;padding-bottom: 60px;background-color: #fff;border-radius: 0 0 15px 15px;}
.details{width: 100%;height: 100%;padding: 20px 30px;}
.details .ztfl{padding-bottom: 5px;;width: 100%;line-height: 36px;font-size: 18px;border-bottom: 1px solid #eee;}
.details > .ask{padding: 18px 30px;margin: 70px 0 0 30px;position: relative;display: inline-block;font-size: 20px;line-height: 30px;;background: #e2f1fe;border-radius: 0 15px;}
.details > .ask .ico{width: 53px;height: 53px;position: absolute;left: 0;top: 0;background: url(../img/ask_ico.png) no-repeat;transform: translate(-50%,-50%);}
.details .answer{margin:25px 30px 0 0;position: relative;}
.details .answer .ico{width: 53px;height: 53px;position: absolute;right: 0;top: 0;background: url(../img/answer_ico.png) no-repeat;transform: translateX(50%);}
.details .answer .info{float: right;width: 85%;font-size: 20px;}
.details .answer .info .time{padding-right: 40px;margin-bottom: 10px;;color: #646464;font-size: 18px;text-align: right;}
.details .answer .info .time span + span{margin-left: 10px;}
.details .answer .info .con{padding: 18px 30px;color: #fff;line-height: 40px;background: #3178fb;border-radius: 15px 0;max-height: 230px;overflow-y: auto;}
.details .answer .info .con *{color:#fff !important;}
.rdwdswiper .swiper-pagination-bullet{width: 14px;height: 8px;border-radius: 4px;}
.rdwdswiper .swiper-pagination-bullet-active{width: 28px;}
/* 常见问答 */
.cjwdbox{margin-top: 20px;}
.cjwdbox .tit{width: 100%;line-height: 60px;}
.cjwdbox .tit span{display: inline-block;position: relative;font-size: 22px;font-weight: bold;}
.cjwdbox .tit span::after{content: '';position: absolute;left: 50%;bottom: 2px;width: 58px;height: 4px;background: #0477e6;border-radius: 2px;transform: translateX(-50%);}
.cjwdbox .tit a{float: right;font-size: 18px;color: #333;}
.cjwdbox .tit a:hover{color: #0477e6;}
.cjwdbox ul{width: 100%;margin-top: 5px;}
.cjwdbox ul li{float: left;position: relative;width: 50%;padding-left: 28px;line-height: 50px;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cjwdbox ul li::before{content: '';position: absolute;left: 0;top: 50%;width: 7px;height: 7px;background: #333;border-radius: 50%;transform: translateY(-50%);}
/* 其他链接 */
.linksbox{margin-top: 30px; height: 280px;}
.linksbox li{float: left;width: 32%;height: 243px;background: url(../img/item_bg1.png) no-repeat;}
.linksbox li + li{margin-left: 2%;}
.linksbox li a{display: block;width: 100%;height: 100%;padding-left: 40px;padding-top: 30px;line-height: 50px;font-size: 36px;font-weight: bold;color: #0477e6;}
.linksbox li:nth-child(2){background: url(../img/item_bg2.png) no-repeat;}
.linksbox li:nth-child(3){background: url(../img/item_bg3.png) no-repeat;}
.linksbox li:nth-child(2) a{color: #1e8025;}
.linksbox li:nth-child(3) a{color: #d67415;}
.linksbox li span{display: inline-block;position: relative;}
.linksbox li span::after{content: '';position: absolute;left: 0;bottom: -25px;width: 70px;height: 5px;background: #0477e6;border-radius: 3px;}
.linksbox li:nth-child(2) span::after{background: #1e8025;}
.linksbox li:nth-child(3) span::after{background: #d67415;}

/*分页*/
#page_div{margin-bottom: 30px;}
.pagination .layui-laypage button, 
.pagination .layui-laypage input,
.pagination a,
.pagination span{display: inline-block;padding: 0 10px;height: 34px;line-height: 34px;text-align: center;margin:2px 5px;color: #666666;border: 1px solid #e8e8e8;transition: .3s all;border-radius: 2px;}
.pagination .layui-laypage-curr .layui-laypage-em,
.pagination .layui-laypage button:hover,
.pagination a:hover,
.pagination .num.active{background: #214fa5; color: #fff; border-color: #214fa5;}
.pagination .layui-laypage input,
.pagination .jump-ipt{width: 55px; height: 34px; padding: 0; border: 1px solid #e8e8e8; text-align: center;}
.pagination *{display: inline-block; vertical-align: middle;}
.pagination .arrow{display: block; width: 8px; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
/* .pagination .arrow.arrow-left{background-image: url(../images/public/page_arrow_l.png);} */
.pagination .arrow.arrow-right{background-image: url(../img/page_arrow_r.png);}
.pagination .layui-laypage-prev:hover .arrow,
/* .pagination .prev:hover .arrow{background-image: url(../images/public/page_arrow_l_hover.png);} */
.pagination .layui-laypage-next:hover .arrow,
/* .pagination .next:hover .arrow{background-image: url(../images/public/page_arrow_r_hover.png);} */
.pagination .prev,
.pagination .next{background: #F2F2F2;}
.pagination.center{text-align: center; }
.pagination .layui-laypage a, 
.pagination .layui-laypage span{font-size: 16px;}
.pagination .layui-laypage-skip{height: 36px;line-height: 36px;margin: 0 5px;}
.pagination .none{display: none !important;}

/* 底部 */
.newfooter .container{width: 1400px;}

/* 详情页 */
.container:after, .container-fluid:after, .row:after {clear: both;}
.container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {display: table;content: " ";}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}
.crumb{border-bottom: 1px solid #ccc;}
.wd-detail{padding: 20px 0;margin-bottom: 40px;}
.wd-detail .ztfl{line-height: 55px;border-bottom: none;background: url(../img/fltit_bg.png) no-repeat;}
.wd-detail .ztfl span{display: inline-block;padding: 0 15px;background: #0477e6;color: #fff;font-weight: bold;}
.wd-detail > .ask{background: #fff}
/* 列表 */
.infolist{clear: both;margin-top: 10px;}
.infolist li{position:relative;line-height: 55px;overflow:hidden;vertical-align: top;}
.infolist li a{float: left;position: relative;max-width: 100%;font-size: 18px;color: #000;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.infolist li, .infolist li a{-moz-box-sizing: border-box; -welit-box-sizing: border-box; box-sizing: border-box;}
.infolist li .time{position:absolute;right:0;top: 0;bottom: 0;margin: auto 0;font-size: 18px;color: #333;}
.infolist li a br{display: none;}
.infolist li:hover a, .infolist li a:hover{color: #358ad9;}
.infolist li:hover span{color:#358ad9;}
.infolist.col2 li {float: left;}
.infolist.col2 li{width: 50%;}
.infolist.ymd li{padding-right: 140px;}
.infolist.md li{padding-right:60px;}
.infolist.dot li a{padding-left: 18px;}
.infolist.dot li a:before{content:'';/* position:absolute; */display: inline-block;/* left:0; */top: 50%;margin-top: -2px;width: 5px;height: 5px;margin-left: -18px;margin-right: 13px;margin-bottom: 3px;background: #ccc;}
.infolist.dot li:hover a:before{background: #358ad9;}


.infolist.col2 li, .infolist.col3 li, .infolist.col4 li{float: left;}
.infolist.col2 li{width: 50%;}
.infolist.col3 li{width: 33.33333%;}
.infolist.col4 li{width: 25%;}
.infolist.space20{margin-left: -10px; margin-right: -10px;}
.infolist.space20 li{padding-left: 10px; padding-right: 10px;}
.infolist.space20 li .time{right: 10px;}
.infolist.space20.infolist.md li{padding-right:70px;}
.infolist.space20.infolist.ymd li{padding-right:110px;}
.infolist.space30{margin-left: -15px; margin-right: -15px;}
.infolist.space30 li{padding-left: 15px; padding-right: 15px;}
.infolist.space30 li .time{right: 15px;}
.infolist.space30.infolist.md li{padding-right:75px;}
.infolist.space30.infolist.ymd li{padding-right:115px;}
.infolist.space40{margin-left: -20px; margin-right: -20px;}
.infolist.space40 li{padding-left: 20px; padding-right: 20px;}
.infolist.space40 li .time{right: 20px;}
.infolist.space40.infolist.md li{padding-right:80px;}
.infolist.space40.infolist.ymd li{padding-right:120px;}

.infolist.mulit li a{ position: static; float: none; padding-left: 0; max-width:none; white-space:normal;}
.infolist.mulit li .time{position:static; display: inline-block;}
.infolist.mulit li a:before{top: 23px; margin-top: 0;}
.infolist.mulit.dot li{padding-left: 18px;}

.infolist.split5n li:nth-child(5n){margin-bottom:15px; padding-bottom:25px; border-bottom:1px dashed #e5e5e5;}

@media (max-width: 1280px) {
  .res.infolist.icon li{width: 33.33%;}
}
@media (max-width: 992px) {
  .res.infolist.icon li a{height: 160px;}
}
@media (max-width: 768px) {
	.infolist.col2, .infolist.col3, .infolist.col4{margin-left: 0; margin-right: 0;}
	.infolist.col2 li, .infolist.col3 li, .infolist.col4 li{width: 100%; padding-left: 0;}
	.infolist.md[class*="space"] li{padding-right:60px;}
	.infolist.ymd[class*="space"] li{padding-right:100px;}

  .res.infolist.meta li .tit,
  .res.infolist.meta li .meta-data,
  .res.infolist.meta li .tit>a{float: none;display: inline;max-width:none;}
  .res.infolist.meta li .meta-data{margin-right: 10px;}
  .res.infolist.meta li .meta-data a{position: relative;padding-right: 0; padding-left: 10px;margin-left: 10px;}
  .res.infolist.meta li .meta-data a:before{top: 0;margin-top: 4px;}
  .res.infolist.meta li .meta-data a:first-child{margin-left:0;padding-left:0;}
  .res.infolist.meta li .meta-data a:first-child:before{display: none;}
  .res.infolist.meta li .tit>a{position: static; padding-left: 0; padding-right:12px; white-space:normal;}
  .res.infolist.meta li .time{position:static; display: inline-block;}
  .res.infolist.meta.dot li{padding-left: 18px;padding-right: 0;}
  .res.infolist.meta li .tit>a:before{top: 20px; margin-top: 0;} 

}
@media (max-width: 640px) {
  .res.infolist.icon li{width: 50%;}
  .res.infolist.icon li a{margin: 10px 10px 0;}
}

@media (max-width: 480px) {
	.res.infolist li{padding-right:0 !important; position: relative;}
	.res.infolist li a{position: static;float: none;max-width:none;padding-left: 0;padding-right:12px;white-space:normal;font-size: 14px;}
	.res.infolist li .time{position:static;display: inline-block;float: right;font-size: 14px;}
	.res.infolist li a:before{top: 13px;margin-top: 0px;} /*10+padding*/
	.res.infolist.line li a:before{top: 24px;}
	.res.infolist.dot li{padding-left: 18px;line-height: 28px;padding: 10px 0 10px 18px;border-bottom: 1px solid #ccc;}
  .res.infolist.icon li a{height: 120px;}
  .res.infolist.icon li a i{margin: 20px auto 0;}
}
.ztflbox .fltab{border-bottom: none;}
.ztflbox .fltab li.on a{font-weight: bold;color: #0477e6;}
.zsklist{margin: 30px auto;}
.infolist-page li:nth-child(5n){margin-bottom:20px; padding-bottom:25px; border-bottom:1px dashed #CCCCCC;}
/* .zsklist li{padding: 20px 40px 20px 60px;background: #fff url(../images/list_ico.png) no-repeat;background-position: 30px 20px;}
.zsklist li + li{margin-top: 20px;}
.zsklist li h3{font-size: 18px;font-weight: normal;}
.zsklist li .memo{line-height: 36px;margin-top: 15px;font-size: 16px;color: #151433;}
.zsklist li .mod{margin-top: 15px;}
.zsklist li .mod span{display: inline-block;padding-left: 20px;font-size: 16px;background: url(../images/ssfl_ico.png) no-repeat left center;}
.zsklist li .mod span i{font-style: normal;color: #ffa200;}
.zsklist li .source{margin-left: 30px;background-image: url(../images/source_ico.png);}
.zsklist li .mod a{float: right;color: #ffa200;} */
/* 响应式 */
@media (max-width: 1400px) {
    .newfooter .container{width: 100%;}
    body{background-size: 200%;background-position: top center;}
    /* 头部 */
    .ztheader .ztname{margin-top: 20px;}
    .schbox{width: 100%;height: 50px;line-height: 50px;}
    .schbtn{width: 95px;}
   /* 主题分类 */
   .ztflbox{margin-top: 20px;}
   .ztflbox ul{gap:0;width: 95%;}
   .ztflbox ul li{width: 50%;font-size: 18px;line-height: 36px;}
   /* 热点问答 */
   .details{padding: 15px;}
   .details .ask{padding: 15px 20px;margin: 40px 0 0 30px;font-size: 16px;line-height: 26px;}
   .details .answer .info{width: 100%;font-size: 16px;}
   .details .answer .info .time{font-size: 14px;}
   .details .answer .info .con{padding: 15px 20px;;overflow-y: auto;line-height: 26px;max-height: 200px;}
   /* 常见问答 */
   .cjwdbox ul li{width: 100%;}
   /* 其他链接 */
   .linksbox li{width: 100%;}
   .linksbox li + li{margin-left: 0;margin-top: 10px;}
   .linksbox li a{font-size: 30px;}
   /* 列表 */
   .zsklist li{padding: 15px 15px 15px 40px;background-position: 10px 15px;}
   .zsklist li .memo{line-height: 26px;}
   .zsklist li .source{margin-left: 0;margin-top: 2px;}
}
@media (max-width: 1280px) {
  body:not(.nores) .container {
      padding-right: 15px;
      padding-left: 15px;
  }
}
@media (max-width: 992px) {
  body:not(.nores) .container {
      width: 750px !important;
  }
  .ztname img{
    width: 100%;
  }
}
@media (max-width: 768px) {
  body:not(.nores) .container {
      width: auto !important;
  }
  .ztname img{
    width: 100%;
  }
}
@media (max-width: 1400px) {
    body {
        background-size: 200% !important;
        background-position: top center;
    }
}