:root {
    --color-bg-primary: #1e232d;
    --color-text-primary: #dddddd;
    --color-text-secondary: #dddddd;
    --color-text-white: #ffffff;
    --color-accent-red: #D22222;
    --color-time-label: yellow;
    --font-size-root: 11px;
    --font-size-content: 1.1rem;
    --font-size-time: 12px;
    --size-dot: 0.9rem;
    --size-header-height: 3rem;
    --spacing-header-padding: 1rem 2rem 0 4rem;
    --spacing-content-padding: 0 0px 1rem 7rem;
    --position-dot-top: 15px;
    --position-dot-left: -30px;
    --position-time-left: -42px;
    --position-time-top: -5px
}

html {
    font-size: var(--font-size-root)
}

body,
ul {
    margin: -20px 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Microsoft YaHei', -apple-system, 'Segoe UI', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

.number,
.percentage,
.amount,
span[data-type="number"],
span[data-type="percentage"],
span[data-type="date"],
span[data-type="amount"] {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace
}

.timeBar,
.timeBar[data-v-29bb3f54] {
    overflow-x: hidden
}

.timeBar .section,
.timeBar .section[data-v-29bb3f54] {
    overflow-x: hidden
}

* {
    scrollbar-width: none;
    -ms-overflow-style: none
}

*::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.timeBar[data-v-29bb3f54] {
    color: var(--color-text-primary);
    background: var(--color-bg-primary)
}

.timeBar .header-tip[data-v-29bb3f54] {
    display: none
}

.timeBar .refresh[data-v-29bb3f54] {
    display: none
}

.timeBar .sectionchoose[data-v-29bb3f54] {
    margin-top: -2rem
}

.timeBar .section[data-v-29bb3f54] {
    padding: var(--spacing-content-padding);
    margin-top: 0px
}

.timeBar .section .ul {
    width: 100%;
    padding: 0;
    margin: 0
}

.timeBar .section .ul .li,
.timeBar .section .ul .li[data-v-29bb3f54] {
    position: relative;
    display: flex;
    padding-bottom: 5px;
    margin-bottom: -13px
}

.timeBar .section .ul .li::after,
.timeBar .section .ul .li[data-v-29bb3f54]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #333;
    display: none;
}

.timeBar .section .ul .li .pointer[data-v-29bb3f54] {
    width: var(--size-dot);
    height: var(--size-dot);
    border-radius: 50%;
    position: absolute;
    top: var(--position-dot-top);
    left: var(--position-dot-left)
}

.timeBar .section .ul .li .pointertimekx[data-v-29bb3f54] {
    position: relative;
    left: var(--position-time-left);
    top: var(--position-time-top);
    color: var(--color-time-label);
    font-size: var(--font-size-time)
}

.timeBar .section .ul .kxDateTwo[data-v-29bb3f54] {
    top: 2rem;
    display: none
}

.timeBar .section .ul .li .infor[data-v-29bb3f54] {
    margin-left: -70px;
    margin-top: 29px;
    margin-bottom: -5px
}

.zdfBox,
.zdfBox[data-v-29bb3f54] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.zdfPoint,
.zdfPoint[data-v-29bb3f54] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap
}

.timeBar .section .ul .li .infor .neirong,
.timeBar .section .ul .li .infor .neirong[data-v-29bb3f54] {
    font-size: var(--font-size-content);
    color: var(--color-text-secondary);
    line-height: 20px;
    font-weight: 400;
    text-align: justify;
    white-space: pre-wrap
}

span[data-type="bracket"],
.neirong [data-type="bracket"],
.timeBar .section .ul .li .infor .neirong [data-type="bracket"],
.timeBar .section .ul .li .infor .neirong[data-v-29bb3f54] [data-type="bracket"] {
    color: orange;
    font-weight: 700
}

.timeBar .section .ul .li .infor .neirong[data-v-29bb3f54] {
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important
}

.timeBar .section .ul .li.important .infor .neirong[data-v-29bb3f54] {
    color: var(--color-accent-red)
}

.timeBar .section .ul .li .jx[data-v-29bb3f54] {
    display: none
}

.stock-item,
[class*="stock"],
[class*="Stock"] {
    background-color: rgb(255 255 255 / .05);
    border: 1px solid rgb(255 255 255 / .08);
    padding: 2px 6px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 10px;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
    margin-bottom: 2px
}

.stock-name,
[class*="stock-name"],
[class*="StockName"] {
    margin-right: 4px;
    font-weight: 500;
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    color: orange
}
.name[data-v-29bb3f54] {
    margin-right: 0;
    background-color: rgb(255 255 255 / .05);
    border: 1px solid rgb(255 255 255 / .08);
    padding: 2px 6px;
    border-radius: 3px 0 0 3px;
    display: inline-flex;
    align-items: center
}

.stock-change,
[class*="zdfNumber"] {
    font-weight: 400;
    font-size: 11px;
    text-align: right;
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    border-radius: 0 3px 3px 0;
    margin-left: -1px
}

.stock-item:hover,
[class*="stock"]:hover,
[class*="Stock"]:hover {
    background-color: #09131f;
    border-color: rgb(44 82 130 / .3)
}

.stock-up,
[class*="stock-up"],
[class*="StockUp"] {
    color: #D22222
}

.stock-down,
[class*="stock-down"],
[class*="StockDown"] {
    color: #4eeeee
}

.stock-limit-up,
[class*="stock-limit-up"],
[class*="StockLimitUp"] {
    background-color: darkred;
    color: #ddd;
    border: 1px solid rgb(229 62 62 / .3)
}

.stock-limit-down,
[class*="stock-limit-down"],
[class*="StockLimitDown"] {
    background-color: #006006;
    color: #ddd;
    border: 1px solid rgb(78 205 196 / .3)
}