body{font-size: 16px;}
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.zcfgk-container{width: 1200px; margin: 0 auto;}
.zcfgk-header{height: 411px; background: url(../images/zcfg_header_bg.jpg) no-repeat center top; border-bottom: #2e61e5 4px solid; margin-bottom: 20px;}
.zcfgk-logo{position: absolute; top: 30px;}
.zcfgk-banner-m{display: none;}

.zcfgk-form{background: #f5f5f5; padding:10px 20px; margin-bottom: 20px;}
.zcfgk-title{border-bottom: 1px solid #ddd; padding: 10px 0; margin-bottom: 20px;}
.zcfgk-title h3{position:relative; padding-left:20px; display: inline-block; font-size:1.25em; font-weight:bold; color:#0059b2;}
.zcfgk-title h3:before{position:absolute; top:50%; left:0; content:""; width:5px; height:18px; margin-top:-8px; background-color:#0059b2; border-radius: 2px;}

.zcfgk-form .layui-form-item{float: left; width: 48%; padding: 0 1%; clear: none;}
.zcfgk-form .fwrq > .layui-input-block{display: flex;}
.zcfgk-form .fwrq .layui-form-mid{ text-align: center; margin: 0; padding: 0 10px !important; line-height: 38px;}
.zcfgk-form .fwrq .layui-input-inline{margin-right: 0; flex: 1;}

.zcfgk-form-btn{text-align: center; padding: 20px 0; clear: both;}
.zcfgk-form-btn button{color: #fff; font-weight: bold;}
.zcfgk-form-btn .cx{background-color: #4d89e3;}
.zcfgk-form-btn .cz{background-color: #a5a5a5;}

.zcfgk-list .hd{background: #f5f5f5; height: 66px; line-height: 66px; font-size: 1.25em; font-weight: bold; color: #0059b2;}
.zcfgk-list ul li span{position: absolute;}
.zcfgk-list ul li{position: relative;}
.zcfgk-list ul li .rq{width:220px; text-align: center; right: 0;}
.zcfgk-list ul li .wh{width:220px; text-align: center; right: 220px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.zcfgk-list ul li .bt{left: 45px; right: 460px; overflow: hidden;}
.zcfgk-list ul li .bt a{float: left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 100%;}
.zcfgk-list ul li:nth-child(2n){background: #f2f2f2;}
.zcfgk-list .bd li{height: 55px; line-height: 55px;}
.zcfgk-list .bd li a:hover{color: #0063b8;}
.zcfgk-list .bd li.noData{padding-left: 46px;}

/*pagediv*/
.pagediv{padding:40px 0; font-size:14px; color:#555; line-height:28px; text-align:center; clear:both;}
.pagediv li{display: inline-block;}
.pagediv .arrow a{color: #555;}
.pagediv .total_count,
.pagediv .arrow a,
.pagediv .arrow span,
.page_jump a{display: inline-block; padding:0 10px; margin:4px; zoom:1; border:#dfdfdf 1px solid; border-radius:3px; 
}
.pagediv  #page_input{width:40px; height:28px; color:#888; text-align:center; border:#dfdfdf 1px solid; border-radius:3px; background:#fff;}
.pagediv .total_count,
.pagediv .arrow a,
.page_jump a{
	transition: all .2s;
	-webkit-transition: all .2s;
	background: #f1f1f1;
	background: -webkit-linear-gradient(#ffffff 10%, #f1f1f1);
	background: -o-linear-gradient(#ffffff 10%, #f1f1f1);
	background: -moz-linear-gradient(#ffffff 10%, #f1f1f1);
	background: linear-gradient(#ffffff 10%, #f1f1f1);
}
.pagediv .arrow span{background: #f5f5f5; color: #999;}
.pagediv .arrow a:hover,
.page_jump a:hover,
.pagediv .arrow .current{background:#0063b8; border-color:#0063b8; color:#fff; text-decoration:none;}
.pagediv .arrow .current{font-weight: bold;}
.page_jump{margin-left: 4px;}
.page_jump a{margin-left: 6px;}

@media (max-width: 1280px) {
  .zcfgk-container{width: auto; margin: 0 20px;}
  .zcfgk-banner-m{display: block;}
  .zcfgk-banner-m img{display: block; width: 100%;}
  .zcfgk-header{height: auto; background: none;}
  .zcfgk-logo{display: none;}
  .zcfgk-header .zcfgk-container{margin: 0;}

}

@media (max-width: 860px) {
  .zcfgk-form .layui-form-item{float: none; padding: 0; width: auto;}
}

@media (max-width: 768px) {
  .zcfgk-list .hd{display: none;}
  .zcfgk-list .bd li{height: auto; line-height: 28px; padding: 22px 15px;}
  .zcfgk-list .bd li span{position: static; color: #888; margin-right: 20px; display: inline-block; text-align: left; width: auto;}
  .zcfgk-list .bd li .bt{display: block; margin-bottom: 12px; margin-right: 0; font-size: 18px;}
  .zcfgk-list .bd li .bt a{float: none; white-space:inherit; color: #000;}
  .zcfgk-list .bd li.noData{padding-left: 0;}
}

@media (max-width: 450px) {
  .zcfgk-form{padding:15px;}
  .zcfgk-form .layui-form-label{float: none; width: auto; padding-left: 0; padding-right: 0; text-align: left;}
  .zcfgk-form .layui-input-block{margin-left: 0;}
  .zcfgk-form .layui-form-item .layui-input-inline{margin-left: 0; left: 0;}
  .zcfgk-form .fwrq .layui-form-mid{top: 0 !important;}
  
}

@media (max-width: 370px) {
  .zcfgk-form .fwrq > .layui-input-block{display: block;}
  .zcfgk-form .fwrq .layui-form-mid{margin-top: -10px; padding: 0 !important;}
}