body{background: url(../images/hdzsk/header_bg.png) no-repeat center top #dcf0fd;}

/* 滚动条 */
.scrollbar-xy{overflow: auto;}
.scrollbar-xy::-webkit-scrollbar{ width: 6px;height: 6px;}
.scrollbar-y{overflow-y: auto; overflow-x: hidden;}
.scrollbar-y::-webkit-scrollbar{ width: 6px;height: auto;}
.scrollbar-x{overflow-x: auto; overflow-y: hidden;}
.scrollbar-x::-webkit-scrollbar{ height: 6px;width:auto;}
/* 滚动条轨道 */
.scrollbar-xy::-webkit-scrollbar-track,
.scrollbar-x::-webkit-scrollbar-track,
.scrollbar-y::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 3px;background: #E5E5E5;}
/* 滚动条滑块 */
.scrollbar-xy::-webkit-scrollbar-thumb,
.scrollbar-x::-webkit-scrollbar-thumb,
.scrollbar-y::-webkit-scrollbar-thumb{border-radius: 3px;background: linear-gradient(225deg, #689EE3 0%, #0262D6 100%);}
.hdzsk-header .container{height: 716px;}
.hdzsk-header-logo{position: absolute; left: 0; top: 20px; background: rgba(255,255,255,.36); border-radius: 8px; padding: 10px;}
.hdzsk-header-logo img{display: block; height: 90px;}
.hdzsk-header-zsk{padding-top: 166px; margin-bottom: 20px;}
.hdzsk-header-zsk img{display: block;/* width: 60%; */}
.hdzsk-header-search{position: relative; margin: 0 auto; width: 710px; padding-right: 120px; box-sizing: border-box; max-width: 100%; height: 60px; border: #0477e6 1px solid; border-radius: 5px; overflow: hidden;}
.hdzsk-header-search .sbtn{position: absolute; right: 0; top: 0; height: 60px; background:url(../images/hdzsk/icon_ss_white.png) no-repeat 20px center #0477e6; background-size: 24px 24px; padding: 0 20px 0 54px; border-radius: 5px; color: #fff; font-size: 1.375em; border: 0; font-weight: bold; cursor: pointer;}
.hdzsk-header-search .stxt{width: 100%; background: #fff; padding: 0 20px; height: 58px; border: 0; box-sizing: border-box; font-size: 1.125em;}

.hdzsk-filter{padding-top: 30px; border-bottom: rgba(0,0,0,0.1) 1px solid; padding-bottom: 30px;}
.hdzsk-filter dl{font-size: 18px; clear: both;}
.hdzsk-filter dl dt span{display: inline-block; padding: 0 20px; height: 44px; line-height: 44px; color: #fff; border-radius: 22px; color: #fff; background: #0477e6;}
.hdzsk-filter dl dt{margin-bottom: 20px;}

.hdzsk-filter dl ul li{float: left;}
.hdzsk-filter dl + dl{margin-top: 40px;}
.hdzsk-filter dl dd{position: relative; padding-right: 50px; padding-left: 20px;}
.hdzsk-filter dl dd .btn-showall{position: absolute; right: 0; top: 0; width: 25px; height: 25px; background: url(../images/hdzsk/arrow_black_down.png) no-repeat center 55% #aad4f8; background-size: 12px; border-radius: 5px; cursor: pointer; display: none;}
.hdzsk-filter-list{overflow: hidden; }
.hdzsk-filter-list ul{margin-left: -20px; margin-right: -20px; margin-top: -20px;}
.hdzsk-filter-list li.on a{color: #2C60B6;}
.hdzsk-filter-list li .box{margin: 20px 20px 0;}

.hdzsk-filter dl.morethan .hdzsk-filter-list{height: 24px;}
.hdzsk-filter dl.morethan .btn-showall{display: block; transition: .3s all;}
.hdzsk-filter dl.morethan.show .hdzsk-filter-list{height: auto;}
.hdzsk-filter dl.morethan.show .btn-showall{transform: rotate(-180deg);}

.hdzsk-rdwtwd{border-radius: 10px; background: #fff; background: linear-gradient(0deg, rgba(239, 248, 254, 1) 20%, rgba(255, 255, 255, 1) 100%); box-shadow:0 2px 10px 0 rgba(16,125,219,.32); overflow: hidden;}
.hdzsk-rdwtwd-title{height: 60px; line-height: 60px; background: #a0c8fd; padding: 0 20px;}
.hdzsk-rdwtwd-title h3{float: left; font-size: 1.375em; font-weight: bold; color: #0f309d;}
.hdzsk-rdwtwd-title .more{float: right;}
.hdzsk-rdwtwd-swiper{padding: 30px;}
.hdzsk-rdwtwd-swiper .swiper-container{height: 470px;}
.hdzsk-rdwtwd-swiper .zhuti{font-size: 1.125em; border-bottom: #e8e9e9 1px solid; padding-bottom: 12px; margin-bottom: 30px;}
.QA-item{padding-top: 34px;}
.QA-item-Q{margin-right: 15%; margin-bottom: 30px; padding: 15px 30px;position: relative;display: inline-block;font-size: 1.125em;line-height: 30px; background: #e2f1fe;border-radius: 0 15px; margin-left: 24px;}
.QA-item-Q:after{content: ''; width: 53px;height: 53px;position: absolute;left: -24px;top:-34px;background: url(../images/hdzsk/icon_ask.png) no-repeat; background-size: 100%;}
.QA-item-A{margin-left: 15%;}
.QA-item-A .attr{color: #646464; text-align: right; margin-bottom: 15px; margin-right: 60px;}
.QA-item-A .attr span{display: inline-block; line-height: 1.6;}
.QA-item-A .attr span + span{margin-left: 15px;}
.QA-item-A .txt{position: relative; margin-right: 24px; background: #3178fb; border-radius: 15px 0; padding: 20px 30px; color: #fff; line-height: 2.222; font-size: 1.125em;}
.QA-item-A .txt:after{content: ''; width: 53px;height: 53px;position: absolute;right: -24px;top: -34px;background: url(../images/hdzsk/icon_answer.png) no-repeat; background-size: 100%;}
.hdzsk-rdwtwd-swiper .swiper-pagination{bottom:0 !important;}
.hdzsk-rdwtwd-swiper .swiper-pagination-bullet{width: 14px;height: 8px;border-radius: 4px; transition: .3s all;}
.hdzsk-rdwtwd-swiper .swiper-pagination-bullet-active{width: 28px;}

.theme-dqwz span{
  color: #2C60B6;
}
.theme-dqwz a{
  color: #666;
}

.ztflbox{position:relative;}
.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;}


/* 滚动条轨道 */
.hdzsk-rdwtwd-swiper .scrollbar-y{max-height: 360px;}
.hdzsk-rdwtwd-swiper .scrollbar-y::-webkit-scrollbar{ width: 5px;}
.hdzsk-rdwtwd-swiper .scrollbar-y::-webkit-scrollbar-track {border-radius: 3px;background: rgba(255, 255, 255, 0.3);}
/* 滚动条滑块 */
.hdzsk-rdwtwd-swiper .scrollbar-y::-webkit-scrollbar-thumb{border-radius: 3px;background: rgba(170, 212, 248, 0.8);}

.hdzsk-cjwtwd .hd ul{float: left;}
.hdzsk-cjwtwd .hd ul li{float: left; font-size: 1.375em; position: relative; padding-bottom: 20px; font-weight: bold;}
.hdzsk-cjwtwd .hd ul li:after{content: ''; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 0; height: 4px; border-radius: 2px; background: #0477e6;}
.hdzsk-cjwtwd .hd ul li.on:after{width: 2.5em;}
.hdzsk-cjwtwd .hd .more{float: right; padding-top: 4px;}
.hdzsk-cjwtwd .hd .more a{color: #888;}
.hdzsk-cjwtwd .hd .more a:hover{color: #0477e6;}
.hdzsk-cjwtwd-list{font-size: 1.125em;}
.hdzsk-cjwtwd-list li{padding-top: 11px;padding-bottom: 11px;}

.hdzsk-iconmenu li .box{position: relative;}
/* .hdzsk-iconmenu li .imgratio{padding-top: 65.945%;} */
.hdzsk-iconmenu li .box img{display: block; width: 100%;}
.hdzsk-iconmenu li .txt{position: absolute; padding-bottom: 25px; left: 10%; top: 18%; font-size: 2em; font-weight: bold; z-index: 2;}
.hdzsk-iconmenu li.li-blue .txt{color: #0477e6;}
.hdzsk-iconmenu li.li-orange .txt{color: #d67415;}
.hdzsk-iconmenu li.li-green .txt{color: #1e8025;}
.hdzsk-iconmenu li .txt:after{content: ''; position: absolute; left: 0; bottom: 0; width: 2em; height: 5px; border-radius: 2px; background: #0477e6; transition: .3s all;}
.hdzsk-iconmenu li.li-blue .txt:after{background: #0477e6;}
.hdzsk-iconmenu li.li-orange .txt:after{background: #d67415;}
.hdzsk-iconmenu li.li-green .txt:after{background: #1e8025;}
.hdzsk-iconmenu li a:hover .txt:after{width: 100%;}

@media (max-width: 1280px) {
  body{background-size: 132%;}
  .hdzsk-header .container{height: auto;}
  .hdzsk-header-logo{position: static; display: inline-block; margin-top: 20px;}
  .hdzsk-header-zsk{padding-top: 60px;}
  .QA-item-Q{margin-right: 0;}
  .QA-item-A{margin-left: 0;}
}

@media (max-width: 992px) {
  body{background-size: 140%;}
  .hdzsk-header-logo img{height: 60px;}
  .hdzsk-rdwtwd-swiper{padding: 20px;}
}


@media (max-width: 768px) {
  body{background-size: 190%;}
  .hdzsk-header-logo{margin-top: 0; padding: 5px;}
  .hdzsk-header-zsk{padding-top: 30px;}
  .hdzsk-header-zsk img{width: 100%;}
  .hdzsk-header-search{background: #fff; height: 48px; padding-right: 60px;}
  .hdzsk-header-search .stxt{height: 48px; font-size: 1em; padding: 0 10px;}
  .hdzsk-header-search .sbtn{height: 48px; font-size: 0; background: url(../images/hdzsk/icon_ss_blue.png) no-repeat center center; background-size: 24px; padding: 0; width: 60px;}
  .QA-item-Q,
  .QA-item-A .txt{padding: 10px 20px; font-size: 1em;}
  .QA-item-Q:after, 
  .QA-item-A .txt:after{width: 35px; height: 35px;}
  .QA-item-Q{margin-left: 15px;}
  .QA-item-Q:after{left: -15px; top: -20px;}
  .QA-item{padding-top: 20px;}
  .QA-item-Q, .QA-item-A .txt{margin-right: 15px;}
  .QA-item-A .txt:after{right: -15px; top: -20px;}
  .QA-item-A .attr{margin-right: 40px;}
  .hdzsk-rdwtwd-swiper .zhuti{margin-bottom: 20px;}
  .hdzsk-rdwtwd-swiper .scrollbar-y{max-height: 370px;}
  .hdzsk-iconmenu li .txt{left: 8%; top: 12%;}
  
}


/* infolist */
/***
稿件列表样式：
dot:标题前带小点
md:日期-月日
ymd：日期-年月日
line:每条信息之间含分割下滑线
space20:多列之间含20px的间距
space30:多列之间含30px的间距
多列在768以下响应变成一列
 ***/
 .infolist{clear: both;}
 .infolist li{position:relative; padding-top: 9px; padding-bottom: 9px; line-height:26px; overflow:hidden; vertical-align: top;font-size: 16px;}
 .infolist li > a{float: left; position: relative; max-width: 100%; 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;height: 28px;margin: auto 0;color:#808080;display: none;}
 .infolist li > a br{display: none;}
 .infolist li:hover a, .infolist li > a:hover{color: #1F5EAB;}
 .infolist li:hover span{color:#2C60B6;}
 .infolist.md li{padding-right:60px;}
 .infolist.ymd li{padding-right:100px;}
 
 .infolist.dot li > a{padding-left: 20px;}
 .infolist.dot li > a:before{content:''; position:absolute; left:0; top: 50%; margin-top: -2px; width: 6px; height: 6px; background: #2C60B6; border-radius: 50%; transition: .3s all;}
 .infolist.dot li:hover a:before{background: #2C60B6 !important;}
 .infolist.dot-gray li > a:before{background: #ccc;}
 
 .infolist.line li{border-bottom: 1px solid #e1e5eb;}
 .infolist.line li{padding-top: 11px; padding-bottom: 11px;}
 
 .infolist.dashed li{border-bottom: 1px dashed #D6D6D6; padding-top: 15px; padding-bottom: 15px;}
 .infolist.lastnoline li:last-child{border-bottom: none !important;}
 
 .infolist.space10{margin-left: -5px; margin-right: -5px;}
 .infolist.space10 li{padding-left: 5px; padding-right: 5px;}
 .infolist.space10 li .time{right: 5px;}
 .infolist.space10.md li{padding-right:55px;}
 .infolist.space10.ymd li{padding-right:105px;}
 .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.md li{padding-right:60px;}
 .infolist.space20.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.md li{padding-right:65px;}
 .infolist.space30.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.md li{padding-right:60px;}
 .infolist.space40.ymd li{padding-right:120px;}

 @media (max-width:1280px) {
  .infolist.space10-md{margin-left: -5px; margin-right: -5px;}
  .infolist.space10-md li{padding-left: 5px; padding-right: 5px;}
  .infolist.space10-md li .time{right: 5px;}
  .infolist.space10-md.md li{padding-right:55px;}
  .infolist.space10-md.ymd li{padding-right:105px;}
  .infolist.space20-md{margin-left: -10px; margin-right: -10px;}
  .infolist.space20-md li{padding-left: 10px; padding-right: 10px;}
  .infolist.space20-md li .time{right: 10px;}
  .infolist.space20-md.md li{padding-right:60px;}
  .infolist.space20-md.ymd li{padding-right:110px;}
  .infolist.space30-md{margin-left: -15px; margin-right: -15px;}
  .infolist.space30-md li{padding-left: 15px; padding-right: 15px;}
  .infolist.space30-md li .time{right: 15px;}
  .infolist.space30-md.md li{padding-right:65px;}
  .infolist.space30-md.ymd li{padding-right:115px;}
}
 
 .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.mulit2 li > a{display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
 .infolist.mulit2.dot li > a:before{top: 14px;}
 .infolist.mulit2 li > .time{top: 12px;bottom: auto;}
 
 .infolist.split5n li:nth-child(5n){margin-bottom:15px; padding-bottom:25px; border-bottom:1px dashed #ccc;}
 
 @media (max-width: 768px) {
   .infolist.md[class*="space"] li{padding-right:60px;}
   .infolist.ymd[class*="space"] li{padding-right:110px;} 
 
   .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;}
   .res.infolist li .time{position:static; display: inline-block;}
   .res.infolist li > a:before,
   .res.infolist.mulit2.dot li > a:before{top: 20px; margin-top: 0;}
   .res.infolist.line li a:before{top: 24px;}
   .res.infolist.dot li{padding-left: 18px;}
 }


@media (max-width: 480px) {
  body{background-size: 250%;}
}

/* hdzsk_list.html */
.body-hdzsk-list .hdzsk-filter{background: linear-gradient(180deg, rgba(161, 216, 254, 1) 0%, rgba(195, 236, 255, .7) 40%); padding: 30px; border-radius: 10px; border-bottom: 0; border: rgba(161, 216, 254, 1) 1px solid;}
@media (max-width: 768px) {
  .body-hdzsk-list .hdzsk-filter{padding: 0; background: none; border: 0;}
}

/* hdzsk_content.html */
.hdzsk-detail-ztfl{height: 54px; margin-bottom: 30px; background: linear-gradient(90deg, rgba(169, 214, 253, 1) 20%, rgba(255, 255, 255, 0) 80%);}
.hdzsk-detail-ztfl h3{display: inline-block; line-height: 54px; background: #107ddb; color: #fff; font-size: 1.375em; padding: 0 20px;}
.hdzsk-detail .QA-item-Q{background: #fff;}

@media (max-width: 768px) {
  .body-hdzsk-detail .crumb{background: rgba(255,255,255,.6);}
}