@font-face {
  font-family: sszhongheiFont;
  src: url("../css/font-awesome/fonts/时尚中黑简体.ttf");
}
@font-face {
  font-family: FZYT;
  src: url("../css/font-awesome/fonts/FZYTK.TTF");
}
body {
  transition: background-color 0.3s, color 0.3s;
  overflow: hidden;
}
/*滚动条整体样式（细节见 src/styles/scrollbar.css，与单线调整统一）*/
::-webkit-scrollbar {
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
}
body.light-mode {
  background-color: rgba(255, 255, 255, 0.93);
  color: #404040;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}
body.light-mode .table-icon {
  color: #404040;
  cursor: pointer;
}
body.light-mode .table-icon:hover {
  color: #f7a715;
}
body.light-mode .noclick {
  color: rgba(0, 0, 0, 0.33);
}
body.light-mode .noclick .cont {
  cursor: not-allowed;
}
body.light-mode .box-slider,
body.light-mode .side_bar_close {
  background-color: rgba(255, 255, 255, 0.93);
}
body.light-mode .border_bottom_grey {
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}
body.light-mode .border_dashed {
  border-bottom: 1px rgba(0, 0, 0, 0.05) dashed;
}
body.light-mode li a,
body.light-mode .xm-option,
body.light-mode .chapternav-link,
body.light-mode .layerbox_item a,
body.light-mode .navTitle,
body.light-mode .layui-form-label {
  color: #404040;
}
body.light-mode .layui-layer,
body.light-mode .layui-layer-content {
  background-color: rgba(255, 255, 255, 0.93);
}
body.light-mode .layui-layer .layui-layer-title,
body.light-mode .layui-layer-content .layui-layer-title {
  border-bottom: 1px rgba(0, 0, 0, 0.05) solid !important;
  color: #404040;
  background-color: transparent;
}
body.light-mode .layui-layer-TipsR {
  border-bottom-color: rgba(255, 255, 255, 0.93);
}
body.light-mode .layui-input,
body.light-mode .layui-select,
body.light-mode .layui-textarea,
body.light-mode xm-select {
  border-color: rgba(0, 0, 0, 0.03);
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
}
body.light-mode .layui-input:hover,
body.light-mode .layui-select:hover,
body.light-mode .layui-textarea:hover,
body.light-mode xm-select:hover,
body.light-mode .layui-input:focus,
body.light-mode .layui-select:focus,
body.light-mode .layui-textarea:focus,
body.light-mode xm-select:focus {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .layui-btn-admin {
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-left: 0px;
  background: 0 0;
  color: #404040;
}
body.light-mode .layui-btn-admin:first-child {
  border: 1px solid rgba(0, 0, 0, 0.03);
}
body.light-mode .layui-btn-admin:hover {
  background: rgba(0, 0, 0, 0.05);
}
body.light-mode .layui-word-aux,
body.light-mode .layui-layer-hui {
  color: #404040 !important;
}
body.light-mode .layui-input,
body.light-mode .layui-textarea,
body.light-mode xm-select,
body.light-mode .back {
  background-color: rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .xm-body,
body.light-mode .layui-form-select dl {
  background-color: rgba(255, 255, 255, 0.93) !important;
  color: #404040 !important;
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .xm-body .layui-this,
body.light-mode .layui-form-select dl .layui-this {
  background-color: rgba(217, 217, 217, 0.27) !important;
  color: #3385ff !important;
}
body.light-mode .xm-body dd:hover,
body.light-mode .layui-form-select dl dd:hover {
  background-color: rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .layui-form-checkbox > div {
  color: #404040;
}
body.light-mode .layui-table {
  color: #404040;
  background-color: #ffffff;
}
body.light-mode .layui-table td {
  border-color: rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .layui-tab-title {
  border-color: rgba(0, 0, 0, 0.05);
}
body.light-mode .layui-table-page,
body.light-mode .layui-table-tool,
body.light-mode .layui-table-view {
  border-color: rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .layui-table-view:after {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
body.light-mode th {
  border-color: rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .layui-table-header {
  background-color: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .layui-table-hover {
  background-color: rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .border-bottom-1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
body.light-mode .border-bottom-2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
body.light-mode .layui-form-checkbox[lay-skin=primary] > i {
  background-color: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(191, 191, 191, 0.6);
}
body.light-mode #bsname-Dir .bsdirsel .input-item input[type="checkbox"] {
  background-color: #ffffff;
  border: 1px solid rgba(191, 191, 191, 0.85);
}
body.light-mode #bsname-Dir .bsdirsel .input-item input[type="checkbox"]:checked {
  background-color: #3385ff;
  border: 1px solid #3385ff;
}
body.light-mode .container-fluid .decision .content .active {
  background-color: rgba(0, 0, 0, 0.05);
}
body.light-mode .layer_notice,
body.light-mode .layerbox_item,
body.light-mode .blbsEdit {
  background-color: #ffffff;
}
body.light-mode .layer_notice input,
body.light-mode .layerbox_item input,
body.light-mode .blbsEdit input {
  border-color: rgba(191, 191, 191, 0.6);
}
body.light-mode .amap-menu-outer {
  color: #404040;
}
body.light-mode .amap-info-content {
  background-color: rgba(255, 255, 255, 0.93);
}
body.light-mode .amap-info-sharp {
  border-top: 8px solid rgba(255, 255, 255, 0.93) !important;
}
body.light-mode .layui-btn-admin2 {
  border: 1px;
  background-color: rgba(217, 217, 217, 0.27);
  border-radius: 2px;
  color: #404040;
}
body.light-mode .layui-btn-admin2:hover {
  color: #f7a715;
}
body.light-mode .sxactive {
  background-color: #039fcc;
  color: #d9d9d9;
}
body.light-mode .layui-layer-lan .layui-layer-title {
  font-size: larger;
}
body.light-mode .layui-layer-lan .layui-layer-btn {
  border-top: 1px rgba(255, 255, 255, 0.93) solid !important;
}
body.light-mode ::-webkit-scrollbar-thumb {
  border-radius: 3px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}
body.light-mode ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.03);
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.03);
}
body.dark-mode {
  background-color: #041834;
  color: #d9d9d9;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}
body.dark-mode .table-icon {
  color: #d9d9d9;
  cursor: pointer;
}
body.dark-mode .table-icon:hover {
  color: #f7a715;
}
body.dark-mode .noclick {
  color: rgba(255, 255, 255, 0.31);
}
body.dark-mode .noclick .cont {
  cursor: not-allowed;
}
body.dark-mode .box-slider {
  background-color: rgba(4, 24, 52, 0.9);
}
body.dark-mode .side_bar_close {
  background-color: rgba(217, 217, 217, 0.27);
  color: #d9d9d9;
}
body.dark-mode .border_bottom_grey {
  border-bottom: solid 1px rgba(242, 242, 242, 0.14);
}
body.dark-mode .border_dashed {
  border-bottom: 1px rgba(242, 242, 242, 0.14) dashed;
}
body.dark-mode .border_all_dashed {
  border: 1px rgba(242, 242, 242, 0.14) dashed;
}
body.dark-mode li a {
  color: #b9cde5;
}
body.dark-mode .xm-option,
body.dark-mode .chapternav-link,
body.dark-mode .layerbox_item a,
body.dark-mode .navTitle,
body.dark-mode .layui-form-label,
body.dark-mode .toolbar-tag {
  color: #d9d9d9;
}
body.dark-mode .layui-layer {
  background-color: #041834;
}
body.dark-mode .layui-layer .layui-layer-title {
  border-bottom: 1px rgba(255, 255, 255, 0.1) solid !important;
  color: #d9d9d9;
  background-color: transparent;
}
body.dark-mode .layui-word-aux,
body.dark-mode .layui-layer-hui {
  color: #d9d9d9 !important;
}
body.dark-mode .layui-input,
body.dark-mode .layui-textarea {
  background-color: transparent !important;
  color: #d9d9d9;
}
body.dark-mode .layui-input,
body.dark-mode .layui-select,
body.dark-mode .layui-textarea,
body.dark-mode xm-select {
  border-color: rgba(242, 242, 242, 0.14);
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
}
body.dark-mode .layui-input:hover,
body.dark-mode .layui-select:hover,
body.dark-mode .layui-textarea:hover,
body.dark-mode xm-select:hover,
body.dark-mode .layui-input:focus,
body.dark-mode .layui-select:focus,
body.dark-mode .layui-textarea:focus,
body.dark-mode xm-select:focus {
  border-color: rgba(255, 255, 255, 0.31) !important;
}
body.dark-mode .layui-btn-admin {
  border: 1px solid rgba(242, 242, 242, 0.14);
  border-left: 0px;
  background: 0 0;
  color: #d9d9d9;
}
body.dark-mode .layui-btn-admin:first-child {
  border: 1px solid rgba(242, 242, 242, 0.14);
}
body.dark-mode .layui-btn-admin:hover {
  background: rgba(255, 255, 255, 0.12);
}
body.dark-mode .xm-body,
body.dark-mode .layui-form-select dl {
  background-color: #041834 !important;
  color: #d9d9d9 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-mode .xm-body .layui-this,
body.dark-mode .layui-form-select dl .layui-this {
  background-color: rgba(217, 217, 217, 0.27) !important;
  color: #d9d9d9 !important;
}
body.dark-mode .xm-body dd:hover,
body.dark-mode .layui-form-select dl dd:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
body.dark-mode .layui-table {
  color: #d9d9d9;
  background-color: #041834;
}
body.dark-mode .layui-table td {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-mode .layui-tab-title {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-mode .layui-table-header {
  background-color: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-mode th {
  border-color: rgba(242, 242, 242, 0.14) !important;
}
body.dark-mode .layui-form-checkbox[lay-skin=primary] > i {
  background-color: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
body.dark-mode #bsname-Dir .bsdirsel .input-item input[type="checkbox"] {
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.45);
}
body.dark-mode #bsname-Dir .bsdirsel .input-item input[type="checkbox"]:checked {
  background-color: #3385ff;
  border: 1px solid #3385ff;
}
body.dark-mode .layui-table-page,
body.dark-mode .layui-table-tool,
body.dark-mode .layui-table-view {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-mode .layui-table-view:after {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-mode .layui-table-hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-mode .layui-form-checkbox > div {
  color: #d9d9d9;
}
body.dark-mode .border-bottom-1 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.31);
}
body.dark-mode .border-bottom-2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-mode .container-fluid .decision .content .active,
body.dark-mode .back {
  background-color: rgba(255, 255, 255, 0.1);
}
body.dark-mode .layer_notice,
body.dark-mode .layerbox_item,
body.dark-mode .blbsEdit {
  background: rgba(0, 0, 0, 0.33);
}
body.dark-mode .layer_notice input,
body.dark-mode .layerbox_item input,
body.dark-mode .blbsEdit input {
  border-color: rgba(255, 255, 255, 0.12);
}
body.dark-mode .amap-menu-outer {
  color: #404040;
}
body.dark-mode .amap-info-content {
  background-color: rgba(4, 24, 52, 0.9);
}
body.dark-mode .amap-info-sharp {
  border-top: 8px solid rgba(4, 24, 52, 0.9) !important;
}
body.dark-mode .layui-btn-admin2 {
  border: 0;
  background-color: rgba(217, 217, 217, 0.27);
  border-radius: 2px;
  color: #d9d9d9;
}
body.dark-mode .layui-btn-admin2:hover {
  color: #f7a715;
}
body.dark-mode .sxactive {
  background-color: #039fcc;
  color: #d9d9d9;
}
body.dark-mode .layui-layer-lan .layui-layer-title {
  font-size: larger;
}
body.dark-mode .layui-layer-lan .layui-layer-btn {
  border-top: 1px rgba(255, 255, 255, 0.1) solid !important;
}
body.dark-mode ::-webkit-scrollbar-thumb {
  border-radius: 3px;
  box-shadow: inset 0 0 1px #3d3b47;
  background-color: #3d3b47;
}
body.dark-mode ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.1);
}
.switch-slide-label {
  display: block;
  width: 40px;
  height: 19px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 40px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  margin: 0 5px;
}
.switch-slide-label:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #d9d9d9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 1px;
  top: 1px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.switch-slide input:checked + label {
  background: #3385ff;
  transition: 0.3s ease;
}
.switch-slide input:checked + label:after {
  left: 24px;
}
.navbar-admin {
  border-radius: 0;
  margin-bottom: 0;
}
.navbar-admin .navbar-header .navTitle {
  font-size: xx-large;
  font-family: sszhongheiFont;
  display: flex;
  align-items: center;
  padding: 0 15px !important;
  line-height: normal !important;
}
.navbar-admin .navbar-header .navTitle .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background-color: rgba(255, 255, 255, 0.93);
  border-radius: 5px;
  margin: 0 5px;
  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
  -moz-transition: font-size 0.25s linear, width 0.25s linear;
  transition: font-size 0.25s linear, width 0.25s linear;
}
.navbar-admin .navbar-header .navTitle .icon .iconfont {
  font-size: larger !important;
}
.navbar-admin .navbar-header .navTitle .icon img {
  border: 0 none;
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}
.navbar-admin .navbar-header a:hover {
  text-decoration: none;
}
.navbar-admin li {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
}
.navbar-admin .chapternav-item:not(.dark-mode-toggle) .chapternav-link {
  display: inline-flex;
  align-items: center;
  padding: 0 8px 2px 0;
  position: relative;
  z-index: 1;
  color: #404040;
  text-decoration: none !important;
  background-color: transparent;
  border-right: dashed 1px rgba(0, 0, 0, 0.05);
  transition: color 0.15s ease, background-color 0.15s ease;
}
.navbar-admin .chapternav-item:not(.dark-mode-toggle) .chapternav-link figure {
  margin-block-start: 10px;
  margin-block-end: 10px;
  margin-inline-start: 5px;
  margin-inline-end: 5px;
}
.navbar-admin .chapternav-item:not(.dark-mode-toggle) .chapternav-link .chapternav-icon,
.navbar-admin .chapternav-item:not(.dark-mode-toggle) .chapternav-link .chapternav-label {
  color: inherit;
  transition: color 0.15s ease;
}
.navbar-admin .chapternav-item:not(.dark-mode-toggle) .chapternav-link:hover,
.navbar-admin .chapternav-item:not(.dark-mode-toggle) .chapternav-link:focus,
.navbar-admin .chapternav-item:not(.dark-mode-toggle) .chapternav-link.active {
  color: #3385ff;
  text-decoration: none !important;
}
.navbar-admin .chapternav-item:not(.dark-mode-toggle) .chapternav-link:focus {
  outline: none;
}
.navbar-admin .chapternav-item:not(.dark-mode-toggle) .chapternav-link:focus-visible {
  outline: 2px solid #3385ff;
  outline-offset: 2px;
}
.navbar-admin .chapternav-item:not(.dark-mode-toggle):last-child .chapternav-link {
  border-right: none;
}
.navbar-admin .chapternav-item:not(.dark-mode-toggle):hover {
  background-color: rgba(255, 255, 255, 0.1);
}
body.dark-mode .navbar-admin .chapternav-item:not(.dark-mode-toggle) .chapternav-link {
  color: #d9d9d9;
  border-right-color: rgba(255, 255, 255, 0.1);
}
.chapternav-item {
  display: inline-flex !important;
  align-items: center;
  overflow: hidden;
  font-weight: bold;
}