.frontend-3d-prime-composite { width: 100%; padding: 18px 0 64px; color: #000; font: 12px Arial, SimSun, "宋体", sans-serif; }
.frontend-3d-prime-composite .three-d-prime-composite-breadcrumb { height: 34px; color: #777; font: 14px "Microsoft YaHei", "PingFang SC", Arial, sans-serif; }
.frontend-3d-prime-composite .three-d-prime-composite-breadcrumb ol { display: flex; margin: 0; padding: 0; list-style: none; }
.frontend-3d-prime-composite .three-d-prime-composite-breadcrumb li:not(:last-child)::after { content: ">"; margin: 0 9px; color: #aaa; }
.frontend-3d-prime-composite .three-d-prime-composite-breadcrumb a { color: #666; }
.frontend-3d-prime-composite .three-d-prime-composite-panel { padding: 10px 0 42px; background: #fff; }
.frontend-3d-prime-composite .three-d-prime-composite-title { width: 810px; max-width: 100%; margin: 0 auto 8px; color: #f00; font-size: 18px; font-weight: 400; line-height: 26px; text-align: center; }
.frontend-3d-prime-composite .three-d-prime-composite-toolbar { display: block; width: 810px; max-width: 100%; min-height: 24px; margin: 0 auto; color: #f00; font-weight: 700; line-height: 20px; }
.frontend-3d-prime-composite .three-d-prime-composite-toolbar label { margin-left: 12px; }
.frontend-3d-prime-composite .three-d-prime-composite-toolbar select { width: 70px; height: 20px; margin: 0 3px; padding: 0 1px; color: #000; border: 1px solid #808080; background: #fff; font: 400 12px/18px Arial, SimSun, "宋体", sans-serif; vertical-align: middle; }
.frontend-3d-prime-composite .three-d-prime-composite-toolbar button { margin-left: 6px; }
.frontend-3d-prime-composite .three-d-prime-composite-scroll { overflow-x: auto; overflow-y: hidden; width: 100%; max-width: 100%; outline: none; }
.frontend-3d-prime-composite .three-d-prime-composite-scroll:focus-visible { box-shadow: 0 0 0 2px rgba(223, 23, 42, .35); }
.frontend-3d-prime-composite .three-d-prime-composite-table { width: 783px; min-width: 783px; margin: 0 auto; padding: 0; color: #333; border: 1px solid #000; border-spacing: 1px; background: #000; font: 12px Arial, SimSun, "宋体", sans-serif; table-layout: fixed; }
.frontend-3d-prime-composite .three-d-prime-composite-col--issue { width: 62px; }
.frontend-3d-prime-composite .three-d-prime-composite-col--number { width: 22px; }
.frontend-3d-prime-composite .three-d-prime-composite-col--sum, .frontend-3d-prime-composite .three-d-prime-composite-col--span { width: 26px; }
.frontend-3d-prime-composite .three-d-prime-composite-col--position { width: 54.5px; }
.frontend-3d-prime-composite .three-d-prime-composite-col--group { width: 24px; }
.frontend-3d-prime-composite .three-d-prime-composite-col--single { width: 22.5px; }
.frontend-3d-prime-composite .three-d-prime-composite-table th, .frontend-3d-prime-composite .three-d-prime-composite-table td { overflow: hidden; height: 20px; padding: 0 1px; border: 0; text-align: center; text-overflow: clip; vertical-align: middle; white-space: nowrap; }
.frontend-3d-prime-composite .three-d-prime-composite-groups th { height: 30px; color: #333; background: #fff; font-size: 14px; font-weight: 700; }
.frontend-3d-prime-composite .three-d-prime-composite-groups a, .frontend-3d-prime-composite .three-d-prime-composite-groups span { display: block; color: inherit; text-decoration: none; }
.frontend-3d-prime-composite .three-d-prime-composite-groups .is-active { color: #333; background: #fff; }
.frontend-3d-prime-composite .three-d-prime-composite-headings th { height: 84px; color: #333; background: #fff; font-size: 12px; font-weight: 700; }
.frontend-3d-prime-composite .three-d-prime-composite-heading--draw-number { line-height: 22px; }
.frontend-3d-prime-composite .three-d-prime-composite-headings .is-hundreds { background: #00ff00; }
.frontend-3d-prime-composite .three-d-prime-composite-headings .is-tens { background: #ffff00; }
.frontend-3d-prime-composite .three-d-prime-composite-headings .is-ones { background: #d7d7d7; }
.frontend-3d-prime-composite .three-d-prime-composite-headings .is-group { background: #00ffff; }
.frontend-3d-prime-composite .three-d-prime-composite-headings .is-single { background: #00ff80; }
.frontend-3d-prime-composite .three-d-prime-composite-cell--issue { background: #fff; font-weight: 400; }
.frontend-3d-prime-composite .three-d-prime-composite-cell--number { color: #111; background: #eee; }
.frontend-3d-prime-composite .three-d-prime-composite-cell--sum { background: #c0ffff; }
.frontend-3d-prime-composite .three-d-prime-composite-cell--span { background: #fefeee; }
.frontend-3d-prime-composite .three-d-prime-composite-cell--hundreds { background: #00ff00; }
.frontend-3d-prime-composite .three-d-prime-composite-cell--tens { background: #ffff00; }
.frontend-3d-prime-composite .three-d-prime-composite-cell--ones { background: #d7d7d7; }
.frontend-3d-prime-composite .three-d-prime-composite-cell--group { background: #00ffff; }
.frontend-3d-prime-composite .three-d-prime-composite-cell--single { background: #00ff80; }
.frontend-3d-prime-composite .three-d-prime-composite-data-row > *:nth-child(7), .frontend-3d-prime-composite .three-d-prime-composite-data-row > *:nth-child(9), .frontend-3d-prime-composite .three-d-prime-composite-data-row > *:nth-child(11), .frontend-3d-prime-composite .three-d-prime-composite-data-row > *:nth-child(13), .frontend-3d-prime-composite .three-d-prime-composite-data-row > *:nth-child(17) { box-shadow: inset 2px 0 #000; }
.frontend-3d-prime-composite .three-d-prime-composite-table td.is-hit { color: #fff; font-weight: 700; }
.frontend-3d-prime-composite .three-d-prime-composite-table td.is-hit strong { display: inline-block; width: 16px; height: 16px; color: #fff; border-radius: 50%; font-size: 12px; font-weight: 700; line-height: 16px; text-align: center; }
.frontend-3d-prime-composite .three-d-prime-composite-cell--hundreds.is-hit strong, .frontend-3d-prime-composite .three-d-prime-composite-cell--group.is-hit strong { background: #f20d3a; }
.frontend-3d-prime-composite .three-d-prime-composite-cell--tens.is-hit strong, .frontend-3d-prime-composite .three-d-prime-composite-cell--single.is-hit strong { background: #087cff; }
.frontend-3d-prime-composite .three-d-prime-composite-cell--ones.is-hit strong { background: #111; }
.frontend-3d-prime-composite .three-d-prime-composite-summary th, .frontend-3d-prime-composite .three-d-prime-composite-summary td { height: 16px; font-weight: 400; }
.frontend-3d-prime-composite .three-d-prime-composite-summary:nth-child(even) th, .frontend-3d-prime-composite .three-d-prime-composite-summary:nth-child(even) td { background: #ffffc0; }
.frontend-3d-prime-composite .three-d-prime-composite-summary:nth-child(odd) th, .frontend-3d-prime-composite .three-d-prime-composite-summary:nth-child(odd) td { background: #c0ffff; }
.frontend-3d-prime-composite .three-d-prime-composite-summary > *:nth-child(2), .frontend-3d-prime-composite .three-d-prime-composite-summary > *:nth-child(4), .frontend-3d-prime-composite .three-d-prime-composite-summary > *:nth-child(6), .frontend-3d-prime-composite .three-d-prime-composite-summary > *:nth-child(8), .frontend-3d-prime-composite .three-d-prime-composite-summary > *:nth-child(12) { box-shadow: inset 2px 0 #000; }
.frontend-3d-prime-composite .three-d-prime-composite-groups--bottom th { height: 25px; font-size: 12px; }
.frontend-3d-prime-composite .three-d-prime-composite-empty { height: 80px; color: #666; background: #fff; }
.frontend-3d-prime-composite .three-d-prime-composite-notes { width: 810px; max-width: 100%; margin: 8px auto 0; padding: 0; font-size: 12px; line-height: 20px; }
.frontend-3d-prime-composite .three-d-prime-composite-notes h2 { margin: 0; color: #f00; font-size: 12px; font-weight: 400; line-height: 20px; }
.frontend-3d-prime-composite .three-d-prime-composite-notes ol { margin: 0; padding: 0; list-style: none; counter-reset: prime-composite-note; }
.frontend-3d-prime-composite .three-d-prime-composite-notes li { padding: 0; counter-increment: prime-composite-note; }
.frontend-3d-prime-composite .three-d-prime-composite-notes li::before { content: counter(prime-composite-note) "、"; }
