@charset "UTF-8";

:root {
  /* 主题导航色 */
  --main-bg-color: rgba(7, 135, 124, 1);
  /* lightline颜色 */
  --lightline-color: rgba(141, 224, 204, 1);
  /* 盒子阴影色 */
  --shadow-color: rgba(125, 189, 183, 0.2);
  --shadow-color-deep: rgba(125, 189, 183, 0.5);
  /* 政策通知盒子颜色 */
  --zctz-box-bg-color: rgba(240, 250, 246, 1);
  --time-color: rgba(143, 194, 181, 1);
  /* 重点政务日期背景色和列表圆点色 */
  --item-left-color: rgba(125, 189, 183, 1);
}

.zt-main .cjwd-box .mod-content ul li a .tit::before {
  background: url(/zjg/xhtml/mslyfw/images/sbzt_cjwd_title_icon.png);
}

.zt-main .bmdh-box .mod-content .hd li.on a {
  background: url(/zjg/xhtml/mslyfw/images/sbzt_bmdh_bg.png);
}

/* .zt-main .bzxzfxx-box {
  background: none;
} */

.zt-main .bmdh-box .mod-content .hd li a {
  color: var(--main-bg-color);
  background-color: var(--zctz-box-bg-color);
}

a:hover,
a:hover h5 {
  color: var(--main-bg-color) !important;
}

.show-detail {
  color: var(--main-bg-color);
}

.zt-header .header-nav {
  background-color: var(--main-bg-color) !important;
}

.zt-main .border-lightline-box::before {
  background: linear-gradient(180deg, var(--lightline-color) 0%, rgba(255, 255, 255, 0) 100%);
  box-shadow: -2px -11px 28px var(--shadow-color);
}

.zt-main .content-box .zctz-box .mod-content .mod-content-item {
  background-color: var(--zctz-box-bg-color);
}

.mod-title .title::after {
  background-color: var(--main-bg-color);
}

.zt-main .content-box .zctz-box .mod-content .mod-content-item h5 {
  color: var(--main-bg-color);
}

.zt-main .content-box .zctz-box .mod-content .mod-content-item .time {
  color: var(--time-color);
}

.zt-main .content-box .zctz-box .mod-content .mod-content-item:hover {
  box-shadow: 0 3px 15px var(--shadow-color-deep);
}

.bsj-square-list .item .item-left {
  background-color: var(--item-left-color);
}

.bsj-pageList ul li a::before {
  background-color: var(--item-left-color);
}

.bsj-square-list .item {
  border: 1px solid var(--lightline-color);
}

.zt-main .bmdh-box .mod-content .bd .bd-item ul.padding-box {
  border: 1px solid var(--lightline-color);
}

.zt-main .bmdh-box .mod-content .bd .bd-item ul.padding-box li a::before {
  background-color: var(--item-left-color);
}

.zt-main .cjwd-box .mod-content ul li:hover {
  box-shadow: 0px 3px 15px var(--shadow-color-deep);
}