/* 开奖汇总页中间区域 — 对齐 kaijiang.彩堂网 */

body.kj-page {
  background: #fff;
}

.kj-page .main-nav .menu-item li a.on,
.kj-page .main-nav .menu-item li a[class="on"] {
  background: transparent;
  color: #fff;
}

.kj-page .tagsMod {
  width: 960px;
  margin: 8px auto 0;
  overflow: hidden;
}

/* 彩票开奖 / 开奖时间 Tab（hub、time 统一，不依赖 global.png 切图） */
.kj-page .tagsMod .tags {
  height: 50px;
  overflow: hidden;
}

.kj-page .tagsMod .tags ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.kj-page .tagsMod .tags li {
  float: left;
  width: 95px;
  height: 33px;
  margin-right: 1px;
  padding-top: 10px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #454545;
  background: #eef4fb;
  border: 1px solid #c5d9ef;
  border-radius: 4px 4px 0 0;
  text-shadow: none;
  cursor: pointer;
}

.kj-page .tagsMod .tags li a {
  display: inline-block;
  width: 90px;
  height: 35px;
  line-height: 30px;
  color: inherit;
  text-decoration: none;
  position: static;
  top: auto;
}

.kj-page .tagsMod .tags li:hover {
  color: #8d5a00;
  background: #f5f9fd;
}

.kj-page .tagsMod .tags li.at {
  color: #fff;
  font-weight: bold;
  background: linear-gradient(to bottom, #4a9fe5, #3478b8);
  border-color: #3478b8;
  text-shadow: none;
}

.kj-page .tagsMod .tags li.at a,
.kj-page .tagsMod .tags li.at a:hover {
  color: #fff;
}

.kj-page .tagsMod .tags li.at h1 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}

/* ---------- 开奖表格 ---------- */
.kj-page {
  --kj-ball-size: 26px;
  --kj-ball-gap: 6px;
}

.kj-page .kjlist {
  width: 960px;
  margin: 0 auto;
}

.kj-page .kjtable {
  width: 100%;
}

.kj-page .kjtable td {
  border: 1px solid #ececec;
  text-align: center;
  line-height: 35px;
}

.kj-page .kjtable .kjtable-t td {
  text-align: left;
  text-indent: 2em;
  font-size: 16px;
  font-weight: 400;
  border-top-color: #dbdbdb;
}

.kj-page .kjtable tr .tip {
  text-align: left;
  text-indent: 2em;
}

.kj-page .kjtable .tr-gray td {
  background-color: #f7f7f7;
}

.kj-page .kjtable .ssq,
.kj-page .kjtable .fc3d,
.kj-page .kjtable .qlc,
.kj-page .kjtable .pl3,
.kj-page .kjtable .pl5,
.kj-page .kjtable .dlt,
.kj-page .kjtable .qxc,
.kj-page .kjtable .tc22x5 {
  background-image: url(../../static/theme/lottery/img/lottery_icon_30.png);
  background-repeat: no-repeat;
}

.kj-page .kjtable .ssq {
  background-position: center 4px;
}

.kj-page .kjtable .fc3d {
  background-position: center -31px;
}

.kj-page .kjtable .qlc {
  background-position: center -169px;
}

.kj-page .kjtable .pl3 {
  background-position: center -63px;
}

.kj-page .kjtable .pl5 {
  background-position: center -135px;
}

.kj-page .kjtable .dlt {
  background-position: center -99px;
}

.kj-page .kjtable .qxc {
  background-position: center -203px;
}

.kj-page .kjtable .tc22x5 {
  background-position: center -240px;
}

.kj-page .kjtable .forecast,
.kj-page .kjtable .chart,
.kj-page .kjtable .tool,
.kj-page .kjtable .history {
  background-image: url(../../static/theme/lottery/img/icon.png);
  background-repeat: no-repeat;
}

.kj-page .kjtable tr td.number {
  text-align: left;
  padding: 8px 8px 8px 41px;
  font-size: 14px;
  line-height: normal;
  vertical-align: middle;
}

.kj-page .hub-balls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--kj-ball-gap);
}

.kj-page .hub-balls-k18 {
  width: calc(7 * var(--kj-ball-size) + 6 * var(--kj-ball-gap));
  max-width: 100%;
}

.kj-page .hub-balls span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--kj-ball-size);
  height: var(--kj-ball-size);
  line-height: var(--kj-ball-size);
  color: #fff;
  font-weight: 400;
  text-align: center;
  border-radius: 50%;
  flex-shrink: 0;
  margin: 0;
}

.kj-page .hub-balls span.red {
  background-color: #de221f;
  color: #fff;
}

.kj-page .hub-balls span.blue {
  background-color: #388fdf;
  color: #fff;
}

.kj-page .hub-balls span.yellow {
  background-color: #ffb400;
  color: #1c1c1c;
}

/* 兼容旧结构（无 hub-balls 包裹时） */
.kj-page .kjtable td span.red {
  background-color: #de221f;
  color: #fff;
}

.kj-page .kjtable td span.blue {
  background-color: #388fdf;
  color: #fff;
}

.kj-page .kjtable td span.yellow {
  background-color: #ffb400;
  color: #1c1c1c;
}

.kj-page .kjtable .forecast {
  background-position: center -90px;
}

.kj-page .kjtable .chart {
  background-position: center -123px;
}

.kj-page .kjtable .tool {
  background-position: center -192px;
}

.kj-page .kjtable .history {
  background-position: center -158px;
}

.kj-page .kjtable .forecast a,
.kj-page .kjtable .chart a,
.kj-page .kjtable .tool a,
.kj-page .kjtable .history a {
  display: inline-block;
  width: 35px;
  height: 35px;
}

.kj-page .clear {
  clear: both;
  width: 0;
  height: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}

/* ---------- 开奖时间页 time.html ---------- */
.kj-page #lottery-menu {
  width: 960px;
  height: 30px;
  line-height: 30px;
  margin: 5px auto 0;
}

.kj-page #lottery-menu ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.kj-page #lottery-menu ul li {
  float: left;
  height: 30px;
  width: 80px;
  margin-right: 5px;
  line-height: 30px;
  text-align: center;
}

.kj-page #lottery-menu .lottery-menu-o {
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #444;
  font-size: 14px;
  text-decoration: none;
  background: #eef4fb;
  border: 1px solid #b5d5eb;
  border-radius: 3px;
}

.kj-page #lottery-menu .lottery-menu-o:hover {
  color: #fff;
  background: #458fce;
  border-color: #458fce;
  text-decoration: none;
}

.kj-page .t-main-cp-time {
  width: 960px;
  margin: 0 auto;
  padding: 10px 0 0;
}

.kj-page .t-main-cp-time ul {
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.kj-page .t-main-cp-time ul li {
  float: left;
  line-height: 26px;
  padding-left: 20px;
  color: #004499;
}

.kj-page .t-main-cp-time ul li a {
  color: #004499;
}

.kj-page .t-main-cp-time ul li a:hover {
  color: #b21000;
}

.kj-page .t-main-cp-time .t-time-sj {
  width: 120px;
}

.kj-page .t-main-cp-time .t-time-jg {
  width: 210px;
}

.kj-page .t-main-cp-time .time-link-sep {
  padding: 0 4px;
  color: #999;
}

.kj-page .kjtime {
  width: 960px;
  margin: 16px auto 24px;
  border-collapse: collapse;
}

.kj-page .kjtime td {
  text-align: center;
  border: 1px solid #b5d5eb;
  height: 26px;
  line-height: 26px;
}

.kj-page .kjtime .kjtitle td {
  background: linear-gradient(to bottom, #f3f8fd, #e8f1f9);
  height: 37px;
  font-size: 14px;
  color: #444;
  font-weight: bold;
}

.kj-page .kjtime .tr-blue {
  background: #f5fbff;
}