body{background: url(../images/hdzsk/header_bg.png) no-repeat center top #dcf0fd;}
.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: 60px;}
.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/public/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;width: 120px;}
.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: 1.125em; 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/public/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;}


.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: 40px;}
  .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/public/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%;}
  
}

@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);}
}