@charset "utf-8";

.dwzsk-banner{height: 324px; background: url(../images/dwzsk/dwzsk_banner_bg.png) no-repeat; background-size: 100% 100%;}
.dwzsk-banner > .container{position: relative; height: 100%; overflow: hidden;}
.dwzsk-banner .tit{padding-top: 60px; margin-bottom: 22px;}
.dwzsk-banner .tit img{display: block; height: 94px;}
.dwzsk-ban-ss{width: 682px; height: 58px; margin-bottom: 15px; padding-right: 52px; padding-left: 20px; box-sizing: border-box; position: relative; border-radius: 5px; background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(157, 194, 237, 1);}
.dwzsk-search-btn{position: absolute; right: 0; top: 0; border: 0; width: 52px; height: 58px; background: url(../images//dwzsk/dwzsk_ss_icon.png) no-repeat center center; background-size: 24px 24px;}
.dwzsk-search-txt{height: 56px; width: 100%; border: 0; font-size: 18px;}
.dwzsk-search-txt::-webkit-input-placeholder{color: #999;}
.dwzsk-banner .hotkey{color: #2354AF; line-height: 1.8;}
.dwzsk-banner .hotkey a{color: #2354AF; margin: 0 5px;}
.dwzsk-banner .hotkey span{color: #7B99D1; margin-left: 10px;}
.dwzsk-banner .hotkey .hyh{display: none;}
.dwzsk-banner .book{position: absolute; right: 196px; top: 13px; width: 313px;}


.dwzsk-l{float:left; width:28%;}
.dwzsk-r{float:right; position: relative; width:72%;}
.dwzsk-r .inbox{padding-left:40px; margin-left: 40px;}
.dwzsk-l .inbox{position: relative;}
.dwzsk-l .inbox:after, .dwzsk-r .inbox:before{content: ''; width: 1px; height: 100%; position: absolute; top: 0; bottom: 0; background: #eeeeee;}
.dwzsk-l .inbox:after{ right: -41px;}
.dwzsk-r .inbox:before{ left: 40px;}


.dwzsk-fwzsksj{padding: 20px 20px 10px; box-sizing: border-box; background:url(../images/dwzsk/dwzsk_icon_fwzskhz.png) no-repeat right 10px #F0F6FF;}
.dwzsk-fwzsksj-list{margin-left: -10px; margin-right: -10px;}
.dwzsk-fwzsksj-list li{float: left; width: 33.3333%;}
.dwzsk-fwzsksj-list li dl{height: 120px; padding-top: 28px; box-sizing: border-box; background: #fff; text-align: center; margin: 0 10px 20px;}
.dwzsk-fwzsksj-list li.li-50p{width: 50%;}
.dwzsk-fwzsksj-list li dt{margin-bottom: 3px;}
.dwzsk-fwzsksj-list li dt b{font-size: 28px; color: #2354AF;}

.dwzsk-gzd-list{margin-left: -10px; margin-right: -10px;}
.dwzsk-gzd-list li{float: left; width: 50%;}
.dwzsk-gzd-list li a{display: block; margin:0 10px 20px; background: #F0F6FF; height: 60px; line-height: 60px; font-size:18px; text-align: center; padding: 0 10px;}
.dwzsk-gzd-list li a:hover{font-weight: bold;}
.dwzsk-gzd-list li.on a{font-weight: bold;color: #2354AF}
.refresh{color: #689EE3; margin-top: 6px; cursor: pointer;}
.refresh span,
.refresh .icon{display: inline-block; vertical-align: middle;}
.refresh .icon{width: 20px; height: 17px; margin-left: 8px; background: url(../images/index/refresh.png) no-repeat; background-size: 100% 100%;}

.dwzsk-dwzt-list li a{display: block; height: 80px; text-align: center; line-height: 80px; padding: 0 15px; font-size: 20px; background: url(../images/dwzsk/dwzsk_bg_wdzt.png) no-repeat; background-size: 100% 100%;}
.dwzsk-dwzt-list li + li{margin-top: 20px;}

.dwzsk-tab > .hd{text-align: center; font-size: 28px;}
.dwzsk-tab > .hd li{display: inline-block; position: relative; padding-bottom: 10px;}
.dwzsk-tab > .hd li + li{padding-left: 40px; margin-left: 40px;}
.dwzsk-tab > .hd li + li:before{content: ''; width: 1px; height: 26px; background: #999999; position: absolute; left: 0;  top: 50%; margin-top: -11px;}
.dwzsk-tab > .hd li a{opacity: 0.6; transition: .3s all;}
.dwzsk-tab > .hd li.on a{opacity: 1; font-weight: bold;}
.dwzsk-tab > .hd li a:hover{color: #000;}
.dwzsk-tab > .hd li:after{content: ''; position: absolute; width:0; bottom:-1px; left:0; right: 0; margin: 0 auto; height: 3px; background: #C20000;transition: all .3s; -webkit-transition: all .3s; overflow: hidden; transform: translateX(20px);}
.dwzsk-tab > .hd li.on:after{width: 44px;}

.dwzsk-fw-nav{transition: all 0.3s; background: #F5F9FF; height: 150px;overflow: hidden; padding: 40px 0 0 30px; margin-bottom: 57px; box-sizing: border-box;}
.dwzsk-fw-nav li{float: left; width: 20%; font-size: 18px; margin-bottom: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dwzsk-fw-nav li a{color: rgba(51, 51, 51, 1);}
.dwzsk-fw-nav li.on a,
.dwzsk-fw-nav li a:hover{color: #2354AF;}
.dwzsk-fw-nav li.on a{font-weight: bold;}
.dwzsk-fw-nav.down{height: auto;}

.dwzsk-tab .bd>div{position: relative;}
.dwzsk-nav-show-more{
  background: #F5F9FF;
  text-align: center;margin-top: -75px;margin-bottom: 50px;
  padding: 10px 0 30px;cursor: pointer;color: #666;
}
.dwzsk-nav-show-more:after{content:"";transition: all 0.3s;transform: rotate(180deg);margin-left: 7px;display: inline-block;width: 12px;height: 15px;vertical-align: middle;background: url(../images/public/icon_arrow_down_gray.png) no-repeat center;background-size: 100%;}
.dwzsk-nav-show-more.down:after{transform: rotate(0deg);}

.dwzsk-list li{clear: both;}
.dwzsk-list li .wen{position: relative; padding-left: 55px; padding-right: 180px; overflow: hidden; line-height: 34px; margin-bottom: 20px;}
.dwzsk-list li .wen:before,
.dwzsk-list li .da:before{height: 24px; display: block; position: absolute; left: 0; width: 32px; height: 24px; text-align: center; line-height: 24px; color: #fff; border-radius: 12px 12px 2px 12px;}
.dwzsk-list li .wen:before{content: '问'; top: 5px;  background: #4E8DE6;}
.dwzsk-list li .link{position: absolute; right: 0; top: 0; height: 34px; line-height: 34px; padding-left: 36px; padding-right: 16px; border-radius: 2px; background: #F0F6FF;}
.dwzsk-list li .link:before{content: ''; position: absolute; left: 15px; top: 0; bottom: 0; margin: auto 0; width: 15px; height: 15px; background:url(../images/dwzsk/dwzsk_icon_link.png) no-repeat; background-size: 100% 100%;}
.dwzsk-list li .tit{float: left; position: relative; max-width: 100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size: 20px; font-weight: bold;}
.dwzsk-list li .da{position: relative; padding-left: 55px; font-size: 18px; line-height: 32px; max-height: 64px; margin-bottom: 20px;}
.dwzsk-list li .da p{padding: 0!important;}
.dwzsk-list li .da:before{content: '答'; top: 4px; background: #DB5858;}
.dwzsk-list li .attr{background: #F7F7F7; height: 42px; line-height: 42px; font-size: 18px; padding-left: 18px; padding-right: 18px; color: #999999;}
.dwzsk-list li .attr .fenlei{margin-right: 20px;}
.dwzsk-list li .attr .time{float: right; position: relative; padding-left: 25px;}
.dwzsk-list li .attr .time:before{content: ''; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; background: url(../images/dwzsk/dwzsk_icon_time.png) no-repeat; background-size: 100% 100%;}
.dwzsk-list li + li{margin-top: 40px;}


@media (max-width: 1500px) {
  .dwzsk-banner .book{right: 0;}
  .dwzsk-r .inbox{padding-left:20px; margin-left: 20px;}
  .dwzsk-l .inbox:after{ right: -21px;}
  .dwzsk-r .inbox:before{ left: 20px;}
  
}

@media (max-width: 1280px) {
  .dwzsk-l, .dwzsk-r{float: none; width: auto;}
  .dwzsk-l{margin-bottom: 30px;}
  .dwzsk-l .inbox:after,
  .dwzsk-r .inbox:before{display: none;}
  .dwzsk-r .inbox{margin-left: 0; padding-left: 0;}
  .dwzsk-banner .book{display: none;}
}

@media (max-width: 992px) {
  .dwzsk-fw-tit{display: block;}
  .dwzsk-fw-tit h3{display: inline-block; position: relative; font-size: 1.375em; font-weight: bold; padding-bottom: 10px;}
  .dwzsk-fw-tit h3:after{content: ''; position: absolute; width:44px; bottom:-1px; left:0; height: 3px; background: #C20000;transition: all .3s; -webkit-transition: all .3s;;}
  .dwzsk-tab > .hd{display: none;}
  .dwzsk-tab > .bd > .section + .section{margin-top: 20px;}
  .dwzsk-tab > .bd > .section{display: block !important;}
}

@media (max-width: 768px) {
  .dwzsk-ban-ss{width: 100%;}
  .dwzsk-banner .tit img{height: auto; width: 280px; margin: 0 auto;}
  .dwzsk-fw-nav{padding-top: 30px; margin-bottom: 40px;}
  .dwzsk-fw-nav li{width: 25%;}
  .dwzsk-fw-nav{height: 140px;}
  .dwzsk-list li .link{display: none;}
  .dwzsk-list li .wen{padding-right: 0;}
  .dwzsk-list li .tit{float: none; max-width:none; white-space:normal;}
  .dwzsk-list li .attr{height: auto; line-height: 26px; padding: 15px 15px; font-size: 16px;}
  .dwzsk-list li .attr span{display: block; float: none !important; padding-top: 3px; padding-bottom: 3px;}
  .dwzsk-list li .attr .time:before{margin-top: -6px;}
  .dwzsk-list li .wen:before,
  .dwzsk-list li .da:before{width: 26px; font-size: 14px;}
  .dwzsk-list li .wen,
  .dwzsk-list li .da{padding-left: 40px;}
  
}


@media (max-width: 480px) {
  .dwzsk-fwzsksj-list li{width: 50%;}
  .dwzsk-fw-nav li{width: 33.33%;}
  #data-bmfw li{width: 100%;}
}