@charset "UTF-8";
@import url("/static/home/default/assets/font/bahnschrift/bahnschrift.css");
@import url("/static/home/default/assets/font/futurademic/futurademic.css");
@import url("/static/home/default/assets/font/BEBAS/BEBAS.css");
@import url("/static/home/default/assets/font/lovelo/lovelo.css");
body { margin: 0 auto; max-width: 1920px; width: 100%; min-width: 1366px; font: 16px/1.5 arial,'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif; color: #333333; padding: 0; box-sizing: border-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

input { vertical-align: middle; }

textarea { resize: none; }

/*input placeholder 样式 */
::-webkit-input-placeholder { color: #999999; }

:-moz-placeholder { color: #999999; }

::-moz-placeholder { color: #999999; }

:-ms-input-placeholder { color: #999999; }

/*修改滚动条*/
::-webkit-scrollbar { width: 6px; height: 6px; }

::-webkit-scrollbar-track { box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px; }

::-webkit-scrollbar-thumb { border-radius: 6px; background: #bbb; }

.w-100 { width: 100%; }

.h-100 { height: 100%; }

.pl-0 { padding-left: 0 !important; }

.pr-0 { padding-right: 0 !important; }

.pl-20 { padding-left: 20px !important; }

.mt-20 { margin-top: 20px !important; }

.mr-20 { margin-right: 20px !important; }

.ml-20 { margin-left: 20px !important; }

.mb-20 { margin-bottom: 20px !important; }

.m-auto { margin: 0 auto !important; }

body { --theme-txt-color: #004a92; --theme-color: #0068b7; --theme-red: #cb1f24; --theme-blue:#0068b7; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

div { margin: 0; padding: 0; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p { margin: 0; padding: 0; border: none; list-style-type: none; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wrap { margin: 0 auto; width: 100%; position: relative; overflow: hidden; }

.table td, .table th { padding: 5px; }

/*重置svg图标*/
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }

.f_l, .fleft, .pull-left { float: left !important; }

.f_r, .fright, .pull-right { float: right !important; }

.d-block { display: block; }

.d-inline { display: inline; }

.d-none { display: none; }

.d-inline-block { display: inline-block !important; }

a { text-decoration: none; color: #666; transition: all .2s linear 0s; }

a:hover { color: var(--theme-color); }

a:focus { outline: none; }

a, a:link, a:active, a:visited, a:hover { text-decoration: none; }

.text-uppercase { text-transform: uppercase; }

.row { --gutter-x: 12px; --gutter-y: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(var(--gutter-y)*-1); margin-right: calc(var(--gutter-x)/-2); margin-left: calc(var(--gutter-x)/-2); }
.row.gy-0 { --gutter-y: 0; }
.row.g-0 { --gutter-x:0; --gutter-y: 0; }

.row > * { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--gutter-x)/2); padding-left: calc(var(--gutter-x)/2); margin-top: var(--gutter-y); }

.col { flex: 1 0 0%; }

.row-cols-auto > * { flex: 0 0 auto; width: auto; }

.row-cols-1 > * { flex: 0 0 auto; width: 100%; }

.row-cols-2 > * { flex: 0 0 auto; width: 50%; }

.row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; }

.row-cols-4 > * { flex: 0 0 auto; width: 25%; }

.row-cols-5 > * { flex: 0 0 auto; width: 20%; }

.row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; }

.col-1 { width: calc(100% / 1); }

.col-2 { width: calc(100% / 2); }

.col-3 { width: calc(100% / 3); }

.col-4 { width: calc(100% / 4); }

.col-5 { width: calc(100% / 5); }

.col-6 { width: calc(100% / 6); }

.ratio { position: relative; width: 100%; }
.ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ratio:before { display: block; padding-top: var(--aspect-ratio); content: ""; }

.ratio-4x3 { --aspect-ratio: calc(3 / 4 * 100%); }

.ratio-3x4 { --aspect-ratio: calc(4 / 3 * 100%); }

.ratio-16x9 { --aspect-ratio: calc(9 / 16 * 100%); }

.ratio-21x9 { --aspect-ratio: calc(9 / 21 * 100%); }

.ratio-2x3 { --aspect-ratio: calc(2 / 3 * 100%); }

.ratio-1x1 { --aspect-ratio: 100%; }

.ratio-9x7 { --aspect-ratio: calc(7 / 9 * 100%); }

.w-980 { width: 980px; }

.w-420 { width: 420px; }

.position-relative { position: relative !important; }

.position-static { position: static !important; }

.position-absolute { position: absolute !important; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.over-line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.over-line-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.text-justify { text-align: justify !important; text-align-last: justify; }

.object-fit-cover { -o-object-fit: cover; object-fit: cover; }

.object-fit-contain { -o-object-fit: contain; object-fit: contain; }

.object-fit-scaleDown { -o-object-fit: scale-down; object-fit: scale-down; }

.abs-center { margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; }

.iconfont { font-size: inherit; }

.img-fluid { display: block; max-width: 100%; }

.wrapper, .container-fluid { width: 100%; overflow: hidden; }

.container { width: 1280px; margin: 0 auto; }

.bg-white { background-color: #ffffff !important; }

.bg-grey { background-color: #f7f8fa !important; }

.bg-light { background-color: #f8f8f8 !important; }

.bg-light-2 { background-color: #fbfbfb !important; }

.bg { background-color: #f6f8fb !important; }

.p-20 { padding: 20px !important; }

.pt-20 { padding-top: 20px !important; }

.overhidden { overflow: hidden; }

.w-next, .w-prev { cursor: pointer; position: absolute; z-index: 2; width: 40px; height: 40px; margin: auto; top: 0; bottom: 0; background-color: rgba(0, 104, 183, 0.5); border-radius: 50%; }
.w-next svg, .w-prev svg { width: 50%; height: 50%; margin: auto; top: 0; bottom: 0; left: 0; right: 0; position: absolute; }
.w-next svg path, .w-prev svg path { fill: #ffffff; }
.w-next.swiper-button-disabled, .w-prev.swiper-button-disabled { opacity: .5; cursor: not-allowed; }

.w-next { right: 0; }

.w-prev { left: 0; }

.f12 { font-size: 12px; }

.f14 { font-size: 14px; }

.f16 { font-size: 16px; }

/*新闻文字列表*/
.news-list .news-item { --item-time:120px; }
.news-list .news-item .news-title { width: calc(100% - var(--item-time) - 20px); line-height: 2.8; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.news-list .news-item .news-title::before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background-color: currentColor; vertical-align: middle; margin-right: 5px; }
.news-list .news-item .news-time { width: var(--item-time); text-align: right; color: #a6a6a6; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.news-list .news-gap-line { border-bottom: 1px dashed #dddddd; width: 100%; margin: 20px 0; }
.news-list.xxgk .news-item .news-title { line-height: 2.5; }
.news-list.xxgk .news-gap-line { margin: 10px 0; }

/*图片列表*/
.image-list { --gutter-x: 22px; --gutter-y: 22px; }
.image-list .item .item-wrap .item-img { overflow: hidden; }
.image-list .item .item-wrap .item-img img { -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.image-list .item:hover .item-wrap .item-img img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }

/* 前台 完整分页 分页效果 - bootstrap 样式 start */
.paeg { text-align: center; }

.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }

.pagination > li { display: inline; }

.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; line-height: 1.2; }

.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }

.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

/* 前台 完整分页 分页效果 - bootstrap 样式 end */
.layui-form-label { width: 120px !important; }

.layui-input-block { margin-left: 120px !important; }

.layui-form-item .layui-input-inline { width: 390px !important; }

.layui-input.captcha-input { width: 230px; display: inline-block; margin-right: 5px; }

.verifyImg { height: 38px; width: 150px; }

.w-form .layui-input:focus, .w-form .layui-textarea:focus { border-color: var(--theme-color) !important; }

.form-submit { background-color: #0068b7; cursor: pointer; color: #ffffff; width: 150px; height: 42px; text-align: center; line-height: 42px; border-radius: 3px; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; border: none; }
.form-submit:hover { background-color: #0085ea; }

.empty-tips { text-align: center; color: #999; font-size: 110%; margin: 5vw auto  3rem; font-weight: normal; }

.empty-tips svg { width: 8vw; height: auto; fill: #666666; margin-bottom: 1rem; }

.no-bg { background: none !important; }

.header { background: url("/static/home/default/Image/header-bg.jpg") center/cover no-repeat; }
.header.header-index { background: url("/static/home/default/Image/index-header-bg.jpg") center/cover no-repeat; }
.header.header-index .header-mid { height: 360px; }
.header.header-index .header-mid .header-logo { text-align: center; }
.header.header-index .header-mid .header-search { margin-top: 40px; width: 600px; height: 60px; padding: 5px; background: rgba(255, 255, 255, 0.8); border-radius: 3px; }
.header.header-index .header-mid .header-search .search-wrap { height: 100%; border-radius: 3px; overflow: hidden; }
.header.header-index .header-mid .header-search .search-input { display: block; height: 100%; flex: 1; margin: 0; padding: 10px 18px; border: none; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #757575; font-size: 16px; }
.header.header-index .header-mid .header-search .search-input:focus { outline: none; }
.header.header-index .header-mid .header-search .search-btn { width: 100px; background-color: var(--theme-color); color: #ffffff; border: none; cursor: pointer; }
.header.header-index .header-mid .header-search .search-btn:hover { background-color: var(--theme-txt-color); }
.header.header-index .header-mid .header-search .search-btn svg { fill: #ffffff; width: 26px; height: 26px; }
.header.header-index .header-nav { background: url("/static/home/default/Image/nav-bg.png") center/cover no-repeat; }
.header.header-index .header-nav ul > li { position: relative; }
.header.header-index .header-nav ul > li::before { display: none; }
.header .header-top { width: 93%; margin: 0 auto; height: 60px; color: var(--theme-txt-color); }
.header .header-top a { color: var(--theme-color); }
.header .header-top .header-right i { display: block; height: 12px; border-left: 1px solid var(--theme-txt-color); margin: 0 12px; vertical-align: middle; }
.header .header-nav { background: var(--theme-color); }
.header .header-nav ul > li { flex: 1; height: 65px; position: relative; }
.header .header-nav ul > li:not(:first-child) { border-left: 1px solid rgba(255, 255, 255, 0.1); }
.header .header-nav ul > li:not(:last-child) { border-right: 1px solid rgba(0, 83, 146, 0.5); }
.header .header-nav ul > li .nav-icon { display: inline-block; vertical-align: middle; width: 32px; height: 32px; }
.header .header-nav ul > li > a { width: 100%; height: 100%; font-size: 20px; color: #ffffff; position: relative; z-index: 2; }
.header .header-nav ul > li > a span { display: inline-block; vertical-align: middle; }
.header .header-nav ul > li:nth-child(1) .nav-icon { background: url("/static/home/default/Image/nav/nav-1.png") center no-repeat; }
.header .header-nav ul > li:nth-child(2) .nav-icon { background: url("/static/home/default/Image/nav/nav-2.png") center no-repeat; }
.header .header-nav ul > li:nth-child(3) .nav-icon { background: url("/static/home/default/Image/nav/nav-3.png") center no-repeat; }
.header .header-nav ul > li:nth-child(4) .nav-icon { background: url("/static/home/default/Image/nav/nav-4.png") center no-repeat; }
.header .header-nav ul > li:nth-child(5) .nav-icon { background: url("/static/home/default/Image/nav/nav-5.png") center no-repeat; }
.header .header-nav ul > li:nth-child(6) .nav-icon { background: url("/static/home/default/Image/nav/nav-6.png") center no-repeat; }
.header .header-nav ul > li::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; background-color: rgba(0, 0, 0, 0.2); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.header .header-nav ul > li:hover::before, .header .header-nav ul > li.on::before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
.header:not(.header-index) .header-mid { padding: 30px 0; }
.header:not(.header-index) .header-mid .header-search { width: 460px; height: 50px; background: white; border-radius: 5px; border: 1px solid #d4e3ee; }
.header:not(.header-index) .header-mid .header-search .search-wrap { height: 100%; border-radius: 5px; overflow: hidden; }
.header:not(.header-index) .header-mid .header-search .search-input { display: block; height: 100%; flex: 1; margin: 0; padding: 10px 18px; border: none; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #757575; font-size: 16px; }
.header:not(.header-index) .header-mid .header-search .search-input:focus { outline: none; }
.header:not(.header-index) .header-mid .header-search .search-btn { width: 100px; background-color: var(--theme-color); color: #ffffff; border: none; cursor: pointer; }
.header:not(.header-index) .header-mid .header-search .search-btn:hover { background-color: var(--theme-txt-color); }
.header:not(.header-index) .header-mid .header-search .search-btn svg { fill: #ffffff; width: 26px; height: 26px; }

.footer { padding-top: 36px; height: 285px; background: url("/static/home/default/Image/footer-bg.jpg") bottom center no-repeat #0068b7; color: #ffffff; }
.footer .footer-favlink select { height: 40px; line-height: 40px; flex: 1; margin: 10px; border-radius: 3px; outline: none; color: #666666; padding-left: 10px; }
.footer .footer-bottom { margin-top: 36px; font-size: 14px; }
.footer .footer-bottom .footer-nav { width: 230px; text-align: center; line-height: 2; }
.footer .footer-bottom .footer-nav a { font-size: 15px; color: #ffffff; display: block; opacity: .5; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.footer .footer-bottom .footer-nav a:hover { opacity: 1; }
.footer .footer-bottom .footer-contact { width: 260px; line-height: 2; }
.footer .footer-bottom .footer-contact p { opacity: .5; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.footer .footer-bottom .footer-contact p:hover { opacity: 1; }
.footer .footer-bottom .footer-codes { line-height: 2; }
.footer .footer-bottom .footer-codes p { color: #ffffff; opacity: .5; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.footer .footer-bottom .footer-codes p:hover { opacity: 1; }
.footer .footer-bottom .footer-codes a { color: #ffffff; }
.footer .footer-bottom .footer-icons { width: 310px; }
.footer .footer-bottom .footer-icons img { height: 70px; }

.location-box { margin-top: 20px; line-height: 46px; padding: 0 15px; background-color: #e8f1f8; color: #666666; }
.location-box i { display: inline-block; margin: 0 3px; }
.location-box i::before { font-family: cursive,monospace; content: '>'; font-style: normal; }
.location-box a:last-child { color: var(--theme-color); }

#_span_jiucuo { margin-left: 20px; display: inline-block; height: 60px; }
#_span_jiucuo img { max-height: 100%; }

.w-730 { width: 730px; }

.w-520 { width: 520px; }

.w-830 { width: 830px; }

.w-410 { width: 410px; }

.page-location { height: 52px; line-height: 52px; padding-left: 20px; font-size: 14px; }
.page-location i svg path { fill: var(--theme-color); }
.page-location a.active { color: var(--theme-color); }

.tabs-box .tab-con .con:not(:first-child) { display: none; }

.index-top { padding: 40px 0 60px; }
.index-top .news-primary { text-align: center; line-height: 2; margin-bottom: 40px; }
.index-top .news-primary .primary-title { font-size: 34px; font-weight: bold; color: #333333; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.index-top .news-primary .primary-desc { font-size: 18px; color: #666666; }
.index-top .news-primary:hover .primary-title { color: var(--theme-color); }
.index-top .focus-news { width: 730px; }
.index-top .tabs-box .tab-head li a { display: block; font-size: 18px; text-align: center; color: var(--theme-color); height: 42px; line-height: 42px; letter-spacing: 2px; background: url("/static/home/default/Image/tab-li-bg.jpg") center/cover no-repeat; position: relative; }
.index-top .tabs-box .tab-head li a::before { content: ''; width: 0; height: 0; display: block; position: absolute; border: 6px solid transparent; border-top-color: #005da4; bottom: -12px; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; }
.index-top .tabs-box .tab-head li a strong { position: relative; }
.index-top .tabs-box .tab-head li.active a, .index-top .tabs-box .tab-head li:hover a { color: #ffffff; background: url("/static/home/default/Image/tab-li-hover-bg.jpg") center/cover no-repeat; }
.index-top .tabs-box .tab-head li.active a::before, .index-top .tabs-box .tab-head li:hover a::before { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: transform .3s, opacity .5s; -moz-transition: transform .3s, opacity .5s; -ms-transition: transform .3s, opacity .5s; -o-transition: transform .3s, opacity .5s; transition: transform .3s, opacity .5s; }
.index-top .tabs-box .tab-con { padding-top: 10px; }
.index-top .tabs-box .tab-con .news-list .news-item { --item-time:120px; }
.index-top .tabs-box .tab-con .news-list .news-item .news-title { color: #333333; }
.index-top .tabs-box .tab-con .news-list .news-item .news-title::before { display: none; }
.index-top .tabs-box .tab-con .news-list .news-item .news-title:hover { color: var(--theme-txt-color); }
.index-top .tabs-box .tab-con .news-list .news-item .news-time { width: var(--item-time); font-size: 14px; }
.index-top .tabs-box .tab-con .news-list .news-item:hover .news-time { color: #666666; }

.focus-swiper .swiper-slide .item-wrap { position: relative; display: block; }
.focus-swiper .swiper-slide .item-wrap .item-img { position: relative; }
.focus-swiper .swiper-slide .item-wrap .item-img::after { content: ''; display: block; position: absolute; width: 100%; height: 52px; background-color: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; }
.focus-swiper .swiper-slide .item-wrap .item-title { height: 52px; position: absolute; width: 75%; left: 0; bottom: 0; line-height: 52px; padding: 0 20px; color: #ffffff; }
.focus-swiper .focus-pagination { position: absolute; width: 20%; bottom: 14px; right: 0; z-index: 2; left: auto; }
.focus-swiper .focus-pagination .swiper-pagination-bullet { border-radius: 0; width: 20px; height: 5px; background-color: #ffffff; }
.focus-swiper .focus-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ffffff; }

.box { margin-bottom: 38px; }
.box .box-head { background-color: #f6f8fb; }
.box .box-head ul li { display: block; height: 54px; text-align: center; line-height: 54px; width: 195px; letter-spacing: 2px; font-size: 18px; font-weight: bold; margin-right: 5px; position: relative; }
.box .box-head ul li::before { content: ''; width: 0; height: 0; display: block; position: absolute; border: 6px solid transparent; border-top-color: #0068b7; bottom: -12px; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; }
.box .box-head ul li a { color: var(--theme-color); }
.box .box-head ul li.active, .box .box-head ul li:hover { background-color: var(--theme-color); }
.box .box-head ul li.active::before, .box .box-head ul li:hover::before { -webkit-transition: transform .3s, opacity .5s; -moz-transition: transform .3s, opacity .5s; -ms-transition: transform .3s, opacity .5s; -o-transition: transform .3s, opacity .5s; transition: transform .3s, opacity .5s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.box .box-head ul li.active a, .box .box-head ul li:hover a { color: #ffffff; }

.index-section { padding-top: 10px; }
.index-section .sec-head { margin: 30px auto; text-align: center; position: relative; display: flex; align-items: center; }
.index-section .sec-head::before, .index-section .sec-head::after { content: ''; display: block; position: relative; flex: 1; border-bottom: 1px solid #dddddd; height: 0; top: 0; bottom: 0; margin: auto; }
.index-section .sec-head .head-name { position: relative; }
.index-section .sec-head .head-name .sec-icon { position: absolute; margin: auto; width: 13px; height: 13px; top: 0; bottom: 0; }
.index-section .sec-head .head-name .sec-icon::before, .index-section .sec-head .head-name .sec-icon::after { content: ''; display: block; position: absolute; width: 0; height: 0; border: 6px solid transparent; }
.index-section .sec-head .head-name .sec-icon.left { left: 0; }
.index-section .sec-head .head-name .sec-icon.left::before, .index-section .sec-head .head-name .sec-icon.left::after { border-left-color: var(--theme-color); }
.index-section .sec-head .head-name .sec-icon.left::before { opacity: .5; }
.index-section .sec-head .head-name .sec-icon.left::after { left: 4px; }
.index-section .sec-head .head-name .sec-icon.right { right: 0; }
.index-section .sec-head .head-name .sec-icon.right::before, .index-section .sec-head .head-name .sec-icon.right::after { border-right-color: var(--theme-color); }
.index-section .sec-head .head-name .sec-icon.right::before { opacity: .5; }
.index-section .sec-head .head-name .sec-icon.right::after { right: 4px; }
.index-section .sec-head .head-name strong { display: inline-block; padding: 0 40px; font-size: 40px; color: var(--theme-color); letter-spacing: 5px; }
.index-section.sec-ztzl { margin-bottom: 40px; }

.xxgk-top { margin-bottom: 40px; }
.xxgk-top .zfxxgk-box { height: 490px; background: url("/static/home/default/Image/zfxxgk_box/box-bg.png") bottom center no-repeat; }
.xxgk-top .zfxxgk-box .box-head { text-align: center; }
.xxgk-top .zfxxgk-box .box-head .head-name { color: var(--theme-color); }
.xxgk-top .zfxxgk-box .box-head .head-name .cn-name { font-size: 26px; font-weight: bold; letter-spacing: 4px; }
.xxgk-top .zfxxgk-box .box-head .head-name .en-name { text-transform: uppercase; font-size: 13px; line-height: 1; }
.xxgk-top .zfxxgk-box .box-nav { padding: 20px 32px 0; }
.xxgk-top .zfxxgk-box .box-nav .nav-item { width: 100%; padding-left: 76px; margin-bottom: 12px; border-radius: 5px; overflow: hidden; position: relative; }
.xxgk-top .zfxxgk-box .box-nav .nav-item::before { content: ''; display: block; position: absolute; width: 75px; height: 100%; background: url(/static/home/default/Image/zfxxgk_box/icon-1.png) center 5px no-repeat; background-size: 61px; opacity: .2; left: 5px; top: 0; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.xxgk-top .zfxxgk-box .box-nav .nav-item .item-wrap { height: 56px; line-height: 56px; padding-right: 30px; }
.xxgk-top .zfxxgk-box .box-nav .nav-item .item-wrap .item-icon { width: 56px; height: 56px; background: url("/static/home/default/Image/zfxxgk_box/icon-1.png") center/50% no-repeat; }
.xxgk-top .zfxxgk-box .box-nav .nav-item .item-wrap .item-name { width: 230px; font-size: 20px; font-weight: bold; text-align: center; letter-spacing: 4px; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(1) { background: url("/static/home/default/Image/zfxxgk_box/bg-1.jpg") center/cover no-repeat; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(1)::before { background-image: url("/static/home/default/Image/zfxxgk_box/icon-1.png"); }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(1) .item-icon { background-image: url("/static/home/default/Image/zfxxgk_box/icon-1.png"); }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(1) .item-name { color: #9f86d2; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(1):hover .item-name { color: #bcabe0; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(2) { background: url("/static/home/default/Image/zfxxgk_box/bg-2.jpg") center/cover no-repeat; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(2)::before { background-image: url("/static/home/default/Image/zfxxgk_box/icon-2.png"); }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(2) .item-icon { background-image: url("/static/home/default/Image/zfxxgk_box/icon-2.png"); }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(2) .item-name { color: #7d9dde; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(2):hover .item-name { color: #a6bce8; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(3) { background: url("/static/home/default/Image/zfxxgk_box/bg-3.jpg") center/cover no-repeat; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(3)::before { background-image: url("/static/home/default/Image/zfxxgk_box/icon-3.png"); }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(3) .item-icon { background-image: url("/static/home/default/Image/zfxxgk_box/icon-3.png"); }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(3) .item-name { color: #dca448; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(3):hover .item-name { color: #e4b973; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(4) { background: url("/static/home/default/Image/zfxxgk_box/bg-4.jpg") center/cover no-repeat; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(4)::before { background-image: url("/static/home/default/Image/zfxxgk_box/icon-4.png"); }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(4) .item-icon { background-image: url("/static/home/default/Image/zfxxgk_box/icon-4.png"); }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(4) .item-name { color: #679dcf; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(4):hover .item-name { color: #8eb6db; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(5) { background: url("/static/home/default/Image/zfxxgk_box/bg-5.jpg") center/cover no-repeat; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(5)::before { background-image: url("/static/home/default/Image/zfxxgk_box/icon-5.png"); }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(5) .item-icon { background-image: url("/static/home/default/Image/zfxxgk_box/icon-5.png"); }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(5) .item-name { color: #e97fae; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(5):hover .item-name { color: #f0abca; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(6) { background: url("/static/home/default/Image/zfxxgk_box/bg-6.jpg") center/cover no-repeat; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(6)::before { background-image: url("/static/home/default/Image/zfxxgk_box/icon-6.png"); }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(6) .item-icon { background-image: url("/static/home/default/Image/zfxxgk_box/icon-6.png"); }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(6) .item-name { color: #a4bf63; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:nth-child(6):hover .item-name { color: #b9ce87; }
.xxgk-top .zfxxgk-box .box-nav .nav-item:hover::before { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }

.xxgk-quick-nav { margin-bottom: 50px; }
.xxgk-quick-nav .nav-item .item-wrap { background: url("/static/home/default/Image/xxgk-nav-bg.jpg") center/cover no-repeat; height: 65px; }
.xxgk-quick-nav .nav-item .item-wrap .nav-icon { margin-right: 18px; }
.xxgk-quick-nav .nav-item .item-wrap .nav-icon img { display: block; }
.xxgk-quick-nav .nav-item .item-wrap .nav-name { color: #333333; font-size: 18px; font-weight: bold; letter-spacing: 2px; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.xxgk-quick-nav .nav-item .item-wrap:hover .nav-name { color: var(--theme-color); }

.adv-box { border-radius: 5px; overflow: hidden; }
.adv-box img { display: block; }

.zwfw-box { /* background-color: #f6f8fb; padding: 20px;*/ }
.zwfw-box .box-wrap { background-color: #ffffff; }
.zwfw-box .box-wrap .item { margin-top: 0; padding: 30px 0; }
.zwfw-box .box-wrap .item .item-wrap { padding: 20px; position: relative; }
.zwfw-box .box-wrap .item .item-wrap .item-icon { width: 60px; height: 60px; margin: 0 auto 10px; }
.zwfw-box .box-wrap .item .item-wrap .item-name { color: #282828; font-weight: bold; font-size: 26px; line-height: 52px; letter-spacing: 4px; }
.zwfw-box .box-wrap .item .item-wrap .item-desc { color: #999999; line-height: 2; margin-bottom: 10px; }
.zwfw-box .box-wrap .item .item-wrap .item-con.counts a { line-height: 36px; }
.zwfw-box .box-wrap .item .item-wrap .item-con a { line-height: 28px; color: var(--theme-color); }
.zwfw-box .box-wrap .item:not(:last-child) .item-wrap::after { content: ''; display: block; position: absolute; height: 75%; width: 1px; background-color: #eeeeee; right: 0; top: 0; bottom: 0; margin: auto; }

.mzhd-box .box-top { margin-bottom: 12px; }
.mzhd-box .box-top .item .item-wrap { position: relative; width: 198px; height: 60px; background: url("/static/home/default/Image/mzhd_box/bg-t1.jpg") center/cover no-repeat; display: block; padding-left: 76px; }
.mzhd-box .box-top .item .item-wrap .item-name { line-height: 60px; height: 60px; font-size: 20px; letter-spacing: 3px; color: #de8ea7; }
.mzhd-box .box-top .item:nth-child(2) .item-wrap { background-image: url("/static/home/default/Image/mzhd_box/bg-t2.jpg"); }
.mzhd-box .box-top .item:nth-child(2) .item-wrap .item-name { color: #a891e7; }
.mzhd-box .box-bottom .item .item-wrap { display: block; height: 154px; width: 198px; text-align: center; position: relative; background: url("/static/home/default/Image/mzhd_box/bg-b1.jpg") center/cover no-repeat; }
.mzhd-box .box-bottom .item .item-wrap .item-name { font-size: 20px; letter-spacing: 3px; color: #99b3e9; position: absolute; width: 100%; bottom: 0; left: 0; line-height: 66px; }
.mzhd-box .box-bottom .item:nth-child(2) .item-wrap { background-image: url("/static/home/default/Image/mzhd_box/bg-b2.jpg"); }
.mzhd-box .box-bottom .item:nth-child(2) .item-wrap .item-name { color: #ecc995; }
.mzhd-box.style2 .item { margin-bottom: 12px; }
.mzhd-box.style2 .item .item-wrap { display: block; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; position: relative; }
.mzhd-box.style2 .item .item-wrap .item-name { -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; font-size: 20px; letter-spacing: 3px; }
.mzhd-box.style2 .item:nth-child(1) .item-wrap .item-name, .mzhd-box.style2 .item:nth-child(2) .item-wrap .item-name { width: 100%; text-align: center; position: absolute; margin: auto; bottom: 24px; }
.mzhd-box.style2 .item:nth-child(3), .mzhd-box.style2 .item:nth-child(4) { margin-bottom: 0; }
.mzhd-box.style2 .item:nth-child(3) .item-wrap .item-name, .mzhd-box.style2 .item:nth-child(4) .item-wrap .item-name { position: absolute; top: 16px; left: 75px; }
.mzhd-box.style2 .item:nth-child(1) .item-name { color: #de8ea7; }
.mzhd-box.style2 .item:nth-child(1):hover .item-name { color: #eab5c6; }
.mzhd-box.style2 .item:nth-child(2) .item-name { color: #a891e7; }
.mzhd-box.style2 .item:nth-child(2):hover .item-name { color: #c9bbf0; }
.mzhd-box.style2 .item:nth-child(3) .item-name { color: #a399e9; }
.mzhd-box.style2 .item:nth-child(3):hover .item-name { color: #c9c3f2; }
.mzhd-box.style2 .item:nth-child(4) .item-name { color: #e4bf7a; }
.mzhd-box.style2 .item:nth-child(4):hover .item-name { color: #edd3a4; }

.special-swiper .w-prev, .special-swiper .w-next { width: 30px; height: 50px; background: rgba(0, 0, 0, 0.2); border-radius: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.special-swiper .w-prev svg, .special-swiper .w-next svg { width: 70%; height: 70%; }
.special-swiper .w-prev.swiper-button-disabled, .special-swiper .w-next.swiper-button-disabled { opacity: 0; visibility: hidden; }

.widget-box { padding: 28px; padding-top: 15px; }
.widget-box .box-head { border-bottom: 1px solid #dddddd; height: 60px; }
.widget-box .box-head .head-icon { margin-right: 15px; }
.widget-box .box-head .head-line { margin-right: 15px; width: 2px; height: 20px; background-color: var(--theme-color); display: block; }
.widget-box .box-head .head-name { font-size: 20px; color: var(--theme-color); }
.widget-box .category-list li { border-bottom: 1px dashed #dddddd; line-height: 58px; padding-left: 23px; padding-right: 20px; }
.widget-box .category-list li a { font-size: 16px; position: relative; color: #666666; padding-left: 15px; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; display: block; }
.widget-box .category-list li a::before { content: ''; display: block; position: absolute; width: 0; height: 0; margin: auto; top: 0; bottom: 0; left: 0; border: 5px solid transparent; border-left-color: #cbcbcb; }
.widget-box .category-list li:hover a, .widget-box .category-list li.on a { color: var(--theme-color); }

/*新闻列表*/
.list-page, .info-page { padding-bottom: 40px; }

.left-widget { width: 260px; background-color: #fff; }

.right-widget { background-color: #fff; width: 1000px; }

.detail-page { padding-bottom: 30px; }
.detail-page .zfwj-table { border-collapse: collapse; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
.detail-page .zfwj-table td.pmingcheng { padding: 0 10px; }
.detail-page .zfwj-table th { width: 160px; color: #3d3d3d; font-weight: bold; text-align: center; height: 40px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f6f8fb; }
.detail-page .zfwj-table td { width: 450px; height: 36px; word-break: break-all; line-height: 22px; text-align: justify; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666666; }
.detail-page .news-detail { padding: 30px 50px; }
.detail-page .news-title { font-size: 32px; margin: 10px 0; color: #333333; text-align: center; }
.detail-page .news-meta { font-size: 14px; color: #999999; line-height: 2.5; }
.detail-page .news-meta .news-fontsize span { display: inline-block; cursor: pointer; padding: 0 5px; }
.detail-page .news-meta .news-fontsize span:hover { color: var(--theme-color); }
.detail-page .news-content { margin-top: 20px; border-top: 1px solid #eeeeee; padding: 50px 0; line-height: 1.8; color: #000000; }
.detail-page .news-content img { max-width: 100%; vertical-align: bottom; }
.detail-page .news-content table { max-width: 100%; }
.detail-page .online-top .online-img { flex: 0 auto; width: 420px; }
.detail-page .online-top .online-info .online-title { font-size: 20px; color: #333333; line-height: 2.5; }
.detail-page .online-top .online-info .online-item { line-height: 2; }
.detail-page .online-top .online-info .online-item strong { color: var(--theme-color); }

/*中国足彩网*/
.page-about { background: url("/static/home/default/Image/about/bg.jpg") #f6f8fb no-repeat; }
.page-about .header { /*.header-top{ width: 1280px; color: #ffffff !important; a{ color: #ffffff !important; } i{ border-left-color: #ffffff !important; }
}*/ }
.page-about .header .header-mid { height: 640px; }
.page-about .header .header-nav { background: rgba(23, 100, 206, 0.85); width: 1280px; border-radius: 5px; margin: 0 auto; }
.page-about .a-section { padding: 45px 0; }
.page-about .a-section .sec-head { margin-bottom: 23px; }
.page-about .a-section .about-btn { background-image: -moz-linear-gradient(90deg, #3b9eea 0%, #0068b7 100%); background-image: -webkit-linear-gradient(90deg, #3b9eea 0%, #0068b7 100%); background-image: -ms-linear-gradient(90deg, #3b9eea 0%, #0068b7 100%); width: 164px; height: 40px; line-height: 40px; text-align: center; color: #ffffff; border-radius: 22px 6px; font-size: 17px; }
.page-about .a-section .sec-box .more { font-size: 14px; color: var(--theme-color); }
.page-about .a-section.sec-about { padding-top: 0; }
.page-about .a-section.sec-about .sec-wrap { padding: 25px 36px; background-color: rgba(255, 255, 255, 0.8); }
.page-about .a-section.sec-about .about-video { width: 840px; height: 495px; }
.page-about .a-section.sec-about .about-video img { width: 100%; height: 100%; object-fit: cover; }
.page-about .a-section.sec-about .about-txt { width: 370px; padding-left: 36px; }
.page-about .a-section.sec-about .about-txt .about-content { font-size: 17px; line-height: 2; margin: 20px 0; }
.page-about .a-section.sec-touzi { background: url("/static/home/default/Image/about/touzi-bg.jpg") bottom center no-repeat; padding-top: 20px; }
.page-about .a-section.sec-touzi .touzi-box { --gutter-x: 34px; }
.page-about .a-section.sec-touzi .touzi-box .about-box { padding: 32px; border-radius: 5px; }
.page-about .a-section.sec-touzi .touzi-box .about-box .box-head .head-name .name-icon { margin-right: 8px; }
.page-about .a-section.sec-touzi .touzi-box .about-box .box-head .head-name .name-icon img { display: block; }
.page-about .a-section.sec-touzi .touzi-box .about-box .box-head .head-name .name { font-size: 26px; font-weight: bold; color: var(--theme-color); letter-spacing: 2px; line-height: 1; }
.page-about .a-section.sec-renwen { background: url("/static/home/default/Image/about/renwen-bg.jpg") no-repeat; }
.page-about .a-section.sec-renwen .renwen-box .item .item-wrap .item-img { width: 410px; height: 308px; border-radius: 10px 70px; overflow: hidden; }
.page-about .a-section.sec-mingren { background: url("/static/home/default/Image/about/mingren-bg.jpg") no-repeat; }
.page-about .a-section.sec-jingdian { background: url("/static/home/default/Image/about/jingdian-bg.jpg") bottom no-repeat; }
.page-about .a-section.sec-jingdian .jingdian-list .item .item-wrap { position: relative; border-radius: 10px; overflow: hidden; display: block; }
.page-about .a-section.sec-jingdian .jingdian-list .item .item-wrap .item-img { position: relative; width: 300px; height: 422px; border-radius: 10px; overflow: hidden; }
.page-about .a-section.sec-jingdian .jingdian-list .item .item-wrap .item-img::after { content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: url("/static/home/default/Image/about/jingdian-item-bg.png") bottom center no-repeat; }
.page-about .a-section.sec-jingdian .jingdian-list .item .item-wrap .item-name { position: absolute; z-index: 2; height: 60px; line-height: 60px; bottom: 0; width: 100%; left: 0; color: #fff; padding-left: 20px; font-size: 18px; }
.page-about .a-section.sec-sunjian { background-image: -moz-linear-gradient(-90deg, white 0%, rgba(212, 230, 243, 0.76) 58%, rgba(168, 205, 230, 0.58824) 100%); background-image: -webkit-linear-gradient(-90deg, white 0%, rgba(212, 230, 243, 0.76) 58%, rgba(168, 205, 230, 0.58824) 100%); background-image: -ms-linear-gradient(-90deg, white 0%, rgba(212, 230, 243, 0.76) 58%, rgba(168, 205, 230, 0.58824) 100%); }
.page-about .a-section.sec-sunjian .sunjian-list { padding: 50px 0 40px; }
.page-about .a-section.sec-sunjian .sunjian-list .item:nth-child(even) .item-wrap { margin-top: 80px; }
.page-about .a-section.sec-sunjian .sunjian-list .item:nth-child(even) .item-wrap img { display: block; }
.page-about .mingren-box .item:nth-child(odd) { margin-top: 100px; }
.page-about .mingren-box .item:nth-child(even) { transform: translateX(21px); }
.page-about .mingren-box .item img { display: block; }

/*政务公开*/
.zwgk-main .quick-search { background-color: #f6f8fb; margin: 30px 0; padding: 20px; }
.zwgk-main .quick-search .search-label { padding: 0 15px; font-size: 16px; color: #333333; }
.zwgk-main .quick-search .search-input { width: 444px; }
.zwgk-main .quick-search .search-input input { display: block; height: 46px; width: 100%; line-height: 46px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #EEEEEE; -webkit-transition: border-color .3s; -moz-transition: border-color .3s; -ms-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; }
.zwgk-main .quick-search .search-input input:focus { outline: none; border-color: var(--theme-color); }
.zwgk-main .quick-search .search-btn { display: block; width: 90px; height: 46px; line-height: 46px; text-align: center; background-color: var(--theme-color); color: #ffffff; border: none; cursor: pointer; }
.zwgk-main .zwgk-right .zwgk-box { margin-bottom: 15px; border: 1px solid #cdcdcd; background: #f8f8f8; padding: 16px; }
.zwgk-main .zwgk-right .zwgk-box ul li a { display: block; position: relative; height: 60px; padding: 5px 15px; background: #ededed; margin-bottom: 5px; line-height: 50px; transition: 0.3s all; font-size: 18px; color: #333333; }
.zwgk-main .zwgk-right .zwgk-box ul li a img.icon { width: 40px; height: 40px; vertical-align: middle; margin-right: 8px; }
.zwgk-main .zwgk-right .zwgk-box ul li a:hover { color: var(--theme-color); }
.zwgk-main .zwgk-right .zwgk-box ul li a:hover .icon { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.zwgk-main .zwgk-right .zwgk-box ul li.ysqgk a { background-color: var(--theme-color); color: #ffffff; }
.zwgk-main .zwgk-right .zwgk-box.quick-nav-2 ul li a { padding-left: 15px; text-align: center; line-height: 42px; font-size: 16px; height: auto; margin-bottom: 0; }
.zwgk-main .zwgk-right .zwgk-box.quick-nav-2 ul li a:hover { background-color: var(--theme-color); color: #ffffff; }
.zwgk-main .zwgk-right .query-btns .btn a { display: block; line-height: 52px; height: 52px; background-color: #80b2fd; border-radius: 5px; text-align: center; color: #ffffff; font-size: 18px; }

.zfxxgk-page { background: url("/static/home/default/Image/xxgk/bg.png") top no-repeat; /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ /*定义滚动条轨道 内阴影+圆角*/ /*定义滑块 内阴影+圆角*/ /*定义最上方和最下方的按钮*/ /*领导文字列表*/ /*年报列表*/ }
.zfxxgk-page .scrollbar::-webkit-scrollbar { width: 10px; background-color: #fff; }
.zfxxgk-page .scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #eee; border-radius: 10px; background-color: lightgray; }
.zfxxgk-page .scrollbar::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px #eee; background-color: #0069c5; }
.zfxxgk-page .scrollbar::-webkit-scrollbar-button { background-color: none; }
.zfxxgk-page .zfxxgk-header { padding-top: 48px; height: 365px; }
.zfxxgk-page .zfxxgk-header .container { width: 1100px; }
.zfxxgk-page .zfxxgk-header .xxgk-title { font-size: 100px; color: #ffffff; position: relative; font-weight: bold; text-align: center; }
.zfxxgk-page .zfxxgk-header .xxgk-title::after { content: ''; display: block; position: absolute; width: 488px; height: 2px; background-color: #ffffff; right: 155px; }
.zfxxgk-page .xxgk-container { width: 1100px !important; min-width: 1100px; margin: 0 auto !important; overflow: hidden; background: #f2f2f2; padding: 36px; }
.zfxxgk-page .xxgk-container .search-bar { margin: 65px 0; position: relative; }
.zfxxgk-page .xxgk-container .search-bar::before, .zfxxgk-page .xxgk-container .search-bar::after { content: ''; display: block; width: 240px; height: 2px; background-color: #747474; }
.zfxxgk-page .xxgk-container .search-bar .search-form { border: 2px solid #747474; padding: 5px; border-radius: 9px; width: 510px; }
.zfxxgk-page .xxgk-container .search-bar .input-txt { display: block; border: none; background-color: transparent; color: #747474; flex: 1; height: 36px; border-radius: 9px; padding-left: 10px; }
.zfxxgk-page .xxgk-container .search-bar .input-txt:focus { outline: none; }
.zfxxgk-page .xxgk-container .search-bar .input-txt::-webkit-input-placeholder { color: #747474; font-size: 14px; }
.zfxxgk-page .xxgk-container .search-bar .input-txt:-moz-placeholder { color: #747474; opacity: 1; font-size: 14px; }
.zfxxgk-page .xxgk-container .search-bar .input-txt::-moz-placeholder { color: #747474; opacity: 1; font-size: 14px; }
.zfxxgk-page .xxgk-container .search-bar .input-txt:-ms-input-placeholder { color: #747474; font-size: 14px; }
.zfxxgk-page .xxgk-container .search-bar .search-btn { display: block; width: 32px; height: 32px; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: url("/static/home/default/Image/xxgk/icon-search.png") center/contain no-repeat; }
.zfxxgk-page .xxgk-container .xxgk_sidebar { width: 240px; }
.zfxxgk-page .xxgk-container .xxgk_sidebar li { position: relative; margin-top: 15px; }
.zfxxgk-page .xxgk-container .xxgk_sidebar li .item-name { font-size: 23px !important; width: 100px; line-height: 1.2; }
.zfxxgk-page .xxgk-container .xxgk_sidebar li .width-auto .item-name { width: auto; }
.zfxxgk-page .xxgk-container .xxgk_sidebar li > a { display: block; border: 1px solid #EEEEEE; background-color: #ffffff; height: 70px; position: relative; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: var(--theme-color); }
.zfxxgk-page .xxgk-container .xxgk_sidebar li > a::after { content: ''; position: absolute; width: 22px; height: 22px; font-size: 32px; margin: auto; top: 0; bottom: 0; right: 15px; line-height: 20px; color: var(--theme-color); background: url("/static/home/default/Image/xxgk/plus.png") center no-repeat; display: none; }
.zfxxgk-page .xxgk-container .xxgk_sidebar li.has-child > a::after { display: block; }
.zfxxgk-page .xxgk-container .xxgk_sidebar li.active > a, .zfxxgk-page .xxgk-container .xxgk_sidebar li:hover > a { background-color: var(--theme-blue); }
.zfxxgk-page .xxgk-container .xxgk_sidebar li.active > a::after, .zfxxgk-page .xxgk-container .xxgk_sidebar li:hover > a::after { color: #ffffff; background: url("/static/home/default/Image/xxgk/plus_hover.png") center no-repeat; }
.zfxxgk-page .xxgk-container .xxgk_sidebar li.active .item-name, .zfxxgk-page .xxgk-container .xxgk_sidebar li:hover .item-name { color: #ffffff !important; }
.zfxxgk-page .xxgk-container .xxgk_sidebar li.active .icon img, .zfxxgk-page .xxgk-container .xxgk_sidebar li:hover .icon img { filter: grayscale(100%) brightness(100); }
.zfxxgk-page .xxgk-container .xxgk_sidebar li.active .child-item { display: block; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .icon { width: 40px; height: 40px; margin-right: 12px; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl { display: none; background-color: #fff; margin-top: 10px; padding: 10px 0; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd { height: 32px; padding-left: 40px; line-height: 32px; font-size: 15px; font-weight: 400; cursor: pointer; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd > a.child-name { position: relative; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd > a.child-name::after { content: ''; position: absolute; display: block; width: 12px; height: 12px; margin: auto; top: 0; bottom: 0; right: 15px; background: url("/static/home/default/Image/xxgk/plus.png") center/contain no-repeat; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd > a::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 5px; width: 3px; height: 3px; background-color: currentColor; border-radius: 50%; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd:hover, .zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd.active { background-color: #97dfff; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd:hover a::before, .zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd.active a::before { background-color: CurrentColor !important; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd.sub-child-box .child-con { padding-left: 24px; line-height: 32px; display: none; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd.sub-child-box .child-con a { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd.sub-child-box.active a { display: block; color: var(--theme-color); }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd.sub-child-box.active a.child-name::after { background: url("/static/home/default/Image/xxgk/reduce.png") center/contain no-repeat; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd.sub-child-box.active a::before { background-color: CurrentColor !important; }
.zfxxgk-page .xxgk-container .xxgk_sidebar .child-item dl dd.sub-child-box:hover .child-con a:hover { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }
.zfxxgk-page .xxgk-container .contentBar { width: 770px !important; height: 1035px !important; border: 1px solid #dfdfdf !important; background: #ffffff; }
.zfxxgk-page .xxgk-container .contentBar .content-main { padding: 10px 20px; }
.zfxxgk-page .xxgk-container .contentBar .head { border-bottom: 1px solid #eee; }
.zfxxgk-page .xxgk-container .contentBar .head .head-name { min-width: 100px; height: 35px; line-height: 35px; padding: 0 10px; text-align: center; color: #FFFFFF; background-color: var(--theme-color); text-align: center; }
.zfxxgk-page .xxgk-container .contentBar .info-title { font-size: 32pt !important; width: 100%; text-align: center; margin: 0px; padding: 0px; margin-top: 38px; margin-bottom: 38px; color: #000; font-weight: 600; }
.zfxxgk-page .xxgk-container .contentBar .info-detail { width: 100%; height: 883px; overflow-y: scroll; }
.zfxxgk-page .xxgk-container .contentBar .info-detail p { text-align: justify; text-justify: inter-ideograph; font-family: '微软雅黑'; padding-right: 15px; font-size: 16pt; line-height: 30pt; color: #333333; }
.zfxxgk-page .news-list .news-item .news-item { line-height: 2.5; }
.zfxxgk-page .leader-txt-list .item { line-height: 40px; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.zfxxgk-page .leader-txt-list .item .item-name { color: #333333; }
.zfxxgk-page .leader-txt-list .item .item-time { color: #999999; }
.zfxxgk-page .leader-txt-list .item:hover .item-name { color: var(--theme-color); }
.zfxxgk-page .leader-txt-list .item:hover .item-time { color: #666666; }
.zfxxgk-page .more-link { display: block; width: 100px; height: 30px; line-height: 30px; font-size: 14px; margin: 15px auto; background-color: #e7e7e7; text-align: center; }
.zfxxgk-page .year-reports .item { height: 52px; }
.zfxxgk-page .year-reports .item a { display: block; line-height: 52px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-right: 1px #e8e8e8 solid; text-align: left; padding: 0 10px; }

/*政府机构*/
.org-box { margin-top: 20px; overflow: hidden; }
.org-box .head { height: 60px; color: #015293; font: 22px/60px '微软雅黑'; padding-left: 20px; text-align: left; background: #e8f1f8; }
.org-box .con { border-left: 1px solid #d9e9f6; border-top: 1px solid #d9e9f6; }
.org-box .con .item { padding: 0 10px; display: block; flex: 0 auto; width: 20%; height: 50px; border-right: 1px solid #d9e9f6; border-bottom: 1px solid #d9e9f6; color: #000; font: 16px/50px '微软雅黑'; text-align: center; box-sizing: border-box; }

/*重点领域列表*/
.zdly-box { margin-top: 20px; overflow: hidden; }
.zdly-box .head { height: 60px; color: #015293; font: 22px/60px '微软雅黑'; padding-left: 20px; text-align: left; background: #e8f1f8; }
.zdly-box .head a { color: #015293; }
.zdly-box .head a:hover { color: var(--theme-color); }
.zdly-box .con { margin-top: 0; }
.zdly-box .con .item a { display: block; padding: 0 10px; flex: 0 auto; height: 50px; border: 1px solid #d9e9f6; color: #015293; font: 16px/50px '微软雅黑'; text-align: center; box-sizing: border-box; }
.zdly-box .con .item a:hover { background-color: #d9e9f6; }

/*领导列表*/
.leader-list .leader-item .item-wrap { display: block; border: solid 1px #f0f0f0; }
.leader-list .leader-item .leader-bottom .leader-name { line-height: 46px; padding-left: 20px; /*border-bottom: solid 1px #f0f0f0;*/ }
.leader-list .leader-item .leader-bottom .leader-name svg { margin-right: 10px; width: 1.5rem; height: 1.5rem; }
.leader-list .leader-item .leader-bottom .leader-name svg path { fill: var(--theme-color); }

.leader-nav .leader-item { margin: 10px 0; border: 1px solid #e7e7e7; line-height: 42px; padding: 0 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.leader-nav .leader-item a { display: block; }
.leader-nav .leader-item.active, .leader-nav .leader-item:hover { background-color: var(--theme-color); border-color: var(--theme-color); }
.leader-nav .leader-item.active a, .leader-nav .leader-item:hover a { color: #ffffff; }

/*政民互动*/
.box-2 { padding: 10px 30px; margin-bottom: 20px; }
.box-2 .box-head { border-bottom: 1px solid #dddddd; margin-bottom: 20px; }
.box-2 .box-head .head-name { padding-bottom: 8px; line-height: 2; font-size: 22px; color: var(--theme-color); }
.box-2 .box-head .head-name::before { content: ''; display: inline-block; height: 22px; width: 2px; line-height: 58px; background-color: CurrentColor; margin-right: 5px; vertical-align: middle; }
.box-2 .box-head .header-more a { color: #999999; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.box-2 .box-head .header-more a:hover { color: var(--theme-color); }

.zxft-item { padding-bottom: 20px; }
.zxft-item .ft-img { flex: 0 auto; width: 330px; height: 235px; }
.zxft-item .ft-img img { object-fit: cover; }
.zxft-item .ft-info { padding-left: 30px; color: #666666; line-height: 36px; flex: 0 auto; width: 600px; }
.zxft-item .ft-info .ft-title { font-size: 24px; color: #333333; line-height: 48px; font-weight: bold; }
.zxft-item .ft-info strong { color: var(--theme-color); }
.zxft-item .ft-info .ft-more { color: var(--theme-color); }

.page-hudong .hudong-top .hd-left { width: 900px; }
.page-hudong .hudong-top .hd-right { width: 360px; }
.page-hudong .hd-nav { padding-bottom: 20px; }
.page-hudong .hd-nav .item .item-wrap { position: relative; display: block; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.page-hudong .hd-nav .item .item-wrap .item-name { -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; font-size: 16px; letter-spacing: 3px; width: 100%; text-align: center; position: absolute; margin: auto; bottom: 10%; }
.page-hudong .hd-nav .item:nth-child(1) .item-name { color: #de8ea7; }
.page-hudong .hd-nav .item:nth-child(1):hover .item-name { color: #eab5c6; }
.page-hudong .hd-nav .item:nth-child(2) .item-name { color: #a891e7; }
.page-hudong .hd-nav .item:nth-child(2):hover .item-name { color: #c9bbf0; }
.page-hudong .hd-nav .item:nth-child(3) .item-name { color: #a399e9; }
.page-hudong .hd-nav .item:nth-child(3):hover .item-name { color: #c9c3f2; }
.page-hudong .hd-nav .item:nth-child(4) .item-name { color: #e4bf7a; }
.page-hudong .hd-nav .item:nth-child(4):hover .item-name { color: #edd3a4; }

.mail-list { margin-bottom: 20px; width: 100%; border-top: 1px solid #ececed; border-left: 1px solid #ececed; }
.mail-list th { background-color: #f6f8fb; color: var(--theme-color); font-size: 20px; font-weight: normal; }
.mail-list th, .mail-list td { text-align: center; border: 1px solid #ececed; padding: 10px; line-height: 48px; height: 48px; }
.mail-list td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.mail-list td:nth-child(1) { width: 120px; }
.mail-list td:nth-child(2) { width: auto; }
.mail-list td:nth-child(3) { width: 100px; }
.mail-list td:nth-child(4) { width: 200px; }
.mail-list td:nth-child(5) { width: 150px; }
.mail-list .list-item { text-align: center; }
.mail-list .list-item.list-head { background-color: #f6f8fb; }
.mail-list .list-item.list-head .item-value { color: var(--theme-color); font-size: 20px; }
.mail-list .list-item .item-value { color: #5e5e5e; padding: 10px; line-height: 38px; border: 1px solid #ececed; border-left: none; border-top: none; }
.mail-list .list-item .item-value a { color: #5e5e5e; }
.mail-list .list-item .item-value a:hover { color: var(--theme-color); }
.mail-list .list-item .item-value:nth-child(1) { flex: 1; }
.mail-list .list-item .item-value:nth-child(2) { flex: 0 0 auto; width: 50%; }
.mail-list .list-item .item-value:nth-child(3) { flex: 1; }
.mail-list .list-item .item-value:nth-child(4) { flex: 2.5; }
.mail-list .list-item .item-value:nth-child(5) { flex: 1.5; }

.mail-tips { border-bottom: 1px solid #EEEEEE; margin-bottom: 20px; }
.mail-tips .tips-head { background-color: #f6f8fb; height: 48px; line-height: 48px; padding-left: 20px; }
.mail-tips .tips-head span { font-size: 22px; color: var(--theme-color); display: inline-block; vertical-align: middle; }
.mail-tips .tips-head span svg { width: 24px; height: 24px; }
.mail-tips .tips-head span svg path { fill: currentColor; }
.mail-tips .tips-content { line-height: 2; font-size: 16px; }

/*提交成功提示框*/
.mail-result { height: 100%; padding-bottom: 5%; }
.mail-result .result-title { font-size: 22px; line-height: 2; }
.mail-result .result-detail { font-size: 18px; }
.mail-result .result-detail span { color: var(--theme-color); }

/*查询表单*/
/*搜索页面*/
.search-type-nav { background-color: #e8f1f8; margin-top: 20px; line-height: 60px; height: 60px; }
.search-type-nav a { display: block; text-align: center; width: 140px; color: var(--theme-color); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; }
.search-type-nav a::after { content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background-color: CurrentColor; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.search-type-nav a.active, .search-type-nav a:hover { font-weight: bold; }
.search-type-nav a.active::after, .search-type-nav a:hover::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; }

/*飘窗*/
/*基层建设*/
.fixed-jicheng { position: fixed; right: 30px; bottom: 30%; width: 260px; }
.fixed-jicheng img { max-width: 100%; }

/*依申请公开*/
.wiget-box { background-color: #fbfbfb; }
.wiget-box .box-head { border-bottom: 1px solid #EEEEEE; padding: 15px 20px; }
.wiget-box .box-head .head-name { font-size: 20px; color: var(--theme-color); }
.wiget-box .box-head .head-name svg { margin-right: 5px; }
.wiget-box .box-head .head-name svg path { fill: CurrentColor; }

.ysqgk-btn { display: block; margin: 0 auto; background-color: var(--theme-color); color: #ffffff; line-height: 40px; text-align: center; border-radius: 5px; width: 93%; }
.ysqgk-btn:hover { color: #ffffff; background-color: #005392; }

.apply-list li { line-height: 40px; padding: 0 10px; }
.apply-list li:nth-child(even) { background-color: #f5f5f5; }
.apply-list li.list-head { color: var(--theme-color); }
.apply-list li.list-head .item-num { text-align: center; }
.apply-list li .item-num { width: 75%; }
.apply-list li .item-status { text-align: center; width: 25%; }

.apply-content { line-height: 32px; }
.apply-content a { color: var(--theme-color); text-decoration: underline; }
.apply-content h3 strong { margin-bottom: 10px; display: block; font-size: 18px; color: var(--theme-color); }
.apply-content h3 strong::before { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 5px; background: url("/static/home/default/Image/icon-sjt.png") center/contain no-repeat; }

.ysqgk-form .type-2 { display: none; }
.ysqgk-form .layui-form-label { width: 160px !important; }
.ysqgk-form .layui-input-block { margin-left: 160px !important; }
.ysqgk-form .layui-form-radio:hover *, .ysqgk-form .layui-form-radioed, .ysqgk-form .layui-form-radioed > i { color: var(--theme-color); }
.ysqgk-form .layui-form-select dl dd.layui-this { background-color: var(--theme-blue); }
.ysqgk-form .layui-btn { background-color: var(--theme-blue); }
.ysqgk-form .layui-btn-primary { background: 0 0; }
.ysqgk-form .layui-btn-primary:hover { border-color: var(--theme-blue); color: var(--theme-blue); }
.ysqgk-form .layui-form-item.required .layui-form-label::before { content: '*'; color: red; margin-right: 5px; display: inline-block; vertical-align: middle; height: 12px; }
.ysqgk-form .form-section { border-bottom: 1px solid var(--theme-blue); padding-bottom: 10px; margin-bottom: 20px; padding-left: 10px; }
.ysqgk-form .form-section .sec-name { font-size: 18px; color: var(--theme-blue); }
.ysqgk-form .tips-box { margin-bottom: 20px; }
.ysqgk-form .tips-box .tips-title { font-size: 16px; color: #333333; line-height: 32px; }
.ysqgk-form .tips-box .tips-desc { font-size: 14px; }
.ysqgk-form .tips-box .tips-desc.font-light { color: #999999; }
.ysqgk-form .zfz-box { margin-bottom: 15px; }
.ysqgk-form .zfz-box .sfz-item .item-wrap .item-title { text-align: center; }
.ysqgk-form .zfz-box .sfz-item .item-wrap .item-preview { width: 328px; height: 208px; position: relative; margin: 5px auto; }
.ysqgk-form .zfz-box .sfz-item .item-wrap .item-preview.preview-bm { background: url("/static/home/default/Image/szf_bm.png") center no-repeat; }
.ysqgk-form .zfz-box .sfz-item .item-wrap .item-preview.preview-zm { background: url("/static/home/default/Image/szf_zm.png") center no-repeat; }
.ysqgk-form .zfz-box .sfz-item .item-wrap .item-preview .preview-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; padding: 5px; border: 1px dashed #999; -webkit-transition: border-color .3s; -moz-transition: border-color .3s; -ms-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; }
.ysqgk-form .zfz-box .sfz-item .item-wrap .item-preview:hover .preview-wrap { border-color: var(--theme-color); }

.apply-result { display: none; }

.apply-result-layer .layui-layer-title { font-size: 22px; color: var(--theme-color); text-align: center; padding: 0 30px; }
.apply-result-layer .layui-layer-btn { text-align: center; }
.apply-result-layer .layui-layer-btn a { width: 90px; height: 36px; line-height: 36px; text-align: center; border-radius: 4px; border-color: var(--theme-color); background-color: var(--theme-color); }
.apply-result-layer .apply-result { display: block; }
.apply-result-layer .apply-wrap { padding: 20px 20px 0; }
.apply-result-layer .apply-wrap .apply-title { font-size: 16px; color: #000000; line-height: 2; }
.apply-result-layer .apply-wrap .apply-detail { margin-top: 10px; }
.apply-result-layer .apply-wrap .apply-detail p { line-height: 32px; color: #666666; }
.apply-result-layer .apply-wrap .apply-detail p span { color: var(--theme-color); }

/*.main-body,.footer,.header-top,.header-nav,.header-search,.location-box,.page-location{ -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter: none;

}*/