/* 政府公报 */
.zfgb-bg{background: url(../images/zfgb/zfgb_bg.png) no-repeat center top; background-size: 1920px;}
.zfgb-header{position: relative;}
.zfgb-header-logo{position: absolute; top: 10px; width: 24.42%}
.zfgb-header-logo img{display: block; width: 100%;}
/* .zfgb-header-title{padding-top: 165px;} */
.zfgb-header-title img{display: block;}

.zfgb-maincont{padding: 30px; border-radius: 10px; background: #B7CEFC;}
.zfgb-left{width: 71.5%; padding-top: 20px; padding-bottom: 20px;}
.zfgb-right{width: 28.5%; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; border-radius: 20px; background: #3F78EA; padding: 25px; box-sizing: border-box;}

.zfgb-left-bg{background: #fff; padding: 30px; border-radius: 10px 0 0 10px; box-shadow: 0px 0px 12px  rgba(63, 120, 234, 0.5);}
.zfgb-left-title{text-align: center; position: relative; text-align: center;}
.zfgb-left-title:before{content: ''; display: block; top: 50%; position: absolute; left: 0; right: 0; height: 1px; background: #3F78EA;}
.zfgb-left-title h2{padding: 0 35px; display: inline-block; position: relative; line-height: 2.5; border-radius: 10px; background: #3F78EA; font-size: 1.5em; color: #fff; font-weight: bold;}
.zfgb-left-title h2:before,
.zfgb-left-title h2:after{content: ''; position: absolute; top: 50%; margin-top: -5px; width: 16px; height: 10px; background: #fff;}
.zfgb-left-title h2:before{right: 100%; border-left: #3F78EA 1px solid;}
.zfgb-left-title h2:after{left: 100%; border-right: #3F78EA 1px solid;}
.zfgb-left-select{text-align: center; padding-top: 22px; display: flex; align-items: center; justify-content: center; margin: 0 -5px;}
.zfgb-left-select .btn-sxq{height: 49px; background: #9ebbf3; display: inline-block; margin: 0 5px;}
.zfgb-left-select .year,
.zfgb-left-select .phase{width: 148px; display: inline-block; margin: 0 5px;}
.zfgb-left-select .layui-form-select .layui-input,
.zfgb-left-select .layui-form-select .layui-input:hover{height: 49px; border: 1px solid #3F78EA !important;}
.zfgb-left-select .layui-form-select dl{top: 54px;}
.zfgb-left-select .layui-form-select .layui-edge{border-top-color: #3F78EA;}
.zfgb-mulu{text-align: center; font-size: 1.875em; font-weight: bold; padding-top: 30px; padding-bottom: 20px;}
.zfgb-item .tit{padding-bottom: 20px; position: relative; font-size: 1.5em; font-weight: bold; border-bottom: 1px solid #3F78EA;}
.zfgb-item .tit:before{content: ''; width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 0; bottom: -3px; background: #3F78EA;}
.zfgb-item + .zfgb-item{margin-top: 40px;}

.zfgb-cover{max-width: 298px; background: #fff; padding: 20px; box-sizing: border-box; margin-left: auto; margin-right: auto;}
.zfgb-cover .tit{display: block; margin-bottom: 36px;}
.zfgb-cover .tit img{display: block; width: 100%;}
.zfgb-cover-select,
.zfgb-cover-sxq{display: flex; justify-content: space-between;}
.zfgb-cover-select .item{width: 48%; display: inline-block;}
.zfgb-cover-sxq .btn-sxq{width: 48%; background: #9ebbf3; font-size: 1em;}
.zfgb-right-line img{display: block; width: 100%; border-bottom: #fff 6px solid;}

.zfgb-panel-tit{color: #fff; font-weight: bold; font-size: 1.375em;}
.zfgb-search .layui-form-label{width:68px; padding-left:0; color: #9FBCF5;}
.zfgb-search .layui-input-block{margin-left:85px;}


.zfgbs-list li a{display:block; margin:0 auto; color:#025293; overflow:hidden; position: relative;}
.zfgbs-list li span.pic{display:block; overflow:hidden;}
.zfgbs-list li span.pic img{display:block; width:90%; margin:0 auto;}
.zfgbs-list li span.txt{display:block; padding:10px 0 0; font-size:.9375em; line-height: 1.2; text-align:center; height: 40px;}
.zfgbs-list li span.pic i {margin-left: -16px;position: absolute;left: 50%;bottom: 108px;color: #333;font-style: normal;}

   #page_div {
      display: flex;
      justify-content: center;
    }
@media (min-width:1281px){
  .zfgb-left-bg{min-height: 910px;}
}
@media (min-width:769px){
  .zfgb-gbss .layui-input{background-color: #205BD0; border-color: #90ADE8;color: white; }
  .zfgb-gbss .layui-input::placeholder{color: #5A8BED;}
  .zfgb-gbss .layui-form-select .layui-edge{border-top-color: #5A8BED; }
}


.zfgb-gbss .cwrq .layui-input-block{display: flex;}
.zfgb-gbss .start,
.zfgb-gbss .end{flex: 1;}
.zfgb-gbss .end{margin-right: 0;}
/* .zfgb-gbss .layui-form-item .start{width: 110px;}
.zfgb-gbss .layui-form-item .end{width: 110px; margin-right: 0;} */
.zfgb-gbss .layui-form-item .layui-form-mid{color: #90ADE8;}

.zfgb-gbss-btn button,
.zfgb-gbss-btn button:hover{background: #FFFFFF; color: #1249B8; font-weight: bold; height: 42px; font-size: 1em;}
.zfgb-links ul li a{display: block; line-height: 1.5; padding: 12px 20px; background: #205BD0; border: 1px solid #90ADE8; color: #fff;}
.zfgb-links ul li + li a{margin-top: 10px;}

.zfgb-other{text-align:center;}
.zfgb-other li{display:inline-block; margin:0 5%; font-size:0.875em; color:#025293;}
.zfgb-other li a{color:#025293}
.zfgb-other li dt{padding-top:5px;}
.zfgb-other li #div_div{height:80px;}
.zfgb-other li #div_div canvas{width:80px; height:80px;}

@media (max-width:1280px){
  .zfgb-left-bg{padding: 20px;}
  .zfgb-maincont{padding: 20px;}
  .zfgb-left{width: auto; padding-top: 0; padding-bottom: 0; margin-bottom: 20px;}
  .zfgb-left-bg{border-radius: 10px;}
  .zfgb-right{width: auto; position: static;}
}

@media (max-width:768px){
  .zfgb-bg{background-size: 150%;}
  .zfgb-header{margin-bottom: 30px;}
  .zfgb-maincont{padding: 0; background: none;}
  .zfgb-left-bg{padding: 0; box-shadow: none; background: none;}
  .zfgb-left-title h2{padding: 0 20px; line-height: 2.4; border-radius: 5px; font-size: 1.25em;}
  .zfgb-left-select .btn-sxq{font-size: 0; padding:0 10px;}
  .zfgb-left-select .btn-sxq i{font-size: 16px; margin: 0;}
  .zfgb-left-select .year, .zfgb-left-select .phase{width: auto;}
  
  .zfgb-right{background: #ecf3fb; border-radius: 5px; padding: 20px;}
  .zfgb-right-line{display: none;}
  .zfgb-panel-tit{color: #205BD0;}
  .zfgb-search .layui-form-label{color: #333;}
  .zfgb-links ul li a{background: #fff; color: #333;}
}

@media (max-width:450px){
  .zfgb-gbss .cwrq .layui-input-block{display: block;}
  .zfgb-gbss .cwrq .layui-form-mid{display: none;}
  .layui-form-item .layui-input-inline{margin-left: 0;}
#page_div {

    flex-wrap: wrap;
}
}


/* older */
body.older .zfgb-search .layui-form-label{font-size: 16px;}
@media (min-width:768px){
  body.older .zfgbs-list li span.txt{height: 73px;}
  body.older .zfgb-left-bg{padding: 25px;}
  body.older .zfgb-maincont{padding: 25px;}
  body.older .zfgb-left{width: auto; padding-top: 0; padding-bottom: 0; margin-bottom: 20px;}
  body.older .zfgb-left-bg{border-radius: 10px;}
  body.older .zfgb-right{width: auto; position: static;}
  body.older .zfgb-cover{max-width: 400px;}
  body.older .zfgb-cover-sxq .btn-sxq{height: 48px; line-height: 48px;}
  body.older .zfgb-cover-sxq .btn-sxq i{font-size: 24px;}
  body.older .zfgb-cover .layui-input{height: 58px; line-height: 58px;}
  body.older .zfgb-cover .layui-form-select dl{top: 65px;}
  body.older .zfgb-cover-select{margin-bottom: 20px;}
  body.older .zfgb-search .layui-form-label{width: 120px; font-size: 1em;}
  body.older .zfgb-search .layui-input-block{margin-left: 140px;}
  body.older .zfgb-gbss .layui-input{height: 58px;}
  body.older .zfgb-gbss .layui-form-label{line-height: 39px;}
  body.older .zfgb-gbss .layui-form-select dl{top: 65px;}
  body.older .zfgb-gbss-btn button{height: 58px;}

  body.older .zfgb-left-select .btn-sxq{font-size: 1em;}
  body.older .zfgb-left-select .btn-sxq i{font-size: 22px;}
  body.older .zfgb-left-select .year, 
  body.older .zfgb-left-select .phase{width: 155px;}
}