.frontend-ssq-indicators {
    width: 100%;
    padding: 18px 0 64px;
    color: #000;
    font-family: Arial, SimSun, "宋体", sans-serif;
    font-size: 12px;
}

.frontend-ssq-indicators .ssq-indicators-breadcrumb {
    height: 34px;
    color: #777;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 14px;
}

.frontend-ssq-indicators .ssq-indicators-breadcrumb ol {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.frontend-ssq-indicators .ssq-indicators-breadcrumb li:not(:last-child)::after {
    content: ">";
    margin: 0 9px;
    color: #aaa;
}

.frontend-ssq-indicators .ssq-indicators-breadcrumb a {
    color: #666;
}

.frontend-ssq-indicators .ssq-indicators-panel {
    padding: 10px 0 42px;
    background: #fff;
}

.frontend-ssq-indicators .ssq-indicators-title {
    width: 780px;
    margin: 0 auto 8px;
    color: #d40000;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
}

.frontend-ssq-indicators .ssq-indicators-toolbar {
    display: block;
    width: 780px;
    height: 22px;
    margin: 0 auto;
    color: #d40000;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.frontend-ssq-indicators .ssq-indicators-toolbar select {
    width: 58px;
    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-ssq-indicators .ssq-indicators-toolbar button {
    margin-left: 6px;
}

.frontend-ssq-indicators .ssq-indicators-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    max-width: 100%;
    outline: none;
}

.frontend-ssq-indicators .ssq-indicators-scroll:focus-visible {
    box-shadow: 0 0 0 2px rgba(223, 23, 42, .35);
}

.frontend-ssq-indicators .ssq-indicators-table {
    width: 780px;
    min-width: 780px;
    margin: 0 auto;
    padding: 0;
    color: #000;
    border: 1px solid #000;
    border-spacing: 1px;
    background: #000;
    font-family: Arial, SimSun, "宋体", sans-serif;
    font-size: 12px;
    line-height: normal;
    table-layout: fixed;
}

.frontend-ssq-indicators .ssq-indicators-col--issue { width: 83px; }
.frontend-ssq-indicators .ssq-indicators-col--numbers { width: 165.8125px; }
.frontend-ssq-indicators .ssq-indicators-col--odd { width: 38.265625px; }
.frontend-ssq-indicators .ssq-indicators-col--average { width: 55.65625px; }
.frontend-ssq-indicators .ssq-indicators-col--consecutive { width: 55.65625px; }
.frontend-ssq-indicators .ssq-indicators-col--interval { width: 73.046875px; }
.frontend-ssq-indicators .ssq-indicators-col--same { width: 90.4375px; }
.frontend-ssq-indicators .ssq-indicators-col--swing { width: 73.046875px; }
.frontend-ssq-indicators .ssq-indicators-col--sum { width: 38.265625px; }
.frontend-ssq-indicators .ssq-indicators-col--span { width: 38.265625px; }
.frontend-ssq-indicators .ssq-indicators-col--tail { width: 54.546875px; }

.frontend-ssq-indicators .ssq-indicators-table th,
.frontend-ssq-indicators .ssq-indicators-table td {
    overflow: hidden;
    height: 23px;
    padding: 1px;
    border: 0;
    text-align: center;
    text-overflow: clip;
    vertical-align: middle;
    white-space: nowrap;
}

.frontend-ssq-indicators .ssq-indicators-table th {
    height: 31px;
    color: #333;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
}

.frontend-ssq-indicators .ssq-indicators-cell--issue { background: #ff0; }
.frontend-ssq-indicators .ssq-indicators-cell--numbers { background: #d7d7d7; font-weight: 400; }
.frontend-ssq-indicators .ssq-indicators-cell--mint { background: #00ff80; }
.frontend-ssq-indicators .ssq-indicators-cell--green { background: #00ff00; }
.frontend-ssq-indicators .ssq-indicators-cell--yellow { background: #ff0; }
.frontend-ssq-indicators .ssq-indicators-cell--gray { background: #d7d7d7; }
.frontend-ssq-indicators .ssq-indicators-reds,
.frontend-ssq-indicators .ssq-indicators-blue,
.frontend-ssq-indicators .ssq-indicators-separator { color: #000; }
.frontend-ssq-indicators .ssq-indicators-separator { padding: 0; }
.frontend-ssq-indicators .ssq-indicators-empty { height: 80px; background: #fff; color: #666; }

.frontend-ssq-indicators .ssq-indicators-notes {
    width: 780px;
    margin: 8px auto 0;
    padding: 0;
    border: 0;
    font-size: 12px;
    line-height: 20px;
}

.frontend-ssq-indicators .ssq-indicators-notes h2 {
    margin: 0;
    color: #d40000;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.frontend-ssq-indicators .ssq-indicators-notes ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: ssq-indicator-note;
}

.frontend-ssq-indicators .ssq-indicators-notes li {
    padding: 0;
    counter-increment: ssq-indicator-note;
}

.frontend-ssq-indicators .ssq-indicators-notes li::before {
    content: counter(ssq-indicator-note) "、";
}

.frontend-ssq-indicators .ssq-indicators-notes strong {
    font-weight: 400;
}