body{background-color:#fff;}
.gfxwj.container{margin:20px auto;}
.gfxwj .logo{display:flex;justify-content:center;align-items:center;position:relative;padding:30px 0;}
.gfxwj .logo:before,.gfxwj .logo:after{top:0;left:0;right:0;bottom:0;position:absolute;content:'';display:block;}
.gfxwj .logo:before{background:url(../images/gfxwj_logo_bg_l.png) no-repeat center left;}
.gfxwj .logo:after{background:url(../images/gfxwj_logo_bg_r.png) no-repeat center right;}
.gfxwj .box{display:flex;justify-content:flex-start;}
.gfxwj .box .nav{z-index:20;transform:translate(0);}
.gfxwj .box .nav .t{text-align:center;background-color:#005197;color:#fff;font-weight:bold;font-size:18px;padding:20px 0;border-radius:6px;}
.gfxwj .box .nav .n-box .main,.gfxwj .box .nav .n-box .d-t{display:flex;justify-content:flex-start;padding:20px;font-size:18px;font-weight:bold;}
.gfxwj .box .nav .n-box .main img,.gfxwj .box .nav .n-box .d-t img{margin-right:15px;}
.gfxwj .box .nav .n-box .main{background-color:#f5f5f5;cursor:pointer;}
.gfxwj .box .nav .n-box .main.on{background-image:linear-gradient(to bottom,#e5edf4,#d5e3ef);}
.gfxwj .box .nav .n-box .d-t{background-color:#f5f5f5;}
.gfxwj .box .nav .n-box .d-t.on{background-image:linear-gradient(to bottom,#e5edf4,#d5e3ef);}
.gfxwj .box .nav .n-box .d-box{background:#f0f6fa;max-height:600px;max-height:80vh;overflow-y:auto;}
.gfxwj .box .nav .n-box .d-box .d-item{position:relative; padding:15px 16px 15px 38px;cursor:pointer;}
.gfxwj .box .nav .n-box .d-box .d-item:after{content:'';width:1px;position:absolute;top:0;bottom:0;background-color:#a8d2e9;left:20px;z-index:0;}
.gfxwj .box .nav .n-box .d-box .d-item:before{content:'';width:7px !important;height:7px !important;position:absolute;top:0;bottom:0;left:16px;margin:auto;background-color:#fff;border-radius:50%;border:1px solid #065599;z-index:1;transition:all 0.4s ease;}
.gfxwj .box .nav .n-box .d-box .d-item:hover,.gfxwj .box .nav .n-box .d-box .d-item.on{font-weight:bold;}
.gfxwj .box .nav .n-box .d-box .d-item:hover:before,.gfxwj .box .nav .n-box .d-box .d-item.on:before{background-color:#065599;}
/* .gfxwj .box .list-box .gfxwjdaterange{width:70%;}
.gfxwj .box .list-box .gfxwjdaterange .layui-input-inline{width:40%;} */
.gfxwj [lay-id='list-table'] .layui-table th > div{text-align:center;color:#005197;font-weight:bold;}
.gfxwj [lay-id='list-table'] .layui-table thead tr{background-color:#e5edf4;}
.gfxwj .layui-btn{background-color:#005197;border-radius:5px;padding-left:40px;padding-right:40px;}
.gfxwj .layui-btn-primary{background:#a5a5a5;border-radius:5px;color:#fff;}

.gfxwj .box .list-box .layui-form-item .layui-inline{margin-bottom: 0;margin-right: 0;display: block;}
.gfxwj .box .list-box .gfxwjdaterange{width: auto;margin: 0 0 0 110px;display: block;}
.gfxwj .box .list-box .gfxwjdaterange .layui-input-inline{width: 47%;margin:0;}
.gfxwj .box .list-box .gfxwjdaterange .layui-form-mid{padding: 0!important;line-height: 38px!important;margin: 0; width: 6%;text-align: center;}


/* PC响应式 responsive  */
@media (max-width:991px){
  .gfxwj .logo:before,
  .gfxwj .logo:after{display:none;}

  .gfxwj .box{display:block;}
  .gfxwj .box .nav{width:50vw !important;position:fixed;bottom:0;left:0;height:100vh;transition:all 0.4s ease;left:-50vw;padding:0;z-index:1000;}
  .gfxwj .box .nav.open{left:0;}
  /* .gfxwj .box .list-box .gfxwjdaterange{width:65%;} */
  /* .gfxwj .box .list-box{width:100%;} */
}

@media (max-width: 640px){
  .gfxwj .layui-table-box{overflow-x: auto;}
  .gfxwj .laytable-cell-1-0-0 {width: 264px!important;}
  .gfxwj .laytable-cell-1-0-1 {width: 226px!important;}
  .gfxwj .laytable-cell-1-0-2 {width: 160px!important;}
  .gfxwj .layui-table-page{white-space: normal;}
  .gfxwj .layui-table-page>div{height: auto;padding:5px 0;}
  .gfxwj .layui-table-page{white-space: normal;}
  .gfxwj .layui-table-page>div{height: auto;}
  .gfxwj .layui-table-page .layui-laypage{margin: 10px 0 0;}
  .gfxwj .layui-table-page .layui-laypage a, 
  .gfxwj .layui-table-page .layui-laypage span,
  .gfxwj .layui-table-page .layui-laypage button,
  .gfxwj .layui-table-page .layui-laypage input,
  .gfxwj .layui-table-page select{height: auto;vertical-align: middle;}
  .gfxwj .layui-laypage .layui-laypage-curr em{vertical-align: middle;}
  .gfxwj .layui-laypage .layui-laypage-limits{vertical-align: top;}
  .gfxwj .layui-table-view{height: auto!important;}
  .gfxwj .layui-laypage-skip .layui-input{width: 60px;padding:2px 5px;}
}
@media (max-width: 580px){
  .gfxwj .box{padding: 0;}
  .gfxwj .laytable-cell-1-0-0 {width: 320px!important;}
  .gfxwj .laytable-cell-1-0-1 {width: 200px!important;}
  .gfxwj .laytable-cell-1-0-2 {width: 140px!important;}
  .gfxwj .layui-form-item .layui-form-label{float: none;text-align: left;padding:9px 0; }
  .gfxwj .layui-form-item .layui-input-block,
  .gfxwj .box .list-box .gfxwjdaterange{margin-left: 0;}
  .gfxwj .box .list-box .gfxwjdaterange .layui-input-inline{width: 47%!important;float: left!important;left:0!important;}
}


/* PC适老化 older */
.older .gfxwj .box{display: block;}
.older .gfxwj .layui-col-md3{float: none; width: 100%;}
.older .gfxwj .layui-col-md9{float: none;width: 100%; margin-top: 30px;}
.older .gfxwj .box .nav .t,
.older .gfxwj .box .nav .n-box .main,
.older .gfxwj .box .nav .n-box .d-t{font-size: 22px;}

.older .gfxwj .box .nav .n-box .d-box,
.older .gfxwj .layui-table-cell,
.older .gfxwj .layui-table-body .layui-none{font-size: 20px;}

.older .gfxwj .logo img{min-width: 35%;}
.older .gfxwj .layui-col-md6{width: 100%;}
.older .gfxwj .layui-form-item{margin-bottom: 28px;}
.older .gfxwj .layui-form-item .layui-form-label{width: 158px;padding:0;}
.older .gfxwj .layui-form-item .layui-input-block{margin-left: 178px;}

.older .gfxwj .layui-form-select dl{top: 76px;}
.older .gfxwj .layui-form-select dl dd,
.older .gfxwj .layui-form-select dl dt{padding: 10px;}
.older .gfxwj .box .list-box .gfxwjdaterange{margin: 0 0 0 178px;}
.older .gfxwj .box .list-box .gfxwjdaterange .layui-form-mid{line-height: 70px!important;}
.older .gfxwj .layui-laypage .layui-laypage-curr em{vertical-align: middle;}
.older .gfxwj .layui-laypage .layui-laypage-limits{vertical-align: top;}
.older .gfxwj .layui-table-view{height: auto!important;}
.older .gfxwj .layui-laypage *{font-size: 18px;}
@media (max-width: 580px){
  .older .gfxwj .layui-form-item .layui-input-block{margin-left: 0;}	
  .older .gfxwj .box .list-box .gfxwjdaterange{margin-left: 0;}
}