/* Homepage palette drawn from the masthead logo. */
html.home-brand {
  background: #e8f0f5 !important;
  border-color: #b8d2e1 !important;
}
html.home-brand body {
  background: #f7fafc !important;
  color: #17334f;
}
html.home-brand .nav {
  background: #061b36 !important;
  border: 0;
  border-bottom: 3px solid #c8a65a;
  border-radius: 0;
  padding: 6px 4px !important;
}
html.home-brand .nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 4px 2px;
  border: 1px solid #407a9d;
  border-radius: 4px;
  background: #123b60 !important;
  color: #fff !important;
  line-height: 1.25 !important;
  text-shadow: none;
}
html.home-brand .nav a:hover,
html.home-brand .nav a:focus-visible {
  background: #54bfea !important;
  border-color: #c8a65a;
  color: #061b36 !important;
}
html.home-brand .qiehuangleixingdiv {
  background: #061b36 !important;
  background-image: none !important;
  border-bottom: 3px solid #c8a65a;
}
html.home-brand .box,
html.home-brand .xjbox {
  background: #fff !important;
  color: #17334f !important;
}
html.home-brand .module-container {
  border: 1px solid #b8d2e1 !important;
  box-shadow: none !important;
}
html.home-brand .module-title,
html.home-brand .list-title,
html.home-brand .sup-title,
html.home-brand .box .qxtable th {
  background: #061b36 !important;
  background-image: none !important;
  background-color: #061b36 !important;
  border-color: #54bfea !important;
  color: #fff !important;
  text-shadow: none !important;
}
html.home-brand .module-title,
html.home-brand .list-title {
  border-bottom: 3px solid #c8a65a !important;
}
html.home-brand .qxtable th,
html.home-brand .qxtable td,
html.home-brand .tdblue td,
html.home-brand #dy-mo1,
html.home-brand .countdown-zone {
  border-color: #b8d2e1 !important;
}
html.home-brand .nav2 ul .dy-li,
html.home-brand .nav4 ul li a {
  border-color: #b8d2e1 !important;
  color: #17334f;
}
html.home-brand .nav2 .active,
html.home-brand .nav4 .active,
html.home-brand .nav4 ul li.active a {
  background: #061b36 !important;
  color: #fff !important;
}
html.home-brand .nav4 ul li a:hover,
html.home-brand .nav4 ul li a:focus-visible {
  border-color: #54bfea !important;
  color: #0b6390;
}
html.home-brand .fun-block {
  border-color: #b8d2e1;
  background: #fff;
  box-shadow: none;
}
html.home-brand .fun-block-title {
  color: #061b36;
}
html.home-brand .yqlj .link {
  background: #061b36;
  border-bottom-color: #c8a65a;
}
html.home-brand .yqlj li a {
  background: #fff;
  border-color: #b8d2e1;
  color: #123b60;
}
html.home-brand .cgi-foot-links {
  border-top-color: #c8a65a;
  background: #fff;
  background-image: none;
}
html.home-brand .cgi-foot-links ul li a {
  color: #17334f;
}
html.home-brand .cgi-foot-links ul li a.hover,
html.home-brand .cgi-foot-links ul li a:hover {
  color: #0b6390;
}
html.home-brand .copyright {
  border-bottom-color: #b8d2e1;
}
@media (max-width: 420px) {
  html.home-brand .nav a {
    font-size: 12px;
    min-height: 42px;
  }
  html.home-brand .kj-switch-btns li {
    font-size: 12px;
  }
}
html.home-brand #table3 {
  background: #00b74f;
  border-collapse: separate;
}
html.home-brand #table3 td {
  background: #00b74f !important;
  border: 4px solid #c8a65a !important;
  padding: 10px 8px;
}
html.home-brand #table3 a,
html.home-brand #table3 font {
  color: #f4f8fb !important;
  text-shadow: none;
}
html.home-brand #table3 font[color="#FF00FF"] {
  color: #ff0000 !important;
}
html.home-brand #table3 font[color="#00FF00"] {
  color: #ff4d4f !important;
}
html.home-brand #table3 font[color="#FF0000"] {
  color: #e3c681 !important;
}
html.home-brand #table3 a:hover font {
  text-decoration: underline;
}
html.home-brand #widgetBox16362 .ptyx-tit {
  background: #eaf3f8;
  border-left: 4px solid #54bfea;
  color: #061b36 !important;
}
html.home-brand #widgetBox16362 .ptyx-tit font,
html.home-brand #widgetBox16362 .ptyx-tit font font {
  color: #0b6390 !important;
}

/* Top shortcut navigation: compact five-column royal-blue pills. */
html.home-brand .nav {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto !important;
  padding: 6px 5px 8px !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #d5dff0 !important;
  border-radius: 0 !important;
}
html.home-brand .nav::before,
html.home-brand .nav::after {
  display: none !important;
  content: none !important;
}
html.home-brand .nav a {
  float: none !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0;
  min-height: 30px;
  height: 30px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #0a5cda !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  letter-spacing: 0 !important;
  text-align: center;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
html.home-brand .nav a:hover,
html.home-brand .nav a:focus-visible {
  background: #0a4bb6 !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18);
}
@media (max-width: 520px) {
  html.home-brand .nav {
    gap: 6px;
    padding: 5px 4px 7px !important;
  }
  html.home-brand .nav a {
    min-height: 30px;
    height: 30px;
    padding: 0 3px !important;
    font-size: 13px !important;
    line-height: 30px !important;
  }
}
@media (max-width: 360px) {
  html.home-brand .nav {
    gap: 5px;
    padding: 4px 3px 6px !important;
  }
  html.home-brand .nav a {
    min-height: 28px;
    height: 28px;
    font-size: 12px !important;
    line-height: 28px !important;
  }
}

/* Homepage section titles: vivid yellow background and red lettering. */
html.home-brand .list-title,
html.home-brand .module-title,
html.home-brand .box .qxtable th,
html.home-brand .qiehuangleixingdiv {
  background: #fff200 !important;
  background-color: #fff200 !important;
  background-image: none !important;
  color: #d60000 !important;
  border-color: #d8be00 !important;
  text-shadow: none !important;
}
html.home-brand .list-title :is(b, strong, span, font, a),
html.home-brand .module-title :is(b, strong, span, font, a),
html.home-brand .box .qxtable th :is(b, strong, span, font, a),
html.home-brand .qiehuangleixingdiv :is(b, strong, span, font, a) {
  color: #d60000 !important;
  text-shadow: none !important;
}