@charset "UTF-8";

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-stretch: normal;
    src: url(/2026-03-03-17-18-06/static/woff/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbFmUiAw-yBxCyPWP.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    src: url(/2026-03-03-17-18-06/static/woff/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmUiAw-CNa4tw4G.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url(/2026-03-03-17-18-06/static/woff/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAw-3fZ6d7DD.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    src: url(/2026-03-03-17-18-06/static/woff/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bVmUiAw-CHKg1YId.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    src: url(/2026-03-03-17-18-06/static/woff/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmUiAw-BepdiOnY.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: normal;
    src: url(/2026-03-03-17-18-06/static/woff/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtalmUiAw-4ZhHFPot.woff) format("woff")
}

@font-face {
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/2026-03-03-17-18-06/static/woff2/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ-D-x-0Q06.woff2) format("woff2"), url(/2026-03-03-17-18-06/static/woff/flUhRq6tzZclQEJ-Vdg-IuiaDsNa-Dr0goTwe.woff) format("woff")
}

:root {
    --q-gb-t-c-5: rgb(94, 103, 131);
    --q-gb-t-c-6: rgb(94, 103, 131);
    --q-function-color-2: rgb(0, 180, 42);
    --q-bg-color-1-1: #FFFFFF;
    --q-gb-bg-c-64: var(--q-bg-color-1-1);
    --q-header-search-color-6: var(--q-bg-color-1-1);
    --q-header-search-color-11: var(--q-bg-color-1-1);
    --q-video-ctrl__wrap: var(--q-bg-color-1-1);
    --q-bg-color-1-1-record: var(--q-bg-color-1-1);
    --q-bet-box-59: var(--q-bg-color-1-1);
    --q-site-header-color-7: var(--q-bg-color-1-1);
    --q-gb-bg-lg-32: var(--q-bg-color-1-1);
    --q-gb-bg-c-67: var(--q-bg-color-1-1);
    --q-rule-page-bg-color: var(--q-bg-color-1-1);
    --q-bg-color-1-2: #FFFFFF;
    --q-bg-color-1-3: #FFFFFF;
    --q-gb-bg-c-75: var(--q-bg-color-1-3);
    --q-gb-bg-c-95: var(--q-bg-color-1-3);
    --q-gb-bg-c-97: var(--q-bg-color-1-3);
    --q-gb-bg-c-25: var(--q-bg-color-1-3);
    --q-gb-bg-c-37: var(--q-bg-color-1-3);
    --q-gb-bg-c-13: var(--q-bg-color-1-3);
    --q-bet-record-14: var(--q-bg-color-1-3);
    --q-gb-bg-c-21: var(--q-bg-color-1-3);
    --q-match-result-bg-head-color-1: var(--q-bg-color-1-3);
    --q-gb-bd-c-13: var(--q-bg-color-1-3);
    --q-gb-bg-c-85: var(--q-bg-color-1-3);
    --q-gb-bg-c-39: var(--q-bg-color-1-3);
    --q-gb-bg-c-32: var(--q-bg-color-1-3);
    --q-bet-box-5: var(--q-bg-color-1-3);
    --q-gb-bg-c-42: var(--q-bg-color-1-3);
    --q-bg-color-1-4: #FFFFFF;
    --q-gb-bg-c-62: var(--q-bg-color-1-4);
    --q-bet-box-7: var(--q-bg-color-1-4);
    --q-bet-box-43: var(--q-bg-color-1-4);
    --q-bg-color-2-1: #F2F2F6;
    --q-site-header-color-8: var(--q-bg-color-2-1);
    --q-gb-bg-c-22: var(--q-bg-color-2-1);
    --q-bet-record-13: var(--q-bg-color-2-1);
    --q-gb-bg-c-49: var(--q-bg-color-2-1);
    --q-match-result-bg-main-color: var(--q-bg-color-2-1);
    --q-gb-bg-c-26: var(--q-bg-color-2-1);
    --q-bet-box-100: var(--q-bg-color-2-1);
    --q-bg-color-2-2: #F2F2F6;
    --q-gb-bg-c-44: var(--q-bg-color-2-2);
    --q-gb-bg-c-96: var(--q-bg-color-2-2);
    --q-match-details-bet-block: var(--q-bg-color-2-2);
    --q-bg-color-3: #F8F9FA;
    --q-gb-bg-c-7: var(--q-bg-color-3);
    --q-gb-bg-c-60: var(--q-bg-color-3);
    --q-bet-box-16: var(--q-bg-color-3);
    --q-bg-color-3-1: #F8F9FA;
    --q-gb-bg-c-41: var(--q-bg-color-3-1);
    --q-bet-box-54: var(--q-bg-color-3-1);
    --q-gb-bg-c-34: var(--q-bg-color-3-1);
    --q-bg-color-3-2: #F8F9FA;
    --q-gb-bg-c-30: var(--q-bg-color-3-2);
    --q-gb-bg-c-11: var(--q-bg-color-3-2);
    --q-gb-t-c-32: var(--q-bg-color-3-2);
    --q-bet-box-61: var(--q-bg-color-3-2);
    --q-gb-bg-c-98: var(--q-bg-color-3-2);
    --q-bg-color-4: #F4F9FF;
    --q-match-details-left-title: var(--q-bg-color-4);
    --q-bet-box-33: var(--q-bg-color-4);
    --q-bg-color-5: #F8F8F7;
    --q-stroke-color-1: #E4E6ED;
    --q-gb-bd-c-25: var(--q-stroke-color-1);
    --q-gb-bd-c-8: var(--q-stroke-color-1);
    --q-bet-record-15: var(--q-stroke-color-1);
    --q-gb-bd-c-27: var(--q-stroke-color-1);
    --q-gb-bd-c-21: var(--q-stroke-color-1);
    --q-troke-color-1: var(--q-stroke-color-1);
    --q-bet-box-20: var(--q-stroke-color-1);
    --q-gb-bd-c-18: var(--q-stroke-color-1);
    --q-gb-bd-c-14: var(--q-stroke-color-1);
    --q-gb-bd-c-22: var(--q-stroke-color-1);
    --q-stroke-color-2: #FFFFFF;
    --q-match-result-table-td-color-1: var(--q-stroke-color-2);
    --q-simple-header-color-2: var(--q-stroke-color-2);
    --q-rule-page-header-bd-color: var(--q-stroke-color-2);
    --q-stroke-color-transparent: rgba(255, 255, 255, 0.04);
    --q-stroke-color-white-1: #FFFFFF;
    --q-stroke-color-white-all: #FFFFFF;
    --q-stroke-color-black-1: #121212;
    --q-stroke-color-black-all: #121212;
    --q-Handicap-default-full-court: #F8F9FA;
    --q-gb-bg-c-27: var(--q-Handicap-default-full-court);
    --q-Handicap-default-half-court: #E8F3FF;
    --q-gb-bg-c-31: var(--q-Handicap-default-half-court);
    --q-gb-bg-c-74: var(--q-Handicap-default-half-court);
    --q-Handicap-default-details-1: #F4F9FF;
    --q-match-result-table-td-bg-color: var(--q-Handicap-default-details-1);
    --q-Handicap-default-details-2: #FFF7EF;
    --q-Handicap-select-change: #166DCC;
    --q-Handicap-hover-all: #D2E7FF;
    --q-gb-bg-c-63: var(--q-Handicap-hover-all);
    --q-Handicap-disable: #FBFBFB;
    --q-btn-gradient-color-1-1: #E4ECFD;
    --q-bet-box-50: var(--q-btn-gradient-color-1-1);
    --q-btn-gradient-color-1-2: #EEF1F9;
    --q-bet-box-51: var(--q-btn-gradient-color-1-2);
    --q-btn-gradient-color-1-3: #F9FDFF;
    --q-bet-box-52: var(--q-btn-gradient-color-1-3);
    --q-btn-outline-color-1: #FFFFFF;
    --q-gb-bd-c-6: var(--q-btn-outline-color-1);
    --q-bet-box-49: var(--q-btn-outline-color-1);
    --q-gb-t-c-25: var(--q-btn-outline-color-1);
    --q-gb-bd-c-20: var(--q-btn-outline-color-1);
    --q-btn-outline-color-2: #E4E6ED;
    --q-btn-color-disable: #E4E6ED;
    --q-bet-box-105: var(--q-btn-color-disable);
    --q-btn-color-white-all: #FFFFFF;
    --q-transparent-theme-color-1: rgba(28, 136, 255, 0.1);
    --q-gb-bg-lg-30: var(--q-transparent-theme-color-1);
    --q-gb-bg-lg-11: var(--q-transparent-theme-color-1);
    --q-match-results-ball-status-bg: var(--q-transparent-theme-color-1);
    --q-gb-bg-lg-8: var(--q-transparent-theme-color-1);
    --q-gb-bg-lg-14: var(--q-transparent-theme-color-1);
    --q-video-history-btn-background-color: var(--q-transparent-theme-color-1);
    --q-header-search-color-1: var(--q-transparent-theme-color-1);
    --q-transparent-theme-color-2: rgba(28, 136, 255, 0.30);
    --q-transparent-function-color-1: rgba(245, 63, 63, 0.10);
    --q-gb-bg-c-28: var(--q-transparent-function-color-1);
    --q-gb-bg-c-80: var(--q-transparent-function-color-1);
    --q-transparent-function-color-2: rgba(0, 180, 42, 0.1);
    --q-gb-bg-c-29: var(--q-transparent-function-color-2);
    --q-transparent-function-color-3: rgba(254, 174, 44, 0.10);
    --q-transparent-white-color-1: rgba(0, 0, 0, 0.1);
    --q-transparent-black-color-2: rgba(0, 0, 0, 0.7);
    --q-transparent-black-color-1: rgba(0, 0, 0, 0.4);
    --q-gb-bg-c-76: var(--q-transparent-black-color-1);
    --q-bet-box-65: var(--q-transparent-black-color-1);
    --q-gb-bg-c-51: var(--q-transparent-black-color-1);
    --q-transparent-black-color-3: rgba(0, 0, 0, 0.7);
    --q-bet-box-45: var(--q-transparent-black-color-3);
    --q-gb-bg-c-50: var(--q-transparent-black-color-3);
    --q-gb-bg-color-110: var(--q-transparent-black-color-3);
    --q-events-color-1-1: #1c88ff;
    --q-analysis-color-1-1: var(--q-events-color-1-1);
    --q-events-color-1-2: #3E8DFE;
    --q-events-color-2-1: #FEAE2C;
    --q-analysis-color-2-1: var(--q-events-color-2-1);
    --q-events-color-2-2: rgba(254, 174, 44, 0);
    --q-events-color-2-3: rgba(255, 176, 1, 0.05);
    --q-events-color-1-3: rgba(210, 183, 156, 0.01);
    --q-events-color-1-3-bg: rgba(23, 156, 255, 0.05);
    --q-events-color-3-1: #F8F9FA;
    --q-events-color-3-2: rgba(89, 106, 128, 0.10);
    --q-theme-color-1-default: #1C88FF;
    --q-gb-t-c-16: var(--q-theme-color-1-default);
    --q-gb-bg-c-1: var(--q-theme-color-1-default);
    --q-match-details-active: var(--q-theme-color-1-default);
    --q-gb-bg-c-57: var(--q-theme-color-1-default);
    --q-gb-bg-c-17: var(--q-theme-color-1-default);
    --q-gb-bg-c-54: var(--q-theme-color-1-default);
    --q-gb-bg-c-4: var(--q-theme-color-1-default);
    --q-gb-t-c-29: var(--q-theme-color-1-default);
    --q-header-search-color-7: var(--q-theme-color-1-default);
    --q-gb-bg-c-77: var(--q-theme-color-1-default);
    --q-gb-t-c-35: var(--q-theme-color-1-default);
    --q-bet-box-48: var(--q-theme-color-1-default);
    --q-gb-bg-lg-1: var(--q-theme-color-1-default);
    --q-gb-bd-c-12: var(--q-theme-color-1-default);
    --q-gb-bd-c-5: var(--q-theme-color-1-default);
    --q-gb-t-c-11: var(--q-theme-color-1-default);
    --q-gb-bg-c-14: var(--q-theme-color-1-default);
    --q-bet-box-2: var(--q-theme-color-1-default);
    --q-bet-box-11: var(--q-theme-color-1-default);
    --q-bet-box-103: var(--q-theme-color-1-default);
    --q-gb-t-c-22: var(--q-theme-color-1-default);
    --q-gb-bd-c-11: var(--q-theme-color-1-default);
    --q-bet-record-2: var(--q-theme-color-1-default);
    --q-bet-big-view-color: var(--q-theme-color-1-default);
    --q-gb-bg-c-102: var(--q-theme-color-1-default);
    --q-theme-color-2-hover: #49A0FF;
    --q-gb-t-c-1: var(--q-theme-color-2-hover);
    --q-gb-bg-c-103: var(--q-theme-color-2-hover);
    --q-gb-bg-c-86: var(--q-theme-color-2-hover);
    --q-theme-color-3-click: #166DCC;
    --q-theme-color-4-click: #166DCC;
    --q-toast-color-bg-1: #121212;
    --q-toast-color-bg-2: #FFFFFF;
    --q-gb-bg-c-82: var(--q-toast-color-bg-2);
    --q-bet-box-56: var(--q-toast-color-bg-2);
    --q-match-results-ball-select-bg: var(--q-toast-color-bg-2);
    --q-match-result-league-select-bg-color: var(--q-toast-color-bg-2);
    --q-gb-bg-c-59: var(--q-toast-color-bg-2);
    --q-gb-bg-color-111: var(--q-toast-color-bg-2);
    --q-toast-color-bg-4: #333333;
    --q-toast-color-bg-5: #F2F2F6;
    --q-scroll-color: #D9D9D9;
    --q-gb-bg-c-47: var(--q-scroll-color);
    --q-shadow-1: #E2E2E4;
    --q-bet-box-60: var(--q-shadow-1);
    --q-shadow-2: #E2E2E4;
    --q-shadow-3: rgba(0, 56, 98, 0.10);
    --q-gb-bg-c-72: var(--q-shadow-3);
    --q-inner-shadow: #C5D2DB;
    --q-gb-bg-color-1-1: #FFFFFF;
    --q-transparent-black-color-2-2: rgba(0, 0, 0, 0.70);
    --q-default-details-2-dov: #FFCE63;
    --q-match-details-dov-bg-color: var(--q-default-details-2-dov);
    --q-notify-setting-bg: #FFFFFF;
    --q-notify-setting-cancel: #E4E6ED;
    --q-notify-setting-save: #179CFF;
    --q-notify-setting-dialog-mask: #F2F2F6;
    --q-color-2-hover: #71C3FF;
    --q-bg-color-4-score: #E9F0FF;
    --q-notify-setting-bg-shadow: #E2E2E4;
    --q-bg-color-table-header: #F6F9FF;
    --q-bg-color-1: #FFFFFF;
    --q-text-color-1: #303442;
    --q-gb-t-c-3: var(--q-text-color-1);
    --q-gb-t-c-23: var(--q-text-color-1);
    --q-header-search-color-3: var(--q-text-color-1);
    --q-bet-box-47: var(--q-text-color-1);
    --q-bet-box-55: var(--q-text-color-1);
}

.material-icons {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

*,
* :before,
* :after {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent
}

html,
body,
#q-app {
    width: 100%;
    direction: ltr
}

body.platform-ios.within-iframe,
body.platform-ios.within-iframe #q-app {
    width: 100px;
    min-width: 100%
}

html,
body {
    margin: 0;
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

img {
    border-style: none
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    font-family: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input,
select {
    overflow: visible;
    text-transform: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.q-icon {
    line-height: 1;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-align: center;
    position: relative;
    box-sizing: content-box;
    fill: currentColor
}

.q-icon:before,
.q-icon:after {
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center
}

.q-icon>svg,
.q-icon>img {
    width: 100%;
    height: 100%
}

.q-icon>div {
    box-sizing: border-box
}

.q-icon,
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit;
    font-size: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle
}

.q-panel {
    height: 100%;
    width: 100%
}

.q-panel>div {
    height: 100%;
    width: 100%
}

.q-panel-parent {
    overflow: hidden;
    position: relative
}

.q-loading-bar {
    position: fixed;
    z-index: 9998;
    transition: transform .5s cubic-bezier(0, 0, .2, 1), opacity .5s;
    background: #f44336
}

.q-loading-bar--top {
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

.q-loading-bar--bottom {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

.q-loading-bar--right {
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%
}

.q-loading-bar--left {
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.q-avatar {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    font-size: 48px;
    height: 1em;
    width: 1em
}

.q-avatar__content {
    font-size: .5em;
    line-height: .5em
}

.q-avatar__content,
.q-avatar img:not(.q-icon):not(.q-img__image) {
    border-radius: inherit;
    height: inherit;
    width: inherit
}

.q-avatar--square {
    border-radius: 0
}

.q-badge {
    background-color: var(--q-primary);
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1;
    min-height: 12px;
    font-weight: 400;
    vertical-align: baseline
}

.q-badge--single-line {
    white-space: nowrap
}

.q-badge--multi-line {
    word-break: break-all;
    word-wrap: break-word
}

.q-badge--floating {
    position: absolute;
    top: -4px;
    right: -3px;
    cursor: inherit
}

.q-badge--transparent {
    opacity: .8
}

.q-badge--outline {
    background-color: transparent;
    border: 1px solid currentColor
}

.q-badge--rounded {
    border-radius: 1em
}

.q-banner {
    min-height: 54px;
    padding: 8px 16px;
    background: #fff
}

.q-banner--top-padding {
    padding-top: 14px
}

.q-banner__avatar {
    min-width: 1px !important
}

.q-banner__avatar>.q-avatar {
    font-size: 46px
}

.q-banner__avatar>.q-icon {
    font-size: 40px
}

.q-banner__avatar:not(:empty)+.q-banner__content {
    padding-left: 16px
}

.q-banner__actions.col-auto {
    padding-left: 16px
}

.q-banner__actions.col-all .q-btn-item {
    margin: 4px 0 0 4px
}

.q-banner--dense {
    min-height: 32px;
    padding: 8px
}

.q-banner--dense.q-banner--top-padding {
    padding-top: 12px
}

.q-banner--dense .q-banner__avatar>.q-avatar,
.q-banner--dense .q-banner__avatar>.q-icon {
    font-size: 28px
}

.q-banner--dense .q-banner__avatar:not(:empty)+.q-banner__content {
    padding-left: 8px
}

.q-banner--dense .q-banner__actions.col-auto {
    padding-left: 8px
}

.q-bar {
    background: #0003
}

.q-bar>.q-icon {
    margin-left: 2px
}

.q-bar>div,
.q-bar>div+.q-icon {
    margin-left: 8px
}

.q-bar>.q-btn {
    margin-left: 2px
}

.q-bar>.q-icon:first-child,
.q-bar>.q-btn:first-child,
.q-bar>div:first-child {
    margin-left: 0
}

.q-bar--standard {
    padding: 0 12px;
    height: 32px;
    font-size: 18px
}

.q-bar--standard>div {
    font-size: 16px
}

.q-bar--standard .q-btn {
    font-size: 11px
}

.q-bar--dense {
    padding: 0 8px;
    height: 24px;
    font-size: 14px
}

.q-bar--dense .q-btn {
    font-size: 8px
}

.q-bar--dark {
    background: #ffffff26
}

.q-breadcrumbs__el {
    color: inherit
}

.q-breadcrumbs__el-icon {
    font-size: 125%
}

.q-breadcrumbs__el-icon--with-label {
    margin-right: 8px
}

[dir=rtl] .q-breadcrumbs__separator .q-icon {
    transform: scaleX(-1)
}

.q-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    outline: 0;
    border: 0;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.715em;
    text-decoration: none;
    color: inherit;
    background: transparent;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    width: auto;
    height: auto;
    cursor: default;
    padding: 4px 16px;
    min-height: 2.572em
}

.q-btn .q-icon,
.q-btn .q-spinner {
    font-size: 1.715em
}

.q-btn.disabled {
    opacity: .7 !important
}

.q-btn:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f
}

.q-btn--actionable {
    cursor: pointer
}

.q-btn--actionable.q-btn--standard:before {
    transition: box-shadow .3s cubic-bezier(.25, .8, .5, 1)
}

.q-btn--actionable.q-btn--standard:active:before,
.q-btn--actionable.q-btn--standard.q-btn--active:before {
    box-shadow: 0 3px 5px -1px #0003, 0 5px 8px #00000024, 0 1px 14px #0000001f
}

.q-btn--no-uppercase {
    text-transform: none
}

.q-btn--rectangle {
    border-radius: 3px
}

.q-btn--outline {
    background: transparent !important
}

.q-btn--outline:before {
    border: 1px solid currentColor
}

.q-btn--push {
    border-radius: 7px
}

.q-btn--push:before {
    border-bottom: 3px solid rgba(0, 0, 0, .15)
}

.q-btn--push.q-btn--actionable {
    transition: transform .3s cubic-bezier(.25, .8, .5, 1)
}

.q-btn--push.q-btn--actionable:before {
    transition: border-width .3s cubic-bezier(.25, .8, .5, 1)
}

.q-btn--push.q-btn--actionable:active,
.q-btn--push.q-btn--actionable.q-btn--active {
    transform: translateY(2px)
}

.q-btn--push.q-btn--actionable:active:before,
.q-btn--push.q-btn--actionable.q-btn--active:before {
    border-bottom-width: 0
}

.q-btn--rounded {
    border-radius: 28px
}

.q-btn--round {
    border-radius: 50%;
    padding: 0;
    min-width: 3em;
    min-height: 3em
}

.q-btn--square {
    border-radius: 0
}

.q-btn--flat:before,
.q-btn--outline:before,
.q-btn--unelevated:before {
    box-shadow: none
}

.q-btn--dense {
    padding: .285em;
    min-height: 2em
}

.q-btn--dense.q-btn--round {
    padding: 0;
    min-height: 2.4em;
    min-width: 2.4em
}

.q-btn--dense .on-left {
    margin-right: 6px
}

.q-btn--dense .on-right {
    margin-left: 6px
}

.q-btn--fab .q-icon,
.q-btn--fab-mini .q-icon {
    font-size: 24px
}

.q-btn--fab {
    padding: 16px;
    min-height: 56px;
    min-width: 56px
}

.q-btn--fab .q-icon {
    margin: auto
}

.q-btn--fab-mini {
    padding: 8px;
    min-height: 40px;
    min-width: 40px
}

.q-btn__content {
    transition: opacity .3s;
    z-index: 0
}

.q-btn__content--hidden {
    opacity: 0;
    pointer-events: none
}

.q-btn__progress {
    border-radius: inherit;
    z-index: 0
}

.q-btn__progress-indicator {
    z-index: -1;
    transform: translate(-100%);
    background: #ffffff40
}

.q-btn__progress--dark .q-btn__progress-indicator {
    background: #0003
}

.q-btn--flat .q-btn__progress-indicator,
.q-btn--outline .q-btn__progress-indicator {
    opacity: .2;
    background: currentColor
}

.q-btn-dropdown--split .q-btn-dropdown__arrow-container {
    padding: 0 4px
}

.q-btn-dropdown--split .q-btn-dropdown__arrow-container.q-btn--outline {
    border-left: 1px solid currentColor
}

.q-btn-dropdown--split .q-btn-dropdown__arrow-container:not(.q-btn--outline) {
    border-left: 1px solid rgba(255, 255, 255, .3)
}

.q-btn-dropdown--simple *+.q-btn-dropdown__arrow {
    margin-left: 8px
}

.q-btn-dropdown__arrow {
    transition: transform .28s
}

.q-btn-dropdown--current {
    flex-grow: 1
}

.q-btn-group {
    border-radius: 3px;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    vertical-align: middle
}

.q-btn-group>.q-btn-item {
    border-radius: inherit;
    align-self: stretch
}

.q-btn-group>.q-btn-item:before {
    box-shadow: none
}

.q-btn-group>.q-btn-item .q-badge--floating {
    right: 0
}

.q-btn-group>.q-btn-group {
    box-shadow: none
}

.q-btn-group>.q-btn-group:first-child>.q-btn:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.q-btn-group>.q-btn-group:last-child>.q-btn:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.q-btn-group>.q-btn-group:not(:first-child)>.q-btn:first-child:before {
    border-left: 0
}

.q-btn-group>.q-btn-group:not(:last-child)>.q-btn:last-child:before {
    border-right: 0
}

.q-btn-group>.q-btn-item:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.q-btn-group>.q-btn-item:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.q-btn-group>.q-btn-item.q-btn--standard:before {
    z-index: -1
}

.q-btn-group--push {
    border-radius: 7px
}

.q-btn-group--push>.q-btn--push.q-btn--actionable {
    transform: none
}

.q-btn-group--push>.q-btn--push.q-btn--actionable .q-btn__content {
    transition: margin-top .3s cubic-bezier(.25, .8, .5, 1), margin-bottom .3s cubic-bezier(.25, .8, .5, 1)
}

.q-btn-group--push>.q-btn--push.q-btn--actionable:active .q-btn__content,
.q-btn-group--push>.q-btn--push.q-btn--actionable.q-btn--active .q-btn__content {
    margin-top: 2px;
    margin-bottom: -2px
}

.q-btn-group--rounded {
    border-radius: 28px
}

.q-btn-group--square {
    border-radius: 0
}

.q-btn-group--flat,
.q-btn-group--outline,
.q-btn-group--unelevated {
    box-shadow: none
}

.q-btn-group--outline>.q-separator {
    display: none
}

.q-btn-group--outline>.q-btn-item+.q-btn-item:before {
    border-left: 0
}

.q-btn-group--outline>.q-btn-item:not(:last-child):before {
    border-right: 0
}

.q-btn-group--stretch {
    align-self: stretch;
    border-radius: 0
}

.q-btn-group--glossy>.q-btn-item {
    background-image: linear-gradient(to bottom, #ffffff4d, #fff0 50%, #0000001f 51%, #0000000a) !important
}

.q-btn-group--spread>.q-btn-group {
    display: flex !important
}

.q-btn-group--spread>.q-btn-item,
.q-btn-group--spread>.q-btn-group>.q-btn-item:not(.q-btn-dropdown__arrow-container) {
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 10000 1 0%
}

.q-btn-toggle {
    position: relative
}

.q-card {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    border-radius: 4px;
    vertical-align: top;
    background: #fff;
    position: relative
}

.q-card>div:not(.q--avoid-card-border),
.q-card>img:not(.q--avoid-card-border) {
    border-radius: 0
}

.q-card>div:nth-child(1 of:not(.q--avoid-card-border)),
.q-card>img:nth-child(1 of:not(.q--avoid-card-border)) {
    border-top: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-card>div:nth-last-child(1 of:not(.q--avoid-card-border)),
.q-card>img:nth-last-child(1 of:not(.q--avoid-card-border)) {
    border-bottom: 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.q-card>div:not(.q--avoid-card-border) {
    border-left: 0;
    border-right: 0;
    box-shadow: none
}

.q-card--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-card--dark {
    border-color: #ffffff47;
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-card__section {
    position: relative
}

.q-card__section--vert {
    padding: 16px
}

.q-card__section--horiz>div:not(.q--avoid-card-border),
.q-card__section--horiz>img:not(.q--avoid-card-border) {
    border-radius: 0
}

.q-card__section--horiz>div:nth-child(1 of:not(.q--avoid-card-border)),
.q-card__section--horiz>img:nth-child(1 of:not(.q--avoid-card-border)) {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.q-card__section--horiz>div:nth-last-child(1 of:not(.q--avoid-card-border)),
.q-card__section--horiz>img:nth-last-child(1 of:not(.q--avoid-card-border)) {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.q-card__section--horiz>div:not(.q--avoid-card-border) {
    border-top: 0;
    border-bottom: 0;
    box-shadow: none
}

.q-card__actions {
    padding: 8px;
    align-items: center
}

.q-card__actions .q-btn--rectangle {
    padding: 0 8px
}

.q-card__actions--horiz>.q-btn-item+.q-btn-item,
.q-card__actions--horiz>.q-btn-group+.q-btn-item,
.q-card__actions--horiz>.q-btn-item+.q-btn-group {
    margin-left: 8px
}

.q-card__actions--vert>.q-btn-item.q-btn--round {
    align-self: center
}

.q-card__actions--vert>.q-btn-item+.q-btn-item,
.q-card__actions--vert>.q-btn-group+.q-btn-item,
.q-card__actions--vert>.q-btn-item+.q-btn-group {
    margin-top: 4px
}

.q-card__actions--vert>.q-btn-group>.q-btn-item {
    flex-grow: 1
}

.q-card>img {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0
}

.q-carousel {
    background-color: #fff;
    height: 400px
}

.q-carousel__slide {
    min-height: 100%;
    background-size: cover;
    background-position: 50%
}

.q-carousel__slide,
.q-carousel .q-carousel--padding {
    padding: 16px
}

.q-carousel__slides-container {
    height: 100%
}

.q-carousel__control {
    color: #fff
}

.q-carousel__arrow {
    pointer-events: none
}

.q-carousel__arrow .q-icon {
    font-size: 28px
}

.q-carousel__arrow .q-btn {
    pointer-events: all
}

.q-carousel__prev-arrow--horizontal,
.q-carousel__next-arrow--horizontal {
    top: 16px;
    bottom: 16px
}

.q-carousel__prev-arrow--horizontal {
    left: 16px
}

.q-carousel__next-arrow--horizontal {
    right: 16px
}

.q-carousel__prev-arrow--vertical,
.q-carousel__next-arrow--vertical {
    left: 16px;
    right: 16px
}

.q-carousel__prev-arrow--vertical {
    top: 16px
}

.q-carousel__next-arrow--vertical {
    bottom: 16px
}

.q-carousel__navigation--top,
.q-carousel__navigation--bottom {
    left: 16px;
    right: 16px;
    overflow-x: auto;
    overflow-y: hidden
}

.q-carousel__navigation--top {
    top: 16px
}

.q-carousel__navigation--bottom {
    bottom: 16px
}

.q-carousel__navigation--left,
.q-carousel__navigation--right {
    top: 16px;
    bottom: 16px;
    overflow-x: hidden;
    overflow-y: auto
}

.q-carousel__navigation--left>.q-carousel__navigation-inner,
.q-carousel__navigation--right>.q-carousel__navigation-inner {
    flex-direction: column
}

.q-carousel__navigation--left {
    left: 16px
}

.q-carousel__navigation--right {
    right: 16px
}

.q-carousel__navigation-inner {
    flex: 1 1 auto
}

.q-carousel__navigation .q-btn {
    margin: 6px 4px;
    padding: 5px
}

.q-carousel__navigation-icon--inactive {
    opacity: .7
}

.q-carousel .q-carousel__thumbnail {
    margin: 2px;
    height: 50px;
    width: auto;
    display: inline-block;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    vertical-align: middle;
    opacity: .7;
    transition: opacity .3s
}

.q-carousel .q-carousel__thumbnail:hover,
.q-carousel .q-carousel__thumbnail--active {
    opacity: 1
}

.q-carousel .q-carousel__thumbnail--active {
    border-color: currentColor;
    cursor: default
}

.q-carousel--navigation-top.q-carousel--with-padding .q-carousel__slide,
.q-carousel--navigation-top .q-carousel--padding,
.q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide,
.q-carousel--arrows-vertical .q-carousel--padding {
    padding-top: 60px
}

.q-carousel--navigation-bottom.q-carousel--with-padding .q-carousel__slide,
.q-carousel--navigation-bottom .q-carousel--padding,
.q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide,
.q-carousel--arrows-vertical .q-carousel--padding {
    padding-bottom: 60px
}

.q-carousel--navigation-left.q-carousel--with-padding .q-carousel__slide,
.q-carousel--navigation-left .q-carousel--padding,
.q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide,
.q-carousel--arrows-horizontal .q-carousel--padding {
    padding-left: 60px
}

.q-carousel--navigation-right.q-carousel--with-padding .q-carousel__slide,
.q-carousel--navigation-right .q-carousel--padding,
.q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide,
.q-carousel--arrows-horizontal .q-carousel--padding {
    padding-right: 60px
}

.q-carousel.fullscreen {
    height: 100%
}

.q-message-name {
    font-size: small
}

.q-message-label {
    margin: 24px 0;
    text-align: center;
    font-size: small
}

.q-message-stamp {
    color: inherit;
    margin-top: 4px;
    opacity: .6;
    display: none;
    font-size: small
}

.q-message-avatar {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    min-width: 48px
}

.q-message {
    margin-bottom: 8px
}

.q-message:first-child .q-message-label {
    margin-top: 0
}

.q-message-avatar--received {
    margin-right: 8px
}

.q-message-text--received {
    color: #81c784;
    border-radius: 4px 4px 4px 0
}

.q-message-text--received:last-child:before {
    right: 100%;
    border-right: 0 solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid currentColor
}

.q-message-text-content--received {
    color: #000
}

.q-message-name--sent {
    text-align: right
}

.q-message-avatar--sent {
    margin-left: 8px
}

.q-message-container--sent {
    flex-direction: row-reverse
}

.q-message-text--sent {
    color: #e0e0e0;
    border-radius: 4px 4px 0
}

.q-message-text--sent:last-child:before {
    left: 100%;
    border-left: 0 solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid currentColor
}

.q-message-text-content--sent {
    color: #000
}

.q-message-text {
    background: currentColor;
    padding: 8px;
    line-height: 1.2;
    word-break: break-word;
    position: relative
}

.q-message-text+.q-message-text {
    margin-top: 3px
}

.q-message-text:last-child {
    min-height: 48px
}

.q-message-text:last-child .q-message-stamp {
    display: block
}

.q-message-text:last-child:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0
}

.q-checkbox {
    vertical-align: middle
}

.q-checkbox__native {
    width: 1px;
    height: 1px
}

.q-checkbox__bg,
.q-checkbox__icon-container {
    -webkit-user-select: none;
    user-select: none
}

.q-checkbox__bg {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    border: 2px solid currentColor;
    border-radius: 2px;
    transition: background .22s cubic-bezier(0, 0, .2, 1) 0ms;
    -webkit-print-color-adjust: exact
}

.q-checkbox__icon {
    color: currentColor;
    font-size: .5em
}

.q-checkbox__svg {
    color: #fff
}

.q-checkbox__truthy {
    stroke: currentColor;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.78334;
    stroke-dasharray: 29.78334
}

.q-checkbox__indet {
    fill: currentColor;
    transform-origin: 50% 50%;
    transform: rotate(-280deg) scale(0)
}

.q-checkbox__inner {
    font-size: 40px;
    width: 1em;
    min-width: 1em;
    height: 1em;
    outline: 0;
    border-radius: 50%;
    color: #0000008a
}

.q-checkbox__inner--truthy,
.q-checkbox__inner--indet {
    color: var(--q-primary)
}

.q-checkbox__inner--truthy .q-checkbox__bg,
.q-checkbox__inner--indet .q-checkbox__bg {
    background: currentColor
}

.q-checkbox__inner--truthy path {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset .18s cubic-bezier(.4, 0, .6, 1) 0ms
}

.q-checkbox__inner--indet .q-checkbox__indet {
    transform: rotate(0) scale(1);
    transition: transform .22s cubic-bezier(0, 0, .2, 1) 0ms
}

.q-checkbox.disabled {
    opacity: .75 !important
}

.q-checkbox--dark .q-checkbox__inner {
    color: #ffffffb3
}

.q-checkbox--dark .q-checkbox__inner:before {
    opacity: .32 !important
}

.q-checkbox--dark .q-checkbox__inner--truthy,
.q-checkbox--dark .q-checkbox__inner--indet {
    color: var(--q-primary)
}

.q-checkbox--dense .q-checkbox__inner {
    width: .5em;
    min-width: .5em;
    height: .5em
}

.q-checkbox--dense .q-checkbox__bg {
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%
}

.q-checkbox--dense .q-checkbox__label {
    padding-left: .5em
}

.q-checkbox--dense.reverse .q-checkbox__label {
    padding-left: 0;
    padding-right: .5em
}

body.desktop .q-checkbox:not(.disabled) .q-checkbox__inner:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: currentColor;
    opacity: .12;
    transform: scale3d(0, 0, 1);
    transition: transform .22s cubic-bezier(0, 0, .2, 1)
}

body.desktop .q-checkbox:not(.disabled):focus .q-checkbox__inner:before,
body.desktop .q-checkbox:not(.disabled):hover .q-checkbox__inner:before {
    transform: scaleZ(1)
}

body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before,
body.desktop .q-checkbox--dense:not(.disabled):hover .q-checkbox__inner:before {
    transform: scale3d(1.4, 1.4, 1)
}

.q-chip {
    vertical-align: middle;
    border-radius: 16px;
    outline: 0;
    position: relative;
    height: 2em;
    max-width: 100%;
    margin: 4px;
    background: #e0e0e0;
    color: #000000de;
    font-size: 14px;
    padding: .5em .9em
}

.q-chip--colored .q-chip__icon,
.q-chip--dark .q-chip__icon {
    color: inherit
}

.q-chip .q-avatar {
    font-size: 2em;
    margin-left: -.45em;
    margin-right: .2em;
    border-radius: 16px
}

.q-chip--outline {
    background: transparent !important;
    border: 1px solid currentColor
}

.q-chip--outline .q-avatar {
    margin-left: calc(-.45em - 1px)
}

.q-chip--selected .q-avatar {
    display: none
}

.q-chip__icon {
    color: #0000008a;
    font-size: 1.5em;
    margin: -.2em
}

.q-chip__icon--left {
    margin-right: .2em
}

.q-chip__icon--right {
    margin-left: .2em
}

.q-chip__icon--remove {
    margin-left: .1em;
    margin-right: -.5em;
    opacity: .6;
    outline: 0
}

.q-chip__icon--remove:hover,
.q-chip__icon--remove:focus {
    opacity: 1
}

.q-chip__content {
    white-space: nowrap
}

.q-chip--dense {
    border-radius: 12px;
    padding: 0 .4em;
    height: 1.5em
}

.q-chip--dense .q-avatar {
    font-size: 1.5em;
    margin-left: -.27em;
    margin-right: .1em;
    border-radius: 12px
}

.q-chip--dense .q-chip__icon {
    font-size: 1.25em
}

.q-chip--dense .q-chip__icon--left {
    margin-right: .195em
}

.q-chip--dense .q-chip__icon--remove {
    margin-right: -.25em
}

.q-chip--square {
    border-radius: 4px
}

.q-chip--square .q-avatar {
    border-radius: 3px 0 0 3px
}

body.desktop .q-chip--clickable:focus {
    box-shadow: 0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f
}

body.desktop.body--dark .q-chip--clickable:focus {
    box-shadow: 0 1px 3px #fff3, 0 1px 1px #ffffff24, 0 2px 1px -1px #ffffff1f
}

.q-circular-progress {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    line-height: 1
}

.q-circular-progress.q-focusable {
    border-radius: 50%
}

.q-circular-progress__svg {
    width: 100%;
    height: 100%
}

.q-circular-progress__text {
    font-size: .25em
}

.q-circular-progress--indeterminate .q-circular-progress__svg {
    transform-origin: 50% 50%;
    animation: q-spin 2s linear infinite
}

.q-circular-progress--indeterminate .q-circular-progress__circle {
    stroke-dasharray: 1 400;
    stroke-dashoffset: 0;
    animation: q-circular-progress-circle 1.5s ease-in-out infinite
}

@keyframes q-circular-progress-circle {
    0% {
        stroke-dasharray: 1, 400;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 400, 400;
        stroke-dashoffset: -100
    }

    to {
        stroke-dasharray: 400, 400;
        stroke-dashoffset: -300
    }
}

.q-color-picker {
    overflow: hidden;
    background: #fff;
    max-width: 350px;
    vertical-align: top;
    min-width: 180px;
    border-radius: 4px;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f
}

.q-color-picker .q-tab {
    padding: 0 !important
}

.q-color-picker--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-color-picker__header-tabs {
    height: 32px
}

.q-color-picker__header input {
    line-height: 24px;
    border: 0
}

.q-color-picker__header .q-tab {
    min-height: 32px !important;
    height: 32px !important
}

.q-color-picker__header .q-tab--inactive {
    background: linear-gradient(to top, #0000004d, #00000026 25%, #0000001a)
}

.q-color-picker__error-icon {
    bottom: 2px;
    right: 2px;
    font-size: 24px;
    opacity: 0;
    transition: opacity .3s ease-in
}

.q-color-picker__header-content {
    position: relative;
    background: #fff
}

.q-color-picker__header-content--light {
    color: #000
}

.q-color-picker__header-content--dark {
    color: #fff
}

.q-color-picker__header-content--dark .q-tab--inactive:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff3
}

.q-color-picker__header-banner {
    height: 36px
}

.q-color-picker__header-bg {
    background: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoU2NkYGAwZkAFZ5G5jPRRgOYEVDeB3EBjBQBOZwTVugIGyAAAAABJRU5ErkJggg==) !important
}

.q-color-picker__footer {
    height: 36px
}

.q-color-picker__footer .q-tab {
    min-height: 36px !important;
    height: 36px !important
}

.q-color-picker__footer .q-tab--inactive {
    background: linear-gradient(to bottom, #0000004d, #00000026 25%, #0000001a)
}

.q-color-picker__spectrum {
    width: 100%;
    height: 100%
}

.q-color-picker__spectrum-tab {
    padding: 0 !important
}

.q-color-picker__spectrum-white {
    background: linear-gradient(to right, #fff, #fff0)
}

.q-color-picker__spectrum-black {
    background: linear-gradient(to top, #000, #0000)
}

.q-color-picker__spectrum-circle {
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px #0000004d, 0 0 1px 2px #0006;
    border-radius: 50%;
    transform: translate(-5px, -5px)
}

.q-color-picker__hue .q-slider__track {
    background: linear-gradient(to right, red, #ff0 17%, #0f0 33%, #0ff, #00f 67%, #f0f 83%, red) !important;
    opacity: 1
}

.q-color-picker__alpha .q-slider__track-container {
    padding-top: 0
}

.q-color-picker__alpha .q-slider__track:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #fff0, #757575)
}

.q-color-picker__sliders {
    padding: 0 16px
}

.q-color-picker__sliders .q-slider__thumb {
    color: #424242
}

.q-color-picker__sliders .q-slider__thumb path {
    stroke-width: 2px;
    fill: transparent
}

.q-color-picker__sliders .q-slider--active path {
    stroke-width: 3px
}

.q-color-picker__tune-tab .q-slider {
    margin-left: 18px;
    margin-right: 18px
}

.q-color-picker__tune-tab input {
    font-size: 11px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 3.5em
}

.q-color-picker__palette-tab {
    padding: 0 !important
}

.q-color-picker__palette-rows--editable .q-color-picker__cube {
    cursor: pointer
}

.q-color-picker__cube {
    padding-bottom: 10%;
    width: 10% !important
}

.q-color-picker input {
    color: inherit;
    background: transparent;
    outline: 0;
    text-align: center
}

.q-color-picker .q-tabs {
    overflow: hidden
}

.q-color-picker .q-tab--active {
    box-shadow: 0 0 14px 3px #0003
}

.q-color-picker .q-tab--active .q-focus-helper,
.q-color-picker .q-tab__indicator {
    display: none
}

.q-color-picker .q-tab-panels {
    background: inherit
}

.q-color-picker--dark {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-color-picker--dark .q-color-picker__tune-tab input {
    border: 1px solid rgba(255, 255, 255, .3)
}

.q-color-picker--dark .q-slider__thumb {
    color: #fafafa
}

.q-date {
    display: inline-flex;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    border-radius: 4px;
    background: #fff;
    width: 290px;
    min-width: 290px;
    max-width: 100%
}

.q-date--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-date__header {
    border-top-left-radius: inherit;
    color: #fff;
    background-color: var(--q-primary);
    padding: 16px
}

.q-date__actions {
    padding: 0 16px 16px
}

.q-date__content,
.q-date__main {
    outline: 0
}

.q-date__content .q-btn {
    font-weight: 400
}

.q-date__header-link {
    opacity: .64;
    outline: 0;
    transition: opacity .3s ease-out
}

.q-date__header-link--active,
.q-date__header-link:hover,
.q-date__header-link:focus {
    opacity: 1
}

.q-date__header-subtitle {
    font-size: 14px;
    line-height: 1.75;
    letter-spacing: .00938em
}

.q-date__header-title-label {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: .00735em
}

.q-date__view {
    height: 100%;
    width: 100%;
    min-height: 290px;
    padding: 16px
}

.q-date__navigation {
    height: 12.5%
}

.q-date__navigation>div:first-child {
    width: 8%;
    min-width: 24px;
    justify-content: flex-end
}

.q-date__navigation>div:last-child {
    width: 8%;
    min-width: 24px;
    justify-content: flex-start
}

.q-date__calendar-weekdays {
    height: 12.5%
}

.q-date__calendar-weekdays>div {
    opacity: .38;
    font-size: 12px
}

.q-date__calendar-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 14.285% !important;
    height: 12.5% !important;
    position: relative;
    padding: 1px
}

.q-date__calendar-item:after {
    content: "";
    position: absolute;
    pointer-events: none;
    inset: 1px 0;
    border-style: dashed;
    border-color: transparent;
    border-width: 1px
}

.q-date__calendar-item>div,
.q-date__calendar-item button {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.q-date__calendar-item>div {
    line-height: 30px;
    text-align: center
}

.q-date__calendar-item>button {
    line-height: 22px
}

.q-date__calendar-item--out {
    opacity: .18
}

.q-date__calendar-item--fill {
    visibility: hidden
}

.q-date__range:before,
.q-date__range-from:before,
.q-date__range-to:before {
    content: "";
    background-color: currentColor;
    position: absolute;
    inset: 1px 0;
    opacity: .3
}

.q-date__range:nth-child(7n-6):before,
.q-date__range-from:nth-child(7n-6):before,
.q-date__range-to:nth-child(7n-6):before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.q-date__range:nth-child(7n):before,
.q-date__range-from:nth-child(7n):before,
.q-date__range-to:nth-child(7n):before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.q-date__range-from:before {
    left: 50%
}

.q-date__range-to:before {
    right: 50%
}

.q-date__edit-range:after {
    border-color: currentColor transparent
}

.q-date__edit-range:nth-child(7n-6):after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.q-date__edit-range:nth-child(7n):after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.q-date__edit-range-from:after,
.q-date__edit-range-from-to:after {
    left: 4px;
    border-left-color: currentColor;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px
}

.q-date__edit-range-to:after,
.q-date__edit-range-from-to:after {
    right: 4px;
    border-right-color: currentColor;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px
}

.q-date__calendar-days-container {
    height: 75%;
    min-height: 192px
}

.q-date__calendar-days>div {
    height: 16.66% !important
}

.q-date__event {
    position: absolute;
    bottom: 2px;
    left: 50%;
    height: 5px;
    width: 8px;
    border-radius: 5px;
    background-color: var(--q-secondary);
    transform: translate3d(-50%, 0, 0)
}

.q-date__today {
    box-shadow: 0 0 1px 0 currentColor
}

.q-date__years-content {
    padding: 0 8px
}

.q-date__years-item,
.q-date__months-item {
    flex: 0 0 33.3333%
}

.q-date.disabled .q-date__header,
.q-date.disabled .q-date__content,
.q-date--readonly .q-date__header,
.q-date--readonly .q-date__content {
    pointer-events: none
}

.q-date--readonly .q-date__navigation {
    display: none
}

.q-date--portrait {
    flex-direction: column
}

.q-date--portrait-standard .q-date__content {
    height: calc(100% - 86px)
}

.q-date--portrait-standard .q-date__header {
    border-top-right-radius: inherit;
    height: 86px
}

.q-date--portrait-standard .q-date__header-title {
    align-items: center;
    height: 30px
}

.q-date--portrait-minimal .q-date__content {
    height: 100%
}

.q-date--landscape {
    flex-direction: row;
    align-items: stretch;
    min-width: 420px
}

.q-date--landscape>div {
    display: flex;
    flex-direction: column
}

.q-date--landscape .q-date__content {
    height: 100%
}

.q-date--landscape-standard {
    min-width: 420px
}

.q-date--landscape-standard .q-date__header {
    border-bottom-left-radius: inherit;
    min-width: 110px;
    width: 110px
}

.q-date--landscape-standard .q-date__header-title {
    flex-direction: column
}

.q-date--landscape-standard .q-date__header-today {
    margin-top: 12px;
    margin-left: -8px
}

.q-date--landscape-minimal {
    width: 310px
}

.q-date--dark {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f;
    border-color: #ffffff47
}

.q-dialog__title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .0125em
}

.q-dialog__progress {
    font-size: 4rem
}

.q-dialog__inner {
    outline: 0
}

.q-dialog__inner>div {
    pointer-events: all;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    border-radius: 4px
}

.q-dialog__inner--square>div {
    border-radius: 0 !important
}

.q-dialog__inner>.q-card>.q-card__actions .q-btn--rectangle {
    min-width: 64px
}

.q-dialog__inner--minimized {
    padding: 24px
}

.q-dialog__inner--minimized>div {
    max-height: calc(100vh - 48px)
}

.q-dialog__inner--maximized>div {
    height: 100%;
    width: 100%;
    max-height: 100vh;
    max-width: 100vw;
    border-radius: 0 !important;
    top: 0 !important;
    left: 0 !important
}

.q-dialog__inner--top,
.q-dialog__inner--bottom {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.q-dialog__inner--right,
.q-dialog__inner--left {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.q-dialog__inner--left:not(.q-dialog__inner--animating)>div,
.q-dialog__inner--top:not(.q-dialog__inner--animating)>div {
    border-top-left-radius: 0
}

.q-dialog__inner--right:not(.q-dialog__inner--animating)>div,
.q-dialog__inner--top:not(.q-dialog__inner--animating)>div {
    border-top-right-radius: 0
}

.q-dialog__inner--left:not(.q-dialog__inner--animating)>div,
.q-dialog__inner--bottom:not(.q-dialog__inner--animating)>div {
    border-bottom-left-radius: 0
}

.q-dialog__inner--right:not(.q-dialog__inner--animating)>div,
.q-dialog__inner--bottom:not(.q-dialog__inner--animating)>div {
    border-bottom-right-radius: 0
}

.q-dialog__inner--fullwidth>div {
    width: 100% !important;
    max-width: 100% !important
}

.q-dialog__inner--fullheight>div {
    height: 100% !important;
    max-height: 100% !important
}

.q-dialog__backdrop {
    z-index: -1;
    pointer-events: all;
    outline: 0;
    background: #0006
}

body.platform-ios .q-dialog__inner--minimized>div,
body.platform-android:not(.native-mobile) .q-dialog__inner--minimized>div {
    max-height: calc(100vh - 108px)
}

body.q-ios-padding .q-dialog__inner {
    padding-top: 20px !important;
    padding-top: env(safe-area-inset-top) !important;
    padding-bottom: env(safe-area-inset-bottom) !important
}

body.q-ios-padding .q-dialog__inner>div {
    max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important
}

@media (max-width: 599.98px) {

    .q-dialog__inner--top,
    .q-dialog__inner--bottom {
        padding-left: 0;
        padding-right: 0
    }

    .q-dialog__inner--top>div,
    .q-dialog__inner--bottom>div {
        width: 100% !important
    }
}

@media (min-width: 600px) {
    .q-dialog__inner--minimized>div {
        max-width: 560px
    }
}

.q-body--dialog {
    overflow: hidden
}

.q-editor {
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 4px;
    background-color: #fff
}

.q-editor.disabled {
    border-style: dashed
}

.q-editor>div:first-child,
.q-editor__toolbars-container,
.q-editor__toolbars-container>div:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-editor__content {
    outline: 0;
    padding: 10px;
    min-height: 10em;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    overflow: auto;
    max-width: 100%
}

.q-editor__content pre {
    white-space: pre-wrap
}

.q-editor__content hr {
    border: 0;
    outline: 0;
    margin: 1px;
    height: 1px;
    background: #0000001f
}

.q-editor__content:empty:not(:focus):before {
    content: attr(placeholder);
    opacity: .7
}

.q-editor__toolbar {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    min-height: 32px
}

.q-editor__toolbars-container {
    max-width: 100%
}

.q-editor .q-btn {
    margin: 4px
}

.q-editor__toolbar-group {
    position: relative;
    margin: 0 4px
}

.q-editor__toolbar-group+.q-editor__toolbar-group:before {
    content: "";
    position: absolute;
    left: -4px;
    top: 4px;
    bottom: 4px;
    width: 1px;
    background: #0000001f
}

.q-editor__link-input {
    color: inherit;
    text-decoration: none;
    text-transform: none;
    border: none;
    border-radius: 0;
    background: none;
    outline: 0
}

.q-editor--flat,
.q-editor--flat .q-editor__toolbar {
    border: 0
}

.q-editor--dense .q-editor__toolbar-group {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.q-editor--dark {
    border-color: #ffffff47
}

.q-editor--dark .q-editor__content hr {
    background: #ffffff47
}

.q-editor--dark .q-editor__toolbar {
    border-color: #ffffff47
}

.q-editor--dark .q-editor__toolbar-group+.q-editor__toolbar-group:before {
    background: #ffffff47
}

.q-expansion-item__border {
    opacity: 0
}

.q-expansion-item__toggle-icon {
    position: relative;
    transition: transform .3s
}

.q-expansion-item__toggle-icon--rotated {
    transform: rotate(180deg)
}

.q-expansion-item__toggle-focus {
    width: 1em !important;
    height: 1em !important;
    position: relative !important
}

.q-expansion-item__toggle-focus+.q-expansion-item__toggle-icon {
    margin-top: -1em
}

.q-expansion-item--standard.q-expansion-item--expanded>div>.q-expansion-item__border {
    opacity: 1
}

.q-expansion-item--popup {
    transition: padding .5s
}

.q-expansion-item--popup>.q-expansion-item__container {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-expansion-item--popup>.q-expansion-item__container>.q-separator {
    display: none
}

.q-expansion-item--popup.q-expansion-item--collapsed {
    padding: 0 15px
}

.q-expansion-item--popup.q-expansion-item--expanded {
    padding: 15px 0
}

.q-expansion-item--popup.q-expansion-item--expanded+.q-expansion-item--popup.q-expansion-item--expanded {
    padding-top: 0
}

.q-expansion-item--popup.q-expansion-item--collapsed:not(:first-child)>.q-expansion-item__container {
    border-top-width: 0
}

.q-expansion-item--popup.q-expansion-item--expanded+.q-expansion-item--popup.q-expansion-item--collapsed>.q-expansion-item__container {
    border-top-width: 1px
}

.q-expansion-item__content>.q-card {
    box-shadow: none;
    border-radius: 0
}

.q-expansion-item:first-child>div>.q-expansion-item__border--top {
    opacity: 0
}

.q-expansion-item:last-child>div>.q-expansion-item__border--bottom {
    opacity: 0
}

.q-expansion-item--expanded+.q-expansion-item--expanded>div>.q-expansion-item__border--top {
    opacity: 0
}

.q-expansion-item--expanded .q-textarea--autogrow textarea {
    animation: q-expansion-done 0s
}

@keyframes q-expansion-done {
    0% {
        --q-exp-done: 1
    }
}

.z-fab {
    z-index: 990
}

.q-fab {
    position: relative;
    vertical-align: middle
}

.q-fab>.q-btn {
    width: 100%
}

.q-fab--form-rounded {
    border-radius: 28px
}

.q-fab--form-square {
    border-radius: 4px
}

.q-fab__icon,
.q-fab__active-icon {
    transition: opacity .4s, transform .4s
}

.q-fab__icon {
    opacity: 1;
    transform: rotate(0)
}

.q-fab__active-icon {
    opacity: 0;
    transform: rotate(-180deg)
}

.q-fab__label--external {
    position: absolute;
    padding: 0 8px;
    transition: opacity .18s cubic-bezier(.65, .815, .735, .395)
}

.q-fab__label--external-hidden {
    opacity: 0;
    pointer-events: none
}

.q-fab__label--external-left {
    top: 50%;
    left: -12px;
    transform: translate(-100%, -50%)
}

.q-fab__label--external-right {
    top: 50%;
    right: -12px;
    transform: translate(100%, -50%)
}

.q-fab__label--external-bottom {
    bottom: -12px;
    left: 50%;
    transform: translate(-50%, 100%)
}

.q-fab__label--external-top {
    top: -12px;
    left: 50%;
    transform: translate(-50%, -100%)
}

.q-fab__label--internal {
    padding: 0;
    transition: font-size .12s cubic-bezier(.65, .815, .735, .395), max-height .12s cubic-bezier(.65, .815, .735, .395), opacity .07s cubic-bezier(.65, .815, .735, .395);
    max-height: 30px
}

.q-fab__label--internal-hidden {
    font-size: 0;
    opacity: 0
}

.q-fab__label--internal-top {
    padding-bottom: .12em
}

.q-fab__label--internal-bottom {
    padding-top: .12em
}

.q-fab__label--internal-top.q-fab__label--internal-hidden,
.q-fab__label--internal-bottom.q-fab__label--internal-hidden {
    max-height: 0
}

.q-fab__label--internal-left {
    padding-left: .285em;
    padding-right: .571em
}

.q-fab__label--internal-right {
    padding-right: .285em;
    padding-left: .571em
}

.q-fab__icon-holder {
    min-width: 24px;
    min-height: 24px;
    position: relative
}

.q-fab__icon-holder--opened .q-fab__icon {
    transform: rotate(180deg);
    opacity: 0
}

.q-fab__icon-holder--opened .q-fab__active-icon {
    transform: rotate(0);
    opacity: 1
}

.q-fab__actions {
    position: absolute;
    opacity: 0;
    transition: transform .18s ease-in, opacity .18s ease-in;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    align-self: center;
    padding: 3px
}

.q-fab__actions .q-btn {
    margin: 5px
}

.q-fab__actions--right {
    transform-origin: 0 50%;
    transform: scale(.4) translate(-62px);
    height: 56px;
    left: 100%;
    margin-left: 9px
}

.q-fab__actions--left {
    transform-origin: 100% 50%;
    transform: scale(.4) translate(62px);
    height: 56px;
    right: 100%;
    margin-right: 9px;
    flex-direction: row-reverse
}

.q-fab__actions--up {
    transform-origin: 50% 100%;
    transform: scale(.4) translateY(62px);
    width: 56px;
    bottom: 100%;
    margin-bottom: 9px;
    flex-direction: column-reverse
}

.q-fab__actions--down {
    transform-origin: 50% 0;
    transform: scale(.4) translateY(-62px);
    width: 56px;
    top: 100%;
    margin-top: 9px;
    flex-direction: column
}

.q-fab__actions--up,
.q-fab__actions--down {
    left: 50%;
    margin-left: -28px
}

.q-fab__actions--opened {
    opacity: 1;
    transform: scale(1) translate(.1px);
    pointer-events: all
}

.q-fab--align-left>.q-fab__actions--up,
.q-fab--align-left>.q-fab__actions--down {
    align-items: flex-start;
    left: 28px
}

.q-fab--align-right>.q-fab__actions--up,
.q-fab--align-right>.q-fab__actions--down {
    align-items: flex-end;
    left: auto;
    right: 0
}

.q-field {
    font-size: 14px
}

.q-field ::-ms-clear,
.q-field ::-ms-reveal {
    display: none
}

.q-field--with-bottom {
    padding-bottom: 20px
}

.q-field__marginal {
    height: 56px;
    color: #0000008a;
    font-size: 24px
}

.q-field__marginal>*+* {
    margin-left: 2px
}

.q-field__marginal .q-avatar {
    font-size: 32px
}

.q-field__before,
.q-field__prepend {
    padding-right: 12px
}

.q-field__after,
.q-field__append {
    padding-left: 12px
}

.q-field__after:empty,
.q-field__append:empty {
    display: none
}

.q-field__append+.q-field__append {
    padding-left: 2px
}

.q-field__inner {
    text-align: left
}

.q-field__bottom {
    font-size: 12px;
    min-height: 20px;
    line-height: 1;
    color: #0000008a;
    padding: 8px 12px 0;
    backface-visibility: hidden
}

.q-field__bottom--animated {
    transform: translateY(100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.q-field__messages {
    line-height: 1
}

.q-field__messages>div {
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.q-field__messages>div+div {
    margin-top: 4px
}

.q-field__counter {
    padding-left: 8px;
    line-height: 1
}

.q-field--item-aligned {
    padding: 8px 16px
}

.q-field--item-aligned .q-field__before {
    min-width: 56px
}

.q-field__control-container {
    height: inherit
}

.q-field__control {
    color: var(--q-primary);
    height: 56px;
    max-width: 100%;
    outline: none
}

.q-field__control:before,
.q-field__control:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none
}

.q-field__control:before {
    border-radius: inherit
}

.q-field__shadow {
    top: 8px;
    opacity: 0;
    overflow: hidden;
    white-space: pre-wrap;
    transition: opacity .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field__shadow+.q-field__native::placeholder {
    transition: opacity .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field__shadow+.q-field__native:focus::placeholder {
    opacity: 0
}

.q-field__native,
.q-field__prefix,
.q-field__suffix,
.q-field__input {
    font-weight: 400;
    line-height: 28px;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    border: none;
    border-radius: 0;
    background: none;
    color: #000000de;
    outline: 0;
    padding: 6px 0
}

.q-field__native,
.q-field__input {
    width: 100%;
    min-width: 0;
    outline: 0 !important;
    -webkit-user-select: auto;
    user-select: auto
}

.q-field__native:-webkit-autofill,
.q-field__input:-webkit-autofill {
    -webkit-animation-name: q-autofill;
    -webkit-animation-fill-mode: both
}

.q-field__native:invalid,
.q-field__input:invalid {
    box-shadow: none
}

.q-field__native[type=file] {
    line-height: 1em
}

.q-field__input {
    padding: 0;
    height: 0;
    min-height: 24px;
    line-height: 24px
}

.q-field__prefix,
.q-field__suffix {
    transition: opacity .36s cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap
}

.q-field__prefix {
    padding-right: 4px
}

.q-field__suffix {
    padding-left: 4px
}

.q-field--readonly .q-placeholder,
.q-field--disabled .q-placeholder {
    opacity: 1 !important
}

.q-field--readonly.q-field--labeled .q-field__native,
.q-field--readonly.q-field--labeled .q-field__input {
    cursor: default
}

.q-field--readonly.q-field--float .q-field__native,
.q-field--readonly.q-field--float .q-field__input {
    cursor: text
}

.q-field--disabled .q-field__inner {
    cursor: not-allowed
}

.q-field--disabled .q-field__control {
    pointer-events: none
}

.q-field--disabled .q-field__control>div {
    opacity: .6 !important
}

.q-field--disabled .q-field__control>div,
.q-field--disabled .q-field__control>div * {
    outline: 0 !important
}

.q-field__label {
    left: 0;
    top: 18px;
    max-width: 100%;
    color: #0009;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    transform-origin: left top;
    transition: transform .36s cubic-bezier(.4, 0, .2, 1), max-width .324s cubic-bezier(.4, 0, .2, 1);
    backface-visibility: hidden
}

.q-field__label:has(+ :is(.q-field__native, .q-field__input):is(:-webkit-autofill, [type=color], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])) {
    transform: translateY(-40%) scale(.75)
}

.q-field--float .q-field__label {
    max-width: 133%;
    transform: translateY(-40%) scale(.75);
    transition: transform .36s cubic-bezier(.4, 0, .2, 1), max-width .396s cubic-bezier(.4, 0, .2, 1)
}

.q-field--highlighted .q-field__label {
    color: currentColor
}

.q-field--highlighted .q-field__shadow {
    opacity: .5
}

.q-field--filled .q-field__control {
    padding: 0 12px;
    background: #0000000d;
    border-radius: 4px 4px 0 0
}

.q-field--filled .q-field__control:before {
    background: #0000000d;
    border-bottom: 1px solid rgba(0, 0, 0, .42);
    opacity: 0;
    transition: opacity .36s cubic-bezier(.4, 0, .2, 1), background .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--filled .q-field__control:hover:before {
    opacity: 1
}

.q-field--filled .q-field__control:after {
    height: 2px;
    top: auto;
    transform-origin: center bottom;
    transform: scale3d(0, 1, 1);
    background: currentColor;
    transition: transform .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--filled.q-field--rounded .q-field__control {
    border-radius: 28px 28px 0 0
}

.q-field--filled.q-field--highlighted .q-field__control:before {
    opacity: 1;
    background: #0000001f
}

.q-field--filled.q-field--highlighted .q-field__control:after {
    transform: scaleZ(1)
}

.q-field--filled.q-field--dark .q-field__control,
.q-field--filled.q-field--dark .q-field__control:before {
    background: #ffffff12
}

.q-field--filled.q-field--dark.q-field--highlighted .q-field__control:before {
    background: #ffffff1a
}

.q-field--filled.q-field--readonly .q-field__control:before {
    opacity: 1;
    background: transparent;
    border-bottom-style: dashed
}

.q-field--outlined .q-field__control {
    border-radius: 4px;
    padding: 0 12px
}

.q-field--outlined .q-field__control:before {
    border: 1px solid rgba(0, 0, 0, .24);
    transition: border-color .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--outlined .q-field__control:hover:before {
    border-color: #000
}

.q-field--outlined .q-field__control:after {
    height: inherit;
    border-radius: inherit;
    border: 2px solid transparent;
    transition: border-color .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--outlined .q-field__native:-webkit-autofill,
.q-field--outlined .q-field__input:-webkit-autofill {
    margin-top: 1px;
    margin-bottom: 1px
}

.q-field--outlined.q-field--rounded .q-field__control {
    border-radius: 28px
}

.q-field--outlined.q-field--highlighted .q-field__control:hover:before {
    border-color: transparent
}

.q-field--outlined.q-field--highlighted .q-field__control:after {
    border-color: currentColor;
    border-width: 2px;
    transform: scaleZ(1)
}

.q-field--outlined.q-field--readonly .q-field__control:before {
    border-style: dashed
}

.q-field--standard .q-field__control:before {
    border-bottom: 1px solid rgba(0, 0, 0, .24);
    transition: border-color .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--standard .q-field__control:hover:before {
    border-color: #000
}

.q-field--standard .q-field__control:after {
    height: 2px;
    top: auto;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    transform-origin: center bottom;
    transform: scale3d(0, 1, 1);
    background: currentColor;
    transition: transform .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--standard.q-field--highlighted .q-field__control:after {
    transform: scaleZ(1)
}

.q-field--standard.q-field--readonly .q-field__control:before {
    border-bottom-style: dashed
}

.q-field--dark .q-field__control:before {
    border-color: #fff9
}

.q-field--dark .q-field__control:hover:before {
    border-color: #fff
}

.q-field--dark .q-field__native,
.q-field--dark .q-field__prefix,
.q-field--dark .q-field__suffix,
.q-field--dark .q-field__input {
    color: #fff
}

.q-field--dark:not(.q-field--highlighted) .q-field__label,
.q-field--dark .q-field__marginal,
.q-field--dark .q-field__bottom {
    color: #ffffffb3
}

.q-field--standout .q-field__control {
    padding: 0 12px;
    background: #0000000d;
    border-radius: 4px;
    transition: box-shadow .36s cubic-bezier(.4, 0, .2, 1), background-color .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--standout .q-field__control:before {
    background: #00000012;
    opacity: 0;
    transition: opacity .36s cubic-bezier(.4, 0, .2, 1), background .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--standout .q-field__control:hover:before {
    opacity: 1
}

.q-field--standout.q-field--rounded .q-field__control {
    border-radius: 28px
}

.q-field--standout.q-field--highlighted .q-field__control {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    background: #000
}

.q-field--standout.q-field--highlighted .q-field__native,
.q-field--standout.q-field--highlighted .q-field__prefix,
.q-field--standout.q-field--highlighted .q-field__suffix,
.q-field--standout.q-field--highlighted .q-field__prepend,
.q-field--standout.q-field--highlighted .q-field__append,
.q-field--standout.q-field--highlighted .q-field__input {
    color: #fff
}

.q-field--standout.q-field--readonly .q-field__control:before {
    opacity: 1;
    background: transparent;
    border: 1px dashed rgba(0, 0, 0, .24)
}

.q-field--standout.q-field--dark .q-field__control {
    background: #ffffff12
}

.q-field--standout.q-field--dark .q-field__control:before {
    background: #ffffff12
}

.q-field--standout.q-field--dark.q-field--highlighted .q-field__control {
    background: #fff
}

.q-field--standout.q-field--dark.q-field--highlighted .q-field__native,
.q-field--standout.q-field--dark.q-field--highlighted .q-field__prefix,
.q-field--standout.q-field--dark.q-field--highlighted .q-field__suffix,
.q-field--standout.q-field--dark.q-field--highlighted .q-field__prepend,
.q-field--standout.q-field--dark.q-field--highlighted .q-field__append,
.q-field--standout.q-field--dark.q-field--highlighted .q-field__input {
    color: #000
}

.q-field--standout.q-field--dark.q-field--readonly .q-field__control:before {
    border-color: #ffffff3d
}

.q-field--labeled .q-field__native,
.q-field--labeled .q-field__prefix,
.q-field--labeled .q-field__suffix {
    line-height: 24px;
    padding-top: 24px;
    padding-bottom: 8px
}

.q-field--labeled .q-field__shadow {
    top: 0
}

.q-field--labeled:not(.q-field--float) .q-field__prefix,
.q-field--labeled:not(.q-field--float) .q-field__suffix {
    opacity: 0
}

.q-field--labeled:not(.q-field--float) .q-field__native::-webkit-input-placeholder,
.q-field--labeled:not(.q-field--float) .q-field__input::-webkit-input-placeholder {
    color: transparent
}

.q-field--labeled:not(.q-field--float) .q-field__native::-moz-placeholder,
.q-field--labeled:not(.q-field--float) .q-field__input::-moz-placeholder {
    color: transparent
}

.q-field--labeled:not(.q-field--float) .q-field__native:-ms-input-placeholder,
.q-field--labeled:not(.q-field--float) .q-field__input:-ms-input-placeholder {
    color: transparent !important
}

.q-field--labeled:not(.q-field--float) .q-field__native::-ms-input-placeholder,
.q-field--labeled:not(.q-field--float) .q-field__input::-ms-input-placeholder {
    color: transparent
}

.q-field--labeled:not(.q-field--float) .q-field__native::placeholder,
.q-field--labeled:not(.q-field--float) .q-field__input::placeholder {
    color: transparent
}

.q-field--labeled.q-field--dense .q-field__native,
.q-field--labeled.q-field--dense .q-field__prefix,
.q-field--labeled.q-field--dense .q-field__suffix {
    padding-top: 14px;
    padding-bottom: 2px
}

.q-field--dense .q-field--with-bottom {
    padding-bottom: 19px
}

.q-field--dense .q-field__shadow {
    top: 0
}

.q-field--dense .q-field__control,
.q-field--dense .q-field__marginal {
    height: 40px
}

.q-field--dense .q-field__bottom {
    font-size: 11px
}

.q-field--dense .q-field__label {
    font-size: 14px;
    top: 10px
}

.q-field--dense .q-field__before,
.q-field--dense .q-field__prepend {
    padding-right: 6px
}

.q-field--dense .q-field__after,
.q-field--dense .q-field__append {
    padding-left: 6px
}

.q-field--dense .q-field__append+.q-field__append {
    padding-left: 2px
}

.q-field--dense .q-field__marginal .q-avatar {
    font-size: 24px
}

.q-field--dense.q-field--float .q-field__label {
    transform: translateY(-30%) scale(.75)
}

.q-field--dense .q-field__label:has(+ :is(.q-field__native, .q-field__input):is(:-webkit-autofill, [type=color], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])) {
    transform: translateY(-30%) scale(.75)
}

.q-field--borderless .q-field__bottom,
.q-field--borderless.q-field--dense .q-field__control,
.q-field--standard .q-field__bottom,
.q-field--standard.q-field--dense .q-field__control {
    padding-left: 0;
    padding-right: 0
}

.q-field--error .q-field__label {
    animation: q-field-label .36s
}

.q-field--error .q-field__bottom {
    color: var(--q-negative)
}

.q-field__focusable-action {
    opacity: .6;
    cursor: pointer;
    outline: 0 !important;
    border: 0;
    color: inherit;
    background: transparent;
    padding: 0
}

.q-field__focusable-action:hover,
.q-field__focusable-action:focus {
    opacity: 1
}

.q-field--auto-height .q-field__control {
    height: auto
}

.q-field--auto-height .q-field__control,
.q-field--auto-height .q-field__native {
    min-height: 56px
}

.q-field--auto-height .q-field__native {
    align-items: center
}

.q-field--auto-height .q-field__control-container {
    padding-top: 0
}

.q-field--auto-height .q-field__native,
.q-field--auto-height .q-field__prefix,
.q-field--auto-height .q-field__suffix {
    line-height: 18px
}

.q-field--auto-height.q-field--labeled .q-field__control-container {
    padding-top: 24px
}

.q-field--auto-height.q-field--labeled .q-field__shadow {
    top: 24px
}

.q-field--auto-height.q-field--labeled .q-field__native,
.q-field--auto-height.q-field--labeled .q-field__prefix,
.q-field--auto-height.q-field--labeled .q-field__suffix {
    padding-top: 0
}

.q-field--auto-height.q-field--labeled .q-field__native {
    min-height: 24px
}

.q-field--auto-height.q-field--dense .q-field__control,
.q-field--auto-height.q-field--dense .q-field__native {
    min-height: 40px
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container {
    padding-top: 14px
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__shadow {
    top: 14px
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__native {
    min-height: 24px
}

.q-field--square .q-field__control {
    border-radius: 0 !important
}

.q-transition--field-message-enter-active,
.q-transition--field-message-leave-active {
    transition: transform .6s cubic-bezier(.86, 0, .07, 1), opacity .6s cubic-bezier(.86, 0, .07, 1)
}

.q-transition--field-message-enter-from,
.q-transition--field-message-leave-to {
    opacity: 0;
    transform: translateY(-10px)
}

.q-transition--field-message-leave-from,
.q-transition--field-message-leave-active {
    position: absolute
}

@keyframes q-field-label {
    40% {
        margin-left: 2px
    }

    60%,
    80% {
        margin-left: -2px
    }

    70%,
    90% {
        margin-left: 2px
    }
}

@keyframes q-autofill {
    to {
        background: transparent;
        color: inherit
    }
}

.q-file .q-field__native {
    word-break: break-all;
    overflow: hidden
}

.q-file .q-field__input {
    opacity: 0 !important
}

.q-file .q-field__input::-webkit-file-upload-button {
    cursor: pointer
}

.q-file__filler {
    visibility: hidden;
    width: 100%;
    border: none;
    padding: 0
}

.q-file__dnd {
    outline: 1px dashed currentColor;
    outline-offset: -4px
}

.q-form {
    position: relative
}

.q-img {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.q-img__loading .q-spinner {
    font-size: 50px
}

.q-img__container {
    border-radius: inherit;
    font-size: 0
}

.q-img__image {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    opacity: 0
}

.q-img__image--with-transition {
    transition: opacity .28s ease-in
}

.q-img__image--loaded {
    opacity: 1
}

.q-img__content {
    border-radius: inherit;
    pointer-events: none
}

.q-img__content>div {
    pointer-events: all;
    position: absolute;
    padding: 16px;
    color: #fff;
    background: #00000078
}

.q-img--no-menu .q-img__image,
.q-img--no-menu .q-img__placeholder {
    pointer-events: none
}

.q-inner-loading {
    background: #fff9;
    border-radius: inherit
}

.q-inner-loading--dark {
    background: #0006
}

.q-inner-loading__label {
    margin-top: 8px
}

.q-textarea .q-field__control {
    min-height: 56px;
    height: auto
}

.q-textarea .q-field__control-container {
    padding-top: 2px;
    padding-bottom: 2px
}

.q-textarea .q-field__shadow {
    top: 2px;
    bottom: 2px
}

.q-textarea .q-field__native,
.q-textarea .q-field__prefix,
.q-textarea .q-field__suffix {
    line-height: 18px
}

.q-textarea .q-field__native {
    resize: vertical;
    padding-top: 17px;
    min-height: 52px
}

.q-textarea.q-field--labeled .q-field__control-container {
    padding-top: 26px
}

.q-textarea.q-field--labeled .q-field__shadow {
    top: 26px
}

.q-textarea.q-field--labeled .q-field__native,
.q-textarea.q-field--labeled .q-field__prefix,
.q-textarea.q-field--labeled .q-field__suffix {
    padding-top: 0
}

.q-textarea.q-field--labeled .q-field__native {
    min-height: 26px;
    padding-top: 1px
}

.q-textarea--autogrow .q-field__native {
    resize: none
}

.q-textarea.q-field--dense .q-field__control,
.q-textarea.q-field--dense .q-field__native {
    min-height: 36px
}

.q-textarea.q-field--dense .q-field__native {
    padding-top: 9px
}

.q-textarea.q-field--dense.q-field--labeled .q-field__control-container {
    padding-top: 14px
}

.q-textarea.q-field--dense.q-field--labeled .q-field__shadow {
    top: 14px
}

.q-textarea.q-field--dense.q-field--labeled .q-field__native {
    min-height: 24px;
    padding-top: 3px
}

.q-textarea.q-field--dense.q-field--labeled .q-field__prefix,
.q-textarea.q-field--dense.q-field--labeled .q-field__suffix {
    padding-top: 2px
}

body.mobile .q-textarea .q-field__native,
.q-textarea.disabled .q-field__native {
    resize: none
}

.q-intersection {
    position: relative
}

.q-item {
    min-height: 48px;
    padding: 8px 16px;
    color: inherit;
    transition: color .3s, background-color .3s
}

.q-item__section--side {
    color: #757575;
    align-items: flex-start;
    padding-right: 16px;
    width: auto;
    min-width: 0;
    max-width: 100%
}

.q-item__section--side>.q-icon {
    font-size: 24px
}

.q-item__section--side>.q-avatar {
    font-size: 40px
}

.q-item__section--avatar {
    color: inherit;
    min-width: 56px
}

.q-item__section--thumbnail img {
    width: 100px;
    height: 56px
}

.q-item__section--nowrap {
    white-space: nowrap
}

.q-item>.q-item__section--thumbnail:first-child,
.q-item>.q-focus-helper+.q-item__section--thumbnail {
    margin-left: -16px
}

.q-item>.q-item__section--thumbnail:last-of-type {
    margin-right: -16px
}

.q-item__label {
    line-height: 1.2em !important;
    max-width: 100%
}

.q-item__label--overline {
    color: #000000b3
}

.q-item__label--caption {
    color: #0000008a
}

.q-item__label--header {
    color: #757575;
    padding: 16px;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .01786em
}

.q-separator--spaced+.q-item__label--header,
.q-list--padding .q-item__label--header {
    padding-top: 8px
}

.q-item__label+.q-item__label {
    margin-top: 4px
}

.q-item__section--main {
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 10000 1 0%
}

.q-item__section--main+.q-item__section--main {
    margin-left: 8px
}

.q-item__section--main~.q-item__section--side {
    align-items: flex-end;
    padding-right: 0;
    padding-left: 16px
}

.q-item__section--main.q-item__section--thumbnail {
    margin-left: 0;
    margin-right: -16px
}

.q-list--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-list--separator>.q-item-type+.q-item-type,
.q-list--separator>.q-virtual-scroll__content>.q-item-type+.q-item-type {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.q-list--padding {
    padding: 8px 0
}

.q-list--dense>.q-item,
.q-item--dense {
    min-height: 32px;
    padding: 2px 16px
}

.q-list--dark.q-list--separator>.q-item-type+.q-item-type,
.q-list--dark.q-list--separator>.q-virtual-scroll__content>.q-item-type+.q-item-type {
    border-top-color: #ffffff47
}

.q-list--dark,
.q-item--dark {
    color: #fff;
    border-color: #ffffff47
}

.q-list--dark .q-item__section--side:not(.q-item__section--avatar),
.q-item--dark .q-item__section--side:not(.q-item__section--avatar) {
    color: #ffffffb3
}

.q-list--dark .q-item__label--header,
.q-item--dark .q-item__label--header {
    color: #ffffffa3
}

.q-list--dark .q-item__label--overline,
.q-list--dark .q-item__label--caption,
.q-item--dark .q-item__label--overline,
.q-item--dark .q-item__label--caption {
    color: #fffc
}

.q-item {
    position: relative
}

.q-item.q-router-link--active,
.q-item--active {
    color: var(--q-primary)
}

.q-knob {
    font-size: 48px
}

.q-knob--editable {
    cursor: pointer;
    outline: 0
}

.q-knob--editable:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    box-shadow: none;
    transition: box-shadow .24s ease-in-out
}

.q-knob--editable:focus:before {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f
}

body.body--dark .q-knob--editable:focus:before {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-layout {
    width: 100%;
    outline: 0
}

.q-layout-container {
    position: relative;
    width: 100%;
    height: 100%
}

.q-layout-container .q-layout {
    min-height: 100%
}

.q-layout-container>div {
    transform: translateZ(0)
}

.q-layout-container>div>div {
    min-height: 0;
    max-height: 100%
}

.q-layout__shadow {
    width: 100%
}

.q-layout__shadow:after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: 0 0 10px 2px #0003, 0 0 10px #0000003d
}

.q-layout__section--marginal {
    background-color: var(--q-primary);
    color: #fff
}

.q-header--hidden {
    transform: translateY(-110%)
}

.q-header--bordered {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.q-header .q-layout__shadow {
    bottom: -10px
}

.q-header .q-layout__shadow:after {
    bottom: 10px
}

.q-footer--hidden {
    transform: translateY(110%)
}

.q-footer--bordered {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.q-footer .q-layout__shadow {
    top: -10px
}

.q-footer .q-layout__shadow:after {
    top: 10px
}

.q-header,
.q-footer {
    z-index: 2000
}

.q-drawer {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 1000
}

.q-drawer--on-top {
    z-index: 3000
}

.q-drawer--left {
    left: 0;
    transform: translate(-100%)
}

.q-drawer--left.q-drawer--bordered {
    border-right: 1px solid rgba(0, 0, 0, .12)
}

.q-drawer--left .q-layout__shadow {
    left: 10px;
    right: -10px
}

.q-drawer--left .q-layout__shadow:after {
    right: 10px
}

.q-drawer--right {
    right: 0;
    transform: translate(100%)
}

.q-drawer--right.q-drawer--bordered {
    border-left: 1px solid rgba(0, 0, 0, .12)
}

.q-drawer--right .q-layout__shadow {
    left: -10px
}

.q-drawer--right .q-layout__shadow:after {
    left: 10px
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini {
    padding: 0 !important
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item,
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section {
    text-align: center;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    min-width: 0
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__label,
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--main,
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--side~.q-item__section--side {
    display: none
}

.q-drawer--mini .q-mini-drawer-hide,
.q-drawer--mini .q-expansion-item__content {
    display: none
}

.q-drawer--mini-animate .q-drawer__content {
    overflow-x: hidden !important;
    white-space: nowrap
}

.q-drawer--standard .q-mini-drawer-only,
.q-drawer--mobile .q-mini-drawer-only,
.q-drawer--mobile .q-mini-drawer-hide {
    display: none
}

.q-drawer__backdrop {
    z-index: 2999 !important;
    will-change: background-color
}

.q-drawer__opener {
    z-index: 2001;
    height: 100%;
    width: 15px;
    -webkit-user-select: none;
    user-select: none
}

.q-layout,
.q-header,
.q-footer,
.q-page {
    position: relative
}

.q-page-sticky--shrink {
    pointer-events: none
}

.q-page-sticky--shrink>div {
    display: inline-block;
    pointer-events: auto
}

body.q-ios-padding .q-layout--standard .q-header>.q-toolbar:nth-child(1),
body.q-ios-padding .q-layout--standard .q-header>.q-tabs:nth-child(1) .q-tabs__content,
body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
    padding-top: 20px;
    min-height: 70px;
    padding-top: env(safe-area-inset-top);
    min-height: calc(env(safe-area-inset-top) + 50px)
}

body.q-ios-padding .q-layout--standard .q-footer>.q-toolbar:last-child,
body.q-ios-padding .q-layout--standard .q-footer>.q-tabs:nth-last-child(1 of:not(.q-layout__shadow)) .q-tabs__content,
body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
    padding-bottom: env(safe-area-inset-bottom);
    min-height: calc(env(safe-area-inset-bottom) + 50px)
}

.q-body--layout-animate .q-drawer__backdrop {
    transition: background-color .12s !important
}

.q-body--layout-animate .q-drawer {
    transition: transform .12s, width .12s, top .12s, bottom .12s !important
}

.q-body--layout-animate .q-layout__section--marginal {
    transition: transform .12s, left .12s, right .12s !important
}

.q-body--layout-animate .q-page-container {
    transition: padding-top .12s, padding-right .12s, padding-bottom .12s, padding-left .12s !important
}

.q-body--layout-animate .q-page-sticky {
    transition: transform .12s, left .12s, right .12s, top .12s, bottom .12s !important
}

body:not(.q-body--layout-animate) .q-layout--prevent-focus {
    visibility: hidden
}

.q-body--drawer-toggle {
    overflow-x: hidden !important
}

@media (max-width: 599.98px) {
    .q-layout-padding {
        padding: 8px
    }
}

@media (min-width: 600px) and(max-width: 1439.98px) {
    .q-layout-padding {
        padding: 16px
    }
}

@media (min-width: 1440px) {
    .q-layout-padding {
        padding: 24px
    }
}

body.body--dark .q-header,
body.body--dark .q-footer,
body.body--dark .q-drawer {
    border-color: #ffffff47
}

body.body--dark .q-layout__shadow:after {
    box-shadow: 0 0 10px 2px #fff3, 0 0 10px #ffffff3d
}

body.platform-ios .q-layout--containerized {
    position: unset !important
}

.q-linear-progress {
    --q-linear-progress-speed: .3s;
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 4px;
    height: 1em;
    color: var(--q-primary);
    transform: scaleZ(1)
}

.q-linear-progress__model,
.q-linear-progress__track {
    transform-origin: 0 0
}

.q-linear-progress__model--with-transition,
.q-linear-progress__track--with-transition {
    transition: transform var(--q-linear-progress-speed)
}

.q-linear-progress--reverse .q-linear-progress__model,
.q-linear-progress--reverse .q-linear-progress__track {
    transform-origin: 0 100%
}

.q-linear-progress__model--determinate {
    background: currentColor
}

.q-linear-progress__model--indeterminate,
.q-linear-progress__model--query {
    transition: none
}

.q-linear-progress__model--indeterminate:before,
.q-linear-progress__model--indeterminate:after,
.q-linear-progress__model--query:before,
.q-linear-progress__model--query:after {
    background: currentColor;
    content: "";
    position: absolute;
    inset: 0;
    transform-origin: 0 0
}

.q-linear-progress__model--indeterminate:before,
.q-linear-progress__model--query:before {
    animation: q-linear-progress--indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite
}

.q-linear-progress__model--indeterminate:after,
.q-linear-progress__model--query:after {
    transform: translate3d(-101%, 0, 0) scaleZ(1);
    animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    animation-delay: 1.15s
}

.q-linear-progress__track {
    opacity: .4
}

.q-linear-progress__track--light {
    background: #00000042
}

.q-linear-progress__track--dark {
    background: #fff9
}

.q-linear-progress__stripe {
    background-image: linear-gradient(45deg, #ffffff26 25%, #fff0 25% 50%, #ffffff26 50% 75%, #fff0 75%, #fff0) !important;
    background-size: 40px 40px !important
}

.q-linear-progress__stripe--with-transition {
    transition: width var(--q-linear-progress-speed)
}

@keyframes q-linear-progress--indeterminate {
    0% {
        transform: translate3d(-35%, 0, 0) scale3d(.35, 1, 1)
    }

    60% {
        transform: translate3d(100%, 0, 0) scale3d(.9, 1, 1)
    }

    to {
        transform: translate3d(100%, 0, 0) scale3d(.9, 1, 1)
    }
}

@keyframes q-linear-progress--indeterminate-short {
    0% {
        transform: translate3d(-101%, 0, 0) scaleZ(1)
    }

    60% {
        transform: translate3d(107%, 0, 0) scale3d(.01, 1, 1)
    }

    to {
        transform: translate3d(107%, 0, 0) scale3d(.01, 1, 1)
    }
}

.q-menu {
    position: fixed !important;
    display: inline-block;
    max-width: 95vw;
    max-height: 65vh;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    background: #fff;
    border-radius: 4px;
    overflow-y: auto;
    overflow-x: hidden;
    outline: 0;
    z-index: 6000
}

.q-menu--square {
    border-radius: 0
}

.q-menu--dark {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-option-group--inline>div {
    display: inline-block
}

.q-pagination input {
    text-align: center;
    -moz-appearance: textfield
}

.q-pagination input::-webkit-outer-spin-button,
.q-pagination input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.q-pagination__content {
    --q-pagination-gutter-parent: -2px;
    --q-pagination-gutter-child: 2px;
    margin-top: var(--q-pagination-gutter-parent);
    margin-left: var(--q-pagination-gutter-parent)
}

.q-pagination__content>.q-btn,
.q-pagination__content>.q-input,
.q-pagination__middle>.q-btn {
    margin-top: var(--q-pagination-gutter-child);
    margin-left: var(--q-pagination-gutter-child)
}

.q-parallax {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: inherit
}

.q-parallax__media>img,
.q-parallax__media>video {
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    will-change: transform;
    display: none
}

.q-popup-edit {
    padding: 8px 16px
}

.q-popup-edit__buttons {
    margin-top: 8px
}

.q-popup-edit__buttons .q-btn+.q-btn {
    margin-left: 8px
}

.q-pull-to-refresh {
    position: relative
}

.q-pull-to-refresh__puller {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: var(--q-primary);
    background: #fff;
    box-shadow: 0 0 4px #0000004d
}

.q-pull-to-refresh__puller--animating {
    transition: transform .3s, opacity .3s
}

.q-radio {
    vertical-align: middle
}

.q-radio__native {
    width: 1px;
    height: 1px
}

.q-radio__bg,
.q-radio__icon-container {
    -webkit-user-select: none;
    user-select: none
}

.q-radio__bg {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    -webkit-print-color-adjust: exact
}

.q-radio__bg path {
    fill: currentColor
}

.q-radio__icon {
    color: currentColor;
    font-size: .5em
}

.q-radio__check {
    transform-origin: 50% 50%;
    transform: scale3d(0, 0, 1);
    transition: transform .22s cubic-bezier(0, 0, .2, 1) 0ms
}

.q-radio__inner {
    font-size: 40px;
    width: 1em;
    min-width: 1em;
    height: 1em;
    outline: 0;
    border-radius: 50%;
    color: #0000008a
}

.q-radio__inner--truthy {
    color: var(--q-primary)
}

.q-radio__inner--truthy .q-radio__check {
    transform: scaleZ(1)
}

.q-radio.disabled {
    opacity: .75 !important
}

.q-radio--dark .q-radio__inner {
    color: #ffffffb3
}

.q-radio--dark .q-radio__inner:before {
    opacity: .32 !important
}

.q-radio--dark .q-radio__inner--truthy {
    color: var(--q-primary)
}

.q-radio--dense .q-radio__inner {
    width: .5em;
    min-width: .5em;
    height: .5em
}

.q-radio--dense .q-radio__bg {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.q-radio--dense .q-radio__label {
    padding-left: .5em
}

.q-radio--dense.reverse .q-radio__label {
    padding-left: 0;
    padding-right: .5em
}

body.desktop .q-radio:not(.disabled) .q-radio__inner:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: currentColor;
    opacity: .12;
    transform: scale3d(0, 0, 1);
    transition: transform .22s cubic-bezier(0, 0, .2, 1) 0ms
}

body.desktop .q-radio:not(.disabled):focus .q-radio__inner:before,
body.desktop .q-radio:not(.disabled):hover .q-radio__inner:before {
    transform: scaleZ(1)
}

body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before,
body.desktop .q-radio--dense:not(.disabled):hover .q-radio__inner:before {
    transform: scale3d(1.5, 1.5, 1)
}

.q-rating {
    color: #ffeb3b;
    vertical-align: middle
}

.q-rating__icon-container {
    height: 1em;
    outline: 0
}

.q-rating__icon-container+.q-rating__icon-container {
    margin-left: 2px
}

.q-rating__icon {
    color: currentColor;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    position: relative;
    opacity: .4;
    transition: transform .2s ease-in, opacity .2s ease-in, color .2s ease-in
}

.q-rating__icon--hovered {
    transform: scale(1.3)
}

.q-rating__icon--active {
    opacity: 1
}

.q-rating__icon--exselected {
    opacity: .7
}

.q-rating--no-dimming .q-rating__icon {
    opacity: 1
}

.q-rating--editable .q-rating__icon-container {
    cursor: pointer
}

.q-responsive {
    position: relative;
    max-width: 100%;
    max-height: 100%
}

.q-responsive__filler {
    width: inherit;
    max-width: inherit;
    height: inherit;
    max-height: inherit
}

.q-responsive__content {
    border-radius: inherit
}

.q-responsive__content>* {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important
}

.q-scrollarea {
    position: relative;
    contain: strict
}

.q-scrollarea__bar,
.q-scrollarea__thumb {
    opacity: .2;
    transition: opacity .3s;
    will-change: opacity;
    cursor: grab
}

.q-scrollarea__bar--v,
.q-scrollarea__thumb--v {
    right: 0;
    width: 10px
}

.q-scrollarea__bar--h,
.q-scrollarea__thumb--h {
    bottom: 0;
    height: 10px
}

.q-scrollarea__bar--invisible,
.q-scrollarea__thumb--invisible {
    opacity: 0 !important;
    pointer-events: none
}

.q-scrollarea__thumb {
    background: #000;
    border-radius: 3px
}

.q-scrollarea__thumb:hover {
    opacity: .3
}

.q-scrollarea__thumb:active {
    opacity: .5
}

.q-scrollarea__content {
    min-height: 100%;
    min-width: 100%
}

.q-scrollarea--dark .q-scrollarea__thumb {
    background: #fff
}

.q-select--without-input .q-field__control {
    cursor: pointer
}

.q-select--with-input .q-field__control {
    cursor: text
}

.q-select .q-field__input {
    min-width: 50px !important;
    cursor: text
}

.q-select .q-field__input--padding {
    padding-left: 4px
}

.q-select__focus-target,
.q-select__autocomplete-input {
    position: absolute;
    outline: 0 !important;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    opacity: 0
}

.q-select__dropdown-icon {
    cursor: pointer;
    transition: transform .28s
}

.q-select.q-field--readonly .q-field__control,
.q-select.q-field--readonly .q-select__dropdown-icon {
    cursor: default
}

.q-select__dialog {
    width: 90vw !important;
    max-width: 90vw !important;
    max-height: calc(100vh - 70px) !important;
    background: #fff;
    display: flex;
    flex-direction: column
}

.q-select__dialog>.scroll {
    position: relative;
    background: inherit
}

body.mobile:not(.native-mobile) .q-select__dialog {
    max-height: calc(100vh - 108px) !important
}

body.platform-android.native-mobile .q-dialog__inner--top .q-select__dialog {
    max-height: calc(100vh - 24px) !important
}

body.platform-android:not(.native-mobile) .q-dialog__inner--top .q-select__dialog {
    max-height: calc(100vh - 80px) !important
}

body.platform-ios.native-mobile .q-dialog__inner--top>div {
    border-radius: 4px
}

body.platform-ios.native-mobile .q-dialog__inner--top .q-select__dialog--focused {
    max-height: 47vh !important
}

body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--focused {
    max-height: 50vh !important
}

.q-separator {
    border: 0;
    background: #0000001f;
    margin: 0;
    transition: background .3s, opacity .3s;
    flex-shrink: 0
}

.q-separator--dark {
    background: #ffffff47
}

.q-separator--horizontal {
    display: block;
    height: 1px
}

.q-separator--horizontal-inset {
    margin-left: 16px;
    margin-right: 16px
}

.q-separator--horizontal-item-inset {
    margin-left: 72px;
    margin-right: 0
}

.q-separator--horizontal-item-thumbnail-inset {
    margin-left: 116px;
    margin-right: 0
}

.q-separator--vertical {
    width: 1px;
    height: auto;
    align-self: stretch
}

.q-separator--vertical-inset {
    margin-top: 8px;
    margin-bottom: 8px
}

.q-skeleton {
    --q-skeleton-speed: 1.5s;
    background: #0000001f;
    border-radius: 4px;
    box-sizing: border-box
}

.q-skeleton--anim {
    cursor: wait
}

.q-skeleton:before {
    content: " "
}

.q-skeleton--type-text {
    transform: scaleY(.5)
}

.q-skeleton--type-circle,
.q-skeleton--type-QAvatar {
    height: 48px;
    width: 48px;
    border-radius: 50%
}

.q-skeleton--type-QBtn {
    width: 90px;
    height: 36px
}

.q-skeleton--type-QBadge {
    width: 70px;
    height: 16px
}

.q-skeleton--type-QChip {
    width: 90px;
    height: 28px;
    border-radius: 16px
}

.q-skeleton--type-QToolbar {
    height: 50px
}

.q-skeleton--type-QCheckbox,
.q-skeleton--type-QRadio {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.q-skeleton--type-QToggle {
    width: 56px;
    height: 40px;
    border-radius: 7px
}

.q-skeleton--type-QSlider,
.q-skeleton--type-QRange {
    height: 40px
}

.q-skeleton--type-QInput {
    height: 56px
}

.q-skeleton--bordered {
    border: 1px solid rgba(0, 0, 0, .05)
}

.q-skeleton--square {
    border-radius: 0
}

.q-skeleton--anim-fade {
    animation: q-skeleton--fade var(--q-skeleton-speed) linear .5s infinite
}

.q-skeleton--anim-pulse {
    animation: q-skeleton--pulse var(--q-skeleton-speed) ease-in-out .5s infinite
}

.q-skeleton--anim-pulse-x {
    animation: q-skeleton--pulse-x var(--q-skeleton-speed) ease-in-out .5s infinite
}

.q-skeleton--anim-pulse-y {
    animation: q-skeleton--pulse-y var(--q-skeleton-speed) ease-in-out .5s infinite
}

.q-skeleton--anim-wave,
.q-skeleton--anim-blink,
.q-skeleton--anim-pop {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.q-skeleton--anim-wave:after,
.q-skeleton--anim-blink:after,
.q-skeleton--anim-pop:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0
}

.q-skeleton--anim-blink:after {
    background: #ffffffb3;
    animation: q-skeleton--fade var(--q-skeleton-speed) linear .5s infinite
}

.q-skeleton--anim-wave:after {
    background: linear-gradient(90deg, #fff0, #ffffff80, #fff0);
    animation: q-skeleton--wave var(--q-skeleton-speed) linear .5s infinite
}

.q-skeleton--dark {
    background: #ffffff0d
}

.q-skeleton--dark.q-skeleton--bordered {
    border: 1px solid rgba(255, 255, 255, .25)
}

.q-skeleton--dark.q-skeleton--anim-wave:after {
    background: linear-gradient(90deg, #fff0, #ffffff1a, #fff0)
}

.q-skeleton--dark.q-skeleton--anim-blink:after {
    background: #fff3
}

@keyframes q-skeleton--fade {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes q-skeleton--pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.85)
    }

    to {
        transform: scale(1)
    }
}

@keyframes q-skeleton--pulse-x {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scaleX(.75)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes q-skeleton--pulse-y {
    0% {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(.75)
    }

    to {
        transform: scaleY(1)
    }
}

@keyframes q-skeleton--wave {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}

.q-slide-item {
    position: relative;
    background: #fff
}

.q-slide-item__left,
.q-slide-item__right,
.q-slide-item__top,
.q-slide-item__bottom {
    visibility: hidden;
    font-size: 14px;
    color: #fff
}

.q-slide-item__left .q-icon,
.q-slide-item__right .q-icon,
.q-slide-item__top .q-icon,
.q-slide-item__bottom .q-icon {
    font-size: 1.714em
}

.q-slide-item__left {
    background: #4caf50;
    padding: 8px 16px
}

.q-slide-item__left>div {
    transform-origin: left center
}

.q-slide-item__right {
    background: #ff9800;
    padding: 8px 16px
}

.q-slide-item__right>div {
    transform-origin: right center
}

.q-slide-item__top {
    background: #2196f3;
    padding: 16px 8px
}

.q-slide-item__top>div {
    transform-origin: top center
}

.q-slide-item__bottom {
    background: #9c27b0;
    padding: 16px 8px
}

.q-slide-item__bottom>div {
    transform-origin: bottom center
}

.q-slide-item__content {
    background: inherit;
    transition: transform .2s ease-in;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.q-slider {
    position: relative
}

.q-slider--h {
    width: 100%
}

.q-slider--v {
    height: 200px
}

.q-slider--editable .q-slider__track-container {
    cursor: grab
}

.q-slider__track-container {
    outline: 0
}

.q-slider__track-container--h {
    width: 100%;
    padding: 12px 0
}

.q-slider__track-container--h .q-slider__selection {
    will-change: width, left
}

.q-slider__track-container--v {
    height: 100%;
    padding: 0 12px
}

.q-slider__track-container--v .q-slider__selection {
    will-change: height, top
}

.q-slider__track {
    color: var(--q-primary);
    background: #0000001a;
    border-radius: 4px;
    width: inherit;
    height: inherit
}

.q-slider__inner {
    background: #0000001a;
    border-radius: inherit;
    width: 100%;
    height: 100%
}

.q-slider__selection {
    background: currentColor;
    border-radius: inherit;
    width: 100%;
    height: 100%
}

.q-slider__markers {
    color: #0000004d;
    border-radius: inherit;
    width: 100%;
    height: 100%
}

.q-slider__markers:after {
    content: "";
    position: absolute;
    background: currentColor
}

.q-slider__markers--h {
    background-image: repeating-linear-gradient(to right, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0))
}

.q-slider__markers--h:after {
    height: 100%;
    width: 2px;
    top: 0;
    right: 0
}

.q-slider__markers--v {
    background-image: repeating-linear-gradient(to bottom, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0))
}

.q-slider__markers--v:after {
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0
}

.q-slider__marker-labels-container {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 24px;
    min-width: 24px
}

.q-slider__marker-labels {
    position: absolute
}

.q-slider__marker-labels--h-standard {
    top: 0
}

.q-slider__marker-labels--h-switched {
    bottom: 0
}

.q-slider__marker-labels--h-ltr {
    transform: translate(-50%)
}

.q-slider__marker-labels--h-rtl {
    transform: translate(50%)
}

.q-slider__marker-labels--v-standard {
    left: 4px
}

.q-slider__marker-labels--v-switched {
    right: 4px
}

.q-slider__marker-labels--v-ltr {
    transform: translateY(-50%)
}

.q-slider__marker-labels--v-rtl {
    transform: translateY(50%)
}

.q-slider__thumb {
    z-index: 1;
    outline: 0;
    color: var(--q-primary);
    transition: transform .18s ease-out, fill .18s ease-out, stroke .18s ease-out
}

.q-slider__thumb.q-slider--focus {
    opacity: 1 !important
}

.q-slider__thumb--h {
    top: 50%;
    will-change: left
}

.q-slider__thumb--h-ltr {
    transform: scale(1) translate(-50%, -50%)
}

.q-slider__thumb--h-rtl {
    transform: scale(1) translate(50%, -50%)
}

.q-slider__thumb--v {
    left: 50%;
    will-change: top
}

.q-slider__thumb--v-ltr {
    transform: scale(1) translate(-50%, -50%)
}

.q-slider__thumb--v-rtl {
    transform: scale(1) translate(-50%, 50%)
}

.q-slider__thumb-shape {
    top: 0;
    left: 0;
    stroke-width: 3.5;
    stroke: currentColor;
    transition: transform .28s
}

.q-slider__thumb-shape path {
    stroke: currentColor;
    fill: currentColor
}

.q-slider__focus-ring {
    border-radius: 50%;
    opacity: 0;
    transition: transform .26667s ease-out, opacity .26667s ease-out, background-color .26667s ease-out;
    transition-delay: .14s
}

.q-slider__pin {
    opacity: 0;
    white-space: nowrap;
    transition: opacity .28s ease-out;
    transition-delay: .14s
}

.q-slider__pin:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute
}

.q-slider__pin--h:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    left: 50%;
    transform: translate(-50%)
}

.q-slider__pin--h-standard {
    bottom: 100%
}

.q-slider__pin--h-standard:before {
    bottom: 2px;
    border-top: 6px solid currentColor
}

.q-slider__pin--h-switched {
    top: 100%
}

.q-slider__pin--h-switched:before {
    top: 2px;
    border-bottom: 6px solid currentColor
}

.q-slider__pin--v {
    top: 0
}

.q-slider__pin--v:before {
    top: 50%;
    transform: translateY(-50%);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

.q-slider__pin--v-standard {
    left: 100%
}

.q-slider__pin--v-standard:before {
    left: 2px;
    border-right: 6px solid currentColor
}

.q-slider__pin--v-switched {
    right: 100%
}

.q-slider__pin--v-switched:before {
    right: 2px;
    border-left: 6px solid currentColor
}

.q-slider__label {
    z-index: 1;
    white-space: nowrap;
    position: absolute
}

.q-slider__label--h {
    left: 50%;
    transform: translate(-50%)
}

.q-slider__label--h-standard {
    bottom: 7px
}

.q-slider__label--h-switched {
    top: 7px
}

.q-slider__label--v {
    top: 50%;
    transform: translateY(-50%)
}

.q-slider__label--v-standard {
    left: 7px
}

.q-slider__label--v-switched {
    right: 7px
}

.q-slider__text-container {
    min-height: 25px;
    padding: 2px 8px;
    border-radius: 4px;
    background: currentColor;
    position: relative;
    text-align: center
}

.q-slider__text {
    color: #fff;
    font-size: 12px
}

.q-slider--no-value .q-slider__thumb,
.q-slider--no-value .q-slider__inner,
.q-slider--no-value .q-slider__selection {
    opacity: 0
}

.q-slider--focus .q-slider__focus-ring,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__focus-ring {
    background: currentColor;
    transform: scale3d(1.55, 1.55, 1);
    opacity: .25
}

.q-slider--focus .q-slider__thumb,
.q-slider--focus .q-slider__inner,
.q-slider--focus .q-slider__selection,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__thumb,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__inner,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__selection {
    opacity: 1
}

.q-slider--inactive .q-slider__thumb--h {
    transition: left .28s, right .28s
}

.q-slider--inactive .q-slider__thumb--v {
    transition: top .28s, bottom .28s
}

.q-slider--inactive .q-slider__selection {
    transition: width .28s, left .28s, right .28s, height .28s, top .28s, bottom .28s
}

.q-slider--inactive .q-slider__text-container {
    transition: transform .28s
}

.q-slider--active {
    cursor: grabbing
}

.q-slider--active .q-slider__thumb-shape {
    transform: scale(1.5)
}

.q-slider--active .q-slider__focus-ring,
.q-slider--active.q-slider--label .q-slider__thumb-shape {
    transform: scale(0) !important
}

body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-slider__pin,
.q-slider--label.q-slider--active .q-slider__pin,
.q-slider--label .q-slider--focus .q-slider__pin,
.q-slider--label.q-slider--label-always .q-slider__pin {
    opacity: 1
}

.q-slider--dark .q-slider__track,
.q-slider--dark .q-slider__inner {
    background: #ffffff1a
}

.q-slider--dark .q-slider__markers {
    color: #ffffff4d
}

.q-slider--dense .q-slider__track-container--h {
    padding: 6px 0
}

.q-slider--dense .q-slider__track-container--v {
    padding: 0 6px
}

.q-space {
    flex-grow: 1 !important
}

.q-spinner {
    vertical-align: middle
}

.q-spinner-mat {
    animation: q-spin 2s linear infinite;
    transform-origin: center center
}

.q-spinner-mat .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: q-mat-dash 1.5s ease-in-out infinite
}

@keyframes q-spin {
    0% {
        transform: rotate3d(0, 0, 1, 0)
    }

    25% {
        transform: rotate3d(0, 0, 1, 90deg)
    }

    50% {
        transform: rotate3d(0, 0, 1, 180deg)
    }

    75% {
        transform: rotate3d(0, 0, 1, 270deg)
    }

    to {
        transform: rotate3d(0, 0, 1, 359deg)
    }
}

@keyframes q-mat-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.q-splitter__panel {
    position: relative;
    z-index: 0
}

.q-splitter__panel>.q-splitter {
    width: 100%;
    height: 100%
}

.q-splitter__separator {
    background-color: #0000001f;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1
}

.q-splitter__separator-area>* {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.q-splitter--dark .q-splitter__separator {
    background-color: #ffffff47
}

.q-splitter--vertical>.q-splitter__panel {
    height: 100%
}

.q-splitter--vertical.q-splitter--active {
    cursor: col-resize
}

.q-splitter--vertical>.q-splitter__separator {
    width: 1px
}

.q-splitter--vertical>.q-splitter__separator>div {
    left: -6px;
    right: -6px
}

.q-splitter--vertical.q-splitter--workable>.q-splitter__separator {
    cursor: col-resize
}

.q-splitter--horizontal>.q-splitter__panel {
    width: 100%
}

.q-splitter--horizontal.q-splitter--active {
    cursor: row-resize
}

.q-splitter--horizontal>.q-splitter__separator {
    height: 1px
}

.q-splitter--horizontal>.q-splitter__separator>div {
    top: -6px;
    bottom: -6px
}

.q-splitter--horizontal.q-splitter--workable>.q-splitter__separator {
    cursor: row-resize
}

.q-splitter__before,
.q-splitter__after {
    overflow: auto
}

.q-stepper {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    border-radius: 4px;
    background: #fff
}

.q-stepper__title {
    font-size: 14px;
    line-height: 1.285714;
    letter-spacing: .1px
}

.q-stepper__caption {
    font-size: 12px;
    line-height: 1.16667
}

.q-stepper__dot {
    contain: layout;
    margin-right: 8px;
    font-size: 14px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    background: currentColor
}

.q-stepper__dot span {
    color: #fff
}

.q-stepper__tab {
    padding: 8px 24px;
    font-size: 14px;
    color: #9e9e9e;
    flex-direction: row
}

.q-stepper--dark {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-stepper--dark .q-stepper__dot span {
    color: #000
}

.q-stepper__tab--navigation {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.q-stepper__tab--active,
.q-stepper__tab--done {
    color: var(--q-primary)
}

.q-stepper__tab--active .q-stepper__dot,
.q-stepper__tab--active .q-stepper__label,
.q-stepper__tab--done .q-stepper__dot,
.q-stepper__tab--done .q-stepper__label {
    text-shadow: 0 0 0 currentColor
}

.q-stepper__tab--disabled .q-stepper__dot {
    background: #00000038
}

.q-stepper__tab--disabled .q-stepper__label {
    color: #00000052
}

.q-stepper__tab--error {
    color: var(--q-negative)
}

.q-stepper__tab--error-with-icon .q-stepper__dot {
    background: transparent !important
}

.q-stepper__tab--error-with-icon .q-stepper__dot span {
    color: currentColor;
    font-size: 24px
}

.q-stepper__header {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-stepper__header--border {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.q-stepper__header--standard-labels .q-stepper__tab {
    min-height: 72px;
    justify-content: center
}

.q-stepper__header--standard-labels .q-stepper__tab:first-child {
    justify-content: flex-start
}

.q-stepper__header--standard-labels .q-stepper__tab:last-child {
    justify-content: flex-end
}

.q-stepper__header--standard-labels .q-stepper__tab:only-child {
    justify-content: center
}

.q-stepper__header--standard-labels .q-stepper__dot:after {
    display: none
}

.q-stepper__header--alternative-labels .q-stepper__tab {
    min-height: 104px;
    padding: 24px 32px;
    flex-direction: column;
    justify-content: flex-start
}

.q-stepper__header--alternative-labels .q-stepper__dot {
    margin-right: 0
}

.q-stepper__header--alternative-labels .q-stepper__label {
    margin-top: 8px;
    text-align: center
}

.q-stepper__header--alternative-labels .q-stepper__label:before,
.q-stepper__header--alternative-labels .q-stepper__label:after {
    display: none
}

.q-stepper__header--contracted,
.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab {
    min-height: 72px
}

.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:first-child {
    align-items: flex-start
}

.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:last-child {
    align-items: flex-end
}

.q-stepper__header--contracted .q-stepper__tab {
    padding: 24px 0
}

.q-stepper__header--contracted .q-stepper__tab:first-child .q-stepper__dot {
    transform: translate(24px)
}

.q-stepper__header--contracted .q-stepper__tab:last-child .q-stepper__dot {
    transform: translate(-24px)
}

.q-stepper__header--contracted .q-stepper__tab:not(:last-child) .q-stepper__dot:after {
    display: block !important
}

.q-stepper__header--contracted .q-stepper__dot {
    margin: 0
}

.q-stepper__header--contracted .q-stepper__label {
    display: none
}

.q-stepper__nav {
    padding-top: 24px
}

.q-stepper--flat {
    box-shadow: none
}

.q-stepper--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-stepper--horizontal .q-stepper__step-inner {
    padding: 24px
}

.q-stepper--horizontal .q-stepper__tab:first-child {
    border-top-left-radius: inherit
}

.q-stepper--horizontal .q-stepper__tab:last-child {
    border-top-right-radius: inherit
}

.q-stepper--horizontal .q-stepper__tab:first-child .q-stepper__dot:before,
.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__label:after,
.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__dot:after {
    display: none
}

.q-stepper--horizontal .q-stepper__tab {
    overflow: hidden
}

.q-stepper--horizontal .q-stepper__line {
    contain: layout
}

.q-stepper--horizontal .q-stepper__line:before,
.q-stepper--horizontal .q-stepper__line:after {
    position: absolute;
    top: 50%;
    height: 1px;
    width: 100vw;
    background: #0000001f
}

.q-stepper--horizontal .q-stepper__label:after,
.q-stepper--horizontal .q-stepper__dot:after {
    content: "";
    left: 100%;
    margin-left: 8px
}

.q-stepper--horizontal .q-stepper__dot:before {
    content: "";
    right: 100%;
    margin-right: 8px
}

.q-stepper--horizontal>.q-stepper__nav {
    padding: 0 24px 24px
}

.q-stepper--vertical {
    padding: 16px 0
}

.q-stepper--vertical .q-stepper__tab {
    padding: 12px 24px
}

.q-stepper--vertical .q-stepper__title {
    line-height: 18px
}

.q-stepper--vertical .q-stepper__step-inner {
    padding: 0 24px 32px 60px
}

.q-stepper--vertical>.q-stepper__nav {
    padding: 24px 24px 0
}

.q-stepper--vertical .q-stepper__step {
    overflow: hidden
}

.q-stepper--vertical .q-stepper__dot {
    margin-right: 12px
}

.q-stepper--vertical .q-stepper__dot:before,
.q-stepper--vertical .q-stepper__dot:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 99999px;
    background: #0000001f
}

.q-stepper--vertical .q-stepper__dot:before {
    bottom: 100%;
    margin-bottom: 8px
}

.q-stepper--vertical .q-stepper__dot:after {
    top: 100%;
    margin-top: 8px
}

.q-stepper--vertical .q-stepper__step:first-child .q-stepper__dot:before,
.q-stepper--vertical .q-stepper__step:last-child .q-stepper__dot:after {
    display: none
}

.q-stepper--vertical .q-stepper__step:last-child .q-stepper__step-inner {
    padding-bottom: 8px
}

.q-stepper--dark.q-stepper--bordered,
.q-stepper--dark .q-stepper__header--border {
    border-color: #ffffff47
}

.q-stepper--dark.q-stepper--horizontal .q-stepper__line:before,
.q-stepper--dark.q-stepper--horizontal .q-stepper__line:after {
    background: #ffffff47
}

.q-stepper--dark.q-stepper--vertical .q-stepper__dot:before,
.q-stepper--dark.q-stepper--vertical .q-stepper__dot:after {
    background: #ffffff47
}

.q-stepper--dark .q-stepper__tab--disabled {
    color: #ffffff47
}

.q-stepper--dark .q-stepper__tab--disabled .q-stepper__dot {
    background: #ffffff47
}

.q-stepper--dark .q-stepper__tab--disabled .q-stepper__label {
    color: #ffffff8a
}

.q-tab-panels {
    background: #fff
}

.q-tab-panel {
    padding: 16px
}

.q-markup-table {
    overflow: auto;
    background: #fff
}

.q-table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.q-table thead tr,
.q-table tbody td {
    height: 48px
}

.q-table th {
    font-weight: 500;
    font-size: 12px;
    -webkit-user-select: none;
    user-select: none
}

.q-table th.sortable {
    cursor: pointer
}

.q-table th.sortable:hover .q-table__sort-icon {
    opacity: .64
}

.q-table th.sorted .q-table__sort-icon {
    opacity: .86 !important
}

.q-table th.sort-desc .q-table__sort-icon {
    transform: rotate(180deg)
}

.q-table th,
.q-table td {
    padding: 7px 16px;
    background-color: inherit
}

.q-table thead,
.q-table td,
.q-table th {
    border-style: solid;
    border-width: 0
}

.q-table tbody td {
    font-size: 13px
}

.q-table__card {
    color: #000;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f
}

.q-table__card .q-table__middle {
    flex: 1 1 auto
}

.q-table__card .q-table__top,
.q-table__card .q-table__bottom {
    flex: 0 0 auto
}

.q-table__container {
    position: relative
}

.q-table__container>div:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-table__container>div:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.q-table__container>.q-inner-loading {
    border-radius: inherit !important
}

.q-table__top {
    padding: 12px 16px
}

.q-table__top .q-table__control {
    flex-wrap: wrap
}

.q-table__title {
    font-size: 20px;
    letter-spacing: .005em;
    font-weight: 400
}

.q-table__separator {
    min-width: 8px !important
}

.q-table__progress {
    height: 0 !important
}

.q-table__progress th {
    padding: 0 !important;
    border: 0 !important
}

.q-table__progress .q-linear-progress {
    position: absolute;
    bottom: 0
}

.q-table__middle {
    max-width: 100%
}

.q-table__bottom {
    min-height: 50px;
    padding: 4px 14px 4px 16px;
    font-size: 12px
}

.q-table__bottom .q-table__control {
    min-height: 24px
}

.q-table__bottom-nodata-icon {
    font-size: 200%;
    margin-right: 8px
}

.q-table__bottom-item {
    margin-right: 16px
}

.q-table__control {
    display: flex;
    align-items: center
}

.q-table__sort-icon {
    transition: transform .3s cubic-bezier(.25, .8, .5, 1);
    opacity: 0;
    font-size: 120%
}

.q-table__sort-icon--left,
.q-table__sort-icon--center {
    margin-left: 4px
}

.q-table__sort-icon--right {
    margin-right: 4px
}

.q-table--col-auto-width {
    width: 1px
}

.q-table__card--dark,
.q-table--dark {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-table--flat {
    box-shadow: none
}

.q-table--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-table--square {
    border-radius: 0
}

.q-table__linear-progress {
    height: 2px
}

.q-table--no-wrap th,
.q-table--no-wrap td {
    white-space: nowrap
}

.q-table--grid {
    box-shadow: none;
    border-radius: 4px
}

.q-table--grid .q-table__top {
    padding-bottom: 4px
}

.q-table--grid .q-table__middle {
    min-height: 2px;
    margin-bottom: 4px
}

.q-table--grid .q-table__middle thead,
.q-table--grid .q-table__middle thead th {
    border: 0 !important
}

.q-table--grid .q-table__linear-progress {
    bottom: 0
}

.q-table--grid .q-table__bottom {
    border-top: 0
}

.q-table--grid .q-table__grid-content {
    flex: 1 1 auto
}

.q-table--grid.fullscreen {
    background: inherit
}

.q-table__grid-item-card {
    vertical-align: top;
    padding: 12px
}

.q-table__grid-item-card .q-separator {
    margin: 12px 0
}

.q-table__grid-item-row+.q-table__grid-item-row {
    margin-top: 8px
}

.q-table__grid-item-title {
    opacity: .54;
    font-weight: 500;
    font-size: 12px
}

.q-table__grid-item-value {
    font-size: 13px
}

.q-table__grid-item {
    padding: 4px;
    transition: transform .3s cubic-bezier(.25, .8, .5, 1)
}

.q-table__grid-item--selected {
    transform: scale(.95)
}

.q-table--horizontal-separator thead th,
.q-table--horizontal-separator tbody tr:not(:last-child)>td,
.q-table--cell-separator thead th,
.q-table--cell-separator tbody tr:not(:last-child)>td {
    border-bottom-width: 1px
}

.q-table--vertical-separator td,
.q-table--vertical-separator th,
.q-table--cell-separator td,
.q-table--cell-separator th {
    border-left-width: 1px
}

.q-table--vertical-separator thead tr:last-child th,
.q-table--vertical-separator.q-table--loading tr:nth-last-child(2) th,
.q-table--cell-separator thead tr:last-child th,
.q-table--cell-separator.q-table--loading tr:nth-last-child(2) th {
    border-bottom-width: 1px
}

.q-table--vertical-separator td:first-child,
.q-table--vertical-separator th:first-child,
.q-table--cell-separator td:first-child,
.q-table--cell-separator th:first-child {
    border-left: 0
}

.q-table--vertical-separator .q-table__top,
.q-table--cell-separator .q-table__top {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.q-table--dense .q-table__top {
    padding: 6px 16px
}

.q-table--dense .q-table__bottom {
    min-height: 33px
}

.q-table--dense .q-table__sort-icon {
    font-size: 110%
}

.q-table--dense .q-table th,
.q-table--dense .q-table td {
    padding: 4px 8px
}

.q-table--dense .q-table thead tr,
.q-table--dense .q-table tbody tr,
.q-table--dense .q-table tbody td {
    height: 28px
}

.q-table--dense .q-table th:first-child,
.q-table--dense .q-table td:first-child {
    padding-left: 16px
}

.q-table--dense .q-table th:last-child,
.q-table--dense .q-table td:last-child {
    padding-right: 16px
}

.q-table--dense .q-table__bottom-item {
    margin-right: 8px
}

.q-table--dense .q-table__select .q-field__control,
.q-table--dense .q-table__select .q-field__native {
    min-height: 24px;
    padding: 0
}

.q-table--dense .q-table__select .q-field__marginal {
    height: 24px
}

.q-table__bottom:not(.q-table__bottom--nodata) {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.q-table thead,
.q-table tr,
.q-table th,
.q-table td {
    border-color: #0000001f
}

.q-table tbody td {
    position: relative
}

.q-table tbody td:before,
.q-table tbody td:after {
    position: absolute;
    inset: 0;
    pointer-events: none
}

.q-table tbody td:before {
    background: #00000008
}

.q-table tbody td:after {
    background: #0000000f
}

.q-table tbody tr.selected td:after {
    content: ""
}

body.desktop .q-table>tbody>tr:not(.q-tr--no-hover):hover>td:not(.q-td--no-hover):before {
    content: ""
}

.q-table__card--dark,
.q-table--dark,
.q-table--dark .q-table__bottom,
.q-table--dark thead,
.q-table--dark tr,
.q-table--dark th,
.q-table--dark td {
    border-color: #ffffff47
}

.q-table--dark tbody td:before {
    background: #ffffff12
}

.q-table--dark tbody td:after {
    background: #ffffff1a
}

.q-table--dark.q-table--vertical-separator .q-table__top,
.q-table--dark.q-table--cell-separator .q-table__top {
    border-color: #ffffff47
}

.q-tab {
    padding: 0 16px;
    min-height: 48px;
    transition: color .3s, background-color .3s;
    text-transform: uppercase;
    white-space: nowrap;
    color: inherit;
    text-decoration: none
}

.q-tab--full {
    min-height: 72px
}

.q-tab--no-caps {
    text-transform: none
}

.q-tab__content {
    height: inherit;
    padding: 4px 0;
    min-width: 40px
}

.q-tab__content--inline .q-tab__icon+.q-tab__label {
    padding-left: 8px
}

.q-tab__content .q-chip--floating {
    top: 0;
    right: -16px
}

.q-tab__icon {
    width: 24px;
    height: 24px;
    font-size: 24px
}

.q-tab__label {
    font-size: 14px;
    line-height: 1.715em;
    font-weight: 500
}

.q-tab .q-badge {
    top: 3px;
    right: -12px
}

.q-tab__alert,
.q-tab__alert-icon {
    position: absolute
}

.q-tab__alert {
    top: 7px;
    right: -9px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: currentColor
}

.q-tab__alert-icon {
    top: 2px;
    right: -12px;
    font-size: 18px
}

.q-tab__indicator {
    opacity: 0;
    height: 2px;
    background: currentColor
}

.q-tab--active .q-tab__indicator {
    opacity: 1;
    transform-origin: left
}

.q-tab--inactive {
    opacity: .85
}

.q-tabs {
    position: relative;
    transition: color .3s, background-color .3s
}

.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--horizontal {
    padding-left: 36px;
    padding-right: 36px
}

.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--vertical {
    padding-top: 36px;
    padding-bottom: 36px
}

.q-tabs--scrollable.q-tabs__arrows--outside .q-tabs__arrow--faded {
    opacity: .3;
    pointer-events: none
}

.q-tabs--scrollable.q-tabs__arrows--inside .q-tabs__arrow--faded {
    display: none
}

.q-tabs--not-scrollable.q-tabs__arrows--outside,
body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows.q-tabs__arrows--outside {
    padding-left: 0;
    padding-right: 0
}

.q-tabs--not-scrollable .q-tabs__arrow,
body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows .q-tabs__arrow {
    display: none
}

.q-tabs--not-scrollable .q-tabs__content,
body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows .q-tabs__content {
    border-radius: inherit
}

.q-tabs__arrow {
    cursor: pointer;
    font-size: 32px;
    min-width: 36px;
    text-shadow: 0 0 3px #fff, 0 0 1px #fff, 0 0 1px #000;
    transition: opacity .3s
}

.q-tabs__content {
    overflow: hidden;
    flex: 1 1 auto
}

.q-tabs__content--align-center {
    justify-content: center
}

.q-tabs__content--align-right {
    justify-content: flex-end
}

.q-tabs__content--align-justify .q-tab {
    flex: 1 1 auto
}

.q-tabs__offset {
    display: none
}

.q-tabs--horizontal .q-tabs__arrow {
    height: 100%
}

.q-tabs--horizontal .q-tabs__arrow--left {
    top: 0;
    left: 0;
    bottom: 0
}

.q-tabs--horizontal .q-tabs__arrow--right {
    top: 0;
    right: 0;
    bottom: 0
}

.q-tabs--vertical,
.q-tabs--vertical .q-tabs__content {
    display: block !important;
    height: 100%
}

.q-tabs--vertical .q-tabs__arrow {
    width: 100%;
    height: 36px;
    text-align: center
}

.q-tabs--vertical .q-tabs__arrow--left {
    top: 0;
    left: 0;
    right: 0
}

.q-tabs--vertical .q-tabs__arrow--right {
    left: 0;
    right: 0;
    bottom: 0
}

.q-tabs--vertical .q-tab {
    padding: 0 8px
}

.q-tabs--vertical .q-tab__indicator {
    height: unset;
    width: 2px
}

.q-tabs--vertical.q-tabs--not-scrollable .q-tabs__content {
    height: 100%
}

.q-tabs--vertical.q-tabs--dense .q-tab__content {
    min-width: 24px
}

.q-tabs--dense .q-tab {
    min-height: 36px
}

.q-tabs--dense .q-tab--full {
    min-height: 52px
}

.q-time {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    border-radius: 4px;
    background: #fff;
    outline: 0;
    width: 290px;
    min-width: 290px;
    max-width: 100%
}

.q-time--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-time__header {
    border-top-left-radius: inherit;
    color: #fff;
    background-color: var(--q-primary);
    padding: 16px;
    font-weight: 300
}

.q-time__actions {
    padding: 0 16px 16px
}

.q-time__header-label {
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.00833em
}

.q-time__header-label>div+div {
    margin-left: 4px
}

.q-time__link {
    opacity: .56;
    outline: 0;
    transition: opacity .3s ease-out
}

.q-time__link--active,
.q-time__link:hover,
.q-time__link:focus {
    opacity: 1
}

.q-time__header-ampm {
    font-size: 16px;
    letter-spacing: .1em
}

.q-time__content {
    padding: 16px
}

.q-time__content:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.q-time__container-parent {
    padding: 16px
}

.q-time__container-child {
    border-radius: 50%;
    background: #0000001f
}

.q-time__clock {
    padding: 24px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    font-size: 14px
}

.q-time__clock-circle {
    position: relative
}

.q-time__clock-center {
    height: 6px;
    width: 6px;
    margin: auto;
    border-radius: 50%;
    min-height: 0;
    background: currentColor
}

.q-time__clock-pointer {
    width: 2px;
    height: 50%;
    transform-origin: 0 0;
    min-height: 0;
    position: absolute;
    left: 50%;
    right: 0;
    bottom: 0;
    color: var(--q-primary);
    background: currentColor;
    transform: translate(-50%)
}

.q-time__clock-pointer:before,
.q-time__clock-pointer:after {
    content: "";
    position: absolute;
    left: 50%;
    border-radius: 50%;
    background: currentColor;
    transform: translate(-50%)
}

.q-time__clock-pointer:before {
    bottom: -4px;
    width: 8px;
    height: 8px
}

.q-time__clock-pointer:after {
    top: -3px;
    height: 6px;
    width: 6px
}

.q-time__clock-position {
    position: absolute;
    min-height: 32px;
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.q-time__clock-position--disable {
    opacity: .4
}

.q-time__clock-position--active {
    background-color: var(--q-primary);
    color: #fff
}

.q-time__clock-pos-0 {
    top: 0%;
    left: 50%
}

.q-time__clock-pos-1 {
    top: 6.7%;
    left: 75%
}

.q-time__clock-pos-2 {
    top: 25%;
    left: 93.3%
}

.q-time__clock-pos-3 {
    top: 50%;
    left: 100%
}

.q-time__clock-pos-4 {
    top: 75%;
    left: 93.3%
}

.q-time__clock-pos-5 {
    top: 93.3%;
    left: 75%
}

.q-time__clock-pos-6 {
    top: 100%;
    left: 50%
}

.q-time__clock-pos-7 {
    top: 93.3%;
    left: 25%
}

.q-time__clock-pos-8 {
    top: 75%;
    left: 6.7%
}

.q-time__clock-pos-9 {
    top: 50%;
    left: 0%
}

.q-time__clock-pos-10 {
    top: 25%;
    left: 6.7%
}

.q-time__clock-pos-11 {
    top: 6.7%;
    left: 25%
}

.q-time__clock-pos-12 {
    top: 15%;
    left: 50%
}

.q-time__clock-pos-13 {
    top: 19.69%;
    left: 67.5%
}

.q-time__clock-pos-14 {
    top: 32.5%;
    left: 80.31%
}

.q-time__clock-pos-15 {
    top: 50%;
    left: 85%
}

.q-time__clock-pos-16 {
    top: 67.5%;
    left: 80.31%
}

.q-time__clock-pos-17 {
    top: 80.31%;
    left: 67.5%
}

.q-time__clock-pos-18 {
    top: 85%;
    left: 50%
}

.q-time__clock-pos-19 {
    top: 80.31%;
    left: 32.5%
}

.q-time__clock-pos-20 {
    top: 67.5%;
    left: 19.69%
}

.q-time__clock-pos-21 {
    top: 50%;
    left: 15%
}

.q-time__clock-pos-22 {
    top: 32.5%;
    left: 19.69%
}

.q-time__clock-pos-23 {
    top: 19.69%;
    left: 32.5%
}

.q-time__now-button {
    background-color: var(--q-primary);
    color: #fff;
    top: 12px;
    right: 12px
}

.q-time.disabled .q-time__header-ampm,
.q-time.disabled .q-time__content,
.q-time--readonly .q-time__header-ampm,
.q-time--readonly .q-time__content {
    pointer-events: none
}

.q-time--portrait {
    display: inline-flex;
    flex-direction: column
}

.q-time--portrait .q-time__header {
    border-top-right-radius: inherit;
    min-height: 86px
}

.q-time--portrait .q-time__header-ampm {
    margin-left: 12px
}

.q-time--portrait.q-time--bordered .q-time__content {
    margin: 1px 0
}

.q-time--landscape {
    display: inline-flex;
    align-items: stretch;
    min-width: 420px
}

.q-time--landscape>div {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.q-time--landscape .q-time__header {
    border-bottom-left-radius: inherit;
    min-width: 156px
}

.q-time--landscape .q-time__header-ampm {
    margin-top: 12px
}

.q-time--dark {
    border-color: #ffffff47;
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-timeline {
    padding: 0;
    width: 100%;
    list-style: none
}

.q-timeline h6 {
    line-height: inherit
}

.q-timeline--dark {
    color: #fff
}

.q-timeline--dark .q-timeline__subtitle {
    opacity: .7
}

.q-timeline__content {
    padding-bottom: 24px
}

.q-timeline__title {
    margin-top: 0;
    margin-bottom: 16px
}

.q-timeline__subtitle {
    font-size: 12px;
    margin-bottom: 8px;
    opacity: .6;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700
}

.q-timeline__dot {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15px
}

.q-timeline__dot:before,
.q-timeline__dot:after {
    content: "";
    background: currentColor;
    display: block;
    position: absolute
}

.q-timeline__dot:before {
    border: 3px solid transparent;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 4px;
    left: 0;
    transition: background .3s ease-in-out, border .3s ease-in-out
}

.q-timeline__dot:after {
    width: 3px;
    opacity: .4;
    top: 24px;
    bottom: 0;
    left: 6px
}

.q-timeline__dot .q-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    width: 100%;
    color: #fff
}

.q-timeline__dot .q-icon>svg,
.q-timeline__dot .q-icon>img {
    width: 1em;
    height: 1em
}

.q-timeline__dot-img {
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    height: 31px;
    width: 31px;
    background: currentColor;
    border-radius: 50%
}

.q-timeline__heading {
    position: relative
}

.q-timeline__heading:first-child .q-timeline__heading-title {
    padding-top: 0
}

.q-timeline__heading:last-child .q-timeline__heading-title {
    padding-bottom: 0
}

.q-timeline__heading-title {
    padding: 32px 0;
    margin: 0
}

.q-timeline__entry {
    position: relative;
    line-height: 22px
}

.q-timeline__entry:last-child {
    padding-bottom: 0 !important
}

.q-timeline__entry:last-child .q-timeline__dot:after {
    content: none
}

.q-timeline__entry--icon .q-timeline__dot {
    width: 31px
}

.q-timeline__entry--icon .q-timeline__dot:before {
    height: 31px;
    width: 31px
}

.q-timeline__entry--icon .q-timeline__dot:after {
    top: 41px;
    left: 14px
}

.q-timeline__entry--icon .q-timeline__subtitle {
    padding-top: 8px
}

.q-timeline--dense--right .q-timeline__entry {
    padding-left: 40px
}

.q-timeline--dense--right .q-timeline__entry--icon .q-timeline__dot {
    left: -8px
}

.q-timeline--dense--right .q-timeline__dot {
    left: 0
}

.q-timeline--dense--left .q-timeline__heading {
    text-align: right
}

.q-timeline--dense--left .q-timeline__entry {
    padding-right: 40px
}

.q-timeline--dense--left .q-timeline__entry--icon .q-timeline__dot {
    right: -8px
}

.q-timeline--dense--left .q-timeline__content,
.q-timeline--dense--left .q-timeline__title,
.q-timeline--dense--left .q-timeline__subtitle {
    text-align: right
}

.q-timeline--dense--left .q-timeline__dot {
    right: 0
}

.q-timeline--comfortable {
    display: table
}

.q-timeline--comfortable .q-timeline__heading {
    display: table-row;
    font-size: 200%
}

.q-timeline--comfortable .q-timeline__heading>div {
    display: table-cell
}

.q-timeline--comfortable .q-timeline__entry {
    display: table-row;
    padding: 0
}

.q-timeline--comfortable .q-timeline__entry--icon .q-timeline__content {
    padding-top: 8px
}

.q-timeline--comfortable .q-timeline__subtitle,
.q-timeline--comfortable .q-timeline__dot,
.q-timeline--comfortable .q-timeline__content {
    display: table-cell;
    vertical-align: top
}

.q-timeline--comfortable .q-timeline__subtitle {
    width: 35%
}

.q-timeline--comfortable .q-timeline__dot {
    position: relative;
    min-width: 31px
}

.q-timeline--comfortable--right .q-timeline__heading .q-timeline__heading-title {
    margin-left: -50px
}

.q-timeline--comfortable--right .q-timeline__subtitle {
    text-align: right;
    padding-right: 30px
}

.q-timeline--comfortable--right .q-timeline__content {
    padding-left: 30px
}

.q-timeline--comfortable--right .q-timeline__entry--icon .q-timeline__dot {
    left: -8px
}

.q-timeline--comfortable--left .q-timeline__heading {
    text-align: right
}

.q-timeline--comfortable--left .q-timeline__heading .q-timeline__heading-title {
    margin-right: -50px
}

.q-timeline--comfortable--left .q-timeline__subtitle {
    padding-left: 30px
}

.q-timeline--comfortable--left .q-timeline__content {
    padding-right: 30px
}

.q-timeline--comfortable--left .q-timeline__content,
.q-timeline--comfortable--left .q-timeline__title {
    text-align: right
}

.q-timeline--comfortable--left .q-timeline__entry--icon .q-timeline__dot {
    right: 0
}

.q-timeline--comfortable--left .q-timeline__dot {
    right: -8px
}

.q-timeline--loose .q-timeline__heading-title {
    text-align: center;
    margin-left: 0
}

.q-timeline--loose .q-timeline__entry,
.q-timeline--loose .q-timeline__subtitle,
.q-timeline--loose .q-timeline__dot,
.q-timeline--loose .q-timeline__content {
    display: block;
    margin: 0;
    padding: 0
}

.q-timeline--loose .q-timeline__dot {
    position: absolute;
    left: 50%;
    margin-left: -7.15px
}

.q-timeline--loose .q-timeline__entry {
    padding-bottom: 24px;
    overflow: hidden
}

.q-timeline--loose .q-timeline__entry--icon .q-timeline__dot {
    margin-left: -15px
}

.q-timeline--loose .q-timeline__entry--icon .q-timeline__subtitle {
    line-height: 38px
}

.q-timeline--loose .q-timeline__entry--icon .q-timeline__content {
    padding-top: 8px
}

.q-timeline--loose .q-timeline__entry--left .q-timeline__content,
.q-timeline--loose .q-timeline__entry--right .q-timeline__subtitle {
    float: left;
    padding-right: 30px;
    text-align: right
}

.q-timeline--loose .q-timeline__entry--left .q-timeline__subtitle,
.q-timeline--loose .q-timeline__entry--right .q-timeline__content {
    float: right;
    text-align: left;
    padding-left: 30px
}

.q-timeline--loose .q-timeline__subtitle,
.q-timeline--loose .q-timeline__content {
    width: 50%
}

.q-toggle {
    vertical-align: middle
}

.q-toggle__native {
    width: 1px;
    height: 1px
}

.q-toggle__track {
    height: .35em;
    border-radius: .175em;
    opacity: .38;
    background: currentColor
}

.q-toggle__thumb {
    top: .25em;
    left: .25em;
    width: .5em;
    height: .5em;
    transition: left .22s cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    user-select: none;
    z-index: 0
}

.q-toggle__thumb:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.q-toggle__thumb .q-icon {
    font-size: .3em;
    min-width: 1em;
    color: #000;
    opacity: .54;
    z-index: 1
}

.q-toggle__inner {
    font-size: 40px;
    width: 1.4em;
    min-width: 1.4em;
    height: 1em;
    padding: .325em .3em;
    -webkit-print-color-adjust: exact
}

.q-toggle__inner--indet .q-toggle__thumb {
    left: .45em
}

.q-toggle__inner--truthy {
    color: var(--q-primary)
}

.q-toggle__inner--truthy .q-toggle__track {
    opacity: .54
}

.q-toggle__inner--truthy .q-toggle__thumb {
    left: .65em
}

.q-toggle__inner--truthy .q-toggle__thumb:after {
    background-color: currentColor
}

.q-toggle__inner--truthy .q-toggle__thumb .q-icon {
    color: #fff;
    opacity: 1
}

.q-toggle.disabled {
    opacity: .75 !important
}

.q-toggle--dark .q-toggle__inner {
    color: #fff
}

.q-toggle--dark .q-toggle__inner--truthy {
    color: var(--q-primary)
}

.q-toggle--dark .q-toggle__thumb:after {
    box-shadow: none
}

.q-toggle--dark .q-toggle__thumb:before {
    opacity: .32 !important
}

.q-toggle--dense .q-toggle__inner {
    width: .8em;
    min-width: .8em;
    height: .5em;
    padding: .07625em 0
}

.q-toggle--dense .q-toggle__thumb {
    top: 0;
    left: 0
}

.q-toggle--dense .q-toggle__inner--indet .q-toggle__thumb {
    left: .15em
}

.q-toggle--dense .q-toggle__inner--truthy .q-toggle__thumb {
    left: .3em
}

.q-toggle--dense .q-toggle__label {
    padding-left: .5em
}

.q-toggle--dense.reverse .q-toggle__label {
    padding-left: 0;
    padding-right: .5em
}

body.desktop .q-toggle:not(.disabled) .q-toggle__thumb:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: currentColor;
    opacity: .12;
    transform: scale3d(0, 0, 1);
    transition: transform .22s cubic-bezier(0, 0, .2, 1)
}

body.desktop .q-toggle:not(.disabled):focus .q-toggle__thumb:before,
body.desktop .q-toggle:not(.disabled):hover .q-toggle__thumb:before {
    transform: scale3d(2, 2, 1)
}

body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before,
body.desktop .q-toggle--dense:not(.disabled):hover .q-toggle__thumb:before {
    transform: scale3d(1.5, 1.5, 1)
}

.q-toolbar {
    position: relative;
    padding: 0 12px;
    min-height: 50px;
    width: 100%
}

.q-toolbar--inset {
    padding-left: 58px
}

.q-toolbar .q-avatar {
    font-size: 38px
}

.q-toolbar__title {
    flex: 1 1 0%;
    min-width: 1px;
    max-width: 100%;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: .01em;
    padding: 0 12px
}

.q-toolbar__title:first-child {
    padding-left: 0
}

.q-toolbar__title:last-child {
    padding-right: 0
}

.q-tooltip--style {
    font-size: 10px;
    color: #fafafa;
    background: #757575;
    border-radius: 4px;
    text-transform: none;
    font-weight: 400
}

.q-tooltip {
    z-index: 9000;
    position: fixed !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 6px 10px;
    max-width: 95vw;
    max-height: 65vh
}

@media (max-width: 599.98px) {
    .q-tooltip {
        font-size: 14px;
        padding: 8px 16px
    }
}

.q-tree {
    position: relative;
    color: #9e9e9e
}

.q-tree__node {
    padding: 0 0 3px 22px
}

.q-tree__node:after {
    content: "";
    position: absolute;
    width: 2px;
    inset: -3px auto 0 -13px;
    border-left: 1px solid currentColor
}

.q-tree__node:last-child:after {
    display: none
}

.q-tree__node--disabled {
    pointer-events: none
}

.q-tree__node--disabled .disabled {
    opacity: 1 !important
}

.q-tree__node--disabled>div,
.q-tree__node--disabled>i,
.q-tree__node--disabled>.disabled {
    opacity: .6 !important
}

.q-tree__node--disabled>div .q-tree__node--disabled>div,
.q-tree__node--disabled>div .q-tree__node--disabled>i,
.q-tree__node--disabled>div .q-tree__node--disabled>.disabled,
.q-tree__node--disabled>i .q-tree__node--disabled>div,
.q-tree__node--disabled>i .q-tree__node--disabled>i,
.q-tree__node--disabled>i .q-tree__node--disabled>.disabled,
.q-tree__node--disabled>.disabled .q-tree__node--disabled>div,
.q-tree__node--disabled>.disabled .q-tree__node--disabled>i,
.q-tree__node--disabled>.disabled .q-tree__node--disabled>.disabled {
    opacity: 1 !important
}

.q-tree__node-header:before {
    content: "";
    position: absolute;
    top: -3px;
    bottom: 50%;
    width: 31px;
    left: -35px;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor
}

.q-tree__children {
    padding-left: 25px
}

.q-tree__node-body {
    padding: 5px 0 8px 5px
}

.q-tree__node--parent {
    padding-left: 2px
}

.q-tree__node--parent>.q-tree__node-header:before {
    width: 15px;
    left: -15px
}

.q-tree__node--parent>.q-tree__node-collapsible>.q-tree__node-body {
    padding: 5px 0 8px 27px
}

.q-tree__node--parent>.q-tree__node-collapsible>.q-tree__node-body:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    inset: 0 auto 50px 12px;
    border-left: 1px solid currentColor
}

.q-tree__node--link {
    cursor: pointer
}

.q-tree__node-header {
    padding: 4px;
    margin-top: 3px;
    border-radius: 4px;
    outline: 0
}

.q-tree__node-header-content {
    color: #000;
    transition: color .3s
}

.q-tree__node--selected .q-tree__node-header-content {
    color: #9e9e9e
}

.q-tree__icon,
.q-tree__node-header-content .q-icon {
    font-size: 21px
}

.q-tree__img {
    height: 42px;
    border-radius: 2px
}

.q-tree__avatar,
.q-tree__node-header-content .q-avatar {
    font-size: 28px;
    border-radius: 50%;
    width: 28px;
    height: 28px
}

.q-tree__arrow,
.q-tree__spinner {
    font-size: 16px;
    margin-right: 4px
}

.q-tree__arrow {
    transition: transform .3s
}

.q-tree__arrow--rotate {
    transform: rotate3d(0, 0, 1, 90deg)
}

.q-tree__tickbox {
    margin-right: 4px
}

.q-tree>.q-tree__node {
    padding: 0
}

.q-tree>.q-tree__node:after,
.q-tree>.q-tree__node>.q-tree__node-header:before {
    display: none
}

.q-tree>.q-tree__node--child>.q-tree__node-header {
    padding-left: 24px
}

.q-tree--dark .q-tree__node-header-content {
    color: #fff
}

.q-tree--no-connectors .q-tree__node:after,
.q-tree--no-connectors .q-tree__node-header:before,
.q-tree--no-connectors .q-tree__node-body:after {
    display: none !important
}

.q-tree--dense>.q-tree__node--child>.q-tree__node-header {
    padding-left: 1px
}

.q-tree--dense .q-tree__arrow,
.q-tree--dense .q-tree__spinner {
    margin-right: 1px
}

.q-tree--dense .q-tree__img {
    height: 32px
}

.q-tree--dense .q-tree__tickbox {
    margin-right: 3px
}

.q-tree--dense .q-tree__node {
    padding: 0
}

.q-tree--dense .q-tree__node:after {
    top: 0;
    left: -8px
}

.q-tree--dense .q-tree__node-header {
    margin-top: 0;
    padding: 1px
}

.q-tree--dense .q-tree__node-header:before {
    top: 0;
    left: -8px;
    width: 8px
}

.q-tree--dense .q-tree__node--child {
    padding-left: 17px
}

.q-tree--dense .q-tree__node--child>.q-tree__node-header:before {
    left: -25px;
    width: 21px
}

.q-tree--dense .q-tree__node-body {
    padding: 0 0 2px
}

.q-tree--dense .q-tree__node--parent>.q-tree__node-collapsible>.q-tree__node-body {
    padding: 0 0 2px 20px
}

.q-tree--dense .q-tree__node--parent>.q-tree__node-collapsible>.q-tree__node-body:after {
    left: 8px
}

.q-tree--dense .q-tree__children {
    padding-left: 16px
}

[dir=rtl] .q-tree__arrow {
    transform: rotate3d(0, 0, 1, 180deg)
}

[dir=rtl] .q-tree__arrow--rotate {
    transform: rotate3d(0, 0, 1, 90deg)
}

.q-uploader {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    border-radius: 4px;
    vertical-align: top;
    background: #fff;
    position: relative;
    width: 320px;
    max-height: 320px
}

.q-uploader--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-uploader__input {
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer !important;
    z-index: 1
}

.q-uploader__input::-webkit-file-upload-button {
    cursor: pointer
}

.q-uploader__file:before {
    content: "";
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: currentColor;
    opacity: .04
}

.q-uploader__header {
    position: relative;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: var(--q-primary);
    color: #fff;
    width: 100%
}

.q-uploader__spinner {
    font-size: 24px;
    margin-right: 4px
}

.q-uploader__header-content {
    padding: 8px
}

.q-uploader__dnd {
    outline: 1px dashed currentColor;
    outline-offset: -4px;
    background: #fff9
}

.q-uploader__overlay {
    font-size: 36px;
    color: #000;
    background-color: #fff9
}

.q-uploader__list {
    position: relative;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 8px;
    min-height: 60px;
    flex: 1 1 auto
}

.q-uploader__file {
    border-radius: 4px 4px 0 0;
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-uploader__file .q-circular-progress {
    font-size: 24px
}

.q-uploader__file--img {
    color: #fff;
    height: 200px;
    min-width: 200px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.q-uploader__file--img:before {
    content: none
}

.q-uploader__file--img .q-circular-progress {
    color: #fff
}

.q-uploader__file--img .q-uploader__file-header {
    padding-bottom: 24px;
    background: linear-gradient(to bottom, #000000b3 20%, #fff0)
}

.q-uploader__file+.q-uploader__file {
    margin-top: 8px
}

.q-uploader__file-header {
    position: relative;
    padding: 4px 8px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-uploader__file-header-content {
    padding-right: 8px
}

.q-uploader__file-status {
    font-size: 24px;
    margin-right: 4px
}

.q-uploader__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.285714;
    word-break: break-word
}

.q-uploader__subtitle {
    font-size: 12px;
    line-height: 1.5
}

.q-uploader--disable .q-uploader__header,
.q-uploader--disable .q-uploader__list {
    pointer-events: none
}

.q-uploader--dark {
    border-color: #ffffff47;
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-uploader--dark .q-uploader__file {
    border-color: #ffffff47
}

.q-uploader--dark .q-uploader__dnd,
.q-uploader--dark .q-uploader__overlay {
    background: #ffffff4d
}

.q-uploader--dark .q-uploader__overlay {
    color: #fff
}

.q-video {
    position: relative;
    overflow: hidden;
    border-radius: inherit
}

.q-video iframe,
.q-video object,
.q-video embed {
    width: 100%;
    height: 100%
}

.q-video--responsive {
    height: 0
}

.q-video--responsive iframe,
.q-video--responsive object,
.q-video--responsive embed {
    position: absolute;
    top: 0;
    left: 0
}

.q-virtual-scroll:focus {
    outline: 0
}

.q-virtual-scroll__content {
    outline: none;
    contain: content
}

.q-virtual-scroll__content>* {
    overflow-anchor: none
}

.q-virtual-scroll__content>[data-q-vs-anchor] {
    overflow-anchor: auto
}

.q-virtual-scroll__padding {
    background: linear-gradient(#fff0, #fff0 20%, #80808008 20%, #80808014, #80808008 80%, #fff0 80%, #fff0);
    background-size: var(--q-virtual-scroll-item-width, 100%) var(--q-virtual-scroll-item-height, 50px)
}

.q-table .q-virtual-scroll__padding tr {
    height: 0 !important
}

.q-table .q-virtual-scroll__padding td {
    padding: 0 !important
}

.q-virtual-scroll--horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch
}

.q-virtual-scroll--horizontal .q-virtual-scroll__content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.q-virtual-scroll--horizontal .q-virtual-scroll__padding,
.q-virtual-scroll--horizontal .q-virtual-scroll__content,
.q-virtual-scroll--horizontal .q-virtual-scroll__content>* {
    flex: 0 0 auto
}

.q-virtual-scroll--horizontal .q-virtual-scroll__padding {
    background: linear-gradient(to left, #fff0, #fff0 20%, #80808008 20%, #80808014, #80808008 80%, #fff0 80%, #fff0);
    background-size: var(--q-virtual-scroll-item-width, 50px) var(--q-virtual-scroll-item-height, 100%)
}

.q-ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: inherit;
    border-radius: inherit;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    contain: strict
}

.q-ripple__inner {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    color: inherit;
    border-radius: 50%;
    background: currentColor;
    pointer-events: none;
    will-change: transform, opacity
}

.q-ripple__inner--enter {
    transition: transform .225s cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1)
}

.q-ripple__inner--leave {
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.q-morph--invisible,
.q-morph--internal {
    opacity: 0 !important;
    pointer-events: none !important;
    position: fixed !important;
    right: 200vw !important;
    bottom: 200vh !important
}

.q-bottom-sheet {
    padding-bottom: 8px
}

.q-bottom-sheet__avatar {
    border-radius: 50%
}

.q-bottom-sheet--list {
    width: 400px
}

.q-bottom-sheet--list .q-icon,
.q-bottom-sheet--list img {
    font-size: 24px;
    width: 24px;
    height: 24px
}

.q-bottom-sheet--grid {
    width: 700px
}

.q-bottom-sheet--grid .q-bottom-sheet__item {
    padding: 8px;
    text-align: center;
    min-width: 100px
}

.q-bottom-sheet--grid .q-icon,
.q-bottom-sheet--grid img,
.q-bottom-sheet--grid .q-bottom-sheet__empty-icon {
    font-size: 48px;
    width: 48px;
    height: 48px;
    margin-bottom: 8px
}

.q-bottom-sheet--grid .q-separator {
    margin: 12px 0
}

.q-bottom-sheet__item {
    flex: 0 0 33.3333%
}

@media (min-width: 600px) {
    .q-bottom-sheet__item {
        flex: 0 0 25%
    }
}

.q-dialog-plugin {
    width: 400px
}

.q-dialog-plugin__form {
    max-height: 50vh
}

.q-dialog-plugin .q-card__section+.q-card__section {
    padding-top: 0
}

.q-dialog-plugin--progress {
    text-align: center
}

.q-loading {
    color: #000;
    position: fixed !important
}

.q-loading__backdrop {
    position: fixed;
    inset: 0;
    opacity: .5;
    z-index: -1;
    background-color: #000;
    transition: background-color .28s
}

.q-loading__box {
    border-radius: 4px;
    padding: 18px;
    color: #fff;
    max-width: 450px
}

.q-loading__message {
    margin: 40px 20px 0;
    text-align: center
}

.q-notifications__list {
    z-index: 9500;
    pointer-events: none;
    left: 0;
    right: 0;
    margin-bottom: 10px;
    position: relative
}

.q-notifications__list--center {
    top: 0;
    bottom: 0
}

.q-notifications__list--top {
    top: 0
}

.q-notifications__list--bottom {
    bottom: 0
}

body.q-ios-padding .q-notifications__list--center,
body.q-ios-padding .q-notifications__list--top {
    top: 20px;
    top: env(safe-area-inset-top)
}

body.q-ios-padding .q-notifications__list--center,
body.q-ios-padding .q-notifications__list--bottom {
    bottom: env(safe-area-inset-bottom)
}

.q-notification {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    border-radius: 4px;
    pointer-events: all;
    display: inline-flex;
    margin: 10px 10px 0;
    transition: transform 1s, opacity 1s;
    z-index: 9500;
    flex-shrink: 0;
    max-width: 95vw;
    background: #323232;
    color: #fff;
    font-size: 14px
}

.q-notification__icon {
    font-size: 24px;
    flex: 0 0 1em
}

.q-notification__icon--additional {
    margin-right: 16px
}

.q-notification__avatar {
    font-size: 32px
}

.q-notification__avatar--additional {
    margin-right: 8px
}

.q-notification__spinner {
    font-size: 32px
}

.q-notification__spinner--additional {
    margin-right: 8px
}

.q-notification__message {
    padding: 8px 0
}

.q-notification__caption {
    font-size: .9em;
    opacity: .7
}

.q-notification__actions {
    color: var(--q-primary)
}

.q-notification__badge {
    animation: q-notif-badge .42s;
    padding: 4px 8px;
    position: absolute;
    box-shadow: 0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f;
    background-color: var(--q-negative);
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    line-height: 12px
}

.q-notification__badge--top-left,
.q-notification__badge--top-right {
    top: -6px
}

.q-notification__badge--bottom-left,
.q-notification__badge--bottom-right {
    bottom: -6px
}

.q-notification__badge--top-left,
.q-notification__badge--bottom-left {
    left: -22px
}

.q-notification__badge--top-right,
.q-notification__badge--bottom-right {
    right: -22px
}

.q-notification__progress {
    z-index: -1;
    position: absolute;
    height: 3px;
    bottom: 0;
    left: -10px;
    right: -10px;
    animation: q-notif-progress linear;
    background: currentColor;
    opacity: .3;
    border-radius: 4px 4px 0 0;
    transform-origin: 0 50%;
    transform: scaleX(0)
}

.q-notification--standard {
    padding: 0 16px;
    min-height: 48px
}

.q-notification--standard .q-notification__actions {
    padding: 6px 0 6px 8px;
    margin-right: -8px
}

.q-notification--multi-line {
    min-height: 68px;
    padding: 8px 16px
}

.q-notification--multi-line .q-notification__badge--top-left,
.q-notification--multi-line .q-notification__badge--top-right {
    top: -15px
}

.q-notification--multi-line .q-notification__badge--bottom-left,
.q-notification--multi-line .q-notification__badge--bottom-right {
    bottom: -15px
}

.q-notification--multi-line .q-notification__progress {
    bottom: -8px
}

.q-notification--multi-line .q-notification__actions {
    padding: 0
}

.q-notification--multi-line .q-notification__actions--with-media {
    padding-left: 25px
}

.q-notification--top-left-enter-from,
.q-notification--top-left-leave-to,
.q-notification--top-enter-from,
.q-notification--top-leave-to,
.q-notification--top-right-enter-from,
.q-notification--top-right-leave-to {
    opacity: 0;
    transform: translateY(-50px);
    z-index: 9499
}

.q-notification--left-enter-from,
.q-notification--left-leave-to,
.q-notification--center-enter-from,
.q-notification--center-leave-to,
.q-notification--right-enter-from,
.q-notification--right-leave-to {
    opacity: 0;
    transform: rotateX(90deg);
    z-index: 9499
}

.q-notification--bottom-left-enter-from,
.q-notification--bottom-left-leave-to,
.q-notification--bottom-enter-from,
.q-notification--bottom-leave-to,
.q-notification--bottom-right-enter-from,
.q-notification--bottom-right-leave-to {
    opacity: 0;
    transform: translateY(50px);
    z-index: 9499
}

.q-notification--top-left-leave-active,
.q-notification--top-leave-active,
.q-notification--top-right-leave-active,
.q-notification--left-leave-active,
.q-notification--center-leave-active,
.q-notification--right-leave-active,
.q-notification--bottom-left-leave-active,
.q-notification--bottom-leave-active,
.q-notification--bottom-right-leave-active {
    position: absolute;
    z-index: 9499;
    margin-left: 0;
    margin-right: 0
}

.q-notification--top-leave-active,
.q-notification--center-leave-active {
    top: 0
}

.q-notification--bottom-left-leave-active,
.q-notification--bottom-leave-active,
.q-notification--bottom-right-leave-active {
    bottom: 0
}

@media (min-width: 600px) {
    .q-notification {
        max-width: 65vw
    }
}

@keyframes q-notif-badge {
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes q-notif-progress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

:root {
    --animate-duration: .3s;
    --animate-delay: .3s;
    --animate-repeat: 1
}

.animated {
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.repeat-1 {
    animation-iteration-count: var(--animate-repeat)
}

.animated.repeat-2 {
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animated.repeat-3 {
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animated.delay-1s {
    animation-delay: var(--animate-delay)
}

.animated.delay-2s {
    animation-delay: calc(var(--animate-delay) * 2)
}

.animated.delay-3s {
    animation-delay: calc(var(--animate-delay) * 3)
}

.animated.delay-4s {
    animation-delay: calc(var(--animate-delay) * 4)
}

.animated.delay-5s {
    animation-delay: calc(var(--animate-delay) * 5)
}

.animated.faster {
    animation-duration: calc(var(--animate-duration) / 2)
}

.animated.fast {
    animation-duration: calc(var(--animate-duration) * .8)
}

.animated.slow {
    animation-duration: calc(var(--animate-duration) * 2)
}

.animated.slower {
    animation-duration: calc(var(--animate-duration) * 3)
}

@media print,
(prefers-reduced-motion: reduce) {
    .animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important
    }

    .animated[class *=Out] {
        opacity: 0
    }
}

.q-animate--scale {
    animation: q-scale .15s;
    animation-timing-function: cubic-bezier(.25, .8, .25, 1)
}

@keyframes q-scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.04)
    }

    to {
        transform: scale(1)
    }
}

.q-animate--fade {
    animation: q-fade .2s
}

@keyframes q-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

:root {
    --q-primary: #1976D2;
    --q-secondary: #26A69A;
    --q-accent: #9C27B0;
    --q-positive: #21BA45;
    --q-negative: #C10015;
    --q-info: #31CCEC;
    --q-warning: #F2C037;
    --q-dark: #1D1D1D;
    --q-dark-page: #121212
}

.text-dark {
    color: var(--q-dark) !important
}

.bg-dark {
    background: var(--q-dark) !important
}

.text-primary {
    color: var(--q-primary) !important
}

.bg-primary {
    background: var(--q-primary) !important
}

.text-secondary {
    color: var(--q-secondary) !important
}

.bg-secondary {
    background: var(--q-secondary) !important
}

.text-accent {
    color: var(--q-accent) !important
}

.bg-accent {
    background: var(--q-accent) !important
}

.text-positive {
    color: var(--q-positive) !important
}

.bg-positive {
    background: var(--q-positive) !important
}

.text-negative {
    color: var(--q-negative) !important
}

.bg-negative {
    background: var(--q-negative) !important
}

.text-info {
    color: var(--q-info) !important
}

.bg-info {
    background: var(--q-info) !important
}

.text-warning {
    color: var(--q-warning) !important
}

.bg-warning {
    background: var(--q-warning) !important
}

.text-white {
    color: #fff !important
}

.bg-white {
    background: #fff !important
}

.text-black {
    color: #000 !important
}

.bg-black {
    background: #000 !important
}

.text-transparent {
    color: transparent !important
}

.bg-transparent {
    background: transparent !important
}

.text-separator {
    color: #0000001f !important
}

.bg-separator {
    background: #0000001f !important
}

.text-dark-separator {
    color: #ffffff47 !important
}

.bg-dark-separator {
    background: #ffffff47 !important
}

.text-red {
    color: #f44336 !important
}

.text-red-1 {
    color: #ffebee !important
}

.text-red-2 {
    color: #ffcdd2 !important
}

.text-red-3 {
    color: #ef9a9a !important
}

.text-red-4 {
    color: #e57373 !important
}

.text-red-5 {
    color: #ef5350 !important
}

.text-red-6 {
    color: #f44336 !important
}

.text-red-7 {
    color: #e53935 !important
}

.text-red-8 {
    color: #d32f2f !important
}

.text-red-9 {
    color: #c62828 !important
}

.text-red-10 {
    color: #b71c1c !important
}

.text-red-11 {
    color: #ff8a80 !important
}

.text-red-12 {
    color: #ff5252 !important
}

.text-red-13 {
    color: #ff1744 !important
}

.text-red-14 {
    color: #d50000 !important
}

.text-pink {
    color: #e91e63 !important
}

.text-pink-1 {
    color: #fce4ec !important
}

.text-pink-2 {
    color: #f8bbd0 !important
}

.text-pink-3 {
    color: #f48fb1 !important
}

.text-pink-4 {
    color: #f06292 !important
}

.text-pink-5 {
    color: #ec407a !important
}

.text-pink-6 {
    color: #e91e63 !important
}

.text-pink-7 {
    color: #d81b60 !important
}

.text-pink-8 {
    color: #c2185b !important
}

.text-pink-9 {
    color: #ad1457 !important
}

.text-pink-10 {
    color: #880e4f !important
}

.text-pink-11 {
    color: #ff80ab !important
}

.text-pink-12 {
    color: #ff4081 !important
}

.text-pink-13 {
    color: #f50057 !important
}

.text-pink-14 {
    color: #c51162 !important
}

.text-purple {
    color: #9c27b0 !important
}

.text-purple-1 {
    color: #f3e5f5 !important
}

.text-purple-2 {
    color: #e1bee7 !important
}

.text-purple-3 {
    color: #ce93d8 !important
}

.text-purple-4 {
    color: #ba68c8 !important
}

.text-purple-5 {
    color: #ab47bc !important
}

.text-purple-6 {
    color: #9c27b0 !important
}

.text-purple-7 {
    color: #8e24aa !important
}

.text-purple-8 {
    color: #7b1fa2 !important
}

.text-purple-9 {
    color: #6a1b9a !important
}

.text-purple-10 {
    color: #4a148c !important
}

.text-purple-11 {
    color: #ea80fc !important
}

.text-purple-12 {
    color: #e040fb !important
}

.text-purple-13 {
    color: #d500f9 !important
}

.text-purple-14 {
    color: #a0f !important
}

.text-deep-purple {
    color: #673ab7 !important
}

.text-deep-purple-1 {
    color: #ede7f6 !important
}

.text-deep-purple-2 {
    color: #d1c4e9 !important
}

.text-deep-purple-3 {
    color: #b39ddb !important
}

.text-deep-purple-4 {
    color: #9575cd !important
}

.text-deep-purple-5 {
    color: #7e57c2 !important
}

.text-deep-purple-6 {
    color: #673ab7 !important
}

.text-deep-purple-7 {
    color: #5e35b1 !important
}

.text-deep-purple-8 {
    color: #512da8 !important
}

.text-deep-purple-9 {
    color: #4527a0 !important
}

.text-deep-purple-10 {
    color: #311b92 !important
}

.text-deep-purple-11 {
    color: #b388ff !important
}

.text-deep-purple-12 {
    color: #7c4dff !important
}

.text-deep-purple-13 {
    color: #651fff !important
}

.text-deep-purple-14 {
    color: #6200ea !important
}

.text-indigo {
    color: #3f51b5 !important
}

.text-indigo-1 {
    color: #e8eaf6 !important
}

.text-indigo-2 {
    color: #c5cae9 !important
}

.text-indigo-3 {
    color: #9fa8da !important
}

.text-indigo-4 {
    color: #7986cb !important
}

.text-indigo-5 {
    color: #5c6bc0 !important
}

.text-indigo-6 {
    color: #3f51b5 !important
}

.text-indigo-7 {
    color: #3949ab !important
}

.text-indigo-8 {
    color: #303f9f !important
}

.text-indigo-9 {
    color: #283593 !important
}

.text-indigo-10 {
    color: #1a237e !important
}

.text-indigo-11 {
    color: #8c9eff !important
}

.text-indigo-12 {
    color: #536dfe !important
}

.text-indigo-13 {
    color: #3d5afe !important
}

.text-indigo-14 {
    color: #304ffe !important
}

.text-blue {
    color: #2196f3 !important
}

.text-blue-1 {
    color: #e3f2fd !important
}

.text-blue-2 {
    color: #bbdefb !important
}

.text-blue-3 {
    color: #90caf9 !important
}

.text-blue-4 {
    color: #64b5f6 !important
}

.text-blue-5 {
    color: #42a5f5 !important
}

.text-blue-6 {
    color: #2196f3 !important
}

.text-blue-7 {
    color: #1e88e5 !important
}

.text-blue-8 {
    color: #1976d2 !important
}

.text-blue-9 {
    color: #1565c0 !important
}

.text-blue-10 {
    color: #0d47a1 !important
}

.text-blue-11 {
    color: #82b1ff !important
}

.text-blue-12 {
    color: #448aff !important
}

.text-blue-13 {
    color: #2979ff !important
}

.text-blue-14 {
    color: #2962ff !important
}

.text-light-blue {
    color: #03a9f4 !important
}

.text-light-blue-1 {
    color: #e1f5fe !important
}

.text-light-blue-2 {
    color: #b3e5fc !important
}

.text-light-blue-3 {
    color: #81d4fa !important
}

.text-light-blue-4 {
    color: #4fc3f7 !important
}

.text-light-blue-5 {
    color: #29b6f6 !important
}

.text-light-blue-6 {
    color: #03a9f4 !important
}

.text-light-blue-7 {
    color: #039be5 !important
}

.text-light-blue-8 {
    color: #0288d1 !important
}

.text-light-blue-9 {
    color: #0277bd !important
}

.text-light-blue-10 {
    color: #01579b !important
}

.text-light-blue-11 {
    color: #80d8ff !important
}

.text-light-blue-12 {
    color: #40c4ff !important
}

.text-light-blue-13 {
    color: #00b0ff !important
}

.text-light-blue-14 {
    color: #0091ea !important
}

.text-cyan {
    color: #00bcd4 !important
}

.text-cyan-1 {
    color: #e0f7fa !important
}

.text-cyan-2 {
    color: #b2ebf2 !important
}

.text-cyan-3 {
    color: #80deea !important
}

.text-cyan-4 {
    color: #4dd0e1 !important
}

.text-cyan-5 {
    color: #26c6da !important
}

.text-cyan-6 {
    color: #00bcd4 !important
}

.text-cyan-7 {
    color: #00acc1 !important
}

.text-cyan-8 {
    color: #0097a7 !important
}

.text-cyan-9 {
    color: #00838f !important
}

.text-cyan-10 {
    color: #006064 !important
}

.text-cyan-11 {
    color: #84ffff !important
}

.text-cyan-12 {
    color: #18ffff !important
}

.text-cyan-13 {
    color: #00e5ff !important
}

.text-cyan-14 {
    color: #00b8d4 !important
}

.text-teal {
    color: #009688 !important
}

.text-teal-1 {
    color: #e0f2f1 !important
}

.text-teal-2 {
    color: #b2dfdb !important
}

.text-teal-3 {
    color: #80cbc4 !important
}

.text-teal-4 {
    color: #4db6ac !important
}

.text-teal-5 {
    color: #26a69a !important
}

.text-teal-6 {
    color: #009688 !important
}

.text-teal-7 {
    color: #00897b !important
}

.text-teal-8 {
    color: #00796b !important
}

.text-teal-9 {
    color: #00695c !important
}

.text-teal-10 {
    color: #004d40 !important
}

.text-teal-11 {
    color: #a7ffeb !important
}

.text-teal-12 {
    color: #64ffda !important
}

.text-teal-13 {
    color: #1de9b6 !important
}

.text-teal-14 {
    color: #00bfa5 !important
}

.text-green {
    color: #4caf50 !important
}

.text-green-1 {
    color: #e8f5e9 !important
}

.text-green-2 {
    color: #c8e6c9 !important
}

.text-green-3 {
    color: #a5d6a7 !important
}

.text-green-4 {
    color: #81c784 !important
}

.text-green-5 {
    color: #66bb6a !important
}

.text-green-6 {
    color: #4caf50 !important
}

.text-green-7 {
    color: #43a047 !important
}

.text-green-8 {
    color: #388e3c !important
}

.text-green-9 {
    color: #2e7d32 !important
}

.text-green-10 {
    color: #1b5e20 !important
}

.text-green-11 {
    color: #b9f6ca !important
}

.text-green-12 {
    color: #69f0ae !important
}

.text-green-13 {
    color: #00e676 !important
}

.text-green-14 {
    color: #00c853 !important
}

.text-light-green {
    color: #8bc34a !important
}

.text-light-green-1 {
    color: #f1f8e9 !important
}

.text-light-green-2 {
    color: #dcedc8 !important
}

.text-light-green-3 {
    color: #c5e1a5 !important
}

.text-light-green-4 {
    color: #aed581 !important
}

.text-light-green-5 {
    color: #9ccc65 !important
}

.text-light-green-6 {
    color: #8bc34a !important
}

.text-light-green-7 {
    color: #7cb342 !important
}

.text-light-green-8 {
    color: #689f38 !important
}

.text-light-green-9 {
    color: #558b2f !important
}

.text-light-green-10 {
    color: #33691e !important
}

.text-light-green-11 {
    color: #ccff90 !important
}

.text-light-green-12 {
    color: #b2ff59 !important
}

.text-light-green-13 {
    color: #76ff03 !important
}

.text-light-green-14 {
    color: #64dd17 !important
}

.text-lime {
    color: #cddc39 !important
}

.text-lime-1 {
    color: #f9fbe7 !important
}

.text-lime-2 {
    color: #f0f4c3 !important
}

.text-lime-3 {
    color: #e6ee9c !important
}

.text-lime-4 {
    color: #dce775 !important
}

.text-lime-5 {
    color: #d4e157 !important
}

.text-lime-6 {
    color: #cddc39 !important
}

.text-lime-7 {
    color: #c0ca33 !important
}

.text-lime-8 {
    color: #afb42b !important
}

.text-lime-9 {
    color: #9e9d24 !important
}

.text-lime-10 {
    color: #827717 !important
}

.text-lime-11 {
    color: #f4ff81 !important
}

.text-lime-12 {
    color: #eeff41 !important
}

.text-lime-13 {
    color: #c6ff00 !important
}

.text-lime-14 {
    color: #aeea00 !important
}

.text-yellow {
    color: #ffeb3b !important
}

.text-yellow-1 {
    color: #fffde7 !important
}

.text-yellow-2 {
    color: #fff9c4 !important
}

.text-yellow-3 {
    color: #fff59d !important
}

.text-yellow-4 {
    color: #fff176 !important
}

.text-yellow-5 {
    color: #ffee58 !important
}

.text-yellow-6 {
    color: #ffeb3b !important
}

.text-yellow-7 {
    color: #fdd835 !important
}

.text-yellow-8 {
    color: #fbc02d !important
}

.text-yellow-9 {
    color: #f9a825 !important
}

.text-yellow-10 {
    color: #f57f17 !important
}

.text-yellow-11 {
    color: #ffff8d !important
}

.text-yellow-12 {
    color: #ff0 !important
}

.text-yellow-13 {
    color: #ffea00 !important
}

.text-yellow-14 {
    color: #ffd600 !important
}

.text-amber {
    color: #ffc107 !important
}

.text-amber-1 {
    color: #fff8e1 !important
}

.text-amber-2 {
    color: #ffecb3 !important
}

.text-amber-3 {
    color: #ffe082 !important
}

.text-amber-4 {
    color: #ffd54f !important
}

.text-amber-5 {
    color: #ffca28 !important
}

.text-amber-6 {
    color: #ffc107 !important
}

.text-amber-7 {
    color: #ffb300 !important
}

.text-amber-8 {
    color: #ffa000 !important
}

.text-amber-9 {
    color: #ff8f00 !important
}

.text-amber-10 {
    color: #ff6f00 !important
}

.text-amber-11 {
    color: #ffe57f !important
}

.text-amber-12 {
    color: #ffd740 !important
}

.text-amber-13 {
    color: #ffc400 !important
}

.text-amber-14 {
    color: #ffab00 !important
}

.text-orange {
    color: #ff9800 !important
}

.text-orange-1 {
    color: #fff3e0 !important
}

.text-orange-2 {
    color: #ffe0b2 !important
}

.text-orange-3 {
    color: #ffcc80 !important
}

.text-orange-4 {
    color: #ffb74d !important
}

.text-orange-5 {
    color: #ffa726 !important
}

.text-orange-6 {
    color: #ff9800 !important
}

.text-orange-7 {
    color: #fb8c00 !important
}

.text-orange-8 {
    color: #f57c00 !important
}

.text-orange-9 {
    color: #ef6c00 !important
}

.text-orange-10 {
    color: #e65100 !important
}

.text-orange-11 {
    color: #ffd180 !important
}

.text-orange-12 {
    color: #ffab40 !important
}

.text-orange-13 {
    color: #ff9100 !important
}

.text-orange-14 {
    color: #ff6d00 !important
}

.text-deep-orange {
    color: #ff5722 !important
}

.text-deep-orange-1 {
    color: #fbe9e7 !important
}

.text-deep-orange-2 {
    color: #ffccbc !important
}

.text-deep-orange-3 {
    color: #ffab91 !important
}

.text-deep-orange-4 {
    color: #ff8a65 !important
}

.text-deep-orange-5 {
    color: #ff7043 !important
}

.text-deep-orange-6 {
    color: #ff5722 !important
}

.text-deep-orange-7 {
    color: #f4511e !important
}

.text-deep-orange-8 {
    color: #e64a19 !important
}

.text-deep-orange-9 {
    color: #d84315 !important
}

.text-deep-orange-10 {
    color: #bf360c !important
}

.text-deep-orange-11 {
    color: #ff9e80 !important
}

.text-deep-orange-12 {
    color: #ff6e40 !important
}

.text-deep-orange-13 {
    color: #ff3d00 !important
}

.text-deep-orange-14 {
    color: #dd2c00 !important
}

.text-brown {
    color: #795548 !important
}

.text-brown-1 {
    color: #efebe9 !important
}

.text-brown-2 {
    color: #d7ccc8 !important
}

.text-brown-3 {
    color: #bcaaa4 !important
}

.text-brown-4 {
    color: #a1887f !important
}

.text-brown-5 {
    color: #8d6e63 !important
}

.text-brown-6 {
    color: #795548 !important
}

.text-brown-7 {
    color: #6d4c41 !important
}

.text-brown-8 {
    color: #5d4037 !important
}

.text-brown-9 {
    color: #4e342e !important
}

.text-brown-10 {
    color: #3e2723 !important
}

.text-brown-11 {
    color: #d7ccc8 !important
}

.text-brown-12 {
    color: #bcaaa4 !important
}

.text-brown-13 {
    color: #8d6e63 !important
}

.text-brown-14 {
    color: #5d4037 !important
}

.text-grey {
    color: #9e9e9e !important
}

.text-grey-1 {
    color: #fafafa !important
}

.text-grey-2 {
    color: #f5f5f5 !important
}

.text-grey-3 {
    color: #eee !important
}

.text-grey-4 {
    color: #e0e0e0 !important
}

.text-grey-5 {
    color: #bdbdbd !important
}

.text-grey-6 {
    color: #9e9e9e !important
}

.text-grey-7 {
    color: #757575 !important
}

.text-grey-8 {
    color: #616161 !important
}

.text-grey-9 {
    color: #424242 !important
}

.text-grey-10 {
    color: #212121 !important
}

.text-grey-11 {
    color: #f5f5f5 !important
}

.text-grey-12 {
    color: #eee !important
}

.text-grey-13 {
    color: #bdbdbd !important
}

.text-grey-14 {
    color: #616161 !important
}

.text-blue-grey {
    color: #607d8b !important
}

.text-blue-grey-1 {
    color: #eceff1 !important
}

.text-blue-grey-2 {
    color: #cfd8dc !important
}

.text-blue-grey-3 {
    color: #b0bec5 !important
}

.text-blue-grey-4 {
    color: #90a4ae !important
}

.text-blue-grey-5 {
    color: #78909c !important
}

.text-blue-grey-6 {
    color: #607d8b !important
}

.text-blue-grey-7 {
    color: #546e7a !important
}

.text-blue-grey-8 {
    color: #455a64 !important
}

.text-blue-grey-9 {
    color: #37474f !important
}

.text-blue-grey-10 {
    color: #263238 !important
}

.text-blue-grey-11 {
    color: #cfd8dc !important
}

.text-blue-grey-12 {
    color: #b0bec5 !important
}

.text-blue-grey-13 {
    color: #78909c !important
}

.text-blue-grey-14 {
    color: #455a64 !important
}

.bg-red {
    background: #f44336 !important
}

.bg-red-1 {
    background: #ffebee !important
}

.bg-red-2 {
    background: #ffcdd2 !important
}

.bg-red-3 {
    background: #ef9a9a !important
}

.bg-red-4 {
    background: #e57373 !important
}

.bg-red-5 {
    background: #ef5350 !important
}

.bg-red-6 {
    background: #f44336 !important
}

.bg-red-7 {
    background: #e53935 !important
}

.bg-red-8 {
    background: #d32f2f !important
}

.bg-red-9 {
    background: #c62828 !important
}

.bg-red-10 {
    background: #b71c1c !important
}

.bg-red-11 {
    background: #ff8a80 !important
}

.bg-red-12 {
    background: #ff5252 !important
}

.bg-red-13 {
    background: #ff1744 !important
}

.bg-red-14 {
    background: #d50000 !important
}

.bg-pink {
    background: #e91e63 !important
}

.bg-pink-1 {
    background: #fce4ec !important
}

.bg-pink-2 {
    background: #f8bbd0 !important
}

.bg-pink-3 {
    background: #f48fb1 !important
}

.bg-pink-4 {
    background: #f06292 !important
}

.bg-pink-5 {
    background: #ec407a !important
}

.bg-pink-6 {
    background: #e91e63 !important
}

.bg-pink-7 {
    background: #d81b60 !important
}

.bg-pink-8 {
    background: #c2185b !important
}

.bg-pink-9 {
    background: #ad1457 !important
}

.bg-pink-10 {
    background: #880e4f !important
}

.bg-pink-11 {
    background: #ff80ab !important
}

.bg-pink-12 {
    background: #ff4081 !important
}

.bg-pink-13 {
    background: #f50057 !important
}

.bg-pink-14 {
    background: #c51162 !important
}

.bg-purple {
    background: #9c27b0 !important
}

.bg-purple-1 {
    background: #f3e5f5 !important
}

.bg-purple-2 {
    background: #e1bee7 !important
}

.bg-purple-3 {
    background: #ce93d8 !important
}

.bg-purple-4 {
    background: #ba68c8 !important
}

.bg-purple-5 {
    background: #ab47bc !important
}

.bg-purple-6 {
    background: #9c27b0 !important
}

.bg-purple-7 {
    background: #8e24aa !important
}

.bg-purple-8 {
    background: #7b1fa2 !important
}

.bg-purple-9 {
    background: #6a1b9a !important
}

.bg-purple-10 {
    background: #4a148c !important
}

.bg-purple-11 {
    background: #ea80fc !important
}

.bg-purple-12 {
    background: #e040fb !important
}

.bg-purple-13 {
    background: #d500f9 !important
}

.bg-purple-14 {
    background: #a0f !important
}

.bg-deep-purple {
    background: #673ab7 !important
}

.bg-deep-purple-1 {
    background: #ede7f6 !important
}

.bg-deep-purple-2 {
    background: #d1c4e9 !important
}

.bg-deep-purple-3 {
    background: #b39ddb !important
}

.bg-deep-purple-4 {
    background: #9575cd !important
}

.bg-deep-purple-5 {
    background: #7e57c2 !important
}

.bg-deep-purple-6 {
    background: #673ab7 !important
}

.bg-deep-purple-7 {
    background: #5e35b1 !important
}

.bg-deep-purple-8 {
    background: #512da8 !important
}

.bg-deep-purple-9 {
    background: #4527a0 !important
}

.bg-deep-purple-10 {
    background: #311b92 !important
}

.bg-deep-purple-11 {
    background: #b388ff !important
}

.bg-deep-purple-12 {
    background: #7c4dff !important
}

.bg-deep-purple-13 {
    background: #651fff !important
}

.bg-deep-purple-14 {
    background: #6200ea !important
}

.bg-indigo {
    background: #3f51b5 !important
}

.bg-indigo-1 {
    background: #e8eaf6 !important
}

.bg-indigo-2 {
    background: #c5cae9 !important
}

.bg-indigo-3 {
    background: #9fa8da !important
}

.bg-indigo-4 {
    background: #7986cb !important
}

.bg-indigo-5 {
    background: #5c6bc0 !important
}

.bg-indigo-6 {
    background: #3f51b5 !important
}

.bg-indigo-7 {
    background: #3949ab !important
}

.bg-indigo-8 {
    background: #303f9f !important
}

.bg-indigo-9 {
    background: #283593 !important
}

.bg-indigo-10 {
    background: #1a237e !important
}

.bg-indigo-11 {
    background: #8c9eff !important
}

.bg-indigo-12 {
    background: #536dfe !important
}

.bg-indigo-13 {
    background: #3d5afe !important
}

.bg-indigo-14 {
    background: #304ffe !important
}

.bg-blue {
    background: #2196f3 !important
}

.bg-blue-1 {
    background: #e3f2fd !important
}

.bg-blue-2 {
    background: #bbdefb !important
}

.bg-blue-3 {
    background: #90caf9 !important
}

.bg-blue-4 {
    background: #64b5f6 !important
}

.bg-blue-5 {
    background: #42a5f5 !important
}

.bg-blue-6 {
    background: #2196f3 !important
}

.bg-blue-7 {
    background: #1e88e5 !important
}

.bg-blue-8 {
    background: #1976d2 !important
}

.bg-blue-9 {
    background: #1565c0 !important
}

.bg-blue-10 {
    background: #0d47a1 !important
}

.bg-blue-11 {
    background: #82b1ff !important
}

.bg-blue-12 {
    background: #448aff !important
}

.bg-blue-13 {
    background: #2979ff !important
}

.bg-blue-14 {
    background: #2962ff !important
}

.bg-light-blue {
    background: #03a9f4 !important
}

.bg-light-blue-1 {
    background: #e1f5fe !important
}

.bg-light-blue-2 {
    background: #b3e5fc !important
}

.bg-light-blue-3 {
    background: #81d4fa !important
}

.bg-light-blue-4 {
    background: #4fc3f7 !important
}

.bg-light-blue-5 {
    background: #29b6f6 !important
}

.bg-light-blue-6 {
    background: #03a9f4 !important
}

.bg-light-blue-7 {
    background: #039be5 !important
}

.bg-light-blue-8 {
    background: #0288d1 !important
}

.bg-light-blue-9 {
    background: #0277bd !important
}

.bg-light-blue-10 {
    background: #01579b !important
}

.bg-light-blue-11 {
    background: #80d8ff !important
}

.bg-light-blue-12 {
    background: #40c4ff !important
}

.bg-light-blue-13 {
    background: #00b0ff !important
}

.bg-light-blue-14 {
    background: #0091ea !important
}

.bg-cyan {
    background: #00bcd4 !important
}

.bg-cyan-1 {
    background: #e0f7fa !important
}

.bg-cyan-2 {
    background: #b2ebf2 !important
}

.bg-cyan-3 {
    background: #80deea !important
}

.bg-cyan-4 {
    background: #4dd0e1 !important
}

.bg-cyan-5 {
    background: #26c6da !important
}

.bg-cyan-6 {
    background: #00bcd4 !important
}

.bg-cyan-7 {
    background: #00acc1 !important
}

.bg-cyan-8 {
    background: #0097a7 !important
}

.bg-cyan-9 {
    background: #00838f !important
}

.bg-cyan-10 {
    background: #006064 !important
}

.bg-cyan-11 {
    background: #84ffff !important
}

.bg-cyan-12 {
    background: #18ffff !important
}

.bg-cyan-13 {
    background: #00e5ff !important
}

.bg-cyan-14 {
    background: #00b8d4 !important
}

.bg-teal {
    background: #009688 !important
}

.bg-teal-1 {
    background: #e0f2f1 !important
}

.bg-teal-2 {
    background: #b2dfdb !important
}

.bg-teal-3 {
    background: #80cbc4 !important
}

.bg-teal-4 {
    background: #4db6ac !important
}

.bg-teal-5 {
    background: #26a69a !important
}

.bg-teal-6 {
    background: #009688 !important
}

.bg-teal-7 {
    background: #00897b !important
}

.bg-teal-8 {
    background: #00796b !important
}

.bg-teal-9 {
    background: #00695c !important
}

.bg-teal-10 {
    background: #004d40 !important
}

.bg-teal-11 {
    background: #a7ffeb !important
}

.bg-teal-12 {
    background: #64ffda !important
}

.bg-teal-13 {
    background: #1de9b6 !important
}

.bg-teal-14 {
    background: #00bfa5 !important
}

.bg-green {
    background: #4caf50 !important
}

.bg-green-1 {
    background: #e8f5e9 !important
}

.bg-green-2 {
    background: #c8e6c9 !important
}

.bg-green-3 {
    background: #a5d6a7 !important
}

.bg-green-4 {
    background: #81c784 !important
}

.bg-green-5 {
    background: #66bb6a !important
}

.bg-green-6 {
    background: #4caf50 !important
}

.bg-green-7 {
    background: #43a047 !important
}

.bg-green-8 {
    background: #388e3c !important
}

.bg-green-9 {
    background: #2e7d32 !important
}

.bg-green-10 {
    background: #1b5e20 !important
}

.bg-green-11 {
    background: #b9f6ca !important
}

.bg-green-12 {
    background: #69f0ae !important
}

.bg-green-13 {
    background: #00e676 !important
}

.bg-green-14 {
    background: #00c853 !important
}

.bg-light-green {
    background: #8bc34a !important
}

.bg-light-green-1 {
    background: #f1f8e9 !important
}

.bg-light-green-2 {
    background: #dcedc8 !important
}

.bg-light-green-3 {
    background: #c5e1a5 !important
}

.bg-light-green-4 {
    background: #aed581 !important
}

.bg-light-green-5 {
    background: #9ccc65 !important
}

.bg-light-green-6 {
    background: #8bc34a !important
}

.bg-light-green-7 {
    background: #7cb342 !important
}

.bg-light-green-8 {
    background: #689f38 !important
}

.bg-light-green-9 {
    background: #558b2f !important
}

.bg-light-green-10 {
    background: #33691e !important
}

.bg-light-green-11 {
    background: #ccff90 !important
}

.bg-light-green-12 {
    background: #b2ff59 !important
}

.bg-light-green-13 {
    background: #76ff03 !important
}

.bg-light-green-14 {
    background: #64dd17 !important
}

.bg-lime {
    background: #cddc39 !important
}

.bg-lime-1 {
    background: #f9fbe7 !important
}

.bg-lime-2 {
    background: #f0f4c3 !important
}

.bg-lime-3 {
    background: #e6ee9c !important
}

.bg-lime-4 {
    background: #dce775 !important
}

.bg-lime-5 {
    background: #d4e157 !important
}

.bg-lime-6 {
    background: #cddc39 !important
}

.bg-lime-7 {
    background: #c0ca33 !important
}

.bg-lime-8 {
    background: #afb42b !important
}

.bg-lime-9 {
    background: #9e9d24 !important
}

.bg-lime-10 {
    background: #827717 !important
}

.bg-lime-11 {
    background: #f4ff81 !important
}

.bg-lime-12 {
    background: #eeff41 !important
}

.bg-lime-13 {
    background: #c6ff00 !important
}

.bg-lime-14 {
    background: #aeea00 !important
}

.bg-yellow {
    background: #ffeb3b !important
}

.bg-yellow-1 {
    background: #fffde7 !important
}

.bg-yellow-2 {
    background: #fff9c4 !important
}

.bg-yellow-3 {
    background: #fff59d !important
}

.bg-yellow-4 {
    background: #fff176 !important
}

.bg-yellow-5 {
    background: #ffee58 !important
}

.bg-yellow-6 {
    background: #ffeb3b !important
}

.bg-yellow-7 {
    background: #fdd835 !important
}

.bg-yellow-8 {
    background: #fbc02d !important
}

.bg-yellow-9 {
    background: #f9a825 !important
}

.bg-yellow-10 {
    background: #f57f17 !important
}

.bg-yellow-11 {
    background: #ffff8d !important
}

.bg-yellow-12 {
    background: #ff0 !important
}

.bg-yellow-13 {
    background: #ffea00 !important
}

.bg-yellow-14 {
    background: #ffd600 !important
}

.bg-amber {
    background: #ffc107 !important
}

.bg-amber-1 {
    background: #fff8e1 !important
}

.bg-amber-2 {
    background: #ffecb3 !important
}

.bg-amber-3 {
    background: #ffe082 !important
}

.bg-amber-4 {
    background: #ffd54f !important
}

.bg-amber-5 {
    background: #ffca28 !important
}

.bg-amber-6 {
    background: #ffc107 !important
}

.bg-amber-7 {
    background: #ffb300 !important
}

.bg-amber-8 {
    background: #ffa000 !important
}

.bg-amber-9 {
    background: #ff8f00 !important
}

.bg-amber-10 {
    background: #ff6f00 !important
}

.bg-amber-11 {
    background: #ffe57f !important
}

.bg-amber-12 {
    background: #ffd740 !important
}

.bg-amber-13 {
    background: #ffc400 !important
}

.bg-amber-14 {
    background: #ffab00 !important
}

.bg-orange {
    background: #ff9800 !important
}

.bg-orange-1 {
    background: #fff3e0 !important
}

.bg-orange-2 {
    background: #ffe0b2 !important
}

.bg-orange-3 {
    background: #ffcc80 !important
}

.bg-orange-4 {
    background: #ffb74d !important
}

.bg-orange-5 {
    background: #ffa726 !important
}

.bg-orange-6 {
    background: #ff9800 !important
}

.bg-orange-7 {
    background: #fb8c00 !important
}

.bg-orange-8 {
    background: #f57c00 !important
}

.bg-orange-9 {
    background: #ef6c00 !important
}

.bg-orange-10 {
    background: #e65100 !important
}

.bg-orange-11 {
    background: #ffd180 !important
}

.bg-orange-12 {
    background: #ffab40 !important
}

.bg-orange-13 {
    background: #ff9100 !important
}

.bg-orange-14 {
    background: #ff6d00 !important
}

.bg-deep-orange {
    background: #ff5722 !important
}

.bg-deep-orange-1 {
    background: #fbe9e7 !important
}

.bg-deep-orange-2 {
    background: #ffccbc !important
}

.bg-deep-orange-3 {
    background: #ffab91 !important
}

.bg-deep-orange-4 {
    background: #ff8a65 !important
}

.bg-deep-orange-5 {
    background: #ff7043 !important
}

.bg-deep-orange-6 {
    background: #ff5722 !important
}

.bg-deep-orange-7 {
    background: #f4511e !important
}

.bg-deep-orange-8 {
    background: #e64a19 !important
}

.bg-deep-orange-9 {
    background: #d84315 !important
}

.bg-deep-orange-10 {
    background: #bf360c !important
}

.bg-deep-orange-11 {
    background: #ff9e80 !important
}

.bg-deep-orange-12 {
    background: #ff6e40 !important
}

.bg-deep-orange-13 {
    background: #ff3d00 !important
}

.bg-deep-orange-14 {
    background: #dd2c00 !important
}

.bg-brown {
    background: #795548 !important
}

.bg-brown-1 {
    background: #efebe9 !important
}

.bg-brown-2 {
    background: #d7ccc8 !important
}

.bg-brown-3 {
    background: #bcaaa4 !important
}

.bg-brown-4 {
    background: #a1887f !important
}

.bg-brown-5 {
    background: #8d6e63 !important
}

.bg-brown-6 {
    background: #795548 !important
}

.bg-brown-7 {
    background: #6d4c41 !important
}

.bg-brown-8 {
    background: #5d4037 !important
}

.bg-brown-9 {
    background: #4e342e !important
}

.bg-brown-10 {
    background: #3e2723 !important
}

.bg-brown-11 {
    background: #d7ccc8 !important
}

.bg-brown-12 {
    background: #bcaaa4 !important
}

.bg-brown-13 {
    background: #8d6e63 !important
}

.bg-brown-14 {
    background: #5d4037 !important
}

.bg-grey {
    background: #9e9e9e !important
}

.bg-grey-1 {
    background: #fafafa !important
}

.bg-grey-2 {
    background: #f5f5f5 !important
}

.bg-grey-3 {
    background: #eee !important
}

.bg-grey-4 {
    background: #e0e0e0 !important
}

.bg-grey-5 {
    background: #bdbdbd !important
}

.bg-grey-6 {
    background: #9e9e9e !important
}

.bg-grey-7 {
    background: #757575 !important
}

.bg-grey-8 {
    background: #616161 !important
}

.bg-grey-9 {
    background: #424242 !important
}

.bg-grey-10 {
    background: #212121 !important
}

.bg-grey-11 {
    background: #f5f5f5 !important
}

.bg-grey-12 {
    background: #eee !important
}

.bg-grey-13 {
    background: #bdbdbd !important
}

.bg-grey-14 {
    background: #616161 !important
}

.bg-blue-grey {
    background: #607d8b !important
}

.bg-blue-grey-1 {
    background: #eceff1 !important
}

.bg-blue-grey-2 {
    background: #cfd8dc !important
}

.bg-blue-grey-3 {
    background: #b0bec5 !important
}

.bg-blue-grey-4 {
    background: #90a4ae !important
}

.bg-blue-grey-5 {
    background: #78909c !important
}

.bg-blue-grey-6 {
    background: #607d8b !important
}

.bg-blue-grey-7 {
    background: #546e7a !important
}

.bg-blue-grey-8 {
    background: #455a64 !important
}

.bg-blue-grey-9 {
    background: #37474f !important
}

.bg-blue-grey-10 {
    background: #263238 !important
}

.bg-blue-grey-11 {
    background: #cfd8dc !important
}

.bg-blue-grey-12 {
    background: #b0bec5 !important
}

.bg-blue-grey-13 {
    background: #78909c !important
}

.bg-blue-grey-14 {
    background: #455a64 !important
}

.shadow-transition {
    transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1) !important
}

.shadow-1 {
    box-shadow: 0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f
}

.shadow-up-1 {
    box-shadow: 0 -1px 3px #0003, 0 -1px 1px #00000024, 0 -2px 1px -1px #0000001f
}

.shadow-2 {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f
}

.shadow-up-2 {
    box-shadow: 0 -1px 5px #0003, 0 -2px 2px #00000024, 0 -3px 1px -2px #0000001f
}

.shadow-3 {
    box-shadow: 0 1px 8px #0003, 0 3px 4px #00000024, 0 3px 3px -2px #0000001f
}

.shadow-up-3 {
    box-shadow: 0 -1px 8px #0003, 0 -3px 4px #00000024, 0 -3px 3px -2px #0000001f
}

.shadow-4 {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.shadow-up-4 {
    box-shadow: 0 -2px 4px -1px #0003, 0 -4px 5px #00000024, 0 -1px 10px #0000001f
}

.shadow-5 {
    box-shadow: 0 3px 5px -1px #0003, 0 5px 8px #00000024, 0 1px 14px #0000001f
}

.shadow-up-5 {
    box-shadow: 0 -3px 5px -1px #0003, 0 -5px 8px #00000024, 0 -1px 14px #0000001f
}

.shadow-6 {
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f
}

.shadow-up-6 {
    box-shadow: 0 -3px 5px -1px #0003, 0 -6px 10px #00000024, 0 -1px 18px #0000001f
}

.shadow-7 {
    box-shadow: 0 4px 5px -2px #0003, 0 7px 10px 1px #00000024, 0 2px 16px 1px #0000001f
}

.shadow-up-7 {
    box-shadow: 0 -4px 5px -2px #0003, 0 -7px 10px 1px #00000024, 0 -2px 16px 1px #0000001f
}

.shadow-8 {
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f
}

.shadow-up-8 {
    box-shadow: 0 -5px 5px -3px #0003, 0 -8px 10px 1px #00000024, 0 -3px 14px 2px #0000001f
}

.shadow-9 {
    box-shadow: 0 5px 6px -3px #0003, 0 9px 12px 1px #00000024, 0 3px 16px 2px #0000001f
}

.shadow-up-9 {
    box-shadow: 0 -5px 6px -3px #0003, 0 -9px 12px 1px #00000024, 0 -3px 16px 2px #0000001f
}

.shadow-10 {
    box-shadow: 0 6px 6px -3px #0003, 0 10px 14px 1px #00000024, 0 4px 18px 3px #0000001f
}

.shadow-up-10 {
    box-shadow: 0 -6px 6px -3px #0003, 0 -10px 14px 1px #00000024, 0 -4px 18px 3px #0000001f
}

.shadow-11 {
    box-shadow: 0 6px 7px -4px #0003, 0 11px 15px 1px #00000024, 0 4px 20px 3px #0000001f
}

.shadow-up-11 {
    box-shadow: 0 -6px 7px -4px #0003, 0 -11px 15px 1px #00000024, 0 -4px 20px 3px #0000001f
}

.shadow-12 {
    box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024, 0 5px 22px 4px #0000001f
}

.shadow-up-12 {
    box-shadow: 0 -7px 8px -4px #0003, 0 -12px 17px 2px #00000024, 0 -5px 22px 4px #0000001f
}

.shadow-13 {
    box-shadow: 0 7px 8px -4px #0003, 0 13px 19px 2px #00000024, 0 5px 24px 4px #0000001f
}

.shadow-up-13 {
    box-shadow: 0 -7px 8px -4px #0003, 0 -13px 19px 2px #00000024, 0 -5px 24px 4px #0000001f
}

.shadow-14 {
    box-shadow: 0 7px 9px -4px #0003, 0 14px 21px 2px #00000024, 0 5px 26px 4px #0000001f
}

.shadow-up-14 {
    box-shadow: 0 -7px 9px -4px #0003, 0 -14px 21px 2px #00000024, 0 -5px 26px 4px #0000001f
}

.shadow-15 {
    box-shadow: 0 8px 9px -5px #0003, 0 15px 22px 2px #00000024, 0 6px 28px 5px #0000001f
}

.shadow-up-15 {
    box-shadow: 0 -8px 9px -5px #0003, 0 -15px 22px 2px #00000024, 0 -6px 28px 5px #0000001f
}

.shadow-16 {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f
}

.shadow-up-16 {
    box-shadow: 0 -8px 10px -5px #0003, 0 -16px 24px 2px #00000024, 0 -6px 30px 5px #0000001f
}

.shadow-17 {
    box-shadow: 0 8px 11px -5px #0003, 0 17px 26px 2px #00000024, 0 6px 32px 5px #0000001f
}

.shadow-up-17 {
    box-shadow: 0 -8px 11px -5px #0003, 0 -17px 26px 2px #00000024, 0 -6px 32px 5px #0000001f
}

.shadow-18 {
    box-shadow: 0 9px 11px -5px #0003, 0 18px 28px 2px #00000024, 0 7px 34px 6px #0000001f
}

.shadow-up-18 {
    box-shadow: 0 -9px 11px -5px #0003, 0 -18px 28px 2px #00000024, 0 -7px 34px 6px #0000001f
}

.shadow-19 {
    box-shadow: 0 9px 12px -6px #0003, 0 19px 29px 2px #00000024, 0 7px 36px 6px #0000001f
}

.shadow-up-19 {
    box-shadow: 0 -9px 12px -6px #0003, 0 -19px 29px 2px #00000024, 0 -7px 36px 6px #0000001f
}

.shadow-20 {
    box-shadow: 0 10px 13px -6px #0003, 0 20px 31px 3px #00000024, 0 8px 38px 7px #0000001f
}

.shadow-up-20 {
    box-shadow: 0 -10px 13px -6px #0003, 0 -20px 31px 3px #00000024, 0 -8px 38px 7px #0000001f
}

.shadow-21 {
    box-shadow: 0 10px 13px -6px #0003, 0 21px 33px 3px #00000024, 0 8px 40px 7px #0000001f
}

.shadow-up-21 {
    box-shadow: 0 -10px 13px -6px #0003, 0 -21px 33px 3px #00000024, 0 -8px 40px 7px #0000001f
}

.shadow-22 {
    box-shadow: 0 10px 14px -6px #0003, 0 22px 35px 3px #00000024, 0 8px 42px 7px #0000001f
}

.shadow-up-22 {
    box-shadow: 0 -10px 14px -6px #0003, 0 -22px 35px 3px #00000024, 0 -8px 42px 7px #0000001f
}

.shadow-23 {
    box-shadow: 0 11px 14px -7px #0003, 0 23px 36px 3px #00000024, 0 9px 44px 8px #0000001f
}

.shadow-up-23 {
    box-shadow: 0 -11px 14px -7px #0003, 0 -23px 36px 3px #00000024, 0 -9px 44px 8px #0000001f
}

.shadow-24 {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f
}

.shadow-up-24 {
    box-shadow: 0 -11px 15px -7px #0003, 0 -24px 38px 3px #00000024, 0 -9px 46px 8px #0000001f
}

.inset-shadow {
    box-shadow: 0 7px 9px -7px #000000b3 inset
}

.inset-shadow-down {
    box-shadow: 0 -7px 9px -7px #000000b3 inset
}

body.body--dark .shadow-1 {
    box-shadow: 0 1px 3px #fff3, 0 1px 1px #ffffff24, 0 2px 1px -1px #ffffff1f
}

body.body--dark .shadow-up-1 {
    box-shadow: 0 -1px 3px #fff3, 0 -1px 1px #ffffff24, 0 -2px 1px -1px #ffffff1f
}

body.body--dark .shadow-2 {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

body.body--dark .shadow-up-2 {
    box-shadow: 0 -1px 5px #fff3, 0 -2px 2px #ffffff24, 0 -3px 1px -2px #ffffff1f
}

body.body--dark .shadow-3 {
    box-shadow: 0 1px 8px #fff3, 0 3px 4px #ffffff24, 0 3px 3px -2px #ffffff1f
}

body.body--dark .shadow-up-3 {
    box-shadow: 0 -1px 8px #fff3, 0 -3px 4px #ffffff24, 0 -3px 3px -2px #ffffff1f
}

body.body--dark .shadow-4 {
    box-shadow: 0 2px 4px -1px #fff3, 0 4px 5px #ffffff24, 0 1px 10px #ffffff1f
}

body.body--dark .shadow-up-4 {
    box-shadow: 0 -2px 4px -1px #fff3, 0 -4px 5px #ffffff24, 0 -1px 10px #ffffff1f
}

body.body--dark .shadow-5 {
    box-shadow: 0 3px 5px -1px #fff3, 0 5px 8px #ffffff24, 0 1px 14px #ffffff1f
}

body.body--dark .shadow-up-5 {
    box-shadow: 0 -3px 5px -1px #fff3, 0 -5px 8px #ffffff24, 0 -1px 14px #ffffff1f
}

body.body--dark .shadow-6 {
    box-shadow: 0 3px 5px -1px #fff3, 0 6px 10px #ffffff24, 0 1px 18px #ffffff1f
}

body.body--dark .shadow-up-6 {
    box-shadow: 0 -3px 5px -1px #fff3, 0 -6px 10px #ffffff24, 0 -1px 18px #ffffff1f
}

body.body--dark .shadow-7 {
    box-shadow: 0 4px 5px -2px #fff3, 0 7px 10px 1px #ffffff24, 0 2px 16px 1px #ffffff1f
}

body.body--dark .shadow-up-7 {
    box-shadow: 0 -4px 5px -2px #fff3, 0 -7px 10px 1px #ffffff24, 0 -2px 16px 1px #ffffff1f
}

body.body--dark .shadow-8 {
    box-shadow: 0 5px 5px -3px #fff3, 0 8px 10px 1px #ffffff24, 0 3px 14px 2px #ffffff1f
}

body.body--dark .shadow-up-8 {
    box-shadow: 0 -5px 5px -3px #fff3, 0 -8px 10px 1px #ffffff24, 0 -3px 14px 2px #ffffff1f
}

body.body--dark .shadow-9 {
    box-shadow: 0 5px 6px -3px #fff3, 0 9px 12px 1px #ffffff24, 0 3px 16px 2px #ffffff1f
}

body.body--dark .shadow-up-9 {
    box-shadow: 0 -5px 6px -3px #fff3, 0 -9px 12px 1px #ffffff24, 0 -3px 16px 2px #ffffff1f
}

body.body--dark .shadow-10 {
    box-shadow: 0 6px 6px -3px #fff3, 0 10px 14px 1px #ffffff24, 0 4px 18px 3px #ffffff1f
}

body.body--dark .shadow-up-10 {
    box-shadow: 0 -6px 6px -3px #fff3, 0 -10px 14px 1px #ffffff24, 0 -4px 18px 3px #ffffff1f
}

body.body--dark .shadow-11 {
    box-shadow: 0 6px 7px -4px #fff3, 0 11px 15px 1px #ffffff24, 0 4px 20px 3px #ffffff1f
}

body.body--dark .shadow-up-11 {
    box-shadow: 0 -6px 7px -4px #fff3, 0 -11px 15px 1px #ffffff24, 0 -4px 20px 3px #ffffff1f
}

body.body--dark .shadow-12 {
    box-shadow: 0 7px 8px -4px #fff3, 0 12px 17px 2px #ffffff24, 0 5px 22px 4px #ffffff1f
}

body.body--dark .shadow-up-12 {
    box-shadow: 0 -7px 8px -4px #fff3, 0 -12px 17px 2px #ffffff24, 0 -5px 22px 4px #ffffff1f
}

body.body--dark .shadow-13 {
    box-shadow: 0 7px 8px -4px #fff3, 0 13px 19px 2px #ffffff24, 0 5px 24px 4px #ffffff1f
}

body.body--dark .shadow-up-13 {
    box-shadow: 0 -7px 8px -4px #fff3, 0 -13px 19px 2px #ffffff24, 0 -5px 24px 4px #ffffff1f
}

body.body--dark .shadow-14 {
    box-shadow: 0 7px 9px -4px #fff3, 0 14px 21px 2px #ffffff24, 0 5px 26px 4px #ffffff1f
}

body.body--dark .shadow-up-14 {
    box-shadow: 0 -7px 9px -4px #fff3, 0 -14px 21px 2px #ffffff24, 0 -5px 26px 4px #ffffff1f
}

body.body--dark .shadow-15 {
    box-shadow: 0 8px 9px -5px #fff3, 0 15px 22px 2px #ffffff24, 0 6px 28px 5px #ffffff1f
}

body.body--dark .shadow-up-15 {
    box-shadow: 0 -8px 9px -5px #fff3, 0 -15px 22px 2px #ffffff24, 0 -6px 28px 5px #ffffff1f
}

body.body--dark .shadow-16 {
    box-shadow: 0 8px 10px -5px #fff3, 0 16px 24px 2px #ffffff24, 0 6px 30px 5px #ffffff1f
}

body.body--dark .shadow-up-16 {
    box-shadow: 0 -8px 10px -5px #fff3, 0 -16px 24px 2px #ffffff24, 0 -6px 30px 5px #ffffff1f
}

body.body--dark .shadow-17 {
    box-shadow: 0 8px 11px -5px #fff3, 0 17px 26px 2px #ffffff24, 0 6px 32px 5px #ffffff1f
}

body.body--dark .shadow-up-17 {
    box-shadow: 0 -8px 11px -5px #fff3, 0 -17px 26px 2px #ffffff24, 0 -6px 32px 5px #ffffff1f
}

body.body--dark .shadow-18 {
    box-shadow: 0 9px 11px -5px #fff3, 0 18px 28px 2px #ffffff24, 0 7px 34px 6px #ffffff1f
}

body.body--dark .shadow-up-18 {
    box-shadow: 0 -9px 11px -5px #fff3, 0 -18px 28px 2px #ffffff24, 0 -7px 34px 6px #ffffff1f
}

body.body--dark .shadow-19 {
    box-shadow: 0 9px 12px -6px #fff3, 0 19px 29px 2px #ffffff24, 0 7px 36px 6px #ffffff1f
}

body.body--dark .shadow-up-19 {
    box-shadow: 0 -9px 12px -6px #fff3, 0 -19px 29px 2px #ffffff24, 0 -7px 36px 6px #ffffff1f
}

body.body--dark .shadow-20 {
    box-shadow: 0 10px 13px -6px #fff3, 0 20px 31px 3px #ffffff24, 0 8px 38px 7px #ffffff1f
}

body.body--dark .shadow-up-20 {
    box-shadow: 0 -10px 13px -6px #fff3, 0 -20px 31px 3px #ffffff24, 0 -8px 38px 7px #ffffff1f
}

body.body--dark .shadow-21 {
    box-shadow: 0 10px 13px -6px #fff3, 0 21px 33px 3px #ffffff24, 0 8px 40px 7px #ffffff1f
}

body.body--dark .shadow-up-21 {
    box-shadow: 0 -10px 13px -6px #fff3, 0 -21px 33px 3px #ffffff24, 0 -8px 40px 7px #ffffff1f
}

body.body--dark .shadow-22 {
    box-shadow: 0 10px 14px -6px #fff3, 0 22px 35px 3px #ffffff24, 0 8px 42px 7px #ffffff1f
}

body.body--dark .shadow-up-22 {
    box-shadow: 0 -10px 14px -6px #fff3, 0 -22px 35px 3px #ffffff24, 0 -8px 42px 7px #ffffff1f
}

body.body--dark .shadow-23 {
    box-shadow: 0 11px 14px -7px #fff3, 0 23px 36px 3px #ffffff24, 0 9px 44px 8px #ffffff1f
}

body.body--dark .shadow-up-23 {
    box-shadow: 0 -11px 14px -7px #fff3, 0 -23px 36px 3px #ffffff24, 0 -9px 44px 8px #ffffff1f
}

body.body--dark .shadow-24 {
    box-shadow: 0 11px 15px -7px #fff3, 0 24px 38px 3px #ffffff24, 0 9px 46px 8px #ffffff1f
}

body.body--dark .shadow-up-24 {
    box-shadow: 0 -11px 15px -7px #fff3, 0 -24px 38px 3px #ffffff24, 0 -9px 46px 8px #ffffff1f
}

body.body--dark .inset-shadow {
    box-shadow: 0 7px 9px -7px #ffffffb3 inset
}

body.body--dark .inset-shadow-down {
    box-shadow: 0 -7px 9px -7px #ffffffb3 inset
}

.no-shadow,
.shadow-0 {
    box-shadow: none !important
}

.z-marginals {
    z-index: 2000
}

.z-notify {
    z-index: 9500
}

.z-fullscreen {
    z-index: 6000
}

.z-inherit {
    z-index: inherit !important
}

.row,
.column,
.flex {
    display: flex;
    flex-wrap: wrap
}

.row.inline,
.column.inline,
.flex.inline {
    display: inline-flex
}

.row.reverse {
    flex-direction: row-reverse
}

.column {
    flex-direction: column
}

.column.reverse {
    flex-direction: column-reverse
}

.wrap {
    flex-wrap: wrap
}

.no-wrap {
    flex-wrap: nowrap
}

.reverse-wrap {
    flex-wrap: wrap-reverse
}

.order-first {
    order: -10000
}

.order-last {
    order: 10000
}

.order-none {
    order: 0
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center,
.flex-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center,
.flex-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-center {
    align-content: center
}

.content-stretch {
    align-content: stretch
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-baseline {
    align-self: baseline
}

.self-stretch {
    align-self: stretch
}

.q-gutter-x-none,
.q-gutter-none {
    margin-left: 0
}

.q-gutter-x-none>*,
.q-gutter-none>* {
    margin-left: 0
}

.q-gutter-y-none,
.q-gutter-none {
    margin-top: 0
}

.q-gutter-y-none>*,
.q-gutter-none>* {
    margin-top: 0
}

.q-col-gutter-x-none,
.q-col-gutter-none {
    margin-left: 0
}

.q-col-gutter-x-none>*,
.q-col-gutter-none>* {
    padding-left: 0
}

.q-col-gutter-y-none,
.q-col-gutter-none {
    margin-top: 0
}

.q-col-gutter-y-none>*,
.q-col-gutter-none>* {
    padding-top: 0
}

.q-gutter-x-xs,
.q-gutter-xs {
    margin-left: -4px
}

.q-gutter-x-xs>*,
.q-gutter-xs>* {
    margin-left: 4px
}

.q-gutter-y-xs,
.q-gutter-xs {
    margin-top: -4px
}

.q-gutter-y-xs>*,
.q-gutter-xs>* {
    margin-top: 4px
}

.q-col-gutter-x-xs,
.q-col-gutter-xs {
    margin-left: -4px
}

.q-col-gutter-x-xs>*,
.q-col-gutter-xs>* {
    padding-left: 4px
}

.q-col-gutter-y-xs,
.q-col-gutter-xs {
    margin-top: -4px
}

.q-col-gutter-y-xs>*,
.q-col-gutter-xs>* {
    padding-top: 4px
}

.q-gutter-x-sm,
.q-gutter-sm {
    margin-left: -8px
}

.q-gutter-x-sm>*,
.q-gutter-sm>* {
    margin-left: 8px
}

.q-gutter-y-sm,
.q-gutter-sm {
    margin-top: -8px
}

.q-gutter-y-sm>*,
.q-gutter-sm>* {
    margin-top: 8px
}

.q-col-gutter-x-sm,
.q-col-gutter-sm {
    margin-left: -8px
}

.q-col-gutter-x-sm>*,
.q-col-gutter-sm>* {
    padding-left: 8px
}

.q-col-gutter-y-sm,
.q-col-gutter-sm {
    margin-top: -8px
}

.q-col-gutter-y-sm>*,
.q-col-gutter-sm>* {
    padding-top: 8px
}

.q-gutter-x-md,
.q-gutter-md {
    margin-left: -16px
}

.q-gutter-x-md>*,
.q-gutter-md>* {
    margin-left: 16px
}

.q-gutter-y-md,
.q-gutter-md {
    margin-top: -16px
}

.q-gutter-y-md>*,
.q-gutter-md>* {
    margin-top: 16px
}

.q-col-gutter-x-md,
.q-col-gutter-md {
    margin-left: -16px
}

.q-col-gutter-x-md>*,
.q-col-gutter-md>* {
    padding-left: 16px
}

.q-col-gutter-y-md,
.q-col-gutter-md {
    margin-top: -16px
}

.q-col-gutter-y-md>*,
.q-col-gutter-md>* {
    padding-top: 16px
}

.q-gutter-x-lg,
.q-gutter-lg {
    margin-left: -24px
}

.q-gutter-x-lg>*,
.q-gutter-lg>* {
    margin-left: 24px
}

.q-gutter-y-lg,
.q-gutter-lg {
    margin-top: -24px
}

.q-gutter-y-lg>*,
.q-gutter-lg>* {
    margin-top: 24px
}

.q-col-gutter-x-lg,
.q-col-gutter-lg {
    margin-left: -24px
}

.q-col-gutter-x-lg>*,
.q-col-gutter-lg>* {
    padding-left: 24px
}

.q-col-gutter-y-lg,
.q-col-gutter-lg {
    margin-top: -24px
}

.q-col-gutter-y-lg>*,
.q-col-gutter-lg>* {
    padding-top: 24px
}

.q-gutter-x-xl,
.q-gutter-xl {
    margin-left: -48px
}

.q-gutter-x-xl>*,
.q-gutter-xl>* {
    margin-left: 48px
}

.q-gutter-y-xl,
.q-gutter-xl {
    margin-top: -48px
}

.q-gutter-y-xl>*,
.q-gutter-xl>* {
    margin-top: 48px
}

.q-col-gutter-x-xl,
.q-col-gutter-xl {
    margin-left: -48px
}

.q-col-gutter-x-xl>*,
.q-col-gutter-xl>* {
    padding-left: 48px
}

.q-col-gutter-y-xl,
.q-col-gutter-xl {
    margin-top: -48px
}

.q-col-gutter-y-xl>*,
.q-col-gutter-xl>* {
    padding-top: 48px
}

@media (min-width: 0) {

    .row>.col,
    .flex>.col,
    .row>.col-auto,
    .flex>.col-auto,
    .row>.col-grow,
    .flex>.col-grow,
    .row>.col-shrink,
    .flex>.col-shrink,
    .row>.col-xs,
    .flex>.col-xs,
    .row>.col-xs-auto,
    .row>.col-12,
    .row>.col-xs-12,
    .row>.col-11,
    .row>.col-xs-11,
    .row>.col-10,
    .row>.col-xs-10,
    .row>.col-9,
    .row>.col-xs-9,
    .row>.col-8,
    .row>.col-xs-8,
    .row>.col-7,
    .row>.col-xs-7,
    .row>.col-6,
    .row>.col-xs-6,
    .row>.col-5,
    .row>.col-xs-5,
    .row>.col-4,
    .row>.col-xs-4,
    .row>.col-3,
    .row>.col-xs-3,
    .row>.col-2,
    .row>.col-xs-2,
    .row>.col-1,
    .row>.col-xs-1,
    .row>.col-0,
    .row>.col-xs-0,
    .flex>.col-xs-auto,
    .flex>.col-12,
    .flex>.col-xs-12,
    .flex>.col-11,
    .flex>.col-xs-11,
    .flex>.col-10,
    .flex>.col-xs-10,
    .flex>.col-9,
    .flex>.col-xs-9,
    .flex>.col-8,
    .flex>.col-xs-8,
    .flex>.col-7,
    .flex>.col-xs-7,
    .flex>.col-6,
    .flex>.col-xs-6,
    .flex>.col-5,
    .flex>.col-xs-5,
    .flex>.col-4,
    .flex>.col-xs-4,
    .flex>.col-3,
    .flex>.col-xs-3,
    .flex>.col-2,
    .flex>.col-xs-2,
    .flex>.col-1,
    .flex>.col-xs-1,
    .flex>.col-0,
    .flex>.col-xs-0,
    .row>.col-xs-grow,
    .flex>.col-xs-grow,
    .row>.col-xs-shrink,
    .flex>.col-xs-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col,
    .flex>.col,
    .column>.col-auto,
    .flex>.col-auto,
    .column>.col-grow,
    .flex>.col-grow,
    .column>.col-shrink,
    .flex>.col-shrink,
    .column>.col-xs,
    .flex>.col-xs,
    .column>.col-xs-auto,
    .column>.col-12,
    .column>.col-xs-12,
    .column>.col-11,
    .column>.col-xs-11,
    .column>.col-10,
    .column>.col-xs-10,
    .column>.col-9,
    .column>.col-xs-9,
    .column>.col-8,
    .column>.col-xs-8,
    .column>.col-7,
    .column>.col-xs-7,
    .column>.col-6,
    .column>.col-xs-6,
    .column>.col-5,
    .column>.col-xs-5,
    .column>.col-4,
    .column>.col-xs-4,
    .column>.col-3,
    .column>.col-xs-3,
    .column>.col-2,
    .column>.col-xs-2,
    .column>.col-1,
    .column>.col-xs-1,
    .column>.col-0,
    .column>.col-xs-0,
    .flex>.col-xs-auto,
    .flex>.col-12,
    .flex>.col-xs-12,
    .flex>.col-11,
    .flex>.col-xs-11,
    .flex>.col-10,
    .flex>.col-xs-10,
    .flex>.col-9,
    .flex>.col-xs-9,
    .flex>.col-8,
    .flex>.col-xs-8,
    .flex>.col-7,
    .flex>.col-xs-7,
    .flex>.col-6,
    .flex>.col-xs-6,
    .flex>.col-5,
    .flex>.col-xs-5,
    .flex>.col-4,
    .flex>.col-xs-4,
    .flex>.col-3,
    .flex>.col-xs-3,
    .flex>.col-2,
    .flex>.col-xs-2,
    .flex>.col-1,
    .flex>.col-xs-1,
    .flex>.col-0,
    .flex>.col-xs-0,
    .column>.col-xs-grow,
    .flex>.col-xs-grow,
    .column>.col-xs-shrink,
    .flex>.col-xs-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col,
    .col-xs {
        flex: 10000 1 0%
    }

    .col-auto,
    .col-xs-auto,
    .col-12,
    .col-xs-12,
    .col-11,
    .col-xs-11,
    .col-10,
    .col-xs-10,
    .col-9,
    .col-xs-9,
    .col-8,
    .col-xs-8,
    .col-7,
    .col-xs-7,
    .col-6,
    .col-xs-6,
    .col-5,
    .col-xs-5,
    .col-4,
    .col-xs-4,
    .col-3,
    .col-xs-3,
    .col-2,
    .col-xs-2,
    .col-1,
    .col-xs-1,
    .col-0,
    .col-xs-0 {
        flex: 0 0 auto
    }

    .col-grow,
    .col-xs-grow {
        flex: 1 0 auto
    }

    .col-shrink,
    .col-xs-shrink {
        flex: 0 1 auto
    }

    .row>.col-0,
    .row>.col-xs-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-0,
    .row>.offset-xs-0 {
        margin-left: 0%
    }

    .column>.col-0,
    .column>.col-xs-0 {
        height: 0%;
        width: auto
    }

    .row>.col-1,
    .row>.col-xs-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-1,
    .row>.offset-xs-1 {
        margin-left: 8.3333%
    }

    .column>.col-1,
    .column>.col-xs-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-2,
    .row>.col-xs-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-2,
    .row>.offset-xs-2 {
        margin-left: 16.6667%
    }

    .column>.col-2,
    .column>.col-xs-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-3,
    .row>.col-xs-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-3,
    .row>.offset-xs-3 {
        margin-left: 25%
    }

    .column>.col-3,
    .column>.col-xs-3 {
        height: 25%;
        width: auto
    }

    .row>.col-4,
    .row>.col-xs-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-4,
    .row>.offset-xs-4 {
        margin-left: 33.3333%
    }

    .column>.col-4,
    .column>.col-xs-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-5,
    .row>.col-xs-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-5,
    .row>.offset-xs-5 {
        margin-left: 41.6667%
    }

    .column>.col-5,
    .column>.col-xs-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-6,
    .row>.col-xs-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-6,
    .row>.offset-xs-6 {
        margin-left: 50%
    }

    .column>.col-6,
    .column>.col-xs-6 {
        height: 50%;
        width: auto
    }

    .row>.col-7,
    .row>.col-xs-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-7,
    .row>.offset-xs-7 {
        margin-left: 58.3333%
    }

    .column>.col-7,
    .column>.col-xs-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-8,
    .row>.col-xs-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-8,
    .row>.offset-xs-8 {
        margin-left: 66.6667%
    }

    .column>.col-8,
    .column>.col-xs-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-9,
    .row>.col-xs-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-9,
    .row>.offset-xs-9 {
        margin-left: 75%
    }

    .column>.col-9,
    .column>.col-xs-9 {
        height: 75%;
        width: auto
    }

    .row>.col-10,
    .row>.col-xs-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-10,
    .row>.offset-xs-10 {
        margin-left: 83.3333%
    }

    .column>.col-10,
    .column>.col-xs-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-11,
    .row>.col-xs-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-11,
    .row>.offset-xs-11 {
        margin-left: 91.6667%
    }

    .column>.col-11,
    .column>.col-xs-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-12,
    .row>.col-xs-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-12,
    .row>.offset-xs-12 {
        margin-left: 100%
    }

    .column>.col-12,
    .column>.col-xs-12 {
        height: 100%;
        width: auto
    }

    .row>.col-all {
        height: auto;
        flex: 0 0 100%
    }
}

@media (min-width: 600px) {

    .row>.col-sm,
    .flex>.col-sm,
    .row>.col-sm-auto,
    .row>.col-sm-12,
    .row>.col-sm-11,
    .row>.col-sm-10,
    .row>.col-sm-9,
    .row>.col-sm-8,
    .row>.col-sm-7,
    .row>.col-sm-6,
    .row>.col-sm-5,
    .row>.col-sm-4,
    .row>.col-sm-3,
    .row>.col-sm-2,
    .row>.col-sm-1,
    .row>.col-sm-0,
    .flex>.col-sm-auto,
    .flex>.col-sm-12,
    .flex>.col-sm-11,
    .flex>.col-sm-10,
    .flex>.col-sm-9,
    .flex>.col-sm-8,
    .flex>.col-sm-7,
    .flex>.col-sm-6,
    .flex>.col-sm-5,
    .flex>.col-sm-4,
    .flex>.col-sm-3,
    .flex>.col-sm-2,
    .flex>.col-sm-1,
    .flex>.col-sm-0,
    .row>.col-sm-grow,
    .flex>.col-sm-grow,
    .row>.col-sm-shrink,
    .flex>.col-sm-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-sm,
    .flex>.col-sm,
    .column>.col-sm-auto,
    .column>.col-sm-12,
    .column>.col-sm-11,
    .column>.col-sm-10,
    .column>.col-sm-9,
    .column>.col-sm-8,
    .column>.col-sm-7,
    .column>.col-sm-6,
    .column>.col-sm-5,
    .column>.col-sm-4,
    .column>.col-sm-3,
    .column>.col-sm-2,
    .column>.col-sm-1,
    .column>.col-sm-0,
    .flex>.col-sm-auto,
    .flex>.col-sm-12,
    .flex>.col-sm-11,
    .flex>.col-sm-10,
    .flex>.col-sm-9,
    .flex>.col-sm-8,
    .flex>.col-sm-7,
    .flex>.col-sm-6,
    .flex>.col-sm-5,
    .flex>.col-sm-4,
    .flex>.col-sm-3,
    .flex>.col-sm-2,
    .flex>.col-sm-1,
    .flex>.col-sm-0,
    .column>.col-sm-grow,
    .flex>.col-sm-grow,
    .column>.col-sm-shrink,
    .flex>.col-sm-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-sm {
        flex: 10000 1 0%
    }

    .col-sm-auto,
    .col-sm-12,
    .col-sm-11,
    .col-sm-10,
    .col-sm-9,
    .col-sm-8,
    .col-sm-7,
    .col-sm-6,
    .col-sm-5,
    .col-sm-4,
    .col-sm-3,
    .col-sm-2,
    .col-sm-1,
    .col-sm-0 {
        flex: 0 0 auto
    }

    .col-sm-grow {
        flex: 1 0 auto
    }

    .col-sm-shrink {
        flex: 0 1 auto
    }

    .row>.col-sm-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-sm-0 {
        margin-left: 0%
    }

    .column>.col-sm-0 {
        height: 0%;
        width: auto
    }

    .row>.col-sm-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-sm-1 {
        margin-left: 8.3333%
    }

    .column>.col-sm-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-sm-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-sm-2 {
        margin-left: 16.6667%
    }

    .column>.col-sm-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-sm-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-sm-3 {
        margin-left: 25%
    }

    .column>.col-sm-3 {
        height: 25%;
        width: auto
    }

    .row>.col-sm-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-sm-4 {
        margin-left: 33.3333%
    }

    .column>.col-sm-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-sm-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-sm-5 {
        margin-left: 41.6667%
    }

    .column>.col-sm-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-sm-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-sm-6 {
        margin-left: 50%
    }

    .column>.col-sm-6 {
        height: 50%;
        width: auto
    }

    .row>.col-sm-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-sm-7 {
        margin-left: 58.3333%
    }

    .column>.col-sm-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-sm-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-sm-8 {
        margin-left: 66.6667%
    }

    .column>.col-sm-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-sm-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-sm-9 {
        margin-left: 75%
    }

    .column>.col-sm-9 {
        height: 75%;
        width: auto
    }

    .row>.col-sm-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-sm-10 {
        margin-left: 83.3333%
    }

    .column>.col-sm-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-sm-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-sm-11 {
        margin-left: 91.6667%
    }

    .column>.col-sm-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-sm-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-sm-12 {
        margin-left: 100%
    }

    .column>.col-sm-12 {
        height: 100%;
        width: auto
    }
}

@media (min-width: 1024px) {

    .row>.col-md,
    .flex>.col-md,
    .row>.col-md-auto,
    .row>.col-md-12,
    .row>.col-md-11,
    .row>.col-md-10,
    .row>.col-md-9,
    .row>.col-md-8,
    .row>.col-md-7,
    .row>.col-md-6,
    .row>.col-md-5,
    .row>.col-md-4,
    .row>.col-md-3,
    .row>.col-md-2,
    .row>.col-md-1,
    .row>.col-md-0,
    .flex>.col-md-auto,
    .flex>.col-md-12,
    .flex>.col-md-11,
    .flex>.col-md-10,
    .flex>.col-md-9,
    .flex>.col-md-8,
    .flex>.col-md-7,
    .flex>.col-md-6,
    .flex>.col-md-5,
    .flex>.col-md-4,
    .flex>.col-md-3,
    .flex>.col-md-2,
    .flex>.col-md-1,
    .flex>.col-md-0,
    .row>.col-md-grow,
    .flex>.col-md-grow,
    .row>.col-md-shrink,
    .flex>.col-md-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-md,
    .flex>.col-md,
    .column>.col-md-auto,
    .column>.col-md-12,
    .column>.col-md-11,
    .column>.col-md-10,
    .column>.col-md-9,
    .column>.col-md-8,
    .column>.col-md-7,
    .column>.col-md-6,
    .column>.col-md-5,
    .column>.col-md-4,
    .column>.col-md-3,
    .column>.col-md-2,
    .column>.col-md-1,
    .column>.col-md-0,
    .flex>.col-md-auto,
    .flex>.col-md-12,
    .flex>.col-md-11,
    .flex>.col-md-10,
    .flex>.col-md-9,
    .flex>.col-md-8,
    .flex>.col-md-7,
    .flex>.col-md-6,
    .flex>.col-md-5,
    .flex>.col-md-4,
    .flex>.col-md-3,
    .flex>.col-md-2,
    .flex>.col-md-1,
    .flex>.col-md-0,
    .column>.col-md-grow,
    .flex>.col-md-grow,
    .column>.col-md-shrink,
    .flex>.col-md-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-md {
        flex: 10000 1 0%
    }

    .col-md-auto,
    .col-md-12,
    .col-md-11,
    .col-md-10,
    .col-md-9,
    .col-md-8,
    .col-md-7,
    .col-md-6,
    .col-md-5,
    .col-md-4,
    .col-md-3,
    .col-md-2,
    .col-md-1,
    .col-md-0 {
        flex: 0 0 auto
    }

    .col-md-grow {
        flex: 1 0 auto
    }

    .col-md-shrink {
        flex: 0 1 auto
    }

    .row>.col-md-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-md-0 {
        margin-left: 0%
    }

    .column>.col-md-0 {
        height: 0%;
        width: auto
    }

    .row>.col-md-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-md-1 {
        margin-left: 8.3333%
    }

    .column>.col-md-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-md-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-md-2 {
        margin-left: 16.6667%
    }

    .column>.col-md-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-md-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-md-3 {
        margin-left: 25%
    }

    .column>.col-md-3 {
        height: 25%;
        width: auto
    }

    .row>.col-md-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-md-4 {
        margin-left: 33.3333%
    }

    .column>.col-md-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-md-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-md-5 {
        margin-left: 41.6667%
    }

    .column>.col-md-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-md-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-md-6 {
        margin-left: 50%
    }

    .column>.col-md-6 {
        height: 50%;
        width: auto
    }

    .row>.col-md-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-md-7 {
        margin-left: 58.3333%
    }

    .column>.col-md-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-md-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-md-8 {
        margin-left: 66.6667%
    }

    .column>.col-md-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-md-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-md-9 {
        margin-left: 75%
    }

    .column>.col-md-9 {
        height: 75%;
        width: auto
    }

    .row>.col-md-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-md-10 {
        margin-left: 83.3333%
    }

    .column>.col-md-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-md-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-md-11 {
        margin-left: 91.6667%
    }

    .column>.col-md-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-md-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-md-12 {
        margin-left: 100%
    }

    .column>.col-md-12 {
        height: 100%;
        width: auto
    }
}

@media (min-width: 1440px) {

    .row>.col-lg,
    .flex>.col-lg,
    .row>.col-lg-auto,
    .row>.col-lg-12,
    .row>.col-lg-11,
    .row>.col-lg-10,
    .row>.col-lg-9,
    .row>.col-lg-8,
    .row>.col-lg-7,
    .row>.col-lg-6,
    .row>.col-lg-5,
    .row>.col-lg-4,
    .row>.col-lg-3,
    .row>.col-lg-2,
    .row>.col-lg-1,
    .row>.col-lg-0,
    .flex>.col-lg-auto,
    .flex>.col-lg-12,
    .flex>.col-lg-11,
    .flex>.col-lg-10,
    .flex>.col-lg-9,
    .flex>.col-lg-8,
    .flex>.col-lg-7,
    .flex>.col-lg-6,
    .flex>.col-lg-5,
    .flex>.col-lg-4,
    .flex>.col-lg-3,
    .flex>.col-lg-2,
    .flex>.col-lg-1,
    .flex>.col-lg-0,
    .row>.col-lg-grow,
    .flex>.col-lg-grow,
    .row>.col-lg-shrink,
    .flex>.col-lg-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-lg,
    .flex>.col-lg,
    .column>.col-lg-auto,
    .column>.col-lg-12,
    .column>.col-lg-11,
    .column>.col-lg-10,
    .column>.col-lg-9,
    .column>.col-lg-8,
    .column>.col-lg-7,
    .column>.col-lg-6,
    .column>.col-lg-5,
    .column>.col-lg-4,
    .column>.col-lg-3,
    .column>.col-lg-2,
    .column>.col-lg-1,
    .column>.col-lg-0,
    .flex>.col-lg-auto,
    .flex>.col-lg-12,
    .flex>.col-lg-11,
    .flex>.col-lg-10,
    .flex>.col-lg-9,
    .flex>.col-lg-8,
    .flex>.col-lg-7,
    .flex>.col-lg-6,
    .flex>.col-lg-5,
    .flex>.col-lg-4,
    .flex>.col-lg-3,
    .flex>.col-lg-2,
    .flex>.col-lg-1,
    .flex>.col-lg-0,
    .column>.col-lg-grow,
    .flex>.col-lg-grow,
    .column>.col-lg-shrink,
    .flex>.col-lg-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-lg {
        flex: 10000 1 0%
    }

    .col-lg-auto,
    .col-lg-12,
    .col-lg-11,
    .col-lg-10,
    .col-lg-9,
    .col-lg-8,
    .col-lg-7,
    .col-lg-6,
    .col-lg-5,
    .col-lg-4,
    .col-lg-3,
    .col-lg-2,
    .col-lg-1,
    .col-lg-0 {
        flex: 0 0 auto
    }

    .col-lg-grow {
        flex: 1 0 auto
    }

    .col-lg-shrink {
        flex: 0 1 auto
    }

    .row>.col-lg-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-lg-0 {
        margin-left: 0%
    }

    .column>.col-lg-0 {
        height: 0%;
        width: auto
    }

    .row>.col-lg-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-lg-1 {
        margin-left: 8.3333%
    }

    .column>.col-lg-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-lg-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-lg-2 {
        margin-left: 16.6667%
    }

    .column>.col-lg-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-lg-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-lg-3 {
        margin-left: 25%
    }

    .column>.col-lg-3 {
        height: 25%;
        width: auto
    }

    .row>.col-lg-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-lg-4 {
        margin-left: 33.3333%
    }

    .column>.col-lg-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-lg-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-lg-5 {
        margin-left: 41.6667%
    }

    .column>.col-lg-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-lg-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-lg-6 {
        margin-left: 50%
    }

    .column>.col-lg-6 {
        height: 50%;
        width: auto
    }

    .row>.col-lg-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-lg-7 {
        margin-left: 58.3333%
    }

    .column>.col-lg-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-lg-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-lg-8 {
        margin-left: 66.6667%
    }

    .column>.col-lg-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-lg-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-lg-9 {
        margin-left: 75%
    }

    .column>.col-lg-9 {
        height: 75%;
        width: auto
    }

    .row>.col-lg-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-lg-10 {
        margin-left: 83.3333%
    }

    .column>.col-lg-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-lg-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-lg-11 {
        margin-left: 91.6667%
    }

    .column>.col-lg-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-lg-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-lg-12 {
        margin-left: 100%
    }

    .column>.col-lg-12 {
        height: 100%;
        width: auto
    }
}

@media (min-width: 1920px) {

    .row>.col-xl,
    .flex>.col-xl,
    .row>.col-xl-auto,
    .row>.col-xl-12,
    .row>.col-xl-11,
    .row>.col-xl-10,
    .row>.col-xl-9,
    .row>.col-xl-8,
    .row>.col-xl-7,
    .row>.col-xl-6,
    .row>.col-xl-5,
    .row>.col-xl-4,
    .row>.col-xl-3,
    .row>.col-xl-2,
    .row>.col-xl-1,
    .row>.col-xl-0,
    .flex>.col-xl-auto,
    .flex>.col-xl-12,
    .flex>.col-xl-11,
    .flex>.col-xl-10,
    .flex>.col-xl-9,
    .flex>.col-xl-8,
    .flex>.col-xl-7,
    .flex>.col-xl-6,
    .flex>.col-xl-5,
    .flex>.col-xl-4,
    .flex>.col-xl-3,
    .flex>.col-xl-2,
    .flex>.col-xl-1,
    .flex>.col-xl-0,
    .row>.col-xl-grow,
    .flex>.col-xl-grow,
    .row>.col-xl-shrink,
    .flex>.col-xl-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-xl,
    .flex>.col-xl,
    .column>.col-xl-auto,
    .column>.col-xl-12,
    .column>.col-xl-11,
    .column>.col-xl-10,
    .column>.col-xl-9,
    .column>.col-xl-8,
    .column>.col-xl-7,
    .column>.col-xl-6,
    .column>.col-xl-5,
    .column>.col-xl-4,
    .column>.col-xl-3,
    .column>.col-xl-2,
    .column>.col-xl-1,
    .column>.col-xl-0,
    .flex>.col-xl-auto,
    .flex>.col-xl-12,
    .flex>.col-xl-11,
    .flex>.col-xl-10,
    .flex>.col-xl-9,
    .flex>.col-xl-8,
    .flex>.col-xl-7,
    .flex>.col-xl-6,
    .flex>.col-xl-5,
    .flex>.col-xl-4,
    .flex>.col-xl-3,
    .flex>.col-xl-2,
    .flex>.col-xl-1,
    .flex>.col-xl-0,
    .column>.col-xl-grow,
    .flex>.col-xl-grow,
    .column>.col-xl-shrink,
    .flex>.col-xl-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-xl {
        flex: 10000 1 0%
    }

    .col-xl-auto,
    .col-xl-12,
    .col-xl-11,
    .col-xl-10,
    .col-xl-9,
    .col-xl-8,
    .col-xl-7,
    .col-xl-6,
    .col-xl-5,
    .col-xl-4,
    .col-xl-3,
    .col-xl-2,
    .col-xl-1,
    .col-xl-0 {
        flex: 0 0 auto
    }

    .col-xl-grow {
        flex: 1 0 auto
    }

    .col-xl-shrink {
        flex: 0 1 auto
    }

    .row>.col-xl-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-xl-0 {
        margin-left: 0%
    }

    .column>.col-xl-0 {
        height: 0%;
        width: auto
    }

    .row>.col-xl-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-xl-1 {
        margin-left: 8.3333%
    }

    .column>.col-xl-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-xl-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-xl-2 {
        margin-left: 16.6667%
    }

    .column>.col-xl-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-xl-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-xl-3 {
        margin-left: 25%
    }

    .column>.col-xl-3 {
        height: 25%;
        width: auto
    }

    .row>.col-xl-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-xl-4 {
        margin-left: 33.3333%
    }

    .column>.col-xl-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-xl-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-xl-5 {
        margin-left: 41.6667%
    }

    .column>.col-xl-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-xl-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-xl-6 {
        margin-left: 50%
    }

    .column>.col-xl-6 {
        height: 50%;
        width: auto
    }

    .row>.col-xl-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-xl-7 {
        margin-left: 58.3333%
    }

    .column>.col-xl-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-xl-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-xl-8 {
        margin-left: 66.6667%
    }

    .column>.col-xl-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-xl-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-xl-9 {
        margin-left: 75%
    }

    .column>.col-xl-9 {
        height: 75%;
        width: auto
    }

    .row>.col-xl-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-xl-10 {
        margin-left: 83.3333%
    }

    .column>.col-xl-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-xl-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-xl-11 {
        margin-left: 91.6667%
    }

    .column>.col-xl-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-xl-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-xl-12 {
        margin-left: 100%
    }

    .column>.col-xl-12 {
        height: 100%;
        width: auto
    }
}

.rounded-borders {
    border-radius: 4px
}

.border-radius-inherit {
    border-radius: inherit
}

.no-transition {
    transition: none !important
}

.transition-0 {
    transition: 0s !important
}

.glossy {
    background-image: linear-gradient(to bottom, #ffffff4d, #fff0 50%, #0000001f 51%, #0000000a) !important
}

.q-placeholder::-webkit-input-placeholder {
    color: inherit;
    opacity: .7
}

.q-placeholder::-moz-placeholder {
    color: inherit;
    opacity: .7
}

.q-placeholder:-ms-input-placeholder {
    color: inherit !important;
    opacity: .7 !important
}

.q-placeholder::-ms-input-placeholder {
    color: inherit;
    opacity: .7
}

.q-placeholder::placeholder {
    color: inherit;
    opacity: .7
}

.q-body--fullscreen-mixin,
.q-body--prevent-scroll {
    position: fixed !important
}

.q-body--force-scrollbar-x {
    overflow-x: scroll
}

.q-body--force-scrollbar-y {
    overflow-y: scroll
}

.q-no-input-spinner {
    -moz-appearance: textfield !important
}

.q-no-input-spinner::-webkit-outer-spin-button,
.q-no-input-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.q-link {
    outline: 0;
    text-decoration: none
}

.q-link--focusable:focus-visible {
    text-decoration: underline dashed currentColor 1px
}

body.electron .q-electron-drag {
    -webkit-user-select: none;
    -webkit-app-region: drag
}

body.electron .q-electron-drag .q-btn-item,
body.electron .q-electron-drag--exception {
    -webkit-app-region: no-drag
}

img.responsive {
    max-width: 100%;
    height: auto
}

.non-selectable {
    -webkit-user-select: none !important;
    user-select: none !important
}

.scroll,
body.mobile .scroll--mobile {
    overflow: auto
}

.scroll,
.scroll-x,
.scroll-y {
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.scroll-x {
    overflow-x: auto
}

.scroll-y {
    overflow-y: auto
}

.no-scroll {
    overflow: hidden !important
}

.no-pointer-events,
.no-pointer-events--children,
.no-pointer-events--children * {
    pointer-events: none !important
}

.all-pointer-events {
    pointer-events: all !important
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-not-allowed {
    cursor: not-allowed !important
}

.cursor-inherit {
    cursor: inherit !important
}

.cursor-none {
    cursor: none !important
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled=true] {
    cursor: default
}

.rotate-45 {
    transform: rotate(45deg)
}

.rotate-90 {
    transform: rotate(90deg)
}

.rotate-135 {
    transform: rotate(135deg)
}

.rotate-180 {
    transform: rotate(180deg)
}

.rotate-225 {
    transform: rotate(225deg)
}

.rotate-270 {
    transform: rotate(270deg)
}

.rotate-315 {
    transform: rotate(315deg)
}

.flip-horizontal {
    transform: scaleX(-1)
}

.flip-vertical {
    transform: scaleY(-1)
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.relative-position {
    position: relative
}

.fixed,
.fixed-full,
.fullscreen,
.fixed-center,
.fixed-bottom,
.fixed-left,
.fixed-right,
.fixed-top,
.fixed-top-left,
.fixed-top-right,
.fixed-bottom-left,
.fixed-bottom-right {
    position: fixed
}

.absolute,
.absolute-full,
.absolute-center,
.absolute-bottom,
.absolute-left,
.absolute-right,
.absolute-top,
.absolute-top-left,
.absolute-top-right,
.absolute-bottom-left,
.absolute-bottom-right {
    position: absolute
}

.fixed-top,
.absolute-top {
    top: 0;
    left: 0;
    right: 0
}

.fixed-right,
.absolute-right {
    top: 0;
    right: 0;
    bottom: 0
}

.fixed-bottom,
.absolute-bottom {
    right: 0;
    bottom: 0;
    left: 0
}

.fixed-left,
.absolute-left {
    top: 0;
    bottom: 0;
    left: 0
}

.fixed-top-left,
.absolute-top-left {
    top: 0;
    left: 0
}

.fixed-top-right,
.absolute-top-right {
    top: 0;
    right: 0
}

.fixed-bottom-left,
.absolute-bottom-left {
    bottom: 0;
    left: 0
}

.fixed-bottom-right,
.absolute-bottom-right {
    bottom: 0;
    right: 0
}

.fullscreen {
    z-index: 6000;
    border-radius: 0 !important;
    max-width: 100vw;
    max-height: 100vh
}

body.q-ios-padding .fullscreen {
    padding-top: 20px !important;
    padding-top: env(safe-area-inset-top) !important;
    padding-bottom: env(safe-area-inset-bottom) !important
}

.absolute-full,
.fullscreen,
.fixed-full {
    inset: 0
}

.fixed-center,
.absolute-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.vertical-top {
    vertical-align: top !important
}

.vertical-middle {
    vertical-align: middle !important
}

.vertical-bottom {
    vertical-align: bottom !important
}

.on-left {
    margin-right: 12px
}

.on-right {
    margin-left: 12px
}

.q-position-engine {
    margin-top: var(--q-pe-top, 0) !important;
    margin-left: var(--q-pe-left, 0) !important;
    will-change: auto;
    visibility: collapse
}

:root {
    --q-size-xs: 0;
    --q-size-sm: 600px;
    --q-size-md: 1024px;
    --q-size-lg: 1440px;
    --q-size-xl: 1920px
}

.fit {
    width: 100% !important;
    height: 100% !important
}

.full-height {
    height: 100% !important
}

.full-width {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.window-height {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 100vh !important
}

.window-width {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100vw !important
}

.block {
    display: block !important
}

.inline-block {
    display: inline-block !important
}

.q-pa-none {
    padding: 0
}

.q-pl-none {
    padding-left: 0
}

.q-pr-none {
    padding-right: 0
}

.q-pt-none {
    padding-top: 0
}

.q-pb-none {
    padding-bottom: 0
}

.q-px-none {
    padding-left: 0;
    padding-right: 0
}

.q-py-none {
    padding-top: 0;
    padding-bottom: 0
}

.q-ma-none {
    margin: 0
}

.q-ml-none {
    margin-left: 0
}

.q-mr-none {
    margin-right: 0
}

.q-mt-none {
    margin-top: 0
}

.q-mb-none {
    margin-bottom: 0
}

.q-mx-none {
    margin-left: 0;
    margin-right: 0
}

.q-my-none {
    margin-top: 0;
    margin-bottom: 0
}

.q-pa-xs {
    padding: 4px
}

.q-pl-xs {
    padding-left: 4px
}

.q-pr-xs {
    padding-right: 4px
}

.q-pt-xs {
    padding-top: 4px
}

.q-pb-xs {
    padding-bottom: 4px
}

.q-px-xs {
    padding-left: 4px;
    padding-right: 4px
}

.q-py-xs {
    padding-top: 4px;
    padding-bottom: 4px
}

.q-ma-xs {
    margin: 4px
}

.q-ml-xs {
    margin-left: 4px
}

.q-mr-xs {
    margin-right: 4px
}

.q-mt-xs {
    margin-top: 4px
}

.q-mb-xs {
    margin-bottom: 4px
}

.q-mx-xs {
    margin-left: 4px;
    margin-right: 4px
}

.q-my-xs {
    margin-top: 4px;
    margin-bottom: 4px
}

.q-pa-sm {
    padding: 8px
}

.q-pl-sm {
    padding-left: 8px
}

.q-pr-sm {
    padding-right: 8px
}

.q-pt-sm {
    padding-top: 8px
}

.q-pb-sm {
    padding-bottom: 8px
}

.q-px-sm {
    padding-left: 8px;
    padding-right: 8px
}

.q-py-sm {
    padding-top: 8px;
    padding-bottom: 8px
}

.q-ma-sm {
    margin: 8px
}

.q-ml-sm {
    margin-left: 8px
}

.q-mr-sm {
    margin-right: 8px
}

.q-mt-sm {
    margin-top: 8px
}

.q-mb-sm {
    margin-bottom: 8px
}

.q-mx-sm {
    margin-left: 8px;
    margin-right: 8px
}

.q-my-sm {
    margin-top: 8px;
    margin-bottom: 8px
}

.q-pa-md {
    padding: 16px
}

.q-pl-md {
    padding-left: 16px
}

.q-pr-md {
    padding-right: 16px
}

.q-pt-md {
    padding-top: 16px
}

.q-pb-md {
    padding-bottom: 16px
}

.q-px-md {
    padding-left: 16px;
    padding-right: 16px
}

.q-py-md {
    padding-top: 16px;
    padding-bottom: 16px
}

.q-ma-md {
    margin: 16px
}

.q-ml-md {
    margin-left: 16px
}

.q-mr-md {
    margin-right: 16px
}

.q-mt-md {
    margin-top: 16px
}

.q-mb-md {
    margin-bottom: 16px
}

.q-mx-md {
    margin-left: 16px;
    margin-right: 16px
}

.q-my-md {
    margin-top: 16px;
    margin-bottom: 16px
}

.q-pa-lg {
    padding: 24px
}

.q-pl-lg {
    padding-left: 24px
}

.q-pr-lg {
    padding-right: 24px
}

.q-pt-lg {
    padding-top: 24px
}

.q-pb-lg {
    padding-bottom: 24px
}

.q-px-lg {
    padding-left: 24px;
    padding-right: 24px
}

.q-py-lg {
    padding-top: 24px;
    padding-bottom: 24px
}

.q-ma-lg {
    margin: 24px
}

.q-ml-lg {
    margin-left: 24px
}

.q-mr-lg {
    margin-right: 24px
}

.q-mt-lg {
    margin-top: 24px
}

.q-mb-lg {
    margin-bottom: 24px
}

.q-mx-lg {
    margin-left: 24px;
    margin-right: 24px
}

.q-my-lg {
    margin-top: 24px;
    margin-bottom: 24px
}

.q-pa-xl {
    padding: 48px
}

.q-pl-xl {
    padding-left: 48px
}

.q-pr-xl {
    padding-right: 48px
}

.q-pt-xl {
    padding-top: 48px
}

.q-pb-xl {
    padding-bottom: 48px
}

.q-px-xl {
    padding-left: 48px;
    padding-right: 48px
}

.q-py-xl {
    padding-top: 48px;
    padding-bottom: 48px
}

.q-ma-xl {
    margin: 48px
}

.q-ml-xl {
    margin-left: 48px
}

.q-mr-xl {
    margin-right: 48px
}

.q-mt-xl {
    margin-top: 48px
}

.q-mb-xl {
    margin-bottom: 48px
}

.q-mx-xl {
    margin-left: 48px;
    margin-right: 48px
}

.q-my-xl {
    margin-top: 48px;
    margin-bottom: 48px
}

.q-mt-auto,
.q-my-auto {
    margin-top: auto
}

.q-ml-auto {
    margin-left: auto
}

.q-mb-auto,
.q-my-auto {
    margin-bottom: auto
}

.q-mr-auto {
    margin-right: auto
}

.q-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.q-touch {
    -webkit-user-select: none;
    user-select: none;
    user-drag: none;
    -khtml-user-drag: none;
    -webkit-user-drag: none
}

.q-touch-x {
    touch-action: pan-x
}

.q-touch-y {
    touch-action: pan-y
}

:root {
    --q-transition-duration: .3s
}

.q-transition--slide-right-enter-active,
.q-transition--slide-right-leave-active,
.q-transition--slide-left-enter-active,
.q-transition--slide-left-leave-active,
.q-transition--slide-up-enter-active,
.q-transition--slide-up-leave-active,
.q-transition--slide-down-enter-active,
.q-transition--slide-down-leave-active,
.q-transition--jump-right-enter-active,
.q-transition--jump-right-leave-active,
.q-transition--jump-left-enter-active,
.q-transition--jump-left-leave-active,
.q-transition--jump-up-enter-active,
.q-transition--jump-up-leave-active,
.q-transition--jump-down-enter-active,
.q-transition--jump-down-leave-active,
.q-transition--fade-enter-active,
.q-transition--fade-leave-active,
.q-transition--scale-enter-active,
.q-transition--scale-leave-active,
.q-transition--rotate-enter-active,
.q-transition--rotate-leave-active,
.q-transition--flip-enter-active,
.q-transition--flip-leave-active {
    --q-transition-duration: .3s;
    --q-transition-easing: cubic-bezier(.215, .61, .355, 1)
}

.q-transition--slide-right-leave-active,
.q-transition--slide-left-leave-active,
.q-transition--slide-up-leave-active,
.q-transition--slide-down-leave-active,
.q-transition--jump-right-leave-active,
.q-transition--jump-left-leave-active,
.q-transition--jump-up-leave-active,
.q-transition--jump-down-leave-active,
.q-transition--fade-leave-active,
.q-transition--scale-leave-active,
.q-transition--rotate-leave-active,
.q-transition--flip-leave-active {
    position: absolute
}

.q-transition--slide-right-enter-active,
.q-transition--slide-right-leave-active,
.q-transition--slide-left-enter-active,
.q-transition--slide-left-leave-active,
.q-transition--slide-up-enter-active,
.q-transition--slide-up-leave-active,
.q-transition--slide-down-enter-active,
.q-transition--slide-down-leave-active {
    transition: transform var(--q-transition-duration) var(--q-transition-easing)
}

.q-transition--slide-right-enter-from {
    transform: translate3d(-100%, 0, 0)
}

.q-transition--slide-right-leave-to,
.q-transition--slide-left-enter-from {
    transform: translate3d(100%, 0, 0)
}

.q-transition--slide-left-leave-to {
    transform: translate3d(-100%, 0, 0)
}

.q-transition--slide-up-enter-from {
    transform: translate3d(0, 100%, 0)
}

.q-transition--slide-up-leave-to,
.q-transition--slide-down-enter-from {
    transform: translate3d(0, -100%, 0)
}

.q-transition--slide-down-leave-to {
    transform: translate3d(0, 100%, 0)
}

.q-transition--jump-right-enter-active,
.q-transition--jump-right-leave-active,
.q-transition--jump-left-enter-active,
.q-transition--jump-left-leave-active,
.q-transition--jump-up-enter-active,
.q-transition--jump-up-leave-active,
.q-transition--jump-down-enter-active,
.q-transition--jump-down-leave-active {
    transition: opacity var(--q-transition-duration), transform var(--q-transition-duration)
}

.q-transition--jump-right-enter-from,
.q-transition--jump-right-leave-to,
.q-transition--jump-left-enter-from,
.q-transition--jump-left-leave-to,
.q-transition--jump-up-enter-from,
.q-transition--jump-up-leave-to,
.q-transition--jump-down-enter-from,
.q-transition--jump-down-leave-to {
    opacity: 0
}

.q-transition--jump-right-enter-from {
    transform: translate3d(-15px, 0, 0)
}

.q-transition--jump-right-leave-to,
.q-transition--jump-left-enter-from {
    transform: translate3d(15px, 0, 0)
}

.q-transition--jump-left-leave-to {
    transform: translate(-15px)
}

.q-transition--jump-up-enter-from {
    transform: translate3d(0, 15px, 0)
}

.q-transition--jump-up-leave-to,
.q-transition--jump-down-enter-from {
    transform: translate3d(0, -15px, 0)
}

.q-transition--jump-down-leave-to {
    transform: translate3d(0, 15px, 0)
}

.q-transition--fade-enter-active,
.q-transition--fade-leave-active {
    transition: opacity var(--q-transition-duration) ease-out
}

.q-transition--fade-enter-from,
.q-transition--fade-leave-to {
    opacity: 0
}

.q-transition--scale-enter-active,
.q-transition--scale-leave-active {
    transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing)
}

.q-transition--scale-enter-from,
.q-transition--scale-leave-to {
    opacity: 0;
    transform: scale3d(0, 0, 1)
}

.q-transition--rotate-enter-active,
.q-transition--rotate-leave-active {
    transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing);
    transform-style: preserve-3d
}

.q-transition--rotate-enter-from,
.q-transition--rotate-leave-to {
    opacity: 0;
    transform: scale3d(0, 0, 1) rotate3d(0, 0, 1, 90deg)
}

.q-transition--flip-right-enter-active,
.q-transition--flip-right-leave-active,
.q-transition--flip-left-enter-active,
.q-transition--flip-left-leave-active,
.q-transition--flip-up-enter-active,
.q-transition--flip-up-leave-active,
.q-transition--flip-down-enter-active,
.q-transition--flip-down-leave-active {
    transition: transform var(--q-transition-duration);
    backface-visibility: hidden
}

.q-transition--flip-right-enter-to,
.q-transition--flip-right-leave-from,
.q-transition--flip-left-enter-to,
.q-transition--flip-left-leave-from,
.q-transition--flip-up-enter-to,
.q-transition--flip-up-leave-from,
.q-transition--flip-down-enter-to,
.q-transition--flip-down-leave-from {
    transform: perspective(400px) rotate3d(1, 1, 0, 0)
}

.q-transition--flip-right-enter-from {
    transform: perspective(400px) rotateY(-180deg)
}

.q-transition--flip-right-leave-to,
.q-transition--flip-left-enter-from {
    transform: perspective(400px) rotateY(180deg)
}

.q-transition--flip-left-leave-to {
    transform: perspective(400px) rotateY(-180deg)
}

.q-transition--flip-up-enter-from {
    transform: perspective(400px) rotateX(-180deg)
}

.q-transition--flip-up-leave-to,
.q-transition--flip-down-enter-from {
    transform: perspective(400px) rotateX(180deg)
}

.q-transition--flip-down-leave-to {
    transform: perspective(400px) rotateX(-180deg)
}

body {
    min-width: 100px;
    min-height: 100%;
    font-family: Roboto, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    line-height: 1.5;
    font-size: 14px
}

h1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 6rem;
    letter-spacing: -.01562em
}

h2 {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 3.75rem;
    letter-spacing: -.00833em
}

h3 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 3.125rem;
    letter-spacing: normal
}

h4 {
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: .00735em
}

h5 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal
}

h6 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .0125em
}

p {
    margin: 0 0 16px
}

.text-h1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 6rem;
    letter-spacing: -.01562em
}

.text-h2 {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 3.75rem;
    letter-spacing: -.00833em
}

.text-h3 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 3.125rem;
    letter-spacing: normal
}

.text-h4 {
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: .00735em
}

.text-h5 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal
}

.text-h6 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .0125em
}

.text-subtitle1 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: .00937em
}

.text-subtitle2 {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: .00714em
}

.text-body1 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .03125em
}

.text-body2 {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .01786em
}

.text-overline {
    font-size: .75rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .16667em
}

.text-caption {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .03333em
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto
}

.text-italic {
    font-style: italic
}

.text-bold {
    font-weight: 700
}

.text-no-wrap {
    white-space: nowrap
}

.text-strike {
    text-decoration: line-through
}

.text-weight-thin {
    font-weight: 100
}

.text-weight-light {
    font-weight: 300
}

.text-weight-regular {
    font-weight: 400
}

.text-weight-medium {
    font-weight: 500
}

.text-weight-bold {
    font-weight: 700
}

.text-weight-bolder {
    font-weight: 900
}

small {
    font-size: 80%
}

big {
    font-size: 170%
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-border {
    border: 0 !important
}

.no-border-radius {
    border-radius: 0 !important
}

.no-box-shadow {
    box-shadow: none !important
}

.no-outline {
    outline: 0 !important
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis-2-lines,
.ellipsis-3-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis-2-lines {
    -webkit-line-clamp: 2
}

.ellipsis-3-lines {
    -webkit-line-clamp: 3
}

.readonly {
    cursor: default !important
}

.disabled,
.disabled *,
[disabled],
[disabled] * {
    outline: 0 !important;
    cursor: not-allowed !important
}

.disabled,
[disabled] {
    opacity: .6 !important
}

.hidden {
    display: none !important
}

.invisible,
.invisible * {
    visibility: hidden !important;
    transition: none !important;
    animation: none !important
}

.transparent {
    background: transparent !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-hidden-y {
    overflow-y: hidden !important
}

.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none
}

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

.dimmed:after,
.light-dimmed:after {
    content: "";
    position: absolute;
    inset: 0
}

.dimmed:after {
    background: #0006 !important
}

.light-dimmed:after {
    background: #fff9 !important
}

.z-top {
    z-index: 7000 !important
}

.z-max {
    z-index: 9998 !important
}

body:not(.desktop) .desktop-only,
body.desktop .desktop-hide {
    display: none !important
}

body:not(.mobile) .mobile-only,
body.mobile .mobile-hide {
    display: none !important
}

body:not(.native-mobile) .native-mobile-only,
body.native-mobile .native-mobile-hide {
    display: none !important
}

body:not(.cordova) .cordova-only,
body.cordova .cordova-hide {
    display: none !important
}

body:not(.capacitor) .capacitor-only,
body.capacitor .capacitor-hide {
    display: none !important
}

body:not(.electron) .electron-only,
body.electron .electron-hide {
    display: none !important
}

body:not(.touch) .touch-only,
body.touch .touch-hide {
    display: none !important
}

body:not(.within-iframe) .within-iframe-only,
body.within-iframe .within-iframe-hide {
    display: none !important
}

body:not(.platform-ios) .platform-ios-only,
body.platform-ios .platform-ios-hide {
    display: none !important
}

body:not(.platform-android) .platform-android-only,
body.platform-android .platform-android-hide {
    display: none !important
}

@media all and (orientation: portrait) {
    .orientation-landscape {
        display: none !important
    }
}

@media all and (orientation: landscape) {
    .orientation-portrait {
        display: none !important
    }
}

@media screen {
    .print-only {
        display: none !important
    }
}

@media print {
    .print-hide {
        display: none !important
    }
}

@media (max-width: 599.98px) {

    .xs-hide,
    .gt-xs,
    .sm,
    .gt-sm,
    .md,
    .gt-md,
    .lg,
    .gt-lg,
    .xl {
        display: none !important
    }
}

@media (min-width: 600px) and(max-width: 1023.98px) {

    .sm-hide,
    .xs,
    .lt-sm,
    .gt-sm,
    .md,
    .gt-md,
    .lg,
    .gt-lg,
    .xl {
        display: none !important
    }
}

@media (min-width: 1024px) and(max-width: 1439.98px) {

    .md-hide,
    .xs,
    .lt-sm,
    .sm,
    .lt-md,
    .gt-md,
    .lg,
    .gt-lg,
    .xl {
        display: none !important
    }
}

@media (min-width: 1440px) and(max-width: 1919.98px) {

    .lg-hide,
    .xs,
    .lt-sm,
    .sm,
    .lt-md,
    .md,
    .lt-lg,
    .gt-lg,
    .xl {
        display: none !important
    }
}

@media (min-width: 1920px) {

    .xl-hide,
    .xs,
    .lt-sm,
    .sm,
    .lt-md,
    .md,
    .lt-lg,
    .lg,
    .lt-xl {
        display: none !important
    }
}

.q-focus-helper,
.q-focusable,
.q-manual-focusable,
.q-hoverable {
    outline: 0
}

body.desktop .q-focus-helper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: inherit;
    opacity: 0;
    transition: background-color .3s cubic-bezier(.25, .8, .5, 1), opacity .4s cubic-bezier(.25, .8, .5, 1)
}

body.desktop .q-focus-helper:before,
body.desktop .q-focus-helper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: inherit;
    transition: background-color .3s cubic-bezier(.25, .8, .5, 1), opacity .6s cubic-bezier(.25, .8, .5, 1)
}

body.desktop .q-focus-helper:before {
    background: #000
}

body.desktop .q-focus-helper:after {
    background: #fff
}

body.desktop .q-focus-helper--rounded {
    border-radius: 4px
}

body.desktop .q-focus-helper--round {
    border-radius: 50%
}

body.desktop .q-focusable:focus>.q-focus-helper,
body.desktop .q-manual-focusable--focused>.q-focus-helper,
body.desktop .q-hoverable:hover>.q-focus-helper {
    background: currentColor;
    opacity: .15
}

body.desktop .q-focusable:focus>.q-focus-helper:before,
body.desktop .q-manual-focusable--focused>.q-focus-helper:before,
body.desktop .q-hoverable:hover>.q-focus-helper:before {
    opacity: .1
}

body.desktop .q-focusable:focus>.q-focus-helper:after,
body.desktop .q-manual-focusable--focused>.q-focus-helper:after,
body.desktop .q-hoverable:hover>.q-focus-helper:after {
    opacity: .4
}

body.desktop .q-focusable:focus>.q-focus-helper,
body.desktop .q-manual-focusable--focused>.q-focus-helper {
    opacity: .22
}

body.body--dark {
    color: #fff;
    background: var(--q-dark-page)
}

.q-dark {
    color: #fff;
    background: var(--q-dark)
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.curson-point {
    cursor: pointer
}

body,
html {
    margin: 0 auto
}

@font-face {
    font-family: Number-regular;
    src: url(/2026-03-03-17-18-06/other-assets/font/DINPro-Regular.otf)
}

@font-face {
    font-family: Number-medium;
    src: url(/2026-03-03-17-18-06/other-assets/font/DINPro-Medium.otf)
}

.din-regular {
    font-family: Number-regular
}

.din-medium {
    font-family: Number-medium
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
br,
div,
form,
input,
button,
textarea,
select,
fieldset,
legend,
blockquote,
ul,
ol,
li,
dl,
dt,
dd,
pre,
table,
caption,
tr,
td,
th,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    padding: 0;
    box-sizing: border-box
}

html body,
body body,
h1 body,
h2 body,
h3 body,
h4 body,
h5 body,
h6 body,
p body,
br body,
div body,
form body,
input body,
button body,
textarea body,
select body,
fieldset body,
legend body,
blockquote body,
ul body,
ol body,
li body,
dl body,
dt body,
dd body,
pre body,
table body,
caption body,
tr body,
td body,
th body,
article body,
aside body,
details body,
figcaption body,
figure body,
footer body,
header body,
hgroup body,
menu body,
nav body,
section body,
summary body,
time body,
mark body,
audio body,
video body {
    font-style: normal;
    font-family: Microsoft YaHei, PingFang SC, -apple-system, BlinkMacSystemFont, Helvetica Neue, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, "sans-serif";
    font-size: 12px;
    overflow-y: hidden;
    overflow-x: auto
}

html a,
body a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
br a,
div a,
form a,
input a,
button a,
textarea a,
select a,
fieldset a,
legend a,
blockquote a,
ul a,
ol a,
li a,
dl a,
dt a,
dd a,
pre a,
table a,
caption a,
tr a,
td a,
th a,
article a,
aside a,
details a,
figcaption a,
figure a,
footer a,
header a,
hgroup a,
menu a,
nav a,
section a,
summary a,
time a,
mark a,
audio a,
video a {
    text-decoration: none
}

html .q-menu,
body .q-menu,
h1 .q-menu,
h2 .q-menu,
h3 .q-menu,
h4 .q-menu,
h5 .q-menu,
h6 .q-menu,
p .q-menu,
br .q-menu,
div .q-menu,
form .q-menu,
input .q-menu,
button .q-menu,
textarea .q-menu,
select .q-menu,
fieldset .q-menu,
legend .q-menu,
blockquote .q-menu,
ul .q-menu,
ol .q-menu,
li .q-menu,
dl .q-menu,
dt .q-menu,
dd .q-menu,
pre .q-menu,
table .q-menu,
caption .q-menu,
tr .q-menu,
td .q-menu,
th .q-menu,
article .q-menu,
aside .q-menu,
details .q-menu,
figcaption .q-menu,
figure .q-menu,
footer .q-menu,
header .q-menu,
hgroup .q-menu,
menu .q-menu,
nav .q-menu,
section .q-menu,
summary .q-menu,
time .q-menu,
mark .q-menu,
audio .q-menu,
video .q-menu {
    border-radius: 0;
    background: transparent;
    box-shadow: none
}

html .q-menu--square,
body .q-menu--square,
h1 .q-menu--square,
h2 .q-menu--square,
h3 .q-menu--square,
h4 .q-menu--square,
h5 .q-menu--square,
h6 .q-menu--square,
p .q-menu--square,
br .q-menu--square,
div .q-menu--square,
form .q-menu--square,
input .q-menu--square,
button .q-menu--square,
textarea .q-menu--square,
select .q-menu--square,
fieldset .q-menu--square,
legend .q-menu--square,
blockquote .q-menu--square,
ul .q-menu--square,
ol .q-menu--square,
li .q-menu--square,
dl .q-menu--square,
dt .q-menu--square,
dd .q-menu--square,
pre .q-menu--square,
table .q-menu--square,
caption .q-menu--square,
tr .q-menu--square,
td .q-menu--square,
th .q-menu--square,
article .q-menu--square,
aside .q-menu--square,
details .q-menu--square,
figcaption .q-menu--square,
figure .q-menu--square,
footer .q-menu--square,
header .q-menu--square,
hgroup .q-menu--square,
menu .q-menu--square,
nav .q-menu--square,
section .q-menu--square,
summary .q-menu--square,
time .q-menu--square,
mark .q-menu--square,
audio .q-menu--square,
video .q-menu--square {
    z-index: 2002
}

html .q-scrollarea__bar--h,
html .q-scrollarea__thumb--h,
body .q-scrollarea__bar--h,
body .q-scrollarea__thumb--h,
h1 .q-scrollarea__bar--h,
h1 .q-scrollarea__thumb--h,
h2 .q-scrollarea__bar--h,
h2 .q-scrollarea__thumb--h,
h3 .q-scrollarea__bar--h,
h3 .q-scrollarea__thumb--h,
h4 .q-scrollarea__bar--h,
h4 .q-scrollarea__thumb--h,
h5 .q-scrollarea__bar--h,
h5 .q-scrollarea__thumb--h,
h6 .q-scrollarea__bar--h,
h6 .q-scrollarea__thumb--h,
p .q-scrollarea__bar--h,
p .q-scrollarea__thumb--h,
br .q-scrollarea__bar--h,
br .q-scrollarea__thumb--h,
div .q-scrollarea__bar--h,
div .q-scrollarea__thumb--h,
form .q-scrollarea__bar--h,
form .q-scrollarea__thumb--h,
input .q-scrollarea__bar--h,
input .q-scrollarea__thumb--h,
button .q-scrollarea__bar--h,
button .q-scrollarea__thumb--h,
textarea .q-scrollarea__bar--h,
textarea .q-scrollarea__thumb--h,
select .q-scrollarea__bar--h,
select .q-scrollarea__thumb--h,
fieldset .q-scrollarea__bar--h,
fieldset .q-scrollarea__thumb--h,
legend .q-scrollarea__bar--h,
legend .q-scrollarea__thumb--h,
blockquote .q-scrollarea__bar--h,
blockquote .q-scrollarea__thumb--h,
ul .q-scrollarea__bar--h,
ul .q-scrollarea__thumb--h,
ol .q-scrollarea__bar--h,
ol .q-scrollarea__thumb--h,
li .q-scrollarea__bar--h,
li .q-scrollarea__thumb--h,
dl .q-scrollarea__bar--h,
dl .q-scrollarea__thumb--h,
dt .q-scrollarea__bar--h,
dt .q-scrollarea__thumb--h,
dd .q-scrollarea__bar--h,
dd .q-scrollarea__thumb--h,
pre .q-scrollarea__bar--h,
pre .q-scrollarea__thumb--h,
table .q-scrollarea__bar--h,
table .q-scrollarea__thumb--h,
caption .q-scrollarea__bar--h,
caption .q-scrollarea__thumb--h,
tr .q-scrollarea__bar--h,
tr .q-scrollarea__thumb--h,
td .q-scrollarea__bar--h,
td .q-scrollarea__thumb--h,
th .q-scrollarea__bar--h,
th .q-scrollarea__thumb--h,
article .q-scrollarea__bar--h,
article .q-scrollarea__thumb--h,
aside .q-scrollarea__bar--h,
aside .q-scrollarea__thumb--h,
details .q-scrollarea__bar--h,
details .q-scrollarea__thumb--h,
figcaption .q-scrollarea__bar--h,
figcaption .q-scrollarea__thumb--h,
figure .q-scrollarea__bar--h,
figure .q-scrollarea__thumb--h,
footer .q-scrollarea__bar--h,
footer .q-scrollarea__thumb--h,
header .q-scrollarea__bar--h,
header .q-scrollarea__thumb--h,
hgroup .q-scrollarea__bar--h,
hgroup .q-scrollarea__thumb--h,
menu .q-scrollarea__bar--h,
menu .q-scrollarea__thumb--h,
nav .q-scrollarea__bar--h,
nav .q-scrollarea__thumb--h,
section .q-scrollarea__bar--h,
section .q-scrollarea__thumb--h,
summary .q-scrollarea__bar--h,
summary .q-scrollarea__thumb--h,
time .q-scrollarea__bar--h,
time .q-scrollarea__thumb--h,
mark .q-scrollarea__bar--h,
mark .q-scrollarea__thumb--h,
audio .q-scrollarea__bar--h,
audio .q-scrollarea__thumb--h,
video .q-scrollarea__bar--h,
video .q-scrollarea__thumb--h {
    z-index: 50
}

html .yb-padding-t5,
body .yb-padding-t5,
h1 .yb-padding-t5,
h2 .yb-padding-t5,
h3 .yb-padding-t5,
h4 .yb-padding-t5,
h5 .yb-padding-t5,
h6 .yb-padding-t5,
p .yb-padding-t5,
br .yb-padding-t5,
div .yb-padding-t5,
form .yb-padding-t5,
input .yb-padding-t5,
button .yb-padding-t5,
textarea .yb-padding-t5,
select .yb-padding-t5,
fieldset .yb-padding-t5,
legend .yb-padding-t5,
blockquote .yb-padding-t5,
ul .yb-padding-t5,
ol .yb-padding-t5,
li .yb-padding-t5,
dl .yb-padding-t5,
dt .yb-padding-t5,
dd .yb-padding-t5,
pre .yb-padding-t5,
table .yb-padding-t5,
caption .yb-padding-t5,
tr .yb-padding-t5,
td .yb-padding-t5,
th .yb-padding-t5,
article .yb-padding-t5,
aside .yb-padding-t5,
details .yb-padding-t5,
figcaption .yb-padding-t5,
figure .yb-padding-t5,
footer .yb-padding-t5,
header .yb-padding-t5,
hgroup .yb-padding-t5,
menu .yb-padding-t5,
nav .yb-padding-t5,
section .yb-padding-t5,
summary .yb-padding-t5,
time .yb-padding-t5,
mark .yb-padding-t5,
audio .yb-padding-t5,
video .yb-padding-t5 {
    padding-top: 5px
}

html .yb-hide,
body .yb-hide,
h1 .yb-hide,
h2 .yb-hide,
h3 .yb-hide,
h4 .yb-hide,
h5 .yb-hide,
h6 .yb-hide,
p .yb-hide,
br .yb-hide,
div .yb-hide,
form .yb-hide,
input .yb-hide,
button .yb-hide,
textarea .yb-hide,
select .yb-hide,
fieldset .yb-hide,
legend .yb-hide,
blockquote .yb-hide,
ul .yb-hide,
ol .yb-hide,
li .yb-hide,
dl .yb-hide,
dt .yb-hide,
dd .yb-hide,
pre .yb-hide,
table .yb-hide,
caption .yb-hide,
tr .yb-hide,
td .yb-hide,
th .yb-hide,
article .yb-hide,
aside .yb-hide,
details .yb-hide,
figcaption .yb-hide,
figure .yb-hide,
footer .yb-hide,
header .yb-hide,
hgroup .yb-hide,
menu .yb-hide,
nav .yb-hide,
section .yb-hide,
summary .yb-hide,
time .yb-hide,
mark .yb-hide,
audio .yb-hide,
video .yb-hide {
    display: none !important
}

html .yb-number-font,
body .yb-number-font,
h1 .yb-number-font,
h2 .yb-number-font,
h3 .yb-number-font,
h4 .yb-number-font,
h5 .yb-number-font,
h6 .yb-number-font,
p .yb-number-font,
br .yb-number-font,
div .yb-number-font,
form .yb-number-font,
input .yb-number-font,
button .yb-number-font,
textarea .yb-number-font,
select .yb-number-font,
fieldset .yb-number-font,
legend .yb-number-font,
blockquote .yb-number-font,
ul .yb-number-font,
ol .yb-number-font,
li .yb-number-font,
dl .yb-number-font,
dt .yb-number-font,
dd .yb-number-font,
pre .yb-number-font,
table .yb-number-font,
caption .yb-number-font,
tr .yb-number-font,
td .yb-number-font,
th .yb-number-font,
article .yb-number-font,
aside .yb-number-font,
details .yb-number-font,
figcaption .yb-number-font,
figure .yb-number-font,
footer .yb-number-font,
header .yb-number-font,
hgroup .yb-number-font,
menu .yb-number-font,
nav .yb-number-font,
section .yb-number-font,
summary .yb-number-font,
time .yb-number-font,
mark .yb-number-font,
audio .yb-number-font,
video .yb-number-font {
    font-weight: 400
}

html .yb-flex-center,
body .yb-flex-center,
h1 .yb-flex-center,
h2 .yb-flex-center,
h3 .yb-flex-center,
h4 .yb-flex-center,
h5 .yb-flex-center,
h6 .yb-flex-center,
p .yb-flex-center,
br .yb-flex-center,
div .yb-flex-center,
form .yb-flex-center,
input .yb-flex-center,
button .yb-flex-center,
textarea .yb-flex-center,
select .yb-flex-center,
fieldset .yb-flex-center,
legend .yb-flex-center,
blockquote .yb-flex-center,
ul .yb-flex-center,
ol .yb-flex-center,
li .yb-flex-center,
dl .yb-flex-center,
dt .yb-flex-center,
dd .yb-flex-center,
pre .yb-flex-center,
table .yb-flex-center,
caption .yb-flex-center,
tr .yb-flex-center,
td .yb-flex-center,
th .yb-flex-center,
article .yb-flex-center,
aside .yb-flex-center,
details .yb-flex-center,
figcaption .yb-flex-center,
figure .yb-flex-center,
footer .yb-flex-center,
header .yb-flex-center,
hgroup .yb-flex-center,
menu .yb-flex-center,
nav .yb-flex-center,
section .yb-flex-center,
summary .yb-flex-center,
time .yb-flex-center,
mark .yb-flex-center,
audio .yb-flex-center,
video .yb-flex-center {
    display: flex;
    align-items: center;
    justify-content: center
}

html .yb-flex-between,
body .yb-flex-between,
h1 .yb-flex-between,
h2 .yb-flex-between,
h3 .yb-flex-between,
h4 .yb-flex-between,
h5 .yb-flex-between,
h6 .yb-flex-between,
p .yb-flex-between,
br .yb-flex-between,
div .yb-flex-between,
form .yb-flex-between,
input .yb-flex-between,
button .yb-flex-between,
textarea .yb-flex-between,
select .yb-flex-between,
fieldset .yb-flex-between,
legend .yb-flex-between,
blockquote .yb-flex-between,
ul .yb-flex-between,
ol .yb-flex-between,
li .yb-flex-between,
dl .yb-flex-between,
dt .yb-flex-between,
dd .yb-flex-between,
pre .yb-flex-between,
table .yb-flex-between,
caption .yb-flex-between,
tr .yb-flex-between,
td .yb-flex-between,
th .yb-flex-between,
article .yb-flex-between,
aside .yb-flex-between,
details .yb-flex-between,
figcaption .yb-flex-between,
figure .yb-flex-between,
footer .yb-flex-between,
header .yb-flex-between,
hgroup .yb-flex-between,
menu .yb-flex-between,
nav .yb-flex-between,
section .yb-flex-between,
summary .yb-flex-between,
time .yb-flex-between,
mark .yb-flex-between,
audio .yb-flex-between,
video .yb-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between
}

html .yb-hover-bg:hover,
body .yb-hover-bg:hover,
h1 .yb-hover-bg:hover,
h2 .yb-hover-bg:hover,
h3 .yb-hover-bg:hover,
h4 .yb-hover-bg:hover,
h5 .yb-hover-bg:hover,
h6 .yb-hover-bg:hover,
p .yb-hover-bg:hover,
br .yb-hover-bg:hover,
div .yb-hover-bg:hover,
form .yb-hover-bg:hover,
input .yb-hover-bg:hover,
button .yb-hover-bg:hover,
textarea .yb-hover-bg:hover,
select .yb-hover-bg:hover,
fieldset .yb-hover-bg:hover,
legend .yb-hover-bg:hover,
blockquote .yb-hover-bg:hover,
ul .yb-hover-bg:hover,
ol .yb-hover-bg:hover,
li .yb-hover-bg:hover,
dl .yb-hover-bg:hover,
dt .yb-hover-bg:hover,
dd .yb-hover-bg:hover,
pre .yb-hover-bg:hover,
table .yb-hover-bg:hover,
caption .yb-hover-bg:hover,
tr .yb-hover-bg:hover,
td .yb-hover-bg:hover,
th .yb-hover-bg:hover,
article .yb-hover-bg:hover,
aside .yb-hover-bg:hover,
details .yb-hover-bg:hover,
figcaption .yb-hover-bg:hover,
figure .yb-hover-bg:hover,
footer .yb-hover-bg:hover,
header .yb-hover-bg:hover,
hgroup .yb-hover-bg:hover,
menu .yb-hover-bg:hover,
nav .yb-hover-bg:hover,
section .yb-hover-bg:hover,
summary .yb-hover-bg:hover,
time .yb-hover-bg:hover,
mark .yb-hover-bg:hover,
audio .yb-hover-bg:hover,
video .yb-hover-bg:hover {
    opacity: .9
}

html .yb-content-wrap-max-width,
body .yb-content-wrap-max-width,
h1 .yb-content-wrap-max-width,
h2 .yb-content-wrap-max-width,
h3 .yb-content-wrap-max-width,
h4 .yb-content-wrap-max-width,
h5 .yb-content-wrap-max-width,
h6 .yb-content-wrap-max-width,
p .yb-content-wrap-max-width,
br .yb-content-wrap-max-width,
div .yb-content-wrap-max-width,
form .yb-content-wrap-max-width,
input .yb-content-wrap-max-width,
button .yb-content-wrap-max-width,
textarea .yb-content-wrap-max-width,
select .yb-content-wrap-max-width,
fieldset .yb-content-wrap-max-width,
legend .yb-content-wrap-max-width,
blockquote .yb-content-wrap-max-width,
ul .yb-content-wrap-max-width,
ol .yb-content-wrap-max-width,
li .yb-content-wrap-max-width,
dl .yb-content-wrap-max-width,
dt .yb-content-wrap-max-width,
dd .yb-content-wrap-max-width,
pre .yb-content-wrap-max-width,
table .yb-content-wrap-max-width,
caption .yb-content-wrap-max-width,
tr .yb-content-wrap-max-width,
td .yb-content-wrap-max-width,
th .yb-content-wrap-max-width,
article .yb-content-wrap-max-width,
aside .yb-content-wrap-max-width,
details .yb-content-wrap-max-width,
figcaption .yb-content-wrap-max-width,
figure .yb-content-wrap-max-width,
footer .yb-content-wrap-max-width,
header .yb-content-wrap-max-width,
hgroup .yb-content-wrap-max-width,
menu .yb-content-wrap-max-width,
nav .yb-content-wrap-max-width,
section .yb-content-wrap-max-width,
summary .yb-content-wrap-max-width,
time .yb-content-wrap-max-width,
mark .yb-content-wrap-max-width,
audio .yb-content-wrap-max-width,
video .yb-content-wrap-max-width {
    width: 960px
}

html .yb-site-left-width,
html .yb-fontsize12,
body .yb-site-left-width,
body .yb-fontsize12,
h1 .yb-site-left-width,
h1 .yb-fontsize12,
h2 .yb-site-left-width,
h2 .yb-fontsize12,
h3 .yb-site-left-width,
h3 .yb-fontsize12,
h4 .yb-site-left-width,
h4 .yb-fontsize12,
h5 .yb-site-left-width,
h5 .yb-fontsize12,
h6 .yb-site-left-width,
h6 .yb-fontsize12,
p .yb-site-left-width,
p .yb-fontsize12,
br .yb-site-left-width,
br .yb-fontsize12,
div .yb-site-left-width,
div .yb-fontsize12,
form .yb-site-left-width,
form .yb-fontsize12,
input .yb-site-left-width,
input .yb-fontsize12,
button .yb-site-left-width,
button .yb-fontsize12,
textarea .yb-site-left-width,
textarea .yb-fontsize12,
select .yb-site-left-width,
select .yb-fontsize12,
fieldset .yb-site-left-width,
fieldset .yb-fontsize12,
legend .yb-site-left-width,
legend .yb-fontsize12,
blockquote .yb-site-left-width,
blockquote .yb-fontsize12,
ul .yb-site-left-width,
ul .yb-fontsize12,
ol .yb-site-left-width,
ol .yb-fontsize12,
li .yb-site-left-width,
li .yb-fontsize12,
dl .yb-site-left-width,
dl .yb-fontsize12,
dt .yb-site-left-width,
dt .yb-fontsize12,
dd .yb-site-left-width,
dd .yb-fontsize12,
pre .yb-site-left-width,
pre .yb-fontsize12,
table .yb-site-left-width,
table .yb-fontsize12,
caption .yb-site-left-width,
caption .yb-fontsize12,
tr .yb-site-left-width,
tr .yb-fontsize12,
td .yb-site-left-width,
td .yb-fontsize12,
th .yb-site-left-width,
th .yb-fontsize12,
article .yb-site-left-width,
article .yb-fontsize12,
aside .yb-site-left-width,
aside .yb-fontsize12,
details .yb-site-left-width,
details .yb-fontsize12,
figcaption .yb-site-left-width,
figcaption .yb-fontsize12,
figure .yb-site-left-width,
figure .yb-fontsize12,
footer .yb-site-left-width,
footer .yb-fontsize12,
header .yb-site-left-width,
header .yb-fontsize12,
hgroup .yb-site-left-width,
hgroup .yb-fontsize12,
menu .yb-site-left-width,
menu .yb-fontsize12,
nav .yb-site-left-width,
nav .yb-fontsize12,
section .yb-site-left-width,
section .yb-fontsize12,
summary .yb-site-left-width,
summary .yb-fontsize12,
time .yb-site-left-width,
time .yb-fontsize12,
mark .yb-site-left-width,
mark .yb-fontsize12,
audio .yb-site-left-width,
audio .yb-fontsize12,
video .yb-site-left-width,
video .yb-fontsize12 {
    font-size: 12px
}

html .yb-fontsize13,
body .yb-fontsize13,
h1 .yb-fontsize13,
h2 .yb-fontsize13,
h3 .yb-fontsize13,
h4 .yb-fontsize13,
h5 .yb-fontsize13,
h6 .yb-fontsize13,
p .yb-fontsize13,
br .yb-fontsize13,
div .yb-fontsize13,
form .yb-fontsize13,
input .yb-fontsize13,
button .yb-fontsize13,
textarea .yb-fontsize13,
select .yb-fontsize13,
fieldset .yb-fontsize13,
legend .yb-fontsize13,
blockquote .yb-fontsize13,
ul .yb-fontsize13,
ol .yb-fontsize13,
li .yb-fontsize13,
dl .yb-fontsize13,
dt .yb-fontsize13,
dd .yb-fontsize13,
pre .yb-fontsize13,
table .yb-fontsize13,
caption .yb-fontsize13,
tr .yb-fontsize13,
td .yb-fontsize13,
th .yb-fontsize13,
article .yb-fontsize13,
aside .yb-fontsize13,
details .yb-fontsize13,
figcaption .yb-fontsize13,
figure .yb-fontsize13,
footer .yb-fontsize13,
header .yb-fontsize13,
hgroup .yb-fontsize13,
menu .yb-fontsize13,
nav .yb-fontsize13,
section .yb-fontsize13,
summary .yb-fontsize13,
time .yb-fontsize13,
mark .yb-fontsize13,
audio .yb-fontsize13,
video .yb-fontsize13 {
    font-size: 13px
}

html .yb-fontsize14,
body .yb-fontsize14,
h1 .yb-fontsize14,
h2 .yb-fontsize14,
h3 .yb-fontsize14,
h4 .yb-fontsize14,
h5 .yb-fontsize14,
h6 .yb-fontsize14,
p .yb-fontsize14,
br .yb-fontsize14,
div .yb-fontsize14,
form .yb-fontsize14,
input .yb-fontsize14,
button .yb-fontsize14,
textarea .yb-fontsize14,
select .yb-fontsize14,
fieldset .yb-fontsize14,
legend .yb-fontsize14,
blockquote .yb-fontsize14,
ul .yb-fontsize14,
ol .yb-fontsize14,
li .yb-fontsize14,
dl .yb-fontsize14,
dt .yb-fontsize14,
dd .yb-fontsize14,
pre .yb-fontsize14,
table .yb-fontsize14,
caption .yb-fontsize14,
tr .yb-fontsize14,
td .yb-fontsize14,
th .yb-fontsize14,
article .yb-fontsize14,
aside .yb-fontsize14,
details .yb-fontsize14,
figcaption .yb-fontsize14,
figure .yb-fontsize14,
footer .yb-fontsize14,
header .yb-fontsize14,
hgroup .yb-fontsize14,
menu .yb-fontsize14,
nav .yb-fontsize14,
section .yb-fontsize14,
summary .yb-fontsize14,
time .yb-fontsize14,
mark .yb-fontsize14,
audio .yb-fontsize14,
video .yb-fontsize14 {
    font-size: 14px
}

html .yb-text-color1,
body .yb-text-color1,
h1 .yb-text-color1,
h2 .yb-text-color1,
h3 .yb-text-color1,
h4 .yb-text-color1,
h5 .yb-text-color1,
h6 .yb-text-color1,
p .yb-text-color1,
br .yb-text-color1,
div .yb-text-color1,
form .yb-text-color1,
input .yb-text-color1,
button .yb-text-color1,
textarea .yb-text-color1,
select .yb-text-color1,
fieldset .yb-text-color1,
legend .yb-text-color1,
blockquote .yb-text-color1,
ul .yb-text-color1,
ol .yb-text-color1,
li .yb-text-color1,
dl .yb-text-color1,
dt .yb-text-color1,
dd .yb-text-color1,
pre .yb-text-color1,
table .yb-text-color1,
caption .yb-text-color1,
tr .yb-text-color1,
td .yb-text-color1,
th .yb-text-color1,
article .yb-text-color1,
aside .yb-text-color1,
details .yb-text-color1,
figcaption .yb-text-color1,
figure .yb-text-color1,
footer .yb-text-color1,
header .yb-text-color1,
hgroup .yb-text-color1,
menu .yb-text-color1,
nav .yb-text-color1,
section .yb-text-color1,
summary .yb-text-color1,
time .yb-text-color1,
mark .yb-text-color1,
audio .yb-text-color1,
video .yb-text-color1 {
    color: var(--qq--yb-text-color1)
}

html .yb-color1,
body .yb-color1,
h1 .yb-color1,
h2 .yb-color1,
h3 .yb-color1,
h4 .yb-color1,
h5 .yb-color1,
h6 .yb-color1,
p .yb-color1,
br .yb-color1,
div .yb-color1,
form .yb-color1,
input .yb-color1,
button .yb-color1,
textarea .yb-color1,
select .yb-color1,
fieldset .yb-color1,
legend .yb-color1,
blockquote .yb-color1,
ul .yb-color1,
ol .yb-color1,
li .yb-color1,
dl .yb-color1,
dt .yb-color1,
dd .yb-color1,
pre .yb-color1,
table .yb-color1,
caption .yb-color1,
tr .yb-color1,
td .yb-color1,
th .yb-color1,
article .yb-color1,
aside .yb-color1,
details .yb-color1,
figcaption .yb-color1,
figure .yb-color1,
footer .yb-color1,
header .yb-color1,
hgroup .yb-color1,
menu .yb-color1,
nav .yb-color1,
section .yb-color1,
summary .yb-color1,
time .yb-color1,
mark .yb-color1,
audio .yb-color1,
video .yb-color1 {
    color: #3f3f3f
}

html .yb-color2,
body .yb-color2,
h1 .yb-color2,
h2 .yb-color2,
h3 .yb-color2,
h4 .yb-color2,
h5 .yb-color2,
h6 .yb-color2,
p .yb-color2,
br .yb-color2,
div .yb-color2,
form .yb-color2,
input .yb-color2,
button .yb-color2,
textarea .yb-color2,
select .yb-color2,
fieldset .yb-color2,
legend .yb-color2,
blockquote .yb-color2,
ul .yb-color2,
ol .yb-color2,
li .yb-color2,
dl .yb-color2,
dt .yb-color2,
dd .yb-color2,
pre .yb-color2,
table .yb-color2,
caption .yb-color2,
tr .yb-color2,
td .yb-color2,
th .yb-color2,
article .yb-color2,
aside .yb-color2,
details .yb-color2,
figcaption .yb-color2,
figure .yb-color2,
footer .yb-color2,
header .yb-color2,
hgroup .yb-color2,
menu .yb-color2,
nav .yb-color2,
section .yb-color2,
summary .yb-color2,
time .yb-color2,
mark .yb-color2,
audio .yb-color2,
video .yb-color2 {
    color: #d1d1d1
}

html .yb-color3,
body .yb-color3,
h1 .yb-color3,
h2 .yb-color3,
h3 .yb-color3,
h4 .yb-color3,
h5 .yb-color3,
h6 .yb-color3,
p .yb-color3,
br .yb-color3,
div .yb-color3,
form .yb-color3,
input .yb-color3,
button .yb-color3,
textarea .yb-color3,
select .yb-color3,
fieldset .yb-color3,
legend .yb-color3,
blockquote .yb-color3,
ul .yb-color3,
ol .yb-color3,
li .yb-color3,
dl .yb-color3,
dt .yb-color3,
dd .yb-color3,
pre .yb-color3,
table .yb-color3,
caption .yb-color3,
tr .yb-color3,
td .yb-color3,
th .yb-color3,
article .yb-color3,
aside .yb-color3,
details .yb-color3,
figcaption .yb-color3,
figure .yb-color3,
footer .yb-color3,
header .yb-color3,
hgroup .yb-color3,
menu .yb-color3,
nav .yb-color3,
section .yb-color3,
summary .yb-color3,
time .yb-color3,
mark .yb-color3,
audio .yb-color3,
video .yb-color3 {
    color: #999
}

html .yb-bgcolor1,
body .yb-bgcolor1,
h1 .yb-bgcolor1,
h2 .yb-bgcolor1,
h3 .yb-bgcolor1,
h4 .yb-bgcolor1,
h5 .yb-bgcolor1,
h6 .yb-bgcolor1,
p .yb-bgcolor1,
br .yb-bgcolor1,
div .yb-bgcolor1,
form .yb-bgcolor1,
input .yb-bgcolor1,
button .yb-bgcolor1,
textarea .yb-bgcolor1,
select .yb-bgcolor1,
fieldset .yb-bgcolor1,
legend .yb-bgcolor1,
blockquote .yb-bgcolor1,
ul .yb-bgcolor1,
ol .yb-bgcolor1,
li .yb-bgcolor1,
dl .yb-bgcolor1,
dt .yb-bgcolor1,
dd .yb-bgcolor1,
pre .yb-bgcolor1,
table .yb-bgcolor1,
caption .yb-bgcolor1,
tr .yb-bgcolor1,
td .yb-bgcolor1,
th .yb-bgcolor1,
article .yb-bgcolor1,
aside .yb-bgcolor1,
details .yb-bgcolor1,
figcaption .yb-bgcolor1,
figure .yb-bgcolor1,
footer .yb-bgcolor1,
header .yb-bgcolor1,
hgroup .yb-bgcolor1,
menu .yb-bgcolor1,
nav .yb-bgcolor1,
section .yb-bgcolor1,
summary .yb-bgcolor1,
time .yb-bgcolor1,
mark .yb-bgcolor1,
audio .yb-bgcolor1,
video .yb-bgcolor1 {
    background-color: #fff
}

html .yb-bgcolor2,
body .yb-bgcolor2,
h1 .yb-bgcolor2,
h2 .yb-bgcolor2,
h3 .yb-bgcolor2,
h4 .yb-bgcolor2,
h5 .yb-bgcolor2,
h6 .yb-bgcolor2,
p .yb-bgcolor2,
br .yb-bgcolor2,
div .yb-bgcolor2,
form .yb-bgcolor2,
input .yb-bgcolor2,
button .yb-bgcolor2,
textarea .yb-bgcolor2,
select .yb-bgcolor2,
fieldset .yb-bgcolor2,
legend .yb-bgcolor2,
blockquote .yb-bgcolor2,
ul .yb-bgcolor2,
ol .yb-bgcolor2,
li .yb-bgcolor2,
dl .yb-bgcolor2,
dt .yb-bgcolor2,
dd .yb-bgcolor2,
pre .yb-bgcolor2,
table .yb-bgcolor2,
caption .yb-bgcolor2,
tr .yb-bgcolor2,
td .yb-bgcolor2,
th .yb-bgcolor2,
article .yb-bgcolor2,
aside .yb-bgcolor2,
details .yb-bgcolor2,
figcaption .yb-bgcolor2,
figure .yb-bgcolor2,
footer .yb-bgcolor2,
header .yb-bgcolor2,
hgroup .yb-bgcolor2,
menu .yb-bgcolor2,
nav .yb-bgcolor2,
section .yb-bgcolor2,
summary .yb-bgcolor2,
time .yb-bgcolor2,
mark .yb-bgcolor2,
audio .yb-bgcolor2,
video .yb-bgcolor2 {
    background-color: #f6f7f8
}

html .yb-bgcolor3,
body .yb-bgcolor3,
h1 .yb-bgcolor3,
h2 .yb-bgcolor3,
h3 .yb-bgcolor3,
h4 .yb-bgcolor3,
h5 .yb-bgcolor3,
h6 .yb-bgcolor3,
p .yb-bgcolor3,
br .yb-bgcolor3,
div .yb-bgcolor3,
form .yb-bgcolor3,
input .yb-bgcolor3,
button .yb-bgcolor3,
textarea .yb-bgcolor3,
select .yb-bgcolor3,
fieldset .yb-bgcolor3,
legend .yb-bgcolor3,
blockquote .yb-bgcolor3,
ul .yb-bgcolor3,
ol .yb-bgcolor3,
li .yb-bgcolor3,
dl .yb-bgcolor3,
dt .yb-bgcolor3,
dd .yb-bgcolor3,
pre .yb-bgcolor3,
table .yb-bgcolor3,
caption .yb-bgcolor3,
tr .yb-bgcolor3,
td .yb-bgcolor3,
th .yb-bgcolor3,
article .yb-bgcolor3,
aside .yb-bgcolor3,
details .yb-bgcolor3,
figcaption .yb-bgcolor3,
figure .yb-bgcolor3,
footer .yb-bgcolor3,
header .yb-bgcolor3,
hgroup .yb-bgcolor3,
menu .yb-bgcolor3,
nav .yb-bgcolor3,
section .yb-bgcolor3,
summary .yb-bgcolor3,
time .yb-bgcolor3,
mark .yb-bgcolor3,
audio .yb-bgcolor3,
video .yb-bgcolor3 {
    background-color: #f7f8fc
}

html .yb-ml10,
body .yb-ml10,
h1 .yb-ml10,
h2 .yb-ml10,
h3 .yb-ml10,
h4 .yb-ml10,
h5 .yb-ml10,
h6 .yb-ml10,
p .yb-ml10,
br .yb-ml10,
div .yb-ml10,
form .yb-ml10,
input .yb-ml10,
button .yb-ml10,
textarea .yb-ml10,
select .yb-ml10,
fieldset .yb-ml10,
legend .yb-ml10,
blockquote .yb-ml10,
ul .yb-ml10,
ol .yb-ml10,
li .yb-ml10,
dl .yb-ml10,
dt .yb-ml10,
dd .yb-ml10,
pre .yb-ml10,
table .yb-ml10,
caption .yb-ml10,
tr .yb-ml10,
td .yb-ml10,
th .yb-ml10,
article .yb-ml10,
aside .yb-ml10,
details .yb-ml10,
figcaption .yb-ml10,
figure .yb-ml10,
footer .yb-ml10,
header .yb-ml10,
hgroup .yb-ml10,
menu .yb-ml10,
nav .yb-ml10,
section .yb-ml10,
summary .yb-ml10,
time .yb-ml10,
mark .yb-ml10,
audio .yb-ml10,
video .yb-ml10 {
    margin-left: 10px
}

html .yb-ml20,
body .yb-ml20,
h1 .yb-ml20,
h2 .yb-ml20,
h3 .yb-ml20,
h4 .yb-ml20,
h5 .yb-ml20,
h6 .yb-ml20,
p .yb-ml20,
br .yb-ml20,
div .yb-ml20,
form .yb-ml20,
input .yb-ml20,
button .yb-ml20,
textarea .yb-ml20,
select .yb-ml20,
fieldset .yb-ml20,
legend .yb-ml20,
blockquote .yb-ml20,
ul .yb-ml20,
ol .yb-ml20,
li .yb-ml20,
dl .yb-ml20,
dt .yb-ml20,
dd .yb-ml20,
pre .yb-ml20,
table .yb-ml20,
caption .yb-ml20,
tr .yb-ml20,
td .yb-ml20,
th .yb-ml20,
article .yb-ml20,
aside .yb-ml20,
details .yb-ml20,
figcaption .yb-ml20,
figure .yb-ml20,
footer .yb-ml20,
header .yb-ml20,
hgroup .yb-ml20,
menu .yb-ml20,
nav .yb-ml20,
section .yb-ml20,
summary .yb-ml20,
time .yb-ml20,
mark .yb-ml20,
audio .yb-ml20,
video .yb-ml20 {
    margin-left: 20px
}

html .scrollarea-padding-right,
body .scrollarea-padding-right,
h1 .scrollarea-padding-right,
h2 .scrollarea-padding-right,
h3 .scrollarea-padding-right,
h4 .scrollarea-padding-right,
h5 .scrollarea-padding-right,
h6 .scrollarea-padding-right,
p .scrollarea-padding-right,
br .scrollarea-padding-right,
div .scrollarea-padding-right,
form .scrollarea-padding-right,
input .scrollarea-padding-right,
button .scrollarea-padding-right,
textarea .scrollarea-padding-right,
select .scrollarea-padding-right,
fieldset .scrollarea-padding-right,
legend .scrollarea-padding-right,
blockquote .scrollarea-padding-right,
ul .scrollarea-padding-right,
ol .scrollarea-padding-right,
li .scrollarea-padding-right,
dl .scrollarea-padding-right,
dt .scrollarea-padding-right,
dd .scrollarea-padding-right,
pre .scrollarea-padding-right,
table .scrollarea-padding-right,
caption .scrollarea-padding-right,
tr .scrollarea-padding-right,
td .scrollarea-padding-right,
th .scrollarea-padding-right,
article .scrollarea-padding-right,
aside .scrollarea-padding-right,
details .scrollarea-padding-right,
figcaption .scrollarea-padding-right,
figure .scrollarea-padding-right,
footer .scrollarea-padding-right,
header .scrollarea-padding-right,
hgroup .scrollarea-padding-right,
menu .scrollarea-padding-right,
nav .scrollarea-padding-right,
section .scrollarea-padding-right,
summary .scrollarea-padding-right,
time .scrollarea-padding-right,
mark .scrollarea-padding-right,
audio .scrollarea-padding-right,
video .scrollarea-padding-right {
    padding-right: 14px
}

html .yb-hover-icon-999:before,
body .yb-hover-icon-999:before,
h1 .yb-hover-icon-999:before,
h2 .yb-hover-icon-999:before,
h3 .yb-hover-icon-999:before,
h4 .yb-hover-icon-999:before,
h5 .yb-hover-icon-999:before,
h6 .yb-hover-icon-999:before,
p .yb-hover-icon-999:before,
br .yb-hover-icon-999:before,
div .yb-hover-icon-999:before,
form .yb-hover-icon-999:before,
input .yb-hover-icon-999:before,
button .yb-hover-icon-999:before,
textarea .yb-hover-icon-999:before,
select .yb-hover-icon-999:before,
fieldset .yb-hover-icon-999:before,
legend .yb-hover-icon-999:before,
blockquote .yb-hover-icon-999:before,
ul .yb-hover-icon-999:before,
ol .yb-hover-icon-999:before,
li .yb-hover-icon-999:before,
dl .yb-hover-icon-999:before,
dt .yb-hover-icon-999:before,
dd .yb-hover-icon-999:before,
pre .yb-hover-icon-999:before,
table .yb-hover-icon-999:before,
caption .yb-hover-icon-999:before,
tr .yb-hover-icon-999:before,
td .yb-hover-icon-999:before,
th .yb-hover-icon-999:before,
article .yb-hover-icon-999:before,
aside .yb-hover-icon-999:before,
details .yb-hover-icon-999:before,
figcaption .yb-hover-icon-999:before,
figure .yb-hover-icon-999:before,
footer .yb-hover-icon-999:before,
header .yb-hover-icon-999:before,
hgroup .yb-hover-icon-999:before,
menu .yb-hover-icon-999:before,
nav .yb-hover-icon-999:before,
section .yb-hover-icon-999:before,
summary .yb-hover-icon-999:before,
time .yb-hover-icon-999:before,
mark .yb-hover-icon-999:before,
audio .yb-hover-icon-999:before,
video .yb-hover-icon-999:before {
    color: #5a6074
}

html .yb-hover-icon-999:hover:before,
body .yb-hover-icon-999:hover:before,
h1 .yb-hover-icon-999:hover:before,
h2 .yb-hover-icon-999:hover:before,
h3 .yb-hover-icon-999:hover:before,
h4 .yb-hover-icon-999:hover:before,
h5 .yb-hover-icon-999:hover:before,
h6 .yb-hover-icon-999:hover:before,
p .yb-hover-icon-999:hover:before,
br .yb-hover-icon-999:hover:before,
div .yb-hover-icon-999:hover:before,
form .yb-hover-icon-999:hover:before,
input .yb-hover-icon-999:hover:before,
button .yb-hover-icon-999:hover:before,
textarea .yb-hover-icon-999:hover:before,
select .yb-hover-icon-999:hover:before,
fieldset .yb-hover-icon-999:hover:before,
legend .yb-hover-icon-999:hover:before,
blockquote .yb-hover-icon-999:hover:before,
ul .yb-hover-icon-999:hover:before,
ol .yb-hover-icon-999:hover:before,
li .yb-hover-icon-999:hover:before,
dl .yb-hover-icon-999:hover:before,
dt .yb-hover-icon-999:hover:before,
dd .yb-hover-icon-999:hover:before,
pre .yb-hover-icon-999:hover:before,
table .yb-hover-icon-999:hover:before,
caption .yb-hover-icon-999:hover:before,
tr .yb-hover-icon-999:hover:before,
td .yb-hover-icon-999:hover:before,
th .yb-hover-icon-999:hover:before,
article .yb-hover-icon-999:hover:before,
aside .yb-hover-icon-999:hover:before,
details .yb-hover-icon-999:hover:before,
figcaption .yb-hover-icon-999:hover:before,
figure .yb-hover-icon-999:hover:before,
footer .yb-hover-icon-999:hover:before,
header .yb-hover-icon-999:hover:before,
hgroup .yb-hover-icon-999:hover:before,
menu .yb-hover-icon-999:hover:before,
nav .yb-hover-icon-999:hover:before,
section .yb-hover-icon-999:hover:before,
summary .yb-hover-icon-999:hover:before,
time .yb-hover-icon-999:hover:before,
mark .yb-hover-icon-999:hover:before,
audio .yb-hover-icon-999:hover:before,
video .yb-hover-icon-999:hover:before {
    color: #d1d1d1
}

html .yb-family-odds,
body .yb-family-odds,
h1 .yb-family-odds,
h2 .yb-family-odds,
h3 .yb-family-odds,
h4 .yb-family-odds,
h5 .yb-family-odds,
h6 .yb-family-odds,
p .yb-family-odds,
br .yb-family-odds,
div .yb-family-odds,
form .yb-family-odds,
input .yb-family-odds,
button .yb-family-odds,
textarea .yb-family-odds,
select .yb-family-odds,
fieldset .yb-family-odds,
legend .yb-family-odds,
blockquote .yb-family-odds,
ul .yb-family-odds,
ol .yb-family-odds,
li .yb-family-odds,
dl .yb-family-odds,
dt .yb-family-odds,
dd .yb-family-odds,
pre .yb-family-odds,
table .yb-family-odds,
caption .yb-family-odds,
tr .yb-family-odds,
td .yb-family-odds,
th .yb-family-odds,
article .yb-family-odds,
aside .yb-family-odds,
details .yb-family-odds,
figcaption .yb-family-odds,
figure .yb-family-odds,
footer .yb-family-odds,
header .yb-family-odds,
hgroup .yb-family-odds,
menu .yb-family-odds,
nav .yb-family-odds,
section .yb-family-odds,
summary .yb-family-odds,
time .yb-family-odds,
mark .yb-family-odds,
audio .yb-family-odds,
video .yb-family-odds {
    font-family: Roboto, sans-serif;
    font-style: normal
}

html .yb-flex-nowrap,
body .yb-flex-nowrap,
h1 .yb-flex-nowrap,
h2 .yb-flex-nowrap,
h3 .yb-flex-nowrap,
h4 .yb-flex-nowrap,
h5 .yb-flex-nowrap,
h6 .yb-flex-nowrap,
p .yb-flex-nowrap,
br .yb-flex-nowrap,
div .yb-flex-nowrap,
form .yb-flex-nowrap,
input .yb-flex-nowrap,
button .yb-flex-nowrap,
textarea .yb-flex-nowrap,
select .yb-flex-nowrap,
fieldset .yb-flex-nowrap,
legend .yb-flex-nowrap,
blockquote .yb-flex-nowrap,
ul .yb-flex-nowrap,
ol .yb-flex-nowrap,
li .yb-flex-nowrap,
dl .yb-flex-nowrap,
dt .yb-flex-nowrap,
dd .yb-flex-nowrap,
pre .yb-flex-nowrap,
table .yb-flex-nowrap,
caption .yb-flex-nowrap,
tr .yb-flex-nowrap,
td .yb-flex-nowrap,
th .yb-flex-nowrap,
article .yb-flex-nowrap,
aside .yb-flex-nowrap,
details .yb-flex-nowrap,
figcaption .yb-flex-nowrap,
figure .yb-flex-nowrap,
footer .yb-flex-nowrap,
header .yb-flex-nowrap,
hgroup .yb-flex-nowrap,
menu .yb-flex-nowrap,
nav .yb-flex-nowrap,
section .yb-flex-nowrap,
summary .yb-flex-nowrap,
time .yb-flex-nowrap,
mark .yb-flex-nowrap,
audio .yb-flex-nowrap,
video .yb-flex-nowrap {
    flex-wrap: nowrap
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

.yb-icon-arrow {
    width: 6px;
    height: 7px;
    transition: transform .3s;
    position: relative
}

.yb-icon-arrow:before {
    content: "";
    width: 100%;
    height: 100%;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--q-icon-color-1);
    transform: rotate(45deg);
    position: absolute;
    left: -35.35%;
    top: 0
}

.yb-icon-boder-arrow {
    width: 10px;
    height: 5px;
    overflow: hidden;
    position: relative
}

.yb-icon-boder-arrow:before {
    position: absolute;
    left: 0;
    top: 41.42%;
    content: "";
    width: 100%;
    height: 200%;
    transform: rotate(45deg);
    border-left: 1px solid #A80A33;
    border-top: 1px solid #A80A33
}

.yb-icon-triangle {
    width: 10px;
    height: 5px;
    overflow: hidden
}

.yb-icon-triangle:before {
    position: absolute;
    left: 0;
    top: 41.42%;
    content: "";
    width: 100%;
    height: 200%;
    transform: rotate(45deg);
    background-color: #ccc
}

.yb-absolute.ellipsis {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.yb-absolute-fit {
    position: absolute;
    inset: 0
}

.q-virtual-scroll__content .q-manual-focusable--focused {
    background: #e3e9ee
}

.q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {
    opacity: 0 !important
}

.q-virtual-scroll__content .q-item--active {
    color: #17191d;
    background: #e3e9ee
}

.theme-3 .new-pc-pagination .q-virtual-scroll__content .q-item:hover,
.theme-3 .new-pc-pagination .q-virtual-scroll__content .q-item--active:hover {
    background: #ffb0011a !important;
    color: #ffb001 !important
}

.theme-3 .new-pc-pagination .q-virtual-scroll__content .q-item--active {
    color: #a0a0a0
}

.theme-3 .record-select-date .q-date__calendar-days-container .text-orange {
    color: #ffb001 !important
}

.new-pc-pagination .q-virtual-scroll__content .q-item:hover,
.new-pc-pagination .q-virtual-scroll__content .q-item--active:hover {
    background: #74c4ff1a !important;
    color: #179cff !important
}

.new-pc-pagination .q-virtual-scroll__content .q-item--active {
    color: #a0a0a0
}

.theme-2 .record-select-date .q-date__calendar-days-container .text-blue {
    color: #179cff !important
}

.theme-1 .new-pc-pagination .q-virtual-scroll__content .q-item--active {
    color: #555
}

.theme-1 .record-select-date .q-date__calendar-days-container .text-blue {
    color: #179cff !important
}

.q-item,
.q-item--active {
    min-height: 20px !important
}

.q-item:hover,
.q-item--active:hover {
    background-color: #179cff33 !important;
    color: #179cff !important
}

.q-virtual-scroll__content .q-item--active {
    background-color: #fcfcfc00;
    color: #000
}

.v-scroll-area:after {
    z-index: 99;
    content: "";
    display: block;
    width: 14px;
    background: var(--q-bg-gb-c-11) !important
}

.v-scroll-area .q-scrollarea__bar {
    z-index: 500;
    opacity: 0;
    width: 14px
}

.v-scroll-area .q-scrollarea__thumb {
    z-index: 501;
    opacity: 1;
    width: 7px;
    border-radius: 4px;
    cursor: pointer
}

.v-scroll-area.video-wrap:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.v-scroll-area.video-wrap .q-scrollarea__thumb {
    right: 3.5px !important
}

.q-scrollarea__thumb {
    width: 12px;
    right: 2px;
    opacity: 1;
    border-radius: 4px;
    cursor: pointer;
    background: #3c3f4c4d
}

img {
    background-size: 100%
}

.alert-wrap .btn {
    background: #ffb001
}

div[class *=ranking-bg-style] {
    background-size: 100% 100%
}

.theme-1 .leagues-logo-default {
    background-image: url(/image/svg/league_logo_01.svg)
}

.theme-2 .leagues-logo-default,
.theme-3 .leagues-logo-default {
    background-image: url(/image/svg/league_logo_02.svg)
}

.yb-goal-gif {
    margin-left: 5px;
    min-width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 0% 0;
    background-size: auto 100%;
    animation: 1s goal-gif infinite steps(29, end)
}

@keyframes goal-gif {
    0% {
        background-position: 0%, 0
    }

    to {
        background-position: 100%, 0
    }
}

.yb-site-left-width.normal .c-main-menu-mini,
.yb-site-left-width.mini-normal .c-main-menu-mini,
.yb-site-left-width.mini .c-main-menu {
    display: none
}

.menu_toggle-btn {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 400;
    width: 12px;
    height: 30px;
    left: 234px;
    border-radius: 0 8px 8px 0;
    cursor: pointer
}

.menu_toggle-btn.mini {
    left: 64px
}

.menu_toggle-btn.mini img {
    transform: rotate(180deg)
}

.menu_toggle-btn:hover {
    width: 15px
}

.theme01 .menu_toggle-btn,
.theme01_y0 .menu_toggle-btn {
    background: var(--qq--theme-bg-menu-toggle-btn);
    opacity: .9
}

.theme01 .menu_toggle-btn:hover,
.theme01_y0 .menu_toggle-btn:hover {
    opacity: 1
}

.theme02 .menu_toggle-btn,
.theme02_y0 .menu_toggle-btn {
    background: #fff3
}

.theme02 .menu_toggle-btn:hover,
.theme02_y0 .menu_toggle-btn:hover {
    background: #ffffff4d
}

.allow-user-select {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    -khtml-user-select: text;
    user-select: text;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--q-text-color);
    line-height: 1.3
}

:root {
    --q-color-primary: var(--qq--y0-btn-hover);
    --q-color-primary-up: #E93D3D;
    --q-color-primary-down: #50C042
}

.pager .text-primary {
    color: var(--qq--activity-text-color-gray) !important
}

.theme-1-logo img[class *=team-logo-] {
    background-image: url(/image/common/png/team_logo_01.png)
}

.theme-1-logo .team-logo-logo[src^=data] {
    background-image: url(/image/theme01/team_logo/logo.svg)
}

.theme-2-logo img[class *=team-logo-],
.theme-3-logo img[class *=team-logo-] {
    background-image: url(/image/common/png/team_logo_02.png)
}

.theme-2-logo .team-logo-logo[src^=data],
.theme-3-logo .team-logo-logo[src^=data] {
    background-image: url(/image/theme02/team_logo/logo.svg)
}

.leagues-logo-default {
    background-image: url(/image/svg/league_logo_02.svg)
}

.new-pc-2025 .bg-blue {
    background: var(--q-theme-color-1-default) !important
}

.new-pc-2025 .text-blue,
.new-pc-2025 .record-select-date .q-date__calendar-days-container .text-blue {
    color: var(--q-theme-color-1-default) !important
}

.new-pc-2025 .new-pc-pagination .q-virtual-scroll__content .q-item:hover,
.new-pc-2025 .new-pc-pagination .q-virtual-scroll__content .q-item--active:hover {
    background-color: var(--q-transparent-theme-color-1) !important;
    color: var(--q-theme-color-1-default) !important
}

.full-height {
    height: 100% !important;
    position: relative;
    z-index: 99
}

@font-face {
    font-family: icomoon;
    src: url(/2026-03-03-17-18-06/static/woff2/icomoon-Bp00ZV4-.woff2?kc1pcm) format("woff2"), url(/2026-03-03-17-18-06/static/ttf/icomoon-CE5IkD0k.ttf?kc1pcm) format("truetype"), url(/2026-03-03-17-18-06/static/woff/icomoon-6g7VlvEs.woff?kc1pcm) format("woff"), url(/2026-03-03-17-18-06/static/svg/icomoon-B_EYVYxN.svg?kc1pcm#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-],
[class *=" icon-"] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-delete:before {
    content: "";
    color: #999
}

.icon-arrow:before {
    content: "";
    color: #4176fa
}

.icon-arrow-clean:before {
    content: ""
}

.icon-neutral .path1:before {
    content: "";
    color: #51b7b5
}

.icon-neutral .path2:before {
    content: "";
    margin-left: -1em;
    color: #fff
}

.icon-sort_settle_time:before {
    content: "";
    color: #c1c4c7
}

.icon-sort_match_time:before {
    content: "";
    color: #c1c4c7
}

.icon-sort_bet_time:before {
    content: "";
    color: #c1c4c7
}

.icon-bet_pre:before {
    content: "";
    color: #5a6074
}

.icon-balance_refresh .path1:before {
    content: "";
    color: #d8d8d8;
    opacity: .05
}

.icon-balance_refresh .path2:before {
    content: "";
    margin-left: -1em;
    color: #999
}

.icon-balance_refresh .path3:before {
    content: "";
    margin-left: -1em;
    color: #999
}

.icon-eye_hide2:before {
    content: "";
    color: #999
}

.icon-menu_show_normal:before {
    content: "";
    color: #999
}

.icon-play:before {
    content: ""
}

.icon-timer:before {
    content: "";
    color: #fa6400
}

.icon-whistle:before {
    content: "";
    color: #99a3b1
}

.icon-match_over:before {
    content: "";
    color: #6d7278
}

.icon-match_pause .path1:before {
    content: "";
    color: #5a6074
}

.icon-match_pause .path2:before {
    content: "";
    margin-left: -1.0478515625em;
    color: #ff2a2a
}

.icon-match_pause .path3:before {
    content: "";
    margin-left: -1.0478515625em;
    color: #ff2a2a
}

.icon-match_playing .path1:before {
    content: "";
    color: #6dd400
}

.icon-match_playing .path2:before {
    content: "";
    margin-left: -1.0478515625em;
    color: #5a6074
}

.icon-cup_day:before {
    content: "";
    color: #d1d1d1
}

.icon-cup_night:before {
    content: ""
}

.icon-triangle_solid:before {
    content: ""
}

.icon-radio-checked:before {
    content: ""
}

.icon-checkbox:before {
    content: ""
}

.icon-checkbox-checked .path1:before {
    content: "";
    color: #ffb001
}

.icon-checkbox-checked .path2:before {
    content: "";
    margin-left: -1em;
    color: #fff
}

.icon-radio:before {
    content: ""
}

.icon-lock:before {
    content: "";
    color: #bcbcbe
}

.icon-rs_huang:before {
    content: "";
    color: #ffb001
}

.icon-on_base3:before {
    content: "";
    color: #ffb001
}

.icon-on_base0:before {
    content: "";
    color: #5a6074
}

.icon-on_base1 .path1:before {
    content: "";
    color: #5a6074
}

.icon-on_base1 .path2:before {
    content: "";
    margin-left: -1em;
    color: #ffb001
}

.icon-on_base1 .path3:before {
    content: "";
    margin-left: -1em;
    color: #5a6074
}

.icon-on_base2 .path1:before {
    content: "";
    color: #ffb001
}

.icon-on_base2 .path2:before {
    content: "";
    margin-left: -1em;
    color: #ffb001
}

.icon-on_base2 .path3:before {
    content: "";
    margin-left: -1em;
    color: #5a6074
}

.icon-tips4:before {
    content: "";
    color: #fff
}

.icon-list1:before {
    content: "";
    color: #fff
}

.icon-list2:before {
    content: "";
    color: #fff
}

.icon-small:before {
    content: "";
    color: #abbac8
}

.icon-big:before {
    content: "";
    color: #fff
}

.icon-icon_copy:before {
    content: "";
    color: #99a3b1
}

.icon-star:before {
    content: "";
    color: #99a3b1
}

.icon-live_box:before {
    content: "";
    color: #ffb001
}

.icon-animation2:before {
    content: "";
    color: #5a6074
}

.icon-signal:before {
    content: "";
    color: #5a6074
}

.icon-statistics:before {
    content: "";
    color: #08d764
}

.icon-sports_iceball:before {
    content: "";
    color: #adadad
}

.icon-sports_baseball:before {
    content: "";
    color: #adadad
}

.icon-sports_americaball:before {
    content: "";
    color: #adadad
}

.icon-sports_volleyball:before {
    content: "";
    color: #adadad
}

.icon-sports_badminton:before {
    content: "";
    color: #adadad
}

.icon-sports_basketball:before {
    content: "";
    color: #adadad
}

.icon-sports_pingpong:before {
    content: "";
    color: #adadad
}

.icon-sports_snooker:before {
    content: "";
    color: #adadad
}

.icon-sports_soccer:before {
    content: "";
    color: #adadad
}

.icon-sports_tennis:before {
    content: "";
    color: #adadad
}

.icon-arrow-left:before {
    content: "";
    color: #ffb001
}

.icon-arrow-right:before {
    content: "";
    color: #ffb001
}

.icon-live_text .path1:before {
    content: "";
    color: #000
}

.icon-live_text .path2:before {
    content: "";
    margin-left: -2.1669921875em;
    color: #fff
}

.icon-rs_hong:before {
    content: "";
    color: #ff4a4a
}

.icon-rs_dian .path1:before {
    content: "";
    color: #5a6074
}

.icon-rs_dian .path2:before {
    content: "";
    margin-left: -1em;
    color: #abbac8
}

.icon-jin-jia:before {
    content: "";
    color: #08d764
}

.icon-jia-dian:before {
    content: "";
    color: #9ea5b4
}

.icon-sort-down .path1:before {
    content: "";
    color: #ffb001
}

.icon-sort-down .path2:before {
    content: "";
    margin-left: -1em;
    color: #99a3b1
}

.icon-sort-up .path1:before {
    content: "";
    color: #ffb001
}

.icon-sort-up .path2:before {
    content: "";
    margin-left: -1em;
    color: #99a3b1
}

.icon-rs_jiao_quan .path1:before {
    content: "";
    color: #ff4a4a
}

.icon-rs_jiao_quan .path2:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jiao_quan .path3:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jiao_quan .path4:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jiao_shang .path1:before {
    content: "";
    color: #ff4a4a
}

.icon-rs_jiao_shang .path2:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jiao_shang .path3:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jiao_xia .path1:before {
    content: "";
    color: #ff4a4a
}

.icon-rs_jiao_xia .path2:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jiao_xia .path3:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jin_quan:before {
    content: "";
    color: #08d764
}

.icon-jin-shang:before {
    content: "";
    color: #08d764
}

.icon-jin-xia:before {
    content: "";
    color: #08d764
}

.icon-calendar:before {
    content: ""
}

.icon-refresh:before {
    content: "";
    color: #abbac8
}

.icon-sports_gaming:before {
    content: "";
    color: #6d7278
}

.icon-eye_hide:before {
    content: "";
    color: #5a6074
}

.icon-eye_show:before {
    content: "";
    color: #5a6074
}

.icon-go_top:before {
    content: "";
    color: #5a6074
}

.icon-del:before {
    content: ""
}

.icon-close:before {
    content: "";
    color: #6d7278
}

.icon-triangle2:before {
    content: "";
    color: #d1d1d1
}

.icon-triangle3:before {
    content: "";
    color: #d1d1d1
}

.icon-triangle:before {
    content: "";
    color: #d1d1d1
}

.icon-triangle1:before {
    content: "";
    color: #d1d1d1
}

.icon-media_switch:before {
    content: "";
    color: #5a6074
}

.icon-sort_league:before {
    content: "";
    color: #abbac8
}

.icon-tips3:before {
    content: "";
    color: #5a6074
}

.icon-tips:before {
    content: "";
    color: #99a3b1
}

.icon-success:before {
    content: "";
    color: #1fa686
}

.icon-failure:before {
    content: "";
    color: #ee4848
}

.icon-plus:before {
    content: "";
    color: #fff
}

.icon-search:before {
    content: "";
    color: #5a6074
}

.icon-sort:before {
    content: ""
}

.icon-rs_dian_jia:before {
    content: "";
    color: #9ea5b4
}

.icon-rs_jia_shi:before {
    content: "";
    color: #9ea5b4
}

.icon-rs_jin_quan1:before {
    content: "";
    color: #00a997
}

.icon-rs_jin_shang:before {
    content: "";
    color: #00a997
}

.icon-rs_jin_xia:before {
    content: "";
    color: #00a997
}

.icon-rs_hong1:before {
    content: "";
    color: #ff4a4a
}

.icon-rs_huang1:before {
    content: "";
    color: #efcc6e
}

.icon-triangle4:before {
    content: "";
    color: #d1d1d1
}

.icon-circle:before {
    content: ""
}

.icon-del1:before {
    content: "";
    color: #99a3b1
}

.icon-set_top1:before {
    content: "";
    color: #9ea5b4
}

.icon-football:before {
    content: "";
    color: #fff
}

.icon-circle1:before {
    content: ""
}

.icon-flame:before {
    content: "";
    color: #08d764
}

.icon-open:before {
    content: "";
    color: #5a6074
}

.icon-hide:before {
    content: "";
    color: #5a6074
}

.icon-play_pause:before {
    content: "";
    color: #ffb001
}

.icon-play_stop:before {
    content: "";
    color: #5a6074
}

.icon-set_top:before {
    content: "";
    color: #ffb001
}

.icon-sort_date:before {
    content: "";
    color: #08d764
}

.icon-back:before {
    content: "";
    color: #abbac8
}

.fullscreen {
    z-index: 100000 !important
}

.bet-result-dialog,
.bet-toast {
    z-index: 100001 !important
}

.q-tooltip {
    z-index: 10003 !important
}

.sport-img {
    background-image: var(--qq--bg-image-url2)
}

.sport-img.img36 {
    background-image: var(--qq--menu-bg-image1)
}

body .q-virtual-scroll__content .select-item:hover {
    background-color: #569ffd;
    color: #fff
}

.within-iframe .menu_toggle-btn {
    left: 230px;
    cursor: pointer
}

.within-iframe .menu_toggle-btn.mini {
    left: 64px
}

.within-iframe .yb-match-list:after {
    width: 10px
}

.within-iframe .yb-match-list:before {
    right: 10px !important
}

.within-iframe .v-scroll-area:after {
    width: 10px
}

.within-iframe .v-scroll-area .q-scrollarea__thumb {
    width: 6px
}

.within-iframe .page-center .v-scroll-area .content-wrap .scroll-header,
.within-iframe .page-right .v-scroll-area .content-wrap .scroll-header {
    padding-right: 10px !important
}

.within-iframe .c-main-menu .content-wrap .scroll-header {
    right: 0 !important
}

.within-iframe .scroll-fixed-header {
    right: 10px
}

.within-iframe .detials_layout .scroll-fixed-header {
    right: 0
}

.within-iframe .v-scroll-list .list-scrollbar {
    right: 2px;
    padding-right: 0
}

.within-iframe .v-scroll-list .list-scrollbar::-webkit-scrollbar {
    width: 6px
}

.within-iframe .v-scroll-list .list-scrollbar::-webkit-scrollbar-thumb {
    width: 6px
}

@-moz-document url-prefix() {
    .within-iframe .v-scroll-list .list-scrollbar {
        right: 1px;
        padding-right: 0
    }
}

.v-scroll-area:after {
    pointer-events: none
}

@keyframes tooltip {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.c-tooltip {
    position: absolute;
    left: 50%;
    top: -24px;
    transform: translate(-50%);
    color: #fff;
    background-color: #000c;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    opacity: 0;
    white-space: nowrap;
    pointer-events: none
}

.c-tooltip-wrap:hover .c-tooltip {
    animation: tooltip 300000s linear 1s
}

.c-tooltip-0s:hover .c-tooltip {
    opacity: 1
}

.dplayer-controller,
.dplayer-menu,
.dplayer-setting,
.dplayer-bar-time,
.dplayer-notice,
.dplayer-live-badge,
.dplayer-mobile-play,
.dplayer-mask,
.dplayer-controller-mask,
.dplayer-info-panel {
    display: none
}

.match-hot {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    z-index: 1
}

.q-scrollarea {
    contain: none
}

body * ::-webkit-scrollbar {
    width: 7px;
    background-color: var(--q-gb-bg-c-22)
}

body * ::-webkit-scrollbar-thumb {
    background-color: var(--q-gb-bg-c-47);
    border-radius: 4px
}

body .dialog-scroll::-webkit-scrollbar {
    background-color: #fff
}

body .dialog-scroll::-webkit-scrollbar-thumb {
    background-color: #0000001a
}

body .record-page .record-table * ::-webkit-scrollbar-thumb {
    background-color: var(--q-gb-bg-c-10)
}

.vdr-container.draggable {
    border: none !important
}

.vdr-container.active {
    border-color: transparent !important;
    border-style: none !important
}

.bet-list .bet-flot-conent .q-scrollarea__content.absolute {
    width: 100%
}

.q-notifications__list,
.q-notification {
    z-index: 100002
}

.bet-box-pc-1 .q-scrollarea__thumb {
    display: none !important
}

.new-pc-2025 .yb-match-list .jingcai .basic-col .score-wrap {
    background: var(--q-bg-color-3-1)
}

.new-pc-2025 .match-list-container .favorable_back {
    background: var(--q-bg-color-3-2) !important
}

body .c-match-list-header {
    background-image: var(--q-gb-bg-lg-18);
    border-radius: 6px 6px 0 0;
    border: 1px solid var(--q-gb-bd-c-6);
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .c-match-list-header.today-champion {
    border-radius: 6px;
    border-color: var(--q-gb-bd-c-6)
}

body .c-match-list-header .col-left .list-title .title-text {
    font-weight: 550;
    color: var(--q-gb-t-c-5)
}

body .c-match-list-header .col-left .list-title .title-text.search {
    color: #595f73
}

body .c-match-list-header .col-left .btn-wrap {
    background-image: var(--q-gb-bg-c-14);
    color: var(--q-gb-t-c-5)
}

body .c-match-list-header .col-left .btn-wrap:nth-child(2) {
    width: 48px
}

body .c-match-list-header .col-left .btn-wrap.match-btn {
    border-radius: 13px 0 0 13px !important;
    border: 1px solid var(--q-gb-bd-c-8);
    border-right: 0
}

body .c-match-list-header .col-left .btn-wrap.match-btn.collect-btn {
    border-radius: 13px !important
}

body .c-match-list-header .col-left .btn-wrap.collect-btn {
    border: 1px solid var(--q-gb-bd-c-8);
    border-radius: 0 13px 13px 0 !important;
    border-left: 0
}

body .c-match-list-header .col-left .btn-wrap.active {
    background: #179cff;
    color: var(--q-gb-t-c-18)
}

body .c-match-list-header .col-left .btn-wrap.active .number {
    color: var(--q-gb-t-c-18)
}

body .c-match-list-header .col-left .btn-wrap.active.collect-btn .active.icon-star:before {
    color: var(--q-gb-t-c-18) !important
}

body .c-match-list-header .col-left .btn-wrap .number {
    color: var(--q-gb-t-c-3)
}

body .c-match-list-header .col-right .yb-hover-bg {
    color: var(--q-gb-t-c-9)
}

body .c-match-list-header .col-right .yb-hover-bg:hover {
    background: var(--q-gb-bg-c-14)
}

body .c-match-list-header .col-right .list-sort .list-sort-item.active {
    background-color: var(--q-gb-t-c-16);
    color: var(--q-gb-t-c-18);
    border: 0
}

body .c-match-list-header .col-right .select-btn {
    background-image: var(--q-gb-bg-c-14);
    border: 1px solid var(--q-gb-bd-c-8) !important;
    color: var(--q-gb-t-c-5)
}

body .c-match-list-header .col-right .select-btn.leagues-btn .status {
    color: var(--q-gb-t-c-5)
}

body .c-match-list-header .col-right .select-btn.leagues-btn.active {
    color: var(--q-gb-t-c-8);
    border: 1px solid var(--q-gb-bd-c-11) !important
}

body .c-match-list-header .col-right .select-btn.sort-btn .icon-sort_league:before {
    color: var(--q-gb-t-c-5)
}

body .c-match-list-header .col-right .select-btn .icon-balance_refresh span {
    font-size: 18px
}

body .c-match-list-header .col-right .select-btn .icon-balance_refresh span:before {
    color: #727d8a
}

body .c-match-list-header .col-right .select-btn .icon-sort:before {
    color: var(--q-gb-t-c-5)
}

body .c-match-list-header .col-right .search-wrap .icon-search:before {
    color: "inherit"
}

body .c-match-list-header .col-right .search-wrap input::-webkit-input-placeholder {
    color: var(--q-gb-t-c-8)
}

body .c-match-list-header .col-right .search-wrap input::-moz-placeholder {
    color: var(--q-gb-t-c-8)
}

body .c-match-list-header .col-right .search-wrap input:-moz-placeholder {
    color: var(--q-gb-t-c-8)
}

body .c-match-list-header .col-right .search-wrap input:-ms-input-placeholder {
    color: var(--q-gb-t-c-8)
}

body .c-match-list-header .col-right .search-wrap input.search-input {
    color: var(--q-gb-t-c-5);
    background: var(--q-gb-bg-c-14);
    caret-color: var(--q-gb-t-c-7);
    border: .5px solid var(--q-gb-bd-c-8)
}

body .c-match-list-header .col-right .search-wrap input.search-input:hover,
body .c-match-list-header .col-right .search-wrap input.search-input:focus {
    border: .5px solid var(--q-gb-bd-c-11)
}

body .c-match-list-header .col-right .unfold-btn {
    background-color: var(--q-gb-t-c-16) !important;
    color: var(--q-gb-t-c-18) !important
}

body .c-match-list-header .col-right .unfold-btn i:before {
    color: var(--q-gb-t-c-18) !important
}

body .match-sort-wrap {
    background-color: var(--q-gb-bg-c-14) !important;
    color: var(--q-gb-t-c-5)
}

body .match-sort-wrap .triangle {
    background-color: var(--q-gb-bg-c-14)
}

body .match-sort-wrap .item-wrap.active {
    background-color: #454855;
    color: var(--q-gb-bd-c-11)
}

body .match-sort-wrap .item-wrap.active .q-icon:before {
    color: var(--q-gb-bd-c-11)
}

body .c-match-list-filter {
    background: var(--q-gb-bg-c-75) !important;
    color: var(--q-gb-t-c-5) !important
}

body .c-match-list-filter.date-filter {
    position: relative
}

body .c-match-list-filter.date-filter:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: -1px;
    right: -1px;
    height: 10px;
    background-color: var(--q-gb-bg-c-22);
    z-index: -1
}

body .c-match-list-filter.date-filter .tab-wrap {
    position: absolute;
    height: 50px !important;
    background-color: #0000
}

body .c-match-list-filter.date-filter .tab-wrap .left-btn {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

body .c-match-list-filter.date-filter .tab-wrap .right-btn {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .c-match-list-filter .hot-item .hot-img {
    background-image: var(--qq--bg-image-url49)
}

body .c-match-list-filter .hot-item .hot-img-active,
body .c-match-list-filter .hot-item .active {
    background-image: var(--qq--bg-image-url50) !important
}

body .c-match-list-filter .hot-item .no-active .hot-img {
    background-image: var(--qq--bg-image-url46)
}

body .c-match-list-filter .more-btn {
    background-color: var(--q-gb-bg-c-14)
}

body .c-match-list-filter .filter-sports .item .icon-wrap .icon:before {
    color: var(--q-gb-t-c-6)
}

body .c-match-list-filter .filter-sports .item .name {
    color: var(--q-gb-bg-c-33)
}

body .c-match-list-filter .filter-sports .item .text-no-active {
    color: var(--q-gb-bg-c-2)
}

body .c-match-list-filter .filter-sports .item .menu-inline {
    display: "inline-block"
}

body .c-match-list-filter .filter-sports .item .name-margin-left {
    margin-left: "5px"
}

body .c-match-list-filter .filter-sports .item:hover .icon-wrap .icon:before {
    color: var(--q-gb-bd-c-12)
}

body .c-match-list-filter .filter-sports .item.active {
    font-weight: 500;
    background: var(--q-gb-t-c-16);
    border-radius: 25px !important
}

body .c-match-list-filter .filter-sports .item.active .name {
    color: #fff
}

body .c-match-list-filter .filter-sports .item.active .count {
    font-weight: 400
}

body .c-match-list-filter .filter-sports .item.no-active {
    background: var(--q-gb-bg-lg-4);
    border-radius: 25px !important;
    border: .5px solid var(--q-gb-bd-c-6)
}

body .c-match-list-filter .filter-sports .item.no-active .sport-img,
body .c-match-list-filter .filter-sports .item.no-active .sport-all {
    background-image: var(--qq--bg-image-url3)
}

body .c-match-list-filter .filter-sports .item.no-active:hover .sport-img {
    opacity: 1
}

body .c-match-list-filter.date-filter {
    background: var(--q-gb-bg-c-11)
}

body .c-match-list-filter .tab-wrap {
    background: var(--q-gb-bg-c-11);
    border-radius: 0 0 6px 6px
}

.bd-top,
.additional-play .other-play-tab .arrow-wrap,
.additional-play .other-play-tab,
.yb-match-list .c-match-item .fifteen-box,
.yb-match-list .c-match-item {
    position: relative
}

.bd-top:before,
.additional-play .other-play-tab .arrow-wrap:before,
.additional-play .other-play-tab:before,
.yb-match-list .c-match-item .fifteen-box:before,
.yb-match-list .c-match-item:before {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    content: "";
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.bd-bottom {
    position: relative
}

.bd-bottom:after {
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.bd-right,
.tpl-19 .other-play-tab .arrow-wrap,
.tpl-17.c-match-item .other-play-tab .arrow-wrap,
.tpl-17 .base-info-2 .match-icon,
.match-tpl-9-after .other-play-tab .arrow-wrap,
.match-tpl-9-after.c-match-item .other-play-tab .arrow-wrap,
.match-tpl-9-after .base-info-2 .match-icon,
.match-tpl7.c-match-item .other-play-tab .arrow-wrap,
.match-tpl7 .base-info-2 .match-icon,
.tpl-20 .other-play-tab .arrow-wrap,
.additional-play .other-play-tab .arrow-wrap,
.match-new-card .center .match-part,
.match-new-card .left,
.yb-match-list .jingcai .basic-col,
.yb-match-list .c-match-item .process-col {
    position: relative
}

.bd-right:before,
.tpl-19 .other-play-tab .arrow-wrap:before,
.tpl-17.c-match-item .other-play-tab .arrow-wrap:before,
.tpl-17 .base-info-2 .match-icon:before,
.match-tpl-9-after .other-play-tab .arrow-wrap:before,
.match-tpl-9-after.c-match-item .other-play-tab .arrow-wrap:before,
.match-tpl-9-after .base-info-2 .match-icon:before,
.match-tpl7.c-match-item .other-play-tab .arrow-wrap:before,
.match-tpl7 .base-info-2 .match-icon:before,
.tpl-20 .other-play-tab .arrow-wrap:before,
.additional-play .other-play-tab .arrow-wrap:before,
.match-new-card .center .match-part:before,
.match-new-card .left:before,
.yb-match-list .jingcai .basic-col:before,
.yb-match-list .c-match-item .process-col:before {
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    height: 100%;
    content: "";
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.bd-left,
.match-new-card .right {
    position: relative;
    background-color: var(--q-bg-color-1-1)
}

.bd-left:after,
.match-new-card .right:after {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    content: "";
    border-left: 1px solid var(--q-gb-bd-c-8)
}

.full-w {
    width: 100%
}

.ellipsis1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis2 {
    white-space: inherit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    font-weight: 400;
    word-wrap: break-word
}

.ellipsis3 {
    white-space: inherit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2
}

.ellipsis4 {
    white-space: inherit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2
}

.ellipsisall {
    white-space: inherit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.2;
    font-weight: 400;
    word-break: normal
}

.yb-match-list {
    display: flex
}

.yb-match-list:before {
    content: "";
    position: absolute;
    right: 11px;
    z-index: 499;
    top: 0;
    left: 0;
    height: 6px
}

.yb-match-list .scroll-fixed-header {
    border-bottom: 0
}

.yb-match-list.match-tplesports .scroll-fixed-header .c-esports-header {
    border-radius: 0 0 6px 6px;
    z-index: -1;
    position: relative
}

.yb-match-list.match-tplesports .scroll-fixed-header .c-esports-header .date-wrap {
    border-radius: 0 0 6px 6px;
    border: 1px solid var(--q-gb-bg-c-9);
    border-top: 0
}

.yb-match-list.match-tplesports .scroll-fixed-header .c-esports-header:after {
    content: "";
    position: absolute;
    bottom: -4px;
    height: 10px;
    width: 100%;
    background-color: var(--q-gb-bg-c-11);
    z-index: -1
}

.yb-match-list:after {
    border-left: none
}

.yb-match-list .detais-hot-head {
    color: var(--q-gb-t-c-1)
}

.yb-match-list .scroll-fixed-header.no-data {
    border-bottom: 1px solid var(--q-gb-bg-c-5)
}

.yb-match-list .c-match-item {
    background-color: var(--q-gb-bg-c-37);
    overflow: hidden
}

.yb-match-list .c-match-item.match-tpl1-bg .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.virtual-football .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.tpl-20 .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.tpl-21 .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.tpl-22 .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.tpl-24 .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.tpl-25 .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.tpl-esports-bg .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.yb-match-list .c-match-item .compose-tpl-bg .handicap-col:nth-of-type(n + 5):nth-of-type(-n + 8) .bet-item-wrap {
    background: none !important
}

.yb-match-list .c-match-item .hpsCompose .c-match-handicap .handicap-col:nth-of-type(n + 3):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.yb-match-list .c-match-item .min5-early-handicap.unfold_multi_column .handicap-value-text {
    min-width: 70px
}

.yb-match-list .c-match-item .min5-early-handicap .handicap-value-text {
    min-width: 76px;
    text-align: right !important
}

.yb-match-list .c-match-item .min5-roll-handicap.unfold_multi_column .handicap-value-text {
    min-width: 70px
}

.yb-match-list .c-match-item .min5-roll-handicap .handicap-value-text {
    min-width: 76px;
    text-align: right !important
}

.yb-match-list .c-match-item .not-bg-handicap .handicap-col .bet-item-wrap {
    background: none !important
}

.yb-match-list .c-match-item.virtual-match-tpl2 .team-wrap .team-item {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.yb-match-list .c-match-item.virtual-match-tpl2 .team-wrap .team-item:first-child {
    border-top: 0
}

.yb-match-list .c-match-item.virtual-match-tpl2 .more-row {
    background: var(--q-gb-bg-c-39)
}

.yb-match-list .c-match-item.virtual-match-tpl2 .c-match-handicap,
.yb-match-list .c-match-item.virtual-match-tpl2 .bet-item-wrap {
    border-right: none
}

.yb-match-list .c-match-item.virtual-match-tpl2 .media-col .media-item {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.yb-match-list .c-match-item.virtual-match-tpl2 .media-col .media-item:first-child {
    border-top: 0
}

.yb-match-list .c-match-item .match-handicap-item .match-parlay {
    position: absolute;
    top: 5px;
    text-align: center;
    width: 100%
}

.yb-match-list .c-match-item .match-handicap-item .match-parlay>div {
    display: inline-block;
    overflow: hidden
}

.yb-match-list .c-match-item .match-handicap-item .match-parlay .wd,
.yb-match-list .c-match-item .match-handicap-item .match-parlay .wd1 {
    color: var(--q-gb-bg-c-16)
}

.yb-match-list .c-match-item .match-handicap-item .match-parlay .wd {
    margin-right: 3px
}

.yb-match-list .c-match-item .match-handicap-item .match-parlay .wd1 {
    width: 10px
}

.yb-match-list .c-match-item .match-handicap-item .c-match-process .jingcai {
    color: var(--q-gb-bd-c-11)
}

.yb-match-list .c-match-item .match-handicap-item:first-child .basic-col,
.yb-match-list .c-match-item .match-handicap-item:first-child .bet-item-wrap:first-child {
    border-top: none
}

.yb-match-list .c-match-item .match-handicap-item .no-wrap .handicap-col:last-child .bet-item-wrap {
    border-right: none
}

.yb-match-list .c-match-item .match-handicap-item:last-of-type {
    border-bottom: none
}

.yb-match-list .c-match-item .bet-item-wrap {
    cursor: pointer
}

.yb-match-list .c-match-item .bet-item-wrap:last-child {
    border-bottom: none
}

.yb-match-list .c-match-item .match-footer-score .stage-score .item:last-child {
    color: var(--q-gb-t-c-16)
}

.yb-match-list .c-match-item.tpl-25 .c-match-date .no-start {
    text-indent: 10px
}

.yb-match-list .process-name {
    color: var(--q-text-color-2-2-hot)
}

.yb-match-list .jingcai,
.yb-match-list .jingcai .basic-col,
.yb-match-list .jingcai .basic-col .font-vs {
    color: var(--q-gb-bd-c-11)
}

.yb-match-list .jingcai .basic-col .score-wrap {
    background-color: var(--q-gb-bg-c-14)
}

.yb-match-list .jingcai .basic-col .score-wrap .onset-team:after {
    background-color: #6dd400
}

.yb-match-list .jingcai .basic-col .score-wrap .score {
    color: var(--q-gb-bd-c-11)
}

.yb-match-list .c-match-item .process-col {
    color: var(--q-gb-t-c-6)
}

.yb-match-list .c-match-item .basic-col .basic-wrap {
    position: relative
}

.yb-match-list .c-match-item .basic-col .basic-wrap .team-wrap {
    background-color: var(--q-gb-bg-c-8)
}

.yb-match-list .c-match-item .basic-col .basic-wrap .time-content .no-start span {
    line-height: 4px
}

.yb-match-list .c-match-item .basic-col .basic-wrap .time-content .no-start span:nth-child(1) {
    display: block
}

.yb-match-list .c-match-item .match-handicap-item-wrap .other-handicap-item .handicap-col:last-child .bet-item-wrap {
    border-right: none
}

.yb-match-list .c-match-item .match-handicap-item-wrap .other-handicap-item .handicap-col:nth-child(3) .col3 {
    border-right: none
}

.yb-match-list .c-match-item .unfold_multi_column .handicap-col:nth-child(3) .col3 {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.yb-match-list .highlight-t {
    color: var(--q-gb-t-c-16) !important
}

.yb-match-list .c-match-item .media-col .media-item:nth-of-type(odd) {
    background-color: var(--q-gb-bg-c-11)
}

.yb-match-list .today-champion-bg {
    position: sticky;
    top: 36px;
    height: 0px;
    z-index: 200
}

.yb-match-list .today-champion-bg:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 100%;
    left: 0;
    top: -5px;
    background-color: var(--q-gb-bg-c-11);
    z-index: 0
}

.yb-match-list.virtual-list .scroll-fixed-header {
    border-radius: 6px;
    border-bottom: 1px solid transparent
}

.yb-match-list.virtual-list .scroll-fixed-header .c-virtual-list-header {
    border-radius: 6px;
    position: relative;
    border: 1px solid var(--q-gb-bg-c-9);
    overflow: hidden
}

.yb-match-list.virtual-list .scroll-fixed-header .c-virtual-list-header .list-header {
    border-radius: 6px 6px 0 0
}

.yb-match-list.virtual-list .scroll-fixed-header .c-virtual-list-header .leagues-tabs {
    border-radius: 0 0 6px 6px
}

.yb-match-list.virtual-list .scroll-fixed-header .c-virtual-list-header .leagues-tabs .tab-wrap .item-wrap .line-wrap {
    bottom: 0 !important
}

.yb-match-list.virtual-list .match-type.text-left {
    border-radius: 0 0 6px 6px
}

.yb-match-list .v-scroll-item-hot:last-child {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.yb-match-list .leagues-fold .tr-match-head th {
    border-bottom: 1px solid var(--q-gb-bg-c-11)
}

.yb-match-list .home-team {
    border-top-color: var(--q-gb-bg-c-11);
    color: var(--q-gb-t-c-16)
}

.yb-match-list .sr-link-icon-w {
    transform: translateY(0)
}

.yb-match-list .sr-link-icon-w i.icon-signal:before {
    color: var(--q-gb-bg-c-8)
}

.yb-match-list .sr-link-icon-w:hover i.icon-signal:before {
    color: var(--q-gb-bd-c-11)
}

.yb-match-list .refresh-mask {
    background: var(--q-gb-bg-c-46)
}

.yb-match-list .refresh-mask .img-loading {
    background-image: var(--qq--bg-image-url10)
}

.c-bet-item.seal.csid1 .handicap-wrap {
    display: none
}

.c-bet-item.common-bet.GB {
    flex-direction: column !important
}

.c-bet-item.common-bet.GB .handicap-value {
    text-align: center !important;
    justify-content: center !important;
    height: 24px;
    line-height: 24px
}

.c-bet-item.common-bet.GB .handicap-value-text {
    min-width: auto !important
}

.c-bet-item.common-bet.GB .odds {
    margin-left: 0
}

.c-bet-item.common-bet.GB .odds .highlight-odds {
    margin-right: 0
}

.c-bet-item .handicap-value {
    font-size: 12px;
    display: flex
}

.c-bet-item .odds {
    display: flex;
    position: relative;
    align-items: center;
    font-size: 14px
}

.c-bet-item .odds .icon-lock {
    margin-left: 10px
}

.c-bet-item {
    color: var(--q-gb-bg-c-2)
}

.c-bet-item.show-odds-icon.up {
    background-color: #e93d3d0d
}

.c-bet-item.show-odds-icon.up .odds {
    color: #e93d3d !important
}

.c-bet-item.show-odds-icon.down {
    background-color: #50c0420d
}

.c-bet-item.show-odds-icon.down .odds {
    color: #50c042 !important
}

.c-bet-item .handicap-value {
    color: var(--q-gb-bg-c-2)
}

.c-bet-item .handicap-value.color-highlight {
    color: var(--q-gb-t-c-16)
}

.c-bet-item .handicap-value .handicap-more {
    color: var(--q-gb-bg-c-2);
    margin-right: 2px
}

.c-bet-item .icon-odds_up:before {
    color: var(--q-gb-t-c-3)
}

.c-bet-item .icon-odds_down:before {
    color: #50c042
}

.c-bet-item .odds {
    font-weight: 600
}

.c-bet-item .odds span:hover {
    background-color: var(--q-gb-bg-c-16);
    border-radius: 2px;
    color: #fff;
    padding: 0 2px
}

.c-bet-item.active {
    background: var(--q-gb-bg-c-16) !important
}

.c-bet-item.active .color-highlight,
.c-bet-item.active .handicap-value,
.c-bet-item.active .handicap-more {
    color: #fff
}

.c-bet-item.active .odds,
.c-bet-item.active .handicap-value-text {
    color: #fff !important
}

.c-bet-item.active .odds span:hover {
    background: none;
    padding: 0
}

.c-bet-item {
    color: var(--q-gb-t-c-3);
    border-radius: 4px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.c-bet-item.text-wight {
    max-width: 80%
}

.c-bet-item.up {
    background-color: var(--q-gb-bg-c-28) !important
}

.c-bet-item.up .handicap-more {
    color: var(--q-gb-t-c-3)
}

.c-bet-item.up .handicap-value-text {
    color: var(--q-gb-t-c-16)
}

.c-bet-item.up:after {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid var(--q-color-primary-up);
    transform: rotate(45deg)
}

.c-bet-item.up.un {
    background-color: var(--q-gb-bg-c-29) !important
}

.c-bet-item.up.un .handicap-more {
    color: var(--q-gb-t-c-3)
}

.c-bet-item.up.un .handicap-value-text {
    color: var(--q-gb-t-c-16)
}

.c-bet-item.up.un:after {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid var(--q-color-primary-down);
    transform: rotate(45deg)
}

.c-bet-item.down {
    background-color: var(--q-gb-bg-c-29) !important
}

.c-bet-item.down .handicap-more {
    color: var(--q-gb-t-c-3)
}

.c-bet-item.down .handicap-value-text {
    color: var(--q-gb-t-c-16)
}

.c-bet-item.down:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid var(--q-color-primary-down);
    transform: rotate(-45deg)
}

.c-bet-item.down.un {
    background-color: var(--q-gb-bg-c-28) !important
}

.c-bet-item.down.un .handicap-more {
    color: var(--q-gb-t-c-3)
}

.c-bet-item.down.un .handicap-value-text {
    color: var(--q-gb-t-c-16)
}

.c-bet-item.down.un:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid var(--q-color-primary-up);
    transform: rotate(-45deg)
}

.c-bet-item .highlight-odds.red {
    color: red !important
}

.c-bet-item .highlight-odds.green {
    color: green !important
}

.c-bet-item.bet-hover:hover {
    background-color: var(--q-gb-bg-c-63) !important
}

.c-bet-item.bet-hover.has_dov_odd:hover {
    background-color: var(--q-default-details-2-dov) !important
}

.c-bet-item.bet-hover.has_dov_odd:hover .highlight-odds {
    color: var(--q-text-color-ovt-1)
}

.c-bet-item.active.relative-position {
    background: var(--q-gb-t-c-16) !important;
    color: var(--q-gb-t-c-18) !important
}

.c-bet-item.active.relative-position .on_l {
    color: unset !important
}

.c-bet-item.active.relative-position .handicap-value-text {
    color: var(--q-gb-t-c-18) !important
}

.c-bet-item.active.relative-position .hover-color-49 {
    color: var(--q-text-color-btn-click) !important
}

.c-bet-item.active.relative-position .odds .highlight-odds,
.c-bet-item.active.relative-position .odds .yb-family-odds,
.c-bet-item.active.relative-position .handicap-more {
    color: var(--q-Handicap-click-text-color) !important
}

.c-bet-item.active.relative-position .red,
.c-bet-item.active.relative-position .green {
    color: var(--q-gb-t-c-18) !important
}

.c-bet-item.bet-noob {
    background-color: transparent
}

.c-bet-item.bet-noob:after,
.c-bet-item.bet-noob:before {
    display: none
}

.c-bet-item .odds .highlight-odds {
    color: var(--q-gb-t-c-3);
    line-height: 1.1
}

.c-bet-item .odds .highlight-odds:hover {
    background-color: var(--q-gb-bg-c-54);
    color: var(--q-gb-t-c-32) !important
}

.c-bet-item.has_dov_odd .odds .highlight-odds {
    color: var(--q-text-color-ovt-1-default) !important
}

.c-bet-item.has_dov_odd .odds .highlight-odds:hover {
    color: var(--q-text-color-ovt-1);
    background-color: var(--q-theme-color-1-default)
}

.c-bet-item.has_dov_odd .handicap-value-text {
    color: var(--q-text-color-ovt-1-default) !important
}

.c-bet-item.has_dov_odd:hover .odds .highlight-odds {
    color: var(--q-text-color-ovt-1) !important
}

.c-bet-item .lock {
    width: 12px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat
}

.c-bet-item .has-hv .handicap-value {
    display: none !important
}

.c-bet-item .handicap-value {
    line-height: 35px;
    flex: 1;
    height: 34px;
    white-space: nowrap
}

.c-bet-item .handicap-value.style2 .handicap-value-text {
    min-width: 30px;
    text-align: left;
    margin-left: 1px
}

.c-bet-item .handicap-value.style2 .iframe-lang-style.handicap-value-text {
    min-width: 24px
}

.c-bet-item .handicap-value.left_cell.nogoal {
    flex: 1.5
}

.c-bet-item .handicap-value.injury-time-goal {
    flex: 1.7
}

.c-bet-item .handicap-value.injury-time-goal.left_cell {
    flex: 2.3
}

.c-bet-item .compose_handicap .lock {
    margin: 0 !important
}

.c-bet-item .compose_handicap .handicap-value {
    justify-content: flex-start !important;
    padding-left: 8px;
    box-sizing: border-box
}

.c-bet-item .compose_handicap .handicap-value.style2 {
    min-width: 62%;
    padding-right: 4px
}

.c-bet-item .compose_handicap .handicap-value .handicap-value-text {
    width: auto
}

.c-bet-item .compose_handicap .odds {
    justify-content: flex-end;
    padding-right: 12px;
    box-sizing: border-box
}

.c-bet-item .odds {
    flex: 1;
    font-weight: 600;
    justify-content: flex-end;
    margin-left: 2px;
    line-height: 33px
}

.c-bet-item .odds.is_iframe {
    justify-content: flex-end
}

.c-bet-item .odds.hv {
    justify-content: flex-start !important
}

.c-bet-item.no-handicap .handicap-value,
.c-bet-item.no-handi .handicap-value,
.c-bet-item.null-handicap .handicap-value {
    display: none
}

.c-bet-item.no-handicap .odds,
.c-bet-item.no-handi .odds,
.c-bet-item.null-handicap .odds {
    justify-content: center;
    margin-left: 0
}

.c-bet-item.null-handicap .handicap-value {
    display: none
}

.c-bet-item.null-handicap .odds {
    margin-left: 0;
    justify-content: center
}

.c-bet-item .handicap-value-text {
    font-weight: 500;
    white-space: nowrap;
    color: var(--q-gb-t-c-16);
    max-width: 60px
}

.c-bet-item .c-bet-item13 .handicap-value-text,
.c-bet-item .c-bet-item40 .handicap-value-text {
    color: var(--q-gb-t-c-3)
}

.c-bet-item .c-bet-item0101202 .handicap-value-text,
.c-bet-item .c-bet-item3101202 .handicap-value-text,
.c-bet-item .c-bet-item0190202 .handicap-value-text,
.c-bet-item .c-bet-item3190202 .handicap-value-text,
.c-bet-item .c-bet-item0101201 .handicap-value-text,
.c-bet-item .c-bet-item3101201 .handicap-value-text {
    color: var(--q-gb-t-c-16)
}

.c-bet-item .vertical {
    flex-direction: column
}

.c-bet-item .vertical .handicap-value {
    line-height: 30px;
    height: 26px
}

.c-bet-item .vertical .odds {
    margin: 0
}

.c-bet-item .left_cell {
    text-align: left !important
}

.c-bet-item .whole_half_win {
    color: var(--q-gb-t-c-16)
}

.c-bet-item .multicolumn {
    justify-content: space-around !important
}

.c-bet-item .handicap-value-ranks {
    text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: nowrap !important
}

.c-bet-item .lang-style {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.match-new-card .has_dov_odd {
    background-color: var(--q-default-details-2-dov) !important
}

.bet-item-loading-pointer {
    pointer-events: none
}

.bet-item-loading {
    position: absolute;
    inset: 0;
    background: #ffffffe6;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

.bet-item-loading-active {
    opacity: 1
}

.bet-item-loading-spinner {
    width: 28px;
    height: 28px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--q-theme-color-1-default);
    border-radius: 50%;
    animation: bet-item-loading-spin 1s linear infinite
}

@keyframes bet-item-loading-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.odd-item-can-not-combination {
    background-color: var(--q-bg-color-2-1) !important;
    opacity: .5;
    pointer-events: none
}

.odd-item-can-not-combination .handicap-wrap .bet_handicap .handicap-odd-color {
    color: var(--q-text-color-3) !important
}

.match-list-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.match-list-container .scroll-fixed-header,
.match-list-container .yb-match-list.col {
    padding-right: 7px
}

.match-list-container .yb-match-list.col .v-scroll-list {
    display: flex
}

.match-list-container .v-scroll-list--has-thumb {
    width: calc(100% px) !important
}

.match-list-container .list-scrollbar {
    width: 100% !important
}

.match-list-container .fold-all {
    border: 1px solid var(--q-gb-t-c-16);
    padding: 0 10px;
    border-radius: 16px;
    color: var(--q-gb-t-c-16);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    justify-self: center;
    font-weight: 400;
    font-size: 12px;
    box-shadow: 0 3px 3px #0038621a;
    cursor: pointer
}

.match-list-container .fold-all .desc {
    transform: rotate(180deg)
}

.match-list-container .test-info-wrap {
    color: red;
    font-size: 24px;
    position: absolute;
    top: -10px;
    left: 100px;
    z-index: 99999;
    display: flex
}

.match-list-container .test-info-wrap .fold-btn {
    border: 1px solid #ccc;
    font-size: 16px;
    cursor: pointer;
    padding: 5px
}

.match-list-container .refreh-container {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--q-gb-bg-c-42);
    margin-left: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.match-list-container .refreh-container .refresh-icon {
    width: 20px;
    height: 20px;
    background-size: 100% 100%
}

.match-list-container .unfold-btn {
    background-color: var(--q-gb-t-c-16);
    margin-left: 4px;
    border-radius: 11px;
    padding: 4px 8px 4px 12px;
    color: var(--q-gb-t-c-18);
    display: flex;
    align-items: center;
    cursor: pointer
}

.match-list-container .rotate-ani {
    animation: transx 1s linear 1
}

@keyframes transx {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.match-list-container .refresh-mask {
    background: var(--q-gb-bg-c-51) !important
}

.match-list-container .new-pc-match-list-card .other-play-tab .play-title .arrow-wrap {
    background: var(--q-gb-bg-c-30) !important;
    z-index: 10
}

.match-list-container .new-pc-match-list-card .other-play-tab .tab-item {
    background: var(--q-gb-bg-c-11);
    border: .5px solid var(--q-gb-bd-c-8) !important
}

.match-list-container .toash {
    margin-top: 0
}

.match-list-container .odds-svg {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin: 0 0 0 5px
}

.match-list-container .match-tpl-1-after .hpsCompose .match-handicap .no-wrap .handicap-col:nth-of-type(n + 3):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.match-list-container .match-tpl-1-after .hpsCompose .match-handicap .no-wrap .handicap-col:nth-of-type(n + 3):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item.has_dov_odd {
    background-color: var(--q-default-details-2-dov)
}

.favorable_back {
    margin-right: 7px
}

.favorable_back>div {
    display: flex;
    height: 36px;
    padding: 0 13px;
    align-items: center;
    border-radius: 8px;
    border: 2px solid var(--q-gb-bd-c-28);
    background: var(--q-gb-bg-c-95);
    color: var(--q-gb-t-c-3)
}

.favorable_back>div .match-tpl-item-back {
    flex: 1;
    display: flex;
    align-items: center
}

.favorable_back>div .match-tpl-item-back .odd_promotion {
    margin-left: 12px
}

.favorable_back>div .fold {
    border: 1px solid var(--q-gb-t-c-16);
    padding: 0 10px;
    border-radius: 16px;
    color: var(--q-gb-t-c-16);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    justify-self: center;
    font-weight: 400;
    font-size: 12px;
    box-shadow: 0 3px 3px #0038621a;
    cursor: pointer
}

.favorable_back>div .fold>span {
    position: relative;
    margin-left: 2px;
    transform: rotate(180deg);
    width: 8px;
    height: 8px;
    background-size: 100% 100%;
    background-position: center;
    top: -1px
}

.favorable_back>div .fold>span.desc {
    transform: rotate(0);
    position: relative;
    top: 1px
}

.favorable_back>div .group-back {
    height: 18px;
    width: 26px
}

.favorable_back .favorable_title {
    background-color: var(--q-bg-color-3-2) !important;
    border: 2px solid var(--q-gb-bg-c-11)
}

.favorable_back .favorable-list-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.favorable_back .favorable-list-container .favorable-list-count {
    color: var(--q-gb-t-c-16);
    font-size: 14px;
    font-style: normal;
    font-weight: 600
}

.match-favorable-odds {
    background-color: transparent
}

.match-favorable-odds .match-favorable-odds-title {
    height: 40px;
    color: var(--q-gb-t-c-6);
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0%, var(--q-transparent-theme-color-1) 100%), var(--q-bg-color-1-4);
    color: var(--q-left-menu-color-3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    border-bottom: 1px solid var(--q-gb-bd-c-25)
}

.match-favorable-odds .match-favorable-odds-title .odds-svg-margin {
    margin: 0 2px 0 0
}

.match-favorable-odds .match-favorable-odds-title .title-left {
    display: flex;
    align-items: center;
    justify-items: center
}

.match-favorable-odds .match-favorable-odds-title .title-left .list-expand {
    height: 16px;
    width: 16px;
    margin: 0 16px 0 0;
    background-position: center
}

.match-favorable-odds .match-favorable-odds-title .title-left .list-expand-fold {
    transform: rotate(180deg)
}

.match-favorable-odds .match-favorable-odds-title .title-left .odds-title {
    margin: 0 8px
}

.match-favorable-odds .match-favorable-odds-title .title-left .odds-count {
    height: 16px;
    line-height: 16px;
    padding: 2px 8px;
    color: var(--q-gb-t-c-18);
    border-radius: 30px;
    background: var(---color-1, #E93D3D);
    font-size: 12px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.match-favorable-odds .match-favorable-odds-title .title-right {
    width: auto;
    height: 24px;
    border-radius: 12px;
    padding-right: 6px;
    background: var(--q-gb-t-c-16);
    display: flex;
    color: var(--q-gb-t-c-18);
    align-items: center;
    font-size: 12px;
    cursor: pointer
}

.match-favorable-odds .match-favorable-odds-title .title-right>span:nth-child(1) {
    margin-left: 6px
}

.match-favorable-odds .match-favorable-odds-title .title-right>span:nth-child(2) {
    margin: 0 4px
}

.match-favorable-odds .match-favorable-odds-title .title-right .q-icon {
    transform: rotate(90deg)
}

.match-favorable-odds .match-favorable-odds-title .title-right .q-icon:before {
    color: var(--q-gb-t-c-18)
}

.match-favorable-odds .match-favorable-odds-box {
    display: flex;
    gap: 8px;
    padding: 8px 0;
    color: var(--q-left-menu-color-3);
    height: 146px
}

.match-favorable-odds .match-favorable-odds-box .croll_box_list_content {
    width: 100%
}

.match-favorable-odds .match-favorable-odds-box .odds-card .title1 {
    color: var(--q-text-color-1);
    font-family: var(--font-chinese, "PingFang SC");
    font-size: 13px;
    font-style: normal;
    font-weight: var(--font-c-semibold, 600);
    line-height: normal
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-time img {
    width: 16px;
    height: 16px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-time .title1 {
    flex: 1;
    max-width: 180px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-time .title_num {
    color: var(--q-color-3-1, #FFAA17);
    text-align: right;
    font-family: var(--font-chinese, "PingFang SC");
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    justify-content: flex-end;
    position: absolute;
    right: 12px
}

.match-favorable-odds .match-favorable-odds-box .odds-card {
    max-width: 360px;
    min-width: 338px;
    flex: 1;
    height: 129px;
    gap: 12px;
    padding: 12px;
    background-color: var(--q-gb-bg-c-97);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 17px;
    background-position: 100% 100%;
    border: 1px solid transparent
}

.match-favorable-odds .match-favorable-odds-box .odds-card:hover {
    cursor: pointer;
    border: 1px solid var(--q-theme-color-1-default);
    box-shadow: 0 2px 8px 0 var(--q-shadow-2)
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-bottom {
    height: 46px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.match-favorable-odds .match-favorable-odds-box .odds-card p {
    margin: 0;
    padding: 0
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-left {
    flex: .8;
    display: flex;
    gap: 12px;
    flex-direction: column;
    justify-content: space-between
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-left .title1 {
    color: var(--q-text-color-1);
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-left .title2 {
    color: var(--q-text-color-1);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-left .odds-content {
    display: flex;
    align-items: center
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right {
    cursor: pointer;
    max-width: 168px;
    flex: 1;
    display: flex;
    gap: 12px;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
    overflow: hidden
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .new-odds {
    color: #555;
    text-align: center;
    font-family: DIN;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right>p:first-child {
    height: 18px;
    line-height: 18px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .odds-icon {
    color: var(--q-gb-t-c-16);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: auto;
    width: 100%
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .odds-icon>em {
    display: inline-block;
    vertical-align: text-top;
    max-width: 85px;
    margin-right: 2px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .odds-icon .odds-bq {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: var(--q-gb-t-c-18);
    margin-right: 2px;
    font-size: 12px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .odds-icon .yellow {
    background: #ffaa17
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .odds-icon .blue {
    background-color: #04c100
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .width85 {
    min-width: 85px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .old-odds {
    position: relative;
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .old-odds>span:first-child {
    color: #99a3b1;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .old-odds>span:first-child:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #99a3b1;
    top: 55%;
    left: 0;
    transform: translateY(-55%)
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .old-odds .odds-change {
    color: #cbced8;
    margin: 0 4px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .lock {
    width: 12px;
    height: 14px;
    background-size: 100%;
    margin-left: auto;
    margin-right: 0
}

.match-favorable-odds .match-favorable-odds-box .odds-card .team-png {
    width: 18px;
    display: flex;
    align-items: center
}

.match-favorable-odds .odds-svg {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.match-favorable-odds .mr0 {
    margin-right: 0
}

.match-favorable-odds .odds-change-white {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.match-favorable-odds .wh_180 {
    width: 180px
}

.match-favorable-odds .width85 {
    width: 85px
}

.match-favorable-odds .width120 {
    width: 120px;
    text-align: right
}

.match-favorable-odds .width125 {
    max-width: 125px
}

.list-match-card {
    overflow: hidden
}

.list-match-card .match-footer-score .result .yb-text-color1,
.list-match-card .match-footer-score .active-text {
    color: var(--q-gb-t-c-16)
}

.list-match-card .match-footer-score .icon-on_base1 .path1:before,
.list-match-card .match-footer-score .icon-on_base1 .path2:before,
.list-match-card .match-footer-score .icon-on_base1 .path3:before {
    color: var(--q-gb-bd-c-8)
}

.list-match-card .match-footer-score .icon-on_base1 .path1.active:before,
.list-match-card .match-footer-score .icon-on_base1 .path2.active:before,
.list-match-card .match-footer-score .icon-on_base1 .path3.active:before {
    color: var(--q-gb-bd-c-11)
}

.list-match-card.csid-1:not(:first-child) {
    border-top: none
}

.list-match-card:last-child {
    border-radius: 0 0 6px 6px
}

.list-match-card .paly-match-title {
    background: var(--q-bg-color-3-2) !important
}

.list-match-card .play-name-content {
    display: flex;
    border-top: 1px solid var(--q-gb-bd-c-8);
    text-align: right;
    align-items: center;
    overflow: hidden
}

.list-match-card .c-match-item {
    width: 100%
}

.list-match-card .test {
    position: absolute;
    color: red;
    font-size: 14px;
    z-index: 999999;
    left: 0;
    top: 0;
    -webkit-user-select: text;
    user-select: text
}

.list-match-card .process-name {
    display: block
}

.match-footer-score {
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    height: 40px;
    line-height: 40px;
    position: relative
}

.match-footer-score .scroll-arrow {
    position: absolute;
    top: 0;
    height: 100%
}

.match-footer-score .scroll-arrow.arrow-left {
    left: -12px
}

.match-footer-score .scroll-arrow.arrow-right {
    right: 0;
    text-align: center
}

.match-footer-score .stage-score {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 5px;
    margin-right: 30px;
    margin-bottom: -18px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.match-footer-score .stage-score::-webkit-scrollbar {
    width: 0 !important
}

.match-footer-score .stage-score span {
    display: inline-block
}

.match-footer-score .stage-score span.item {
    width: 50px
}

.match-footer-score .amount-score {
    flex-wrap: nowrap;
    min-width: 130px;
    flex-shrink: 0
}

.match-footer-score .amount-score.min-width {
    min-width: 213px
}

.match-footer-score .icon-on_base1 {
    font-size: 20px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
    margin-right: 5px
}

.match-footer-score .mfo {
    width: 100%;
    text-align: right
}

.match-footer-score .active-text {
    margin-left: 4px
}

.guidance .active {
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: -2px
}

.guidance .champion_item_icon {
    height: 20px
}

.guidance .play-info :before {
    display: none !important
}

.guidance :deep(.play-info) {
    height: 40px;
    background: var(--q-gb-bg-c-11) !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.guidance .play-wrap {
    margin-top: 0 !important
}

.guidance .bet-list-wrap {
    margin: 12px !important
}

.guidance .c-bet-item {
    background-color: var(--q-gb-bg-c-31) !important;
    border-radius: 8px !important
}

.guidance .arrow-wrap-container {
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--q-gb-bd-c-8) !important
}

.guidance .arrow-wrap-container .play-info2 {
    background: none;
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: rotate(0)
}

.guidance .play-info-more {
    background: none;
    width: 12px;
    height: 9px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    margin-left: 4px
}

.guidance .play-info4 {
    width: 14px;
    height: 8px
}

.guidance .rotateIcon {
    transform: rotate(180deg) !important
}

.guidance .play-info3 {
    background: none;
    width: 12px;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.guidance .play-info .ellipsis {
    margin-left: 25px;
    max-width: 500px;
    display: inline-block;
    align-items: center;
    justify-items: center
}

.guidance .play-info .ellipsis>img {
    position: relative;
    top: 5px
}

.guidance .is_day {
    width: 16px !important;
    height: 16px !important;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: -2px
}

.tpl-18.guidance {
    position: relative
}

.tpl-18.guidance .more_play {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    width: 100%;
    background-color: var(--q-gb-bg-color-1-1)
}

.tpl-18.guidance .more_play .play-info2 {
    margin-left: 4px
}

.tpl-18.guidance .play-wrap {
    margin-top: 0 !important;
    border-radius: 0 0 0 6px !important;
    border: none !important
}

.tpl-18.guidance .play-info {
    border-top: 1px solid var(--q-gb-bd-c-8) !important;
    border-bottom: 1px solid var(--q-gb-bd-c-8) !important;
    height: 40px;
    line-height: 40px;
    padding: 0 12px 0 0 !important;
    background-color: var(--q-gb-bg-c-37) !important
}

.match-handicap-title {
    width: 100%
}

.match-handicap-title .tr-col-name,
.match-handicap-title div {
    background: none !important;
    border: none !important
}

.match-handicap-title.match-tpl13 .tr-match-head .play-name .col.bet-col2,
.match-handicap-title.match-tpl13 .tr-match-head .play-name .col.bet-col4 {
    border-left: 0 !important
}

.match-handicap-title .tr-match-head {
    display: flex;
    line-height: 24px;
    cursor: pointer
}

.match-handicap-title .tr-match-head .leagues-wrap {
    display: flex;
    align-items: center;
    padding: 0 13px
}

.match-handicap-title .tr-match-head .leagues-wrap .list-expand {
    width: 16px;
    height: 16px;
    margin-right: 30px;
    transform: rotate(180deg)
}

.match-handicap-title .tr-match-head .leagues-wrap .list-expand-fold {
    transform: rotate(0)
}

.match-handicap-title .tr-match-head .leagues-wrap .icon-arrow {
    font-size: 20px;
    margin-right: 20px;
    left: 10px;
    top: -1px;
    transition: transform .3s
}

.match-handicap-title .tr-match-head .leagues-wrap .league-icon-wrap {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    line-height: 18px
}

.match-handicap-title .tr-match-head .leagues-wrap .league-icon-wrap img {
    width: 100%;
    height: 100%
}

.match-handicap-title .tr-match-head .leagues-wrap .ellipsis-wrap {
    font-size: 13px;
    line-height: 1.2
}

.match-handicap-title .tr-match-head .leagues-wrap .ellipsis-wrap .absolute-full .ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap
}

.match-handicap-title .tr-match-head .leagues-wrap .league-match-count {
    margin-left: 10px
}

.match-handicap-title .tr-match-head .play-name {
    text-align: center;
    align-items: center;
    align-self: center
}

.match-handicap-title .tr-match-head .play-name .col2 {
    flex: 20000 1 0%
}

.match-handicap-title .tr-match-head .play-name .col {
    height: 100%;
    max-height: 100%
}

.match-handicap-title .tr-match-head .play-name .col .double-row {
    font-size: 12px;
    height: 100%;
    padding: 1px 0;
    line-height: 15px
}

.match-handicap-title .tr-match-head .play-name>div.bet-col3,
.match-handicap-title .tr-match-head .play-name>div.bet-col4,
.match-handicap-title .tr-match-head .play-name>div.bet-col5 {
    color: var(--q-gb-t-c-16)
}

.match-handicap-title .tr-match-head .gap4 {
    gap: 4px
}

.match-handicap-title .tr-match-head .m-star-wrap-league {
    cursor: pointer
}

.match-handicap-title .tr-col-name {
    display: flex;
    height: 24px
}

.match-handicap-title .tr-col-name .play-name {
    text-align: center;
    line-height: 24px;
    padding-right: 4px
}

.match-handicap-title .tr-col-name .play-name .ellipsis.tpl3:nth-child(3),
.match-handicap-title .tr-col-name .play-name .ellipsis.tpl3:nth-child(4) {
    color: var(--q-gb-t-c-16)
}

.match-handicap-title .tr-col-name .tr-col-21>div:nth-child(n + 4):nth-child(-n + 6) {
    color: var(--q-gb-t-c-16)
}

.match-handicap-title .leagues-pack .tr-match-head .leagues-wrap .icon-arrow {
    transform: rotate(180deg)
}

.match-handicap-title .leagues-pack .tr-match-head .play-name div {
    display: none
}

.match-handicap-title .leagues-pack .tr-match-head .league-match-count {
    display: block
}

.match-handicap-title .leagues-pack .tr-col-name {
    display: none
}

.match-handicap-title .soprts_id_icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% auto
}

.match-handicap .handicap-wrap {
    justify-content: space-between;
    padding-right: 4px;
    display: flex;
    gap: 4px
}

.match-handicap .handicap-col .bet-item-wrap {
    padding: 2px 0
}

.match-handicap .handicap-col .bet-item-wrap:first-child {
    padding-top: 8px
}

.match-handicap .handicap-col .bet-item-wrap:last-child {
    padding-bottom: 8px
}

.match-handicap .handicap-col .bet-item-wrap.visibility {
    visibility: hidden
}

.match-handicap .handicap-col .bet-item-wrap.right-rimless {
    border-right: none
}

.match-handicap .handicap-col .bet-item-wrap .c-bet-item {
    border-radius: 4px;
    background-color: var(--q-gb-bg-c-27);
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--q-gb-t-c-3);
    overflow: unset
}

.match-handicap .handicap-col .bet-item-wrap .c-bet-item .pc-promotion-up-pop {
    height: 24px;
    width: 24px;
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 100;
    background-size: 100%
}

.match-handicap .handicap-col .bet-item-wrap .has_dov_odd {
    background-color: var(--q-default-details-2-dov)
}

.match-handicap .no-wrap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.match-handicap .no-wrap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .has_dov_odd {
    background-color: var(--q-default-details-2-dov)
}

.match-handicap .no-wrap .handicap-col:nth-of-type(n + 3) .bet-item-wrap .c-bet-item.jinqiu-menu {
    background-color: var(--q-gb-bg-c-31)
}

.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(1) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(4) .bet-item-wrap .c-bet-item {
    border-radius: 4px;
    background-color: var(--q-gb-bg-c-27);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--q-gb-t-c-3)
}

.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(2) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(3) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(5) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-25)
}

.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(2) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(3) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(5) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.match-handicap .handicap-col-3 .bet-item-wrap {
    padding: 4px 0
}

.match-handicap .handicap-col-3 .bet-item-wrap:first-child {
    padding-top: 8px;
    padding-bottom: 0
}

.match-handicap .handicap-col-3 .bet-item-wrap:last-child {
    padding-bottom: 8px;
    padding-top: 0
}

.match-handicap .american-football-footer {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    position: relative
}

.match-list-card {
    width: 100%
}

.match-list-card.bg-color {
    background-color: var(--q-gb-bg-c-37)
}

.match-list-card.tid_container_num+.tid_title_num,
.match-list-card.tid_title_num+.tid_title_num,
.match-list-card.tid_title_num+.csid_title_num,
.match-list-card.tid_title_num+.weikai_yikai_title_num,
.match-list-card.weikai_yikai_title_num+.tid_title_num,
.match-list-card.csid_title_num+.tid_title_num,
.match-list-card.tid_container_num+.weikai_yikai_title_num,
.match-list-card.tid_container_num+.csid_title_num {
    margin-top: 6px
}

.match-list-card.matc-type-card:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 100%;
    left: 0;
    top: 34px;
    background-color: var(--q-gb-bg-c-22);
    z-index: 1
}

.match-list-card.weikai_yikai_title_num .list-card-inner .hot_all {
    background: var(--q-gb-bg-color-1-1) !important
}

.match-list-card .list-card-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: var(--q-gb-t-c-6)
}

.match-list-card .time-content {
    line-height: 24px
}

.match-list-card .play-match-type {
    border-top: 1px solid var(--q-gb-bd-c-6);
    background: var(--q-bg-color-3-2)
}

.match-list-card .play-match-type.is_status_csid {
    background: var(--q-gb-bg-c-22) !important;
    color: var(--q-gb-t-c-6)
}

.new-type-match-list-card.match-list-card.tid_container_num+.tid_title_num {
    margin-top: 0
}

.match-type-champion {
    height: 34px
}

.match-type-champion .soprts_id_icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100%
}

.match-type-champion .tr-match-head {
    background: var(--q-gb-bg-c-30);
    border: 1px solid var(--q-gb-bd-c-13);
    border-radius: 6px;
    height: 100%;
    cursor: pointer
}

.match-type-champion .tr-match-head .leagues-wrap {
    display: flex;
    align-items: center;
    font-size: 13px;
    padding: 0 10px;
    height: 100%
}

.match-type-champion .tr-match-head .leagues-wrap .icon-arrow {
    font-size: 20px;
    margin-right: 16px;
    transition: transform .3s
}

.match-type-champion .tr-match-head .leagues-wrap .expand-arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 20px;
    margin-right: 16px;
    transition: transform .3s
}

.match-type-champion .tr-match-head .leagues-wrap .icon-wrap {
    margin-right: 10px
}

.match-type-champion .tr-match-head .leagues-wrap .icon-wrap.active .icon-star:before {
    color: var(--q-gb-t-c-16)
}

.match-type-champion .tr-match-head .leagues-wrap .icon-wrap .champin-collect-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: center
}

.match-type-champion .tr-match-head .leagues-wrap .league-icon-wrap {
    width: 18px;
    height: 18px;
    margin-right: 10px
}

.match-type-champion .tr-match-head .leagues-wrap .league-icon-wrap img {
    width: 100%;
    height: 100%
}

.match-type-champion.leagues-pack .leagues-wrap .expand-arrow {
    transform: rotate(180deg)
}

.match-type-champion .absolute-full .total {
    padding-right: 14px;
    margin-left: 10px
}

.play-match-league {
    height: 34px
}

.play-match-league .tr-match-head {
    background: var(--q-gb-bg-c-30);
    border: 1px solid var(--q-gb-bd-c-13);
    border-radius: 6px;
    position: relative
}

.play-match-league .tr-match-head .leagues-wrap {
    color: var(--q-gb-t-c-20);
    font-weight: 550
}

.play-match-league .tr-match-head .icon-arrow:before {
    color: var(--q-gb-bd-c-11)
}

.play-match-league .tr-match-head .play-name .col {
    font-size: 12px;
    font-weight: 500;
    color: var(--q-gb-t-c-24);
    font-family: PingFangSC-Medium
}

.play-match-league .tr-match-head .play-name .col.bet-col3.no-bg,
.play-match-league .tr-match-head .play-name .col.bet-col4.no-bg,
.play-match-league .tr-match-head .play-name .col.bet-col5.no-bg {
    background: none
}

.play-match-league .tr-match-head .play-name .col.bet-col3.y0-col4,
.play-match-league .tr-match-head .play-name .col.bet-col4.y0-col4,
.play-match-league .tr-match-head .play-name .col.bet-col5.y0-col4 {
    border-right: 1px solid var(--q-gb-bd-c-8);
    border-left: 1px solid var(--q-gb-bd-c-8);
    color: var(--q-gb-t-c-16)
}

.play-match-league .tr-match-head .media-position-icon {
    position: absolute;
    right: 0;
    width: 65px;
    align-items: center;
    justify-content: right;
    display: flex;
    padding: 0 4px
}

.play-match-league .tr-match-head .media-position-icon>div {
    margin-left: 3px
}

.play-match-league .tr-col-name {
    background: var(--q-gb-bg-c-31);
    color: var(--q-gb-bg-c-2);
    position: relative
}

.play-match-league .tr-col-name:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    left: 0;
    top: -6px;
    z-index: -1
}

.play-match-league .league-match-count {
    margin-left: 10px
}

.play-match-league.match-tpl13 .tr-match-head .play-name .col.bet-col2,
.play-match-league.match-tpl13 .tr-match-head .play-name .col.bet-col4 {
    border-left: 0 !important
}

.play-match-league .none {
    display: none
}

.play-match-league .tr-match-head {
    background: var(--q-gb-bg-c-30);
    border: 1px solid var(--q-gb-bd-c-13);
    border-radius: 6px;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer
}

.play-match-league .tr-match-head .leagues-wrap {
    display: flex;
    align-items: center;
    padding: 0 0 0 12px
}

.play-match-league .tr-match-head .leagues-wrap .list-expand {
    width: 16px;
    height: 16px;
    margin-right: 16px;
    transform: rotate(180deg);
    background-position: center
}

.play-match-league .tr-match-head .leagues-wrap .list-expand-fold {
    transform: rotate(0)
}

.play-match-league .tr-match-head .leagues-wrap .icon-arrow {
    font-size: 20px;
    margin-right: 20px;
    left: 10px;
    top: -1px;
    transition: transform .3s
}

.play-match-league .tr-match-head .leagues-wrap .league-icon-wrap {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    line-height: 18px
}

.play-match-league .tr-match-head .leagues-wrap .league-icon-wrap img {
    width: 100%;
    height: 100%
}

.play-match-league .tr-match-head .leagues-wrap .ellipsis-wrap {
    font-size: 13px;
    line-height: 1.2
}

.play-match-league .tr-match-head .leagues-wrap .ellipsis-wrap .absolute-full .ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap
}

.play-match-league .tr-match-head .play-name {
    text-align: center;
    line-height: 1.2;
    padding-right: 0;
    align-items: center
}

.play-match-league .tr-match-head .play-name .col2 {
    flex: 20000 1 0%
}

.play-match-league .tr-match-head .play-name .col {
    height: 100%;
    max-height: 100%;
    border: none !important
}

.play-match-league .tr-match-head .play-name .col .double-row {
    font-size: 12px;
    height: 100%;
    padding: 1px 0;
    line-height: 15px
}

.play-match-league .tr-match-head .play-name>div.bet-col3,
.play-match-league .tr-match-head .play-name>div.bet-col4,
.play-match-league .tr-match-head .play-name>div.bet-col5 {
    color: var(--q-gb-t-c-16)
}

.play-match-league .tr-match-head .gap4 {
    gap: 4px
}

.play-match-league .tr-match-head .p5 {
    gap: 2px
}

.play-match-league .tr-match-head .m-star-wrap-league {
    cursor: pointer;
    text-align: center
}

.play-match-league .tr-match-head .m-star-wrap-pin {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.play-match-league .tr-match-head .m-star-wrap-pin>span {
    width: 14px;
    height: 14px;
    background-size: 100% 100%
}

.play-match-league .tr-col-name {
    display: flex;
    height: 24px;
    background: var(--q-bg-color-3-2);
    color: var(--q-gb-bg-c-2);
    position: relative
}

.play-match-league .tr-col-name .play-name {
    text-align: center;
    line-height: 24px
}

.play-match-league .tr-col-name .play-name .ellipsis.tpl3:nth-child(3),
.play-match-league .tr-col-name .play-name .ellipsis.tpl3:nth-child(4) {
    color: var(--q-gb-t-c-16)
}

.play-match-league .tr-col-name .play-name.tr-col-21>div:nth-child(n + 4):nth-child(-n + 6) {
    color: var(--q-gb-t-c-16)
}

.play-match-league.leagues-pack .tr-match-head .leagues-wrap .icon-arrow {
    transform: rotate(180deg)
}

.play-match-league.leagues-pack .tr-match-head .play-name div {
    display: none
}

.play-match-league.leagues-pack .tr-match-head .league-match-count {
    display: block
}

.play-match-league.leagues-pack .tr-col-name {
    display: none
}

.play-match-league .soprts_id_icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% auto
}

.play-match-league.match-tpl1 .tr-match-head .play-name {
    padding-right: 4px
}

.play-match-type {
    padding: 0 15px 0 20px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: var(--q-gb-t-c-16)
}

.play-match-type .col-left {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    transform: translateY(2px)
}

.play-match-type .col-left .list-play {
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.play-match-type .col-left .list-play div {
    display: block;
    width: 18px;
    height: 18px
}

.play-match-type .match-number {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 500
}

.play-match-type.text-left.yb-flex-between {
    border-radius: 6px;
    border-top: 0
}

.play-match-type .col-right {
    border: 1px solid var(--q-gb-t-c-16);
    padding: 0 10px;
    border-radius: 16px;
    color: var(--q-gb-t-c-16);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    justify-self: center;
    font-weight: 400;
    font-size: 12px;
    box-shadow: 0 3px 3px #0038621a;
    cursor: pointer
}

.play-match-type .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.play-match-type .arrow {
    font-size: 8px;
    margin-left: 2px;
    transition: transform .3s;
    transform: rotate(180deg);
    width: 8px;
    height: 8px;
    background-size: 100% 100%;
    background-position: center
}

.play-match-type .arrow.desc {
    transform: rotate(0)
}

.row-item {
    position: relative;
    display: flex;
    height: 42px;
    align-items: center;
    padding: 0 12px
}

.row-item.GB {
    height: 58px
}

.row-item .team-logo-wrap {
    min-width: 18px;
    min-height: 18px;
    display: flex
}

.row-item .team-logo-wrap .visible {
    visibility: hidden
}

.row-item .team-logo-wrap .team-logo {
    display: flex;
    width: 18px;
    min-width: 18px;
    align-items: center
}

.row-item .team-logo-wrap .team-logo:last-child {
    margin-right: 8px !important
}

.row-item .team-logo-wrap .team-logo+.team-logo {
    margin-left: -7px
}

.row-item .team-name {
    line-height: 1.2;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.row-item .team-name.bold {
    color: var(--q-gb-t-c-16) !important
}

.row-item .team-name .text-menu-name {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.row-item .red-ball {
    background: #ba0e0e;
    color: var(--q-gb-t-c-18)
}

.row-item .score {
    color: var(--q-gb-t-c-16);
    font-weight: 700
}

.row-item .score.score-cur {
    color: var(--q-gb-bg-c-8)
}

.row-item .score.score-game {
    color: var(--q-gb-bd-c-3)
}

.row-item .scoring {
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(-50%)
}

.row-item:hover .team-name,
.row-item:hover .up-half-text {
    color: var(--q-gb-t-c-16)
}

.row-item .score,
.row-item .score-game {
    min-width: 14px;
    text-align: right;
    justify-content: flex-end;
    margin: 0 0 0 5px
}

.tipsName2 {
    position: absolute;
    left: 0;
    bottom: 14px
}

.match-icon-name2 {
    margin-left: 16px;
    pointer-events: none
}

.base-info-item-24 .row-item {
    height: 36px
}

.base-info-item-24 .row-item.GB {
    height: 58px
}

.base-info-item-24 .time-content {
    line-height: 46px
}

.base-info-item-25 .row-item {
    height: 36px
}

.base-info-item-25 .row-item.GB {
    height: 58px
}

.base-info-item-25 .time-content {
    line-height: 46px
}

.row-item:nth-last-child {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.serve-ball {
    position: absolute;
    background-color: var(--q-gb-t-c-10);
    border-radius: 50%;
    margin-top: -4px;
    left: -3px;
    height: 5px;
    width: 5px;
    top: 50%
}

.serve-ball.active {
    background-color: var(--q-gb-t-c-16)
}

.base-info-7 .serve-ball {
    left: 2px
}

.more-info {
    display: flex;
    gap: 2px;
    align-items: center
}

.more-info .allow-user-select {
    height: inherit;
    line-height: 18px
}

.more-info .match_pre {
    width: 14px;
    height: 14px;
    cursor: pointer
}

.more-info .m-star-wrap-match {
    cursor: pointer
}

.more-info .settlement-pin {
    width: 14px;
    height: 14px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.more-info .play-count-wrap i {
    transform: rotate(90deg)
}

.more-info .play-count-wrap .play-count {
    color: var(--q-text-color-2-2-hot);
    cursor: pointer
}

.more-info .play-count-wrap:hover .icon-triangle-right:before {
    color: var(--q-gb-bg-c-8)
}

.base-info-1 .gif-text {
    padding-left: 3px;
    animation: 1s text-flash linear infinite normal;
    color: #ff7000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.base-info-1 .var-text {
    padding-left: 3px;
    color: #ff7000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    animation: 1s text-flash linear infinite normal
}

.base-info-1 .red-ball {
    margin: 0 0 2.5px 8px;
    position: relative;
    top: 1px;
    padding: 0 2px;
    height: 14px;
    line-height: 14px
}

.base-info-1 .red-ball.yellow {
    background-color: #ffa800
}

.base-info-1 .red-ball.flash {
    animation: 1s text-flash linear infinite normal
}

.base-info-1 .match-icon {
    justify-content: space-between
}

.base-info-1 .time-content,
.base-info-1 .date-wrap {
    display: flex !important;
    background-color: unset
}

.base-info-1 .time-content .process-name,
.base-info-1 .date-wrap .process-name {
    padding: 0 2px
}

.base-info-1 .date-wrap {
    padding: 0 !important
}

@keyframes text-flash {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.base-info-2 .match-icon {
    justify-content: space-between
}

.base-info-2 .red-ball {
    margin: 0 0 2.5px 8px;
    position: relative;
    top: 1px;
    padding: 0 2px;
    height: 14px;
    line-height: 14px
}

.base-info-2 .red-ball.yellow {
    background-color: #ffa800
}

.base-info-2 .red-ball.flash {
    animation: 1s text-flash linear infinite normal
}

.base-info-2 .allow-user-select {
    height: inherit;
    line-height: 18px
}

.base-info-3 .allow-user-select {
    font-size: 12px
}

.base-info-3 .match-icon {
    justify-content: flex-end;
    border-right: 1px solid var(--q-gb-bd-c-8);
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.base-info-3 .ot {
    color: var(--q-gb-t-c-16)
}

.base-info-4 {
    padding: 0 12px
}

.base-info-4 .row-item {
    display: flex;
    align-items: center
}

.base-info-4 .row-item .team-logo {
    display: flex;
    width: 22px;
    min-width: 22px;
    align-items: center
}

.base-info-4 .is_iframe_tips {
    margin-right: 17px;
    float: right
}

.base-info-4 .ellipsis-wrap {
    flex: 1;
    position: relative;
    height: 100%
}

.base-info-4.is_iframe .row-item {
    padding: 0
}

.base-info-4 .wanfa {
    justify-content: flex-end
}

.base-info-5 {
    position: relative
}

.base-info-5 .match-icon {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.base-info-5 .match-icon {
    justify-content: space-between
}

.base-info-6 .score-sum {
    width: 30px;
    text-align: right
}

.base-info-6 .match-icon {
    justify-content: space-between
}

.match-new-card {
    height: 80px;
    background-color: var(--q-gb-bd-c-13);
    border-radius: 6px;
    display: flex;
    align-items: center
}

.match-new-card .left {
    display: flex;
    width: 60px;
    height: inherit;
    justify-content: center;
    align-items: center
}

.match-new-card .left .time-content {
    line-height: 1.2
}

.match-new-card .left .new-timer-layout {
    display: flex;
    flex-direction: column;
    padding-top: 2px;
    gap: unset;
    position: relative;
    overflow: hidden;
    text-wrap: auto
}

.match-new-card .center {
    display: flex;
    flex: 1;
    padding: 14px 15px
}

.match-new-card .center .settlement-pin {
    width: 36px;
    height: 52px;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: var(--q-gb-bg-c-27);
    border-radius: 2px;
    color: var(--q-gb-t-c-6);
    align-items: center;
    cursor: pointer
}

.match-new-card .center .settlement-pin .top {
    display: flex;
    align-items: center;
    height: 100%
}

.match-new-card .center .settlement-pin>span {
    display: block;
    height: 14px;
    width: 14px;
    background-size: 100%
}

.match-new-card .center .match-new-handicap {
    --private-match-new-handicap-margin: 10px;
    --private-match-new-handicap-padding-y: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    height: 52px;
    background-color: var(--q-Handicap-default-half-court);
    border-radius: 3px
}

.match-new-card .center .match-new-handicap:hover {
    background-color: var(--q-Handicap-hover-all)
}

.match-new-card .center .match-new-handicap:hover .c-bet-item {
    background-color: unset
}

.match-new-card .center .match-new-handicap.active {
    color: var(--q-gb-t-c-18) !important;
    background: var(--q-gb-t-c-16) !important
}

.match-new-card .center .match-new-handicap.active .c-bet-item {
    background-color: var(--q-gb-t-c-16) !important
}

.match-new-card .center .match-new-handicap.active .c-bet-item .handicap-value-text,
.match-new-card .center .match-new-handicap.active .match-item-team-name .match-name.bold {
    color: var(--q-gb-t-c-18) !important
}

.match-new-card .center .match-new-handicap.active .match-name.active {
    color: var(--q-gb-t-c-18)
}

.match-new-card .center .match-new-handicap.is_iframe {
    width: 200px
}

.match-new-card .center .match-new-handicap img {
    height: 28px;
    width: 28px
}

.match-new-card .center .match-new-handicap .serving-side {
    width: 8px;
    height: 8px
}

.match-new-card .center .match-new-handicap .serving-side .serving-party {
    border-radius: 8px;
    background: var(--sys-feedback-success-success-400, #50C042);
    width: 8px;
    height: 8px
}

.match-new-card .center .match-new-handicap .serving-margin-left {
    margin-left: 5px
}

.match-new-card .center .match-new-handicap .serving-margin-right {
    margin-right: 5px
}

.match-new-card .center .match-left,
.match-new-card .center .match-right {
    flex: 1;
    display: flex
}

.match-new-card .center .match-left {
    margin-left: var(--private-match-new-handicap-margin);
    padding: 0px var(--private-match-new-handicap-padding-y)
}

.match-new-card .center .match-left img {
    margin-left: 6px
}

.match-new-card .center .match-left .match-item-team-name {
    text-align: right;
    justify-content: flex-end
}

.match-new-card .center .match-right {
    margin-right: var(--private-match-new-handicap-margin);
    padding: 0px var(--private-match-new-handicap-padding-y)
}

.match-new-card .center .match-right img {
    margin-right: 6px
}

.match-new-card .center .match-data {
    width: 36px;
    height: 52px;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: var(--q-gb-bg-c-27);
    border-radius: 2px;
    color: var(--q-gb-t-c-6);
    cursor: pointer
}

.match-new-card .center .match-part {
    width: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.match-new-card .center .match-part>span {
    color: var(--q-gb-t-c-6);
    font-size: 12px
}

.match-new-card .center .match-part>span:nth-child(1) {
    font-weight: 600;
    line-height: 20px
}

.match-new-card .center .match-score {
    color: var(--q-gb-bg-c-57);
    width: 46px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.match-new-card .center .match-score .score-text {
    font-size: 20px;
    font-style: normal;
    font-weight: 500
}

.match-new-card .center .match-score .over-time-text {
    font-size: 10px
}

.match-new-card .center .odd-detail {
    width: 82px;
    height: 52px;
    background-color: var(--q-gb-bg-c-27);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    text-align: center
}

.match-new-card .center .odd-detail.bg-null {
    background-color: transparent
}

.match-new-card .center .odd-detail.active {
    color: var(--q-gb-t-c-18) !important;
    background: var(--q-gb-t-c-16) !important
}

.match-new-card .center .odd-detail.active .c-bet-item {
    background-color: var(--q-gb-t-c-16) !important
}

.match-new-card .center .odd-detail.active .c-bet-item .handicap-value-text {
    color: var(--q-gb-t-c-18) !important
}

.match-new-card .center .odd-detail .no-start {
    display: grid;
    text-align: center;
    place-items: center;
    height: 100%
}

.match-new-card .center .odd-detail-hover:hover {
    background-color: var(--q-gb-bg-c-31)
}

.match-new-card .center .active .common-text {
    color: var(--qq--match-text-color2)
}

.match-new-card .center .match-new-mid .common-text {
    padding-right: 4px;
    white-space: nowrap;
    width: 50%;
    text-align: right
}

.match-new-card .center .match-new-mid .common-text+.match-odd {
    width: 50%
}

.match-new-card .center .match-new-mid .common-text+.match-odd .odds {
    justify-content: center
}

.match-new-card .center .common-text {
    color: var(--qq--yb-text-color4_6);
    font-size: 12px
}

.match-new-card .center .match-name {
    max-width: 284px;
    overflow: visible;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    line-height: 24px;
    -webkit-box-orient: vertical;
    width: 0;
    flex: 1
}

.match-new-card .center .match-item-team-name {
    --private-margin: 5px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex: 1
}

.match-new-card .center .match-item-team-name .match-name.bold {
    color: var(--q-gb-t-c-16)
}

.match-new-card .center .match-item-team-name .match-name.active {
    color: var(--q-gb-bg-c-18)
}

.match-new-card .center .team_logo {
    width: 28px;
    height: 28px;
    margin-left: 6px
}

.match-new-card .center .team_logo_away {
    width: 28px;
    height: 28px;
    margin-right: 6px
}

.match-new-card .right {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.match-new-card .right .v-icon {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    padding: 1px 3px;
    color: var(--q-gb-t-c-27);
    border-radius: 2px;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid var(--q-gb-bd-c-8);
    margin-bottom: 4px;
    max-width: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.match-new-card .right .video-active {
    color: var(--q-gb-t-c-16) !important;
    border: 1px solid var(--q-gb-bg-c-1) !important
}

.match-new-card .right .collect-icon {
    width: 14px;
    height: 14px;
    font-size: 14px
}

.match-new-card .match-des div.lift_up {
    background-color: var(--q-gb-bg-c-28) !important;
    position: relative
}

.match-new-card .match-des div.lift_up:after {
    content: "";
    position: absolute;
    top: 0;
    right: -6px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 9px solid #E93D3D;
    transform: rotate(45deg)
}

.match-new-card .match-des div.lift_up.un {
    background-color: var(--q-gb-bg-c-29) !important
}

.match-new-card .match-des div.lift_up.un:after {
    border-bottom: 9px solid #50C042
}

.match-new-card .match-des div.lift_up.un .odds .highlight-odds {
    color: #50c042
}

.match-new-card .match-des div.lift_up .odds .highlight-odds {
    color: #e93d3d
}

.match-new-card .match-des div.lift_down {
    background-color: var(--q-gb-bg-c-29) !important;
    position: relative
}

.match-new-card .match-des div.lift_down:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -6px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 9px solid #50C042;
    transform: rotate(-45deg)
}

.match-new-card .match-des div.lift_down.un {
    background-color: var(--q-gb-bg-c-28) !important
}

.match-new-card .match-des div.lift_down.un:after {
    border-top: 9px solid #E93D3D
}

.match-new-card .match-des div.lift_down.un .odds .highlight-odds {
    color: #e93d3d
}

.match-new-card .match-des div.lift_down .odds .highlight-odds {
    color: #50c042
}

.match-new-card :deep(.c-bet-item) {
    min-width: 20px
}

.match-new-card .match-name.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.match-new-card .mr-8 {
    margin-right: 4px;
    white-space: nowrap
}

.match-new-card .mb-15 {
    margin-bottom: 15px
}

.match-new-card .mb-5 {
    margin-bottom: 5px
}

.match-new-card .after_tpl0 {
    margin-bottom: 4px
}

.match-new-card .is_curson {
    cursor: pointer
}

.match-new-card .c-bet-item {
    overflow: unset
}

.match-new-card .c-bet-item .pc-promotion-up-pop {
    height: 24px;
    width: 24px;
    position: absolute;
    top: -20px;
    right: 4px;
    z-index: 100;
    background-size: 100%
}

.additional-play .other-play-tab .arrow-wrap {
    background: var(--q--gb-bg-c-13);
    z-index: 10
}

.additional-play .other-play-tab .tab-icon-arrow {
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: contain
}

.additional-play .other-play-tab .tab-icon-arrow:before {
    border-color: var(--q-gb-t-c-16)
}

.additional-play .other-play-tab .tab-icon-arrow.active {
    transform: rotate(180deg)
}

.additional-play .other-play-tab .play-title.col {
    margin-left: 1px;
    background-color: var(--q-gb-bd-c-13);
    position: relative
}

.additional-play .other-play-tab .play-title.col .tab-wrap {
    overflow: unset;
    font-size: 12px;
    color: var(--q-gb-bg-c-2);
    height: 30px !important
}

.additional-play .other-play-tab .play-title.col .tab-wrap .item-wrap {
    width: auto !important;
    align-items: center;
    z-index: 0
}

.additional-play .other-play-tab .play-title.col .tab-wrap .item-wrap .line-wrap {
    display: none
}

.additional-play .other-play-tab .play-title.col .tab-wrap .item-wrap .tab-item {
    font-size: 12px;
    font-weight: 500;
    min-width: 70px;
    height: 24px;
    line-height: 22px;
    border: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 17px;
    margin-right: 6px;
    color: var(--q-gb-t-c-6)
}

.additional-play .other-play-tab .play-title.col .tab-wrap .item-wrap .tab-item.active {
    color: var(--q-gb-t-c-22);
    background-color: var(--q-gb-bg-c-30) !important;
    border: .5px solid var(--q-gb-bd-c-11) !important
}

.new-pc-2025 .match-list-container .new-pc-match-list-card .other-play-tab .play-title .arrow-wrap {
    background: var(--q-gb-bg-c-27) !important
}

.match-tpl-1-after .select-type {
    margin-left: 9px;
    border-radius: 1000px;
    height: 26px;
    overflow: hidden;
    background-color: var(--q-gb-bg-c-41);
    color: var(--q-gb-t-c-21);
    flex-shrink: 0
}

.match-tpl-1-after .select-type .select-type-active {
    color: var(--q-gb-t-c-16);
    background-color: var(--q-gb-bg-c-31);
    border-radius: 100px
}

.match-tpl-1-after .select-type .select-type-active-blue {
    background-color: var(--q-gb-bg-c-1);
    border-radius: 1000px;
    color: var(--q-gb-t-c-18)
}

.match-tpl-1-after .select-type li {
    white-space: nowrap;
    padding: 0 11px;
    height: calc(100% - 2px);
    text-align: center;
    line-height: 26px;
    color: var(--q-gb-t-c-6)
}

.match-tpl-1-after .other-play-tab {
    height: 40px;
    display: flex
}

.match-tpl-1-after .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.match-tpl-1-after .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.match-tpl-1-after .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.match-tpl-1-after .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.match-tpl-1-after .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.match-tpl-1-after .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.match-tpl-1-after .score_15 {
    color: var(--q-theme-color-1-default)
}

.match-tpl-1-after .fifteen-box {
    display: flex;
    height: 24px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.match-tpl-1-after .fifteen-box.double-title {
    height: 40px
}

.match-tpl-1-after .fifteen-box.double-title .fifteen-item {
    line-height: 40px
}

.match-tpl-1-after .fifteen-box .fifteen-item {
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    height: 100%;
    padding: 0 2px
}

.match-tpl-1-after .fifteen-box .fifteen-item.flex {
    line-height: 16px
}

.match-tpl-1-after .fifteen-box .bet-item-wrap:last-child {
    border-right: none !important
}

.match-tpl-1-after .fifteen-box .handicap-border {
    border: none !important
}

.match-tpl-1-after .other-handicap-more-text {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-left: 1px;
    border-top: .5px solid var(--q-gb-bd-c-8);
    border-left: .5px solid var(--q-gb-bd-c-8)
}

.match-tpl-1-after .other-handicap-more-text .yb-icon-arrow {
    transition: transform .3s;
    transform: rotate(90deg);
    margin-left: 6px
}

.match-tpl-1-after .other-handicap-more-text .yb-icon-arrow:before {
    color: #179cff
}

.match-tpl-1-after .other-handicap-more-text.abs {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--q-gb-bg-c-37)
}

.match-tpl-1-after .other-handicap-more-shape {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 23px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 18px;
    color: var(--q-gb-t-c-3);
    border: .5px solid var(--q-gb-bd-c-14)
}

.match-tpl-1-after .hpsBold .handicap-value-ranks {
    color: var(--q-gb-bg-c-57)
}

.match-tpl7 .base-info-2 .match-icon {
    justify-content: flex-end;
    padding-right: 5px
}

.match-tpl7.c-match-item {
    display: flex;
    flex: 1
}

.match-tpl7.c-match-item .c-match-item-hadcap {
    display: flex;
    flex-direction: column;
    flex: 1
}

.match-tpl7.c-match-item .c-match-item-hadcap .c-match-item-hadcap-left {
    display: flex
}

.match-tpl7.c-match-item .other-play-tab {
    height: 40px;
    display: flex
}

.match-tpl7.c-match-item .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.match-tpl7.c-match-item .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.match-tpl7.c-match-item .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.match-tpl7.c-match-item .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.match-tpl7.c-match-item .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.match-tpl7.c-match-item .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.match-tpl7 .fifteen-box {
    display: flex;
    height: 24px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.match-tpl7 .fifteen-box .gap4 {
    gap: 4px
}

.match-tpl7 .fifteen-box .gap4>div:last-child {
    color: var(--q-gb-t-c-16)
}

.match-tpl7 .fifteen-box.double-title {
    height: 40px
}

.match-tpl7 .fifteen-box.double-title .fifteen-item {
    line-height: 40px
}

.match-tpl7 .fifteen-box .fifteen-item {
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    height: 100%;
    padding: 0 2px
}

.match-tpl7 .fifteen-box .fifteen-item.flex {
    line-height: 16px
}

.match-tpl7 .fifteen-box .fifteen-item.col2 {
    flex: 20000 1 0%
}

.match-tpl7 .fifteen-box .bet-item-wrap:last-child {
    border-right: none !important
}

.match-tpl7 .fifteen-box .col5 {
    flex: .5
}

.match-tpl7 .fifteen-box .handicap-border {
    border: none !important
}

.match-tpl-9-after .base-info-2 .match-icon {
    justify-content: flex-end;
    padding-right: 5px
}

.match-tpl-9-after.c-match-item {
    display: flex;
    flex: 1
}

.match-tpl-9-after.c-match-item .c-match-item-hadcap {
    display: flex;
    flex-direction: column;
    flex: 1
}

.match-tpl-9-after.c-match-item .c-match-item-hadcap .c-match-item-hadcap-left {
    display: flex
}

.match-tpl-9-after.c-match-item .other-play-tab {
    height: 40px;
    display: flex
}

.match-tpl-9-after.c-match-item .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.match-tpl-9-after.c-match-item .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.match-tpl-9-after.c-match-item .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.match-tpl-9-after.c-match-item .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.match-tpl-9-after.c-match-item .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.match-tpl-9-after.c-match-item .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.match-tpl-9-after .other-handicap-more-text {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-left: 1px;
    border-top: .5px solid var(--q-gb-bd-c-8);
    border-left: .5px solid var(--q-gb-bd-c-8)
}

.match-tpl-9-after .other-handicap-more-text .yb-icon-arrow {
    transition: transform .3s;
    transform: rotate(90deg);
    margin-left: 6px
}

.match-tpl-9-after .other-handicap-more-text .yb-icon-arrow:before {
    color: #179cff
}

.match-tpl-9-after .other-handicap-more-text.abs {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--q-gb-bg-c-37)
}

.match-tpl-9-after .other-handicap-more-shape {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 23px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 18px;
    color: var(--q-gb-t-c-3);
    border: .5px solid var(--q-gb-bd-c-14)
}

.match-tpl-9-after .other-play-tab {
    height: 40px;
    display: flex
}

.match-tpl-9-after .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.match-tpl-9-after .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.match-tpl-9-after .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.match-tpl-9-after .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.match-tpl-9-after .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.match-tpl-9-after .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.match-tpl-9-after .fifteen-box {
    display: flex;
    height: 24px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.match-tpl-9-after .fifteen-box .gap4 {
    gap: 4px
}

.match-tpl-9-after .fifteen-box .gap4>div:last-child {
    color: var(--q-gb-t-c-16)
}

.match-tpl-9-after .fifteen-box.double-title {
    height: 40px
}

.match-tpl-9-after .fifteen-box.double-title .fifteen-item {
    line-height: 40px
}

.match-tpl-9-after .fifteen-box .fifteen-item {
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    height: 100%;
    padding: 0 2px
}

.match-tpl-9-after .fifteen-box .fifteen-item.flex {
    line-height: 16px
}

.match-tpl-9-after .fifteen-box .fifteen-item.col2 {
    flex: 20000 1 0%
}

.match-tpl-9-after .fifteen-box .bet-item-wrap:last-child {
    border-right: none !important
}

.match-tpl-9-after .fifteen-box .col5 {
    flex: .5
}

.match-tpl-9-after .fifteen-box .handicap-border {
    border: none !important
}

.match-tpl-12-after .ellipsis3 {
    -webkit-line-clamp: 4;
    line-height: 1.4
}

.match-tpl-12-after .no-big-size {
    font-weight: 400 !important
}

.match-tpl-12-after .settlement-pin {
    margin-right: 5px !important;
    cursor: pointer
}

.match-tpl-12-after .settlement-pin>span {
    display: block;
    height: 14px;
    width: 14px;
    background-size: 100%
}

.match-tpl-12-after .time-content {
    line-height: 1.2
}

.match-tpl-12-after .basic-col {
    display: flex;
    align-items: center;
    cursor: pointer
}

.match-tpl-12-after .basic-col .team-name {
    color: var(--q-gb-t-c-20);
    width: 100%
}

.match-tpl-12-after .basic-col .team-name.home {
    text-align: right;
    margin-right: 6px;
    padding-left: 4px
}

.match-tpl-12-after .basic-col .team-name.away {
    margin-left: 6px;
    padding-right: 4px
}

.match-tpl-12-after .basic-col .team-name.bold,
.match-tpl-12-after .basic-col .team-name:hover {
    color: var(--q-gb-t-c-16) !important
}

.match-tpl-12-after .basic-col .team-logo {
    width: 24px;
    max-height: 26px
}

.match-tpl-12-after .basic-col .score-wrap {
    width: 80px;
    margin: 0 8px;
    height: 24px;
    border-radius: 2px
}

.match-tpl-12-after .basic-col .score-wrap .vs-font {
    font-size: 12px;
    font-style: normal;
    color: var(--q-text-color-1)
}

.match-tpl-12-after .basic-col .score-wrap .score,
.match-tpl-12-after .basic-col .score-wrap .separate {
    font-size: 13px;
    font-weight: 700
}

.match-tpl-12-after .rangqiu {
    text-align: center
}

.match-tpl-12-after .handicap-wrap {
    padding-right: 0
}

.match-tpl-12-after .action-wrap {
    width: 60px;
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.match-tpl-12-after .action-wrap .play-count-wrap {
    margin-top: 5px;
    padding: 0
}

.match-tpl-12-after .action-wrap .play-count-wrap .play-count {
    color: var(--q-text-color-2)
}

.match-tpl-12-after .action-wrap .play-count-wrap .yb-icon-arrow {
    left: 3px;
    color: #cbced8
}

.match-tpl-12-after .action-wrap .sr-link-icon-w {
    margin-right: 0 !important
}

.match-tpl-12-after .wonderfule_replay_icon {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.match-tpl-12-after .wonderfule_replay_icon .icon {
    margin-bottom: 8px
}

.match-tpl-12-after.iframe_32 .score-wrap {
    width: 40px
}

.match-tpl-12-after.iframe_32 .team-logo {
    width: 18px;
    height: 18px
}

.match-tpl-12-after.iframe_32 .basic-col .team-name.home {
    margin-right: 4px
}

.match-tpl-12-after.iframe_32 .basic-col .team-name.away {
    margin-left: 4px
}

.tpl-17 .base-info-2 .match-icon {
    justify-content: flex-end;
    padding-right: 5px
}

.tpl-17.c-match-item {
    display: flex;
    flex: 1
}

.tpl-17.c-match-item .c-match-item-hadcap {
    display: flex;
    flex-direction: column;
    flex: 1
}

.tpl-17.c-match-item .c-match-item-hadcap .c-match-item-hadcap-left {
    display: flex
}

.tpl-17.c-match-item .other-play-tab {
    height: 40px;
    display: flex
}

.tpl-17.c-match-item .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.tpl-17.c-match-item .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.tpl-17.c-match-item .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.tpl-17.c-match-item .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.tpl-17.c-match-item .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.tpl-17.c-match-item .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.tpl-17 .fifteen-box {
    display: flex;
    height: 24px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.tpl-17 .fifteen-box .gap4 {
    gap: 4px
}

.tpl-17 .fifteen-box .gap4>div:last-child {
    color: var(--q-gb-t-c-16)
}

.tpl-17 .fifteen-box.double-title {
    height: 40px
}

.tpl-17 .fifteen-box.double-title .fifteen-item {
    line-height: 40px
}

.tpl-17 .fifteen-box .fifteen-item {
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    height: 100%;
    padding: 0 2px
}

.tpl-17 .fifteen-box .fifteen-item.flex {
    line-height: 16px
}

.tpl-17 .fifteen-box .fifteen-item.col2 {
    flex: 20000 1 0%
}

.tpl-17 .fifteen-box .bet-item-wrap:last-child {
    border-right: none !important
}

.tpl-17 .fifteen-box .col5 {
    flex: .5
}

.tpl-17 .fifteen-box .handicap-border {
    border: none !important
}

.tpl-18 {
    display: block !important;
    background: none !important
}

.tpl-18:before {
    display: none
}

.tpl-18 .play-wrap {
    margin-top: 6px;
    border-radius: 6px;
    background-color: var(--q-gb-bd-c-13);
    overflow: hidden
}

.tpl-18 .play-wrap .handicap-value-text {
    color: var(--q-gb-t-c-6)
}

.tpl-18 .play-info {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    background: var(--q-gb-bg-c-30) !important;
    position: relative
}

.tpl-18 .play-info :before {
    content: "";
    height: 14px;
    width: 3px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    background: var(--q-gb-t-c-16);
    display: block;
    position: absolute;
    left: 0;
    top: 9px
}

.tpl-18 .play-info .ellipsis {
    font-size: 13px;
    color: var(--q-gb-t-c-3);
    font-weight: 600
}

.tpl-18 .bet-list-wrap {
    margin: 6px 12px
}

.tpl-18 .bet-col {
    width: calc(50% - 6px);
    margin: 3px;
    border-radius: 4px
}

.tpl-18 .bet-col .handicap-value.color-highlight {
    color: var(--q-gb-bd-c-3) !important
}

.tpl-18 .bet-col .c-bet-item {
    justify-content: space-between;
    padding: 0 12px;
    background: var(--q-gb-bg-c-74);
    cursor: pointer
}

.tpl-18 .bet-col .c-bet-item .handicap-value {
    justify-content: flex-start !important;
    max-width: calc(100% - 38px)
}

.tpl-18 .bet-col .c-bet-item .odds {
    justify-content: flex-end
}

.tpl-18 .bet-col .c-bet-item .handicap-value-text {
    width: 100%;
    min-width: 180px
}

.tpl-18 .play-wrap .play-info {
    background: var(--q-site-header-color-6);
    color: var(--q-gb-t-c-16)
}

.tpl-19 .other-handicap-more-text {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-left: 1px;
    border-top: .5px solid var(--q-gb-bd-c-8);
    border-left: .5px solid var(--q-gb-bd-c-8)
}

.tpl-19 .other-handicap-more-text .yb-icon-arrow {
    transition: transform .3s;
    transform: rotate(90deg);
    margin-left: 6px
}

.tpl-19 .other-handicap-more-text .yb-icon-arrow:before {
    color: #179cff
}

.tpl-19 .other-handicap-more-text.abs {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--q-gb-bg-c-37)
}

.tpl-19 .other-handicap-more-shape {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 23px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 18px;
    color: var(--q-gb-t-c-3);
    border: .5px solid var(--q-gb-bd-c-14)
}

.tpl-19 .other-play-tab {
    height: 40px;
    display: flex
}

.tpl-19 .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.tpl-19 .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.tpl-19 .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.tpl-19 .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.tpl-19 .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.tpl-19 .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.tpl-19 .fifteen-box {
    display: flex;
    height: 24px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.tpl-19 .fifteen-box .gap4 {
    gap: 4px
}

.tpl-19 .fifteen-box .gap4>div:last-child {
    color: var(--q-gb-t-c-16)
}

.tpl-19 .fifteen-box.double-title {
    height: 40px
}

.tpl-19 .fifteen-box.double-title .fifteen-item {
    line-height: 40px
}

.tpl-19 .fifteen-box .fifteen-item {
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    height: 100%;
    padding: 0 2px
}

.tpl-19 .fifteen-box .fifteen-item.flex {
    line-height: 16px
}

.tpl-19 .fifteen-box .fifteen-item.col2 {
    flex: 20000 1 0%
}

.tpl-19 .fifteen-box .bet-item-wrap:last-child {
    border-right: none !important
}

.tpl-19 .fifteen-box .col5 {
    flex: .5
}

.tpl-19 .fifteen-box .handicap-border {
    border: none !important
}

.tpl-20 .other-handicap-more-text {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-left: 1px;
    border-top: .5px solid var(--q-gb-bd-c-8);
    border-left: .5px solid var(--q-gb-bd-c-8)
}

.tpl-20 .other-handicap-more-text .yb-icon-arrow {
    transition: transform .3s;
    transform: rotate(90deg);
    margin-left: 6px
}

.tpl-20 .other-handicap-more-text .yb-icon-arrow:before {
    color: #179cff
}

.tpl-20 .other-handicap-more-text.abs {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--q-gb-bg-c-37)
}

.tpl-20 .other-handicap-more-shape {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 23px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 18px;
    color: var(--q-gb-t-c-3);
    border: .5px solid var(--q-gb-bd-c-14)
}

.tpl-20 .other-play-tab {
    height: 40px;
    display: flex
}

.tpl-20 .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.tpl-20 .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.tpl-20 .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.tpl-20 .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.tpl-20 .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.tpl-20 .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.tpl-20 .fifteen-box {
    display: flex;
    height: 24px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.tpl-20 .fifteen-box .gap4 {
    gap: 4px
}

.tpl-20 .fifteen-box .gap4>div:last-child {
    color: var(--q-gb-t-c-16)
}

.tpl-20 .fifteen-box.double-title {
    height: 40px
}

.tpl-20 .fifteen-box.double-title .fifteen-item {
    line-height: 40px
}

.tpl-20 .fifteen-box .fifteen-item {
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    height: 100%;
    padding: 0 2px
}

.tpl-20 .fifteen-box .fifteen-item.flex {
    line-height: 16px
}

.tpl-20 .fifteen-box .fifteen-item.col2 {
    flex: 20000 1 0%
}

.tpl-20 .fifteen-box .bet-item-wrap:last-child {
    border-right: none !important
}

.tpl-20 .fifteen-box .col5 {
    flex: .5
}

.tpl-20 .fifteen-box .handicap-border {
    border: none !important
}

.tpl-21 .match-handicap-item {
    display: flex;
    justify-content: space-between
}

.tpl-21 .time-content,
.tpl-21 .date-wrap {
    display: flex !important
}

.tpl-24 {
    padding-top: 24px
}

.tpl-24 .score_15 {
    color: var(--q-theme-color-1-default)
}

.tpl-24 .match-handicap-item {
    display: flex;
    justify-content: space-between
}

.tpl-24 .c15min-title {
    top: 0;
    height: 24px;
    width: 100%;
    background: var(--q-gb-bg-c-22)
}

.tpl-24 .c15min-title .c15min-name {
    line-height: 24px;
    color: var(--q-text-color-2-1)
}

.tpl-31 {
    padding-top: 24px
}

.tpl-31 .score_15 {
    color: var(--q-theme-color-1-default)
}

.tpl-31 .match-handicap-item {
    display: flex;
    justify-content: space-between
}

.tpl-31 .c15min-title {
    top: 0;
    height: 24px;
    width: 100%;
    background: var(--q-gb-bg-c-22)
}

.tpl-31 .c15min-title .c15min-name {
    line-height: 24px;
    color: var(--q-text-color-2-1)
}

.tpl-esports-bg .have-chuan-guan {
    margin: 0 8px
}

.tpl-esports-bg .have-chuan-guan span {
    display: block;
    min-width: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 13px;
    color: var(--q-gb-t-c-16);
    border: 1px solid var(--q-gb-t-c-16);
    border-radius: 2px;
    font-weight: 700
}

.tpl-esports-bg .have-chuan-guan .mya-style {
    line-height: 20px
}

.tpl-esports-bg .m-star-wrap-pin {
    width: 22px;
    height: 14px
}

.tpl-esports-bg .m-star-wrap-pin>span {
    width: 14px;
    height: 14px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block
}

.tpl-esports-bg .play-detail-box {
    cursor: pointer;
    display: flex
}

.tpl-esports-bg .esports-play-competition {
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding-right: 20px
}

.tpl-esports-bg .esports-play-competition .scoring {
    color: var(--q-gb-t-c-16);
    font-weight: 700
}

.tpl-esports-bg .esports-play-box {
    height: 34px;
    line-height: 34px;
    display: flex;
    border-top: 1px solid var(--q-gb-bd-c-8) !important
}

.tpl-esports-bg .play-count-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 20px 0 17px
}

.tpl-esports-bg .match-handicap-item-esports {
    flex: 1;
    box-sizing: border-box
}

.tpl-esports-bg .match-handicap-item-esports .c-match-card {
    display: flex
}

.tpl-esports-bg .tpl-esports {
    display: flex;
    align-items: center
}

.tpl-esports-bg .tpl-esports .c-match-process {
    top: unset !important;
    position: relative !important
}

.tpl-esports-bg .process-col {
    line-height: 1.7
}

.tpl-esports-bg .top18 {
    top: 18px !important
}

.match-tpl-favorable-after {
    background-color: var(--q-gb-bg-c-13);
    padding: 8px
}

.match-tpl-favorable-after .match-tpl-item-title {
    height: 42px;
    line-height: 42px;
    padding: 0 2px;
    display: flex;
    gap: 8px;
    color: var(--q-gb-t-c-3);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    align-items: center;
    cursor: pointer
}

.match-tpl-favorable-after .match-tpl-item-title .title-svg {
    width: 37px;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 16px;
    transform: rotate(90deg)
}

.match-tpl-favorable-after .match-tpl-item-title .title-svg .red-flash {
    height: 14px;
    width: 14px
}

.match-tpl-favorable-after .match-tpl-item {
    width: 100%
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content {
    display: flex;
    align-items: center;
    gap: 6px;
    border-top: none;
    flex-wrap: wrap
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data {
    min-width: 30%;
    max-width: 33%;
    height: 32px;
    flex: 1
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item {
    cursor: pointer;
    background-color: var(--q-gb-bg-c-74)
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item .lock {
    margin-right: 20px
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item.down .new-odds {
    color: #50c042
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item.down.un .new-odds,
.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item.up .new-odds {
    color: #e93d3d
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item.up.un .new-odds {
    color: #50c042
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item.bet-hover.has_dov_odd:hover {
    background-color: var(--q-gb-bg-c-63) !important
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item.active.has_dov_odd:hover {
    background: var(--q-gb-t-c-16) !important;
    color: var(--q-gb-t-c-18) !important
}

.parent-container {
    position: relative;
    display: flex;
    gap: 12px;
    flex-direction: column;
    width: 100%;
    padding: 12px;
    border-bottom: 1px solid var(--q-gb-bg-c-96);
    font-family: PingFang SC
}

.parent-container .list-mask {
    position: absolute;
    inset: 0;
    background: #ffffff1a;
    z-index: 10;
    border-radius: 12px;
    pointer-events: none;
    transition: opacity .3s ease
}

.parent-container .masonry-column-div {
    display: flex;
    gap: 12px;
    width: 100%
}

.parent-container .masonry-column-div .masonry-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 12px
}

.parent-container .more-play-div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 20px
}

.parent-container .more-play-div .more-play-click-div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 12px;
    cursor: pointer
}

.parent-container .more-play-div .more-play-click-div .more-play-span {
    font-size: 12px;
    font-weight: 400;
    color: var(--q-theme-color-1-default);
    margin-right: 3px
}

.parent-container .more-play-div .more-play-click-div .more-play-img {
    width: 14px;
    height: 14px;
    transform: rotate(90deg);
    background-size: contain
}

.parent-container .collapse-container {
    border: 1px solid var(--q-stroke-color-1);
    border-radius: 8px;
    overflow: hidden
}

.parent-container .collapse-container .header {
    display: flex;
    align-items: center;
    padding: 0 12px;
    height: 32px;
    background-color: var(--q-bg-color-3-2);
    border-bottom: 1px solid var(--q-stroke-color-1);
    cursor: pointer
}

.parent-container .collapse-container .title {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    padding-right: 12px;
    font-weight: 400;
    font-size: 13px;
    color: var(--q-text-color-1)
}

.parent-container .collapse-container .list-expand {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    transform: rotate(0);
    background-position: center;
    transition: transform .2s ease
}

.parent-container .collapse-container .list-expand-fold {
    transform: rotate(180deg)
}

.parent-container .collapse-container .content-wrapper {
    overflow: hidden;
    transition: height .4s cubic-bezier(.4, 0, .2, 1), opacity .3s ease;
    max-height: 1000px;
    opacity: 1;
    padding: 12px;
    background-color: var(--q-bg-color-1-3)
}

.parent-container .collapse-container .content-wrapper.collapsed {
    max-height: 0;
    opacity: 0;
    padding: 0
}

.parent-container .collapse-container .content-grid {
    display: grid;
    gap: 12px;
    margin-top: 12px
}

.parent-container .collapse-container .grid-item {
    display: flex;
    align-items: center;
    height: 32px;
    background: var(--q-Handicap-default-full-court);
    border-radius: 4px;
    color: #555;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.parent-container .collapse-container .grid-item .creative_bet_item .handicap-wrap {
    width: 85%
}

.parent-container .collapse-container .grid-item .creative_bet_item .handicap-wrap .bet_handicap {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1
}

.parent-container .collapse-container .grid-item .creative_bet_item .handicap-wrap .bet_handicap .handicap-name {
    margin-right: 6px
}

.parent-container .collapse-container .grid-item .creative_bet_item .handicap-wrap .bet_handicap .handicap-odd {
    min-width: 30px;
    text-align: left;
    font-weight: 500;
    white-space: nowrap
}

.parent-container .collapse-container .grid-item .creative_bet_item .handicap-wrap .bet_handicap .handicap-name-color {
    color: var(--q-text-color-3)
}

.parent-container .collapse-container .grid-item .creative_bet_item .handicap-wrap .bet_handicap .handicap-odd-color {
    color: var(--q-gb-t-c-16)
}

.parent-container .collapse-container .grid-item .c-bet-item[bet-item-islocked=true] {
    pointer-events: none;
    cursor: not-allowed
}

.parent-container .collapse-container .grid-item .c-bet-item.all-bet-item {
    background-color: var(--q-gb-bg-c-27)
}

.parent-container .collapse-container .grid-item .c-bet-item.all-bet-item:not(.disabled):not(.active):hover {
    background-color: var(--q-gb-bg-c-63) !important
}

.parent-container .collapse-container .grid-item .c-bet-item.half-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.parent-container .collapse-container .grid-item .c-bet-item.half-bet-item:not(.disabled):not(.active):hover {
    background-color: var(--q-gb-bg-c-63) !important
}

.parent-container .collapse-container .grid-item .c-bet-item.active.relative-position .all-bet-item,
.parent-container .collapse-container .grid-item .c-bet-item.active.relative-position .half-bet-item {
    background: var(--q-theme-color-1-default) !important
}

.parent-container .collapse-container .grid-item .c-bet-item.active.relative-position .handicap-name-color {
    color: var(--q-text-color-white-2) !important
}

.parent-container .collapse-container .grid-item .c-bet-item.active.relative-position .handicap-odd-color {
    color: var(--q-text-color-btn-click) !important
}

.parent-container .collapse-container .grid-item.active {
    background: var(--q-theme-color-1-default);
    border: none
}

.parent-container .collapse-container .more-button-div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    height: 20px
}

.parent-container .collapse-container .more-button-div .more-button {
    padding: 0 12px;
    color: var(--q-theme-color-1-default);
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.parent-container .collapse-container .more-button-div .more-list-expand {
    margin-left: 5px;
    width: 12px;
    height: 12px;
    transform: rotate(180deg);
    background-position: center;
    transition: transform .2s ease
}

.parent-container .collapse-container .more-button-div .more-list-expand-fold {
    transform: rotate(0)
}

.parent-container .tab-container {
    display: inline-flex;
    border-radius: 999px;
    background: var(--q-bg-color-3-1)
}

.parent-container .tab-container .tab-item {
    display: flex;
    height: 24px;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: var(--q-text-color-2);
    text-align: center;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer
}

.parent-container .tab-container .tab-item.disabled,
.parent-container .tab-container .tab-item.disabled:hover {
    color: var(--q-text-color-btn-disable-1);
    cursor: not-allowed
}

.parent-container .tab-container .tab-item:not(.disabled):not(.active):hover {
    color: var(--q-theme-color-1-default)
}

.parent-container .tab-container .tab-item.active {
    border-radius: 999px;
    border: 1px solid var(--q-theme-color-1-default);
    background: var(--q-bg-color-1-2);
    color: var(--q-theme-color-1-default)
}

.parent-container-loading {
    pointer-events: none
}

:root {
    --q-gb-bg-lg-4: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    --q-gb-bg-c-40: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    --q-bet-box-10: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    --q-gb-bg-c-71: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    --q-bet-box-8: linear-gradient(270deg, var(--q-btn-gradient-color-1-2) 17.95%, var(--q-btn-gradient-color-1-1) 100%);
    --q-gb-bg-lg-35: linear-gradient(270deg, var(--q-btn-gradient-color-1-2) 17.95%, var(--q-btn-gradient-color-1-1) 100%);
    --q-gb-bg-c-52: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    --q-bet-box-21: linear-gradient(270deg, rgba(233, 61, 61, .15) 0%, rgba(233, 61, 61, 0) 100%);
    --q-match-details-lol-head-bg: linear-gradient(90deg, var(--q-transparent-function-color-1) .12%, var(--q-transparent-theme-color-1, 99.88%), var(--q-bg-color-1-3));
    --q-analysis-color-11: #e03c00
}

.new-pc-2025 .q-item,
.new-pc-2025 .q-item--active {
    min-height: 20px !important
}

.new-pc-2025 .q-item:hover,
.new-pc-2025 .q-item--active:hover {
    background-color: var(--q-transparent-theme-color-1) !important;
    color: var(--q-theme-color-1-default) !important
}

.new-pc-2025 .pc-g-settings-style-module .q-card {
    background: none !important
}

.new-pc-2025 .pc-g-settings-style-module .one-click-bet-input .input-number input {
    color: var(--q-bet-box-1);
    background-color: var(--q-bet-box-5)
}

.new-pc-2025 .pc-g-settings-style-module .one-click-bet-input .input-number .sub-number,
.new-pc-2025 .pc-g-settings-style-module .one-click-bet-input .input-number .add-number {
    color: var(--q-bet-box-2)
}

.new-pc-2025 .bet-toast .toast-content {
    border: none
}

.new-pc-2025 .bet-toast .toast-content .bet-one-click-amout {
    color: var(--q-bet-box-2);
    margin-left: 4px
}

.new-pc-2025 .bet-custom-amount-modal .toast-content .circle-success .success-icon {
    border-color: var(--q-gb-t-c-31) !important
}

.new-pc-2025 .template-soccer .table-col,
.new-pc-2025 .table-col_date {
    color: none
}

.new-pc-2025 .analysis-page .match-header {
    background: radial-gradient(60.87% 60.87% at 50% 88.7%, #faf8f5, #ede2d7)
}

.new-pc-2025 .pop-up-analysis .match-analysis-wrap {
    border-radius: 8px;
    border: 2px solid var(--q-stroke-color-2)
}

.new-pc-2025 .wrap-score {
    color: #a0a0a0ab
}

.new-pc-2025 .wrap-score :deep(.text-blue),
.new-pc-2025 .wrap-score :deep(.text-light-blue-13) {
    color: #179cff !important
}

.new-pc-2025 .wrap-score :deep(.text-orange) {
    color: #ffaa17 !important
}

.new-pc-2025 .head-to-head {
    border-radius: 4px;
    background: linear-gradient(90deg, var(--q-events-color-3-1) 0%, rgba(255, 255, 255, .1) 50%, var(--q-events-color-3-2) 100%)
}

.new-pc-2025 .home-bg {
    background: linear-gradient(90deg, var(--q-events-color-3-1) 0%, var(--q-events-color-1-3) 100%)
}

.new-pc-2025 .back-bg {
    background: linear-gradient(90deg, var(--q-events-color-3-2) 0%, var(--q-events-color-2-2) 100%)
}

.new-pc-2025 .average-statistics-wrap .item-head {
    background: var(--q-bg-color-3)
}

.new-pc-2025 .left-header-all {
    background: var(--q-bg-color-1-3) !important
}

.new-pc-2025 .pc-menu-match-header-filter-module .yb-match-list .date-wrap {
    background-color: var(--q-bg-color-3-2) !important
}

.new-pc-2025 .ellipsis-wrap .allow-user-select {
    color: var(--q-text-color-1)
}

.new-pc-2025 .play-match-league .tr-match-head {
    background: var(--q-bg-color-3-2) !important
}

.new-pc-2025 .layout_main_right .template-handicap .group-template:deep(.template),
.new-pc-2025 .detials_layout .template-handicap .group-template:deep(.template) {
    background: var(--q-bg-color-3)
}

.new-pc-2025 .layout_main_right .template-handicap .group-template .template .wrap-template,
.new-pc-2025 .detials_layout .template-handicap .group-template .template .wrap-template {
    background: var(--q-bg-color-1-3)
}

.new-pc-2025 .vr_boy_989 .vr_league_name-vdio .vr_league_name,
.new-pc-2025 .vr-details .screen .wrap-tabs {
    background: var(--q-bg-color-1-3) !important
}

.new-pc-2025 .pc-menu-odd-type-select-module .select-wrap .list,
.new-pc-2025 .pc-menu-match-detail-header-select-module .select-wrap .list {
    background: var(--q-toast-color-bg-2)
}

.new-pc-2025 .vs-team-wrap .allow-user-select {
    color: var(--q-text-color-1)
}

.new-pc-2025 .pc-filter-container-module .filter-container .bottom-content .footer .btn-group .close {
    border: 1px solid var(--q-btn-outline-color-1);
    background: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    box-shadow: 0 2px 2px 0 var(--q-shadow-3)
}

.new-pc-2025 .pc-menu-match-detail-headert-module .select-type .select-type-active {
    background: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2, ) 50%, var(--q-btn-gradient-color-1-3) 100%);
    box-shadow: 0 2px 2px 0 var(--q-shadow-3)
}

.new-pc-2025 .pc-menu-site-header-module .header-item .yb-site-left-width.normal,
.new-pc-2025 .pc-menu-site-header-module .header-item .yb-site-left-width.mini-normal {
    width: 220px;
    margin-right: 13px;
    background: var(--q-bg-color-3-1) !important;
    background: none
}

.new-pc-2025 .pc-menu-page-main-module .page-main {
    background: var(--q-bg-color-2-1)
}

.new-pc-2025 .q-tooltip--style {
    background: var(--q-toast-color-bg-4)
}

.new-pc-2025 .match-list-container .new-pc-match-list-card .other-play-tab .tab-item {
    background: none !important
}

.new-pc-2025 .icon-triangle1:before {
    content: "";
    color: var(--q-icon-color-1)
}

.new-pc-2025 .icon-tips3:before {
    content: "";
    color: var(--q-icon-color-1)
}

.new-pc-2025 .icon-success:before {
    content: "";
    color: var(--q-function-color-2)
}

.new-pc-2025 .icon-icon_copy:before {
    content: "";
    color: var(--q-icon-color-1)
}

.new-pc-2025 .icon-arrow:before {
    content: "";
    color: var(--q-icon-color-1)
}

.new-pc-2025 .check_box_warp .check_item span {
    background: none !important
}

.new-pc-2025 .check_box_warp .check_item span.active {
    background-color: var(--q-gb-t-c-29) !important;
    border: none
}

.new-pc-2025 .right_details_wrap .match-analysis-wrap {
    background: var(--q-bg-color-1-3)
}

.new-pc-2025 .match-list-card .list-card-inner {
    color: var(--q-text-color-1)
}

.new-pc-2025 .c-bet-item .handicap-value .handicap-more,
.new-pc-2025 .tpl-18 .play-wrap .handicap-value-text {
    color: var(--q-text-color-3)
}

.new-pc-2025 .match-footer-score .amount-score,
.new-pc-2025 .match-footer-score .mfo {
    color: var(--q-text-color-disable)
}

.new-pc-2025 .icon-triangle2:before,
.new-pc-2025 .icon-triangle3:before {
    color: var(--q-gb-bg-c-3) !important
}

.new-pc-2025 .match-handicap .handicap-col .bet-item-wrap .c-bet-item {
    color: var(--q-text-color-3) !important
}

.new-pc-2025 .yb-match-list .c-match-item.tpl-9,
.new-pc-2025 .yb-match-list .c-match-item .timer-layout2,
.new-pc-2025 .yb-match-list .process-col .c-match-process .process-name {
    color: var(--q-text-color-2-2-hot) !important
}

.new-pc-2025 .yb-match-list .c-match-item .process-col {
    color: var(--q-text-color-2) !important
}

.new-pc-2025 .tpl-18 .play-info .ellipsis {
    color: var(--q-text-color-1) !important
}

.new-pc-2025 .c-bet-item .odds .highlight-odds {
    color: var(--q-text-color-1)
}

.new-pc-2025 .joint-buy-cancel-order-scss .content {
    background-color: var(--q-toast-color-bg-2)
}

.new-pc-2025 .icon-arrow-left:before {
    content: "";
    color: var(--q-icon-color-1)
}

.new-pc-2025 .icon-arrow-right:before {
    content: "";
    color: var(--q-icon-color-1)
}

.new-pc-2025 .selet-sort-type-item .q-radio__inner:before {
    content: none !important
}

.new-pc-2025 .selet-sort-type-item:hover {
    color: var(--q-gb-t-c-16) !important;
    background-color: var(--q-gb-bg-c-11) !important
}

.new-pc-2025 .noData .empty-wrap-tips {
    color: var(--q-text-color-3) !important
}

.new-pc-2025 .match-favorable-odds .match-favorable-odds-box,
.new-pc-2025 .match-favorable-odds .match-favorable-odds-title {
    color: var(--q-text-color-1) !important
}

.new-pc-2025 .play-detail-box .count {
    color: var(--q-text-color-disable) !important
}

.new-pc-2025 .process-name.gray-color {
    color: var(--q-text-color-2-2-hot) !important
}

.new-pc-2025 .match-new-card .odd-detail {
    background: var(--q-Handicap-default-half-court)
}

.new-pc-2025 .match-new-card .odd-detail:hover {
    background-color: var(--q-Handicap-hover-all)
}

.new-pc-2025 .pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item.active-box {
    background: var(--q-bg-color-1-3)
}

.new-pc-2025 .vr-details .wrap-template .handicap-item .c-bet-item .bet-item .yb-family-odds {
    color: var(--q-text-color-2)
}

.new-pc-2025 .vr-details .wrap-template .handicap-item .c-bet-item .bet-item {
    color: var(--q-text-color-2) !important
}

.new-pc-2025 .pc-menu-match-detail-headert-module .select-type,
.new-pc-2025 .pc-filter-container-module .filter-container .bottom-content .footer .btn-group .close {
    color: var(--q-text-color-2)
}

.new-pc-2025 .virtual-match-tpl2 .team-wrap .team-item {
    color: var(--q-text-color-1)
}

.new-pc-202411 .match-tpl-1-after .other-play-tab .arrow-wrap {
    background-color: var(--q-bg-color-3-1);
    z-index: 10
}

.new-pc-202411 .icon-arrow:before {
    color: var(--q-icon-color-1)
}

.ant-popover .ant-popover-inner {
    background: var(--q-topic-color-layer-toast);
    padding: 0;
    color: var(--q-topic-color-text-inverse)
}

.match-group-popover .match-group-popover-title {
    display: flex;
    gap: 10px;
    color: var(--q-topic-color-text-inverse);
    padding: 10px
}

.match-group-popover .match-group-popover-title .match-group-popover-title-left {
    width: 120px
}

.match-group-popover .match-group-popover-title>p {
    display: flex;
    align-items: center;
    width: 42px
}

.match-group-popover .match-group-popover-title .ellipsis {
    flex: 1
}

.match-group-popover .match-group-popover-content {
    color: #fff;
    padding: 0 10px;
    border-radius: 0 0 12px 12px;
    background: var(--q-topic-color-layer-toast-weak)
}

.match-group-popover .match-group-popover-content .match-group-popover-content-top-name-left {
    width: 120px;
    display: flex;
    align-items: center
}

.match-group-popover .match-group-popover-content .match-group-popover-content-top-name-left .ellipsis {
    margin-left: 4px
}

.match-group-popover .match-group-popover-content .match-popover-h {
    height: 45px;
    line-height: 45px;
    display: flex;
    gap: 10px
}

.match-group-popover .match-group-popover-content .match-popover-h .score {
    width: 42px;
    flex: 1;
    text-align: center
}

.ant-popover-arrow:after {
    background: var(--q-topic-color-layer-toast) !important
}

.time-show[data-v-844638b3] {
    position: fixed;
    top: 20px;
    width: 100vw;
    color: red;
    z-index: 9999999;
    font-size: 20px;
    text-align: center;
    pointer-events: none
}

.time-show span[data-v-844638b3] {
    background-color: #fff6;
    padding: 5px
}

.time-show-copy[data-v-844638b3] {
    position: fixed;
    left: -15px;
    padding-top: -90px !important;
    margin: 0;
    top: -10px;
    width: 30px;
    height: 30px;
    color: red;
    z-index: 9999999;
    font-size: 30px;
    text-align: center;
    background-color: #fff6;
    border-radius: 20px
}

.time-show-copy span[data-v-844638b3] {
    position: relative;
    left: 0;
    top: -10px
}

.statistics[data-v-c05c3514] {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translate(-50%);
    z-index: 2024;
    padding: 16px;
    width: 750px;
    background: #0009;
    color: #fff;
    transition: all .2s;
    border-radius: 20px
}

.statistics.isexpend[data-v-c05c3514] {
    height: 50px;
    overflow: hidden;
    left: 0%;
    transform: translate(-700px);
    box-shadow: 0 0 3px #000
}

.type-filter[data-v-c05c3514] {
    padding: 10px 20px;
    display: inline-block;
    margin-right: 20px;
    background: #0009;
    border-radius: 10px;
    margin-top: 10px;
    cursor: pointer
}

.type-filter.active[data-v-c05c3514] {
    background: orange
}

.title[data-v-c05c3514] {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: orange
}

.content[data-v-c05c3514] {
    height: 400px;
    overflow-y: auto
}

.rank-item[data-v-c05c3514] {
    padding: 12px 5px;
    display: flex;
    justify-content: space-between;
    align-content: center
}

.rank-item span[data-v-c05c3514] {
    display: inline-block;
    text-align: center
}

.rank-item[data-v-c05c3514]:nth-child(odd) {
    background: #333333b4
}

.algin-center[data-v-c05c3514] {
    text-align: center
}

.algin-right[data-v-c05c3514] {
    text-align: right
}

.orange[data-v-c05c3514] {
    color: orange
}

.red[data-v-c05c3514] {
    color: red
}

.tab[data-v-c05c3514] {
    text-align: left
}

.tab i[data-v-c05c3514] {
    line-height: 22px
}

.tab span[data-v-c05c3514] {
    display: inline-block;
    padding: 5px 10px;
    background: #333
}

.tab span.active[data-v-c05c3514] {
    background: orange
}

.w-1[data-v-c05c3514] {
    width: 300px;
    text-align: left !important
}

.w-2[data-v-c05c3514],
.w-3[data-v-c05c3514] {
    width: 100px
}

.w-4[data-v-c05c3514] {
    width: 30%
}

.w-5[data-v-c05c3514] {
    width: 30px
}

.fad[data-v-5300d01b] {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 2024;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: #0009;
    cursor: pointer
}

.error-data[data-v-5300d01b] {
    display: none
}

.no-token-img {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.vdr {
    touch-action: none;
    position: absolute;
    box-sizing: border-box;
    border: 1px dashed black
}

.handle {
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #eee;
    border: 1px solid #333
}

.handle-tl {
    top: -10px;
    left: -10px;
    cursor: nw-resize
}

.handle-tm {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    cursor: n-resize
}

.handle-tr {
    top: -10px;
    right: -10px;
    cursor: ne-resize
}

.handle-ml {
    top: 50%;
    margin-top: -5px;
    left: -10px;
    cursor: w-resize
}

.handle-mr {
    top: 50%;
    margin-top: -5px;
    right: -10px;
    cursor: e-resize
}

.handle-bl {
    bottom: -10px;
    left: -10px;
    cursor: sw-resize
}

.handle-bm {
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    cursor: s-resize
}

.handle-br {
    bottom: -10px;
    right: -10px;
    cursor: se-resize
}

@media only screen and (max-width: 768px) {
    [class *=handle-]:before {
        content: "";
        inset: -10px;
        position: absolute
    }
}

.vdr-container {
    position: absolute;
    border: 1px solid transparent;
    box-sizing: border-box
}

.vdr-container.active {
    border-color: #000;
    border-style: dashed
}

.vdr-container.dragging {
    border-color: #000;
    border-style: solid
}

.vdr-handle {
    box-sizing: border-box;
    position: absolute;
    width: 7px;
    height: 7px;
    background: #f0f0f0;
    border: 1px solid #333
}

.vdr-handle-tl {
    top: -4px;
    left: -4px;
    cursor: nw-resize
}

.vdr-handle-tm {
    top: -4px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize
}

.vdr-handle-tr {
    top: -4px;
    right: -4px;
    cursor: ne-resize
}

.vdr-handle-ml {
    top: 50%;
    margin-top: -3px;
    left: -4px;
    cursor: w-resize
}

.vdr-handle-mr {
    top: 50%;
    margin-top: -3px;
    right: -4px;
    cursor: e-resize
}

.vdr-handle-bl {
    bottom: -4px;
    left: -4px;
    cursor: sw-resize
}

.vdr-handle-bm {
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
    cursor: s-resize
}

.vdr-handle-br {
    bottom: -4px;
    right: -4px;
    cursor: se-resize
}

.vue-recycle-scroller {
    position: relative
}

.vue-recycle-scroller.direction-vertical:not(.page-mode) {
    overflow-y: auto
}

.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
    overflow-x: auto
}

.vue-recycle-scroller.direction-horizontal {
    display: flex
}

.vue-recycle-scroller__slot {
    flex: auto 0 0
}

.vue-recycle-scroller__item-wrapper {
    flex: 1;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform
}

.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
    width: 100%
}

.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
    height: 100%
}

.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
    width: 100%
}

.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
    height: 100%
}

.resize-observer[data-v-b329ee4c] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    pointer-events: none;
    display: block;
    overflow: hidden;
    opacity: 0
}

.resize-observer[data-v-b329ee4c] object {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.c-bet-item[data-v-5ced1b19] {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: unset !important
}

.c-bet-item .odds[data-v-5ced1b19] {
    flex: none;
    position: relative
}

.c-bet-item .odds .odds_lift_img[data-v-5ced1b19] {
    position: absolute
}

.c-bet-item .zxbd-bet-item[data-v-5ced1b19] {
    display: flex;
    align-items: center;
    justify-content: center
}

.bet_item_iframe .common-none[data-v-5ced1b19] {
    max-width: 41px
}

.lock[data-v-5ced1b19] {
    width: 12px;
    height: 12px
}

.has-hv .handicap-value[data-v-5ced1b19] {
    display: none !important
}

.handicap-value[data-v-5ced1b19],
.yb-family-odds[data-v-5ced1b19] {
    line-height: 34px
}

.show_img[data-v-5ced1b19] {
    width: 12px;
    padding: 3px;
    position: absolute;
    right: 0
}

.show_img img[data-v-5ced1b19] {
    width: 100%;
    height: 100%
}

.show_img .handicap_wrap[data-v-5ced1b19] {
    height: 26px
}

.odds.yb-number-font:hover .yb-family-odds[data-v-5ced1b19] {
    background-color: var(--q-match-details-active);
    color: var(--q-gb-bg-c-11)
}

.yb-family-odds[data-v-5ced1b19] {
    padding: 1px 3px;
    border-radius: 3px
}

.odds.hv[data-v-5ced1b19] {
    justify-content: flex-start !important
}

.no-handicap .handicap-wrap[data-v-5ced1b19],
.no-handi .handicap-wrap[data-v-5ced1b19],
.null-handicap .handicap-wrap[data-v-5ced1b19] {
    display: none
}

.no-handicap .odds[data-v-5ced1b19],
.no-handi .odds[data-v-5ced1b19],
.null-handicap .odds[data-v-5ced1b19] {
    justify-content: center;
    margin-left: 0
}

.null-handicap .handicap-value[data-v-5ced1b19] {
    display: none
}

.null-handicap .odds[data-v-5ced1b19] {
    margin-left: 0;
    justify-content: center
}

.seal_on[data-v-5ced1b19] {
    justify-content: space-around
}

.seal_lock[data-v-5ced1b19] {
    margin-left: -20px
}

.bet-front[data-v-5ced1b19] {
    color: var(--qq--theme-color-handicap-item-title);
    font-size: 12px
}

.active[data-v-5ced1b19] {
    background: var(--q-gb-t-c-16) !important;
    color: var(--q-gb-bg-c-11)
}

.active .handicap-wrap[data-v-5ced1b19] .bet-item .item-label .bet_handicap {
    color: var(--q-text-color-btn-click) !important
}

.active .handicap-wrap[data-v-5ced1b19] .bet-item .item-label .bet_handicap .color {
    color: var(--q-gb-bg-c-49) !important
}

.bet-inner .common-none[data-v-5ced1b19] {
    color: var(--q-gb-t-c-16);
    font-weight: 500;
    margin-right: -6px
}

.bet-inner .handicap-wrap[data-v-5ced1b19],
.bet-inner .odds[data-v-5ced1b19] {
    color: var(--q-gb-t-c-3)
}

.bet-inner .odds[data-v-5ced1b19] {
    font-weight: 550
}

.c-bet-item.has_dov_odd .odd_dov[data-v-5ced1b19] {
    position: relative;
    min-height: 33px
}

.c-bet-item.has_dov_odd .odd_dov[data-v-5ced1b19] .dov_normal {
    color: var(--q-text-color-3-1)
}

.c-bet-item.has_dov_odd .odd_dov .dov_total[data-v-5ced1b19] {
    color: var(--q-text-color-ovt-1-default)
}

.c-bet-item.has_dov_odd.active[data-v-5ced1b19] .bet-item .yb-family-odds {
    color: var(--q-Handicap-click-text-color) !important
}

.c-bet-item.has_dov_odd.active[data-v-5ced1b19] .odd_dov .dov_normal {
    color: var(--q-Handicap-click-text-color)
}

.c-bet-item.has_dov_odd.active[data-v-5ced1b19] .odd_dov .dov_total {
    color: var(--q-text-color-ovt-1) !important
}

.c-bet-item.has_dov_odd[data-v-5ced1b19]:not(.active):hover {
    background-color: var(--q-default-details-2-dov) !important
}

.c-bet-item.has_dov_odd[data-v-5ced1b19]:not(.active):hover .odd_dov .dov_total {
    color: var(--q-text-color-ovt-1);
    background-color: var(--q-theme-color-1-default)
}

.c-bet-item.active .yb-number-font[data-v-5ced1b19] {
    color: var(--q-gb-t-c-18)
}

.c-bet-item.active .yb-number-font .color[data-v-5ced1b19] {
    color: var(--q-gb-t-c-1)
}

.c-bet-item.active .yb-number-font .ellipsis-wrap[data-v-5ced1b19] {
    color: var(--q-gb-t-c-28) !important
}

.empty_handcip[data-v-5ced1b19] {
    color: var(--q-gb-t-c-3);
    border-radius: 4px;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.odd_dov[data-v-5ced1b19] {
    display: flex;
    align-items: center;
    gap: 2px;
    min-height: 33px
}

.odd_dov span[data-v-5ced1b19]:nth-child(1) {
    text-decoration: line-through
}

.odd_dov .dov_total[data-v-5ced1b19] {
    height: 20px;
    line-height: 16px;
    padding: 2px 4px;
    border-radius: 3px
}

.odd_dov .dov-icon[data-v-5ced1b19] {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -11px;
    right: 0
}

.odds span[data-v-5ced1b19]:hover {
    background: none;
    padding: 1px 3px !important
}

.odds span.dov_normal[data-v-5ced1b19]:hover {
    padding: 0 !important
}

.details_right_recents .c-bet-item.has_dov_odd[data-v-5ced1b19],
.details_right_recents .c-bet-item.has_dov_odd[data-v-5ced1b19]:hover {
    background-color: var(--q-default-details-2-dov) !important
}

.details_right_recents .c-bet-item.has_dov_odd:hover .odd_dov[data-v-5ced1b19] {
    background: var(--q-theme-color-1-default) !important;
    color: var(--q-text-color-white-2)
}

.details_right_recents .c-bet-item.has_dov_odd:hover .odd_dov .dov-icon[data-v-5ced1b19] {
    display: none
}

.details_right_recents .c-bet-item.has_dov_odd:hover .odd_dov .dov-icon.hover[data-v-5ced1b19] {
    display: inline-block
}

.details_right_recents .c-bet-item.has_dov_odd.active[data-v-5ced1b19] {
    background-color: var(--q-theme-color-1-default) !important
}

.details_right_recents .c-bet-item.has_dov_odd.active .yb-number-font[data-v-5ced1b19] {
    color: var(--q-gb-t-c-18)
}

.details_right_recents .c-bet-item.has_dov_odd.active .yb-number-font .color[data-v-5ced1b19] {
    color: var(--q-gb-t-c-1)
}

.details_right_recents .c-bet-item.has_dov_odd.active .yb-number-font .ellipsis-wrap[data-v-5ced1b19] {
    color: var(--q-gb-t-c-28) !important
}

.details_right_recents .c-bet-item.has_dov_odd.active .odd_dov[data-v-5ced1b19] {
    color: var(--q-text-color-white-2)
}

.details_right_recents .c-bet-item.has_dov_odd.active .play-name[data-v-5ced1b19] {
    color: var(--q-Handicap-click-text-color) !important
}

.details_right_recents .c-bet-item.has_dov_odd .odd_dov[data-v-5ced1b19] {
    color: var(--q-text-color-ovt-1);
    min-height: auto;
    font-family: Roboto, sans-serif
}

.details_right_recents .c-bet-item.has_dov_odd .play-name[data-v-5ced1b19] {
    color: var(--q-color-1-default) !important
}

.details_right_recents .c-bet-item .bet-inner .handicap-wrap[data-v-5ced1b19] {
    color: var(--q-theme-color-1-default)
}

.new-pc-202411 .details_right_recents .c-bet-item.has_dov_odd.active[data-v-5ced1b19] {
    background: var(--q-gb-t-c-16) !important
}

.c-bet-item[data-v-5ced1b19] {
    background-color: var(--q-gb-bg-c-22)
}

.vr-list-bet[data-v-25d878b4] {
    justify-content: space-between;
    cursor: pointer;
    padding: 0 8px
}

.vr-list-bet.saigou[data-v-25d878b4] {
    justify-content: center
}

.vr-list-bet .odds[data-v-25d878b4] {
    flex: unset
}

.vr-list-bet .handicap-value-text[data-v-25d878b4] {
    width: 100%
}

.vr-list-bet .handicap-value[data-v-25d878b4] {
    width: 0
}

@charset "UTF-8";

.tips-icon[data-v-9fab2766] {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    width: 14px;
    height: 14px;
    background-size: 100%;
    background-image: url(/image/svg/y0_details_info.svg);
    background-repeat: no-repeat
}

.q-menu {
    overflow: hidden;
    z-index: 9999999 !important
}

.tips-body-match {
    overflow: hidden
}

.tips-body-match.style1 {
    transform: translate(-15px, 12px)
}

.tips-body-match.style1 .direction {
    top: -12px
}

.tips-body-match.style2 {
    transform: translate(-15px, -12px)
}

.tips-body-match.style2 .direction {
    transform: rotate(180deg);
    bottom: -14px
}

.direction {
    position: absolute;
    left: 14px;
    width: 14px;
    height: 14px;
    border: 7px solid transparent;
    z-index: 100
}

.direction:after {
    position: absolute;
    border-width: 0 5px 5px;
    border-style: solid;
    content: "";
    top: 2px;
    left: -5px;
    pointer-events: none
}

.tips-box {
    position: relative;
    width: 219px;
    border-radius: 4px;
    z-index: 99;
    font-family: PingFangSC-Regular;
    overflow: hidden;
    top: 0;
    border: 1px solid var(--q-gb-bd-c-25) !important
}

.tips-box.fifteen,
.tips-box.vi_content_width {
    width: 380px
}

.tips-box .tips-title {
    padding-left: 23px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    font-size: 14px;
    margin-bottom: 9px;
    font-weight: 600
}

.tips-box .tips-title .tip-before:before {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 8px;
    width: 3px;
    height: 14px;
    border-radius: 1.5px;
    content: ""
}

.tips-box .tips-content {
    word-wrap: break-word;
    padding: 12px 18px 10px 23px;
    line-height: 14px
}

.tips-box .tipsName {
    background: #000000b2;
    color: #fff !important
}

.tips-box .tips-content-theme1 {
    background-color: #000c;
    color: var(--q-gb-t-c-18) !important
}

.tips-box .tips-item {
    margin: 0 20px;
    display: flex;
    justify-content: space-between;
    height: 34px;
    line-height: 34px
}

.tips-box .tips-item:last-child {
    border-bottom: none !important
}

.tips-box .tips-item:nth-child(2).tips-item {
    margin-top: -9px
}

.tips-box .tips-item:nth-child(n) {
    border-bottom: 1px solid var(--q-gb-bd-c-25) !important;
    margin-top: 2px !important
}

.tips-box .tips-item .wrap-box {
    flex: 1
}

.tips-box .tips-item .wrap-box .item-content {
    margin: 0 10px;
    white-space: nowrap
}

.tips-box .tips-item .wrap-box .item-icon {
    border-radius: 50%;
    background-color: var(--qq--y0-text-color1);
    margin: 0 5px
}

.tips-box .tips-item .wrap-box .item-icon.item-icon-1 {
    width: 2px;
    height: 2px
}

.tips-box .tips-item .wrap-box .item-icon.item-icon-2 {
    width: 4px;
    height: 4px
}

.tips-box .tips-item .wrap-box .item-icon.item-icon-3 {
    width: 6px;
    height: 6px
}

.tips-box .tips-item .wrap-box .item-icon.item-icon-4 {
    width: 8px;
    height: 8px
}

@charset "UTF-8";

.img[data-v-a334fd02] {
    width: 14px;
    display: inline-block;
    height: 14px;
    flex-shrink: 0
}

.bet-one-click[data-v-b11a5b03] {
    display: flex;
    justify-content: space-between;
    padding: 0 15px 6px 0
}

.bet-one-click .check-box[data-v-b11a5b03] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer;
    padding: 3px 10px;
    color: var(--q-text-color-3)
}

.bet-one-click .check-box .check-wrap[data-v-b11a5b03] {
    padding: 0;
    margin-right: 5px
}

.bet-one-click .check-box .check-box-title[data-v-b11a5b03] {
    max-width: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bet-one-click .bet-oc-amount[data-v-b11a5b03] {
    display: flex;
    margin-top: 6px
}

.bet-one-click .bet-oc-amount .bet-oc-check[data-v-b11a5b03] {
    display: flex;
    align-items: center
}

.bet-one-click .bet-oc-amount .bet-oc-check .check-box[data-v-b11a5b03] {
    padding: 0 10px
}

.bet-one-click .bet-oc-amount .bet-oc-check .check-box .check-wrap[data-v-b11a5b03] {
    width: 18px;
    height: 18px
}

.bet-one-click .bet-oc-amount .bet-oc-check .check-box .check-wrap.active[data-v-b11a5b03]:before {
    left: 4px;
    width: 10px;
    height: 6px;
    top: 4px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(135deg);
    border-color: var(--q-bet-box-34)
}

.bet-one-click .bet-oc-amount .input-number[data-v-b11a5b03] {
    display: flex;
    width: 116px
}

.bet-one-click .bet-oc-amount .input-number .sub-number[data-v-b11a5b03] {
    font-size: 12px;
    color: var(--q-gb-t-c-1);
    text-align: center;
    width: 24px;
    height: 22px;
    line-height: 22px;
    margin-left: 6px;
    background: var(--q-bet-box-5);
    border-radius: 4px 0 0 4px;
    border-right: 0;
    cursor: pointer
}

.bet-one-click .bet-oc-amount .input-number .sub-number.disabled[data-v-b11a5b03] {
    background: var(--q-bet-box-16);
    pointer-events: none;
    cursor: not-allowed
}

.bet-one-click .bet-oc-amount .input-number input[data-v-b11a5b03] {
    color: var(--q-gb-t-c-2);
    border-radius: 0;
    background-color: var(--q-gb-bg-c-11);
    border: 1px solid var(--q-bet-box-5);
    border-left: 0;
    border-right: 0;
    width: 100%;
    height: 22px;
    text-align: center;
    outline: none;
    font-weight: 700
}

.bet-one-click .bet-oc-amount .input-number .add-number[data-v-b11a5b03] {
    font-size: 12px;
    color: var(--q-gb-t-c-1);
    text-align: center;
    width: 24px;
    height: 22px;
    line-height: 22px;
    background: var(--q-bet-box-5);
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    border-left: 0
}

.bet-one-click .bet-oc-amount .input-number .add-number.disabled[data-v-b11a5b03] {
    background: var(--q-bet-box-16);
    pointer-events: none;
    cursor: not-allowed
}

.bet-one-click .check-wrap[data-v-b11a5b03] {
    width: 14px;
    min-width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid var(--q-bet-box-36);
    margin-right: 10px;
    position: relative
}

.bet-one-click .check-wrap.active[data-v-b11a5b03] {
    border: none;
    background: var(--q-bet-box-2);
    color: var(--q-gb-t-c-1)
}

.bet-one-click .check-wrap.active[data-v-b11a5b03]:before {
    position: absolute;
    content: "";
    left: 4px;
    width: 6px;
    height: 4px;
    top: 4px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(135deg);
    border-color: var(--q-gb-t-c-18)
}

.bet-one-click .bet-oc-btn[data-v-b11a5b03] {
    display: flex;
    align-items: center;
    border-radius: 28px;
    margin-top: 6px
}

.bet-one-click .bet-oc-btn .bet-oc-switch .bet-series-switch[data-v-b11a5b03] {
    position: relative;
    display: flex;
    min-width: 36px;
    height: 18px;
    border-radius: 18px;
    margin-left: 4px;
    margin-right: 5px;
    transition: .3s;
    background: var(--q-bet-box-13);
    border: .5px solid var(--q-bet-box-36)
}

.bet-one-click .bet-oc-btn .bet-oc-switch .bet-series-switch.actions[data-v-b11a5b03] {
    background: var(--q-gb-bg-c-1);
    border: .5px solid var(--q-gb-bg-c-1)
}

.bet-one-click .bet-oc-btn .bet-oc-switch .bet-series-switch .bet-series-ok[data-v-b11a5b03] {
    width: 14px;
    height: 14px;
    position: absolute;
    background: var(--q-bet-box-15);
    border-radius: 50%;
    top: 1px;
    left: 2px;
    transition: .3s
}

.bet-one-click .bet-oc-btn .bet-oc-switch .bet-series-switch .bet-series-ok.actions[data-v-b11a5b03] {
    background: var(--q-bet-box-3);
    left: 19px
}

.bet-one-click .bet-oc-btn .bet-oc-text[data-v-b11a5b03] {
    color: var(--q-gb-t-c-3)
}

.bet-one-click .ellipsis-style[data-v-b11a5b03] {
    width: 98px
}

.bet-one-click .ellipsis-style .one-click-btn[data-v-b11a5b03] {
    display: inline-block;
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.drag-scroll[data-v-ca4c1c4e] {
    width: 100%;
    height: 100%
}

.drag-scroll .hide-scrollbar[data-v-ca4c1c4e] {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    position: absolute;
    left: 0;
    top: 0
}

.drag-scroll .content[data-v-ca4c1c4e] {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    scrollbar-width: none
}

.drag-scroll .content[data-v-ca4c1c4e]::-webkit-scrollbar {
    display: none
}

.drag-scroll .content[data-v-ca4c1c4e]::-webkit-scrollbar-thumb {
    display: none
}

.drag-scroll .content[data-v-ca4c1c4e] img {
    pointer-events: none
}

.drag-scroll .more-btn[data-v-ca4c1c4e] {
    width: 30px;
    position: absolute;
    height: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    z-index: 99
}

.drag-scroll .more-btn.left[data-v-ca4c1c4e] {
    left: 0
}

.drag-scroll .more-btn.right[data-v-ca4c1c4e] {
    right: 0
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(roboto/v20/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U + A640-A69F, U + FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(roboto/v20/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(roboto/v20/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2');
    unicode-range: U + 1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(roboto/v20/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2');
    unicode-range: U + 0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(roboto/v20/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2');
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(roboto/v20/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(roboto/v20/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U + A640-A69F, U + FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');
    unicode-range: U + 1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');
    unicode-range: U + 0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U + A640-A69F, U + FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
    unicode-range: U + 1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
    unicode-range: U + 0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2');
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U + A640-A69F, U + FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2');
    unicode-range: U + 1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2');
    unicode-range: U + 0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2');
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U + A640-A69F, U + FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
    unicode-range: U + 1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
    unicode-range: U + 0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2');
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U + A640-A69F, U + FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2');
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2');
    unicode-range: U + 1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2');
    unicode-range: U + 0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format('woff2');
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2');
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U + A640-A69F, U + FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(roboto/v20/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(roboto/v20/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
    unicode-range: U + 1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(roboto/v20/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
    unicode-range: U + 0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(roboto/v20/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(roboto/v20/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(roboto/v20/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U + A640-A69F, U + FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U + 1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U + 0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U + A640-A69F, U + FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U + 1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U + 0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U + A640-A69F, U + FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U + 1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U + 0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U + A640-A69F, U + FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U + 1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U + 0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
    unicode-range: U + 0460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U + A640-A69F, U + FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
    unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
    unicode-range: U + 1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
    unicode-range: U + 0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
    unicode-range: U + 0102-0103, U + 0110-0111, U + 0128-0129, U + 0168-0169, U + 01A0-01A1, U + 01AF-01B0, U + 1EA0-1EF9, U + 20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
    unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
    unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

.go-top[data-v-fd3977b6] {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 20px
}

.go-top .go-top-btns[data-v-fd3977b6] {
    padding: 0 5px;
    height: 24px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--q-gb-t-c-5) !important;
    background: var(--q-gb-bg-c-11) !important
}

.go-top .go-top-btns[data-v-fd3977b6]:hover {
    background: var(--q-gb-t-c-16) !important;
    color: #fff !important
}

.go-top .go-top-btns:hover .icon-go_top[data-v-fd3977b6]:before {
    color: #fff
}

.go-top .go-top-btns .msg[data-v-fd3977b6] {
    margin-left: 4px
}

.full-screen .go-top .go-top-btns.theme-1[data-v-fd3977b6] {
    background: var(--q-gb-t-c-31) !important;
    color: var(--q-gb-t-c-3)
}

.full-screen .go-top .go-top-btns.theme-1[data-v-fd3977b6]:hover {
    background: var(--q-gb-t-c-16) !important;
    color: #fff
}

.new-pc-202411 .new-pc-style.go-top-btns[data-v-fd3977b6]:hover {
    background: var(--q-gb-t-c-16) !important
}

@keyframes loading-ring-animate-95c01e81 {
    0% {
        transform: rotate(1deg)
    }

    to {
        transform: rotate(7200deg)
    }
}

.loading-static-animation[data-v-95c01e81] {
    animation: 10s loading-ring-animate-95c01e81 infinite cubic-bezier(.38, .39, .71, .71)
}

.no-start.double[data-v-035adddc] {
    display: flex;
    flex-direction: column
}

.no-start-ouzhou span[data-v-035adddc] {
    margin: 0 4px
}

.new-video_time_color[data-v-035adddc] {
    padding-top: 2px
}

.timer-layout .add-time[data-v-035adddc] {
    padding-left: 2px;
    color: var(--q-text-color-2)
}

.row.a-row[data-v-18a7d4ea] {
    flex-shrink: 0
}

.fill-time[data-v-18a7d4ea] {
    margin-left: 5px
}

.time-content[data-v-18a7d4ea] {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%
}

.count-down .timer-layout[data-v-18a7d4ea] {
    margin-left: -5px
}

.process-name.gray-color[data-v-18a7d4ea] {
    color: var(--q-gb-t-c-8)
}

.process-name[data-v-18a7d4ea] {
    display: flex;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    justify-content: center
}

.process-name .process_name[data-v-18a7d4ea] {
    min-width: 50px;
    max-width: 98px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px
}

.process-name .process_name.is-iframe[data-v-18a7d4ea] {
    max-width: 90px
}

.process-name .process_name_mw[data-v-18a7d4ea] {
    min-width: 50px
}

.process-name .process_name-37[data-v-18a7d4ea] {
    min-width: 50px !important;
    max-width: 72px !important
}

.process-name .process_name-37_Nomcn[data-v-18a7d4ea] {
    margin-top: 0
}

.c-match-process[data-v-18a7d4ea] {
    position: relative;
    justify-content: center;
    align-items: center
}

.c-match-process .jingcai[data-v-18a7d4ea] {
    color: var(--q-gb-bd-c-11)
}

.date-wrap[data-v-18a7d4ea] {
    position: relative;
    padding: 0 2px;
    display: flex;
    background-color: unset;
    color: var(--q-text-color-2-2-hot)
}

.date-wrap[data-v-18a7d4ea] .timer-layout {
    background-color: unset
}

.v-scroll-area .content-wrap {
    flex: 1
}

.v-scroll-area .content-wrap .scroll-header {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
    padding-right: 14px;
    width: 100%
}

.v-scroll-area .content-wrap .scroll-inner-wrap .loading-wrap {
    padding-top: 100px !important
}

.v-scroll-area .content-wrap .scroll-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 220px;
    z-index: 100
}

.v-scroll-area .v-scrollarea .q-scrollarea__bar {
    display: none
}

.v-scroll-area .q-scrollarea__content {
    width: 100%;
    border-radius: 0 6px 0 0
}

.no_iframe .absolute-right {
    right: -10.4px !important
}

.iframe .absolute-right {
    right: -8px !important
}

@charset "UTF-8";

.tab-wrap[data-v-91970119] {
    overflow: hidden;
    padding: 0 16px;
    border-radius: 0 0 6px 6px
}

.tab-wrap .item-wrap[data-v-91970119] {
    position: absolute;
    top: 0;
    padding-left: 16px;
    display: flex;
    height: 100%;
    z-index: 8;
    align-items: center
}

.tab-wrap .item-wrap.is_frame[data-v-91970119] {
    padding-left: 20px !important
}

.tab-wrap .item-wrap.is_frame .tab-item[data-v-91970119] {
    font-size: 10px !important;
    padding: 0 6px !important;
    margin-right: 10px !important;
    min-width: 0 !important
}

.tab-wrap .item-wrap .tab-item[data-v-91970119] {
    cursor: pointer;
    padding: 0 15px;
    text-align: center;
    flex-shrink: 0;
    height: 24px;
    line-height: 24px;
    border-radius: 15px;
    color: var(--q-gb-t-c-5);
    position: relative;
    font-size: 12px;
    font-weight: 500
}

.tab-wrap .item-wrap .tab-item.active[data-v-91970119] {
    font-weight: 600;
    line-height: 24px;
    border: none !important;
    background: var(--q-gb-bg-c-17)
}

.tab-wrap .item-wrap .tab-item .match-count[data-v-91970119] {
    opacity: .7
}

.tab-wrap .item-wrap .line-wrap[data-v-91970119] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px
}

.tab-wrap .item-wrap .line-wrap .line[data-v-91970119] {
    position: relative;
    width: 30px;
    height: 100%;
    transition: all .3s;
    z-index: 10
}

.tab-wrap .item-wrap .line-wrap.pseudo .line[data-v-91970119]:before,
.tab-wrap .item-wrap .line-wrap.pseudo .line[data-v-91970119]:after {
    display: none
}

.tab-wrap .btn[data-v-91970119] {
    height: 100%;
    position: absolute;
    top: 0;
    width: 38px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100
}

.tab-wrap .left-btn[data-v-91970119] {
    left: 0;
    transform: rotate(180deg);
    background-color: var(--q-gb-bg-c-13)
}

.tab-wrap .right-btn[data-v-91970119] {
    right: 0;
    background-color: var(--q-gb-bg-c-13)
}

.leagues-bg .tab-wrap .item-wrap .line-wrap[data-v-91970119] {
    bottom: 4px !important
}

.tab-icon[data-v-91970119] {
    position: absolute;
    right: -5px;
    top: -10px;
    font-size: 12px;
    scale: .62;
    color: #fff;
    font-weight: 700;
    display: inline;
    line-height: 10px;
    text-align: center;
    background: linear-gradient(135deg, red, #ff7000);
    padding: 3px 5px;
    border-radius: 7px 7px 7px 0;
    overflow: hidden
}

.tab-icon[data-v-91970119]:after {
    content: "";
    display: block;
    width: 200%;
    height: 400%;
    background-image: linear-gradient(to right, transparent, rgba(201, 196, 196, 0) 40%, rgba(255, 255, 255, .8) 50%, rgba(216, 208, 208, 0) 60%, transparent);
    position: absolute;
    left: 100%;
    bottom: -50%;
    transform-origin: center;
    transform: rotate(135deg);
    overflow: hidden;
    animation: bg_image-91970119 1.3s linear infinite
}

@keyframes bg_image-91970119 {
    0% {
        transform: rotate(135deg) translate(0) translateY(0)
    }

    to {
        transform: rotate(135deg) translate(100%) translateY(50%)
    }
}

@charset "UTF-8";

.panel-header[data-v-77857762] {
    display: flex;
    align-items: center;
    padding: 15px;
    height: 36px;
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
    background-color: var(--q-bg-color-3);
    cursor: pointer
}

.panel-header .panel-header-left[data-v-77857762] {
    display: flex;
    align-items: center;
    height: 100%
}

.panel-header .panel-header-icon[data-v-77857762] {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 6px
}

.panel-header .panel-title[data-v-77857762] {
    font-size: 13px;
    font-weight: 500;
    color: var(--q-gb-t-c-3) !important
}

.marquee-wrap[data-v-18600ef4] {
    top: 36px;
    display: flex;
    width: 100%;
    overflow: hidden;
    align-items: center;
    height: 28px;
    cursor: pointer;
    background-color: var(--q-transparent-theme-color-1);
    color: var(--q-gb-t-c-16);
    z-index: 20
}

.marquee-wrap .notify-wrap[data-v-18600ef4] {
    width: 14px;
    height: 16px;
    background: var(--qq--chatroom-icon-13) center center no-repeat;
    background-size: 100%;
    margin: 0 8px
}

.marquee-wrap .line-height[data-v-18600ef4] {
    line-height: 28px
}

.new-pc-202411.theme-1.marquee-wrap[data-v-18600ef4] {
    background: var(---theme-color-1, rgba(65, 118, 250, .1));
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px)
}

.bet-list[data-v-6bd7c1f0] {
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 2px 8px #0000001a
}

.bet-list .item-top[data-v-6bd7c1f0] {
    height: 38px;
    padding: 0 8px;
    position: relative;
    display: flex;
    align-items: center
}

.bet-list .item-top[data-v-6bd7c1f0]:before {
    content: "";
    width: 2px;
    height: 12px;
    display: inline-block;
    margin-right: 4px;
    border-radius: 1.5px;
    vertical-align: middle;
    background-color: var(--q-gb-t-c-16)
}

.bet-list .item-top .home-vs-away[data-v-6bd7c1f0] {
    display: inline-block;
    vertical-align: middle;
    color: var(--q-text-color-1)
}

.bet-list .item-top .send-time[data-v-6bd7c1f0] {
    display: inline-block;
    position: absolute;
    right: 10px
}

.bet-list .item-middle[data-v-6bd7c1f0] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 80px;
    padding: 8px 10px 8px 20px
}

.bet-list .item-middle .row-follow-order[data-v-6bd7c1f0] {
    align-items: flex-start
}

.bet-list .item-middle .item-bet-handicap[data-v-6bd7c1f0] {
    align-self: flex-start;
    font-size: 13px
}

.bet-list .item-middle .item-bet-handicap span[data-v-6bd7c1f0] {
    color: var(--q-gb-t-c-16)
}

.bet-list .item-middle .item-bet-name[data-v-6bd7c1f0] {
    font-size: 14px
}

.bet-list .item-middle .item-bet-name .part1[data-v-6bd7c1f0] {
    display: inline-block;
    height: 14px;
    margin-right: 5px
}

.bet-list .item-middle .item-bet-name .part2[data-v-6bd7c1f0] {
    display: inline-block;
    height: 12px;
    line-height: 12px
}

.bet-list .item-middle .item-bet-odds[data-v-6bd7c1f0] {
    font-size: 14px;
    font-weight: 700
}

.bet-list .item-middle .item-follow-heart[data-v-6bd7c1f0] {
    display: flex;
    margin-top: 10px;
    align-items: center;
    cursor: pointer
}

.bet-list .item-middle .item-follow-heart .follow-heart[data-v-6bd7c1f0] {
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 3px;
    width: 8px;
    height: 8px
}

.bet-list .item-middle .item-follow-heart .follow-count[data-v-6bd7c1f0] {
    height: 12px;
    line-height: 12px;
    margin-top: 1px;
    color: #cbced8 !important
}

.bet-list .item-bottom[data-v-6bd7c1f0] {
    height: 32px;
    line-height: 32px;
    padding: 0 10px
}

.bet-list .item-bottom [class *=item-row-] span[data-v-6bd7c1f0] {
    display: inline-block;
    height: 12px;
    line-height: 12px
}

.bet-list .item-bottom [class *=item-row-] span[data-v-6bd7c1f0]:first-child {
    margin-right: 2px
}

.bet-list .item-row[data-v-6bd7c1f0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--q-gb-t-c-3) !important
}

.bet-list .item-row .item-row-left[data-v-6bd7c1f0] {
    line-height: 14px
}

.follow-order[data-v-6bd7c1f0] {
    height: 18px;
    width: 48px;
    line-height: 18px;
    text-align: center;
    background: var(--q-gb-t-c-16);
    box-shadow: 0 3px 3px #00386240;
    border-radius: 9px;
    cursor: pointer;
    white-space: nowrap;
    font-size: 12px;
    color: #fff
}

.item-settlemented[data-v-6bd7c1f0] {
    white-space: nowrap;
    color: #fff !important
}

.item-settlemented.win[data-v-6bd7c1f0],
.item-settlemented.lose[data-v-6bd7c1f0] {
    padding: 0 3px;
    border-radius: 4px
}

.heart-icon[data-v-6bd7c1f0] {
    margin-right: 4px
}

.new-pc-202411.theme-2.bet-list .home-vs-away[data-v-6bd7c1f0],
.new-pc-202411.theme-2.bet-list .item-row .item-row-left.item-bet-odds[data-v-6bd7c1f0] {
    color: #f2f2f2
}

.new-pc-202411.theme-2.bet-list .item-row .item-row-left[data-v-6bd7c1f0],
.new-pc-202411.theme-2.bet-list .item-row-right[data-v-6bd7c1f0] {
    color: #a0a0a0
}

.chat-scroll-area[data-v-72d2e654] {
    padding: 42px 14px 15px;
    background: url() repeat-y !important;
    background-size: cover !important;
    background-color: #eceff1;
    overflow-y: auto;
    border-top: 0 !important
}

.chat_msg[data-v-72d2e654] {
    width: 100%;
    margin-top: 15px;
    display: flex;
    flex-direction: column
}

.chat_msg .nick_name[data-v-72d2e654] {
    display: flex;
    gap: 4px;
    box-sizing: border-box;
    font-size: 12px;
    margin-top: 5px
}

.chat_msg .bet_info_container[data-v-72d2e654] {
    display: flex;
    padding-left: 10px;
    flex-direction: row
}

.chat_msg .bet_info_container .title[data-v-72d2e654] {
    background-image: var(--q-color-linear-gradient-bg-4);
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 3px 10px;
    font-size: 12px
}

.chat_msg .bet-info[data-v-72d2e654] {
    margin-top: 10px;
    width: 320px;
    border-radius: 8px;
    overflow: hidden
}

.chat_msg .bet-info-me[data-v-72d2e654] {
    align-self: flex-end
}

.chat_msg .msg-time[data-v-72d2e654] {
    color: #c9cddb
}

.chat_msg .msg_container[data-v-72d2e654] {
    align-items: center;
    flex: 3.7;
    display: flex;
    border-radius: 2px 12px 12px;
    background: #fff;
    box-shadow: 0 2px 8px #e4e7ec;
    align-self: flex-start;
    margin-top: 6px
}

.chat_msg .msg_container .msg_text[data-v-72d2e654] {
    display: inline-block;
    font-size: 12px;
    box-shadow: var(--q-color-com-box-shadow-3);
    border-radius: 6px;
    padding: 8px;
    position: relative;
    word-break: break-all
}

.chat_msg .msg_container .msg_text .msg-content[data-v-72d2e654] {
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.chat_msg .msg_container .msg_text .msg-time[data-v-72d2e654] {
    position: absolute;
    right: 10px;
    font-size: 10px
}

.reverse .nick_name[data-v-72d2e654] {
    flex-direction: row-reverse
}

.reverse .bet_info_container[data-v-72d2e654] {
    padding-right: 10px
}

.reverse .msg_container[data-v-72d2e654] {
    flex-direction: column;
    align-self: flex-end;
    border-radius: 12px 2px 12px 12px;
    background: var(--q-gb-t-c-16) !important;
    color: #fff !important
}

.reverse .msg_container .msg_text[data-v-72d2e654]:before {
    border-width: 0px
}

.more-msg[data-v-72d2e654] {
    position: absolute;
    bottom: 52px;
    left: 50%;
    transform: translate(-50%);
    height: 25px;
    line-height: 26px;
    padding: 0 10px 0 14px;
    color: #fff;
    border-radius: 12px;
    background: #feae2b;
    box-shadow: 0 4px 8px #f1b14480;
    font-size: 12px
}

.more-msg .inner-content[data-v-72d2e654] {
    display: flex;
    align-items: center;
    justify-content: center
}

.more-msg .inner-content img[data-v-72d2e654] {
    width: 12px;
    height: 12px;
    margin-left: 2px
}

.theme-2.chat-scroll-area[data-v-72d2e654] {
    background-color: transparent
}

.theme-2.chat-scroll-area .nick_name[data-v-72d2e654] {
    color: #fff
}

.theme-2.chat-scroll-area .msg-time[data-v-72d2e654] {
    color: #c9cddb
}

.theme-2.chat-scroll-area .msg_container[data-v-72d2e654] {
    background: #303442;
    box-shadow: none
}

.theme-2.chat-scroll-area .msg-content[data-v-72d2e654] {
    color: #fff
}

.qqface-wrapper {
    position: relative;
    overflow: hidden
}

.qqface-wrapper .qqface {
    width: 280px;
    position: absolute
}

.qqface-wrapper .qqface.qqface0 {
    clip-path: circle(16px at 12px 12px)
}

.qqface-wrapper .qqface.qqface1 {
    left: -36px;
    clip-path: circle(16px at 48px 12px)
}

.qqface-wrapper .qqface.qqface2 {
    left: -72px;
    clip-path: circle(16px at 84px 12px)
}

.qqface-wrapper .qqface.qqface3 {
    left: -109px;
    clip-path: circle(16px at 120px 12px)
}

.qqface-wrapper .qqface.qqface4 {
    left: -145px;
    clip-path: circle(16px at 158px 12px)
}

.qqface-wrapper .qqface.qqface5 {
    left: -182px;
    clip-path: circle(16px at 194px 12px)
}

.qqface-wrapper .qqface.qqface6 {
    left: -219px;
    clip-path: circle(16px at 230px 12px)
}

.qqface-wrapper .qqface.qqface7 {
    left: -256px;
    clip-path: circle(16px at 266px 12px)
}

.qqface-wrapper .qqface.qqface8 {
    top: -36px;
    clip-path: circle(16px at 12px 48px)
}

.qqface-wrapper .qqface.qqface9 {
    top: -36px;
    left: -36px;
    clip-path: circle(16px at 48px 48px)
}

.qqface-wrapper .qqface.qqface10 {
    top: -36px;
    left: -72px;
    clip-path: circle(16px at 84px 48px)
}

.qqface-wrapper .qqface.qqface11 {
    top: -36px;
    left: -110px;
    clip-path: circle(16px at 120px 48px)
}

.qqface-wrapper .qqface.qqface12 {
    top: -36px;
    left: -146px;
    clip-path: circle(16px at 158px 48px)
}

.qqface-wrapper .qqface.qqface13 {
    top: -36px;
    left: -182px;
    clip-path: circle(16px at 194px 48px)
}

.qqface-wrapper .qqface.qqface14 {
    top: -36px;
    left: -219px;
    clip-path: circle(16px at 230px 48px)
}

.qqface-wrapper .qqface.qqface15 {
    top: -36px;
    left: -256px;
    clip-path: circle(16px at 266px 48px)
}

.qqface-wrapper .qqface.qqface17 {
    top: -74px;
    clip-path: circle(16px at 12px 84px)
}

.qqface-wrapper .qqface.qqface18 {
    top: -74px;
    left: -36px;
    clip-path: circle(16px at 48px 84px)
}

.qqface-wrapper .qqface.qqface19 {
    top: -74px;
    left: -72px;
    clip-path: circle(16px at 84px 84px)
}

.qqface-wrapper .qqface.qqface20 {
    top: -74px;
    left: -109px;
    clip-path: circle(16px at 120px 84px)
}

.qqface-wrapper .qqface.qqface21 {
    top: -74px;
    left: -145px;
    clip-path: circle(16px at 158px 84px)
}

.qqface-wrapper .qqface.qqface22 {
    top: -74px;
    left: -182px;
    clip-path: circle(16px at 194px 84px)
}

.qqface-wrapper .qqface.qqface23 {
    top: -74px;
    left: -219px;
    clip-path: circle(16px at 230px 84px)
}

.qqface-wrapper .qqface.qqface25 {
    top: -74px;
    left: -256px;
    clip-path: circle(16px at 266px 84px)
}

.qqface-wrapper .qqface.qqface26 {
    top: -110px;
    clip-path: circle(16px at 12px 121px)
}

.qqface-wrapper .qqface.qqface28 {
    top: -110px;
    left: -36px;
    clip-path: circle(16px at 48px 121px)
}

.qqface-wrapper .qqface.qqface29 {
    top: -110px;
    left: -72px;
    clip-path: circle(16px at 84px 121px)
}

.qqface-wrapper .qqface.qqface31 {
    top: -110px;
    left: -110px;
    clip-path: circle(16px at 120px 121px)
}

.qqface-wrapper .qqface.qqface32 {
    top: -110px;
    left: -146px;
    clip-path: circle(16px at 158px 121px)
}

.qqface-wrapper .qqface.qqface33 {
    top: -110px;
    left: -182px;
    clip-path: circle(16px at 194px 121px)
}

.qqface-wrapper .qqface.qqface34 {
    top: -110px;
    left: -219px;
    clip-path: circle(16px at 230px 121px)
}

.qqface-wrapper .qqface.qqface36 {
    top: -110px;
    left: -256px;
    clip-path: circle(16px at 266px 121px)
}

.qqface-wrapper .qqface.qqface37 {
    top: -147px;
    clip-path: circle(16px at 12px 157px)
}

.qqface-wrapper .qqface.qqface38 {
    top: -147px;
    left: -36px;
    clip-path: circle(16px at 48px 157px)
}

.qqface-wrapper .qqface.qqface39 {
    top: -147px;
    left: -73px;
    clip-path: circle(16px at 85px 160px)
}

.qqface-wrapper .qqface.qqface40 {
    top: -147px;
    left: -109px;
    clip-path: circle(16px at 120px 157px)
}

.qqface-wrapper .qqface.qqface41 {
    top: -147px;
    left: -145px;
    clip-path: circle(16px at 158px 157px)
}

.qqface-wrapper .qqface.qqface42 {
    top: -147px;
    left: -183px;
    clip-path: circle(16px at 194px 157px)
}

.qqface-wrapper .qqface.qqface44 {
    top: -147px;
    left: -219px;
    clip-path: circle(16px at 230px 157px)
}

.qqface-wrapper .qqface.qqface46 {
    top: -147px;
    left: -256px;
    clip-path: circle(16px at 266px 157px)
}

.qqface-wrapper .qqface.qqface48 {
    top: -184px;
    clip-path: circle(16px at 12px 196px)
}

.qqface-wrapper .qqface.qqface49 {
    top: -184px;
    left: -36px;
    clip-path: circle(16px at 48px 196px)
}

.qqface-wrapper .qqface.qqface50 {
    top: -184px;
    left: -72px;
    clip-path: circle(16px at 84px 196px)
}

.qqface-wrapper .qqface.qqface51 {
    top: -184px;
    left: -109px;
    clip-path: circle(16px at 120px 196px)
}

.qqface-wrapper .qqface.qqface52 {
    top: -184px;
    left: -145px;
    clip-path: circle(16px at 158px 196px)
}

.qqface-wrapper .qqface.qqface54 {
    top: -184px;
    left: -182px;
    clip-path: circle(16px at 194px 196px)
}

.qqface-wrapper .qqface.qqface53 {
    top: -184px;
    left: -219px;
    clip-path: circle(16px at 230px 196px)
}

.qqface-wrapper .qqface.qqface47 {
    top: -184px;
    left: -256px;
    clip-path: circle(16px at 266px 198px)
}

.qqface-wrapper .qqface.qqface35 {
    top: -222px;
    clip-path: circle(16px at 12px 234px)
}

.qqface-wrapper .qqface.qqface16 {
    top: -222px;
    left: -36px;
    clip-path: circle(16px at 48px 234px)
}

.qqface-wrapper .qqface.qqface45 {
    top: -222px;
    left: -72px;
    clip-path: circle(16px at 84px 234px)
}

.qqface-wrapper .qqface.qqface24 {
    top: -222px;
    left: -109px;
    clip-path: circle(16px at 120px 234px)
}

.qqface-wrapper .qqface.qqface27 {
    top: -222px;
    left: -145px;
    clip-path: circle(16px at 158px 234px)
}

.qqface-wrapper .qqface.qqface30 {
    top: -222px;
    left: -182px;
    clip-path: circle(16px at 194px 234px)
}

.qqface-wrapper .qqface.qqface43 {
    top: -222px;
    left: -219px;
    clip-path: circle(16px at 230px 234px)
}

.qqface-wrapper .qqface.qqface55 {
    top: -222px;
    left: -256px;
    clip-path: circle(16px at 266px 234px)
}

.qqface-wrapper .qqface.qqface56 {
    top: -258px;
    clip-path: circle(16px at 12px 270px)
}

.qqface-wrapper .qqface.qqface57 {
    top: -258px;
    left: -36px;
    clip-path: circle(16px at 48px 270px)
}

.qqface-wrapper .qqface.qqface58 {
    top: -258px;
    left: -72px;
    clip-path: circle(16px at 84px 270px)
}

.qqface-wrapper .qqface.qqface59 {
    top: -258px;
    left: -109px;
    clip-path: circle(16px at 120px 270px)
}

.qqface-wrapper .qqface.qqface60 {
    top: -258px;
    left: -145px;
    clip-path: circle(16px at 158px 270px)
}

.qqface-wrapper .qqface.qqface61 {
    top: -258px;
    left: -182px;
    clip-path: circle(16px at 194px 270px)
}

.qqface-wrapper .qqface.qqface62 {
    top: -258px;
    left: -219px;
    clip-path: circle(16px at 230px 270px)
}

.qqface-wrapper .qqface.qqface74 {
    top: -258px;
    left: -256px;
    clip-path: circle(16px at 266px 270px)
}

.qqface-wrapper .qqface.qqface63 {
    top: -294px;
    clip-path: circle(16px at 12px 306px)
}

.qqface-wrapper .qqface.qqface64 {
    top: -294px;
    left: -36px;
    clip-path: circle(16px at 48px 306px)
}

.qqface-wrapper .qqface.qqface65 {
    top: -294px;
    left: -72px;
    clip-path: circle(16px at 84px 306px)
}

.qqface-wrapper .qqface.qqface66 {
    top: -294px;
    left: -109px;
    clip-path: circle(16px at 120px 306px)
}

.qqface-wrapper .qqface.qqface67 {
    top: -294px;
    left: -145px;
    clip-path: circle(16px at 158px 306px)
}

.qqface-wrapper .qqface.qqface68 {
    top: -294px;
    left: -182px;
    clip-path: circle(16px at 194px 306px)
}

.qqface-wrapper .qqface.qqface69 {
    top: -294px;
    left: -219px;
    clip-path: circle(16px at 230px 306px)
}

.qqface-wrapper .qqface.qqface70 {
    top: -294px;
    left: -256px;
    clip-path: circle(16px at 266px 306px)
}

.qqface-wrapper .qqface.qqface71 {
    top: -330px;
    clip-path: circle(16px at 12px 342px)
}

.qqface-wrapper .qqface.qqface72 {
    top: -330px;
    left: -36px;
    clip-path: circle(16px at 48px 342px)
}

.qqface-wrapper .qqface.qqface73 {
    top: -330px;
    left: -73px;
    clip-path: circle(16px at 84px 342px)
}

.qqface-wrapper .qqface.qqface75 {
    top: -330px;
    left: -109px;
    clip-path: circle(16px at 120px 342px)
}

.qqface-wrapper .qqface.qqface76 {
    top: -330px;
    left: -145px;
    clip-path: circle(16px at 158px 342px)
}

.qqface-wrapper .qqface.qqface77 {
    top: -330px;
    left: -182px;
    clip-path: circle(16px at 194px 342px)
}

.qqface-wrapper .qqface.qqface78 {
    top: -330px;
    left: -219px;
    clip-path: circle(16px at 230px 342px)
}

.qqface-wrapper .qqface.qqface79 {
    top: -330px;
    left: -256px;
    clip-path: circle(16px at 266px 342px)
}

.qqface-wrapper .qqface.qqface80 {
    top: -366px;
    clip-path: circle(16px at 12px 378px)
}

.qqface-wrapper .qqface.qqface81 {
    top: -366px;
    left: -36px;
    clip-path: circle(16px at 48px 378px)
}

.qqface-wrapper .qqface.qqface82 {
    top: -366px;
    left: -72px;
    clip-path: circle(16px at 84px 378px)
}

.qqface-wrapper .qqface.qqface83 {
    top: -366px;
    left: -109px;
    clip-path: circle(16px at 120px 378px)
}

.qqface-wrapper .qqface.qqface84 {
    top: -366px;
    left: -145px;
    clip-path: circle(16px at 158px 378px)
}

.qqface-wrapper .qqface.qqface85 {
    top: -366px;
    left: -182px;
    clip-path: circle(16px at 194px 378px)
}

.qqface-wrapper .qqface.qqface86 {
    top: -366px;
    left: -219px;
    clip-path: circle(16px at 230px 378px)
}

.qqface-wrapper .qqface.qqface87 {
    top: -366px;
    left: -256px;
    clip-path: circle(16px at 266px 378px)
}

.qqface-wrapper .qqface.qqface88 {
    top: -404px;
    clip-path: circle(16px at 12px 416px)
}

.qqface-wrapper .qqface.qqface89 {
    top: -404px;
    left: -36px;
    clip-path: circle(16px at 48px 416px)
}

.qqface-wrapper .qqface.qqface90 {
    top: -404px;
    left: -72px;
    clip-path: circle(16px at 84px 416px)
}

.qqface-wrapper .qqface.qqface91 {
    top: -404px;
    left: -109px;
    clip-path: circle(16px at 120px 416px)
}

.qqface-wrapper .qqface.qqface92 {
    top: -404px;
    left: -145px;
    clip-path: circle(16px at 158px 416px)
}

.qqface-wrapper .qqface.qqface93 {
    top: -404px;
    left: -182px;
    clip-path: circle(16px at 194px 416px)
}

.qqface-wrapper .qqface.qqface94 {
    top: -404px;
    left: -219px;
    clip-path: circle(16px at 230px 416px)
}

.qqface-wrapper .qqface.qqface95 {
    top: -404px;
    left: -256px;
    clip-path: circle(16px at 267px 416px)
}

.qqface-wrapper .qqface.qqface96 {
    top: -441px;
    clip-path: circle(16px at 12px 452px)
}

.qqface-wrapper .qqface.qqface97 {
    top: -441px;
    left: -36px;
    clip-path: circle(16px at 48px 452px)
}

.qqface-wrapper .qqface.qqface98 {
    top: -441px;
    left: -72px;
    clip-path: circle(16px at 84px 452px)
}

.qqface-wrapper .qqface.qqface99 {
    top: -441px;
    left: -109px;
    clip-path: circle(16px at 120px 452px)
}

.qqface-wrapper .qqface.qqface100 {
    top: -441px;
    left: -145px;
    clip-path: circle(16px at 158px 452px)
}

.qqface-wrapper .qqface.qqface101 {
    top: -441px;
    left: -182px;
    clip-path: circle(16px at 194px 452px)
}

.qqface-wrapper .qqface.qqface102 {
    top: -441px;
    left: -219px;
    clip-path: circle(16px at 230px 452px)
}

.qqface-wrapper .qqface.qqface103 {
    top: -441px;
    left: -256px;
    clip-path: circle(16px at 266px 452px)
}

.qqface-wrapper .qqface.qqface104 {
    top: -477px;
    clip-path: circle(16px at 12px 489px)
}

.qqface-wrapper .qqface.qqface105 {
    top: -477px;
    left: -36px;
    clip-path: circle(16px at 48px 489px)
}

.qqface-wrapper .qqface.qqface106 {
    top: -477px;
    left: -72px;
    clip-path: circle(16px at 84px 489px)
}

.qqface-wrapper .qqface.qqface107 {
    top: -477px;
    left: -109px;
    clip-path: circle(16px at 120px 489px)
}

.qqface-wrapper .qqface.qqface108 {
    top: -477px;
    left: -145px;
    clip-path: circle(16px at 158px 489px)
}

.qqface-wrapper:after {
    content: ""
}

.emoji-picker {
    position: absolute;
    bottom: 32px;
    width: 355px;
    height: 250px;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer
}

.qqface-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow-y: auto;
    height: 100%
}

.qqface-container .qqface-wrapper {
    display: inline-block;
    font-size: 21px;
    flex: 0 0 32px;
    text-align: center
}

.picker-button {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: var(--q-gb-bg-c-4);
    padding: 10px 20px 4px;
    border-radius: 6px
}

.chat-handle-bar[data-v-a3e20344] {
    height: 48px;
    padding: 8px 12px;
    border-top: .5px solid #DEE4F2;
    background-color: #f6f9ff
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .emoji-mart {
    position: absolute;
    bottom: 32px;
    height: 358px
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input {
    flex: 1;
    height: 32px;
    border-radius: 6px;
    position: relative;
    background-color: #e9f0ff
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .q-field__control,
.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .q-field__marginal {
    height: 32px
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input input {
    padding-left: 16px;
    font-size: 12px
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .q-icon {
    cursor: pointer
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .q-icon:first-child {
    margin-right: 4px
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .q-icon[class *=icon-] {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .q-icon[class *=icon-send] {
    margin-bottom: 2px
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .btn-send {
    position: relative;
    font-size: 12px
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .btn-send:before {
    content: "";
    width: 1px;
    height: 12px;
    background-color: #d8d8d8;
    border-radius: .5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .btn-send .q-icon {
    margin-left: 8px;
    margin-right: 12px
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .chat-conditions-tips {
    position: absolute;
    top: -68px;
    left: -108px;
    padding: 5px 15px 7px;
    border-radius: 8px;
    font-size: 12px;
    background-color: #000000b3 !important;
    color: #fff !important
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .chat-conditions-tips:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    bottom: -11px;
    left: 50%;
    border-top-color: #000000b3 !important
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .chat-conditions-tips .tips-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    line-height: 16px
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .chat-conditions-tips .tips-title {
    position: relative;
    padding-left: 15px;
    font-weight: 700
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .chat-conditions-tips .tips-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .muted {
    position: absolute;
    bottom: 7px;
    right: 7px;
    width: 15px;
    height: 15px;
    background: url(/image/svg/ask-icon.svg) center center no-repeat;
    background-size: 100%;
    cursor: pointer
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .muted_tips {
    position: absolute;
    max-width: 251px;
    bottom: 36px;
    right: -120px;
    border-radius: 6px;
    padding: 8px 9px;
    word-wrap: break-word;
    font-size: 12px
}

.chat-handle-bar .chat-item-wrapper[data-v-a3e20344] .item-user-input .muted_tips:after {
    content: "";
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    position: absolute;
    bottom: -5px;
    left: calc(50% - 14px)
}

.chat-handle-bar .chat-item-wrapper .other-btn[data-v-a3e20344] {
    flex: 0 0 24px
}

.chat-handle-bar .chat-item-wrapper .other-btn .item-btn[data-v-a3e20344] {
    margin-left: 8px
}

.chat-handle-bar .chat-item-wrapper .other-btn .btn-mute-user-input[data-v-a3e20344],
.chat-handle-bar .chat-item-wrapper .other-btn .btn-normal-user-input[data-v-a3e20344] {
    position: relative;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 35px;
    cursor: pointer
}

.chat-handle-bar .chat-item-wrapper .other-btn .btn-mute-user-input .tips[data-v-a3e20344],
.chat-handle-bar .chat-item-wrapper .other-btn .btn-normal-user-input .tips[data-v-a3e20344] {
    position: absolute;
    top: -54px;
    left: -150px;
    width: 273px;
    height: 40px;
    line-height: 40px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #000000b3
}

.chat-handle-bar .chat-item-wrapper .other-btn .btn-mute-user-input .tips[data-v-a3e20344]:before,
.chat-handle-bar .chat-item-wrapper .other-btn .btn-normal-user-input .tips[data-v-a3e20344]:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    bottom: -12px;
    left: 56%
}

.chat-handle-bar .chat-item-wrapper .other-btn .btn-mute-user-input .tips[data-v-a3e20344]:after,
.chat-handle-bar .chat-item-wrapper .other-btn .btn-normal-user-input .tips[data-v-a3e20344]:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    bottom: -11px;
    left: 50%
}

.chat-handle-bar .chat-item-wrapper .other-btn .btn-mute-user-input .tips .tips-flex[data-v-a3e20344],
.chat-handle-bar .chat-item-wrapper .other-btn .btn-normal-user-input .tips .tips-flex[data-v-a3e20344] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.chat-handle-bar .chat-item-wrapper .other-btn .btn-mute-user-input .tips .tips-flex .tips-text[data-v-a3e20344],
.chat-handle-bar .chat-item-wrapper .other-btn .btn-normal-user-input .tips .tips-flex .tips-text[data-v-a3e20344] {
    margin-right: 2px;
    color: #fff !important
}

.chat-handle-bar .chat-item-wrapper .other-btn .btn-mute-user-input .tips .tips-flex .btn-cancel-tips[data-v-a3e20344],
.chat-handle-bar .chat-item-wrapper .other-btn .btn-normal-user-input .tips .tips-flex .btn-cancel-tips[data-v-a3e20344] {
    width: 88px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 14px;
    color: #fff !important;
    background: var(--q-gb-bg-c-1) !important
}

.chat-handle-bar .chat-item-wrapper .show-order[data-v-a3e20344] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    flex: 0 0 52px
}

.chat-handle-bar .chat-item-wrapper .icon-show-order[data-v-a3e20344],
.chat-handle-bar .chat-item-wrapper .icon-ban-show-order[data-v-a3e20344] {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 3px
}

.theme-2.chat-handle-bar[data-v-a3e20344] {
    border-top: 1px solid rgba(255, 255, 255, .06);
    background: #ffffff0d
}

.theme-2.chat-handle-bar .chat-item-wrapper>.item-user-input[data-v-a3e20344] {
    background-color: #181a21 !important;
    border: none !important
}

.theme-2.chat-handle-bar .show-order-txt[data-v-a3e20344] {
    color: #f2f2f2
}

.theme-2.chat-handle-bar .chat-item-wrapper>.item-user-input[data-v-a3e20344] input.chat-input {
    color: #f2f2f2 !important
}

.my-scroll[data-v-8f28f525] {
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    will-change: transform;
    transition: all .45s;
    backface-visibility: hidden;
    perspective: 1000px;
    position: relative;
    width: 100%;
    height: 100%
}

.scroll-list[data-v-8f28f525] {
    overflow: hidden;
    min-height: 100%;
    display: flex;
    flex-direction: column
}

.scroll-bottom[data-v-8f28f525] {
    text-align: center;
    line-height: 40px;
    margin-bottom: 46px;
    color: #cacaca
}

.tab-wrap[data-v-d0fa4a02] {
    overflow: hidden
}

.tab-wrap .item-wrap[data-v-d0fa4a02] {
    position: absolute;
    top: 0;
    display: flex;
    height: 100%;
    z-index: 99;
    align-items: center
}

.tab-wrap .item-wrap .tab-item[data-v-d0fa4a02] {
    cursor: pointer;
    padding: 0 15px;
    text-align: center;
    flex-shrink: 0;
    height: 24px;
    line-height: 24px;
    border-radius: 15px;
    position: relative
}

.tab-wrap .item-wrap .tab-item.active[data-v-d0fa4a02] {
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    border: none !important
}

.tab-wrap .item-wrap .tab-item .match-count[data-v-d0fa4a02] {
    opacity: .7
}

.tab-wrap .item-wrap .tab-item .tab-icon[data-v-d0fa4a02] {
    position: absolute;
    right: -5px;
    top: -10px;
    font-size: 12px;
    scale: .62;
    color: #fff;
    font-weight: 700;
    display: inline;
    line-height: 10px;
    text-align: center;
    background: linear-gradient(135deg, red, #ff7000);
    padding: 3px 5px;
    border-radius: 7px 7px 7px 0;
    overflow: hidden
}

.tab-wrap .item-wrap .tab-item .tab-icon[data-v-d0fa4a02]:after {
    content: "";
    display: block;
    width: 4px;
    height: 35px;
    background-image: linear-gradient(#c9c4c400, #fffc, #d8d0d000);
    position: absolute;
    left: 10px;
    top: 0;
    transform: rotate(135deg);
    overflow: hidden;
    animation: bg_image-d0fa4a02 1.3s linear infinite
}

.tab-wrap .item-wrap .line-wrap[data-v-d0fa4a02] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px
}

.tab-wrap .item-wrap .line-wrap .line[data-v-d0fa4a02] {
    position: relative;
    width: 30px;
    height: 100%;
    transition: all .3s;
    z-index: 10;
    background: var(--q-gb-t-c-16)
}

.tab-wrap .item-wrap .line-wrap.pseudo .line[data-v-d0fa4a02]:before,
.tab-wrap .item-wrap .line-wrap.pseudo .line[data-v-d0fa4a02]:after {
    display: none
}

.tab-wrap .btn[data-v-d0fa4a02] {
    height: 98%;
    position: absolute;
    top: 0;
    width: 38px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100
}

.tab-wrap .left-btn[data-v-d0fa4a02] {
    left: 0;
    background-color: var(--qq--match_details_right_rol);
    transform: rotate(180deg)
}

.tab-wrap .left-btn .yb-icon-arrow[data-v-d0fa4a02]:before {
    color: var(--qq--icon-star-bg-color)
}

.tab-wrap .right-btn[data-v-d0fa4a02] {
    right: 0;
    background-color: var(--qq--match_details_right_rol);
    color: var(--qq--right-icons-color)
}

.tab-wrap .right-btn .yb-icon-arrow[data-v-d0fa4a02]:before {
    color: var(--qq--icon-star-bg-color)
}

.leagues-bg .tab-wrap .item-wrap .line-wrap[data-v-d0fa4a02] {
    bottom: 4px !important
}

@keyframes bg_image-d0fa4a02 {
    0% {
        left: -10px
    }

    40% {
        left: 30%;
        top: -5px
    }

    70% {
        left: 70%;
        top: -15px
    }

    to {
        left: 40px;
        top: -25px
    }
}

.bigvideo[data-v-529e1322] {
    width: 50% !important;
    top: 735px !important;
    height: 375px !important
}

.bet-saidan-list[data-v-529e1322] {
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
    height: 735px;
    overflow: visible;
    border-radius: 8px 8px 0 0;
    background: var(--q-gb-bg-c-30)
}

.bet-saidan-list .item-top[data-v-529e1322] {
    height: 28px;
    padding: 7px 0 7px 20px;
    justify-content: space-between
}

.bet-saidan-list .item-top .home-vs-away[data-v-529e1322] {
    font-size: 14px;
    color: var(--q-gb-t-c-23);
    line-height: 14px;
    font-weight: 600;
    border-left: 3px solid var(--q-gb-t-c-16)
}

.bet-saidan-list .item-top .home-vs-away[data-v-529e1322]:before {
    content: "";
    width: 2px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 1.5px;
    vertical-align: middle
}

.bet-saidan-list .item-top .middle-span[data-v-529e1322] {
    font-size: 12px;
    color: var(--q-gb-t-c-23);
    text-align: right;
    line-height: 12px;
    font-weight: 400;
    margin-right: 15px
}

.bet-saidan-list .bet-list-content[data-v-529e1322] {
    height: 614px;
    overflow: scroll;
    width: 103%
}

.bet-saidan-list .bigvideo-content[data-v-529e1322] {
    height: 255px !important
}

.bet-saidan-list .show-bet-wrapper[data-v-529e1322] {
    border-radius: 6px;
    margin: 0 20px 10px;
    background: var(--q-gb-bd-c-13)
}

.bet-saidan-list .show-bet-wrapper .item-top[data-v-529e1322]:before {
    background: var(--q-gb-bg-c-1)
}

.bet-saidan-list .show-bet-wrapper .content-middle[data-v-529e1322] {
    padding-bottom: 10px;
    background: var(--q-gb-bg-c-39)
}

.bet-saidan-list .show-bet-wrapper .content-bottom[data-v-529e1322] {
    height: 28px;
    line-height: 28px;
    justify-content: space-between;
    border-radius: 0 0 8px 8px;
    font-size: 12px
}

.bet-saidan-list .show-bet-wrapper .content-bottom .bottom-left .follow-heart[data-v-529e1322] {
    margin-left: 5px;
    cursor: pointer
}

.bet-saidan-list .show-bet-wrapper .content-bottom .bottom-left span[data-v-529e1322]:first-child {
    margin: 5px;
    line-height: 12px;
    font-weight: 400
}

.bet-saidan-list .show-bet-wrapper .content-bottom .bottom-right[data-v-529e1322],
.bet-saidan-list .show-bet-wrapper .content-bottom .bottom-right span[data-v-529e1322] {
    margin-right: 10px
}

.bet-saidan-list .show-bet-wrapper .content-bottom .bottom-right span[data-v-529e1322]:first-child {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400
}

.bet-saidan-list .show-bet-wrapper .item-settlemented .win[data-v-529e1322] {
    background: var(--qq--theme-bg-win);
    border: 1px solid var(--qq--theme-bd-win);
    color: var(--q-gb-t-c-1)
}

.bet-saidan-list .show-bet-wrapper .item-settlemented .lose[data-v-529e1322] {
    background: var(--qq--theme-bg-lose);
    border: 1px solid var(--qq--theme-bd-lose);
    color: var(--q-gb-t-c-1)
}

.bet-saidan-list .show-bet-wrapper .head_name[data-v-529e1322] {
    display: flex;
    height: 28px;
    border-radius: 6px 6px 0 0;
    align-items: center;
    margin-left: 10px;
    justify-content: space-between
}

.bet-saidan-list .show-bet-wrapper .head_name .head_name_left[data-v-529e1322] {
    display: flex;
    align-items: center
}

.bet-saidan-list .show-bet-wrapper .head_name .img-style[data-v-529e1322] {
    width: 16px;
    height: 16px
}

.bet-saidan-list .show-bet-wrapper .head_name .league-icon[data-v-529e1322] {
    margin-right: 5px
}

.bet-saidan-list .header[data-v-529e1322] {
    height: 32px;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between
}

.bet-saidan-list .header[data-v-529e1322] .tab-item.active {
    color: var(--q-gb-t-c-16)
}

.bet-saidan-list .header div[data-v-529e1322] {
    flex: 1
}

.bet-saidan-list .header .icon-arrow[data-v-529e1322] {
    font-size: 20px;
    left: 10px;
    top: -1px;
    transition: transform .3s;
    transform: rotate(180deg)
}

.bet-saidan-list .header .icon-arrow[data-v-529e1322]:before {
    content: ""
}

.bet-saidan-list .header .right-span[data-v-529e1322] {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 30px
}

.bet-saidan-list .span[data-v-529e1322] {
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 14px;
    font-weight: 400;
    margin: 7px 0
}

.bet-saidan-list .item-middle[data-v-529e1322] {
    height: 66px;
    padding: 2px 16px 8px 20px
}

.bet-saidan-list .item-middle .follow-order[data-v-529e1322] {
    height: 18px;
    line-height: 18px;
    padding: 0 12px;
    box-shadow: 0 2px 4px #ff700080;
    border-radius: 6px
}

.bet-saidan-list .item-middle .item-bet-handicap[data-v-529e1322] {
    align-self: flex-start;
    font-size: 13px
}

.bet-saidan-list .item-middle .item-bet-name[data-v-529e1322] {
    font-size: 14px;
    margin-top: 5px;
    font-weight: 600
}

.bet-saidan-list .item-middle .item-bet-name .part1[data-v-529e1322] {
    height: 14px;
    margin-right: 5px;
    font-size: 14px;
    line-height: 14px;
    color: var(--q-gb-t-c-16)
}

.bet-saidan-list .item-middle .item-bet-name .part2[data-v-529e1322] {
    height: 12px;
    line-height: 12px
}

.bet-saidan-list .item-middle .item-bet-odds[data-v-529e1322] {
    font-size: 14px !important;
    font-weight: 700;
    margin-top: 3px
}

.bet-saidan-list .item-middle .item-follow-heart[data-v-529e1322] {
    display: flex;
    margin-top: 10px;
    align-items: center
}

.bet-saidan-list .item-middle .item-follow-heart .follow-heart[data-v-529e1322] {
    margin-right: 3px;
    font-size: 12px !important;
    transform: scale(.8)
}

.bet-saidan-list .item-middle .item-follow-heart .follow-count[data-v-529e1322] {
    height: 12px;
    line-height: 12px;
    margin-top: 1px
}

.bet-saidan-list .item-bottom[data-v-529e1322] {
    height: 28px;
    border-radius: 8px;
    line-height: 28px;
    margin: 0 15px;
    padding: 0 10px;
    color: var(--q-gb-t-c-23);
    background: var(--q-gb-bd-c-13)
}

.bet-saidan-list .item-bottom .item-bottom-flex[data-v-529e1322] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bet-saidan-list .item-bottom .item-row-left span[data-v-529e1322]:last-child {
    font-size: 12px;
    text-align: right;
    line-height: 12px;
    font-weight: 500
}

.bet-saidan-list .item-bottom .item-row-rght[data-v-529e1322] {
    margin-left: 77px
}

.bet-saidan-list .item-bottom .item-row-rght span[data-v-529e1322]:last-child {
    font-size: 12px;
    text-align: right;
    line-height: 12px;
    font-weight: 500
}

.bet-saidan-list .item-row[data-v-529e1322] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bet-saidan-list .item-row .item-row-left[data-v-529e1322] {
    line-height: 14px;
    font-size: 12px
}

.bet-saidan-list .item-row-suc[data-v-529e1322] {
    font-size: 12px;
    color: #64c258;
    text-align: right;
    font-weight: 500
}

.bet-saidan-list .btn-footer[data-v-529e1322] {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 64px;
    justify-content: center;
    align-items: center
}

.bet-saidan-list .btn-footer .clear-btn[data-v-529e1322] {
    margin: 0 50px;
    width: 160px;
    height: 32px;
    border-radius: 16px;
    text-align: center;
    line-height: 32px;
    border: 1px solid var(--q-gb-bd-c-25);
    box-shadow: 0 2px 2px #0038621a
}

.bet-saidan-list .btn-footer .saidan-btn[data-v-529e1322] {
    width: 160px;
    height: 32px;
    border-radius: 16px;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
    background: #179cff
}

.bet-saidan-list .toast[data-v-529e1322] {
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 0 20px;
    height: 36px;
    border-radius: 2px;
    text-align: center;
    line-height: 36px;
    transform: translate(-50%, -50%);
    color: #fff;
    background-color: #000000b3
}

.bet-saidan-list .color-0[data-v-529e1322],
.bet-saidan-list .color-1[data-v-529e1322] {
    color: green
}

.bet-saidan-list .color-2[data-v-529e1322] {
    color: #000
}

.bet-saidan-list .color-3[data-v-529e1322] {
    color: orange
}

.bet-saidan-list .color-4[data-v-529e1322] {
    color: red
}

.basketball-height[data-v-529e1322] {
    top: 44px
}

.content-border[data-v-529e1322] {
    height: 100%;
    overflow: scroll
}

.loading-wrap[data-v-529e1322] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--qq--theme-text-color-handicap);
    margin-top: 10%;
    padding-top: 0
}

.loading-wrap .img-loading[data-v-529e1322] {
    position: relative;
    margin-bottom: 10px;
    width: 100px;
    height: 100px;
    background-size: 100%;
    background-image: var(--qq--bg-image-url10)
}

.theme-2[data-v-529e1322] .tab-item {
    color: #f2f2f2
}

.color-size[data-v-529e1322] {
    color: var(--q-gb-t-c-16)
}

.xuanzhong[data-v-529e1322] {
    width: 14px;
    height: 14px;
    background-color: var(--q-gb-bg-c-14);
    border-radius: 2px;
    border: 1px solid #999;
    margin-right: 15px;
    position: relative
}

.xuanzhong .active[data-v-529e1322] {
    display: block;
    width: 14px;
    height: 14px;
    background: #179cff
}

.xuanzhong .active[data-v-529e1322]:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 5px;
    top: 3px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(135deg)
}

.chatroom[data-v-fedf5732] {
    margin-top: 8px;
    border-radius: 8px;
    overflow: hidden
}

.chatroom .icon-arrow[data-v-fedf5732] {
    font-size: 16px;
    transition: transform .3s
}

.chatroom .icon-arrow.fold[data-v-fedf5732] {
    transform: rotate(180deg)
}

.chatroom .icon-arrow[data-v-fedf5732]:before {
    color: #999
}

.chatroom[data-v-fedf5732] .chat-scroll-area {
    height: 350px;
    padding: 2px 16px 15px;
    overflow: auto
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message {
    margin-bottom: 10px
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message-text+.q-message-text {
    margin-top: 6px
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message-text:last-child {
    min-height: unset
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message-sent .q-message-container>div {
    flex-direction: row-reverse
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message-text--sent {
    border-radius: 8px;
    padding: 5px 10px
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message-text--sent:last-child:before {
    top: 10px
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message-text--received {
    border-radius: 8px;
    padding: 5px 10px
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message-text--received:last-child:before {
    top: 10px
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message-container>div {
    display: flex
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message-name {
    font-size: 12px;
    margin-top: 4px;
    -webkit-user-select: all;
    user-select: all
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message-text {
    -webkit-user-select: all;
    user-select: all
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message-name--received {
    margin-right: 12px
}

.chatroom[data-v-fedf5732] .chat-scroll-area .q-message-name--sent {
    margin-left: 12px
}

.chatroom[data-v-fedf5732] .chat-scroll-area .message-show-time .q-message-text-content {
    display: flex
}

.chatroom[data-v-fedf5732] .chat-scroll-area .message-show-time .q-message-text-content .q-message-stamp {
    margin-top: 0;
    padding-left: 2px;
    white-space: nowrap;
    font-size: 12px;
    align-self: flex-end
}

.chatroom[data-v-fedf5732] .chat-scroll-area .message-show-order .q-message-name {
    margin-top: 0
}

.chatroom[data-v-fedf5732] .chat-scroll-area .message-show-order .q-message-name--received {
    margin-right: 10px
}

.chatroom[data-v-fedf5732] .chat-scroll-area .message-show-order .q-message-name--sent {
    margin-left: 10px
}

.chatroom[data-v-fedf5732] .chat-scroll-area .message-show-order .q-message-text {
    border-radius: 10px;
    padding: 2px 10px;
    height: 20px;
    line-height: 16px
}

.chatroom[data-v-fedf5732] .chat-scroll-area .message-show-order .q-message-text:before {
    border: 0 !important
}

.chatroom[data-v-fedf5732] .chat-scroll-area .message-show-order .q-message-text-content {
    color: var(--q-gb-t-c-1)
}

.chatroom[data-v-fedf5732] .chat-scroll-area .message-show-order .q-message-container>div {
    flex-wrap: wrap;
    align-items: center
}

.chatroom[data-v-fedf5732] .chat-scroll-area .message-show-order .q-message-container>div>div:last-child {
    flex: 0 0 100%;
    height: 100%;
    padding: 0
}

.chatroom .more-msg[data-v-fedf5732] {
    position: absolute;
    bottom: 52px;
    left: 50%;
    transform: translate(-50%);
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 14px;
    color: var(--q-gb-t-c-1);
    border-radius: 14px
}

.chatroom .more-msg .inner-content[data-v-fedf5732] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.chatroom .more-msg .icon-arrow-down[data-v-fedf5732] {
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 6px
}

.iframe-cls[data-v-fedf5732] .chat-scroll-area {
    height: 174px
}

.chatroom-content-wrapper[data-v-fedf5732] {
    position: relative
}

.new-pc-202411.chatroom.theme-2[data-v-fedf5732] {
    background-color: #161a2a
}

.dialog-wrap {
    width: 400px;
    height: 300px;
    overflow-y: hidden
}

.dialog-wrap .card-header {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    border-bottom: 1px solid #E9EDF7;
    background: #f6f9ff;
    text-align: center
}

.dialog-wrap .card-body {
    padding: 28px 28px 18px;
    width: 100%
}

.dialog-wrap .card-body .dialog-scroll {
    width: 100%;
    height: 148px;
    overflow-y: auto;
    margin: 0 auto;
    padding-right: 10px;
    font-size: 14px;
    color: #000
}

.dialog-wrap .card-body .dialog-scroll .bulletin-item {
    font-weight: 400;
    line-height: 22px;
    word-break: break-all
}

.dialog-wrap .card-footer {
    height: 40px;
    width: 80%;
    margin: 0 10%;
    line-height: 40px;
    text-align: center;
    border-radius: 20px !important;
    background-color: var(--q-gb-bg-c-17);
    color: #fff !important;
    cursor: pointer
}

.dialog-wrap.theme-3 {
    background: #2b2c33 !important
}

.dialog-wrap.theme-3 .card-header {
    background: #ffffff0d;
    color: #f2f2f2;
    border-bottom: 1px solid rgba(255, 255, 255, .06)
}

.dialog-wrap.theme-3 .dialog-scroll {
    color: #a0a0a0
}

.chatroom.theme-3 .dialog-wrap {
    background-color: #2b2c33
}

.chatroom.theme-3 .card-header {
    background: #ffffff0d;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    color: #f2f2f2
}

.chatroom.theme-3 .dialog-scroll {
    color: var(--q-gb-bg-c-33) !important
}

.chatroom.theme-3 .notify-wrap {
    background-size: 16px 16px
}

.chatroom.theme-3 .msg_container {
    background: #ffffff0d;
    box-shadow: 0 2px 8px #0000001a
}

.chatroom.theme-3 .reverse .msg_container {
    background: #ffb001 !important;
    box-shadow: 0 2px 8px #0000001a;
    color: #181a21 !important
}

.chatroom.theme-3 .chat-handle-bar {
    border-top: 1px solid rgba(255, 255, 255, .06)
}

.chatroom.theme-3 .q-field__control {
    background: #181a21
}

.chatroom.theme-3 .icon-show-order {
    background-size: 22px 22px !important;
    background-position-y: 1px !important
}

.chatroom.theme-3 .show-bet-wrapper .item-top:before {
    background: #ffb001 !important
}

.chatroom.theme-3 .follow-order {
    background: #ffb001 !important;
    box-shadow: none !important;
    color: #181a21
}

.chatroom.theme-3 .panel-header,
.chatroom.theme-3 .chat-handle-bar {
    background: #ffffff0d !important
}

.chatroom.theme-3 input.chat-input {
    caret-color: #585e66;
    color: #585e66
}

.chatroom.theme-3 input.chat-input::placeholder {
    color: #585e66
}

.chatroom.theme-3 .bet-list,
.chatroom.theme-3 .bet-list .item-middle {
    background: #ffffff0d
}

.chatroom.theme-2 .dialog-wrap {
    background-color: #2b2c33
}

.chatroom.theme-2 .msg_container {
    background: #ffffff0d;
    box-shadow: 0 2px 8px #0000001a
}

.chatroom.theme-2 .card-header {
    background: #ffffff0d;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    color: #f2f2f2
}

.chatroom.theme-2 .dialog-scroll {
    color: var(--q-gb-bg-c-33) !important
}

.chatroom.theme-2 .chat-handle-bar {
    border-top: 1px solid rgba(255, 255, 255, .06)
}

.chatroom.theme-2 .q-field__control {
    background: #181a21
}

.chatroom.theme-2 .panel-header,
.chatroom.theme-2 .chat-handle-bar {
    background: #ffffff0d !important
}

.chatroom.theme-2 input.chat-input {
    caret-color: #585e66;
    color: #585e66
}

.chatroom.theme-2 input.chat-input::placeholder {
    color: #585e66
}

.chatroom.theme-2 .bet-list,
.chatroom.theme-2 .bet-list .item-middle {
    background: #ffffff0d
}

.chatroom.theme-1 .show-bet-wrapper {
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 2px 8px #0000001a
}

.chatroom.theme-1 .item-middle {
    background: #f6f9ff
}

new-pc-202411.chatroom.theme-1 .show-bet-wrapper {
    background: #f6f9ff
}

[data-v-f9d32d63]::-webkit-scrollbar {
    width: 0 !important;
    height: 0
}

.ml-15[data-v-f9d32d63] {
    margin-left: -15px
}

.right-icon[data-v-f9d32d63] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    z-index: 505;
    margin-right: 5px
}

.icon[data-v-f9d32d63] {
    flex: 1;
    text-align: center;
    height: 100%;
    line-height: 100%;
    width: 16px;
    height: 16px;
    cursor: pointer;
    font-size: 16px
}

.video_box .icon[data-v-f9d32d63] {
    top: 10px;
    right: 10px
}

.video_box .tip-content[data-v-f9d32d63] {
    top: 46px
}

.tip-content[data-v-f9d32d63] {
    position: absolute;
    top: 42px;
    left: 50%;
    width: 70%;
    transform: translate(-50%);
    z-index: 999999;
    background-color: #000c
}

.tip-content.is-iframe[data-v-f9d32d63] {
    width: 95%
}

.tip-content .content-wrap[data-v-f9d32d63] {
    background-color: #000c;
    padding: 9px 28px;
    font-size: 12px;
    line-height: 1.5;
    color: var(--q-gb-t-c-18)
}

.tip-content-style[data-v-f9d32d63] {
    width: 95%
}

.icon-tips3[data-v-f9d32d63]:before {
    content: "";
    color: #a8a6a3 !important
}

.icon-tips3.isCs37[data-v-f9d32d63]:before {
    content: "";
    color: #fff !important
}

.icon-tips[data-v-f9d32d63]:before {
    content: "";
    color: var(--q-icon-color-2)
}

.new-pc-202411 .icon-tips[data-v-f9d32d63]:before {
    content: "";
    color: var(--q-icon-color-1)
}

.c-video-ctrl .vs-team-wrap .absolute-wrap .item[data-v-715ced5d] {
    background-color: var(--q-gb-bg-c-11)
}

.c-video-ctrl .vs-team-wrap .absolute-wrap .item.active[data-v-715ced5d] {
    background-color: var(--q-video-ctrl__wrap);
    color: var(--q-gb-t-c-16)
}

.new-pc-2025 .item[data-v-715ced5d] {
    background: var(--q-bg-color-1-1)
}

.new-pc-2025 .item.active[data-v-715ced5d] {
    color: var(--q-theme-color-1-default)
}

.new-pc-2025 .item .icon-expand[data-v-715ced5d] {
    transform: rotate(180deg);
    transition: transform .3s;
    margin-right: 7px
}

.new-pc-2025 .item .icon-expand.active[data-v-715ced5d] {
    transform: rotate(0)
}

.scroll-area .item[data-v-715ced5d]:hover {
    color: var(--q-gb-t-c-16)
}

.soprts_id_icon-dark[data-v-715ced5d] {
    filter: brightness(180%)
}

.team_detail_wrap[data-v-73b8f1ef] {
    height: 64px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 15px;
    position: relative;
    overflow: hidden;
    background: var(--q-toast-color-bg-2)
}

.team_detail_wrap[data-v-73b8f1ef]:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    border-left: .3em solid #179CFF;
    border-radius: 0 .6em .6em 0;
    height: 50%
}

.team_detail_wrap[data-v-73b8f1ef]:after {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    right: 0;
    border-left: .3em solid #F53F3F;
    border-radius: .6em 0 0 .6em;
    height: 50%
}

.team_detail_wrap .team_detail_center[data-v-73b8f1ef] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-width: 6em;
    margin: 0 1.8em
}

.team_detail_wrap .team_detail_center .match_score[data-v-73b8f1ef] {
    font-size: 1.8em;
    font-weight: 700;
    text-align: center;
    color: var(--q-text-color-1)
}

.team_detail_wrap .team_detail_center .match_score .symbol_score[data-v-73b8f1ef] {
    margin: 0 2px
}

.team_detail_wrap .team_detail_center .match_score .extra_time_score[data-v-73b8f1ef] {
    margin-left: 1px
}

.team_detail_wrap .team_detail_center .match_process[data-v-73b8f1ef] {
    margin-top: 4px
}

.team_detail_wrap .team_detail_center .match_process[data-v-73b8f1ef] .time-content {
    color: #50c042;
    font-size: 1em;
    margin-left: 0
}

.team_detail_wrap .team_detail_center .match_process[data-v-73b8f1ef] .time-content .process-name,
.team_detail_wrap .team_detail_center .match_process[data-v-73b8f1ef] .time-content .process-name .process-name,
.team_detail_wrap .team_detail_center .match_process[data-v-73b8f1ef] .time-content .process-name .process_name {
    font-size: 1em;
    text-align: center
}

.team_detail_wrap .team_detail_center .match_process[data-v-73b8f1ef] .time-content .timer-layout,
.team_detail_wrap .team_detail_center .match_process[data-v-73b8f1ef] .time-content .timer-layout2 {
    color: #50c042 !important
}

.team_detail_wrap .team_detail_side[data-v-73b8f1ef] {
    display: flex;
    justify-content: center;
    align-items: center
}

.team_detail_wrap .team_detail_side .team_name_wrap[data-v-73b8f1ef] {
    margin-right: .9em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end
}

.team_detail_wrap .team_detail_side .team_name_wrap .team_name[data-v-73b8f1ef] {
    font-size: .9em;
    line-height: 1.2em;
    font-weight: 700;
    width: 8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.team_detail_wrap .team_detail_side .team_name_wrap .result[data-v-73b8f1ef] {
    display: flex;
    margin-top: .3em
}

.team_detail_wrap .team_detail_side .team_name_wrap .result .result_item[data-v-73b8f1ef] {
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .6em;
    color: var(--q-text-color-1);
    font-weight: 700
}

.team_detail_wrap .team_detail_side .team_name_wrap .result .result_item .icon[data-v-73b8f1ef] {
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block
}

.team_detail_wrap .team_detail_side .team_name_wrap .result .result_item .result_num[data-v-73b8f1ef] {
    display: inline-block;
    height: .8em;
    margin-left: .3em;
    font-weight: 400;
    font-size: .8em
}

.team_detail_wrap .team_detail_side .team_logo[data-v-73b8f1ef] {
    height: 28px;
    width: 28px
}

.team_detail_wrap .team_detail_left .team_name_wrap .team_name[data-v-73b8f1ef] {
    text-align: right
}

.team_detail_wrap .team_detail_right[data-v-73b8f1ef] {
    flex-direction: row-reverse
}

.team_detail_wrap .team_detail_right .team_name_wrap[data-v-73b8f1ef] {
    align-items: flex-start;
    margin-left: .9em
}

.team_detail_wrap .team_detail_right .team_name_wrap .result[data-v-73b8f1ef] {
    margin-left: -6px
}

.team_detail_wrap .decorate[data-v-73b8f1ef] {
    width: 6px;
    height: 40px;
    position: absolute;
    top: 12px;
    border-radius: 3px
}

.team_detail_wrap .decorate.decorate_l[data-v-73b8f1ef] {
    left: -3px;
    background: #00f
}

.team_detail_wrap .decorate.decorate_r[data-v-73b8f1ef] {
    right: -3px;
    background: orange
}

body .page-right .screen .sports-guessing[data-v-7c212959] {
    background-color: var(--q-gb-bg-c-11);
    color: var(--q-gb-t-c-8);
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .c-video-ctrl .ctrl-wrap[data-v-7c212959] {
    background: var(--q-gb-bg-c-14)
}

body .c-video-ctrl .ctrl-wrap .q-icon[data-v-7c212959]:before {
    color: var(--q-gb-t-c-18)
}

body .c-video-ctrl .ctrl-wrap .icon-big[data-v-7c212959]:before {
    margin-top: 9px;
    color: var(--q-gb-t-c-10) !important
}

body .c-video-ctrl .ctrl-wrap .wrap_source.active .icon[data-v-7c212959]:before {
    color: var(--q-gb-t-c-16) !important
}

body .c-video-ctrl .ctrl-wrap .wrap_source[data-v-7c212959]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2.5px;
    background: var(--q-gb-t-c-16);
    border-radius: 100px 100px 0 0;
    left: 0;
    bottom: 0;
    display: none
}

body .c-video-ctrl .ctrl-wrap .wrap_source.active[data-v-7c212959]:before,
body .c-video-ctrl .ctrl-wrap .wrap_source[data-v-7c212959]:hover:before {
    display: block
}

body .c-video-ctrl .ctrl-wrap .col-right .fold-btn[data-v-7c212959] {
    background-color: var(--q-gb-t-c-16)
}

body .c-video-ctrl .vs-team-wrap[data-v-7c212959] {
    color: var(--q-gb-t-c-6);
    background: var(--q-gb-bg-c-22) !important
}

body .c-video-ctrl .vs-team-wrap .absolute-wrap .vs-team-container[data-v-7c212959] {
    background: var(--q-gb-bg-c-13) !important
}

body .c-video-ctrl .vs-team-wrap .absolute-wrap .vs-team-container.team-wrap-bg[data-v-7c212959] {
    background-color: var(--q-gb-bg-c-11) !important
}

body .c-video-ctrl .vs-team-wrap .absolute-wrap .item[data-v-7c212959] {
    background-color: var(--q-gb-bg-c-11)
}

body .c-video-ctrl .vs-team-wrap .absolute-wrap .item.current[data-v-7c212959] {
    border-bottom: 1px solid transparent;
    color: var(--q-gb-t-c-3);
    font-weight: 400
}

body .c-video-ctrl .vs-team-wrap .absolute-wrap .item.current .line[data-v-7c212959] {
    border-left: 3px solid transparent !important
}

body .c-video-ctrl .vs-team-wrap .absolute-wrap .item[data-v-7c212959]:last-child {
    border-bottom: 1px solid transparent
}

body .c-video-ctrl .vs-team-wrap .absolute-wrap .item[data-v-7c212959]:hover:not(.active) {
    color: var(--q-gb-t-c-16) !important
}

body .c-video-ctrl .vs-team-wrap .absolute-wrap .item:hover:not(.active) .line[data-v-7c212959] {
    border-left: 3px solid transparent
}

body .c-video-ctrl .vs-team-wrap .absolute-wrap .item .line[data-v-7c212959] {
    border-left: 3px solid transparent
}

body .c-video-ctrl .vs-team-wrap .absolute-wrap .item.active[data-v-7c212959] {
    background-color: var(--q-video-ctrl__wrap);
    color: var(--q-gb-t-c-16)
}

body .c-video-ctrl .vs-team-wrap .absolute-wrap .item.active .line[data-v-7c212959] {
    border-left: 3px solid var(--q-gb-t-c-16)
}

body .c-video-ctrl .tip-content .content-wrap[data-v-7c212959] {
    background-color: var(--q-gb-bg-c-22)
}

body .c-video-ctrl .tip-content .content-wrap .content[data-v-7c212959] {
    color: var(--q-gb-t-c-1)
}

body .c-video-ctrl .tip-content .content-wrap .yb-icon-triangle[data-v-7c212959]:before {
    background-color: var(--q-gb-bg-c-22)
}

body .video-not .pause-icon[data-v-7c212959] {
    background-image: var(--qq--bg-image-url37)
}

body .c-match-video[data-v-7c212959] {
    background-color: var(--q-gb-bg-c-14)
}

body .c-match-video .head-info[data-v-7c212959],
body .c-match-video .head-info .info-time[data-v-7c212959],
body .c-match-video .head-info .info-both[data-v-7c212959] {
    color: var(--q-gb-t-c-1)
}

body .c-match-video .head-info .info-data span[data-v-7c212959] {
    color: var(--q-gb-t-c-1) !important
}

body .c-match-video .more-info[data-v-7c212959] {
    color: var(--q-gb-t-c-1)
}

body .c-match-video .more-info .scroll-arrow.active i[data-v-7c212959] {
    color: var(--q-gb-t-c-16) !important
}

body .c-match-video .more-info .both-item .wrap-round .round[data-v-7c212959] {
    background: var(--q-gb-t-c-16)
}

body .c-match-video .more-info .stage-13 span[data-v-7c212959]:nth-child(1) {
    color: var(--q-gb-t-c-16) !important
}

body .c-match-video .more-info .stage-14 span[data-v-7c212959]:nth-child(2),
body .c-match-video .more-info .stage-301 span[data-v-7c212959]:nth-child(2) {
    color: var(--q-gb-t-c-16) !important
}

body .c-match-video .more-info .stage-15 span[data-v-7c212959]:nth-child(3),
body .c-match-video .more-info .stage-302 span[data-v-7c212959]:nth-child(3) {
    color: var(--q-gb-t-c-16) !important
}

body .c-match-video .more-info .stage-16 span[data-v-7c212959]:nth-child(4),
body .c-match-video .more-info .stage-303 span[data-v-7c212959]:nth-child(4) {
    color: var(--q-gb-t-c-16) !important
}

body .c-match-video .basketball-after .stage-15 span[data-v-7c212959]:nth-child(4) {
    color: var(--q-gb-t-c-16) !important
}

body .c-match-video .basketball-after .stage-16 span[data-v-7c212959]:nth-child(5),
body .c-match-video .basketball-after .stage-303 span[data-v-7c212959]:nth-child(5) {
    color: var(--q-gb-t-c-16) !important
}

body .c-match-video .basketball-after .score[data-v-7c212959],
body .type-list-bg .video-type-but.video-type-but-action[data-v-7c212959] {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-2025 .c-video-ctrl .ctrl-wrap .icon-big[data-v-7c212959]:before {
    color: var(--q-icon-color-1) !important
}

.pr[data-v-7c212959] {
    position: relative
}

.pr .mt4[data-v-7c212959] {
    transform: translateY(1px)
}

.ctrl-wrap[data-v-7c212959] {
    padding: 0 16px;
    height: 36px;
    font-size: 14px;
    width: 100%;
    position: relative
}

.ctrl-wrap .unfold[data-v-7c212959] {
    width: 16px;
    height: 15.4px;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    background-image: url(/image/theme01/img/svg/unfold_close_thme01.svg)
}

.ctrl-wrap .unfold.open[data-v-7c212959] {
    background-image: url(/image/theme01/img/svg/unfold_close_thme01.svg)
}

.ctrl-wrap .col_center_absolute[data-v-7c212959] {
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.ctrl-wrap .vicon[data-v-7c212959] {
    width: 20px;
    height: 14px
}

.ctrl-wrap .q-icon[data-v-7c212959] {
    cursor: pointer
}

.ctrl-wrap .col-right[data-v-7c212959] {
    display: flex;
    justify-content: center;
    align-items: center
}

.ctrl-wrap .col-right .fold-btn[data-v-7c212959] {
    border-radius: 11px;
    padding: 2px 7px 2px 11px;
    color: var(--q-gb-t-c-18);
    display: flex;
    align-items: center;
    font-size: 12px;
    flex: 1;
    height: 24px;
    cursor: pointer
}

.ctrl-wrap .col-right .fold-btn .text[data-v-7c212959] {
    margin-right: 2px
}

.ctrl-wrap .col-right .fold-btn .icon-arrow[data-v-7c212959] {
    transform: rotate(90deg)
}

.ctrl-wrap .col-right .icon-big[data-v-7c212959] {
    padding-left: 8px
}

.ctrl-wrap .col-right .refresh[data-v-7c212959] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0;
    margin-left: 8px;
    background-color: var(--qq--yb-bg-color7);
    border: 1px solid var(--qq--go-top-btn-border);
    display: flex;
    justify-content: center;
    align-items: center
}

.ctrl-wrap .col-right .refresh[data-v-7c212959] .icon-wrap {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ctrl-wrap .col-right .refresh[data-v-7c212959] .icon-wrap .icon-balance_refresh span {
    font-size: 18px
}

.ctrl-wrap .col-right .refresh[data-v-7c212959] .icon-wrap .icon-balance_refresh span:before {
    color: #999
}

.ctrl-wrap .wrap_source[data-v-7c212959] {
    cursor: pointer;
    margin: 0 8px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    position: relative
}

.ie-browser .ctrl-wrap .wrap_source .icon[data-v-7c212959] {
    transform: translate(-2.5px)
}

[data-v-7c212959] .vs-team-wrap {
    height: 36px
}

[data-v-7c212959] .vs-team-wrap .absolute-wrap {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 501;
    overflow: hidden;
    transition: height .2s;
    height: 100%
}

[data-v-7c212959] .vs-team-wrap .absolute-wrap .vs-team-container {
    background: var(--q-gb-bg-c-13) !important
}

[data-v-7c212959] .vs-team-wrap .absolute-wrap .scroll-area {
    width: 100%;
    height: 180px
}

[data-v-7c212959] .vs-team-wrap .absolute-wrap .scroll-area :deep(.q-scrollarea__thumb) {
    right: 4px
}

[data-v-7c212959] .vs-team-wrap .absolute-wrap .item {
    height: 44px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .06)
}

[data-v-7c212959] .vs-team-wrap .absolute-wrap .item .team-wrap {
    margin-left: 14px;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

[data-v-7c212959] .vs-team-wrap .absolute-wrap .item .team-wrap .separate {
    margin: 0 7px;
    text-align: right
}

[data-v-7c212959] .vs-team-wrap .absolute-wrap .item .line {
    width: 15px;
    height: 100%
}

[data-v-7c212959] .vs-team-wrap .absolute-wrap .item .yb-icon-arrow {
    transform: rotate(90deg);
    transition: transform .3s;
    margin-right: 7px
}

[data-v-7c212959] .vs-team-wrap .absolute-wrap .item .yb-icon-arrow.active {
    transform: rotate(270deg)
}

[data-v-7c212959] .vs-team-wrap .absolute-wrap .current {
    color: var(--q-gb-t-c-3);
    font-weight: 400;
    border-bottom: 1px solid transparent
}

[data-v-7c212959] .vs-team-wrap .soprts_id_icon {
    width: 18px;
    height: 18px;
    background-size: 100% auto;
    margin-right: 5px
}

[data-v-7c212959] .vs-team-wrap .team-wrap-content {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    padding: 0 4px;
    font-size: 14px;
    align-items: center
}

[data-v-7c212959] .vs-team-wrap .team-wrap-content .separate {
    display: inline-block;
    width: 98%;
    text-align: right
}

[data-v-7c212959] .vs-team-wrap .team-wrap-content .date_info {
    flex: 1;
    text-align: center
}

[data-v-7c212959] .vs-team-wrap .margin-top {
    margin-top: 4px;
    margin-left: -10px
}

[data-v-7c212959] .vs-team-wrap .border_btm {
    border-bottom: 1px solid #e9edf7 !important
}

[data-v-7c212959] .vs-team-wrap .team-wrap-flex {
    display: flex;
    align-items: center;
    transform: translate(-17px)
}

[data-v-7c212959] .vs-team-wrap .team-wrap-flex span:not(.separate) {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-v-7c212959] .vs-team-wrap .team-wrap-flex span:first-child {
    text-align: right
}

[data-v-7c212959] .vs-team-wrap .team-wrap-flex span:last-child {
    text-align: left
}

.tip-content[data-v-7c212959] {
    width: calc(100% - 14px);
    position: absolute;
    bottom: 0;
    z-index: 10;
    top: 30px
}

.tip-content .content-wrap[data-v-7c212959] {
    position: absolute;
    top: 6px;
    width: 100%
}

.tip-content .content-wrap .content[data-v-7c212959] {
    padding: 9px 28px;
    font-size: 12px
}

.tip-content .content-wrap .yb-icon-triangle[data-v-7c212959] {
    position: absolute;
    top: -5px;
    left: 17px
}

.newbie[data-v-7c212959] {
    cursor: pointer;
    padding: 1px 4px;
    color: var(--q-gb-t-c-27);
    border-radius: 2px;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid var(--q-gb-bd-c-8);
    margin: 0 2px 4px;
    white-space: nowrap;
    width: fit-content
}

.newbie-active[data-v-7c212959] {
    color: var(--q-gb-t-c-16);
    border: 1px solid var(--q-gb-t-c-16)
}

.pr-full-screen[data-v-7c212959] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px
}

.full-screen-icon[data-v-7c212959] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-size: 100% 100%
}

.pr-full-screen.theme-2.theme-2[data-v-7c212959] .icon-big:before {
    color: #fff !important
}

.icon-big[data-v-7c212959]:before {
    margin-top: 0 !important
}

.c-no-video[data-v-397d2341] {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    text-align: center
}

.no-video-inner[data-v-397d2341] {
    width: 100%;
    height: 95%;
    max-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.no-video-inner .top-wrap[data-v-397d2341] {
    padding-top: 15px
}

.no-video-inner .text1[data-v-397d2341] {
    font-size: 14px;
    color: var(--q-gb-t-c-28)
}

.no-video-inner .img-list[data-v-397d2341] {
    display: flex;
    width: 95%;
    max-width: 500px
}

.no-video-inner .img-list .item[data-v-397d2341] {
    flex: 1
}

.no-video-inner .img-list .img[data-v-397d2341] {
    width: 40px;
    height: 40px;
    margin: auto auto 5px
}

.no-video-inner .img-list .text[data-v-397d2341] {
    color: var(--q-gb-t-c-1);
    padding: 0 5px
}

.no-video-inner .img[data-v-397d2341] {
    background-size: 100% 100%
}

.no-video-inner .img1[data-v-397d2341] {
    width: 180px;
    height: 79px;
    margin: auto auto 6px
}

.video-type-ctr-wrap[data-v-c5db4acd] {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10
}

.video-type-ctr-wrap.is-video-page .video-type-but-flg[data-v-c5db4acd] {
    border: 1px solid #fff;
    border-radius: 4px;
    height: 20px;
    line-height: 16px;
    color: #fff;
    padding: 2px;
    right: 375px;
    margin-bottom: 12px;
    z-index: 9999
}

.video-type-ctr-wrap.is-video-page .video-type-but-flg.xl-video-but[data-v-c5db4acd] {
    right: 340px
}

.pip_mouseover[data-v-c5db4acd] {
    color: #fff;
    background-color: #000c;
    padding: 0 5px;
    height: 26px;
    line-height: 26px;
    pointer-events: none;
    z-index: 10000;
    white-space: nowrap;
    position: absolute;
    right: 68px;
    bottom: 50px
}

.full-screen-wrap[data-v-c5db4acd] {
    position: absolute;
    height: 50px;
    width: 20px;
    bottom: 0;
    right: 43px;
    display: flex;
    align-items: center
}

.full-screen-wrap.esports[data-v-c5db4acd] {
    height: 100px
}

.full-screen-wrap span[data-v-c5db4acd],
.full-screen-wrap i[data-v-c5db4acd] {
    cursor: pointer
}

.col_icon[data-v-c5db4acd] {
    z-index: 1
}

.xl-screen-wrap[data-v-c5db4acd] {
    position: absolute;
    height: 50px;
    width: 20px;
    bottom: 0;
    right: 10px;
    display: flex;
    color: #fff;
    align-items: center
}

.xl-screen-wrap i[data-v-c5db4acd] {
    cursor: pointer
}

.xl-screen-wrap .icon-small[data-v-c5db4acd]:before {
    color: #fff
}

@keyframes video-reload-btn-c5db4acd {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(3600deg)
    }
}

.video-refresh[data-v-c5db4acd] {
    position: absolute;
    height: 50px;
    width: 40px;
    bottom: 0;
    left: 0
}

.video-refresh .refresh-video[data-v-c5db4acd] {
    cursor: pointer;
    width: 16px;
    height: 16px;
    background-image: url(/image/svg/virtual-ref.svg);
    background-size: cover;
    z-index: 1
}

.video-refresh .refresh-video.is_rotate[data-v-c5db4acd] {
    animation: video-reload-btn-c5db4acd 5s linear 0s infinite normal
}

.video-refresh .refresh-video[data-v-c5db4acd]:before {
    color: #fff
}

.video-type-but-flg[data-v-c5db4acd] {
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 115px;
    color: #fff;
    text-align: center;
    min-width: 40px;
    white-space: nowrap;
    line-height: 50px;
    cursor: pointer
}

.type-list-bg[data-v-c5db4acd] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #0009;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99
}

.type-list-bg .close-btn[data-v-c5db4acd] {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 20px;
    right: 20px;
    cursor: pointer
}

.type-list-bg .video-type-but[data-v-c5db4acd] {
    height: 36px;
    line-height: 36px;
    text-align: center;
    min-width: 150px;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    cursor: pointer
}

.type-list-bg .video-type-but.video-type-but-action[data-v-c5db4acd] {
    color: #179cff;
    background-color: #000000b3
}

.icon-tips-show[data-v-c5db4acd] {
    position: fixed;
    right: 20px;
    bottom: 45px;
    color: #fff;
    background: #000c;
    padding: 4px 5px;
    border-radius: 0;
    transition: all .3s
}

.video-voice-mute[data-v-c5db4acd] {
    height: 50px;
    position: absolute;
    bottom: -8px;
    left: 15px;
    color: #fff;
    text-align: center;
    min-width: 40px;
    white-space: nowrap;
    line-height: 50px;
    cursor: pointer
}

.video-voice-mute .vioce_img[data-v-c5db4acd] {
    width: 24px;
    height: 24px
}

.icon-small[data-v-c5db4acd]:before {
    content: "";
    color: #fff
}

.slider-x[data-v-1f7a59c8] {
    display: flex;
    position: relative
}

.slider-x .arrow-left[data-v-1f7a59c8],
.slider-x .arrow-right[data-v-1f7a59c8] {
    background: #00000080;
    width: 50px;
    height: 50px;
    margin-top: -15px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    cursor: pointer;
    transition: all .2
}

.slider-x .arrow-left.disabled[data-v-1f7a59c8],
.slider-x .arrow-right.disabled[data-v-1f7a59c8] {
    opacity: .5
}

.slider-x .arrow-left[data-v-1f7a59c8] {
    left: 2px
}

.slider-x .arrow-right[data-v-1f7a59c8] {
    right: 2px;
    transform: rotate(180deg);
    transform-origin: center center
}

.slider-x .slider-content[data-v-1f7a59c8] {
    width: 91%;
    height: 100%;
    overflow-x: auto;
    display: flex;
    box-sizing: border-box
}

.slider-x .slider-content.center[data-v-1f7a59c8] {
    justify-content: center
}

.slider-x .slider-content[data-v-1f7a59c8]::-webkit-scrollbar {
    display: none
}

.slider-x .item-wrapper[data-v-1f7a59c8] {
    display: flex
}

.slider-x .item-wrapper.active[data-v-1f7a59c8],
.slider-x .item-wrapper[data-v-1f7a59c8]:hover {
    border: 1px solid var(--q-gb-bg-c-1) !important
}

.tabs-wrapper[data-v-d983a8cf] {
    display: flex;
    align-items: center;
    height: 30px;
    border-radius: 30px;
    color: var(--q-gb-t-c-1);
    background: #0006
}

.tabs-wrapper .item[data-v-d983a8cf] {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    font-size: 12px;
    z-index: 1;
    cursor: pointer;
    position: relative
}

.tabs-wrapper .item[data-v-d983a8cf]:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border: .5px solid rgba(255, 255, 255, .5);
    border-right: none
}

.tabs-wrapper .item[data-v-d983a8cf]:first-child:after {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px
}

.tabs-wrapper .item[data-v-d983a8cf]:last-child:after {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-right: .5px solid rgba(255, 255, 255, .5)
}

.tabs-wrapper .item.active[data-v-d983a8cf] {
    color: var(--q-gb-t-c-16)
}

.tabs-wrapper .item.active[data-v-d983a8cf]:after {
    border: 1px solid var(--q-gb-t-c-16)
}

.tabs-wrapper .item.active+.item[data-v-d983a8cf]:after {
    border-left: none
}

.tabs-wrapper .item.active-ol-pc[data-v-d983a8cf] {
    color: var(--q-gb-t-c-16)
}

.tabs-wrapper .item.active-ol-pc[data-v-d983a8cf]:after {
    border: .5px solid #B99200
}

.tabs-wrapper .item.active-ol-pc+.item[data-v-d983a8cf]:after {
    border-left: none
}

.video-loading[data-v-7e4ab3b2] {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center
}

.video-loading .img-loading[data-v-7e4ab3b2] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%
}

.video-loading .video-iframe[data-v-7e4ab3b2] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.loading-text[data-v-7e4ab3b2] {
    display: flex;
    justify-content: center
}

.c-match-video[data-v-d05efd8a] {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 190px;
    background-color: var(--q-gb-bg-c-13)
}

.c-match-video .head-info[data-v-d05efd8a] {
    height: 190px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center center
}

.c-match-video .video-not[data-v-d05efd8a] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.c-match-video .video-not .no-video-img[data-v-d05efd8a] {
    width: 48px;
    height: 48px;
    background-size: 100%;
    background-repeat: no-repeat
}

.c-match-video .video-not .label[data-v-d05efd8a] {
    font-size: 12px;
    margin-top: 7px
}

.c-match-video .video-not .no-handle-text[data-v-d05efd8a] {
    font-size: 14px;
    height: 50px;
    max-width: 91%
}

.c-match-video .video-not .pause-icon[data-v-d05efd8a] {
    width: 64px;
    height: 64px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100%
}

.c-match-video[data-v-d05efd8a] .c-match-date {
    margin: 0 auto
}

.c-match-video .video-replay-header[data-v-d05efd8a] {
    width: 100%;
    height: 36px;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 45px 0 10px;
    z-index: 12;
    pointer-events: none;
    background: var(--q-gb-bg-lg-11)
}

.c-match-video .video-replay-header .replay-info[data-v-d05efd8a] {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 15px;
    transform: translate(-50%)
}

.c-match-video .video-replay-header .replay-icon[data-v-d05efd8a] {
    width: 65px;
    height: 18px;
    background: url(/image/svg/replay_icon2.svg);
    background-size: 100% 100%
}

.c-match-video[data-v-d05efd8a] .video-history-btn {
    position: absolute;
    right: -80px;
    margin-right: 15px;
    bottom: 52px;
    z-index: 98;
    height: 24px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px 0 6px;
    color: #fff;
    font-size: 12px;
    align-items: center;
    background: #3336;
    border: .5px solid rgba(255, 255, 255, .5);
    border-radius: 80px;
    transition: right .4s ease-in-out;
    cursor: pointer
}

.c-match-video[data-v-d05efd8a] .video-history-btn:after {
    content: " ";
    position: absolute;
    height: 24px;
    width: 20px;
    left: 100%;
    display: block
}

.c-match-video[data-v-d05efd8a] .video-history-btn:hover {
    right: 0
}

.c-match-video[data-v-d05efd8a] .video-history-btn.move-up {
    bottom: 125px;
    transition: none;
    right: 0
}

.c-match-video[data-v-d05efd8a] .video-history-btn:hover {
    opacity: .9
}

.c-match-video[data-v-d05efd8a] .video-history-btn .video-history-icon {
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-image: url(/image/common/svg/video_history_play.svg);
    margin-right: 8px
}

.c-match-video[data-v-d05efd8a] .video-history-btn span {
    flex: 1
}

.c-match-video[data-v-d05efd8a] .slider-x {
    position: absolute;
    bottom: 65px;
    left: 0;
    width: 100%;
    height: 60px;
    padding-left: 0;
    color: var(--q-color-com-fs-color-8);
    display: none;
    z-index: 98
}

.c-match-video[data-v-d05efd8a] .slider-x .slider-content {
    padding-left: 8px
}

.c-match-video[data-v-d05efd8a] .slider-x.video-move-in {
    display: block;
    display: flex;
    justify-content: center
}

.c-match-video[data-v-d05efd8a] .slider-x .arrow-left,
.c-match-video[data-v-d05efd8a] .slider-x .arrow-right {
    width: 20px;
    height: 20px;
    margin-top: -10px
}

.c-match-video[data-v-d05efd8a] .slider-x .arrow-left img,
.c-match-video[data-v-d05efd8a] .slider-x .arrow-right img {
    height: 10px
}

.c-match-video[data-v-d05efd8a] .slider-x .item-wrapper {
    position: relative;
    width: 130px;
    height: 60px;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 8px;
    border-radius: 6px;
    border: 1px solid transparent;
    flex-shrink: 0
}

.c-match-video[data-v-d05efd8a] .slider-x .item-wrapper .video-history-item {
    border-radius: 6px;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer
}

.c-match-video[data-v-d05efd8a] .slider-x .item-wrapper .video-history-item .content {
    background: #3339;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 7px
}

.c-match-video[data-v-d05efd8a] .slider-x .item-wrapper .score {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

.c-match-video[data-v-d05efd8a] .slider-x .item-wrapper .event-team,
.c-match-video[data-v-d05efd8a] .slider-x .item-wrapper .event-name {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-match-video[data-v-d05efd8a] .slider-x .item-wrapper .event-team {
    margin: 4px 0 1px
}

.c-match-video[data-v-d05efd8a] .slider-x .item-wrapper .event-time {
    position: absolute;
    right: 7px;
    top: 7px;
    color: #fff9;
    font-size: 12px;
    line-height: 12px
}

.c-match-video[data-v-d05efd8a] .tabs-wrapper {
    position: absolute;
    bottom: 125px;
    left: 15px;
    z-index: 98;
    height: 20px;
    border-radius: 20px;
    color: #fff
}

.c-match-video[data-v-d05efd8a] .tabs-wrapper .item {
    height: 20px;
    line-height: 20px;
    padding: 0 10px
}

.novide-canplay[data-v-d05efd8a] .no-video-inner .img-list .item .text {
    color: var(--q-gb-t-c-28)
}

@media screen and (max-width: 1440px) {
    .content .c-match-process .process-name {
        width: 60px;
        margin: 0 auto
    }

    .content .c-match-date {
        min-width: 58px;
        padding: 0 !important
    }

    .right_details_wrap .content .timer-layout {
        max-width: 75px
    }

    .tip-content {
        width: 70%;
        max-height: 124px;
        overflow-y: scroll
    }

    .tip-content::-webkit-scrollbar {
        width: 4px;
        height: 4px
    }

    .tip-content::-webkit-scrollbar-thumb {
        background-color: #b6b3b3
    }

    .tip-content::-webkit-scrollbar-track {
        background-color: #f5f5f5
    }
}

@media screen and (max-width: 1920px) {
    .content .c-match-date {
        margin: 0 auto
    }
}

.animation_h .video-iframe,
.animation_w .video-iframe {
    aspect-ratio: 1.78 !important
}

.animation_w .video-iframe {
    height: 100% !important;
    width: auto !important;
    top: 0 !important;
    left: 50% !important;
    transform: translate(-50%)
}

.animation_h .video-iframe {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%)
}

.wrap-info[data-v-4486cd2a] {
    display: flex;
    align-items: center;
    height: 100%
}

.hot-item-wrap[data-v-1dac6b2a] {
    overflow: hidden
}

.info[data-v-1dac6b2a] {
    display: flex;
    margin-bottom: 5px;
    align-items: center
}

.info[data-v-1dac6b2a] .process-name .process_name {
    font-weight: 400
}

.info .info-botn[data-v-1dac6b2a] {
    display: flex;
    flex-shrink: 0;
    width: 120px;
    flex-flow: column;
    overflow: hidden
}

.info .info-botn .logo[data-v-1dac6b2a] {
    margin: 0 auto 14px
}

.info .info-botn .logo .img-wrap[data-v-1dac6b2a] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.info .info-botn .logo .img-wrap img[data-v-1dac6b2a] {
    max-width: 40px;
    max-height: 40px;
    width: 40px
}

.info .info-botn .logo .img-wrap.logo-double[data-v-1dac6b2a] {
    margin-left: -1px
}

.info .info-botn>div[data-v-1dac6b2a] {
    display: flex;
    justify-content: center
}

.info .info-score[data-v-1dac6b2a] {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    overflow: hidden;
    text-align: center;
    margin-left: 6px;
    flex-grow: 1;
    gap: 4px;
    cursor: pointer
}

.info .info-score .info-title[data-v-1dac6b2a] {
    display: flex;
    flex-flow: column;
    font-size: 14px;
    gap: 4px;
    color: var(--q-text-color-2-2-hot)
}

.info .info-score .info-title[data-v-1dac6b2a] .c-match-process {
    justify-content: center
}

.info .info-score .item[data-v-1dac6b2a] {
    margin-top: 10px;
    font-size: 18px
}

.info.iframe .info-botn[data-v-1dac6b2a] {
    width: 95px
}

.collect-icon[data-v-1dac6b2a] {
    width: 14px;
    height: 14px;
    font-size: 12px;
    background-size: 100% !important
}

.handicap[data-v-1dac6b2a] {
    display: flex;
    margin: 19px 0 10px;
    height: 40px
}

.handicap .handicap-item[data-v-1dac6b2a] {
    flex: 1;
    overflow: hidden;
    margin-right: 10px;
    background: #22262f;
    border-radius: 6px
}

.handicap .handicap-item[data-v-1dac6b2a]:last-child {
    margin-right: 0
}

.handicap .handicap-item[data-v-1dac6b2a] .c-bet-item {
    padding: 0 16px;
    box-sizing: border-box
}

.handicap .handicap-item[data-v-1dac6b2a] .c-bet-item.active .play-name,
.handicap .handicap-item[data-v-1dac6b2a] .c-bet-item.active .odds {
    color: var(--q-gb-t-c-18) !important
}

.handicap .handicap-item[data-v-1dac6b2a] .handicap-wrap {
    flex: 1;
    min-width: 1px
}

.handicap .handicap-item[data-v-1dac6b2a] .odds {
    justify-content: flex-end
}

.handicap .handicap-item .play-name-none[data-v-1dac6b2a] .handicap-wrap {
    flex: 0 1 auto;
    min-width: auto
}

.more-handel[data-v-1dac6b2a] {
    display: flex;
    justify-content: space-between
}

.more-handel div[data-v-1dac6b2a] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background: #22262f;
    cursor: pointer
}

.more-handel .wrap-icon[data-v-1dac6b2a] {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 6px
}

.more-handel .wrap-icon.hot[data-v-1dac6b2a] {
    margin-right: auto;
    margin-left: 10px
}

.more-handel .wrap-icon:hover.hot i[data-v-1dac6b2a] {
    color: #abbac8 !important
}

.more-handel .view-more[data-v-1dac6b2a] {
    flex: 1;
    margin-right: 0
}

.more-handel .view-more.full[data-v-1dac6b2a] {
    width: 423px
}

.empty_handcip[data-v-1dac6b2a] {
    color: var(--q-gb-t-c-3);
    border-radius: 4px;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background: var(--q-gb-bg-c-31)
}

.small-img[data-v-1dac6b2a] {
    width: 45px !important;
    height: 45px !important
}

.w-110[data-v-1dac6b2a] {
    width: 110px;
    display: inline-block
}

.item-title[data-v-e7950936] {
    display: flex;
    align-items: center;
    height: 32px;
    font-size: 13px;
    font-weight: 500
}

.item-title span[data-v-e7950936] {
    color: var(--q-gb-t-c-3)
}

.item-title .hot-title[data-v-e7950936]:before {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 8px;
    width: 3px;
    height: 14px;
    border-radius: 0 4px 4px 0;
    content: ""
}

.carousel[data-v-e7950936] .q-carousel {
    padding: 30px 36px 40px
}

.carousel.iframe[data-v-e7950936] .q-carousel {
    padding: 30px 31px 40px
}

.carousel[data-v-e7950936] {
    background: var(--q-gb-bg-c-22) !important
}

.carousel[data-v-e7950936] .q-carousel {
    height: auto;
    background: var(--q-gb-bg-c-13)
}

.carousel[data-v-e7950936] .q-carousel .scroll {
    overflow: unset
}

.carousel[data-v-e7950936] .q-carousel .q-carousel__slide {
    padding: 0
}

.carousel .info[data-v-e7950936] {
    display: flex;
    margin-bottom: 5px
}

.carousel .info .info-botn[data-v-e7950936] {
    display: flex;
    flex: 1;
    flex-flow: column;
    overflow: hidden
}

.carousel .info .info-botn .logo[data-v-e7950936] {
    margin: 0 auto 14px
}

.carousel .info .info-botn .logo .img-wrap[data-v-e7950936] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.carousel .info .info-botn .logo .img-wrap img[data-v-e7950936] {
    max-width: 40px;
    max-height: 40px;
    width: 40px
}

.carousel .info .info-botn .logo .img-wrap.logo-double[data-v-e7950936] {
    margin-left: -8px
}

.carousel .info .info-botn>div[data-v-e7950936] {
    display: flex;
    justify-content: center
}

.carousel .info .info-score[data-v-e7950936] {
    display: flex;
    flex: 1;
    flex-flow: column;
    justify-content: space-between;
    overflow: hidden;
    text-align: center
}

.carousel .info .info-score .info-title[data-v-e7950936] {
    display: flex;
    flex-flow: column;
    font-size: 14px
}

.carousel .info .info-score .info-title .title[data-v-e7950936] {
    margin-bottom: 2px
}

.carousel .info .info-score .info-title[data-v-e7950936] .c-match-process {
    justify-content: center
}

.carousel .info .info-score .item[data-v-e7950936] {
    margin-top: 10px;
    font-size: 18px
}

.carousel .handicap[data-v-e7950936] {
    display: flex;
    margin: 19px 0 10px;
    height: 40px
}

.carousel .handicap .handicap-item[data-v-e7950936] {
    flex: 1;
    overflow: hidden;
    margin-right: 10px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: #22262f;
    border-radius: 6px
}

.carousel .handicap .handicap-item[data-v-e7950936]:last-child {
    margin-right: 0
}

.carousel .handicap .handicap-item[data-v-e7950936] .c-bet-item {
    padding: 0 16px;
    box-sizing: border-box
}

.carousel .handicap .handicap-item[data-v-e7950936] .c-bet-item.active .play-name,
.carousel .handicap .handicap-item[data-v-e7950936] .c-bet-item.active .odds {
    color: var(--q-gb-t-c-18) !important
}

.carousel .handicap .handicap-item[data-v-e7950936] .handicap-wrap {
    flex: 1;
    min-width: 1px
}

.carousel .handicap .handicap-item[data-v-e7950936] .odds {
    justify-content: flex-end
}

.carousel .handicap .os-1[data-v-e7950936]:hover {
    border: 1px solid #666b7d
}

.carousel .more-handel[data-v-e7950936] {
    display: flex;
    justify-content: space-between
}

.carousel .more-handel div[data-v-e7950936] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 2px;
    background: #22262f;
    cursor: pointer
}

.carousel .more-handel .wrap-icon[data-v-e7950936] {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 6px
}

.carousel .more-handel .wrap-icon.hot[data-v-e7950936] {
    margin-right: auto;
    margin-left: 10px
}

.carousel .more-handel .wrap-icon[data-v-e7950936]:hover {
    border: 1px solid var(--q-gb-bd-c-8)
}

.carousel .more-handel .wrap-icon:hover.hot i[data-v-e7950936] {
    color: #abbac8 !important
}

.carousel .more-handel .view-more[data-v-e7950936] {
    flex: 1;
    margin-right: 0;
    border: 1px solid rgba(255, 255, 255, .1)
}

.carousel .more-handel .view-more.full[data-v-e7950936] {
    width: 423px
}

.carousel .more-handel .view-more[data-v-e7950936]:hover {
    border: 1px solid var(--q-gb-bd-c-8)
}

.carousel .control[data-v-e7950936] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px
}

.carousel .control .btn[data-v-e7950936] {
    min-width: 16px;
    height: 16px;
    cursor: pointer;
    margin-right: 10px
}

.carousel .control .btn.right[data-v-e7950936] {
    transform: rotate(180deg)
}

.carousel .control .control-item[data-v-e7950936] {
    margin-right: 10px;
    width: 12px;
    height: 6px;
    border-radius: 4px;
    background: #272a33;
    cursor: pointer
}

.carousel .control .control-item[data-v-e7950936]:last-child {
    margin-right: 0
}

.carousel .control .active[data-v-e7950936] {
    width: 40px
}

.carousel .control-icon[data-v-e7950936] {
    width: 12px;
    height: 6px;
    border-radius: 4px;
    background: var(--q-gb-bd-c-8);
    cursor: pointer
}

.carousel .control-icon.active[data-v-e7950936] {
    width: 40px;
    background: var(--q-gb-t-c-16)
}

.carousel .control-item[data-v-e7950936] {
    background: var(--q-gb-bg-c-31);
    width: 24px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 0 8px 8px 0;
    color: var(--q-gb-t-c-16)
}

.carousel .control-item.control-right[data-v-e7950936] {
    transform: rotate(180deg)
}

.carousel[data-v-e7950936] .date-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-content: space-between;
    align-items: center
}

.carousel[data-v-e7950936] .date-wrap .timer-layout2 {
    width: 100%
}

.icon-star.active[data-v-e7950936]:before {
    color: #ff7000 !important
}

.wrap-hot[data-v-e7950936] {
    border-radius: 6px;
    border: 2px solid var(--q-gb-bd-c-13)
}

.wrap-hot[data-v-e7950936] .control-item-wrap {
    display: flex;
    align-items: center
}

.wrap-hot[data-v-e7950936] .control-item-wrap.absolute-left {
    left: 0 !important;
    margin-left: 0 !important
}

.wrap-hot[data-v-e7950936] .control-item-wrap.absolute-right {
    right: 0 !important;
    margin-right: 0 !important
}

.wrap-hot[data-v-e7950936] .q-carousel__navigation {
    padding-bottom: 4px
}

.wrap-hot[data-v-e7950936] .q-carousel__navigation::-webkit-scrollbar {
    height: 4px
}

.wrap-hot[data-v-e7950936] .q-carousel__navigation .q-carousel__navigation-inner {
    column-gap: 6px
}

.wrap-hot[data-v-e7950936] .q-carousel__navigation .q-carousel__navigation-inner .control-icon {
    width: 10px;
    height: 6px
}

.wrap-hot[data-v-e7950936] .q-carousel__navigation .q-carousel__navigation-inner .control-icon.active {
    width: 20px
}

.wrap-hot[data-v-e7950936] .has_dov_odd .dov-icon {
    width: 22px;
    height: 22px;
    top: -9px
}

.new-pc-2025 .btn_hot_bg[data-v-e7950936] {
    background: var(--q-bg-color-2-2);
    width: 16px;
    height: 16px !important;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center
}

.new-pc-2025 .btn_hot_bg .btn_arrow_left[data-v-e7950936],
.new-pc-2025 .btn_hot_bg .btn_arrow_right[data-v-e7950936] {
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    transform: rotate(-90deg)
}

.right-card[data-v-b24e5997] {
    margin-top: 4px;
    position: relative;
    z-index: 10;
    margin-bottom: 4px;
    overflow: hidden;
    min-height: 120px;
    color: var(--q-gb-t-c-1);
    background-color: var(--q-gb-bg-c-22);
    border: 2px solid var(--q-gb-bd-c-13);
    border-radius: 6px
}

.right-card .card-title[data-v-b24e5997] {
    background: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    color: var(--q-gb-t-c-3);
    display: flex;
    align-items: center;
    height: 32px;
    font-size: 13px
}

.right-card .card-title-line[data-v-b24e5997] {
    background: var(--q-gb-bg-c-1);
    width: 3px;
    height: 14px;
    margin-right: 8px;
    border-radius: 0 4px 4px 0
}

.right-card .card-body[data-v-b24e5997] {
    min-height: 200px;
    background: var(--q-gb-bg-c-13)
}

.handicap-item[data-v-305d89fc] {
    position: relative
}

.handicap-item .dov-icon[data-v-305d89fc] {
    height: 1.1vw;
    position: absolute;
    right: -2px;
    top: -6px
}

.title[data-v-305d89fc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    height: 36px;
    border-top: 1px solid var(--q-gb-bd-c-8);
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    background: #1f222b80
}

.title.border-top-0[data-v-305d89fc] {
    border-top: 0
}

.title .wrap-img[data-v-305d89fc] {
    display: flex;
    align-items: center;
    flex: 1;
    width: 0
}

.title .wrap-img img[data-v-305d89fc] {
    margin-right: 10px;
    width: 18px;
    height: 18px
}

.title .wrap-img>span[data-v-305d89fc] {
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis
}

.title[data-v-305d89fc] .c-match-process {
    column-gap: 10px;
    justify-content: flex-end
}

.title[data-v-305d89fc] .c-match-process .time-content {
    column-gap: 7px;
    justify-content: flex-end;
    text-align: right
}

.title[data-v-305d89fc] .c-match-process .no-start {
    line-height: 1.2
}

.title[data-v-305d89fc] .c-match-process .process-name .process_name {
    min-width: auto;
    text-align: right
}

.title[data-v-305d89fc] .c-match-process .c-match-date {
    padding: 0;
    margin: 0;
    column-gap: 5px;
    text-align: right
}

.title[data-v-305d89fc] .c-match-process .c-match-date span {
    padding-left: 0
}

.info[data-v-305d89fc] {
    display: flex;
    align-items: center;
    padding: 15px 10px 15px 20px;
    height: 80px
}

.info .both-wrap[data-v-305d89fc] {
    width: 40%;
    flex-shrink: 0
}

.info .both[data-v-305d89fc] {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    margin-right: 10px;
    height: 50px;
    cursor: pointer
}

.info .both .both-item[data-v-305d89fc] {
    display: flex;
    align-items: center
}

.info .both .both-item img[data-v-305d89fc] {
    width: 20px;
    height: 20px
}

.info .both .both-item img.logo-double[data-v-305d89fc] {
    margin-left: -5px
}

.info .both .both-item .both-title[data-v-305d89fc] {
    flex: 1;
    margin: 0 5px;
    line-height: 16px;
    color: var(--q-gb-t-c-3)
}

.info .both .both-item .score[data-v-305d89fc] {
    color: var(--q-gb-t-c-16);
    min-width: 20px;
    flex-shrink: 0
}

.info .both .both-item .both-home[data-v-305d89fc] {
    color: var(--q-gb-t-c-3) !important;
    padding: 0 !important
}

.info .handicap[data-v-305d89fc] {
    display: flex;
    column-gap: 6px;
    width: 60%
}

.info .handicap .c-bet-item[data-v-305d89fc] {
    padding-left: 8px;
    padding-right: 8px
}

.info .handicap .item[data-v-305d89fc] {
    flex: 1;
    height: 50px !important;
    cursor: pointer;
    min-width: 0
}

.info .handicap .item .play-name[data-v-305d89fc] {
    text-align: center
}

.info .handicap .item.os-1 .c-bet-item.active .play-name[data-v-305d89fc] {
    color: var(--q-gb-t-c-1)
}

.info .handicap .item[data-v-305d89fc]:last-child {
    margin-right: 0
}

.info .handicap .item[data-v-305d89fc] .c-bet-item {
    height: 48px !important
}

.info .handicap .item[data-v-305d89fc] .c-bet-item .bet-inner {
    flex-flow: column
}

.info .handicap .item[data-v-305d89fc] .c-bet-item .bet-inner .handicap-wrap {
    width: 100%;
    line-height: normal
}

.info .handicap .item[data-v-305d89fc] .c-bet-item .bet-inner .odds {
    margin: 0;
    height: auto;
    line-height: 20px
}

.info .handicap .item[data-v-305d89fc] .c-bet-item .bet-inner .odds .yb-family-odds {
    line-height: 20px
}

.info .handicap .item[data-v-305d89fc] .c-bet-item .bet-inner .odds .icon-lock {
    margin: 0
}

.info .handicap .item[data-v-305d89fc] .c-bet-item.active .play-name,
.info .handicap .item[data-v-305d89fc] .c-bet-item.active .odds {
    color: var(--q-gb-t-c-18) !important
}

.empty_handcip[data-v-305d89fc] {
    color: var(--q-gb-t-c-3);
    border-radius: 4px;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background: var(--q-gb-bg-c-31)
}

.add-score[data-v-305d89fc] {
    color: var(--q-gb-t-c-3);
    margin-left: 12px
}

.new-pc-202411 .handicap-item[data-v-305d89fc] {
    background: none !important
}

[data-v-305d89fc] .c-bet-item {
    background: var(--q-gb-bg-c-31)
}

[data-v-305d89fc] .c-bet-item:hover {
    background: var(--q-gb-bg-c-63)
}

.new-pc-2025 .info .handicap .item .c-bet-item.active.has_dov_odd .play-name[data-v-305d89fc] {
    color: var(--q-Handicap-click-text-color) !important
}

.item-title[data-v-bfacd3dd] {
    display: flex;
    align-items: center;
    height: 32px;
    font-size: 13px
}

.item-title .recents-tilte[data-v-bfacd3dd]:before {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 8px;
    width: 3px;
    height: 14px;
    border-radius: 0 4px 4px 0;
    content: ""
}

[data-v-bfacd3dd] .c-match-date {
    display: flex;
    margin-right: 8px
}

[data-v-bfacd3dd] .c-match-date span {
    padding-left: 8px
}

[data-v-bfacd3dd] .c-match-date span.timer-layout2 {
    width: 100%
}

.common-money-content {
    max-width: 180px;
    line-height: 1.5;
    font-size: 12px
}

.v-scroll-area-1 .q-scrollarea__content.absolute[data-v-47933614] {
    width: 214px
}

.v-scroll-area-1 .content-wrap[data-v-47933614] {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100vh
}

.v-scroll-area-1 .content-wrap.single-bet[data-v-47933614] {
    max-height: 70vh !important
}

.v-scroll-area-1 .content-wrap .scroll-header[data-v-47933614] {
    width: 100%
}

.v-scroll-area-1 .content-wrap .bet-flot-conent[data-v-47933614] {
    margin-bottom: 10px;
    margin-top: 44px;
    width: 100%;
    overflow: hidden;
    flex: 1
}

.v-scroll-area-1 .content-wrap .scroll-inner-wrap .loading-wrap[data-v-47933614] {
    padding-top: 100px
}

.v-scroll-area-1 .content-wrap .scroll-footer[data-v-47933614] {
    position: static;
    width: 100%;
    z-index: 100;
    margin-bottom: 8px
}

.v-scroll-area-1 .content-wrap .scroll-footer .bet-menu-wrap[data-v-47933614] {
    padding-bottom: 0
}

.v-scroll-area-1 .v-scrollarea .q-scrollarea__bar[data-v-47933614] {
    display: none
}

.v-scroll-area-1 .q-scrollarea__content[data-v-47933614] {
    width: 100%;
    border-radius: 0 6px 0 0
}

.vdr-container.active[data-v-47933614] {
    border-color: transparent !important;
    border: none !important
}

.vdr-container.draggable .scroll-footer[data-v-47933614] {
    margin-bottom: 0 !important
}

.vdr-container.draggable .scroll-footer[data-v-47933614] .bet-menu-wrap .bet-error-tip {
    width: auto !important;
    margin-right: 20px
}

.vdr-container.draggable .scroll-footer[data-v-47933614] .bet-menu-wrap .bottom-checkboxs {
    display: flex;
    padding-bottom: 10px
}

.vdr-container.draggable .scroll-footer[data-v-47933614] .bet-menu-wrap .bet-one-click {
    padding-bottom: 20px
}

.vdr-container.draggable .scroll-footer[data-v-47933614] .bet-menu-wrap .bet-one-click .bet-oc-amount .input-number.mt5 {
    flex-basis: 100%
}

.vdr-container.draggable .v-scroll-area-1[data-v-47933614] {
    border-bottom: 2px solid var(--q-bet-box-32)
}

.vdr-container.draggable .v-scroll-area-1[data-v-47933614] #middle-content .bet-box-content .bet-scroll .bet-multiple-input.background-color-bet-box .right-input .bet-input.bet-mul-input {
    width: 245px !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .f-c-c {
    display: flex;
    justify-content: center;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .f-b-s {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .f-b-c {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .f-b-e {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .f-s-s {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .f-s-c {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .f-s-e {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .f-e-s {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .f-e-c {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .f-e-e {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-s-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-s-s {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-s-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-s-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-end
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-c-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-c-s {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-c-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-c-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-end
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-e-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-e-s {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-start
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-e-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-e-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .fw-c-e-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: end;
    flex-direction: column
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bor-b {
    border-bottom: 1px solid var(--q-gb-bd-c-6)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .w-100 {
    width: 100%
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .w-90 {
    width: 90%
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .w-80 {
    width: 80%
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .w-50 {
    width: 50%
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .w-25 {
    width: 25%
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .w-20 {
    width: 20%
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .h12 {
    height: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .h15 {
    height: 15px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .h40 {
    height: 40px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .h44 {
    height: 44px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .h52 {
    height: 52px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .font12 {
    font-size: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .font13 {
    font-size: 13px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .font14 {
    font-size: 14px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .font15 {
    font-size: 15px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .font16 {
    font-size: 16px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .font300 {
    font-weight: 300
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .font400 {
    font-weight: 400
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .font500 {
    font-weight: 500
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .font600 {
    font-weight: 600
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .font700 {
    font-weight: 700
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .text-white {
    color: var(--q-gb-t-c-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .text-ff7 {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .text-009 {
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .text-1a1 {
    color: var(--q-gb-t-c-5)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .text-8a8 {
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .text-qbb11 {
    color: var(--q-bet-box-11)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .cursor {
    cursor: pointer
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .px-12 {
    padding-left: 12px;
    padding-right: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .pl-15 {
    padding-left: 15px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .pl-18 {
    padding-left: 18px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .pl-30 {
    padding-left: 30px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .pr-20 {
    padding-right: 20px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .mx-4 {
    margin-left: 4px;
    margin-right: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .mx-6 {
    margin-left: 6px;
    margin-right: 6px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .my-4 {
    margin-top: 4px;
    margin-bottom: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .mt-4 {
    margin-top: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .mt-8 {
    margin-top: 8px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .mr-4 {
    margin-right: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .mr-10 {
    margin-right: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .ml-4 {
    margin-left: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .ml-16 {
    margin-left: 16px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .re {
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container ul {
    margin: 0;
    padding: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container li {
    list-style: none
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-count {
    width: .2rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    display: inline-block;
    background-size: 100% 100%;
    --per: -.3rem
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .team {
    width: 1.9rem;
    margin-right: .12rem
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container div[class *=virtual-num] {
    border-radius: 2px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-1 {
    background-position-y: calc(var(--per) * 6)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-1.csid-1009 {
    background-position-y: calc(var(--per) * 14)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-2 {
    background-position-y: calc(var(--per) * 7)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-2.csid-1002 {
    background-position-y: calc(var(--per) * 1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-2.csid-1009 {
    background-position-y: calc(var(--per) * 15)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-2.csid-1010 {
    background-position-y: calc(var(--per) * 1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-3 {
    background-position-y: calc(var(--per) * 8)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-3.csid-1002,
.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-3.csid1010 {
    background-position-y: calc(var(--per) * 2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-3.csid1009 {
    background-position-y: calc(var(--per) * 16)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-4 {
    background-position-y: calc(var(--per) * 9)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-4.csid-1002,
.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-4.csid1010 {
    background-position-y: calc(var(--per) * 3)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-4.csid1009 {
    background-position-y: calc(var(--per) * 17)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-5 {
    background-position-y: calc(var(--per) * 10)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-5.csid-1002,
.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-5.csid1010 {
    background-position-y: calc(var(--per) * 4)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-6 {
    background-position-y: calc(var(--per) * 11)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-6.csid-1002 {
    background-position-y: calc(var(--per) * 5)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .virtual-num-6.csid1010 {
    background-position-y: calc(var(--per) * 10)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container :deep(.q-scrollarea__container) {
    background: var(--q-gb-bg-c-30) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-list-info {
    height: 100%;
    border-radius: 16px 16px 0 0 !important;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-box-info {
    min-height: 55px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-dropdown-special {
    background-color: var(--q-bet-box-5);
    border-radius: 0 0 6px 6px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-scroll,
.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-scroll-2 {
    padding: 3px 3px 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-scroll-series,
.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-scroll-merge {
    padding: 3px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-box-content {
    border-top: none;
    width: 100%;
    position: relative;
    z-index: 88
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-box-content :deep(.q-scrollarea__thumb) {
    display: none
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .enter_hide {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    opacity: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .switch-single {
    width: 36px;
    height: 18px;
    border-radius: 18px;
    border: 1px solid var(--q-gb-bd-c-5);
    position: relative;
    transition: .3s
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .switch-single.arrow-single {
    border: 1px solid var(--q-gb-bd-c-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .switch-single.arrow-single span {
    left: 18px;
    background: var(--q-gb-bg-c-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .switch-single span {
    width: 14px;
    height: 14px;
    top: 1px;
    left: 2px;
    border-radius: 50%;
    position: absolute;
    background: var(--q-gb-bg-c-19);
    transition: .3s
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .merge-checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid var(--q-bet-box-36);
    display: inline-block;
    border-radius: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .icon-arrow-merge {
    background: var(--q-gb-bg-c-1);
    width: 16px;
    height: 16px;
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    color: var(--q-gb-t-c-1);
    transition: .3s;
    transform: rotate(180deg)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .icon-arrow-merge.arrow {
    transform: rotate(0)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .icon-arrow-merge:before {
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .show_single {
    position: absolute;
    background: var(--q-gb-bg-c-4);
    box-shadow: 0 0 12px #00000040;
    padding: 0 16px;
    width: 160px;
    top: 30px;
    right: 0;
    z-index: 111
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .show_single .bet-li {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    border-bottom: 1px solid var(--q-gb-bd-c-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .show_single .bet-li.active {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-text {
    color: var(--q-bet-box-36);
    display: flex;
    align-items: center;
    justify-content: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-text .bet-new-merge {
    color: var(--q-gb-t-c-10)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-handle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-new-title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-t-c-8);
    -webkit-user-select: text;
    user-select: text
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-new-circle {
    width: 18px;
    height: 18px;
    background-color: var(--q-gb-bg-c-1);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-t-c-18);
    margin-left: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-new-merge {
    margin-left: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet_tip {
    margin-left: 5px;
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet_tip:before {
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet_tip>.bet-tip-ct {
    display: none;
    position: absolute;
    border-radius: 5px;
    width: 200px;
    right: 0;
    top: 20px;
    padding: 10px;
    background: var(--q-bet-box-18);
    font-size: 10px;
    color: #fff;
    z-index: 1000
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet_tip:hover>.bet-tip-ct {
    display: block
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-tip-ct {
    padding: 2px 4px;
    width: 160px;
    line-height: 16px;
    word-break: break-all;
    background: var(--q-bet-box-18);
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .icon-arrow-merge:before {
    position: absolute;
    content: "";
    left: 4px;
    width: 9px;
    height: 6px;
    top: 6px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(-46deg) !important;
    border-color: var(--q-gb-t-c-28)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .input-car-border {
    margin: 5px 0 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-full-box .q-scrollarea__thumb {
    background-color: #555
}

.bet-new-pc-2025 .new-style-full-screen-pc-again-bet-btn-container .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px
}

.bet-new-pc-2025 .new-style-full-screen-pc-again-bet-btn-container .cancel-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #555;
    color: var(--q-bet-box-40);
    background-color: var(--q-bet-box-10);
    box-shadow: 0 2px 2px #0038621a;
    width: 76px;
    height: 32px;
    border-radius: 16px
}

.bet-new-pc-2025 .new-style-full-screen-pc-again-bet-btn-container .confirm-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--q-bet-box-41);
    background: var(--q-bet-box-42);
    box-shadow: 0 2px 2px #0038621a;
    width: 108px;
    height: 32px;
    border-radius: 16px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-btn-container .bet-merge-style .bet-delete-all {
    border-radius: 5px !important;
    border: .5px solid #179CFF;
    color: #179cff !important;
    background: none !important;
    height: 28px !important;
    line-height: 28px !important;
    width: 140px !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-btn-container .bet-merge-style .bet-submit {
    border-radius: 5px !important;
    height: 28px !important;
    line-height: 28px !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-btn-container .bet-btn-wrap {
    padding: 0 16px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    height: 40px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-btn-container .bet-btn-wrap .new-reserved {
    color: #1d1d1d !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-btn-container .bet-submit {
    width: 216px !important;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: var(--q-gb-t-c-18);
    text-align: center;
    font-weight: 600;
    border-radius: 36px;
    background: var(--q-gb-bg-c-17)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-btn-container .bet-submit.bet-expired {
    background: var(--q-gb-bg-c-10);
    border-radius: 36px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-btn-container .bet-submit.disabled {
    background: #ffffff0a;
    color: #ffffff4d;
    pointer-events: none
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-btn-container .bet-submit.accept {
    background: var(--q-bet-box-29)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-btn-container .bet-delete-all {
    border: solid 1px var(--q-gb-bg-c-1) !important;
    color: var(--q-gb-t-c-6);
    width: 140px !important;
    margin-top: 0;
    text-align: center;
    line-height: 35px;
    font-weight: 400;
    font-size: 14px;
    box-sizing: border-box;
    height: 35px;
    background: var(--q-bet-box-10);
    box-shadow: 0 2px 2px #1851821f;
    border-radius: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-footer-check {
    margin-bottom: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .disable-bottom {
    margin-bottom: -5px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .disable-bottom:after {
    height: 5px;
    bottom: -5px;
    position: absolute;
    background: var(--q-bet-box-13)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .check-box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer;
    padding: 3px 10px;
    color: var(--q-gb-t-c-10)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .check-box .check-wrap {
    padding: 0;
    margin-right: 5px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-amount {
    display: flex;
    margin-top: 6px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-amount .bet-oc-check {
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-amount .bet-oc-check .check-box {
    padding: 0 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-amount .bet-oc-check .check-box .check-wrap {
    width: 18px;
    height: 18px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-amount .bet-oc-check .check-box .check-wrap.active:before {
    left: 4px;
    width: 10px;
    height: 6px;
    top: 4px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(135deg);
    border-color: var(--q-bet-box-34)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-amount .input-number {
    display: flex;
    width: 116px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-amount .input-number .sub-number {
    font-size: 12px;
    color: var(--q-gb-bg-c-57);
    text-align: center;
    width: 24px;
    height: 22px;
    line-height: 22px;
    margin-left: 6px;
    background: var(--q-gb-bg-c-26);
    border-radius: 4px 0 0 4px;
    border-right: 0;
    cursor: pointer
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-amount .input-number .sub-number.disabled {
    background: var(--q-bet-box-16);
    pointer-events: none;
    cursor: not-allowed
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-amount .input-number input {
    color: var(--q-gb-t-c-2) !important;
    border-radius: 0;
    border: 1px solid var(--q-gb-bg-c-26);
    border-left: 0;
    border-right: 0;
    width: 100%;
    height: 22px;
    text-align: center;
    outline: none;
    font-weight: 700
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-amount .input-number .add-number {
    font-size: 12px;
    color: var(--q-gb-bg-c-57);
    text-align: center;
    width: 24px;
    height: 22px;
    line-height: 22px;
    background: var(--q-gb-bg-c-26);
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    border-left: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-amount .input-number .add-number.disabled {
    background: var(--q-bet-box-16);
    pointer-events: none;
    cursor: not-allowed
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .check-wrap {
    width: 14px;
    min-width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid var(--q-bet-box-36);
    margin-right: 10px;
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .check-wrap.active {
    border: none;
    background: var(--q-gb-bg-c-1);
    color: var(--q-gb-t-c-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .check-wrap.active:before {
    position: absolute;
    content: "";
    left: 4px;
    width: 6px;
    height: 4px;
    top: 4px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(135deg);
    border-color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-one-click {
    display: flex;
    justify-content: space-between;
    padding: 0 15px 6px 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-btn {
    display: flex;
    align-items: center;
    border-radius: 28px;
    margin-top: 6px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-btn .bet-oc-switch .bet-series-switch {
    position: relative;
    display: flex;
    min-width: 36px;
    height: 18px;
    border-radius: 18px;
    margin-left: 4px;
    margin-right: 5px;
    transition: .3s;
    background: var(--q-bet-box-13);
    border: .5px solid var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-btn .bet-oc-switch .bet-series-switch.actions {
    background: var(--q-gb-bg-c-1);
    border: .5px solid var(--q-gb-bg-c-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-btn .bet-oc-switch .bet-series-switch .bet-series-ok {
    width: 14px;
    height: 14px;
    position: absolute;
    background: var(--q-bet-box-15);
    border-radius: 50%;
    top: 1px;
    left: 2px;
    transition: .3s
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-btn .bet-oc-switch .bet-series-switch .bet-series-ok.actions {
    background: var(--q-bet-box-3);
    left: 19px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-oc-btn .bet-oc-text {
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .positon-top .menu {
    bottom: 76px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bottom-bet-prefer {
    padding: 3px 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bottom-bet-prefer .content {
    color: var(--q-gb-t-c-10);
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bottom-bet-prefer .content .title {
    display: inline-flex;
    align-items: center;
    height: 28px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bottom-bet-prefer .content .title .b-icon-arrow {
    width: 7px;
    height: 7px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--q-gb-t-c-24);
    transform: rotate(135deg);
    margin-left: 6px;
    margin-top: -6px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bottom-bet-prefer .content .title .b-icon-arrow-show {
    margin-top: 0;
    transform: rotate(-45deg)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bottom-bet-prefer .content .menu {
    background-color: #3d3e43;
    box-shadow: inset 0 3px 4px #24272f;
    width: 196px;
    position: absolute;
    z-index: 9;
    border-radius: 6px;
    padding: 4px 0;
    bottom: 30px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bottom-bet-prefer .content .menu .menu-item {
    height: 32px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bottom-bet-prefer .content .menu .menu-item:hover {
    background-color: #1c1e24
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-full-screen-one-click {
    display: flex;
    justify-content: space-between;
    padding-right: 15px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-full-screen-one-click .input-number {
    display: flex;
    width: 146px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-full-screen-one-click .input-number .sub-number {
    background: var(--q-gb-bg-c-33)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-full-screen-one-click .input-number input {
    background-color: #ffffff0a !important;
    border: 1px solid var(--q-gb-bg-c-2);
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet-full-screen-one-click .input-number .add-number {
    background: var(--q-gb-bg-c-33)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .common-mony {
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .common-mony .common-money-icon {
    display: inline-block;
    margin-left: 8px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .common-mony .common-money-icon:before {
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet_tip {
    margin-left: 8px;
    position: relative;
    cursor: pointer
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet_tip:before {
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bet_tip .bet-tip-ct {
    display: none;
    position: absolute;
    border-radius: 5px;
    width: 200px;
    left: 0;
    bottom: 20px;
    top: unset;
    padding: 10px;
    background: var(--q-bet-box-18);
    font-size: 10px;
    color: #fff;
    z-index: 1000
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap {
    position: relative;
    border-right: none;
    padding-bottom: 20px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .bet-total-hr {
    height: .5px;
    border: 0;
    margin-top: -10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .bet-error-tip {
    height: 30px;
    background: #e93d3d26;
    border-radius: 6px;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
    color: #e93d3d;
    margin: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .bet-error-tip .close-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    position: relative;
    cursor: pointer;
    top: 23%;
    left: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .bet-error-tip .close-icon:before,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .bet-error-tip .close-icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: red
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .bet-error-tip .close-icon:before {
    transform: rotate(45deg)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .bet-error-tip .close-icon:after {
    transform: rotate(-45deg)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .bet-total-wrap {
    padding: 4px 0 0;
    margin-bottom: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .bet-total {
    line-height: 1;
    padding: 0 10px 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .bet-total .bet-total-left {
    font-size: 12px;
    color: var(--q-gb-bg-c-2);
    text-align: left
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .bet-total .bet-total-right {
    font-size: 14px;
    text-align: center;
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .bet-total .bet-gold-text {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-container .bet-menu-wrap .success-tip {
    background: #50c04226;
    color: #50c042;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    margin: 0 4px;
    width: 202px;
    position: relative;
    left: calc(50% - 105px);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-bet-money {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: left;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-bet-money .bet-money-li {
    width: 31%;
    height: 26px;
    background: var(--q-bet-box-7);
    color: var(--q-bet-box-1);
    border-radius: 2px;
    transition: .3s;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-bet-money .bet-money-li:hover {
    background: var(--q-bet-box-2);
    color: var(--q-bet-box-3)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-bet-money .bet-money-li.disabled {
    pointer-events: none
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-bet-money .bet-money-li:nth-child(3n) {
    margin-right: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-money .bet-input-info {
    height: 44px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-money .bet-input-info .input-border {
    position: relative;
    width: 100%
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-money .bet-input-info .warn input {
    border-color: red !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-money .bet-input-info .del_btn_money_box {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 10px;
    right: 8px;
    background-size: 100%
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-money .bet-input-info .del_btn_money {
    position: absolute;
    top: 10px;
    right: 28px;
    width: 11px;
    height: 11px;
    background-color: #cbced8;
    border-radius: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-money .bet-input-info .del_btn_money:before {
    margin-bottom: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-money .bet-input-info .bet-new-text {
    position: absolute;
    top: 9px;
    right: 8px;
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-money .text-8A8986-i {
    color: var(--q-bet-box-1) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-money .text-8A8986-i.font400.mr-10 {
    color: var(--q-gb-t-c-41) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-input-focus {
    position: relative;
    background: var(--q-gb-bg-c-18);
    transition: .3s
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-input {
    width: 100%;
    height: 32px;
    background: unset;
    box-shadow: 0 1px 4px #0000001a;
    border-radius: 4px;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    transition: .3s;
    caret-color: var(--q-bet-box-2);
    color: #fff;
    border: .5px solid rgba(255, 255, 255, .06)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-input:focus,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-input:focus-visible {
    transition: .02s;
    outline: none;
    border: .5px solid var(--q-bet-box-2);
    box-shadow: 0 1px 4px #ff70001a;
    background: unset
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .q-icon.icon-del {
    color: var(--q-gb-bg-c-33)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container input::-webkit-outer-spin-button,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .theme-color {
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .virtual-count {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    --per: -30px;
    background-image: inherit
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list {
    position: relative;
    margin-bottom: 5px;
    border-radius: 0;
    padding: 15px 16px 10px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .item-bet-new-title {
    font-family: PingFang SC;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #555
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .item-bet-new-title .tid-name {
    word-break: break-all;
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .item-bet-new-title .teams {
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-new-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 19px;
    right: 16px;
    z-index: 11;
    cursor: pointer
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .tic-appoint {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background: var(--q-gb-bg-c-51);
    opacity: .3
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .cathectic-appoint {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background: #00000080
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-new-content {
    padding: 8px 8px 10px;
    border-radius: 4px;
    margin-top: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-new-content .bet-money {
    padding-top: 4px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-new-content .bet-money .bet-odds-value {
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-new-content .bet-money .bet-odds-value.red_up {
    color: #fff;
    background: #e93d3d
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-new-content .bet-money .bet-odds-value.green_down {
    color: #fff;
    background: #50c042
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-new-content-lite {
    padding: 8px 8px 10px;
    border-radius: 4px;
    margin-top: 4px;
    background: var(--q-bet-box-3)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-invalid {
    margin-bottom: 5px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-invalid .bet-disabled {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    min-width: 48px;
    height: 20px;
    background: #e93d3d;
    border-radius: 10000px;
    color: #fff;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-invalid .bet-unserial {
    width: 75px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-market {
    font-family: DIN;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .text-flow {
    max-width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .text-flow :deep(.ty-span) {
    margin-left: 4px;
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .handicap {
    max-width: 190px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .handicap .colorc16 {
    color: var(--q-gb-t-c-16)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .text-flow-none {
    max-width: 100%;
    line-height: 16px;
    word-wrap: break-word;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 4px;
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .text-flow-none .team {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin-right: 6px;
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .text-flow-none :deep(.ty-span) {
    margin-left: 4px;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .text-flow-none.active {
    background: var(--q-gb-t-c-7);
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .text-flow-none.active :deep(.ty-span) {
    margin-left: 4px;
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .text-flow-none.white-space {
    white-space: nowrap
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .text-flow-none .ty-span {
    font-family: PingFang SC;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: left;
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-odds-value {
    color: var(--q-gb-t-c-2);
    margin-right: 7px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .red-up {
    color: var(--q-gb-t-c-7)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .green-down {
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .show_img {
    width: 10px;
    height: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .show_img .show_img_icon {
    width: 100%;
    height: 100%;
    background-size: 100%
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .show_img.user-red-green .show_img_icon {
    transform: rotate(180deg)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .odds-del {
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .odds-del .b-icon-arrow {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--q-bet-box-36);
    transform: rotate(45deg);
    margin-left: 0;
    vertical-align: middle
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .odds-del .b-icon-arrow-box {
    margin: 0 2px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .invalid {
    background: var(--q-bet-box-21)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .appoint {
    display: flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: .5px solid var(--q-gb-t-c-16);
    color: var(--q-gb-t-c-16);
    cursor: pointer;
    position: absolute;
    right: 18px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .lh-20px {
    line-height: 20px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .pre-wrap {
    white-space: pre-wrap
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .play-name {
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-keyboard-container .bet-keyboard-content {
    margin-left: 10px !important;
    margin-right: 12px !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-keyboard-container .keyboard-zone {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 4px 0 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-keyboard-container .is_big_vedio {
    justify-content: initial
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-keyboard-container .keyboard-btn {
    width: 31%;
    height: 32px;
    background: #ffffff1a;
    color: #fff;
    border-radius: 2px;
    transition: .3s;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-keyboard-container .keyboard-btn:hover {
    background: var(--q-gb-bg-c-1);
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-keyboard-container .keyboard-btn.disabled {
    pointer-events: none
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-keyboard-container .keyboard-btn:nth-child(3n) {
    margin-right: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-max-win-container .text-8A8986-i {
    color: var(--q-bet-box-1) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-max-win-container .text-8A8986-i.font400.mr-10 {
    color: var(--q-gb-t-c-41) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-max-win-container .drop-keyboard .text-8A8986-i {
    color: var(--q-bet-box-1) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-max-win-container .drop-keyboard .text-8A8986-i.font400.mr-10 {
    color: var(--q-gb-t-c-41) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-message-container .bet-message {
    text-align: center;
    color: #ff4040;
    line-height: 30px;
    background: transparent;
    font-size: 12px;
    margin: 0;
    padding: 0 5px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-message-container .bet-message .bet-success {
    background: #50c04226;
    color: #50c042;
    line-height: 30px;
    font-size: 12px;
    border-radius: 6px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-message-container .bet-message .bet-error {
    border-radius: 6px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .order_reject_reason {
    color: #e93d3d;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    margin-top: 8px;
    background: #e93d3d1a;
    border-radius: 2px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-order-no {
    display: flex;
    justify-content: space-between;
    align-content: center;
    font-size: 12px;
    margin: 50px 0 8px;
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list {
    padding: 6px 0;
    border-bottom: 1px solid var(--q-bet-box-20)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list:last-child {
    border-bottom: none
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-list-padd {
    padding-bottom: 30px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .statusIcon {
    position: absolute;
    right: 0;
    top: 1px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-content {
    min-height: 76px;
    padding: 12px 12px 12px 34px;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-content .bet-money {
    height: 34px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-content .bet-delete {
    position: absolute;
    top: 11px;
    left: 12px;
    cursor: pointer
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-content .bet-delete img {
    width: 12px;
    height: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-content .bet-delete.bet-icon {
    cursor: auto
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-content .bet-odds {
    height: 24px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-content .bet-right {
    width: 160px;
    text-align: right
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-content .bet-left {
    width: 230px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-content .bet-loading {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-content .bet-failure {
    color: var(--q-gb-t-c-7)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-content .bet-success {
    color: var(--q-gb-t-c-10)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-bet-money {
    width: 100%;
    padding: 10px 12px;
    background: var(--q-gb-bg-c-15)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-bet-money .bet-money-li {
    width: 76px;
    height: 30px;
    background: var(--q-bet-box-7);
    color: var(--q-bet-box-1);
    color: #505050;
    border-radius: 2px;
    transition: .3s;
    cursor: pointer
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-bet-money .bet-money-li:hover {
    background: var(--q-bet-box-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-bet-money .bet-money-li.disabled {
    background: var(--q-gb-bg-c-19)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-market {
    font-family: DIN;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .text-flow {
    max-width: 74%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .text-flow-none {
    max-width: 84%;
    line-height: 16px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .text-flow-none :deep(.ty-span) {
    margin-left: 4px;
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .bet-odds-value {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .red-up {
    color: var(--q-gb-t-c-7)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .green-down {
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .show_img {
    width: 12px;
    padding: 3px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-list .show_img img {
    width: 100%;
    height: 100%
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result {
    width: 100%;
    padding: 0 10px;
    height: 90px;
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .bet-result-info {
    color: var(--q-gb-t-c-5);
    padding-top: 5px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .bet-result-info .BRI-series-icon {
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .bet-result-info .amount-maxwin {
    position: relative;
    margin: 14px 0 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .bet-result-info .amount-maxwin .amount-maxwin-l,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .bet-result-info .amount-maxwin .amount-maxwin-r {
    height: 20px;
    position: absolute
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .bet-result-info .amount-maxwin .amount-maxwin-r {
    right: 0;
    text-align: right
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .bet-result-info .amount-maxwin span {
    display: block
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .bet-result-info .amount-maxwin .text-8a82 {
    line-height: 18px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .bet-result-info .bet-money {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .bet-result-info .info-tips {
    width: 3px;
    height: 13px;
    background: var(--q-bet-box-2);
    position: absolute;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .bet-result-info .info-ac1 {
    margin-left: 5px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .info-tips {
    width: 3px;
    height: 13px;
    background: var(--q-bet-box-2);
    position: absolute;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    left: 5px;
    top: 5px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-result .icon_loading {
    width: 18px;
    height: 18px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    width: 100%;
    position: relative;
    border-radius: 0 0 5px 5px;
    position: absolute;
    bottom: -30px;
    left: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .color-2 {
    background: #ffaa1726;
    color: #ffaa17
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .color-3,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .color-9 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-mix-result-container .color-4 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-bet-money {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: left;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-bet-money .bet-money-li {
    width: 31%;
    height: 26px;
    background: var(--q-bet-box-7);
    color: var(--q-bet-box-1);
    border-radius: 2px;
    transition: .3s;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-bet-money .bet-money-li:hover {
    background: var(--q-bet-box-2);
    color: var(--q-bet-box-3)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-bet-money .bet-money-li.disabled {
    pointer-events: none
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-bet-money .bet-money-li:nth-child(3n) {
    margin-right: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-money .bet-input-info {
    height: 44px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-money .bet-input-info .input-border {
    position: relative;
    width: 100%
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-money .bet-input-info .warn input {
    border-color: red !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-money .bet-input-info .del_btn_money_box {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 10px;
    right: 8px;
    background-size: 100%
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-money .bet-input-info .del_btn_money {
    position: absolute;
    top: 10px;
    right: 28px;
    width: 11px;
    height: 11px;
    background-color: #cbced8;
    border-radius: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-money .bet-input-info .del_btn_money:before {
    margin-bottom: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-money .bet-input-info .bet-new-text {
    position: absolute;
    top: 9px;
    right: 8px;
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-money .text-8A8986-i {
    color: var(--q-gb-t-c-10) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-money .text-8A8986-i.font400.mr-10 {
    color: var(--q-gb-t-c-41) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .bet-input-focus {
    position: relative;
    background: var(--q-gb-bg-c-18);
    transition: .3s
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .q-icon.icon-del {
    color: var(--q-gb-bg-c-33)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container input::-webkit-outer-spin-button,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-money-container .mb-4 {
    margin-bottom: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-win-total-amount {
    padding: 10px 0 5px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-new-win {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 0;
    color: var(--q-gb-t-c-6) !important;
    font-size: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-keyboard-content {
    margin-top: 8px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple {
    position: relative;
    min-height: 182px;
    margin: 5px 0 0;
    padding: 0 10px 6px;
    border-radius: 6px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple .bet-multiple-title {
    padding: 8px 0 11px;
    font-size: 13px;
    margin-bottom: 3px;
    position: relative;
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple .bet-multiple-title:before {
    content: " ";
    background: var(--q-gb-bg-c-1);
    width: 3px;
    height: 14px;
    margin-right: 8px;
    border-radius: 0 4px 4px 0;
    display: block;
    position: absolute;
    left: -11px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple .cathectic-appoint {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background: #00000080
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .text-color-max-win {
    color: var(--q-gb-t-c-8) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .background-color-bet-box {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-count {
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .font-color {
    margin: 10px 0;
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .font-color .df-jb {
    color: var(--q-gb-t-c-21)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container input::-webkit-outer-spin-button,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple-input {
    border-radius: 4px;
    align-items: center;
    margin-bottom: 5px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple-input .font14 {
    font-size: 14px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple-input .bet-win {
    left: -.15rem;
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple-input .right-input {
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple-input .right-input .del_btn_money {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
    background-size: 100% 100%
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple-input .mt2 {
    margin-top: .02rem
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple-input .bet-input-close .icon-failure:before {
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple-input .bet-input-close:hover .icon-failure:before {
    color: var(--qq--y0-text-color1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-multiple-input .bet-keyboard-zone {
    padding-top: 8px !important;
    margin-left: -10px !important;
    margin-right: -10px !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-font-color {
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-input-failure {
    position: relative;
    width: 100%
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-single-serve {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-mul-input {
    width: 165px !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-input {
    width: 170px;
    height: 32px;
    background: unset;
    border: .5px solid rgba(255, 255, 255, .06);
    box-shadow: 0 1px 4px #0000001a;
    border-radius: 4px;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    transition: .3s;
    caret-color: var(--q-bet-box-2);
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-input:focus,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-input:focus-visible {
    transition: .02s;
    outline: none;
    border: .5px solid var(--q-bet-box-2);
    box-shadow: 0 1px 4px #ff70001a;
    background: transparent
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-multiple-input-container .bet-input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .pre-input {
    border: 1px solid #283442
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .warn-border {
    border: 2px solid var(--q-function-color-1);
    border-radius: 6px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .warn-bg {
    border: 2px solid var(--q-bet-app-h5-5) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .warn-color {
    border: none
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .m-b-8 {
    margin-bottom: 8px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .bet-pre-appoint {
    display: flex;
    flex-direction: column;
    align-items: normal;
    justify-content: space-between;
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .book-content {
    color: var(--q-gb-t-c-8);
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 4px;
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .book-content>.yb-fontsize12 {
    max-width: 46px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .book-content .input-number {
    display: flex
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .book-content .input-number .sub-number {
    font-size: 16px;
    color: #a5aec8;
    text-align: center;
    width: 24px;
    height: 28px;
    line-height: 28px;
    background: #555;
    border-radius: 4px 0 0 4px;
    border-right: 0;
    cursor: pointer
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .book-content .input-number input {
    color: #f2f2f2;
    border-radius: 0;
    background-color: #24272f;
    border-left: 0;
    border-right: 0;
    width: 64px;
    height: 28px;
    text-align: center;
    outline: none;
    font-weight: 700
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .book-content .input-number .add-number {
    font-size: 16px;
    color: #a5aec8;
    text-align: center;
    width: 24px;
    height: 28px;
    line-height: 28px;
    background: #555;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    border-left: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .book-content .icon-delete {
    color: #999
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container input::-webkit-outer-spin-button,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container input:focus,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container input:focus-visible {
    transition: .02s;
    outline: none;
    box-shadow: none;
    background: transparent
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog {
    width: 420px;
    position: relative;
    padding-bottom: 60px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .c-title {
    font-size: 14px;
    padding: 10px 10px 6px 38px;
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .title {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--q-gb-bg-lg-32);
    padding: 18px 0;
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .title .text {
    font-size: 18px;
    font-weight: 700;
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .title .close {
    position: absolute;
    right: 16px;
    cursor: pointer
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .bet-content .bet-play {
    height: 34px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    border: .5px solid #ECF7FF
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .bet-content .bet-play:before {
    display: inline-block;
    content: "";
    width: 3px !important;
    background: var(--qq--title-icon-btn);
    height: 14px;
    margin-right: 8px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .bet-content .bet-list {
    display: flex;
    flex-wrap: wrap;
    margin: 8px 15px;
    background-color: #f2f5f9;
    padding: 15px;
    border-radius: 6px;
    justify-content: space-around
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .bet-content .bet-list .bet-list-item {
    width: 162px;
    margin-bottom: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .bet-content .bet-list .bet-list-item .bet-title {
    text-align: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .bet-content .bet-list .bet-list-item:nth-child(4),
.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .bet-content .bet-list .bet-list-item:nth-child(5) {
    width: 242px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .footer .btn {
    width: 140px;
    height: 35px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .footer .close {
    border: 1px solid #D7DEE3
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .footer .submit {
    background-color: var(--q-gb-bg-c-57);
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .eurocup-pc-title,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .eurocup-pc-c-title {
    background: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .eurocup-pc-c-title .text {
    color: #222
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .eurocup-pc-content,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .eurocup-pc-footer {
    background: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-dialog-container .bet-dialog .eurocup-pc--submit-btn {
    background: #143cdb;
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .again-bet-btn-container .cancel-btn {
    color: #ffffffb3;
    background: linear-gradient(180deg, #ffffff0a, #ffffff14, #ffffff05)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .again-bet-btn-container .confirm-btn {
    color: #fff;
    background: #00b42a
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .order_reject_reason {
    color: #e93d3d;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    margin-top: 8px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .red_up {
    color: #fff !important;
    background: #e93d3d
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .green_down {
    color: #fff !important;
    background: #50c042
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .change_odds {
    background: #ffd184;
    color: #181a21 !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .virtual-count {
    width: 20px;
    height: 20px;
    line-height: 20px;
    --per: -30px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .mt-4 {
    margin-top: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .word-break {
    word-break: break-all
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-order-no {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    font-size: 12px;
    margin: 8px 0;
    width: 100%;
    color: #fff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-order-no .copy_icon {
    cursor: pointer
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list {
    position: relative;
    border-radius: 6px;
    padding: 10px 16px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list.bet-result-list {
    padding: 15px 10px 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list.bet-result-one-click {
    padding: 10px 20px 30px;
    margin: 0 20px;
    background-color: var(--q-gb-bg-c-60)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list.bet-result-one-click .bet-content .bet-new-content {
    background-color: var(--q-gb-bg-c-68)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .statusIcon {
    position: absolute;
    right: 16px;
    top: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .icon_loading {
    width: 18px;
    height: 18px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content {
    min-height: 76px;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .text-color-555 {
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .mb4 {
    margin-bottom: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-money {
    height: 34px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-delete {
    position: absolute;
    top: 11px;
    left: 12px;
    cursor: pointer
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-delete img {
    width: 12px;
    height: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-delete.bet-icon {
    cursor: auto
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-odds {
    margin-top: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-right {
    width: 160px;
    text-align: right
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-left {
    width: 230px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-loading {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-failure {
    color: var(--q-gb-t-c-7)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-success {
    color: var(--q-gb-t-c-10)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-new-content {
    padding: 8px 0 10px;
    border-radius: 4px;
    margin-top: 8px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-new-content .bet-money {
    padding-top: 4px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-new-content .bet-money .bet-odds-value {
    color: #1d1d1d
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-new-content .text-team {
    font-size: 14px;
    color: var(--q-gb-t-c-16);
    margin-right: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-new-content .market-text {
    color: var(--q-theme-color-1-default)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-bet-money {
    width: 100%;
    padding: 10px 12px;
    background: var(--q-gb-bg-c-15)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-bet-money .bet-money-li {
    width: 76px;
    height: 30px;
    border: .5px solid var(--q-gb-bd-c-5);
    background: var(--q-gb-bg-c-4);
    color: #505050;
    border-radius: 2px;
    transition: .3s;
    cursor: pointer
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-bet-money .bet-money-li:hover {
    border: 1px solid var(--q-gb-bd-c-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-bet-money .bet-money-li.disabled {
    background: var(--q-gb-bg-c-19)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-market {
    font-family: DIN;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .text-flow {
    max-width: 74%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .text-flow-none {
    max-width: 84%;
    line-height: 16px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .text-flow-none :deep(.ty-span) {
    margin-left: 4px;
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-odds-value {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .red-up {
    color: var(--q-gb-t-c-7)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .green-down {
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .show_img {
    width: 12px;
    padding: 3px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .show_img img {
    width: 100%;
    height: 100%
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-result {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
    min-height: 50px;
    display: flex;
    flex-wrap: wrap
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-result .bet-result-info {
    min-width: 80px;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding-top: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-result .bet-result-info .bet-returm,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-result .bet-result-info .win-max-amount {
    text-align: right
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-result .bet-result-info .bet-money {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-result .icon_loading {
    width: 12px;
    height: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status {
    background: #f6f9ff;
    color: #555
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status .top {
    padding-left: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status .bet-review-title {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding-left: 8px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status .bet-review-title .title {
    position: relative;
    font-size: 13px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status .bet-review-title .title:after {
    position: absolute;
    content: "";
    left: -8px;
    top: 9px;
    width: 4px;
    height: 14px;
    background-color: var(--q-gb-bg-c-4);
    border-radius: 0 3px 3px 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status .bet-review-title .icon {
    width: 18px;
    height: 18px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status .bet-review-content {
    height: 50px;
    width: 100%;
    line-height: 17px;
    font-size: 12px;
    padding-left: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status .bet-review-content .max-winning {
    text-align: right
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status .bet-review-content .max-winning .num {
    color: #179cff
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    height: 30px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status .color-2 {
    background: #ffaa1726;
    color: #ffaa17
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status .color-1 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-status .color-0 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    min-height: 30px;
    width: 100%;
    border-radius: 4px;
    padding: 0 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .color-2,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .color-6 {
    background: #ffaa1726;
    color: #ffaa17
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .color-3,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .color-9,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .color-7 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .color-4,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .color-8 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .pre-color-0,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .pre-color-1 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .pre-color-2 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .text-a-r {
    text-align: right
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .pr10 {
    padding-right: 10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .success,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .failure {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 6px 0 8px;
    color: #fff;
    transform: translateY(-11px)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .success {
    background: #50c042
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .failure {
    background: #ff4041
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-full-box .bet-list .BRI-series-icon .statusIcon {
    right: 16px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .special-content {
    background: var(--q-bet-box-5);
    border-radius: 6px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .special-content .px-10 {
    padding: 0 10px 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-keybord {
    padding-top: 20px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-bet-money {
    width: 100%;
    padding-top: 10px;
    flex-wrap: wrap;
    display: flex;
    justify-content: left;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-bet-money .bet-money-li {
    width: 31%;
    height: 26px;
    background: var(--q-bet-box-7);
    color: var(--q-bet-box-1);
    border-radius: 4px;
    transition: .3s;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-bet-money .bet-money-li:hover {
    background: var(--q-bet-box-2);
    color: var(--q-bet-box-3)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-bet-money .bet-money-li.disabled {
    pointer-events: none;
    color: var(--q-bet-box-16)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-bet-money .bet-money-li:nth-child(3n) {
    margin-right: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-money,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-money .bet-input-info {
    width: 100%
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-money .bet-input-info .bet-winner-info {
    height: 20px;
    margin: 10px 0;
    width: 97%
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-money .bet-input-info .input-border {
    position: relative;
    margin-bottom: 10px;
    padding: 0 2px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-money .bet-input-info .input-border .del-box {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    padding-right: 10px;
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-money .bet-input-info .input-border .del-box .del_btn_money {
    width: 11px;
    height: 11px;
    background-color: #cbced8;
    border-radius: 10px;
    margin-right: 5px;
    line-height: 11px;
    text-align: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-money .bet-input-info .input-border .del-box .del_btn_money:before {
    margin-bottom: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-money .bet-input-info .input-border .del-box .bet-counts {
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-money .text-8A8986-i {
    color: var(--q-gb-t-c-8) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-input-focus {
    position: relative;
    background: var(--q-gb-bg-c-18);
    transition: .3s
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-series {
    padding: 4px 2px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-series-odds {
    color: var(--q-bet-box-11);
    font-family: Roboto;
    font-weight: 600;
    line-height: 16px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-series-gamename {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    display: block;
    margin-left: 7px;
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .font-color {
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-input {
    width: 100%;
    height: 32px;
    background: var(--q-bet-box-33);
    border: .5px solid transparent;
    box-shadow: 0 1px 4px #0000001a;
    border-radius: 4px;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    transition: .3s;
    caret-color: var(--q-bet-box-1);
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-input:focus,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-input:focus-visible {
    transition: .02s;
    outline: none;
    border: 1px solid var(--q-bet-box-11);
    box-shadow: 0 1px 4px #ff70001a;
    background: var(--q-bet-box-9)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container input::-webkit-outer-spin-button,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-special-input-container .bet-series-gamename-tips {
    background: var(--q-bet-box-2);
    height: 14px;
    width: 3px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block;
    position: absolute
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-full-box .scroll-header.absolute {
    left: 0;
    right: 0
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header {
    width: 100%;
    background: #313237;
    height: 44px;
    border-radius: 16px 16px 0 0 !important;
    position: relative;
    z-index: 1001;
    line-height: 44px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header .bet-back-btn {
    padding: 0 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header .bet-back-btn .back-text {
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header .bet-back-btn .back-text .amount {
    margin-left: 8px;
    font-size: 16px;
    font-weight: 600;
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header .bet-back-btn .back-text .close-icon {
    display: flex;
    margin-left: 8px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header .bet-back-btn .back-text .balance {
    font-size: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header .bet-back-btn .bet-order {
    padding-left: 10px;
    position: relative
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header .bet-back-btn .bet-order:after {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 2px;
    height: 16px;
    background-color: var(--q-gb-bg-c-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header .bet-back-btn .bet-item-count {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    color: transparent;
    background-color: var(--q-gb-t-c-18) !important;
    color: var(--q-gb-t-c-16) !important;
    font-size: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .small_header {
    background: var(--q-gb-t-c-16)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .small_header .amount {
    color: var(--q-gb-t-c-18) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .small_header .bet-order:after {
    background-color: var(--q-gb-t-c-18) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .small_header .back-text {
    color: var(--q-gb-t-c-18) !important
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .small_header .bet-item-count {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    color: transparent;
    background-color: var(--q-gb-t-c-18) !important;
    color: var(--q-gb-t-c-16) !important;
    font-size: 12px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-total-winmoney-container .bet-total-hr {
    height: .5px;
    border: 0;
    margin-top: -10px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-total-winmoney-container .bet-total-wrap {
    padding: 4px 0 0;
    margin-bottom: 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-total-winmoney-container .bet-total {
    line-height: 1;
    padding: 0 10px 4px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-total-winmoney-container .bet-total .bet-total-left {
    font-size: 12px;
    color: var(--q-gb-bg-c-2);
    text-align: left
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-total-winmoney-container .bet-total .bet-total-right {
    font-size: 14px;
    text-align: center;
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-total-winmoney-container .bet-total .bet-gold-text {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .bottom-bet-prefer .content,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-checkbox-container .check-box {
    color: var(--q-text-color-white-all);
    opacity: .7
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-footer-btn-container .bet-delete-all {
    border: solid 1px var(--q-theme-color-1-default) !important;
    color: var(--q-theme-color-1-default);
    background: unset;
    box-shadow: unset
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .success-icon:before {
    color: var(--q-function-color-2)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .theme-color {
    color: var(--q-theme-color-1-default)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .play-name {
    color: var(--q-text-color-white-all)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-input-container .bet-input {
    box-shadow: unset;
    border: .5px solid var(--q-theme-color-1-default)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .book-content .input-number .add-number,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .book-content .input-number .sub-number {
    color: var(--q-theme-color-1-default);
    background: var(--q-transparent-white-color-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .pre-input {
    border: 1px solid var(--q-transparent-white-color-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-pre-appoint-container .book-content .input-number input {
    color: var(--q-theme-color-1-default);
    background-color: #00000080
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .item-bet-new-title .tid-name {
    color: var(--q-text-color-white-all)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .item-bet-new-title .teams,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .item-bet-new-title .time {
    color: var(--q-text-color-white-all);
    opacity: .7
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .text-flow-none .ty-span,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-item-container .bet-list .bet-new-content .bet-money .bet-odds-value {
    color: var(--q-text-color-white-all)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header {
    background: var(--q-toast-color-bg-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .small_header {
    background: var(--q-theme-color-1-default)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .bet-odds>span {
    color: var(--q-text-color-white-all)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .match-name-text {
    color: var(--q-text-color-white-all)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-list .bet-content .time-text {
    color: var(--q-text-color-white-all);
    opacity: .7
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .match-info-text {
    color: var(--q-text-color-white-all)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .match-info-text .market-text,
.bet-new-pc-2025 .new-style-full-screen-pc-index-container .match-info-text .match-type-text {
    color: var(--q-theme-color-1-default)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-result .bet-result-info .bet-total,
.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-result .bet-result-info .bet-returm {
    color: var(--q-text-color-white-all);
    opacity: .7
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-result .bet-result-info .bet-money {
    color: var(--q-text-color-white-all)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-result-container .bet-result .bet-result-info .win-max-amount {
    color: var(--q-theme-color-1-default)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header .bet-back-btn .back-text .close-icon {
    margin-left: 6px
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header .bet-back-btn .back-text .close-icon .up {
    transform: rotate(180deg)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header .bet-back-btn .back-text .close-icon .up:before {
    color: var(--q-icon-color-1)
}

.bet-new-pc-2025 .new-style-full-screen-pc-bet-title-container .bet-scorll-header .bet-back-btn .back-text .close-icon .down:before {
    color: var(--q-icon-color-white-all)
}

.f-c-c {
    display: flex;
    justify-content: center;
    align-items: center
}

.f-b-s {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.f-b-c {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.f-b-e {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.f-s-s {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.f-s-c {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.f-s-e {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end
}

.f-e-s {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.f-e-c {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.f-e-e {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.fw-s-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between
}

.fw-s-s {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start
}

.fw-s-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center
}

.fw-s-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-end
}

.fw-c-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between
}

.fw-c-s {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start
}

.fw-c-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center
}

.fw-c-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-end
}

.fw-e-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between
}

.fw-e-s {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-start
}

.fw-e-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: center
}

.fw-e-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end
}

.fw-c-e-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: end;
    flex-direction: column
}

.bor-b {
    border-bottom: 1px solid var(--q-gb-bd-c-6)
}

.w-100 {
    width: 100%
}

.w-90 {
    width: 90%
}

.w-80 {
    width: 80%
}

.w-50 {
    width: 50%
}

.w-25 {
    width: 25%
}

.w-20 {
    width: 20%
}

.h12 {
    height: 12px
}

.h15 {
    height: 15px
}

.h40 {
    height: 40px
}

.h44 {
    height: 44px
}

.h52 {
    height: 52px
}

.font12 {
    font-size: 12px
}

.font13 {
    font-size: 13px
}

.font14 {
    font-size: 14px
}

.font15 {
    font-size: 15px
}

.font16 {
    font-size: 16px
}

.font300 {
    font-weight: 300
}

.font400 {
    font-weight: 400
}

.font500 {
    font-weight: 500
}

.font600 {
    font-weight: 600
}

.font700 {
    font-weight: 700
}

.text-white {
    color: var(--q-gb-t-c-1)
}

.text-ff7 {
    color: var(--q-gb-t-c-2)
}

.text-009 {
    color: var(--q-gb-bg-c-57)
}

.text-1a1 {
    color: var(--q-gb-t-c-5)
}

.text-8a8 {
    color: var(--q-bet-box-1)
}

.text-qbb11 {
    color: var(--q-bet-box-11)
}

.cursor {
    cursor: pointer
}

.px-12 {
    padding-left: 12px;
    padding-right: 12px
}

.pl-15 {
    padding-left: 15px
}

.pl-18 {
    padding-left: 18px
}

.pl-30 {
    padding-left: 30px
}

.pr-20 {
    padding-right: 20px
}

.mx-4 {
    margin-left: 4px;
    margin-right: 4px
}

.mx-6 {
    margin-left: 6px;
    margin-right: 6px
}

.my-4 {
    margin-top: 4px;
    margin-bottom: 4px
}

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mt-4 {
    margin-top: 4px
}

.mt-8 {
    margin-top: 8px
}

.mr-4 {
    margin-right: 4px
}

.mr-10 {
    margin-right: 10px
}

.ml-4 {
    margin-left: 4px
}

.ml-16 {
    margin-left: 16px
}

.re {
    position: relative
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

.virtual-count {
    width: .2rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    display: inline-block;
    background-size: 100% 100%;
    --per: -.3rem
}

.team {
    width: 1.9rem;
    margin-right: .12rem
}

div[class *=virtual-num] {
    border-radius: 2px
}

.virtual-num-1 {
    background-position-y: calc(var(--per) * 6)
}

.virtual-num-1.csid-1009 {
    background-position-y: calc(var(--per) * 14)
}

.virtual-num-2 {
    background-position-y: calc(var(--per) * 7)
}

.virtual-num-2.csid-1002 {
    background-position-y: calc(var(--per) * 1)
}

.virtual-num-2.csid-1009 {
    background-position-y: calc(var(--per) * 15)
}

.virtual-num-2.csid-1010 {
    background-position-y: calc(var(--per) * 1)
}

.virtual-num-3 {
    background-position-y: calc(var(--per) * 8)
}

.virtual-num-3.csid-1002,
.virtual-num-3.csid1010 {
    background-position-y: calc(var(--per) * 2)
}

.virtual-num-3.csid1009 {
    background-position-y: calc(var(--per) * 16)
}

.virtual-num-4 {
    background-position-y: calc(var(--per) * 9)
}

.virtual-num-4.csid-1002,
.virtual-num-4.csid1010 {
    background-position-y: calc(var(--per) * 3)
}

.virtual-num-4.csid1009 {
    background-position-y: calc(var(--per) * 17)
}

.virtual-num-5 {
    background-position-y: calc(var(--per) * 10)
}

.virtual-num-5.csid-1002,
.virtual-num-5.csid1010 {
    background-position-y: calc(var(--per) * 4)
}

.virtual-num-6 {
    background-position-y: calc(var(--per) * 11)
}

.virtual-num-6.csid-1002 {
    background-position-y: calc(var(--per) * 5)
}

.virtual-num-6.csid1010 {
    background-position-y: calc(var(--per) * 10)
}

.bet-box-new-style-pc-bet-result-scss .red_green_icon_box {
    display: inline-block
}

.bet-box-new-style-pc-bet-result-scss .red_green_icon_box .show_img_icon {
    margin-top: 2px;
    height: 16px;
    width: 16px
}

.bet-box-new-style-pc-bet-result-scss .user-red-green .show_img_icon {
    transform: rotate(180deg)
}

.bet-box-new-style-pc-bet-result-scss .word-wrap-break-word {
    word-wrap: break-word;
    word-break: break-word
}

.bet-box-new-style-pc-bet-result-scss .order_reject_reason {
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    border-radius: 0 0 3px 3px
}

.bet-box-new-style-pc-bet-result-scss .red_up {
    color: #fff !important;
    background: #e93d3d;
    padding: 0 4px;
    margin-right: 0 !important
}

.bet-box-new-style-pc-bet-result-scss .green_down {
    color: #fff !important;
    background: #50c042;
    padding: 0 4px;
    margin-right: 0 !important
}

.bet-box-new-style-pc-bet-result-scss .change_odds {
    background: #ffd184;
    color: #181a21 !important
}

.bet-box-new-style-pc-bet-result-scss .confirm-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 15;
    background: var(--q-transparent-black-color-1)
}

.bet-box-new-style-pc-bet-result-scss .confirm-mask:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(6px)
}

.bet-box-new-style-pc-bet-result-scss .confirm-mask .img-loading {
    position: relative;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background-image: var(--qq--bg-image-url10)
}

.bet-box-new-style-pc-bet-result-scss .virtual-count {
    width: 20px;
    height: 20px;
    line-height: 20px;
    --per: -30px;
    margin-right: 5px
}

.bet-box-new-style-pc-bet-result-scss .mt-4 {
    margin-top: 4px
}

.bet-box-new-style-pc-bet-result-scss .word-break {
    word-break: break-all
}

.bet-box-new-style-pc-bet-result-scss .bet-order-no {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    font-size: 12px;
    margin: 8px 0;
    width: 100%;
    color: var(--q-gb-t-c-6)
}

.bet-box-new-style-pc-bet-result-scss .bet-order-no .copy_icon {
    cursor: pointer
}

.bet-box-new-style-pc-bet-result-scss .bet-list {
    position: relative;
    background-color: var(--q-bet-box-5);
    border-radius: 6px;
    padding: 12px 8px 6px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column
}

.bet-box-new-style-pc-bet-result-scss .bet-list.bet-result-list {
    padding: 15px 10px 4px
}

.bet-box-new-style-pc-bet-result-scss .bet-list.bet-result-one-click {
    padding: 10px 20px 30px;
    margin: 0 20px;
    background-color: var(--q-gb-bg-c-60)
}

.bet-box-new-style-pc-bet-result-scss .bet-list.bet-result-one-click .bet-content .bet-new-content {
    background-color: var(--q-gb-bg-c-68)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .icon_loading {
    width: 12px;
    height: 12px
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content {
    min-height: 76px;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    position: relative
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .text-color-555 {
    color: var(--q-gb-t-c-3);
    margin: 0
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .text-color-555.ellipsis {
    width: 80%
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .text-play-name {
    color: var(--q-gb-t-c-3)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .mb4 {
    margin-bottom: 4px
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-money {
    height: 34px
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .matchInfo {
    line-height: 18px;
    -webkit-user-select: text;
    user-select: text
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .match-name {
    -webkit-user-select: text;
    user-select: text
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-delete {
    position: absolute;
    top: 11px;
    left: 12px;
    cursor: pointer
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-delete img {
    width: 12px;
    height: 12px
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-delete.bet-icon {
    cursor: auto
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-odds {
    margin-top: 4px;
    line-height: 20px;
    display: inline-flex
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-odds .odds-svg {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-odds .bet-odds-box {
    display: flex;
    align-items: center
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .b-icon-arrow-origin {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--q-bet-box-1);
    transform: rotate(45deg);
    margin-top: -3px;
    vertical-align: middle
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .b-icon-arrow-origin-box {
    margin-left: 2px
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .odds-del-dov {
    color: #99a3b1
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-right {
    width: 160px;
    text-align: right
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-left {
    width: 230px
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-loading {
    color: var(--q-gb-t-c-2)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-failure {
    color: var(--q-gb-t-c-7)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-success {
    color: var(--q-gb-t-c-10)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-new-content {
    padding: 8px;
    border-radius: 4px;
    margin-top: 8px;
    background: var(--q-bet-box-33)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-new-content .bet-money {
    padding-top: 4px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-new-content .bet-money .bet-odds-value {
    color: #1d1d1d
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-new-content .text-team {
    font-size: 14px;
    color: var(--q-gb-t-c-16);
    margin-right: 4px
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-bet-money {
    width: 100%;
    padding: 10px 12px;
    background: var(--q-gb-bg-c-15)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-bet-money .bet-money-li {
    width: 76px;
    height: 30px;
    border: .5px solid var(--q-gb-bd-c-5);
    background: var(--q-gb-bg-c-4);
    color: #505050;
    border-radius: 2px;
    transition: .3s;
    cursor: pointer
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-bet-money .bet-money-li:hover {
    border: 1px solid var(--q-gb-bd-c-1)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-bet-money .bet-money-li.disabled {
    background: var(--q-gb-bg-c-19)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-market {
    font-family: DIN;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px
}

.bet-box-new-style-pc-bet-result-scss .bet-list .text-flow {
    max-width: 74%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.bet-box-new-style-pc-bet-result-scss .bet-list .text-flow-none {
    max-width: 100%;
    line-height: 16px
}

.bet-box-new-style-pc-bet-result-scss .bet-list .text-flow-none.text-play-name {
    max-width: 100%
}

.bet-box-new-style-pc-bet-result-scss .bet-list .text-flow-none .ty-span {
    margin-left: 4px;
    color: var(--q-gb-t-c-2)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .my-2 {
    margin: 2px 0
}

.bet-box-new-style-pc-bet-result-scss .bet-list .bet-odds-value {
    color: var(--q-gb-t-c-2)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .red-up {
    color: var(--q-gb-t-c-7)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .green-down {
    color: var(--q-gb-t-c-6)
}

.bet-box-new-style-pc-bet-result-scss .bet-list .show_img {
    width: 12px;
    padding: 3px
}

.bet-box-new-style-pc-bet-result-scss .bet-list .show_img img {
    width: 100%;
    height: 100%
}

.bet-box-new-style-pc-bet-result-scss .bet-result {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
    min-height: 30px;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    margin-top: 8px
}

.bet-box-new-style-pc-bet-result-scss .bet-result .bet-result-info {
    min-width: 80px;
    color: var(--q-gb-t-c-5);
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    text-align: left
}

.bet-box-new-style-pc-bet-result-scss .bet-result .bet-result-info .max-win-money {
    color: var(--q-bet-box-2)
}

.bet-box-new-style-pc-bet-result-scss .bet-result .icon_loading {
    width: 12px;
    height: 12px
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status {
    background: #f6f9ff;
    color: #555
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status .top {
    padding-left: 12px
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-title {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding-left: 8px
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-title .title {
    position: relative;
    font-size: 13px
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-title .title:after {
    position: absolute;
    content: "";
    left: -8px;
    top: 9px;
    width: 4px;
    height: 14px;
    background-color: var(--q-gb-bg-c-4);
    border-radius: 0 3px 3px 0
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-title .icon {
    width: 18px;
    height: 18px
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-content {
    height: 50px;
    width: 100%;
    line-height: 17px;
    font-size: 12px;
    padding-left: 10px
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-content .max-winning {
    text-align: right
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-content .max-winning .num {
    color: #179cff
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    height: 30px
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status .color-2 {
    background: #ffaa1726;
    color: #ffaa17
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status .color-1 {
    background: #50c04226;
    color: #50c042
}

.bet-box-new-style-pc-bet-result-scss .bet-review-status .color-0 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-box-new-style-pc-bet-result-scss .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    min-height: 30px;
    width: 100%;
    border-radius: 0 0 6px 6px
}

.bet-box-new-style-pc-bet-result-scss .bet-review-msg.order_reject_reason .color-4 {
    margin-top: 0
}

.bet-box-new-style-pc-bet-result-scss .bet-review-msg .bet-status {
    display: flex;
    justify-content: center;
    align-items: center
}

.bet-box-new-style-pc-bet-result-scss .bet-review-msg .bet-status .status-icon {
    font-size: 12px !important;
    margin-right: 2px
}

.bet-box-new-style-pc-bet-result-scss .bet-review-msg .bet-status .status-icon:before {
    color: inherit
}

.bet-box-new-style-pc-bet-result-scss .bet-review-msg .color-4 {
    margin-top: 4px
}

.bet-box-new-style-pc-bet-result-scss .color-2,
.bet-box-new-style-pc-bet-result-scss .color-6 {
    background: #ffaa1726;
    color: #ffaa17
}

.bet-box-new-style-pc-bet-result-scss .color-3,
.bet-box-new-style-pc-bet-result-scss .color-9,
.bet-box-new-style-pc-bet-result-scss .color-7 {
    background: #50c04226;
    color: #50c042
}

.bet-box-new-style-pc-bet-result-scss .color-4,
.bet-box-new-style-pc-bet-result-scss .color-8 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-box-new-style-pc-bet-result-scss .pre-color-0,
.bet-box-new-style-pc-bet-result-scss .pre-color-1 {
    background: #50c04226;
    color: #50c042
}

.bet-box-new-style-pc-bet-result-scss .pre-color-2 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-box-new-style-pc-bet-result-scss .text-a-r {
    text-align: right
}

.bet-box-new-style-pc-bet-result-scss .pr10 {
    padding-right: 10px
}

.bet-box-new-style-pc-bet-result-scss .success,
.bet-box-new-style-pc-bet-result-scss .failure {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 6px 0 8px;
    color: #fff;
    transform: translateY(-11px)
}

.bet-box-new-style-pc-bet-result-scss .success {
    background: #50c042
}

.bet-box-new-style-pc-bet-result-scss .failure {
    background: #ff4041
}

.bet-box-new-style-pc-bet-result-scss .b-inline {
    display: inline-block
}

.bet-box-new-style-pc-bet-result-scss .line-height-18 {
    line-height: 18px
}

.bet-box-new-style-pc-bet-result-scss .b-block {
    margin-top: 4px
}

.bet-box-new-style-pc-bet-result-scss .text-1a1 {
    line-height: 20px
}

.bet-box-new-style-pc-bet-result-scss .font12 {
    font-size: 12px
}

.bet-box-new-style-pc-bet-result-scss .text-align-right {
    text-align: right
}

.bet-box-new-style-pc-bet-result-scss.bet-one-click-content .match-name {
    width: 80%
}

.bet-box-new-style-pc-bet-result-scss.bet-one-click-content .match-name .match-name {
    line-height: 14px
}

.bet-box-new-pc-bet-one-click-result-list-scss.bet-one-click-list {
    background-color: var(--q-bet-box-5)
}

.bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-item {
    position: relative
}

.bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-item :deep(.BRI-series-icon) .statusIcon {
    right: 24px;
    top: 9px
}

.bet-box-new-pc-bet-one-click-result-list-scss .b-icon-arrow-origin {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--q-bet-box-1);
    transform: rotate(45deg);
    margin-top: -3px;
    vertical-align: middle
}

.bet-box-new-pc-bet-one-click-result-list-scss .b-icon-arrow-origin-box {
    margin-left: 2px
}

.bet-box-new-pc-bet-one-click-result-list-scss .odds-del-dov {
    color: #99a3b1
}

.bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 8px;
    min-height: 36px;
    border-bottom: 1px solid var(--q-bet-box-7);
    padding: 4px 0;
    position: relative
}

.bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-title .left {
    display: flex;
    align-items: center
}

.bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-title .left .bet-odds {
    display: inline-block;
    width: 62px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    margin-right: 42px;
    color: var(--q-bet-box-1)
}

.bet-box-new-pc-bet-one-click-result-list-scss .b-icon-arrow-box {
    position: absolute;
    top: 11px;
    right: 4px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999
}

.bet-box-new-pc-bet-one-click-result-list-scss .b-icon-arrow {
    width: 9px;
    height: 9px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: var(--q-gb-t-c-16);
    transform: rotate(-45deg);
    margin-top: -2px
}

.bet-box-new-pc-bet-one-click-result-list-scss .b-icon-arrow-rotate {
    transform: rotate(135deg);
    top: 50%;
    margin-top: -6px
}

.bet-box-new-pc-bet-one-click-result-list-scss .b-icon-arrow-rotate-dov {
    transform: rotate(135deg);
    top: 15px;
    margin-top: -6px
}

.bet-box-new-pc-bet-one-click-result-list-scss .icon_loading {
    width: 16px;
    height: 16px
}

.bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-icon {
    position: absolute;
    top: 10px;
    right: 27px
}

.bet-box-new-pc-bet-one-click-result-list-scss .text-team {
    font-size: 14px;
    margin-right: 4px;
    margin-top: 3px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-3)
}

.bet-box-new-pc-bet-one-click-result-list-scss .mr-4 {
    margin-right: 4px
}

.bet-box-new-pc-bet-one-click-result-list-scss .virtual-count {
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    --per: -30px !important;
    margin-right: 5px !important
}

.bet-box-new-pc-bet-one-click-result-list-scss .text-vr-style {
    color: var(--q-gb-t-c-6)
}

.bet-box-new-pc-bet-one-click-result-list-scss .text-vr-style .ellipsis {
    max-width: 61px
}

.bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-icon-position {
    top: 50%;
    transform: translateY(-50%)
}

.bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-icon-position-dov {
    top: 7px
}

.bet-box-new-pc-bet-one-click-result-list-scss .text-team-playname {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 87px;
    height: 16px
}

.bet-box-new-pc-bet-one-click-result-list-scss .text-team-playname-width {
    max-width: 44px
}

.bet-box-new-pc-bet-one-click-result-list-scss .text-team-playname-score {
    font-size: 14px;
    margin-left: 2px
}

.bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-origin-box .text-team {
    padding: 5px 6px
}

.bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-origin-box .bet-one-click-origin-odds {
    padding: 4px 6px;
    color: var(--q-gb-t-c-3)
}

.bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-origin-box .odds-svg {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/2026-03-03-17-18-06/new-pc/image/image/odds-change.svg);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.bet-one-click-modal {
    position: absolute;
    bottom: calc(.66rem + env(safe-area-inset-bottom));
    left: 0;
    z-index: 100000;
    background-color: #000000e6;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    width: 220px
}

.bet-one-click-modal .bet-one-click-modal-checkbox .bet-oc-amount .input-number input {
    color: var(--q-gb-t-c-2) !important;
    border-radius: 0;
    border: 1px solid #555
}

.bet-one-click-modal .bet-one-click-modal-checkbox .bet-oc-amount .input-number .add-number,
.bet-one-click-modal .bet-one-click-modal-checkbox .bet-oc-amount .input-number .sub-number {
    background-color: #555
}

.bet-one-click-modal .font14 {
    font-size: 14px
}

.bet-one-click-modal .font700 {
    font-weight: 700
}

.bet-one-click-modal .bet-one-click-list {
    overflow-y: scroll;
    max-height: 394px;
    box-sizing: border-box
}

.bet-one-click-modal .bet-one-click-list::-webkit-scrollbar {
    display: none
}

.bet-one-click-modal .bet-one-click-item {
    position: relative
}

.bet-one-click-modal .bet-one-click-item :deep(.BRI-series-icon) .statusIcon {
    right: 24px;
    top: 9px
}

.bet-one-click-modal .bet-one-click-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 8px;
    height: 36px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.bet-one-click-modal .bet-one-click-title .left {
    display: flex;
    align-items: center
}

.bet-one-click-modal .bet-one-click-title .left .bet-one-click-dov {
    font-size: 12px;
    font-family: ky-font;
    color: #fff;
    display: flex;
    align-items: center;
    margin-right: 4px
}

.bet-one-click-modal .bet-one-click-title .left .b-icon-arrow-origin {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--q-bet-box-2);
    transform: rotate(45deg);
    margin-top: -3px;
    vertical-align: middle
}

.bet-one-click-modal .bet-one-click-title .left .b-icon-arrow-origin-box {
    margin-left: 2px
}

.bet-one-click-modal .bet-one-click-title .left .odds-del-dov {
    color: #99a3b1
}

.bet-one-click-modal .bet-one-click-title .left .bet-odds {
    display: inline-block;
    width: 61px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    text-align: right;
    margin-right: 40px
}

.bet-one-click-modal .b-icon-arrow {
    width: 9px;
    height: 9px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: var(--q-gb-t-c-16);
    transform: rotate(-45deg);
    margin-left: 6px;
    margin-top: -2px;
    position: absolute;
    top: 17px;
    right: 7px
}

.bet-one-click-modal .b-icon-arrow-rotate {
    transform: rotate(135deg);
    top: 50%;
    margin-top: -6px
}

.bet-one-click-modal .b-icon-arrow-rotate-dov {
    transform: rotate(135deg);
    top: 15px;
    margin-top: -6px
}

.bet-one-click-modal .icon_loading {
    width: 18px;
    height: 18px
}

.bet-one-click-modal .text-team {
    font-size: 12px;
    color: #a0a0a0;
    margin-right: 4px;
    display: flex;
    align-items: center;
    font-family: ky-font;
    width: 84%
}

.bet-one-click-modal .text-team-playname {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 87px
}

.bet-one-click-modal .text-team-playname-width {
    max-width: 52px
}

.bet-one-click-modal .text-team-playname-score {
    font-size: 12px;
    font-family: ky-font;
    margin-left: 4px
}

.bet-one-click-modal .mr-4 {
    margin-right: 4px
}

.bet-one-click-modal .bet-icon-close {
    position: absolute;
    top: -23px;
    right: 0;
    width: 18px;
    height: 18px;
    background-size: 100%
}

.bet-one-click-modal .bet-icon-delete {
    width: .24rem;
    height: .24rem;
    position: absolute;
    top: -31px;
    right: 0rem;
    background: var(--q-gb-bg-c-8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.bet-one-click-modal .bet-icon-delete .icon-del1 {
    color: var(--q-gb-t-c-36);
    font-size: .14rem
}

.bet-one-click-modal s .h5-checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    padding: 0 8px 8px;
    color: #fff;
    width: 100%
}

.bet-one-click-modal s .h5-checkbox .bet-oc-switch .bet-series-switch {
    position: relative;
    display: flex;
    min-width: 36px;
    height: 18px;
    border-radius: 18px;
    transition: .3s;
    background: var(--q-gb-bg-c-15);
    border: .5px solid var(--q-gb-bg-c-8)
}

.bet-one-click-modal s .h5-checkbox .bet-oc-switch .bet-series-switch.actions {
    background: var(--q-gb-bg-c-13);
    border: .5px solid var(--q-gb-bg-c-13)
}

.bet-one-click-modal s .h5-checkbox .bet-oc-switch .bet-series-switch .bet-series-ok {
    width: 14px;
    height: 14px;
    position: absolute;
    background: var(--q-gb-bg-c-8);
    border-radius: 50%;
    top: 1px;
    left: 2px;
    transition: .3s
}

.bet-one-click-modal s .h5-checkbox .bet-oc-switch .bet-series-switch .bet-series-ok.actions {
    background: var(--q-gb-t-c-14);
    left: 19px
}

.bet-one-click-modal .h5-text-team {
    width: .8rem
}

.bet-one-click-modal .pc-text-team {
    width: 89px
}

.bet-one-click-modal .bet-full-list {
    max-height: 1.8rem
}

.bet-one-click-modal .text-vr-style {
    display: flex;
    width: .8rem
}

.bet-one-click-modal .sb_loading {
    width: 15px;
    height: 15px;
    animation: rotation 2s infinite linear
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.bet-one-click-modal .bet-one-click-content .bet-list {
    background-color: #000000e6
}

.bet-one-click-modal .bet-one-click-content .bet-list .bet-content .match-name {
    color: #fff
}

.bet-one-click-modal .bet-one-click-content .bet-list .bet-content .text-color-555 {
    color: #f2f2f2e6
}

.bet-one-click-modal .bet-one-click-content .bet-list .bet-content .bet-new-content {
    background-color: #000000e6
}

.bet-one-click-modal .bet-one-click-content .bet-list .bet-content .bet-new-content .text-play-name {
    color: #f2f2f2
}

.bet-one-click-modal .bet-one-click-content .bet-result-info,
.bet-one-click-modal .bet-one-click-content .bet-order-no {
    color: #f2f2f2e6
}

.bet-full-box[data-v-03b3a011] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    max-height: 500px
}

.match-details-tabs-bar-wrap .scroll-fixed-header[data-v-4089da24] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    height: 40px;
    font-size: 12px;
    background: #191c24;
    position: relative
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-panel[data-v-4089da24] {
    flex: 1;
    height: 40px
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-bar[data-v-4089da24] {
    z-index: 1;
    display: flex;
    width: 1000px;
    position: absolute
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-bar .tabs-item-wrap[data-v-4089da24] {
    display: flex
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-bar .tabs-item[data-v-4089da24] {
    padding: 0 15px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 38px;
    cursor: pointer
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-bar .tabs-item[data-v-4089da24]:hover {
    color: var(--q-gb-t-c-1)
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-bar .tabs-line[data-v-4089da24] {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 24px;
    height: 2px;
    border-radius: 2px;
    z-index: 10;
    transition: all .3s
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-icons[data-v-4089da24] {
    position: absolute;
    top: 0;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 40px;
    background-color: #1f222b;
    cursor: pointer
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-icons-left[data-v-4089da24] {
    left: 0
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-icons-left .yb-icon-arrow[data-v-4089da24] {
    transform: rotate(180deg)
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-icons-right[data-v-4089da24] {
    right: 0
}

.match-details-tabs-bar-wrap .scroll-fixed-header .row[data-v-4089da24] {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    background: none !important
}

.match-details-tabs-bar-wrap .scroll-fixed-header .row .right-icons[data-v-4089da24] {
    cursor: pointer;
    text-align: center;
    padding: 0 13px
}

.match-details-tabs-bar-wrap .scroll-fixed-header .row .icon-toggle[data-v-4089da24] {
    margin-right: 10px;
    cursor: pointer
}

.match-details-tabs-bar-wrap .scroll-fixed-header .row .icon-toggle[data-v-4089da24]:last-child {
    margin-right: 13px
}

.match-details-tabs-bar-wrap .scroll-fixed-header .row .icon-toggle[data-v-4089da24]:hover:before {
    color: var(--qq--right-icons-color-hover)
}

.match-details-tabs-bar-wrap .scroll-fixed-header .row .icon-toggle span[data-v-4089da24] {
    width: 24px
}

body .wrap-hot .carousel[data-v-4089da24],
body .wrap-total .total_chart[data-v-4089da24],
body .wrap-recents .info[data-v-4089da24],
body .league-rank[data-v-4089da24],
body .group-rank[data-v-4089da24],
body .rank-title[data-v-4089da24] {
    background: var(--q-gb-bg-c-32)
}

body .wrap-hot .info[data-v-4089da24] {
    color: var(--q-gb-t-c-5) !important
}

body .league-rank .title[data-v-4089da24] {
    background-image: var(--q-gb-bg-lg-17);
    color: var(--q-gb-t-c-4)
}

body .details .scroll-fixed-header[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header[data-v-4089da24],
body .virtual_details .scroll-fixed-header[data-v-4089da24] {
    background-image: var(--q-gb-bg-lg-15);
    border-radius: 0 0 6px 6px;
    border: 1px solid var(--q-gb-bd-c-8);
    border-top: none;
    right: unset
}

body .details .scroll-fixed-header .tabs-panel[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-panel[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-panel[data-v-4089da24] {
    overflow: hidden
}

body .details .scroll-fixed-header .tabs-panel .line-wrap[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-panel .line-wrap[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-panel .line-wrap[data-v-4089da24] {
    display: none
}

body .details .scroll-fixed-header .tabs-panel .item-wrap[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-panel .item-wrap[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-panel .item-wrap[data-v-4089da24] {
    align-items: center
}

body .details .scroll-fixed-header .tabs-panel .tab-item[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-panel .tab-item[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-panel .tab-item[data-v-4089da24] {
    color: var(--q-gb-t-c-6);
    font-size: 13px;
    background: var(--q-gb-bg-lg-4);
    border: .5px solid var(--q-gb-bd-c-8);
    margin-right: 10px;
    box-shadow: 0 3px 3px #00386240;
    border-radius: 36px
}

body .details .scroll-fixed-header .tabs-panel .tab-item[data-v-4089da24]:hover,
body .right_details_wrap .scroll-fixed-header .tabs-panel .tab-item[data-v-4089da24]:hover,
body .virtual_details .scroll-fixed-header .tabs-panel .tab-item[data-v-4089da24]:hover {
    border: .5px solid var(--q-gb-bd-c-12);
    background-color: var(--q-gb-bg-c-27);
    color: var(--q-gb-t-c-1)
}

body .details .scroll-fixed-header .tabs-panel .tab-item.active[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-panel .tab-item.active[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-panel .tab-item.active[data-v-4089da24] {
    color: var(--q-gb-t-c-18);
    background: var(--q-match-details-active)
}

body .details .scroll-fixed-header .tabs-panel .tabs-icons[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-panel .tabs-icons[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-panel .tabs-icons[data-v-4089da24] {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .details .scroll-fixed-header .tabs-panel .tabs-icons-left[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-panel .tabs-icons-left[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-panel .tabs-icons-left[data-v-4089da24] {
    border-radius: 0 0 0 6px
}

body .details .scroll-fixed-header .tabs-panel .tabs-icons-right[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-panel .tabs-icons-right[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-panel .tabs-icons-right[data-v-4089da24] {
    border-radius: 0 0 6px
}

body .details .scroll-fixed-header .tabs-bar[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-bar[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-bar[data-v-4089da24] {
    height: 100%
}

body .details .scroll-fixed-header .tabs-bar .tabs-line[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-bar .tabs-line[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-bar .tabs-line[data-v-4089da24] {
    display: none
}

body .details .scroll-fixed-header .tabs-bar .tabs-item-wrap[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-bar .tabs-item-wrap[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-bar .tabs-item-wrap[data-v-4089da24] {
    align-items: center;
    padding-left: 16px
}

body .details .scroll-fixed-header .tabs-bar .tabs-item[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-bar .tabs-item[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-bar .tabs-item[data-v-4089da24] {
    color: var(--q-gb-t-c-1);
    font-weight: 400;
    min-width: 60px;
    height: 24px;
    line-height: 23px;
    background-color: #3b435933;
    border: .5px solid rgb(61, 65, 82);
    border-radius: 15px;
    margin-right: 10px
}

body .details .scroll-fixed-header .tabs-bar .tabs-item[data-v-4089da24]:hover,
body .right_details_wrap .scroll-fixed-header .tabs-bar .tabs-item[data-v-4089da24]:hover,
body .virtual_details .scroll-fixed-header .tabs-bar .tabs-item[data-v-4089da24]:hover {
    border: .5px solid #2cb2ff;
    background-color: #2cb2ff0f;
    color: var(--q-gb-t-c-1)
}

body .details .scroll-fixed-header .tabs-bar .tabs-item.active[data-v-4089da24],
body .right_details_wrap .scroll-fixed-header .tabs-bar .tabs-item.active[data-v-4089da24],
body .virtual_details .scroll-fixed-header .tabs-bar .tabs-item.active[data-v-4089da24] {
    color: var(--q-gb-t-c-1);
    font-weight: 600;
    background-image: var(--q-gb-bg-lg-16);
    border: none;
    line-height: 24px
}

body .scroll-fixed-header .tabs-icons[data-v-4089da24] {
    background: var(--q-gb-bg-c-22)
}

body .wrap-icon .icon-signal[data-v-4089da24]:before,
body .wrap-icon .icon-star[data-v-4089da24]:before {
    color: var(--q-gb-bg-c-8)
}

body .wrap-icon:hover .icon-signal[data-v-4089da24]:before {
    color: var(--q-match-resluts-t-c-2) !important
}

body .wrap-template .handicap-item.sub-title-2[data-v-4089da24] {
    color: var(--q-gb-t-c-16);
    font-size: 12px;
    font-weight: 500
}

body .wrap-template .handicap-item.os-1:hover .c-bet-item .bet-item[data-v-4089da24] {
    color: var(--q-gb-t-c-5)
}

body .wrap-template .handicap-item.os-1:hover .c-bet-item .bet-item .yb-family-odds.normal_color[data-v-4089da24] {
    color: var(--q-gb-t-c-8)
}

body .wrap-template .handicap-item.os-1:hover .c-bet-item .bet-item .yb-family-odds.normal_color .color[data-v-4089da24] {
    color: var(--q-gb-t-c-16)
}

body .wrap-template .handicap-item .c-bet-item .bet-item[data-v-4089da24] {
    min-width: 35px;
    font-size: 12px;
    color: var(--q-gb-t-c-5)
}

body .wrap-template .handicap-item .c-bet-item .bet-item .yb-family-odds[data-v-4089da24] {
    color: var(--q-gb-t-c-16);
    font-weight: 500;
    min-width: 20px
}

body .wrap-template .handicap-item .c-bet-item .bet-item .yb-family-odds.normal_color[data-v-4089da24] {
    color: var(--q-gb-t-c-8)
}

body .wrap-template .handicap-item .c-bet-item .bet-item .yb-family-odds.normal_color .color[data-v-4089da24] {
    color: var(--q-gb-t-c-16)
}

body .wrap-template .handicap-item .c-bet-item .lock_color0 .yb-family-odds[data-v-4089da24],
body .wrap-template .handicap-item .c-bet-item .lock_color0 .bet_handicap[data-v-4089da24] {
    color: #afb3c84d !important
}

body .wrap-template .handicap-item .c-bet-item .lock_color1 .yb-family-odds[data-v-4089da24],
body .wrap-template .handicap-item .c-bet-item .lock_color1 .bet_handicap[data-v-4089da24] {
    color: #ffffff12 !important
}

body .wrap-template .handicap-item .c-bet-item.has_dov_odd .bet-item .yb-family-odds[data-v-4089da24],
body .wrap-template .handicap-item .c-bet-item.has_dov_odd:hover .bet-item .yb-family-odds[data-v-4089da24] {
    color: var(--q-text-color-ovt-1-default)
}

body .wrap-template .handicap-item .c-bet-item.has_dov_odd .bet-item[data-v-4089da24] {
    color: var(--q-text-color-ovt-1-default) !important
}

body .details .wrap-handicap[data-v-4089da24] {
    border-right: none !important
}

body .wrap-title[data-v-4089da24] {
    background: var(--q-gb-bg-c-13);
    border-bottom: none
}

body .wrap-title .group-back i[data-v-4089da24]:before {
    color: var(--q-gb-t-c-13) !important
}

body .wrap-title .title[data-v-4089da24] {
    color: var(--q-gb-t-c-5)
}

body .wrap-title .right-icon .refresh[data-v-4089da24],
body .wrap-title .right-icon .sr-link-icon-w[data-v-4089da24] {
    border-radius: 13px !important;
    background-color: var(---q-gb-bg-c-22);
    background-image: var(--q-gb-bg-c-20)
}

body .wrap-title .right-icon .refresh i[data-v-4089da24],
body .wrap-title .right-icon .sr-link-icon-w i[data-v-4089da24] {
    color: var(--q-gb-t-c-1)
}

body .wrap-title .right-icon .refresh i[data-v-4089da24]:before,
body .wrap-title .right-icon .sr-link-icon-w i[data-v-4089da24]:before {
    color: var(--q-match-resluts-t-c-3) !important
}

body .wrap-title .right-icon .refresh[data-v-4089da24]:hover,
body .wrap-title .right-icon .sr-link-icon-w[data-v-4089da24]:hover {
    background: var(--q-gb-bg-c-22)
}

body .wrap-title .right-icon .refresh .icon-balance_refresh span[data-v-4089da24],
body .wrap-title .right-icon .sr-link-icon-w .icon-balance_refresh span[data-v-4089da24] {
    font-size: 18px
}

body .wrap-title .right-icon .refresh .icon-balance_refresh span[data-v-4089da24]:before,
body .wrap-title .right-icon .sr-link-icon-w .icon-balance_refresh span[data-v-4089da24]:before {
    color: #999
}

body .details .scroll-header[data-v-4089da24]:before,
body .virtual_details .scroll-header[data-v-4089da24]:before {
    content: "";
    position: absolute;
    width: 100%;
    background-color: var(--q-gb-bg-c-22);
    height: 6px;
    z-index: -1
}

body .wrap-template .template-title+.handicap[data-v-4089da24] {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template .template-title .play-name[data-v-4089da24] {
    color: var(--q-gb-t-c-5);
    font-weight: 500;
    font-size: 13px
}

body .wrap-template .template-title .play-name[data-v-4089da24]:before {
    background: var(--q-gb-bg-c-17)
}

body .wrap-template .icon-set_top[data-v-4089da24]:before {
    color: var(--q-gb-t-c-16)
}

body .wrap-template .handicap .no_border_bottom[data-v-4089da24] {
    border-bottom: 0 none !important
}

body .wrap-template .handicap .handicap-item[data-v-4089da24] {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template .handicap .handicap-item[data-v-4089da24]:not(:last-child) {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template .handicap .handicap-item .highlight[data-v-4089da24] {
    color: var(--q-gb-t-c-16)
}

body .wrap-template .handicap .handicap-item.border-right[data-v-4089da24] {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template .handicap .has_dov_odd[data-v-4089da24] {
    padding: 0 22px 0 12px;
    background-color: var(--q-default-details-2-dov)
}

body .wrap-template .handicap .c-bet-item.active .highlight[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .item-label[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .common-none[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .yb-number-font[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .bet_handicap[data-v-4089da24] {
    color: var(--q-Handicap-click-text-color) !important
}

body .wrap-template .handicap .c-bet-item.active .highlight .color[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .item-label .color[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .common-none .color[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .yb-number-font .color[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .bet_handicap .color[data-v-4089da24] {
    color: var(--q-gb-t-c-1)
}

body .wrap-template .handicap .c-bet-item.active .highlight .ellipsis-wrap[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .item-label .ellipsis-wrap[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .common-none .ellipsis-wrap[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .yb-number-font .ellipsis-wrap[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .bet_handicap .ellipsis-wrap[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .highlight .on-text[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .item-label .on-text[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .common-none .on-text[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .yb-number-font .on-text[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .bet_handicap .on-text[data-v-4089da24] {
    color: var(--q-Handicap-click-text-color) !important
}

body .wrap-template .handicap .c-bet-item.active .highlight.yb-family-odds[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .item-label.yb-family-odds[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .common-none.yb-family-odds[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .yb-number-font.yb-family-odds[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .bet_handicap.yb-family-odds[data-v-4089da24] {
    color: var(--q-text-color-btn-click) !important
}

body .wrap-template .handicap .c-bet-item.active .highlight.yb-family-odds .first-title[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .highlight.yb-family-odds .third-title[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .item-label.yb-family-odds .first-title[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .item-label.yb-family-odds .third-title[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .common-none.yb-family-odds .first-title[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .common-none.yb-family-odds .third-title[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .yb-number-font.yb-family-odds .first-title[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .yb-number-font.yb-family-odds .third-title[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .bet_handicap.yb-family-odds .first-title[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .bet_handicap.yb-family-odds .third-title[data-v-4089da24] {
    color: #fff
}

body .wrap-template .handicap .c-bet-item.active .highlight.yb-family-odds .color[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .item-label.yb-family-odds .color[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .common-none.yb-family-odds .color[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .yb-number-font.yb-family-odds .color[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .bet_handicap.yb-family-odds .color[data-v-4089da24],
body .wrap-template .handicap .c-bet-item.active .bet_handicap_first[data-v-4089da24] {
    color: var(--q-text-color-btn-click) !important
}

body .wrap-template .handicap .c-bet-item.active .odd_dov .dov_total[data-v-4089da24] {
    color: #fff;
    background-color: var(--q-gb-t-c-16)
}

body .wrap-template .handicap .c-bet-item .odd_dov[data-v-4089da24] {
    margin-right: -12px
}

body .wrap-template .handicap .c-bet-item .odd_dov .dov_normal[data-v-4089da24]:hover {
    color: unset !important
}

body .wrap-template .handicap .c-bet-item .odd_dov .dov_total[data-v-4089da24]:hover {
    color: #fff;
    background-color: var(--q-gb-t-c-16)
}

body .wrap-template .handicap-sub-title[data-v-4089da24] {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template .sub-title-1[data-v-4089da24] {
    color: var(--q-gb-t-c-6)
}

body .wrap-template .sub-title-1[data-v-4089da24]:nth-child(2) {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template7 .bet-item .yb-family-odds[data-v-4089da24],
body .wrap-template.template2 .bet-item .yb-family-odds[data-v-4089da24] {
    color: #179cff
}

body .wrap-template.template3 .main-handicap:not(:last-child) .handicap-item[data-v-4089da24] {
    border-bottom: 1px solid rgb(40, 43, 55)
}

body .wrap-template.template4 .sub-title[data-v-4089da24],
body .wrap-template.template18 .sub-title[data-v-4089da24] {
    color: var(--q-gb-t-c-6);
    background: transparent
}

body .wrap-template.template4 .handicap-sub-title .handicap-item[data-v-4089da24],
body .wrap-template.template18 .handicap-sub-title .handicap-item[data-v-4089da24] {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template4 .handicap-sub-title .part-left .handicap-item[data-v-4089da24],
body .wrap-template.template18 .handicap-sub-title .part-left .handicap-item[data-v-4089da24] {
    border-right: 0
}

body .wrap-template.template4 .handicap-sub-title .part-middle .handicap-item[data-v-4089da24],
body .wrap-template.template18 .handicap-sub-title .part-middle .handicap-item[data-v-4089da24] {
    border-left: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template4 .other-item[data-v-4089da24],
body .wrap-template.template18 .other-item[data-v-4089da24] {
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 5px;
    height: 34px
}

body .wrap-template.template4 .other-item .other[data-v-4089da24],
body .wrap-template.template18 .other-item .other[data-v-4089da24] {
    background: transparent
}

body .wrap-template.template4 .other-item .placehold[data-v-4089da24]:not(:last-child),
body .wrap-template.template18 .other-item .placehold[data-v-4089da24]:not(:last-child) {
    display: none
}

body .wrap-template.template4 .other-item .placehold[data-v-4089da24]:last-child,
body .wrap-template.template18 .other-item .placehold[data-v-4089da24]:last-child {
    flex: unset;
    width: 33.33%;
    border-radius: 4px;
    padding: 0 5px
}

body .wrap-template.template6 .sub-title[data-v-4089da24] {
    color: var(--q-gb-t-c-6);
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    border-top: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template6 .main-handicap .on-text-other[data-v-4089da24] {
    color: var(--q-gb-t-c-16)
}

body .wrap-template.template6 .main-handicap .group .flex-1:not(:last-child) .handicap-item[data-v-4089da24] {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template6 .main-handicap .group .flex-1:last-child .handicap-item[data-v-4089da24] {
    border-right: none
}

body .wrap-template.template6 .main-handicap .group .handicap-item .on-text[data-v-4089da24] {
    color: var(--q-gb-t-c-16)
}

body .wrap-template.template6 .main-handicap .group .handicap-item .active .on-text[data-v-4089da24] {
    color: var(--q-gb-t-c-1)
}

body .wrap-template.template6 .main-handicap .c-bet-item.active .on-text-other[data-v-4089da24] {
    color: var(--q-Handicap-click-text-color)
}

body .wrap-template.template6 .handicap .handicap-item[data-v-4089da24]:nth-child(odd) {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template6 .handicap .handicap-item[data-v-4089da24]:last-child {
    border-bottom: none
}

body .wrap-template.template9 .sub-title[data-v-4089da24] {
    color: var(--q-gb-t-c-6)
}

body .wrap-template.template10 .handicap .handicap-layout:first-child .handicap-item[data-v-4089da24],
body .wrap-template.template10 .handicap .handicap-layout:nth-child(2) .handicap-item[data-v-4089da24] {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template10 .handicap .handicap-layout:nth-child(3) .handicap-item[data-v-4089da24] {
    border-right: none
}

body .wrap-template.template10 .handicap .layout-line .handicap-item[data-v-4089da24] {
    border-bottom: none
}

body .wrap-template.template10 .handicap .layout-line .handicap-item[data-v-4089da24]:not(:last-child) {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template10 .handicap .handicap-item .c-bet-item .bet-item[data-v-4089da24] {
    color: var(--q-gb-t-c-16);
    font-weight: 500
}

body .is_rang .handicap-item .c-bet-item .bet-item[data-v-4089da24] {
    color: var(--q-gb-t-c-20)
}

body .is_rang .handicap-item.os-1:hover .c-bet-item .bet-item[data-v-4089da24] {
    color: var(--q-gb-t-c-5)
}

body .v-scroll-area[data-v-4089da24]:after {
    border-left: none
}

body .hot-title[data-v-4089da24]:before,
body .recents-tilte[data-v-4089da24]:before,
body .panel-title[data-v-4089da24]:before {
    background: var(--q-gb-bg-c-1);
    width: 3px !important;
    border-radius: 1.5px
}

body .screen[data-v-4089da24] {
    color: var(--q-gb-t-c-3)
}

body .screen .c-video-ctrl .ctrl-wrap .name[data-v-4089da24] {
    color: var(--q-gb-t-c-1)
}

body .screen .right_details_header[data-v-4089da24] {
    border-radius: 6px 6px 0 0;
    background: var(--q-gb-bg-c-11)
}

body .screen .right_details_header.is_esports[data-v-4089da24] {
    border-radius: 6px
}

body .screen .right_details_header .show_row .process-name[data-v-4089da24] {
    font-size: 10px;
    word-wrap: break-word;
    width: 62px;
    line-height: 1
}

body .screen .head-info[data-v-4089da24] {
    color: var(--q-gb-t-c-1)
}

body .screen .head-info .process-name[data-v-4089da24],
body .screen .head-info .c-match-date[data-v-4089da24] {
    color: var(--q-text-color-2-2-hot-sub)
}

body .screen .head-info .hide-btn[data-v-4089da24] {
    color: var(--q-gb-t-c-1)
}

body .screen .head-info .hide-btn[data-v-4089da24]:hover {
    background: #1f2129cc
}

body .screen .wrap-tabs[data-v-4089da24] {
    background: var(--q-gb-bg-c-30);
    border-top: none
}

body .screen .wrap-tabs.all_empty[data-v-4089da24] {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .screen .wrap-tabs .tabs-icons[data-v-4089da24] {
    background: var(--q-gb-bg-c-22)
}

body .screen .wrap-tabs .tabs-icons .yb-icon-arrow[data-v-4089da24]:before {
    border-color: #2cb2ff;
    border-top: 1px solid #2cb2ff;
    border-right: 1px solid #2cb2ff
}

body .screen .wrap-tabs .row[data-v-4089da24] {
    background: var(--q-gb-bg-c-13)
}

body .screen .wrap-tabs .row i[data-v-4089da24]:before {
    color: var(--q-gb-t-c-13)
}

body .screen .wrap-tabs .row i.active[data-v-4089da24]:before {
    color: var(--q-gb-t-c-16) !important
}

body .screen .template-title.is_fold[data-v-4089da24] {
    border-top: none
}

body .screen .template-title .play-name[data-v-4089da24]:before {
    width: var(--q-match-resluts-width-1);
    background: var(--q-gb-bg-c-17)
}

body .screen .other-item[data-v-4089da24] {
    background: var(--q-gb-bg-c-11)
}

body .screen .other-item .c-bet-item .bet_handicap[data-v-4089da24] {
    color: var(--q-gb-t-c-16);
    font-weight: 500
}

body .screen .other-item .os-1 .active .bet_handicap[data-v-4089da24] {
    color: var(--q-gb-t-c-18)
}

body .screen .other-item .os-1:hover .c-bet-item[data-v-4089da24] {
    border-color: transparent;
    background: var(--q-gb-bg-c-63)
}

body .screen .other-item .os-1:hover .c-bet-item.active .bet_handicap[data-v-4089da24] {
    color: var(--q-gb-t-c-18)
}

body .screen .detail_right_model[data-v-4089da24] {
    background: var(--q-gb-bg-c-22)
}

body .screen .detail_right_model .baseball .wrap-up .chart-round .item-warp .round-item.is_get[data-v-4089da24],
body .screen .detail_right_model .baseball .wrap-up .chart-rhombus .wrap-rhombus .rhombus-item.is_get[data-v-4089da24],
body .screen .detail_right_model .baseball .wrap-down .wrap-line .line-item.is_get[data-v-4089da24] {
    background: var(--q-gb-bg-c-17)
}

body .screen .wrap-total[data-v-4089da24] {
    background: transparent;
    color: var(--q-gb-t-c-1)
}

body .screen .wrap-total .score-tips[data-v-4089da24] {
    color: var(--q-gb-t-c-1)
}

body .screen .wrap-total .wrap-score[data-v-4089da24] {
    color: var(--q-gb-t-c-10) !important
}

body .screen .wrap-total .item-title[data-v-4089da24] {
    background: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .screen .wrap-total .item-title i[data-v-4089da24]:before {
    color: var(--q-gb-t-c-16)
}

body .screen .wrap-total .item-title span[data-v-4089da24] {
    color: var(--q-gb-t-c-3)
}

body .screen .wrap-total .status-tips[data-v-4089da24],
body .screen .wrap-total .scale[data-v-4089da24] {
    color: var(--q-gb-t-c-5) !important
}

body .screen .wrap-total .baseball .desc[data-v-4089da24] {
    color: var(--q-gb-t-c-1)
}

body .screen .wrap-hot[data-v-4089da24] {
    background-color: var(--q-gb-bg-c-22);
    color: var(--q-gb-t-c-1)
}

body .screen .wrap-hot .item-title[data-v-4089da24] {
    background: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .screen .wrap-hot .item-title span[data-v-4089da24] {
    color: var(--q-gb-t-c-3);
    font-weight: 600
}

body .screen .wrap-hot .item-title i[data-v-4089da24]:before {
    color: var(--q-gb-t-c-16)
}

body .screen .wrap-hot .info[data-v-4089da24] {
    color: var(--q-gb-t-c-21) !important
}

body .screen .wrap-hot .info .info-title[data-v-4089da24] {
    font-weight: 600
}

body .screen .wrap-hot .info .time-content[data-v-4089da24] {
    color: var(--q-text-color-2-2-hot-sub)
}

body .screen .wrap-hot .info .c-match-date[data-v-4089da24] {
    color: var(--q-text-color-2-2-hot-sub) !important;
    font-weight: 500
}

body .screen .wrap-hot .info .img-wrap[data-v-4089da24] {
    background-color: var(--q-gb-bg-c-22)
}

body .screen .wrap-hot .info .info-score .item[data-v-4089da24] {
    color: var(--q-gb-t-c-16)
}

body .screen .wrap-hot .info .info-botn[data-v-4089da24] {
    color: var(--q-gb-t-c-3)
}

body .screen .wrap-hot .carousel .handicap .handicap-item[data-v-4089da24] {
    background: transparent;
    border-radius: 6px
}

body .screen .wrap-hot .carousel .handicap .handicap-item .c-bet-item .play-name[data-v-4089da24] {
    color: var(--q-gb-t-c-5)
}

body .screen .wrap-hot .carousel .handicap .handicap-item .c-bet-item .odds[data-v-4089da24] {
    color: var(--q-text-color-2)
}

body .screen .wrap-hot .carousel .more-handel div[data-v-4089da24] {
    background: var(--q-gb-bg-c-22);
    color: var(--q-gb-t-c-3);
    border-radius: 6px
}

body .screen .wrap-hot .carousel .more-handel div:hover .set-color[data-v-4089da24]:before {
    color: var(--q-match-resluts-t-c-2)
}

body .screen .wrap-hot .carousel .control .btn[data-v-4089da24] {
    display: block
}

body .screen .wrap-hot .carousel .control .control-item[data-v-4089da24] {
    background: var(--q-gb-bd-c-8)
}

body .screen .wrap-hot .carousel .control .control-item.active[data-v-4089da24] {
    background: var(--q-gb-t-c-16)
}

body .screen .wrap-hot .c-match-process .no-start span[data-v-4089da24]:nth-child(1) {
    display: block
}

body .screen .wrap-hot .up.is_red_green .odds[data-v-4089da24] {
    color: red
}

body .screen .wrap-hot .up.is_green_red .odds[data-v-4089da24],
body .screen .wrap-hot .down.is_red_green .odds[data-v-4089da24] {
    color: green
}

body .screen .wrap-hot .down.is_green_red .odds[data-v-4089da24] {
    color: red
}

body .screen .wrap-recents[data-v-4089da24] {
    margin-top: 4px;
    background: transparent;
    padding-bottom: 30px;
    color: var(--q-match-resluts-t-c-4)
}

body .screen .wrap-recents .title[data-v-4089da24] {
    background: var(--q-gb-bg-c-11)
}

body .screen .wrap-recents .title .wrap-img span[data-v-4089da24] {
    color: var(--q-match-details-title);
    font-weight: 600
}

body .screen .wrap-recents .title .c-match-date[data-v-4089da24] {
    color: var(--q-gb-t-c-5)
}

body .screen .wrap-recents .score[data-v-4089da24] {
    color: var(--q-gb-t-c-16)
}

body .screen .wrap-recents .handicap .handicap-item[data-v-4089da24] {
    border-radius: 6px
}

body .screen .wrap-recents .handicap .up.is_red_green .odds[data-v-4089da24] {
    color: red
}

body .screen .wrap-recents .handicap .up.is_green_red .odds[data-v-4089da24],
body .screen .wrap-recents .handicap .down.is_red_green .odds[data-v-4089da24] {
    color: green
}

body .screen .wrap-recents .handicap .down.is_green_red .odds[data-v-4089da24] {
    color: red
}

body .screen .wrap-recents .item-title[data-v-4089da24] {
    background: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    color: var(--q-match-details-title)
}

body .screen .wrap-recents .item-title i[data-v-4089da24]:before {
    color: var(--q-gb-t-c-16)
}

body .screen .wrap-recents .time-content[data-v-4089da24] {
    max-width: unset
}

body .screen .wrap-recents .no-start span[data-v-4089da24]:nth-child(1) {
    display: block
}

body .screen .c-video-ctrl[data-v-4089da24] {
    background: var(--q-gb-bg-c-22)
}

body .screen .c-video-ctrl .ctrl-wrap[data-v-4089da24] {
    background: var(--q-gb-bg-c-13) !important;
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .screen .c-video-ctrl .ctrl-wrap i[data-v-4089da24] {
    color: var(--q-gb-t-c-3) !important
}

body .screen .c-video-ctrl .vs-team-container[data-v-4089da24] {
    background: #f6f7fa !important;
    border-top: none
}

body .screen .c-esports-match-list[data-v-4089da24] {
    background-color: var(--q-gb-bg-c-22);
    padding-top: 8px;
    border-top: none
}

body .screen .c-esports-match-list .match-item[data-v-4089da24] {
    background-color: var(--q-gb-bg-c-11);
    border-top: 1px solid var(--q-gb-bd-c-6)
}

body .screen .c-esports-match-list .match-item.active[data-v-4089da24] {
    color: var(--q-gb-t-c-16)
}

body .screen .c-esports-match-list .match-item[data-v-4089da24]:first-child {
    border-radius: 6px 6px 0 0 !important
}

body .screen .c-esports-match-list .match-item[data-v-4089da24]:last-child {
    border-radius: 0 0 6px 6px !important
}

body .basketball-after .time-node[data-v-4089da24],
body .basketball-after .common-score[data-v-4089da24] {
    color: var(--q-gb-t-c-28)
}

body .basketball-after .info-data span[data-v-4089da24] {
    color: var(--q-gb-t-c-28) !important
}

body .basketball-after .score[data-v-4089da24] {
    color: var(--q-gb-t-c-16) !important
}

body .basketball-after .stage-13 span[data-v-4089da24]:nth-child(1) {
    color: var(--q-gb-t-c-16) !important
}

body .basketball-after .stage-14 span[data-v-4089da24]:nth-child(2),
body .basketball-after .stage-301 span[data-v-4089da24]:nth-child(2) {
    color: var(--q-gb-t-c-16) !important
}

body .basketball-after .stage-15 span[data-v-4089da24]:nth-child(4),
body .basketball-after .stage-302 span[data-v-4089da24]:nth-child(4) {
    color: var(--q-gb-t-c-16) !important
}

body .basketball-after .stage-16 span[data-v-4089da24]:nth-child(5),
body .basketball-after .stage-303 span[data-v-4089da24]:nth-child(5) {
    color: var(--q-gb-t-c-16) !important
}

body .football-after .info-both .info-data span[data-v-4089da24] {
    color: var(--q-gb-bd-c-13)
}

body .football-after .info-both .mmp-active[data-v-4089da24] {
    color: var(--q-gb-t-c-16)
}

body .more-info[data-v-4089da24] {
    color: var(--q-gb-t-c-1) !important
}

body .more-info .time-node .current_color[data-v-4089da24],
body .more-info .score[data-v-4089da24] {
    color: var(--q-gb-t-c-16)
}

body .more-info .both-item .wrap-round .round[data-v-4089da24] {
    background: var(--q-gb-bg-c-17)
}

body .more-info .stage-13 span[data-v-4089da24]:nth-child(1) {
    color: var(--q-gb-t-c-16) !important
}

body .more-info .stage-14 span[data-v-4089da24]:nth-child(2),
body .more-info .stage-301 span[data-v-4089da24]:nth-child(2) {
    color: var(--q-gb-t-c-16) !important
}

body .more-info .stage-15 span[data-v-4089da24]:nth-child(3),
body .more-info .stage-302 span[data-v-4089da24]:nth-child(3) {
    color: var(--q-gb-t-c-16) !important
}

body .more-info .stage-16 span[data-v-4089da24]:nth-child(4),
body .more-info .stage-303 span[data-v-4089da24]:nth-child(4) {
    color: var(--q-gb-t-c-16) !important
}

body .basketball-chart .team-info[data-v-4089da24],
body .basketball-chart .score-num[data-v-4089da24] {
    color: var(--q-gb-t-c-6)
}

body .basketball-chart .stripe-left[data-v-4089da24],
body .basketball-chart .stripe-right[data-v-4089da24],
body .basketball-chart .score-more .stop .dot.default[data-v-4089da24] {
    background-color: var(--q-gb-bg-c-22)
}

body .go-top-btn[data-v-4089da24] {
    background: #3e414d;
    color: #babdcc !important
}

body .go-top-btn .icon-go_top[data-v-4089da24]:before {
    color: #babdcc !important
}

body .go-top-btn[data-v-4089da24]:hover {
    background: #535766;
    color: #fff !important
}

body .go-top-btn:hover .icon-go_top[data-v-4089da24]:before {
    color: #fff !important
}

.new-pc-202411 .basketball-after .score[data-v-4089da24] {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .basketball-after .stage-13 span[data-v-4089da24]:nth-child(1) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .basketball-after .stage-14 span[data-v-4089da24]:nth-child(2),
.new-pc-202411 .basketball-after .stage-301 span[data-v-4089da24]:nth-child(2) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .basketball-after .stage-15 span[data-v-4089da24]:nth-child(4),
.new-pc-202411 .basketball-after .stage-302 span[data-v-4089da24]:nth-child(4) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .basketball-after .stage-16 span[data-v-4089da24]:nth-child(5),
.new-pc-202411 .basketball-after .stage-303 span[data-v-4089da24]:nth-child(5) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .football-after .info-both .mmp-active[data-v-4089da24],
.new-pc-202411 .more-info .time-node .current_color[data-v-4089da24],
.new-pc-202411 .more-info .score[data-v-4089da24] {
    color: var(--q-gb-t-c-16)
}

.new-pc-202411 .more-info .stage-13 span[data-v-4089da24]:nth-child(1) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .more-info .stage-14 span[data-v-4089da24]:nth-child(2),
.new-pc-202411 .more-info .stage-301 span[data-v-4089da24]:nth-child(2) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .more-info .stage-15 span[data-v-4089da24]:nth-child(3),
.new-pc-202411 .more-info .stage-302 span[data-v-4089da24]:nth-child(3) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .more-info .stage-16 span[data-v-4089da24]:nth-child(4),
.new-pc-202411 .more-info .stage-303 span[data-v-4089da24]:nth-child(4) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-2025 .screen .wrap-recents .item-title[data-v-4089da24] {
    border-top: 2px solid var(--q-stroke-color-2);
    border-right: 2px solid var(--q-stroke-color-2);
    border-left: 2px solid var(--q-stroke-color-2);
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.new-pc-2025 .screen .wrap-recents .title[data-v-4089da24] {
    background: var(--q-bg-color-1-3)
}

.new-pc-2025 .bet-inner .handicap-wrap[data-v-4089da24] {
    color: var(--q-text-color-disable)
}

.new-pc-2025 .details .scroll-fixed-header .tabs-panel .tab-item[data-v-4089da24],
.new-pc-2025 .right_details_wrap .scroll-fixed-header .tabs-panel .tab-item[data-v-4089da24],
.new-pc-2025 .virtual_details .scroll-fixed-header .tabs-panel .tab-item[data-v-4089da24] {
    border-radius: 999px;
    border: 1px solid var(--q-btn-outline-color-1);
    background: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2, rgba(255, 255, 255, .08)) 48%, var(--q-btn-gradient-color-1-3) 100%);
    box-shadow: 0 2px 2px 0 var(--q-shadow-3, rgba(0, 0, 0, .3))
}

.new-pc-2025 .screen .wrap-tabs[data-v-4089da24] {
    background: var(--q-bg-color-1-3)
}

.new-pc-2025 .wrap-title .title[data-v-4089da24] {
    color: var(--q-text-color-1)
}

.new-pc-2025 .wrap-icon .icon-signal[data-v-4089da24]:before,
.new-pc-2025 .wrap-icon .icon-star[data-v-4089da24]:before {
    color: var(--q-icon-color-1)
}

.new-pc-2025 .screen .wrap-hot .carousel .handicap .handicap-item[data-v-4089da24] {
    background: transparent
}

.details[data-v-4089da24] {
    display: flex;
    height: 100% !important
}

.details .wrap-handicap[data-v-4089da24] {
    display: flex;
    flex: 1;
    flex-flow: column;
    width: 100%;
    height: 100%;
    border-right: 2px solid #1e232a
}

.details .wrap-handicap .v-scroll-area[data-v-4089da24]:after {
    border-left: none
}

.details .bg-wrap-handicap[data-v-4089da24] {
    background: #2b3038
}

.details .smaple-left-border[data-v-4089da24] {
    border-left: 6px solid #1d212a
}

.details .screen[data-v-4089da24] {
    display: flex;
    flex-flow: column;
    height: 100%;
    font-size: 12px
}

.details .screen[data-v-4089da24] .content-wrap {
    border-top: none
}

.details .screen .match_list_hot[data-v-4089da24] {
    z-index: 5;
    background: var(--q-gb-bg-c-22)
}

.details .screen .match_list_hot.state-empty[data-v-4089da24] {
    margin-top: 220px
}

.details .screen .match_list_hot.state-empty.esport-list[data-v-4089da24] {
    margin-top: 250px
}

.details .screen .match-list-data-empty[data-v-4089da24] {
    margin-top: 220px
}

.details .screen .screen-detail_header[data-v-4089da24] .left-btn,
.details .screen .screen-detail_header[data-v-4089da24] .right-btn {
    background-color: var(--q-gb-bg-c-13)
}

.details .screen .screen-detail_header .right_match_info .before .team .team_name[data-v-4089da24],
.details .screen .screen-detail_header .right_match_info .before .team .match_time .time-content div[data-v-4089da24],
.details .screen .screen-detail_header .right_match_info .football-after[data-v-4089da24] {
    color: #fff
}

.details .screen .screen-detail_header .right_match_info .football-after .info-time .match-date .time-content .process-name[data-v-4089da24] {
    color: var(--q-score-normal) !important
}

.details .screen .screen-detail_header .right_match_info .football-after .info-time .match-date .time-content .date-wrap[data-v-4089da24],
.details .screen .screen-detail_header .right_match_info .football-after .info-time .match-date .time-content .add-time[data-v-4089da24] {
    color: #fff !important
}

.details .screen .screen-detail_header .right_match_info .football-after .info-both .wrap-logo[data-v-4089da24],
.details .screen .screen-detail_header .right_match_info .football-after .info-both .info-data span[data-v-4089da24],
.details .screen .screen-detail_header .more-info .more-time[data-v-4089da24],
.details .screen .screen-detail_header .more-info .more-time .time-content .process-name[data-v-4089da24],
.details .screen .screen-detail_header .more-info .more-both[data-v-4089da24] {
    color: #fff
}

.details .screen .screen-detail_header .more-info .more-both .both-item .wrap-round .round[data-v-4089da24] {
    background-color: var(--q-gb-bg-c-1) !important
}

.details .head-info[data-v-4089da24] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 190px;
    background-size: cover !important;
    color: #fff
}

.details .head-info .info-upd[data-v-4089da24] {
    z-index: 90;
    justify-content: center
}

.details .head-info .info-upd[data-v-4089da24] .match_time .timer-layout2 {
    width: 100%;
    min-width: 42px
}

.details .head-info .hide-btn[data-v-4089da24] {
    position: absolute;
    top: 13px;
    right: 13px;
    padding: 5px 6px;
    border-radius: 13px;
    background: #1f212999;
    cursor: pointer
}

.details .head-info .hide-btn[data-v-4089da24]:hover {
    background: #1f2129cc;
    color: #fff
}

.details[data-v-4089da24] .v-scroll-area .v-scrollarea.fit .v-scrollarea.fit,
.details[data-v-4089da24] .v-scroll-area .v-scrollarea.fit .middle-content {
    border: unset !important
}

.sub-title[data-v-4089da24] {
    justify-content: space-between
}

.cursor[data-v-4089da24] {
    cursor: pointer
}

.details_data_load[data-v-4089da24] {
    position: absolute;
    z-index: 3;
    width: 100%;
    pointer-events: none
}

.details_data_load .yb-flex-center[data-v-4089da24] {
    justify-content: unset
}

.details_data_load .empty-wrap .esports[data-v-4089da24] {
    padding-top: 30%
}

.theme01 .match_list_hot[data-v-4089da24] .load-data-wrap {
    background-color: #f9fbfc
}

.theme02 .match_list_hot[data-v-4089da24] .load-data-wrap {
    background-color: #181822
}

.details-handicap[data-v-4089da24] .template4 .other-item {
    margin: 5px;
    width: calc(100% - 10px)
}

.details-handicap[data-v-4089da24] .template4 .other-item .os-1:hover .c-bet-item {
    background-color: var(--q-gb-bg-c-63)
}

[data-v-4089da24] .hot-match-list {
    background: var(--q-gb-bg-c-22)
}

.right_details_wrap.full-screen[data-v-4089da24] {
    position: fixed;
    width: 400px !important;
    height: auto !important;
    top: 71px;
    right: 68px;
    bottom: 71px;
    z-index: 1100
}

.right_details_wrap.full-screen[data-v-4089da24] .bottom-bet-prefer .b-icon-arrow {
    border-color: #fff
}

.right_details_wrap.full-screen[data-v-4089da24] .bet-item .ellipsis-wrap,
.right_details_wrap.full-screen[data-v-4089da24] .bet-item .ellipsis-name-wrap {
    color: #fff9;
    padding: 0 4px
}

.right_details_wrap.full-screen[data-v-4089da24] .item-label.bet-ellipsis.ellipsis {
    justify-content: center
}

.right_details_wrap.full-screen[data-v-4089da24] .sub-title.ellipsis {
    color: #fff9 !important
}

.right_details_wrap.full-screen[data-v-4089da24] .bet_handicap.ellipsis {
    color: #99a3b1
}

.right_details_wrap.full-screen[data-v-4089da24] .play-name>span.ellipsis {
    color: inherit
}

.right_details_wrap.full-screen[data-v-4089da24] .v-scroll-area:after {
    display: none
}

.right_details_wrap.full-screen[data-v-4089da24] .v-scroll-area .pc-common-container-2024 {
    background-color: unset !important
}

.right_details_wrap.full-screen[data-v-4089da24] .v-scroll-area .content-wrap {
    border: none !important;
    border-radius: 8px;
    overflow: hidden
}

.right_details_wrap.full-screen[data-v-4089da24] .v-scroll-area .content-wrap .scroll-header {
    padding-right: 0 !important;
    position: relative
}

.right_details_wrap.full-screen[data-v-4089da24] .v-scroll-area .content-wrap .v-scrollarea {
    border-radius: 0 0 8px 8px;
    background-color: #000;
    height: calc(100% - 44px) !important
}

.right_details_wrap.full-screen[data-v-4089da24] .v-scroll-area .content-wrap .v-scrollarea .middle-content {
    padding-top: 0 !important
}

.right_details_wrap.full-screen[data-v-4089da24] .details_data_load {
    height: calc(100% - 44px);
    border-radius: 0 0 6px 6px
}

.right_details_wrap.full-screen[data-v-4089da24] .go-top-btn {
    background: unset !important
}

.right_details_wrap.full-screen[data-v-4089da24] .template {
    border-radius: 4px;
    background: #ffffff1a
}

.right_details_wrap.full-screen[data-v-4089da24] .template .on_l,
.right_details_wrap.full-screen[data-v-4089da24] .template .current_score {
    color: #fff !important
}

.right_details_wrap.full-screen[data-v-4089da24] .template-champion {
    border-radius: 4px;
    background: #ffffff1a
}

.right_details_wrap.full-screen[data-v-4089da24] .template-champion .on_l {
    color: #fff !important
}

.right_details_wrap.full-screen[data-v-4089da24] .template-champion .main-handicap {
    margin-top: 5px;
    background: unset !important;
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.right_details_wrap.full-screen[data-v-4089da24] .template-champion .main-handicap .handicap {
    width: 50%
}

.right_details_wrap.full-screen[data-v-4089da24] .template-champion .c-bet-item.bet-hover:not(.active):hover {
    background-color: unset !important
}

.right_details_wrap.full-screen[data-v-4089da24] .template-champion .play-info {
    height: 40px;
    padding: 3px;
    background: unset !important
}

.right_details_wrap.full-screen[data-v-4089da24] .template-champion .play-info .champion_icon_name_wrap {
    padding-left: 15px
}

.right_details_wrap.full-screen[data-v-4089da24] .template-champion .play-info .champion_item_icon_time {
    font-size: 12px;
    color: #179cff
}

.right_details_wrap.full-screen[data-v-4089da24] .template-champion .play-info .ellipsis {
    color: #fff
}

.right_details_wrap.full-screen[data-v-4089da24] .template-champion .handicap-value-text {
    color: #fff9 !important
}

.right_details_wrap.full-screen[data-v-4089da24] .template-champion .highlight-odds {
    color: #fff
}

.right_details_wrap.full-screen[data-v-4089da24] .group-template {
    background: transparent
}

.right_details_wrap.full-screen[data-v-4089da24] .common-none {
    margin-right: unset !important
}

.right_details_wrap.full-screen[data-v-4089da24] .list_right_empty {
    color: #fff !important
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template {
    margin-top: 0;
    border: 0 none !important;
    border-radius: 0
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .full-video-main-handicap {
    border-radius: 4px;
    background: #ffffff1a
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .template-title {
    height: 40px;
    padding: 0 15px 0 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 0 !important;
    margin-bottom: 10px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .template-title.is-fold {
    margin-bottom: 0
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .template-title .play-name {
    font-size: 13px;
    font-weight: 500;
    color: #fff
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .template-title .play-name:before {
    width: 5px;
    border-radius: 100px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .handicap-name {
    color: #fff
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .yb-family-odds {
    color: #fff;
    font-weight: 600
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .other-item {
    margin: 0 4px 6px;
    border: .5px solid hsla(0, 0%, 100%, .08)
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .other-item:hover .c-bet-item {
    border-color: transparent;
    background: transparent
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .sub-title-1 {
    width: 360px;
    height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 4px;
    color: #999;
    margin: 4px auto 8px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .sub-title-1 span {
    width: auto !important;
    flex: 1
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .sub-title-2 {
    border: 1px solid hsla(0, 0%, 100%, .08) !important;
    padding: .2px !important;
    color: #179cff
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .handicap {
    width: 369px;
    margin: 0 auto;
    border-top: none
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .handicap .full-handicap-item {
    flex: unset !important;
    width: 47%
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .up.is_red_green {
    background-color: var(--q-gb-bg-c-28)
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .down.is_red_green {
    background-color: var(--q-gb-bg-c-29)
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .c-bet-item .bet-item {
    margin: 0;
    color: #fff !important
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .c-bet-item .bet-item .bet_handicap {
    min-width: 15px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .c-bet-item .odds {
    font-size: 14px;
    margin: 0
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .c-bet-item .bet_handicap {
    margin: 0
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .c-bet-item .normal_color {
    color: #999 !important
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .c-bet-item .seal_lock {
    margin-left: 0
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .sub-title {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    border: none;
    background-color: #ffffff14 !important;
    color: #999;
    border-bottom: none !important;
    margin: 4px auto 8px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .handicap-sub-title {
    width: 369px;
    margin: auto;
    border-top: none
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .handicap-sub-title .flex-1 .sub-title {
    margin-bottom: 8px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .handicap-sub-title .flex-1:first-child .sub-title {
    border-radius: 4px 0 0 4px;
    margin-left: 4px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template .handicap-sub-title .flex-1:last-child .sub-title {
    border-radius: 0 4px 4px 0;
    margin-right: 4px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template0 .handicap-item {
    flex: unset !important;
    width: 176px !important
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template1 .c-bet-item {
    padding: 0;
    text-align: center
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template1 .c-bet-item.seal .handicap-wrap {
    display: none
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template1 .c-bet-item.seal .odds {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template1 .c-bet-item .bet-item {
    margin: 5px 0 0 !important;
    display: block
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template1 .c-bet-item .bet-inner {
    display: block;
    line-height: 16px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template1 .c-bet-item .odds {
    display: flex;
    justify-content: center;
    height: 14px;
    text-align: center
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template1 .c-bet-item .odds:after {
    left: 70%;
    top: 3px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template1 .c-bet-item .odds span {
    font-size: 12px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template1 .c-bet-item .yb-family-odds {
    line-height: 16px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template2 .c-bet-item {
    padding: 0 15px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template2 .c-bet-item .item-label {
    display: none
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template2 .c-bet-item .bet-item,
.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template2 .c-bet-item .bet_handicap,
.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template2 .c-bet-item .odds {
    margin: 0
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template4 .handicap-item,
.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template18 .handicap-item {
    flex: unset !important;
    width: 115px !important
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template4 .other-item,
.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template18 .other-item {
    width: 369px;
    margin: auto;
    border: none;
    height: 46px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template4 .other-item .placehold,
.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template18 .other-item .placehold {
    flex: 1 !important;
    margin: 0 4px 6px;
    border-radius: 4px;
    height: 44px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template4 .other-item .placehold .bet_handicap,
.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template18 .other-item .placehold .bet_handicap {
    margin-left: 0 !important
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template4 .other-item .placehold .empty,
.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template18 .other-item .placehold .empty {
    border: none
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template4 .handicap,
.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template18 .handicap {
    width: 100%
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template6 .sub-title {
    width: 369px;
    border-radius: 4px
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template6 .group {
    width: 369px;
    margin: 0 auto
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template6 .group .handicap {
    width: 100%
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template6 .group .handicap .handicap-item {
    flex: unset !important;
    width: 176px !important
}

.right_details_wrap.full-screen[data-v-4089da24] .wrap-template.template10 .handicap-item {
    flex: unset !important;
    width: 115px !important
}

.right_details_wrap.full-screen .tabs-panel .tab-item[data-v-4089da24] {
    color: #fff !important
}

.full-screen-show-data[data-v-4089da24] {
    top: 51px !important;
    bottom: 385px !important
}

.details_data_load[data-v-4089da24] {
    position: absolute;
    z-index: 1;
    width: 100%
}

.details_data_load[data-v-4089da24] .yb-flex-center {
    justify-content: unset
}

.details_loading[data-v-4089da24] {
    height: 3000px;
    width: 100%;
    position: absolute;
    z-index: 5
}

.theme01 .details_loading[data-v-4089da24] {
    background-color: #fffc
}

.theme02 .details_loading[data-v-4089da24] {
    background-color: #272a3380
}

.screen[data-v-4089da24] {
    display: flex;
    flex-flow: column;
    height: 100%;
    color: #99a3b1;
    font-size: 12px
}

.screen .detail_right_model[data-v-4089da24] {
    position: relative;
    z-index: 4
}

.screen .v-scroll-area[data-v-4089da24]:after {
    border-left: none
}

.screen .wrap-total[data-v-4089da24],
.screen .wrap-hot[data-v-4089da24],
.screen .wrap-recents[data-v-4089da24] {
    position: relative;
    z-index: 10;
    margin-top: 4px;
    border-radius: 8px;
    overflow: hidden
}

.screen .right_details_wrap[data-v-4089da24] {
    position: unset
}

.screen .right_header_wrap[data-v-4089da24] {
    top: 0;
    z-index: 1;
    width: 100%
}

.screen .right_content_wrap[data-v-4089da24] {
    overflow-y: scroll
}

.screen .sports-guessing[data-v-4089da24] {
    background-color: var(--q-gb-bd-c-13);
    display: flex;
    color: var(--gb-t-c-3);
    align-items: center;
    height: 36px;
    font-size: 14px;
    padding: 0 15px;
    justify-content: space-between
}

.screen .sports-guessing .home-vs-away-wrap[data-v-4089da24] {
    width: 90%
}

.screen .sports-guessing .home-vs-away[data-v-4089da24] {
    width: 100%;
    display: flex;
    justify-content: center
}

.screen .sports-guessing .home-vs-away .vs[data-v-4089da24] {
    margin: 0 13px
}

.screen .sports-guessing .home-vs-away .ellipsis[data-v-4089da24] {
    display: inline-block;
    max-width: 44%
}

.screen .right_details_header.no-bottom-border[data-v-4089da24] {
    border-bottom: none
}

.screen .right_details_header[data-v-4089da24] .match_time .timer-layout2 {
    width: 100%;
    min-width: 42px
}

.screen .right_details_header .scroll-fixed-header[data-v-4089da24] {
    border-left: none;
    border-right: none
}

.screen .item-title[data-v-4089da24] {
    display: flex;
    align-items: center;
    padding-left: 15px;
    height: 32px;
    color: #d1d1d1;
    font-size: 13px
}

.screen .item-title .panel-title[data-v-4089da24]:before {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 10px;
    width: 3px;
    height: 14px;
    border-radius: 1.5px;
    content: "";
    background: var(--q-gb-t-c-1)
}

.screen .item-title .group-checkbox[data-v-4089da24] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.screen .item-title .round[data-v-4089da24] {
    margin: 1px 6px 0 0;
    width: 14px;
    height: 14px;
    border: 1px solid #a5a9b3;
    border-radius: 14px
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item .odds-icon,
.screen .wrap-hot[data-v-4089da24] .c-bet-item .odds-icon {
    top: auto;
    bottom: auto
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item .odds-icon:before,
.screen .wrap-hot[data-v-4089da24] .c-bet-item .odds-icon:before {
    display: none
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.up.normal .odds,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.up.normal .odds {
    color: #e93d3d
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.up.normal .odds:after,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.up.normal .odds:after {
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    position: absolute;
    right: -10px
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.up.active .odds,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.up.active .odds {
    color: #fff !important
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.up.active .odds:after,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.up.active .odds:after {
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    position: absolute;
    right: -10px
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.up,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.up {
    background: #e93d3d0d
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.up.normal .odds:after,
.screen .wrap-recents[data-v-4089da24] .c-bet-item.up.active .odds:after,
.screen .wrap-recents[data-v-4089da24] .c-bet-item.up.is-iframe .odds:after,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.up.normal .odds:after,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.up.active .odds:after,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.up.is-iframe .odds:after {
    right: -5px
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.down,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.down {
    background: #50c0420d
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.down.normal .odds,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.down.normal .odds {
    color: #50c042
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.down.normal .odds:after,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.down.normal .odds:after {
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    position: absolute;
    right: -10px
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.down.active .odds,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.down.active .odds {
    color: #fff !important
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.down.active .odds:after,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.down.active .odds:after {
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    position: absolute;
    right: -10px
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.down,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.down {
    background: #e93d3d0d
}

.screen .wrap-recents[data-v-4089da24] .c-bet-item.down.normal .odds:after,
.screen .wrap-recents[data-v-4089da24] .c-bet-item.down.active .odds:after,
.screen .wrap-recents[data-v-4089da24] .c-bet-item.down.is-iframe .odds:after,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.down.normal .odds:after,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.down.active .odds:after,
.screen .wrap-hot[data-v-4089da24] .c-bet-item.down.is-iframe .odds:after {
    right: -5px
}

.screen[data-v-4089da24] .head-info {
    color: var(--q-gb-t-c-1)
}

.screen[data-v-4089da24] .head-info .process-name,
.screen[data-v-4089da24] .head-info .c-match-date {
    color: var(--q-gb-t-c-28)
}

.screen[data-v-4089da24] .head-info .hide-btn {
    color: var(--q-gb-t-c-1)
}

.screen[data-v-4089da24] .head-info .hide-btn:hover {
    background: #1f2129cc
}

.cathectic-handicap[data-v-4089da24] {
    position: absolute;
    width: 400px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: #2b3038b3
}

.big-cathectic-zone[data-v-4089da24] {
    position: absolute;
    bottom: 0;
    z-index: 1001;
    width: 100%
}

.big-cathectic-zone .bet-scorll-header[data-v-4089da24] {
    background: #474747;
    height: 44px;
    border-bottom: 1px solid #555555
}

.big-cathectic-zone .bet-scorll-header .bet-zone-head[data-v-4089da24] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.big-cathectic-zone .bet-scorll-header .bet-zone-head div[data-v-4089da24] {
    height: 44px;
    line-height: 44px;
    color: var(--q-gb-t-c-1)
}

.big-cathectic-zone .bet-scorll-header .bet-zone-head div.left[data-v-4089da24] {
    font-size: 14px;
    margin-left: 20px
}

.big-cathectic-zone .bet-scorll-header .bet-zone-head div.right[data-v-4089da24] {
    margin-right: 20px
}

.big-cathectic-zone[data-v-4089da24] .q-card {
    border-radius: 0;
    padding: 16px 20px
}

.big-cathectic-zone .cathectic-shade[data-v-4089da24] {
    position: absolute;
    width: 400px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: #2b3038e0
}

.big-cathectic-zone .cathectic-shade .shade-fixed[data-v-4089da24] {
    position: fixed;
    margin-left: 170px;
    height: 100%;
    top: 70%
}

.big-cathectic-zone .cathectic-shade .shade-fixed .loading-wrap[data-v-4089da24] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #99a3b1;
    margin-top: 100%;
    padding-top: 0
}

.big-cathectic-zone .cathectic-shade .shade-fixed .loading-wrap .img-loading[data-v-4089da24],
.big-cathectic-zone .cathectic-shade .shade-fixed .loading-wrap .img-loading-y0[data-v-4089da24] {
    position: relative;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%
}

.right_details_wrap .refresh[data-v-4089da24] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0;
    background-color: var(--qq--yb-bg-color7);
    border: 1px solid var(--qq--go-top-btn-border)
}

.right_details_wrap .refresh[data-v-4089da24] .icon-wrap {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.right_details_wrap .refresh[data-v-4089da24] .icon-wrap .icon-balance_refresh span {
    font-size: 18px
}

.right_details_wrap .refresh[data-v-4089da24] .icon-wrap .icon-balance_refresh span:before {
    color: #999
}

.video-page[data-v-4089da24] .c-bet-item {
    height: 34px !important;
    line-height: 34px !important
}

.video-page[data-v-4089da24] .handicap .handicap-item,
.video-page[data-v-4089da24] .handicap-sub-title .handicap .handicap-item {
    height: 34px
}

.video-page[data-v-4089da24] .other-item {
    height: 34px;
    background-color: transparent !important
}

[data-v-4089da24] .full-screen-content .template-handicap .details_data .new_set_bet_item_text_color .main-handicap .ellipsis {
    color: var(--q-gb-t-c-28) !important
}

[data-v-4089da24] .noData {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

[data-v-4089da24] .noData .empty-wrap {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

[data-v-4089da24] .noData .empty-wrap-img {
    background-image: var(--qq--public-bg-image2);
    width: 162px;
    height: 144px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

[data-v-4089da24] .noData .empty-wrap-tips {
    color: var(--q-gb-t-c-3)
}

[data-v-4089da24] .noData .scale-img {
    transform: scale(.3);
    background-repeat: no-repeat;
    background-size: cover
}

[data-v-4089da24] .replayORstatistics_tab {
    height: 40px;
    box-sizing: border-box;
    background: var(--q-gb-bg-c-22);
    margin-bottom: 6px;
    border-radius: 6px;
    box-shadow: 0 2px 8px 0 var(--q--box-shawdow-color)
}

[data-v-4089da24] .replayORstatistics_tab .tab-item {
    margin-right: 10px
}

[data-v-4089da24] .new_set_tab .tab-item {
    border: .5px solid var(--q-gb-bd-c-8);
    background: var(--q-gb-bg-lg-4)
}

[data-v-4089da24] .new_set_tab .active {
    color: var(--q-gb-t-c-18) !important;
    background: var(--q-match-details-active) !important
}

.detail-new_set_tab[data-v-4089da24] .tab-wrap {
    background: unset
}

.details_data_load[data-v-4089da24] .record_api_limited .text1 span {
    color: var(--qq--theme-color-record-title) !important
}

.details_right_hot[data-v-4089da24] .item-title {
    color: var(--q-gb-t-c-3) !important
}

.details_right_hot[data-v-4089da24] .title {
    color: var(--q-gb-t-c-3)
}

[data-v-4089da24] .details_right_recents {
    background-color: var(--q-gb-bg-c-13)
}

[data-v-4089da24] .details_right_recents .item-title {
    color: var(--q-gb-t-c-3) !important
}

[data-v-4089da24] .details_right_recents .title {
    color: var(--q-gb-t-c-3)
}

[data-v-4089da24] .details_right_recents .title .wrap-img>span {
    color: var(--q-gb-t-c-3) !important
}

[data-v-4089da24] .details_right_recents .title .time-content {
    color: var(--q-gb-t-c-3) !important
}

[data-v-4089da24] .right_match_info .before .team .team_name,
[data-v-4089da24] .right_match_info .before .team .match_time .time-content div {
    color: #fff
}

[data-v-4089da24] .right_match_info .more-info .more-both .both-item .wrap-round .round {
    background-color: var(--q-gb-bg-c-1) !important
}

.detail-right-match-info[data-v-4089da24] .football-after .info-time {
    padding: 0 10px
}

.detail-right-match-info[data-v-4089da24] .football-after .info-time .match-date .time-content .process-name,
.detail-right-match-info[data-v-4089da24] .football-after .info-time .match-date .time-content .date-wrap,
.detail-right-match-info[data-v-4089da24] .football-after .info-time .match-date .time-content .add-time {
    color: var(--q-score-normal) !important
}

.detail-right-match-info[data-v-4089da24] .football-after .info-both .wrap-logo,
.detail-right-match-info[data-v-4089da24] .football-after .info-both .info-data span {
    color: var(--q-score-normal)
}

.detail-right-match-info[data-v-4089da24] .football-after.is-iframe-style {
    width: 97%
}

.detail-right-match-info[data-v-4089da24] .football-after.is-iframe-style .process-name div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 40px
}

.detail-right-match-info[data-v-4089da24] .more-info .more-time,
.detail-right-match-info[data-v-4089da24] .more-info .more-both {
    color: var(--q-score-normal)
}

.screen[data-v-4089da24] {
    position: relative
}

.screen .bet-mask[data-v-4089da24] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0006;
    top: 0;
    z-index: 101;
    cursor: pointer
}

.screen[data-v-4089da24] .bet-success .bet-flot-conent {
    background-repeat: repeat-y !important
}

.screen[data-v-4089da24] .wrap-hot {
    margin-top: 4px;
    background-color: var(--q-gb-bg-c-22);
    color: var(--q-gb-t-c-1)
}

.screen[data-v-4089da24] .wrap-hot .item-title {
    background: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    color: var(--q-gb-t-c-3)
}

.screen[data-v-4089da24] .wrap-hot .item-title i:before {
    color: var(--q-gb-t-c-16)
}

.screen[data-v-4089da24] .wrap-hot .info {
    color: var(--q-gb-t-c-10) !important
}

.screen[data-v-4089da24] .wrap-hot .info .img-wrap {
    background-color: var(--q-gb-bg-c-22)
}

.screen[data-v-4089da24] .wrap-hot .info .info-score .item {
    color: var(--q-gb-t-c-16)
}

.screen[data-v-4089da24] .wrap-hot .info .info-botn {
    color: var(--q-gb-t-c-3)
}

.screen[data-v-4089da24] .wrap-hot .iframe .dov_normal,
.screen[data-v-4089da24] .wrap-hot .iframe .dov_normal_icon {
    display: none
}

.screen[data-v-4089da24] .wrap-hot .carousel .handicap .handicap-item {
    background: none !important;
    border-radius: 6px
}

.screen[data-v-4089da24] .wrap-hot .carousel .handicap .handicap-item .c-bet-item {
    background: var(--q-gb-bg-c-22)
}

.screen[data-v-4089da24] .wrap-hot .carousel .handicap .handicap-item .c-bet-item:hover {
    background: var(--q-gb-bg-c-63)
}

.screen[data-v-4089da24] .wrap-hot .carousel .handicap .handicap-item .c-bet-item .play-name {
    color: var(--q-gb-t-c-16)
}

.screen[data-v-4089da24] .wrap-hot .carousel .handicap .handicap-item .c-bet-item .odds {
    color: var(--q-gb-t-c-3)
}

.screen[data-v-4089da24] .wrap-hot .carousel .handicap .handicap-item .c-bet-item.has_dov_odd {
    background-color: var(--q-default-details-2-dov)
}

.screen[data-v-4089da24] .wrap-hot .carousel .more-handel div {
    background: var(--q-gb-bg-c-22);
    color: var(--q-gb-t-c-3);
    border-radius: 6px
}

.screen[data-v-4089da24] .wrap-hot .carousel .more-handel div:hover .set-color:before {
    color: var(--q-match-resluts-t-c-2)
}

.screen[data-v-4089da24] .wrap-hot .carousel .hot-item-wrap.theme-1 .more-handel div .more-num {
    font-weight: 600;
    color: var(--q-text-color-1-1)
}

.screen[data-v-4089da24] .wrap-hot .carousel .hot-item-wrap.theme-1 .more-handel div:hover .more-num {
    color: var(--q-text-color-1-1-hover)
}

.screen[data-v-4089da24] .wrap-hot .carousel .control .btn {
    display: block
}

.screen[data-v-4089da24] .wrap-hot .carousel .control .control-item {
    background: var(--q-gb-bd-c-8)
}

.screen[data-v-4089da24] .wrap-hot .carousel .control .control-item.active {
    background: var(--q-gb-t-c-16)
}

[data-v-4089da24] .details_data {
    padding-bottom: 20px
}

.detail_right_model[data-v-4089da24] {
    padding-bottom: 10px
}

.home-vs-away[data-v-4089da24] {
    font-weight: 600
}

.right-info[data-v-4089da24] .football-after {
    width: 97%
}

[data-v-4089da24] .bet-list-info {
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 1001;
    background-repeat: no-repeat !important;
    background-size: cover;
    background-color: #24282b;
    color: #99a3b1 !important
}

[data-v-4089da24] .bet-list-info .bet-list .bet-content .text-color-555 {
    color: inherit !important
}

.new-pc-2025 .screen .wrap-hot .carousel .handicap .handicap-item .c-bet-item[data-v-4089da24] {
    background: var(--q-Handicap-default-half-court)
}

.new-pc-2025 .screen .wrap-hot .carousel .handicap .handicap-item .c-bet-item[data-v-4089da24]:hover {
    background: var(--q-Handicap-hover-all)
}

.new-pc-2025 .screen .wrap-hot .carousel .more-handel div[data-v-4089da24] {
    background: var(--q-Handicap-default-half-court)
}

.right_detail_container .football-after .info-time[data-v-4089da24],
.detail-header-box .football-after .info-time[data-v-4089da24] {
    background: #1f2129
}

.right_detail_container .more-info[data-v-4089da24],
.detail-header-box .more-info[data-v-4089da24] {
    display: flex;
    flex-direction: column;
    gap: 0
}

.right_detail_container .more-info .more-time[data-v-4089da24],
.right_detail_container .more-info .more-both[data-v-4089da24],
.detail-header-box .more-info .more-time[data-v-4089da24],
.detail-header-box .more-info .more-both[data-v-4089da24] {
    width: 100%
}

.right_detail_container .go-top-box[data-v-4089da24],
.detail-header-box .go-top-box[data-v-4089da24] {
    height: 115px
}

.right_details_wrap.full-screen .wrap-template .c-bet-item[data-v-4089da24] {
    font-size: 12px;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 15px;
    background: transparent
}

.right_details_wrap.full-screen .handicap-item[data-v-4089da24] {
    flex: 1 !important;
    width: auto;
    margin: 0 4px 6px;
    border-radius: 4px;
    overflow: hidden;
    height: 44px;
    line-height: 44px;
    padding: unset;
    background-color: var(--q-transparent-white-color-1) !important;
    border: .5px solid hsla(0, 0%, 100%, .08)
}

.detail-new_set_tab[data-v-4089da24] {
    border-top: 5px solid var(--q-gb-bg-c-22)
}

.bet-full-box[data-v-4089da24] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    max-height: 500px
}

.detail-tab-container[data-v-4089da24] {
    display: flex;
    align-items: center;
    background: var(--q-gb-bg-c-13);
    flex-wrap: wrap
}

.detail-tab-container>div[data-v-4089da24] {
    width: 100%
}

.detail-tab-container .container-right[data-v-4089da24] {
    width: 58px;
    margin-top: 1px;
    border: 1px solid var(--q-gb-t-c-16);
    padding: 0 10px;
    border-radius: 16px;
    color: var(--q-gb-t-c-16);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    justify-self: center;
    font-weight: 400;
    font-size: 12px;
    box-shadow: 0 3px 3px #0038621a;
    cursor: pointer;
    margin-right: 10px
}

.detail-tab-container .text[data-v-4089da24] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.detail-tab-container .arrow[data-v-4089da24] {
    font-size: 8px;
    margin-left: 2px;
    transition: transform .3s;
    transform: rotate(0)
}

.detail-tab-container .arrow.desc[data-v-4089da24] {
    transform: rotate(180deg)
}

.new-pc-2025 .match-analysis-wrap[data-v-4089da24] {
    width: 100%;
    background: var(--q-gb-bg-c-62)
}

.match-analysis-wrap[data-v-4089da24] {
    width: 100%;
    background: var(--q-gb-bg-c-95)
}

.full-screen .full-screen .video-page .detail-new_set_tab[data-v-4089da24] {
    border-top: none
}

.wrap[data-v-d29c0540] {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center
}

.wrap .img[data-v-d29c0540] {
    margin-bottom: 10px;
    width: 130px;
    height: 0px;
    background-size: 100%;
    background-repeat: no-repeat
}

.wrap.esports-size .img[data-v-d29c0540] {
    margin: 0 auto;
    padding-bottom: 0
}

.wrap.esports-size .text-center[data-v-d29c0540] {
    font-size: 12px
}

.wrap .text-center[data-v-d29c0540] {
    color: var(--q-gb-t-c-5)
}

.m-auto[data-v-c947b92b] {
    margin: auto
}

[data-v-c947b92b] .within-iframe .load-data-wrap.is-detail .loading-wrap,
[data-v-c947b92b] .within-iframe .load-data-wrap.is-detail .empty-wrap:not(.filter_img) {
    padding-top: 0
}

.load-data-wrap[data-v-c947b92b] {
    overflow: auto
}

.load-data-wrap.is-detail .loading-wrap[data-v-c947b92b],
.load-data-wrap.is-detail .empty-wrap[data-v-c947b92b] {
    padding-top: 30%
}

.load-data-wrap.is-detail .empty-wrap.esports[data-v-c947b92b] {
    padding-top: 5%
}

.load-data-wrap .text-center[data-v-c947b92b] {
    font-size: 12px
}

.load-data-wrap .text-center img[data-v-c947b92b] {
    width: 13px;
    height: 13px
}

.load-data-wrap .loading-wrap[data-v-c947b92b] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.load-data-wrap .loading-wrap .img-loading[data-v-c947b92b] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.load-data-wrap .loading-wrap.right_details_loading[data-v-c947b92b] {
    margin-top: 10%;
    margin-bottom: 10px;
    padding: 30px 11px;
    background: #0009;
    box-shadow: 0 2px 8px #0003;
    border-radius: 10px
}

.load-data-wrap .loading-wrap.right_details_loading .loading-text[data-v-c947b92b] {
    color: #fff !important
}

.load-data-wrap .refresh[data-v-c947b92b],
.load-data-wrap .user_api_limited[data-v-c947b92b],
.load-data-wrap display flex[data-v-c947b92b] {
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-align: center;
    padding-top: 30%
}

.load-data-wrap .refresh .img[data-v-c947b92b],
.load-data-wrap .user_api_limited .img[data-v-c947b92b],
.load-data-wrap display flex .img[data-v-c947b92b] {
    width: 180px;
    height: 180px;
    background-size: 100%
}

.load-data-wrap .refresh .text1[data-v-c947b92b],
.load-data-wrap .user_api_limited .text1[data-v-c947b92b],
.load-data-wrap display flex .text1[data-v-c947b92b] {
    font-size: 14px;
    margin: 20px 0 6px
}

.load-data-wrap .refresh .btn[data-v-c947b92b],
.load-data-wrap .user_api_limited .btn[data-v-c947b92b],
.load-data-wrap display flex .btn[data-v-c947b92b] {
    width: 68px;
    height: 34px;
    line-height: 32px;
    border-radius: 4px;
    cursor: pointer;
    margin: 15px 0;
    font-size: 14px
}

.load-data-wrap .user_api_limited .text1[data-v-c947b92b] {
    margin-top: 0
}

.load-data-wrap .user_api_limited .text1 span[data-v-c947b92b]:first-child {
    color: #666;
    font-size: 14px
}

.load-data-wrap .user_api_limited .text1 span[data-v-c947b92b]:last-child {
    color: #999;
    font-size: 12px
}

.load-data-wrap .user_api_limited .btn[data-v-c947b92b] {
    width: 120px
}

.load-data-wrap .list_right_empty[data-v-c947b92b] {
    padding-top: 20px;
    height: 200px;
    line-height: 14px;
    text-align: center;
    z-index: 4;
    color: var(--q-gb-t-c-6)
}

.load-data-wrap .list_right_empty .img[data-v-c947b92b] {
    width: 162px;
    height: 128px;
    margin-bottom: 8px;
    background-size: cover
}

.load-data-wrap .empty .empty-btn-wrap[data-v-c947b92b] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px
}

.load-data-wrap .empty .empty-btn-wrap .empty-btn[data-v-c947b92b] {
    height: 28px;
    padding: 0 15px;
    text-align: center;
    line-height: 28px;
    color: var(--q-gb-t-c-1);
    font-size: 13px;
    border-radius: 17px;
    background-image: var(--q-gb-bg-lg-9)
}

.colorfff[data-v-c947b92b] {
    color: var(--q-gb-t-c-6) !important
}

.limit_height[data-v-c947b92b] {
    position: relative;
    top: 0;
    left: 0
}

.limit_height .empty[data-v-c947b92b] {
    position: absolute !important;
    top: 0;
    left: 0
}

.fit[data-v-c947b92b] {
    height: 100%
}

.text1[data-v-c947b92b],
.text2[data-v-c947b92b],
.loading-text[data-v-c947b92b] {
    color: var(--q-gb-t-c-1) !important
}

.record_api_limited[data-v-c947b92b] {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center
}

.record_api_limited .img[data-v-c947b92b] {
    margin-bottom: 10px;
    width: 180px;
    height: 180px;
    background-size: 100%;
    background-repeat: no-repeat
}

.record_api_limited .text1[data-v-c947b92b] {
    color: var(--q-gb-t-c-5) !important
}

.team-icon[data-v-0fb89552] {
    flex-shrink: 0;
    justify-content: center
}

.team-icon.bg_none[data-v-0fb89552] {
    background: none !important
}

@charset "UTF-8";

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-stretch: normal;
    src: url(/2026-03-03-17-18-06/static/woff/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbFmUiAw-yBxCyPWP.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    src: url(/2026-03-03-17-18-06/static/woff/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmUiAw-CNa4tw4G.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url(/2026-03-03-17-18-06/static/woff/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAw-3fZ6d7DD.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    src: url(/2026-03-03-17-18-06/static/woff/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bVmUiAw-CHKg1YId.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    src: url(/2026-03-03-17-18-06/static/woff/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmUiAw-BepdiOnY.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: normal;
    src: url(/2026-03-03-17-18-06/static/woff/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtalmUiAw-4ZhHFPot.woff) format("woff")
}

@font-face {
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/2026-03-03-17-18-06/static/woff2/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ-D-x-0Q06.woff2) format("woff2"), url(/2026-03-03-17-18-06/static/woff/flUhRq6tzZclQEJ-Vdg-IuiaDsNa-Dr0goTwe.woff) format("woff")
}

.material-icons {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

*,
* :before,
* :after {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent
}

html,
body,
#q-app {
    width: 100%;
    direction: ltr
}

body.platform-ios.within-iframe,
body.platform-ios.within-iframe #q-app {
    width: 100px;
    min-width: 100%
}

html,
body {
    margin: 0;
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

img {
    border-style: none
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    font-family: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input,
select {
    overflow: visible;
    text-transform: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.q-icon {
    line-height: 1;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-align: center;
    position: relative;
    box-sizing: content-box;
    fill: currentColor
}

.q-icon:before,
.q-icon:after {
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center
}

.q-icon>svg,
.q-icon>img {
    width: 100%;
    height: 100%
}

.q-icon>div {
    box-sizing: border-box
}

.q-icon,
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit;
    font-size: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle
}

.q-panel {
    height: 100%;
    width: 100%
}

.q-panel>div {
    height: 100%;
    width: 100%
}

.q-panel-parent {
    overflow: hidden;
    position: relative
}

.q-loading-bar {
    position: fixed;
    z-index: 9998;
    transition: transform .5s cubic-bezier(0, 0, .2, 1), opacity .5s;
    background: #f44336
}

.q-loading-bar--top {
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

.q-loading-bar--bottom {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

.q-loading-bar--right {
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%
}

.q-loading-bar--left {
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.q-avatar {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    font-size: 48px;
    height: 1em;
    width: 1em
}

.q-avatar__content {
    font-size: .5em;
    line-height: .5em
}

.q-avatar__content,
.q-avatar img:not(.q-icon):not(.q-img__image) {
    border-radius: inherit;
    height: inherit;
    width: inherit
}

.q-avatar--square {
    border-radius: 0
}

.q-badge {
    background-color: var(--q-primary);
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1;
    min-height: 12px;
    font-weight: 400;
    vertical-align: baseline
}

.q-badge--single-line {
    white-space: nowrap
}

.q-badge--multi-line {
    word-break: break-all;
    word-wrap: break-word
}

.q-badge--floating {
    position: absolute;
    top: -4px;
    right: -3px;
    cursor: inherit
}

.q-badge--transparent {
    opacity: .8
}

.q-badge--outline {
    background-color: transparent;
    border: 1px solid currentColor
}

.q-badge--rounded {
    border-radius: 1em
}

.q-banner {
    min-height: 54px;
    padding: 8px 16px;
    background: #fff
}

.q-banner--top-padding {
    padding-top: 14px
}

.q-banner__avatar {
    min-width: 1px !important
}

.q-banner__avatar>.q-avatar {
    font-size: 46px
}

.q-banner__avatar>.q-icon {
    font-size: 40px
}

.q-banner__avatar:not(:empty)+.q-banner__content {
    padding-left: 16px
}

.q-banner__actions.col-auto {
    padding-left: 16px
}

.q-banner__actions.col-all .q-btn-item {
    margin: 4px 0 0 4px
}

.q-banner--dense {
    min-height: 32px;
    padding: 8px
}

.q-banner--dense.q-banner--top-padding {
    padding-top: 12px
}

.q-banner--dense .q-banner__avatar>.q-avatar,
.q-banner--dense .q-banner__avatar>.q-icon {
    font-size: 28px
}

.q-banner--dense .q-banner__avatar:not(:empty)+.q-banner__content {
    padding-left: 8px
}

.q-banner--dense .q-banner__actions.col-auto {
    padding-left: 8px
}

.q-bar {
    background: #0003
}

.q-bar>.q-icon {
    margin-left: 2px
}

.q-bar>div,
.q-bar>div+.q-icon {
    margin-left: 8px
}

.q-bar>.q-btn {
    margin-left: 2px
}

.q-bar>.q-icon:first-child,
.q-bar>.q-btn:first-child,
.q-bar>div:first-child {
    margin-left: 0
}

.q-bar--standard {
    padding: 0 12px;
    height: 32px;
    font-size: 18px
}

.q-bar--standard>div {
    font-size: 16px
}

.q-bar--standard .q-btn {
    font-size: 11px
}

.q-bar--dense {
    padding: 0 8px;
    height: 24px;
    font-size: 14px
}

.q-bar--dense .q-btn {
    font-size: 8px
}

.q-bar--dark {
    background: #ffffff26
}

.q-breadcrumbs__el {
    color: inherit
}

.q-breadcrumbs__el-icon {
    font-size: 125%
}

.q-breadcrumbs__el-icon--with-label {
    margin-right: 8px
}

[dir=rtl] .q-breadcrumbs__separator .q-icon {
    transform: scaleX(-1)
}

.q-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    outline: 0;
    border: 0;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.715em;
    text-decoration: none;
    color: inherit;
    background: transparent;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    width: auto;
    height: auto;
    cursor: default;
    padding: 4px 16px;
    min-height: 2.572em
}

.q-btn .q-icon,
.q-btn .q-spinner {
    font-size: 1.715em
}

.q-btn.disabled {
    opacity: .7 !important
}

.q-btn:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f
}

.q-btn--actionable {
    cursor: pointer
}

.q-btn--actionable.q-btn--standard:before {
    transition: box-shadow .3s cubic-bezier(.25, .8, .5, 1)
}

.q-btn--actionable.q-btn--standard:active:before,
.q-btn--actionable.q-btn--standard.q-btn--active:before {
    box-shadow: 0 3px 5px -1px #0003, 0 5px 8px #00000024, 0 1px 14px #0000001f
}

.q-btn--no-uppercase {
    text-transform: none
}

.q-btn--rectangle {
    border-radius: 3px
}

.q-btn--outline {
    background: transparent !important
}

.q-btn--outline:before {
    border: 1px solid currentColor
}

.q-btn--push {
    border-radius: 7px
}

.q-btn--push:before {
    border-bottom: 3px solid rgba(0, 0, 0, .15)
}

.q-btn--push.q-btn--actionable {
    transition: transform .3s cubic-bezier(.25, .8, .5, 1)
}

.q-btn--push.q-btn--actionable:before {
    transition: border-width .3s cubic-bezier(.25, .8, .5, 1)
}

.q-btn--push.q-btn--actionable:active,
.q-btn--push.q-btn--actionable.q-btn--active {
    transform: translateY(2px)
}

.q-btn--push.q-btn--actionable:active:before,
.q-btn--push.q-btn--actionable.q-btn--active:before {
    border-bottom-width: 0
}

.q-btn--rounded {
    border-radius: 28px
}

.q-btn--round {
    border-radius: 50%;
    padding: 0;
    min-width: 3em;
    min-height: 3em
}

.q-btn--square {
    border-radius: 0
}

.q-btn--flat:before,
.q-btn--outline:before,
.q-btn--unelevated:before {
    box-shadow: none
}

.q-btn--dense {
    padding: .285em;
    min-height: 2em
}

.q-btn--dense.q-btn--round {
    padding: 0;
    min-height: 2.4em;
    min-width: 2.4em
}

.q-btn--dense .on-left {
    margin-right: 6px
}

.q-btn--dense .on-right {
    margin-left: 6px
}

.q-btn--fab .q-icon,
.q-btn--fab-mini .q-icon {
    font-size: 24px
}

.q-btn--fab {
    padding: 16px;
    min-height: 56px;
    min-width: 56px
}

.q-btn--fab .q-icon {
    margin: auto
}

.q-btn--fab-mini {
    padding: 8px;
    min-height: 40px;
    min-width: 40px
}

.q-btn__content {
    transition: opacity .3s;
    z-index: 0
}

.q-btn__content--hidden {
    opacity: 0;
    pointer-events: none
}

.q-btn__progress {
    border-radius: inherit;
    z-index: 0
}

.q-btn__progress-indicator {
    z-index: -1;
    transform: translate(-100%);
    background: #ffffff40
}

.q-btn__progress--dark .q-btn__progress-indicator {
    background: #0003
}

.q-btn--flat .q-btn__progress-indicator,
.q-btn--outline .q-btn__progress-indicator {
    opacity: .2;
    background: currentColor
}

.q-btn-dropdown--split .q-btn-dropdown__arrow-container {
    padding: 0 4px
}

.q-btn-dropdown--split .q-btn-dropdown__arrow-container.q-btn--outline {
    border-left: 1px solid currentColor
}

.q-btn-dropdown--split .q-btn-dropdown__arrow-container:not(.q-btn--outline) {
    border-left: 1px solid rgba(255, 255, 255, .3)
}

.q-btn-dropdown--simple *+.q-btn-dropdown__arrow {
    margin-left: 8px
}

.q-btn-dropdown__arrow {
    transition: transform .28s
}

.q-btn-dropdown--current {
    flex-grow: 1
}

.q-btn-group {
    border-radius: 3px;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    vertical-align: middle
}

.q-btn-group>.q-btn-item {
    border-radius: inherit;
    align-self: stretch
}

.q-btn-group>.q-btn-item:before {
    box-shadow: none
}

.q-btn-group>.q-btn-item .q-badge--floating {
    right: 0
}

.q-btn-group>.q-btn-group {
    box-shadow: none
}

.q-btn-group>.q-btn-group:first-child>.q-btn:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.q-btn-group>.q-btn-group:last-child>.q-btn:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.q-btn-group>.q-btn-group:not(:first-child)>.q-btn:first-child:before {
    border-left: 0
}

.q-btn-group>.q-btn-group:not(:last-child)>.q-btn:last-child:before {
    border-right: 0
}

.q-btn-group>.q-btn-item:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.q-btn-group>.q-btn-item:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.q-btn-group>.q-btn-item.q-btn--standard:before {
    z-index: -1
}

.q-btn-group--push {
    border-radius: 7px
}

.q-btn-group--push>.q-btn--push.q-btn--actionable {
    transform: none
}

.q-btn-group--push>.q-btn--push.q-btn--actionable .q-btn__content {
    transition: margin-top .3s cubic-bezier(.25, .8, .5, 1), margin-bottom .3s cubic-bezier(.25, .8, .5, 1)
}

.q-btn-group--push>.q-btn--push.q-btn--actionable:active .q-btn__content,
.q-btn-group--push>.q-btn--push.q-btn--actionable.q-btn--active .q-btn__content {
    margin-top: 2px;
    margin-bottom: -2px
}

.q-btn-group--rounded {
    border-radius: 28px
}

.q-btn-group--square {
    border-radius: 0
}

.q-btn-group--flat,
.q-btn-group--outline,
.q-btn-group--unelevated {
    box-shadow: none
}

.q-btn-group--outline>.q-separator {
    display: none
}

.q-btn-group--outline>.q-btn-item+.q-btn-item:before {
    border-left: 0
}

.q-btn-group--outline>.q-btn-item:not(:last-child):before {
    border-right: 0
}

.q-btn-group--stretch {
    align-self: stretch;
    border-radius: 0
}

.q-btn-group--glossy>.q-btn-item {
    background-image: linear-gradient(to bottom, #ffffff4d, #fff0 50%, #0000001f 51%, #0000000a) !important
}

.q-btn-group--spread>.q-btn-group {
    display: flex !important
}

.q-btn-group--spread>.q-btn-item,
.q-btn-group--spread>.q-btn-group>.q-btn-item:not(.q-btn-dropdown__arrow-container) {
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 10000 1 0%
}

.q-btn-toggle {
    position: relative
}

.q-card {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    border-radius: 4px;
    vertical-align: top;
    background: #fff;
    position: relative
}

.q-card>div:not(.q--avoid-card-border),
.q-card>img:not(.q--avoid-card-border) {
    border-radius: 0
}

.q-card>div:nth-child(1 of:not(.q--avoid-card-border)),
.q-card>img:nth-child(1 of:not(.q--avoid-card-border)) {
    border-top: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-card>div:nth-last-child(1 of:not(.q--avoid-card-border)),
.q-card>img:nth-last-child(1 of:not(.q--avoid-card-border)) {
    border-bottom: 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.q-card>div:not(.q--avoid-card-border) {
    border-left: 0;
    border-right: 0;
    box-shadow: none
}

.q-card--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-card--dark {
    border-color: #ffffff47;
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-card__section {
    position: relative
}

.q-card__section--vert {
    padding: 16px
}

.q-card__section--horiz>div:not(.q--avoid-card-border),
.q-card__section--horiz>img:not(.q--avoid-card-border) {
    border-radius: 0
}

.q-card__section--horiz>div:nth-child(1 of:not(.q--avoid-card-border)),
.q-card__section--horiz>img:nth-child(1 of:not(.q--avoid-card-border)) {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.q-card__section--horiz>div:nth-last-child(1 of:not(.q--avoid-card-border)),
.q-card__section--horiz>img:nth-last-child(1 of:not(.q--avoid-card-border)) {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.q-card__section--horiz>div:not(.q--avoid-card-border) {
    border-top: 0;
    border-bottom: 0;
    box-shadow: none
}

.q-card__actions {
    padding: 8px;
    align-items: center
}

.q-card__actions .q-btn--rectangle {
    padding: 0 8px
}

.q-card__actions--horiz>.q-btn-item+.q-btn-item,
.q-card__actions--horiz>.q-btn-group+.q-btn-item,
.q-card__actions--horiz>.q-btn-item+.q-btn-group {
    margin-left: 8px
}

.q-card__actions--vert>.q-btn-item.q-btn--round {
    align-self: center
}

.q-card__actions--vert>.q-btn-item+.q-btn-item,
.q-card__actions--vert>.q-btn-group+.q-btn-item,
.q-card__actions--vert>.q-btn-item+.q-btn-group {
    margin-top: 4px
}

.q-card__actions--vert>.q-btn-group>.q-btn-item {
    flex-grow: 1
}

.q-card>img {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0
}

.q-carousel {
    background-color: #fff;
    height: 400px
}

.q-carousel__slide {
    min-height: 100%;
    background-size: cover;
    background-position: 50%
}

.q-carousel__slide,
.q-carousel .q-carousel--padding {
    padding: 16px
}

.q-carousel__slides-container {
    height: 100%
}

.q-carousel__control {
    color: #fff
}

.q-carousel__arrow {
    pointer-events: none
}

.q-carousel__arrow .q-icon {
    font-size: 28px
}

.q-carousel__arrow .q-btn {
    pointer-events: all
}

.q-carousel__prev-arrow--horizontal,
.q-carousel__next-arrow--horizontal {
    top: 16px;
    bottom: 16px
}

.q-carousel__prev-arrow--horizontal {
    left: 16px
}

.q-carousel__next-arrow--horizontal {
    right: 16px
}

.q-carousel__prev-arrow--vertical,
.q-carousel__next-arrow--vertical {
    left: 16px;
    right: 16px
}

.q-carousel__prev-arrow--vertical {
    top: 16px
}

.q-carousel__next-arrow--vertical {
    bottom: 16px
}

.q-carousel__navigation--top,
.q-carousel__navigation--bottom {
    left: 16px;
    right: 16px;
    overflow-x: auto;
    overflow-y: hidden
}

.q-carousel__navigation--top {
    top: 16px
}

.q-carousel__navigation--bottom {
    bottom: 16px
}

.q-carousel__navigation--left,
.q-carousel__navigation--right {
    top: 16px;
    bottom: 16px;
    overflow-x: hidden;
    overflow-y: auto
}

.q-carousel__navigation--left>.q-carousel__navigation-inner,
.q-carousel__navigation--right>.q-carousel__navigation-inner {
    flex-direction: column
}

.q-carousel__navigation--left {
    left: 16px
}

.q-carousel__navigation--right {
    right: 16px
}

.q-carousel__navigation-inner {
    flex: 1 1 auto
}

.q-carousel__navigation .q-btn {
    margin: 6px 4px;
    padding: 5px
}

.q-carousel__navigation-icon--inactive {
    opacity: .7
}

.q-carousel .q-carousel__thumbnail {
    margin: 2px;
    height: 50px;
    width: auto;
    display: inline-block;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    vertical-align: middle;
    opacity: .7;
    transition: opacity .3s
}

.q-carousel .q-carousel__thumbnail:hover,
.q-carousel .q-carousel__thumbnail--active {
    opacity: 1
}

.q-carousel .q-carousel__thumbnail--active {
    border-color: currentColor;
    cursor: default
}

.q-carousel--navigation-top.q-carousel--with-padding .q-carousel__slide,
.q-carousel--navigation-top .q-carousel--padding,
.q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide,
.q-carousel--arrows-vertical .q-carousel--padding {
    padding-top: 60px
}

.q-carousel--navigation-bottom.q-carousel--with-padding .q-carousel__slide,
.q-carousel--navigation-bottom .q-carousel--padding,
.q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide,
.q-carousel--arrows-vertical .q-carousel--padding {
    padding-bottom: 60px
}

.q-carousel--navigation-left.q-carousel--with-padding .q-carousel__slide,
.q-carousel--navigation-left .q-carousel--padding,
.q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide,
.q-carousel--arrows-horizontal .q-carousel--padding {
    padding-left: 60px
}

.q-carousel--navigation-right.q-carousel--with-padding .q-carousel__slide,
.q-carousel--navigation-right .q-carousel--padding,
.q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide,
.q-carousel--arrows-horizontal .q-carousel--padding {
    padding-right: 60px
}

.q-carousel.fullscreen {
    height: 100%
}

.q-message-name {
    font-size: small
}

.q-message-label {
    margin: 24px 0;
    text-align: center;
    font-size: small
}

.q-message-stamp {
    color: inherit;
    margin-top: 4px;
    opacity: .6;
    display: none;
    font-size: small
}

.q-message-avatar {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    min-width: 48px
}

.q-message {
    margin-bottom: 8px
}

.q-message:first-child .q-message-label {
    margin-top: 0
}

.q-message-avatar--received {
    margin-right: 8px
}

.q-message-text--received {
    color: #81c784;
    border-radius: 4px 4px 4px 0
}

.q-message-text--received:last-child:before {
    right: 100%;
    border-right: 0 solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid currentColor
}

.q-message-text-content--received {
    color: #000
}

.q-message-name--sent {
    text-align: right
}

.q-message-avatar--sent {
    margin-left: 8px
}

.q-message-container--sent {
    flex-direction: row-reverse
}

.q-message-text--sent {
    color: #e0e0e0;
    border-radius: 4px 4px 0
}

.q-message-text--sent:last-child:before {
    left: 100%;
    border-left: 0 solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid currentColor
}

.q-message-text-content--sent {
    color: #000
}

.q-message-text {
    background: currentColor;
    padding: 8px;
    line-height: 1.2;
    word-break: break-word;
    position: relative
}

.q-message-text+.q-message-text {
    margin-top: 3px
}

.q-message-text:last-child {
    min-height: 48px
}

.q-message-text:last-child .q-message-stamp {
    display: block
}

.q-message-text:last-child:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0
}

.q-checkbox {
    vertical-align: middle
}

.q-checkbox__native {
    width: 1px;
    height: 1px
}

.q-checkbox__bg,
.q-checkbox__icon-container {
    -webkit-user-select: none;
    user-select: none
}

.q-checkbox__bg {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    border: 2px solid currentColor;
    border-radius: 2px;
    transition: background .22s cubic-bezier(0, 0, .2, 1) 0ms;
    -webkit-print-color-adjust: exact
}

.q-checkbox__icon {
    color: currentColor;
    font-size: .5em
}

.q-checkbox__svg {
    color: #fff
}

.q-checkbox__truthy {
    stroke: currentColor;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.78334;
    stroke-dasharray: 29.78334
}

.q-checkbox__indet {
    fill: currentColor;
    transform-origin: 50% 50%;
    transform: rotate(-280deg) scale(0)
}

.q-checkbox__inner {
    font-size: 40px;
    width: 1em;
    min-width: 1em;
    height: 1em;
    outline: 0;
    border-radius: 50%;
    color: #0000008a
}

.q-checkbox__inner--truthy,
.q-checkbox__inner--indet {
    color: var(--q-primary)
}

.q-checkbox__inner--truthy .q-checkbox__bg,
.q-checkbox__inner--indet .q-checkbox__bg {
    background: currentColor
}

.q-checkbox__inner--truthy path {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset .18s cubic-bezier(.4, 0, .6, 1) 0ms
}

.q-checkbox__inner--indet .q-checkbox__indet {
    transform: rotate(0) scale(1);
    transition: transform .22s cubic-bezier(0, 0, .2, 1) 0ms
}

.q-checkbox.disabled {
    opacity: .75 !important
}

.q-checkbox--dark .q-checkbox__inner {
    color: #ffffffb3
}

.q-checkbox--dark .q-checkbox__inner:before {
    opacity: .32 !important
}

.q-checkbox--dark .q-checkbox__inner--truthy,
.q-checkbox--dark .q-checkbox__inner--indet {
    color: var(--q-primary)
}

.q-checkbox--dense .q-checkbox__inner {
    width: .5em;
    min-width: .5em;
    height: .5em
}

.q-checkbox--dense .q-checkbox__bg {
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%
}

.q-checkbox--dense .q-checkbox__label {
    padding-left: .5em
}

.q-checkbox--dense.reverse .q-checkbox__label {
    padding-left: 0;
    padding-right: .5em
}

body.desktop .q-checkbox:not(.disabled) .q-checkbox__inner:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: currentColor;
    opacity: .12;
    transform: scale3d(0, 0, 1);
    transition: transform .22s cubic-bezier(0, 0, .2, 1)
}

body.desktop .q-checkbox:not(.disabled):focus .q-checkbox__inner:before,
body.desktop .q-checkbox:not(.disabled):hover .q-checkbox__inner:before {
    transform: scaleZ(1)
}

body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before,
body.desktop .q-checkbox--dense:not(.disabled):hover .q-checkbox__inner:before {
    transform: scale3d(1.4, 1.4, 1)
}

.q-chip {
    vertical-align: middle;
    border-radius: 16px;
    outline: 0;
    position: relative;
    height: 2em;
    max-width: 100%;
    margin: 4px;
    background: #e0e0e0;
    color: #000000de;
    font-size: 14px;
    padding: .5em .9em
}

.q-chip--colored .q-chip__icon,
.q-chip--dark .q-chip__icon {
    color: inherit
}

.q-chip .q-avatar {
    font-size: 2em;
    margin-left: -.45em;
    margin-right: .2em;
    border-radius: 16px
}

.q-chip--outline {
    background: transparent !important;
    border: 1px solid currentColor
}

.q-chip--outline .q-avatar {
    margin-left: calc(-.45em - 1px)
}

.q-chip--selected .q-avatar {
    display: none
}

.q-chip__icon {
    color: #0000008a;
    font-size: 1.5em;
    margin: -.2em
}

.q-chip__icon--left {
    margin-right: .2em
}

.q-chip__icon--right {
    margin-left: .2em
}

.q-chip__icon--remove {
    margin-left: .1em;
    margin-right: -.5em;
    opacity: .6;
    outline: 0
}

.q-chip__icon--remove:hover,
.q-chip__icon--remove:focus {
    opacity: 1
}

.q-chip__content {
    white-space: nowrap
}

.q-chip--dense {
    border-radius: 12px;
    padding: 0 .4em;
    height: 1.5em
}

.q-chip--dense .q-avatar {
    font-size: 1.5em;
    margin-left: -.27em;
    margin-right: .1em;
    border-radius: 12px
}

.q-chip--dense .q-chip__icon {
    font-size: 1.25em
}

.q-chip--dense .q-chip__icon--left {
    margin-right: .195em
}

.q-chip--dense .q-chip__icon--remove {
    margin-right: -.25em
}

.q-chip--square {
    border-radius: 4px
}

.q-chip--square .q-avatar {
    border-radius: 3px 0 0 3px
}

body.desktop .q-chip--clickable:focus {
    box-shadow: 0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f
}

body.desktop.body--dark .q-chip--clickable:focus {
    box-shadow: 0 1px 3px #fff3, 0 1px 1px #ffffff24, 0 2px 1px -1px #ffffff1f
}

.q-circular-progress {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    line-height: 1
}

.q-circular-progress.q-focusable {
    border-radius: 50%
}

.q-circular-progress__svg {
    width: 100%;
    height: 100%
}

.q-circular-progress__text {
    font-size: .25em
}

.q-circular-progress--indeterminate .q-circular-progress__svg {
    transform-origin: 50% 50%;
    animation: q-spin 2s linear infinite
}

.q-circular-progress--indeterminate .q-circular-progress__circle {
    stroke-dasharray: 1 400;
    stroke-dashoffset: 0;
    animation: q-circular-progress-circle 1.5s ease-in-out infinite
}

@keyframes q-circular-progress-circle {
    0% {
        stroke-dasharray: 1, 400;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 400, 400;
        stroke-dashoffset: -100
    }

    to {
        stroke-dasharray: 400, 400;
        stroke-dashoffset: -300
    }
}

.q-color-picker {
    overflow: hidden;
    background: #fff;
    max-width: 350px;
    vertical-align: top;
    min-width: 180px;
    border-radius: 4px;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f
}

.q-color-picker .q-tab {
    padding: 0 !important
}

.q-color-picker--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-color-picker__header-tabs {
    height: 32px
}

.q-color-picker__header input {
    line-height: 24px;
    border: 0
}

.q-color-picker__header .q-tab {
    min-height: 32px !important;
    height: 32px !important
}

.q-color-picker__header .q-tab--inactive {
    background: linear-gradient(to top, #0000004d, #00000026 25%, #0000001a)
}

.q-color-picker__error-icon {
    bottom: 2px;
    right: 2px;
    font-size: 24px;
    opacity: 0;
    transition: opacity .3s ease-in
}

.q-color-picker__header-content {
    position: relative;
    background: #fff
}

.q-color-picker__header-content--light {
    color: #000
}

.q-color-picker__header-content--dark {
    color: #fff
}

.q-color-picker__header-content--dark .q-tab--inactive:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff3
}

.q-color-picker__header-banner {
    height: 36px
}

.q-color-picker__header-bg {
    background: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoU2NkYGAwZkAFZ5G5jPRRgOYEVDeB3EBjBQBOZwTVugIGyAAAAABJRU5ErkJggg==) !important
}

.q-color-picker__footer {
    height: 36px
}

.q-color-picker__footer .q-tab {
    min-height: 36px !important;
    height: 36px !important
}

.q-color-picker__footer .q-tab--inactive {
    background: linear-gradient(to bottom, #0000004d, #00000026 25%, #0000001a)
}

.q-color-picker__spectrum {
    width: 100%;
    height: 100%
}

.q-color-picker__spectrum-tab {
    padding: 0 !important
}

.q-color-picker__spectrum-white {
    background: linear-gradient(to right, #fff, #fff0)
}

.q-color-picker__spectrum-black {
    background: linear-gradient(to top, #000, #0000)
}

.q-color-picker__spectrum-circle {
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px #0000004d, 0 0 1px 2px #0006;
    border-radius: 50%;
    transform: translate(-5px, -5px)
}

.q-color-picker__hue .q-slider__track {
    background: linear-gradient(to right, red, #ff0 17%, #0f0 33%, #0ff, #00f 67%, #f0f 83%, red) !important;
    opacity: 1
}

.q-color-picker__alpha .q-slider__track-container {
    padding-top: 0
}

.q-color-picker__alpha .q-slider__track:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #fff0, #757575)
}

.q-color-picker__sliders {
    padding: 0 16px
}

.q-color-picker__sliders .q-slider__thumb {
    color: #424242
}

.q-color-picker__sliders .q-slider__thumb path {
    stroke-width: 2px;
    fill: transparent
}

.q-color-picker__sliders .q-slider--active path {
    stroke-width: 3px
}

.q-color-picker__tune-tab .q-slider {
    margin-left: 18px;
    margin-right: 18px
}

.q-color-picker__tune-tab input {
    font-size: 11px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 3.5em
}

.q-color-picker__palette-tab {
    padding: 0 !important
}

.q-color-picker__palette-rows--editable .q-color-picker__cube {
    cursor: pointer
}

.q-color-picker__cube {
    padding-bottom: 10%;
    width: 10% !important
}

.q-color-picker input {
    color: inherit;
    background: transparent;
    outline: 0;
    text-align: center
}

.q-color-picker .q-tabs {
    overflow: hidden
}

.q-color-picker .q-tab--active {
    box-shadow: 0 0 14px 3px #0003
}

.q-color-picker .q-tab--active .q-focus-helper,
.q-color-picker .q-tab__indicator {
    display: none
}

.q-color-picker .q-tab-panels {
    background: inherit
}

.q-color-picker--dark {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-color-picker--dark .q-color-picker__tune-tab input {
    border: 1px solid rgba(255, 255, 255, .3)
}

.q-color-picker--dark .q-slider__thumb {
    color: #fafafa
}

.q-date {
    display: inline-flex;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    border-radius: 4px;
    background: #fff;
    width: 290px;
    min-width: 290px;
    max-width: 100%
}

.q-date--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-date__header {
    border-top-left-radius: inherit;
    color: #fff;
    background-color: var(--q-primary);
    padding: 16px
}

.q-date__actions {
    padding: 0 16px 16px
}

.q-date__content,
.q-date__main {
    outline: 0
}

.q-date__content .q-btn {
    font-weight: 400
}

.q-date__header-link {
    opacity: .64;
    outline: 0;
    transition: opacity .3s ease-out
}

.q-date__header-link--active,
.q-date__header-link:hover,
.q-date__header-link:focus {
    opacity: 1
}

.q-date__header-subtitle {
    font-size: 14px;
    line-height: 1.75;
    letter-spacing: .00938em
}

.q-date__header-title-label {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: .00735em
}

.q-date__view {
    height: 100%;
    width: 100%;
    min-height: 290px;
    padding: 16px
}

.q-date__navigation {
    height: 12.5%
}

.q-date__navigation>div:first-child {
    width: 8%;
    min-width: 24px;
    justify-content: flex-end
}

.q-date__navigation>div:last-child {
    width: 8%;
    min-width: 24px;
    justify-content: flex-start
}

.q-date__calendar-weekdays {
    height: 12.5%
}

.q-date__calendar-weekdays>div {
    opacity: .38;
    font-size: 12px
}

.q-date__calendar-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 14.285% !important;
    height: 12.5% !important;
    position: relative;
    padding: 1px
}

.q-date__calendar-item:after {
    content: "";
    position: absolute;
    pointer-events: none;
    inset: 1px 0;
    border-style: dashed;
    border-color: transparent;
    border-width: 1px
}

.q-date__calendar-item>div,
.q-date__calendar-item button {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.q-date__calendar-item>div {
    line-height: 30px;
    text-align: center
}

.q-date__calendar-item>button {
    line-height: 22px
}

.q-date__calendar-item--out {
    opacity: .18
}

.q-date__calendar-item--fill {
    visibility: hidden
}

.q-date__range:before,
.q-date__range-from:before,
.q-date__range-to:before {
    content: "";
    background-color: currentColor;
    position: absolute;
    inset: 1px 0;
    opacity: .3
}

.q-date__range:nth-child(7n-6):before,
.q-date__range-from:nth-child(7n-6):before,
.q-date__range-to:nth-child(7n-6):before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.q-date__range:nth-child(7n):before,
.q-date__range-from:nth-child(7n):before,
.q-date__range-to:nth-child(7n):before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.q-date__range-from:before {
    left: 50%
}

.q-date__range-to:before {
    right: 50%
}

.q-date__edit-range:after {
    border-color: currentColor transparent
}

.q-date__edit-range:nth-child(7n-6):after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.q-date__edit-range:nth-child(7n):after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.q-date__edit-range-from:after,
.q-date__edit-range-from-to:after {
    left: 4px;
    border-left-color: currentColor;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px
}

.q-date__edit-range-to:after,
.q-date__edit-range-from-to:after {
    right: 4px;
    border-right-color: currentColor;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px
}

.q-date__calendar-days-container {
    height: 75%;
    min-height: 192px
}

.q-date__calendar-days>div {
    height: 16.66% !important
}

.q-date__event {
    position: absolute;
    bottom: 2px;
    left: 50%;
    height: 5px;
    width: 8px;
    border-radius: 5px;
    background-color: var(--q-secondary);
    transform: translate3d(-50%, 0, 0)
}

.q-date__today {
    box-shadow: 0 0 1px 0 currentColor
}

.q-date__years-content {
    padding: 0 8px
}

.q-date__years-item,
.q-date__months-item {
    flex: 0 0 33.3333%
}

.q-date.disabled .q-date__header,
.q-date.disabled .q-date__content,
.q-date--readonly .q-date__header,
.q-date--readonly .q-date__content {
    pointer-events: none
}

.q-date--readonly .q-date__navigation {
    display: none
}

.q-date--portrait {
    flex-direction: column
}

.q-date--portrait-standard .q-date__content {
    height: calc(100% - 86px)
}

.q-date--portrait-standard .q-date__header {
    border-top-right-radius: inherit;
    height: 86px
}

.q-date--portrait-standard .q-date__header-title {
    align-items: center;
    height: 30px
}

.q-date--portrait-minimal .q-date__content {
    height: 100%
}

.q-date--landscape {
    flex-direction: row;
    align-items: stretch;
    min-width: 420px
}

.q-date--landscape>div {
    display: flex;
    flex-direction: column
}

.q-date--landscape .q-date__content {
    height: 100%
}

.q-date--landscape-standard {
    min-width: 420px
}

.q-date--landscape-standard .q-date__header {
    border-bottom-left-radius: inherit;
    min-width: 110px;
    width: 110px
}

.q-date--landscape-standard .q-date__header-title {
    flex-direction: column
}

.q-date--landscape-standard .q-date__header-today {
    margin-top: 12px;
    margin-left: -8px
}

.q-date--landscape-minimal {
    width: 310px
}

.q-date--dark {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f;
    border-color: #ffffff47
}

.q-dialog__title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .0125em
}

.q-dialog__progress {
    font-size: 4rem
}

.q-dialog__inner {
    outline: 0
}

.q-dialog__inner>div {
    pointer-events: all;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    border-radius: 4px
}

.q-dialog__inner--square>div {
    border-radius: 0 !important
}

.q-dialog__inner>.q-card>.q-card__actions .q-btn--rectangle {
    min-width: 64px
}

.q-dialog__inner--minimized {
    padding: 24px
}

.q-dialog__inner--minimized>div {
    max-height: calc(100vh - 48px)
}

.q-dialog__inner--maximized>div {
    height: 100%;
    width: 100%;
    max-height: 100vh;
    max-width: 100vw;
    border-radius: 0 !important;
    top: 0 !important;
    left: 0 !important
}

.q-dialog__inner--top,
.q-dialog__inner--bottom {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.q-dialog__inner--right,
.q-dialog__inner--left {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.q-dialog__inner--left:not(.q-dialog__inner--animating)>div,
.q-dialog__inner--top:not(.q-dialog__inner--animating)>div {
    border-top-left-radius: 0
}

.q-dialog__inner--right:not(.q-dialog__inner--animating)>div,
.q-dialog__inner--top:not(.q-dialog__inner--animating)>div {
    border-top-right-radius: 0
}

.q-dialog__inner--left:not(.q-dialog__inner--animating)>div,
.q-dialog__inner--bottom:not(.q-dialog__inner--animating)>div {
    border-bottom-left-radius: 0
}

.q-dialog__inner--right:not(.q-dialog__inner--animating)>div,
.q-dialog__inner--bottom:not(.q-dialog__inner--animating)>div {
    border-bottom-right-radius: 0
}

.q-dialog__inner--fullwidth>div {
    width: 100% !important;
    max-width: 100% !important
}

.q-dialog__inner--fullheight>div {
    height: 100% !important;
    max-height: 100% !important
}

.q-dialog__backdrop {
    z-index: -1;
    pointer-events: all;
    outline: 0;
    background: #0006
}

body.platform-ios .q-dialog__inner--minimized>div,
body.platform-android:not(.native-mobile) .q-dialog__inner--minimized>div {
    max-height: calc(100vh - 108px)
}

body.q-ios-padding .q-dialog__inner {
    padding-top: 20px !important;
    padding-top: env(safe-area-inset-top) !important;
    padding-bottom: env(safe-area-inset-bottom) !important
}

body.q-ios-padding .q-dialog__inner>div {
    max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important
}

@media (max-width: 599.98px) {

    .q-dialog__inner--top,
    .q-dialog__inner--bottom {
        padding-left: 0;
        padding-right: 0
    }

    .q-dialog__inner--top>div,
    .q-dialog__inner--bottom>div {
        width: 100% !important
    }
}

@media (min-width: 600px) {
    .q-dialog__inner--minimized>div {
        max-width: 560px
    }
}

.q-body--dialog {
    overflow: hidden
}

.q-editor {
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 4px;
    background-color: #fff
}

.q-editor.disabled {
    border-style: dashed
}

.q-editor>div:first-child,
.q-editor__toolbars-container,
.q-editor__toolbars-container>div:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-editor__content {
    outline: 0;
    padding: 10px;
    min-height: 10em;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    overflow: auto;
    max-width: 100%
}

.q-editor__content pre {
    white-space: pre-wrap
}

.q-editor__content hr {
    border: 0;
    outline: 0;
    margin: 1px;
    height: 1px;
    background: #0000001f
}

.q-editor__content:empty:not(:focus):before {
    content: attr(placeholder);
    opacity: .7
}

.q-editor__toolbar {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    min-height: 32px
}

.q-editor__toolbars-container {
    max-width: 100%
}

.q-editor .q-btn {
    margin: 4px
}

.q-editor__toolbar-group {
    position: relative;
    margin: 0 4px
}

.q-editor__toolbar-group+.q-editor__toolbar-group:before {
    content: "";
    position: absolute;
    left: -4px;
    top: 4px;
    bottom: 4px;
    width: 1px;
    background: #0000001f
}

.q-editor__link-input {
    color: inherit;
    text-decoration: none;
    text-transform: none;
    border: none;
    border-radius: 0;
    background: none;
    outline: 0
}

.q-editor--flat,
.q-editor--flat .q-editor__toolbar {
    border: 0
}

.q-editor--dense .q-editor__toolbar-group {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.q-editor--dark {
    border-color: #ffffff47
}

.q-editor--dark .q-editor__content hr {
    background: #ffffff47
}

.q-editor--dark .q-editor__toolbar {
    border-color: #ffffff47
}

.q-editor--dark .q-editor__toolbar-group+.q-editor__toolbar-group:before {
    background: #ffffff47
}

.q-expansion-item__border {
    opacity: 0
}

.q-expansion-item__toggle-icon {
    position: relative;
    transition: transform .3s
}

.q-expansion-item__toggle-icon--rotated {
    transform: rotate(180deg)
}

.q-expansion-item__toggle-focus {
    width: 1em !important;
    height: 1em !important;
    position: relative !important
}

.q-expansion-item__toggle-focus+.q-expansion-item__toggle-icon {
    margin-top: -1em
}

.q-expansion-item--standard.q-expansion-item--expanded>div>.q-expansion-item__border {
    opacity: 1
}

.q-expansion-item--popup {
    transition: padding .5s
}

.q-expansion-item--popup>.q-expansion-item__container {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-expansion-item--popup>.q-expansion-item__container>.q-separator {
    display: none
}

.q-expansion-item--popup.q-expansion-item--collapsed {
    padding: 0 15px
}

.q-expansion-item--popup.q-expansion-item--expanded {
    padding: 15px 0
}

.q-expansion-item--popup.q-expansion-item--expanded+.q-expansion-item--popup.q-expansion-item--expanded {
    padding-top: 0
}

.q-expansion-item--popup.q-expansion-item--collapsed:not(:first-child)>.q-expansion-item__container {
    border-top-width: 0
}

.q-expansion-item--popup.q-expansion-item--expanded+.q-expansion-item--popup.q-expansion-item--collapsed>.q-expansion-item__container {
    border-top-width: 1px
}

.q-expansion-item__content>.q-card {
    box-shadow: none;
    border-radius: 0
}

.q-expansion-item:first-child>div>.q-expansion-item__border--top {
    opacity: 0
}

.q-expansion-item:last-child>div>.q-expansion-item__border--bottom {
    opacity: 0
}

.q-expansion-item--expanded+.q-expansion-item--expanded>div>.q-expansion-item__border--top {
    opacity: 0
}

.q-expansion-item--expanded .q-textarea--autogrow textarea {
    animation: q-expansion-done 0s
}

@keyframes q-expansion-done {
    0% {
        --q-exp-done: 1
    }
}

.z-fab {
    z-index: 990
}

.q-fab {
    position: relative;
    vertical-align: middle
}

.q-fab>.q-btn {
    width: 100%
}

.q-fab--form-rounded {
    border-radius: 28px
}

.q-fab--form-square {
    border-radius: 4px
}

.q-fab__icon,
.q-fab__active-icon {
    transition: opacity .4s, transform .4s
}

.q-fab__icon {
    opacity: 1;
    transform: rotate(0)
}

.q-fab__active-icon {
    opacity: 0;
    transform: rotate(-180deg)
}

.q-fab__label--external {
    position: absolute;
    padding: 0 8px;
    transition: opacity .18s cubic-bezier(.65, .815, .735, .395)
}

.q-fab__label--external-hidden {
    opacity: 0;
    pointer-events: none
}

.q-fab__label--external-left {
    top: 50%;
    left: -12px;
    transform: translate(-100%, -50%)
}

.q-fab__label--external-right {
    top: 50%;
    right: -12px;
    transform: translate(100%, -50%)
}

.q-fab__label--external-bottom {
    bottom: -12px;
    left: 50%;
    transform: translate(-50%, 100%)
}

.q-fab__label--external-top {
    top: -12px;
    left: 50%;
    transform: translate(-50%, -100%)
}

.q-fab__label--internal {
    padding: 0;
    transition: font-size .12s cubic-bezier(.65, .815, .735, .395), max-height .12s cubic-bezier(.65, .815, .735, .395), opacity .07s cubic-bezier(.65, .815, .735, .395);
    max-height: 30px
}

.q-fab__label--internal-hidden {
    font-size: 0;
    opacity: 0
}

.q-fab__label--internal-top {
    padding-bottom: .12em
}

.q-fab__label--internal-bottom {
    padding-top: .12em
}

.q-fab__label--internal-top.q-fab__label--internal-hidden,
.q-fab__label--internal-bottom.q-fab__label--internal-hidden {
    max-height: 0
}

.q-fab__label--internal-left {
    padding-left: .285em;
    padding-right: .571em
}

.q-fab__label--internal-right {
    padding-right: .285em;
    padding-left: .571em
}

.q-fab__icon-holder {
    min-width: 24px;
    min-height: 24px;
    position: relative
}

.q-fab__icon-holder--opened .q-fab__icon {
    transform: rotate(180deg);
    opacity: 0
}

.q-fab__icon-holder--opened .q-fab__active-icon {
    transform: rotate(0);
    opacity: 1
}

.q-fab__actions {
    position: absolute;
    opacity: 0;
    transition: transform .18s ease-in, opacity .18s ease-in;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    align-self: center;
    padding: 3px
}

.q-fab__actions .q-btn {
    margin: 5px
}

.q-fab__actions--right {
    transform-origin: 0 50%;
    transform: scale(.4) translate(-62px);
    height: 56px;
    left: 100%;
    margin-left: 9px
}

.q-fab__actions--left {
    transform-origin: 100% 50%;
    transform: scale(.4) translate(62px);
    height: 56px;
    right: 100%;
    margin-right: 9px;
    flex-direction: row-reverse
}

.q-fab__actions--up {
    transform-origin: 50% 100%;
    transform: scale(.4) translateY(62px);
    width: 56px;
    bottom: 100%;
    margin-bottom: 9px;
    flex-direction: column-reverse
}

.q-fab__actions--down {
    transform-origin: 50% 0;
    transform: scale(.4) translateY(-62px);
    width: 56px;
    top: 100%;
    margin-top: 9px;
    flex-direction: column
}

.q-fab__actions--up,
.q-fab__actions--down {
    left: 50%;
    margin-left: -28px
}

.q-fab__actions--opened {
    opacity: 1;
    transform: scale(1) translate(.1px);
    pointer-events: all
}

.q-fab--align-left>.q-fab__actions--up,
.q-fab--align-left>.q-fab__actions--down {
    align-items: flex-start;
    left: 28px
}

.q-fab--align-right>.q-fab__actions--up,
.q-fab--align-right>.q-fab__actions--down {
    align-items: flex-end;
    left: auto;
    right: 0
}

.q-field {
    font-size: 14px
}

.q-field ::-ms-clear,
.q-field ::-ms-reveal {
    display: none
}

.q-field--with-bottom {
    padding-bottom: 20px
}

.q-field__marginal {
    height: 56px;
    color: #0000008a;
    font-size: 24px
}

.q-field__marginal>*+* {
    margin-left: 2px
}

.q-field__marginal .q-avatar {
    font-size: 32px
}

.q-field__before,
.q-field__prepend {
    padding-right: 12px
}

.q-field__after,
.q-field__append {
    padding-left: 12px
}

.q-field__after:empty,
.q-field__append:empty {
    display: none
}

.q-field__append+.q-field__append {
    padding-left: 2px
}

.q-field__inner {
    text-align: left
}

.q-field__bottom {
    font-size: 12px;
    min-height: 20px;
    line-height: 1;
    color: #0000008a;
    padding: 8px 12px 0;
    backface-visibility: hidden
}

.q-field__bottom--animated {
    transform: translateY(100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.q-field__messages {
    line-height: 1
}

.q-field__messages>div {
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.q-field__messages>div+div {
    margin-top: 4px
}

.q-field__counter {
    padding-left: 8px;
    line-height: 1
}

.q-field--item-aligned {
    padding: 8px 16px
}

.q-field--item-aligned .q-field__before {
    min-width: 56px
}

.q-field__control-container {
    height: inherit
}

.q-field__control {
    color: var(--q-primary);
    height: 56px;
    max-width: 100%;
    outline: none
}

.q-field__control:before,
.q-field__control:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none
}

.q-field__control:before {
    border-radius: inherit
}

.q-field__shadow {
    top: 8px;
    opacity: 0;
    overflow: hidden;
    white-space: pre-wrap;
    transition: opacity .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field__shadow+.q-field__native::placeholder {
    transition: opacity .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field__shadow+.q-field__native:focus::placeholder {
    opacity: 0
}

.q-field__native,
.q-field__prefix,
.q-field__suffix,
.q-field__input {
    font-weight: 400;
    line-height: 28px;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    border: none;
    border-radius: 0;
    background: none;
    color: #000000de;
    outline: 0;
    padding: 6px 0
}

.q-field__native,
.q-field__input {
    width: 100%;
    min-width: 0;
    outline: 0 !important;
    -webkit-user-select: auto;
    user-select: auto
}

.q-field__native:-webkit-autofill,
.q-field__input:-webkit-autofill {
    -webkit-animation-name: q-autofill;
    -webkit-animation-fill-mode: both
}

.q-field__native:invalid,
.q-field__input:invalid {
    box-shadow: none
}

.q-field__native[type=file] {
    line-height: 1em
}

.q-field__input {
    padding: 0;
    height: 0;
    min-height: 24px;
    line-height: 24px
}

.q-field__prefix,
.q-field__suffix {
    transition: opacity .36s cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap
}

.q-field__prefix {
    padding-right: 4px
}

.q-field__suffix {
    padding-left: 4px
}

.q-field--readonly .q-placeholder,
.q-field--disabled .q-placeholder {
    opacity: 1 !important
}

.q-field--readonly.q-field--labeled .q-field__native,
.q-field--readonly.q-field--labeled .q-field__input {
    cursor: default
}

.q-field--readonly.q-field--float .q-field__native,
.q-field--readonly.q-field--float .q-field__input {
    cursor: text
}

.q-field--disabled .q-field__inner {
    cursor: not-allowed
}

.q-field--disabled .q-field__control {
    pointer-events: none
}

.q-field--disabled .q-field__control>div {
    opacity: .6 !important
}

.q-field--disabled .q-field__control>div,
.q-field--disabled .q-field__control>div * {
    outline: 0 !important
}

.q-field__label {
    left: 0;
    top: 18px;
    max-width: 100%;
    color: #0009;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    transform-origin: left top;
    transition: transform .36s cubic-bezier(.4, 0, .2, 1), max-width .324s cubic-bezier(.4, 0, .2, 1);
    backface-visibility: hidden
}

.q-field__label:has(+ :is(.q-field__native, .q-field__input):is(:-webkit-autofill, [type=color], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])) {
    transform: translateY(-40%) scale(.75)
}

.q-field--float .q-field__label {
    max-width: 133%;
    transform: translateY(-40%) scale(.75);
    transition: transform .36s cubic-bezier(.4, 0, .2, 1), max-width .396s cubic-bezier(.4, 0, .2, 1)
}

.q-field--highlighted .q-field__label {
    color: currentColor
}

.q-field--highlighted .q-field__shadow {
    opacity: .5
}

.q-field--filled .q-field__control {
    padding: 0 12px;
    background: #0000000d;
    border-radius: 4px 4px 0 0
}

.q-field--filled .q-field__control:before {
    background: #0000000d;
    border-bottom: 1px solid rgba(0, 0, 0, .42);
    opacity: 0;
    transition: opacity .36s cubic-bezier(.4, 0, .2, 1), background .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--filled .q-field__control:hover:before {
    opacity: 1
}

.q-field--filled .q-field__control:after {
    height: 2px;
    top: auto;
    transform-origin: center bottom;
    transform: scale3d(0, 1, 1);
    background: currentColor;
    transition: transform .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--filled.q-field--rounded .q-field__control {
    border-radius: 28px 28px 0 0
}

.q-field--filled.q-field--highlighted .q-field__control:before {
    opacity: 1;
    background: #0000001f
}

.q-field--filled.q-field--highlighted .q-field__control:after {
    transform: scaleZ(1)
}

.q-field--filled.q-field--dark .q-field__control,
.q-field--filled.q-field--dark .q-field__control:before {
    background: #ffffff12
}

.q-field--filled.q-field--dark.q-field--highlighted .q-field__control:before {
    background: #ffffff1a
}

.q-field--filled.q-field--readonly .q-field__control:before {
    opacity: 1;
    background: transparent;
    border-bottom-style: dashed
}

.q-field--outlined .q-field__control {
    border-radius: 4px;
    padding: 0 12px
}

.q-field--outlined .q-field__control:before {
    border: 1px solid rgba(0, 0, 0, .24);
    transition: border-color .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--outlined .q-field__control:hover:before {
    border-color: #000
}

.q-field--outlined .q-field__control:after {
    height: inherit;
    border-radius: inherit;
    border: 2px solid transparent;
    transition: border-color .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--outlined .q-field__native:-webkit-autofill,
.q-field--outlined .q-field__input:-webkit-autofill {
    margin-top: 1px;
    margin-bottom: 1px
}

.q-field--outlined.q-field--rounded .q-field__control {
    border-radius: 28px
}

.q-field--outlined.q-field--highlighted .q-field__control:hover:before {
    border-color: transparent
}

.q-field--outlined.q-field--highlighted .q-field__control:after {
    border-color: currentColor;
    border-width: 2px;
    transform: scaleZ(1)
}

.q-field--outlined.q-field--readonly .q-field__control:before {
    border-style: dashed
}

.q-field--standard .q-field__control:before {
    border-bottom: 1px solid rgba(0, 0, 0, .24);
    transition: border-color .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--standard .q-field__control:hover:before {
    border-color: #000
}

.q-field--standard .q-field__control:after {
    height: 2px;
    top: auto;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    transform-origin: center bottom;
    transform: scale3d(0, 1, 1);
    background: currentColor;
    transition: transform .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--standard.q-field--highlighted .q-field__control:after {
    transform: scaleZ(1)
}

.q-field--standard.q-field--readonly .q-field__control:before {
    border-bottom-style: dashed
}

.q-field--dark .q-field__control:before {
    border-color: #fff9
}

.q-field--dark .q-field__control:hover:before {
    border-color: #fff
}

.q-field--dark .q-field__native,
.q-field--dark .q-field__prefix,
.q-field--dark .q-field__suffix,
.q-field--dark .q-field__input {
    color: #fff
}

.q-field--dark:not(.q-field--highlighted) .q-field__label,
.q-field--dark .q-field__marginal,
.q-field--dark .q-field__bottom {
    color: #ffffffb3
}

.q-field--standout .q-field__control {
    padding: 0 12px;
    background: #0000000d;
    border-radius: 4px;
    transition: box-shadow .36s cubic-bezier(.4, 0, .2, 1), background-color .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--standout .q-field__control:before {
    background: #00000012;
    opacity: 0;
    transition: opacity .36s cubic-bezier(.4, 0, .2, 1), background .36s cubic-bezier(.4, 0, .2, 1)
}

.q-field--standout .q-field__control:hover:before {
    opacity: 1
}

.q-field--standout.q-field--rounded .q-field__control {
    border-radius: 28px
}

.q-field--standout.q-field--highlighted .q-field__control {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    background: #000
}

.q-field--standout.q-field--highlighted .q-field__native,
.q-field--standout.q-field--highlighted .q-field__prefix,
.q-field--standout.q-field--highlighted .q-field__suffix,
.q-field--standout.q-field--highlighted .q-field__prepend,
.q-field--standout.q-field--highlighted .q-field__append,
.q-field--standout.q-field--highlighted .q-field__input {
    color: #fff
}

.q-field--standout.q-field--readonly .q-field__control:before {
    opacity: 1;
    background: transparent;
    border: 1px dashed rgba(0, 0, 0, .24)
}

.q-field--standout.q-field--dark .q-field__control {
    background: #ffffff12
}

.q-field--standout.q-field--dark .q-field__control:before {
    background: #ffffff12
}

.q-field--standout.q-field--dark.q-field--highlighted .q-field__control {
    background: #fff
}

.q-field--standout.q-field--dark.q-field--highlighted .q-field__native,
.q-field--standout.q-field--dark.q-field--highlighted .q-field__prefix,
.q-field--standout.q-field--dark.q-field--highlighted .q-field__suffix,
.q-field--standout.q-field--dark.q-field--highlighted .q-field__prepend,
.q-field--standout.q-field--dark.q-field--highlighted .q-field__append,
.q-field--standout.q-field--dark.q-field--highlighted .q-field__input {
    color: #000
}

.q-field--standout.q-field--dark.q-field--readonly .q-field__control:before {
    border-color: #ffffff3d
}

.q-field--labeled .q-field__native,
.q-field--labeled .q-field__prefix,
.q-field--labeled .q-field__suffix {
    line-height: 24px;
    padding-top: 24px;
    padding-bottom: 8px
}

.q-field--labeled .q-field__shadow {
    top: 0
}

.q-field--labeled:not(.q-field--float) .q-field__prefix,
.q-field--labeled:not(.q-field--float) .q-field__suffix {
    opacity: 0
}

.q-field--labeled:not(.q-field--float) .q-field__native::-webkit-input-placeholder,
.q-field--labeled:not(.q-field--float) .q-field__input::-webkit-input-placeholder {
    color: transparent
}

.q-field--labeled:not(.q-field--float) .q-field__native::-moz-placeholder,
.q-field--labeled:not(.q-field--float) .q-field__input::-moz-placeholder {
    color: transparent
}

.q-field--labeled:not(.q-field--float) .q-field__native:-ms-input-placeholder,
.q-field--labeled:not(.q-field--float) .q-field__input:-ms-input-placeholder {
    color: transparent !important
}

.q-field--labeled:not(.q-field--float) .q-field__native::-ms-input-placeholder,
.q-field--labeled:not(.q-field--float) .q-field__input::-ms-input-placeholder {
    color: transparent
}

.q-field--labeled:not(.q-field--float) .q-field__native::placeholder,
.q-field--labeled:not(.q-field--float) .q-field__input::placeholder {
    color: transparent
}

.q-field--labeled.q-field--dense .q-field__native,
.q-field--labeled.q-field--dense .q-field__prefix,
.q-field--labeled.q-field--dense .q-field__suffix {
    padding-top: 14px;
    padding-bottom: 2px
}

.q-field--dense .q-field--with-bottom {
    padding-bottom: 19px
}

.q-field--dense .q-field__shadow {
    top: 0
}

.q-field--dense .q-field__control,
.q-field--dense .q-field__marginal {
    height: 40px
}

.q-field--dense .q-field__bottom {
    font-size: 11px
}

.q-field--dense .q-field__label {
    font-size: 14px;
    top: 10px
}

.q-field--dense .q-field__before,
.q-field--dense .q-field__prepend {
    padding-right: 6px
}

.q-field--dense .q-field__after,
.q-field--dense .q-field__append {
    padding-left: 6px
}

.q-field--dense .q-field__append+.q-field__append {
    padding-left: 2px
}

.q-field--dense .q-field__marginal .q-avatar {
    font-size: 24px
}

.q-field--dense.q-field--float .q-field__label {
    transform: translateY(-30%) scale(.75)
}

.q-field--dense .q-field__label:has(+ :is(.q-field__native, .q-field__input):is(:-webkit-autofill, [type=color], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])) {
    transform: translateY(-30%) scale(.75)
}

.q-field--borderless .q-field__bottom,
.q-field--borderless.q-field--dense .q-field__control,
.q-field--standard .q-field__bottom,
.q-field--standard.q-field--dense .q-field__control {
    padding-left: 0;
    padding-right: 0
}

.q-field--error .q-field__label {
    animation: q-field-label .36s
}

.q-field--error .q-field__bottom {
    color: var(--q-negative)
}

.q-field__focusable-action {
    opacity: .6;
    cursor: pointer;
    outline: 0 !important;
    border: 0;
    color: inherit;
    background: transparent;
    padding: 0
}

.q-field__focusable-action:hover,
.q-field__focusable-action:focus {
    opacity: 1
}

.q-field--auto-height .q-field__control {
    height: auto
}

.q-field--auto-height .q-field__control,
.q-field--auto-height .q-field__native {
    min-height: 56px
}

.q-field--auto-height .q-field__native {
    align-items: center
}

.q-field--auto-height .q-field__control-container {
    padding-top: 0
}

.q-field--auto-height .q-field__native,
.q-field--auto-height .q-field__prefix,
.q-field--auto-height .q-field__suffix {
    line-height: 18px
}

.q-field--auto-height.q-field--labeled .q-field__control-container {
    padding-top: 24px
}

.q-field--auto-height.q-field--labeled .q-field__shadow {
    top: 24px
}

.q-field--auto-height.q-field--labeled .q-field__native,
.q-field--auto-height.q-field--labeled .q-field__prefix,
.q-field--auto-height.q-field--labeled .q-field__suffix {
    padding-top: 0
}

.q-field--auto-height.q-field--labeled .q-field__native {
    min-height: 24px
}

.q-field--auto-height.q-field--dense .q-field__control,
.q-field--auto-height.q-field--dense .q-field__native {
    min-height: 40px
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container {
    padding-top: 14px
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__shadow {
    top: 14px
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__native {
    min-height: 24px
}

.q-field--square .q-field__control {
    border-radius: 0 !important
}

.q-transition--field-message-enter-active,
.q-transition--field-message-leave-active {
    transition: transform .6s cubic-bezier(.86, 0, .07, 1), opacity .6s cubic-bezier(.86, 0, .07, 1)
}

.q-transition--field-message-enter-from,
.q-transition--field-message-leave-to {
    opacity: 0;
    transform: translateY(-10px)
}

.q-transition--field-message-leave-from,
.q-transition--field-message-leave-active {
    position: absolute
}

@keyframes q-field-label {
    40% {
        margin-left: 2px
    }

    60%,
    80% {
        margin-left: -2px
    }

    70%,
    90% {
        margin-left: 2px
    }
}

@keyframes q-autofill {
    to {
        background: transparent;
        color: inherit
    }
}

.q-file .q-field__native {
    word-break: break-all;
    overflow: hidden
}

.q-file .q-field__input {
    opacity: 0 !important
}

.q-file .q-field__input::-webkit-file-upload-button {
    cursor: pointer
}

.q-file__filler {
    visibility: hidden;
    width: 100%;
    border: none;
    padding: 0
}

.q-file__dnd {
    outline: 1px dashed currentColor;
    outline-offset: -4px
}

.q-form {
    position: relative
}

.q-img {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.q-img__loading .q-spinner {
    font-size: 50px
}

.q-img__container {
    border-radius: inherit;
    font-size: 0
}

.q-img__image {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    opacity: 0
}

.q-img__image--with-transition {
    transition: opacity .28s ease-in
}

.q-img__image--loaded {
    opacity: 1
}

.q-img__content {
    border-radius: inherit;
    pointer-events: none
}

.q-img__content>div {
    pointer-events: all;
    position: absolute;
    padding: 16px;
    color: #fff;
    background: #00000078
}

.q-img--no-menu .q-img__image,
.q-img--no-menu .q-img__placeholder {
    pointer-events: none
}

.q-inner-loading {
    background: #fff9;
    border-radius: inherit
}

.q-inner-loading--dark {
    background: #0006
}

.q-inner-loading__label {
    margin-top: 8px
}

.q-textarea .q-field__control {
    min-height: 56px;
    height: auto
}

.q-textarea .q-field__control-container {
    padding-top: 2px;
    padding-bottom: 2px
}

.q-textarea .q-field__shadow {
    top: 2px;
    bottom: 2px
}

.q-textarea .q-field__native,
.q-textarea .q-field__prefix,
.q-textarea .q-field__suffix {
    line-height: 18px
}

.q-textarea .q-field__native {
    resize: vertical;
    padding-top: 17px;
    min-height: 52px
}

.q-textarea.q-field--labeled .q-field__control-container {
    padding-top: 26px
}

.q-textarea.q-field--labeled .q-field__shadow {
    top: 26px
}

.q-textarea.q-field--labeled .q-field__native,
.q-textarea.q-field--labeled .q-field__prefix,
.q-textarea.q-field--labeled .q-field__suffix {
    padding-top: 0
}

.q-textarea.q-field--labeled .q-field__native {
    min-height: 26px;
    padding-top: 1px
}

.q-textarea--autogrow .q-field__native {
    resize: none
}

.q-textarea.q-field--dense .q-field__control,
.q-textarea.q-field--dense .q-field__native {
    min-height: 36px
}

.q-textarea.q-field--dense .q-field__native {
    padding-top: 9px
}

.q-textarea.q-field--dense.q-field--labeled .q-field__control-container {
    padding-top: 14px
}

.q-textarea.q-field--dense.q-field--labeled .q-field__shadow {
    top: 14px
}

.q-textarea.q-field--dense.q-field--labeled .q-field__native {
    min-height: 24px;
    padding-top: 3px
}

.q-textarea.q-field--dense.q-field--labeled .q-field__prefix,
.q-textarea.q-field--dense.q-field--labeled .q-field__suffix {
    padding-top: 2px
}

body.mobile .q-textarea .q-field__native,
.q-textarea.disabled .q-field__native {
    resize: none
}

.q-intersection {
    position: relative
}

.q-item {
    min-height: 48px;
    padding: 8px 16px;
    color: inherit;
    transition: color .3s, background-color .3s
}

.q-item__section--side {
    color: #757575;
    align-items: flex-start;
    padding-right: 16px;
    width: auto;
    min-width: 0;
    max-width: 100%
}

.q-item__section--side>.q-icon {
    font-size: 24px
}

.q-item__section--side>.q-avatar {
    font-size: 40px
}

.q-item__section--avatar {
    color: inherit;
    min-width: 56px
}

.q-item__section--thumbnail img {
    width: 100px;
    height: 56px
}

.q-item__section--nowrap {
    white-space: nowrap
}

.q-item>.q-item__section--thumbnail:first-child,
.q-item>.q-focus-helper+.q-item__section--thumbnail {
    margin-left: -16px
}

.q-item>.q-item__section--thumbnail:last-of-type {
    margin-right: -16px
}

.q-item__label {
    line-height: 1.2em !important;
    max-width: 100%
}

.q-item__label--overline {
    color: #000000b3
}

.q-item__label--caption {
    color: #0000008a
}

.q-item__label--header {
    color: #757575;
    padding: 16px;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .01786em
}

.q-separator--spaced+.q-item__label--header,
.q-list--padding .q-item__label--header {
    padding-top: 8px
}

.q-item__label+.q-item__label {
    margin-top: 4px
}

.q-item__section--main {
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 10000 1 0%
}

.q-item__section--main+.q-item__section--main {
    margin-left: 8px
}

.q-item__section--main~.q-item__section--side {
    align-items: flex-end;
    padding-right: 0;
    padding-left: 16px
}

.q-item__section--main.q-item__section--thumbnail {
    margin-left: 0;
    margin-right: -16px
}

.q-list--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-list--separator>.q-item-type+.q-item-type,
.q-list--separator>.q-virtual-scroll__content>.q-item-type+.q-item-type {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.q-list--padding {
    padding: 8px 0
}

.q-list--dense>.q-item,
.q-item--dense {
    min-height: 32px;
    padding: 2px 16px
}

.q-list--dark.q-list--separator>.q-item-type+.q-item-type,
.q-list--dark.q-list--separator>.q-virtual-scroll__content>.q-item-type+.q-item-type {
    border-top-color: #ffffff47
}

.q-list--dark,
.q-item--dark {
    color: #fff;
    border-color: #ffffff47
}

.q-list--dark .q-item__section--side:not(.q-item__section--avatar),
.q-item--dark .q-item__section--side:not(.q-item__section--avatar) {
    color: #ffffffb3
}

.q-list--dark .q-item__label--header,
.q-item--dark .q-item__label--header {
    color: #ffffffa3
}

.q-list--dark .q-item__label--overline,
.q-list--dark .q-item__label--caption,
.q-item--dark .q-item__label--overline,
.q-item--dark .q-item__label--caption {
    color: #fffc
}

.q-item {
    position: relative
}

.q-item.q-router-link--active,
.q-item--active {
    color: var(--q-primary)
}

.q-knob {
    font-size: 48px
}

.q-knob--editable {
    cursor: pointer;
    outline: 0
}

.q-knob--editable:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    box-shadow: none;
    transition: box-shadow .24s ease-in-out
}

.q-knob--editable:focus:before {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f
}

body.body--dark .q-knob--editable:focus:before {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-layout {
    width: 100%;
    outline: 0
}

.q-layout-container {
    position: relative;
    width: 100%;
    height: 100%
}

.q-layout-container .q-layout {
    min-height: 100%
}

.q-layout-container>div {
    transform: translateZ(0)
}

.q-layout-container>div>div {
    min-height: 0;
    max-height: 100%
}

.q-layout__shadow {
    width: 100%
}

.q-layout__shadow:after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: 0 0 10px 2px #0003, 0 0 10px #0000003d
}

.q-layout__section--marginal {
    background-color: var(--q-primary);
    color: #fff
}

.q-header--hidden {
    transform: translateY(-110%)
}

.q-header--bordered {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.q-header .q-layout__shadow {
    bottom: -10px
}

.q-header .q-layout__shadow:after {
    bottom: 10px
}

.q-footer--hidden {
    transform: translateY(110%)
}

.q-footer--bordered {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.q-footer .q-layout__shadow {
    top: -10px
}

.q-footer .q-layout__shadow:after {
    top: 10px
}

.q-header,
.q-footer {
    z-index: 2000
}

.q-drawer {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 1000
}

.q-drawer--on-top {
    z-index: 3000
}

.q-drawer--left {
    left: 0;
    transform: translate(-100%)
}

.q-drawer--left.q-drawer--bordered {
    border-right: 1px solid rgba(0, 0, 0, .12)
}

.q-drawer--left .q-layout__shadow {
    left: 10px;
    right: -10px
}

.q-drawer--left .q-layout__shadow:after {
    right: 10px
}

.q-drawer--right {
    right: 0;
    transform: translate(100%)
}

.q-drawer--right.q-drawer--bordered {
    border-left: 1px solid rgba(0, 0, 0, .12)
}

.q-drawer--right .q-layout__shadow {
    left: -10px
}

.q-drawer--right .q-layout__shadow:after {
    left: 10px
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini {
    padding: 0 !important
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item,
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section {
    text-align: center;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    min-width: 0
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__label,
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--main,
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--side~.q-item__section--side {
    display: none
}

.q-drawer--mini .q-mini-drawer-hide,
.q-drawer--mini .q-expansion-item__content {
    display: none
}

.q-drawer--mini-animate .q-drawer__content {
    overflow-x: hidden !important;
    white-space: nowrap
}

.q-drawer--standard .q-mini-drawer-only,
.q-drawer--mobile .q-mini-drawer-only,
.q-drawer--mobile .q-mini-drawer-hide {
    display: none
}

.q-drawer__backdrop {
    z-index: 2999 !important;
    will-change: background-color
}

.q-drawer__opener {
    z-index: 2001;
    height: 100%;
    width: 15px;
    -webkit-user-select: none;
    user-select: none
}

.q-layout,
.q-header,
.q-footer,
.q-page {
    position: relative
}

.q-page-sticky--shrink {
    pointer-events: none
}

.q-page-sticky--shrink>div {
    display: inline-block;
    pointer-events: auto
}

body.q-ios-padding .q-layout--standard .q-header>.q-toolbar:nth-child(1),
body.q-ios-padding .q-layout--standard .q-header>.q-tabs:nth-child(1) .q-tabs__content,
body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
    padding-top: 20px;
    min-height: 70px;
    padding-top: env(safe-area-inset-top);
    min-height: calc(env(safe-area-inset-top) + 50px)
}

body.q-ios-padding .q-layout--standard .q-footer>.q-toolbar:last-child,
body.q-ios-padding .q-layout--standard .q-footer>.q-tabs:nth-last-child(1 of:not(.q-layout__shadow)) .q-tabs__content,
body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
    padding-bottom: env(safe-area-inset-bottom);
    min-height: calc(env(safe-area-inset-bottom) + 50px)
}

.q-body--layout-animate .q-drawer__backdrop {
    transition: background-color .12s !important
}

.q-body--layout-animate .q-drawer {
    transition: transform .12s, width .12s, top .12s, bottom .12s !important
}

.q-body--layout-animate .q-layout__section--marginal {
    transition: transform .12s, left .12s, right .12s !important
}

.q-body--layout-animate .q-page-container {
    transition: padding-top .12s, padding-right .12s, padding-bottom .12s, padding-left .12s !important
}

.q-body--layout-animate .q-page-sticky {
    transition: transform .12s, left .12s, right .12s, top .12s, bottom .12s !important
}

body:not(.q-body--layout-animate) .q-layout--prevent-focus {
    visibility: hidden
}

.q-body--drawer-toggle {
    overflow-x: hidden !important
}

@media (max-width: 599.98px) {
    .q-layout-padding {
        padding: 8px
    }
}

@media (min-width: 600px) and(max-width: 1439.98px) {
    .q-layout-padding {
        padding: 16px
    }
}

@media (min-width: 1440px) {
    .q-layout-padding {
        padding: 24px
    }
}

body.body--dark .q-header,
body.body--dark .q-footer,
body.body--dark .q-drawer {
    border-color: #ffffff47
}

body.body--dark .q-layout__shadow:after {
    box-shadow: 0 0 10px 2px #fff3, 0 0 10px #ffffff3d
}

body.platform-ios .q-layout--containerized {
    position: unset !important
}

.q-linear-progress {
    --q-linear-progress-speed: .3s;
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 4px;
    height: 1em;
    color: var(--q-primary);
    transform: scaleZ(1)
}

.q-linear-progress__model,
.q-linear-progress__track {
    transform-origin: 0 0
}

.q-linear-progress__model--with-transition,
.q-linear-progress__track--with-transition {
    transition: transform var(--q-linear-progress-speed)
}

.q-linear-progress--reverse .q-linear-progress__model,
.q-linear-progress--reverse .q-linear-progress__track {
    transform-origin: 0 100%
}

.q-linear-progress__model--determinate {
    background: currentColor
}

.q-linear-progress__model--indeterminate,
.q-linear-progress__model--query {
    transition: none
}

.q-linear-progress__model--indeterminate:before,
.q-linear-progress__model--indeterminate:after,
.q-linear-progress__model--query:before,
.q-linear-progress__model--query:after {
    background: currentColor;
    content: "";
    position: absolute;
    inset: 0;
    transform-origin: 0 0
}

.q-linear-progress__model--indeterminate:before,
.q-linear-progress__model--query:before {
    animation: q-linear-progress--indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite
}

.q-linear-progress__model--indeterminate:after,
.q-linear-progress__model--query:after {
    transform: translate3d(-101%, 0, 0) scaleZ(1);
    animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    animation-delay: 1.15s
}

.q-linear-progress__track {
    opacity: .4
}

.q-linear-progress__track--light {
    background: #00000042
}

.q-linear-progress__track--dark {
    background: #fff9
}

.q-linear-progress__stripe {
    background-image: linear-gradient(45deg, #ffffff26 25%, #fff0 25% 50%, #ffffff26 50% 75%, #fff0 75%, #fff0) !important;
    background-size: 40px 40px !important
}

.q-linear-progress__stripe--with-transition {
    transition: width var(--q-linear-progress-speed)
}

@keyframes q-linear-progress--indeterminate {
    0% {
        transform: translate3d(-35%, 0, 0) scale3d(.35, 1, 1)
    }

    60% {
        transform: translate3d(100%, 0, 0) scale3d(.9, 1, 1)
    }

    to {
        transform: translate3d(100%, 0, 0) scale3d(.9, 1, 1)
    }
}

@keyframes q-linear-progress--indeterminate-short {
    0% {
        transform: translate3d(-101%, 0, 0) scaleZ(1)
    }

    60% {
        transform: translate3d(107%, 0, 0) scale3d(.01, 1, 1)
    }

    to {
        transform: translate3d(107%, 0, 0) scale3d(.01, 1, 1)
    }
}

.q-menu {
    position: fixed !important;
    display: inline-block;
    max-width: 95vw;
    max-height: 65vh;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    background: #fff;
    border-radius: 4px;
    overflow-y: auto;
    overflow-x: hidden;
    outline: 0;
    z-index: 6000
}

.q-menu--square {
    border-radius: 0
}

.q-menu--dark {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-option-group--inline>div {
    display: inline-block
}

.q-pagination input {
    text-align: center;
    -moz-appearance: textfield
}

.q-pagination input::-webkit-outer-spin-button,
.q-pagination input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.q-pagination__content {
    --q-pagination-gutter-parent: -2px;
    --q-pagination-gutter-child: 2px;
    margin-top: var(--q-pagination-gutter-parent);
    margin-left: var(--q-pagination-gutter-parent)
}

.q-pagination__content>.q-btn,
.q-pagination__content>.q-input,
.q-pagination__middle>.q-btn {
    margin-top: var(--q-pagination-gutter-child);
    margin-left: var(--q-pagination-gutter-child)
}

.q-parallax {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: inherit
}

.q-parallax__media>img,
.q-parallax__media>video {
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    will-change: transform;
    display: none
}

.q-popup-edit {
    padding: 8px 16px
}

.q-popup-edit__buttons {
    margin-top: 8px
}

.q-popup-edit__buttons .q-btn+.q-btn {
    margin-left: 8px
}

.q-pull-to-refresh {
    position: relative
}

.q-pull-to-refresh__puller {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: var(--q-primary);
    background: #fff;
    box-shadow: 0 0 4px #0000004d
}

.q-pull-to-refresh__puller--animating {
    transition: transform .3s, opacity .3s
}

.q-radio {
    vertical-align: middle
}

.q-radio__native {
    width: 1px;
    height: 1px
}

.q-radio__bg,
.q-radio__icon-container {
    -webkit-user-select: none;
    user-select: none
}

.q-radio__bg {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    -webkit-print-color-adjust: exact
}

.q-radio__bg path {
    fill: currentColor
}

.q-radio__icon {
    color: currentColor;
    font-size: .5em
}

.q-radio__check {
    transform-origin: 50% 50%;
    transform: scale3d(0, 0, 1);
    transition: transform .22s cubic-bezier(0, 0, .2, 1) 0ms
}

.q-radio__inner {
    font-size: 40px;
    width: 1em;
    min-width: 1em;
    height: 1em;
    outline: 0;
    border-radius: 50%;
    color: #0000008a
}

.q-radio__inner--truthy {
    color: var(--q-primary)
}

.q-radio__inner--truthy .q-radio__check {
    transform: scaleZ(1)
}

.q-radio.disabled {
    opacity: .75 !important
}

.q-radio--dark .q-radio__inner {
    color: #ffffffb3
}

.q-radio--dark .q-radio__inner:before {
    opacity: .32 !important
}

.q-radio--dark .q-radio__inner--truthy {
    color: var(--q-primary)
}

.q-radio--dense .q-radio__inner {
    width: .5em;
    min-width: .5em;
    height: .5em
}

.q-radio--dense .q-radio__bg {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.q-radio--dense .q-radio__label {
    padding-left: .5em
}

.q-radio--dense.reverse .q-radio__label {
    padding-left: 0;
    padding-right: .5em
}

body.desktop .q-radio:not(.disabled) .q-radio__inner:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: currentColor;
    opacity: .12;
    transform: scale3d(0, 0, 1);
    transition: transform .22s cubic-bezier(0, 0, .2, 1) 0ms
}

body.desktop .q-radio:not(.disabled):focus .q-radio__inner:before,
body.desktop .q-radio:not(.disabled):hover .q-radio__inner:before {
    transform: scaleZ(1)
}

body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before,
body.desktop .q-radio--dense:not(.disabled):hover .q-radio__inner:before {
    transform: scale3d(1.5, 1.5, 1)
}

.q-rating {
    color: #ffeb3b;
    vertical-align: middle
}

.q-rating__icon-container {
    height: 1em;
    outline: 0
}

.q-rating__icon-container+.q-rating__icon-container {
    margin-left: 2px
}

.q-rating__icon {
    color: currentColor;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    position: relative;
    opacity: .4;
    transition: transform .2s ease-in, opacity .2s ease-in, color .2s ease-in
}

.q-rating__icon--hovered {
    transform: scale(1.3)
}

.q-rating__icon--active {
    opacity: 1
}

.q-rating__icon--exselected {
    opacity: .7
}

.q-rating--no-dimming .q-rating__icon {
    opacity: 1
}

.q-rating--editable .q-rating__icon-container {
    cursor: pointer
}

.q-responsive {
    position: relative;
    max-width: 100%;
    max-height: 100%
}

.q-responsive__filler {
    width: inherit;
    max-width: inherit;
    height: inherit;
    max-height: inherit
}

.q-responsive__content {
    border-radius: inherit
}

.q-responsive__content>* {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important
}

.q-scrollarea {
    position: relative;
    contain: strict
}

.q-scrollarea__bar,
.q-scrollarea__thumb {
    opacity: .2;
    transition: opacity .3s;
    will-change: opacity;
    cursor: grab
}

.q-scrollarea__bar--v,
.q-scrollarea__thumb--v {
    right: 0;
    width: 10px
}

.q-scrollarea__bar--h,
.q-scrollarea__thumb--h {
    bottom: 0;
    height: 10px
}

.q-scrollarea__bar--invisible,
.q-scrollarea__thumb--invisible {
    opacity: 0 !important;
    pointer-events: none
}

.q-scrollarea__thumb {
    background: #000;
    border-radius: 3px
}

.q-scrollarea__thumb:hover {
    opacity: .3
}

.q-scrollarea__thumb:active {
    opacity: .5
}

.q-scrollarea__content {
    min-height: 100%;
    min-width: 100%
}

.q-scrollarea--dark .q-scrollarea__thumb {
    background: #fff
}

.q-select--without-input .q-field__control {
    cursor: pointer
}

.q-select--with-input .q-field__control {
    cursor: text
}

.q-select .q-field__input {
    min-width: 50px !important;
    cursor: text
}

.q-select .q-field__input--padding {
    padding-left: 4px
}

.q-select__focus-target,
.q-select__autocomplete-input {
    position: absolute;
    outline: 0 !important;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    opacity: 0
}

.q-select__dropdown-icon {
    cursor: pointer;
    transition: transform .28s
}

.q-select.q-field--readonly .q-field__control,
.q-select.q-field--readonly .q-select__dropdown-icon {
    cursor: default
}

.q-select__dialog {
    width: 90vw !important;
    max-width: 90vw !important;
    max-height: calc(100vh - 70px) !important;
    background: #fff;
    display: flex;
    flex-direction: column
}

.q-select__dialog>.scroll {
    position: relative;
    background: inherit
}

body.mobile:not(.native-mobile) .q-select__dialog {
    max-height: calc(100vh - 108px) !important
}

body.platform-android.native-mobile .q-dialog__inner--top .q-select__dialog {
    max-height: calc(100vh - 24px) !important
}

body.platform-android:not(.native-mobile) .q-dialog__inner--top .q-select__dialog {
    max-height: calc(100vh - 80px) !important
}

body.platform-ios.native-mobile .q-dialog__inner--top>div {
    border-radius: 4px
}

body.platform-ios.native-mobile .q-dialog__inner--top .q-select__dialog--focused {
    max-height: 47vh !important
}

body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--focused {
    max-height: 50vh !important
}

.q-separator {
    border: 0;
    background: #0000001f;
    margin: 0;
    transition: background .3s, opacity .3s;
    flex-shrink: 0
}

.q-separator--dark {
    background: #ffffff47
}

.q-separator--horizontal {
    display: block;
    height: 1px
}

.q-separator--horizontal-inset {
    margin-left: 16px;
    margin-right: 16px
}

.q-separator--horizontal-item-inset {
    margin-left: 72px;
    margin-right: 0
}

.q-separator--horizontal-item-thumbnail-inset {
    margin-left: 116px;
    margin-right: 0
}

.q-separator--vertical {
    width: 1px;
    height: auto;
    align-self: stretch
}

.q-separator--vertical-inset {
    margin-top: 8px;
    margin-bottom: 8px
}

.q-skeleton {
    --q-skeleton-speed: 1.5s;
    background: #0000001f;
    border-radius: 4px;
    box-sizing: border-box
}

.q-skeleton--anim {
    cursor: wait
}

.q-skeleton:before {
    content: " "
}

.q-skeleton--type-text {
    transform: scaleY(.5)
}

.q-skeleton--type-circle,
.q-skeleton--type-QAvatar {
    height: 48px;
    width: 48px;
    border-radius: 50%
}

.q-skeleton--type-QBtn {
    width: 90px;
    height: 36px
}

.q-skeleton--type-QBadge {
    width: 70px;
    height: 16px
}

.q-skeleton--type-QChip {
    width: 90px;
    height: 28px;
    border-radius: 16px
}

.q-skeleton--type-QToolbar {
    height: 50px
}

.q-skeleton--type-QCheckbox,
.q-skeleton--type-QRadio {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.q-skeleton--type-QToggle {
    width: 56px;
    height: 40px;
    border-radius: 7px
}

.q-skeleton--type-QSlider,
.q-skeleton--type-QRange {
    height: 40px
}

.q-skeleton--type-QInput {
    height: 56px
}

.q-skeleton--bordered {
    border: 1px solid rgba(0, 0, 0, .05)
}

.q-skeleton--square {
    border-radius: 0
}

.q-skeleton--anim-fade {
    animation: q-skeleton--fade var(--q-skeleton-speed) linear .5s infinite
}

.q-skeleton--anim-pulse {
    animation: q-skeleton--pulse var(--q-skeleton-speed) ease-in-out .5s infinite
}

.q-skeleton--anim-pulse-x {
    animation: q-skeleton--pulse-x var(--q-skeleton-speed) ease-in-out .5s infinite
}

.q-skeleton--anim-pulse-y {
    animation: q-skeleton--pulse-y var(--q-skeleton-speed) ease-in-out .5s infinite
}

.q-skeleton--anim-wave,
.q-skeleton--anim-blink,
.q-skeleton--anim-pop {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.q-skeleton--anim-wave:after,
.q-skeleton--anim-blink:after,
.q-skeleton--anim-pop:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0
}

.q-skeleton--anim-blink:after {
    background: #ffffffb3;
    animation: q-skeleton--fade var(--q-skeleton-speed) linear .5s infinite
}

.q-skeleton--anim-wave:after {
    background: linear-gradient(90deg, #fff0, #ffffff80, #fff0);
    animation: q-skeleton--wave var(--q-skeleton-speed) linear .5s infinite
}

.q-skeleton--dark {
    background: #ffffff0d
}

.q-skeleton--dark.q-skeleton--bordered {
    border: 1px solid rgba(255, 255, 255, .25)
}

.q-skeleton--dark.q-skeleton--anim-wave:after {
    background: linear-gradient(90deg, #fff0, #ffffff1a, #fff0)
}

.q-skeleton--dark.q-skeleton--anim-blink:after {
    background: #fff3
}

@keyframes q-skeleton--fade {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes q-skeleton--pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.85)
    }

    to {
        transform: scale(1)
    }
}

@keyframes q-skeleton--pulse-x {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scaleX(.75)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes q-skeleton--pulse-y {
    0% {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(.75)
    }

    to {
        transform: scaleY(1)
    }
}

@keyframes q-skeleton--wave {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}

.q-slide-item {
    position: relative;
    background: #fff
}

.q-slide-item__left,
.q-slide-item__right,
.q-slide-item__top,
.q-slide-item__bottom {
    visibility: hidden;
    font-size: 14px;
    color: #fff
}

.q-slide-item__left .q-icon,
.q-slide-item__right .q-icon,
.q-slide-item__top .q-icon,
.q-slide-item__bottom .q-icon {
    font-size: 1.714em
}

.q-slide-item__left {
    background: #4caf50;
    padding: 8px 16px
}

.q-slide-item__left>div {
    transform-origin: left center
}

.q-slide-item__right {
    background: #ff9800;
    padding: 8px 16px
}

.q-slide-item__right>div {
    transform-origin: right center
}

.q-slide-item__top {
    background: #2196f3;
    padding: 16px 8px
}

.q-slide-item__top>div {
    transform-origin: top center
}

.q-slide-item__bottom {
    background: #9c27b0;
    padding: 16px 8px
}

.q-slide-item__bottom>div {
    transform-origin: bottom center
}

.q-slide-item__content {
    background: inherit;
    transition: transform .2s ease-in;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.q-slider {
    position: relative
}

.q-slider--h {
    width: 100%
}

.q-slider--v {
    height: 200px
}

.q-slider--editable .q-slider__track-container {
    cursor: grab
}

.q-slider__track-container {
    outline: 0
}

.q-slider__track-container--h {
    width: 100%;
    padding: 12px 0
}

.q-slider__track-container--h .q-slider__selection {
    will-change: width, left
}

.q-slider__track-container--v {
    height: 100%;
    padding: 0 12px
}

.q-slider__track-container--v .q-slider__selection {
    will-change: height, top
}

.q-slider__track {
    color: var(--q-primary);
    background: #0000001a;
    border-radius: 4px;
    width: inherit;
    height: inherit
}

.q-slider__inner {
    background: #0000001a;
    border-radius: inherit;
    width: 100%;
    height: 100%
}

.q-slider__selection {
    background: currentColor;
    border-radius: inherit;
    width: 100%;
    height: 100%
}

.q-slider__markers {
    color: #0000004d;
    border-radius: inherit;
    width: 100%;
    height: 100%
}

.q-slider__markers:after {
    content: "";
    position: absolute;
    background: currentColor
}

.q-slider__markers--h {
    background-image: repeating-linear-gradient(to right, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0))
}

.q-slider__markers--h:after {
    height: 100%;
    width: 2px;
    top: 0;
    right: 0
}

.q-slider__markers--v {
    background-image: repeating-linear-gradient(to bottom, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0))
}

.q-slider__markers--v:after {
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0
}

.q-slider__marker-labels-container {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 24px;
    min-width: 24px
}

.q-slider__marker-labels {
    position: absolute
}

.q-slider__marker-labels--h-standard {
    top: 0
}

.q-slider__marker-labels--h-switched {
    bottom: 0
}

.q-slider__marker-labels--h-ltr {
    transform: translate(-50%)
}

.q-slider__marker-labels--h-rtl {
    transform: translate(50%)
}

.q-slider__marker-labels--v-standard {
    left: 4px
}

.q-slider__marker-labels--v-switched {
    right: 4px
}

.q-slider__marker-labels--v-ltr {
    transform: translateY(-50%)
}

.q-slider__marker-labels--v-rtl {
    transform: translateY(50%)
}

.q-slider__thumb {
    z-index: 1;
    outline: 0;
    color: var(--q-primary);
    transition: transform .18s ease-out, fill .18s ease-out, stroke .18s ease-out
}

.q-slider__thumb.q-slider--focus {
    opacity: 1 !important
}

.q-slider__thumb--h {
    top: 50%;
    will-change: left
}

.q-slider__thumb--h-ltr {
    transform: scale(1) translate(-50%, -50%)
}

.q-slider__thumb--h-rtl {
    transform: scale(1) translate(50%, -50%)
}

.q-slider__thumb--v {
    left: 50%;
    will-change: top
}

.q-slider__thumb--v-ltr {
    transform: scale(1) translate(-50%, -50%)
}

.q-slider__thumb--v-rtl {
    transform: scale(1) translate(-50%, 50%)
}

.q-slider__thumb-shape {
    top: 0;
    left: 0;
    stroke-width: 3.5;
    stroke: currentColor;
    transition: transform .28s
}

.q-slider__thumb-shape path {
    stroke: currentColor;
    fill: currentColor
}

.q-slider__focus-ring {
    border-radius: 50%;
    opacity: 0;
    transition: transform .26667s ease-out, opacity .26667s ease-out, background-color .26667s ease-out;
    transition-delay: .14s
}

.q-slider__pin {
    opacity: 0;
    white-space: nowrap;
    transition: opacity .28s ease-out;
    transition-delay: .14s
}

.q-slider__pin:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute
}

.q-slider__pin--h:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    left: 50%;
    transform: translate(-50%)
}

.q-slider__pin--h-standard {
    bottom: 100%
}

.q-slider__pin--h-standard:before {
    bottom: 2px;
    border-top: 6px solid currentColor
}

.q-slider__pin--h-switched {
    top: 100%
}

.q-slider__pin--h-switched:before {
    top: 2px;
    border-bottom: 6px solid currentColor
}

.q-slider__pin--v {
    top: 0
}

.q-slider__pin--v:before {
    top: 50%;
    transform: translateY(-50%);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

.q-slider__pin--v-standard {
    left: 100%
}

.q-slider__pin--v-standard:before {
    left: 2px;
    border-right: 6px solid currentColor
}

.q-slider__pin--v-switched {
    right: 100%
}

.q-slider__pin--v-switched:before {
    right: 2px;
    border-left: 6px solid currentColor
}

.q-slider__label {
    z-index: 1;
    white-space: nowrap;
    position: absolute
}

.q-slider__label--h {
    left: 50%;
    transform: translate(-50%)
}

.q-slider__label--h-standard {
    bottom: 7px
}

.q-slider__label--h-switched {
    top: 7px
}

.q-slider__label--v {
    top: 50%;
    transform: translateY(-50%)
}

.q-slider__label--v-standard {
    left: 7px
}

.q-slider__label--v-switched {
    right: 7px
}

.q-slider__text-container {
    min-height: 25px;
    padding: 2px 8px;
    border-radius: 4px;
    background: currentColor;
    position: relative;
    text-align: center
}

.q-slider__text {
    color: #fff;
    font-size: 12px
}

.q-slider--no-value .q-slider__thumb,
.q-slider--no-value .q-slider__inner,
.q-slider--no-value .q-slider__selection {
    opacity: 0
}

.q-slider--focus .q-slider__focus-ring,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__focus-ring {
    background: currentColor;
    transform: scale3d(1.55, 1.55, 1);
    opacity: .25
}

.q-slider--focus .q-slider__thumb,
.q-slider--focus .q-slider__inner,
.q-slider--focus .q-slider__selection,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__thumb,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__inner,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__selection {
    opacity: 1
}

.q-slider--inactive .q-slider__thumb--h {
    transition: left .28s, right .28s
}

.q-slider--inactive .q-slider__thumb--v {
    transition: top .28s, bottom .28s
}

.q-slider--inactive .q-slider__selection {
    transition: width .28s, left .28s, right .28s, height .28s, top .28s, bottom .28s
}

.q-slider--inactive .q-slider__text-container {
    transition: transform .28s
}

.q-slider--active {
    cursor: grabbing
}

.q-slider--active .q-slider__thumb-shape {
    transform: scale(1.5)
}

.q-slider--active .q-slider__focus-ring,
.q-slider--active.q-slider--label .q-slider__thumb-shape {
    transform: scale(0) !important
}

body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-slider__pin,
.q-slider--label.q-slider--active .q-slider__pin,
.q-slider--label .q-slider--focus .q-slider__pin,
.q-slider--label.q-slider--label-always .q-slider__pin {
    opacity: 1
}

.q-slider--dark .q-slider__track,
.q-slider--dark .q-slider__inner {
    background: #ffffff1a
}

.q-slider--dark .q-slider__markers {
    color: #ffffff4d
}

.q-slider--dense .q-slider__track-container--h {
    padding: 6px 0
}

.q-slider--dense .q-slider__track-container--v {
    padding: 0 6px
}

.q-space {
    flex-grow: 1 !important
}

.q-spinner {
    vertical-align: middle
}

.q-spinner-mat {
    animation: q-spin 2s linear infinite;
    transform-origin: center center
}

.q-spinner-mat .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: q-mat-dash 1.5s ease-in-out infinite
}

@keyframes q-spin {
    0% {
        transform: rotate3d(0, 0, 1, 0)
    }

    25% {
        transform: rotate3d(0, 0, 1, 90deg)
    }

    50% {
        transform: rotate3d(0, 0, 1, 180deg)
    }

    75% {
        transform: rotate3d(0, 0, 1, 270deg)
    }

    to {
        transform: rotate3d(0, 0, 1, 359deg)
    }
}

@keyframes q-mat-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.q-splitter__panel {
    position: relative;
    z-index: 0
}

.q-splitter__panel>.q-splitter {
    width: 100%;
    height: 100%
}

.q-splitter__separator {
    background-color: #0000001f;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1
}

.q-splitter__separator-area>* {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.q-splitter--dark .q-splitter__separator {
    background-color: #ffffff47
}

.q-splitter--vertical>.q-splitter__panel {
    height: 100%
}

.q-splitter--vertical.q-splitter--active {
    cursor: col-resize
}

.q-splitter--vertical>.q-splitter__separator {
    width: 1px
}

.q-splitter--vertical>.q-splitter__separator>div {
    left: -6px;
    right: -6px
}

.q-splitter--vertical.q-splitter--workable>.q-splitter__separator {
    cursor: col-resize
}

.q-splitter--horizontal>.q-splitter__panel {
    width: 100%
}

.q-splitter--horizontal.q-splitter--active {
    cursor: row-resize
}

.q-splitter--horizontal>.q-splitter__separator {
    height: 1px
}

.q-splitter--horizontal>.q-splitter__separator>div {
    top: -6px;
    bottom: -6px
}

.q-splitter--horizontal.q-splitter--workable>.q-splitter__separator {
    cursor: row-resize
}

.q-splitter__before,
.q-splitter__after {
    overflow: auto
}

.q-stepper {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    border-radius: 4px;
    background: #fff
}

.q-stepper__title {
    font-size: 14px;
    line-height: 1.285714;
    letter-spacing: .1px
}

.q-stepper__caption {
    font-size: 12px;
    line-height: 1.16667
}

.q-stepper__dot {
    contain: layout;
    margin-right: 8px;
    font-size: 14px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    background: currentColor
}

.q-stepper__dot span {
    color: #fff
}

.q-stepper__tab {
    padding: 8px 24px;
    font-size: 14px;
    color: #9e9e9e;
    flex-direction: row
}

.q-stepper--dark {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-stepper--dark .q-stepper__dot span {
    color: #000
}

.q-stepper__tab--navigation {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.q-stepper__tab--active,
.q-stepper__tab--done {
    color: var(--q-primary)
}

.q-stepper__tab--active .q-stepper__dot,
.q-stepper__tab--active .q-stepper__label,
.q-stepper__tab--done .q-stepper__dot,
.q-stepper__tab--done .q-stepper__label {
    text-shadow: 0 0 0 currentColor
}

.q-stepper__tab--disabled .q-stepper__dot {
    background: #00000038
}

.q-stepper__tab--disabled .q-stepper__label {
    color: #00000052
}

.q-stepper__tab--error {
    color: var(--q-negative)
}

.q-stepper__tab--error-with-icon .q-stepper__dot {
    background: transparent !important
}

.q-stepper__tab--error-with-icon .q-stepper__dot span {
    color: currentColor;
    font-size: 24px
}

.q-stepper__header {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-stepper__header--border {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.q-stepper__header--standard-labels .q-stepper__tab {
    min-height: 72px;
    justify-content: center
}

.q-stepper__header--standard-labels .q-stepper__tab:first-child {
    justify-content: flex-start
}

.q-stepper__header--standard-labels .q-stepper__tab:last-child {
    justify-content: flex-end
}

.q-stepper__header--standard-labels .q-stepper__tab:only-child {
    justify-content: center
}

.q-stepper__header--standard-labels .q-stepper__dot:after {
    display: none
}

.q-stepper__header--alternative-labels .q-stepper__tab {
    min-height: 104px;
    padding: 24px 32px;
    flex-direction: column;
    justify-content: flex-start
}

.q-stepper__header--alternative-labels .q-stepper__dot {
    margin-right: 0
}

.q-stepper__header--alternative-labels .q-stepper__label {
    margin-top: 8px;
    text-align: center
}

.q-stepper__header--alternative-labels .q-stepper__label:before,
.q-stepper__header--alternative-labels .q-stepper__label:after {
    display: none
}

.q-stepper__header--contracted,
.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab {
    min-height: 72px
}

.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:first-child {
    align-items: flex-start
}

.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:last-child {
    align-items: flex-end
}

.q-stepper__header--contracted .q-stepper__tab {
    padding: 24px 0
}

.q-stepper__header--contracted .q-stepper__tab:first-child .q-stepper__dot {
    transform: translate(24px)
}

.q-stepper__header--contracted .q-stepper__tab:last-child .q-stepper__dot {
    transform: translate(-24px)
}

.q-stepper__header--contracted .q-stepper__tab:not(:last-child) .q-stepper__dot:after {
    display: block !important
}

.q-stepper__header--contracted .q-stepper__dot {
    margin: 0
}

.q-stepper__header--contracted .q-stepper__label {
    display: none
}

.q-stepper__nav {
    padding-top: 24px
}

.q-stepper--flat {
    box-shadow: none
}

.q-stepper--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-stepper--horizontal .q-stepper__step-inner {
    padding: 24px
}

.q-stepper--horizontal .q-stepper__tab:first-child {
    border-top-left-radius: inherit
}

.q-stepper--horizontal .q-stepper__tab:last-child {
    border-top-right-radius: inherit
}

.q-stepper--horizontal .q-stepper__tab:first-child .q-stepper__dot:before,
.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__label:after,
.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__dot:after {
    display: none
}

.q-stepper--horizontal .q-stepper__tab {
    overflow: hidden
}

.q-stepper--horizontal .q-stepper__line {
    contain: layout
}

.q-stepper--horizontal .q-stepper__line:before,
.q-stepper--horizontal .q-stepper__line:after {
    position: absolute;
    top: 50%;
    height: 1px;
    width: 100vw;
    background: #0000001f
}

.q-stepper--horizontal .q-stepper__label:after,
.q-stepper--horizontal .q-stepper__dot:after {
    content: "";
    left: 100%;
    margin-left: 8px
}

.q-stepper--horizontal .q-stepper__dot:before {
    content: "";
    right: 100%;
    margin-right: 8px
}

.q-stepper--horizontal>.q-stepper__nav {
    padding: 0 24px 24px
}

.q-stepper--vertical {
    padding: 16px 0
}

.q-stepper--vertical .q-stepper__tab {
    padding: 12px 24px
}

.q-stepper--vertical .q-stepper__title {
    line-height: 18px
}

.q-stepper--vertical .q-stepper__step-inner {
    padding: 0 24px 32px 60px
}

.q-stepper--vertical>.q-stepper__nav {
    padding: 24px 24px 0
}

.q-stepper--vertical .q-stepper__step {
    overflow: hidden
}

.q-stepper--vertical .q-stepper__dot {
    margin-right: 12px
}

.q-stepper--vertical .q-stepper__dot:before,
.q-stepper--vertical .q-stepper__dot:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 99999px;
    background: #0000001f
}

.q-stepper--vertical .q-stepper__dot:before {
    bottom: 100%;
    margin-bottom: 8px
}

.q-stepper--vertical .q-stepper__dot:after {
    top: 100%;
    margin-top: 8px
}

.q-stepper--vertical .q-stepper__step:first-child .q-stepper__dot:before,
.q-stepper--vertical .q-stepper__step:last-child .q-stepper__dot:after {
    display: none
}

.q-stepper--vertical .q-stepper__step:last-child .q-stepper__step-inner {
    padding-bottom: 8px
}

.q-stepper--dark.q-stepper--bordered,
.q-stepper--dark .q-stepper__header--border {
    border-color: #ffffff47
}

.q-stepper--dark.q-stepper--horizontal .q-stepper__line:before,
.q-stepper--dark.q-stepper--horizontal .q-stepper__line:after {
    background: #ffffff47
}

.q-stepper--dark.q-stepper--vertical .q-stepper__dot:before,
.q-stepper--dark.q-stepper--vertical .q-stepper__dot:after {
    background: #ffffff47
}

.q-stepper--dark .q-stepper__tab--disabled {
    color: #ffffff47
}

.q-stepper--dark .q-stepper__tab--disabled .q-stepper__dot {
    background: #ffffff47
}

.q-stepper--dark .q-stepper__tab--disabled .q-stepper__label {
    color: #ffffff8a
}

.q-tab-panels {
    background: #fff
}

.q-tab-panel {
    padding: 16px
}

.q-markup-table {
    overflow: auto;
    background: #fff
}

.q-table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.q-table thead tr,
.q-table tbody td {
    height: 48px
}

.q-table th {
    font-weight: 500;
    font-size: 12px;
    -webkit-user-select: none;
    user-select: none
}

.q-table th.sortable {
    cursor: pointer
}

.q-table th.sortable:hover .q-table__sort-icon {
    opacity: .64
}

.q-table th.sorted .q-table__sort-icon {
    opacity: .86 !important
}

.q-table th.sort-desc .q-table__sort-icon {
    transform: rotate(180deg)
}

.q-table th,
.q-table td {
    padding: 7px 16px;
    background-color: inherit
}

.q-table thead,
.q-table td,
.q-table th {
    border-style: solid;
    border-width: 0
}

.q-table tbody td {
    font-size: 13px
}

.q-table__card {
    color: #000;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f
}

.q-table__card .q-table__middle {
    flex: 1 1 auto
}

.q-table__card .q-table__top,
.q-table__card .q-table__bottom {
    flex: 0 0 auto
}

.q-table__container {
    position: relative
}

.q-table__container>div:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-table__container>div:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.q-table__container>.q-inner-loading {
    border-radius: inherit !important
}

.q-table__top {
    padding: 12px 16px
}

.q-table__top .q-table__control {
    flex-wrap: wrap
}

.q-table__title {
    font-size: 20px;
    letter-spacing: .005em;
    font-weight: 400
}

.q-table__separator {
    min-width: 8px !important
}

.q-table__progress {
    height: 0 !important
}

.q-table__progress th {
    padding: 0 !important;
    border: 0 !important
}

.q-table__progress .q-linear-progress {
    position: absolute;
    bottom: 0
}

.q-table__middle {
    max-width: 100%
}

.q-table__bottom {
    min-height: 50px;
    padding: 4px 14px 4px 16px;
    font-size: 12px
}

.q-table__bottom .q-table__control {
    min-height: 24px
}

.q-table__bottom-nodata-icon {
    font-size: 200%;
    margin-right: 8px
}

.q-table__bottom-item {
    margin-right: 16px
}

.q-table__control {
    display: flex;
    align-items: center
}

.q-table__sort-icon {
    transition: transform .3s cubic-bezier(.25, .8, .5, 1);
    opacity: 0;
    font-size: 120%
}

.q-table__sort-icon--left,
.q-table__sort-icon--center {
    margin-left: 4px
}

.q-table__sort-icon--right {
    margin-right: 4px
}

.q-table--col-auto-width {
    width: 1px
}

.q-table__card--dark,
.q-table--dark {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-table--flat {
    box-shadow: none
}

.q-table--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-table--square {
    border-radius: 0
}

.q-table__linear-progress {
    height: 2px
}

.q-table--no-wrap th,
.q-table--no-wrap td {
    white-space: nowrap
}

.q-table--grid {
    box-shadow: none;
    border-radius: 4px
}

.q-table--grid .q-table__top {
    padding-bottom: 4px
}

.q-table--grid .q-table__middle {
    min-height: 2px;
    margin-bottom: 4px
}

.q-table--grid .q-table__middle thead,
.q-table--grid .q-table__middle thead th {
    border: 0 !important
}

.q-table--grid .q-table__linear-progress {
    bottom: 0
}

.q-table--grid .q-table__bottom {
    border-top: 0
}

.q-table--grid .q-table__grid-content {
    flex: 1 1 auto
}

.q-table--grid.fullscreen {
    background: inherit
}

.q-table__grid-item-card {
    vertical-align: top;
    padding: 12px
}

.q-table__grid-item-card .q-separator {
    margin: 12px 0
}

.q-table__grid-item-row+.q-table__grid-item-row {
    margin-top: 8px
}

.q-table__grid-item-title {
    opacity: .54;
    font-weight: 500;
    font-size: 12px
}

.q-table__grid-item-value {
    font-size: 13px
}

.q-table__grid-item {
    padding: 4px;
    transition: transform .3s cubic-bezier(.25, .8, .5, 1)
}

.q-table__grid-item--selected {
    transform: scale(.95)
}

.q-table--horizontal-separator thead th,
.q-table--horizontal-separator tbody tr:not(:last-child)>td,
.q-table--cell-separator thead th,
.q-table--cell-separator tbody tr:not(:last-child)>td {
    border-bottom-width: 1px
}

.q-table--vertical-separator td,
.q-table--vertical-separator th,
.q-table--cell-separator td,
.q-table--cell-separator th {
    border-left-width: 1px
}

.q-table--vertical-separator thead tr:last-child th,
.q-table--vertical-separator.q-table--loading tr:nth-last-child(2) th,
.q-table--cell-separator thead tr:last-child th,
.q-table--cell-separator.q-table--loading tr:nth-last-child(2) th {
    border-bottom-width: 1px
}

.q-table--vertical-separator td:first-child,
.q-table--vertical-separator th:first-child,
.q-table--cell-separator td:first-child,
.q-table--cell-separator th:first-child {
    border-left: 0
}

.q-table--vertical-separator .q-table__top,
.q-table--cell-separator .q-table__top {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.q-table--dense .q-table__top {
    padding: 6px 16px
}

.q-table--dense .q-table__bottom {
    min-height: 33px
}

.q-table--dense .q-table__sort-icon {
    font-size: 110%
}

.q-table--dense .q-table th,
.q-table--dense .q-table td {
    padding: 4px 8px
}

.q-table--dense .q-table thead tr,
.q-table--dense .q-table tbody tr,
.q-table--dense .q-table tbody td {
    height: 28px
}

.q-table--dense .q-table th:first-child,
.q-table--dense .q-table td:first-child {
    padding-left: 16px
}

.q-table--dense .q-table th:last-child,
.q-table--dense .q-table td:last-child {
    padding-right: 16px
}

.q-table--dense .q-table__bottom-item {
    margin-right: 8px
}

.q-table--dense .q-table__select .q-field__control,
.q-table--dense .q-table__select .q-field__native {
    min-height: 24px;
    padding: 0
}

.q-table--dense .q-table__select .q-field__marginal {
    height: 24px
}

.q-table__bottom:not(.q-table__bottom--nodata) {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.q-table thead,
.q-table tr,
.q-table th,
.q-table td {
    border-color: #0000001f
}

.q-table tbody td {
    position: relative
}

.q-table tbody td:before,
.q-table tbody td:after {
    position: absolute;
    inset: 0;
    pointer-events: none
}

.q-table tbody td:before {
    background: #00000008
}

.q-table tbody td:after {
    background: #0000000f
}

.q-table tbody tr.selected td:after {
    content: ""
}

body.desktop .q-table>tbody>tr:not(.q-tr--no-hover):hover>td:not(.q-td--no-hover):before {
    content: ""
}

.q-table__card--dark,
.q-table--dark,
.q-table--dark .q-table__bottom,
.q-table--dark thead,
.q-table--dark tr,
.q-table--dark th,
.q-table--dark td {
    border-color: #ffffff47
}

.q-table--dark tbody td:before {
    background: #ffffff12
}

.q-table--dark tbody td:after {
    background: #ffffff1a
}

.q-table--dark.q-table--vertical-separator .q-table__top,
.q-table--dark.q-table--cell-separator .q-table__top {
    border-color: #ffffff47
}

.q-tab {
    padding: 0 16px;
    min-height: 48px;
    transition: color .3s, background-color .3s;
    text-transform: uppercase;
    white-space: nowrap;
    color: inherit;
    text-decoration: none
}

.q-tab--full {
    min-height: 72px
}

.q-tab--no-caps {
    text-transform: none
}

.q-tab__content {
    height: inherit;
    padding: 4px 0;
    min-width: 40px
}

.q-tab__content--inline .q-tab__icon+.q-tab__label {
    padding-left: 8px
}

.q-tab__content .q-chip--floating {
    top: 0;
    right: -16px
}

.q-tab__icon {
    width: 24px;
    height: 24px;
    font-size: 24px
}

.q-tab__label {
    font-size: 14px;
    line-height: 1.715em;
    font-weight: 500
}

.q-tab .q-badge {
    top: 3px;
    right: -12px
}

.q-tab__alert,
.q-tab__alert-icon {
    position: absolute
}

.q-tab__alert {
    top: 7px;
    right: -9px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: currentColor
}

.q-tab__alert-icon {
    top: 2px;
    right: -12px;
    font-size: 18px
}

.q-tab__indicator {
    opacity: 0;
    height: 2px;
    background: currentColor
}

.q-tab--active .q-tab__indicator {
    opacity: 1;
    transform-origin: left
}

.q-tab--inactive {
    opacity: .85
}

.q-tabs {
    position: relative;
    transition: color .3s, background-color .3s
}

.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--horizontal {
    padding-left: 36px;
    padding-right: 36px
}

.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--vertical {
    padding-top: 36px;
    padding-bottom: 36px
}

.q-tabs--scrollable.q-tabs__arrows--outside .q-tabs__arrow--faded {
    opacity: .3;
    pointer-events: none
}

.q-tabs--scrollable.q-tabs__arrows--inside .q-tabs__arrow--faded {
    display: none
}

.q-tabs--not-scrollable.q-tabs__arrows--outside,
body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows.q-tabs__arrows--outside {
    padding-left: 0;
    padding-right: 0
}

.q-tabs--not-scrollable .q-tabs__arrow,
body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows .q-tabs__arrow {
    display: none
}

.q-tabs--not-scrollable .q-tabs__content,
body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows .q-tabs__content {
    border-radius: inherit
}

.q-tabs__arrow {
    cursor: pointer;
    font-size: 32px;
    min-width: 36px;
    text-shadow: 0 0 3px #fff, 0 0 1px #fff, 0 0 1px #000;
    transition: opacity .3s
}

.q-tabs__content {
    overflow: hidden;
    flex: 1 1 auto
}

.q-tabs__content--align-center {
    justify-content: center
}

.q-tabs__content--align-right {
    justify-content: flex-end
}

.q-tabs__content--align-justify .q-tab {
    flex: 1 1 auto
}

.q-tabs__offset {
    display: none
}

.q-tabs--horizontal .q-tabs__arrow {
    height: 100%
}

.q-tabs--horizontal .q-tabs__arrow--left {
    top: 0;
    left: 0;
    bottom: 0
}

.q-tabs--horizontal .q-tabs__arrow--right {
    top: 0;
    right: 0;
    bottom: 0
}

.q-tabs--vertical,
.q-tabs--vertical .q-tabs__content {
    display: block !important;
    height: 100%
}

.q-tabs--vertical .q-tabs__arrow {
    width: 100%;
    height: 36px;
    text-align: center
}

.q-tabs--vertical .q-tabs__arrow--left {
    top: 0;
    left: 0;
    right: 0
}

.q-tabs--vertical .q-tabs__arrow--right {
    left: 0;
    right: 0;
    bottom: 0
}

.q-tabs--vertical .q-tab {
    padding: 0 8px
}

.q-tabs--vertical .q-tab__indicator {
    height: unset;
    width: 2px
}

.q-tabs--vertical.q-tabs--not-scrollable .q-tabs__content {
    height: 100%
}

.q-tabs--vertical.q-tabs--dense .q-tab__content {
    min-width: 24px
}

.q-tabs--dense .q-tab {
    min-height: 36px
}

.q-tabs--dense .q-tab--full {
    min-height: 52px
}

.q-time {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    border-radius: 4px;
    background: #fff;
    outline: 0;
    width: 290px;
    min-width: 290px;
    max-width: 100%
}

.q-time--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-time__header {
    border-top-left-radius: inherit;
    color: #fff;
    background-color: var(--q-primary);
    padding: 16px;
    font-weight: 300
}

.q-time__actions {
    padding: 0 16px 16px
}

.q-time__header-label {
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.00833em
}

.q-time__header-label>div+div {
    margin-left: 4px
}

.q-time__link {
    opacity: .56;
    outline: 0;
    transition: opacity .3s ease-out
}

.q-time__link--active,
.q-time__link:hover,
.q-time__link:focus {
    opacity: 1
}

.q-time__header-ampm {
    font-size: 16px;
    letter-spacing: .1em
}

.q-time__content {
    padding: 16px
}

.q-time__content:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.q-time__container-parent {
    padding: 16px
}

.q-time__container-child {
    border-radius: 50%;
    background: #0000001f
}

.q-time__clock {
    padding: 24px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    font-size: 14px
}

.q-time__clock-circle {
    position: relative
}

.q-time__clock-center {
    height: 6px;
    width: 6px;
    margin: auto;
    border-radius: 50%;
    min-height: 0;
    background: currentColor
}

.q-time__clock-pointer {
    width: 2px;
    height: 50%;
    transform-origin: 0 0;
    min-height: 0;
    position: absolute;
    left: 50%;
    right: 0;
    bottom: 0;
    color: var(--q-primary);
    background: currentColor;
    transform: translate(-50%)
}

.q-time__clock-pointer:before,
.q-time__clock-pointer:after {
    content: "";
    position: absolute;
    left: 50%;
    border-radius: 50%;
    background: currentColor;
    transform: translate(-50%)
}

.q-time__clock-pointer:before {
    bottom: -4px;
    width: 8px;
    height: 8px
}

.q-time__clock-pointer:after {
    top: -3px;
    height: 6px;
    width: 6px
}

.q-time__clock-position {
    position: absolute;
    min-height: 32px;
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.q-time__clock-position--disable {
    opacity: .4
}

.q-time__clock-position--active {
    background-color: var(--q-primary);
    color: #fff
}

.q-time__clock-pos-0 {
    top: 0%;
    left: 50%
}

.q-time__clock-pos-1 {
    top: 6.7%;
    left: 75%
}

.q-time__clock-pos-2 {
    top: 25%;
    left: 93.3%
}

.q-time__clock-pos-3 {
    top: 50%;
    left: 100%
}

.q-time__clock-pos-4 {
    top: 75%;
    left: 93.3%
}

.q-time__clock-pos-5 {
    top: 93.3%;
    left: 75%
}

.q-time__clock-pos-6 {
    top: 100%;
    left: 50%
}

.q-time__clock-pos-7 {
    top: 93.3%;
    left: 25%
}

.q-time__clock-pos-8 {
    top: 75%;
    left: 6.7%
}

.q-time__clock-pos-9 {
    top: 50%;
    left: 0%
}

.q-time__clock-pos-10 {
    top: 25%;
    left: 6.7%
}

.q-time__clock-pos-11 {
    top: 6.7%;
    left: 25%
}

.q-time__clock-pos-12 {
    top: 15%;
    left: 50%
}

.q-time__clock-pos-13 {
    top: 19.69%;
    left: 67.5%
}

.q-time__clock-pos-14 {
    top: 32.5%;
    left: 80.31%
}

.q-time__clock-pos-15 {
    top: 50%;
    left: 85%
}

.q-time__clock-pos-16 {
    top: 67.5%;
    left: 80.31%
}

.q-time__clock-pos-17 {
    top: 80.31%;
    left: 67.5%
}

.q-time__clock-pos-18 {
    top: 85%;
    left: 50%
}

.q-time__clock-pos-19 {
    top: 80.31%;
    left: 32.5%
}

.q-time__clock-pos-20 {
    top: 67.5%;
    left: 19.69%
}

.q-time__clock-pos-21 {
    top: 50%;
    left: 15%
}

.q-time__clock-pos-22 {
    top: 32.5%;
    left: 19.69%
}

.q-time__clock-pos-23 {
    top: 19.69%;
    left: 32.5%
}

.q-time__now-button {
    background-color: var(--q-primary);
    color: #fff;
    top: 12px;
    right: 12px
}

.q-time.disabled .q-time__header-ampm,
.q-time.disabled .q-time__content,
.q-time--readonly .q-time__header-ampm,
.q-time--readonly .q-time__content {
    pointer-events: none
}

.q-time--portrait {
    display: inline-flex;
    flex-direction: column
}

.q-time--portrait .q-time__header {
    border-top-right-radius: inherit;
    min-height: 86px
}

.q-time--portrait .q-time__header-ampm {
    margin-left: 12px
}

.q-time--portrait.q-time--bordered .q-time__content {
    margin: 1px 0
}

.q-time--landscape {
    display: inline-flex;
    align-items: stretch;
    min-width: 420px
}

.q-time--landscape>div {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.q-time--landscape .q-time__header {
    border-bottom-left-radius: inherit;
    min-width: 156px
}

.q-time--landscape .q-time__header-ampm {
    margin-top: 12px
}

.q-time--dark {
    border-color: #ffffff47;
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-timeline {
    padding: 0;
    width: 100%;
    list-style: none
}

.q-timeline h6 {
    line-height: inherit
}

.q-timeline--dark {
    color: #fff
}

.q-timeline--dark .q-timeline__subtitle {
    opacity: .7
}

.q-timeline__content {
    padding-bottom: 24px
}

.q-timeline__title {
    margin-top: 0;
    margin-bottom: 16px
}

.q-timeline__subtitle {
    font-size: 12px;
    margin-bottom: 8px;
    opacity: .6;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700
}

.q-timeline__dot {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15px
}

.q-timeline__dot:before,
.q-timeline__dot:after {
    content: "";
    background: currentColor;
    display: block;
    position: absolute
}

.q-timeline__dot:before {
    border: 3px solid transparent;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 4px;
    left: 0;
    transition: background .3s ease-in-out, border .3s ease-in-out
}

.q-timeline__dot:after {
    width: 3px;
    opacity: .4;
    top: 24px;
    bottom: 0;
    left: 6px
}

.q-timeline__dot .q-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    width: 100%;
    color: #fff
}

.q-timeline__dot .q-icon>svg,
.q-timeline__dot .q-icon>img {
    width: 1em;
    height: 1em
}

.q-timeline__dot-img {
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    height: 31px;
    width: 31px;
    background: currentColor;
    border-radius: 50%
}

.q-timeline__heading {
    position: relative
}

.q-timeline__heading:first-child .q-timeline__heading-title {
    padding-top: 0
}

.q-timeline__heading:last-child .q-timeline__heading-title {
    padding-bottom: 0
}

.q-timeline__heading-title {
    padding: 32px 0;
    margin: 0
}

.q-timeline__entry {
    position: relative;
    line-height: 22px
}

.q-timeline__entry:last-child {
    padding-bottom: 0 !important
}

.q-timeline__entry:last-child .q-timeline__dot:after {
    content: none
}

.q-timeline__entry--icon .q-timeline__dot {
    width: 31px
}

.q-timeline__entry--icon .q-timeline__dot:before {
    height: 31px;
    width: 31px
}

.q-timeline__entry--icon .q-timeline__dot:after {
    top: 41px;
    left: 14px
}

.q-timeline__entry--icon .q-timeline__subtitle {
    padding-top: 8px
}

.q-timeline--dense--right .q-timeline__entry {
    padding-left: 40px
}

.q-timeline--dense--right .q-timeline__entry--icon .q-timeline__dot {
    left: -8px
}

.q-timeline--dense--right .q-timeline__dot {
    left: 0
}

.q-timeline--dense--left .q-timeline__heading {
    text-align: right
}

.q-timeline--dense--left .q-timeline__entry {
    padding-right: 40px
}

.q-timeline--dense--left .q-timeline__entry--icon .q-timeline__dot {
    right: -8px
}

.q-timeline--dense--left .q-timeline__content,
.q-timeline--dense--left .q-timeline__title,
.q-timeline--dense--left .q-timeline__subtitle {
    text-align: right
}

.q-timeline--dense--left .q-timeline__dot {
    right: 0
}

.q-timeline--comfortable {
    display: table
}

.q-timeline--comfortable .q-timeline__heading {
    display: table-row;
    font-size: 200%
}

.q-timeline--comfortable .q-timeline__heading>div {
    display: table-cell
}

.q-timeline--comfortable .q-timeline__entry {
    display: table-row;
    padding: 0
}

.q-timeline--comfortable .q-timeline__entry--icon .q-timeline__content {
    padding-top: 8px
}

.q-timeline--comfortable .q-timeline__subtitle,
.q-timeline--comfortable .q-timeline__dot,
.q-timeline--comfortable .q-timeline__content {
    display: table-cell;
    vertical-align: top
}

.q-timeline--comfortable .q-timeline__subtitle {
    width: 35%
}

.q-timeline--comfortable .q-timeline__dot {
    position: relative;
    min-width: 31px
}

.q-timeline--comfortable--right .q-timeline__heading .q-timeline__heading-title {
    margin-left: -50px
}

.q-timeline--comfortable--right .q-timeline__subtitle {
    text-align: right;
    padding-right: 30px
}

.q-timeline--comfortable--right .q-timeline__content {
    padding-left: 30px
}

.q-timeline--comfortable--right .q-timeline__entry--icon .q-timeline__dot {
    left: -8px
}

.q-timeline--comfortable--left .q-timeline__heading {
    text-align: right
}

.q-timeline--comfortable--left .q-timeline__heading .q-timeline__heading-title {
    margin-right: -50px
}

.q-timeline--comfortable--left .q-timeline__subtitle {
    padding-left: 30px
}

.q-timeline--comfortable--left .q-timeline__content {
    padding-right: 30px
}

.q-timeline--comfortable--left .q-timeline__content,
.q-timeline--comfortable--left .q-timeline__title {
    text-align: right
}

.q-timeline--comfortable--left .q-timeline__entry--icon .q-timeline__dot {
    right: 0
}

.q-timeline--comfortable--left .q-timeline__dot {
    right: -8px
}

.q-timeline--loose .q-timeline__heading-title {
    text-align: center;
    margin-left: 0
}

.q-timeline--loose .q-timeline__entry,
.q-timeline--loose .q-timeline__subtitle,
.q-timeline--loose .q-timeline__dot,
.q-timeline--loose .q-timeline__content {
    display: block;
    margin: 0;
    padding: 0
}

.q-timeline--loose .q-timeline__dot {
    position: absolute;
    left: 50%;
    margin-left: -7.15px
}

.q-timeline--loose .q-timeline__entry {
    padding-bottom: 24px;
    overflow: hidden
}

.q-timeline--loose .q-timeline__entry--icon .q-timeline__dot {
    margin-left: -15px
}

.q-timeline--loose .q-timeline__entry--icon .q-timeline__subtitle {
    line-height: 38px
}

.q-timeline--loose .q-timeline__entry--icon .q-timeline__content {
    padding-top: 8px
}

.q-timeline--loose .q-timeline__entry--left .q-timeline__content,
.q-timeline--loose .q-timeline__entry--right .q-timeline__subtitle {
    float: left;
    padding-right: 30px;
    text-align: right
}

.q-timeline--loose .q-timeline__entry--left .q-timeline__subtitle,
.q-timeline--loose .q-timeline__entry--right .q-timeline__content {
    float: right;
    text-align: left;
    padding-left: 30px
}

.q-timeline--loose .q-timeline__subtitle,
.q-timeline--loose .q-timeline__content {
    width: 50%
}

.q-toggle {
    vertical-align: middle
}

.q-toggle__native {
    width: 1px;
    height: 1px
}

.q-toggle__track {
    height: .35em;
    border-radius: .175em;
    opacity: .38;
    background: currentColor
}

.q-toggle__thumb {
    top: .25em;
    left: .25em;
    width: .5em;
    height: .5em;
    transition: left .22s cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    user-select: none;
    z-index: 0
}

.q-toggle__thumb:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.q-toggle__thumb .q-icon {
    font-size: .3em;
    min-width: 1em;
    color: #000;
    opacity: .54;
    z-index: 1
}

.q-toggle__inner {
    font-size: 40px;
    width: 1.4em;
    min-width: 1.4em;
    height: 1em;
    padding: .325em .3em;
    -webkit-print-color-adjust: exact
}

.q-toggle__inner--indet .q-toggle__thumb {
    left: .45em
}

.q-toggle__inner--truthy {
    color: var(--q-primary)
}

.q-toggle__inner--truthy .q-toggle__track {
    opacity: .54
}

.q-toggle__inner--truthy .q-toggle__thumb {
    left: .65em
}

.q-toggle__inner--truthy .q-toggle__thumb:after {
    background-color: currentColor
}

.q-toggle__inner--truthy .q-toggle__thumb .q-icon {
    color: #fff;
    opacity: 1
}

.q-toggle.disabled {
    opacity: .75 !important
}

.q-toggle--dark .q-toggle__inner {
    color: #fff
}

.q-toggle--dark .q-toggle__inner--truthy {
    color: var(--q-primary)
}

.q-toggle--dark .q-toggle__thumb:after {
    box-shadow: none
}

.q-toggle--dark .q-toggle__thumb:before {
    opacity: .32 !important
}

.q-toggle--dense .q-toggle__inner {
    width: .8em;
    min-width: .8em;
    height: .5em;
    padding: .07625em 0
}

.q-toggle--dense .q-toggle__thumb {
    top: 0;
    left: 0
}

.q-toggle--dense .q-toggle__inner--indet .q-toggle__thumb {
    left: .15em
}

.q-toggle--dense .q-toggle__inner--truthy .q-toggle__thumb {
    left: .3em
}

.q-toggle--dense .q-toggle__label {
    padding-left: .5em
}

.q-toggle--dense.reverse .q-toggle__label {
    padding-left: 0;
    padding-right: .5em
}

body.desktop .q-toggle:not(.disabled) .q-toggle__thumb:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: currentColor;
    opacity: .12;
    transform: scale3d(0, 0, 1);
    transition: transform .22s cubic-bezier(0, 0, .2, 1)
}

body.desktop .q-toggle:not(.disabled):focus .q-toggle__thumb:before,
body.desktop .q-toggle:not(.disabled):hover .q-toggle__thumb:before {
    transform: scale3d(2, 2, 1)
}

body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before,
body.desktop .q-toggle--dense:not(.disabled):hover .q-toggle__thumb:before {
    transform: scale3d(1.5, 1.5, 1)
}

.q-toolbar {
    position: relative;
    padding: 0 12px;
    min-height: 50px;
    width: 100%
}

.q-toolbar--inset {
    padding-left: 58px
}

.q-toolbar .q-avatar {
    font-size: 38px
}

.q-toolbar__title {
    flex: 1 1 0%;
    min-width: 1px;
    max-width: 100%;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: .01em;
    padding: 0 12px
}

.q-toolbar__title:first-child {
    padding-left: 0
}

.q-toolbar__title:last-child {
    padding-right: 0
}

.q-tooltip--style {
    font-size: 10px;
    color: #fafafa;
    background: #757575;
    border-radius: 4px;
    text-transform: none;
    font-weight: 400
}

.q-tooltip {
    z-index: 9000;
    position: fixed !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 6px 10px;
    max-width: 95vw;
    max-height: 65vh
}

@media (max-width: 599.98px) {
    .q-tooltip {
        font-size: 14px;
        padding: 8px 16px
    }
}

.q-tree {
    position: relative;
    color: #9e9e9e
}

.q-tree__node {
    padding: 0 0 3px 22px
}

.q-tree__node:after {
    content: "";
    position: absolute;
    width: 2px;
    inset: -3px auto 0 -13px;
    border-left: 1px solid currentColor
}

.q-tree__node:last-child:after {
    display: none
}

.q-tree__node--disabled {
    pointer-events: none
}

.q-tree__node--disabled .disabled {
    opacity: 1 !important
}

.q-tree__node--disabled>div,
.q-tree__node--disabled>i,
.q-tree__node--disabled>.disabled {
    opacity: .6 !important
}

.q-tree__node--disabled>div .q-tree__node--disabled>div,
.q-tree__node--disabled>div .q-tree__node--disabled>i,
.q-tree__node--disabled>div .q-tree__node--disabled>.disabled,
.q-tree__node--disabled>i .q-tree__node--disabled>div,
.q-tree__node--disabled>i .q-tree__node--disabled>i,
.q-tree__node--disabled>i .q-tree__node--disabled>.disabled,
.q-tree__node--disabled>.disabled .q-tree__node--disabled>div,
.q-tree__node--disabled>.disabled .q-tree__node--disabled>i,
.q-tree__node--disabled>.disabled .q-tree__node--disabled>.disabled {
    opacity: 1 !important
}

.q-tree__node-header:before {
    content: "";
    position: absolute;
    top: -3px;
    bottom: 50%;
    width: 31px;
    left: -35px;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor
}

.q-tree__children {
    padding-left: 25px
}

.q-tree__node-body {
    padding: 5px 0 8px 5px
}

.q-tree__node--parent {
    padding-left: 2px
}

.q-tree__node--parent>.q-tree__node-header:before {
    width: 15px;
    left: -15px
}

.q-tree__node--parent>.q-tree__node-collapsible>.q-tree__node-body {
    padding: 5px 0 8px 27px
}

.q-tree__node--parent>.q-tree__node-collapsible>.q-tree__node-body:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    inset: 0 auto 50px 12px;
    border-left: 1px solid currentColor
}

.q-tree__node--link {
    cursor: pointer
}

.q-tree__node-header {
    padding: 4px;
    margin-top: 3px;
    border-radius: 4px;
    outline: 0
}

.q-tree__node-header-content {
    color: #000;
    transition: color .3s
}

.q-tree__node--selected .q-tree__node-header-content {
    color: #9e9e9e
}

.q-tree__icon,
.q-tree__node-header-content .q-icon {
    font-size: 21px
}

.q-tree__img {
    height: 42px;
    border-radius: 2px
}

.q-tree__avatar,
.q-tree__node-header-content .q-avatar {
    font-size: 28px;
    border-radius: 50%;
    width: 28px;
    height: 28px
}

.q-tree__arrow,
.q-tree__spinner {
    font-size: 16px;
    margin-right: 4px
}

.q-tree__arrow {
    transition: transform .3s
}

.q-tree__arrow--rotate {
    transform: rotate3d(0, 0, 1, 90deg)
}

.q-tree__tickbox {
    margin-right: 4px
}

.q-tree>.q-tree__node {
    padding: 0
}

.q-tree>.q-tree__node:after,
.q-tree>.q-tree__node>.q-tree__node-header:before {
    display: none
}

.q-tree>.q-tree__node--child>.q-tree__node-header {
    padding-left: 24px
}

.q-tree--dark .q-tree__node-header-content {
    color: #fff
}

.q-tree--no-connectors .q-tree__node:after,
.q-tree--no-connectors .q-tree__node-header:before,
.q-tree--no-connectors .q-tree__node-body:after {
    display: none !important
}

.q-tree--dense>.q-tree__node--child>.q-tree__node-header {
    padding-left: 1px
}

.q-tree--dense .q-tree__arrow,
.q-tree--dense .q-tree__spinner {
    margin-right: 1px
}

.q-tree--dense .q-tree__img {
    height: 32px
}

.q-tree--dense .q-tree__tickbox {
    margin-right: 3px
}

.q-tree--dense .q-tree__node {
    padding: 0
}

.q-tree--dense .q-tree__node:after {
    top: 0;
    left: -8px
}

.q-tree--dense .q-tree__node-header {
    margin-top: 0;
    padding: 1px
}

.q-tree--dense .q-tree__node-header:before {
    top: 0;
    left: -8px;
    width: 8px
}

.q-tree--dense .q-tree__node--child {
    padding-left: 17px
}

.q-tree--dense .q-tree__node--child>.q-tree__node-header:before {
    left: -25px;
    width: 21px
}

.q-tree--dense .q-tree__node-body {
    padding: 0 0 2px
}

.q-tree--dense .q-tree__node--parent>.q-tree__node-collapsible>.q-tree__node-body {
    padding: 0 0 2px 20px
}

.q-tree--dense .q-tree__node--parent>.q-tree__node-collapsible>.q-tree__node-body:after {
    left: 8px
}

.q-tree--dense .q-tree__children {
    padding-left: 16px
}

[dir=rtl] .q-tree__arrow {
    transform: rotate3d(0, 0, 1, 180deg)
}

[dir=rtl] .q-tree__arrow--rotate {
    transform: rotate3d(0, 0, 1, 90deg)
}

.q-uploader {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    border-radius: 4px;
    vertical-align: top;
    background: #fff;
    position: relative;
    width: 320px;
    max-height: 320px
}

.q-uploader--bordered {
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-uploader__input {
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer !important;
    z-index: 1
}

.q-uploader__input::-webkit-file-upload-button {
    cursor: pointer
}

.q-uploader__file:before {
    content: "";
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: currentColor;
    opacity: .04
}

.q-uploader__header {
    position: relative;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: var(--q-primary);
    color: #fff;
    width: 100%
}

.q-uploader__spinner {
    font-size: 24px;
    margin-right: 4px
}

.q-uploader__header-content {
    padding: 8px
}

.q-uploader__dnd {
    outline: 1px dashed currentColor;
    outline-offset: -4px;
    background: #fff9
}

.q-uploader__overlay {
    font-size: 36px;
    color: #000;
    background-color: #fff9
}

.q-uploader__list {
    position: relative;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 8px;
    min-height: 60px;
    flex: 1 1 auto
}

.q-uploader__file {
    border-radius: 4px 4px 0 0;
    border: 1px solid rgba(0, 0, 0, .12)
}

.q-uploader__file .q-circular-progress {
    font-size: 24px
}

.q-uploader__file--img {
    color: #fff;
    height: 200px;
    min-width: 200px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.q-uploader__file--img:before {
    content: none
}

.q-uploader__file--img .q-circular-progress {
    color: #fff
}

.q-uploader__file--img .q-uploader__file-header {
    padding-bottom: 24px;
    background: linear-gradient(to bottom, #000000b3 20%, #fff0)
}

.q-uploader__file+.q-uploader__file {
    margin-top: 8px
}

.q-uploader__file-header {
    position: relative;
    padding: 4px 8px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.q-uploader__file-header-content {
    padding-right: 8px
}

.q-uploader__file-status {
    font-size: 24px;
    margin-right: 4px
}

.q-uploader__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.285714;
    word-break: break-word
}

.q-uploader__subtitle {
    font-size: 12px;
    line-height: 1.5
}

.q-uploader--disable .q-uploader__header,
.q-uploader--disable .q-uploader__list {
    pointer-events: none
}

.q-uploader--dark {
    border-color: #ffffff47;
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

.q-uploader--dark .q-uploader__file {
    border-color: #ffffff47
}

.q-uploader--dark .q-uploader__dnd,
.q-uploader--dark .q-uploader__overlay {
    background: #ffffff4d
}

.q-uploader--dark .q-uploader__overlay {
    color: #fff
}

.q-video {
    position: relative;
    overflow: hidden;
    border-radius: inherit
}

.q-video iframe,
.q-video object,
.q-video embed {
    width: 100%;
    height: 100%
}

.q-video--responsive {
    height: 0
}

.q-video--responsive iframe,
.q-video--responsive object,
.q-video--responsive embed {
    position: absolute;
    top: 0;
    left: 0
}

.q-virtual-scroll:focus {
    outline: 0
}

.q-virtual-scroll__content {
    outline: none;
    contain: content
}

.q-virtual-scroll__content>* {
    overflow-anchor: none
}

.q-virtual-scroll__content>[data-q-vs-anchor] {
    overflow-anchor: auto
}

.q-virtual-scroll__padding {
    background: linear-gradient(#fff0, #fff0 20%, #80808008 20%, #80808014, #80808008 80%, #fff0 80%, #fff0);
    background-size: var(--q-virtual-scroll-item-width, 100%) var(--q-virtual-scroll-item-height, 50px)
}

.q-table .q-virtual-scroll__padding tr {
    height: 0 !important
}

.q-table .q-virtual-scroll__padding td {
    padding: 0 !important
}

.q-virtual-scroll--horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch
}

.q-virtual-scroll--horizontal .q-virtual-scroll__content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.q-virtual-scroll--horizontal .q-virtual-scroll__padding,
.q-virtual-scroll--horizontal .q-virtual-scroll__content,
.q-virtual-scroll--horizontal .q-virtual-scroll__content>* {
    flex: 0 0 auto
}

.q-virtual-scroll--horizontal .q-virtual-scroll__padding {
    background: linear-gradient(to left, #fff0, #fff0 20%, #80808008 20%, #80808014, #80808008 80%, #fff0 80%, #fff0);
    background-size: var(--q-virtual-scroll-item-width, 50px) var(--q-virtual-scroll-item-height, 100%)
}

.q-ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: inherit;
    border-radius: inherit;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    contain: strict
}

.q-ripple__inner {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    color: inherit;
    border-radius: 50%;
    background: currentColor;
    pointer-events: none;
    will-change: transform, opacity
}

.q-ripple__inner--enter {
    transition: transform .225s cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1)
}

.q-ripple__inner--leave {
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.q-morph--invisible,
.q-morph--internal {
    opacity: 0 !important;
    pointer-events: none !important;
    position: fixed !important;
    right: 200vw !important;
    bottom: 200vh !important
}

.q-bottom-sheet {
    padding-bottom: 8px
}

.q-bottom-sheet__avatar {
    border-radius: 50%
}

.q-bottom-sheet--list {
    width: 400px
}

.q-bottom-sheet--list .q-icon,
.q-bottom-sheet--list img {
    font-size: 24px;
    width: 24px;
    height: 24px
}

.q-bottom-sheet--grid {
    width: 700px
}

.q-bottom-sheet--grid .q-bottom-sheet__item {
    padding: 8px;
    text-align: center;
    min-width: 100px
}

.q-bottom-sheet--grid .q-icon,
.q-bottom-sheet--grid img,
.q-bottom-sheet--grid .q-bottom-sheet__empty-icon {
    font-size: 48px;
    width: 48px;
    height: 48px;
    margin-bottom: 8px
}

.q-bottom-sheet--grid .q-separator {
    margin: 12px 0
}

.q-bottom-sheet__item {
    flex: 0 0 33.3333%
}

@media (min-width: 600px) {
    .q-bottom-sheet__item {
        flex: 0 0 25%
    }
}

.q-dialog-plugin {
    width: 400px
}

.q-dialog-plugin__form {
    max-height: 50vh
}

.q-dialog-plugin .q-card__section+.q-card__section {
    padding-top: 0
}

.q-dialog-plugin--progress {
    text-align: center
}

.q-loading {
    color: #000;
    position: fixed !important
}

.q-loading__backdrop {
    position: fixed;
    inset: 0;
    opacity: .5;
    z-index: -1;
    background-color: #000;
    transition: background-color .28s
}

.q-loading__box {
    border-radius: 4px;
    padding: 18px;
    color: #fff;
    max-width: 450px
}

.q-loading__message {
    margin: 40px 20px 0;
    text-align: center
}

.q-notifications__list {
    z-index: 9500;
    pointer-events: none;
    left: 0;
    right: 0;
    margin-bottom: 10px;
    position: relative
}

.q-notifications__list--center {
    top: 0;
    bottom: 0
}

.q-notifications__list--top {
    top: 0
}

.q-notifications__list--bottom {
    bottom: 0
}

body.q-ios-padding .q-notifications__list--center,
body.q-ios-padding .q-notifications__list--top {
    top: 20px;
    top: env(safe-area-inset-top)
}

body.q-ios-padding .q-notifications__list--center,
body.q-ios-padding .q-notifications__list--bottom {
    bottom: env(safe-area-inset-bottom)
}

.q-notification {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    border-radius: 4px;
    pointer-events: all;
    display: inline-flex;
    margin: 10px 10px 0;
    transition: transform 1s, opacity 1s;
    z-index: 9500;
    flex-shrink: 0;
    max-width: 95vw;
    background: #323232;
    color: #fff;
    font-size: 14px
}

.q-notification__icon {
    font-size: 24px;
    flex: 0 0 1em
}

.q-notification__icon--additional {
    margin-right: 16px
}

.q-notification__avatar {
    font-size: 32px
}

.q-notification__avatar--additional {
    margin-right: 8px
}

.q-notification__spinner {
    font-size: 32px
}

.q-notification__spinner--additional {
    margin-right: 8px
}

.q-notification__message {
    padding: 8px 0
}

.q-notification__caption {
    font-size: .9em;
    opacity: .7
}

.q-notification__actions {
    color: var(--q-primary)
}

.q-notification__badge {
    animation: q-notif-badge .42s;
    padding: 4px 8px;
    position: absolute;
    box-shadow: 0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f;
    background-color: var(--q-negative);
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    line-height: 12px
}

.q-notification__badge--top-left,
.q-notification__badge--top-right {
    top: -6px
}

.q-notification__badge--bottom-left,
.q-notification__badge--bottom-right {
    bottom: -6px
}

.q-notification__badge--top-left,
.q-notification__badge--bottom-left {
    left: -22px
}

.q-notification__badge--top-right,
.q-notification__badge--bottom-right {
    right: -22px
}

.q-notification__progress {
    z-index: -1;
    position: absolute;
    height: 3px;
    bottom: 0;
    left: -10px;
    right: -10px;
    animation: q-notif-progress linear;
    background: currentColor;
    opacity: .3;
    border-radius: 4px 4px 0 0;
    transform-origin: 0 50%;
    transform: scaleX(0)
}

.q-notification--standard {
    padding: 0 16px;
    min-height: 48px
}

.q-notification--standard .q-notification__actions {
    padding: 6px 0 6px 8px;
    margin-right: -8px
}

.q-notification--multi-line {
    min-height: 68px;
    padding: 8px 16px
}

.q-notification--multi-line .q-notification__badge--top-left,
.q-notification--multi-line .q-notification__badge--top-right {
    top: -15px
}

.q-notification--multi-line .q-notification__badge--bottom-left,
.q-notification--multi-line .q-notification__badge--bottom-right {
    bottom: -15px
}

.q-notification--multi-line .q-notification__progress {
    bottom: -8px
}

.q-notification--multi-line .q-notification__actions {
    padding: 0
}

.q-notification--multi-line .q-notification__actions--with-media {
    padding-left: 25px
}

.q-notification--top-left-enter-from,
.q-notification--top-left-leave-to,
.q-notification--top-enter-from,
.q-notification--top-leave-to,
.q-notification--top-right-enter-from,
.q-notification--top-right-leave-to {
    opacity: 0;
    transform: translateY(-50px);
    z-index: 9499
}

.q-notification--left-enter-from,
.q-notification--left-leave-to,
.q-notification--center-enter-from,
.q-notification--center-leave-to,
.q-notification--right-enter-from,
.q-notification--right-leave-to {
    opacity: 0;
    transform: rotateX(90deg);
    z-index: 9499
}

.q-notification--bottom-left-enter-from,
.q-notification--bottom-left-leave-to,
.q-notification--bottom-enter-from,
.q-notification--bottom-leave-to,
.q-notification--bottom-right-enter-from,
.q-notification--bottom-right-leave-to {
    opacity: 0;
    transform: translateY(50px);
    z-index: 9499
}

.q-notification--top-left-leave-active,
.q-notification--top-leave-active,
.q-notification--top-right-leave-active,
.q-notification--left-leave-active,
.q-notification--center-leave-active,
.q-notification--right-leave-active,
.q-notification--bottom-left-leave-active,
.q-notification--bottom-leave-active,
.q-notification--bottom-right-leave-active {
    position: absolute;
    z-index: 9499;
    margin-left: 0;
    margin-right: 0
}

.q-notification--top-leave-active,
.q-notification--center-leave-active {
    top: 0
}

.q-notification--bottom-left-leave-active,
.q-notification--bottom-leave-active,
.q-notification--bottom-right-leave-active {
    bottom: 0
}

@media (min-width: 600px) {
    .q-notification {
        max-width: 65vw
    }
}

@keyframes q-notif-badge {
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes q-notif-progress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

:root {
    --animate-duration: .3s;
    --animate-delay: .3s;
    --animate-repeat: 1
}

.animated {
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.repeat-1 {
    animation-iteration-count: var(--animate-repeat)
}

.animated.repeat-2 {
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animated.repeat-3 {
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animated.delay-1s {
    animation-delay: var(--animate-delay)
}

.animated.delay-2s {
    animation-delay: calc(var(--animate-delay) * 2)
}

.animated.delay-3s {
    animation-delay: calc(var(--animate-delay) * 3)
}

.animated.delay-4s {
    animation-delay: calc(var(--animate-delay) * 4)
}

.animated.delay-5s {
    animation-delay: calc(var(--animate-delay) * 5)
}

.animated.faster {
    animation-duration: calc(var(--animate-duration) / 2)
}

.animated.fast {
    animation-duration: calc(var(--animate-duration) * .8)
}

.animated.slow {
    animation-duration: calc(var(--animate-duration) * 2)
}

.animated.slower {
    animation-duration: calc(var(--animate-duration) * 3)
}

@media print,
(prefers-reduced-motion: reduce) {
    .animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important
    }

    .animated[class *=Out] {
        opacity: 0
    }
}

.q-animate--scale {
    animation: q-scale .15s;
    animation-timing-function: cubic-bezier(.25, .8, .25, 1)
}

@keyframes q-scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.04)
    }

    to {
        transform: scale(1)
    }
}

.q-animate--fade {
    animation: q-fade .2s
}

@keyframes q-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

:root {
    --q-primary: #1976D2;
    --q-secondary: #26A69A;
    --q-accent: #9C27B0;
    --q-positive: #21BA45;
    --q-negative: #C10015;
    --q-info: #31CCEC;
    --q-warning: #F2C037;
    --q-dark: #1D1D1D;
    --q-dark-page: #121212
}

.text-dark {
    color: var(--q-dark) !important
}

.bg-dark {
    background: var(--q-dark) !important
}

.text-primary {
    color: var(--q-primary) !important
}

.bg-primary {
    background: var(--q-primary) !important
}

.text-secondary {
    color: var(--q-secondary) !important
}

.bg-secondary {
    background: var(--q-secondary) !important
}

.text-accent {
    color: var(--q-accent) !important
}

.bg-accent {
    background: var(--q-accent) !important
}

.text-positive {
    color: var(--q-positive) !important
}

.bg-positive {
    background: var(--q-positive) !important
}

.text-negative {
    color: var(--q-negative) !important
}

.bg-negative {
    background: var(--q-negative) !important
}

.text-info {
    color: var(--q-info) !important
}

.bg-info {
    background: var(--q-info) !important
}

.text-warning {
    color: var(--q-warning) !important
}

.bg-warning {
    background: var(--q-warning) !important
}

.text-white {
    color: #fff !important
}

.bg-white {
    background: #fff !important
}

.text-black {
    color: #000 !important
}

.bg-black {
    background: #000 !important
}

.text-transparent {
    color: transparent !important
}

.bg-transparent {
    background: transparent !important
}

.text-separator {
    color: #0000001f !important
}

.bg-separator {
    background: #0000001f !important
}

.text-dark-separator {
    color: #ffffff47 !important
}

.bg-dark-separator {
    background: #ffffff47 !important
}

.text-red {
    color: #f44336 !important
}

.text-red-1 {
    color: #ffebee !important
}

.text-red-2 {
    color: #ffcdd2 !important
}

.text-red-3 {
    color: #ef9a9a !important
}

.text-red-4 {
    color: #e57373 !important
}

.text-red-5 {
    color: #ef5350 !important
}

.text-red-6 {
    color: #f44336 !important
}

.text-red-7 {
    color: #e53935 !important
}

.text-red-8 {
    color: #d32f2f !important
}

.text-red-9 {
    color: #c62828 !important
}

.text-red-10 {
    color: #b71c1c !important
}

.text-red-11 {
    color: #ff8a80 !important
}

.text-red-12 {
    color: #ff5252 !important
}

.text-red-13 {
    color: #ff1744 !important
}

.text-red-14 {
    color: #d50000 !important
}

.text-pink {
    color: #e91e63 !important
}

.text-pink-1 {
    color: #fce4ec !important
}

.text-pink-2 {
    color: #f8bbd0 !important
}

.text-pink-3 {
    color: #f48fb1 !important
}

.text-pink-4 {
    color: #f06292 !important
}

.text-pink-5 {
    color: #ec407a !important
}

.text-pink-6 {
    color: #e91e63 !important
}

.text-pink-7 {
    color: #d81b60 !important
}

.text-pink-8 {
    color: #c2185b !important
}

.text-pink-9 {
    color: #ad1457 !important
}

.text-pink-10 {
    color: #880e4f !important
}

.text-pink-11 {
    color: #ff80ab !important
}

.text-pink-12 {
    color: #ff4081 !important
}

.text-pink-13 {
    color: #f50057 !important
}

.text-pink-14 {
    color: #c51162 !important
}

.text-purple {
    color: #9c27b0 !important
}

.text-purple-1 {
    color: #f3e5f5 !important
}

.text-purple-2 {
    color: #e1bee7 !important
}

.text-purple-3 {
    color: #ce93d8 !important
}

.text-purple-4 {
    color: #ba68c8 !important
}

.text-purple-5 {
    color: #ab47bc !important
}

.text-purple-6 {
    color: #9c27b0 !important
}

.text-purple-7 {
    color: #8e24aa !important
}

.text-purple-8 {
    color: #7b1fa2 !important
}

.text-purple-9 {
    color: #6a1b9a !important
}

.text-purple-10 {
    color: #4a148c !important
}

.text-purple-11 {
    color: #ea80fc !important
}

.text-purple-12 {
    color: #e040fb !important
}

.text-purple-13 {
    color: #d500f9 !important
}

.text-purple-14 {
    color: #a0f !important
}

.text-deep-purple {
    color: #673ab7 !important
}

.text-deep-purple-1 {
    color: #ede7f6 !important
}

.text-deep-purple-2 {
    color: #d1c4e9 !important
}

.text-deep-purple-3 {
    color: #b39ddb !important
}

.text-deep-purple-4 {
    color: #9575cd !important
}

.text-deep-purple-5 {
    color: #7e57c2 !important
}

.text-deep-purple-6 {
    color: #673ab7 !important
}

.text-deep-purple-7 {
    color: #5e35b1 !important
}

.text-deep-purple-8 {
    color: #512da8 !important
}

.text-deep-purple-9 {
    color: #4527a0 !important
}

.text-deep-purple-10 {
    color: #311b92 !important
}

.text-deep-purple-11 {
    color: #b388ff !important
}

.text-deep-purple-12 {
    color: #7c4dff !important
}

.text-deep-purple-13 {
    color: #651fff !important
}

.text-deep-purple-14 {
    color: #6200ea !important
}

.text-indigo {
    color: #3f51b5 !important
}

.text-indigo-1 {
    color: #e8eaf6 !important
}

.text-indigo-2 {
    color: #c5cae9 !important
}

.text-indigo-3 {
    color: #9fa8da !important
}

.text-indigo-4 {
    color: #7986cb !important
}

.text-indigo-5 {
    color: #5c6bc0 !important
}

.text-indigo-6 {
    color: #3f51b5 !important
}

.text-indigo-7 {
    color: #3949ab !important
}

.text-indigo-8 {
    color: #303f9f !important
}

.text-indigo-9 {
    color: #283593 !important
}

.text-indigo-10 {
    color: #1a237e !important
}

.text-indigo-11 {
    color: #8c9eff !important
}

.text-indigo-12 {
    color: #536dfe !important
}

.text-indigo-13 {
    color: #3d5afe !important
}

.text-indigo-14 {
    color: #304ffe !important
}

.text-blue {
    color: #2196f3 !important
}

.text-blue-1 {
    color: #e3f2fd !important
}

.text-blue-2 {
    color: #bbdefb !important
}

.text-blue-3 {
    color: #90caf9 !important
}

.text-blue-4 {
    color: #64b5f6 !important
}

.text-blue-5 {
    color: #42a5f5 !important
}

.text-blue-6 {
    color: #2196f3 !important
}

.text-blue-7 {
    color: #1e88e5 !important
}

.text-blue-8 {
    color: #1976d2 !important
}

.text-blue-9 {
    color: #1565c0 !important
}

.text-blue-10 {
    color: #0d47a1 !important
}

.text-blue-11 {
    color: #82b1ff !important
}

.text-blue-12 {
    color: #448aff !important
}

.text-blue-13 {
    color: #2979ff !important
}

.text-blue-14 {
    color: #2962ff !important
}

.text-light-blue {
    color: #03a9f4 !important
}

.text-light-blue-1 {
    color: #e1f5fe !important
}

.text-light-blue-2 {
    color: #b3e5fc !important
}

.text-light-blue-3 {
    color: #81d4fa !important
}

.text-light-blue-4 {
    color: #4fc3f7 !important
}

.text-light-blue-5 {
    color: #29b6f6 !important
}

.text-light-blue-6 {
    color: #03a9f4 !important
}

.text-light-blue-7 {
    color: #039be5 !important
}

.text-light-blue-8 {
    color: #0288d1 !important
}

.text-light-blue-9 {
    color: #0277bd !important
}

.text-light-blue-10 {
    color: #01579b !important
}

.text-light-blue-11 {
    color: #80d8ff !important
}

.text-light-blue-12 {
    color: #40c4ff !important
}

.text-light-blue-13 {
    color: #00b0ff !important
}

.text-light-blue-14 {
    color: #0091ea !important
}

.text-cyan {
    color: #00bcd4 !important
}

.text-cyan-1 {
    color: #e0f7fa !important
}

.text-cyan-2 {
    color: #b2ebf2 !important
}

.text-cyan-3 {
    color: #80deea !important
}

.text-cyan-4 {
    color: #4dd0e1 !important
}

.text-cyan-5 {
    color: #26c6da !important
}

.text-cyan-6 {
    color: #00bcd4 !important
}

.text-cyan-7 {
    color: #00acc1 !important
}

.text-cyan-8 {
    color: #0097a7 !important
}

.text-cyan-9 {
    color: #00838f !important
}

.text-cyan-10 {
    color: #006064 !important
}

.text-cyan-11 {
    color: #84ffff !important
}

.text-cyan-12 {
    color: #18ffff !important
}

.text-cyan-13 {
    color: #00e5ff !important
}

.text-cyan-14 {
    color: #00b8d4 !important
}

.text-teal {
    color: #009688 !important
}

.text-teal-1 {
    color: #e0f2f1 !important
}

.text-teal-2 {
    color: #b2dfdb !important
}

.text-teal-3 {
    color: #80cbc4 !important
}

.text-teal-4 {
    color: #4db6ac !important
}

.text-teal-5 {
    color: #26a69a !important
}

.text-teal-6 {
    color: #009688 !important
}

.text-teal-7 {
    color: #00897b !important
}

.text-teal-8 {
    color: #00796b !important
}

.text-teal-9 {
    color: #00695c !important
}

.text-teal-10 {
    color: #004d40 !important
}

.text-teal-11 {
    color: #a7ffeb !important
}

.text-teal-12 {
    color: #64ffda !important
}

.text-teal-13 {
    color: #1de9b6 !important
}

.text-teal-14 {
    color: #00bfa5 !important
}

.text-green {
    color: #4caf50 !important
}

.text-green-1 {
    color: #e8f5e9 !important
}

.text-green-2 {
    color: #c8e6c9 !important
}

.text-green-3 {
    color: #a5d6a7 !important
}

.text-green-4 {
    color: #81c784 !important
}

.text-green-5 {
    color: #66bb6a !important
}

.text-green-6 {
    color: #4caf50 !important
}

.text-green-7 {
    color: #43a047 !important
}

.text-green-8 {
    color: #388e3c !important
}

.text-green-9 {
    color: #2e7d32 !important
}

.text-green-10 {
    color: #1b5e20 !important
}

.text-green-11 {
    color: #b9f6ca !important
}

.text-green-12 {
    color: #69f0ae !important
}

.text-green-13 {
    color: #00e676 !important
}

.text-green-14 {
    color: #00c853 !important
}

.text-light-green {
    color: #8bc34a !important
}

.text-light-green-1 {
    color: #f1f8e9 !important
}

.text-light-green-2 {
    color: #dcedc8 !important
}

.text-light-green-3 {
    color: #c5e1a5 !important
}

.text-light-green-4 {
    color: #aed581 !important
}

.text-light-green-5 {
    color: #9ccc65 !important
}

.text-light-green-6 {
    color: #8bc34a !important
}

.text-light-green-7 {
    color: #7cb342 !important
}

.text-light-green-8 {
    color: #689f38 !important
}

.text-light-green-9 {
    color: #558b2f !important
}

.text-light-green-10 {
    color: #33691e !important
}

.text-light-green-11 {
    color: #ccff90 !important
}

.text-light-green-12 {
    color: #b2ff59 !important
}

.text-light-green-13 {
    color: #76ff03 !important
}

.text-light-green-14 {
    color: #64dd17 !important
}

.text-lime {
    color: #cddc39 !important
}

.text-lime-1 {
    color: #f9fbe7 !important
}

.text-lime-2 {
    color: #f0f4c3 !important
}

.text-lime-3 {
    color: #e6ee9c !important
}

.text-lime-4 {
    color: #dce775 !important
}

.text-lime-5 {
    color: #d4e157 !important
}

.text-lime-6 {
    color: #cddc39 !important
}

.text-lime-7 {
    color: #c0ca33 !important
}

.text-lime-8 {
    color: #afb42b !important
}

.text-lime-9 {
    color: #9e9d24 !important
}

.text-lime-10 {
    color: #827717 !important
}

.text-lime-11 {
    color: #f4ff81 !important
}

.text-lime-12 {
    color: #eeff41 !important
}

.text-lime-13 {
    color: #c6ff00 !important
}

.text-lime-14 {
    color: #aeea00 !important
}

.text-yellow {
    color: #ffeb3b !important
}

.text-yellow-1 {
    color: #fffde7 !important
}

.text-yellow-2 {
    color: #fff9c4 !important
}

.text-yellow-3 {
    color: #fff59d !important
}

.text-yellow-4 {
    color: #fff176 !important
}

.text-yellow-5 {
    color: #ffee58 !important
}

.text-yellow-6 {
    color: #ffeb3b !important
}

.text-yellow-7 {
    color: #fdd835 !important
}

.text-yellow-8 {
    color: #fbc02d !important
}

.text-yellow-9 {
    color: #f9a825 !important
}

.text-yellow-10 {
    color: #f57f17 !important
}

.text-yellow-11 {
    color: #ffff8d !important
}

.text-yellow-12 {
    color: #ff0 !important
}

.text-yellow-13 {
    color: #ffea00 !important
}

.text-yellow-14 {
    color: #ffd600 !important
}

.text-amber {
    color: #ffc107 !important
}

.text-amber-1 {
    color: #fff8e1 !important
}

.text-amber-2 {
    color: #ffecb3 !important
}

.text-amber-3 {
    color: #ffe082 !important
}

.text-amber-4 {
    color: #ffd54f !important
}

.text-amber-5 {
    color: #ffca28 !important
}

.text-amber-6 {
    color: #ffc107 !important
}

.text-amber-7 {
    color: #ffb300 !important
}

.text-amber-8 {
    color: #ffa000 !important
}

.text-amber-9 {
    color: #ff8f00 !important
}

.text-amber-10 {
    color: #ff6f00 !important
}

.text-amber-11 {
    color: #ffe57f !important
}

.text-amber-12 {
    color: #ffd740 !important
}

.text-amber-13 {
    color: #ffc400 !important
}

.text-amber-14 {
    color: #ffab00 !important
}

.text-orange {
    color: #ff9800 !important
}

.text-orange-1 {
    color: #fff3e0 !important
}

.text-orange-2 {
    color: #ffe0b2 !important
}

.text-orange-3 {
    color: #ffcc80 !important
}

.text-orange-4 {
    color: #ffb74d !important
}

.text-orange-5 {
    color: #ffa726 !important
}

.text-orange-6 {
    color: #ff9800 !important
}

.text-orange-7 {
    color: #fb8c00 !important
}

.text-orange-8 {
    color: #f57c00 !important
}

.text-orange-9 {
    color: #ef6c00 !important
}

.text-orange-10 {
    color: #e65100 !important
}

.text-orange-11 {
    color: #ffd180 !important
}

.text-orange-12 {
    color: #ffab40 !important
}

.text-orange-13 {
    color: #ff9100 !important
}

.text-orange-14 {
    color: #ff6d00 !important
}

.text-deep-orange {
    color: #ff5722 !important
}

.text-deep-orange-1 {
    color: #fbe9e7 !important
}

.text-deep-orange-2 {
    color: #ffccbc !important
}

.text-deep-orange-3 {
    color: #ffab91 !important
}

.text-deep-orange-4 {
    color: #ff8a65 !important
}

.text-deep-orange-5 {
    color: #ff7043 !important
}

.text-deep-orange-6 {
    color: #ff5722 !important
}

.text-deep-orange-7 {
    color: #f4511e !important
}

.text-deep-orange-8 {
    color: #e64a19 !important
}

.text-deep-orange-9 {
    color: #d84315 !important
}

.text-deep-orange-10 {
    color: #bf360c !important
}

.text-deep-orange-11 {
    color: #ff9e80 !important
}

.text-deep-orange-12 {
    color: #ff6e40 !important
}

.text-deep-orange-13 {
    color: #ff3d00 !important
}

.text-deep-orange-14 {
    color: #dd2c00 !important
}

.text-brown {
    color: #795548 !important
}

.text-brown-1 {
    color: #efebe9 !important
}

.text-brown-2 {
    color: #d7ccc8 !important
}

.text-brown-3 {
    color: #bcaaa4 !important
}

.text-brown-4 {
    color: #a1887f !important
}

.text-brown-5 {
    color: #8d6e63 !important
}

.text-brown-6 {
    color: #795548 !important
}

.text-brown-7 {
    color: #6d4c41 !important
}

.text-brown-8 {
    color: #5d4037 !important
}

.text-brown-9 {
    color: #4e342e !important
}

.text-brown-10 {
    color: #3e2723 !important
}

.text-brown-11 {
    color: #d7ccc8 !important
}

.text-brown-12 {
    color: #bcaaa4 !important
}

.text-brown-13 {
    color: #8d6e63 !important
}

.text-brown-14 {
    color: #5d4037 !important
}

.text-grey {
    color: #9e9e9e !important
}

.text-grey-1 {
    color: #fafafa !important
}

.text-grey-2 {
    color: #f5f5f5 !important
}

.text-grey-3 {
    color: #eee !important
}

.text-grey-4 {
    color: #e0e0e0 !important
}

.text-grey-5 {
    color: #bdbdbd !important
}

.text-grey-6 {
    color: #9e9e9e !important
}

.text-grey-7 {
    color: #757575 !important
}

.text-grey-8 {
    color: #616161 !important
}

.text-grey-9 {
    color: #424242 !important
}

.text-grey-10 {
    color: #212121 !important
}

.text-grey-11 {
    color: #f5f5f5 !important
}

.text-grey-12 {
    color: #eee !important
}

.text-grey-13 {
    color: #bdbdbd !important
}

.text-grey-14 {
    color: #616161 !important
}

.text-blue-grey {
    color: #607d8b !important
}

.text-blue-grey-1 {
    color: #eceff1 !important
}

.text-blue-grey-2 {
    color: #cfd8dc !important
}

.text-blue-grey-3 {
    color: #b0bec5 !important
}

.text-blue-grey-4 {
    color: #90a4ae !important
}

.text-blue-grey-5 {
    color: #78909c !important
}

.text-blue-grey-6 {
    color: #607d8b !important
}

.text-blue-grey-7 {
    color: #546e7a !important
}

.text-blue-grey-8 {
    color: #455a64 !important
}

.text-blue-grey-9 {
    color: #37474f !important
}

.text-blue-grey-10 {
    color: #263238 !important
}

.text-blue-grey-11 {
    color: #cfd8dc !important
}

.text-blue-grey-12 {
    color: #b0bec5 !important
}

.text-blue-grey-13 {
    color: #78909c !important
}

.text-blue-grey-14 {
    color: #455a64 !important
}

.bg-red {
    background: #f44336 !important
}

.bg-red-1 {
    background: #ffebee !important
}

.bg-red-2 {
    background: #ffcdd2 !important
}

.bg-red-3 {
    background: #ef9a9a !important
}

.bg-red-4 {
    background: #e57373 !important
}

.bg-red-5 {
    background: #ef5350 !important
}

.bg-red-6 {
    background: #f44336 !important
}

.bg-red-7 {
    background: #e53935 !important
}

.bg-red-8 {
    background: #d32f2f !important
}

.bg-red-9 {
    background: #c62828 !important
}

.bg-red-10 {
    background: #b71c1c !important
}

.bg-red-11 {
    background: #ff8a80 !important
}

.bg-red-12 {
    background: #ff5252 !important
}

.bg-red-13 {
    background: #ff1744 !important
}

.bg-red-14 {
    background: #d50000 !important
}

.bg-pink {
    background: #e91e63 !important
}

.bg-pink-1 {
    background: #fce4ec !important
}

.bg-pink-2 {
    background: #f8bbd0 !important
}

.bg-pink-3 {
    background: #f48fb1 !important
}

.bg-pink-4 {
    background: #f06292 !important
}

.bg-pink-5 {
    background: #ec407a !important
}

.bg-pink-6 {
    background: #e91e63 !important
}

.bg-pink-7 {
    background: #d81b60 !important
}

.bg-pink-8 {
    background: #c2185b !important
}

.bg-pink-9 {
    background: #ad1457 !important
}

.bg-pink-10 {
    background: #880e4f !important
}

.bg-pink-11 {
    background: #ff80ab !important
}

.bg-pink-12 {
    background: #ff4081 !important
}

.bg-pink-13 {
    background: #f50057 !important
}

.bg-pink-14 {
    background: #c51162 !important
}

.bg-purple {
    background: #9c27b0 !important
}

.bg-purple-1 {
    background: #f3e5f5 !important
}

.bg-purple-2 {
    background: #e1bee7 !important
}

.bg-purple-3 {
    background: #ce93d8 !important
}

.bg-purple-4 {
    background: #ba68c8 !important
}

.bg-purple-5 {
    background: #ab47bc !important
}

.bg-purple-6 {
    background: #9c27b0 !important
}

.bg-purple-7 {
    background: #8e24aa !important
}

.bg-purple-8 {
    background: #7b1fa2 !important
}

.bg-purple-9 {
    background: #6a1b9a !important
}

.bg-purple-10 {
    background: #4a148c !important
}

.bg-purple-11 {
    background: #ea80fc !important
}

.bg-purple-12 {
    background: #e040fb !important
}

.bg-purple-13 {
    background: #d500f9 !important
}

.bg-purple-14 {
    background: #a0f !important
}

.bg-deep-purple {
    background: #673ab7 !important
}

.bg-deep-purple-1 {
    background: #ede7f6 !important
}

.bg-deep-purple-2 {
    background: #d1c4e9 !important
}

.bg-deep-purple-3 {
    background: #b39ddb !important
}

.bg-deep-purple-4 {
    background: #9575cd !important
}

.bg-deep-purple-5 {
    background: #7e57c2 !important
}

.bg-deep-purple-6 {
    background: #673ab7 !important
}

.bg-deep-purple-7 {
    background: #5e35b1 !important
}

.bg-deep-purple-8 {
    background: #512da8 !important
}

.bg-deep-purple-9 {
    background: #4527a0 !important
}

.bg-deep-purple-10 {
    background: #311b92 !important
}

.bg-deep-purple-11 {
    background: #b388ff !important
}

.bg-deep-purple-12 {
    background: #7c4dff !important
}

.bg-deep-purple-13 {
    background: #651fff !important
}

.bg-deep-purple-14 {
    background: #6200ea !important
}

.bg-indigo {
    background: #3f51b5 !important
}

.bg-indigo-1 {
    background: #e8eaf6 !important
}

.bg-indigo-2 {
    background: #c5cae9 !important
}

.bg-indigo-3 {
    background: #9fa8da !important
}

.bg-indigo-4 {
    background: #7986cb !important
}

.bg-indigo-5 {
    background: #5c6bc0 !important
}

.bg-indigo-6 {
    background: #3f51b5 !important
}

.bg-indigo-7 {
    background: #3949ab !important
}

.bg-indigo-8 {
    background: #303f9f !important
}

.bg-indigo-9 {
    background: #283593 !important
}

.bg-indigo-10 {
    background: #1a237e !important
}

.bg-indigo-11 {
    background: #8c9eff !important
}

.bg-indigo-12 {
    background: #536dfe !important
}

.bg-indigo-13 {
    background: #3d5afe !important
}

.bg-indigo-14 {
    background: #304ffe !important
}

.bg-blue {
    background: #2196f3 !important
}

.bg-blue-1 {
    background: #e3f2fd !important
}

.bg-blue-2 {
    background: #bbdefb !important
}

.bg-blue-3 {
    background: #90caf9 !important
}

.bg-blue-4 {
    background: #64b5f6 !important
}

.bg-blue-5 {
    background: #42a5f5 !important
}

.bg-blue-6 {
    background: #2196f3 !important
}

.bg-blue-7 {
    background: #1e88e5 !important
}

.bg-blue-8 {
    background: #1976d2 !important
}

.bg-blue-9 {
    background: #1565c0 !important
}

.bg-blue-10 {
    background: #0d47a1 !important
}

.bg-blue-11 {
    background: #82b1ff !important
}

.bg-blue-12 {
    background: #448aff !important
}

.bg-blue-13 {
    background: #2979ff !important
}

.bg-blue-14 {
    background: #2962ff !important
}

.bg-light-blue {
    background: #03a9f4 !important
}

.bg-light-blue-1 {
    background: #e1f5fe !important
}

.bg-light-blue-2 {
    background: #b3e5fc !important
}

.bg-light-blue-3 {
    background: #81d4fa !important
}

.bg-light-blue-4 {
    background: #4fc3f7 !important
}

.bg-light-blue-5 {
    background: #29b6f6 !important
}

.bg-light-blue-6 {
    background: #03a9f4 !important
}

.bg-light-blue-7 {
    background: #039be5 !important
}

.bg-light-blue-8 {
    background: #0288d1 !important
}

.bg-light-blue-9 {
    background: #0277bd !important
}

.bg-light-blue-10 {
    background: #01579b !important
}

.bg-light-blue-11 {
    background: #80d8ff !important
}

.bg-light-blue-12 {
    background: #40c4ff !important
}

.bg-light-blue-13 {
    background: #00b0ff !important
}

.bg-light-blue-14 {
    background: #0091ea !important
}

.bg-cyan {
    background: #00bcd4 !important
}

.bg-cyan-1 {
    background: #e0f7fa !important
}

.bg-cyan-2 {
    background: #b2ebf2 !important
}

.bg-cyan-3 {
    background: #80deea !important
}

.bg-cyan-4 {
    background: #4dd0e1 !important
}

.bg-cyan-5 {
    background: #26c6da !important
}

.bg-cyan-6 {
    background: #00bcd4 !important
}

.bg-cyan-7 {
    background: #00acc1 !important
}

.bg-cyan-8 {
    background: #0097a7 !important
}

.bg-cyan-9 {
    background: #00838f !important
}

.bg-cyan-10 {
    background: #006064 !important
}

.bg-cyan-11 {
    background: #84ffff !important
}

.bg-cyan-12 {
    background: #18ffff !important
}

.bg-cyan-13 {
    background: #00e5ff !important
}

.bg-cyan-14 {
    background: #00b8d4 !important
}

.bg-teal {
    background: #009688 !important
}

.bg-teal-1 {
    background: #e0f2f1 !important
}

.bg-teal-2 {
    background: #b2dfdb !important
}

.bg-teal-3 {
    background: #80cbc4 !important
}

.bg-teal-4 {
    background: #4db6ac !important
}

.bg-teal-5 {
    background: #26a69a !important
}

.bg-teal-6 {
    background: #009688 !important
}

.bg-teal-7 {
    background: #00897b !important
}

.bg-teal-8 {
    background: #00796b !important
}

.bg-teal-9 {
    background: #00695c !important
}

.bg-teal-10 {
    background: #004d40 !important
}

.bg-teal-11 {
    background: #a7ffeb !important
}

.bg-teal-12 {
    background: #64ffda !important
}

.bg-teal-13 {
    background: #1de9b6 !important
}

.bg-teal-14 {
    background: #00bfa5 !important
}

.bg-green {
    background: #4caf50 !important
}

.bg-green-1 {
    background: #e8f5e9 !important
}

.bg-green-2 {
    background: #c8e6c9 !important
}

.bg-green-3 {
    background: #a5d6a7 !important
}

.bg-green-4 {
    background: #81c784 !important
}

.bg-green-5 {
    background: #66bb6a !important
}

.bg-green-6 {
    background: #4caf50 !important
}

.bg-green-7 {
    background: #43a047 !important
}

.bg-green-8 {
    background: #388e3c !important
}

.bg-green-9 {
    background: #2e7d32 !important
}

.bg-green-10 {
    background: #1b5e20 !important
}

.bg-green-11 {
    background: #b9f6ca !important
}

.bg-green-12 {
    background: #69f0ae !important
}

.bg-green-13 {
    background: #00e676 !important
}

.bg-green-14 {
    background: #00c853 !important
}

.bg-light-green {
    background: #8bc34a !important
}

.bg-light-green-1 {
    background: #f1f8e9 !important
}

.bg-light-green-2 {
    background: #dcedc8 !important
}

.bg-light-green-3 {
    background: #c5e1a5 !important
}

.bg-light-green-4 {
    background: #aed581 !important
}

.bg-light-green-5 {
    background: #9ccc65 !important
}

.bg-light-green-6 {
    background: #8bc34a !important
}

.bg-light-green-7 {
    background: #7cb342 !important
}

.bg-light-green-8 {
    background: #689f38 !important
}

.bg-light-green-9 {
    background: #558b2f !important
}

.bg-light-green-10 {
    background: #33691e !important
}

.bg-light-green-11 {
    background: #ccff90 !important
}

.bg-light-green-12 {
    background: #b2ff59 !important
}

.bg-light-green-13 {
    background: #76ff03 !important
}

.bg-light-green-14 {
    background: #64dd17 !important
}

.bg-lime {
    background: #cddc39 !important
}

.bg-lime-1 {
    background: #f9fbe7 !important
}

.bg-lime-2 {
    background: #f0f4c3 !important
}

.bg-lime-3 {
    background: #e6ee9c !important
}

.bg-lime-4 {
    background: #dce775 !important
}

.bg-lime-5 {
    background: #d4e157 !important
}

.bg-lime-6 {
    background: #cddc39 !important
}

.bg-lime-7 {
    background: #c0ca33 !important
}

.bg-lime-8 {
    background: #afb42b !important
}

.bg-lime-9 {
    background: #9e9d24 !important
}

.bg-lime-10 {
    background: #827717 !important
}

.bg-lime-11 {
    background: #f4ff81 !important
}

.bg-lime-12 {
    background: #eeff41 !important
}

.bg-lime-13 {
    background: #c6ff00 !important
}

.bg-lime-14 {
    background: #aeea00 !important
}

.bg-yellow {
    background: #ffeb3b !important
}

.bg-yellow-1 {
    background: #fffde7 !important
}

.bg-yellow-2 {
    background: #fff9c4 !important
}

.bg-yellow-3 {
    background: #fff59d !important
}

.bg-yellow-4 {
    background: #fff176 !important
}

.bg-yellow-5 {
    background: #ffee58 !important
}

.bg-yellow-6 {
    background: #ffeb3b !important
}

.bg-yellow-7 {
    background: #fdd835 !important
}

.bg-yellow-8 {
    background: #fbc02d !important
}

.bg-yellow-9 {
    background: #f9a825 !important
}

.bg-yellow-10 {
    background: #f57f17 !important
}

.bg-yellow-11 {
    background: #ffff8d !important
}

.bg-yellow-12 {
    background: #ff0 !important
}

.bg-yellow-13 {
    background: #ffea00 !important
}

.bg-yellow-14 {
    background: #ffd600 !important
}

.bg-amber {
    background: #ffc107 !important
}

.bg-amber-1 {
    background: #fff8e1 !important
}

.bg-amber-2 {
    background: #ffecb3 !important
}

.bg-amber-3 {
    background: #ffe082 !important
}

.bg-amber-4 {
    background: #ffd54f !important
}

.bg-amber-5 {
    background: #ffca28 !important
}

.bg-amber-6 {
    background: #ffc107 !important
}

.bg-amber-7 {
    background: #ffb300 !important
}

.bg-amber-8 {
    background: #ffa000 !important
}

.bg-amber-9 {
    background: #ff8f00 !important
}

.bg-amber-10 {
    background: #ff6f00 !important
}

.bg-amber-11 {
    background: #ffe57f !important
}

.bg-amber-12 {
    background: #ffd740 !important
}

.bg-amber-13 {
    background: #ffc400 !important
}

.bg-amber-14 {
    background: #ffab00 !important
}

.bg-orange {
    background: #ff9800 !important
}

.bg-orange-1 {
    background: #fff3e0 !important
}

.bg-orange-2 {
    background: #ffe0b2 !important
}

.bg-orange-3 {
    background: #ffcc80 !important
}

.bg-orange-4 {
    background: #ffb74d !important
}

.bg-orange-5 {
    background: #ffa726 !important
}

.bg-orange-6 {
    background: #ff9800 !important
}

.bg-orange-7 {
    background: #fb8c00 !important
}

.bg-orange-8 {
    background: #f57c00 !important
}

.bg-orange-9 {
    background: #ef6c00 !important
}

.bg-orange-10 {
    background: #e65100 !important
}

.bg-orange-11 {
    background: #ffd180 !important
}

.bg-orange-12 {
    background: #ffab40 !important
}

.bg-orange-13 {
    background: #ff9100 !important
}

.bg-orange-14 {
    background: #ff6d00 !important
}

.bg-deep-orange {
    background: #ff5722 !important
}

.bg-deep-orange-1 {
    background: #fbe9e7 !important
}

.bg-deep-orange-2 {
    background: #ffccbc !important
}

.bg-deep-orange-3 {
    background: #ffab91 !important
}

.bg-deep-orange-4 {
    background: #ff8a65 !important
}

.bg-deep-orange-5 {
    background: #ff7043 !important
}

.bg-deep-orange-6 {
    background: #ff5722 !important
}

.bg-deep-orange-7 {
    background: #f4511e !important
}

.bg-deep-orange-8 {
    background: #e64a19 !important
}

.bg-deep-orange-9 {
    background: #d84315 !important
}

.bg-deep-orange-10 {
    background: #bf360c !important
}

.bg-deep-orange-11 {
    background: #ff9e80 !important
}

.bg-deep-orange-12 {
    background: #ff6e40 !important
}

.bg-deep-orange-13 {
    background: #ff3d00 !important
}

.bg-deep-orange-14 {
    background: #dd2c00 !important
}

.bg-brown {
    background: #795548 !important
}

.bg-brown-1 {
    background: #efebe9 !important
}

.bg-brown-2 {
    background: #d7ccc8 !important
}

.bg-brown-3 {
    background: #bcaaa4 !important
}

.bg-brown-4 {
    background: #a1887f !important
}

.bg-brown-5 {
    background: #8d6e63 !important
}

.bg-brown-6 {
    background: #795548 !important
}

.bg-brown-7 {
    background: #6d4c41 !important
}

.bg-brown-8 {
    background: #5d4037 !important
}

.bg-brown-9 {
    background: #4e342e !important
}

.bg-brown-10 {
    background: #3e2723 !important
}

.bg-brown-11 {
    background: #d7ccc8 !important
}

.bg-brown-12 {
    background: #bcaaa4 !important
}

.bg-brown-13 {
    background: #8d6e63 !important
}

.bg-brown-14 {
    background: #5d4037 !important
}

.bg-grey {
    background: #9e9e9e !important
}

.bg-grey-1 {
    background: #fafafa !important
}

.bg-grey-2 {
    background: #f5f5f5 !important
}

.bg-grey-3 {
    background: #eee !important
}

.bg-grey-4 {
    background: #e0e0e0 !important
}

.bg-grey-5 {
    background: #bdbdbd !important
}

.bg-grey-6 {
    background: #9e9e9e !important
}

.bg-grey-7 {
    background: #757575 !important
}

.bg-grey-8 {
    background: #616161 !important
}

.bg-grey-9 {
    background: #424242 !important
}

.bg-grey-10 {
    background: #212121 !important
}

.bg-grey-11 {
    background: #f5f5f5 !important
}

.bg-grey-12 {
    background: #eee !important
}

.bg-grey-13 {
    background: #bdbdbd !important
}

.bg-grey-14 {
    background: #616161 !important
}

.bg-blue-grey {
    background: #607d8b !important
}

.bg-blue-grey-1 {
    background: #eceff1 !important
}

.bg-blue-grey-2 {
    background: #cfd8dc !important
}

.bg-blue-grey-3 {
    background: #b0bec5 !important
}

.bg-blue-grey-4 {
    background: #90a4ae !important
}

.bg-blue-grey-5 {
    background: #78909c !important
}

.bg-blue-grey-6 {
    background: #607d8b !important
}

.bg-blue-grey-7 {
    background: #546e7a !important
}

.bg-blue-grey-8 {
    background: #455a64 !important
}

.bg-blue-grey-9 {
    background: #37474f !important
}

.bg-blue-grey-10 {
    background: #263238 !important
}

.bg-blue-grey-11 {
    background: #cfd8dc !important
}

.bg-blue-grey-12 {
    background: #b0bec5 !important
}

.bg-blue-grey-13 {
    background: #78909c !important
}

.bg-blue-grey-14 {
    background: #455a64 !important
}

.shadow-transition {
    transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1) !important
}

.shadow-1 {
    box-shadow: 0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f
}

.shadow-up-1 {
    box-shadow: 0 -1px 3px #0003, 0 -1px 1px #00000024, 0 -2px 1px -1px #0000001f
}

.shadow-2 {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f
}

.shadow-up-2 {
    box-shadow: 0 -1px 5px #0003, 0 -2px 2px #00000024, 0 -3px 1px -2px #0000001f
}

.shadow-3 {
    box-shadow: 0 1px 8px #0003, 0 3px 4px #00000024, 0 3px 3px -2px #0000001f
}

.shadow-up-3 {
    box-shadow: 0 -1px 8px #0003, 0 -3px 4px #00000024, 0 -3px 3px -2px #0000001f
}

.shadow-4 {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.shadow-up-4 {
    box-shadow: 0 -2px 4px -1px #0003, 0 -4px 5px #00000024, 0 -1px 10px #0000001f
}

.shadow-5 {
    box-shadow: 0 3px 5px -1px #0003, 0 5px 8px #00000024, 0 1px 14px #0000001f
}

.shadow-up-5 {
    box-shadow: 0 -3px 5px -1px #0003, 0 -5px 8px #00000024, 0 -1px 14px #0000001f
}

.shadow-6 {
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f
}

.shadow-up-6 {
    box-shadow: 0 -3px 5px -1px #0003, 0 -6px 10px #00000024, 0 -1px 18px #0000001f
}

.shadow-7 {
    box-shadow: 0 4px 5px -2px #0003, 0 7px 10px 1px #00000024, 0 2px 16px 1px #0000001f
}

.shadow-up-7 {
    box-shadow: 0 -4px 5px -2px #0003, 0 -7px 10px 1px #00000024, 0 -2px 16px 1px #0000001f
}

.shadow-8 {
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f
}

.shadow-up-8 {
    box-shadow: 0 -5px 5px -3px #0003, 0 -8px 10px 1px #00000024, 0 -3px 14px 2px #0000001f
}

.shadow-9 {
    box-shadow: 0 5px 6px -3px #0003, 0 9px 12px 1px #00000024, 0 3px 16px 2px #0000001f
}

.shadow-up-9 {
    box-shadow: 0 -5px 6px -3px #0003, 0 -9px 12px 1px #00000024, 0 -3px 16px 2px #0000001f
}

.shadow-10 {
    box-shadow: 0 6px 6px -3px #0003, 0 10px 14px 1px #00000024, 0 4px 18px 3px #0000001f
}

.shadow-up-10 {
    box-shadow: 0 -6px 6px -3px #0003, 0 -10px 14px 1px #00000024, 0 -4px 18px 3px #0000001f
}

.shadow-11 {
    box-shadow: 0 6px 7px -4px #0003, 0 11px 15px 1px #00000024, 0 4px 20px 3px #0000001f
}

.shadow-up-11 {
    box-shadow: 0 -6px 7px -4px #0003, 0 -11px 15px 1px #00000024, 0 -4px 20px 3px #0000001f
}

.shadow-12 {
    box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024, 0 5px 22px 4px #0000001f
}

.shadow-up-12 {
    box-shadow: 0 -7px 8px -4px #0003, 0 -12px 17px 2px #00000024, 0 -5px 22px 4px #0000001f
}

.shadow-13 {
    box-shadow: 0 7px 8px -4px #0003, 0 13px 19px 2px #00000024, 0 5px 24px 4px #0000001f
}

.shadow-up-13 {
    box-shadow: 0 -7px 8px -4px #0003, 0 -13px 19px 2px #00000024, 0 -5px 24px 4px #0000001f
}

.shadow-14 {
    box-shadow: 0 7px 9px -4px #0003, 0 14px 21px 2px #00000024, 0 5px 26px 4px #0000001f
}

.shadow-up-14 {
    box-shadow: 0 -7px 9px -4px #0003, 0 -14px 21px 2px #00000024, 0 -5px 26px 4px #0000001f
}

.shadow-15 {
    box-shadow: 0 8px 9px -5px #0003, 0 15px 22px 2px #00000024, 0 6px 28px 5px #0000001f
}

.shadow-up-15 {
    box-shadow: 0 -8px 9px -5px #0003, 0 -15px 22px 2px #00000024, 0 -6px 28px 5px #0000001f
}

.shadow-16 {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f
}

.shadow-up-16 {
    box-shadow: 0 -8px 10px -5px #0003, 0 -16px 24px 2px #00000024, 0 -6px 30px 5px #0000001f
}

.shadow-17 {
    box-shadow: 0 8px 11px -5px #0003, 0 17px 26px 2px #00000024, 0 6px 32px 5px #0000001f
}

.shadow-up-17 {
    box-shadow: 0 -8px 11px -5px #0003, 0 -17px 26px 2px #00000024, 0 -6px 32px 5px #0000001f
}

.shadow-18 {
    box-shadow: 0 9px 11px -5px #0003, 0 18px 28px 2px #00000024, 0 7px 34px 6px #0000001f
}

.shadow-up-18 {
    box-shadow: 0 -9px 11px -5px #0003, 0 -18px 28px 2px #00000024, 0 -7px 34px 6px #0000001f
}

.shadow-19 {
    box-shadow: 0 9px 12px -6px #0003, 0 19px 29px 2px #00000024, 0 7px 36px 6px #0000001f
}

.shadow-up-19 {
    box-shadow: 0 -9px 12px -6px #0003, 0 -19px 29px 2px #00000024, 0 -7px 36px 6px #0000001f
}

.shadow-20 {
    box-shadow: 0 10px 13px -6px #0003, 0 20px 31px 3px #00000024, 0 8px 38px 7px #0000001f
}

.shadow-up-20 {
    box-shadow: 0 -10px 13px -6px #0003, 0 -20px 31px 3px #00000024, 0 -8px 38px 7px #0000001f
}

.shadow-21 {
    box-shadow: 0 10px 13px -6px #0003, 0 21px 33px 3px #00000024, 0 8px 40px 7px #0000001f
}

.shadow-up-21 {
    box-shadow: 0 -10px 13px -6px #0003, 0 -21px 33px 3px #00000024, 0 -8px 40px 7px #0000001f
}

.shadow-22 {
    box-shadow: 0 10px 14px -6px #0003, 0 22px 35px 3px #00000024, 0 8px 42px 7px #0000001f
}

.shadow-up-22 {
    box-shadow: 0 -10px 14px -6px #0003, 0 -22px 35px 3px #00000024, 0 -8px 42px 7px #0000001f
}

.shadow-23 {
    box-shadow: 0 11px 14px -7px #0003, 0 23px 36px 3px #00000024, 0 9px 44px 8px #0000001f
}

.shadow-up-23 {
    box-shadow: 0 -11px 14px -7px #0003, 0 -23px 36px 3px #00000024, 0 -9px 44px 8px #0000001f
}

.shadow-24 {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f
}

.shadow-up-24 {
    box-shadow: 0 -11px 15px -7px #0003, 0 -24px 38px 3px #00000024, 0 -9px 46px 8px #0000001f
}

.inset-shadow {
    box-shadow: 0 7px 9px -7px #000000b3 inset
}

.inset-shadow-down {
    box-shadow: 0 -7px 9px -7px #000000b3 inset
}

body.body--dark .shadow-1 {
    box-shadow: 0 1px 3px #fff3, 0 1px 1px #ffffff24, 0 2px 1px -1px #ffffff1f
}

body.body--dark .shadow-up-1 {
    box-shadow: 0 -1px 3px #fff3, 0 -1px 1px #ffffff24, 0 -2px 1px -1px #ffffff1f
}

body.body--dark .shadow-2 {
    box-shadow: 0 1px 5px #fff3, 0 2px 2px #ffffff24, 0 3px 1px -2px #ffffff1f
}

body.body--dark .shadow-up-2 {
    box-shadow: 0 -1px 5px #fff3, 0 -2px 2px #ffffff24, 0 -3px 1px -2px #ffffff1f
}

body.body--dark .shadow-3 {
    box-shadow: 0 1px 8px #fff3, 0 3px 4px #ffffff24, 0 3px 3px -2px #ffffff1f
}

body.body--dark .shadow-up-3 {
    box-shadow: 0 -1px 8px #fff3, 0 -3px 4px #ffffff24, 0 -3px 3px -2px #ffffff1f
}

body.body--dark .shadow-4 {
    box-shadow: 0 2px 4px -1px #fff3, 0 4px 5px #ffffff24, 0 1px 10px #ffffff1f
}

body.body--dark .shadow-up-4 {
    box-shadow: 0 -2px 4px -1px #fff3, 0 -4px 5px #ffffff24, 0 -1px 10px #ffffff1f
}

body.body--dark .shadow-5 {
    box-shadow: 0 3px 5px -1px #fff3, 0 5px 8px #ffffff24, 0 1px 14px #ffffff1f
}

body.body--dark .shadow-up-5 {
    box-shadow: 0 -3px 5px -1px #fff3, 0 -5px 8px #ffffff24, 0 -1px 14px #ffffff1f
}

body.body--dark .shadow-6 {
    box-shadow: 0 3px 5px -1px #fff3, 0 6px 10px #ffffff24, 0 1px 18px #ffffff1f
}

body.body--dark .shadow-up-6 {
    box-shadow: 0 -3px 5px -1px #fff3, 0 -6px 10px #ffffff24, 0 -1px 18px #ffffff1f
}

body.body--dark .shadow-7 {
    box-shadow: 0 4px 5px -2px #fff3, 0 7px 10px 1px #ffffff24, 0 2px 16px 1px #ffffff1f
}

body.body--dark .shadow-up-7 {
    box-shadow: 0 -4px 5px -2px #fff3, 0 -7px 10px 1px #ffffff24, 0 -2px 16px 1px #ffffff1f
}

body.body--dark .shadow-8 {
    box-shadow: 0 5px 5px -3px #fff3, 0 8px 10px 1px #ffffff24, 0 3px 14px 2px #ffffff1f
}

body.body--dark .shadow-up-8 {
    box-shadow: 0 -5px 5px -3px #fff3, 0 -8px 10px 1px #ffffff24, 0 -3px 14px 2px #ffffff1f
}

body.body--dark .shadow-9 {
    box-shadow: 0 5px 6px -3px #fff3, 0 9px 12px 1px #ffffff24, 0 3px 16px 2px #ffffff1f
}

body.body--dark .shadow-up-9 {
    box-shadow: 0 -5px 6px -3px #fff3, 0 -9px 12px 1px #ffffff24, 0 -3px 16px 2px #ffffff1f
}

body.body--dark .shadow-10 {
    box-shadow: 0 6px 6px -3px #fff3, 0 10px 14px 1px #ffffff24, 0 4px 18px 3px #ffffff1f
}

body.body--dark .shadow-up-10 {
    box-shadow: 0 -6px 6px -3px #fff3, 0 -10px 14px 1px #ffffff24, 0 -4px 18px 3px #ffffff1f
}

body.body--dark .shadow-11 {
    box-shadow: 0 6px 7px -4px #fff3, 0 11px 15px 1px #ffffff24, 0 4px 20px 3px #ffffff1f
}

body.body--dark .shadow-up-11 {
    box-shadow: 0 -6px 7px -4px #fff3, 0 -11px 15px 1px #ffffff24, 0 -4px 20px 3px #ffffff1f
}

body.body--dark .shadow-12 {
    box-shadow: 0 7px 8px -4px #fff3, 0 12px 17px 2px #ffffff24, 0 5px 22px 4px #ffffff1f
}

body.body--dark .shadow-up-12 {
    box-shadow: 0 -7px 8px -4px #fff3, 0 -12px 17px 2px #ffffff24, 0 -5px 22px 4px #ffffff1f
}

body.body--dark .shadow-13 {
    box-shadow: 0 7px 8px -4px #fff3, 0 13px 19px 2px #ffffff24, 0 5px 24px 4px #ffffff1f
}

body.body--dark .shadow-up-13 {
    box-shadow: 0 -7px 8px -4px #fff3, 0 -13px 19px 2px #ffffff24, 0 -5px 24px 4px #ffffff1f
}

body.body--dark .shadow-14 {
    box-shadow: 0 7px 9px -4px #fff3, 0 14px 21px 2px #ffffff24, 0 5px 26px 4px #ffffff1f
}

body.body--dark .shadow-up-14 {
    box-shadow: 0 -7px 9px -4px #fff3, 0 -14px 21px 2px #ffffff24, 0 -5px 26px 4px #ffffff1f
}

body.body--dark .shadow-15 {
    box-shadow: 0 8px 9px -5px #fff3, 0 15px 22px 2px #ffffff24, 0 6px 28px 5px #ffffff1f
}

body.body--dark .shadow-up-15 {
    box-shadow: 0 -8px 9px -5px #fff3, 0 -15px 22px 2px #ffffff24, 0 -6px 28px 5px #ffffff1f
}

body.body--dark .shadow-16 {
    box-shadow: 0 8px 10px -5px #fff3, 0 16px 24px 2px #ffffff24, 0 6px 30px 5px #ffffff1f
}

body.body--dark .shadow-up-16 {
    box-shadow: 0 -8px 10px -5px #fff3, 0 -16px 24px 2px #ffffff24, 0 -6px 30px 5px #ffffff1f
}

body.body--dark .shadow-17 {
    box-shadow: 0 8px 11px -5px #fff3, 0 17px 26px 2px #ffffff24, 0 6px 32px 5px #ffffff1f
}

body.body--dark .shadow-up-17 {
    box-shadow: 0 -8px 11px -5px #fff3, 0 -17px 26px 2px #ffffff24, 0 -6px 32px 5px #ffffff1f
}

body.body--dark .shadow-18 {
    box-shadow: 0 9px 11px -5px #fff3, 0 18px 28px 2px #ffffff24, 0 7px 34px 6px #ffffff1f
}

body.body--dark .shadow-up-18 {
    box-shadow: 0 -9px 11px -5px #fff3, 0 -18px 28px 2px #ffffff24, 0 -7px 34px 6px #ffffff1f
}

body.body--dark .shadow-19 {
    box-shadow: 0 9px 12px -6px #fff3, 0 19px 29px 2px #ffffff24, 0 7px 36px 6px #ffffff1f
}

body.body--dark .shadow-up-19 {
    box-shadow: 0 -9px 12px -6px #fff3, 0 -19px 29px 2px #ffffff24, 0 -7px 36px 6px #ffffff1f
}

body.body--dark .shadow-20 {
    box-shadow: 0 10px 13px -6px #fff3, 0 20px 31px 3px #ffffff24, 0 8px 38px 7px #ffffff1f
}

body.body--dark .shadow-up-20 {
    box-shadow: 0 -10px 13px -6px #fff3, 0 -20px 31px 3px #ffffff24, 0 -8px 38px 7px #ffffff1f
}

body.body--dark .shadow-21 {
    box-shadow: 0 10px 13px -6px #fff3, 0 21px 33px 3px #ffffff24, 0 8px 40px 7px #ffffff1f
}

body.body--dark .shadow-up-21 {
    box-shadow: 0 -10px 13px -6px #fff3, 0 -21px 33px 3px #ffffff24, 0 -8px 40px 7px #ffffff1f
}

body.body--dark .shadow-22 {
    box-shadow: 0 10px 14px -6px #fff3, 0 22px 35px 3px #ffffff24, 0 8px 42px 7px #ffffff1f
}

body.body--dark .shadow-up-22 {
    box-shadow: 0 -10px 14px -6px #fff3, 0 -22px 35px 3px #ffffff24, 0 -8px 42px 7px #ffffff1f
}

body.body--dark .shadow-23 {
    box-shadow: 0 11px 14px -7px #fff3, 0 23px 36px 3px #ffffff24, 0 9px 44px 8px #ffffff1f
}

body.body--dark .shadow-up-23 {
    box-shadow: 0 -11px 14px -7px #fff3, 0 -23px 36px 3px #ffffff24, 0 -9px 44px 8px #ffffff1f
}

body.body--dark .shadow-24 {
    box-shadow: 0 11px 15px -7px #fff3, 0 24px 38px 3px #ffffff24, 0 9px 46px 8px #ffffff1f
}

body.body--dark .shadow-up-24 {
    box-shadow: 0 -11px 15px -7px #fff3, 0 -24px 38px 3px #ffffff24, 0 -9px 46px 8px #ffffff1f
}

body.body--dark .inset-shadow {
    box-shadow: 0 7px 9px -7px #ffffffb3 inset
}

body.body--dark .inset-shadow-down {
    box-shadow: 0 -7px 9px -7px #ffffffb3 inset
}

.no-shadow,
.shadow-0 {
    box-shadow: none !important
}

.z-marginals {
    z-index: 2000
}

.z-notify {
    z-index: 9500
}

.z-fullscreen {
    z-index: 6000
}

.z-inherit {
    z-index: inherit !important
}

.row,
.column,
.flex {
    display: flex;
    flex-wrap: wrap
}

.row.inline,
.column.inline,
.flex.inline {
    display: inline-flex
}

.row.reverse {
    flex-direction: row-reverse
}

.column {
    flex-direction: column
}

.column.reverse {
    flex-direction: column-reverse
}

.wrap {
    flex-wrap: wrap
}

.no-wrap {
    flex-wrap: nowrap
}

.reverse-wrap {
    flex-wrap: wrap-reverse
}

.order-first {
    order: -10000
}

.order-last {
    order: 10000
}

.order-none {
    order: 0
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center,
.flex-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center,
.flex-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-center {
    align-content: center
}

.content-stretch {
    align-content: stretch
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-baseline {
    align-self: baseline
}

.self-stretch {
    align-self: stretch
}

.q-gutter-x-none,
.q-gutter-none {
    margin-left: 0
}

.q-gutter-x-none>*,
.q-gutter-none>* {
    margin-left: 0
}

.q-gutter-y-none,
.q-gutter-none {
    margin-top: 0
}

.q-gutter-y-none>*,
.q-gutter-none>* {
    margin-top: 0
}

.q-col-gutter-x-none,
.q-col-gutter-none {
    margin-left: 0
}

.q-col-gutter-x-none>*,
.q-col-gutter-none>* {
    padding-left: 0
}

.q-col-gutter-y-none,
.q-col-gutter-none {
    margin-top: 0
}

.q-col-gutter-y-none>*,
.q-col-gutter-none>* {
    padding-top: 0
}

.q-gutter-x-xs,
.q-gutter-xs {
    margin-left: -4px
}

.q-gutter-x-xs>*,
.q-gutter-xs>* {
    margin-left: 4px
}

.q-gutter-y-xs,
.q-gutter-xs {
    margin-top: -4px
}

.q-gutter-y-xs>*,
.q-gutter-xs>* {
    margin-top: 4px
}

.q-col-gutter-x-xs,
.q-col-gutter-xs {
    margin-left: -4px
}

.q-col-gutter-x-xs>*,
.q-col-gutter-xs>* {
    padding-left: 4px
}

.q-col-gutter-y-xs,
.q-col-gutter-xs {
    margin-top: -4px
}

.q-col-gutter-y-xs>*,
.q-col-gutter-xs>* {
    padding-top: 4px
}

.q-gutter-x-sm,
.q-gutter-sm {
    margin-left: -8px
}

.q-gutter-x-sm>*,
.q-gutter-sm>* {
    margin-left: 8px
}

.q-gutter-y-sm,
.q-gutter-sm {
    margin-top: -8px
}

.q-gutter-y-sm>*,
.q-gutter-sm>* {
    margin-top: 8px
}

.q-col-gutter-x-sm,
.q-col-gutter-sm {
    margin-left: -8px
}

.q-col-gutter-x-sm>*,
.q-col-gutter-sm>* {
    padding-left: 8px
}

.q-col-gutter-y-sm,
.q-col-gutter-sm {
    margin-top: -8px
}

.q-col-gutter-y-sm>*,
.q-col-gutter-sm>* {
    padding-top: 8px
}

.q-gutter-x-md,
.q-gutter-md {
    margin-left: -16px
}

.q-gutter-x-md>*,
.q-gutter-md>* {
    margin-left: 16px
}

.q-gutter-y-md,
.q-gutter-md {
    margin-top: -16px
}

.q-gutter-y-md>*,
.q-gutter-md>* {
    margin-top: 16px
}

.q-col-gutter-x-md,
.q-col-gutter-md {
    margin-left: -16px
}

.q-col-gutter-x-md>*,
.q-col-gutter-md>* {
    padding-left: 16px
}

.q-col-gutter-y-md,
.q-col-gutter-md {
    margin-top: -16px
}

.q-col-gutter-y-md>*,
.q-col-gutter-md>* {
    padding-top: 16px
}

.q-gutter-x-lg,
.q-gutter-lg {
    margin-left: -24px
}

.q-gutter-x-lg>*,
.q-gutter-lg>* {
    margin-left: 24px
}

.q-gutter-y-lg,
.q-gutter-lg {
    margin-top: -24px
}

.q-gutter-y-lg>*,
.q-gutter-lg>* {
    margin-top: 24px
}

.q-col-gutter-x-lg,
.q-col-gutter-lg {
    margin-left: -24px
}

.q-col-gutter-x-lg>*,
.q-col-gutter-lg>* {
    padding-left: 24px
}

.q-col-gutter-y-lg,
.q-col-gutter-lg {
    margin-top: -24px
}

.q-col-gutter-y-lg>*,
.q-col-gutter-lg>* {
    padding-top: 24px
}

.q-gutter-x-xl,
.q-gutter-xl {
    margin-left: -48px
}

.q-gutter-x-xl>*,
.q-gutter-xl>* {
    margin-left: 48px
}

.q-gutter-y-xl,
.q-gutter-xl {
    margin-top: -48px
}

.q-gutter-y-xl>*,
.q-gutter-xl>* {
    margin-top: 48px
}

.q-col-gutter-x-xl,
.q-col-gutter-xl {
    margin-left: -48px
}

.q-col-gutter-x-xl>*,
.q-col-gutter-xl>* {
    padding-left: 48px
}

.q-col-gutter-y-xl,
.q-col-gutter-xl {
    margin-top: -48px
}

.q-col-gutter-y-xl>*,
.q-col-gutter-xl>* {
    padding-top: 48px
}

@media (min-width: 0) {

    .row>.col,
    .flex>.col,
    .row>.col-auto,
    .flex>.col-auto,
    .row>.col-grow,
    .flex>.col-grow,
    .row>.col-shrink,
    .flex>.col-shrink,
    .row>.col-xs,
    .flex>.col-xs,
    .row>.col-xs-auto,
    .row>.col-12,
    .row>.col-xs-12,
    .row>.col-11,
    .row>.col-xs-11,
    .row>.col-10,
    .row>.col-xs-10,
    .row>.col-9,
    .row>.col-xs-9,
    .row>.col-8,
    .row>.col-xs-8,
    .row>.col-7,
    .row>.col-xs-7,
    .row>.col-6,
    .row>.col-xs-6,
    .row>.col-5,
    .row>.col-xs-5,
    .row>.col-4,
    .row>.col-xs-4,
    .row>.col-3,
    .row>.col-xs-3,
    .row>.col-2,
    .row>.col-xs-2,
    .row>.col-1,
    .row>.col-xs-1,
    .row>.col-0,
    .row>.col-xs-0,
    .flex>.col-xs-auto,
    .flex>.col-12,
    .flex>.col-xs-12,
    .flex>.col-11,
    .flex>.col-xs-11,
    .flex>.col-10,
    .flex>.col-xs-10,
    .flex>.col-9,
    .flex>.col-xs-9,
    .flex>.col-8,
    .flex>.col-xs-8,
    .flex>.col-7,
    .flex>.col-xs-7,
    .flex>.col-6,
    .flex>.col-xs-6,
    .flex>.col-5,
    .flex>.col-xs-5,
    .flex>.col-4,
    .flex>.col-xs-4,
    .flex>.col-3,
    .flex>.col-xs-3,
    .flex>.col-2,
    .flex>.col-xs-2,
    .flex>.col-1,
    .flex>.col-xs-1,
    .flex>.col-0,
    .flex>.col-xs-0,
    .row>.col-xs-grow,
    .flex>.col-xs-grow,
    .row>.col-xs-shrink,
    .flex>.col-xs-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col,
    .flex>.col,
    .column>.col-auto,
    .flex>.col-auto,
    .column>.col-grow,
    .flex>.col-grow,
    .column>.col-shrink,
    .flex>.col-shrink,
    .column>.col-xs,
    .flex>.col-xs,
    .column>.col-xs-auto,
    .column>.col-12,
    .column>.col-xs-12,
    .column>.col-11,
    .column>.col-xs-11,
    .column>.col-10,
    .column>.col-xs-10,
    .column>.col-9,
    .column>.col-xs-9,
    .column>.col-8,
    .column>.col-xs-8,
    .column>.col-7,
    .column>.col-xs-7,
    .column>.col-6,
    .column>.col-xs-6,
    .column>.col-5,
    .column>.col-xs-5,
    .column>.col-4,
    .column>.col-xs-4,
    .column>.col-3,
    .column>.col-xs-3,
    .column>.col-2,
    .column>.col-xs-2,
    .column>.col-1,
    .column>.col-xs-1,
    .column>.col-0,
    .column>.col-xs-0,
    .flex>.col-xs-auto,
    .flex>.col-12,
    .flex>.col-xs-12,
    .flex>.col-11,
    .flex>.col-xs-11,
    .flex>.col-10,
    .flex>.col-xs-10,
    .flex>.col-9,
    .flex>.col-xs-9,
    .flex>.col-8,
    .flex>.col-xs-8,
    .flex>.col-7,
    .flex>.col-xs-7,
    .flex>.col-6,
    .flex>.col-xs-6,
    .flex>.col-5,
    .flex>.col-xs-5,
    .flex>.col-4,
    .flex>.col-xs-4,
    .flex>.col-3,
    .flex>.col-xs-3,
    .flex>.col-2,
    .flex>.col-xs-2,
    .flex>.col-1,
    .flex>.col-xs-1,
    .flex>.col-0,
    .flex>.col-xs-0,
    .column>.col-xs-grow,
    .flex>.col-xs-grow,
    .column>.col-xs-shrink,
    .flex>.col-xs-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col,
    .col-xs {
        flex: 10000 1 0%
    }

    .col-auto,
    .col-xs-auto,
    .col-12,
    .col-xs-12,
    .col-11,
    .col-xs-11,
    .col-10,
    .col-xs-10,
    .col-9,
    .col-xs-9,
    .col-8,
    .col-xs-8,
    .col-7,
    .col-xs-7,
    .col-6,
    .col-xs-6,
    .col-5,
    .col-xs-5,
    .col-4,
    .col-xs-4,
    .col-3,
    .col-xs-3,
    .col-2,
    .col-xs-2,
    .col-1,
    .col-xs-1,
    .col-0,
    .col-xs-0 {
        flex: 0 0 auto
    }

    .col-grow,
    .col-xs-grow {
        flex: 1 0 auto
    }

    .col-shrink,
    .col-xs-shrink {
        flex: 0 1 auto
    }

    .row>.col-0,
    .row>.col-xs-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-0,
    .row>.offset-xs-0 {
        margin-left: 0%
    }

    .column>.col-0,
    .column>.col-xs-0 {
        height: 0%;
        width: auto
    }

    .row>.col-1,
    .row>.col-xs-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-1,
    .row>.offset-xs-1 {
        margin-left: 8.3333%
    }

    .column>.col-1,
    .column>.col-xs-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-2,
    .row>.col-xs-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-2,
    .row>.offset-xs-2 {
        margin-left: 16.6667%
    }

    .column>.col-2,
    .column>.col-xs-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-3,
    .row>.col-xs-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-3,
    .row>.offset-xs-3 {
        margin-left: 25%
    }

    .column>.col-3,
    .column>.col-xs-3 {
        height: 25%;
        width: auto
    }

    .row>.col-4,
    .row>.col-xs-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-4,
    .row>.offset-xs-4 {
        margin-left: 33.3333%
    }

    .column>.col-4,
    .column>.col-xs-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-5,
    .row>.col-xs-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-5,
    .row>.offset-xs-5 {
        margin-left: 41.6667%
    }

    .column>.col-5,
    .column>.col-xs-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-6,
    .row>.col-xs-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-6,
    .row>.offset-xs-6 {
        margin-left: 50%
    }

    .column>.col-6,
    .column>.col-xs-6 {
        height: 50%;
        width: auto
    }

    .row>.col-7,
    .row>.col-xs-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-7,
    .row>.offset-xs-7 {
        margin-left: 58.3333%
    }

    .column>.col-7,
    .column>.col-xs-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-8,
    .row>.col-xs-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-8,
    .row>.offset-xs-8 {
        margin-left: 66.6667%
    }

    .column>.col-8,
    .column>.col-xs-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-9,
    .row>.col-xs-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-9,
    .row>.offset-xs-9 {
        margin-left: 75%
    }

    .column>.col-9,
    .column>.col-xs-9 {
        height: 75%;
        width: auto
    }

    .row>.col-10,
    .row>.col-xs-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-10,
    .row>.offset-xs-10 {
        margin-left: 83.3333%
    }

    .column>.col-10,
    .column>.col-xs-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-11,
    .row>.col-xs-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-11,
    .row>.offset-xs-11 {
        margin-left: 91.6667%
    }

    .column>.col-11,
    .column>.col-xs-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-12,
    .row>.col-xs-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-12,
    .row>.offset-xs-12 {
        margin-left: 100%
    }

    .column>.col-12,
    .column>.col-xs-12 {
        height: 100%;
        width: auto
    }

    .row>.col-all {
        height: auto;
        flex: 0 0 100%
    }
}

@media (min-width: 600px) {

    .row>.col-sm,
    .flex>.col-sm,
    .row>.col-sm-auto,
    .row>.col-sm-12,
    .row>.col-sm-11,
    .row>.col-sm-10,
    .row>.col-sm-9,
    .row>.col-sm-8,
    .row>.col-sm-7,
    .row>.col-sm-6,
    .row>.col-sm-5,
    .row>.col-sm-4,
    .row>.col-sm-3,
    .row>.col-sm-2,
    .row>.col-sm-1,
    .row>.col-sm-0,
    .flex>.col-sm-auto,
    .flex>.col-sm-12,
    .flex>.col-sm-11,
    .flex>.col-sm-10,
    .flex>.col-sm-9,
    .flex>.col-sm-8,
    .flex>.col-sm-7,
    .flex>.col-sm-6,
    .flex>.col-sm-5,
    .flex>.col-sm-4,
    .flex>.col-sm-3,
    .flex>.col-sm-2,
    .flex>.col-sm-1,
    .flex>.col-sm-0,
    .row>.col-sm-grow,
    .flex>.col-sm-grow,
    .row>.col-sm-shrink,
    .flex>.col-sm-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-sm,
    .flex>.col-sm,
    .column>.col-sm-auto,
    .column>.col-sm-12,
    .column>.col-sm-11,
    .column>.col-sm-10,
    .column>.col-sm-9,
    .column>.col-sm-8,
    .column>.col-sm-7,
    .column>.col-sm-6,
    .column>.col-sm-5,
    .column>.col-sm-4,
    .column>.col-sm-3,
    .column>.col-sm-2,
    .column>.col-sm-1,
    .column>.col-sm-0,
    .flex>.col-sm-auto,
    .flex>.col-sm-12,
    .flex>.col-sm-11,
    .flex>.col-sm-10,
    .flex>.col-sm-9,
    .flex>.col-sm-8,
    .flex>.col-sm-7,
    .flex>.col-sm-6,
    .flex>.col-sm-5,
    .flex>.col-sm-4,
    .flex>.col-sm-3,
    .flex>.col-sm-2,
    .flex>.col-sm-1,
    .flex>.col-sm-0,
    .column>.col-sm-grow,
    .flex>.col-sm-grow,
    .column>.col-sm-shrink,
    .flex>.col-sm-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-sm {
        flex: 10000 1 0%
    }

    .col-sm-auto,
    .col-sm-12,
    .col-sm-11,
    .col-sm-10,
    .col-sm-9,
    .col-sm-8,
    .col-sm-7,
    .col-sm-6,
    .col-sm-5,
    .col-sm-4,
    .col-sm-3,
    .col-sm-2,
    .col-sm-1,
    .col-sm-0 {
        flex: 0 0 auto
    }

    .col-sm-grow {
        flex: 1 0 auto
    }

    .col-sm-shrink {
        flex: 0 1 auto
    }

    .row>.col-sm-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-sm-0 {
        margin-left: 0%
    }

    .column>.col-sm-0 {
        height: 0%;
        width: auto
    }

    .row>.col-sm-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-sm-1 {
        margin-left: 8.3333%
    }

    .column>.col-sm-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-sm-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-sm-2 {
        margin-left: 16.6667%
    }

    .column>.col-sm-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-sm-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-sm-3 {
        margin-left: 25%
    }

    .column>.col-sm-3 {
        height: 25%;
        width: auto
    }

    .row>.col-sm-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-sm-4 {
        margin-left: 33.3333%
    }

    .column>.col-sm-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-sm-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-sm-5 {
        margin-left: 41.6667%
    }

    .column>.col-sm-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-sm-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-sm-6 {
        margin-left: 50%
    }

    .column>.col-sm-6 {
        height: 50%;
        width: auto
    }

    .row>.col-sm-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-sm-7 {
        margin-left: 58.3333%
    }

    .column>.col-sm-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-sm-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-sm-8 {
        margin-left: 66.6667%
    }

    .column>.col-sm-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-sm-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-sm-9 {
        margin-left: 75%
    }

    .column>.col-sm-9 {
        height: 75%;
        width: auto
    }

    .row>.col-sm-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-sm-10 {
        margin-left: 83.3333%
    }

    .column>.col-sm-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-sm-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-sm-11 {
        margin-left: 91.6667%
    }

    .column>.col-sm-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-sm-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-sm-12 {
        margin-left: 100%
    }

    .column>.col-sm-12 {
        height: 100%;
        width: auto
    }
}

@media (min-width: 1024px) {

    .row>.col-md,
    .flex>.col-md,
    .row>.col-md-auto,
    .row>.col-md-12,
    .row>.col-md-11,
    .row>.col-md-10,
    .row>.col-md-9,
    .row>.col-md-8,
    .row>.col-md-7,
    .row>.col-md-6,
    .row>.col-md-5,
    .row>.col-md-4,
    .row>.col-md-3,
    .row>.col-md-2,
    .row>.col-md-1,
    .row>.col-md-0,
    .flex>.col-md-auto,
    .flex>.col-md-12,
    .flex>.col-md-11,
    .flex>.col-md-10,
    .flex>.col-md-9,
    .flex>.col-md-8,
    .flex>.col-md-7,
    .flex>.col-md-6,
    .flex>.col-md-5,
    .flex>.col-md-4,
    .flex>.col-md-3,
    .flex>.col-md-2,
    .flex>.col-md-1,
    .flex>.col-md-0,
    .row>.col-md-grow,
    .flex>.col-md-grow,
    .row>.col-md-shrink,
    .flex>.col-md-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-md,
    .flex>.col-md,
    .column>.col-md-auto,
    .column>.col-md-12,
    .column>.col-md-11,
    .column>.col-md-10,
    .column>.col-md-9,
    .column>.col-md-8,
    .column>.col-md-7,
    .column>.col-md-6,
    .column>.col-md-5,
    .column>.col-md-4,
    .column>.col-md-3,
    .column>.col-md-2,
    .column>.col-md-1,
    .column>.col-md-0,
    .flex>.col-md-auto,
    .flex>.col-md-12,
    .flex>.col-md-11,
    .flex>.col-md-10,
    .flex>.col-md-9,
    .flex>.col-md-8,
    .flex>.col-md-7,
    .flex>.col-md-6,
    .flex>.col-md-5,
    .flex>.col-md-4,
    .flex>.col-md-3,
    .flex>.col-md-2,
    .flex>.col-md-1,
    .flex>.col-md-0,
    .column>.col-md-grow,
    .flex>.col-md-grow,
    .column>.col-md-shrink,
    .flex>.col-md-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-md {
        flex: 10000 1 0%
    }

    .col-md-auto,
    .col-md-12,
    .col-md-11,
    .col-md-10,
    .col-md-9,
    .col-md-8,
    .col-md-7,
    .col-md-6,
    .col-md-5,
    .col-md-4,
    .col-md-3,
    .col-md-2,
    .col-md-1,
    .col-md-0 {
        flex: 0 0 auto
    }

    .col-md-grow {
        flex: 1 0 auto
    }

    .col-md-shrink {
        flex: 0 1 auto
    }

    .row>.col-md-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-md-0 {
        margin-left: 0%
    }

    .column>.col-md-0 {
        height: 0%;
        width: auto
    }

    .row>.col-md-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-md-1 {
        margin-left: 8.3333%
    }

    .column>.col-md-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-md-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-md-2 {
        margin-left: 16.6667%
    }

    .column>.col-md-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-md-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-md-3 {
        margin-left: 25%
    }

    .column>.col-md-3 {
        height: 25%;
        width: auto
    }

    .row>.col-md-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-md-4 {
        margin-left: 33.3333%
    }

    .column>.col-md-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-md-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-md-5 {
        margin-left: 41.6667%
    }

    .column>.col-md-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-md-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-md-6 {
        margin-left: 50%
    }

    .column>.col-md-6 {
        height: 50%;
        width: auto
    }

    .row>.col-md-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-md-7 {
        margin-left: 58.3333%
    }

    .column>.col-md-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-md-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-md-8 {
        margin-left: 66.6667%
    }

    .column>.col-md-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-md-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-md-9 {
        margin-left: 75%
    }

    .column>.col-md-9 {
        height: 75%;
        width: auto
    }

    .row>.col-md-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-md-10 {
        margin-left: 83.3333%
    }

    .column>.col-md-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-md-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-md-11 {
        margin-left: 91.6667%
    }

    .column>.col-md-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-md-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-md-12 {
        margin-left: 100%
    }

    .column>.col-md-12 {
        height: 100%;
        width: auto
    }
}

@media (min-width: 1440px) {

    .row>.col-lg,
    .flex>.col-lg,
    .row>.col-lg-auto,
    .row>.col-lg-12,
    .row>.col-lg-11,
    .row>.col-lg-10,
    .row>.col-lg-9,
    .row>.col-lg-8,
    .row>.col-lg-7,
    .row>.col-lg-6,
    .row>.col-lg-5,
    .row>.col-lg-4,
    .row>.col-lg-3,
    .row>.col-lg-2,
    .row>.col-lg-1,
    .row>.col-lg-0,
    .flex>.col-lg-auto,
    .flex>.col-lg-12,
    .flex>.col-lg-11,
    .flex>.col-lg-10,
    .flex>.col-lg-9,
    .flex>.col-lg-8,
    .flex>.col-lg-7,
    .flex>.col-lg-6,
    .flex>.col-lg-5,
    .flex>.col-lg-4,
    .flex>.col-lg-3,
    .flex>.col-lg-2,
    .flex>.col-lg-1,
    .flex>.col-lg-0,
    .row>.col-lg-grow,
    .flex>.col-lg-grow,
    .row>.col-lg-shrink,
    .flex>.col-lg-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-lg,
    .flex>.col-lg,
    .column>.col-lg-auto,
    .column>.col-lg-12,
    .column>.col-lg-11,
    .column>.col-lg-10,
    .column>.col-lg-9,
    .column>.col-lg-8,
    .column>.col-lg-7,
    .column>.col-lg-6,
    .column>.col-lg-5,
    .column>.col-lg-4,
    .column>.col-lg-3,
    .column>.col-lg-2,
    .column>.col-lg-1,
    .column>.col-lg-0,
    .flex>.col-lg-auto,
    .flex>.col-lg-12,
    .flex>.col-lg-11,
    .flex>.col-lg-10,
    .flex>.col-lg-9,
    .flex>.col-lg-8,
    .flex>.col-lg-7,
    .flex>.col-lg-6,
    .flex>.col-lg-5,
    .flex>.col-lg-4,
    .flex>.col-lg-3,
    .flex>.col-lg-2,
    .flex>.col-lg-1,
    .flex>.col-lg-0,
    .column>.col-lg-grow,
    .flex>.col-lg-grow,
    .column>.col-lg-shrink,
    .flex>.col-lg-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-lg {
        flex: 10000 1 0%
    }

    .col-lg-auto,
    .col-lg-12,
    .col-lg-11,
    .col-lg-10,
    .col-lg-9,
    .col-lg-8,
    .col-lg-7,
    .col-lg-6,
    .col-lg-5,
    .col-lg-4,
    .col-lg-3,
    .col-lg-2,
    .col-lg-1,
    .col-lg-0 {
        flex: 0 0 auto
    }

    .col-lg-grow {
        flex: 1 0 auto
    }

    .col-lg-shrink {
        flex: 0 1 auto
    }

    .row>.col-lg-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-lg-0 {
        margin-left: 0%
    }

    .column>.col-lg-0 {
        height: 0%;
        width: auto
    }

    .row>.col-lg-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-lg-1 {
        margin-left: 8.3333%
    }

    .column>.col-lg-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-lg-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-lg-2 {
        margin-left: 16.6667%
    }

    .column>.col-lg-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-lg-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-lg-3 {
        margin-left: 25%
    }

    .column>.col-lg-3 {
        height: 25%;
        width: auto
    }

    .row>.col-lg-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-lg-4 {
        margin-left: 33.3333%
    }

    .column>.col-lg-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-lg-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-lg-5 {
        margin-left: 41.6667%
    }

    .column>.col-lg-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-lg-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-lg-6 {
        margin-left: 50%
    }

    .column>.col-lg-6 {
        height: 50%;
        width: auto
    }

    .row>.col-lg-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-lg-7 {
        margin-left: 58.3333%
    }

    .column>.col-lg-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-lg-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-lg-8 {
        margin-left: 66.6667%
    }

    .column>.col-lg-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-lg-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-lg-9 {
        margin-left: 75%
    }

    .column>.col-lg-9 {
        height: 75%;
        width: auto
    }

    .row>.col-lg-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-lg-10 {
        margin-left: 83.3333%
    }

    .column>.col-lg-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-lg-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-lg-11 {
        margin-left: 91.6667%
    }

    .column>.col-lg-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-lg-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-lg-12 {
        margin-left: 100%
    }

    .column>.col-lg-12 {
        height: 100%;
        width: auto
    }
}

@media (min-width: 1920px) {

    .row>.col-xl,
    .flex>.col-xl,
    .row>.col-xl-auto,
    .row>.col-xl-12,
    .row>.col-xl-11,
    .row>.col-xl-10,
    .row>.col-xl-9,
    .row>.col-xl-8,
    .row>.col-xl-7,
    .row>.col-xl-6,
    .row>.col-xl-5,
    .row>.col-xl-4,
    .row>.col-xl-3,
    .row>.col-xl-2,
    .row>.col-xl-1,
    .row>.col-xl-0,
    .flex>.col-xl-auto,
    .flex>.col-xl-12,
    .flex>.col-xl-11,
    .flex>.col-xl-10,
    .flex>.col-xl-9,
    .flex>.col-xl-8,
    .flex>.col-xl-7,
    .flex>.col-xl-6,
    .flex>.col-xl-5,
    .flex>.col-xl-4,
    .flex>.col-xl-3,
    .flex>.col-xl-2,
    .flex>.col-xl-1,
    .flex>.col-xl-0,
    .row>.col-xl-grow,
    .flex>.col-xl-grow,
    .row>.col-xl-shrink,
    .flex>.col-xl-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-xl,
    .flex>.col-xl,
    .column>.col-xl-auto,
    .column>.col-xl-12,
    .column>.col-xl-11,
    .column>.col-xl-10,
    .column>.col-xl-9,
    .column>.col-xl-8,
    .column>.col-xl-7,
    .column>.col-xl-6,
    .column>.col-xl-5,
    .column>.col-xl-4,
    .column>.col-xl-3,
    .column>.col-xl-2,
    .column>.col-xl-1,
    .column>.col-xl-0,
    .flex>.col-xl-auto,
    .flex>.col-xl-12,
    .flex>.col-xl-11,
    .flex>.col-xl-10,
    .flex>.col-xl-9,
    .flex>.col-xl-8,
    .flex>.col-xl-7,
    .flex>.col-xl-6,
    .flex>.col-xl-5,
    .flex>.col-xl-4,
    .flex>.col-xl-3,
    .flex>.col-xl-2,
    .flex>.col-xl-1,
    .flex>.col-xl-0,
    .column>.col-xl-grow,
    .flex>.col-xl-grow,
    .column>.col-xl-shrink,
    .flex>.col-xl-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-xl {
        flex: 10000 1 0%
    }

    .col-xl-auto,
    .col-xl-12,
    .col-xl-11,
    .col-xl-10,
    .col-xl-9,
    .col-xl-8,
    .col-xl-7,
    .col-xl-6,
    .col-xl-5,
    .col-xl-4,
    .col-xl-3,
    .col-xl-2,
    .col-xl-1,
    .col-xl-0 {
        flex: 0 0 auto
    }

    .col-xl-grow {
        flex: 1 0 auto
    }

    .col-xl-shrink {
        flex: 0 1 auto
    }

    .row>.col-xl-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-xl-0 {
        margin-left: 0%
    }

    .column>.col-xl-0 {
        height: 0%;
        width: auto
    }

    .row>.col-xl-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-xl-1 {
        margin-left: 8.3333%
    }

    .column>.col-xl-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-xl-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-xl-2 {
        margin-left: 16.6667%
    }

    .column>.col-xl-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-xl-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-xl-3 {
        margin-left: 25%
    }

    .column>.col-xl-3 {
        height: 25%;
        width: auto
    }

    .row>.col-xl-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-xl-4 {
        margin-left: 33.3333%
    }

    .column>.col-xl-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-xl-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-xl-5 {
        margin-left: 41.6667%
    }

    .column>.col-xl-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-xl-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-xl-6 {
        margin-left: 50%
    }

    .column>.col-xl-6 {
        height: 50%;
        width: auto
    }

    .row>.col-xl-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-xl-7 {
        margin-left: 58.3333%
    }

    .column>.col-xl-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-xl-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-xl-8 {
        margin-left: 66.6667%
    }

    .column>.col-xl-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-xl-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-xl-9 {
        margin-left: 75%
    }

    .column>.col-xl-9 {
        height: 75%;
        width: auto
    }

    .row>.col-xl-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-xl-10 {
        margin-left: 83.3333%
    }

    .column>.col-xl-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-xl-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-xl-11 {
        margin-left: 91.6667%
    }

    .column>.col-xl-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-xl-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-xl-12 {
        margin-left: 100%
    }

    .column>.col-xl-12 {
        height: 100%;
        width: auto
    }
}

.rounded-borders {
    border-radius: 4px
}

.border-radius-inherit {
    border-radius: inherit
}

.no-transition {
    transition: none !important
}

.transition-0 {
    transition: 0s !important
}

.glossy {
    background-image: linear-gradient(to bottom, #ffffff4d, #fff0 50%, #0000001f 51%, #0000000a) !important
}

.q-placeholder::-webkit-input-placeholder {
    color: inherit;
    opacity: .7
}

.q-placeholder::-moz-placeholder {
    color: inherit;
    opacity: .7
}

.q-placeholder:-ms-input-placeholder {
    color: inherit !important;
    opacity: .7 !important
}

.q-placeholder::-ms-input-placeholder {
    color: inherit;
    opacity: .7
}

.q-placeholder::placeholder {
    color: inherit;
    opacity: .7
}

.q-body--fullscreen-mixin,
.q-body--prevent-scroll {
    position: fixed !important
}

.q-body--force-scrollbar-x {
    overflow-x: scroll
}

.q-body--force-scrollbar-y {
    overflow-y: scroll
}

.q-no-input-spinner {
    -moz-appearance: textfield !important
}

.q-no-input-spinner::-webkit-outer-spin-button,
.q-no-input-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.q-link {
    outline: 0;
    text-decoration: none
}

.q-link--focusable:focus-visible {
    text-decoration: underline dashed currentColor 1px
}

body.electron .q-electron-drag {
    -webkit-user-select: none;
    -webkit-app-region: drag
}

body.electron .q-electron-drag .q-btn-item,
body.electron .q-electron-drag--exception {
    -webkit-app-region: no-drag
}

img.responsive {
    max-width: 100%;
    height: auto
}

.non-selectable {
    -webkit-user-select: none !important;
    user-select: none !important
}

.scroll,
body.mobile .scroll--mobile {
    overflow: auto
}

.scroll,
.scroll-x,
.scroll-y {
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.scroll-x {
    overflow-x: auto
}

.scroll-y {
    overflow-y: auto
}

.no-scroll {
    overflow: hidden !important
}

.no-pointer-events,
.no-pointer-events--children,
.no-pointer-events--children * {
    pointer-events: none !important
}

.all-pointer-events {
    pointer-events: all !important
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-not-allowed {
    cursor: not-allowed !important
}

.cursor-inherit {
    cursor: inherit !important
}

.cursor-none {
    cursor: none !important
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled=true] {
    cursor: default
}

.rotate-45 {
    transform: rotate(45deg)
}

.rotate-90 {
    transform: rotate(90deg)
}

.rotate-135 {
    transform: rotate(135deg)
}

.rotate-180 {
    transform: rotate(180deg)
}

.rotate-225 {
    transform: rotate(225deg)
}

.rotate-270 {
    transform: rotate(270deg)
}

.rotate-315 {
    transform: rotate(315deg)
}

.flip-horizontal {
    transform: scaleX(-1)
}

.flip-vertical {
    transform: scaleY(-1)
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.relative-position {
    position: relative
}

.fixed,
.fixed-full,
.fullscreen,
.fixed-center,
.fixed-bottom,
.fixed-left,
.fixed-right,
.fixed-top,
.fixed-top-left,
.fixed-top-right,
.fixed-bottom-left,
.fixed-bottom-right {
    position: fixed
}

.absolute,
.absolute-full,
.absolute-center,
.absolute-bottom,
.absolute-left,
.absolute-right,
.absolute-top,
.absolute-top-left,
.absolute-top-right,
.absolute-bottom-left,
.absolute-bottom-right {
    position: absolute
}

.fixed-top,
.absolute-top {
    top: 0;
    left: 0;
    right: 0
}

.fixed-right,
.absolute-right {
    top: 0;
    right: 0;
    bottom: 0
}

.fixed-bottom,
.absolute-bottom {
    right: 0;
    bottom: 0;
    left: 0
}

.fixed-left,
.absolute-left {
    top: 0;
    bottom: 0;
    left: 0
}

.fixed-top-left,
.absolute-top-left {
    top: 0;
    left: 0
}

.fixed-top-right,
.absolute-top-right {
    top: 0;
    right: 0
}

.fixed-bottom-left,
.absolute-bottom-left {
    bottom: 0;
    left: 0
}

.fixed-bottom-right,
.absolute-bottom-right {
    bottom: 0;
    right: 0
}

.fullscreen {
    z-index: 6000;
    border-radius: 0 !important;
    max-width: 100vw;
    max-height: 100vh
}

body.q-ios-padding .fullscreen {
    padding-top: 20px !important;
    padding-top: env(safe-area-inset-top) !important;
    padding-bottom: env(safe-area-inset-bottom) !important
}

.absolute-full,
.fullscreen,
.fixed-full {
    inset: 0
}

.fixed-center,
.absolute-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.vertical-top {
    vertical-align: top !important
}

.vertical-middle {
    vertical-align: middle !important
}

.vertical-bottom {
    vertical-align: bottom !important
}

.on-left {
    margin-right: 12px
}

.on-right {
    margin-left: 12px
}

.q-position-engine {
    margin-top: var(--q-pe-top, 0) !important;
    margin-left: var(--q-pe-left, 0) !important;
    will-change: auto;
    visibility: collapse
}

:root {
    --q-size-xs: 0;
    --q-size-sm: 600px;
    --q-size-md: 1024px;
    --q-size-lg: 1440px;
    --q-size-xl: 1920px
}

.fit {
    width: 100% !important;
    height: 100% !important
}

.full-height {
    height: 100% !important
}

.full-width {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.window-height {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 100vh !important
}

.window-width {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100vw !important
}

.block {
    display: block !important
}

.inline-block {
    display: inline-block !important
}

.q-pa-none {
    padding: 0
}

.q-pl-none {
    padding-left: 0
}

.q-pr-none {
    padding-right: 0
}

.q-pt-none {
    padding-top: 0
}

.q-pb-none {
    padding-bottom: 0
}

.q-px-none {
    padding-left: 0;
    padding-right: 0
}

.q-py-none {
    padding-top: 0;
    padding-bottom: 0
}

.q-ma-none {
    margin: 0
}

.q-ml-none {
    margin-left: 0
}

.q-mr-none {
    margin-right: 0
}

.q-mt-none {
    margin-top: 0
}

.q-mb-none {
    margin-bottom: 0
}

.q-mx-none {
    margin-left: 0;
    margin-right: 0
}

.q-my-none {
    margin-top: 0;
    margin-bottom: 0
}

.q-pa-xs {
    padding: 4px
}

.q-pl-xs {
    padding-left: 4px
}

.q-pr-xs {
    padding-right: 4px
}

.q-pt-xs {
    padding-top: 4px
}

.q-pb-xs {
    padding-bottom: 4px
}

.q-px-xs {
    padding-left: 4px;
    padding-right: 4px
}

.q-py-xs {
    padding-top: 4px;
    padding-bottom: 4px
}

.q-ma-xs {
    margin: 4px
}

.q-ml-xs {
    margin-left: 4px
}

.q-mr-xs {
    margin-right: 4px
}

.q-mt-xs {
    margin-top: 4px
}

.q-mb-xs {
    margin-bottom: 4px
}

.q-mx-xs {
    margin-left: 4px;
    margin-right: 4px
}

.q-my-xs {
    margin-top: 4px;
    margin-bottom: 4px
}

.q-pa-sm {
    padding: 8px
}

.q-pl-sm {
    padding-left: 8px
}

.q-pr-sm {
    padding-right: 8px
}

.q-pt-sm {
    padding-top: 8px
}

.q-pb-sm {
    padding-bottom: 8px
}

.q-px-sm {
    padding-left: 8px;
    padding-right: 8px
}

.q-py-sm {
    padding-top: 8px;
    padding-bottom: 8px
}

.q-ma-sm {
    margin: 8px
}

.q-ml-sm {
    margin-left: 8px
}

.q-mr-sm {
    margin-right: 8px
}

.q-mt-sm {
    margin-top: 8px
}

.q-mb-sm {
    margin-bottom: 8px
}

.q-mx-sm {
    margin-left: 8px;
    margin-right: 8px
}

.q-my-sm {
    margin-top: 8px;
    margin-bottom: 8px
}

.q-pa-md {
    padding: 16px
}

.q-pl-md {
    padding-left: 16px
}

.q-pr-md {
    padding-right: 16px
}

.q-pt-md {
    padding-top: 16px
}

.q-pb-md {
    padding-bottom: 16px
}

.q-px-md {
    padding-left: 16px;
    padding-right: 16px
}

.q-py-md {
    padding-top: 16px;
    padding-bottom: 16px
}

.q-ma-md {
    margin: 16px
}

.q-ml-md {
    margin-left: 16px
}

.q-mr-md {
    margin-right: 16px
}

.q-mt-md {
    margin-top: 16px
}

.q-mb-md {
    margin-bottom: 16px
}

.q-mx-md {
    margin-left: 16px;
    margin-right: 16px
}

.q-my-md {
    margin-top: 16px;
    margin-bottom: 16px
}

.q-pa-lg {
    padding: 24px
}

.q-pl-lg {
    padding-left: 24px
}

.q-pr-lg {
    padding-right: 24px
}

.q-pt-lg {
    padding-top: 24px
}

.q-pb-lg {
    padding-bottom: 24px
}

.q-px-lg {
    padding-left: 24px;
    padding-right: 24px
}

.q-py-lg {
    padding-top: 24px;
    padding-bottom: 24px
}

.q-ma-lg {
    margin: 24px
}

.q-ml-lg {
    margin-left: 24px
}

.q-mr-lg {
    margin-right: 24px
}

.q-mt-lg {
    margin-top: 24px
}

.q-mb-lg {
    margin-bottom: 24px
}

.q-mx-lg {
    margin-left: 24px;
    margin-right: 24px
}

.q-my-lg {
    margin-top: 24px;
    margin-bottom: 24px
}

.q-pa-xl {
    padding: 48px
}

.q-pl-xl {
    padding-left: 48px
}

.q-pr-xl {
    padding-right: 48px
}

.q-pt-xl {
    padding-top: 48px
}

.q-pb-xl {
    padding-bottom: 48px
}

.q-px-xl {
    padding-left: 48px;
    padding-right: 48px
}

.q-py-xl {
    padding-top: 48px;
    padding-bottom: 48px
}

.q-ma-xl {
    margin: 48px
}

.q-ml-xl {
    margin-left: 48px
}

.q-mr-xl {
    margin-right: 48px
}

.q-mt-xl {
    margin-top: 48px
}

.q-mb-xl {
    margin-bottom: 48px
}

.q-mx-xl {
    margin-left: 48px;
    margin-right: 48px
}

.q-my-xl {
    margin-top: 48px;
    margin-bottom: 48px
}

.q-mt-auto,
.q-my-auto {
    margin-top: auto
}

.q-ml-auto {
    margin-left: auto
}

.q-mb-auto,
.q-my-auto {
    margin-bottom: auto
}

.q-mr-auto {
    margin-right: auto
}

.q-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.q-touch {
    -webkit-user-select: none;
    user-select: none;
    user-drag: none;
    -khtml-user-drag: none;
    -webkit-user-drag: none
}

.q-touch-x {
    touch-action: pan-x
}

.q-touch-y {
    touch-action: pan-y
}

:root {
    --q-transition-duration: .3s
}

.q-transition--slide-right-enter-active,
.q-transition--slide-right-leave-active,
.q-transition--slide-left-enter-active,
.q-transition--slide-left-leave-active,
.q-transition--slide-up-enter-active,
.q-transition--slide-up-leave-active,
.q-transition--slide-down-enter-active,
.q-transition--slide-down-leave-active,
.q-transition--jump-right-enter-active,
.q-transition--jump-right-leave-active,
.q-transition--jump-left-enter-active,
.q-transition--jump-left-leave-active,
.q-transition--jump-up-enter-active,
.q-transition--jump-up-leave-active,
.q-transition--jump-down-enter-active,
.q-transition--jump-down-leave-active,
.q-transition--fade-enter-active,
.q-transition--fade-leave-active,
.q-transition--scale-enter-active,
.q-transition--scale-leave-active,
.q-transition--rotate-enter-active,
.q-transition--rotate-leave-active,
.q-transition--flip-enter-active,
.q-transition--flip-leave-active {
    --q-transition-duration: .3s;
    --q-transition-easing: cubic-bezier(.215, .61, .355, 1)
}

.q-transition--slide-right-leave-active,
.q-transition--slide-left-leave-active,
.q-transition--slide-up-leave-active,
.q-transition--slide-down-leave-active,
.q-transition--jump-right-leave-active,
.q-transition--jump-left-leave-active,
.q-transition--jump-up-leave-active,
.q-transition--jump-down-leave-active,
.q-transition--fade-leave-active,
.q-transition--scale-leave-active,
.q-transition--rotate-leave-active,
.q-transition--flip-leave-active {
    position: absolute
}

.q-transition--slide-right-enter-active,
.q-transition--slide-right-leave-active,
.q-transition--slide-left-enter-active,
.q-transition--slide-left-leave-active,
.q-transition--slide-up-enter-active,
.q-transition--slide-up-leave-active,
.q-transition--slide-down-enter-active,
.q-transition--slide-down-leave-active {
    transition: transform var(--q-transition-duration) var(--q-transition-easing)
}

.q-transition--slide-right-enter-from {
    transform: translate3d(-100%, 0, 0)
}

.q-transition--slide-right-leave-to,
.q-transition--slide-left-enter-from {
    transform: translate3d(100%, 0, 0)
}

.q-transition--slide-left-leave-to {
    transform: translate3d(-100%, 0, 0)
}

.q-transition--slide-up-enter-from {
    transform: translate3d(0, 100%, 0)
}

.q-transition--slide-up-leave-to,
.q-transition--slide-down-enter-from {
    transform: translate3d(0, -100%, 0)
}

.q-transition--slide-down-leave-to {
    transform: translate3d(0, 100%, 0)
}

.q-transition--jump-right-enter-active,
.q-transition--jump-right-leave-active,
.q-transition--jump-left-enter-active,
.q-transition--jump-left-leave-active,
.q-transition--jump-up-enter-active,
.q-transition--jump-up-leave-active,
.q-transition--jump-down-enter-active,
.q-transition--jump-down-leave-active {
    transition: opacity var(--q-transition-duration), transform var(--q-transition-duration)
}

.q-transition--jump-right-enter-from,
.q-transition--jump-right-leave-to,
.q-transition--jump-left-enter-from,
.q-transition--jump-left-leave-to,
.q-transition--jump-up-enter-from,
.q-transition--jump-up-leave-to,
.q-transition--jump-down-enter-from,
.q-transition--jump-down-leave-to {
    opacity: 0
}

.q-transition--jump-right-enter-from {
    transform: translate3d(-15px, 0, 0)
}

.q-transition--jump-right-leave-to,
.q-transition--jump-left-enter-from {
    transform: translate3d(15px, 0, 0)
}

.q-transition--jump-left-leave-to {
    transform: translate(-15px)
}

.q-transition--jump-up-enter-from {
    transform: translate3d(0, 15px, 0)
}

.q-transition--jump-up-leave-to,
.q-transition--jump-down-enter-from {
    transform: translate3d(0, -15px, 0)
}

.q-transition--jump-down-leave-to {
    transform: translate3d(0, 15px, 0)
}

.q-transition--fade-enter-active,
.q-transition--fade-leave-active {
    transition: opacity var(--q-transition-duration) ease-out
}

.q-transition--fade-enter-from,
.q-transition--fade-leave-to {
    opacity: 0
}

.q-transition--scale-enter-active,
.q-transition--scale-leave-active {
    transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing)
}

.q-transition--scale-enter-from,
.q-transition--scale-leave-to {
    opacity: 0;
    transform: scale3d(0, 0, 1)
}

.q-transition--rotate-enter-active,
.q-transition--rotate-leave-active {
    transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing);
    transform-style: preserve-3d
}

.q-transition--rotate-enter-from,
.q-transition--rotate-leave-to {
    opacity: 0;
    transform: scale3d(0, 0, 1) rotate3d(0, 0, 1, 90deg)
}

.q-transition--flip-right-enter-active,
.q-transition--flip-right-leave-active,
.q-transition--flip-left-enter-active,
.q-transition--flip-left-leave-active,
.q-transition--flip-up-enter-active,
.q-transition--flip-up-leave-active,
.q-transition--flip-down-enter-active,
.q-transition--flip-down-leave-active {
    transition: transform var(--q-transition-duration);
    backface-visibility: hidden
}

.q-transition--flip-right-enter-to,
.q-transition--flip-right-leave-from,
.q-transition--flip-left-enter-to,
.q-transition--flip-left-leave-from,
.q-transition--flip-up-enter-to,
.q-transition--flip-up-leave-from,
.q-transition--flip-down-enter-to,
.q-transition--flip-down-leave-from {
    transform: perspective(400px) rotate3d(1, 1, 0, 0)
}

.q-transition--flip-right-enter-from {
    transform: perspective(400px) rotateY(-180deg)
}

.q-transition--flip-right-leave-to,
.q-transition--flip-left-enter-from {
    transform: perspective(400px) rotateY(180deg)
}

.q-transition--flip-left-leave-to {
    transform: perspective(400px) rotateY(-180deg)
}

.q-transition--flip-up-enter-from {
    transform: perspective(400px) rotateX(-180deg)
}

.q-transition--flip-up-leave-to,
.q-transition--flip-down-enter-from {
    transform: perspective(400px) rotateX(180deg)
}

.q-transition--flip-down-leave-to {
    transform: perspective(400px) rotateX(-180deg)
}

body {
    min-width: 100px;
    min-height: 100%;
    font-family: Roboto, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    line-height: 1.5;
    font-size: 14px
}

h1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 6rem;
    letter-spacing: -.01562em
}

h2 {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 3.75rem;
    letter-spacing: -.00833em
}

h3 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 3.125rem;
    letter-spacing: normal
}

h4 {
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: .00735em
}

h5 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal
}

h6 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .0125em
}

p {
    margin: 0 0 16px
}

.text-h1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 6rem;
    letter-spacing: -.01562em
}

.text-h2 {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 3.75rem;
    letter-spacing: -.00833em
}

.text-h3 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 3.125rem;
    letter-spacing: normal
}

.text-h4 {
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: .00735em
}

.text-h5 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal
}

.text-h6 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .0125em
}

.text-subtitle1 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: .00937em
}

.text-subtitle2 {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: .00714em
}

.text-body1 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .03125em
}

.text-body2 {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .01786em
}

.text-overline {
    font-size: .75rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .16667em
}

.text-caption {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .03333em
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto
}

.text-italic {
    font-style: italic
}

.text-bold {
    font-weight: 700
}

.text-no-wrap {
    white-space: nowrap
}

.text-strike {
    text-decoration: line-through
}

.text-weight-thin {
    font-weight: 100
}

.text-weight-light {
    font-weight: 300
}

.text-weight-regular {
    font-weight: 400
}

.text-weight-medium {
    font-weight: 500
}

.text-weight-bold {
    font-weight: 700
}

.text-weight-bolder {
    font-weight: 900
}

small {
    font-size: 80%
}

big {
    font-size: 170%
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-border {
    border: 0 !important
}

.no-border-radius {
    border-radius: 0 !important
}

.no-box-shadow {
    box-shadow: none !important
}

.no-outline {
    outline: 0 !important
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ellipsis-2-lines,
.ellipsis-3-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis-2-lines {
    -webkit-line-clamp: 2
}

.ellipsis-3-lines {
    -webkit-line-clamp: 3
}

.readonly {
    cursor: default !important
}

.disabled,
.disabled *,
[disabled],
[disabled] * {
    outline: 0 !important;
    cursor: not-allowed !important
}

.disabled,
[disabled] {
    opacity: .6 !important
}

.hidden {
    display: none !important
}

.invisible,
.invisible * {
    visibility: hidden !important;
    transition: none !important;
    animation: none !important
}

.transparent {
    background: transparent !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-hidden-y {
    overflow-y: hidden !important
}

.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none
}

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

.dimmed:after,
.light-dimmed:after {
    content: "";
    position: absolute;
    inset: 0
}

.dimmed:after {
    background: #0006 !important
}

.light-dimmed:after {
    background: #fff9 !important
}

.z-top {
    z-index: 7000 !important
}

.z-max {
    z-index: 9998 !important
}

body:not(.desktop) .desktop-only,
body.desktop .desktop-hide {
    display: none !important
}

body:not(.mobile) .mobile-only,
body.mobile .mobile-hide {
    display: none !important
}

body:not(.native-mobile) .native-mobile-only,
body.native-mobile .native-mobile-hide {
    display: none !important
}

body:not(.cordova) .cordova-only,
body.cordova .cordova-hide {
    display: none !important
}

body:not(.capacitor) .capacitor-only,
body.capacitor .capacitor-hide {
    display: none !important
}

body:not(.electron) .electron-only,
body.electron .electron-hide {
    display: none !important
}

body:not(.touch) .touch-only,
body.touch .touch-hide {
    display: none !important
}

body:not(.within-iframe) .within-iframe-only,
body.within-iframe .within-iframe-hide {
    display: none !important
}

body:not(.platform-ios) .platform-ios-only,
body.platform-ios .platform-ios-hide {
    display: none !important
}

body:not(.platform-android) .platform-android-only,
body.platform-android .platform-android-hide {
    display: none !important
}

@media all and (orientation: portrait) {
    .orientation-landscape {
        display: none !important
    }
}

@media all and (orientation: landscape) {
    .orientation-portrait {
        display: none !important
    }
}

@media screen {
    .print-only {
        display: none !important
    }
}

@media print {
    .print-hide {
        display: none !important
    }
}

@media (max-width: 599.98px) {

    .xs-hide,
    .gt-xs,
    .sm,
    .gt-sm,
    .md,
    .gt-md,
    .lg,
    .gt-lg,
    .xl {
        display: none !important
    }
}

@media (min-width: 600px) and(max-width: 1023.98px) {

    .sm-hide,
    .xs,
    .lt-sm,
    .gt-sm,
    .md,
    .gt-md,
    .lg,
    .gt-lg,
    .xl {
        display: none !important
    }
}

@media (min-width: 1024px) and(max-width: 1439.98px) {

    .md-hide,
    .xs,
    .lt-sm,
    .sm,
    .lt-md,
    .gt-md,
    .lg,
    .gt-lg,
    .xl {
        display: none !important
    }
}

@media (min-width: 1440px) and(max-width: 1919.98px) {

    .lg-hide,
    .xs,
    .lt-sm,
    .sm,
    .lt-md,
    .md,
    .lt-lg,
    .gt-lg,
    .xl {
        display: none !important
    }
}

@media (min-width: 1920px) {

    .xl-hide,
    .xs,
    .lt-sm,
    .sm,
    .lt-md,
    .md,
    .lt-lg,
    .lg,
    .lt-xl {
        display: none !important
    }
}

.q-focus-helper,
.q-focusable,
.q-manual-focusable,
.q-hoverable {
    outline: 0
}

body.desktop .q-focus-helper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: inherit;
    opacity: 0;
    transition: background-color .3s cubic-bezier(.25, .8, .5, 1), opacity .4s cubic-bezier(.25, .8, .5, 1)
}

body.desktop .q-focus-helper:before,
body.desktop .q-focus-helper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: inherit;
    transition: background-color .3s cubic-bezier(.25, .8, .5, 1), opacity .6s cubic-bezier(.25, .8, .5, 1)
}

body.desktop .q-focus-helper:before {
    background: #000
}

body.desktop .q-focus-helper:after {
    background: #fff
}

body.desktop .q-focus-helper--rounded {
    border-radius: 4px
}

body.desktop .q-focus-helper--round {
    border-radius: 50%
}

body.desktop .q-focusable:focus>.q-focus-helper,
body.desktop .q-manual-focusable--focused>.q-focus-helper,
body.desktop .q-hoverable:hover>.q-focus-helper {
    background: currentColor;
    opacity: .15
}

body.desktop .q-focusable:focus>.q-focus-helper:before,
body.desktop .q-manual-focusable--focused>.q-focus-helper:before,
body.desktop .q-hoverable:hover>.q-focus-helper:before {
    opacity: .1
}

body.desktop .q-focusable:focus>.q-focus-helper:after,
body.desktop .q-manual-focusable--focused>.q-focus-helper:after,
body.desktop .q-hoverable:hover>.q-focus-helper:after {
    opacity: .4
}

body.desktop .q-focusable:focus>.q-focus-helper,
body.desktop .q-manual-focusable--focused>.q-focus-helper {
    opacity: .22
}

body.body--dark {
    color: #fff;
    background: var(--q-dark-page)
}

.q-dark {
    color: #fff;
    background: var(--q-dark)
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.curson-point {
    cursor: pointer
}

body,
html {
    margin: 0 auto
}

@font-face {
    font-family: Number-regular;
    src: url(/2026-03-03-17-18-06/other-assets/font/DINPro-Regular.otf)
}

@font-face {
    font-family: Number-medium;
    src: url(/2026-03-03-17-18-06/other-assets/font/DINPro-Medium.otf)
}

.din-regular {
    font-family: Number-regular
}

.din-medium {
    font-family: Number-medium
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
br,
div,
form,
input,
button,
textarea,
select,
fieldset,
legend,
blockquote,
ul,
ol,
li,
dl,
dt,
dd,
pre,
table,
caption,
tr,
td,
th,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    padding: 0;
    box-sizing: border-box
}

html body,
body body,
h1 body,
h2 body,
h3 body,
h4 body,
h5 body,
h6 body,
p body,
br body,
div body,
form body,
input body,
button body,
textarea body,
select body,
fieldset body,
legend body,
blockquote body,
ul body,
ol body,
li body,
dl body,
dt body,
dd body,
pre body,
table body,
caption body,
tr body,
td body,
th body,
article body,
aside body,
details body,
figcaption body,
figure body,
footer body,
header body,
hgroup body,
menu body,
nav body,
section body,
summary body,
time body,
mark body,
audio body,
video body {
    font-style: normal;
    font-family: Microsoft YaHei, PingFang SC, -apple-system, BlinkMacSystemFont, Helvetica Neue, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, "sans-serif";
    font-size: 12px;
    overflow-y: hidden;
    overflow-x: auto
}

html a,
body a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
br a,
div a,
form a,
input a,
button a,
textarea a,
select a,
fieldset a,
legend a,
blockquote a,
ul a,
ol a,
li a,
dl a,
dt a,
dd a,
pre a,
table a,
caption a,
tr a,
td a,
th a,
article a,
aside a,
details a,
figcaption a,
figure a,
footer a,
header a,
hgroup a,
menu a,
nav a,
section a,
summary a,
time a,
mark a,
audio a,
video a {
    text-decoration: none
}

html .q-menu,
body .q-menu,
h1 .q-menu,
h2 .q-menu,
h3 .q-menu,
h4 .q-menu,
h5 .q-menu,
h6 .q-menu,
p .q-menu,
br .q-menu,
div .q-menu,
form .q-menu,
input .q-menu,
button .q-menu,
textarea .q-menu,
select .q-menu,
fieldset .q-menu,
legend .q-menu,
blockquote .q-menu,
ul .q-menu,
ol .q-menu,
li .q-menu,
dl .q-menu,
dt .q-menu,
dd .q-menu,
pre .q-menu,
table .q-menu,
caption .q-menu,
tr .q-menu,
td .q-menu,
th .q-menu,
article .q-menu,
aside .q-menu,
details .q-menu,
figcaption .q-menu,
figure .q-menu,
footer .q-menu,
header .q-menu,
hgroup .q-menu,
menu .q-menu,
nav .q-menu,
section .q-menu,
summary .q-menu,
time .q-menu,
mark .q-menu,
audio .q-menu,
video .q-menu {
    border-radius: 0;
    background: transparent;
    box-shadow: none
}

html .q-menu--square,
body .q-menu--square,
h1 .q-menu--square,
h2 .q-menu--square,
h3 .q-menu--square,
h4 .q-menu--square,
h5 .q-menu--square,
h6 .q-menu--square,
p .q-menu--square,
br .q-menu--square,
div .q-menu--square,
form .q-menu--square,
input .q-menu--square,
button .q-menu--square,
textarea .q-menu--square,
select .q-menu--square,
fieldset .q-menu--square,
legend .q-menu--square,
blockquote .q-menu--square,
ul .q-menu--square,
ol .q-menu--square,
li .q-menu--square,
dl .q-menu--square,
dt .q-menu--square,
dd .q-menu--square,
pre .q-menu--square,
table .q-menu--square,
caption .q-menu--square,
tr .q-menu--square,
td .q-menu--square,
th .q-menu--square,
article .q-menu--square,
aside .q-menu--square,
details .q-menu--square,
figcaption .q-menu--square,
figure .q-menu--square,
footer .q-menu--square,
header .q-menu--square,
hgroup .q-menu--square,
menu .q-menu--square,
nav .q-menu--square,
section .q-menu--square,
summary .q-menu--square,
time .q-menu--square,
mark .q-menu--square,
audio .q-menu--square,
video .q-menu--square {
    z-index: 2002
}

html .q-scrollarea__bar--h,
html .q-scrollarea__thumb--h,
body .q-scrollarea__bar--h,
body .q-scrollarea__thumb--h,
h1 .q-scrollarea__bar--h,
h1 .q-scrollarea__thumb--h,
h2 .q-scrollarea__bar--h,
h2 .q-scrollarea__thumb--h,
h3 .q-scrollarea__bar--h,
h3 .q-scrollarea__thumb--h,
h4 .q-scrollarea__bar--h,
h4 .q-scrollarea__thumb--h,
h5 .q-scrollarea__bar--h,
h5 .q-scrollarea__thumb--h,
h6 .q-scrollarea__bar--h,
h6 .q-scrollarea__thumb--h,
p .q-scrollarea__bar--h,
p .q-scrollarea__thumb--h,
br .q-scrollarea__bar--h,
br .q-scrollarea__thumb--h,
div .q-scrollarea__bar--h,
div .q-scrollarea__thumb--h,
form .q-scrollarea__bar--h,
form .q-scrollarea__thumb--h,
input .q-scrollarea__bar--h,
input .q-scrollarea__thumb--h,
button .q-scrollarea__bar--h,
button .q-scrollarea__thumb--h,
textarea .q-scrollarea__bar--h,
textarea .q-scrollarea__thumb--h,
select .q-scrollarea__bar--h,
select .q-scrollarea__thumb--h,
fieldset .q-scrollarea__bar--h,
fieldset .q-scrollarea__thumb--h,
legend .q-scrollarea__bar--h,
legend .q-scrollarea__thumb--h,
blockquote .q-scrollarea__bar--h,
blockquote .q-scrollarea__thumb--h,
ul .q-scrollarea__bar--h,
ul .q-scrollarea__thumb--h,
ol .q-scrollarea__bar--h,
ol .q-scrollarea__thumb--h,
li .q-scrollarea__bar--h,
li .q-scrollarea__thumb--h,
dl .q-scrollarea__bar--h,
dl .q-scrollarea__thumb--h,
dt .q-scrollarea__bar--h,
dt .q-scrollarea__thumb--h,
dd .q-scrollarea__bar--h,
dd .q-scrollarea__thumb--h,
pre .q-scrollarea__bar--h,
pre .q-scrollarea__thumb--h,
table .q-scrollarea__bar--h,
table .q-scrollarea__thumb--h,
caption .q-scrollarea__bar--h,
caption .q-scrollarea__thumb--h,
tr .q-scrollarea__bar--h,
tr .q-scrollarea__thumb--h,
td .q-scrollarea__bar--h,
td .q-scrollarea__thumb--h,
th .q-scrollarea__bar--h,
th .q-scrollarea__thumb--h,
article .q-scrollarea__bar--h,
article .q-scrollarea__thumb--h,
aside .q-scrollarea__bar--h,
aside .q-scrollarea__thumb--h,
details .q-scrollarea__bar--h,
details .q-scrollarea__thumb--h,
figcaption .q-scrollarea__bar--h,
figcaption .q-scrollarea__thumb--h,
figure .q-scrollarea__bar--h,
figure .q-scrollarea__thumb--h,
footer .q-scrollarea__bar--h,
footer .q-scrollarea__thumb--h,
header .q-scrollarea__bar--h,
header .q-scrollarea__thumb--h,
hgroup .q-scrollarea__bar--h,
hgroup .q-scrollarea__thumb--h,
menu .q-scrollarea__bar--h,
menu .q-scrollarea__thumb--h,
nav .q-scrollarea__bar--h,
nav .q-scrollarea__thumb--h,
section .q-scrollarea__bar--h,
section .q-scrollarea__thumb--h,
summary .q-scrollarea__bar--h,
summary .q-scrollarea__thumb--h,
time .q-scrollarea__bar--h,
time .q-scrollarea__thumb--h,
mark .q-scrollarea__bar--h,
mark .q-scrollarea__thumb--h,
audio .q-scrollarea__bar--h,
audio .q-scrollarea__thumb--h,
video .q-scrollarea__bar--h,
video .q-scrollarea__thumb--h {
    z-index: 50
}

html .yb-padding-t5,
body .yb-padding-t5,
h1 .yb-padding-t5,
h2 .yb-padding-t5,
h3 .yb-padding-t5,
h4 .yb-padding-t5,
h5 .yb-padding-t5,
h6 .yb-padding-t5,
p .yb-padding-t5,
br .yb-padding-t5,
div .yb-padding-t5,
form .yb-padding-t5,
input .yb-padding-t5,
button .yb-padding-t5,
textarea .yb-padding-t5,
select .yb-padding-t5,
fieldset .yb-padding-t5,
legend .yb-padding-t5,
blockquote .yb-padding-t5,
ul .yb-padding-t5,
ol .yb-padding-t5,
li .yb-padding-t5,
dl .yb-padding-t5,
dt .yb-padding-t5,
dd .yb-padding-t5,
pre .yb-padding-t5,
table .yb-padding-t5,
caption .yb-padding-t5,
tr .yb-padding-t5,
td .yb-padding-t5,
th .yb-padding-t5,
article .yb-padding-t5,
aside .yb-padding-t5,
details .yb-padding-t5,
figcaption .yb-padding-t5,
figure .yb-padding-t5,
footer .yb-padding-t5,
header .yb-padding-t5,
hgroup .yb-padding-t5,
menu .yb-padding-t5,
nav .yb-padding-t5,
section .yb-padding-t5,
summary .yb-padding-t5,
time .yb-padding-t5,
mark .yb-padding-t5,
audio .yb-padding-t5,
video .yb-padding-t5 {
    padding-top: 5px
}

html .yb-hide,
body .yb-hide,
h1 .yb-hide,
h2 .yb-hide,
h3 .yb-hide,
h4 .yb-hide,
h5 .yb-hide,
h6 .yb-hide,
p .yb-hide,
br .yb-hide,
div .yb-hide,
form .yb-hide,
input .yb-hide,
button .yb-hide,
textarea .yb-hide,
select .yb-hide,
fieldset .yb-hide,
legend .yb-hide,
blockquote .yb-hide,
ul .yb-hide,
ol .yb-hide,
li .yb-hide,
dl .yb-hide,
dt .yb-hide,
dd .yb-hide,
pre .yb-hide,
table .yb-hide,
caption .yb-hide,
tr .yb-hide,
td .yb-hide,
th .yb-hide,
article .yb-hide,
aside .yb-hide,
details .yb-hide,
figcaption .yb-hide,
figure .yb-hide,
footer .yb-hide,
header .yb-hide,
hgroup .yb-hide,
menu .yb-hide,
nav .yb-hide,
section .yb-hide,
summary .yb-hide,
time .yb-hide,
mark .yb-hide,
audio .yb-hide,
video .yb-hide {
    display: none !important
}

html .yb-number-font,
body .yb-number-font,
h1 .yb-number-font,
h2 .yb-number-font,
h3 .yb-number-font,
h4 .yb-number-font,
h5 .yb-number-font,
h6 .yb-number-font,
p .yb-number-font,
br .yb-number-font,
div .yb-number-font,
form .yb-number-font,
input .yb-number-font,
button .yb-number-font,
textarea .yb-number-font,
select .yb-number-font,
fieldset .yb-number-font,
legend .yb-number-font,
blockquote .yb-number-font,
ul .yb-number-font,
ol .yb-number-font,
li .yb-number-font,
dl .yb-number-font,
dt .yb-number-font,
dd .yb-number-font,
pre .yb-number-font,
table .yb-number-font,
caption .yb-number-font,
tr .yb-number-font,
td .yb-number-font,
th .yb-number-font,
article .yb-number-font,
aside .yb-number-font,
details .yb-number-font,
figcaption .yb-number-font,
figure .yb-number-font,
footer .yb-number-font,
header .yb-number-font,
hgroup .yb-number-font,
menu .yb-number-font,
nav .yb-number-font,
section .yb-number-font,
summary .yb-number-font,
time .yb-number-font,
mark .yb-number-font,
audio .yb-number-font,
video .yb-number-font {
    font-weight: 400
}

html .yb-flex-center,
body .yb-flex-center,
h1 .yb-flex-center,
h2 .yb-flex-center,
h3 .yb-flex-center,
h4 .yb-flex-center,
h5 .yb-flex-center,
h6 .yb-flex-center,
p .yb-flex-center,
br .yb-flex-center,
div .yb-flex-center,
form .yb-flex-center,
input .yb-flex-center,
button .yb-flex-center,
textarea .yb-flex-center,
select .yb-flex-center,
fieldset .yb-flex-center,
legend .yb-flex-center,
blockquote .yb-flex-center,
ul .yb-flex-center,
ol .yb-flex-center,
li .yb-flex-center,
dl .yb-flex-center,
dt .yb-flex-center,
dd .yb-flex-center,
pre .yb-flex-center,
table .yb-flex-center,
caption .yb-flex-center,
tr .yb-flex-center,
td .yb-flex-center,
th .yb-flex-center,
article .yb-flex-center,
aside .yb-flex-center,
details .yb-flex-center,
figcaption .yb-flex-center,
figure .yb-flex-center,
footer .yb-flex-center,
header .yb-flex-center,
hgroup .yb-flex-center,
menu .yb-flex-center,
nav .yb-flex-center,
section .yb-flex-center,
summary .yb-flex-center,
time .yb-flex-center,
mark .yb-flex-center,
audio .yb-flex-center,
video .yb-flex-center {
    display: flex;
    align-items: center;
    justify-content: center
}

html .yb-flex-between,
body .yb-flex-between,
h1 .yb-flex-between,
h2 .yb-flex-between,
h3 .yb-flex-between,
h4 .yb-flex-between,
h5 .yb-flex-between,
h6 .yb-flex-between,
p .yb-flex-between,
br .yb-flex-between,
div .yb-flex-between,
form .yb-flex-between,
input .yb-flex-between,
button .yb-flex-between,
textarea .yb-flex-between,
select .yb-flex-between,
fieldset .yb-flex-between,
legend .yb-flex-between,
blockquote .yb-flex-between,
ul .yb-flex-between,
ol .yb-flex-between,
li .yb-flex-between,
dl .yb-flex-between,
dt .yb-flex-between,
dd .yb-flex-between,
pre .yb-flex-between,
table .yb-flex-between,
caption .yb-flex-between,
tr .yb-flex-between,
td .yb-flex-between,
th .yb-flex-between,
article .yb-flex-between,
aside .yb-flex-between,
details .yb-flex-between,
figcaption .yb-flex-between,
figure .yb-flex-between,
footer .yb-flex-between,
header .yb-flex-between,
hgroup .yb-flex-between,
menu .yb-flex-between,
nav .yb-flex-between,
section .yb-flex-between,
summary .yb-flex-between,
time .yb-flex-between,
mark .yb-flex-between,
audio .yb-flex-between,
video .yb-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between
}

html .yb-hover-bg:hover,
body .yb-hover-bg:hover,
h1 .yb-hover-bg:hover,
h2 .yb-hover-bg:hover,
h3 .yb-hover-bg:hover,
h4 .yb-hover-bg:hover,
h5 .yb-hover-bg:hover,
h6 .yb-hover-bg:hover,
p .yb-hover-bg:hover,
br .yb-hover-bg:hover,
div .yb-hover-bg:hover,
form .yb-hover-bg:hover,
input .yb-hover-bg:hover,
button .yb-hover-bg:hover,
textarea .yb-hover-bg:hover,
select .yb-hover-bg:hover,
fieldset .yb-hover-bg:hover,
legend .yb-hover-bg:hover,
blockquote .yb-hover-bg:hover,
ul .yb-hover-bg:hover,
ol .yb-hover-bg:hover,
li .yb-hover-bg:hover,
dl .yb-hover-bg:hover,
dt .yb-hover-bg:hover,
dd .yb-hover-bg:hover,
pre .yb-hover-bg:hover,
table .yb-hover-bg:hover,
caption .yb-hover-bg:hover,
tr .yb-hover-bg:hover,
td .yb-hover-bg:hover,
th .yb-hover-bg:hover,
article .yb-hover-bg:hover,
aside .yb-hover-bg:hover,
details .yb-hover-bg:hover,
figcaption .yb-hover-bg:hover,
figure .yb-hover-bg:hover,
footer .yb-hover-bg:hover,
header .yb-hover-bg:hover,
hgroup .yb-hover-bg:hover,
menu .yb-hover-bg:hover,
nav .yb-hover-bg:hover,
section .yb-hover-bg:hover,
summary .yb-hover-bg:hover,
time .yb-hover-bg:hover,
mark .yb-hover-bg:hover,
audio .yb-hover-bg:hover,
video .yb-hover-bg:hover {
    opacity: .9
}

html .yb-content-wrap-max-width,
body .yb-content-wrap-max-width,
h1 .yb-content-wrap-max-width,
h2 .yb-content-wrap-max-width,
h3 .yb-content-wrap-max-width,
h4 .yb-content-wrap-max-width,
h5 .yb-content-wrap-max-width,
h6 .yb-content-wrap-max-width,
p .yb-content-wrap-max-width,
br .yb-content-wrap-max-width,
div .yb-content-wrap-max-width,
form .yb-content-wrap-max-width,
input .yb-content-wrap-max-width,
button .yb-content-wrap-max-width,
textarea .yb-content-wrap-max-width,
select .yb-content-wrap-max-width,
fieldset .yb-content-wrap-max-width,
legend .yb-content-wrap-max-width,
blockquote .yb-content-wrap-max-width,
ul .yb-content-wrap-max-width,
ol .yb-content-wrap-max-width,
li .yb-content-wrap-max-width,
dl .yb-content-wrap-max-width,
dt .yb-content-wrap-max-width,
dd .yb-content-wrap-max-width,
pre .yb-content-wrap-max-width,
table .yb-content-wrap-max-width,
caption .yb-content-wrap-max-width,
tr .yb-content-wrap-max-width,
td .yb-content-wrap-max-width,
th .yb-content-wrap-max-width,
article .yb-content-wrap-max-width,
aside .yb-content-wrap-max-width,
details .yb-content-wrap-max-width,
figcaption .yb-content-wrap-max-width,
figure .yb-content-wrap-max-width,
footer .yb-content-wrap-max-width,
header .yb-content-wrap-max-width,
hgroup .yb-content-wrap-max-width,
menu .yb-content-wrap-max-width,
nav .yb-content-wrap-max-width,
section .yb-content-wrap-max-width,
summary .yb-content-wrap-max-width,
time .yb-content-wrap-max-width,
mark .yb-content-wrap-max-width,
audio .yb-content-wrap-max-width,
video .yb-content-wrap-max-width {
    width: 960px
}

html .yb-site-left-width,
html .yb-fontsize12,
body .yb-site-left-width,
body .yb-fontsize12,
h1 .yb-site-left-width,
h1 .yb-fontsize12,
h2 .yb-site-left-width,
h2 .yb-fontsize12,
h3 .yb-site-left-width,
h3 .yb-fontsize12,
h4 .yb-site-left-width,
h4 .yb-fontsize12,
h5 .yb-site-left-width,
h5 .yb-fontsize12,
h6 .yb-site-left-width,
h6 .yb-fontsize12,
p .yb-site-left-width,
p .yb-fontsize12,
br .yb-site-left-width,
br .yb-fontsize12,
div .yb-site-left-width,
div .yb-fontsize12,
form .yb-site-left-width,
form .yb-fontsize12,
input .yb-site-left-width,
input .yb-fontsize12,
button .yb-site-left-width,
button .yb-fontsize12,
textarea .yb-site-left-width,
textarea .yb-fontsize12,
select .yb-site-left-width,
select .yb-fontsize12,
fieldset .yb-site-left-width,
fieldset .yb-fontsize12,
legend .yb-site-left-width,
legend .yb-fontsize12,
blockquote .yb-site-left-width,
blockquote .yb-fontsize12,
ul .yb-site-left-width,
ul .yb-fontsize12,
ol .yb-site-left-width,
ol .yb-fontsize12,
li .yb-site-left-width,
li .yb-fontsize12,
dl .yb-site-left-width,
dl .yb-fontsize12,
dt .yb-site-left-width,
dt .yb-fontsize12,
dd .yb-site-left-width,
dd .yb-fontsize12,
pre .yb-site-left-width,
pre .yb-fontsize12,
table .yb-site-left-width,
table .yb-fontsize12,
caption .yb-site-left-width,
caption .yb-fontsize12,
tr .yb-site-left-width,
tr .yb-fontsize12,
td .yb-site-left-width,
td .yb-fontsize12,
th .yb-site-left-width,
th .yb-fontsize12,
article .yb-site-left-width,
article .yb-fontsize12,
aside .yb-site-left-width,
aside .yb-fontsize12,
details .yb-site-left-width,
details .yb-fontsize12,
figcaption .yb-site-left-width,
figcaption .yb-fontsize12,
figure .yb-site-left-width,
figure .yb-fontsize12,
footer .yb-site-left-width,
footer .yb-fontsize12,
header .yb-site-left-width,
header .yb-fontsize12,
hgroup .yb-site-left-width,
hgroup .yb-fontsize12,
menu .yb-site-left-width,
menu .yb-fontsize12,
nav .yb-site-left-width,
nav .yb-fontsize12,
section .yb-site-left-width,
section .yb-fontsize12,
summary .yb-site-left-width,
summary .yb-fontsize12,
time .yb-site-left-width,
time .yb-fontsize12,
mark .yb-site-left-width,
mark .yb-fontsize12,
audio .yb-site-left-width,
audio .yb-fontsize12,
video .yb-site-left-width,
video .yb-fontsize12 {
    font-size: 12px
}

html .yb-fontsize13,
body .yb-fontsize13,
h1 .yb-fontsize13,
h2 .yb-fontsize13,
h3 .yb-fontsize13,
h4 .yb-fontsize13,
h5 .yb-fontsize13,
h6 .yb-fontsize13,
p .yb-fontsize13,
br .yb-fontsize13,
div .yb-fontsize13,
form .yb-fontsize13,
input .yb-fontsize13,
button .yb-fontsize13,
textarea .yb-fontsize13,
select .yb-fontsize13,
fieldset .yb-fontsize13,
legend .yb-fontsize13,
blockquote .yb-fontsize13,
ul .yb-fontsize13,
ol .yb-fontsize13,
li .yb-fontsize13,
dl .yb-fontsize13,
dt .yb-fontsize13,
dd .yb-fontsize13,
pre .yb-fontsize13,
table .yb-fontsize13,
caption .yb-fontsize13,
tr .yb-fontsize13,
td .yb-fontsize13,
th .yb-fontsize13,
article .yb-fontsize13,
aside .yb-fontsize13,
details .yb-fontsize13,
figcaption .yb-fontsize13,
figure .yb-fontsize13,
footer .yb-fontsize13,
header .yb-fontsize13,
hgroup .yb-fontsize13,
menu .yb-fontsize13,
nav .yb-fontsize13,
section .yb-fontsize13,
summary .yb-fontsize13,
time .yb-fontsize13,
mark .yb-fontsize13,
audio .yb-fontsize13,
video .yb-fontsize13 {
    font-size: 13px
}

html .yb-fontsize14,
body .yb-fontsize14,
h1 .yb-fontsize14,
h2 .yb-fontsize14,
h3 .yb-fontsize14,
h4 .yb-fontsize14,
h5 .yb-fontsize14,
h6 .yb-fontsize14,
p .yb-fontsize14,
br .yb-fontsize14,
div .yb-fontsize14,
form .yb-fontsize14,
input .yb-fontsize14,
button .yb-fontsize14,
textarea .yb-fontsize14,
select .yb-fontsize14,
fieldset .yb-fontsize14,
legend .yb-fontsize14,
blockquote .yb-fontsize14,
ul .yb-fontsize14,
ol .yb-fontsize14,
li .yb-fontsize14,
dl .yb-fontsize14,
dt .yb-fontsize14,
dd .yb-fontsize14,
pre .yb-fontsize14,
table .yb-fontsize14,
caption .yb-fontsize14,
tr .yb-fontsize14,
td .yb-fontsize14,
th .yb-fontsize14,
article .yb-fontsize14,
aside .yb-fontsize14,
details .yb-fontsize14,
figcaption .yb-fontsize14,
figure .yb-fontsize14,
footer .yb-fontsize14,
header .yb-fontsize14,
hgroup .yb-fontsize14,
menu .yb-fontsize14,
nav .yb-fontsize14,
section .yb-fontsize14,
summary .yb-fontsize14,
time .yb-fontsize14,
mark .yb-fontsize14,
audio .yb-fontsize14,
video .yb-fontsize14 {
    font-size: 14px
}

html .yb-text-color1,
body .yb-text-color1,
h1 .yb-text-color1,
h2 .yb-text-color1,
h3 .yb-text-color1,
h4 .yb-text-color1,
h5 .yb-text-color1,
h6 .yb-text-color1,
p .yb-text-color1,
br .yb-text-color1,
div .yb-text-color1,
form .yb-text-color1,
input .yb-text-color1,
button .yb-text-color1,
textarea .yb-text-color1,
select .yb-text-color1,
fieldset .yb-text-color1,
legend .yb-text-color1,
blockquote .yb-text-color1,
ul .yb-text-color1,
ol .yb-text-color1,
li .yb-text-color1,
dl .yb-text-color1,
dt .yb-text-color1,
dd .yb-text-color1,
pre .yb-text-color1,
table .yb-text-color1,
caption .yb-text-color1,
tr .yb-text-color1,
td .yb-text-color1,
th .yb-text-color1,
article .yb-text-color1,
aside .yb-text-color1,
details .yb-text-color1,
figcaption .yb-text-color1,
figure .yb-text-color1,
footer .yb-text-color1,
header .yb-text-color1,
hgroup .yb-text-color1,
menu .yb-text-color1,
nav .yb-text-color1,
section .yb-text-color1,
summary .yb-text-color1,
time .yb-text-color1,
mark .yb-text-color1,
audio .yb-text-color1,
video .yb-text-color1 {
    color: var(--qq--yb-text-color1)
}

html .yb-color1,
body .yb-color1,
h1 .yb-color1,
h2 .yb-color1,
h3 .yb-color1,
h4 .yb-color1,
h5 .yb-color1,
h6 .yb-color1,
p .yb-color1,
br .yb-color1,
div .yb-color1,
form .yb-color1,
input .yb-color1,
button .yb-color1,
textarea .yb-color1,
select .yb-color1,
fieldset .yb-color1,
legend .yb-color1,
blockquote .yb-color1,
ul .yb-color1,
ol .yb-color1,
li .yb-color1,
dl .yb-color1,
dt .yb-color1,
dd .yb-color1,
pre .yb-color1,
table .yb-color1,
caption .yb-color1,
tr .yb-color1,
td .yb-color1,
th .yb-color1,
article .yb-color1,
aside .yb-color1,
details .yb-color1,
figcaption .yb-color1,
figure .yb-color1,
footer .yb-color1,
header .yb-color1,
hgroup .yb-color1,
menu .yb-color1,
nav .yb-color1,
section .yb-color1,
summary .yb-color1,
time .yb-color1,
mark .yb-color1,
audio .yb-color1,
video .yb-color1 {
    color: #3f3f3f
}

html .yb-color2,
body .yb-color2,
h1 .yb-color2,
h2 .yb-color2,
h3 .yb-color2,
h4 .yb-color2,
h5 .yb-color2,
h6 .yb-color2,
p .yb-color2,
br .yb-color2,
div .yb-color2,
form .yb-color2,
input .yb-color2,
button .yb-color2,
textarea .yb-color2,
select .yb-color2,
fieldset .yb-color2,
legend .yb-color2,
blockquote .yb-color2,
ul .yb-color2,
ol .yb-color2,
li .yb-color2,
dl .yb-color2,
dt .yb-color2,
dd .yb-color2,
pre .yb-color2,
table .yb-color2,
caption .yb-color2,
tr .yb-color2,
td .yb-color2,
th .yb-color2,
article .yb-color2,
aside .yb-color2,
details .yb-color2,
figcaption .yb-color2,
figure .yb-color2,
footer .yb-color2,
header .yb-color2,
hgroup .yb-color2,
menu .yb-color2,
nav .yb-color2,
section .yb-color2,
summary .yb-color2,
time .yb-color2,
mark .yb-color2,
audio .yb-color2,
video .yb-color2 {
    color: #d1d1d1
}

html .yb-color3,
body .yb-color3,
h1 .yb-color3,
h2 .yb-color3,
h3 .yb-color3,
h4 .yb-color3,
h5 .yb-color3,
h6 .yb-color3,
p .yb-color3,
br .yb-color3,
div .yb-color3,
form .yb-color3,
input .yb-color3,
button .yb-color3,
textarea .yb-color3,
select .yb-color3,
fieldset .yb-color3,
legend .yb-color3,
blockquote .yb-color3,
ul .yb-color3,
ol .yb-color3,
li .yb-color3,
dl .yb-color3,
dt .yb-color3,
dd .yb-color3,
pre .yb-color3,
table .yb-color3,
caption .yb-color3,
tr .yb-color3,
td .yb-color3,
th .yb-color3,
article .yb-color3,
aside .yb-color3,
details .yb-color3,
figcaption .yb-color3,
figure .yb-color3,
footer .yb-color3,
header .yb-color3,
hgroup .yb-color3,
menu .yb-color3,
nav .yb-color3,
section .yb-color3,
summary .yb-color3,
time .yb-color3,
mark .yb-color3,
audio .yb-color3,
video .yb-color3 {
    color: #999
}

html .yb-bgcolor1,
body .yb-bgcolor1,
h1 .yb-bgcolor1,
h2 .yb-bgcolor1,
h3 .yb-bgcolor1,
h4 .yb-bgcolor1,
h5 .yb-bgcolor1,
h6 .yb-bgcolor1,
p .yb-bgcolor1,
br .yb-bgcolor1,
div .yb-bgcolor1,
form .yb-bgcolor1,
input .yb-bgcolor1,
button .yb-bgcolor1,
textarea .yb-bgcolor1,
select .yb-bgcolor1,
fieldset .yb-bgcolor1,
legend .yb-bgcolor1,
blockquote .yb-bgcolor1,
ul .yb-bgcolor1,
ol .yb-bgcolor1,
li .yb-bgcolor1,
dl .yb-bgcolor1,
dt .yb-bgcolor1,
dd .yb-bgcolor1,
pre .yb-bgcolor1,
table .yb-bgcolor1,
caption .yb-bgcolor1,
tr .yb-bgcolor1,
td .yb-bgcolor1,
th .yb-bgcolor1,
article .yb-bgcolor1,
aside .yb-bgcolor1,
details .yb-bgcolor1,
figcaption .yb-bgcolor1,
figure .yb-bgcolor1,
footer .yb-bgcolor1,
header .yb-bgcolor1,
hgroup .yb-bgcolor1,
menu .yb-bgcolor1,
nav .yb-bgcolor1,
section .yb-bgcolor1,
summary .yb-bgcolor1,
time .yb-bgcolor1,
mark .yb-bgcolor1,
audio .yb-bgcolor1,
video .yb-bgcolor1 {
    background-color: #fff
}

html .yb-bgcolor2,
body .yb-bgcolor2,
h1 .yb-bgcolor2,
h2 .yb-bgcolor2,
h3 .yb-bgcolor2,
h4 .yb-bgcolor2,
h5 .yb-bgcolor2,
h6 .yb-bgcolor2,
p .yb-bgcolor2,
br .yb-bgcolor2,
div .yb-bgcolor2,
form .yb-bgcolor2,
input .yb-bgcolor2,
button .yb-bgcolor2,
textarea .yb-bgcolor2,
select .yb-bgcolor2,
fieldset .yb-bgcolor2,
legend .yb-bgcolor2,
blockquote .yb-bgcolor2,
ul .yb-bgcolor2,
ol .yb-bgcolor2,
li .yb-bgcolor2,
dl .yb-bgcolor2,
dt .yb-bgcolor2,
dd .yb-bgcolor2,
pre .yb-bgcolor2,
table .yb-bgcolor2,
caption .yb-bgcolor2,
tr .yb-bgcolor2,
td .yb-bgcolor2,
th .yb-bgcolor2,
article .yb-bgcolor2,
aside .yb-bgcolor2,
details .yb-bgcolor2,
figcaption .yb-bgcolor2,
figure .yb-bgcolor2,
footer .yb-bgcolor2,
header .yb-bgcolor2,
hgroup .yb-bgcolor2,
menu .yb-bgcolor2,
nav .yb-bgcolor2,
section .yb-bgcolor2,
summary .yb-bgcolor2,
time .yb-bgcolor2,
mark .yb-bgcolor2,
audio .yb-bgcolor2,
video .yb-bgcolor2 {
    background-color: #f6f7f8
}

html .yb-bgcolor3,
body .yb-bgcolor3,
h1 .yb-bgcolor3,
h2 .yb-bgcolor3,
h3 .yb-bgcolor3,
h4 .yb-bgcolor3,
h5 .yb-bgcolor3,
h6 .yb-bgcolor3,
p .yb-bgcolor3,
br .yb-bgcolor3,
div .yb-bgcolor3,
form .yb-bgcolor3,
input .yb-bgcolor3,
button .yb-bgcolor3,
textarea .yb-bgcolor3,
select .yb-bgcolor3,
fieldset .yb-bgcolor3,
legend .yb-bgcolor3,
blockquote .yb-bgcolor3,
ul .yb-bgcolor3,
ol .yb-bgcolor3,
li .yb-bgcolor3,
dl .yb-bgcolor3,
dt .yb-bgcolor3,
dd .yb-bgcolor3,
pre .yb-bgcolor3,
table .yb-bgcolor3,
caption .yb-bgcolor3,
tr .yb-bgcolor3,
td .yb-bgcolor3,
th .yb-bgcolor3,
article .yb-bgcolor3,
aside .yb-bgcolor3,
details .yb-bgcolor3,
figcaption .yb-bgcolor3,
figure .yb-bgcolor3,
footer .yb-bgcolor3,
header .yb-bgcolor3,
hgroup .yb-bgcolor3,
menu .yb-bgcolor3,
nav .yb-bgcolor3,
section .yb-bgcolor3,
summary .yb-bgcolor3,
time .yb-bgcolor3,
mark .yb-bgcolor3,
audio .yb-bgcolor3,
video .yb-bgcolor3 {
    background-color: #f7f8fc
}

html .yb-ml10,
body .yb-ml10,
h1 .yb-ml10,
h2 .yb-ml10,
h3 .yb-ml10,
h4 .yb-ml10,
h5 .yb-ml10,
h6 .yb-ml10,
p .yb-ml10,
br .yb-ml10,
div .yb-ml10,
form .yb-ml10,
input .yb-ml10,
button .yb-ml10,
textarea .yb-ml10,
select .yb-ml10,
fieldset .yb-ml10,
legend .yb-ml10,
blockquote .yb-ml10,
ul .yb-ml10,
ol .yb-ml10,
li .yb-ml10,
dl .yb-ml10,
dt .yb-ml10,
dd .yb-ml10,
pre .yb-ml10,
table .yb-ml10,
caption .yb-ml10,
tr .yb-ml10,
td .yb-ml10,
th .yb-ml10,
article .yb-ml10,
aside .yb-ml10,
details .yb-ml10,
figcaption .yb-ml10,
figure .yb-ml10,
footer .yb-ml10,
header .yb-ml10,
hgroup .yb-ml10,
menu .yb-ml10,
nav .yb-ml10,
section .yb-ml10,
summary .yb-ml10,
time .yb-ml10,
mark .yb-ml10,
audio .yb-ml10,
video .yb-ml10 {
    margin-left: 10px
}

html .yb-ml20,
body .yb-ml20,
h1 .yb-ml20,
h2 .yb-ml20,
h3 .yb-ml20,
h4 .yb-ml20,
h5 .yb-ml20,
h6 .yb-ml20,
p .yb-ml20,
br .yb-ml20,
div .yb-ml20,
form .yb-ml20,
input .yb-ml20,
button .yb-ml20,
textarea .yb-ml20,
select .yb-ml20,
fieldset .yb-ml20,
legend .yb-ml20,
blockquote .yb-ml20,
ul .yb-ml20,
ol .yb-ml20,
li .yb-ml20,
dl .yb-ml20,
dt .yb-ml20,
dd .yb-ml20,
pre .yb-ml20,
table .yb-ml20,
caption .yb-ml20,
tr .yb-ml20,
td .yb-ml20,
th .yb-ml20,
article .yb-ml20,
aside .yb-ml20,
details .yb-ml20,
figcaption .yb-ml20,
figure .yb-ml20,
footer .yb-ml20,
header .yb-ml20,
hgroup .yb-ml20,
menu .yb-ml20,
nav .yb-ml20,
section .yb-ml20,
summary .yb-ml20,
time .yb-ml20,
mark .yb-ml20,
audio .yb-ml20,
video .yb-ml20 {
    margin-left: 20px
}

html .scrollarea-padding-right,
body .scrollarea-padding-right,
h1 .scrollarea-padding-right,
h2 .scrollarea-padding-right,
h3 .scrollarea-padding-right,
h4 .scrollarea-padding-right,
h5 .scrollarea-padding-right,
h6 .scrollarea-padding-right,
p .scrollarea-padding-right,
br .scrollarea-padding-right,
div .scrollarea-padding-right,
form .scrollarea-padding-right,
input .scrollarea-padding-right,
button .scrollarea-padding-right,
textarea .scrollarea-padding-right,
select .scrollarea-padding-right,
fieldset .scrollarea-padding-right,
legend .scrollarea-padding-right,
blockquote .scrollarea-padding-right,
ul .scrollarea-padding-right,
ol .scrollarea-padding-right,
li .scrollarea-padding-right,
dl .scrollarea-padding-right,
dt .scrollarea-padding-right,
dd .scrollarea-padding-right,
pre .scrollarea-padding-right,
table .scrollarea-padding-right,
caption .scrollarea-padding-right,
tr .scrollarea-padding-right,
td .scrollarea-padding-right,
th .scrollarea-padding-right,
article .scrollarea-padding-right,
aside .scrollarea-padding-right,
details .scrollarea-padding-right,
figcaption .scrollarea-padding-right,
figure .scrollarea-padding-right,
footer .scrollarea-padding-right,
header .scrollarea-padding-right,
hgroup .scrollarea-padding-right,
menu .scrollarea-padding-right,
nav .scrollarea-padding-right,
section .scrollarea-padding-right,
summary .scrollarea-padding-right,
time .scrollarea-padding-right,
mark .scrollarea-padding-right,
audio .scrollarea-padding-right,
video .scrollarea-padding-right {
    padding-right: 14px
}

html .yb-hover-icon-999:before,
body .yb-hover-icon-999:before,
h1 .yb-hover-icon-999:before,
h2 .yb-hover-icon-999:before,
h3 .yb-hover-icon-999:before,
h4 .yb-hover-icon-999:before,
h5 .yb-hover-icon-999:before,
h6 .yb-hover-icon-999:before,
p .yb-hover-icon-999:before,
br .yb-hover-icon-999:before,
div .yb-hover-icon-999:before,
form .yb-hover-icon-999:before,
input .yb-hover-icon-999:before,
button .yb-hover-icon-999:before,
textarea .yb-hover-icon-999:before,
select .yb-hover-icon-999:before,
fieldset .yb-hover-icon-999:before,
legend .yb-hover-icon-999:before,
blockquote .yb-hover-icon-999:before,
ul .yb-hover-icon-999:before,
ol .yb-hover-icon-999:before,
li .yb-hover-icon-999:before,
dl .yb-hover-icon-999:before,
dt .yb-hover-icon-999:before,
dd .yb-hover-icon-999:before,
pre .yb-hover-icon-999:before,
table .yb-hover-icon-999:before,
caption .yb-hover-icon-999:before,
tr .yb-hover-icon-999:before,
td .yb-hover-icon-999:before,
th .yb-hover-icon-999:before,
article .yb-hover-icon-999:before,
aside .yb-hover-icon-999:before,
details .yb-hover-icon-999:before,
figcaption .yb-hover-icon-999:before,
figure .yb-hover-icon-999:before,
footer .yb-hover-icon-999:before,
header .yb-hover-icon-999:before,
hgroup .yb-hover-icon-999:before,
menu .yb-hover-icon-999:before,
nav .yb-hover-icon-999:before,
section .yb-hover-icon-999:before,
summary .yb-hover-icon-999:before,
time .yb-hover-icon-999:before,
mark .yb-hover-icon-999:before,
audio .yb-hover-icon-999:before,
video .yb-hover-icon-999:before {
    color: #5a6074
}

html .yb-hover-icon-999:hover:before,
body .yb-hover-icon-999:hover:before,
h1 .yb-hover-icon-999:hover:before,
h2 .yb-hover-icon-999:hover:before,
h3 .yb-hover-icon-999:hover:before,
h4 .yb-hover-icon-999:hover:before,
h5 .yb-hover-icon-999:hover:before,
h6 .yb-hover-icon-999:hover:before,
p .yb-hover-icon-999:hover:before,
br .yb-hover-icon-999:hover:before,
div .yb-hover-icon-999:hover:before,
form .yb-hover-icon-999:hover:before,
input .yb-hover-icon-999:hover:before,
button .yb-hover-icon-999:hover:before,
textarea .yb-hover-icon-999:hover:before,
select .yb-hover-icon-999:hover:before,
fieldset .yb-hover-icon-999:hover:before,
legend .yb-hover-icon-999:hover:before,
blockquote .yb-hover-icon-999:hover:before,
ul .yb-hover-icon-999:hover:before,
ol .yb-hover-icon-999:hover:before,
li .yb-hover-icon-999:hover:before,
dl .yb-hover-icon-999:hover:before,
dt .yb-hover-icon-999:hover:before,
dd .yb-hover-icon-999:hover:before,
pre .yb-hover-icon-999:hover:before,
table .yb-hover-icon-999:hover:before,
caption .yb-hover-icon-999:hover:before,
tr .yb-hover-icon-999:hover:before,
td .yb-hover-icon-999:hover:before,
th .yb-hover-icon-999:hover:before,
article .yb-hover-icon-999:hover:before,
aside .yb-hover-icon-999:hover:before,
details .yb-hover-icon-999:hover:before,
figcaption .yb-hover-icon-999:hover:before,
figure .yb-hover-icon-999:hover:before,
footer .yb-hover-icon-999:hover:before,
header .yb-hover-icon-999:hover:before,
hgroup .yb-hover-icon-999:hover:before,
menu .yb-hover-icon-999:hover:before,
nav .yb-hover-icon-999:hover:before,
section .yb-hover-icon-999:hover:before,
summary .yb-hover-icon-999:hover:before,
time .yb-hover-icon-999:hover:before,
mark .yb-hover-icon-999:hover:before,
audio .yb-hover-icon-999:hover:before,
video .yb-hover-icon-999:hover:before {
    color: #d1d1d1
}

html .yb-family-odds,
body .yb-family-odds,
h1 .yb-family-odds,
h2 .yb-family-odds,
h3 .yb-family-odds,
h4 .yb-family-odds,
h5 .yb-family-odds,
h6 .yb-family-odds,
p .yb-family-odds,
br .yb-family-odds,
div .yb-family-odds,
form .yb-family-odds,
input .yb-family-odds,
button .yb-family-odds,
textarea .yb-family-odds,
select .yb-family-odds,
fieldset .yb-family-odds,
legend .yb-family-odds,
blockquote .yb-family-odds,
ul .yb-family-odds,
ol .yb-family-odds,
li .yb-family-odds,
dl .yb-family-odds,
dt .yb-family-odds,
dd .yb-family-odds,
pre .yb-family-odds,
table .yb-family-odds,
caption .yb-family-odds,
tr .yb-family-odds,
td .yb-family-odds,
th .yb-family-odds,
article .yb-family-odds,
aside .yb-family-odds,
details .yb-family-odds,
figcaption .yb-family-odds,
figure .yb-family-odds,
footer .yb-family-odds,
header .yb-family-odds,
hgroup .yb-family-odds,
menu .yb-family-odds,
nav .yb-family-odds,
section .yb-family-odds,
summary .yb-family-odds,
time .yb-family-odds,
mark .yb-family-odds,
audio .yb-family-odds,
video .yb-family-odds {
    font-family: Roboto, sans-serif;
    font-style: normal
}

html .yb-flex-nowrap,
body .yb-flex-nowrap,
h1 .yb-flex-nowrap,
h2 .yb-flex-nowrap,
h3 .yb-flex-nowrap,
h4 .yb-flex-nowrap,
h5 .yb-flex-nowrap,
h6 .yb-flex-nowrap,
p .yb-flex-nowrap,
br .yb-flex-nowrap,
div .yb-flex-nowrap,
form .yb-flex-nowrap,
input .yb-flex-nowrap,
button .yb-flex-nowrap,
textarea .yb-flex-nowrap,
select .yb-flex-nowrap,
fieldset .yb-flex-nowrap,
legend .yb-flex-nowrap,
blockquote .yb-flex-nowrap,
ul .yb-flex-nowrap,
ol .yb-flex-nowrap,
li .yb-flex-nowrap,
dl .yb-flex-nowrap,
dt .yb-flex-nowrap,
dd .yb-flex-nowrap,
pre .yb-flex-nowrap,
table .yb-flex-nowrap,
caption .yb-flex-nowrap,
tr .yb-flex-nowrap,
td .yb-flex-nowrap,
th .yb-flex-nowrap,
article .yb-flex-nowrap,
aside .yb-flex-nowrap,
details .yb-flex-nowrap,
figcaption .yb-flex-nowrap,
figure .yb-flex-nowrap,
footer .yb-flex-nowrap,
header .yb-flex-nowrap,
hgroup .yb-flex-nowrap,
menu .yb-flex-nowrap,
nav .yb-flex-nowrap,
section .yb-flex-nowrap,
summary .yb-flex-nowrap,
time .yb-flex-nowrap,
mark .yb-flex-nowrap,
audio .yb-flex-nowrap,
video .yb-flex-nowrap {
    flex-wrap: nowrap
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

.yb-icon-arrow {
    width: 6px;
    height: 7px;
    transition: transform .3s;
    position: relative
}

.yb-icon-arrow:before {
    content: "";
    width: 100%;
    height: 100%;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--q-icon-color-1);
    transform: rotate(45deg);
    position: absolute;
    left: -35.35%;
    top: 0
}

.yb-icon-boder-arrow {
    width: 10px;
    height: 5px;
    overflow: hidden;
    position: relative
}

.yb-icon-boder-arrow:before {
    position: absolute;
    left: 0;
    top: 41.42%;
    content: "";
    width: 100%;
    height: 200%;
    transform: rotate(45deg);
    border-left: 1px solid #A80A33;
    border-top: 1px solid #A80A33
}

.yb-icon-triangle {
    width: 10px;
    height: 5px;
    overflow: hidden
}

.yb-icon-triangle:before {
    position: absolute;
    left: 0;
    top: 41.42%;
    content: "";
    width: 100%;
    height: 200%;
    transform: rotate(45deg);
    background-color: #ccc
}

.yb-absolute.ellipsis {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.yb-absolute-fit {
    position: absolute;
    inset: 0
}

.q-virtual-scroll__content .q-manual-focusable--focused {
    background: #e3e9ee
}

.q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {
    opacity: 0 !important
}

.q-virtual-scroll__content .q-item--active {
    color: #17191d;
    background: #e3e9ee
}

.theme-3 .new-pc-pagination .q-virtual-scroll__content .q-item:hover,
.theme-3 .new-pc-pagination .q-virtual-scroll__content .q-item--active:hover {
    background: #ffb0011a !important;
    color: #ffb001 !important
}

.theme-3 .new-pc-pagination .q-virtual-scroll__content .q-item--active {
    color: #a0a0a0
}

.theme-3 .record-select-date .q-date__calendar-days-container .text-orange {
    color: #ffb001 !important
}

.new-pc-pagination .q-virtual-scroll__content .q-item:hover,
.new-pc-pagination .q-virtual-scroll__content .q-item--active:hover {
    background: #74c4ff1a !important;
    color: #179cff !important
}

.new-pc-pagination .q-virtual-scroll__content .q-item--active {
    color: #a0a0a0
}

.theme-2 .record-select-date .q-date__calendar-days-container .text-blue {
    color: #179cff !important
}

.theme-1 .new-pc-pagination .q-virtual-scroll__content .q-item--active {
    color: #555
}

.theme-1 .record-select-date .q-date__calendar-days-container .text-blue {
    color: #179cff !important
}

.q-item,
.q-item--active {
    min-height: 20px !important
}

.q-item:hover,
.q-item--active:hover {
    background-color: #179cff33 !important;
    color: #179cff !important
}

.q-virtual-scroll__content .q-item--active {
    background-color: #fcfcfc00;
    color: #000
}

.v-scroll-area:after {
    z-index: 99;
    content: "";
    display: block;
    width: 14px;
    background: var(--q-bg-gb-c-11) !important
}

.v-scroll-area .q-scrollarea__bar {
    z-index: 500;
    opacity: 0;
    width: 14px
}

.v-scroll-area .q-scrollarea__thumb {
    z-index: 501;
    opacity: 1;
    width: 7px;
    border-radius: 4px;
    cursor: pointer
}

.v-scroll-area.video-wrap:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.v-scroll-area.video-wrap .q-scrollarea__thumb {
    right: 3.5px !important
}

.q-scrollarea__thumb {
    width: 12px;
    right: 2px;
    opacity: 1;
    border-radius: 4px;
    cursor: pointer;
    background: #3c3f4c4d
}

img {
    background-size: 100%
}

.alert-wrap .btn {
    background: #ffb001
}

div[class *=ranking-bg-style] {
    background-size: 100% 100%
}

.theme-1 .leagues-logo-default {
    background-image: url(/image/svg/league_logo_01.svg)
}

.theme-2 .leagues-logo-default,
.theme-3 .leagues-logo-default {
    background-image: url(/image/svg/league_logo_02.svg)
}

.yb-goal-gif {
    margin-left: 5px;
    min-width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 0% 0;
    background-size: auto 100%;
    animation: 1s goal-gif infinite steps(29, end)
}

@keyframes goal-gif {
    0% {
        background-position: 0%, 0
    }

    to {
        background-position: 100%, 0
    }
}

.yb-site-left-width.normal .c-main-menu-mini,
.yb-site-left-width.mini-normal .c-main-menu-mini,
.yb-site-left-width.mini .c-main-menu {
    display: none
}

.menu_toggle-btn {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 400;
    width: 12px;
    height: 30px;
    left: 234px;
    border-radius: 0 8px 8px 0;
    cursor: pointer
}

.menu_toggle-btn.mini {
    left: 64px
}

.menu_toggle-btn.mini img {
    transform: rotate(180deg)
}

.menu_toggle-btn:hover {
    width: 15px
}

.theme01 .menu_toggle-btn,
.theme01_y0 .menu_toggle-btn {
    background: var(--qq--theme-bg-menu-toggle-btn);
    opacity: .9
}

.theme01 .menu_toggle-btn:hover,
.theme01_y0 .menu_toggle-btn:hover {
    opacity: 1
}

.theme02 .menu_toggle-btn,
.theme02_y0 .menu_toggle-btn {
    background: #fff3
}

.theme02 .menu_toggle-btn:hover,
.theme02_y0 .menu_toggle-btn:hover {
    background: #ffffff4d
}

.allow-user-select {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    -khtml-user-select: text;
    user-select: text;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--q-text-color);
    line-height: 1.3
}

:root {
    --q-color-primary: var(--qq--y0-btn-hover);
    --q-color-primary-up: #E93D3D;
    --q-color-primary-down: #50C042
}

.pager .text-primary {
    color: var(--qq--activity-text-color-gray) !important
}

.theme-1-logo img[class *=team-logo-] {
    background-image: url(/image/common/png/team_logo_01.png)
}

.theme-1-logo .team-logo-logo[src^=data] {
    background-image: url(/image/theme01/team_logo/logo.svg)
}

.theme-2-logo img[class *=team-logo-],
.theme-3-logo img[class *=team-logo-] {
    background-image: url(/image/common/png/team_logo_02.png)
}

.theme-2-logo .team-logo-logo[src^=data],
.theme-3-logo .team-logo-logo[src^=data] {
    background-image: url(/image/theme02/team_logo/logo.svg)
}

.leagues-logo-default {
    background-image: url(/image/svg/league_logo_02.svg)
}

.new-pc-2025 .bg-blue {
    background: var(--q-theme-color-1-default) !important
}

.new-pc-2025 .text-blue,
.new-pc-2025 .record-select-date .q-date__calendar-days-container .text-blue {
    color: var(--q-theme-color-1-default) !important
}

.new-pc-2025 .new-pc-pagination .q-virtual-scroll__content .q-item:hover,
.new-pc-2025 .new-pc-pagination .q-virtual-scroll__content .q-item--active:hover {
    background-color: var(--q-transparent-theme-color-1) !important;
    color: var(--q-theme-color-1-default) !important
}

.full-height {
    height: 100% !important;
    position: relative;
    z-index: 99
}

@font-face {
    font-family: icomoon;
    src: url(/2026-03-03-17-18-06/static/woff2/icomoon-Bp00ZV4-.woff2?kc1pcm) format("woff2"), url(/2026-03-03-17-18-06/static/ttf/icomoon-CE5IkD0k.ttf?kc1pcm) format("truetype"), url(/2026-03-03-17-18-06/static/woff/icomoon-6g7VlvEs.woff?kc1pcm) format("woff"), url(/2026-03-03-17-18-06/static/svg/icomoon-B_EYVYxN.svg?kc1pcm#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-],
[class *=" icon-"] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-delete:before {
    content: "";
    color: #999
}

.icon-arrow:before {
    content: "";
    color: #4176fa
}

.icon-arrow-clean:before {
    content: ""
}

.icon-neutral .path1:before {
    content: "";
    color: #51b7b5
}

.icon-neutral .path2:before {
    content: "";
    margin-left: -1em;
    color: #fff
}

.icon-sort_settle_time:before {
    content: "";
    color: #c1c4c7
}

.icon-sort_match_time:before {
    content: "";
    color: #c1c4c7
}

.icon-sort_bet_time:before {
    content: "";
    color: #c1c4c7
}

.icon-bet_pre:before {
    content: "";
    color: #5a6074
}

.icon-balance_refresh .path1:before {
    content: "";
    color: #d8d8d8;
    opacity: .05
}

.icon-balance_refresh .path2:before {
    content: "";
    margin-left: -1em;
    color: #999
}

.icon-balance_refresh .path3:before {
    content: "";
    margin-left: -1em;
    color: #999
}

.icon-eye_hide2:before {
    content: "";
    color: #999
}

.icon-menu_show_normal:before {
    content: "";
    color: #999
}

.icon-play:before {
    content: ""
}

.icon-timer:before {
    content: "";
    color: #fa6400
}

.icon-whistle:before {
    content: "";
    color: #99a3b1
}

.icon-match_over:before {
    content: "";
    color: #6d7278
}

.icon-match_pause .path1:before {
    content: "";
    color: #5a6074
}

.icon-match_pause .path2:before {
    content: "";
    margin-left: -1.0478515625em;
    color: #ff2a2a
}

.icon-match_pause .path3:before {
    content: "";
    margin-left: -1.0478515625em;
    color: #ff2a2a
}

.icon-match_playing .path1:before {
    content: "";
    color: #6dd400
}

.icon-match_playing .path2:before {
    content: "";
    margin-left: -1.0478515625em;
    color: #5a6074
}

.icon-cup_day:before {
    content: "";
    color: #d1d1d1
}

.icon-cup_night:before {
    content: ""
}

.icon-triangle_solid:before {
    content: ""
}

.icon-radio-checked:before {
    content: ""
}

.icon-checkbox:before {
    content: ""
}

.icon-checkbox-checked .path1:before {
    content: "";
    color: #ffb001
}

.icon-checkbox-checked .path2:before {
    content: "";
    margin-left: -1em;
    color: #fff
}

.icon-radio:before {
    content: ""
}

.icon-lock:before {
    content: "";
    color: #bcbcbe
}

.icon-rs_huang:before {
    content: "";
    color: #ffb001
}

.icon-on_base3:before {
    content: "";
    color: #ffb001
}

.icon-on_base0:before {
    content: "";
    color: #5a6074
}

.icon-on_base1 .path1:before {
    content: "";
    color: #5a6074
}

.icon-on_base1 .path2:before {
    content: "";
    margin-left: -1em;
    color: #ffb001
}

.icon-on_base1 .path3:before {
    content: "";
    margin-left: -1em;
    color: #5a6074
}

.icon-on_base2 .path1:before {
    content: "";
    color: #ffb001
}

.icon-on_base2 .path2:before {
    content: "";
    margin-left: -1em;
    color: #ffb001
}

.icon-on_base2 .path3:before {
    content: "";
    margin-left: -1em;
    color: #5a6074
}

.icon-tips4:before {
    content: "";
    color: #fff
}

.icon-list1:before {
    content: "";
    color: #fff
}

.icon-list2:before {
    content: "";
    color: #fff
}

.icon-small:before {
    content: "";
    color: #abbac8
}

.icon-big:before {
    content: "";
    color: #fff
}

.icon-icon_copy:before {
    content: "";
    color: #99a3b1
}

.icon-star:before {
    content: "";
    color: #99a3b1
}

.icon-live_box:before {
    content: "";
    color: #ffb001
}

.icon-animation2:before {
    content: "";
    color: #5a6074
}

.icon-signal:before {
    content: "";
    color: #5a6074
}

.icon-statistics:before {
    content: "";
    color: #08d764
}

.icon-sports_iceball:before {
    content: "";
    color: #adadad
}

.icon-sports_baseball:before {
    content: "";
    color: #adadad
}

.icon-sports_americaball:before {
    content: "";
    color: #adadad
}

.icon-sports_volleyball:before {
    content: "";
    color: #adadad
}

.icon-sports_badminton:before {
    content: "";
    color: #adadad
}

.icon-sports_basketball:before {
    content: "";
    color: #adadad
}

.icon-sports_pingpong:before {
    content: "";
    color: #adadad
}

.icon-sports_snooker:before {
    content: "";
    color: #adadad
}

.icon-sports_soccer:before {
    content: "";
    color: #adadad
}

.icon-sports_tennis:before {
    content: "";
    color: #adadad
}

.icon-arrow-left:before {
    content: "";
    color: #ffb001
}

.icon-arrow-right:before {
    content: "";
    color: #ffb001
}

.icon-live_text .path1:before {
    content: "";
    color: #000
}

.icon-live_text .path2:before {
    content: "";
    margin-left: -2.1669921875em;
    color: #fff
}

.icon-rs_hong:before {
    content: "";
    color: #ff4a4a
}

.icon-rs_dian .path1:before {
    content: "";
    color: #5a6074
}

.icon-rs_dian .path2:before {
    content: "";
    margin-left: -1em;
    color: #abbac8
}

.icon-jin-jia:before {
    content: "";
    color: #08d764
}

.icon-jia-dian:before {
    content: "";
    color: #9ea5b4
}

.icon-sort-down .path1:before {
    content: "";
    color: #ffb001
}

.icon-sort-down .path2:before {
    content: "";
    margin-left: -1em;
    color: #99a3b1
}

.icon-sort-up .path1:before {
    content: "";
    color: #ffb001
}

.icon-sort-up .path2:before {
    content: "";
    margin-left: -1em;
    color: #99a3b1
}

.icon-rs_jiao_quan .path1:before {
    content: "";
    color: #ff4a4a
}

.icon-rs_jiao_quan .path2:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jiao_quan .path3:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jiao_quan .path4:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jiao_shang .path1:before {
    content: "";
    color: #ff4a4a
}

.icon-rs_jiao_shang .path2:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jiao_shang .path3:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jiao_xia .path1:before {
    content: "";
    color: #ff4a4a
}

.icon-rs_jiao_xia .path2:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jiao_xia .path3:before {
    content: "";
    margin-left: -1em;
    color: #5aa961
}

.icon-rs_jin_quan:before {
    content: "";
    color: #08d764
}

.icon-jin-shang:before {
    content: "";
    color: #08d764
}

.icon-jin-xia:before {
    content: "";
    color: #08d764
}

.icon-calendar:before {
    content: ""
}

.icon-refresh:before {
    content: "";
    color: #abbac8
}

.icon-sports_gaming:before {
    content: "";
    color: #6d7278
}

.icon-eye_hide:before {
    content: "";
    color: #5a6074
}

.icon-eye_show:before {
    content: "";
    color: #5a6074
}

.icon-go_top:before {
    content: "";
    color: #5a6074
}

.icon-del:before {
    content: ""
}

.icon-close:before {
    content: "";
    color: #6d7278
}

.icon-triangle2:before {
    content: "";
    color: #d1d1d1
}

.icon-triangle3:before {
    content: "";
    color: #d1d1d1
}

.icon-triangle:before {
    content: "";
    color: #d1d1d1
}

.icon-triangle1:before {
    content: "";
    color: #d1d1d1
}

.icon-media_switch:before {
    content: "";
    color: #5a6074
}

.icon-sort_league:before {
    content: "";
    color: #abbac8
}

.icon-tips3:before {
    content: "";
    color: #5a6074
}

.icon-tips:before {
    content: "";
    color: #99a3b1
}

.icon-success:before {
    content: "";
    color: #1fa686
}

.icon-failure:before {
    content: "";
    color: #ee4848
}

.icon-plus:before {
    content: "";
    color: #fff
}

.icon-search:before {
    content: "";
    color: #5a6074
}

.icon-sort:before {
    content: ""
}

.icon-rs_dian_jia:before {
    content: "";
    color: #9ea5b4
}

.icon-rs_jia_shi:before {
    content: "";
    color: #9ea5b4
}

.icon-rs_jin_quan1:before {
    content: "";
    color: #00a997
}

.icon-rs_jin_shang:before {
    content: "";
    color: #00a997
}

.icon-rs_jin_xia:before {
    content: "";
    color: #00a997
}

.icon-rs_hong1:before {
    content: "";
    color: #ff4a4a
}

.icon-rs_huang1:before {
    content: "";
    color: #efcc6e
}

.icon-triangle4:before {
    content: "";
    color: #d1d1d1
}

.icon-circle:before {
    content: ""
}

.icon-del1:before {
    content: "";
    color: #99a3b1
}

.icon-set_top1:before {
    content: "";
    color: #9ea5b4
}

.icon-football:before {
    content: "";
    color: #fff
}

.icon-circle1:before {
    content: ""
}

.icon-flame:before {
    content: "";
    color: #08d764
}

.icon-open:before {
    content: "";
    color: #5a6074
}

.icon-hide:before {
    content: "";
    color: #5a6074
}

.icon-play_pause:before {
    content: "";
    color: #ffb001
}

.icon-play_stop:before {
    content: "";
    color: #5a6074
}

.icon-set_top:before {
    content: "";
    color: #ffb001
}

.icon-sort_date:before {
    content: "";
    color: #08d764
}

.icon-back:before {
    content: "";
    color: #abbac8
}

.fullscreen {
    z-index: 100000 !important
}

.bet-result-dialog,
.bet-toast {
    z-index: 100001 !important
}

.q-tooltip {
    z-index: 10003 !important
}

.sport-img {
    background-image: var(--qq--bg-image-url2)
}

.sport-img.img36 {
    background-image: var(--qq--menu-bg-image1)
}

body .q-virtual-scroll__content .select-item:hover {
    background-color: #569ffd;
    color: #fff
}

.within-iframe .menu_toggle-btn {
    left: 230px;
    cursor: pointer
}

.within-iframe .menu_toggle-btn.mini {
    left: 64px
}

.within-iframe .yb-match-list:after {
    width: 10px
}

.within-iframe .yb-match-list:before {
    right: 10px !important
}

.within-iframe .v-scroll-area:after {
    width: 10px
}

.within-iframe .v-scroll-area .q-scrollarea__thumb {
    width: 6px
}

.within-iframe .page-center .v-scroll-area .content-wrap .scroll-header,
.within-iframe .page-right .v-scroll-area .content-wrap .scroll-header {
    padding-right: 10px !important
}

.within-iframe .c-main-menu .content-wrap .scroll-header {
    right: 0 !important
}

.within-iframe .scroll-fixed-header {
    right: 10px
}

.within-iframe .detials_layout .scroll-fixed-header {
    right: 0
}

.within-iframe .v-scroll-list .list-scrollbar {
    right: 2px;
    padding-right: 0
}

.within-iframe .v-scroll-list .list-scrollbar::-webkit-scrollbar {
    width: 6px
}

.within-iframe .v-scroll-list .list-scrollbar::-webkit-scrollbar-thumb {
    width: 6px
}

@-moz-document url-prefix() {
    .within-iframe .v-scroll-list .list-scrollbar {
        right: 1px;
        padding-right: 0
    }
}

.v-scroll-area:after {
    pointer-events: none
}

@keyframes tooltip {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.c-tooltip {
    position: absolute;
    left: 50%;
    top: -24px;
    transform: translate(-50%);
    color: #fff;
    background-color: #000c;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    opacity: 0;
    white-space: nowrap;
    pointer-events: none
}

.c-tooltip-wrap:hover .c-tooltip {
    animation: tooltip 300000s linear 1s
}

.c-tooltip-0s:hover .c-tooltip {
    opacity: 1
}

.dplayer-controller,
.dplayer-menu,
.dplayer-setting,
.dplayer-bar-time,
.dplayer-notice,
.dplayer-live-badge,
.dplayer-mobile-play,
.dplayer-mask,
.dplayer-controller-mask,
.dplayer-info-panel {
    display: none
}

.match-hot {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    z-index: 1
}

.q-scrollarea {
    contain: none
}

body * ::-webkit-scrollbar {
    width: 7px;
    background-color: var(--q-gb-bg-c-22)
}

body * ::-webkit-scrollbar-thumb {
    background-color: var(--q-gb-bg-c-47);
    border-radius: 4px
}

body .dialog-scroll::-webkit-scrollbar {
    background-color: #fff
}

body .dialog-scroll::-webkit-scrollbar-thumb {
    background-color: #0000001a
}

body .record-page .record-table * ::-webkit-scrollbar-thumb {
    background-color: var(--q-gb-bg-c-10)
}

.vdr-container.draggable {
    border: none !important
}

.vdr-container.active {
    border-color: transparent !important;
    border-style: none !important
}

.bet-list .bet-flot-conent .q-scrollarea__content.absolute {
    width: 100%
}

.q-notifications__list,
.q-notification {
    z-index: 100002
}

.bet-box-pc-1 .q-scrollarea__thumb {
    display: none !important
}

.new-pc-2025 .yb-match-list .jingcai .basic-col .score-wrap {
    background: var(--q-bg-color-3-1)
}

.new-pc-2025 .match-list-container .favorable_back {
    background: var(--q-bg-color-3-2) !important
}

body .c-match-list-header {
    background-image: var(--q-gb-bg-lg-18);
    border-radius: 6px 6px 0 0;
    border: 1px solid var(--q-gb-bd-c-6);
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .c-match-list-header.today-champion {
    border-radius: 6px;
    border-color: var(--q-gb-bd-c-6)
}

body .c-match-list-header .col-left .list-title .title-text {
    font-weight: 550;
    color: var(--q-gb-t-c-5)
}

body .c-match-list-header .col-left .list-title .title-text.search {
    color: #595f73
}

body .c-match-list-header .col-left .btn-wrap {
    background-image: var(--q-gb-bg-c-14);
    color: var(--q-gb-t-c-5)
}

body .c-match-list-header .col-left .btn-wrap:nth-child(2) {
    width: 48px
}

body .c-match-list-header .col-left .btn-wrap.match-btn {
    border-radius: 13px 0 0 13px !important;
    border: 1px solid var(--q-gb-bd-c-8);
    border-right: 0
}

body .c-match-list-header .col-left .btn-wrap.match-btn.collect-btn {
    border-radius: 13px !important
}

body .c-match-list-header .col-left .btn-wrap.collect-btn {
    border: 1px solid var(--q-gb-bd-c-8);
    border-radius: 0 13px 13px 0 !important;
    border-left: 0
}

body .c-match-list-header .col-left .btn-wrap.active {
    background: #179cff;
    color: var(--q-gb-t-c-18)
}

body .c-match-list-header .col-left .btn-wrap.active .number {
    color: var(--q-gb-t-c-18)
}

body .c-match-list-header .col-left .btn-wrap.active.collect-btn .active.icon-star:before {
    color: var(--q-gb-t-c-18) !important
}

body .c-match-list-header .col-left .btn-wrap .number {
    color: var(--q-gb-t-c-3)
}

body .c-match-list-header .col-right .yb-hover-bg {
    color: var(--q-gb-t-c-9)
}

body .c-match-list-header .col-right .yb-hover-bg:hover {
    background: var(--q-gb-bg-c-14)
}

body .c-match-list-header .col-right .list-sort .list-sort-item.active {
    background-color: var(--q-gb-t-c-16);
    color: var(--q-gb-t-c-18);
    border: 0
}

body .c-match-list-header .col-right .select-btn {
    background-image: var(--q-gb-bg-c-14);
    border: 1px solid var(--q-gb-bd-c-8) !important;
    color: var(--q-gb-t-c-5)
}

body .c-match-list-header .col-right .select-btn.leagues-btn .status {
    color: var(--q-gb-t-c-5)
}

body .c-match-list-header .col-right .select-btn.leagues-btn.active {
    color: var(--q-gb-t-c-8);
    border: 1px solid var(--q-gb-bd-c-11) !important
}

body .c-match-list-header .col-right .select-btn.sort-btn .icon-sort_league:before {
    color: var(--q-gb-t-c-5)
}

body .c-match-list-header .col-right .select-btn .icon-balance_refresh span {
    font-size: 18px
}

body .c-match-list-header .col-right .select-btn .icon-balance_refresh span:before {
    color: #727d8a
}

body .c-match-list-header .col-right .select-btn .icon-sort:before {
    color: var(--q-gb-t-c-5)
}

body .c-match-list-header .col-right .search-wrap .icon-search:before {
    color: "inherit"
}

body .c-match-list-header .col-right .search-wrap input::-webkit-input-placeholder {
    color: var(--q-gb-t-c-8)
}

body .c-match-list-header .col-right .search-wrap input::-moz-placeholder {
    color: var(--q-gb-t-c-8)
}

body .c-match-list-header .col-right .search-wrap input:-moz-placeholder {
    color: var(--q-gb-t-c-8)
}

body .c-match-list-header .col-right .search-wrap input:-ms-input-placeholder {
    color: var(--q-gb-t-c-8)
}

body .c-match-list-header .col-right .search-wrap input.search-input {
    color: var(--q-gb-t-c-5);
    background: var(--q-gb-bg-c-14);
    caret-color: var(--q-gb-t-c-7);
    border: .5px solid var(--q-gb-bd-c-8)
}

body .c-match-list-header .col-right .search-wrap input.search-input:hover,
body .c-match-list-header .col-right .search-wrap input.search-input:focus {
    border: .5px solid var(--q-gb-bd-c-11)
}

body .c-match-list-header .col-right .unfold-btn {
    background-color: var(--q-gb-t-c-16) !important;
    color: var(--q-gb-t-c-18) !important
}

body .c-match-list-header .col-right .unfold-btn i:before {
    color: var(--q-gb-t-c-18) !important
}

body .match-sort-wrap {
    background-color: var(--q-gb-bg-c-14) !important;
    color: var(--q-gb-t-c-5)
}

body .match-sort-wrap .triangle {
    background-color: var(--q-gb-bg-c-14)
}

body .match-sort-wrap .item-wrap.active {
    background-color: #454855;
    color: var(--q-gb-bd-c-11)
}

body .match-sort-wrap .item-wrap.active .q-icon:before {
    color: var(--q-gb-bd-c-11)
}

body .c-match-list-filter {
    background: var(--q-gb-bg-c-75) !important;
    color: var(--q-gb-t-c-5) !important
}

body .c-match-list-filter.date-filter {
    position: relative
}

body .c-match-list-filter.date-filter:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: -1px;
    right: -1px;
    height: 10px;
    background-color: var(--q-gb-bg-c-22);
    z-index: -1
}

body .c-match-list-filter.date-filter .tab-wrap {
    position: absolute;
    height: 50px !important;
    background-color: #0000
}

body .c-match-list-filter.date-filter .tab-wrap .left-btn {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

body .c-match-list-filter.date-filter .tab-wrap .right-btn {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .c-match-list-filter .hot-item .hot-img {
    background-image: var(--qq--bg-image-url49)
}

body .c-match-list-filter .hot-item .hot-img-active,
body .c-match-list-filter .hot-item .active {
    background-image: var(--qq--bg-image-url50) !important
}

body .c-match-list-filter .hot-item .no-active .hot-img {
    background-image: var(--qq--bg-image-url46)
}

body .c-match-list-filter .more-btn {
    background-color: var(--q-gb-bg-c-14)
}

body .c-match-list-filter .filter-sports .item .icon-wrap .icon:before {
    color: var(--q-gb-t-c-6)
}

body .c-match-list-filter .filter-sports .item .name {
    color: var(--q-gb-bg-c-33)
}

body .c-match-list-filter .filter-sports .item .text-no-active {
    color: var(--q-gb-bg-c-2)
}

body .c-match-list-filter .filter-sports .item .menu-inline {
    display: "inline-block"
}

body .c-match-list-filter .filter-sports .item .name-margin-left {
    margin-left: "5px"
}

body .c-match-list-filter .filter-sports .item:hover .icon-wrap .icon:before {
    color: var(--q-gb-bd-c-12)
}

body .c-match-list-filter .filter-sports .item.active {
    font-weight: 500;
    background: var(--q-gb-t-c-16);
    border-radius: 25px !important
}

body .c-match-list-filter .filter-sports .item.active .name {
    color: #fff
}

body .c-match-list-filter .filter-sports .item.active .count {
    font-weight: 400
}

body .c-match-list-filter .filter-sports .item.no-active {
    background: var(--q-gb-bg-lg-4);
    border-radius: 25px !important;
    border: .5px solid var(--q-gb-bd-c-6)
}

body .c-match-list-filter .filter-sports .item.no-active .sport-img,
body .c-match-list-filter .filter-sports .item.no-active .sport-all {
    background-image: var(--qq--bg-image-url3)
}

body .c-match-list-filter .filter-sports .item.no-active:hover .sport-img {
    opacity: 1
}

body .c-match-list-filter.date-filter {
    background: var(--q-gb-bg-c-11)
}

body .c-match-list-filter .tab-wrap {
    background: var(--q-gb-bg-c-11);
    border-radius: 0 0 6px 6px
}

.bd-top,
.additional-play .other-play-tab .arrow-wrap,
.additional-play .other-play-tab,
.yb-match-list .c-match-item .fifteen-box,
.yb-match-list .c-match-item {
    position: relative
}

.bd-top:before,
.additional-play .other-play-tab .arrow-wrap:before,
.additional-play .other-play-tab:before,
.yb-match-list .c-match-item .fifteen-box:before,
.yb-match-list .c-match-item:before {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    content: "";
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.bd-bottom {
    position: relative
}

.bd-bottom:after {
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.bd-right,
.tpl-19 .other-play-tab .arrow-wrap,
.tpl-17.c-match-item .other-play-tab .arrow-wrap,
.tpl-17 .base-info-2 .match-icon,
.match-tpl-9-after .other-play-tab .arrow-wrap,
.match-tpl-9-after.c-match-item .other-play-tab .arrow-wrap,
.match-tpl-9-after .base-info-2 .match-icon,
.match-tpl7.c-match-item .other-play-tab .arrow-wrap,
.match-tpl7 .base-info-2 .match-icon,
.tpl-20 .other-play-tab .arrow-wrap,
.additional-play .other-play-tab .arrow-wrap,
.match-new-card .center .match-part,
.match-new-card .left,
.yb-match-list .jingcai .basic-col,
.yb-match-list .c-match-item .process-col {
    position: relative
}

.bd-right:before,
.tpl-19 .other-play-tab .arrow-wrap:before,
.tpl-17.c-match-item .other-play-tab .arrow-wrap:before,
.tpl-17 .base-info-2 .match-icon:before,
.match-tpl-9-after .other-play-tab .arrow-wrap:before,
.match-tpl-9-after.c-match-item .other-play-tab .arrow-wrap:before,
.match-tpl-9-after .base-info-2 .match-icon:before,
.match-tpl7.c-match-item .other-play-tab .arrow-wrap:before,
.match-tpl7 .base-info-2 .match-icon:before,
.tpl-20 .other-play-tab .arrow-wrap:before,
.additional-play .other-play-tab .arrow-wrap:before,
.match-new-card .center .match-part:before,
.match-new-card .left:before,
.yb-match-list .jingcai .basic-col:before,
.yb-match-list .c-match-item .process-col:before {
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    height: 100%;
    content: "";
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.bd-left,
.match-new-card .right {
    position: relative;
    background-color: var(--q-bg-color-1-1)
}

.bd-left:after,
.match-new-card .right:after {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    content: "";
    border-left: 1px solid var(--q-gb-bd-c-8)
}

.full-w {
    width: 100%
}

.ellipsis1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis2 {
    white-space: inherit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    font-weight: 400;
    word-wrap: break-word
}

.ellipsis3 {
    white-space: inherit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2
}

.ellipsis4 {
    white-space: inherit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2
}

.ellipsisall {
    white-space: inherit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.2;
    font-weight: 400;
    word-break: normal
}

.yb-match-list {
    display: flex
}

.yb-match-list:before {
    content: "";
    position: absolute;
    right: 11px;
    z-index: 499;
    top: 0;
    left: 0;
    height: 6px
}

.yb-match-list .scroll-fixed-header {
    border-bottom: 0
}

.yb-match-list.match-tplesports .scroll-fixed-header .c-esports-header {
    border-radius: 0 0 6px 6px;
    z-index: -1;
    position: relative
}

.yb-match-list.match-tplesports .scroll-fixed-header .c-esports-header .date-wrap {
    border-radius: 0 0 6px 6px;
    border: 1px solid var(--q-gb-bg-c-9);
    border-top: 0
}

.yb-match-list.match-tplesports .scroll-fixed-header .c-esports-header:after {
    content: "";
    position: absolute;
    bottom: -4px;
    height: 10px;
    width: 100%;
    background-color: var(--q-gb-bg-c-11);
    z-index: -1
}

.yb-match-list:after {
    border-left: none
}

.yb-match-list .detais-hot-head {
    color: var(--q-gb-t-c-1)
}

.yb-match-list .scroll-fixed-header.no-data {
    border-bottom: 1px solid var(--q-gb-bg-c-5)
}

.yb-match-list .c-match-item {
    background-color: var(--q-gb-bg-c-37);
    overflow: hidden
}

.yb-match-list .c-match-item.match-tpl1-bg .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.virtual-football .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.tpl-20 .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.tpl-21 .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.tpl-22 .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.tpl-24 .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.tpl-25 .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item,
.yb-match-list .c-match-item.tpl-esports-bg .c-match-handicap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.yb-match-list .c-match-item .compose-tpl-bg .handicap-col:nth-of-type(n + 5):nth-of-type(-n + 8) .bet-item-wrap {
    background: none !important
}

.yb-match-list .c-match-item .hpsCompose .c-match-handicap .handicap-col:nth-of-type(n + 3):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.yb-match-list .c-match-item .min5-early-handicap.unfold_multi_column .handicap-value-text {
    min-width: 70px
}

.yb-match-list .c-match-item .min5-early-handicap .handicap-value-text {
    min-width: 76px;
    text-align: right !important
}

.yb-match-list .c-match-item .min5-roll-handicap.unfold_multi_column .handicap-value-text {
    min-width: 70px
}

.yb-match-list .c-match-item .min5-roll-handicap .handicap-value-text {
    min-width: 76px;
    text-align: right !important
}

.yb-match-list .c-match-item .not-bg-handicap .handicap-col .bet-item-wrap {
    background: none !important
}

.yb-match-list .c-match-item.virtual-match-tpl2 .team-wrap .team-item {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.yb-match-list .c-match-item.virtual-match-tpl2 .team-wrap .team-item:first-child {
    border-top: 0
}

.yb-match-list .c-match-item.virtual-match-tpl2 .more-row {
    background: var(--q-gb-bg-c-39)
}

.yb-match-list .c-match-item.virtual-match-tpl2 .c-match-handicap,
.yb-match-list .c-match-item.virtual-match-tpl2 .bet-item-wrap {
    border-right: none
}

.yb-match-list .c-match-item.virtual-match-tpl2 .media-col .media-item {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.yb-match-list .c-match-item.virtual-match-tpl2 .media-col .media-item:first-child {
    border-top: 0
}

.yb-match-list .c-match-item .match-handicap-item .match-parlay {
    position: absolute;
    top: 5px;
    text-align: center;
    width: 100%
}

.yb-match-list .c-match-item .match-handicap-item .match-parlay>div {
    display: inline-block;
    overflow: hidden
}

.yb-match-list .c-match-item .match-handicap-item .match-parlay .wd,
.yb-match-list .c-match-item .match-handicap-item .match-parlay .wd1 {
    color: var(--q-gb-bg-c-16)
}

.yb-match-list .c-match-item .match-handicap-item .match-parlay .wd {
    margin-right: 3px
}

.yb-match-list .c-match-item .match-handicap-item .match-parlay .wd1 {
    width: 10px
}

.yb-match-list .c-match-item .match-handicap-item .c-match-process .jingcai {
    color: var(--q-gb-bd-c-11)
}

.yb-match-list .c-match-item .match-handicap-item:first-child .basic-col,
.yb-match-list .c-match-item .match-handicap-item:first-child .bet-item-wrap:first-child {
    border-top: none
}

.yb-match-list .c-match-item .match-handicap-item .no-wrap .handicap-col:last-child .bet-item-wrap {
    border-right: none
}

.yb-match-list .c-match-item .match-handicap-item:last-of-type {
    border-bottom: none
}

.yb-match-list .c-match-item .bet-item-wrap {
    cursor: pointer
}

.yb-match-list .c-match-item .bet-item-wrap:last-child {
    border-bottom: none
}

.yb-match-list .c-match-item .match-footer-score .stage-score .item:last-child {
    color: var(--q-gb-t-c-16)
}

.yb-match-list .c-match-item.tpl-25 .c-match-date .no-start {
    text-indent: 10px
}

.yb-match-list .process-name {
    color: var(--q-text-color-2-2-hot)
}

.yb-match-list .jingcai,
.yb-match-list .jingcai .basic-col,
.yb-match-list .jingcai .basic-col .font-vs {
    color: var(--q-gb-bd-c-11)
}

.yb-match-list .jingcai .basic-col .score-wrap {
    background-color: var(--q-gb-bg-c-14)
}

.yb-match-list .jingcai .basic-col .score-wrap .onset-team:after {
    background-color: #6dd400
}

.yb-match-list .jingcai .basic-col .score-wrap .score {
    color: var(--q-gb-bd-c-11)
}

.yb-match-list .c-match-item .process-col {
    color: var(--q-gb-t-c-6)
}

.yb-match-list .c-match-item .basic-col .basic-wrap {
    position: relative
}

.yb-match-list .c-match-item .basic-col .basic-wrap .team-wrap {
    background-color: var(--q-gb-bg-c-8)
}

.yb-match-list .c-match-item .basic-col .basic-wrap .time-content .no-start span {
    line-height: 4px
}

.yb-match-list .c-match-item .basic-col .basic-wrap .time-content .no-start span:nth-child(1) {
    display: block
}

.yb-match-list .c-match-item .match-handicap-item-wrap .other-handicap-item .handicap-col:last-child .bet-item-wrap {
    border-right: none
}

.yb-match-list .c-match-item .match-handicap-item-wrap .other-handicap-item .handicap-col:nth-child(3) .col3 {
    border-right: none
}

.yb-match-list .c-match-item .unfold_multi_column .handicap-col:nth-child(3) .col3 {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.yb-match-list .highlight-t {
    color: var(--q-gb-t-c-16) !important
}

.yb-match-list .c-match-item .media-col .media-item:nth-of-type(odd) {
    background-color: var(--q-gb-bg-c-11)
}

.yb-match-list .today-champion-bg {
    position: sticky;
    top: 36px;
    height: 0px;
    z-index: 200
}

.yb-match-list .today-champion-bg:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 100%;
    left: 0;
    top: -5px;
    background-color: var(--q-gb-bg-c-11);
    z-index: 0
}

.yb-match-list.virtual-list .scroll-fixed-header {
    border-radius: 6px;
    border-bottom: 1px solid transparent
}

.yb-match-list.virtual-list .scroll-fixed-header .c-virtual-list-header {
    border-radius: 6px;
    position: relative;
    border: 1px solid var(--q-gb-bg-c-9);
    overflow: hidden
}

.yb-match-list.virtual-list .scroll-fixed-header .c-virtual-list-header .list-header {
    border-radius: 6px 6px 0 0
}

.yb-match-list.virtual-list .scroll-fixed-header .c-virtual-list-header .leagues-tabs {
    border-radius: 0 0 6px 6px
}

.yb-match-list.virtual-list .scroll-fixed-header .c-virtual-list-header .leagues-tabs .tab-wrap .item-wrap .line-wrap {
    bottom: 0 !important
}

.yb-match-list.virtual-list .match-type.text-left {
    border-radius: 0 0 6px 6px
}

.yb-match-list .v-scroll-item-hot:last-child {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.yb-match-list .leagues-fold .tr-match-head th {
    border-bottom: 1px solid var(--q-gb-bg-c-11)
}

.yb-match-list .home-team {
    border-top-color: var(--q-gb-bg-c-11);
    color: var(--q-gb-t-c-16)
}

.yb-match-list .sr-link-icon-w {
    transform: translateY(0)
}

.yb-match-list .sr-link-icon-w i.icon-signal:before {
    color: var(--q-gb-bg-c-8)
}

.yb-match-list .sr-link-icon-w:hover i.icon-signal:before {
    color: var(--q-gb-bd-c-11)
}

.yb-match-list .refresh-mask {
    background: var(--q-gb-bg-c-46)
}

.yb-match-list .refresh-mask .img-loading {
    background-image: var(--qq--bg-image-url10)
}

.c-bet-item.seal.csid1 .handicap-wrap {
    display: none
}

.c-bet-item.common-bet.GB {
    flex-direction: column !important
}

.c-bet-item.common-bet.GB .handicap-value {
    text-align: center !important;
    justify-content: center !important;
    height: 24px;
    line-height: 24px
}

.c-bet-item.common-bet.GB .handicap-value-text {
    min-width: auto !important
}

.c-bet-item.common-bet.GB .odds {
    margin-left: 0
}

.c-bet-item.common-bet.GB .odds .highlight-odds {
    margin-right: 0
}

.c-bet-item .handicap-value {
    font-size: 12px;
    display: flex
}

.c-bet-item .odds {
    display: flex;
    position: relative;
    align-items: center;
    font-size: 14px
}

.c-bet-item .odds .icon-lock {
    margin-left: 10px
}

.c-bet-item {
    color: var(--q-gb-bg-c-2)
}

.c-bet-item.show-odds-icon.up {
    background-color: #e93d3d0d
}

.c-bet-item.show-odds-icon.up .odds {
    color: #e93d3d !important
}

.c-bet-item.show-odds-icon.down {
    background-color: #50c0420d
}

.c-bet-item.show-odds-icon.down .odds {
    color: #50c042 !important
}

.c-bet-item .handicap-value {
    color: var(--q-gb-bg-c-2)
}

.c-bet-item .handicap-value.color-highlight {
    color: var(--q-gb-t-c-16)
}

.c-bet-item .handicap-value .handicap-more {
    color: var(--q-gb-bg-c-2);
    margin-right: 2px
}

.c-bet-item .icon-odds_up:before {
    color: var(--q-gb-t-c-3)
}

.c-bet-item .icon-odds_down:before {
    color: #50c042
}

.c-bet-item .odds {
    font-weight: 600
}

.c-bet-item .odds span:hover {
    background-color: var(--q-gb-bg-c-16);
    border-radius: 2px;
    color: #fff;
    padding: 0 2px
}

.c-bet-item.active {
    background: var(--q-gb-bg-c-16) !important
}

.c-bet-item.active .color-highlight,
.c-bet-item.active .handicap-value,
.c-bet-item.active .handicap-more {
    color: #fff
}

.c-bet-item.active .odds,
.c-bet-item.active .handicap-value-text {
    color: #fff !important
}

.c-bet-item.active .odds span:hover {
    background: none;
    padding: 0
}

.c-bet-item {
    color: var(--q-gb-t-c-3);
    border-radius: 4px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.c-bet-item.text-wight {
    max-width: 80%
}

.c-bet-item.up {
    background-color: var(--q-gb-bg-c-28) !important
}

.c-bet-item.up .handicap-more {
    color: var(--q-gb-t-c-3)
}

.c-bet-item.up .handicap-value-text {
    color: var(--q-gb-t-c-16)
}

.c-bet-item.up:after {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid var(--q-color-primary-up);
    transform: rotate(45deg)
}

.c-bet-item.up.un {
    background-color: var(--q-gb-bg-c-29) !important
}

.c-bet-item.up.un .handicap-more {
    color: var(--q-gb-t-c-3)
}

.c-bet-item.up.un .handicap-value-text {
    color: var(--q-gb-t-c-16)
}

.c-bet-item.up.un:after {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid var(--q-color-primary-down);
    transform: rotate(45deg)
}

.c-bet-item.down {
    background-color: var(--q-gb-bg-c-29) !important
}

.c-bet-item.down .handicap-more {
    color: var(--q-gb-t-c-3)
}

.c-bet-item.down .handicap-value-text {
    color: var(--q-gb-t-c-16)
}

.c-bet-item.down:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid var(--q-color-primary-down);
    transform: rotate(-45deg)
}

.c-bet-item.down.un {
    background-color: var(--q-gb-bg-c-28) !important
}

.c-bet-item.down.un .handicap-more {
    color: var(--q-gb-t-c-3)
}

.c-bet-item.down.un .handicap-value-text {
    color: var(--q-gb-t-c-16)
}

.c-bet-item.down.un:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid var(--q-color-primary-up);
    transform: rotate(-45deg)
}

.c-bet-item .highlight-odds.red {
    color: red !important
}

.c-bet-item .highlight-odds.green {
    color: green !important
}

.c-bet-item.bet-hover:hover {
    background-color: var(--q-gb-bg-c-63) !important
}

.c-bet-item.bet-hover.has_dov_odd:hover {
    background-color: var(--q-default-details-2-dov) !important
}

.c-bet-item.bet-hover.has_dov_odd:hover .highlight-odds {
    color: var(--q-text-color-ovt-1)
}

.c-bet-item.active.relative-position {
    background: var(--q-gb-t-c-16) !important;
    color: var(--q-gb-t-c-18) !important
}

.c-bet-item.active.relative-position .on_l {
    color: unset !important
}

.c-bet-item.active.relative-position .handicap-value-text {
    color: var(--q-gb-t-c-18) !important
}

.c-bet-item.active.relative-position .hover-color-49 {
    color: var(--q-text-color-btn-click) !important
}

.c-bet-item.active.relative-position .odds .highlight-odds,
.c-bet-item.active.relative-position .odds .yb-family-odds,
.c-bet-item.active.relative-position .handicap-more {
    color: var(--q-Handicap-click-text-color) !important
}

.c-bet-item.active.relative-position .red,
.c-bet-item.active.relative-position .green {
    color: var(--q-gb-t-c-18) !important
}

.c-bet-item.bet-noob {
    background-color: transparent
}

.c-bet-item.bet-noob:after,
.c-bet-item.bet-noob:before {
    display: none
}

.c-bet-item .odds .highlight-odds {
    color: var(--q-gb-t-c-3);
    line-height: 1.1
}

.c-bet-item .odds .highlight-odds:hover {
    background-color: var(--q-gb-bg-c-54);
    color: var(--q-gb-t-c-32) !important
}

.c-bet-item.has_dov_odd .odds .highlight-odds {
    color: var(--q-text-color-ovt-1-default) !important
}

.c-bet-item.has_dov_odd .odds .highlight-odds:hover {
    color: var(--q-text-color-ovt-1);
    background-color: var(--q-theme-color-1-default)
}

.c-bet-item.has_dov_odd .handicap-value-text {
    color: var(--q-text-color-ovt-1-default) !important
}

.c-bet-item.has_dov_odd:hover .odds .highlight-odds {
    color: var(--q-text-color-ovt-1) !important
}

.c-bet-item .lock {
    width: 12px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat
}

.c-bet-item .has-hv .handicap-value {
    display: none !important
}

.c-bet-item .handicap-value {
    line-height: 35px;
    flex: 1;
    height: 34px;
    white-space: nowrap
}

.c-bet-item .handicap-value.style2 .handicap-value-text {
    min-width: 30px;
    text-align: left;
    margin-left: 1px
}

.c-bet-item .handicap-value.style2 .iframe-lang-style.handicap-value-text {
    min-width: 24px
}

.c-bet-item .handicap-value.left_cell.nogoal {
    flex: 1.5
}

.c-bet-item .handicap-value.injury-time-goal {
    flex: 1.7
}

.c-bet-item .handicap-value.injury-time-goal.left_cell {
    flex: 2.3
}

.c-bet-item .compose_handicap .lock {
    margin: 0 !important
}

.c-bet-item .compose_handicap .handicap-value {
    justify-content: flex-start !important;
    padding-left: 8px;
    box-sizing: border-box
}

.c-bet-item .compose_handicap .handicap-value.style2 {
    min-width: 62%;
    padding-right: 4px
}

.c-bet-item .compose_handicap .handicap-value .handicap-value-text {
    width: auto
}

.c-bet-item .compose_handicap .odds {
    justify-content: flex-end;
    padding-right: 12px;
    box-sizing: border-box
}

.c-bet-item .odds {
    flex: 1;
    font-weight: 600;
    justify-content: flex-end;
    margin-left: 2px;
    line-height: 33px
}

.c-bet-item .odds.is_iframe {
    justify-content: flex-end
}

.c-bet-item .odds.hv {
    justify-content: flex-start !important
}

.c-bet-item.no-handicap .handicap-value,
.c-bet-item.no-handi .handicap-value,
.c-bet-item.null-handicap .handicap-value {
    display: none
}

.c-bet-item.no-handicap .odds,
.c-bet-item.no-handi .odds,
.c-bet-item.null-handicap .odds {
    justify-content: center;
    margin-left: 0
}

.c-bet-item.null-handicap .handicap-value {
    display: none
}

.c-bet-item.null-handicap .odds {
    margin-left: 0;
    justify-content: center
}

.c-bet-item .handicap-value-text {
    font-weight: 500;
    white-space: nowrap;
    color: var(--q-gb-t-c-16);
    max-width: 60px
}

.c-bet-item .c-bet-item13 .handicap-value-text,
.c-bet-item .c-bet-item40 .handicap-value-text {
    color: var(--q-gb-t-c-3)
}

.c-bet-item .c-bet-item0101202 .handicap-value-text,
.c-bet-item .c-bet-item3101202 .handicap-value-text,
.c-bet-item .c-bet-item0190202 .handicap-value-text,
.c-bet-item .c-bet-item3190202 .handicap-value-text,
.c-bet-item .c-bet-item0101201 .handicap-value-text,
.c-bet-item .c-bet-item3101201 .handicap-value-text {
    color: var(--q-gb-t-c-16)
}

.c-bet-item .vertical {
    flex-direction: column
}

.c-bet-item .vertical .handicap-value {
    line-height: 30px;
    height: 26px
}

.c-bet-item .vertical .odds {
    margin: 0
}

.c-bet-item .left_cell {
    text-align: left !important
}

.c-bet-item .whole_half_win {
    color: var(--q-gb-t-c-16)
}

.c-bet-item .multicolumn {
    justify-content: space-around !important
}

.c-bet-item .handicap-value-ranks {
    text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: nowrap !important
}

.c-bet-item .lang-style {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.match-new-card .has_dov_odd {
    background-color: var(--q-default-details-2-dov) !important
}

.bet-item-loading-pointer {
    pointer-events: none
}

.bet-item-loading {
    position: absolute;
    inset: 0;
    background: #ffffffe6;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

.bet-item-loading-active {
    opacity: 1
}

.bet-item-loading-spinner {
    width: 28px;
    height: 28px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--q-theme-color-1-default);
    border-radius: 50%;
    animation: bet-item-loading-spin 1s linear infinite
}

@keyframes bet-item-loading-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.odd-item-can-not-combination {
    background-color: var(--q-bg-color-2-1) !important;
    opacity: .5;
    pointer-events: none
}

.odd-item-can-not-combination .handicap-wrap .bet_handicap .handicap-odd-color {
    color: var(--q-text-color-3) !important
}

.match-list-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.match-list-container .scroll-fixed-header,
.match-list-container .yb-match-list.col {
    padding-right: 7px
}

.match-list-container .yb-match-list.col .v-scroll-list {
    display: flex
}

.match-list-container .v-scroll-list--has-thumb {
    width: calc(100% px) !important
}

.match-list-container .list-scrollbar {
    width: 100% !important
}

.match-list-container .fold-all {
    border: 1px solid var(--q-gb-t-c-16);
    padding: 0 10px;
    border-radius: 16px;
    color: var(--q-gb-t-c-16);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    justify-self: center;
    font-weight: 400;
    font-size: 12px;
    box-shadow: 0 3px 3px #0038621a;
    cursor: pointer
}

.match-list-container .fold-all .desc {
    transform: rotate(180deg)
}

.match-list-container .test-info-wrap {
    color: red;
    font-size: 24px;
    position: absolute;
    top: -10px;
    left: 100px;
    z-index: 99999;
    display: flex
}

.match-list-container .test-info-wrap .fold-btn {
    border: 1px solid #ccc;
    font-size: 16px;
    cursor: pointer;
    padding: 5px
}

.match-list-container .refreh-container {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--q-gb-bg-c-42);
    margin-left: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.match-list-container .refreh-container .refresh-icon {
    width: 20px;
    height: 20px;
    background-size: 100% 100%
}

.match-list-container .unfold-btn {
    background-color: var(--q-gb-t-c-16);
    margin-left: 4px;
    border-radius: 11px;
    padding: 4px 8px 4px 12px;
    color: var(--q-gb-t-c-18);
    display: flex;
    align-items: center;
    cursor: pointer
}

.match-list-container .rotate-ani {
    animation: transx 1s linear 1
}

@keyframes transx {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.match-list-container .refresh-mask {
    background: var(--q-gb-bg-c-51) !important
}

.match-list-container .new-pc-match-list-card .other-play-tab .play-title .arrow-wrap {
    background: var(--q-gb-bg-c-30) !important;
    z-index: 10
}

.match-list-container .new-pc-match-list-card .other-play-tab .tab-item {
    background: var(--q-gb-bg-c-11);
    border: .5px solid var(--q-gb-bd-c-8) !important
}

.match-list-container .toash {
    margin-top: 0
}

.match-list-container .odds-svg {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin: 0 0 0 5px
}

.match-list-container .match-tpl-1-after .hpsCompose .match-handicap .no-wrap .handicap-col:nth-of-type(n + 3):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.match-list-container .match-tpl-1-after .hpsCompose .match-handicap .no-wrap .handicap-col:nth-of-type(n + 3):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item.has_dov_odd {
    background-color: var(--q-default-details-2-dov)
}

.favorable_back {
    margin-right: 7px
}

.favorable_back>div {
    display: flex;
    height: 36px;
    padding: 0 13px;
    align-items: center;
    border-radius: 8px;
    border: 2px solid var(--q-gb-bd-c-28);
    background: var(--q-gb-bg-c-95);
    color: var(--q-gb-t-c-3)
}

.favorable_back>div .match-tpl-item-back {
    flex: 1;
    display: flex;
    align-items: center
}

.favorable_back>div .match-tpl-item-back .odd_promotion {
    margin-left: 12px
}

.favorable_back>div .fold {
    border: 1px solid var(--q-gb-t-c-16);
    padding: 0 10px;
    border-radius: 16px;
    color: var(--q-gb-t-c-16);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    justify-self: center;
    font-weight: 400;
    font-size: 12px;
    box-shadow: 0 3px 3px #0038621a;
    cursor: pointer
}

.favorable_back>div .fold>span {
    position: relative;
    margin-left: 2px;
    transform: rotate(180deg);
    width: 8px;
    height: 8px;
    background-size: 100% 100%;
    background-position: center;
    top: -1px
}

.favorable_back>div .fold>span.desc {
    transform: rotate(0);
    position: relative;
    top: 1px
}

.favorable_back>div .group-back {
    height: 18px;
    width: 26px
}

.favorable_back .favorable_title {
    background-color: var(--q-bg-color-3-2) !important;
    border: 2px solid var(--q-gb-bg-c-11)
}

.favorable_back .favorable-list-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.favorable_back .favorable-list-container .favorable-list-count {
    color: var(--q-gb-t-c-16);
    font-size: 14px;
    font-style: normal;
    font-weight: 600
}

.match-favorable-odds {
    background-color: transparent
}

.match-favorable-odds .match-favorable-odds-title {
    height: 40px;
    color: var(--q-gb-t-c-6);
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0%, var(--q-transparent-theme-color-1) 100%), var(--q-bg-color-1-4);
    color: var(--q-left-menu-color-3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    border-bottom: 1px solid var(--q-gb-bd-c-25)
}

.match-favorable-odds .match-favorable-odds-title .odds-svg-margin {
    margin: 0 2px 0 0
}

.match-favorable-odds .match-favorable-odds-title .title-left {
    display: flex;
    align-items: center;
    justify-items: center
}

.match-favorable-odds .match-favorable-odds-title .title-left .list-expand {
    height: 16px;
    width: 16px;
    margin: 0 16px 0 0;
    background-position: center
}

.match-favorable-odds .match-favorable-odds-title .title-left .list-expand-fold {
    transform: rotate(180deg)
}

.match-favorable-odds .match-favorable-odds-title .title-left .odds-title {
    margin: 0 8px
}

.match-favorable-odds .match-favorable-odds-title .title-left .odds-count {
    height: 16px;
    line-height: 16px;
    padding: 2px 8px;
    color: var(--q-gb-t-c-18);
    border-radius: 30px;
    background: var(---color-1, #E93D3D);
    font-size: 12px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.match-favorable-odds .match-favorable-odds-title .title-right {
    width: auto;
    height: 24px;
    border-radius: 12px;
    padding-right: 6px;
    background: var(--q-gb-t-c-16);
    display: flex;
    color: var(--q-gb-t-c-18);
    align-items: center;
    font-size: 12px;
    cursor: pointer
}

.match-favorable-odds .match-favorable-odds-title .title-right>span:nth-child(1) {
    margin-left: 6px
}

.match-favorable-odds .match-favorable-odds-title .title-right>span:nth-child(2) {
    margin: 0 4px
}

.match-favorable-odds .match-favorable-odds-title .title-right .q-icon {
    transform: rotate(90deg)
}

.match-favorable-odds .match-favorable-odds-title .title-right .q-icon:before {
    color: var(--q-gb-t-c-18)
}

.match-favorable-odds .match-favorable-odds-box {
    display: flex;
    gap: 8px;
    padding: 8px 0;
    color: var(--q-left-menu-color-3);
    height: 146px
}

.match-favorable-odds .match-favorable-odds-box .croll_box_list_content {
    width: 100%
}

.match-favorable-odds .match-favorable-odds-box .odds-card .title1 {
    color: var(--q-text-color-1);
    font-family: var(--font-chinese, "PingFang SC");
    font-size: 13px;
    font-style: normal;
    font-weight: var(--font-c-semibold, 600);
    line-height: normal
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-time img {
    width: 16px;
    height: 16px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-time .title1 {
    flex: 1;
    max-width: 180px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-time .title_num {
    color: var(--q-color-3-1, #FFAA17);
    text-align: right;
    font-family: var(--font-chinese, "PingFang SC");
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    justify-content: flex-end;
    position: absolute;
    right: 12px
}

.match-favorable-odds .match-favorable-odds-box .odds-card {
    max-width: 360px;
    min-width: 338px;
    flex: 1;
    height: 129px;
    gap: 12px;
    padding: 12px;
    background-color: var(--q-gb-bg-c-97);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 17px;
    background-position: 100% 100%;
    border: 1px solid transparent
}

.match-favorable-odds .match-favorable-odds-box .odds-card:hover {
    cursor: pointer;
    border: 1px solid var(--q-theme-color-1-default);
    box-shadow: 0 2px 8px 0 var(--q-shadow-2)
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-bottom {
    height: 46px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.match-favorable-odds .match-favorable-odds-box .odds-card p {
    margin: 0;
    padding: 0
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-left {
    flex: .8;
    display: flex;
    gap: 12px;
    flex-direction: column;
    justify-content: space-between
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-left .title1 {
    color: var(--q-text-color-1);
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-left .title2 {
    color: var(--q-text-color-1);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-left .odds-content {
    display: flex;
    align-items: center
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right {
    cursor: pointer;
    max-width: 168px;
    flex: 1;
    display: flex;
    gap: 12px;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
    overflow: hidden
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .new-odds {
    color: #555;
    text-align: center;
    font-family: DIN;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right>p:first-child {
    height: 18px;
    line-height: 18px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .odds-icon {
    color: var(--q-gb-t-c-16);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: auto;
    width: 100%
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .odds-icon>em {
    display: inline-block;
    vertical-align: text-top;
    max-width: 85px;
    margin-right: 2px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .odds-icon .odds-bq {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: var(--q-gb-t-c-18);
    margin-right: 2px;
    font-size: 12px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .odds-icon .yellow {
    background: #ffaa17
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .odds-icon .blue {
    background-color: #04c100
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .width85 {
    min-width: 85px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .old-odds {
    position: relative;
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .old-odds>span:first-child {
    color: #99a3b1;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .old-odds>span:first-child:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #99a3b1;
    top: 55%;
    left: 0;
    transform: translateY(-55%)
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .old-odds .odds-change {
    color: #cbced8;
    margin: 0 4px
}

.match-favorable-odds .match-favorable-odds-box .odds-card .odds-card-right .lock {
    width: 12px;
    height: 14px;
    background-size: 100%;
    margin-left: auto;
    margin-right: 0
}

.match-favorable-odds .match-favorable-odds-box .odds-card .team-png {
    width: 18px;
    display: flex;
    align-items: center
}

.match-favorable-odds .odds-svg {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.match-favorable-odds .mr0 {
    margin-right: 0
}

.match-favorable-odds .odds-change-white {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.match-favorable-odds .wh_180 {
    width: 180px
}

.match-favorable-odds .width85 {
    width: 85px
}

.match-favorable-odds .width120 {
    width: 120px;
    text-align: right
}

.match-favorable-odds .width125 {
    max-width: 125px
}

.list-match-card {
    overflow: hidden
}

.list-match-card .match-footer-score .result .yb-text-color1,
.list-match-card .match-footer-score .active-text {
    color: var(--q-gb-t-c-16)
}

.list-match-card .match-footer-score .icon-on_base1 .path1:before,
.list-match-card .match-footer-score .icon-on_base1 .path2:before,
.list-match-card .match-footer-score .icon-on_base1 .path3:before {
    color: var(--q-gb-bd-c-8)
}

.list-match-card .match-footer-score .icon-on_base1 .path1.active:before,
.list-match-card .match-footer-score .icon-on_base1 .path2.active:before,
.list-match-card .match-footer-score .icon-on_base1 .path3.active:before {
    color: var(--q-gb-bd-c-11)
}

.list-match-card.csid-1:not(:first-child) {
    border-top: none
}

.list-match-card:last-child {
    border-radius: 0 0 6px 6px
}

.list-match-card .paly-match-title {
    background: var(--q-bg-color-3-2) !important
}

.list-match-card .play-name-content {
    display: flex;
    border-top: 1px solid var(--q-gb-bd-c-8);
    text-align: right;
    align-items: center;
    overflow: hidden
}

.list-match-card .c-match-item {
    width: 100%
}

.list-match-card .test {
    position: absolute;
    color: red;
    font-size: 14px;
    z-index: 999999;
    left: 0;
    top: 0;
    -webkit-user-select: text;
    user-select: text
}

.list-match-card .process-name {
    display: block
}

.match-footer-score {
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    height: 40px;
    line-height: 40px;
    position: relative
}

.match-footer-score .scroll-arrow {
    position: absolute;
    top: 0;
    height: 100%
}

.match-footer-score .scroll-arrow.arrow-left {
    left: -12px
}

.match-footer-score .scroll-arrow.arrow-right {
    right: 0;
    text-align: center
}

.match-footer-score .stage-score {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 5px;
    margin-right: 30px;
    margin-bottom: -18px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.match-footer-score .stage-score::-webkit-scrollbar {
    width: 0 !important
}

.match-footer-score .stage-score span {
    display: inline-block
}

.match-footer-score .stage-score span.item {
    width: 50px
}

.match-footer-score .amount-score {
    flex-wrap: nowrap;
    min-width: 130px;
    flex-shrink: 0
}

.match-footer-score .amount-score.min-width {
    min-width: 213px
}

.match-footer-score .icon-on_base1 {
    font-size: 20px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
    margin-right: 5px
}

.match-footer-score .mfo {
    width: 100%;
    text-align: right
}

.match-footer-score .active-text {
    margin-left: 4px
}

.guidance .active {
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: -2px
}

.guidance .champion_item_icon {
    height: 20px
}

.guidance .play-info :before {
    display: none !important
}

.guidance :deep(.play-info) {
    height: 40px;
    background: var(--q-gb-bg-c-11) !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.guidance .play-wrap {
    margin-top: 0 !important
}

.guidance .bet-list-wrap {
    margin: 12px !important
}

.guidance .c-bet-item {
    background-color: var(--q-gb-bg-c-31) !important;
    border-radius: 8px !important
}

.guidance .arrow-wrap-container {
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--q-gb-bd-c-8) !important
}

.guidance .arrow-wrap-container .play-info2 {
    background: none;
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: rotate(0)
}

.guidance .play-info-more {
    background: none;
    width: 12px;
    height: 9px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    margin-left: 4px
}

.guidance .play-info4 {
    width: 14px;
    height: 8px
}

.guidance .rotateIcon {
    transform: rotate(180deg) !important
}

.guidance .play-info3 {
    background: none;
    width: 12px;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.guidance .play-info .ellipsis {
    margin-left: 25px;
    max-width: 500px;
    display: inline-block;
    align-items: center;
    justify-items: center
}

.guidance .play-info .ellipsis>img {
    position: relative;
    top: 5px
}

.guidance .is_day {
    width: 16px !important;
    height: 16px !important;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: -2px
}

.tpl-18.guidance {
    position: relative
}

.tpl-18.guidance .more_play {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    width: 100%;
    background-color: var(--q-gb-bg-color-1-1)
}

.tpl-18.guidance .more_play .play-info2 {
    margin-left: 4px
}

.tpl-18.guidance .play-wrap {
    margin-top: 0 !important;
    border-radius: 0 0 0 6px !important;
    border: none !important
}

.tpl-18.guidance .play-info {
    border-top: 1px solid var(--q-gb-bd-c-8) !important;
    border-bottom: 1px solid var(--q-gb-bd-c-8) !important;
    height: 40px;
    line-height: 40px;
    padding: 0 12px 0 0 !important;
    background-color: var(--q-gb-bg-c-37) !important
}

.match-handicap-title {
    width: 100%
}

.match-handicap-title .tr-col-name,
.match-handicap-title div {
    background: none !important;
    border: none !important
}

.match-handicap-title.match-tpl13 .tr-match-head .play-name .col.bet-col2,
.match-handicap-title.match-tpl13 .tr-match-head .play-name .col.bet-col4 {
    border-left: 0 !important
}

.match-handicap-title .tr-match-head {
    display: flex;
    line-height: 24px;
    cursor: pointer
}

.match-handicap-title .tr-match-head .leagues-wrap {
    display: flex;
    align-items: center;
    padding: 0 13px
}

.match-handicap-title .tr-match-head .leagues-wrap .list-expand {
    width: 16px;
    height: 16px;
    margin-right: 30px;
    transform: rotate(180deg)
}

.match-handicap-title .tr-match-head .leagues-wrap .list-expand-fold {
    transform: rotate(0)
}

.match-handicap-title .tr-match-head .leagues-wrap .icon-arrow {
    font-size: 20px;
    margin-right: 20px;
    left: 10px;
    top: -1px;
    transition: transform .3s
}

.match-handicap-title .tr-match-head .leagues-wrap .league-icon-wrap {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    line-height: 18px
}

.match-handicap-title .tr-match-head .leagues-wrap .league-icon-wrap img {
    width: 100%;
    height: 100%
}

.match-handicap-title .tr-match-head .leagues-wrap .ellipsis-wrap {
    font-size: 13px;
    line-height: 1.2
}

.match-handicap-title .tr-match-head .leagues-wrap .ellipsis-wrap .absolute-full .ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap
}

.match-handicap-title .tr-match-head .leagues-wrap .league-match-count {
    margin-left: 10px
}

.match-handicap-title .tr-match-head .play-name {
    text-align: center;
    align-items: center;
    align-self: center
}

.match-handicap-title .tr-match-head .play-name .col2 {
    flex: 20000 1 0%
}

.match-handicap-title .tr-match-head .play-name .col {
    height: 100%;
    max-height: 100%
}

.match-handicap-title .tr-match-head .play-name .col .double-row {
    font-size: 12px;
    height: 100%;
    padding: 1px 0;
    line-height: 15px
}

.match-handicap-title .tr-match-head .play-name>div.bet-col3,
.match-handicap-title .tr-match-head .play-name>div.bet-col4,
.match-handicap-title .tr-match-head .play-name>div.bet-col5 {
    color: var(--q-gb-t-c-16)
}

.match-handicap-title .tr-match-head .gap4 {
    gap: 4px
}

.match-handicap-title .tr-match-head .m-star-wrap-league {
    cursor: pointer
}

.match-handicap-title .tr-col-name {
    display: flex;
    height: 24px
}

.match-handicap-title .tr-col-name .play-name {
    text-align: center;
    line-height: 24px;
    padding-right: 4px
}

.match-handicap-title .tr-col-name .play-name .ellipsis.tpl3:nth-child(3),
.match-handicap-title .tr-col-name .play-name .ellipsis.tpl3:nth-child(4) {
    color: var(--q-gb-t-c-16)
}

.match-handicap-title .tr-col-name .tr-col-21>div:nth-child(n + 4):nth-child(-n + 6) {
    color: var(--q-gb-t-c-16)
}

.match-handicap-title .leagues-pack .tr-match-head .leagues-wrap .icon-arrow {
    transform: rotate(180deg)
}

.match-handicap-title .leagues-pack .tr-match-head .play-name div {
    display: none
}

.match-handicap-title .leagues-pack .tr-match-head .league-match-count {
    display: block
}

.match-handicap-title .leagues-pack .tr-col-name {
    display: none
}

.match-handicap-title .soprts_id_icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% auto
}

.match-handicap .handicap-wrap {
    justify-content: space-between;
    padding-right: 4px;
    display: flex;
    gap: 4px
}

.match-handicap .handicap-col .bet-item-wrap {
    padding: 2px 0
}

.match-handicap .handicap-col .bet-item-wrap:first-child {
    padding-top: 8px
}

.match-handicap .handicap-col .bet-item-wrap:last-child {
    padding-bottom: 8px
}

.match-handicap .handicap-col .bet-item-wrap.visibility {
    visibility: hidden
}

.match-handicap .handicap-col .bet-item-wrap.right-rimless {
    border-right: none
}

.match-handicap .handicap-col .bet-item-wrap .c-bet-item {
    border-radius: 4px;
    background-color: var(--q-gb-bg-c-27);
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--q-gb-t-c-3);
    overflow: unset
}

.match-handicap .handicap-col .bet-item-wrap .c-bet-item .pc-promotion-up-pop {
    height: 24px;
    width: 24px;
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 100;
    background-size: 100%
}

.match-handicap .handicap-col .bet-item-wrap .has_dov_odd {
    background-color: var(--q-default-details-2-dov)
}

.match-handicap .no-wrap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.match-handicap .no-wrap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .has_dov_odd {
    background-color: var(--q-default-details-2-dov)
}

.match-handicap .no-wrap .handicap-col:nth-of-type(n + 3) .bet-item-wrap .c-bet-item.jinqiu-menu {
    background-color: var(--q-gb-bg-c-31)
}

.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(1) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(4) .bet-item-wrap .c-bet-item {
    border-radius: 4px;
    background-color: var(--q-gb-bg-c-27);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--q-gb-t-c-3)
}

.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(2) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(3) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(5) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-25)
}

.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(2) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(3) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(5) .bet-item-wrap .c-bet-item,
.match-handicap .six_ball_column .no-wrap .handicap-col:nth-of-type(6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.match-handicap .handicap-col-3 .bet-item-wrap {
    padding: 4px 0
}

.match-handicap .handicap-col-3 .bet-item-wrap:first-child {
    padding-top: 8px;
    padding-bottom: 0
}

.match-handicap .handicap-col-3 .bet-item-wrap:last-child {
    padding-bottom: 8px;
    padding-top: 0
}

.match-handicap .american-football-footer {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    position: relative
}

.match-list-card {
    width: 100%
}

.match-list-card.bg-color {
    background-color: var(--q-gb-bg-c-37)
}

.match-list-card.tid_container_num+.tid_title_num,
.match-list-card.tid_title_num+.tid_title_num,
.match-list-card.tid_title_num+.csid_title_num,
.match-list-card.tid_title_num+.weikai_yikai_title_num,
.match-list-card.weikai_yikai_title_num+.tid_title_num,
.match-list-card.csid_title_num+.tid_title_num,
.match-list-card.tid_container_num+.weikai_yikai_title_num,
.match-list-card.tid_container_num+.csid_title_num {
    margin-top: 6px
}

.match-list-card.matc-type-card:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 100%;
    left: 0;
    top: 34px;
    background-color: var(--q-gb-bg-c-22);
    z-index: 1
}

.match-list-card.weikai_yikai_title_num .list-card-inner .hot_all {
    background: var(--q-gb-bg-color-1-1) !important
}

.match-list-card .list-card-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: var(--q-gb-t-c-6)
}

.match-list-card .time-content {
    line-height: 24px
}

.match-list-card .play-match-type {
    border-top: 1px solid var(--q-gb-bd-c-6);
    background: var(--q-bg-color-3-2)
}

.match-list-card .play-match-type.is_status_csid {
    background: var(--q-gb-bg-c-22) !important;
    color: var(--q-gb-t-c-6)
}

.new-type-match-list-card.match-list-card.tid_container_num+.tid_title_num {
    margin-top: 0
}

.match-type-champion {
    height: 34px
}

.match-type-champion .soprts_id_icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100%
}

.match-type-champion .tr-match-head {
    background: var(--q-gb-bg-c-30);
    border: 1px solid var(--q-gb-bd-c-13);
    border-radius: 6px;
    height: 100%;
    cursor: pointer
}

.match-type-champion .tr-match-head .leagues-wrap {
    display: flex;
    align-items: center;
    font-size: 13px;
    padding: 0 10px;
    height: 100%
}

.match-type-champion .tr-match-head .leagues-wrap .icon-arrow {
    font-size: 20px;
    margin-right: 16px;
    transition: transform .3s
}

.match-type-champion .tr-match-head .leagues-wrap .expand-arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 20px;
    margin-right: 16px;
    transition: transform .3s
}

.match-type-champion .tr-match-head .leagues-wrap .icon-wrap {
    margin-right: 10px
}

.match-type-champion .tr-match-head .leagues-wrap .icon-wrap.active .icon-star:before {
    color: var(--q-gb-t-c-16)
}

.match-type-champion .tr-match-head .leagues-wrap .icon-wrap .champin-collect-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: center
}

.match-type-champion .tr-match-head .leagues-wrap .league-icon-wrap {
    width: 18px;
    height: 18px;
    margin-right: 10px
}

.match-type-champion .tr-match-head .leagues-wrap .league-icon-wrap img {
    width: 100%;
    height: 100%
}

.match-type-champion.leagues-pack .leagues-wrap .expand-arrow {
    transform: rotate(180deg)
}

.match-type-champion .absolute-full .total {
    padding-right: 14px;
    margin-left: 10px
}

.play-match-league {
    height: 34px
}

.play-match-league .tr-match-head {
    background: var(--q-gb-bg-c-30);
    border: 1px solid var(--q-gb-bd-c-13);
    border-radius: 6px;
    position: relative
}

.play-match-league .tr-match-head .leagues-wrap {
    color: var(--q-gb-t-c-20);
    font-weight: 550
}

.play-match-league .tr-match-head .icon-arrow:before {
    color: var(--q-gb-bd-c-11)
}

.play-match-league .tr-match-head .play-name .col {
    font-size: 12px;
    font-weight: 500;
    color: var(--q-gb-t-c-24);
    font-family: PingFangSC-Medium
}

.play-match-league .tr-match-head .play-name .col.bet-col3.no-bg,
.play-match-league .tr-match-head .play-name .col.bet-col4.no-bg,
.play-match-league .tr-match-head .play-name .col.bet-col5.no-bg {
    background: none
}

.play-match-league .tr-match-head .play-name .col.bet-col3.y0-col4,
.play-match-league .tr-match-head .play-name .col.bet-col4.y0-col4,
.play-match-league .tr-match-head .play-name .col.bet-col5.y0-col4 {
    border-right: 1px solid var(--q-gb-bd-c-8);
    border-left: 1px solid var(--q-gb-bd-c-8);
    color: var(--q-gb-t-c-16)
}

.play-match-league .tr-match-head .media-position-icon {
    position: absolute;
    right: 0;
    width: 65px;
    align-items: center;
    justify-content: right;
    display: flex;
    padding: 0 4px
}

.play-match-league .tr-match-head .media-position-icon>div {
    margin-left: 3px
}

.play-match-league .tr-col-name {
    background: var(--q-gb-bg-c-31);
    color: var(--q-gb-bg-c-2);
    position: relative
}

.play-match-league .tr-col-name:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    left: 0;
    top: -6px;
    z-index: -1
}

.play-match-league .league-match-count {
    margin-left: 10px
}

.play-match-league.match-tpl13 .tr-match-head .play-name .col.bet-col2,
.play-match-league.match-tpl13 .tr-match-head .play-name .col.bet-col4 {
    border-left: 0 !important
}

.play-match-league .none {
    display: none
}

.play-match-league .tr-match-head {
    background: var(--q-gb-bg-c-30);
    border: 1px solid var(--q-gb-bd-c-13);
    border-radius: 6px;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer
}

.play-match-league .tr-match-head .leagues-wrap {
    display: flex;
    align-items: center;
    padding: 0 0 0 12px
}

.play-match-league .tr-match-head .leagues-wrap .list-expand {
    width: 16px;
    height: 16px;
    margin-right: 16px;
    transform: rotate(180deg);
    background-position: center
}

.play-match-league .tr-match-head .leagues-wrap .list-expand-fold {
    transform: rotate(0)
}

.play-match-league .tr-match-head .leagues-wrap .icon-arrow {
    font-size: 20px;
    margin-right: 20px;
    left: 10px;
    top: -1px;
    transition: transform .3s
}

.play-match-league .tr-match-head .leagues-wrap .league-icon-wrap {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    line-height: 18px
}

.play-match-league .tr-match-head .leagues-wrap .league-icon-wrap img {
    width: 100%;
    height: 100%
}

.play-match-league .tr-match-head .leagues-wrap .ellipsis-wrap {
    font-size: 13px;
    line-height: 1.2
}

.play-match-league .tr-match-head .leagues-wrap .ellipsis-wrap .absolute-full .ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap
}

.play-match-league .tr-match-head .play-name {
    text-align: center;
    line-height: 1.2;
    padding-right: 0;
    align-items: center
}

.play-match-league .tr-match-head .play-name .col2 {
    flex: 20000 1 0%
}

.play-match-league .tr-match-head .play-name .col {
    height: 100%;
    max-height: 100%;
    border: none !important
}

.play-match-league .tr-match-head .play-name .col .double-row {
    font-size: 12px;
    height: 100%;
    padding: 1px 0;
    line-height: 15px
}

.play-match-league .tr-match-head .play-name>div.bet-col3,
.play-match-league .tr-match-head .play-name>div.bet-col4,
.play-match-league .tr-match-head .play-name>div.bet-col5 {
    color: var(--q-gb-t-c-16)
}

.play-match-league .tr-match-head .gap4 {
    gap: 4px
}

.play-match-league .tr-match-head .p5 {
    gap: 2px
}

.play-match-league .tr-match-head .m-star-wrap-league {
    cursor: pointer;
    text-align: center
}

.play-match-league .tr-match-head .m-star-wrap-pin {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.play-match-league .tr-match-head .m-star-wrap-pin>span {
    width: 14px;
    height: 14px;
    background-size: 100% 100%
}

.play-match-league .tr-col-name {
    display: flex;
    height: 24px;
    background: var(--q-bg-color-3-2);
    color: var(--q-gb-bg-c-2);
    position: relative
}

.play-match-league .tr-col-name .play-name {
    text-align: center;
    line-height: 24px
}

.play-match-league .tr-col-name .play-name .ellipsis.tpl3:nth-child(3),
.play-match-league .tr-col-name .play-name .ellipsis.tpl3:nth-child(4) {
    color: var(--q-gb-t-c-16)
}

.play-match-league .tr-col-name .play-name.tr-col-21>div:nth-child(n + 4):nth-child(-n + 6) {
    color: var(--q-gb-t-c-16)
}

.play-match-league.leagues-pack .tr-match-head .leagues-wrap .icon-arrow {
    transform: rotate(180deg)
}

.play-match-league.leagues-pack .tr-match-head .play-name div {
    display: none
}

.play-match-league.leagues-pack .tr-match-head .league-match-count {
    display: block
}

.play-match-league.leagues-pack .tr-col-name {
    display: none
}

.play-match-league .soprts_id_icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% auto
}

.play-match-league.match-tpl1 .tr-match-head .play-name {
    padding-right: 4px
}

.play-match-type {
    padding: 0 15px 0 20px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: var(--q-gb-t-c-16)
}

.play-match-type .col-left {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    transform: translateY(2px)
}

.play-match-type .col-left .list-play {
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.play-match-type .col-left .list-play div {
    display: block;
    width: 18px;
    height: 18px
}

.play-match-type .match-number {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 500
}

.play-match-type.text-left.yb-flex-between {
    border-radius: 6px;
    border-top: 0
}

.play-match-type .col-right {
    border: 1px solid var(--q-gb-t-c-16);
    padding: 0 10px;
    border-radius: 16px;
    color: var(--q-gb-t-c-16);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    justify-self: center;
    font-weight: 400;
    font-size: 12px;
    box-shadow: 0 3px 3px #0038621a;
    cursor: pointer
}

.play-match-type .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.play-match-type .arrow {
    font-size: 8px;
    margin-left: 2px;
    transition: transform .3s;
    transform: rotate(180deg);
    width: 8px;
    height: 8px;
    background-size: 100% 100%;
    background-position: center
}

.play-match-type .arrow.desc {
    transform: rotate(0)
}

.row-item {
    position: relative;
    display: flex;
    height: 42px;
    align-items: center;
    padding: 0 12px
}

.row-item.GB {
    height: 58px
}

.row-item .team-logo-wrap {
    min-width: 18px;
    min-height: 18px;
    display: flex
}

.row-item .team-logo-wrap .visible {
    visibility: hidden
}

.row-item .team-logo-wrap .team-logo {
    display: flex;
    width: 18px;
    min-width: 18px;
    align-items: center
}

.row-item .team-logo-wrap .team-logo:last-child {
    margin-right: 8px !important
}

.row-item .team-logo-wrap .team-logo+.team-logo {
    margin-left: -7px
}

.row-item .team-name {
    line-height: 1.2;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.row-item .team-name.bold {
    color: var(--q-gb-t-c-16) !important
}

.row-item .team-name .text-menu-name {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.row-item .red-ball {
    background: #ba0e0e;
    color: var(--q-gb-t-c-18)
}

.row-item .score {
    color: var(--q-gb-t-c-16);
    font-weight: 700
}

.row-item .score.score-cur {
    color: var(--q-gb-bg-c-8)
}

.row-item .score.score-game {
    color: var(--q-gb-bd-c-3)
}

.row-item .scoring {
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(-50%)
}

.row-item:hover .team-name,
.row-item:hover .up-half-text {
    color: var(--q-gb-t-c-16)
}

.row-item .score,
.row-item .score-game {
    min-width: 14px;
    text-align: right;
    justify-content: flex-end;
    margin: 0 0 0 5px
}

.tipsName2 {
    position: absolute;
    left: 0;
    bottom: 14px
}

.match-icon-name2 {
    margin-left: 16px;
    pointer-events: none
}

.base-info-item-24 .row-item {
    height: 36px
}

.base-info-item-24 .row-item.GB {
    height: 58px
}

.base-info-item-24 .time-content {
    line-height: 46px
}

.base-info-item-25 .row-item {
    height: 36px
}

.base-info-item-25 .row-item.GB {
    height: 58px
}

.base-info-item-25 .time-content {
    line-height: 46px
}

.row-item:nth-last-child {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.serve-ball {
    position: absolute;
    background-color: var(--q-gb-t-c-10);
    border-radius: 50%;
    margin-top: -4px;
    left: -3px;
    height: 5px;
    width: 5px;
    top: 50%
}

.serve-ball.active {
    background-color: var(--q-gb-t-c-16)
}

.base-info-7 .serve-ball {
    left: 2px
}

.more-info {
    display: flex;
    gap: 2px;
    align-items: center
}

.more-info .allow-user-select {
    height: inherit;
    line-height: 18px
}

.more-info .match_pre {
    width: 14px;
    height: 14px;
    cursor: pointer
}

.more-info .m-star-wrap-match {
    cursor: pointer
}

.more-info .settlement-pin {
    width: 14px;
    height: 14px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.more-info .play-count-wrap i {
    transform: rotate(90deg)
}

.more-info .play-count-wrap .play-count {
    color: var(--q-text-color-2-2-hot);
    cursor: pointer
}

.more-info .play-count-wrap:hover .icon-triangle-right:before {
    color: var(--q-gb-bg-c-8)
}

.base-info-1 .gif-text {
    padding-left: 3px;
    animation: 1s text-flash linear infinite normal;
    color: #ff7000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.base-info-1 .var-text {
    padding-left: 3px;
    color: #ff7000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    animation: 1s text-flash linear infinite normal
}

.base-info-1 .red-ball {
    margin: 0 0 2.5px 8px;
    position: relative;
    top: 1px;
    padding: 0 2px;
    height: 14px;
    line-height: 14px
}

.base-info-1 .red-ball.yellow {
    background-color: #ffa800
}

.base-info-1 .red-ball.flash {
    animation: 1s text-flash linear infinite normal
}

.base-info-1 .match-icon {
    justify-content: space-between
}

.base-info-1 .time-content,
.base-info-1 .date-wrap {
    display: flex !important;
    background-color: unset
}

.base-info-1 .time-content .process-name,
.base-info-1 .date-wrap .process-name {
    padding: 0 2px
}

.base-info-1 .date-wrap {
    padding: 0 !important
}

@keyframes text-flash {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.base-info-2 .match-icon {
    justify-content: space-between
}

.base-info-2 .red-ball {
    margin: 0 0 2.5px 8px;
    position: relative;
    top: 1px;
    padding: 0 2px;
    height: 14px;
    line-height: 14px
}

.base-info-2 .red-ball.yellow {
    background-color: #ffa800
}

.base-info-2 .red-ball.flash {
    animation: 1s text-flash linear infinite normal
}

.base-info-2 .allow-user-select {
    height: inherit;
    line-height: 18px
}

.base-info-3 .allow-user-select {
    font-size: 12px
}

.base-info-3 .match-icon {
    justify-content: flex-end;
    border-right: 1px solid var(--q-gb-bd-c-8);
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.base-info-3 .ot {
    color: var(--q-gb-t-c-16)
}

.base-info-4 {
    padding: 0 12px
}

.base-info-4 .row-item {
    display: flex;
    align-items: center
}

.base-info-4 .row-item .team-logo {
    display: flex;
    width: 22px;
    min-width: 22px;
    align-items: center
}

.base-info-4 .is_iframe_tips {
    margin-right: 17px;
    float: right
}

.base-info-4 .ellipsis-wrap {
    flex: 1;
    position: relative;
    height: 100%
}

.base-info-4.is_iframe .row-item {
    padding: 0
}

.base-info-4 .wanfa {
    justify-content: flex-end
}

.base-info-5 {
    position: relative
}

.base-info-5 .match-icon {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.base-info-5 .match-icon {
    justify-content: space-between
}

.base-info-6 .score-sum {
    width: 30px;
    text-align: right
}

.base-info-6 .match-icon {
    justify-content: space-between
}

.match-new-card {
    height: 80px;
    background-color: var(--q-gb-bd-c-13);
    border-radius: 6px;
    display: flex;
    align-items: center
}

.match-new-card .left {
    display: flex;
    width: 60px;
    height: inherit;
    justify-content: center;
    align-items: center
}

.match-new-card .left .time-content {
    line-height: 1.2
}

.match-new-card .left .new-timer-layout {
    display: flex;
    flex-direction: column;
    padding-top: 2px;
    gap: unset;
    position: relative;
    overflow: hidden;
    text-wrap: auto
}

.match-new-card .center {
    display: flex;
    flex: 1;
    padding: 14px 15px
}

.match-new-card .center .settlement-pin {
    width: 36px;
    height: 52px;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: var(--q-gb-bg-c-27);
    border-radius: 2px;
    color: var(--q-gb-t-c-6);
    align-items: center;
    cursor: pointer
}

.match-new-card .center .settlement-pin .top {
    display: flex;
    align-items: center;
    height: 100%
}

.match-new-card .center .settlement-pin>span {
    display: block;
    height: 14px;
    width: 14px;
    background-size: 100%
}

.match-new-card .center .match-new-handicap {
    --private-match-new-handicap-margin: 10px;
    --private-match-new-handicap-padding-y: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    height: 52px;
    background-color: var(--q-Handicap-default-half-court);
    border-radius: 3px
}

.match-new-card .center .match-new-handicap:hover {
    background-color: var(--q-Handicap-hover-all)
}

.match-new-card .center .match-new-handicap:hover .c-bet-item {
    background-color: unset
}

.match-new-card .center .match-new-handicap.active {
    color: var(--q-gb-t-c-18) !important;
    background: var(--q-gb-t-c-16) !important
}

.match-new-card .center .match-new-handicap.active .c-bet-item {
    background-color: var(--q-gb-t-c-16) !important
}

.match-new-card .center .match-new-handicap.active .c-bet-item .handicap-value-text,
.match-new-card .center .match-new-handicap.active .match-item-team-name .match-name.bold {
    color: var(--q-gb-t-c-18) !important
}

.match-new-card .center .match-new-handicap.active .match-name.active {
    color: var(--q-gb-t-c-18)
}

.match-new-card .center .match-new-handicap.is_iframe {
    width: 200px
}

.match-new-card .center .match-new-handicap img {
    height: 28px;
    width: 28px
}

.match-new-card .center .match-new-handicap .serving-side {
    width: 8px;
    height: 8px
}

.match-new-card .center .match-new-handicap .serving-side .serving-party {
    border-radius: 8px;
    background: var(--sys-feedback-success-success-400, #50C042);
    width: 8px;
    height: 8px
}

.match-new-card .center .match-new-handicap .serving-margin-left {
    margin-left: 5px
}

.match-new-card .center .match-new-handicap .serving-margin-right {
    margin-right: 5px
}

.match-new-card .center .match-left,
.match-new-card .center .match-right {
    flex: 1;
    display: flex
}

.match-new-card .center .match-left {
    margin-left: var(--private-match-new-handicap-margin);
    padding: 0px var(--private-match-new-handicap-padding-y)
}

.match-new-card .center .match-left img {
    margin-left: 6px
}

.match-new-card .center .match-left .match-item-team-name {
    text-align: right;
    justify-content: flex-end
}

.match-new-card .center .match-right {
    margin-right: var(--private-match-new-handicap-margin);
    padding: 0px var(--private-match-new-handicap-padding-y)
}

.match-new-card .center .match-right img {
    margin-right: 6px
}

.match-new-card .center .match-data {
    width: 36px;
    height: 52px;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: var(--q-gb-bg-c-27);
    border-radius: 2px;
    color: var(--q-gb-t-c-6);
    cursor: pointer
}

.match-new-card .center .match-part {
    width: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.match-new-card .center .match-part>span {
    color: var(--q-gb-t-c-6);
    font-size: 12px
}

.match-new-card .center .match-part>span:nth-child(1) {
    font-weight: 600;
    line-height: 20px
}

.match-new-card .center .match-score {
    color: var(--q-gb-bg-c-57);
    width: 46px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.match-new-card .center .match-score .score-text {
    font-size: 20px;
    font-style: normal;
    font-weight: 500
}

.match-new-card .center .match-score .over-time-text {
    font-size: 10px
}

.match-new-card .center .odd-detail {
    width: 82px;
    height: 52px;
    background-color: var(--q-gb-bg-c-27);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    text-align: center
}

.match-new-card .center .odd-detail.bg-null {
    background-color: transparent
}

.match-new-card .center .odd-detail.active {
    color: var(--q-gb-t-c-18) !important;
    background: var(--q-gb-t-c-16) !important
}

.match-new-card .center .odd-detail.active .c-bet-item {
    background-color: var(--q-gb-t-c-16) !important
}

.match-new-card .center .odd-detail.active .c-bet-item .handicap-value-text {
    color: var(--q-gb-t-c-18) !important
}

.match-new-card .center .odd-detail .no-start {
    display: grid;
    text-align: center;
    place-items: center;
    height: 100%
}

.match-new-card .center .odd-detail-hover:hover {
    background-color: var(--q-gb-bg-c-31)
}

.match-new-card .center .active .common-text {
    color: var(--qq--match-text-color2)
}

.match-new-card .center .match-new-mid .common-text {
    padding-right: 4px;
    white-space: nowrap;
    width: 50%;
    text-align: right
}

.match-new-card .center .match-new-mid .common-text+.match-odd {
    width: 50%
}

.match-new-card .center .match-new-mid .common-text+.match-odd .odds {
    justify-content: center
}

.match-new-card .center .common-text {
    color: var(--qq--yb-text-color4_6);
    font-size: 12px
}

.match-new-card .center .match-name {
    max-width: 284px;
    overflow: visible;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    line-height: 24px;
    -webkit-box-orient: vertical;
    width: 0;
    flex: 1
}

.match-new-card .center .match-item-team-name {
    --private-margin: 5px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex: 1
}

.match-new-card .center .match-item-team-name .match-name.bold {
    color: var(--q-gb-t-c-16)
}

.match-new-card .center .match-item-team-name .match-name.active {
    color: var(--q-gb-bg-c-18)
}

.match-new-card .center .team_logo {
    width: 28px;
    height: 28px;
    margin-left: 6px
}

.match-new-card .center .team_logo_away {
    width: 28px;
    height: 28px;
    margin-right: 6px
}

.match-new-card .right {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.match-new-card .right .v-icon {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    padding: 1px 3px;
    color: var(--q-gb-t-c-27);
    border-radius: 2px;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid var(--q-gb-bd-c-8);
    margin-bottom: 4px;
    max-width: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.match-new-card .right .video-active {
    color: var(--q-gb-t-c-16) !important;
    border: 1px solid var(--q-gb-bg-c-1) !important
}

.match-new-card .right .collect-icon {
    width: 14px;
    height: 14px;
    font-size: 14px
}

.match-new-card .match-des div.lift_up {
    background-color: var(--q-gb-bg-c-28) !important;
    position: relative
}

.match-new-card .match-des div.lift_up:after {
    content: "";
    position: absolute;
    top: 0;
    right: -6px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 9px solid #E93D3D;
    transform: rotate(45deg)
}

.match-new-card .match-des div.lift_up.un {
    background-color: var(--q-gb-bg-c-29) !important
}

.match-new-card .match-des div.lift_up.un:after {
    border-bottom: 9px solid #50C042
}

.match-new-card .match-des div.lift_up.un .odds .highlight-odds {
    color: #50c042
}

.match-new-card .match-des div.lift_up .odds .highlight-odds {
    color: #e93d3d
}

.match-new-card .match-des div.lift_down {
    background-color: var(--q-gb-bg-c-29) !important;
    position: relative
}

.match-new-card .match-des div.lift_down:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -6px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 9px solid #50C042;
    transform: rotate(-45deg)
}

.match-new-card .match-des div.lift_down.un {
    background-color: var(--q-gb-bg-c-28) !important
}

.match-new-card .match-des div.lift_down.un:after {
    border-top: 9px solid #E93D3D
}

.match-new-card .match-des div.lift_down.un .odds .highlight-odds {
    color: #e93d3d
}

.match-new-card .match-des div.lift_down .odds .highlight-odds {
    color: #50c042
}

.match-new-card :deep(.c-bet-item) {
    min-width: 20px
}

.match-new-card .match-name.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.match-new-card .mr-8 {
    margin-right: 4px;
    white-space: nowrap
}

.match-new-card .mb-15 {
    margin-bottom: 15px
}

.match-new-card .mb-5 {
    margin-bottom: 5px
}

.match-new-card .after_tpl0 {
    margin-bottom: 4px
}

.match-new-card .is_curson {
    cursor: pointer
}

.match-new-card .c-bet-item {
    overflow: unset
}

.match-new-card .c-bet-item .pc-promotion-up-pop {
    height: 24px;
    width: 24px;
    position: absolute;
    top: -20px;
    right: 4px;
    z-index: 100;
    background-size: 100%
}

.additional-play .other-play-tab .arrow-wrap {
    background: var(--q--gb-bg-c-13);
    z-index: 10
}

.additional-play .other-play-tab .tab-icon-arrow {
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: contain
}

.additional-play .other-play-tab .tab-icon-arrow:before {
    border-color: var(--q-gb-t-c-16)
}

.additional-play .other-play-tab .tab-icon-arrow.active {
    transform: rotate(180deg)
}

.additional-play .other-play-tab .play-title.col {
    margin-left: 1px;
    background-color: var(--q-gb-bd-c-13);
    position: relative
}

.additional-play .other-play-tab .play-title.col .tab-wrap {
    overflow: unset;
    font-size: 12px;
    color: var(--q-gb-bg-c-2);
    height: 30px !important
}

.additional-play .other-play-tab .play-title.col .tab-wrap .item-wrap {
    width: auto !important;
    align-items: center;
    z-index: 0
}

.additional-play .other-play-tab .play-title.col .tab-wrap .item-wrap .line-wrap {
    display: none
}

.additional-play .other-play-tab .play-title.col .tab-wrap .item-wrap .tab-item {
    font-size: 12px;
    font-weight: 500;
    min-width: 70px;
    height: 24px;
    line-height: 22px;
    border: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 17px;
    margin-right: 6px;
    color: var(--q-gb-t-c-6)
}

.additional-play .other-play-tab .play-title.col .tab-wrap .item-wrap .tab-item.active {
    color: var(--q-gb-t-c-22);
    background-color: var(--q-gb-bg-c-30) !important;
    border: .5px solid var(--q-gb-bd-c-11) !important
}

.new-pc-2025 .match-list-container .new-pc-match-list-card .other-play-tab .play-title .arrow-wrap {
    background: var(--q-gb-bg-c-27) !important
}

.match-tpl-1-after .select-type {
    margin-left: 9px;
    border-radius: 1000px;
    height: 26px;
    overflow: hidden;
    background-color: var(--q-gb-bg-c-41);
    color: var(--q-gb-t-c-21);
    flex-shrink: 0
}

.match-tpl-1-after .select-type .select-type-active {
    color: var(--q-gb-t-c-16);
    background-color: var(--q-gb-bg-c-31);
    border-radius: 100px
}

.match-tpl-1-after .select-type .select-type-active-blue {
    background-color: var(--q-gb-bg-c-1);
    border-radius: 1000px;
    color: var(--q-gb-t-c-18)
}

.match-tpl-1-after .select-type li {
    white-space: nowrap;
    padding: 0 11px;
    height: calc(100% - 2px);
    text-align: center;
    line-height: 26px;
    color: var(--q-gb-t-c-6)
}

.match-tpl-1-after .other-play-tab {
    height: 40px;
    display: flex
}

.match-tpl-1-after .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.match-tpl-1-after .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.match-tpl-1-after .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.match-tpl-1-after .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.match-tpl-1-after .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.match-tpl-1-after .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.match-tpl-1-after .score_15 {
    color: var(--q-theme-color-1-default)
}

.match-tpl-1-after .fifteen-box {
    display: flex;
    height: 24px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.match-tpl-1-after .fifteen-box.double-title {
    height: 40px
}

.match-tpl-1-after .fifteen-box.double-title .fifteen-item {
    line-height: 40px
}

.match-tpl-1-after .fifteen-box .fifteen-item {
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    height: 100%;
    padding: 0 2px
}

.match-tpl-1-after .fifteen-box .fifteen-item.flex {
    line-height: 16px
}

.match-tpl-1-after .fifteen-box .bet-item-wrap:last-child {
    border-right: none !important
}

.match-tpl-1-after .fifteen-box .handicap-border {
    border: none !important
}

.match-tpl-1-after .other-handicap-more-text {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-left: 1px;
    border-top: .5px solid var(--q-gb-bd-c-8);
    border-left: .5px solid var(--q-gb-bd-c-8)
}

.match-tpl-1-after .other-handicap-more-text .yb-icon-arrow {
    transition: transform .3s;
    transform: rotate(90deg);
    margin-left: 6px
}

.match-tpl-1-after .other-handicap-more-text .yb-icon-arrow:before {
    color: #179cff
}

.match-tpl-1-after .other-handicap-more-text.abs {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--q-gb-bg-c-37)
}

.match-tpl-1-after .other-handicap-more-shape {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 23px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 18px;
    color: var(--q-gb-t-c-3);
    border: .5px solid var(--q-gb-bd-c-14)
}

.match-tpl-1-after .hpsBold .handicap-value-ranks {
    color: var(--q-gb-bg-c-57)
}

.match-tpl7 .base-info-2 .match-icon {
    justify-content: flex-end;
    padding-right: 5px
}

.match-tpl7.c-match-item {
    display: flex;
    flex: 1
}

.match-tpl7.c-match-item .c-match-item-hadcap {
    display: flex;
    flex-direction: column;
    flex: 1
}

.match-tpl7.c-match-item .c-match-item-hadcap .c-match-item-hadcap-left {
    display: flex
}

.match-tpl7.c-match-item .other-play-tab {
    height: 40px;
    display: flex
}

.match-tpl7.c-match-item .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.match-tpl7.c-match-item .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.match-tpl7.c-match-item .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.match-tpl7.c-match-item .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.match-tpl7.c-match-item .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.match-tpl7.c-match-item .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.match-tpl7 .fifteen-box {
    display: flex;
    height: 24px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.match-tpl7 .fifteen-box .gap4 {
    gap: 4px
}

.match-tpl7 .fifteen-box .gap4>div:last-child {
    color: var(--q-gb-t-c-16)
}

.match-tpl7 .fifteen-box.double-title {
    height: 40px
}

.match-tpl7 .fifteen-box.double-title .fifteen-item {
    line-height: 40px
}

.match-tpl7 .fifteen-box .fifteen-item {
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    height: 100%;
    padding: 0 2px
}

.match-tpl7 .fifteen-box .fifteen-item.flex {
    line-height: 16px
}

.match-tpl7 .fifteen-box .fifteen-item.col2 {
    flex: 20000 1 0%
}

.match-tpl7 .fifteen-box .bet-item-wrap:last-child {
    border-right: none !important
}

.match-tpl7 .fifteen-box .col5 {
    flex: .5
}

.match-tpl7 .fifteen-box .handicap-border {
    border: none !important
}

.match-tpl-9-after .base-info-2 .match-icon {
    justify-content: flex-end;
    padding-right: 5px
}

.match-tpl-9-after.c-match-item {
    display: flex;
    flex: 1
}

.match-tpl-9-after.c-match-item .c-match-item-hadcap {
    display: flex;
    flex-direction: column;
    flex: 1
}

.match-tpl-9-after.c-match-item .c-match-item-hadcap .c-match-item-hadcap-left {
    display: flex
}

.match-tpl-9-after.c-match-item .other-play-tab {
    height: 40px;
    display: flex
}

.match-tpl-9-after.c-match-item .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.match-tpl-9-after.c-match-item .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.match-tpl-9-after.c-match-item .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.match-tpl-9-after.c-match-item .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.match-tpl-9-after.c-match-item .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.match-tpl-9-after.c-match-item .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.match-tpl-9-after .other-handicap-more-text {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-left: 1px;
    border-top: .5px solid var(--q-gb-bd-c-8);
    border-left: .5px solid var(--q-gb-bd-c-8)
}

.match-tpl-9-after .other-handicap-more-text .yb-icon-arrow {
    transition: transform .3s;
    transform: rotate(90deg);
    margin-left: 6px
}

.match-tpl-9-after .other-handicap-more-text .yb-icon-arrow:before {
    color: #179cff
}

.match-tpl-9-after .other-handicap-more-text.abs {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--q-gb-bg-c-37)
}

.match-tpl-9-after .other-handicap-more-shape {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 23px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 18px;
    color: var(--q-gb-t-c-3);
    border: .5px solid var(--q-gb-bd-c-14)
}

.match-tpl-9-after .other-play-tab {
    height: 40px;
    display: flex
}

.match-tpl-9-after .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.match-tpl-9-after .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.match-tpl-9-after .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.match-tpl-9-after .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.match-tpl-9-after .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.match-tpl-9-after .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.match-tpl-9-after .fifteen-box {
    display: flex;
    height: 24px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.match-tpl-9-after .fifteen-box .gap4 {
    gap: 4px
}

.match-tpl-9-after .fifteen-box .gap4>div:last-child {
    color: var(--q-gb-t-c-16)
}

.match-tpl-9-after .fifteen-box.double-title {
    height: 40px
}

.match-tpl-9-after .fifteen-box.double-title .fifteen-item {
    line-height: 40px
}

.match-tpl-9-after .fifteen-box .fifteen-item {
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    height: 100%;
    padding: 0 2px
}

.match-tpl-9-after .fifteen-box .fifteen-item.flex {
    line-height: 16px
}

.match-tpl-9-after .fifteen-box .fifteen-item.col2 {
    flex: 20000 1 0%
}

.match-tpl-9-after .fifteen-box .bet-item-wrap:last-child {
    border-right: none !important
}

.match-tpl-9-after .fifteen-box .col5 {
    flex: .5
}

.match-tpl-9-after .fifteen-box .handicap-border {
    border: none !important
}

.match-tpl-12-after .ellipsis3 {
    -webkit-line-clamp: 4;
    line-height: 1.4
}

.match-tpl-12-after .no-big-size {
    font-weight: 400 !important
}

.match-tpl-12-after .settlement-pin {
    margin-right: 5px !important;
    cursor: pointer
}

.match-tpl-12-after .settlement-pin>span {
    display: block;
    height: 14px;
    width: 14px;
    background-size: 100%
}

.match-tpl-12-after .time-content {
    line-height: 1.2
}

.match-tpl-12-after .basic-col {
    display: flex;
    align-items: center;
    cursor: pointer
}

.match-tpl-12-after .basic-col .team-name {
    color: var(--q-gb-t-c-20);
    width: 100%
}

.match-tpl-12-after .basic-col .team-name.home {
    text-align: right;
    margin-right: 6px;
    padding-left: 4px
}

.match-tpl-12-after .basic-col .team-name.away {
    margin-left: 6px;
    padding-right: 4px
}

.match-tpl-12-after .basic-col .team-name.bold,
.match-tpl-12-after .basic-col .team-name:hover {
    color: var(--q-gb-t-c-16) !important
}

.match-tpl-12-after .basic-col .team-logo {
    width: 24px;
    max-height: 26px
}

.match-tpl-12-after .basic-col .score-wrap {
    width: 80px;
    margin: 0 8px;
    height: 24px;
    border-radius: 2px
}

.match-tpl-12-after .basic-col .score-wrap .vs-font {
    font-size: 12px;
    font-style: normal;
    color: var(--q-text-color-1)
}

.match-tpl-12-after .basic-col .score-wrap .score,
.match-tpl-12-after .basic-col .score-wrap .separate {
    font-size: 13px;
    font-weight: 700
}

.match-tpl-12-after .rangqiu {
    text-align: center
}

.match-tpl-12-after .handicap-wrap {
    padding-right: 0
}

.match-tpl-12-after .action-wrap {
    width: 60px;
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.match-tpl-12-after .action-wrap .play-count-wrap {
    margin-top: 5px;
    padding: 0
}

.match-tpl-12-after .action-wrap .play-count-wrap .play-count {
    color: var(--q-text-color-2)
}

.match-tpl-12-after .action-wrap .play-count-wrap .yb-icon-arrow {
    left: 3px;
    color: #cbced8
}

.match-tpl-12-after .action-wrap .sr-link-icon-w {
    margin-right: 0 !important
}

.match-tpl-12-after .wonderfule_replay_icon {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.match-tpl-12-after .wonderfule_replay_icon .icon {
    margin-bottom: 8px
}

.match-tpl-12-after.iframe_32 .score-wrap {
    width: 40px
}

.match-tpl-12-after.iframe_32 .team-logo {
    width: 18px;
    height: 18px
}

.match-tpl-12-after.iframe_32 .basic-col .team-name.home {
    margin-right: 4px
}

.match-tpl-12-after.iframe_32 .basic-col .team-name.away {
    margin-left: 4px
}

.tpl-17 .base-info-2 .match-icon {
    justify-content: flex-end;
    padding-right: 5px
}

.tpl-17.c-match-item {
    display: flex;
    flex: 1
}

.tpl-17.c-match-item .c-match-item-hadcap {
    display: flex;
    flex-direction: column;
    flex: 1
}

.tpl-17.c-match-item .c-match-item-hadcap .c-match-item-hadcap-left {
    display: flex
}

.tpl-17.c-match-item .other-play-tab {
    height: 40px;
    display: flex
}

.tpl-17.c-match-item .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.tpl-17.c-match-item .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.tpl-17.c-match-item .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.tpl-17.c-match-item .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.tpl-17.c-match-item .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.tpl-17.c-match-item .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.tpl-17 .fifteen-box {
    display: flex;
    height: 24px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.tpl-17 .fifteen-box .gap4 {
    gap: 4px
}

.tpl-17 .fifteen-box .gap4>div:last-child {
    color: var(--q-gb-t-c-16)
}

.tpl-17 .fifteen-box.double-title {
    height: 40px
}

.tpl-17 .fifteen-box.double-title .fifteen-item {
    line-height: 40px
}

.tpl-17 .fifteen-box .fifteen-item {
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    height: 100%;
    padding: 0 2px
}

.tpl-17 .fifteen-box .fifteen-item.flex {
    line-height: 16px
}

.tpl-17 .fifteen-box .fifteen-item.col2 {
    flex: 20000 1 0%
}

.tpl-17 .fifteen-box .bet-item-wrap:last-child {
    border-right: none !important
}

.tpl-17 .fifteen-box .col5 {
    flex: .5
}

.tpl-17 .fifteen-box .handicap-border {
    border: none !important
}

.tpl-18 {
    display: block !important;
    background: none !important
}

.tpl-18:before {
    display: none
}

.tpl-18 .play-wrap {
    margin-top: 6px;
    border-radius: 6px;
    background-color: var(--q-gb-bd-c-13);
    overflow: hidden
}

.tpl-18 .play-wrap .handicap-value-text {
    color: var(--q-gb-t-c-6)
}

.tpl-18 .play-info {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    background: var(--q-gb-bg-c-30) !important;
    position: relative
}

.tpl-18 .play-info :before {
    content: "";
    height: 14px;
    width: 3px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    background: var(--q-gb-t-c-16);
    display: block;
    position: absolute;
    left: 0;
    top: 9px
}

.tpl-18 .play-info .ellipsis {
    font-size: 13px;
    color: var(--q-gb-t-c-3);
    font-weight: 600
}

.tpl-18 .bet-list-wrap {
    margin: 6px 12px
}

.tpl-18 .bet-col {
    width: calc(50% - 6px);
    margin: 3px;
    border-radius: 4px
}

.tpl-18 .bet-col .handicap-value.color-highlight {
    color: var(--q-gb-bd-c-3) !important
}

.tpl-18 .bet-col .c-bet-item {
    justify-content: space-between;
    padding: 0 12px;
    background: var(--q-gb-bg-c-74);
    cursor: pointer
}

.tpl-18 .bet-col .c-bet-item .handicap-value {
    justify-content: flex-start !important;
    max-width: calc(100% - 38px)
}

.tpl-18 .bet-col .c-bet-item .odds {
    justify-content: flex-end
}

.tpl-18 .bet-col .c-bet-item .handicap-value-text {
    width: 100%;
    min-width: 180px
}

.tpl-18 .play-wrap .play-info {
    background: var(--q-site-header-color-6);
    color: var(--q-gb-t-c-16)
}

.tpl-19 .other-handicap-more-text {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-left: 1px;
    border-top: .5px solid var(--q-gb-bd-c-8);
    border-left: .5px solid var(--q-gb-bd-c-8)
}

.tpl-19 .other-handicap-more-text .yb-icon-arrow {
    transition: transform .3s;
    transform: rotate(90deg);
    margin-left: 6px
}

.tpl-19 .other-handicap-more-text .yb-icon-arrow:before {
    color: #179cff
}

.tpl-19 .other-handicap-more-text.abs {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--q-gb-bg-c-37)
}

.tpl-19 .other-handicap-more-shape {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 23px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 18px;
    color: var(--q-gb-t-c-3);
    border: .5px solid var(--q-gb-bd-c-14)
}

.tpl-19 .other-play-tab {
    height: 40px;
    display: flex
}

.tpl-19 .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.tpl-19 .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.tpl-19 .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.tpl-19 .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.tpl-19 .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.tpl-19 .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.tpl-19 .fifteen-box {
    display: flex;
    height: 24px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.tpl-19 .fifteen-box .gap4 {
    gap: 4px
}

.tpl-19 .fifteen-box .gap4>div:last-child {
    color: var(--q-gb-t-c-16)
}

.tpl-19 .fifteen-box.double-title {
    height: 40px
}

.tpl-19 .fifteen-box.double-title .fifteen-item {
    line-height: 40px
}

.tpl-19 .fifteen-box .fifteen-item {
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    height: 100%;
    padding: 0 2px
}

.tpl-19 .fifteen-box .fifteen-item.flex {
    line-height: 16px
}

.tpl-19 .fifteen-box .fifteen-item.col2 {
    flex: 20000 1 0%
}

.tpl-19 .fifteen-box .bet-item-wrap:last-child {
    border-right: none !important
}

.tpl-19 .fifteen-box .col5 {
    flex: .5
}

.tpl-19 .fifteen-box .handicap-border {
    border: none !important
}

.tpl-20 .other-handicap-more-text {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-left: 1px;
    border-top: .5px solid var(--q-gb-bd-c-8);
    border-left: .5px solid var(--q-gb-bd-c-8)
}

.tpl-20 .other-handicap-more-text .yb-icon-arrow {
    transition: transform .3s;
    transform: rotate(90deg);
    margin-left: 6px
}

.tpl-20 .other-handicap-more-text .yb-icon-arrow:before {
    color: #179cff
}

.tpl-20 .other-handicap-more-text.abs {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--q-gb-bg-c-37)
}

.tpl-20 .other-handicap-more-shape {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 23px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 18px;
    color: var(--q-gb-t-c-3);
    border: .5px solid var(--q-gb-bd-c-14)
}

.tpl-20 .other-play-tab {
    height: 40px;
    display: flex
}

.tpl-20 .other-play-tab .play-title {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.tpl-20 .other-play-tab .play-title .tab-wrap {
    margin-left: 0
}

.tpl-20 .other-play-tab .play-title .tab-wrap .item-wrap .tab-item {
    padding: 0 10px
}

.tpl-20 .other-play-tab .arrow-wrap {
    width: 70px;
    padding: 0 12px 0 40px;
    height: 100%
}

.tpl-20 .other-play-tab .arrow-wrap .yb-icon-arrow {
    transform: rotate(270deg)
}

.tpl-20 .other-play-tab .arrow-wrap .yb-icon-arrow.active {
    transform: rotate(90deg)
}

.tpl-20 .fifteen-box {
    display: flex;
    height: 24px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.tpl-20 .fifteen-box .gap4 {
    gap: 4px
}

.tpl-20 .fifteen-box .gap4>div:last-child {
    color: var(--q-gb-t-c-16)
}

.tpl-20 .fifteen-box.double-title {
    height: 40px
}

.tpl-20 .fifteen-box.double-title .fifteen-item {
    line-height: 40px
}

.tpl-20 .fifteen-box .fifteen-item {
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    height: 100%;
    padding: 0 2px
}

.tpl-20 .fifteen-box .fifteen-item.flex {
    line-height: 16px
}

.tpl-20 .fifteen-box .fifteen-item.col2 {
    flex: 20000 1 0%
}

.tpl-20 .fifteen-box .bet-item-wrap:last-child {
    border-right: none !important
}

.tpl-20 .fifteen-box .col5 {
    flex: .5
}

.tpl-20 .fifteen-box .handicap-border {
    border: none !important
}

.tpl-21 .match-handicap-item {
    display: flex;
    justify-content: space-between
}

.tpl-21 .time-content,
.tpl-21 .date-wrap {
    display: flex !important
}

.tpl-24 {
    padding-top: 24px
}

.tpl-24 .score_15 {
    color: var(--q-theme-color-1-default)
}

.tpl-24 .match-handicap-item {
    display: flex;
    justify-content: space-between
}

.tpl-24 .c15min-title {
    top: 0;
    height: 24px;
    width: 100%;
    background: var(--q-gb-bg-c-22)
}

.tpl-24 .c15min-title .c15min-name {
    line-height: 24px;
    color: var(--q-text-color-2-1)
}

.tpl-31 {
    padding-top: 24px
}

.tpl-31 .score_15 {
    color: var(--q-theme-color-1-default)
}

.tpl-31 .match-handicap-item {
    display: flex;
    justify-content: space-between
}

.tpl-31 .c15min-title {
    top: 0;
    height: 24px;
    width: 100%;
    background: var(--q-gb-bg-c-22)
}

.tpl-31 .c15min-title .c15min-name {
    line-height: 24px;
    color: var(--q-text-color-2-1)
}

.tpl-esports-bg .have-chuan-guan {
    margin: 0 8px
}

.tpl-esports-bg .have-chuan-guan span {
    display: block;
    min-width: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 13px;
    color: var(--q-gb-t-c-16);
    border: 1px solid var(--q-gb-t-c-16);
    border-radius: 2px;
    font-weight: 700
}

.tpl-esports-bg .have-chuan-guan .mya-style {
    line-height: 20px
}

.tpl-esports-bg .m-star-wrap-pin {
    width: 22px;
    height: 14px
}

.tpl-esports-bg .m-star-wrap-pin>span {
    width: 14px;
    height: 14px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block
}

.tpl-esports-bg .play-detail-box {
    cursor: pointer;
    display: flex
}

.tpl-esports-bg .esports-play-competition {
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding-right: 20px
}

.tpl-esports-bg .esports-play-competition .scoring {
    color: var(--q-gb-t-c-16);
    font-weight: 700
}

.tpl-esports-bg .esports-play-box {
    height: 34px;
    line-height: 34px;
    display: flex;
    border-top: 1px solid var(--q-gb-bd-c-8) !important
}

.tpl-esports-bg .play-count-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 20px 0 17px
}

.tpl-esports-bg .match-handicap-item-esports {
    flex: 1;
    box-sizing: border-box
}

.tpl-esports-bg .match-handicap-item-esports .c-match-card {
    display: flex
}

.tpl-esports-bg .tpl-esports {
    display: flex;
    align-items: center
}

.tpl-esports-bg .tpl-esports .c-match-process {
    top: unset !important;
    position: relative !important
}

.tpl-esports-bg .process-col {
    line-height: 1.7
}

.tpl-esports-bg .top18 {
    top: 18px !important
}

.match-tpl-favorable-after {
    background-color: var(--q-gb-bg-c-13);
    padding: 8px
}

.match-tpl-favorable-after .match-tpl-item-title {
    height: 42px;
    line-height: 42px;
    padding: 0 2px;
    display: flex;
    gap: 8px;
    color: var(--q-gb-t-c-3);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    align-items: center;
    cursor: pointer
}

.match-tpl-favorable-after .match-tpl-item-title .title-svg {
    width: 37px;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 16px;
    transform: rotate(90deg)
}

.match-tpl-favorable-after .match-tpl-item-title .title-svg .red-flash {
    height: 14px;
    width: 14px
}

.match-tpl-favorable-after .match-tpl-item {
    width: 100%
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content {
    display: flex;
    align-items: center;
    gap: 6px;
    border-top: none;
    flex-wrap: wrap
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data {
    min-width: 30%;
    max-width: 33%;
    height: 32px;
    flex: 1
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item {
    cursor: pointer;
    background-color: var(--q-gb-bg-c-74)
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item .lock {
    margin-right: 20px
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item.down .new-odds {
    color: #50c042
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item.down.un .new-odds,
.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item.up .new-odds {
    color: #e93d3d
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item.up.un .new-odds {
    color: #50c042
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item.bet-hover.has_dov_odd:hover {
    background-color: var(--q-gb-bg-c-63) !important
}

.match-tpl-favorable-after .match-tpl-item .match-tpl-item-content .match-tpl-item-data .c-bet-item.active.has_dov_odd:hover {
    background: var(--q-gb-t-c-16) !important;
    color: var(--q-gb-t-c-18) !important
}

.parent-container {
    position: relative;
    display: flex;
    gap: 12px;
    flex-direction: column;
    width: 100%;
    padding: 12px;
    border-bottom: 1px solid var(--q-gb-bg-c-96);
    font-family: PingFang SC
}

.parent-container .list-mask {
    position: absolute;
    inset: 0;
    background: #ffffff1a;
    z-index: 10;
    border-radius: 12px;
    pointer-events: none;
    transition: opacity .3s ease
}

.parent-container .masonry-column-div {
    display: flex;
    gap: 12px;
    width: 100%
}

.parent-container .masonry-column-div .masonry-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 12px
}

.parent-container .more-play-div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 20px
}

.parent-container .more-play-div .more-play-click-div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 12px;
    cursor: pointer
}

.parent-container .more-play-div .more-play-click-div .more-play-span {
    font-size: 12px;
    font-weight: 400;
    color: var(--q-theme-color-1-default);
    margin-right: 3px
}

.parent-container .more-play-div .more-play-click-div .more-play-img {
    width: 14px;
    height: 14px;
    transform: rotate(90deg);
    background-size: contain
}

.parent-container .collapse-container {
    border: 1px solid var(--q-stroke-color-1);
    border-radius: 8px;
    overflow: hidden
}

.parent-container .collapse-container .header {
    display: flex;
    align-items: center;
    padding: 0 12px;
    height: 32px;
    background-color: var(--q-bg-color-3-2);
    border-bottom: 1px solid var(--q-stroke-color-1);
    cursor: pointer
}

.parent-container .collapse-container .title {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    padding-right: 12px;
    font-weight: 400;
    font-size: 13px;
    color: var(--q-text-color-1)
}

.parent-container .collapse-container .list-expand {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    transform: rotate(0);
    background-position: center;
    transition: transform .2s ease
}

.parent-container .collapse-container .list-expand-fold {
    transform: rotate(180deg)
}

.parent-container .collapse-container .content-wrapper {
    overflow: hidden;
    transition: height .4s cubic-bezier(.4, 0, .2, 1), opacity .3s ease;
    max-height: 1000px;
    opacity: 1;
    padding: 12px;
    background-color: var(--q-bg-color-1-3)
}

.parent-container .collapse-container .content-wrapper.collapsed {
    max-height: 0;
    opacity: 0;
    padding: 0
}

.parent-container .collapse-container .content-grid {
    display: grid;
    gap: 12px;
    margin-top: 12px
}

.parent-container .collapse-container .grid-item {
    display: flex;
    align-items: center;
    height: 32px;
    background: var(--q-Handicap-default-full-court);
    border-radius: 4px;
    color: #555;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.parent-container .collapse-container .grid-item .creative_bet_item .handicap-wrap {
    width: 85%
}

.parent-container .collapse-container .grid-item .creative_bet_item .handicap-wrap .bet_handicap {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1
}

.parent-container .collapse-container .grid-item .creative_bet_item .handicap-wrap .bet_handicap .handicap-name {
    margin-right: 6px
}

.parent-container .collapse-container .grid-item .creative_bet_item .handicap-wrap .bet_handicap .handicap-odd {
    min-width: 30px;
    text-align: left;
    font-weight: 500;
    white-space: nowrap
}

.parent-container .collapse-container .grid-item .creative_bet_item .handicap-wrap .bet_handicap .handicap-name-color {
    color: var(--q-text-color-3)
}

.parent-container .collapse-container .grid-item .creative_bet_item .handicap-wrap .bet_handicap .handicap-odd-color {
    color: var(--q-gb-t-c-16)
}

.parent-container .collapse-container .grid-item .c-bet-item[bet-item-islocked=true] {
    pointer-events: none;
    cursor: not-allowed
}

.parent-container .collapse-container .grid-item .c-bet-item.all-bet-item {
    background-color: var(--q-gb-bg-c-27)
}

.parent-container .collapse-container .grid-item .c-bet-item.all-bet-item:not(.disabled):not(.active):hover {
    background-color: var(--q-gb-bg-c-63) !important
}

.parent-container .collapse-container .grid-item .c-bet-item.half-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.parent-container .collapse-container .grid-item .c-bet-item.half-bet-item:not(.disabled):not(.active):hover {
    background-color: var(--q-gb-bg-c-63) !important
}

.parent-container .collapse-container .grid-item .c-bet-item.active.relative-position .all-bet-item,
.parent-container .collapse-container .grid-item .c-bet-item.active.relative-position .half-bet-item {
    background: var(--q-theme-color-1-default) !important
}

.parent-container .collapse-container .grid-item .c-bet-item.active.relative-position .handicap-name-color {
    color: var(--q-text-color-white-2) !important
}

.parent-container .collapse-container .grid-item .c-bet-item.active.relative-position .handicap-odd-color {
    color: var(--q-text-color-btn-click) !important
}

.parent-container .collapse-container .grid-item.active {
    background: var(--q-theme-color-1-default);
    border: none
}

.parent-container .collapse-container .more-button-div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    height: 20px
}

.parent-container .collapse-container .more-button-div .more-button {
    padding: 0 12px;
    color: var(--q-theme-color-1-default);
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.parent-container .collapse-container .more-button-div .more-list-expand {
    margin-left: 5px;
    width: 12px;
    height: 12px;
    transform: rotate(180deg);
    background-position: center;
    transition: transform .2s ease
}

.parent-container .collapse-container .more-button-div .more-list-expand-fold {
    transform: rotate(0)
}

.parent-container .tab-container {
    display: inline-flex;
    border-radius: 999px;
    background: var(--q-bg-color-3-1)
}

.parent-container .tab-container .tab-item {
    display: flex;
    height: 24px;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: var(--q-text-color-2);
    text-align: center;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer
}

.parent-container .tab-container .tab-item.disabled,
.parent-container .tab-container .tab-item.disabled:hover {
    color: var(--q-text-color-btn-disable-1);
    cursor: not-allowed
}

.parent-container .tab-container .tab-item:not(.disabled):not(.active):hover {
    color: var(--q-theme-color-1-default)
}

.parent-container .tab-container .tab-item.active {
    border-radius: 999px;
    border: 1px solid var(--q-theme-color-1-default);
    background: var(--q-bg-color-1-2);
    color: var(--q-theme-color-1-default)
}

.parent-container-loading {
    pointer-events: none
}

:root {
    --q-gb-bg-lg-4: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    --q-gb-bg-c-40: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    --q-bet-box-10: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    --q-gb-bg-c-71: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    --q-bet-box-8: linear-gradient(270deg, var(--q-btn-gradient-color-1-2) 17.95%, var(--q-btn-gradient-color-1-1) 100%);
    --q-gb-bg-lg-35: linear-gradient(270deg, var(--q-btn-gradient-color-1-2) 17.95%, var(--q-btn-gradient-color-1-1) 100%);
    --q-gb-bg-c-52: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    --q-bet-box-21: linear-gradient(270deg, rgba(233, 61, 61, .15) 0%, rgba(233, 61, 61, 0) 100%);
    --q-match-details-lol-head-bg: linear-gradient(90deg, var(--q-transparent-function-color-1) .12%, var(--q-transparent-theme-color-1, 99.88%), var(--q-bg-color-1-3));
    --q-analysis-color-11: #e03c00
}

.new-pc-2025 .q-item,
.new-pc-2025 .q-item--active {
    min-height: 20px !important
}

.new-pc-2025 .q-item:hover,
.new-pc-2025 .q-item--active:hover {
    background-color: var(--q-transparent-theme-color-1) !important;
    color: var(--q-theme-color-1-default) !important
}

.new-pc-2025 .pc-g-settings-style-module .q-card {
    background: none !important
}

.new-pc-2025 .pc-g-settings-style-module .one-click-bet-input .input-number input {
    color: var(--q-bet-box-1);
    background-color: var(--q-bet-box-5)
}

.new-pc-2025 .pc-g-settings-style-module .one-click-bet-input .input-number .sub-number,
.new-pc-2025 .pc-g-settings-style-module .one-click-bet-input .input-number .add-number {
    color: var(--q-bet-box-2)
}

.new-pc-2025 .bet-toast .toast-content {
    border: none
}

.new-pc-2025 .bet-toast .toast-content .bet-one-click-amout {
    color: var(--q-bet-box-2);
    margin-left: 4px
}

.new-pc-2025 .bet-custom-amount-modal .toast-content .circle-success .success-icon {
    border-color: var(--q-gb-t-c-31) !important
}

.new-pc-2025 .template-soccer .table-col,
.new-pc-2025 .table-col_date {
    color: none
}

.new-pc-2025 .analysis-page .match-header {
    background: radial-gradient(60.87% 60.87% at 50% 88.7%, #faf8f5, #ede2d7)
}

.new-pc-2025 .pop-up-analysis .match-analysis-wrap {
    border-radius: 8px;
    border: 2px solid var(--q-stroke-color-2)
}

.new-pc-2025 .wrap-score {
    color: #a0a0a0ab
}

.new-pc-2025 .wrap-score :deep(.text-blue),
.new-pc-2025 .wrap-score :deep(.text-light-blue-13) {
    color: #179cff !important
}

.new-pc-2025 .wrap-score :deep(.text-orange) {
    color: #ffaa17 !important
}

.new-pc-2025 .head-to-head {
    border-radius: 4px;
    background: linear-gradient(90deg, var(--q-events-color-3-1) 0%, rgba(255, 255, 255, .1) 50%, var(--q-events-color-3-2) 100%)
}

.new-pc-2025 .home-bg {
    background: linear-gradient(90deg, var(--q-events-color-3-1) 0%, var(--q-events-color-1-3) 100%)
}

.new-pc-2025 .back-bg {
    background: linear-gradient(90deg, var(--q-events-color-3-2) 0%, var(--q-events-color-2-2) 100%)
}

.new-pc-2025 .average-statistics-wrap .item-head {
    background: var(--q-bg-color-3)
}

.new-pc-2025 .left-header-all {
    background: var(--q-bg-color-1-3) !important
}

.new-pc-2025 .pc-menu-match-header-filter-module .yb-match-list .date-wrap {
    background-color: var(--q-bg-color-3-2) !important
}

.new-pc-2025 .ellipsis-wrap .allow-user-select {
    color: var(--q-text-color-1)
}

.new-pc-2025 .play-match-league .tr-match-head {
    background: var(--q-bg-color-3-2) !important
}

.new-pc-2025 .layout_main_right .template-handicap .group-template:deep(.template),
.new-pc-2025 .detials_layout .template-handicap .group-template:deep(.template) {
    background: var(--q-bg-color-3)
}

.new-pc-2025 .layout_main_right .template-handicap .group-template .template .wrap-template,
.new-pc-2025 .detials_layout .template-handicap .group-template .template .wrap-template {
    background: var(--q-bg-color-1-3)
}

.new-pc-2025 .vr_boy_989 .vr_league_name-vdio .vr_league_name,
.new-pc-2025 .vr-details .screen .wrap-tabs {
    background: var(--q-bg-color-1-3) !important
}

.new-pc-2025 .pc-menu-odd-type-select-module .select-wrap .list,
.new-pc-2025 .pc-menu-match-detail-header-select-module .select-wrap .list {
    background: var(--q-toast-color-bg-2)
}

.new-pc-2025 .vs-team-wrap .allow-user-select {
    color: var(--q-text-color-1)
}

.new-pc-2025 .pc-filter-container-module .filter-container .bottom-content .footer .btn-group .close {
    border: 1px solid var(--q-btn-outline-color-1);
    background: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    box-shadow: 0 2px 2px 0 var(--q-shadow-3)
}

.new-pc-2025 .pc-menu-match-detail-headert-module .select-type .select-type-active {
    background: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2, ) 50%, var(--q-btn-gradient-color-1-3) 100%);
    box-shadow: 0 2px 2px 0 var(--q-shadow-3)
}

.new-pc-2025 .pc-menu-site-header-module .header-item .yb-site-left-width.normal,
.new-pc-2025 .pc-menu-site-header-module .header-item .yb-site-left-width.mini-normal {
    width: 220px;
    margin-right: 13px;
    background: var(--q-bg-color-3-1) !important;
    background: none
}

.new-pc-2025 .pc-menu-page-main-module .page-main {
    background: var(--q-bg-color-2-1)
}

.new-pc-2025 .q-tooltip--style {
    background: var(--q-toast-color-bg-4)
}

.new-pc-2025 .match-list-container .new-pc-match-list-card .other-play-tab .tab-item {
    background: none !important
}

.new-pc-2025 .icon-triangle1:before {
    content: "";
    color: var(--q-icon-color-1)
}

.new-pc-2025 .icon-tips3:before {
    content: "";
    color: var(--q-icon-color-1)
}

.new-pc-2025 .icon-success:before {
    content: "";
    color: var(--q-function-color-2)
}

.new-pc-2025 .icon-icon_copy:before {
    content: "";
    color: var(--q-icon-color-1)
}

.new-pc-2025 .icon-arrow:before {
    content: "";
    color: var(--q-icon-color-1)
}

.new-pc-2025 .check_box_warp .check_item span {
    background: none !important
}

.new-pc-2025 .check_box_warp .check_item span.active {
    background-color: var(--q-gb-t-c-29) !important;
    border: none
}

.new-pc-2025 .right_details_wrap .match-analysis-wrap {
    background: var(--q-bg-color-1-3)
}

.new-pc-2025 .match-list-card .list-card-inner {
    color: var(--q-text-color-1)
}

.new-pc-2025 .c-bet-item .handicap-value .handicap-more,
.new-pc-2025 .tpl-18 .play-wrap .handicap-value-text {
    color: var(--q-text-color-3)
}

.new-pc-2025 .match-footer-score .amount-score,
.new-pc-2025 .match-footer-score .mfo {
    color: var(--q-text-color-disable)
}

.new-pc-2025 .icon-triangle2:before,
.new-pc-2025 .icon-triangle3:before {
    color: var(--q-gb-bg-c-3) !important
}

.new-pc-2025 .match-handicap .handicap-col .bet-item-wrap .c-bet-item {
    color: var(--q-text-color-3) !important
}

.new-pc-2025 .yb-match-list .c-match-item.tpl-9,
.new-pc-2025 .yb-match-list .c-match-item .timer-layout2,
.new-pc-2025 .yb-match-list .process-col .c-match-process .process-name {
    color: var(--q-text-color-2-2-hot) !important
}

.new-pc-2025 .yb-match-list .c-match-item .process-col {
    color: var(--q-text-color-2) !important
}

.new-pc-2025 .tpl-18 .play-info .ellipsis {
    color: var(--q-text-color-1) !important
}

.new-pc-2025 .c-bet-item .odds .highlight-odds {
    color: var(--q-text-color-1)
}

.new-pc-2025 .joint-buy-cancel-order-scss .content {
    background-color: var(--q-toast-color-bg-2)
}

.new-pc-2025 .icon-arrow-left:before {
    content: "";
    color: var(--q-icon-color-1)
}

.new-pc-2025 .icon-arrow-right:before {
    content: "";
    color: var(--q-icon-color-1)
}

.new-pc-2025 .selet-sort-type-item .q-radio__inner:before {
    content: none !important
}

.new-pc-2025 .selet-sort-type-item:hover {
    color: var(--q-gb-t-c-16) !important;
    background-color: var(--q-gb-bg-c-11) !important
}

.new-pc-2025 .noData .empty-wrap-tips {
    color: var(--q-text-color-3) !important
}

.new-pc-2025 .match-favorable-odds .match-favorable-odds-box,
.new-pc-2025 .match-favorable-odds .match-favorable-odds-title {
    color: var(--q-text-color-1) !important
}

.new-pc-2025 .play-detail-box .count {
    color: var(--q-text-color-disable) !important
}

.new-pc-2025 .process-name.gray-color {
    color: var(--q-text-color-2-2-hot) !important
}

.new-pc-2025 .match-new-card .odd-detail {
    background: var(--q-Handicap-default-half-court)
}

.new-pc-2025 .match-new-card .odd-detail:hover {
    background-color: var(--q-Handicap-hover-all)
}

.new-pc-2025 .pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item.active-box {
    background: var(--q-bg-color-1-3)
}

.new-pc-2025 .vr-details .wrap-template .handicap-item .c-bet-item .bet-item .yb-family-odds {
    color: var(--q-text-color-2)
}

.new-pc-2025 .vr-details .wrap-template .handicap-item .c-bet-item .bet-item {
    color: var(--q-text-color-2) !important
}

.new-pc-2025 .pc-menu-match-detail-headert-module .select-type,
.new-pc-2025 .pc-filter-container-module .filter-container .bottom-content .footer .btn-group .close {
    color: var(--q-text-color-2)
}

.new-pc-2025 .virtual-match-tpl2 .team-wrap .team-item {
    color: var(--q-text-color-1)
}

.new-pc-202411 .match-tpl-1-after .other-play-tab .arrow-wrap {
    background-color: var(--q-bg-color-3-1);
    z-index: 10
}

.new-pc-202411 .icon-arrow:before {
    color: var(--q-icon-color-1)
}

.ant-popover .ant-popover-inner {
    background: var(--q-topic-color-layer-toast);
    padding: 0;
    color: var(--q-topic-color-text-inverse)
}

.match-group-popover .match-group-popover-title {
    display: flex;
    gap: 10px;
    color: var(--q-topic-color-text-inverse);
    padding: 10px
}

.match-group-popover .match-group-popover-title .match-group-popover-title-left {
    width: 120px
}

.match-group-popover .match-group-popover-title>p {
    display: flex;
    align-items: center;
    width: 42px
}

.match-group-popover .match-group-popover-title .ellipsis {
    flex: 1
}

.match-group-popover .match-group-popover-content {
    color: #fff;
    padding: 0 10px;
    border-radius: 0 0 12px 12px;
    background: var(--q-topic-color-layer-toast-weak)
}

.match-group-popover .match-group-popover-content .match-group-popover-content-top-name-left {
    width: 120px;
    display: flex;
    align-items: center
}

.match-group-popover .match-group-popover-content .match-group-popover-content-top-name-left .ellipsis {
    margin-left: 4px
}

.match-group-popover .match-group-popover-content .match-popover-h {
    height: 45px;
    line-height: 45px;
    display: flex;
    gap: 10px
}

.match-group-popover .match-group-popover-content .match-popover-h .score {
    width: 42px;
    flex: 1;
    text-align: center
}

.ant-popover-arrow:after {
    background: var(--q-topic-color-layer-toast) !important
}

.time-show[data-v-844638b3] {
    position: fixed;
    top: 20px;
    width: 100vw;
    color: red;
    z-index: 9999999;
    font-size: 20px;
    text-align: center;
    pointer-events: none
}

.time-show span[data-v-844638b3] {
    background-color: #fff6;
    padding: 5px
}

.time-show-copy[data-v-844638b3] {
    position: fixed;
    left: -15px;
    padding-top: -90px !important;
    margin: 0;
    top: -10px;
    width: 30px;
    height: 30px;
    color: red;
    z-index: 9999999;
    font-size: 30px;
    text-align: center;
    background-color: #fff6;
    border-radius: 20px
}

.time-show-copy span[data-v-844638b3] {
    position: relative;
    left: 0;
    top: -10px
}

.statistics[data-v-c05c3514] {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translate(-50%);
    z-index: 2024;
    padding: 16px;
    width: 750px;
    background: #0009;
    color: #fff;
    transition: all .2s;
    border-radius: 20px
}

.statistics.isexpend[data-v-c05c3514] {
    height: 50px;
    overflow: hidden;
    left: 0%;
    transform: translate(-700px);
    box-shadow: 0 0 3px #000
}

.type-filter[data-v-c05c3514] {
    padding: 10px 20px;
    display: inline-block;
    margin-right: 20px;
    background: #0009;
    border-radius: 10px;
    margin-top: 10px;
    cursor: pointer
}

.type-filter.active[data-v-c05c3514] {
    background: orange
}

.title[data-v-c05c3514] {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: orange
}

.content[data-v-c05c3514] {
    height: 400px;
    overflow-y: auto
}

.rank-item[data-v-c05c3514] {
    padding: 12px 5px;
    display: flex;
    justify-content: space-between;
    align-content: center
}

.rank-item span[data-v-c05c3514] {
    display: inline-block;
    text-align: center
}

.rank-item[data-v-c05c3514]:nth-child(odd) {
    background: #333333b4
}

.algin-center[data-v-c05c3514] {
    text-align: center
}

.algin-right[data-v-c05c3514] {
    text-align: right
}

.orange[data-v-c05c3514] {
    color: orange
}

.red[data-v-c05c3514] {
    color: red
}

.tab[data-v-c05c3514] {
    text-align: left
}

.tab i[data-v-c05c3514] {
    line-height: 22px
}

.tab span[data-v-c05c3514] {
    display: inline-block;
    padding: 5px 10px;
    background: #333
}

.tab span.active[data-v-c05c3514] {
    background: orange
}

.w-1[data-v-c05c3514] {
    width: 300px;
    text-align: left !important
}

.w-2[data-v-c05c3514],
.w-3[data-v-c05c3514] {
    width: 100px
}

.w-4[data-v-c05c3514] {
    width: 30%
}

.w-5[data-v-c05c3514] {
    width: 30px
}

.fad[data-v-5300d01b] {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 2024;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: #0009;
    cursor: pointer
}

.error-data[data-v-5300d01b] {
    display: none
}

.no-token-img {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.vdr {
    touch-action: none;
    position: absolute;
    box-sizing: border-box;
    border: 1px dashed black
}

.handle {
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #eee;
    border: 1px solid #333
}

.handle-tl {
    top: -10px;
    left: -10px;
    cursor: nw-resize
}

.handle-tm {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    cursor: n-resize
}

.handle-tr {
    top: -10px;
    right: -10px;
    cursor: ne-resize
}

.handle-ml {
    top: 50%;
    margin-top: -5px;
    left: -10px;
    cursor: w-resize
}

.handle-mr {
    top: 50%;
    margin-top: -5px;
    right: -10px;
    cursor: e-resize
}

.handle-bl {
    bottom: -10px;
    left: -10px;
    cursor: sw-resize
}

.handle-bm {
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    cursor: s-resize
}

.handle-br {
    bottom: -10px;
    right: -10px;
    cursor: se-resize
}

@media only screen and (max-width: 768px) {
    [class *=handle-]:before {
        content: "";
        inset: -10px;
        position: absolute
    }
}

.vdr-container {
    position: absolute;
    border: 1px solid transparent;
    box-sizing: border-box
}

.vdr-container.active {
    border-color: #000;
    border-style: dashed
}

.vdr-container.dragging {
    border-color: #000;
    border-style: solid
}

.vdr-handle {
    box-sizing: border-box;
    position: absolute;
    width: 7px;
    height: 7px;
    background: #f0f0f0;
    border: 1px solid #333
}

.vdr-handle-tl {
    top: -4px;
    left: -4px;
    cursor: nw-resize
}

.vdr-handle-tm {
    top: -4px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize
}

.vdr-handle-tr {
    top: -4px;
    right: -4px;
    cursor: ne-resize
}

.vdr-handle-ml {
    top: 50%;
    margin-top: -3px;
    left: -4px;
    cursor: w-resize
}

.vdr-handle-mr {
    top: 50%;
    margin-top: -3px;
    right: -4px;
    cursor: e-resize
}

.vdr-handle-bl {
    bottom: -4px;
    left: -4px;
    cursor: sw-resize
}

.vdr-handle-bm {
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
    cursor: s-resize
}

.vdr-handle-br {
    bottom: -4px;
    right: -4px;
    cursor: se-resize
}

.vue-recycle-scroller {
    position: relative
}

.vue-recycle-scroller.direction-vertical:not(.page-mode) {
    overflow-y: auto
}

.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
    overflow-x: auto
}

.vue-recycle-scroller.direction-horizontal {
    display: flex
}

.vue-recycle-scroller__slot {
    flex: auto 0 0
}

.vue-recycle-scroller__item-wrapper {
    flex: 1;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform
}

.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
    width: 100%
}

.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
    height: 100%
}

.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
    width: 100%
}

.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
    height: 100%
}

.resize-observer[data-v-b329ee4c] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    pointer-events: none;
    display: block;
    overflow: hidden;
    opacity: 0
}

.resize-observer[data-v-b329ee4c] object {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.wrap[data-v-30a86cb6] {
    text-align: center;
    font-size: 14px
}

.wrap .img[data-v-30a86cb6] {
    margin-bottom: 10px;
    width: 130px;
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat
}

.wrap.esports-size .img[data-v-30a86cb6] {
    margin: 0 auto;
    padding-bottom: 0
}

.wrap.esports-size .text-center[data-v-30a86cb6] {
    font-size: 12px
}

.no-data[data-v-db84927b] {
    border-bottom: 1px solid transparent;
    min-height: 100%;
    text-align: center;
    color: #a5a9b3
}

.no-data .empty-favorite-bg[data-v-db84927b] {
    width: 1.8rem;
    height: 1.61rem;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-user-select: none;
    user-select: none
}

.no-data .title[data-v-db84927b] {
    font-family: PingFangSC-Medium;
    font-size: .14rem;
    color: #666;
    margin-bottom: 0rem
}

.no-data .title-tint[data-v-db84927b] {
    margin-top: .03rem;
    font-size: .12rem;
    color: #999
}

.no-data .btn[data-v-db84927b] {
    display: inline-block;
    width: 1.2rem;
    height: .34rem;
    border: 1px solid transparent;
    border-radius: .17rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .14rem;
    margin: auto
}

.no-data p[data-v-db84927b] {
    margin: .14rem;
    font-size: .14rem;
    color: var(--q-gb-t-c-19)
}

.no-data p span[data-v-db84927b] {
    display: inline-block;
    width: 1.4rem;
    height: .4rem;
    line-height: .4rem;
    border-radius: .05rem;
    color: #ffb001;
    border: 1px solid #ffb001
}

.load-data-wrap[data-v-82c73c78] {
    min-height: 60%
}

.load-data-wrap .networktext[data-v-82c73c78] {
    color: var(--q-text-color-1)
}

.load-data-wrap.is-detail .loading-wrap[data-v-82c73c78],
.load-data-wrap.is-detail .empty-wrap[data-v-82c73c78] {
    padding-top: 30%
}

.load-data-wrap.is-detail .empty-wrap.esports[data-v-82c73c78] {
    padding-top: 5%
}

.load-data-wrap .text-center[data-v-82c73c78] {
    font-size: 12px;
    color: var(--q-text-color-1)
}

.load-data-wrap .text-center img[data-v-82c73c78] {
    width: 13px;
    height: 13px
}

.load-data-wrap .loading-wrap[data-v-82c73c78] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.load-data-wrap .loading-wrap .img-loading[data-v-82c73c78] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.load-data-wrap .loading-wrap.right_details_loading[data-v-82c73c78] {
    margin-top: 10%;
    padding: 30px 11px;
    background: var(--qq--theme-bg-details_loading);
    box-shadow: 0 2px 8px #0003;
    border-radius: 10px
}

.load-data-wrap .loading-wrap.right_details_loading .loading-text[data-v-82c73c78] {
    color: var(--q-gb-t-c-1)
}

.load-data-wrap .refresh[data-v-82c73c78],
.load-data-wrap .user_api_limited[data-v-82c73c78] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-align: center
}

.load-data-wrap .refresh .img[data-v-82c73c78],
.load-data-wrap .user_api_limited .img[data-v-82c73c78] {
    width: 180px;
    height: 180px;
    background-size: cover
}

.load-data-wrap .refresh .text1[data-v-82c73c78],
.load-data-wrap .user_api_limited .text1[data-v-82c73c78] {
    font-size: 14px;
    margin: 20px 0 6px;
    color: var(--q-gb-t-c-6)
}

.load-data-wrap .refresh .text2[data-v-82c73c78],
.load-data-wrap .user_api_limited .text2[data-v-82c73c78] {
    color: var(--q-gb-t-c-6)
}

.load-data-wrap .refresh .btn[data-v-82c73c78],
.load-data-wrap .user_api_limited .btn[data-v-82c73c78] {
    min-width: 68px;
    height: 34px;
    line-height: 32px;
    border-radius: 4px;
    cursor: pointer;
    margin: 15px 0;
    font-size: 14px
}

.load-data-wrap .refresh .btn.lang-style[data-v-82c73c78],
.load-data-wrap .user_api_limited .btn.lang-style[data-v-82c73c78] {
    width: 140px
}

.load-data-wrap .user_api_limited .text1[data-v-82c73c78] {
    margin-top: 0
}

.load-data-wrap .user_api_limited .text1 span[data-v-82c73c78]:first-child {
    color: #666;
    font-size: 14px
}

.load-data-wrap .user_api_limited .text1 span[data-v-82c73c78]:last-child {
    color: #999;
    font-size: 12px
}

.load-data-wrap .user_api_limited .btn[data-v-82c73c78] {
    width: 120px
}

.load-data-wrap .list_right_empty[data-v-82c73c78] {
    padding-top: 20px;
    height: 200px;
    line-height: 14px;
    text-align: center
}

.load-data-wrap .list_right_empty .img[data-v-82c73c78] {
    width: 162px;
    height: 128px;
    margin-bottom: 8px
}

.load-data-wrap .empty[data-v-82c73c78] {
    border-radius: 8px;
    border: 2px solid var(--q-gb-bg-c-11);
    background: var(--q-gb-bg-c-27)
}

.load-data-wrap .empty .empty-btn-wrap[data-v-82c73c78] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px
}

.load-data-wrap .empty .empty-btn-wrap .empty-btn[data-v-82c73c78] {
    height: 28px;
    padding: 0 15px;
    text-align: center;
    line-height: 28px;
    color: var(--q-gb-t-c-1);
    font-size: 13px;
    border-radius: 17px;
    background-image: var(--q-gb-bg-lg-9)
}

.limit_height[data-v-82c73c78] {
    position: relative;
    top: 0;
    left: 0
}

.limit_height .empty[data-v-82c73c78] {
    position: absolute !important;
    top: 0;
    left: 0
}

.loading-text-loading[data-v-82c73c78] {
    color: var(--q-gb-t-c-3)
}

@charset "UTF-8";

.pc-tab-1-index-module .site-nav .tab-wrap .item-wrap .line-wrap[data-v-511f2ad6] {
    height: 3px
}

.pc-tab-1-index-module .site-nav .tab-wrap .item-wrap .line-wrap .line[data-v-511f2ad6] {
    background: var(--q-gb-bg-c-1)
}

.pc-tab-1-index-module .site-nav .tab-wrap .item-wrap .line-wrap .line[data-v-511f2ad6]:before,
.pc-tab-1-index-module .site-nav .tab-wrap .item-wrap .line-wrap .line[data-v-511f2ad6]:after {
    background-image: none
}

.pc-tab-1-index-module .tab-wrap[data-v-511f2ad6] {
    color: var(--q-gb-t-c-8)
}

.pc-tab-1-index-module .tab-wrap .item-wrap .line-wrap .line[data-v-511f2ad6] {
    background-color: var(--q-header-search-color-7);
    border-top-right-radius: 40px;
    border-top-left-radius: 40px
}

.pc-tab-1-index-module .tab-wrap .item-wrap .line-wrap-dz .line[data-v-511f2ad6] {
    background-color: var(--q-gb-bg-c-1);
    border-top-right-radius: 40px;
    border-top-left-radius: 40px
}

.pc-tab-1-index-module .tab-wrap .tab-item[data-v-511f2ad6] {
    color: var(--q-gb-t-c-5)
}

.pc-tab-1-index-module .tab-wrap .tab-item.active[data-v-511f2ad6] {
    font-weight: 600;
    color: var(--q-gb-bg-c-1)
}

.pc-tab-1-index-module .tab-wrap .tab-item .match-count[data-v-511f2ad6] {
    opacity: 1 !important
}

.pc-tab-1-index-module .tab-wrap .btn[data-v-511f2ad6] {
    background-color: var(--q-gb-bg-c-11)
}

.pc-tab-1-index-module .tab-wrap[data-v-511f2ad6] {
    overflow: hidden
}

.pc-tab-1-index-module .tab-wrap .item-wrap[data-v-511f2ad6] {
    position: absolute;
    top: 0;
    width: 850px;
    display: flex;
    height: 100%;
    z-index: 999;
    align-items: center
}

.pc-tab-1-index-module .tab-wrap .item-wrap .tab-item[data-v-511f2ad6] {
    cursor: pointer;
    padding: 0 15px;
    text-align: center;
    flex-shrink: 0;
    height: 24px;
    line-height: 24px;
    border-radius: 15px;
    color: var(--q-gb-t-c-5)
}

.pc-tab-1-index-module .tab-wrap .item-wrap .tab-item.active[data-v-511f2ad6] {
    font-weight: 600;
    line-height: 24px;
    color: var(--q-gb-t-c-16) !important;
    border: none !important
}

.pc-tab-1-index-module .tab-wrap .item-wrap .tab-item .match-count[data-v-511f2ad6] {
    opacity: .7
}

.pc-tab-1-index-module .tab-wrap .item-wrap .tab-item .tab-icon[data-v-511f2ad6] {
    position: absolute;
    right: -5px;
    top: -10px;
    font-size: 12px;
    scale: .62;
    color: #fff;
    font-weight: 700;
    display: inline;
    line-height: 10px;
    text-align: center;
    background: linear-gradient(135deg, red, #ff7000);
    padding: 3px 5px;
    border-radius: 7px 7px 7px 0;
    overflow: hidden
}

.pc-tab-1-index-module .tab-wrap .item-wrap .tab-item .tab-icon[data-v-511f2ad6]:after {
    content: "";
    display: block;
    width: 4px;
    height: 35px;
    background-image: linear-gradient(#c9c4c400, #fffc, #d8d0d000);
    position: absolute;
    left: 10px;
    top: 0;
    transform: rotate(135deg);
    overflow: hidden;
    animation: bg_image-511f2ad6 1.3s linear infinite
}

.pc-tab-1-index-module .tab-wrap .item-wrap .tab-item .european_img[data-v-511f2ad6] {
    width: 120px;
    height: 60px;
    background-size: 88px auto;
    background-position: center
}

.pc-tab-1-index-module .tab-wrap .item-wrap .tab-item .report_img[data-v-511f2ad6] {
    width: 42px;
    height: 42px;
    background-size: cover
}

.pc-tab-1-index-module .tab-wrap .item-wrap .line-wrap[data-v-511f2ad6] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px
}

.pc-tab-1-index-module .tab-wrap .item-wrap .line-wrap.line-wrap-iframe[data-v-511f2ad6] {
    bottom: 6px
}

.pc-tab-1-index-module .tab-wrap .item-wrap .line-wrap .line[data-v-511f2ad6] {
    position: relative;
    width: 30px;
    height: 100%;
    transition: all .3s;
    z-index: 10;
    background-color: var(--q-gb-bg-c-1);
    border-top-right-radius: 40px;
    border-top-left-radius: 40px
}

.pc-tab-1-index-module .tab-wrap .item-wrap .line-wrap.pseudo .line[data-v-511f2ad6]:before,
.pc-tab-1-index-module .tab-wrap .item-wrap .line-wrap.pseudo .line[data-v-511f2ad6]:after {
    display: none
}

.pc-tab-1-index-module .tab-wrap .btn[data-v-511f2ad6] {
    height: 98%;
    position: absolute;
    top: 0;
    width: 38px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100
}

.pc-tab-1-index-module .tab-wrap .left-btn[data-v-511f2ad6] {
    left: 0;
    transform: rotate(180deg)
}

.pc-tab-1-index-module .tab-wrap .right-btn[data-v-511f2ad6] {
    right: 0
}

.pc-tab-1-index-module .leagues-bg .tab-wrap .item-wrap .line-wrap[data-v-511f2ad6] {
    bottom: 4px !important
}

@keyframes bg_image-511f2ad6 {
    0% {
        left: -10px
    }

    40% {
        left: 30%;
        top: -5px
    }

    70% {
        left: 70%;
        top: -15px
    }

    to {
        left: 40px;
        top: -25px
    }
}

.arrows[data-v-e7ff603a] .q-focus-helper:after {
    opacity: .9 !important
}

.arrows[data-v-e7ff603a] .q-focus-helper:before {
    opacity: .9 !important
}

.arrows[data-v-e7ff603a] .q-focus-helper {
    opacity: .9 !important
}

[data-v-e7ff603a] .q-carousel .q-btn--round {
    min-width: 1.2em;
    min-height: 1.2em;
    width: 1.2em;
    height: 1.2em
}

[data-v-e7ff603a] .q-carousel .q-icon {
    font-size: 16px
}

[data-v-e7ff603a] .q-carousel__prev-arrow--horizontal {
    left: 5px;
    top: 5px;
    bottom: 5px
}

[data-v-e7ff603a] .q-carousel__next-arrow--horizontal {
    right: 5px;
    top: 5px;
    bottom: 5px
}

.text[data-v-e7ff603a] {
    cursor: pointer
}

.test-info[data-v-2288dce3] {
    position: fixed;
    top: 20px;
    left: 50%;
    width: 250px;
    color: red;
    z-index: 9999999;
    font-size: 20px;
    transform: translate(100px)
}

.pc-menu-site-header-module .is-iframe.show-date-wrap {
    margin-right: 12px
}

.pc-menu-site-header-module .is-iframe .date-item .date-time {
    font-size: 12px;
    font-weight: 500
}

.pc-menu-site-header-module .c-site-header.is-iframe {
    height: 35px;
    transition: height .3s ease-in-out
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item1 {
    height: 40px
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item1 .icon-layout {
    width: 24px
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item1 .site-nav {
    height: 100%;
    align-items: center;
    flex-wrap: nowrap;
    transition: height .3s ease-in-out
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item1 .site-nav.iframe-mini-site-nav-hide {
    height: 0
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item1 .site-nav .tab-wrap {
    margin-left: -15px
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item1 .site-nav .tab-wrap .item-wrap {
    height: 39px
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item1 .site-nav .tab-wrap .item-wrap .tab-item {
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    font-weight: 700
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item1 .swipper {
    width: 278px !important;
    height: 36px !important;
    top: -2px
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item1 .swipper .swipper-container {
    width: 278px !important;
    height: 36px !important
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item1 .swipper .swipper_item {
    width: 278px !important
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item1 .swipper .swipper_item img {
    height: 100%
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item1 .adv-box-r {
    width: 334px
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item2 .adv-box-r {
    width: 227px
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item2 .mini .mini {
    width: 54px
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item3 {
    background-image: url(../../../assets/images2/closecaiqi.png);
    background-size: 100% 46px;
    background-repeat: no-repeat
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item3 .adv-box-r {
    width: 227px
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item3 .mini .mini {
    width: 54px
}

.pc-menu-site-header-module .c-site-header.is-iframe .header-item.item3 .yb-site-left-width {
    margin-top: 5px
}

.pc-menu-site-header-module .header-item.search-off {
    padding-left: 15px
}

.pc-menu-site-header-module .header-item .yb-site-left-width {
    display: flex;
    height: 100%
}

.pc-menu-site-header-module .header-item .yb-site-left-width.normal,
.pc-menu-site-header-module .header-item .yb-site-left-width.mini-normal {
    width: 220px;
    margin-right: 13px;
    background: var(--q-gb-bg-c-44) !important;
    background: none
}

.pc-menu-site-header-module .header-item .yb-site-left-width .search-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 0 0 16px
}

.pc-menu-site-header-module .header-item .yb-site-left-width .search-wrap.mini-normal,
.pc-menu-site-header-module .header-item .yb-site-left-width .search-wrap.normal {
    padding: 0 16px
}

.pc-menu-site-header-module .header-item .yb-site-left-width .search-wrap.mini {
    width: 50px;
    margin-right: 23px
}

.pc-menu-site-header-module .header-item .yb-site-left-width .search-wrap.mini .search-icon {
    margin-left: 0;
    margin-right: 12px
}

.pc-menu-site-header-module .header-item .yb-site-left-width .search-wrap .search-icon {
    cursor: pointer
}

.pc-menu-site-header-module .header-item .yb-site-left-width .search-wrap .ellipsis {
    max-width: 170px;
    text-overflow: ellipsis;
    cursor: text;
    flex: 1;
    color: var(--q-gb-t-c-27);
    overflow: hidden !important
}

.pc-menu-site-header-module .header-item.item1 {
    position: absolute;
    width: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 60px;
    transition: height .3s ease-in-out
}

.pc-menu-site-header-module .header-item.item1.iframe-header-item1-hide {
    height: 0 !important;
    overflow: hidden
}

.pc-menu-site-header-module .header-item.item1.iframe-header-item1-hide .swipper {
    transform: scale(0)
}

.pc-menu-site-header-module .header-item.item1.normal,
.pc-menu-site-header-module .header-item.item1.mini-normal {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right 130px top 0
}

.pc-menu-site-header-module .header-item.item1.mini .site-nav {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right 10px top 0
}

.pc-menu-site-header-module .header-item.item1.mini .site-nav .tab-wrap {
    z-index: 200;
    width: auto !important
}

.pc-menu-site-header-module .header-item.item1.mini .site-nav .tab-wrap .item-wrap {
    position: relative;
    width: 100%
}

.pc-menu-site-header-module .header-item.item1.vi .site-nav {
    font-size: 12px
}

.pc-menu-site-header-module .header-item.item1 .img-logo-wrap {
    width: 234px;
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: 0 0
}

.pc-menu-site-header-module .header-item.item1 .img-logo-wrap .imgClick {
    width: 40px;
    height: 100%
}

.pc-menu-site-header-module .header-item.item1 .img-logo {
    margin-left: 40px;
    width: 130px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
    position: relative
}

.pc-menu-site-header-module .header-item.item1 .site-nav {
    font-size: 16px;
    position: relative
}

.pc-menu-site-header-module .header-item.item1 .site-nav .tab-wrap {
    margin-left: -25px
}

.pc-menu-site-header-module .header-item.item1 .site-nav .tab-wrap .activity_center .img {
    width: 44px;
    height: 44px;
    margin-right: 4px;
    background-size: 44px;
    background-position: center
}

.pc-menu-site-header-module .header-item.item1 .site-nav .tab-wrap .tab-item {
    padding: 0 15px;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    position: relative;
    z-index: 100;
    color: var(--q-gb-t-c-3);
    letter-spacing: .5px
}

.pc-menu-site-header-module .header-item.item1 .site-nav .tab-wrap .tab-item.active {
    font-weight: 600;
    color: var(--q-gb-bg-c-1)
}

.pc-menu-site-header-module .header-item.item1 .site-nav .tab-wrap .activity_center {
    position: relative;
    padding-left: 65px !important
}

.pc-menu-site-header-module .header-item.item1 .site-nav .tab-wrap .activity_center .img {
    position: absolute;
    left: 10px
}

.pc-menu-site-header-module .header-item.item1 .site-nav .swipper {
    right: -40px
}

.pc-menu-site-header-module .header-item.item1 .site-nav .swipper-iframe {
    right: 0
}

.pc-menu-site-header-module .header-item.item1 .refresh-icon-wrap,
.pc-menu-site-header-module .header-item.item1 .balance-btn-eye {
    transform: translate(-4px)
}

.pc-menu-site-header-module .header-item.item1 .show-date-wrap {
    height: 50px;
    margin-right: 18px;
    color: var(--q-gb-t-c-37)
}

.pc-menu-site-header-module .header-item.item1 .show-date {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    text-align: right;
    line-height: 60px;
    height: 60px
}

.pc-menu-site-header-module .header-item.item1 .swipper {
    width: 400px !important;
    height: 54px !important;
    max-width: 400px !important;
    max-height: 54px !important;
    position: absolute;
    top: 0;
    right: 130px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    z-index: 899
}

.pc-menu-site-header-module .header-item.item1 .swipper .swipper-container {
    position: absolute;
    z-index: 900;
    width: 400px !important;
    height: 54px !important;
    max-width: 400px !important;
    max-height: 54px !important;
    overflow: hidden
}

.pc-menu-site-header-module .header-item.item1 .swipper .swipper-container .q-carousel__slide,
.pc-menu-site-header-module .header-item.item1 .swipper .swipper-container .q-carousel .q-carousel--padding {
    padding: 0;
    text-align: center
}

.pc-menu-site-header-module .header-item.item1 .swipper .swipper-container .scroll {
    overflow: hidden
}

.pc-menu-site-header-module .header-item.item1 .swipper .swipper-container .swipper_wrap {
    z-index: 1000;
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute
}

.pc-menu-site-header-module .header-item.item1 .swipper .swipper-container .swipper_wrap .swipper_item {
    width: 400px;
    height: 100%;
    position: absolute;
    text-align: right;
    background-color: transparent !important
}

.pc-menu-site-header-module .header-item.item1 .swipper .swipper-container .swipper_wrap .swipper_item img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    height: 100%
}

.pc-menu-site-header-module .header-item.item1 .swipper .swipper-container .adv-box-r {
    right: 0
}

.pc-menu-site-header-module .header-item.item2 {
    position: absolute;
    width: 100%;
    z-index: 1001;
    bottom: 0;
    left: 0;
    height: 40px;
    justify-content: space-between;
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.pc-menu-site-header-module .header-item.item2 .marquee-wrap .iframe-tab-wrapper .tab-item {
    background-color: var(--q-gb-bg-c-1);
    color: #fff
}

.pc-menu-site-header-module .header-item.item2 .marquee-wrap .label {
    background-image: var(--q-gb-bg-c-34);
    border: .5px solid var(--q-gb-bd-c-21);
    border-radius: 11px;
    font-weight: 400;
    color: var(--q-gb-t-c-27);
    opacity: .96
}

.pc-menu-site-header-module .header-item.item2 .search-arrow {
    min-width: 40px !important;
    padding: 5px 8px !important;
    border: var(--q-gb-t-c-16) 1px solid;
    color: var(--q-gb-t-c-16) !important;
    border-radius: 40px
}

.pc-menu-site-header-module .header-item.item2 .search-arrow .text {
    line-height: 18px
}

.pc-menu-site-header-module .header-item.item2 .search-arrow .arrow {
    width: 10px !important;
    height: 10px !important;
    font-size: 8px;
    margin: 4px 2px;
    transition: transform .3s;
    transform: rotate(180deg);
    width: 8px;
    height: 8px;
    background-size: 100% 100%;
    background-position: center
}

.pc-menu-site-header-module .header-item.item2 .search-arrow .arrow.desc {
    transform: rotate(0)
}

.pc-menu-site-header-module .header-item.item2 .col-right {
    padding: 0 10px;
    display: flex;
    justify-content: flex-end;
    height: 100%
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap {
    margin-right: 16px;
    height: 100%;
    z-index: 302
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap.active .yb-icon-arrow {
    transform: rotate(180deg)
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .text-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .popup-text {
    margin-right: 8px
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .yb-icon-arrow {
    transition: transform .3s
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .yb-icon-arrow:before {
    color: #a5aec8
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .item-wrap {
    position: absolute;
    top: 7px;
    text-align: center;
    border-radius: 4px;
    background: var(--q-site-header-color-6);
    box-shadow: var(--q-gb-bs-c-1)
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .item-wrap .item:hover {
    background: var(--q-site-header-color-6)
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .item-wrap .item.active {
    color: var(--q-gb-t-c-16)
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .item-wrap .select-item {
    background: var(--q-site-header-color-6)
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .item-wrap .select-item .item {
    padding: 0 5px
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .item-wrap .select-item .item.active {
    background: var(--q-gb-bg-c-17)
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .triangle {
    width: 13px;
    height: 13px;
    position: absolute;
    transform: rotate(45deg);
    top: -7px;
    background: var(--q-toast-color-bg-2) !important
}

.pc-menu-site-header-module .header-item.item2 .col-right .setup-wrap {
    cursor: pointer;
    margin-right: 16px;
    height: 100%;
    color: var(--q-gb-t-c-5)
}

.pc-menu-site-header-module .header-item.item2 .col-right .setup-wrap .yb-icon-arrow {
    margin-left: 6px;
    transition: transform .3s;
    width: 12px;
    height: 12px
}

.pc-menu-site-header-module .header-item.item2 .col-right .setup-wrap .yb-icon-arrow:before {
    color: #a5aec8
}

.pc-menu-site-header-module .header-item.item2 .col-right .setup-wrap .active {
    transform: rotate(180deg)
}

.pc-menu-site-header-module .header-item.item2 .col-right .setup-wrap p {
    margin: 0 8px 0 0 !important
}

.pc-menu-site-header-module .header-item.item2 .col-right .settings-reactive {
    transform: translate(-56px)
}

.pc-menu-site-header-module .header-item.item2 .col-right .versions-zhuanye .wrap-language {
    background: var(--q-site-header-color-6);
    box-shadow: var(--q-gb-bs-c-1)
}

.pc-menu-site-header-module .header-item.item2 .col-right .versions-zhuanye .wrap-language .item:hover {
    background: var(--q-gb-bg-c-17)
}

.pc-menu-site-header-module .header-item.item2 .col-right .versions-zhuanye .wrap-language .item.active {
    color: var(--q-gb-t-c-35)
}

.pc-menu-site-header-module .header-item.item2 .swipper {
    width: 278px !important;
    position: absolute;
    top: 2px;
    right: 80px;
    overflow: hidden;
    height: 36px !important
}

.pc-menu-site-header-module .header-item.item2 .swipper .swipper-container {
    height: 100% !important;
    width: 100% !important
}

.pc-menu-site-header-module .header-item.item2 .swipper .swipper-container .swipper_wrap {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute
}

.pc-menu-site-header-module .header-item.item2 .swipper .swipper-container .swipper_wrap .swipper_item {
    width: 278px;
    height: 100%;
    position: absolute;
    text-align: right;
    background-color: transparent !important
}

.pc-menu-site-header-module .header-item.item2 .swipper .swipper-container .swipper_wrap .swipper_item img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0
}

.pc-menu-site-header-module .header-item.item2 .swipper-mini {
    right: 112px
}

.pc-menu-site-header-module .header-item.item2 .adv-box-r {
    width: 240px;
    right: 0
}

.pc-menu-site-header-module .header-item.item2 .adv-box-r .day_arrow,
.pc-menu-site-header-module .header-item.item2 .adv-box-r .night_arrow {
    margin-top: 10px
}

.pc-menu-site-header-module .header-item.item2 .show-date-wrap {
    width: 60px;
    height: 34px
}

.pc-menu-site-header-module .header-item.item2 .show-date-wrap .show-date {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 60px;
    height: 35px;
    line-height: 12px;
    text-align: right;
    padding: 5px 0
}

.pc-menu-site-header-module .header-item.item2 .is-iframe.show-date-wrap {
    margin-right: 12px
}

.pc-menu-site-header-module .header-item.item2 .is-iframe .date-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.pc-menu-site-header-module .header-item.item2 .is-iframe .date-item .date-time {
    font-size: 12px;
    font-weight: 500
}

.pc-menu-site-header-module .header-item.item2 .menu-collapse-triangle {
    margin-right: 7px
}

.pc-menu-site-header-module .header-item.item2 .menu-collapse-triangle:before {
    color: #a5aec8;
    font-size: 12px;
    font-weight: 700
}

.pc-menu-site-header-module .header-item .adv-box-l {
    position: absolute;
    height: 100%;
    width: 40px;
    left: 0;
    z-index: 100
}

.pc-menu-site-header-module .header-item .adv-box-r {
    position: absolute;
    height: 100%;
    width: 400px;
    right: 0;
    z-index: 100
}

.pc-menu-site-header-module .header-item .adv-box-r.mini {
    right: 248px
}

.pc-menu-site-header-module .header-item .adv-box-r .day_arrow,
.pc-menu-site-header-module .header-item .adv-box-r .night_arrow {
    margin-bottom: 0;
    margin-top: 21px
}

.pc-menu-site-header-module .header-item .adv-box-r .day_arrow img,
.pc-menu-site-header-module .header-item .adv-box-r .night_arrow img {
    cursor: pointer
}

.pc-menu-site-header-module .header-item .adv-box-r .day_arrow img:last-child,
.pc-menu-site-header-module .header-item .adv-box-r .night_arrow img:last-child {
    float: right
}

.pc-menu-site-header-module .header-item .icon-eye_show:hover:before {
    color: #acaeb3
}

.pc-menu-site-header-module .header-item .icon-eye_hide2 {
    transform: scale(.7)
}

.pc-menu-site-header-module .header-item .icon-eye_hide2:hover:before {
    color: #acaeb3
}

.pc-menu-site-header-module .header-item.item2 {
    border-top: 1px solid var(--q-gb-bd-c-25)
}

.pc-menu-site-header-module .header-item.item2 .marquee-wrap .iframe-tab-wrapper .tab-item {
    background-color: var(--q-gb-bg-c-1)
}

.pc-menu-site-header-module .header-item.item2 .marquee-wrap .label {
    background-image: var(--q-gb-bg-c-34);
    border: .5px solid var(--q-gb-bd-c-21);
    border-radius: 11px;
    font-weight: 400;
    opacity: .96;
    color: var(--q-gb-t-c-27)
}

.pc-menu-site-header-module .header-item.item2 .col-right .show-date {
    color: var(--q-gb-t-c-5)
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .triangle {
    background: var(--q-gb-bg-c-11)
}

.pc-menu-site-header-module .header-item.item2 .col-right .popup-wrap .popup-text.active {
    color: var(--q-gb-t-c-16)
}

.pc-menu-site-header-module .header-item.item2 .col-right .yb-icon-arrow:before {
    color: #a5aec8
}

.pc-menu-site-header-module .header-item.item2 .col-right .item-wrap {
    background: var(--q-site-header-color-6);
    box-shadow: var(--q-gb-bs-c-1)
}

.pc-menu-site-header-module .header-item.item2 .col-right .item-wrap .item:hover {
    background: var(--q-site-header-color-6-hover)
}

.pc-menu-site-header-module .header-item.item2 .col-right .item-wrap .item.active {
    color: var(--q-gb-t-c-16)
}

.pc-menu-site-header-module .header-item.item2 .col-right .item-wrap .select-item {
    background: var(--q-site-header-color-6)
}

.pc-menu-site-header-module .header-item.item2 .col-right .item-wrap .select-item .item.active {
    background: var(--q-gb-t-c-16)
}

.pc-menu-site-header-module .header-item.item2 .col-right .versions-zhuanye .wrap-language {
    background: var(--q-toast-color-bg-2);
    box-shadow: 0 2px 8px 0 var(--q-shadow-2)
}

.pc-menu-site-header-module .header-item.item2 .col-right .versions-zhuanye .wrap-language .item {
    color: var(--q-text-color-1)
}

.pc-menu-site-header-module .header-item.item2 .col-right .versions-zhuanye .wrap-language .item:hover {
    background: var(--q-gb-bg-lg-11)
}

.pc-menu-site-header-module .header-item.item2 .col-right .versions-zhuanye .wrap-language .item.active {
    color: var(--q-gb-t-c-35);
    background: var(--q-gb-bg-lg-11)
}

.pc-menu-site-header-module .header-item.item2 .col-right .versions-zhuanye .wrap-language:before {
    border: 4px solid transparent;
    border-bottom: 4px solid #A5AEC8
}

.pc-menu-site-header-module .header-item.item2 .col-right .versions-zhuanye .wrap-language:after {
    border: 6px solid transparent;
    border-bottom: 6px solid #A5AEC8
}

.pc-menu-site-header-module .icon-layout {
    width: 30px
}

.pc-menu-site-header-module .menu-collapse-btn {
    cursor: pointer;
    width: 22px;
    height: 22px;
    margin-right: 3px;
    background-size: cover;
    background-position: center center
}

.pc-menu-site-header-module .menu-collapse-btn.btn-collapse {
    flex: 0 0 22px;
    margin-right: 30px
}

.pc-menu-site-header-module .user-info {
    color: var(--q-gb-t-c-6);
    transform: translate(-20px)
}

.pc-menu-site-header-module .user-info .balance-btn-eye:before {
    color: var(--q-site-header-color-12)
}

.pc-menu-site-header-module .user-info .balance-text-show {
    color: var(--q-site-header-color-1)
}

.pc-menu-site-header-module .user-info .icon-refresh:before {
    color: var(--q-site-header-color-3)
}

.pc-menu-site-header-module .user-info .icon-balance_refresh {
    background-position: center
}

.pc-menu-site-header-module .user-info {
    display: flex;
    align-items: center;
    padding-right: 0;
    min-width: 150px
}

.pc-menu-site-header-module .user-info.rows {
    flex-direction: column;
    justify-content: center;
    line-height: 20px;
    padding-right: 0
}

.pc-menu-site-header-module .user-info.rows .row {
    width: 100%;
    align-items: center;
    justify-content: flex-end
}

.pc-menu-site-header-module .user-info.rows .user-name {
    margin-right: 0
}

.pc-menu-site-header-module .user-info.rows .c-refresh {
    width: auto !important;
    height: auto !important
}

.pc-menu-site-header-module .user-info.rows .refresh-icon-wrap {
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.pc-menu-site-header-module .user-info.is_iframe_rows {
    line-height: unset
}

.pc-menu-site-header-module .user-info .user-name {
    margin-right: 20px
}

.pc-menu-site-header-module .user-info .balance-btn-eye {
    margin-right: 8px;
    cursor: pointer
}

.pc-menu-site-header-module .user-info .balance-text-show {
    font-size: 14px
}

.pc-menu-site-header-module .user-info .refresh-btn {
    margin-left: 6px
}

.pc-menu-site-header-module .adv-box-l {
    position: absolute;
    height: 100%;
    width: 40px;
    left: 0;
    z-index: 100
}

.pc-menu-site-header-module .line-wrap-iframe .line-wrap {
    transform: translateY(-13px)
}

.pc-menu-header-advertisement-module .swipper {
    width: 400px !important;
    height: 54px !important;
    max-width: 400px !important;
    max-height: 54px !important;
    position: absolute;
    top: 0;
    right: 130px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    z-index: 899
}

.pc-menu-header-advertisement-module .swipper .swipper-container {
    position: absolute;
    z-index: 900;
    width: 400px !important;
    height: 54px !important;
    max-width: 400px !important;
    max-height: 54px !important;
    overflow: hidden
}

.pc-menu-header-advertisement-module .swipper .swipper-container .q-carousel__slide,
.pc-menu-header-advertisement-module .swipper .swipper-container .q-carousel .q-carousel--padding {
    padding: 0;
    text-align: center
}

.pc-menu-header-advertisement-module .swipper .swipper-container .scroll {
    overflow: hidden
}

.pc-menu-header-advertisement-module .swipper .swipper-container .swipper_wrap {
    z-index: 1000;
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute
}

.pc-menu-header-advertisement-module .swipper .swipper-container .swipper_wrap .swipper_item {
    width: 400px;
    height: 100%;
    position: absolute;
    text-align: right;
    background-color: transparent !important
}

.pc-menu-header-advertisement-module .swipper .swipper-container .swipper_wrap .swipper_item img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    height: 100%
}

.pc-menu-header-advertisement-module .swipper .swipper-container .adv-box-r {
    right: 0
}

.pc-menu-header-search-module {
    position: relative;
    height: 38px
}

.pc-menu-header-search-module .yb-site-left-width .search-wrap {
    font-weight: 400;
    border-left: 0;
    top: 0;
    height: 40px !important;
    color: var(--q-gb-t-c-23);
    border-radius: 0 0 0 6px
}

.pc-menu-header-search-module .yb-site-left-width {
    display: flex;
    height: 100%
}

.pc-menu-header-search-module .yb-site-left-width.normal,
.pc-menu-header-search-module .yb-site-left-width.mini-normal {
    width: 220px;
    margin-right: 13px;
    background: var(--q-gb-bg-c-44);
    background: none
}

.pc-menu-header-search-module .yb-site-left-width .search-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 0 0 16px
}

.pc-menu-header-search-module .yb-site-left-width .search-wrap.mini-normal,
.pc-menu-header-search-module .yb-site-left-width .search-wrap.normal {
    padding: 0 16px
}

.pc-menu-header-search-module .yb-site-left-width .search-wrap.mini {
    width: 50px;
    margin-right: 23px
}

.pc-menu-header-search-module .yb-site-left-width .search-wrap.mini .search-icon {
    margin-left: 0;
    margin-right: 12px
}

.pc-menu-header-search-module .yb-site-left-width .search-wrap .search-icon {
    cursor: pointer
}

.pc-menu-header-search-module .yb-site-left-width .search-wrap .ellipsis {
    cursor: text;
    flex: 1;
    color: var(--q-gb-t-c-27)
}

.pc-menu-header-search-module .pc-menu-header-search-module-wap {
    height: 100%
}

.pc-menu-header-search-module .menu-collapse-btn {
    cursor: pointer;
    width: 22px;
    height: 22px;
    margin-right: 3px
}

.pc-menu-header-search-module .menu-collapse-btn.btn-collapse {
    flex: 0 0 22px;
    margin-right: 30px
}

.pc-menu-header-select-module .col-right {
    padding: 0 10px;
    display: flex;
    justify-content: flex-end;
    height: 100%
}

.pc-menu-header-select-module .col-right .popup-wrap {
    margin-right: 16px;
    height: 100%;
    z-index: 302
}

.pc-menu-header-select-module .col-right .popup-wrap.active .yb-icon-arrow {
    transform: rotate(270deg)
}

.pc-menu-header-select-module .col-right .popup-wrap .text-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer
}

.pc-menu-header-select-module .col-right .popup-wrap .popup-text {
    margin-right: 8px
}

.pc-menu-header-select-module .col-right .popup-wrap .popup-text.active {
    color: var(--q-gb-t-c-16)
}

.pc-menu-header-select-module .col-right .popup-wrap .yb-icon-arrow {
    transition: transform .3s
}

.pc-menu-header-select-module .col-right .popup-wrap .yb-icon-arrow:before {
    color: #a5aec8
}

.pc-menu-header-select-module .col-right .popup-wrap .item-wrap {
    position: absolute;
    top: 7px;
    text-align: center;
    border-radius: 4px;
    background: var(--q-site-header-color-6);
    box-shadow: var(--q-gb-bs-c-1)
}

.pc-menu-header-select-module .col-right .popup-wrap .item-wrap .item:hover {
    background: var(--q-site-header-color-6)
}

.pc-menu-header-select-module .col-right .popup-wrap .item-wrap .item.active {
    color: var(--q-gb-t-c-16)
}

.pc-menu-header-select-module .col-right .popup-wrap .item-wrap .select-item {
    background: var(--q-site-header-color-6)
}

.pc-menu-header-select-module .col-right .popup-wrap .item-wrap .select-item .item {
    padding: 0 5px
}

.pc-menu-header-select-module .col-right .popup-wrap .item-wrap .select-item .item.active {
    background: var(--q-gb-bg-c-17)
}

.pc-menu-header-select-module .col-right .popup-wrap .triangle {
    width: 13px;
    height: 13px;
    position: absolute;
    transform: rotate(45deg);
    top: -7px;
    background: var(--q-gb-t-c-5)
}

.pc-menu-header-select-module .col-right .setup-wrap {
    cursor: pointer;
    margin-right: 16px;
    height: 100%;
    color: var(--q-gb-t-c-5)
}

.pc-menu-header-select-module .col-right .setup-wrap .yb-icon-arrow {
    margin-left: 6px;
    transition: transform .3s
}

.pc-menu-header-select-module .col-right .setup-wrap .yb-icon-arrow:before {
    color: #a5aec8
}

.pc-menu-header-select-module .col-right .setup-wrap .active {
    transform: rotate(-90deg)
}

.pc-menu-header-select-module .col-right .setup-wrap p {
    margin: 0 8px 0 0 !important
}

.pc-menu-header-select-module .col-right .settings-reactive {
    transform: translate(-56px)
}

.pc-menu-header-select-module .col-right .versions-zhuanye .wrap-language {
    background: var(--q-site-header-color-6);
    box-shadow: var(--q-gb-bs-c-1)
}

.pc-menu-header-select-module .col-right .versions-zhuanye .wrap-language .item:hover {
    background: var(--q-gb-bg-c-17)
}

.pc-menu-header-select-module .col-right .versions-zhuanye .wrap-language .item.active {
    color: var(--q-gb-t-c-35)
}

.pc-menu-header-select-module .col-right .versions-zhuanye .wrap-language:before {
    border: 4px solid transparent;
    border-bottom: 4px solid #A5AEC8
}

.pc-menu-header-select-module .col-right .versions-zhuanye .wrap-language:after {
    border: 6px solid transparent;
    border-bottom: 6px solid #A5AEC8
}

.pc-menu-header-select-module .swipper {
    width: 266px;
    position: absolute;
    top: 5px;
    right: 124px;
    overflow: hidden;
    height: 36px
}

.pc-menu-header-select-module .swipper .swipper_wrap {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute
}

.pc-menu-header-select-module .swipper .swipper_wrap .swipper_item {
    width: 266px;
    height: 100%;
    position: absolute;
    text-align: right;
    background-color: transparent !important
}

.pc-menu-header-select-module .swipper .swipper_wrap .swipper_item img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0
}

.pc-menu-header-select-module .col-right .show-date {
    color: var(--q-gb-t-c-5)
}

.pc-menu-header-select-module .settings-reactive {
    transform: translate(-56px)
}

.pc-menu-header-select-module .old_new {
    margin-left: 20px;
    margin-right: 10px;
    min-width: 50px;
    z-index: 302;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border: .5px solid rgba(0, 0, 0, .2);
    padding: 5px 8px;
    border-radius: 12px;
    background-color: var(--q-gb-bg-c-40);
    color: var(--q-gb-t-c-5);
    cursor: pointer
}

.pc-menu-header-select-module .old_new:hover {
    color: var(--qq--match-text-color3);
    background-color: var(--qq--match-bg-color8);
    border: .5px solid var(--q-gb-bd-c-12);
    color: var(--q-gb-t-c-16)
}

.pc-menu-header-time-module .show-date-wrap {
    width: 200px;
    height: 60px;
    margin-right: 18px
}

.pc-menu-header-time-module .show-date-wrap .show-date {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    text-align: right;
    line-height: 60px;
    height: 60px
}

.pc-menu-header-time-module .is-iframe-style.new-pc-page {
    color: var(--q-gb-t-c-5)
}

.pc-menu-header-time-module .is-iframe-style.new-pc-page.show-date {
    top: 10px !important;
    line-height: 16px !important
}

.pc-menu-header-time-module .is-iframe-style.new-pc-page .date-time,
.pc-menu-header-time-module .is-iframe-style.new-pc-page .time-zone {
    display: inline-block;
    text-align: right;
    padding-right: 5px
}

.pc-menu-header-time-module .is-iframe-style-status .date-item {
    line-height: 50px;
    height: 50px;
    min-width: 110px
}

.pc-menu-maintenance-tip-module {
    position: relative
}

.pc-menu-maintenance-tip-module .tip-content {
    position: absolute;
    top: 55px;
    width: 130px;
    z-index: 1200
}

.pc-menu-maintenance-tip-module .tip-content.tip-left {
    left: 105px
}

.pc-menu-maintenance-tip-module .tip-content.tip-right {
    top: 15px;
    right: 120px
}

.pc-menu-maintenance-tip-module .tip-content .yb-icon-triangle {
    position: absolute;
    width: 16px;
    height: 8px;
    top: -8px;
    left: 0
}

.pc-menu-maintenance-tip-module .tip-content .content-wrap {
    color: var(--q-gb-t-c-1);
    padding: 2px 3px;
    border-radius: 0 3px 3px
}

.pc-menu-simple-header-module {
    display: flex;
    padding: 0 20px 0 15px;
    height: 61px;
    min-height: 61px;
    align-items: center;
    text-transform: uppercase
}

.pc-menu-simple-header-module .icon-layout {
    width: 5px
}

.pc-menu-simple-header-module .rule-logo {
    margin-right: 33.3px;
    height: 100%
}

.pc-menu-simple-header-module .rule-logo .img-logo {
    width: 130px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.pc-menu-simple-header-module .rule-logo .img-logo img {
    height: 30px;
    width: 130px
}

.pc-menu-simple-header-module .head-info {
    display: flex;
    justify-content: space-between;
    flex: 1;
    align-items: center
}

.pc-menu-simple-header-module .head-info .rule-title {
    font-size: 12px
}

.pc-menu-simple-header-module .head-info .systime {
    min-width: 96px;
    font-size: 12px;
    display: flex;
    align-items: center
}

.pc-menu-simple-header-module .head-info .systime .refresh {
    width: 24px;
    height: 24px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    margin-right: 5px;
    cursor: pointer
}

.search-icon[data-v-7f9fde75] {
    height: 14px;
    width: 14px
}

.text_ellipsis[data-v-7f9fde75] {
    overflow: visible
}

.placeholder[data-v-7f9fde75] {
    line-height: 20px !important
}

.q-menu.pc-g-settings-style-module {
    overflow: initial
}

.within-iframe .pc-g-settings-style-module.is_collapse:before,
.within-iframe .pc-g-settings-style-module.is_collapse:after {
    right: 40.7%
}

.within-iframe .pc-g-settings-style-module:before,
.within-iframe .pc-g-settings-style-module:after {
    right: 14.5%;
    pointer-events: none
}

.pc-g-settings-style-module {
    color: var(--q-gb-t-c-6);
    background: var(--q-gb-bg-c-82);
    width: 240px;
    max-height: 700px !important;
    border-radius: 4px !important;
    padding: 5px 0 10px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3));
    overflow: unset
}

.pc-g-settings-style-module:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    top: -20px;
    right: 15%
}

.pc-g-settings-style-module:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    top: -19px;
    right: 15%
}

.pc-g-settings-style-module .list {
    background: var(--q-gb-bg-c-82)
}

.pc-g-settings-style-module .q-list--bordered {
    border: 0
}

.pc-g-settings-style-module .settings-no-expand {
    display: none
}

.pc-g-settings-style-module .settings-item-header {
    padding-right: 11px
}

.pc-g-settings-style-module .settings-item-header .one-click-bet-section {
    white-space: nowrap
}

.pc-g-settings-style-module .settings-item-header .one-click-bet-section .one-click-bet-section-min-amount {
    color: var(--q-gb-bg-c-57)
}

.pc-g-settings-style-module .triangle {
    position: absolute;
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    top: -2px;
    left: 75%;
    background: var(--q-gb-bg-c-82)
}

.pc-g-settings-style-module .skin-toggle {
    display: flex;
    width: 32px;
    height: 16px;
    white-space: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 3px;
    border-radius: 13px;
    opacity: .96;
    border: 1px solid var(--q-icon-color-1);
    background: var(--q-bg-color-1-3)
}

.pc-g-settings-style-module .skin-toggle .skin-icon {
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center
}

.pc-g-settings-style-module .skin-toggle .skin-icon-night {
    background-color: var(--q-icon-color-white-all)
}

.pc-g-settings-style-module .skin-toggle .skin-icon-off {
    width: 12px;
    height: 12px;
    background: var(--q-icon-color-1);
    border-radius: 50%
}

.pc-g-settings-style-module .skin-orther {
    display: flex;
    width: 32px;
    height: 16px;
    white-space: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 3px
}

.pc-g-settings-style-module .settings-icon {
    width: 16px;
    height: 15px
}

.pc-g-settings-style-module .child-item {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 16px 0 17px;
    cursor: pointer
}

.pc-g-settings-style-module .child-item .flag {
    width: 14px;
    height: 10px;
    display: inline-block !important;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 6px;
    background-image: url(/image/common/png/lang_flag.png)
}

.pc-g-settings-style-module .child-item .flag.en {
    background-position-y: -15px
}

.pc-g-settings-style-module .child-item .flag.tw {
    background-position-y: -30px
}

.pc-g-settings-style-module .child-item .flag.vi {
    background-position-y: -45px
}

.pc-g-settings-style-module .child-item .flag.ms {
    background-position-y: -60px
}

.pc-g-settings-style-module .child-item .flag.ad {
    background-position-y: -90px
}

.pc-g-settings-style-module .child-item .flag.th {
    background-position-y: -75px
}

.pc-g-settings-style-module .child-item .flag.mya {
    background-position-y: -105px
}

.pc-g-settings-style-module .child-item .flag.ry {
    background-position-y: -120px
}

.pc-g-settings-style-module .child-item .flag.pt {
    background-position-y: -135px
}

.pc-g-settings-style-module .child-item .flag.ko {
    background-position-y: -150px
}

.pc-g-settings-style-module .child-item .flag.es {
    background-position-y: -165px
}

.pc-g-settings-style-module .child-item .flag.ru {
    background-position-y: -180px
}

.pc-g-settings-style-module .child-item i.arrow-show {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700
}

.pc-g-settings-style-module i.icon-triangle1 {
    font-weight: 700
}

.pc-g-settings-style-module .q-item {
    min-height: 40px;
    padding: 8px 10px
}

.pc-g-settings-style-module .q-card__section {
    padding: 0
}

.pc-g-settings-style-module .q-item__section--side {
    padding-left: 2px;
    padding-right: 10px
}

.pc-g-settings-style-module .q-item__section--side.q-item__section--avatar {
    min-width: 14px;
    padding-right: 6px;
    padding-left: 0
}

.pc-g-settings-style-module .q-item__section--side .q-expansion-item__toggle-icon {
    font-size: 12px
}

.pc-g-settings-style-module .q-item__section--side .skin-font {
    color: var(--q-gb-bg-c-57);
    line-height: 15px
}

.pc-g-settings-style-module .skin-icon-off {
    width: 12px;
    height: 12px;
    background: var(--q-icon-color-1);
    border-radius: 50%
}

.pc-g-settings-style-module .kicfoff_list {
    background: var(--q-bg-color-3-1);
    width: 100%;
    max-height: 200px;
    overflow: auto
}

.pc-g-settings-style-module .kicfoff_list .option {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 16px 0 20px;
    cursor: pointer
}

.pc-g-settings-style-module .kicfoff_list .option:hover {
    color: var(--q-gb-t-c-16);
    background: var(--q-transparent-theme-color-1)
}

.pc-g-settings-style-module .kicfoff_list .option.active {
    background: var(--q-transparent-theme-color-1)
}

.pc-g-settings-style-module .kicfoff_list .active {
    color: var(--q-gb-t-c-16)
}

.pc-g-settings-style-module .setting-card .q-card__section--vert {
    padding: 0
}

.pc-g-settings-style-module .skin-icon-night {
    width: 12px;
    height: 12px;
    background-color: var(--q-icon-color-white-all);
    border-radius: 50%
}

.pc-g-settings-style-module .to-old {
    white-space: nowrap;
    border: none !important;
    color: var(--q-gb-bg-c-57);
    margin-right: 21px
}

.pc-g-settings-style-module .one-click-bet-section-min-amount {
    color: var(--q-gb-bg-c-57);
    padding: 2px 16px 2px 36px
}

.pc-g-settings-style-module .one-click-bet-input {
    display: flex;
    justify-content: right;
    padding-right: 33px;
    margin-top: 6px
}

.pc-g-settings-style-module .one-click-bet-input .input-number {
    display: flex;
    width: 176px
}

.pc-g-settings-style-module .one-click-bet-input .input-number .sub-number {
    font-size: 12px;
    color: var(--q-gb-t-c-31);
    text-align: center;
    width: 33px;
    height: 28px;
    line-height: 28px;
    margin-left: 6px;
    background: var(--q-gb-bg-c-26);
    border-radius: 4px 0 0 4px;
    border-right: 0;
    cursor: pointer
}

.pc-g-settings-style-module .one-click-bet-input .input-number .sub-number.disabled {
    background: var(--q-gb-bg-c-7);
    pointer-events: none;
    cursor: not-allowed
}

.pc-g-settings-style-module .one-click-bet-input .input-number input {
    color: var(--q-gb-t-c-1);
    border-radius: 0;
    background-color: var(--q-gb-bg-c-11);
    border: 1px solid var(--q-gb-bg-c-26);
    border-left: 0;
    border-right: 0;
    width: 100%;
    height: 28px;
    text-align: center;
    outline: none;
    font-weight: 700
}

.pc-g-settings-style-module .one-click-bet-input .input-number .add-number {
    font-size: 12px;
    color: var(--q-gb-t-c-31);
    text-align: center;
    width: 33px;
    height: 28px;
    line-height: 28px;
    background: var(--q-gb-bg-c-26);
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    border-left: 0
}

.pc-g-settings-style-module .one-click-bet-input .input-number .add-number.disabled {
    background: var(--q-gb-bg-c-7);
    pointer-events: none;
    cursor: not-allowed
}

.pc-g-settings-style-module .skin-toggle-no {
    background: var(--q-theme-color-1-default);
    border: none
}

.versions-zhuanye .langeuage-text[data-v-d15b8c74] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    height: 100%;
    color: var(--q-gb-t-c-5)
}

.versions-zhuanye .langeuage-text .lang-active[data-v-d15b8c74] {
    margin-left: 9px
}

.versions-zhuanye .langeuage-text .lang-label[data-v-d15b8c74] {
    margin-right: 8px
}

.versions-zhuanye .langeuage-text .yb-icon-arrow[data-v-d15b8c74] {
    width: 14px;
    height: 14px;
    transform: none
}

.versions-zhuanye .langeuage-text.active .yb-icon-arrow[data-v-d15b8c74] {
    transform: rotate(180deg);
    transition: transform .3s
}

.versions-zhuanye .wrap-language[data-v-d15b8c74] {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-50%);
    padding: 9px 0;
    min-width: 116px;
    border-radius: 6px;
    text-align: left;
    z-index: 10002
}

.versions-zhuanye .wrap-language .item[data-v-d15b8c74] {
    display: flex;
    align-items: center;
    height: 26px;
    cursor: pointer;
    padding: 0 8px 0 20px;
    color: var(--q-gb-t-c-6)
}

.versions-zhuanye .triangle[data-v-d15b8c74] {
    left: 46px
}

.versions-zhuanye .flag[data-v-d15b8c74] {
    width: 14px;
    height: 10px;
    display: inline-block !important;
    background-image: url(/image/common/png/lang_flag.png);
    background-position-x: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 6px
}

.versions-zhuanye .flag.en[data-v-d15b8c74] {
    background-position-y: -15px !important
}

.versions-zhuanye .flag.tw[data-v-d15b8c74] {
    background-position-y: -30px !important
}

.versions-zhuanye .flag.vi[data-v-d15b8c74] {
    background-position-y: -45px !important
}

.versions-zhuanye .flag.ms[data-v-d15b8c74] {
    background-position-y: -60px !important
}

.versions-zhuanye .flag.ad[data-v-d15b8c74] {
    background-position-y: -90px !important
}

.versions-zhuanye .flag.th[data-v-d15b8c74] {
    background-position-y: -75px !important
}

.versions-zhuanye .flag.mya[data-v-d15b8c74] {
    background-position-y: -105px !important
}

.versions-zhuanye .flag.ry[data-v-d15b8c74] {
    background-position-y: -120px !important
}

.versions-zhuanye .flag.pt[data-v-d15b8c74] {
    background-position-y: -135px !important
}

.versions-zhuanye .flag.ko[data-v-d15b8c74] {
    background-position-y: -150px !important
}

.versions-zhuanye .flag.es[data-v-d15b8c74] {
    background-position-y: -165px !important
}

.versions-zhuanye .flag.ara[data-v-d15b8c74] {
    background-position-y: -210px !important
}

.versions-zhuanye .flag.ru[data-v-d15b8c74] {
    background-position-y: -180px !important
}

.versions-zhuanye .flag.hin[data-v-d15b8c74] {
    background-position-y: -195px !important
}

.versions-zhuanye .hide_top_menu_flag[data-v-d15b8c74] {
    width: 28px !important;
    height: 22px !important
}

.versions-zhuanye .hide_top_menu_flag.zh[data-v-d15b8c74] {
    background-position-y: 0px !important
}

.versions-zhuanye .hide_top_menu_flag.en[data-v-d15b8c74] {
    background-position-y: -30px !important
}

.versions-zhuanye .hide_top_menu_flag.tw[data-v-d15b8c74] {
    background-position-y: -60px !important
}

.versions-zhuanye .hide_top_menu_flag.vi[data-v-d15b8c74] {
    background-position-y: -90px !important
}

.versions-zhuanye .hide_top_menu_flag.ms[data-v-d15b8c74] {
    background-position-y: -120px !important
}

.versions-zhuanye .hide_top_menu_flag.th[data-v-d15b8c74] {
    background-position-y: -150px !important
}

.versions-zhuanye .hide_top_menu_flag.ad[data-v-d15b8c74] {
    background-position-y: -180px !important
}

.versions-zhuanye .hide_top_menu_flag.mya[data-v-d15b8c74] {
    background-position-y: -210px !important
}

.versions-zhuanye .hide_top_menu_flag.ry[data-v-d15b8c74] {
    background-position-y: -240px !important
}

.versions-zhuanye .hide_top_menu_flag.pt[data-v-d15b8c74] {
    background-position-y: -270px !important
}

.versions-zhuanye .hide_top_menu_flag.ko[data-v-d15b8c74] {
    background-position-y: -300px !important
}

.versions-zhuanye .hide_top_menu_flag.es[data-v-d15b8c74] {
    background-position-y: -330px !important
}

.versions-zhuanye .hide_top_menu_flag.ara[data-v-d15b8c74] {
    background-position-y: -420px !important
}

.versions-zhuanye .hide_top_menu_flag.ru[data-v-d15b8c74] {
    background-position-y: -360px !important
}

.versions-zhuanye .hide_top_menu_flag.hin[data-v-d15b8c74] {
    background-position-y: -390px !important
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative
}

.marquee-content {
    display: inline-block;
    white-space: nowrap;
    -webkit-animation-play-state: var(--animation-state);
    -moz-animation-play-state: var(--animation-state);
    animation-play-state: var(--animation-state)
}

.marquee-item {
    display: inline-block;
    margin-right: 4em;
    cursor: pointer;
    transition: opacity .3s
}

.marquee-item:hover {
    font-weight: 600
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.delete-icon[data-v-a2931cd4] {
    widows: 100%;
    height: 100%
}

.play-wrap[data-v-2a00d4a3] {
    color: #fff;
    font-size: 30px
}

.v-scroll-area .content-wrap[data-v-c89f0c18] {
    background: var(--q-bg-color-1-3)
}

.v-scroll-area .content-wrap .scroll-header[data-v-c89f0c18] {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100
}

.v-scroll-area .content-wrap .scroll-inner-wrap .loading-wrap[data-v-c89f0c18] {
    padding-top: 100px !important
}

.v-scroll-area .content-wrap .scroll-footer[data-v-c89f0c18] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 216px;
    z-index: 100
}

.v-scroll-area .v-scrollarea .q-scrollarea__bar[data-v-c89f0c18] {
    display: none
}

.v-scroll-area .q-scrollarea__content[data-v-c89f0c18] {
    width: 100%;
    border-radius: 0 6px 0 0;
    background: var(--q-gb-bg-c-30)
}

.bet-fit.v-scroll-area.fit[data-v-c89f0c18] {
    width: 220px
}

.no_iframe .absolute-right[data-v-c89f0c18] {
    right: -10.4px !important
}

.iframe .absolute-right[data-v-c89f0c18] {
    right: -8px !important
}

.box-line[data-v-e624aac3] {
    width: 100%;
    height: 24px;
    background: var(--q-bg-color-1-3)
}

.active-icon[data-v-e624aac3] {
    background-size: 100% 100%;
    width: 41px;
    height: 20px
}

.active-icon-olyopean[data-v-e624aac3] {
    background-size: cover;
    width: 41px;
    height: 24px;
    margin-right: 0 10px
}

.c-main-menu[data-v-e624aac3] {
    font-size: 13px;
    z-index: 211;
    width: 100%
}

.c-main-menu .scroll-inner-wrap[data-v-e624aac3] {
    margin-bottom: 10px
}

.c-main-menu .c-menu-sports[data-v-e624aac3] {
    font-size: 13px
}

.c-main-menu .c-menu-sports .menu-item .menu-decoration[data-v-e624aac3] {
    min-width: 100px;
    height: 21px;
    margin-top: -6px;
    background-size: cover
}

.c-main-menu .c-menu-sports .menu-item.menu-tab[data-v-e624aac3] {
    font-size: 13px;
    justify-content: space-around;
    padding: 0;
    margin: 9px 0
}

.c-main-menu .c-menu-sports .menu-item.menu-tab.joint-menu-item[data-v-e624aac3] {
    margin-top: 16px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item[data-v-e624aac3] {
    border-radius: 30px;
    margin-right: 10px;
    white-space: nowrap;
    margin-right: 0 !important;
    text-align: center;
    height: 30px !important;
    min-width: 90px;
    line-height: 30px;
    box-shadow: 0 2px 2px var(--q-gb-bg-c-72);
    background: var(--q-gb-bg-c-71);
    color: var(--q-gb-t-c-6)
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item[data-v-e624aac3]:last-child {
    margin-right: 0;
    display: inline-block;
    text-align: center
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item.active[data-v-e624aac3] {
    font-weight: 600;
    font-size: 14px;
    color: var(--q-gb-t-c-18);
    background: var(--q-gb-t-c-16)
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item.active1[data-v-e624aac3] {
    margin-left: 152px
}

.c-main-menu .c-menu-sports .menu-item.menu-fold1[data-v-e624aac3] {
    font-size: 13px;
    color: var(--q-gb-t-c-6)
}

.c-main-menu .c-menu-sports .menu-item.menu-fold1.y-active[data-v-e624aac3] {
    background: var(--q-gb-bg-lg-8);
    color: var(--q-gb-t-c-16);
    font-weight: 600
}

.c-main-menu .c-menu-sports .menu-item.menu-fold1.y-active[data-v-e624aac3]:after {
    content: "";
    width: 3px;
    height: 36px;
    background: var(--q-gb-bg-lg-1);
    position: absolute;
    right: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.c-main-menu .c-menu-sports .menu-item.menu-fold1.y-active-joint[data-v-e624aac3] {
    color: var(--q-gb-bg-c-99);
    color: var(--q-gb-t-c-16)
}

.c-main-menu .c-menu-sports .menu-item.menu-fold1[data-v-e624aac3]:hover {
    background: var(--q-gb-bg-lg-9);
    color: var(--q-gb-t-c-16)
}

.c-main-menu .c-menu-sports .menu-item.menu-fold2[data-v-e624aac3] {
    font-size: 12px
}

.c-main-menu .c-menu-sports .menu-item.menu-fold2.active[data-v-e624aac3] {
    color: var(--q-gb-t-c-16);
    background: var(--q-gb-bg-lg-13)
}

.c-main-menu .c-menu-sports .menu-item.menu-fold2.active .menu-point[data-v-e624aac3] {
    background: var(--q-gb-t-c-16)
}

.c-main-menu .c-menu-sports .menu-item.menu-fold2.active[data-v-e624aac3]:after {
    width: 0;
    height: 0
}

.c-main-menu .c-menu-sports .menu-y-border .menu-fold1[data-v-e624aac3] {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.c-main-menu .c-menu-sports .menu-y-border .menu-fold1.y-active[data-v-e624aac3],
.c-main-menu .c-menu-sports .menu-b-border .menu-fold1.y-active[data-v-e624aac3] {
    border: none
}

.c-main-menu .menu-wrap[data-v-e624aac3] {
    cursor: pointer
}

.c-main-menu .menu-wrap .no-click[data-v-e624aac3] {
    cursor: auto
}

.c-main-menu .menu-wrap .no-click[data-v-e624aac3]:hover {
    background: none !important
}

.c-main-menu .menu-wrap .menu-item[data-v-e624aac3] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-main-menu .menu-wrap .menu-item.active[data-v-e624aac3] {
    font-weight: 700;
    border-bottom: 0
}

.c-main-menu .menu-wrap .menu-item .hot-icon[data-v-e624aac3] {
    width: 14px;
    height: 14px;
    margin-right: 10px
}

.c-main-menu .menu-wrap .menu-item .menu-new-icon[data-v-e624aac3] {
    margin: 0 0 3px 4px
}

.c-main-menu .menu-wrap .menu-item .match-count[data-v-e624aac3] {
    padding-right: 15px;
    display: inline-block;
    width: 40px;
    text-align: right;
    max-width: 30px;
    height: 100%;
    line-height: 36px
}

.c-main-menu .menu-wrap .menu-item .match-count-new-hand[data-v-e624aac3] {
    width: 0
}

.c-main-menu .menu-wrap .menu-item.disable-hover[data-v-e624aac3]:hover {
    background-color: transparent !important
}

.c-main-menu .menu-wrap .menu-item.menu-top[data-v-e624aac3] {
    padding: 0 15px 0 16px;
    height: 40px;
    color: var(--q-gb-t-c-6)
}

.c-main-menu .menu-wrap .menu-item.menu-top .match-count[data-v-e624aac3] {
    padding-right: 0
}

.c-main-menu .menu-wrap .menu-item.menu-top.menu-virtual .menu-name[data-v-e624aac3] {
    margin-left: 10px
}

.c-main-menu .menu-wrap .menu-item.menu-top.hot-menu[data-v-e624aac3]:hover {
    background: none
}

.c-main-menu .menu-wrap .menu-item.menu-top.item-bet[data-v-e624aac3] {
    width: 200px;
    height: 36px;
    border-radius: 10px;
    border-right: 0;
    margin-left: 10px
}

.c-main-menu .menu-wrap .menu-item.menu-top.no-click[data-v-e624aac3] {
    font-size: 12px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1[data-v-e624aac3],
.c-main-menu .menu-wrap .menu-item.menu-fold2[data-v-e624aac3] {
    padding-left: 16px;
    height: 36px;
    line-height: 36px;
    background: var(--q-bg-color-1-3)
}

.c-main-menu .menu-wrap .menu-item.menu-fold1.active[data-v-e624aac3],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active[data-v-e624aac3] {
    border-bottom: 0
}

.c-main-menu .menu-wrap .menu-item.menu-fold1.active .items-right.menu-border[data-v-e624aac3],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active .items-right.menu-border[data-v-e624aac3],
.c-main-menu .menu-wrap .menu-item.menu-fold1.active .menu-border[data-v-e624aac3],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active .menu-border[data-v-e624aac3] {
    border-bottom: 1px solid transparent
}

.c-main-menu .menu-wrap .menu-item.menu-fold1[data-v-e624aac3]:hover,
.c-main-menu .menu-wrap .menu-item.menu-fold2[data-v-e624aac3]:hover {
    background: var(--q-gb-bg-c-44)
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .league-logo[data-v-e624aac3],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .league-logo[data-v-e624aac3] {
    width: 18px;
    height: 18px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .items-right[data-v-e624aac3],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .items-right[data-v-e624aac3] {
    margin-left: 10px;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .items-right .euro-img[data-v-e624aac3],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .items-right .euro-img[data-v-e624aac3] {
    width: 24px;
    height: 24px;
    transform: translate(4px, 6px)
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .items-right .live-text[data-v-e624aac3],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .items-right .live-text[data-v-e624aac3] {
    position: relative;
    top: 8px;
    display: inline-block;
    width: 39px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    transform: scale(.6665);
    text-align: center;
    border-radius: 20px;
    color: var(--q-bg-color-1-3);
    background: var(--q-theme-color-1-default)
}

.c-main-menu .menu-wrap .menu-item .torch[data-v-e624aac3] {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    top: 4px;
    width: 22px;
    height: 22px
}

.c-main-menu .menu-wrap .menu-item .torch img[data-v-e624aac3] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.c-main-menu .menu-wrap .menu-item .hot-icon[data-v-e624aac3] {
    float: right !important;
    top: 0 !important;
    right: 0 !important;
    margin-right: 0 !important
}

.c-main-menu .menu-wrap .menu-item .hot-icon img[data-v-e624aac3] {
    right: 0 !important;
    float: right !important
}

.c-main-menu .menu-wrap .menu-fold2-wrap[data-v-e624aac3] {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .2s;
    color: var(--q-gb-t-c-6)
}

.c-main-menu .menu-wrap .menu-fold2-wrap.open[data-v-e624aac3] {
    max-height: 500px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2[data-v-e624aac3] {
    padding: 0 0 0 43px;
    border-right: 2px solid transparent
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-border[data-v-e624aac3] {
    position: absolute;
    width: 128px;
    height: 1px;
    right: 0;
    bottom: 0
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-point[data-v-e624aac3] {
    position: absolute;
    left: -18px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: var(--q-gb-t-c-6)
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-text[data-v-e624aac3] {
    max-width: 126px;
    font-family: PingFang SC Medium
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .match-count[data-v-e624aac3] {
    padding-right: 13px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2.menu-virtual[data-v-e624aac3] {
    padding-left: 34px
}

.c-main-menu .hot-menu-wrap[data-v-e624aac3] {
    margin-top: 15px
}

.c-main-menu .hot-menu-wrap .level2 .menu-text[data-v-e624aac3] {
    max-width: 170px
}

.c-main-menu .menu-normal-fixed-footer[data-v-e624aac3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    cursor: pointer
}

.c-main-menu .menu-normal-fixed-footer .left[data-v-e624aac3] {
    padding-left: 15px
}

.c-main-menu .menu-normal-fixed-footer .left .icon-menu_show_normal[data-v-e624aac3] {
    margin-right: 5px
}

.c-main-menu .menu-normal-fixed-footer .right[data-v-e624aac3] {
    padding-right: 15px;
    height: 100%
}

.c-main-menu .menu-normal-fixed-footer .right .icon-close[data-v-e624aac3] {
    transform: scale(.7)
}

.c-main-menu .menu-normal-fixed-footer.normal-close[data-v-e624aac3] {
    height: 32px;
    justify-content: center
}

.c-main-menu .menu-normal-fixed-footer.normal-close .icon-close[data-v-e624aac3] {
    transform: scale(.7)
}

.c-main-menu .bet-mode-zone[data-v-e624aac3] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 40px;
    align-items: center
}

.c-main-menu .bet-mode-zone .left[data-v-e624aac3] {
    display: flex;
    align-items: center;
    padding-left: 15px
}

.c-main-menu .bet-mode-zone .left .bet-single-count[data-v-e624aac3] {
    border-radius: 10px;
    color: var(--q-gb-t-c-1);
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    text-align: center;
    transform: scale(.8)
}

.c-main-menu .bet-mode-zone .right[data-v-e624aac3] {
    display: flex;
    flex-wrap: nowrap;
    margin-right: 10px
}

.c-main-menu .bet-mode-zone .right .check-box[data-v-e624aac3] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px
}

.c-main-menu .bet-mode-zone .right .check-box .check-wrap[data-v-e624aac3] {
    padding: 0;
    margin-right: 5px
}

.c-main-menu .tip-content[data-v-e624aac3] {
    width: calc(100% - 20px);
    height: 100px;
    position: absolute;
    bottom: 0;
    z-index: 500;
    top: 40px;
    left: 10px
}

.c-main-menu .tip-content.top-content[data-v-e624aac3] {
    top: 5px
}

.c-main-menu .tip-content .content-wrap[data-v-e624aac3] {
    position: absolute;
    top: 6px;
    width: 100%;
    background: var(--q-gb-bg-c-4);
    border: 2px solid #ff781d;
    border-radius: 5px
}

.c-main-menu .tip-content .content-wrap .content[data-v-e624aac3] {
    padding: 10px;
    font-size: 12px
}

.c-main-menu .tip-content .content-wrap .content .row-1[data-v-e624aac3],
.c-main-menu .tip-content .content-wrap .content .row-2[data-v-e624aac3],
.c-main-menu .tip-content .content-wrap .content .row-3[data-v-e624aac3] {
    color: #2d2d2d;
    text-align: center
}

.c-main-menu .tip-content .content-wrap .content .row-1[data-v-e624aac3] {
    margin-bottom: 10px;
    font-size: 14px;
    color: #ff781d;
    font-weight: 700
}

.c-main-menu .tip-content .content-wrap .triangle[data-v-e624aac3],
.c-main-menu .tip-content .content-wrap .triangle1[data-v-e624aac3] {
    position: absolute;
    background: var(--q-gb-bg-c-4);
    border: 2px solid #ff781d;
    border-top: 0;
    border-left: 0;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    top: 81px;
    right: 22px
}

.c-main-menu .tip-content .content-wrap .triangle1[data-v-e624aac3] {
    top: 116px
}

.c-main-menu .tip-content .content-wrap .icon-del[data-v-e624aac3] {
    position: absolute;
    top: 16px;
    right: 10px;
    cursor: pointer
}

.yb-flex-center .active[data-v-e624aac3] {
    color: red
}

.yb-flex-center.lang-style.active[data-v-e624aac3] {
    font-size: 13px !important
}

.soprts_id_icon[data-v-e624aac3] {
    width: 20px;
    height: 20px;
    background-size: 100% auto
}

.soprts_id_icon_euro[data-v-e624aac3] {
    transform: translateY(1px)
}

.menu-item-title[data-v-e624aac3] {
    height: 32px !important;
    margin-bottom: 2px;
    font-size: 12px
}

.game-inlet[data-v-e624aac3] {
    height: 36px;
    background: var(--q-gb-bg-c-81) !important;
    border-radius: 25px !important;
    border: 1px solid var(--q-gb-bd-c-27);
    box-shadow: 0 2px 2px 0 var(--q-gb-bg-lg-34);
    margin-bottom: 4px
}

.game-inlet .ellipsis[data-v-e624aac3] {
    line-height: 26px
}

.game-inlet .menu-text[data-v-e624aac3] {
    display: inline-block;
    transform: translateY(-2px)
}

.game-inlet .items-right-paris[data-v-e624aac3] {
    transform: translateY(2px)
}

.record-icon[data-v-e624aac3] {
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.menu-item[data-v-e624aac3] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.menu-item.active[data-v-e624aac3] {
    font-weight: 700;
    border-bottom: 0;
    background: var(--q-gb-bg-lg-8) !important;
    border-right: 0;
    position: relative;
    border-width: 0;
    color: var(--q-gb-t-c-16) !important
}

.menu-item.active[data-v-e624aac3]:after {
    content: "";
    width: 3px;
    height: 100%;
    background-color: var(--q-gb-t-c-16);
    position: absolute;
    right: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.menu-item .hot-icon[data-v-e624aac3] {
    width: 14px;
    height: 14px;
    margin-right: 10px
}

.menu-item .menu-new-icon[data-v-e624aac3] {
    margin: 0 0 3px 4px
}

.menu-item .match-count-decoration[data-v-e624aac3] {
    width: 30px !important
}

.menu-item.disable-hover[data-v-e624aac3]:hover {
    background-color: transparent !important
}

.menu-item.menu-top[data-v-e624aac3] {
    padding: 0 15px 0 16px;
    height: 40px;
    border-right: 2px solid transparent;
    color: var(--q-gb-t-c-6);
    background: var(--q-bg-color-1-3);
    font-family: PingFang SC Medium
}

.menu-item.menu-top .match-count[data-v-e624aac3] {
    padding-right: 0
}

.menu-item.menu-top.menu-virtual .menu-name[data-v-e624aac3] {
    margin-left: 10px
}

.menu-item.menu-top.hot-menu[data-v-e624aac3]:hover {
    background: none
}

.menu-item.menu-top.item-bet[data-v-e624aac3] {
    width: 200px;
    height: 36px;
    border-radius: 10px;
    border-right: 0;
    margin-left: 10px
}

.menu-item.menu-top.no-click[data-v-e624aac3] {
    font-size: 12px
}

.menu-item.menu-fold1[data-v-e624aac3],
.menu-item.menu-fold2[data-v-e624aac3] {
    padding-left: 16px;
    height: 36px
}

.menu-item.menu-fold1.active[data-v-e624aac3],
.menu-item.menu-fold2.active[data-v-e624aac3] {
    border-bottom: 0
}

.menu-item.menu-fold1.active .items-right.menu-border[data-v-e624aac3],
.menu-item.menu-fold2.active .items-right.menu-border[data-v-e624aac3],
.menu-item.menu-fold1.active .menu-border[data-v-e624aac3],
.menu-item.menu-fold2.active .menu-border[data-v-e624aac3] {
    border-bottom: 1px solid transparent
}

.menu-item.menu-fold1 .league-logo[data-v-e624aac3],
.menu-item.menu-fold2 .league-logo[data-v-e624aac3] {
    width: 18px;
    height: 18px
}

.menu-item.menu-fold1 .items-right[data-v-e624aac3],
.menu-item.menu-fold2 .items-right[data-v-e624aac3] {
    margin-left: 10px;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
    height: 100%
}

.menu-item.menu-fold1 .items-right .items-right-name[data-v-e624aac3],
.menu-item.menu-fold2 .items-right .items-right-name[data-v-e624aac3] {
    line-height: 1;
    flex: 1
}

.menu-item.menu-fold1 .items-right .col-right[data-v-e624aac3],
.menu-item.menu-fold2 .items-right .col-right[data-v-e624aac3] {
    height: 100%;
    display: flex;
    min-width: 40px
}

.menu-item.menu-fold1 .items-right .live-text[data-v-e624aac3],
.menu-item.menu-fold2 .items-right .live-text[data-v-e624aac3] {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 26px;
    height: 12px
}

.menu-play[data-v-e624aac3]:hover {
    background: var(--q-gb-bg-lg-14) !important;
    color: var(--q-gb-t-c-16) !important
}

.menu-wap-nav[data-v-e624aac3] {
    margin-top: 10px
}

.menu-item[data-v-0f5e1db0] {
    display: inline-block !important
}

.menu-item.active-template-wap[data-v-0f5e1db0] {
    width: 100%;
    text-align: center
}

.menu-item.active-template-wap .active-template-nav[data-v-0f5e1db0],
.menu-item.active-template-wap .active-template-nav .q-img[data-v-0f5e1db0] {
    height: 38px;
    width: 100%
}

.box-line[data-v-5ebe3e8a] {
    width: 100%;
    height: 24px;
    background: var(--q-bg-color-1-3)
}

.active-icon[data-v-5ebe3e8a] {
    background-size: 100% 100%;
    width: 41px;
    height: 20px
}

.active-icon-olyopean[data-v-5ebe3e8a] {
    background-size: cover;
    width: 41px;
    height: 24px;
    margin-right: 0 10px
}

.c-main-menu[data-v-5ebe3e8a] {
    font-size: 13px;
    z-index: 211;
    width: 100%
}

.c-main-menu .scroll-inner-wrap[data-v-5ebe3e8a] {
    margin-bottom: 10px
}

.c-main-menu .c-menu-sports[data-v-5ebe3e8a] {
    font-size: 13px
}

.c-main-menu .c-menu-sports .menu-item .menu-decoration[data-v-5ebe3e8a] {
    min-width: 100px;
    height: 21px;
    margin-top: -6px;
    background-size: cover
}

.c-main-menu .c-menu-sports .menu-item.menu-tab[data-v-5ebe3e8a] {
    font-size: 13px;
    justify-content: space-around;
    padding: 0;
    margin: 9px 0
}

.c-main-menu .c-menu-sports .menu-item.menu-tab.joint-menu-item[data-v-5ebe3e8a] {
    margin-top: 16px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item[data-v-5ebe3e8a] {
    border-radius: 30px;
    margin-right: 10px;
    white-space: nowrap;
    margin-right: 0 !important;
    text-align: center;
    height: 30px !important;
    min-width: 90px;
    line-height: 30px;
    box-shadow: 0 2px 2px var(--q-gb-bg-c-72);
    background: var(--q-gb-bg-c-71);
    color: var(--q-gb-t-c-6)
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item[data-v-5ebe3e8a]:last-child {
    margin-right: 0;
    display: inline-block;
    text-align: center
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item.active[data-v-5ebe3e8a] {
    font-weight: 600;
    font-size: 14px;
    color: var(--q-gb-t-c-18);
    background: var(--q-gb-t-c-16)
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item.active1[data-v-5ebe3e8a] {
    margin-left: 152px
}

.c-main-menu .c-menu-sports .menu-item.menu-fold1[data-v-5ebe3e8a] {
    font-size: 13px;
    color: var(--q-gb-t-c-6)
}

.c-main-menu .c-menu-sports .menu-item.menu-fold1.y-active[data-v-5ebe3e8a] {
    background: var(--q-gb-bg-lg-8);
    color: var(--q-gb-t-c-16);
    font-weight: 600
}

.c-main-menu .c-menu-sports .menu-item.menu-fold1.y-active[data-v-5ebe3e8a]:after {
    content: "";
    width: 3px;
    height: 36px;
    background: var(--q-gb-bg-lg-1);
    position: absolute;
    right: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.c-main-menu .c-menu-sports .menu-item.menu-fold1.y-active-joint[data-v-5ebe3e8a] {
    color: var(--q-gb-bg-c-99);
    color: var(--q-gb-t-c-16)
}

.c-main-menu .c-menu-sports .menu-item.menu-fold1[data-v-5ebe3e8a]:hover {
    background: var(--q-gb-bg-lg-9);
    color: var(--q-gb-t-c-16)
}

.c-main-menu .c-menu-sports .menu-item.menu-fold2[data-v-5ebe3e8a] {
    font-size: 12px
}

.c-main-menu .c-menu-sports .menu-item.menu-fold2.active[data-v-5ebe3e8a] {
    color: var(--q-gb-t-c-16);
    background: var(--q-gb-bg-lg-13)
}

.c-main-menu .c-menu-sports .menu-item.menu-fold2.active .menu-point[data-v-5ebe3e8a] {
    background: var(--q-gb-t-c-16)
}

.c-main-menu .c-menu-sports .menu-item.menu-fold2.active[data-v-5ebe3e8a]:after {
    width: 0;
    height: 0
}

.c-main-menu .c-menu-sports .menu-y-border .menu-fold1[data-v-5ebe3e8a] {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.c-main-menu .c-menu-sports .menu-y-border .menu-fold1.y-active[data-v-5ebe3e8a],
.c-main-menu .c-menu-sports .menu-b-border .menu-fold1.y-active[data-v-5ebe3e8a] {
    border: none
}

.c-main-menu .menu-wrap[data-v-5ebe3e8a] {
    cursor: pointer
}

.c-main-menu .menu-wrap .no-click[data-v-5ebe3e8a] {
    cursor: auto
}

.c-main-menu .menu-wrap .no-click[data-v-5ebe3e8a]:hover {
    background: none !important
}

.c-main-menu .menu-wrap .menu-item[data-v-5ebe3e8a] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-main-menu .menu-wrap .menu-item.active[data-v-5ebe3e8a] {
    font-weight: 700;
    border-bottom: 0
}

.c-main-menu .menu-wrap .menu-item .hot-icon[data-v-5ebe3e8a] {
    width: 14px;
    height: 14px;
    margin-right: 10px
}

.c-main-menu .menu-wrap .menu-item .menu-new-icon[data-v-5ebe3e8a] {
    margin: 0 0 3px 4px
}

.c-main-menu .menu-wrap .menu-item .match-count[data-v-5ebe3e8a] {
    padding-right: 15px;
    display: inline-block;
    width: 40px;
    text-align: right;
    max-width: 30px;
    height: 100%;
    line-height: 36px
}

.c-main-menu .menu-wrap .menu-item .match-count-new-hand[data-v-5ebe3e8a] {
    width: 0
}

.c-main-menu .menu-wrap .menu-item.disable-hover[data-v-5ebe3e8a]:hover {
    background-color: transparent !important
}

.c-main-menu .menu-wrap .menu-item.menu-top[data-v-5ebe3e8a] {
    padding: 0 15px 0 16px;
    height: 40px;
    color: var(--q-gb-t-c-6)
}

.c-main-menu .menu-wrap .menu-item.menu-top .match-count[data-v-5ebe3e8a] {
    padding-right: 0
}

.c-main-menu .menu-wrap .menu-item.menu-top.menu-virtual .menu-name[data-v-5ebe3e8a] {
    margin-left: 10px
}

.c-main-menu .menu-wrap .menu-item.menu-top.hot-menu[data-v-5ebe3e8a]:hover {
    background: none
}

.c-main-menu .menu-wrap .menu-item.menu-top.item-bet[data-v-5ebe3e8a] {
    width: 200px;
    height: 36px;
    border-radius: 10px;
    border-right: 0;
    margin-left: 10px
}

.c-main-menu .menu-wrap .menu-item.menu-top.no-click[data-v-5ebe3e8a] {
    font-size: 12px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1[data-v-5ebe3e8a],
.c-main-menu .menu-wrap .menu-item.menu-fold2[data-v-5ebe3e8a] {
    padding-left: 16px;
    height: 36px;
    line-height: 36px;
    background: var(--q-bg-color-1-3)
}

.c-main-menu .menu-wrap .menu-item.menu-fold1.active[data-v-5ebe3e8a],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active[data-v-5ebe3e8a] {
    border-bottom: 0
}

.c-main-menu .menu-wrap .menu-item.menu-fold1.active .items-right.menu-border[data-v-5ebe3e8a],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active .items-right.menu-border[data-v-5ebe3e8a],
.c-main-menu .menu-wrap .menu-item.menu-fold1.active .menu-border[data-v-5ebe3e8a],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active .menu-border[data-v-5ebe3e8a] {
    border-bottom: 1px solid transparent
}

.c-main-menu .menu-wrap .menu-item.menu-fold1[data-v-5ebe3e8a]:hover,
.c-main-menu .menu-wrap .menu-item.menu-fold2[data-v-5ebe3e8a]:hover {
    background: var(--q-gb-bg-c-44)
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .league-logo[data-v-5ebe3e8a],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .league-logo[data-v-5ebe3e8a] {
    width: 18px;
    height: 18px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .items-right[data-v-5ebe3e8a],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .items-right[data-v-5ebe3e8a] {
    margin-left: 10px;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .items-right .euro-img[data-v-5ebe3e8a],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .items-right .euro-img[data-v-5ebe3e8a] {
    width: 24px;
    height: 24px;
    transform: translate(4px, 6px)
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .items-right .live-text[data-v-5ebe3e8a],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .items-right .live-text[data-v-5ebe3e8a] {
    position: relative;
    top: 8px;
    display: inline-block;
    width: 39px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    transform: scale(.6665);
    text-align: center;
    border-radius: 20px;
    color: var(--q-bg-color-1-3);
    background: var(--q-theme-color-1-default)
}

.c-main-menu .menu-wrap .menu-item .torch[data-v-5ebe3e8a] {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    top: 4px;
    width: 22px;
    height: 22px
}

.c-main-menu .menu-wrap .menu-item .torch img[data-v-5ebe3e8a] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.c-main-menu .menu-wrap .menu-item .hot-icon[data-v-5ebe3e8a] {
    float: right !important;
    top: 0 !important;
    right: 0 !important;
    margin-right: 0 !important
}

.c-main-menu .menu-wrap .menu-item .hot-icon img[data-v-5ebe3e8a] {
    right: 0 !important;
    float: right !important
}

.c-main-menu .menu-wrap .menu-fold2-wrap[data-v-5ebe3e8a] {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .2s;
    color: var(--q-gb-t-c-6)
}

.c-main-menu .menu-wrap .menu-fold2-wrap.open[data-v-5ebe3e8a] {
    max-height: 500px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2[data-v-5ebe3e8a] {
    padding: 0 0 0 43px;
    border-right: 2px solid transparent
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-border[data-v-5ebe3e8a] {
    position: absolute;
    width: 128px;
    height: 1px;
    right: 0;
    bottom: 0
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-point[data-v-5ebe3e8a] {
    position: absolute;
    left: -18px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: var(--q-gb-t-c-6)
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-text[data-v-5ebe3e8a] {
    max-width: 126px;
    font-family: PingFang SC Medium
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .match-count[data-v-5ebe3e8a] {
    padding-right: 13px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2.menu-virtual[data-v-5ebe3e8a] {
    padding-left: 34px
}

.c-main-menu .hot-menu-wrap[data-v-5ebe3e8a] {
    margin-top: 15px
}

.c-main-menu .hot-menu-wrap .level2 .menu-text[data-v-5ebe3e8a] {
    max-width: 170px
}

.c-main-menu .menu-normal-fixed-footer[data-v-5ebe3e8a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    cursor: pointer
}

.c-main-menu .menu-normal-fixed-footer .left[data-v-5ebe3e8a] {
    padding-left: 15px
}

.c-main-menu .menu-normal-fixed-footer .left .icon-menu_show_normal[data-v-5ebe3e8a] {
    margin-right: 5px
}

.c-main-menu .menu-normal-fixed-footer .right[data-v-5ebe3e8a] {
    padding-right: 15px;
    height: 100%
}

.c-main-menu .menu-normal-fixed-footer .right .icon-close[data-v-5ebe3e8a] {
    transform: scale(.7)
}

.c-main-menu .menu-normal-fixed-footer.normal-close[data-v-5ebe3e8a] {
    height: 32px;
    justify-content: center
}

.c-main-menu .menu-normal-fixed-footer.normal-close .icon-close[data-v-5ebe3e8a] {
    transform: scale(.7)
}

.c-main-menu .bet-mode-zone[data-v-5ebe3e8a] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 40px;
    align-items: center
}

.c-main-menu .bet-mode-zone .left[data-v-5ebe3e8a] {
    display: flex;
    align-items: center;
    padding-left: 15px
}

.c-main-menu .bet-mode-zone .left .bet-single-count[data-v-5ebe3e8a] {
    border-radius: 10px;
    color: var(--q-gb-t-c-1);
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    text-align: center;
    transform: scale(.8)
}

.c-main-menu .bet-mode-zone .right[data-v-5ebe3e8a] {
    display: flex;
    flex-wrap: nowrap;
    margin-right: 10px
}

.c-main-menu .bet-mode-zone .right .check-box[data-v-5ebe3e8a] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px
}

.c-main-menu .bet-mode-zone .right .check-box .check-wrap[data-v-5ebe3e8a] {
    padding: 0;
    margin-right: 5px
}

.c-main-menu .tip-content[data-v-5ebe3e8a] {
    width: calc(100% - 20px);
    height: 100px;
    position: absolute;
    bottom: 0;
    z-index: 500;
    top: 40px;
    left: 10px
}

.c-main-menu .tip-content.top-content[data-v-5ebe3e8a] {
    top: 5px
}

.c-main-menu .tip-content .content-wrap[data-v-5ebe3e8a] {
    position: absolute;
    top: 6px;
    width: 100%;
    background: var(--q-gb-bg-c-4);
    border: 2px solid #ff781d;
    border-radius: 5px
}

.c-main-menu .tip-content .content-wrap .content[data-v-5ebe3e8a] {
    padding: 10px;
    font-size: 12px
}

.c-main-menu .tip-content .content-wrap .content .row-1[data-v-5ebe3e8a],
.c-main-menu .tip-content .content-wrap .content .row-2[data-v-5ebe3e8a],
.c-main-menu .tip-content .content-wrap .content .row-3[data-v-5ebe3e8a] {
    color: #2d2d2d;
    text-align: center
}

.c-main-menu .tip-content .content-wrap .content .row-1[data-v-5ebe3e8a] {
    margin-bottom: 10px;
    font-size: 14px;
    color: #ff781d;
    font-weight: 700
}

.c-main-menu .tip-content .content-wrap .triangle[data-v-5ebe3e8a],
.c-main-menu .tip-content .content-wrap .triangle1[data-v-5ebe3e8a] {
    position: absolute;
    background: var(--q-gb-bg-c-4);
    border: 2px solid #ff781d;
    border-top: 0;
    border-left: 0;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    top: 81px;
    right: 22px
}

.c-main-menu .tip-content .content-wrap .triangle1[data-v-5ebe3e8a] {
    top: 116px
}

.c-main-menu .tip-content .content-wrap .icon-del[data-v-5ebe3e8a] {
    position: absolute;
    top: 16px;
    right: 10px;
    cursor: pointer
}

.yb-flex-center .active[data-v-5ebe3e8a] {
    color: red
}

.yb-flex-center.lang-style.active[data-v-5ebe3e8a] {
    font-size: 13px !important
}

.soprts_id_icon[data-v-5ebe3e8a] {
    width: 20px;
    height: 20px;
    background-size: 100% auto
}

.soprts_id_icon_euro[data-v-5ebe3e8a] {
    transform: translateY(1px)
}

.menu-item-title[data-v-5ebe3e8a] {
    height: 32px !important;
    margin-bottom: 2px;
    font-size: 12px
}

.game-inlet[data-v-5ebe3e8a] {
    height: 36px;
    background: var(--q-gb-bg-c-81) !important;
    border-radius: 25px !important;
    border: 1px solid var(--q-gb-bd-c-27);
    box-shadow: 0 2px 2px 0 var(--q-gb-bg-lg-34);
    margin-bottom: 4px
}

.game-inlet .ellipsis[data-v-5ebe3e8a] {
    line-height: 26px
}

.game-inlet .menu-text[data-v-5ebe3e8a] {
    display: inline-block;
    transform: translateY(-2px)
}

.game-inlet .items-right-paris[data-v-5ebe3e8a] {
    transform: translateY(2px)
}

.record-icon[data-v-5ebe3e8a] {
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.menu-item[data-v-5ebe3e8a] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.menu-item.active[data-v-5ebe3e8a] {
    font-weight: 700;
    border-bottom: 0;
    background: var(--q-gb-bg-lg-8) !important;
    border-right: 0;
    position: relative;
    border-width: 0;
    color: var(--q-gb-t-c-16) !important
}

.menu-item.active[data-v-5ebe3e8a]:after {
    content: "";
    width: 3px;
    height: 100%;
    background-color: var(--q-gb-t-c-16);
    position: absolute;
    right: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.menu-item .hot-icon[data-v-5ebe3e8a] {
    width: 14px;
    height: 14px;
    margin-right: 10px
}

.menu-item .menu-new-icon[data-v-5ebe3e8a] {
    margin: 0 0 3px 4px
}

.menu-item .match-count-decoration[data-v-5ebe3e8a] {
    width: 30px !important
}

.menu-item.disable-hover[data-v-5ebe3e8a]:hover {
    background-color: transparent !important
}

.menu-item.menu-top[data-v-5ebe3e8a] {
    padding: 0 15px 0 16px;
    height: 40px;
    border-right: 2px solid transparent;
    color: var(--q-gb-t-c-6);
    background: var(--q-bg-color-1-3);
    font-family: PingFang SC Medium
}

.menu-item.menu-top .match-count[data-v-5ebe3e8a] {
    padding-right: 0
}

.menu-item.menu-top.menu-virtual .menu-name[data-v-5ebe3e8a] {
    margin-left: 10px
}

.menu-item.menu-top.hot-menu[data-v-5ebe3e8a]:hover {
    background: none
}

.menu-item.menu-top.item-bet[data-v-5ebe3e8a] {
    width: 200px;
    height: 36px;
    border-radius: 10px;
    border-right: 0;
    margin-left: 10px
}

.menu-item.menu-top.no-click[data-v-5ebe3e8a] {
    font-size: 12px
}

.menu-item.menu-fold1[data-v-5ebe3e8a],
.menu-item.menu-fold2[data-v-5ebe3e8a] {
    padding-left: 16px;
    height: 36px
}

.menu-item.menu-fold1.active[data-v-5ebe3e8a],
.menu-item.menu-fold2.active[data-v-5ebe3e8a] {
    border-bottom: 0
}

.menu-item.menu-fold1.active .items-right.menu-border[data-v-5ebe3e8a],
.menu-item.menu-fold2.active .items-right.menu-border[data-v-5ebe3e8a],
.menu-item.menu-fold1.active .menu-border[data-v-5ebe3e8a],
.menu-item.menu-fold2.active .menu-border[data-v-5ebe3e8a] {
    border-bottom: 1px solid transparent
}

.menu-item.menu-fold1 .league-logo[data-v-5ebe3e8a],
.menu-item.menu-fold2 .league-logo[data-v-5ebe3e8a] {
    width: 18px;
    height: 18px
}

.menu-item.menu-fold1 .items-right[data-v-5ebe3e8a],
.menu-item.menu-fold2 .items-right[data-v-5ebe3e8a] {
    margin-left: 10px;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
    height: 100%
}

.menu-item.menu-fold1 .items-right .items-right-name[data-v-5ebe3e8a],
.menu-item.menu-fold2 .items-right .items-right-name[data-v-5ebe3e8a] {
    line-height: 1;
    flex: 1
}

.menu-item.menu-fold1 .items-right .col-right[data-v-5ebe3e8a],
.menu-item.menu-fold2 .items-right .col-right[data-v-5ebe3e8a] {
    height: 100%;
    display: flex;
    min-width: 40px
}

.menu-item.menu-fold1 .items-right .live-text[data-v-5ebe3e8a],
.menu-item.menu-fold2 .items-right .live-text[data-v-5ebe3e8a] {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 26px;
    height: 12px
}

.menu-play[data-v-5ebe3e8a]:hover {
    background: var(--q-gb-bg-lg-14) !important;
    color: var(--q-gb-t-c-16) !important
}

.menu-wap-nav[data-v-5ebe3e8a] {
    margin-top: 10px
}

.c-main-menu[data-v-92edab8b] {
    font-size: 13px;
    z-index: 211;
    width: 100%
}

.c-main-menu .scroll-inner-wrap[data-v-92edab8b] {
    margin-bottom: 10px
}

.c-main-menu .c-menu-sports[data-v-92edab8b] {
    font-size: 13px;
    background: var(--q-bg-color-1-3)
}

.c-main-menu .c-menu-sports .menu-item.menu-tab[data-v-92edab8b] {
    font-size: 13px;
    justify-content: space-around;
    padding: 10px 4px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item[data-v-92edab8b] {
    height: 30px;
    border-radius: 8px;
    margin-right: 10px;
    flex: 1;
    white-space: nowrap;
    max-width: 95px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item[data-v-92edab8b]:last-child {
    margin-right: 0
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item.active[data-v-92edab8b] {
    font-weight: 600;
    font-size: 14px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item.active1[data-v-92edab8b] {
    margin-left: 152px
}

.c-main-menu .menu-wrap[data-v-92edab8b] {
    cursor: pointer
}

.c-main-menu .menu-wrap .no-click[data-v-92edab8b] {
    cursor: auto
}

.c-main-menu .menu-wrap .no-click[data-v-92edab8b]:hover {
    background: none !important
}

.c-main-menu .menu-wrap .menu-item[data-v-92edab8b] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-main-menu .menu-wrap .menu-item[data-v-92edab8b]:hover {
    background: var(--q-gb-bg-lg-14) !important;
    color: var(--q-gb-t-c-16) !important
}

.c-main-menu .menu-wrap .menu-item.active[data-v-92edab8b] {
    font-weight: 700;
    border-bottom: 0;
    background: var(--q-gb-bg-lg-8) !important;
    border-right: 0;
    position: relative;
    border-width: 0;
    color: var(--q-gb-t-c-16) !important
}

.c-main-menu .menu-wrap .menu-item.active[data-v-92edab8b]:after {
    content: "";
    width: 3px;
    height: 100%;
    background-color: var(--q-gb-t-c-16);
    position: absolute;
    right: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.c-main-menu .menu-wrap .menu-item .hot-icon[data-v-92edab8b] {
    width: 14px;
    height: 14px;
    margin-right: 10px
}

.c-main-menu .menu-wrap .menu-item .menu-new-icon[data-v-92edab8b] {
    margin: 0 0 3px 4px
}

.c-main-menu .menu-wrap .menu-item .match-count[data-v-92edab8b] {
    padding-right: 15px;
    display: inline-block;
    min-width: 30px;
    text-align: right;
    max-width: 45px
}

.c-main-menu .menu-wrap .menu-item.disable-hover[data-v-92edab8b]:hover {
    background-color: transparent !important
}

.c-main-menu .menu-wrap .menu-item.menu-top[data-v-92edab8b] {
    padding: 0 15px 0 16px;
    height: 40px;
    border-right: 2px solid transparent;
    color: var(--q-gb-t-c-6);
    background: var(--q-bg-color-1-3);
    font-family: PingFang SC Medium
}

.c-main-menu .menu-wrap .menu-item.menu-top .match-count[data-v-92edab8b] {
    padding-right: 0
}

.c-main-menu .menu-wrap .menu-item.menu-top.menu-virtual .menu-name[data-v-92edab8b] {
    margin-left: 10px
}

.c-main-menu .menu-wrap .menu-item.menu-top.hot-menu[data-v-92edab8b]:hover {
    background: none
}

.c-main-menu .menu-wrap .menu-item.menu-top.item-bet[data-v-92edab8b] {
    width: 200px;
    height: 36px;
    border-radius: 10px;
    border-right: 0;
    margin-left: 10px
}

.c-main-menu .menu-wrap .menu-item.menu-top.no-click[data-v-92edab8b] {
    font-size: 12px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1[data-v-92edab8b],
.c-main-menu .menu-wrap .menu-item.menu-fold2[data-v-92edab8b] {
    padding-left: 16px;
    height: 36px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1.active[data-v-92edab8b],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active[data-v-92edab8b] {
    border-bottom: 0
}

.c-main-menu .menu-wrap .menu-item.menu-fold1.active .items-right.menu-border[data-v-92edab8b],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active .items-right.menu-border[data-v-92edab8b],
.c-main-menu .menu-wrap .menu-item.menu-fold1.active .menu-border[data-v-92edab8b],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active .menu-border[data-v-92edab8b] {
    border-bottom: 1px solid transparent
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .league-logo[data-v-92edab8b],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .league-logo[data-v-92edab8b] {
    width: 18px;
    height: 18px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .items-right[data-v-92edab8b],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .items-right[data-v-92edab8b] {
    margin-left: 10px;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .items-right .live-text[data-v-92edab8b],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .items-right .live-text[data-v-92edab8b] {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 26px;
    height: 12px
}

.c-main-menu .menu-wrap .menu-fold2-wrap[data-v-92edab8b] {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .2s
}

.c-main-menu .menu-wrap .menu-fold2-wrap.open[data-v-92edab8b] {
    max-height: 500px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2[data-v-92edab8b] {
    padding: 0 0 0 43px;
    border-right: 2px solid transparent
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-border[data-v-92edab8b] {
    position: absolute;
    width: 128px;
    height: 1px;
    right: 0;
    bottom: 0
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-point[data-v-92edab8b] {
    position: absolute;
    left: -18px;
    width: 4px;
    height: 4px;
    border-radius: 100%
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-text[data-v-92edab8b] {
    max-width: 130px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .match-count[data-v-92edab8b] {
    padding-right: 13px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2.menu-virtual[data-v-92edab8b] {
    padding-left: 34px
}

.c-main-menu .hot-menu-wrap[data-v-92edab8b] {
    margin-top: 15px
}

.c-main-menu .hot-menu-wrap .level2 .menu-text[data-v-92edab8b] {
    max-width: 170px
}

.c-main-menu .menu-normal-fixed-footer[data-v-92edab8b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    cursor: pointer
}

.c-main-menu .menu-normal-fixed-footer .left[data-v-92edab8b] {
    padding-left: 15px
}

.c-main-menu .menu-normal-fixed-footer .left .icon-menu_show_normal[data-v-92edab8b] {
    margin-right: 5px
}

.c-main-menu .menu-normal-fixed-footer .right[data-v-92edab8b] {
    padding-right: 15px;
    height: 100%
}

.c-main-menu .menu-normal-fixed-footer .right .icon-close[data-v-92edab8b] {
    transform: scale(.7)
}

.c-main-menu .menu-normal-fixed-footer.normal-close[data-v-92edab8b] {
    height: 32px;
    justify-content: center
}

.c-main-menu .menu-normal-fixed-footer.normal-close .icon-close[data-v-92edab8b] {
    transform: scale(.7)
}

.c-main-menu .bet-mode-zone[data-v-92edab8b] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 40px;
    align-items: center
}

.c-main-menu .bet-mode-zone .left[data-v-92edab8b] {
    display: flex;
    align-items: center;
    padding-left: 15px
}

.c-main-menu .bet-mode-zone .left .bet-single-count[data-v-92edab8b] {
    border-radius: 10px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    text-align: center;
    transform: scale(.8)
}

.c-main-menu .bet-mode-zone .right[data-v-92edab8b] {
    display: flex;
    flex-wrap: nowrap;
    margin-right: 10px
}

.c-main-menu .bet-mode-zone .right .check-box[data-v-92edab8b] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px
}

.c-main-menu .bet-mode-zone .right .check-box .check-wrap[data-v-92edab8b] {
    padding: 0;
    margin-right: 5px
}

.c-main-menu .tip-content[data-v-92edab8b] {
    width: calc(100% - 20px);
    height: 100px;
    position: absolute;
    bottom: 0;
    z-index: 500;
    top: 40px;
    left: 10px
}

.c-main-menu .tip-content.top-content[data-v-92edab8b] {
    top: 5px
}

.c-main-menu .tip-content .content-wrap[data-v-92edab8b] {
    position: absolute;
    top: 6px;
    width: 100%;
    background: #fff;
    border: 2px solid #ff781d;
    border-radius: 5px
}

.c-main-menu .tip-content .content-wrap .content[data-v-92edab8b] {
    padding: 10px;
    font-size: 12px
}

.c-main-menu .tip-content .content-wrap .content .row-1[data-v-92edab8b],
.c-main-menu .tip-content .content-wrap .content .row-2[data-v-92edab8b],
.c-main-menu .tip-content .content-wrap .content .row-3[data-v-92edab8b] {
    color: #2d2d2d;
    text-align: center
}

.c-main-menu .tip-content .content-wrap .content .row-1[data-v-92edab8b] {
    margin-bottom: 10px;
    font-size: 14px;
    color: #ff781d;
    font-weight: 700
}

.c-main-menu .tip-content .content-wrap .triangle[data-v-92edab8b],
.c-main-menu .tip-content .content-wrap .triangle1[data-v-92edab8b] {
    position: absolute;
    background: #fff;
    border: 2px solid #ff781d;
    border-top: 0;
    border-left: 0;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    top: 81px;
    right: 22px
}

.c-main-menu .tip-content .content-wrap .triangle1[data-v-92edab8b] {
    top: 116px
}

.c-main-menu .tip-content .content-wrap .icon-del[data-v-92edab8b] {
    position: absolute;
    top: 16px;
    right: 10px;
    cursor: pointer
}

.c-main-menu .torch[data-v-92edab8b] {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    top: 4px;
    width: 22px;
    height: 22px
}

.c-main-menu .torch img[data-v-92edab8b] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 10px
}

.record-icon[data-v-92edab8b] {
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.within-iframe .c-main-menu .menu-top .col[data-v-92edab8b] {
    height: 100%;
    line-height: 42px
}

.within-iframe .c-main-menu .torch[data-v-92edab8b] {
    top: 0
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue {
    height: 100%
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card {
    margin-top: 5px;
    padding: 0 3px 20px;
    border-radius: 0;
    background: none;
    border-right: 2px solid var(--q-gb-bg-c-11)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .border-shadow {
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 0 1px 5px #7171714d
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .series_sum {
    background: var(--q-bg-color-4-score);
    padding: 2px 4px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .bet-record-title {
    color: var(--qq--theme-color-record-title)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .bet-record-title .bet-valid-text {
    color: var(--q-gb-t-c-10)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .bet-record-title .bet-confirm-text {
    color: var(--qq--y0-text-color1)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .bet-record-title .lose-color {
    color: var(--q-gb-t-c-3)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .bet-item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .icon-triangle {
    font-weight: 700;
    transform: rotate(180deg)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .icon-triangle:before {
    color: var(--q-gb-t-c-6)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result {
    border: 0;
    border-radius: 0 0 4px 4px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-money {
    color: var(--q-gb-t-c-6)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-value {
    color: var(--q-gb-t-c-16);
    font-weight: 700
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-back {
    color: var(--q-gb-t-c-3);
    font-weight: 700
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result.bet-win-money {
    font-size: 10px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result.bet-win-money .bet-addition {
    color: #ff4040
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-result-separator {
    margin-left: -10px;
    margin-right: -10px;
    border-bottom: .6px solid var(--qq--match-border-color2)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-compute-money .vue-slider .vue-slider-rail .vue-slider-process {
    background: var(--qq--theme-color-pre-over)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-compute-money .vue-slider .vue-slider-rail .vue-slider-marks .vue-slider-mark .custom-label {
    color: var(--q-gb-t-c-6)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-compute-money .vue-slider .vue-slider-rail .vue-slider-dot-handle {
    background: var(--qq--theme-color-pre-over)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-compute-money .vue-slider .vue-slider-rail .vue-slider-dot-handle-focus {
    box-shadow: 1px 1px 4px 2px var(--q-gb-t-c-6)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-pre-confirm-btn {
    color: var(--q-gb-t-c-6);
    background-image: linear-gradient(90deg, #569ffd 1%, #9ac6ff 99%)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-pre-confirming-btn,
.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-pre-complete-btn {
    color: var(--q-gb-t-c-6);
    background-image: linear-gradient(225deg, var(--qq--background-gradient-color-1-s) 0%, var(--qq--background-gradient-color-1-e) 100%);
    border-radius: 22px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-pre-confirming-btn .bet-pre-left div,
.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-pre-complete-btn .bet-pre-left div {
    color: var(--qq--yb-bg-color9)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .orange,
.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .order-copy .order-no {
    color: var(--qq--y0-text-color1)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .order-copy .icon-icon_copy:hover:before {
    color: var(--qq--y0-text-color1)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result .bet-detail-info .row {
    background: var(--qq--theme-bg-bet-detail)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .match-time {
    color: var(--q-gb-t-c-21)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content {
    padding: 8px;
    background: var(--q-bet-box-33);
    border-radius: 6px;
    word-break: break-all
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-game .bet-play-handicap {
    color: var(--q-gb-t-c-6);
    line-height: 1.5;
    word-break: normal
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-game .bet-play-handicap .bet-handicap-name,
.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-game .bet-play-handicap .sport-name {
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-game .bet-play-handicap .sport-name {
    margin-right: 5px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-game .bet-play-text {
    color: var(--q-gb-t-c-6);
    line-height: 1.3
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-game .bet-play-text .bet-handicap-name,
.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-game .bet-play-text .sport-name {
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-game .bet-play-text .sport-name {
    margin-right: 5px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-team {
    color: var(--q-gb-t-c-16);
    display: flex
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-team .part-one {
    padding-top: 8px;
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-team .part-two {
    padding-top: 8px;
    margin-left: 5px;
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-team .part-three {
    padding-top: 8px;
    color: var(--q-gb-t-c-16);
    line-height: 16px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-odds-value {
    font-size: 14px;
    color: var(--q-gb-t-c-3);
    font-weight: 700
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row.bet-win-input {
    margin-top: 6px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-money,
.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-value {
    font-size: 12px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-name-info,
.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-league-name,
.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .champion {
    margin-top: 10px;
    color: var(--q-gb-t-c-6);
    font-size: 13px;
    font-weight: 600;
    word-wrap: break-word;
    margin-right: 20px;
    line-height: 18px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .champion {
    margin-bottom: 10px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-against {
    font-size: 12px;
    line-height: 1.3;
    word-break: break-all;
    font-weight: 400;
    margin: 6px 20px 6px 0;
    color: var(--q-gb-t-c-20)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-against .home-vs-away {
    color: var(--q-gb-t-c-6);
    line-height: 16px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-against .home-vs-away .bet-pk {
    color: var(--q-gb-t-c-6);
    margin-left: 5px;
    margin-right: 5px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-result span.lose {
    background: var(--q-gb-bg-c-2);
    border-radius: 4px;
    color: var(--q-bet-box-32);
    padding: 3px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-result span.win {
    background: var(--q-gb-bg-c-16);
    border-radius: 4px;
    color: var(--q-gb-t-c-31);
    padding: 3px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-result span.green_back {
    background: #00b42a;
    border-radius: 4px;
    color: var(--q-gb-t-c-31);
    padding: 3px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__actions {
    margin-top: 5px;
    color: var(--q-gb-t-c-6);
    background: var(--q-gb-bg-c-11);
    border-radius: 4px 4px 0 0;
    border: 0
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .toast {
    background: #000;
    color: #d1d1d1
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .appoint-status .col {
    flex: 4;
    padding-top: 15px;
    padding-left: 5px;
    margin-left: -5px;
    font-size: 13px;
    font-weight: 500;
    color: var(--qq--y0-text-color1)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .appoint-status .col.right {
    flex: 1;
    text-align: right
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .book-dialog {
    width: 320px;
    padding-top: 36px;
    padding-bottom: 20px;
    border-radius: 6px;
    background: var(--qq--yb-bg-color22);
    box-shadow: 0 0 10px #0000004d
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .book-dialog .book-record {
    width: 126px;
    height: 36px;
    line-height: 36px;
    border-radius: var(--qq--theme-bd-radius-bet-submit);
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    margin: 0 10px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .book-dialog .book-msg {
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    font-weight: 400;
    color: var(--qq--bet-dialog-text-color1)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .book-dialog .book-record-cancel {
    color: var(--qq--bet-dialog-text-color2);
    background: var(--qq--yb-bg-color7)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .book-dialog .book-record-submit {
    background-image: linear-gradient(225deg, var(--qq--background-gradient-color-1-s) 0%, var(--qq--background-gradient-color-1-e) 100%);
    color: var(--q-gb-t-c-1)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-container :deep(.empty-wrap) .img {
    margin-top: 90px;
    margin-bottom: 0;
    width: 110px !important
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-container .changing {
    text-align: center;
    padding-top: 50px;
    color: var(--q-gb-t-c-6);
    display: flex;
    align-items: center;
    justify-content: center
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-container .changing .img {
    width: 35px;
    height: 35px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto 20px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-container .changing .loading-img {
    margin: 70px auto 20px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-container .changing .empty-img {
    width: 180px;
    height: 180px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .bet-separator {
    margin-bottom: 1px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .bet-record-title {
    font-size: 13px;
    height: 34px;
    line-height: 34px;
    position: relative;
    padding-left: 8px;
    color: var(--q-gb-t-c-16);
    flex: 1;
    white-space: nowrap
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .bet-record-title:after {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    width: 4px;
    height: 14px;
    background-color: var(--q-gb-bg-c-4);
    border-radius: 0 3px 3px 0
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section {
    margin: 0;
    line-height: 1;
    padding: 0 6px 5px;
    width: 100%
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-result {
    margin: 0;
    padding: 0 10px 10px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-separator,
.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section.bet-item-separator-last {
    padding: 0
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__actions {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 6px;
    justify-content: space-between;
    cursor: pointer
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .right-arrow {
    position: absolute;
    margin-left: 190px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card :deep(.empty-wrap) {
    margin-top: -200px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card :deep(.empty-wrap) img {
    width: 100px !important
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-status {
    color: var(--q-bet-record-color-11);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 47px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-status .row1 {
    line-height: 17px;
    font-size: 12px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-status .row2 {
    line-height: 14px;
    font-size: 10px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .left-bg-box {
    height: 40px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .left-preview:deep(.q-scrollarea__content) {
    width: 100%;
    background: var(--q-gb-bg-c-30)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .border-shq-card-actionsadow {
    background: var(--q-bet-box-5)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .footer {
    padding-bottom: 15px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .footer .footer-content {
    text-align: center;
    margin-top: 10px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .footer .footer-btn {
    text-align: center;
    padding: 8px 0;
    background: #179cff1a;
    color: var(--q-gb-t-c-16);
    margin-top: 5px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .footer .footer-content {
    color: var(--q-gb-t-c-6)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-status {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-status .pending-text {
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    color: var(--q-gb-bd-c-9)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-status .pending-text .mya-style {
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-status .pending-text .bet_er {
    padding: 0 4px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-status.bet-r-a .pending-text {
    text-align: right
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-status .odds-style {
    color: var(--q-gb-t-c-16);
    font-size: 14px;
    font-weight: 700
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue {
    height: 100%
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-type {
    width: 218px !important;
    border-right: 2px solid var(--q-gb-bg-c-11)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-type .row {
    height: 34px;
    line-height: 34px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-type .menu-tab-line {
    display: flex;
    justify-content: center;
    align-items: center
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-type .menu-tab-line .line {
    width: 1px;
    height: 14px;
    background: var(--q-gb-t-c-13)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-back-btn {
    padding-left: 15px;
    height: 34px;
    cursor: pointer;
    background: var(--q-gb-bg-c-39);
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-back-btn .back-text {
    width: 100px;
    padding-left: 10px;
    color: var(--q-gb-t-c-6)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-back-btn .back-text2 {
    width: 65px;
    padding-left: 10px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-back-btn .bet-zone-head {
    display: flex;
    align-items: center;
    font-size: 12px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-back-btn .bet-zone-head-width {
    width: 300px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-back-btn .bet-series {
    display: flex;
    padding: 8px;
    margin-right: 5px;
    min-width: 86px;
    height: 28px;
    font-size: 12px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-back-btn .bet-series .bet-single-btn {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-back-btn .bet-series .bet-single-btn .bet-single-count {
    font-size: 14px;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    transform: scale(.7)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-back-btn .bet-series.bet-series-disabled {
    background: var(--q-gb-bg-c-21);
    color: #2d2d2d4d;
    border: 1px solid var(--q-gb-bd-c-7);
    border-radius: 4px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .header-cursor {
    background-color: var(--q-gb-bg-c-39);
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-record-item {
    flex: 1;
    font-size: 14px;
    background: var(--q-gb-bg-c-11);
    box-shadow: 0 2px 8px #0000001a;
    border-radius: 16px;
    margin: 0 5px;
    color: var(--q-gb-t-c-6)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-record-item div.col.active {
    color: var(--q-gb-t-c-18);
    width: 118px;
    background: var(--q-gb-bg-c-1);
    border-radius: 16px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .appoint-order-status {
    padding-left: 6px;
    padding-top: 5px;
    background: var(--q-gb-bg-c-30)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .appoint-order-status .active {
    margin-top: -2px;
    color: var(--q-gb-bg-c-1)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .appoint-order-status .tabs-line {
    width: 39px;
    height: 2px;
    background: var(--q-gb-bg-c-1);
    border-radius: 100px 100px 0 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: -4px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .group-back {
    height: 20px;
    width: 20px;
    background-size: 20px auto
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .pre-oder {
    color: var(--q-gb-t-c-6)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-input-box,
.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .base_base_pc_components_bet_record_view_pc_record_template_1_components_appoint_market_vue {
    width: 100%
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .left-record-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 14px;
    top: 20px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .matchBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .matchBox div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    line-height: 18px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-name-info {
    white-space: normal;
    word-break: break-all
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds-change {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds-change .bet-edit {
    background: var(--q-gb-t-c-29);
    color: #fff;
    height: 22px;
    border-radius: 16px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    padding: 0 12px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .deadline {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 700;
    padding: 0 4px;
    color: var(--q-gb-t-c-6);
    line-height: 16px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-play-game.yb-fontsize13 .bet-play-name.vr-sport {
    color: var(--q-bet-record-color-0)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-play-game.yb-fontsize13 .sport-name {
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-show-appoint {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    margin-top: 10px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-show-appoint span {
    padding: 0 16px;
    height: 28px;
    min-width: 80px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    border-radius: 20px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-show-appoint span.bet-cancel {
    border: 1px solid var(--q-gb-bd-c-12);
    color: var(--q-gb-bd-c-12)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-show-appoint span.bet-confirm {
    color: #fff;
    background: var(--q-gb-bd-c-12)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 38px;
    width: 100%
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .bet-odds-name {
    font-size: 12px;
    color: var(--q-gb-t-c-6);
    width: 24px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .bet-odds-edit {
    display: flex
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .bet-odds-edit .bet-odds-reduce {
    padding: 0 12px;
    height: 26px;
    background: var(--q-gb-bg-c-49);
    color: var(--q-gb-t-c-6);
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px 0 0 4px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .bet-odds-edit .bet-odds-number {
    width: 70px;
    color: var(--q-gb-t-c-3);
    border: .5px solid var(--q-gb-bg-c-49);
    background: var(--q-gb-bg-c-21);
    height: 26px;
    line-height: 18px;
    display: flex;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    text-align: center
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .bet-odds-edit .bet-odds-number::-webkit-outer-spin-button,
.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .bet-odds-edit .bet-odds-number::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .bet-odds-edit .bet-odds-number:focus {
    outline: none
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .bet-odds-edit .bet-odds-add {
    padding: 0 12px;
    height: 26px;
    background: var(--q-gb-bg-c-49);
    color: var(--q-gb-t-c-6);
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 4px 4px 0
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .warn-border {
    border: 1px solid var(--q-gb-bg-c-80);
    border-radius: 4px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .warn-bg {
    background-color: var(--q-gb-bg-c-80) !important;
    color: var(--q-gb-t-c-40) !important
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .warn-color {
    color: var(--q-gb-t-c-39) !important
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-record-item .toast {
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 0 12px;
    height: 34px;
    border-radius: 30px;
    text-align: center;
    line-height: 34px;
    transform: translate(-50%, -50%);
    color: #fff;
    background-color: #8b8b8b;
    min-width: 130px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .scored-result {
    color: var(--q-gb-t-c-6);
    font-size: 12px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .appoint-status {
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .appoint-status .col-right {
    text-align: right
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .col-auto.bet-result {
    max-width: 110px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .ranking-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    --per: -20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-1.csid-1002,
.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-1.csid-1011,
.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-1.csid-1010 {
    background-position-y: calc(var(--per) * 6)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-1.csid-1009 {
    background-position-y: calc(var(--per) * 18)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-2.csid-1002 {
    background-position-y: calc(var(--per) * 1)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-2.csid-1011 {
    background-position-y: calc(var(--per) * 7)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-2.csid-1010 {
    background-position-y: calc(var(--per) * 1)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-2.csid-1009 {
    background-position-y: calc(var(--per) * 7)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-3.csid-1002 {
    background-position-y: calc(var(--per) * 2)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-3.csid-1011 {
    background-position-y: calc(var(--per) * 8)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-3.csid-1010 {
    background-position-y: calc(var(--per) * 2)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-3.csid-1009 {
    background-position-y: calc(var(--per) * 8)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-4.csid-1002 {
    background-position-y: calc(var(--per) * 3)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-4.csid-1011 {
    background-position-y: calc(var(--per) * 9)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-4.csid-1010 {
    background-position-y: calc(var(--per) * 3)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-4.csid-1009 {
    background-position-y: calc(var(--per) * 21)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-5.csid-1002 {
    background-position-y: calc(var(--per) * 4)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-5.csid-1011 {
    background-position-y: calc(var(--per) * 10)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-5.csid-1010 {
    background-position-y: calc(var(--per) * 16)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-6.csid-1002 {
    background-position-y: calc(var(--per) * 5)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-6.csid-1011 {
    background-position-y: calc(var(--per) * 11)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .virtual-num-6.csid-1010 {
    background-position-y: calc(var(--per) * 17)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .vr-row-center {
    flex-direction: row;
    display: flex;
    align-items: center
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .no-flex {
    display: block !important
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .part-two {
    color: var(--q-gb-t-c-6) !important;
    white-space: nowrap
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .message-info {
    color: #ff4040;
    text-align: center;
    line-height: 28px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-input-focus {
    position: relative;
    background: var(--q-gb-bg-c-18);
    transition: .3s
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-input {
    width: 100%;
    height: 32px;
    background: var(--q-bet-box-33);
    border: .5px solid transparent;
    box-shadow: 0 1px 4px #0000001a;
    border-radius: 4px;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    transition: .3s;
    caret-color: var(--q-bet-box-1);
    color: var(--q-bet-box-1)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-input:focus,
.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-input:focus-visible {
    transition: .02s;
    outline: none;
    border: .5px solid var(--q-gb-bd-c-11);
    box-shadow: 0 1px 4px #ff70001a;
    background: var(--q-bet-box-33)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-8)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-8)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-8)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .q-icon.icon-del {
    color: var(--q-gb-bg-c-33)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue input::-webkit-outer-spin-button,
.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue input[type=number] {
    -moz-appearance: textfield
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .record-market-color {
    white-space: nowrap;
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .o-t-w {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .odds_z {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    color: var(--q-gb-t-c-3)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .odds_z .odds_y {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .eov_odds {
    color: var(--q-gb-t-c-3)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .b-icon-arrow {
    opacity: .5
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .b-icon-arrow-box {
    margin: 0 4px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .b-icon-arrows {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--q-gb-t-c-3);
    transform: rotate(45deg);
    vertical-align: middle;
    margin-bottom: 2px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .odds-svg {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%
}

.book-dialog {
    width: 320px;
    padding-top: 36px;
    padding-bottom: 20px;
    border-radius: 6px;
    background: var(--q-gb-bg-c-11);
    box-shadow: 0 0 10px #0000004d
}

.book-dialog .book-record {
    width: 126px;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    margin: 0 10px
}

.book-dialog .book-msg {
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    font-weight: 400;
    color: var(--q-gb-t-c-3)
}

.book-dialog .book-record-cancel {
    color: var(--q-gb-t-c-3);
    background: var(--q-bet-box-10);
    border: .5px solid var(--q-gb-bd-c-27);
    box-shadow: 0 1px 1px #0000000d
}

.book-dialog .book-record-submit {
    background: var(--q-gb-t-c-16);
    color: #fff
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .pt10 {
    padding-top: 10px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .mt0 {
    margin-top: 0
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .info-wrap {
    text-align: center
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .info-wrap .bet-pre-title {
    font-size: 12px;
    line-height: 30px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .info-wrap .bet-pre-wrap {
    width: 100%;
    height: 38px;
    background: var(--q-gb-bg-c-1);
    border-radius: 50px;
    position: relative
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .info-wrap .bet-pre-wrap .bet-pre-btn {
    font-size: 12px;
    color: var(--q-gb-t-c-18);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1.2
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .info-wrap .bet-pre-wrap img {
    position: absolute;
    right: 14px;
    top: 10px;
    height: 18px;
    width: 18px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .info-wrap .bet-pre-wrap img.roll {
    animation: .5s loading-roll infinite linear
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .toast {
    position: fixed;
    top: 50%;
    left: 110px;
    padding: 0 20px;
    height: 36px;
    border-radius: 2px;
    text-align: center;
    line-height: 36px;
    transform: translate(-50%, -50%);
    z-index: 3
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .bet-pre-stop-tip {
    text-align: center;
    color: red;
    margin-right: 15px;
    padding: 10px 0 0
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .bet-order-no {
    display: flex;
    justify-content: space-between;
    align-content: center;
    font-size: 12px;
    margin-top: 8px;
    color: var(--q-gb-t-c-6)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .bet-order-no .bet-order-no-img {
    white-space: nowrap
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-result-vue .ohter-win-color {
    color: #ff4040 !important
}

.src-base-pc-components-bet-record-view-pc-record-template-1-v-scroll-area-vue {
    height: 100%
}

.src-base-pc-components-bet-record-view-pc-record-template-1-v-scroll-area-vue .v-scroll-area:after {
    width: 10px !important
}

.src-base-pc-components-bet-record-view-pc-record-template-1-v-scroll-area-vue .v-scroll-area .content-wrap {
    flex: 1
}

.src-base-pc-components-bet-record-view-pc-record-template-1-v-scroll-area-vue .v-scroll-area .content-wrap .scroll-header {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100
}

.src-base-pc-components-bet-record-view-pc-record-template-1-v-scroll-area-vue .v-scroll-area .content-wrap .scroll-inner-wrap .loading-wrap {
    padding-top: 100px !important
}

.src-base-pc-components-bet-record-view-pc-record-template-1-v-scroll-area-vue .v-scroll-area .content-wrap .scroll-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 220px;
    z-index: 100
}

.src-base-pc-components-bet-record-view-pc-record-template-1-v-scroll-area-vue .v-scroll-area .v-scrollarea .q-scrollarea__bar {
    display: none
}

.src-base-pc-components-bet-record-view-pc-record-template-1-v-scroll-area-vue .v-scroll-area .q-scrollarea__content {
    width: 100%;
    border-radius: 0 6px 0 0
}

.src-base-pc-components-bet-record-bet-early-settle-vue {
    display: block
}

.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-title {
    font-size: 12px;
    line-height: 30px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-title .bet-include-money {
    color: var(--q-gb-bg-c-1)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-wrap {
    width: 100%;
    height: 38px;
    background: var(--q-gb-bg-c-1);
    border: 1px solid var(--q-gb-bd-c-11);
    border-radius: 50px;
    position: relative;
    cursor: pointer
}

.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-wrap .bet-pre-btn {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-t-c-18);
    height: 100%;
    flex-direction: column;
    line-height: 10px;
    position: relative
}

.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-wrap .bet-pre-btn .bet-row-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    line-height: 14px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-wrap .bet-pre-btn .bet-row-2 {
    margin-left: 6px;
    color: var(--q-gb-t-c-18);
    display: flex;
    align-items: center
}

.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-wrap .bet-pre-btn .bet-early-title {
    white-space: nowrap
}

.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-wrap.bet-active .bet-pre-btn,
.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-wrap.bet-active .bet-pre-btn .bet-row-2 {
    color: var(--q-gb-t-c-18)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-wrap img {
    position: absolute;
    right: 6px;
    top: 10px;
    height: 18px;
    width: 18px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-wrap img.roll {
    animation: .5s loading-roll infinite linear
}

.src-base-pc-components-bet-record-bet-early-settle-vue .early-button-warp {
    display: flex;
    align-items: center
}

.src-base-pc-components-bet-record-bet-early-settle-vue .early-button-warp .bet-reserve {
    padding-left: 12px;
    padding-right: 8px;
    cursor: pointer
}

.src-base-pc-components-bet-record-bet-early-settle-vue .early-button-warp .bet-reserve div {
    width: 24px;
    margin: 9px auto;
    height: 2px;
    background-color: var(--q-gb-bg-c-8);
    position: relative
}

.src-base-pc-components-bet-record-bet-early-settle-vue .early-button-warp .bet-reserve div:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid var(--q-gb-bg-c-8);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .early-button-warp .bet-reserve div:first-child:after {
    left: 16%
}

.src-base-pc-components-bet-record-bet-early-settle-vue .early-button-warp .bet-reserve div:last-child:after {
    right: 16%
}

.src-base-pc-components-bet-record-bet-early-settle-vue .early-button-warp .bet-reserve.active div {
    background-color: var(--q-gb-bg-c-1)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .early-button-warp .bet-reserve.active div:after {
    border-color: var(--q-gb-bg-c-1)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .early-button-warp .tips-reserve {
    width: 8px;
    height: 8px;
    background: #e93d3d;
    border-radius: 6px;
    position: absolute;
    transform: translate(15px)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .early-button-warp .bet-pre-icon {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    background: #e93d3d;
    top: -4px;
    right: -4px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp {
    color: var(--q-gb-t-c-8);
    margin-top: 10px;
    padding-bottom: 10px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .minMax {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    font-size: 12px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .minMax span i {
    display: flex;
    margin-top: 4px;
    color: var(--q-gb-t-c-8);
    font-style: normal
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .minMax .right {
    justify-content: right
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .reserve-early-settle-toast {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-t-c-39);
    padding: 6px 0
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .bet-reserve-btn {
    height: 44px;
    line-height: 12px;
    color: var(--q-gb-t-c-18);
    background-color: var(--q-gb-bg-c-1);
    border-radius: 50px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    word-break: normal
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .bet-reserve-btn-cancel {
    text-align: center;
    height: 44px;
    line-height: 18px;
    background-color: transparent;
    border-radius: 50px;
    border: 1px solid var(--q-gb-bd-c-8);
    color: var(--q-gb-t-c-18);
    background: var(--q-gb-bg-c-1);
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .bet-cancel-btn {
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: var(--q-gb-bg-c-13);
    border: 1px solid var(--q-gb-bg-c-13);
    border-radius: 10px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .bet-reserve-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding-top: 6px;
    cursor: pointer
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .bet-reserve-switch .title {
    font-size: 14px;
    position: relative;
    padding-bottom: 8px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .bet-reserve-switch .active {
    color: var(--q-gb-t-c-22)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .bet-reserve-switch .active:after {
    content: " ";
    width: 30px;
    height: 3px;
    background-color: var(--q-gb-bg-c-1);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .text-setting .title {
    margin-bottom: 6px;
    margin-top: 16px;
    text-align: left;
    color: var(--q-gb-t-c-10);
    font-weight: 700
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .text-setting .bet-input {
    width: 100%;
    padding: 4px 6px;
    margin-top: 4px;
    color: var(--q-gb-t-c-8);
    height: 32px;
    line-height: 18px;
    outline: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: 0 1px 4px #0000001a;
    text-align: left;
    font-size: 14px;
    margin-bottom: 14px;
    background-color: var(--q-gb-bg-c-30)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .text-setting .bet-input:focus {
    border-color: var(--q-gb-bd-c-11);
    color: var(--q-gb-t-c-3);
    border-radius: 6px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .text-setting .bet-input::placeholder {
    opacity: .7
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .text-setting .bet-input-toast {
    border-color: #e93d3d !important
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .text-setting .bet-input-cancel {
    border: 1px solid transparent;
    text-align: center;
    color: var(--q-gb-t-c-5);
    box-shadow: none;
    background: transparent
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .text-setting .bet-input-cancel:focus {
    border-color: transparent
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .progress .slider {
    padding: 0 10px;
    margin-bottom: 20px;
    position: relative
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .progress .slider .slider-label {
    display: flex;
    justify-content: space-between;
    margin-top: -4px;
    color: var(--q-gb-bg-c-1);
    position: absolute;
    width: 100%;
    left: 2px;
    padding: 0 4px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .progress .text {
    display: flex;
    justify-content: space-between;
    color: var(--q-gb-t-c-6);
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 12px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .progress .text .remaining {
    font-size: 14px;
    color: var(--q-gb-bg-c-1)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .progress .part-content {
    font-size: 12px;
    color: var(--q-gb-t-c-6);
    margin-top: 10px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .progress .part-content .remaining {
    color: var(--q-gb-t-c-6);
    font-size: 12px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .progress .mt0 {
    margin-top: 0;
    margin-bottom: 18px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .q-slider__track {
    background-color: var(--q-gb-bg-c-10)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .q-slider__inner {
    background-color: var(--q-gb-bg-c-34)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .q-slider__marker-labels {
    color: var(--q-gb-t-c-3)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .slider-color-0 .q-slider__marker-labels:nth-child(1) {
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .slider-color-1 .q-slider__marker-labels:nth-child(1),
.src-base-pc-components-bet-record-bet-early-settle-vue .slider-color-1 .q-slider__marker-labels:nth-child(2) {
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .slider-color-2 .q-slider__marker-labels:nth-child(1),
.src-base-pc-components-bet-record-bet-early-settle-vue .slider-color-2 .q-slider__marker-labels:nth-child(2),
.src-base-pc-components-bet-record-bet-early-settle-vue .slider-color-2 .q-slider__marker-labels:nth-child(3) {
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .slider-color-3 .q-slider__marker-labels:nth-child(1),
.src-base-pc-components-bet-record-bet-early-settle-vue .slider-color-3 .q-slider__marker-labels:nth-child(2),
.src-base-pc-components-bet-record-bet-early-settle-vue .slider-color-3 .q-slider__marker-labels:nth-child(3),
.src-base-pc-components-bet-record-bet-early-settle-vue .slider-color-3 .q-slider__marker-labels:nth-child(4) {
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .slider-color-4 .q-slider__marker-labels {
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .text-orange {
    color: var(--q-gb-bg-c-1) !important
}

.src-base-pc-components-bet-record-bet-early-settle-vue .un-success {
    margin-bottom: 4px
}

@keyframes loading-roll {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.src-base-pc-components-bet-record-bet-early-settle-vue .fongStyle {
    font-size: 10px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .cancel {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    color: var(--q-gb-t-c-3)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .confirm-early-settle-amount-change {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-t-c-39);
    padding: 12px 0 6px
}

.src-base-pc-components-bet-record-bet-cancel-pre-vue .cancel {
    cursor: pointer;
    padding: 0 12px;
    height: 22px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    margin: 12px auto;
    background: var(--q-gb-bg-c-1);
    border: 1px solid var(--q-gb-bg-c-1);
    border-radius: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tips-main {
    width: 360px;
    height: 200px;
    background-color: var(--q-gb-bg-c-14);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.tips-main p {
    padding: 30px 0;
    color: var(--q-gb-t-c-3)
}

.tips-main .confirm {
    display: flex;
    justify-content: center
}

.tips-main .confirm span {
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: var(--q-gb-bg-c-1);
    border-radius: 6px;
    margin: 0 12px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-keyboard .bet-keyboard-content {
    margin-left: 10px !important;
    margin-right: 12px !important
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-keyboard .keyboard-zone {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2px 0
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-keyboard .is_big_vedio {
    justify-content: initial
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-keyboard .keyboard-btn {
    width: 31%;
    height: 26px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: var(--q-bet-box-104);
    background-color: var(--q-bet-box-33)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-keyboard .keyboard-btn:hover {
    background: var(--q-theme-color-1-default);
    color: var(--q-gb-t-c-18)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-keyboard .keyboard-btn.disabled {
    pointer-events: none
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-keyboard .keyboard-btn:nth-child(3n) {
    margin-right: 0
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-keyboard .keyboard-max {
    background: var(--q-bet-box-2);
    color: var(--q-gb-t-c-18)
}

.warp {
    font-size: 12px;
    padding-top: 10px;
    cursor: pointer;
    color: var(--q-gb-t-c-6)
}

.body-main p {
    line-height: 1.8;
    display: flex;
    justify-content: space-between
}

.body-main span {
    text-align: right
}

.font-style {
    font-weight: 700
}

.settle-btn {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0
}

.settle-btn span {
    margin-right: .1rem
}

.settle-btn .yb-icon-arrow {
    margin-left: 16px;
    transition: transform .3s;
    transform: rotate(90deg)
}

.settle-btn .yb-icon-arrow.active {
    transform: rotate(-90deg)
}

.history-warp {
    width: 100%
}

.history-warp .settle-btn {
    justify-content: left
}

.history-warp .slider-wrap {
    color: var(--q-gb-t-c-8);
    font-size: 14px
}

.history-warp .body-main-history p {
    line-height: 1.5;
    display: flex;
    justify-content: left
}

.history-warp .body-main-history label {
    flex: 1
}

.history-warp .body-main-history span {
    flex: 2
}

.history-warp .body-main-history .return {
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .bet-name-info {
    color: var(--q-bet-box-55);
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
    word-wrap: break-word
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .match-time {
    color: var(--q-text-color-3);
    margin: 6px 0
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .bet-content {
    padding: 8px;
    background: var(--q-bet-box-33);
    border-radius: 6px;
    word-break: break-all;
    line-height: 1.5;
    position: relative;
    margin: 3px 0 3px 20px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .bet-handicap-name {
    color: var(--q-gb-t-c-16)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .bet-play-handicap {
    color: var(--q-text-color-1);
    word-break: normal
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .ant-timeline-item-head {
    width: 6px;
    height: 6px;
    background-color: #cbced8;
    border: none;
    border-radius: 50%;
    left: -16px;
    top: 50%
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .ant-timeline-item-tail {
    inset-inline-start: -14px;
    inset-block-start: 50px;
    background-color: #cbced8;
    border-inline-start: 1px solid #cbced8
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .ant-timeline-item-content {
    margin-inline-start: 0px;
    inset-block-start: 0px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .ant-timeline-item-last {
    padding-bottom: 0
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .nowarp {
    flex-wrap: nowrap
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .bet-result.lose {
    background: var(--q-gb-bg-c-2);
    border-radius: 4px;
    color: var(--q-bet-box-32);
    padding: 3px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .bet-result.win {
    background: var(--q-gb-bg-c-16);
    border-radius: 4px;
    color: var(--q-gb-t-c-31);
    padding: 3px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-create-vue .bet-result.green_back {
    background: #00b42a;
    border-radius: 4px;
    color: var(--q-gb-t-c-31);
    padding: 3px
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds-change .bet-edit {
    background-color: var(--q-gb-bg-lg-30);
    color: var(--q-gb-t-c-29);
    border: 1px solid var(--q-gb-t-c-29)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-result span.lose {
    background-color: #555
}

.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-title .bet-include-money {
    color: var(--q-bet-box-2)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-container .changing {
    color: var(--q-gb-bg-c-8)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .tips {
    color: var(--q-bet-box-2);
    margin-top: 4px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .tips i {
    margin: -3px 0 0 4px
}

.src-base-pc-components-bet-record-bet-early-settle-vue .info-wrap .bet-pre-wrap:hover {
    background-color: var(--q-gb-t-c-1)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .minMax span i {
    color: var(--q-bet-box-47)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .text-setting .bet-input-cancel {
    color: var(--q-bet-box-48)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .bet-reserve-btn-cancel {
    background: linear-gradient(180deg, var(--q-bet-box-50) 0%, var(--q-bet-box-51) 48%, var(--q-bet-box-52) 100%);
    border: 1px solid var(--q-bet-box-49);
    box-shadow: 0 2px 2px 0 var(--q-gb-bg-c-72);
    color: var(--q-bet-box-46)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .q-slider__inner {
    background: var(--q-gb-bg-c-44)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .progress .part-content .remaining {
    color: var(--q-bet-box-47)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .progress .part-content .colo,
.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .bet-odds-edit .bet-odds-add,
.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-odds .bet-odds-edit .bet-odds-reduce {
    color: var(--q-bet-box-48)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-item-vue .bet-show-appoint span.bet-cancel {
    border: 1px solid var(--q-bet-box-49);
    box-shadow: 0 2px 2px 0 var(--q-gb-bg-c-72);
    background: linear-gradient(180deg, var(--q-bet-box-50) 0%, var(--q-bet-box-51) 48%, var(--q-bet-box-52) 100%);
    color: var(--q-bet-box-46)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .early-button-warp .bet-reserve div {
    background-color: var(--q-bet-box-53)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .icon-tips:before {
    color: var(--q-bet-box-2)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .text-setting .bet-input {
    background-color: var(--q-bet-box-54)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp .minMax {
    color: var(--q-gb-t-c-10)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-league-name,
.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .row .bet-against .home-vs-away {
    color: var(--q-bet-box-55)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .footer .footer-btn {
    background: var(--q-transparent-theme-color-1)
}

.src-base-pc-components-bet-record-bet-early-settle-vue .q-slider__marker-labels,
.src-base-pc-components-bet-record-bet-early-settle-vue .bet-reserve-warp {
    color: var(--q-bet-box-46)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-bet-record-header-vue .bet-record-item {
    background: var(--q-bg-color-1-3)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .match-time {
    color: var(--q-text-color-3)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-card .q-card__section .bet-content .bet-play-game .bet-play-handicap {
    color: var(--q-text-color-1)
}

.src-base-pc-components-bet-record-view-pc-record-template-1-index-vue .bet-record-status .pending-text .bet_er {
    background-color: #555;
    color: var(--q-gb-t-c-28);
    border-radius: 2px
}

.header-wrap[data-v-208e948f] {
    padding: 4px 10px 4px 15px;
    height: 40px;
    font-weight: 500;
    line-height: 1.3;
    border-radius: 0 6px 0 0;
    background: var(--q-gb-bg-c-44)
}

.header-wrap .user-info[data-v-208e948f] {
    padding-right: 25px;
    font-size: 12px
}

.header-wrap .user-info .ellipsis[data-v-208e948f] {
    color: var(--q-gb-t-c-8)
}

.header-wrap .balance-wrap[data-v-208e948f] {
    width: 100%;
    height: 15px;
    font-size: 14px
}

.header-wrap .balance-wrap .balance-text-show[data-v-208e948f] {
    color: var(--q-gb-t-c-16);
    font-weight: 700
}

.header-wrap .balance-wrap .dynamic-amount[data-v-208e948f] {
    display: inline-block;
    position: absolute
}

.header-wrap .balance-wrap .dynamic-amount-list-style[data-v-208e948f] {
    height: 18px;
    position: relative
}

.header-wrap .balance-wrap .dynamic-amount-list-enter-active[data-v-208e948f],
.header-wrap .balance-wrap .dynamic-amount-list-leave-active[data-v-208e948f] {
    transition: transform .5s ease, opacity .5s ease
}

.header-wrap .balance-wrap .dynamic-amount-list-enter-from[data-v-208e948f] {
    opacity: 0;
    transform: translateY(50%)
}

.header-wrap .balance-wrap .dynamic-amount-list-leave-to[data-v-208e948f] {
    opacity: 0;
    transform: translateY(-50%)
}

.header-wrap .balance-wrap .balance-text-hide[data-v-208e948f] {
    font-size: 16px;
    color: var(--q-gb-t-c-16);
    margin-top: 5px
}

.header-wrap .balance-wrap .balance-btn-eye[data-v-208e948f] {
    margin-left: 10px;
    margin-top: -2px
}

.header-wrap .balance-wrap .balance-btn-eye[data-v-208e948f]:before {
    color: var(--q-gb-t-c-8)
}

.header-wrap .balance-wrap .refresh-btn[data-v-208e948f] {
    position: absolute;
    top: -8px;
    right: 6px;
    bottom: 11px;
    width: auto !important
}

.header-wrap .balance-wrap .refresh-btn .icon-refresh[data-v-208e948f]:before {
    font-size: 14px
}

.header-wrap .balance-wrap[data-v-208e948f] .icon-balance_refresh span {
    font-size: 16px
}

.left-scroll-area[data-v-d136f2fb] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%
}

.left-scroll-area[data-v-d136f2fb] .q-scrollarea__thumb {
    right: var(--v8da2281a) !important
}

.main-header[data-v-d136f2fb] {
    padding-right: 14px
}

.left-bg-box[data-v-d136f2fb] {
    background: var(--q-gb-bg-c-30);
    border-radius: 0 6px 0 0
}

.bet-box-pc-1[data-v-d136f2fb] {
    width: 100%;
    height: 100%;
    padding-right: 2px;
    position: relative;
    top: 82px
}

.bet-box-joint-top[data-v-d136f2fb] {
    top: 122px
}

.item.bet_history.bet-record-count[data-v-d136f2fb] {
    color: var(--q-gb-t-c-18) !important;
    background: var(--q-gb-bg-c-1) !important;
    margin-left: 0;
    width: 100%;
    height: 40px;
    border-radius: 0
}

.item.bet_history.bet-record-count .bet-record-count-before[data-v-d136f2fb] {
    width: 14px;
    height: 14px;
    margin-right: 10px
}

.item.bet_history.bet-record-count .text[data-v-d136f2fb] {
    flex: 1;
    margin-left: 10px
}

.left-header-all[data-v-d136f2fb] {
    width: 218px;
    position: relative;
    z-index: 10;
    border-radius: 0 6px 0 0;
    background: var(--q-gb-bg-c-11);
    border-right: 2px solid var(--q-gb-bg-c-11);
    border-left: 2px solid var(--q-gb-bg-c-11);
    border-top: 2px solid var(--q-gb-bg-c-11)
}

.c-main-menu[data-v-d136f2fb] {
    font-size: 13px;
    z-index: 211;
    width: 100%
}

.c-main-menu.iframe-search-fixed[data-v-d136f2fb] {
    margin-top: 36px
}

.c-main-menu .scroll-inner-wrap[data-v-d136f2fb] {
    margin-bottom: 10px
}

.c-main-menu .c-menu-sports[data-v-d136f2fb] {
    font-size: 13px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab[data-v-d136f2fb] {
    font-size: 13px;
    justify-content: space-around;
    padding: 10px 4px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item[data-v-d136f2fb] {
    height: 30px;
    border-radius: 8px;
    margin-right: 10px;
    flex: 1;
    white-space: nowrap;
    max-width: 95px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item[data-v-d136f2fb]:last-child {
    margin-right: 0
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item.active[data-v-d136f2fb] {
    font-weight: 600;
    font-size: 14px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item.active1[data-v-d136f2fb] {
    margin-left: 152px
}

.c-main-menu .menu-wrap[data-v-d136f2fb] {
    cursor: pointer;
    border-left: 2px solid var(--q-gb-bg-c-11)
}

.c-main-menu .menu-wrap.scroll-fixed-bg[data-v-d136f2fb] {
    width: 100%;
    height: 100%
}

.c-main-menu .menu-wrap .no-click[data-v-d136f2fb] {
    cursor: auto
}

.c-main-menu .menu-wrap .no-click[data-v-d136f2fb]:hover {
    background: none !important
}

.c-main-menu .menu-wrap .menu-item[data-v-d136f2fb] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-main-menu .menu-wrap .menu-item.active[data-v-d136f2fb] {
    font-weight: 700;
    border-bottom: 0
}

.c-main-menu .menu-wrap .menu-item.bet_record_hover[data-v-d136f2fb]:hover {
    color: var(--q-gb-t-c-16)
}

.c-main-menu .menu-wrap .menu-item.bet_hover[data-v-d136f2fb]:hover {
    background: var(--q-gb-bg-lg-9);
    color: var(--q-gb-t-c-16)
}

.c-main-menu .menu-wrap .menu-item.joint-hover[data-v-d136f2fb] {
    font-weight: 700
}

.c-main-menu .menu-wrap .menu-item.joint-hover[data-v-d136f2fb]:hover {
    background: var(--q-gb-bg-lg-14) !important;
    color: var(--q-gb-t-c-16) !important
}

.c-main-menu .menu-wrap .menu-item.joint-active[data-v-d136f2fb] {
    font-weight: 700;
    border-bottom: 0;
    background: var(--q-gb-bg-lg-8) !important;
    border-right: 0;
    position: relative;
    border-width: 0;
    color: var(--q-gb-t-c-16) !important
}

.c-main-menu .menu-wrap .menu-item.joint-active[data-v-d136f2fb]:after {
    content: "";
    width: 3px;
    height: 100%;
    background-color: var(--q-gb-t-c-16);
    position: absolute;
    right: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.c-main-menu .menu-wrap .menu-item .hot-icon[data-v-d136f2fb] {
    width: 14px;
    height: 14px;
    margin-right: 10px
}

.c-main-menu .menu-wrap .menu-item .menu-new-icon[data-v-d136f2fb] {
    margin: 0 0 3px 4px
}

.c-main-menu .menu-wrap .menu-item .match-count[data-v-d136f2fb] {
    padding-right: 15px;
    display: inline-block;
    min-width: 40px;
    text-align: right;
    max-width: 45px
}

.c-main-menu .menu-wrap .menu-item .bet-count[data-v-d136f2fb] {
    display: inline-block;
    min-width: 30px;
    text-align: right;
    max-width: 45px
}

.c-main-menu .menu-wrap .menu-item.disable-hover[data-v-d136f2fb]:hover {
    background-color: transparent !important
}

.c-main-menu .menu-wrap .menu-item.menu-record-top[data-v-d136f2fb] {
    padding: 0 15px 0 16px;
    height: 32px;
    color: var(--q-gb-t-c-6);
    background: var(--q-gb-bg-c-44);
    font-family: PingFang SC Medium
}

.c-main-menu .menu-wrap .menu-item.menu-top[data-v-d136f2fb] {
    padding: 0 15px 0 16px;
    height: 40px;
    color: var(--q-gb-t-c-6);
    background: var(--q-bg-color-1-3);
    font-family: PingFang SC Medium
}

.c-main-menu .menu-wrap .menu-item.menu-top .match-count[data-v-d136f2fb] {
    padding-right: 0
}

.c-main-menu .menu-wrap .menu-item.menu-top.menu-virtual .menu-name[data-v-d136f2fb] {
    margin-left: 10px
}

.c-main-menu .menu-wrap .menu-item.menu-top.hot-menu[data-v-d136f2fb]:hover {
    background: none
}

.c-main-menu .menu-wrap .menu-item.menu-top.item-bet[data-v-d136f2fb] {
    width: 200px;
    height: 36px;
    border-radius: 10px;
    border-right: 0;
    margin-left: 10px
}

.c-main-menu .menu-wrap .menu-item.menu-top.no-click[data-v-d136f2fb] {
    font-size: 12px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1[data-v-d136f2fb],
.c-main-menu .menu-wrap .menu-item.menu-fold2[data-v-d136f2fb] {
    padding-left: 16px;
    height: 36px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1.active[data-v-d136f2fb],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active[data-v-d136f2fb] {
    border-bottom: 0
}

.c-main-menu .menu-wrap .menu-item.menu-fold1.active .items-right.menu-border[data-v-d136f2fb],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active .items-right.menu-border[data-v-d136f2fb],
.c-main-menu .menu-wrap .menu-item.menu-fold1.active .menu-border[data-v-d136f2fb],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active .menu-border[data-v-d136f2fb] {
    border-bottom: 1px solid transparent
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .league-logo[data-v-d136f2fb],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .league-logo[data-v-d136f2fb] {
    width: 18px;
    height: 18px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .items-right[data-v-d136f2fb],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .items-right[data-v-d136f2fb] {
    margin-left: 10px;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .items-right .live-text[data-v-d136f2fb],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .items-right .live-text[data-v-d136f2fb] {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 26px;
    height: 12px
}

.c-main-menu .menu-wrap .menu-fold2-wrap[data-v-d136f2fb] {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .2s
}

.c-main-menu .menu-wrap .menu-fold2-wrap.open[data-v-d136f2fb] {
    max-height: 500px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2[data-v-d136f2fb] {
    padding: 0 0 0 43px;
    border-right: 2px solid transparent
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-border[data-v-d136f2fb] {
    position: absolute;
    width: 128px;
    height: 1px;
    right: 0;
    bottom: 0
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-point[data-v-d136f2fb] {
    position: absolute;
    left: -18px;
    width: 4px;
    height: 4px;
    border-radius: 100%
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-text[data-v-d136f2fb] {
    max-width: 130px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .match-count[data-v-d136f2fb] {
    padding-right: 13px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2.menu-virtual[data-v-d136f2fb] {
    padding-left: 34px
}

.c-main-menu .hot-menu-wrap[data-v-d136f2fb] {
    margin-top: 15px
}

.c-main-menu .hot-menu-wrap .level2 .menu-text[data-v-d136f2fb] {
    max-width: 170px
}

.c-main-menu .menu-normal-fixed-footer[data-v-d136f2fb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    cursor: pointer
}

.c-main-menu .menu-normal-fixed-footer .left[data-v-d136f2fb] {
    padding-left: 15px
}

.c-main-menu .menu-normal-fixed-footer .left .icon-menu_show_normal[data-v-d136f2fb] {
    margin-right: 5px
}

.c-main-menu .menu-normal-fixed-footer .right[data-v-d136f2fb] {
    padding-right: 15px;
    height: 100%
}

.c-main-menu .menu-normal-fixed-footer .right .icon-close[data-v-d136f2fb] {
    transform: scale(.7)
}

.c-main-menu .menu-normal-fixed-footer.normal-close[data-v-d136f2fb] {
    height: 32px;
    justify-content: center
}

.c-main-menu .menu-normal-fixed-footer.normal-close .icon-close[data-v-d136f2fb] {
    transform: scale(.7)
}

.c-main-menu .bet-mode-zone[data-v-d136f2fb] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 40px;
    align-items: center
}

.c-main-menu .bet-mode-zone .left[data-v-d136f2fb] {
    display: flex;
    align-items: center;
    padding-left: 15px
}

.c-main-menu .bet-mode-zone .left .bet-single-count[data-v-d136f2fb] {
    border-radius: 10px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    text-align: center;
    transform: scale(.8)
}

.c-main-menu .bet-mode-zone .right[data-v-d136f2fb] {
    display: flex;
    flex-wrap: nowrap;
    margin-right: 10px
}

.c-main-menu .bet-mode-zone .right .check-box[data-v-d136f2fb] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px
}

.c-main-menu .bet-mode-zone .right .check-box .check-wrap[data-v-d136f2fb] {
    padding: 0;
    margin-right: 5px
}

.c-main-menu .tip-content[data-v-d136f2fb] {
    width: calc(100% - 20px);
    height: 100px;
    position: absolute;
    bottom: 0;
    z-index: 500;
    top: 40px;
    left: 10px
}

.c-main-menu .tip-content.top-content[data-v-d136f2fb] {
    top: 5px
}

.c-main-menu .tip-content .content-wrap[data-v-d136f2fb] {
    position: absolute;
    top: 6px;
    width: 100%;
    background: #fff;
    border: 2px solid #ff781d;
    border-radius: 5px
}

.c-main-menu .tip-content .content-wrap .content[data-v-d136f2fb] {
    padding: 10px;
    font-size: 12px
}

.c-main-menu .tip-content .content-wrap .content .row-1[data-v-d136f2fb],
.c-main-menu .tip-content .content-wrap .content .row-2[data-v-d136f2fb],
.c-main-menu .tip-content .content-wrap .content .row-3[data-v-d136f2fb] {
    color: #2d2d2d;
    text-align: center
}

.c-main-menu .tip-content .content-wrap .content .row-1[data-v-d136f2fb] {
    margin-bottom: 10px;
    font-size: 14px;
    color: #ff781d;
    font-weight: 700
}

.c-main-menu .tip-content .content-wrap .triangle[data-v-d136f2fb],
.c-main-menu .tip-content .content-wrap .triangle1[data-v-d136f2fb] {
    position: absolute;
    background: #fff;
    border: 2px solid #ff781d;
    border-top: 0;
    border-left: 0;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    top: 81px;
    right: 22px
}

.c-main-menu .tip-content .content-wrap .triangle1[data-v-d136f2fb] {
    top: 116px
}

.c-main-menu .tip-content .content-wrap .icon-del[data-v-d136f2fb] {
    position: absolute;
    top: 16px;
    right: 10px;
    cursor: pointer
}

.bet-view[data-v-d136f2fb] {
    width: 220px
}

.bet-bg-tooltip[data-v-d136f2fb] {
    background: #a3afbf;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px #0003
}

.record-icon[data-v-d136f2fb] {
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.border-bottom[data-v-d136f2fb] {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.joint-purchase-menu[data-v-d136f2fb] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

div.q-menu {
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    background: var(--q-toast-color-bg-2);
    color: var(--q-gb-t-c-3) !important
}

div.q-item:hover {
    color: var(--q-gb-t-c-16) !important;
    background-color: var(--q-gb-bg-c-11) !important
}

div.q-item--active {
    color: var(--q-gb-t-c-16) !important
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .go-input {
    border-radius: 2px;
    border: 1px solid var(--q-gb-bg-c-42)
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap {
    display: flex;
    justify-content: center;
    height: 50px;
    font-size: 12px;
    z-index: 1100
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .pagination-select {
    display: flex;
    align-items: center;
    margin: 0 30px 0 18px
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .pagination-select .q-field--focused .q-field__control:after {
    transform: scale3d(0, 1, 1)
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .pagination-select .select {
    margin-right: 5px;
    padding: 0;
    width: 60px;
    height: 24px;
    border-radius: 2px;
    background: var(--q-gb-bg-c-11)
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .pagination-ye {
    color: var(--q-gb-t-c-3)
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .pagination-link {
    display: flex;
    align-items: center
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .pagination-link input {
    margin: 0 6px;
    padding: 0 5px;
    width: 32px;
    height: 24px;
    border-radius: 2px;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    outline: medium;
    background: var(--q-gb-bg-c-42);
    color: var(--q-gb-t-c-3)
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .pagination-link .pagination-link-span,
.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .pagination-link .pagination-text-span {
    color: var(--q-gb-t-c-3)
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .q-field--auto-height .q-field__control {
    padding: 0;
    min-height: 0px;
    height: 24px !important;
    min-height: 24px !important
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .q-field--auto-height .q-field__control:before {
    border-radius: 2px
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .q-field--auto-height .q-field__control .q-field__native {
    padding: 0;
    height: 24px !important;
    min-height: 0px
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .q-field--auto-height .q-field__control .q-field__marginal {
    margin-right: 6px;
    padding: 2px 0 0;
    height: auto
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .q-field--auto-height .q-field__control .q-field__marginal.q-anchor--skip {
    display: none
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .pagination-wrap .q-field--auto-height .q-field__native span {
    margin: 0 auto;
    font-weight: 500;
    font-size: 12px;
    color: var(--q-gb-t-c-3)
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .q-pagination .q-btn {
    margin: 0 3px;
    width: 24px;
    height: 24px;
    line-height: 1;
    color: var(--q-gb-t-c-3)
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .q-pagination .q-btn .q-btn__wrapper {
    min-height: 0px
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .q-pagination .q-btn .q-btn__wrapper:before {
    box-shadow: none
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .q-pagination .q-btn-item.q-btn--standard {
    background-color: var(--q-gb-bg-c-1) !important
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .table-footer-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
    height: 50px;
    font-size: 14px;
    border: 1px solid var(--q-bet-record-4);
    position: relative;
    width: calc(100% + -0px);
    border-radius: 0 0 6px 6px
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .table-footer-bar span {
    margin-left: 20px
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .table-footer-bar span .footer-text {
    margin: 0;
    font-weight: 500;
    color: var(--q-gb-t-c-3)
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .select-item {
    height: 24px;
    text-align: center;
    line-height: 24px;
    cursor: pointer
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .select-page-input .q-field__control:before {
    border: 1px solid var(--qq--y0-text-color1)
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .q-virtual-scroll__content .q-item--active {
    background: red !important
}

.project-new-pc-src-pages-bet-record-compoments-pagination-vue .page-icon-style.icon-triangle3:before,
.project-new-pc-src-pages-bet-record-compoments-pagination-vue .page-icon-style.icon-triangle2:before {
    color: var(--q-gb-t-c-3)
}

.q-virtual-scroll__content .q-manual-focusable--focused {
    background-color: transparent
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-bet-cancel-order-vue .btn {
    display: block;
    width: 72px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    border: 1px solid #179cff;
    color: #179cff;
    margin: 0 4px;
    cursor: pointer
}

.circle-success-bg {
    background: #000000b3;
    width: 400px;
    color: #f2f2f2;
    font-size: 14px;
    letter-spacing: 0px;
    text-align: center;
    padding: 32px
}

.circle-success-bg .circle-success-icon {
    width: 39px;
    height: 39px;
    margin: 0 auto 12px
}

.circle-success-bg .circle-text {
    margin-bottom: 4px
}

.tips-main-order {
    padding: 28px;
    background-color: var(--q-gb-bg-color-111);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.tips-main-order p {
    padding: 18px 0 32px;
    font-size: 16px;
    color: var(--q-gb-t-c-3)
}

.tips-main-order .confirm {
    display: flex;
    justify-content: center
}

.tips-main-order .confirm span {
    width: 166px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    margin: 0 12px
}

.tips-main-order .confirm :first-child {
    color: var(--q-gb-t-c-3);
    border: 1px solid var(--q-btn-outline-color-1);
    background: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    box-shadow: 0 2px 2px 0 var(--q-shadow-3)
}

.tips-main-order .confirm :last-child {
    color: #fff;
    background-color: var(--q-gb-bg-c-1)
}

.hall_check_warp {
    display: flex;
    align-items: center;
    color: var(--q-text-color-2);
    white-space: nowrap
}

.hall_check_warp .check_item {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 8px
}

.hall_check_warp .check_item:last-child {
    margin-right: 0
}

.hall_check_warp .check_item span {
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid #999;
    position: relative
}

.hall_check_warp .check_item span.active {
    background-color: var(--q-gb-t-c-16);
    border: none
}

.hall_check_warp .check_item span.active:after {
    position: absolute;
    content: "";
    left: 3px;
    width: 7px;
    height: 5px;
    top: 3px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg)
}

.hall_check_warp .check_item .check_is_btn {
    margin-left: 4px;
    margin-bottom: 0
}

.hall_check_warp_iframe {
    display: flex;
    align-items: center;
    color: var(--q-text-color-2);
    white-space: nowrap
}

.hall_check_warp_iframe .check_item {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 4px
}

.hall_check_warp_iframe .check_item:last-child {
    margin-right: 0
}

.hall_check_warp_iframe .check_item span {
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid #999;
    position: relative
}

.hall_check_warp_iframe .check_item span.active {
    background-color: var(--q-gb-t-c-16);
    border: none
}

.hall_check_warp_iframe .check_item span.active:after {
    position: absolute;
    content: "";
    left: 3px;
    width: 7px;
    height: 5px;
    top: 3px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg)
}

.hall_check_warp_iframe .check_item .check_is_btn {
    margin-left: 4px;
    margin-bottom: 0
}

.check_is_iframe {
    max-width: 40px;
    text-overflow: ellipsis;
    overflow: hidden
}

.bottom-panel-iframe .custom-pagination {
    position: relative;
    justify-content: end;
    padding-right: 20px
}

.table-footer-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
    height: 50px;
    font-size: 14px;
    border: 1px solid var(--q-bet-record-4);
    position: relative;
    width: calc(100% + -0px);
    border-radius: 0 0 6px 6px
}

.table-footer-bar span {
    margin-left: 20px
}

.table-footer-bar span .footer-text {
    margin: 0;
    font-weight: 500;
    color: var(--q-gb-t-c-3)
}

.custom-pagination {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    color: var(--q-gb-t-c-21);
    position: absolute;
    width: 100%;
    justify-content: center
}

.custom-pagination .page-size-selector {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 24px
}

.custom-pagination .size-select {
    transition: border-color .3s;
    background: var(--q-gb-bg-c-11);
    width: 56px;
    height: 24px
}

.custom-pagination .q-field__native {
    height: 24px !important;
    min-height: 24px !important;
    display: inline-block;
    text-align: center;
    color: var(--q-gb-t-c-3)
}

.custom-pagination .q-field__control {
    height: 24px !important;
    min-height: 24px !important
}

.custom-pagination .pager-container {
    display: flex;
    align-items: center;
    gap: 8px
}

.custom-pagination .pager-list {
    display: flex;
    gap: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
    color: var(--q-gb-t-c-3)
}

.custom-pagination .button-reset {
    all: unset
}

.custom-pagination .number,
.custom-pagination .arrow {
    min-width: 24px;
    height: 24px;
    cursor: pointer;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center
}

.custom-pagination .number:hover:not(.active),
.custom-pagination .arrow:not(:disabled):hover {
    background: #1d1d1d26
}

.custom-pagination .active {
    background: var(--q-gb-bg-c-1);
    color: #fff;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f
}

.custom-pagination .arrow:disabled {
    opacity: .5;
    cursor: not-allowed
}

.custom-pagination .arrow svg {
    width: 12px;
    height: 12px;
    fill: currentColor
}

.custom-pagination .page-jumper {
    display: flex;
    align-items: center;
    gap: 8px
}

.custom-pagination .jump-input {
    margin: 0 6px;
    padding: 0 5px;
    width: 32px;
    height: 24px;
    border-radius: 2px;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    outline: medium;
    background: var(--q-gb-bg-c-42);
    color: var(--q-gb-t-c-3);
    border: none
}

.hall_select::-webkit-scrollbar {
    height: 7px
}

.hall_select {
    width: 100%;
    height: 52px;
    background: var(--q-bet-box-5);
    display: flex;
    align-items: center;
    padding: 0 12px;
    overflow: auto
}

.hall_select .header-right {
    flex: 2;
    flex-wrap: nowrap
}

.hall_select .header-right .btn-group {
    height: 28px;
    background-color: var(--q-bg-color-3-1);
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    white-space: nowrap
}

.hall_select .header-right .btn-group .btn-group-item {
    font-size: 12px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 60px
}

.hall_select .header-right .btn-group .btn-group-item .btn-group-item-ls {
    cursor: pointer;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 18px;
    display: inline-block;
    color: var(--q-gb-t-c-3)
}

.hall_select .header-right .btn-group .btn-group-item .btn-group-item-ls-active {
    background-color: var(--q-gb-t-c-16);
    color: var(--q-gb-t-c-18)
}

.hall_select .header-right .btn-group .btn-group-item .btn-group-item-ls-active:hover {
    background-color: var(--q-gb-t-c-16);
    color: var(--q-gb-t-c-16)
}

.hall_select .header-right .btn-group .btn-group-item:hover .btn-group-item-ls {
    color: var(--q-gb-t-c-29)
}

.hall_select .header-right .btn-group .btn-group-item:hover .btn-group-item-ls-active {
    background-color: var(--q-gb-t-c-16);
    color: var(--q-gb-t-c-18)
}

.hall_select .item-right {
    flex-wrap: nowrap
}

.hall_select .q-field__control {
    height: 30px !important;
    min-height: 30px !important;
    font-size: 12px;
    background: var(--q-bg-color-3-1) !important;
    border-radius: 4px !important;
    border: 1px solid transparent;
    padding: 0 6px;
    box-shadow: none !important
}

.hall_select .q-field__control:hover {
    border: 1px solid var(--q-gb-bg-c-1) !important
}

.hall_select .q-field__control .q-field__native {
    height: 28px;
    min-height: 28px;
    min-width: 145px;
    color: var(--q-gb-t-c-3) !important
}

.hall_select .q-field__control .q-field__marginal {
    height: 28px;
    min-height: 28px
}

.hall_select .q-field__control .q-icon {
    color: var(--q-gb-t-c-3)
}

.hall_select .time-select {
    display: flex;
    align-items: center;
    margin: 0 8px
}

.hall_select .time-select .q-field {
    border-radius: 4px
}

.hall_select .time-select .q-field__control .q-field__control-container input {
    text-align: center;
    font-size: 12px
}

.hall_select .time-select .q-field__control:before {
    border-bottom: none;
    border-bottom-style: none !important
}

.hall_select .time-select .qussar-date-picker {
    color: var(--q-gb-t-c-40)
}

.hall_select .q-date {
    background: var(--q-gb-bg-c-14) !important
}

.hall_select .q-date .q-date__today {
    background: var(--q-gb-bg-c-57) !important
}

.hall_select .q-date .q-date__today .block {
    color: #fff
}

.hall_select .record-query {
    width: 79px;
    height: 28px;
    line-height: 28px;
    background-color: var(--q-gb-t-c-16);
    color: var(--q-gb-t-c-18);
    border-radius: 20px;
    text-align: center;
    cursor: pointer
}

.hall_select .ctrlang {
    width: 120px !important
}

.hall_select .q-btn-dropdown {
    background: var(--q-bg-color-3-1) !important;
    color: var(--q-gb-t-c-6) !important;
    padding: 0 14px !important;
    font-size: 12px !important;
    width: 90px
}

.hall_select .q-btn-dropdown .block {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis
}

.hall_select_iframe {
    width: 100%;
    height: 52px;
    background: var(--q-bet-record-14);
    display: flex;
    align-items: center;
    padding: 0 7px
}

.hall_select_iframe .header-right {
    flex: 2;
    flex-wrap: nowrap;
    white-space: nowrap
}

.hall_select_iframe .header-right .btn-group {
    height: 28px;
    background-color: var(--q-bg-color-3-1);
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    white-space: nowrap
}

.hall_select_iframe .header-right .btn-group .btn-group-item {
    font-size: 12px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 60px
}

.hall_select_iframe .header-right .btn-group .btn-group-item .btn-group-item-ls {
    cursor: pointer;
    padding: 4px 8px;
    box-sizing: border-box;
    border-radius: 18px;
    display: inline-block;
    color: var(--q-gb-t-c-3)
}

.hall_select_iframe .header-right .btn-group .btn-group-item .btn-group-item-ls-active,
.hall_select_iframe .header-right .btn-group .btn-group-item .btn-group-item-ls-active:hover {
    background-color: var(--q-gb-bg-c-4);
    color: var(--q-gb-t-c-18)
}

.hall_select_iframe .header-right .btn-group .btn-group-item:hover .btn-group-item-ls {
    color: var(--q-gb-t-c-29)
}

.hall_select_iframe .header-right .btn-group .btn-group-item:hover .btn-group-item-ls-active {
    background-color: var(--q-gb-bg-c-4);
    color: var(--q-gb-t-c-18)
}

.hall_select_iframe .item-right {
    flex-wrap: nowrap;
    white-space: nowrap
}

.hall_select_iframe .q-field__control {
    height: 30px !important;
    min-height: 30px !important;
    background: var(--q-bg-color-3-1) !important;
    border-radius: 4px !important;
    border: 1px solid transparent;
    padding: 0 2px;
    box-shadow: none !important
}

.hall_select_iframe .q-field__control:hover {
    border: 1px solid var(--q-gb-bg-c-1) !important
}

.hall_select_iframe .q-field__control .q-field__native {
    height: 29px;
    min-height: 28px;
    color: var(--q-gb-t-c-3) !important;
    font-size: 12px;
    min-width: 145px
}

.hall_select_iframe .q-field__control .q-field__marginal {
    height: 29px;
    min-height: 28px
}

.hall_select_iframe .q-field__control .q-icon {
    color: var(--q-gb-t-c-3)
}

.hall_select_iframe .time-select {
    display: flex;
    align-items: center;
    margin: 0 7px
}

.hall_select_iframe .time-select .q-field {
    border-radius: 4px
}

.hall_select_iframe .time-select .q-field__control .q-field__control-container input {
    text-align: center
}

.hall_select_iframe .time-select .q-field__control:before {
    border-bottom: none;
    border-bottom-style: none !important
}

.hall_select_iframe .time-select .qussar-date-picker {
    color: var(--q-gb-t-c-3)
}

.hall_select_iframe .q-date {
    background: var(--q-gb-bg-c-14) !important
}

.hall_select_iframe .q-date .q-date__today {
    background: var(--q-gb-bg-c-57) !important
}

.hall_select_iframe .q-date .q-date__today .block {
    color: #fff
}

.hall_select_iframe .record-query {
    width: 45px;
    height: 28px;
    line-height: 28px;
    background-color: var(--q-gb-bg-c-4);
    color: var(--q-gb-t-c-18);
    border-radius: 20px;
    text-align: center;
    cursor: pointer
}

.hall_select_iframe .ctrlang {
    width: 120px !important
}

.hall_select_iframe .q-btn-dropdown {
    background: var(--q-bg-color-3-1) !important;
    color: var(--q-gb-t-c-6) !important;
    padding: 0 14px !important;
    font-size: 12px !important
}

.hall_select_iframe .q-btn-dropdown .block {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50px
}

.yestactive .q-date__calendar-item--in .q-btn-item {
    background: var(--q-gb-bg-c-57) !important;
    color: #fff !important
}

.yestactive .q-date__range .q-btn-item {
    background: none !important
}

.yestactive .q-date__calendar-weekdays>div {
    opacity: 1
}

.q-date {
    background: var(--q-toast-color-bg-2) !important
}

.q-date .q-date__today {
    background: var(--q-gb-bg-c-1)
}

.q-date .q-date__today .block {
    color: #fff
}

.join-together-buy-show-menu {
    margin-left: 8px
}

.join-together-buy-show-menu .rotate {
    width: 12px;
    height: 12px;
    background-size: 100% auto;
    position: absolute;
    right: 12px
}

.join-together-buy-show-menu .join-together-buy-menu-dropdown {
    border-radius: .1rem
}

.join-together-buy-show-menu .q-btn:before {
    box-shadow: none !important
}

.join-together-buy-show-menu :deep(.q-btn-dropdown--simple * + .q-btn-dropdown__arrow) {
    margin-left: 0;
    position: absolute;
    right: 5px
}

.join-together-buy-rate-menu-list {
    background: var(--q-toast-color-bg-2)
}

.join-together-buy-rate-menu-list .q-item {
    padding: 5px 12px;
    min-height: 22px;
    text-align: left;
    color: var(--q-gb-t-c-10) !important
}

.join-together-buy-rate-menu-list .q-item .q-item__label {
    display: flex;
    align-items: center;
    white-space: nowrap;
    line-height: 2.2em !important
}

.join-together-buy-rate-menu-list .q-item .check-box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer;
    color: var(--q-gb-t-c-6)
}

.join-together-buy-rate-menu-list .q-item .check-box .check-wrap {
    width: 14px;
    min-width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 2px solid var(--q-gb-bd-c-4);
    margin-right: 7px;
    position: relative;
    top: -1px
}

.join-together-buy-rate-menu-list .q-item .check-box.active {
    color: var(--q-gb-t-c-16)
}

.join-together-buy-rate-menu-list .q-item .check-box.active .check-wrap {
    border: none;
    background: var(--q-gb-bg-c-1);
    color: var(--q-gb-t-c-1)
}

.join-together-buy-rate-menu-list .q-item .check-box.active .check-wrap:before {
    position: absolute;
    content: "";
    left: 3px;
    width: 8px;
    height: 5px;
    top: 3px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(135deg);
    border-color: var(--q-gb-t-c-18)
}

.join-together-buy-rate-menu-list .q-item:hover {
    color: var(--q-gb-t-c-16) !important;
    background-color: var(--q-gb-bg-c-11) !important
}

.join-together-buy-rate-menu-list .q-item:hover .check-box {
    color: var(--q-gb-t-c-16) !important
}

.q-date__calendar-item,
.q-date__months-item {
    overflow: hidden
}

.q-btn-dropdown__arrow {
    margin-left: 0 !important
}

.tootips {
    background: #000000b3 !important;
    padding: 12px !important;
    font-size: 12px !important;
    line-height: 22px
}

.tootips2 {
    width: 185px !important;
    background: #000000b3 !important;
    padding: 12px !important;
    font-size: 12px !important;
    line-height: 22px
}

.hall_record_cont .tablescrotop {
    max-height: calc(100vh - 20rem)
}

.hall_record_cont .tablescrotop .joint-buy-info-tips-icon {
    width: 14px;
    height: 14px;
    margin-left: 4px;
    background-size: 100% 100%
}

.hall_record_cont .q-table {
    border-spacing: 0 4px
}

.hall_record_cont .q-table thead tr {
    height: 32px
}

.hall_record_cont .q-table .deta {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    color: var(--q-gb-bg-c-1);
    background: var(--q-bet-box-50);
    position: absolute;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 9;
    top: 25px;
    border-radius: 8px
}

.hall_record_cont .q-table .deta .hall-buy-icon {
    width: 100%;
    height: 22px;
    background-position: center
}

.hall_record_cont .q-table .deta .inbisible_sport {
    position: absolute;
    top: -20px;
    color: var(--q-gb-t-c-3)
}

.hall_record_cont .q-table .halltr {
    background: var(--q-bg-color-3-2);
    color: var(--q-gb-t-c-3);
    position: relative
}

.hall_record_cont .q-table .status_time {
    color: var(--q-gb-bg-c-1)
}

.hall_record_cont .q-table .joint-record-table-header-title {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center
}

.hall_record_cont .q-table .td-deadline-fail:after {
    content: " ";
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 9;
    border-radius: 8px;
    background: var(--q-bet-box-65);
    pointer-events: none
}

.hall_record_cont .q-table thead tr {
    background-color: var(--q-gb-bg-c-30);
    border: none
}

.hall_record_cont .q-table thead tr th {
    padding: 0 4px;
    line-height: 32px;
    color: var(--q-text-color-2)
}

.hall_record_cont .q-table thead tr th:first-child {
    border-radius: 6px 0 0 6px;
    overflow: auto
}

.hall_record_cont .q-table thead tr th:last-child {
    border-radius: 0 6px 6px 0;
    overflow: auto
}

.hall_record_cont .q-table tr td:first-child {
    border-radius: 6px 0 0 6px;
    overflow: auto
}

.hall_record_cont .q-table tr td:last-child {
    border-radius: 0 6px 6px 0;
    overflow: auto
}

.hall_record_cont .q-table tr td {
    border-right-width: .5px;
    border-left-width: .5px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-color: var(--q-bet-record-15) transparent transparent var(--q-bet-record-15) !important;
    vertical-align: middle;
    line-height: 22px;
    font-size: 12px;
    padding: 0;
    background: var(--q-bg-color-3-2)
}

.hall_record_cont .q-table tr .font-weight {
    font-weight: 500;
    color: var(--q-gb-t-c-3)
}

.hall_record_cont .q-table tr .font-weights {
    font-weight: 500;
    color: var(--q-gb-t-c-29)
}

.hall_record_cont .q-table thead tr th {
    position: sticky;
    z-index: 10;
    border: none
}

.hall_record_cont .q-table thead tr:first-child th {
    top: 0
}

.hall_record_cont .q-table .joint-record-details {
    position: relative;
    top: -4px
}

.hall_record_cont .q-table .joint-record-details .q-table {
    border-spacing: 0
}

.hall_record_cont .q-table .joint-record-details td {
    border-width: 2px 0
}

.hall_record_cont .q-table .status-linear {
    display: flex;
    justify-content: space-between;
    margin: 5px 0
}

.hall_record_cont .q-table .status-linear .hall {
    color: var(--q-gb-t-c-18);
    padding: 0 4px;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 70px
}

.hall_record_cont .q-table .status-linear .halling {
    background: var(--q-gb-t-c-16)
}

.hall_record_cont .q-table .status-linear .nohall {
    background: #555;
    color: #fff
}

.hall_record_cont .q-table .status-linear .hallok {
    background: #50c042
}

.hall_record_cont .q-table .sea-details {
    width: 72px;
    height: 28px;
    background: var(--q-gb-bd-c-12);
    border-radius: 14px;
    margin: 8px auto;
    line-height: 28px;
    color: var(--q-gb-t-c-18);
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 8px
}

.hall_record_cont .q-table .sea-details-active {
    background: var(--q-theme-color-4-click)
}

.hall_record_cont .q-table .status-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-wrap: wrap
}

.hall_record_cont .q-table .status-btn div {
    width: 72px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    border: 1px solid var(--q-gb-bg-c-1);
    color: var(--q-gb-bg-c-1);
    margin: 2px 4px
}

.hall_record_cont .joint-record-table-header {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center
}

.hall_record_cont .joint-record-table-header-title-label {
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 6px
}

.hall_record_cont .joint-record-table-header-title-hallmon {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 6px
}

.hall_record_cont .joint-record-table-header-th {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center
}

.hall_record_cont .joint-record-table-header-th .joint-record-table-header-th-label {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis
}

.hall_record_cont .q-table__card {
    border-radius: 6px;
    box-shadow: none;
    border-bottom: none;
    background-color: var(--q-bg-color-2-1)
}

.hall_record_cont .bet-opt-top {
    padding-top: 15px
}

.hall_record_cont .record-status {
    padding: 10px 8px !important;
    word-wrap: break-word;
    white-space: normal
}

.hall_record_cont .record-status .odds-1 {
    color: #50c042
}

.hall_record_cont .record-status .odds-2,
.hall_record_cont .record-status .odds-3 {
    color: var(--q-gb-t-c-16)
}

.hall_record_cont .record-status .look_all {
    cursor: pointer;
    color: var(--q-gb-bg-c-1)
}

.hall_record_cont .record-status .bet-options-iframe {
    flex-wrap: wrap;
    justify-content: end
}

.hall_record_cont .record-status .bet-options {
    display: flex;
    align-items: center
}

.hall_record_cont .record-status .bet-options .options-left {
    flex: 2
}

.hall_record_cont .record-status .bet-options .options-right .resutls-is-cancelType {
    background: #555;
    color: #fff;
    padding: 0 4px;
    border-radius: 4px;
    margin-bottom: 4px
}

.hall_record_cont .record-status .bet-options .options-right .resutls-is-win,
.hall_record_cont .record-status .bet-options .options-right .resutls-status {
    width: fit-content;
    height: fit-content;
    padding: 0 4px;
    border-radius: 4px;
    margin-bottom: 4px
}

.hall_record_cont .record-status .bet-options .options-right .resutls-is-win-4,
.hall_record_cont .record-status .bet-options .options-right .resutls-is-win-5 {
    background: red;
    color: var(--text-color-text-error, #fff)
}

.hall_record_cont .record-status .bet-options .options-right .resutls-is-win-2,
.hall_record_cont .record-status .bet-options .options-right .resutls-is-win-7,
.hall_record_cont .record-status .bet-options .options-right .resutls-is-win-8,
.hall_record_cont .record-status .bet-options .options-right .resutls-is-win-3,
.hall_record_cont .record-status .bet-options .options-right .resutls-is-win-6 {
    background: #555;
    color: #fff
}

.hall_record_cont .copy-warp div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap
}

.hall_record_cont .copy_icon {
    cursor: pointer;
    margin: 0 3px;
    min-width: 12px;
    height: 12px;
    background-size: 100% auto
}

.hall_record_cont .changing {
    color: var(--q-gb-t-c-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: calc(100vh - 16rem)
}

.hall_record_cont .changing .img {
    width: 100%;
    height: 50px;
    background-size: 50px auto;
    background-position: center
}

.hall_record_cont .changing .imgsize {
    width: 100%;
    padding-top: 15px;
    text-align: center
}

.hall_record_cont .no-data {
    position: relative;
    width: 100%;
    height: calc(100vh - 23rem)
}

.hall_record_cont .no-data .c {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%)
}

.hall_record_cont .no-data .c .no-data-icon {
    width: 180px;
    height: 180px;
    background-size: 180px auto;
    pointer-events: none
}

.hall_record_cont .no-data .c .no-data-title {
    text-align: center;
    color: var(--q-bet-box-1);
    font-weight: 500
}

.hall_record_cont .hall-info-text5 {
    display: flex;
    margin-top: 4px
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right {
    flex: 1
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent1 {
    display: flex;
    align-items: center
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text1,
.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text3,
.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text4 {
    height: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    padding: 0 3px;
    border-radius: 2px
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text1 {
    background: #179cff
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text3 {
    background: #50c042
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text4 {
    background: #555
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text2 {
    color: var(--q-gb-bg-c-33);
    margin-left: 4px
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 {
    position: relative;
    flex: 1;
    height: 6px;
    background: var(--q-bet-record-15);
    margin: 4px 0;
    border-radius: 3px;
    display: flex
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-content,
.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-content1 {
    position: absolute;
    height: 6px;
    border-radius: 3px;
    left: 0;
    z-index: 1
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-content {
    background: var(--q-gb-t-c-16)
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-content1 {
    background: #50c042
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-content2 {
    background: #e93d3d
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-flag,
.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-icon {
    position: absolute;
    width: 10px;
    height: 6px;
    left: 69.5%;
    top: -10px
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-round,
.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-round1,
.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-round2 {
    position: absolute;
    width: 6px;
    height: 6px;
    left: 70%;
    top: 0;
    border-radius: 50%;
    z-index: 2;
    border: 1px solid #fff
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-round {
    background: var(--q-gb-t-c-16)
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-round1 {
    background: #50c042
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-round2 {
    background: #e93d3d
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent3 {
    height: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent3 .percent3-text1 {
    color: var(--q-gb-t-c-16)
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent3 .percent3-text2 {
    color: #50c042
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent3 .percent3-text3 {
    color: #e93d3d
}

.hall_record_cont .hall-info-text5 .hall-info-text5-right .hall-info-percent3 .percent3-text4 {
    color: var(--q-gb-t-c-3)
}

.hall_record_cont .joint-u-d .up {
    width: 12px;
    height: 12px;
    background-position: center;
    transform: rotate(180deg)
}

.hall_record_cont .joint-u-d .down {
    width: 12px;
    height: 12px;
    background-position: center
}

.hall_record_cont .datails-order {
    color: #8a8986
}

.hall_record_cont .bottom-panel {
    display: flex;
    align-items: center;
    height: 50px;
    position: relative
}

.hall_record_cont .bottom-panel .table-footer-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
    height: 50px;
    font-size: 14px;
    width: 100%;
    color: #8a8986
}

.hall_record_cont .bottom-panel .table-footer-bar span {
    margin-left: 20px
}

.hall_record_cont .bottom-panel .table-footer-bar span .footer-text {
    margin: 0;
    font-weight: 500;
    color: var(--q-gb-t-c-3)
}

.hall_record_cont .bottom-panel .record-pagination {
    position: absolute;
    width: 100%
}

.hall_record_cont .bottom-panel-iframe {
    display: flex;
    flex-direction: column-reverse
}

.hall_record_cont .bottom-panel-iframe .table-footer-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
    height: 50px;
    font-size: 14px;
    width: 100%;
    color: #8a8986
}

.hall_record_cont .bottom-panel-iframe .table-footer-bar span {
    margin-left: 20px
}

.hall_record_cont .bottom-panel-iframe .table-footer-bar span .footer-text {
    margin: 0;
    font-weight: 500;
    color: var(--q-gb-t-c-3)
}

.multiple_dialog {
    width: 420px;
    min-width: 420px;
    border-radius: 8px !important;
    background: var(--q-toast-color-bg-2)
}

.multiple_dialog .title {
    display: flex;
    height: 48px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background: var(--q-bg-color-3-1);
    border-bottom: 1px solid var(--q-stroke-color-1);
    color: var(--q-text-color-1);
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: 600
}

.multiple_dialog .record_type {
    height: 36px;
    padding-left: 28px;
    font-weight: 600;
    font-size: 13px;
    color: var(--q-text-color-1);
    display: flex;
    align-items: center;
    position: relative
}

.multiple_dialog .record_type:after {
    position: absolute;
    content: "";
    left: 16px;
    top: 11px;
    width: 3px;
    height: 14px;
    background-color: var(--q-gb-bg-c-4);
    border-radius: 0 3px 3px 0
}

.multiple_dialog .box {
    max-height: 500px;
    overflow: auto
}

.multiple_dialog .content {
    padding-right: 16px;
    margin: 0 12px 8px;
    display: flex;
    align-items: center;
    background: var(--q-bg-color-3-1)
}

.multiple_dialog .content .content_item {
    padding: 12px;
    border-radius: 4px;
    line-height: 20px;
    display: flex;
    flex: 2;
    align-items: center;
    justify-content: space-between
}

.multiple_dialog .btn {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px;
    border-radius: 999px;
    background: var(--q-gb-bd-c-12);
    color: var(--q-gb-t-c-18);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer
}

.multiple_dialog .options-right .resutls-is-cancelType {
    background: #555;
    color: #fff;
    padding: 4px;
    border-radius: 4px
}

.multiple_dialog .options-right .resutls-is-win,
.multiple_dialog .options-right .resutls-status {
    width: fit-content;
    height: fit-content;
    padding: 4px;
    border-radius: 4px
}

.multiple_dialog .options-right .resutls-is-win-4,
.multiple_dialog .options-right .resutls-is-win-5 {
    background: red;
    color: var(--text-color-text-error, #fff)
}

.multiple_dialog .options-right .resutls-is-win-2,
.multiple_dialog .options-right .resutls-is-win-7,
.multiple_dialog .options-right .resutls-is-win-8,
.multiple_dialog .options-right .resutls-is-win-3,
.multiple_dialog .options-right .resutls-is-win-6 {
    background: #555;
    color: #fff
}

.multiple_dialog .odds-1 {
    color: #50c042
}

.multiple_dialog .odds-2,
.multiple_dialog .odds-3 {
    color: var(--q-gb-t-c-16)
}

.multiple_dialog .font_style1 {
    color: var(--q-text-color-2)
}

.multiple_dialog .font_style2 {
    color: var(--q-text-color-3)
}

.multiple_dialog .bet-result {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 2px;
    height: 18px;
    font-size: 12px;
    border-radius: 2px;
    color: var(--q-gb-t-c-8);
    border: 1px solid var(--q-gb-t-c-8)
}

.multiple_dialog .bet-result.win-color {
    background-color: var(--q-gb-bd-c-9);
    color: #fff;
    border: 1px solid var(--q-gb-bd-c-9)
}

.multiple_dialog .bet-result.lose-color {
    background-color: #555;
    color: #fff;
    border: 1px solid #555
}

.multiple_dialog .bet-result.green_back {
    background-color: #00b42a;
    color: #fff;
    border: 1px solid #00b42a
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .changing {
    height: calc(100vh - 46rem)
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .changing .img {
    width: 100%;
    height: 40px;
    background-size: 40px auto;
    background-position: center
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .changing .imgsize {
    width: 100%;
    padding-top: 8px;
    text-align: center
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .q-table thead tr {
    height: 30px
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .q-table tbody tr {
    color: var(--q-gb-t-c-3);
    background: var(--q-gb-bg-c-42)
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .q-table td {
    border-width: 2px .5px !important;
    border-color: var(--q-bet-record-15) transparent transparent var(--q-bet-record-15) !important;
    vertical-align: middle;
    line-height: 22px;
    font-size: 12px;
    padding: 0
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .q-table td:last-child {
    border-right: none !important
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .q-table td:first-child {
    border-left: none !important
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .no-data {
    position: relative;
    width: 100%;
    height: 86px !important
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .no-data .c {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .no-data .c .no-data-icon {
    width: 50px !important;
    height: 50px !important;
    background-size: 50px auto;
    pointer-events: none
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .no-data .c .no-data-title {
    text-align: center;
    color: #a1a3a5;
    font-weight: 500
}

.src-base-pc-components-bet-record-buy-together-joint-purchase-hall-record-compoments-record-details-vue .details_pages {
    position: relative;
    padding: 15px 0
}

.hall-info-list-item {
    border-radius: 8px;
    min-height: 103px;
    display: flex;
    background: var(--q-gb-bg-c-30);
    color: var(--q-gb-bg-c-33);
    font-size: 12px;
    margin-bottom: 8px
}

.hall-info-list-item .font-bet-type {
    position: relative;
    top: -5px
}

.hall-info-list-item .list-item-width1,
.hall-info-list-item .list-item-width2,
.hall-info-list-item .list-item-width3 {
    border-right: 1px solid var(--q-gb-bd-c-8);
    display: flex;
    flex-direction: column;
    padding: 12px 0;
    justify-content: center
}

.hall-info-list-item .list-item-width1 {
    width: 40px;
    align-items: center
}

.hall-info-list-item .list-item-width2 {
    width: 85px
}

.hall-info-list-item .list-item-width3 {
    flex: 1
}

.hall-info-list-item .list-item-width4 {
    width: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.hall-info-list-item .list-item-text1 {
    line-height: 14px;
    margin-bottom: 4px;
    padding-left: 12px
}

.hall-info-list-item .list-item-text1:last-child {
    margin-bottom: 0
}

.hall-info-list-item .list-item-text2 {
    line-height: 17px;
    margin-bottom: 4px;
    padding-left: 12px
}

.hall-info-list-item .list-item-text2 .look-all {
    float: right;
    color: var(--q-gb-t-c-16);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 12px;
    cursor: pointer;
    margin-right: 10px
}

.hall-info-list-item .list-item-text2:last-child {
    margin-bottom: 0
}

.hall-info-list-item .list-item-text2 .soprts_id_icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% auto;
    margin-right: 4px
}

.hall-info-list-item .list-item-text3 {
    min-width: 18px;
    height: 18px;
    border-radius: 2px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    padding: 0 3px
}

.hall-info-list-item .list-item-color4,
.hall-info-list-item .list-item-color5 {
    background: #f53f3f
}

.hall-info-list-item .list-item-color2,
.hall-info-list-item .list-item-color7,
.hall-info-list-item .list-item-color8,
.hall-info-list-item .list-item-color3,
.hall-info-list-item .list-item-color6 {
    background: #555
}

.hall-info-list-item .odds-project {
    color: var(--q-gb-t-c-16)
}

.join-diaglog-detail {
    width: 420px;
    max-height: 560px;
    background: var(--q-toast-color-bg-2);
    border-radius: 8px !important
}

.join-diaglog-detail .list-item-color4,
.join-diaglog-detail .list-item-color5 {
    background: #f53f3f
}

.join-diaglog-detail .list-item-color2,
.join-diaglog-detail .list-item-color7,
.join-diaglog-detail .list-item-color8,
.join-diaglog-detail .list-item-color3,
.join-diaglog-detail .list-item-color6 {
    background: #555
}

.join-diaglog-detail .j-d-d-header {
    display: flex;
    height: 48px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: var(--q-bet-box-1);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: var(--q-bg-color-3-1)
}

.join-diaglog-detail .j-d-d-content {
    display: flex;
    padding: 0 16px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch
}

.join-diaglog-detail .j-d-d-content .title {
    position: relative;
    display: flex;
    height: 36px;
    padding-right: 8px;
    align-items: center;
    align-self: stretch;
    font-size: 13px;
    color: var(--q-bet-box-1);
    font-weight: 600;
    text-indent: 8px
}

.join-diaglog-detail .j-d-d-content .title .font-green {
    color: #50c042
}

.join-diaglog-detail .j-d-d-content .title .font-blue {
    color: var(--q-gb-t-c-16)
}

.join-diaglog-detail .j-d-d-content .title:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 14px;
    background: var(--q-gb-t-c-16);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    top: 12px
}

.join-diaglog-detail .j-d-d-content .scroll-wrap {
    flex: 1;
    width: 100%;
    overflow: auto;
    max-height: 400px
}

.join-diaglog-detail .j-d-d-content .d-d-box {
    display: flex;
    padding: 12px;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    justify-content: space-between;
    border-radius: 4px;
    background: var(--q-bg-color-3-1);
    color: var(--q-text-color-3);
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 20px
}

.join-diaglog-detail .j-d-d-content .d-d-box .win-font {
    display: flex;
    height: 18px;
    min-width: 18px;
    padding: 3px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    color: #fff
}

.join-diaglog-detail .j-d-d-content .d-d-box .list-item-color4,
.join-diaglog-detail .j-d-d-content .d-d-box .list-item-color5 {
    background: #f53f3f
}

.join-diaglog-detail .j-d-d-content .d-d-box .list-item-color2,
.join-diaglog-detail .j-d-d-content .d-d-box .list-item-color7,
.join-diaglog-detail .j-d-d-content .d-d-box .list-item-color8,
.join-diaglog-detail .j-d-d-content .d-d-box .list-item-color3,
.join-diaglog-detail .j-d-d-content .d-d-box .list-item-color6 {
    background: #555
}

.join-diaglog-detail .j-d-d-content .d-d-box>div>p:last-child {
    padding-bottom: 0
}

.join-diaglog-detail .j-d-d-content .d-d-box>div>p.flex {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.join-diaglog-detail .j-d-d-content .d-d-box .font-greed {
    color: var(--q-gb-t-c-16);
    padding-left: 2px
}

.join-diaglog-detail .j-d-d-content .d-d-box .font-dark {
    color: var(--q-text-color-1)
}

.join-diaglog-detail .j-d-d-content .d-d-box .font-dark .font-green {
    color: #50c042
}

.join-diaglog-detail .j-d-d-content .d-d-box .font-dark .font-blue {
    color: var(--q-gb-t-c-16)
}

.join-diaglog-detail .j-d-d-content .btn-ok {
    width: 100%;
    height: 40px;
    padding: 8px 24px;
    border-radius: 999px;
    box-shadow: 0 2px 2px #0038621a;
    border: 0;
    color: var(--q-gb-t-c-18);
    background: var(--q-gb-t-c-16);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer
}

.join-diaglog-detail .j-d-d-content .btn-ok.m-top {
    margin-top: 8px
}

.joint-purchase-hall-info {
    height: 100%;
    position: relative
}

.joint-purchase-hall-info .joint-buy-info-tips-icon {
    width: 14px;
    height: 14px;
    margin: 0 4px;
    background-size: 100% 100%
}

.joint-purchase-hall-info .hall-info-scroll {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 120px
}

.joint-purchase-hall-info .disale_all {
    color: var(--q-gb-t-c-36) !important
}

.joint-purchase-hall-info .hall-info-item {
    padding: 2px;
    border-radius: 8px;
    background: var(--q-bg-color-1-3);
    margin-bottom: 8px;
    font-size: 12px;
    position: relative
}

.joint-purchase-hall-info .hall-info-item .hall-info-title {
    height: 35px;
    background: var(--q-gb-bg-c-98);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--q-gb-bg-c-33)
}

.joint-purchase-hall-info .hall-info-item .hall-info-title .hall-info-title-text1 {
    padding-left: 8px;
    position: relative;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    font-weight: 550
}

.joint-purchase-hall-info .hall-info-item .hall-info-title .hall-info-title-text1:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 16px;
    background: var(--q-gb-t-c-16);
    border-radius: 6px;
    top: 1px;
    left: -3px
}

.joint-purchase-hall-info .hall-info-item .yb-icon-arrow {
    width: 16px;
    height: 16px;
    margin-right: 12px;
    cursor: pointer
}

.joint-purchase-hall-info .hall-info-item .active {
    transform: rotate(180deg)
}

.joint-purchase-hall-info .hall-info-item .hall-info-min-height {
    min-height: 109px
}

.joint-purchase-hall-info .hall-info-item .hall-info-text-show {
    position: absolute;
    height: 24px;
    left: 0;
    right: 0;
    top: 35px;
    padding: 12px 12px 0
}

.joint-purchase-hall-info .hall-info-item .hall-info-text-show .hall-info-text1 {
    display: flex;
    align-items: center;
    line-height: 18px
}

.joint-purchase-hall-info .hall-info-item .hall-info-text-show .hall-info-text1 .first {
    color: var(--q-gb-bg-c-33);
    font-weight: 550;
    padding-right: 8px
}

.joint-purchase-hall-info .hall-info-item .hall-info-text-show .hall-info-text1 .odds-1 {
    color: #00b42a
}

.joint-purchase-hall-info .hall-info-item .hall-info-text-show .hall-info-text1 .odds-2,
.joint-purchase-hall-info .hall-info-item .hall-info-text-show .hall-info-text1 .odds-3 {
    color: var(--q-gb-t-c-16)
}

.joint-purchase-hall-info .hall-info-item .look-all {
    color: var(--q-gb-t-c-16);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 12px;
    cursor: pointer
}

.joint-purchase-hall-info .hall-info-item .hall-info-content {
    padding: 12px;
    position: relative;
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .title {
    position: relative;
    display: flex;
    height: 36px;
    padding-right: 8px;
    align-items: center;
    align-self: stretch;
    font-size: 13px;
    color: var(--q-bet-box-1);
    font-weight: 600;
    text-indent: 8px
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .title .font-green {
    color: #50c042
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .title .font-blue {
    color: var(--q-gb-t-c-16)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .title:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 14px;
    background: var(--q-gb-t-c-16);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    top: 12px
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 18px
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text1 .first {
    color: var(--q-gb-bg-c-33);
    font-weight: 550
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text1 .second {
    color: var(--q-text-color-3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text2 {
    color: var(--q-gb-t-c-10);
    line-height: 20px;
    margin-top: 4px
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text2 .first {
    color: var(--q-gb-t-c-5)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text2 .second {
    color: var(--q-gb-t-c-16)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text3 {
    color: var(--q-text-color-3);
    line-height: 17px;
    margin-top: 4px
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .odds-number {
    font-weight: 700
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .odds-1 {
    color: #00b42a
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .odds-2,
.joint-purchase-hall-info .hall-info-item .hall-info-content .odds-3 {
    color: var(--q-gb-t-c-16)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text4 {
    line-height: 17px;
    margin-top: 4px;
    display: flex;
    align-items: center
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text4 .hall-info-text3-span1 {
    width: 110px;
    color: var(--q-text-color-3)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text4 .hall-info-text3-span2 {
    color: var(--q-gb-bg-c-33)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text4 .hall-info-text3-span3 {
    color: var(--q-gb-t-c-16);
    font-weight: 700
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text4 .hall-info-text3-span4 {
    height: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    padding: 0 3px;
    border-radius: 2px;
    background: #555;
    margin-right: 4px
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text4:first-child {
    margin-top: 0
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-line {
    height: 1px;
    background: var(--q-gb-bd-c-8);
    margin: 4px 0
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 {
    display: flex;
    margin-top: 4px
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-left {
    width: 110px;
    color: var(--q-text-color-3)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right {
    flex: 1
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent1 {
    display: flex;
    align-items: center
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text1,
.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text3,
.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text4 {
    height: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    padding: 0 3px;
    border-radius: 2px
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text1 {
    background: var(--q-gb-t-c-16)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text3 {
    background: #50c042
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text4 {
    background: #555
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent1 .hall-info-percent1-text2 {
    color: var(--q-gb-bg-c-33);
    margin-left: 4px
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 {
    position: relative;
    flex: 1;
    height: 6px;
    background: var(--q-gb-bg-c-41);
    margin: 4px 0;
    border-radius: 3px;
    display: flex
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-content,
.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-content1 {
    position: absolute;
    height: 6px;
    border-radius: 3px;
    left: 0;
    z-index: 1
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-content {
    background: var(--q-gb-t-c-16)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-content1 {
    background: #50c042
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-content2 {
    background: #e93d3d
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-flag,
.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-icon {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 70%;
    top: -16px
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-round,
.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-round1,
.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-round2 {
    position: absolute;
    width: 6px;
    height: 6px;
    left: 70%;
    top: 0;
    border-radius: 50%;
    border: 1px solid #fff;
    z-index: 2
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-round {
    background: var(--q-gb-t-c-16)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-round1 {
    background: #50c042
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent2 .percent2-round2 {
    background: #e93d3d
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent3 {
    height: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent3 .percent3-text1 {
    color: var(--q-gb-t-c-16)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent3 .percent3-text2 {
    color: #50c042
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent3 .percent3-text3 {
    color: #e93d3d
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text5 .hall-info-text5-right .hall-info-percent3 .percent3-text4 {
    color: var(--q-gb-bg-c-33)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text6 {
    display: flex;
    height: 17px;
    margin-top: 4px
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text6 .flex-1 {
    flex: 1;
    display: flex;
    align-items: center
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text6 .flex-1 .hall-info-text3-span1 {
    width: 110px;
    color: var(--q-text-color-3);
    flex-wrap: nowrap
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text6 .flex-1 .hall-info-text3-span1 .hall-info-win-rate-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 94px;
    line-height: 14px;
    height: 15px
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text6 .flex-1 .hall-info-text3-span2 {
    color: var(--q-gb-bg-c-33)
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text6 .flex-1 .hall-info-text3-span3 {
    color: var(--q-gb-t-c-16);
    font-weight: 700
}

.joint-purchase-hall-info .hall-info-item .hall-info-content .hall-info-text6:first-child {
    margin-top: 0
}

.joint-purchase-hall-info .hall-details-info-list {
    overflow-y: auto;
    position: relative
}

.joint-purchase-hall-info .hall-details-hidden {
    overflow-y: hidden
}

.joint-purchase-hall-info .info-list-join-btn {
    width: 196px;
    height: 36px;
    border-radius: 18px;
    background: var(--q-gb-t-c-16);
    color: var(--q-gb-t-c-18);
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 10;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis
}

.joint-purchase-hall-info .blurred-text {
    filter: blur(6px)
}

.pre-line-tooltip {
    max-width: 300px;
    word-wrap: break-word;
    line-height: 1.5
}

.hall-invisible {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0000001f;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px
}

.hall-invisible img,
.hall-invisible .hall-icon {
    width: 22px;
    height: 22px
}

.hall-invisible span {
    color: var(--q-gb-t-c-16);
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px
}

.hall-no-data {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--q-gb-bg-c-33);
    font-size: 14px;
    background: var(--q-bg-color-3-2)
}

.hall-no-data .hall-buy-icon {
    width: 180px;
    height: 180px;
    background-size: 180px 180px
}

.hall-no-data .loding-img {
    width: 40px;
    height: 40px;
    background-size: 40px auto;
    background-position: center
}

.hall-no-data .imgsize {
    width: 100%;
    padding-top: 8px;
    text-align: center
}

.hall-back {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 9px 0 16px;
    color: var(--q-gb-t-c-6);
    background: var(--q-gb-bg-c-39)
}

.hall-back .back {
    display: flex;
    align-items: center
}

.hall-back .back .group-back {
    width: 20px;
    height: 20px;
    background-size: 100% auto;
    background-position: center;
    margin-right: 10px
}

.header-cursor-joint {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-cursor-joint .header-check {
    width: 200px;
    display: flex;
    height: 28px;
    background: var(--q-bet-box-5);
    color: var(--q-bet-box-44);
    align-items: center;
    justify-content: space-around;
    border-radius: 14px;
    box-shadow: 0 2px 2px #1851821f
}

.header-cursor-joint .header-check .header-contont {
    flex: 1;
    text-align: center
}

.header-cursor-joint .header-check .header-contont .active {
    color: var(--q-gb-t-c-18);
    background: var(--q-gb-t-c-16);
    height: 28px;
    border-radius: 14px;
    line-height: 28px
}

.hall-item .hall-title {
    height: 36px;
    line-height: 36px;
    padding-left: 8px;
    position: relative;
    color: var(--q-gb-t-c-16);
    font-weight: 600
}

.hall-item .hall-title .multip {
    flex: 1;
    white-space: nowrap
}

.hall-item .hall-title:after {
    position: absolute;
    content: "";
    left: 0;
    top: 11px;
    width: 3px;
    height: 14px;
    background-color: var(--q-gb-bg-c-4);
    border-radius: 0 3px 3px 0
}

.hall-item .hall-content {
    padding: 8px;
    background: var(--q-bet-box-5);
    line-height: 28px;
    border-radius: 8px;
    color: var(--q-gb-t-c-6);
    position: relative
}

.hall-item .hall-content .deta {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: var(--q-gb-t-c-16);
    background: var(--q-bet-box-65);
    position: absolute;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    left: 0;
    right: 0;
    width: 100%;
    height: 58%
}

.hall-item .hall-content .deta .hall-buy-icon {
    width: 100%;
    height: 22px;
    background-position: center
}

.hall-item .hall-content .deta-sportod {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.hall-item .hall-content .deta-sportod span {
    margin: 0 4px;
    font-weight: 700
}

.hall-item .hall-content .deta-sportod .soprts_id_icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% auto;
    margin-right: 4px
}

.hall-item .hall-content .hall-item-box {
    display: flex;
    flex-wrap: wrap;
    background: var(--q-bet-box-6);
    padding: 4px 2px
}

.hall-item .hall-content .hall-item-box div {
    margin: 0 2px
}

.hall-item .hall-content .max-money {
    max-width: 100px
}

.hall-item .hall-content .title {
    font-size: 13px;
    color: var(--q-gb-t-c-6);
    font-weight: 600
}

.hall-item .hall-content .sport {
    color: var(--q-gb-t-c-16)
}

.hall-item .hall-content .status {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.hall-item .hall-content .status .hall {
    color: var(--q-gb-t-c-18);
    padding: 0 4px;
    border-radius: 2px;
    max-width: 70px
}

.hall-item .hall-content .status .halling {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    background: var(--q-gb-t-c-16)
}

.hall-item .hall-content .status .nohall {
    background: #555
}

.hall-item .hall-content .status .hallok {
    background: #50c042
}

.hall-item .hall-content .hall-footer div {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.hall-item .hall-content .hall-footer div span {
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 4px
}

.hall-item .hall-content .hall-footer div :last-child {
    text-align: end
}

.hall-item .hall-content .hall-footer .hall-footer-mon {
    color: var(--q-bet-box-44)
}

.hall-item .hall-content .hall-footer .copy_icon {
    width: 12px;
    height: 12px;
    background-size: 12px auto
}

.hall-item .hall-content .hall-footer .line {
    max-width: 125px
}

.hall-item .hall-content .sub_no {
    color: var(--q-bet-box-44)
}

.hall-item .hall-content .hr {
    width: 100%;
    height: 1px;
    background: var(--q-bet-record-15)
}

.hall-item .odds {
    color: #50c042;
    font-size: 14px;
    font-weight: 700
}

.ellpsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hall-ok .hall-title {
    height: 36px;
    line-height: 36px;
    padding-left: 8px;
    position: relative;
    color: var(--q-gb-bg-c-1);
    font-weight: 600
}

.hall-ok .hall-title .multip {
    flex: 1;
    white-space: nowrap
}

.hall-ok .hall-title:after {
    position: absolute;
    content: "";
    left: 0;
    top: 11px;
    width: 3px;
    height: 14px;
    background-color: var(--q-gb-bg-c-4);
    border-radius: 0 3px 3px 0
}

.hall-ok .max-money {
    max-width: 100px
}

.hall-ok .hall-contont-box {
    position: relative
}

.hall-ok .hall-contont-box-disable:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    border-radius: 8px;
    background: var(--q-bet-box-65);
    pointer-events: none
}

.hall-ok .deta {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: var(--q-gb-t-c-16);
    background: var(--q-bet-box-65);
    position: absolute;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    left: 0;
    right: 0;
    width: 100%;
    height: 58%
}

.hall-ok .deta .hall-buy-icon {
    width: 100%;
    height: 22px;
    background-position: center
}

.hall-ok .deta-sportod {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.hall-ok .deta-sportod span {
    margin: 0 4px;
    font-weight: 700
}

.hall-ok .deta-sportod .soprts_id_icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 100% auto;
    margin-right: 4px
}

.hall-ok .hall-content {
    padding: 8px;
    background: var(--q-bet-box-5);
    line-height: 28px;
    border-radius: 8px;
    color: var(--q-gb-t-c-6)
}

.hall-ok .hall-content .hall-item-box {
    display: flex;
    flex-wrap: wrap;
    background: var(--q-bet-box-5);
    padding: 4px 2px
}

.hall-ok .hall-content .hall-item-box div {
    margin: 0 2px
}

.hall-ok .hall-content .title {
    font-size: 13px;
    color: var(--q-gb-t-c-6);
    font-weight: 600
}

.hall-ok .hall-content .sport {
    color: var(--q-gb-bg-c-1)
}

.hall-ok .hall-content .status {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px
}

.hall-ok .hall-content .status .hall {
    color: var(--q-gb-t-c-18);
    padding: 3px;
    border-radius: 2px;
    line-height: 18px;
    font-size: 12px;
    max-width: 70px
}

.hall-ok .hall-content .status .halling {
    background: var(--q-gb-bg-c-1)
}

.hall-ok .hall-content .status .nohall {
    background: #555;
    color: #fff
}

.hall-ok .hall-content .status .hallok {
    background: #50c042
}

.hall-ok .hall-content .bet-result {
    padding: 3px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 2px;
    color: var(--q-gb-t-c-8);
    border: 1px solid var(--q-gb-t-c-8)
}

.hall-ok .hall-content .bet-result.win-color {
    background-color: var(--q-gb-bd-c-9);
    color: #fff;
    border: 1px solid var(--q-gb-bd-c-9)
}

.hall-ok .hall-content .bet-result.lose-color {
    background-color: #555;
    color: #fff;
    border: 1px solid #555
}

.hall-ok .hall-content .bet-result.green_back {
    background-color: #00b42a;
    color: #fff;
    border: 1px solid #00b42a
}

.hall-ok .hall-content .options-right .resutls-is-win,
.hall-ok .hall-content .options-right .resutls-status {
    padding: 3px;
    border-radius: 2px;
    line-height: 18px;
    font-size: 12px
}

.hall-ok .hall-content .options-right .resutls-is-win-4,
.hall-ok .hall-content .options-right .resutls-is-win-5 {
    background: red;
    color: var(--text-color-text-error, #fff)
}

.hall-ok .hall-content .options-right .resutls-is-win-2,
.hall-ok .hall-content .options-right .resutls-is-win-7,
.hall-ok .hall-content .options-right .resutls-is-win-8,
.hall-ok .hall-content .options-right .resutls-is-win-3,
.hall-ok .hall-content .options-right .resutls-is-win-6 {
    background: #555;
    color: #fff
}

.hall-ok .hall-content .hall-footer div {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.hall-ok .hall-content .hall-footer div span {
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 4px
}

.hall-ok .hall-content .hall-footer div :last-child {
    text-align: end
}

.hall-ok .hall-content .hall-footer .hall-footer-mon {
    color: var(--q-bet-box-44)
}

.hall-ok .hall-content .hall-footer .hall_ok_status_purchaseStatus {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.hall-ok .hall-content .hall-footer .copy_icon {
    width: 12px;
    height: 12px;
    background-size: 12px auto
}

.hall-ok .hall-content .hall-footer .line {
    max-width: 125px
}

.hall-ok .sub_no {
    color: var(--q-bet-box-44)
}

.hall-ok .hall_ok_status {
    display: flex;
    align-items: center;
    justify-content: center !important;
    background: var(--q-gb-bg-c-99);
    color: var(--q-gb-bg-c-1);
    border-radius: 6px
}

.hall-ok .odds {
    color: var(--q-gb-bg-c-1);
    font-size: 14px;
    font-weight: 700
}

.src-base-pc-components-bet-record-buy-together {
    width: 100%;
    height: 100%
}

.src-base-pc-components-bet-record-buy-together .left-header {
    padding-top: 80px;
    width: 218px
}

.src-base-pc-components-bet-record-buy-together .changing {
    color: var(--q-gb-t-c-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 263px
}

.src-base-pc-components-bet-record-buy-together .changing .img {
    width: 100%;
    height: 50px;
    background-size: 50px auto;
    background-position: center
}

.src-base-pc-components-bet-record-buy-together .changing .imgsize {
    width: 100%;
    padding-top: 15px;
    text-align: center
}

.src-base-pc-components-bet-record-buy-together .no-data {
    padding-top: 50px
}

.src-base-pc-components-bet-record-buy-together .no-data .c {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.src-base-pc-components-bet-record-buy-together .no-data .c .no-data-icon {
    width: 200px;
    height: 200px;
    pointer-events: none
}

.src-base-pc-components-bet-record-buy-together .no-data .c .no-data-title {
    text-align: center;
    color: #a1a3a5;
    font-weight: 500
}

.src-base-pc-components-bet-record-buy-together .footer {
    padding: 15px 0
}

.src-base-pc-components-bet-record-buy-together .footer .footer-content {
    text-align: center;
    margin-top: 10px;
    line-height: 1.5
}

.src-base-pc-components-bet-record-buy-together .footer .footer-btn {
    text-align: center;
    padding: 8px 0;
    background: #179cff1a;
    color: var(--q-gb-t-c-16);
    margin-top: 5px
}

.src-base-pc-components-bet-record-buy-together .footer .footer-content {
    color: var(--q-gb-t-c-6)
}

.left-scroll-area[data-v-aca5b3e5] .q-scrollarea__thumb {
    right: var(--v132d56f4) !important
}

.main-header[data-v-aca5b3e5] {
    padding-right: 14px
}

.left-bg-box[data-v-aca5b3e5] {
    background: var(--q-gb-bg-c-30);
    border-radius: 0 6px 0 0
}

.bet-box-joint-top[data-v-aca5b3e5] {
    top: 122px
}

.item.bet_history.bet-record-count[data-v-aca5b3e5] {
    color: var(--q-gb-t-c-18) !important;
    background: var(--q-gb-bg-c-1) !important;
    margin-left: 0;
    width: 100%;
    height: 40px;
    border-radius: 0
}

.item.bet_history.bet-record-count .bet-record-count-before[data-v-aca5b3e5] {
    width: 14px;
    height: 14px;
    margin-right: 10px
}

.item.bet_history.bet-record-count .text[data-v-aca5b3e5] {
    flex: 1;
    margin-left: 10px
}

.left-header-all[data-v-aca5b3e5] {
    width: 218px;
    position: relative;
    z-index: 10;
    border-radius: 0 6px 0 0;
    background: var(--q-gb-bg-c-11);
    border-right: 2px solid var(--q-gb-bg-c-11);
    border-left: 2px solid var(--q-gb-bg-c-11);
    border-top: 2px solid var(--q-gb-bg-c-11)
}

.c-main-menu[data-v-aca5b3e5] {
    font-size: 13px;
    z-index: 211;
    width: 100%
}

.c-main-menu.iframe-search-fixed[data-v-aca5b3e5] {
    margin-top: 36px
}

.c-main-menu .scroll-inner-wrap[data-v-aca5b3e5] {
    margin-bottom: 10px
}

.c-main-menu .c-menu-sports[data-v-aca5b3e5] {
    font-size: 13px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab[data-v-aca5b3e5] {
    font-size: 13px;
    justify-content: space-around;
    padding: 10px 4px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item[data-v-aca5b3e5] {
    height: 30px;
    border-radius: 8px;
    margin-right: 10px;
    flex: 1;
    white-space: nowrap;
    max-width: 95px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item[data-v-aca5b3e5]:last-child {
    margin-right: 0
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item.active[data-v-aca5b3e5] {
    font-weight: 600;
    font-size: 14px
}

.c-main-menu .c-menu-sports .menu-item.menu-tab .item.active1[data-v-aca5b3e5] {
    margin-left: 152px
}

.c-main-menu .menu-wrap[data-v-aca5b3e5] {
    cursor: pointer;
    border-left: 2px solid var(--q-gb-bg-c-11)
}

.c-main-menu .menu-wrap.scroll-fixed-bg[data-v-aca5b3e5] {
    width: 100%;
    height: 100%
}

.c-main-menu .menu-wrap .no-click[data-v-aca5b3e5] {
    cursor: auto
}

.c-main-menu .menu-wrap .no-click[data-v-aca5b3e5]:hover {
    background: none !important
}

.c-main-menu .menu-wrap .menu-item[data-v-aca5b3e5] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-main-menu .menu-wrap .menu-item.active[data-v-aca5b3e5] {
    font-weight: 700;
    border-bottom: 0
}

.c-main-menu .menu-wrap .menu-item.bet_record_hover[data-v-aca5b3e5]:hover {
    color: var(--q-gb-t-c-16)
}

.c-main-menu .menu-wrap .menu-item.bet_hover[data-v-aca5b3e5]:hover {
    background: var(--q-gb-bg-lg-9);
    color: var(--q-gb-t-c-16)
}

.c-main-menu .menu-wrap .menu-item.joint-hover[data-v-aca5b3e5] {
    font-weight: 700
}

.c-main-menu .menu-wrap .menu-item.joint-hover[data-v-aca5b3e5]:hover {
    background: var(--q-gb-bg-lg-14) !important;
    color: var(--q-gb-t-c-16) !important
}

.c-main-menu .menu-wrap .menu-item.joint-active[data-v-aca5b3e5] {
    font-weight: 700;
    border-bottom: 0;
    background: var(--q-gb-bg-lg-8) !important;
    border-right: 0;
    position: relative;
    border-width: 0;
    color: var(--q-gb-t-c-16) !important
}

.c-main-menu .menu-wrap .menu-item.joint-active[data-v-aca5b3e5]:after {
    content: "";
    width: 3px;
    height: 100%;
    background-color: var(--q-gb-t-c-16);
    position: absolute;
    right: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.c-main-menu .menu-wrap .menu-item .hot-icon[data-v-aca5b3e5] {
    width: 14px;
    height: 14px;
    margin-right: 10px
}

.c-main-menu .menu-wrap .menu-item .menu-new-icon[data-v-aca5b3e5] {
    margin: 0 0 3px 4px
}

.c-main-menu .menu-wrap .menu-item .match-count[data-v-aca5b3e5] {
    padding-right: 15px;
    display: inline-block;
    min-width: 40px;
    text-align: right;
    max-width: 45px
}

.c-main-menu .menu-wrap .menu-item .bet-count[data-v-aca5b3e5] {
    display: inline-block;
    min-width: 30px;
    text-align: right;
    max-width: 45px
}

.c-main-menu .menu-wrap .menu-item.disable-hover[data-v-aca5b3e5]:hover {
    background-color: transparent !important
}

.c-main-menu .menu-wrap .menu-item.menu-record-top[data-v-aca5b3e5] {
    padding: 0 15px 0 16px;
    height: 32px;
    color: var(--q-gb-t-c-6);
    background: var(--q-gb-bg-c-44);
    font-family: PingFang SC Medium
}

.c-main-menu .menu-wrap .menu-item.menu-top[data-v-aca5b3e5] {
    padding: 0 15px 0 16px;
    height: 40px;
    color: var(--q-gb-t-c-6);
    background: var(--q-bg-color-1-3);
    font-family: PingFang SC Medium
}

.c-main-menu .menu-wrap .menu-item.menu-top .match-count[data-v-aca5b3e5] {
    padding-right: 0
}

.c-main-menu .menu-wrap .menu-item.menu-top.menu-virtual .menu-name[data-v-aca5b3e5] {
    margin-left: 10px
}

.c-main-menu .menu-wrap .menu-item.menu-top.hot-menu[data-v-aca5b3e5]:hover {
    background: none
}

.c-main-menu .menu-wrap .menu-item.menu-top.item-bet[data-v-aca5b3e5] {
    width: 200px;
    height: 36px;
    border-radius: 10px;
    border-right: 0;
    margin-left: 10px
}

.c-main-menu .menu-wrap .menu-item.menu-top.no-click[data-v-aca5b3e5] {
    font-size: 12px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1[data-v-aca5b3e5],
.c-main-menu .menu-wrap .menu-item.menu-fold2[data-v-aca5b3e5] {
    padding-left: 16px;
    height: 36px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1.active[data-v-aca5b3e5],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active[data-v-aca5b3e5] {
    border-bottom: 0
}

.c-main-menu .menu-wrap .menu-item.menu-fold1.active .items-right.menu-border[data-v-aca5b3e5],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active .items-right.menu-border[data-v-aca5b3e5],
.c-main-menu .menu-wrap .menu-item.menu-fold1.active .menu-border[data-v-aca5b3e5],
.c-main-menu .menu-wrap .menu-item.menu-fold2.active .menu-border[data-v-aca5b3e5] {
    border-bottom: 1px solid transparent
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .league-logo[data-v-aca5b3e5],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .league-logo[data-v-aca5b3e5] {
    width: 18px;
    height: 18px
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .items-right[data-v-aca5b3e5],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .items-right[data-v-aca5b3e5] {
    margin-left: 10px;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.c-main-menu .menu-wrap .menu-item.menu-fold1 .items-right .live-text[data-v-aca5b3e5],
.c-main-menu .menu-wrap .menu-item.menu-fold2 .items-right .live-text[data-v-aca5b3e5] {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 26px;
    height: 12px
}

.c-main-menu .menu-wrap .menu-fold2-wrap[data-v-aca5b3e5] {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .2s
}

.c-main-menu .menu-wrap .menu-fold2-wrap.open[data-v-aca5b3e5] {
    max-height: 500px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2[data-v-aca5b3e5] {
    padding: 0 0 0 43px;
    border-right: 2px solid transparent
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-border[data-v-aca5b3e5] {
    position: absolute;
    width: 128px;
    height: 1px;
    right: 0;
    bottom: 0
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-point[data-v-aca5b3e5] {
    position: absolute;
    left: -18px;
    width: 4px;
    height: 4px;
    border-radius: 100%
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .menu-text[data-v-aca5b3e5] {
    max-width: 130px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2 .match-count[data-v-aca5b3e5] {
    padding-right: 13px
}

.c-main-menu .menu-wrap .menu-fold2-wrap .menu-fold2.menu-virtual[data-v-aca5b3e5] {
    padding-left: 34px
}

.c-main-menu .hot-menu-wrap[data-v-aca5b3e5] {
    margin-top: 15px
}

.c-main-menu .hot-menu-wrap .level2 .menu-text[data-v-aca5b3e5] {
    max-width: 170px
}

.c-main-menu .menu-normal-fixed-footer[data-v-aca5b3e5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    cursor: pointer
}

.c-main-menu .menu-normal-fixed-footer .left[data-v-aca5b3e5] {
    padding-left: 15px
}

.c-main-menu .menu-normal-fixed-footer .left .icon-menu_show_normal[data-v-aca5b3e5] {
    margin-right: 5px
}

.c-main-menu .menu-normal-fixed-footer .right[data-v-aca5b3e5] {
    padding-right: 15px;
    height: 100%
}

.c-main-menu .menu-normal-fixed-footer .right .icon-close[data-v-aca5b3e5] {
    transform: scale(.7)
}

.c-main-menu .menu-normal-fixed-footer.normal-close[data-v-aca5b3e5] {
    height: 32px;
    justify-content: center
}

.c-main-menu .menu-normal-fixed-footer.normal-close .icon-close[data-v-aca5b3e5] {
    transform: scale(.7)
}

.c-main-menu .bet-mode-zone[data-v-aca5b3e5] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 40px;
    align-items: center
}

.c-main-menu .bet-mode-zone .left[data-v-aca5b3e5] {
    display: flex;
    align-items: center;
    padding-left: 15px
}

.c-main-menu .bet-mode-zone .left .bet-single-count[data-v-aca5b3e5] {
    border-radius: 10px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    text-align: center;
    transform: scale(.8)
}

.c-main-menu .bet-mode-zone .right[data-v-aca5b3e5] {
    display: flex;
    flex-wrap: nowrap;
    margin-right: 10px
}

.c-main-menu .bet-mode-zone .right .check-box[data-v-aca5b3e5] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px
}

.c-main-menu .bet-mode-zone .right .check-box .check-wrap[data-v-aca5b3e5] {
    padding: 0;
    margin-right: 5px
}

.c-main-menu .tip-content[data-v-aca5b3e5] {
    width: calc(100% - 20px);
    height: 100px;
    position: absolute;
    bottom: 0;
    z-index: 500;
    top: 40px;
    left: 10px
}

.c-main-menu .tip-content.top-content[data-v-aca5b3e5] {
    top: 5px
}

.c-main-menu .tip-content .content-wrap[data-v-aca5b3e5] {
    position: absolute;
    top: 6px;
    width: 100%;
    background: #fff;
    border: 2px solid #ff781d;
    border-radius: 5px
}

.c-main-menu .tip-content .content-wrap .content[data-v-aca5b3e5] {
    padding: 10px;
    font-size: 12px
}

.c-main-menu .tip-content .content-wrap .content .row-1[data-v-aca5b3e5],
.c-main-menu .tip-content .content-wrap .content .row-2[data-v-aca5b3e5],
.c-main-menu .tip-content .content-wrap .content .row-3[data-v-aca5b3e5] {
    color: #2d2d2d;
    text-align: center
}

.c-main-menu .tip-content .content-wrap .content .row-1[data-v-aca5b3e5] {
    margin-bottom: 10px;
    font-size: 14px;
    color: #ff781d;
    font-weight: 700
}

.c-main-menu .tip-content .content-wrap .triangle[data-v-aca5b3e5],
.c-main-menu .tip-content .content-wrap .triangle1[data-v-aca5b3e5] {
    position: absolute;
    background: #fff;
    border: 2px solid #ff781d;
    border-top: 0;
    border-left: 0;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    top: 81px;
    right: 22px
}

.c-main-menu .tip-content .content-wrap .triangle1[data-v-aca5b3e5] {
    top: 116px
}

.c-main-menu .tip-content .content-wrap .icon-del[data-v-aca5b3e5] {
    position: absolute;
    top: 16px;
    right: 10px;
    cursor: pointer
}

.bet-view[data-v-aca5b3e5] {
    width: 220px
}

.bet-bg-tooltip[data-v-aca5b3e5] {
    background: #a3afbf;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px #0003
}

.record-icon[data-v-aca5b3e5] {
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.border-bottom[data-v-aca5b3e5] {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.item.bet_history.bet-record-count[data-v-aca5b3e5]:before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 10px
}

.v-scroll-area[data-v-aca5b3e5]:after {
    width: 10px !important
}

.c-main-menu-mini[data-v-5185358b] {
    font-size: 13px;
    width: 100%;
    height: 100%
}

.c-main-menu-mini .item-wrap[data-v-5185358b] {
    width: 49px;
    height: 100%;
    background-color: var(--q-gb-bg-c-11);
    border-top: 1px solid var(--q-gb-bd-c-8);
    border-right: 1px solid var(--q-gb-bd-c-8);
    border-radius: 0 6px 0 0
}

.c-main-menu-mini .item-wrap .record-icon[data-v-5185358b] {
    background-size: 100% 100%;
    width: 18px;
    height: 18px
}

.c-main-menu-mini .yb-padding-t5[data-v-5185358b] {
    padding-top: 5px
}

.c-main-menu-mini .dividing-line[data-v-5185358b] {
    margin: 8px 0;
    width: 16px;
    height: 2px;
    border-radius: 1.5px;
    background-color: var(--q-gb-bg-c-8)
}

.c-main-menu-mini .menu-item[data-v-5185358b] {
    cursor: pointer;
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-main-menu-mini .menu-item .soprts_id_icon[data-v-5185358b] {
    width: 18px;
    height: 18px;
    background-size: 100% auto
}

.c-main-menu-mini .menu-item .league-logo[data-v-5185358b] {
    width: 18px;
    height: 18px
}

.c-main-menu-mini .menu-item .hall-logo[data-v-5185358b] {
    width: 18px;
    height: 18px;
    background-size: 100% 100%
}

.c-main-menu-mini .menu-mini-fixed-footer[data-v-5185358b] {
    cursor: pointer;
    height: 40px
}

.c-esports-match-list .match-item[data-v-c6eda39d] {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    align-items: center;
    height: 44px;
    padding: 0 20px;
    cursor: pointer
}

.c-esports-match-list .match-item[data-v-c6eda39d]:first-child {
    border-top: none
}

.c-esports-match-list .match-item.active[data-v-c6eda39d] {
    font-size: 13px;
    color: #179cff;
    background-image: var(--q-match-details-lol-head-bg)
}

.c-esports-match-list .match-item .team-name[data-v-c6eda39d] {
    flex: 1;
    margin: 0 12px;
    height: 20px;
    line-height: 20px
}

.c-esports-match-list .match-item .team-name.away[data-v-c6eda39d] {
    text-align: right
}

.c-esports-match-list .match-item .team-logo[data-v-c6eda39d] {
    width: 28px;
    height: 28px
}

.c-esports-match-list .match-item .score[data-v-c6eda39d] {
    font-size: 14px;
    min-width: 30px;
    text-align: center
}

.c-esports-match-list .match-item .middle_box[data-v-c6eda39d] {
    flex: 1
}

.c-esports-match-list .match-item .left_box[data-v-c6eda39d],
.c-esports-match-list .match-item .right_box[data-v-c6eda39d] {
    max-height: 44px;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-esports-match-list.theme-2 .match-item[data-v-c6eda39d] {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.new-pc-202411 .match-item.active[data-v-c6eda39d] {
    font-size: 13px;
    color: #179cff;
    background: linear-gradient(90deg, rgba(245, 63, 63, .1) .12%, rgba(65, 118, 250, .1) 99.88%, var(--q-gb-bg-c-95))
}

.ctrl-wrap[data-v-d19a9c7b] {
    height: 36px;
    display: flex;
    font-size: 13px;
    justify-content: center;
    align-items: center
}

.ctrl-wrap .sport-img[data-v-d19a9c7b] {
    margin: 0 10px 0 15px;
    width: 18px
}

.ctrl-wrap .name[data-v-d19a9c7b] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%
}

.match-details-tabs-bar-wrap .scroll-fixed-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    height: 40px;
    font-size: 12px;
    background: #191c24;
    position: relative
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-panel {
    flex: 1;
    height: 40px
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-bar {
    z-index: 1;
    display: flex;
    width: 1000px;
    position: absolute
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-bar .tabs-item-wrap {
    display: flex
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-bar .tabs-item {
    padding: 0 15px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 38px;
    cursor: pointer
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-bar .tabs-item:hover {
    color: var(--q-gb-t-c-1)
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-bar .tabs-line {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 24px;
    height: 2px;
    border-radius: 2px;
    z-index: 10;
    transition: all .3s
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-icons {
    position: absolute;
    top: 0;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 40px;
    background-color: #1f222b;
    cursor: pointer
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-icons-left {
    left: 0
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-icons-left .yb-icon-arrow {
    transform: rotate(180deg)
}

.match-details-tabs-bar-wrap .scroll-fixed-header .tabs-icons-right {
    right: 0
}

.match-details-tabs-bar-wrap .scroll-fixed-header .row {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    background: none !important
}

.match-details-tabs-bar-wrap .scroll-fixed-header .row .right-icons {
    cursor: pointer;
    text-align: center;
    padding: 0 13px
}

.match-details-tabs-bar-wrap .scroll-fixed-header .row .icon-toggle {
    margin-right: 10px;
    cursor: pointer
}

.match-details-tabs-bar-wrap .scroll-fixed-header .row .icon-toggle:last-child {
    margin-right: 13px
}

.match-details-tabs-bar-wrap .scroll-fixed-header .row .icon-toggle:hover:before {
    color: var(--qq--right-icons-color-hover)
}

.match-details-tabs-bar-wrap .scroll-fixed-header .row .icon-toggle span {
    width: 24px
}

body .wrap-hot .carousel,
body .wrap-total .total_chart,
body .wrap-recents .info,
body .league-rank,
body .group-rank,
body .rank-title {
    background: var(--q-gb-bg-c-32)
}

body .wrap-hot .info {
    color: var(--q-gb-t-c-5) !important
}

body .league-rank .title {
    background-image: var(--q-gb-bg-lg-17);
    color: var(--q-gb-t-c-4)
}

body .details .scroll-fixed-header,
body .right_details_wrap .scroll-fixed-header,
body .virtual_details .scroll-fixed-header {
    background-image: var(--q-gb-bg-lg-15);
    border-radius: 0 0 6px 6px;
    border: 1px solid var(--q-gb-bd-c-8);
    border-top: none;
    right: unset
}

body .details .scroll-fixed-header .tabs-panel,
body .right_details_wrap .scroll-fixed-header .tabs-panel,
body .virtual_details .scroll-fixed-header .tabs-panel {
    overflow: hidden
}

body .details .scroll-fixed-header .tabs-panel .line-wrap,
body .right_details_wrap .scroll-fixed-header .tabs-panel .line-wrap,
body .virtual_details .scroll-fixed-header .tabs-panel .line-wrap {
    display: none
}

body .details .scroll-fixed-header .tabs-panel .item-wrap,
body .right_details_wrap .scroll-fixed-header .tabs-panel .item-wrap,
body .virtual_details .scroll-fixed-header .tabs-panel .item-wrap {
    align-items: center
}

body .details .scroll-fixed-header .tabs-panel .tab-item,
body .right_details_wrap .scroll-fixed-header .tabs-panel .tab-item,
body .virtual_details .scroll-fixed-header .tabs-panel .tab-item {
    color: var(--q-gb-t-c-6);
    font-size: 13px;
    background: var(--q-gb-bg-lg-4);
    border: .5px solid var(--q-gb-bd-c-8);
    margin-right: 10px;
    box-shadow: 0 3px 3px #00386240;
    border-radius: 36px
}

body .details .scroll-fixed-header .tabs-panel .tab-item:hover,
body .right_details_wrap .scroll-fixed-header .tabs-panel .tab-item:hover,
body .virtual_details .scroll-fixed-header .tabs-panel .tab-item:hover {
    border: .5px solid var(--q-gb-bd-c-12);
    background-color: var(--q-gb-bg-c-27);
    color: var(--q-gb-t-c-1)
}

body .details .scroll-fixed-header .tabs-panel .tab-item.active,
body .right_details_wrap .scroll-fixed-header .tabs-panel .tab-item.active,
body .virtual_details .scroll-fixed-header .tabs-panel .tab-item.active {
    color: var(--q-gb-t-c-18);
    background: var(--q-match-details-active)
}

body .details .scroll-fixed-header .tabs-panel .tabs-icons,
body .right_details_wrap .scroll-fixed-header .tabs-panel .tabs-icons,
body .virtual_details .scroll-fixed-header .tabs-panel .tabs-icons {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .details .scroll-fixed-header .tabs-panel .tabs-icons-left,
body .right_details_wrap .scroll-fixed-header .tabs-panel .tabs-icons-left,
body .virtual_details .scroll-fixed-header .tabs-panel .tabs-icons-left {
    border-radius: 0 0 0 6px
}

body .details .scroll-fixed-header .tabs-panel .tabs-icons-right,
body .right_details_wrap .scroll-fixed-header .tabs-panel .tabs-icons-right,
body .virtual_details .scroll-fixed-header .tabs-panel .tabs-icons-right {
    border-radius: 0 0 6px
}

body .details .scroll-fixed-header .tabs-bar,
body .right_details_wrap .scroll-fixed-header .tabs-bar,
body .virtual_details .scroll-fixed-header .tabs-bar {
    height: 100%
}

body .details .scroll-fixed-header .tabs-bar .tabs-line,
body .right_details_wrap .scroll-fixed-header .tabs-bar .tabs-line,
body .virtual_details .scroll-fixed-header .tabs-bar .tabs-line {
    display: none
}

body .details .scroll-fixed-header .tabs-bar .tabs-item-wrap,
body .right_details_wrap .scroll-fixed-header .tabs-bar .tabs-item-wrap,
body .virtual_details .scroll-fixed-header .tabs-bar .tabs-item-wrap {
    align-items: center;
    padding-left: 16px
}

body .details .scroll-fixed-header .tabs-bar .tabs-item,
body .right_details_wrap .scroll-fixed-header .tabs-bar .tabs-item,
body .virtual_details .scroll-fixed-header .tabs-bar .tabs-item {
    color: var(--q-gb-t-c-1);
    font-weight: 400;
    min-width: 60px;
    height: 24px;
    line-height: 23px;
    background-color: #3b435933;
    border: .5px solid rgb(61, 65, 82);
    border-radius: 15px;
    margin-right: 10px
}

body .details .scroll-fixed-header .tabs-bar .tabs-item:hover,
body .right_details_wrap .scroll-fixed-header .tabs-bar .tabs-item:hover,
body .virtual_details .scroll-fixed-header .tabs-bar .tabs-item:hover {
    border: .5px solid #2cb2ff;
    background-color: #2cb2ff0f;
    color: var(--q-gb-t-c-1)
}

body .details .scroll-fixed-header .tabs-bar .tabs-item.active,
body .right_details_wrap .scroll-fixed-header .tabs-bar .tabs-item.active,
body .virtual_details .scroll-fixed-header .tabs-bar .tabs-item.active {
    color: var(--q-gb-t-c-1);
    font-weight: 600;
    background-image: var(--q-gb-bg-lg-16);
    border: none;
    line-height: 24px
}

body .scroll-fixed-header .tabs-icons {
    background: var(--q-gb-bg-c-22)
}

body .wrap-icon .icon-signal:before,
body .wrap-icon .icon-star:before {
    color: var(--q-gb-bg-c-8)
}

body .wrap-icon:hover .icon-signal:before {
    color: var(--q-match-resluts-t-c-2) !important
}

body .wrap-template .handicap-item.sub-title-2 {
    color: var(--q-gb-t-c-16);
    font-size: 12px;
    font-weight: 500
}

body .wrap-template .handicap-item.os-1:hover .c-bet-item .bet-item {
    color: var(--q-gb-t-c-5)
}

body .wrap-template .handicap-item.os-1:hover .c-bet-item .bet-item .yb-family-odds.normal_color {
    color: var(--q-gb-t-c-8)
}

body .wrap-template .handicap-item.os-1:hover .c-bet-item .bet-item .yb-family-odds.normal_color .color {
    color: var(--q-gb-t-c-16)
}

body .wrap-template .handicap-item .c-bet-item .bet-item {
    min-width: 35px;
    font-size: 12px;
    color: var(--q-gb-t-c-5)
}

body .wrap-template .handicap-item .c-bet-item .bet-item .yb-family-odds {
    color: var(--q-gb-t-c-16);
    font-weight: 500;
    min-width: 20px
}

body .wrap-template .handicap-item .c-bet-item .bet-item .yb-family-odds.normal_color {
    color: var(--q-gb-t-c-8)
}

body .wrap-template .handicap-item .c-bet-item .bet-item .yb-family-odds.normal_color .color {
    color: var(--q-gb-t-c-16)
}

body .wrap-template .handicap-item .c-bet-item .lock_color0 .yb-family-odds,
body .wrap-template .handicap-item .c-bet-item .lock_color0 .bet_handicap {
    color: #afb3c84d !important
}

body .wrap-template .handicap-item .c-bet-item .lock_color1 .yb-family-odds,
body .wrap-template .handicap-item .c-bet-item .lock_color1 .bet_handicap {
    color: #ffffff12 !important
}

body .wrap-template .handicap-item .c-bet-item.has_dov_odd .bet-item .yb-family-odds,
body .wrap-template .handicap-item .c-bet-item.has_dov_odd:hover .bet-item .yb-family-odds {
    color: var(--q-text-color-ovt-1-default)
}

body .wrap-template .handicap-item .c-bet-item.has_dov_odd .bet-item {
    color: var(--q-text-color-ovt-1-default) !important
}

body .details .wrap-handicap {
    border-right: none !important
}

body .wrap-title {
    background: var(--q-gb-bg-c-13);
    border-bottom: none
}

body .wrap-title .group-back i:before {
    color: var(--q-gb-t-c-13) !important
}

body .wrap-title .title {
    color: var(--q-gb-t-c-5)
}

body .wrap-title .right-icon .refresh,
body .wrap-title .right-icon .sr-link-icon-w {
    border-radius: 13px !important;
    background-color: var(---q-gb-bg-c-22);
    background-image: var(--q-gb-bg-c-20)
}

body .wrap-title .right-icon .refresh i,
body .wrap-title .right-icon .sr-link-icon-w i {
    color: var(--q-gb-t-c-1)
}

body .wrap-title .right-icon .refresh i:before,
body .wrap-title .right-icon .sr-link-icon-w i:before {
    color: var(--q-match-resluts-t-c-3) !important
}

body .wrap-title .right-icon .refresh:hover,
body .wrap-title .right-icon .sr-link-icon-w:hover {
    background: var(--q-gb-bg-c-22)
}

body .wrap-title .right-icon .refresh .icon-balance_refresh span,
body .wrap-title .right-icon .sr-link-icon-w .icon-balance_refresh span {
    font-size: 18px
}

body .wrap-title .right-icon .refresh .icon-balance_refresh span:before,
body .wrap-title .right-icon .sr-link-icon-w .icon-balance_refresh span:before {
    color: #999
}

body .details .scroll-header:before,
body .virtual_details .scroll-header:before {
    content: "";
    position: absolute;
    width: 100%;
    background-color: var(--q-gb-bg-c-22);
    height: 6px;
    z-index: -1
}

body .wrap-template .template-title+.handicap {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template .template-title .play-name {
    color: var(--q-gb-t-c-5);
    font-weight: 500;
    font-size: 13px
}

body .wrap-template .template-title .play-name:before {
    background: var(--q-gb-bg-c-17)
}

body .wrap-template .icon-set_top:before {
    color: var(--q-gb-t-c-16)
}

body .wrap-template .handicap .no_border_bottom {
    border-bottom: 0 none !important
}

body .wrap-template .handicap .handicap-item {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template .handicap .handicap-item:not(:last-child) {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template .handicap .handicap-item .highlight {
    color: var(--q-gb-t-c-16)
}

body .wrap-template .handicap .handicap-item.border-right {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template .handicap .has_dov_odd {
    padding: 0 22px 0 12px;
    background-color: var(--q-default-details-2-dov)
}

body .wrap-template .handicap .c-bet-item.active .highlight,
body .wrap-template .handicap .c-bet-item.active .item-label,
body .wrap-template .handicap .c-bet-item.active .common-none,
body .wrap-template .handicap .c-bet-item.active .yb-number-font,
body .wrap-template .handicap .c-bet-item.active .bet_handicap {
    color: var(--q-Handicap-click-text-color) !important
}

body .wrap-template .handicap .c-bet-item.active .highlight .color,
body .wrap-template .handicap .c-bet-item.active .item-label .color,
body .wrap-template .handicap .c-bet-item.active .common-none .color,
body .wrap-template .handicap .c-bet-item.active .yb-number-font .color,
body .wrap-template .handicap .c-bet-item.active .bet_handicap .color {
    color: var(--q-gb-t-c-1)
}

body .wrap-template .handicap .c-bet-item.active .highlight .ellipsis-wrap,
body .wrap-template .handicap .c-bet-item.active .item-label .ellipsis-wrap,
body .wrap-template .handicap .c-bet-item.active .common-none .ellipsis-wrap,
body .wrap-template .handicap .c-bet-item.active .yb-number-font .ellipsis-wrap,
body .wrap-template .handicap .c-bet-item.active .bet_handicap .ellipsis-wrap,
body .wrap-template .handicap .c-bet-item.active .highlight .on-text,
body .wrap-template .handicap .c-bet-item.active .item-label .on-text,
body .wrap-template .handicap .c-bet-item.active .common-none .on-text,
body .wrap-template .handicap .c-bet-item.active .yb-number-font .on-text,
body .wrap-template .handicap .c-bet-item.active .bet_handicap .on-text {
    color: var(--q-Handicap-click-text-color) !important
}

body .wrap-template .handicap .c-bet-item.active .highlight.yb-family-odds,
body .wrap-template .handicap .c-bet-item.active .item-label.yb-family-odds,
body .wrap-template .handicap .c-bet-item.active .common-none.yb-family-odds,
body .wrap-template .handicap .c-bet-item.active .yb-number-font.yb-family-odds,
body .wrap-template .handicap .c-bet-item.active .bet_handicap.yb-family-odds {
    color: var(--q-text-color-btn-click) !important
}

body .wrap-template .handicap .c-bet-item.active .highlight.yb-family-odds .first-title,
body .wrap-template .handicap .c-bet-item.active .highlight.yb-family-odds .third-title,
body .wrap-template .handicap .c-bet-item.active .item-label.yb-family-odds .first-title,
body .wrap-template .handicap .c-bet-item.active .item-label.yb-family-odds .third-title,
body .wrap-template .handicap .c-bet-item.active .common-none.yb-family-odds .first-title,
body .wrap-template .handicap .c-bet-item.active .common-none.yb-family-odds .third-title,
body .wrap-template .handicap .c-bet-item.active .yb-number-font.yb-family-odds .first-title,
body .wrap-template .handicap .c-bet-item.active .yb-number-font.yb-family-odds .third-title,
body .wrap-template .handicap .c-bet-item.active .bet_handicap.yb-family-odds .first-title,
body .wrap-template .handicap .c-bet-item.active .bet_handicap.yb-family-odds .third-title {
    color: #fff
}

body .wrap-template .handicap .c-bet-item.active .highlight.yb-family-odds .color,
body .wrap-template .handicap .c-bet-item.active .item-label.yb-family-odds .color,
body .wrap-template .handicap .c-bet-item.active .common-none.yb-family-odds .color,
body .wrap-template .handicap .c-bet-item.active .yb-number-font.yb-family-odds .color,
body .wrap-template .handicap .c-bet-item.active .bet_handicap.yb-family-odds .color,
body .wrap-template .handicap .c-bet-item.active .bet_handicap_first {
    color: var(--q-text-color-btn-click) !important
}

body .wrap-template .handicap .c-bet-item.active .odd_dov .dov_total {
    color: #fff;
    background-color: var(--q-gb-t-c-16)
}

body .wrap-template .handicap .c-bet-item .odd_dov {
    margin-right: -12px
}

body .wrap-template .handicap .c-bet-item .odd_dov .dov_normal:hover {
    color: unset !important
}

body .wrap-template .handicap .c-bet-item .odd_dov .dov_total:hover {
    color: #fff;
    background-color: var(--q-gb-t-c-16)
}

body .wrap-template .handicap-sub-title {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template .sub-title-1 {
    color: var(--q-gb-t-c-6)
}

body .wrap-template .sub-title-1:nth-child(2) {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template7 .bet-item .yb-family-odds,
body .wrap-template.template2 .bet-item .yb-family-odds {
    color: #179cff
}

body .wrap-template.template3 .main-handicap:not(:last-child) .handicap-item {
    border-bottom: 1px solid rgb(40, 43, 55)
}

body .wrap-template.template4 .sub-title,
body .wrap-template.template18 .sub-title {
    color: var(--q-gb-t-c-6);
    background: transparent
}

body .wrap-template.template4 .handicap-sub-title .handicap-item,
body .wrap-template.template18 .handicap-sub-title .handicap-item {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template4 .handicap-sub-title .part-left .handicap-item,
body .wrap-template.template18 .handicap-sub-title .part-left .handicap-item {
    border-right: 0
}

body .wrap-template.template4 .handicap-sub-title .part-middle .handicap-item,
body .wrap-template.template18 .handicap-sub-title .part-middle .handicap-item {
    border-left: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template4 .other-item,
body .wrap-template.template18 .other-item {
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 5px;
    height: 34px
}

body .wrap-template.template4 .other-item .other,
body .wrap-template.template18 .other-item .other {
    background: transparent
}

body .wrap-template.template4 .other-item .placehold:not(:last-child),
body .wrap-template.template18 .other-item .placehold:not(:last-child) {
    display: none
}

body .wrap-template.template4 .other-item .placehold:last-child,
body .wrap-template.template18 .other-item .placehold:last-child {
    flex: unset;
    width: 33.33%;
    border-radius: 4px;
    padding: 0 5px
}

body .wrap-template.template6 .sub-title {
    color: var(--q-gb-t-c-6);
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    border-top: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template6 .main-handicap .on-text-other {
    color: var(--q-gb-t-c-16)
}

body .wrap-template.template6 .main-handicap .group .flex-1:not(:last-child) .handicap-item {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template6 .main-handicap .group .flex-1:last-child .handicap-item {
    border-right: none
}

body .wrap-template.template6 .main-handicap .group .handicap-item .on-text {
    color: var(--q-gb-t-c-16)
}

body .wrap-template.template6 .main-handicap .group .handicap-item .active .on-text {
    color: var(--q-gb-t-c-1)
}

body .wrap-template.template6 .main-handicap .c-bet-item.active .on-text-other {
    color: var(--q-Handicap-click-text-color)
}

body .wrap-template.template6 .handicap .handicap-item:nth-child(odd) {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template6 .handicap .handicap-item:last-child {
    border-bottom: none
}

body .wrap-template.template9 .sub-title {
    color: var(--q-gb-t-c-6)
}

body .wrap-template.template10 .handicap .handicap-layout:first-child .handicap-item,
body .wrap-template.template10 .handicap .handicap-layout:nth-child(2) .handicap-item {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template10 .handicap .handicap-layout:nth-child(3) .handicap-item {
    border-right: none
}

body .wrap-template.template10 .handicap .layout-line .handicap-item {
    border-bottom: none
}

body .wrap-template.template10 .handicap .layout-line .handicap-item:not(:last-child) {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

body .wrap-template.template10 .handicap .handicap-item .c-bet-item .bet-item {
    color: var(--q-gb-t-c-16);
    font-weight: 500
}

body .is_rang .handicap-item .c-bet-item .bet-item {
    color: var(--q-gb-t-c-20)
}

body .is_rang .handicap-item.os-1:hover .c-bet-item .bet-item {
    color: var(--q-gb-t-c-5)
}

body .v-scroll-area:after {
    border-left: none
}

body .hot-title:before,
body .recents-tilte:before,
body .panel-title:before {
    background: var(--q-gb-bg-c-1);
    width: 3px !important;
    border-radius: 1.5px
}

body .screen {
    color: var(--q-gb-t-c-3)
}

body .screen .c-video-ctrl .ctrl-wrap .name {
    color: var(--q-gb-t-c-1)
}

body .screen .right_details_header {
    border-radius: 6px 6px 0 0;
    background: var(--q-gb-bg-c-11)
}

body .screen .right_details_header.is_esports {
    border-radius: 6px
}

body .screen .right_details_header .show_row .process-name {
    font-size: 10px;
    word-wrap: break-word;
    width: 62px;
    line-height: 1
}

body .screen .head-info {
    color: var(--q-gb-t-c-1)
}

body .screen .head-info .process-name,
body .screen .head-info .c-match-date {
    color: var(--q-text-color-2-2-hot-sub)
}

body .screen .head-info .hide-btn {
    color: var(--q-gb-t-c-1)
}

body .screen .head-info .hide-btn:hover {
    background: #1f2129cc
}

body .screen .wrap-tabs {
    background: var(--q-gb-bg-c-30);
    border-top: none
}

body .screen .wrap-tabs.all_empty {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .screen .wrap-tabs .tabs-icons {
    background: var(--q-gb-bg-c-22)
}

body .screen .wrap-tabs .tabs-icons .yb-icon-arrow:before {
    border-color: #2cb2ff;
    border-top: 1px solid #2cb2ff;
    border-right: 1px solid #2cb2ff
}

body .screen .wrap-tabs .row {
    background: var(--q-gb-bg-c-13)
}

body .screen .wrap-tabs .row i:before {
    color: var(--q-gb-t-c-13)
}

body .screen .wrap-tabs .row i.active:before {
    color: var(--q-gb-t-c-16) !important
}

body .screen .template-title.is_fold {
    border-top: none
}

body .screen .template-title .play-name:before {
    width: var(--q-match-resluts-width-1);
    background: var(--q-gb-bg-c-17)
}

body .screen .other-item {
    background: var(--q-gb-bg-c-11)
}

body .screen .other-item .c-bet-item .bet_handicap {
    color: var(--q-gb-t-c-16);
    font-weight: 500
}

body .screen .other-item .os-1 .active .bet_handicap {
    color: var(--q-gb-t-c-18)
}

body .screen .other-item .os-1:hover .c-bet-item {
    border-color: transparent;
    background: var(--q-gb-bg-c-63)
}

body .screen .other-item .os-1:hover .c-bet-item.active .bet_handicap {
    color: var(--q-gb-t-c-18)
}

body .screen .detail_right_model {
    background: var(--q-gb-bg-c-22)
}

body .screen .detail_right_model .baseball .wrap-up .chart-round .item-warp .round-item.is_get,
body .screen .detail_right_model .baseball .wrap-up .chart-rhombus .wrap-rhombus .rhombus-item.is_get,
body .screen .detail_right_model .baseball .wrap-down .wrap-line .line-item.is_get {
    background: var(--q-gb-bg-c-17)
}

body .screen .wrap-total {
    background: transparent;
    color: var(--q-gb-t-c-1)
}

body .screen .wrap-total .score-tips {
    color: var(--q-gb-t-c-1)
}

body .screen .wrap-total .wrap-score {
    color: var(--q-gb-t-c-10) !important
}

body .screen .wrap-total .item-title {
    background: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .screen .wrap-total .item-title i:before {
    color: var(--q-gb-t-c-16)
}

body .screen .wrap-total .item-title span {
    color: var(--q-gb-t-c-3)
}

body .screen .wrap-total .status-tips,
body .screen .wrap-total .scale {
    color: var(--q-gb-t-c-5) !important
}

body .screen .wrap-total .baseball .desc {
    color: var(--q-gb-t-c-1)
}

body .screen .wrap-hot {
    background-color: var(--q-gb-bg-c-22);
    color: var(--q-gb-t-c-1)
}

body .screen .wrap-hot .item-title {
    background: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .screen .wrap-hot .item-title span {
    color: var(--q-gb-t-c-3);
    font-weight: 600
}

body .screen .wrap-hot .item-title i:before {
    color: var(--q-gb-t-c-16)
}

body .screen .wrap-hot .info {
    color: var(--q-gb-t-c-21) !important
}

body .screen .wrap-hot .info .info-title {
    font-weight: 600
}

body .screen .wrap-hot .info .time-content {
    color: var(--q-text-color-2-2-hot-sub)
}

body .screen .wrap-hot .info .c-match-date {
    color: var(--q-text-color-2-2-hot-sub) !important;
    font-weight: 500
}

body .screen .wrap-hot .info .img-wrap {
    background-color: var(--q-gb-bg-c-22)
}

body .screen .wrap-hot .info .info-score .item {
    color: var(--q-gb-t-c-16)
}

body .screen .wrap-hot .info .info-botn {
    color: var(--q-gb-t-c-3)
}

body .screen .wrap-hot .carousel .handicap .handicap-item {
    background: transparent;
    border-radius: 6px
}

body .screen .wrap-hot .carousel .handicap .handicap-item .c-bet-item .play-name {
    color: var(--q-gb-t-c-5)
}

body .screen .wrap-hot .carousel .handicap .handicap-item .c-bet-item .odds {
    color: var(--q-text-color-2)
}

body .screen .wrap-hot .carousel .more-handel div {
    background: var(--q-gb-bg-c-22);
    color: var(--q-gb-t-c-3);
    border-radius: 6px
}

body .screen .wrap-hot .carousel .more-handel div:hover .set-color:before {
    color: var(--q-match-resluts-t-c-2)
}

body .screen .wrap-hot .carousel .control .btn {
    display: block
}

body .screen .wrap-hot .carousel .control .control-item {
    background: var(--q-gb-bd-c-8)
}

body .screen .wrap-hot .carousel .control .control-item.active {
    background: var(--q-gb-t-c-16)
}

body .screen .wrap-hot .c-match-process .no-start span:nth-child(1) {
    display: block
}

body .screen .wrap-hot .up.is_red_green .odds {
    color: red
}

body .screen .wrap-hot .up.is_green_red .odds,
body .screen .wrap-hot .down.is_red_green .odds {
    color: green
}

body .screen .wrap-hot .down.is_green_red .odds {
    color: red
}

body .screen .wrap-recents {
    margin-top: 4px;
    background: transparent;
    padding-bottom: 30px;
    color: var(--q-match-resluts-t-c-4)
}

body .screen .wrap-recents .title {
    background: var(--q-gb-bg-c-11)
}

body .screen .wrap-recents .title .wrap-img span {
    color: var(--q-match-details-title);
    font-weight: 600
}

body .screen .wrap-recents .title .c-match-date {
    color: var(--q-gb-t-c-5)
}

body .screen .wrap-recents .score {
    color: var(--q-gb-t-c-16)
}

body .screen .wrap-recents .handicap .handicap-item {
    border-radius: 6px
}

body .screen .wrap-recents .handicap .up.is_red_green .odds {
    color: red
}

body .screen .wrap-recents .handicap .up.is_green_red .odds,
body .screen .wrap-recents .handicap .down.is_red_green .odds {
    color: green
}

body .screen .wrap-recents .handicap .down.is_green_red .odds {
    color: red
}

body .screen .wrap-recents .item-title {
    background: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    color: var(--q-match-details-title)
}

body .screen .wrap-recents .item-title i:before {
    color: var(--q-gb-t-c-16)
}

body .screen .wrap-recents .time-content {
    max-width: unset
}

body .screen .wrap-recents .no-start span:nth-child(1) {
    display: block
}

body .screen .c-video-ctrl {
    background: var(--q-gb-bg-c-22)
}

body .screen .c-video-ctrl .ctrl-wrap {
    background: var(--q-gb-bg-c-13) !important;
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

body .screen .c-video-ctrl .ctrl-wrap i {
    color: var(--q-gb-t-c-3) !important
}

body .screen .c-video-ctrl .vs-team-container {
    background: #f6f7fa !important;
    border-top: none
}

body .screen .c-esports-match-list {
    background-color: var(--q-gb-bg-c-22);
    padding-top: 8px;
    border-top: none
}

body .screen .c-esports-match-list .match-item {
    background-color: var(--q-gb-bg-c-11);
    border-top: 1px solid var(--q-gb-bd-c-6)
}

body .screen .c-esports-match-list .match-item.active {
    color: var(--q-gb-t-c-16)
}

body .screen .c-esports-match-list .match-item:first-child {
    border-radius: 6px 6px 0 0 !important
}

body .screen .c-esports-match-list .match-item:last-child {
    border-radius: 0 0 6px 6px !important
}

body .basketball-after .time-node,
body .basketball-after .common-score {
    color: var(--q-gb-t-c-28)
}

body .basketball-after .info-data span {
    color: var(--q-gb-t-c-28) !important
}

body .basketball-after .score {
    color: var(--q-gb-t-c-16) !important
}

body .basketball-after .stage-13 span:nth-child(1) {
    color: var(--q-gb-t-c-16) !important
}

body .basketball-after .stage-14 span:nth-child(2),
body .basketball-after .stage-301 span:nth-child(2) {
    color: var(--q-gb-t-c-16) !important
}

body .basketball-after .stage-15 span:nth-child(4),
body .basketball-after .stage-302 span:nth-child(4) {
    color: var(--q-gb-t-c-16) !important
}

body .basketball-after .stage-16 span:nth-child(5),
body .basketball-after .stage-303 span:nth-child(5) {
    color: var(--q-gb-t-c-16) !important
}

body .football-after .info-both .info-data span {
    color: var(--q-gb-bd-c-13)
}

body .football-after .info-both .mmp-active {
    color: var(--q-gb-t-c-16)
}

body .more-info {
    color: var(--q-gb-t-c-1) !important
}

body .more-info .time-node .current_color,
body .more-info .score {
    color: var(--q-gb-t-c-16)
}

body .more-info .both-item .wrap-round .round {
    background: var(--q-gb-bg-c-17)
}

body .more-info .stage-13 span:nth-child(1) {
    color: var(--q-gb-t-c-16) !important
}

body .more-info .stage-14 span:nth-child(2),
body .more-info .stage-301 span:nth-child(2) {
    color: var(--q-gb-t-c-16) !important
}

body .more-info .stage-15 span:nth-child(3),
body .more-info .stage-302 span:nth-child(3) {
    color: var(--q-gb-t-c-16) !important
}

body .more-info .stage-16 span:nth-child(4),
body .more-info .stage-303 span:nth-child(4) {
    color: var(--q-gb-t-c-16) !important
}

body .basketball-chart .team-info,
body .basketball-chart .score-num {
    color: var(--q-gb-t-c-6)
}

body .basketball-chart .stripe-left,
body .basketball-chart .stripe-right,
body .basketball-chart .score-more .stop .dot.default {
    background-color: var(--q-gb-bg-c-22)
}

body .go-top-btn {
    background: #3e414d;
    color: #babdcc !important
}

body .go-top-btn .icon-go_top:before {
    color: #babdcc !important
}

body .go-top-btn:hover {
    background: #535766;
    color: #fff !important
}

body .go-top-btn:hover .icon-go_top:before {
    color: #fff !important
}

.new-pc-202411 .basketball-after .score {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .basketball-after .stage-13 span:nth-child(1) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .basketball-after .stage-14 span:nth-child(2),
.new-pc-202411 .basketball-after .stage-301 span:nth-child(2) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .basketball-after .stage-15 span:nth-child(4),
.new-pc-202411 .basketball-after .stage-302 span:nth-child(4) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .basketball-after .stage-16 span:nth-child(5),
.new-pc-202411 .basketball-after .stage-303 span:nth-child(5) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .football-after .info-both .mmp-active,
.new-pc-202411 .more-info .time-node .current_color,
.new-pc-202411 .more-info .score {
    color: var(--q-gb-t-c-16)
}

.new-pc-202411 .more-info .stage-13 span:nth-child(1) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .more-info .stage-14 span:nth-child(2),
.new-pc-202411 .more-info .stage-301 span:nth-child(2) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .more-info .stage-15 span:nth-child(3),
.new-pc-202411 .more-info .stage-302 span:nth-child(3) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-202411 .more-info .stage-16 span:nth-child(4),
.new-pc-202411 .more-info .stage-303 span:nth-child(4) {
    color: var(--q-gb-t-c-16) !important
}

.new-pc-2025 .screen .wrap-recents .item-title {
    border-top: 2px solid var(--q-stroke-color-2);
    border-right: 2px solid var(--q-stroke-color-2);
    border-left: 2px solid var(--q-stroke-color-2);
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.new-pc-2025 .screen .wrap-recents .title {
    background: var(--q-bg-color-1-3)
}

.new-pc-2025 .bet-inner .handicap-wrap {
    color: var(--q-text-color-disable)
}

.new-pc-2025 .details .scroll-fixed-header .tabs-panel .tab-item,
.new-pc-2025 .right_details_wrap .scroll-fixed-header .tabs-panel .tab-item,
.new-pc-2025 .virtual_details .scroll-fixed-header .tabs-panel .tab-item {
    border-radius: 999px;
    border: 1px solid var(--q-btn-outline-color-1);
    background: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2, rgba(255, 255, 255, .08)) 48%, var(--q-btn-gradient-color-1-3) 100%);
    box-shadow: 0 2px 2px 0 var(--q-shadow-3, rgba(0, 0, 0, .3))
}

.new-pc-2025 .screen .wrap-tabs {
    background: var(--q-bg-color-1-3)
}

.new-pc-2025 .wrap-title .title {
    color: var(--q-text-color-1)
}

.new-pc-2025 .wrap-icon .icon-signal:before,
.new-pc-2025 .wrap-icon .icon-star:before {
    color: var(--q-icon-color-1)
}

.new-pc-2025 .screen .wrap-hot .carousel .handicap .handicap-item {
    background: transparent
}

.details {
    display: flex;
    height: 100% !important
}

.details .wrap-handicap {
    display: flex;
    flex: 1;
    flex-flow: column;
    width: 100%;
    height: 100%;
    border-right: 2px solid #1e232a
}

.details .wrap-handicap .v-scroll-area:after {
    border-left: none
}

.details .bg-wrap-handicap {
    background: #2b3038
}

.details .smaple-left-border {
    border-left: 6px solid #1d212a
}

.details .screen {
    display: flex;
    flex-flow: column;
    height: 100%;
    font-size: 12px
}

.details .screen :deep(.content-wrap) {
    border-top: none
}

.details .screen .match_list_hot {
    z-index: 5;
    background: var(--q-gb-bg-c-22)
}

.details .screen .match_list_hot.state-empty {
    margin-top: 220px
}

.details .screen .match_list_hot.state-empty.esport-list {
    margin-top: 250px
}

.details .screen .match-list-data-empty {
    margin-top: 220px
}

.details .screen .screen-detail_header :deep(.left-btn) {
    background-color: var(--q-gb-bg-c-13)
}

.details .screen .screen-detail_header :deep(.right-btn) {
    background-color: var(--q-gb-bg-c-13)
}

.details .screen .screen-detail_header .right_match_info .before .team .team_name,
.details .screen .screen-detail_header .right_match_info .before .team .match_time .time-content div,
.details .screen .screen-detail_header .right_match_info .football-after {
    color: #fff
}

.details .screen .screen-detail_header .right_match_info .football-after .info-time .match-date .time-content .process-name {
    color: var(--q-score-normal) !important
}

.details .screen .screen-detail_header .right_match_info .football-after .info-time .match-date .time-content .date-wrap,
.details .screen .screen-detail_header .right_match_info .football-after .info-time .match-date .time-content .add-time {
    color: #fff !important
}

.details .screen .screen-detail_header .right_match_info .football-after .info-both .wrap-logo,
.details .screen .screen-detail_header .right_match_info .football-after .info-both .info-data span,
.details .screen .screen-detail_header .more-info .more-time,
.details .screen .screen-detail_header .more-info .more-time .time-content .process-name,
.details .screen .screen-detail_header .more-info .more-both {
    color: #fff
}

.details .screen .screen-detail_header .more-info .more-both .both-item .wrap-round .round {
    background-color: var(--q-gb-bg-c-1) !important
}

.details .head-info {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 190px;
    background-size: cover !important;
    color: #fff
}

.details .head-info .info-upd {
    z-index: 90;
    justify-content: center
}

.details .head-info .info-upd :deep(.match_time) .timer-layout2 {
    width: 100%;
    min-width: 42px
}

.details .head-info .hide-btn {
    position: absolute;
    top: 13px;
    right: 13px;
    padding: 5px 6px;
    border-radius: 13px;
    background: #1f212999;
    cursor: pointer
}

.details .head-info .hide-btn:hover {
    background: #1f2129cc;
    color: #fff
}

.details:deep(.v-scroll-area .v-scrollarea.fit) .v-scrollarea.fit {
    border: unset !important
}

.details:deep(.v-scroll-area .v-scrollarea.fit) .middle-content {
    border: unset !important
}

.sub-title {
    justify-content: space-between
}

.cursor {
    cursor: pointer
}

.details_data_load {
    position: absolute;
    z-index: 3;
    width: 100%;
    pointer-events: none
}

.details_data_load .yb-flex-center {
    justify-content: unset
}

.details_data_load .empty-wrap .esports {
    padding-top: 30%
}

.theme01 .match_list_hot :deep(.load-data-wrap) {
    background-color: #f9fbfc
}

.theme02 .match_list_hot :deep(.load-data-wrap) {
    background-color: #181822
}

.details-handicap :deep(.template4) .other-item {
    margin: 5px;
    width: calc(100% - 10px)
}

.details-handicap :deep(.template4) .other-item .os-1:hover .c-bet-item {
    background-color: var(--q-gb-bg-c-63)
}

:deep(.hot-match-list) {
    background: var(--q-gb-bg-c-22)
}

.right_details_wrap.full-screen {
    position: fixed;
    width: 400px !important;
    height: auto !important;
    top: 71px;
    right: 68px;
    bottom: 71px;
    z-index: 1100
}

.right_details_wrap.full-screen :deep(.bottom-bet-prefer) .b-icon-arrow {
    border-color: #fff
}

.right_details_wrap.full-screen :deep(.bet-item .ellipsis-wrap),
.right_details_wrap.full-screen :deep(.bet-item .ellipsis-name-wrap) {
    color: #fff9;
    padding: 0 4px
}

.right_details_wrap.full-screen :deep(.item-label.bet-ellipsis.ellipsis) {
    justify-content: center
}

.right_details_wrap.full-screen :deep(.sub-title.ellipsis) {
    color: #fff9 !important
}

.right_details_wrap.full-screen :deep(.bet_handicap.ellipsis) {
    color: #99a3b1
}

.right_details_wrap.full-screen :deep(.play-name > span.ellipsis) {
    color: inherit
}

.right_details_wrap.full-screen :deep(.v-scroll-area):after {
    display: none
}

.right_details_wrap.full-screen :deep(.v-scroll-area) .pc-common-container-2024 {
    background-color: unset !important
}

.right_details_wrap.full-screen :deep(.v-scroll-area) .content-wrap {
    border: none !important;
    border-radius: 8px;
    overflow: hidden
}

.right_details_wrap.full-screen :deep(.v-scroll-area) .content-wrap .scroll-header {
    padding-right: 0 !important;
    position: relative
}

.right_details_wrap.full-screen :deep(.v-scroll-area) .content-wrap .v-scrollarea {
    border-radius: 0 0 8px 8px;
    background-color: #000;
    height: calc(100% - 44px) !important
}

.right_details_wrap.full-screen :deep(.v-scroll-area) .content-wrap .v-scrollarea .middle-content {
    padding-top: 0 !important
}

.right_details_wrap.full-screen :deep(.details_data_load) {
    height: calc(100% - 44px);
    border-radius: 0 0 6px 6px
}

.right_details_wrap.full-screen :deep(.go-top-btn) {
    background: unset !important
}

.right_details_wrap.full-screen :deep(.template) {
    border-radius: 4px;
    background: #ffffff1a
}

.right_details_wrap.full-screen :deep(.template) .on_l {
    color: #fff !important
}

.right_details_wrap.full-screen :deep(.template) .current_score {
    color: #fff !important
}

.right_details_wrap.full-screen :deep(.template-champion) {
    border-radius: 4px;
    background: #ffffff1a
}

.right_details_wrap.full-screen :deep(.template-champion) .on_l {
    color: #fff !important
}

.right_details_wrap.full-screen :deep(.template-champion) .main-handicap {
    margin-top: 5px;
    background: unset !important;
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.right_details_wrap.full-screen :deep(.template-champion) .main-handicap .handicap {
    width: 50%
}

.right_details_wrap.full-screen :deep(.template-champion) .c-bet-item.bet-hover:not(.active):hover {
    background-color: unset !important
}

.right_details_wrap.full-screen :deep(.template-champion) .play-info {
    height: 40px;
    padding: 3px;
    background: unset !important
}

.right_details_wrap.full-screen :deep(.template-champion) .play-info .champion_icon_name_wrap {
    padding-left: 15px
}

.right_details_wrap.full-screen :deep(.template-champion) .play-info .champion_item_icon_time {
    font-size: 12px;
    color: #179cff
}

.right_details_wrap.full-screen :deep(.template-champion) .play-info .ellipsis {
    color: #fff
}

.right_details_wrap.full-screen :deep(.template-champion) .handicap-value-text {
    color: #fff9 !important
}

.right_details_wrap.full-screen :deep(.template-champion) .highlight-odds {
    color: #fff
}

.right_details_wrap.full-screen :deep(.group-template) {
    background: transparent
}

.right_details_wrap.full-screen :deep(.common-none) {
    margin-right: unset !important
}

.right_details_wrap.full-screen :deep(.list_right_empty) {
    color: #fff !important
}

.right_details_wrap.full-screen :deep(.wrap-template) {
    margin-top: 0;
    border: 0 none !important;
    border-radius: 0
}

.right_details_wrap.full-screen :deep(.wrap-template) .full-video-main-handicap {
    border-radius: 4px;
    background: #ffffff1a
}

.right_details_wrap.full-screen :deep(.wrap-template) .template-title {
    height: 40px;
    padding: 0 15px 0 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 0 !important;
    margin-bottom: 10px
}

.right_details_wrap.full-screen :deep(.wrap-template) .template-title.is-fold {
    margin-bottom: 0
}

.right_details_wrap.full-screen :deep(.wrap-template) .template-title .play-name {
    font-size: 13px;
    font-weight: 500;
    color: #fff
}

.right_details_wrap.full-screen :deep(.wrap-template) .template-title .play-name:before {
    width: 5px;
    border-radius: 100px
}

.right_details_wrap.full-screen :deep(.wrap-template) .handicap-name {
    color: #fff
}

.right_details_wrap.full-screen :deep(.wrap-template) .yb-family-odds {
    color: #fff;
    font-weight: 600
}

.right_details_wrap.full-screen :deep(.wrap-template) .other-item {
    margin: 0 4px 6px;
    border: .5px solid hsla(0, 0%, 100%, .08)
}

.right_details_wrap.full-screen :deep(.wrap-template) .other-item:hover .c-bet-item {
    border-color: transparent;
    background: transparent
}

.right_details_wrap.full-screen :deep(.wrap-template) .sub-title-1 {
    width: 360px;
    height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 4px;
    color: #999;
    margin: 4px auto 8px
}

.right_details_wrap.full-screen :deep(.wrap-template) .sub-title-1 span {
    width: auto !important;
    flex: 1
}

.right_details_wrap.full-screen :deep(.wrap-template) .sub-title-2 {
    border: 1px solid hsla(0, 0%, 100%, .08) !important;
    padding: .2px !important;
    color: #179cff
}

.right_details_wrap.full-screen :deep(.wrap-template) .handicap {
    width: 369px;
    margin: 0 auto;
    border-top: none
}

.right_details_wrap.full-screen :deep(.wrap-template) .handicap .full-handicap-item {
    flex: unset !important;
    width: 47%
}

.right_details_wrap.full-screen :deep(.wrap-template) .up.is_red_green {
    background-color: var(--q-gb-bg-c-28)
}

.right_details_wrap.full-screen :deep(.wrap-template) .down.is_red_green {
    background-color: var(--q-gb-bg-c-29)
}

.right_details_wrap.full-screen :deep(.wrap-template) .c-bet-item .bet-item {
    margin: 0;
    color: #fff !important
}

.right_details_wrap.full-screen :deep(.wrap-template) .c-bet-item .bet-item .bet_handicap {
    min-width: 15px
}

.right_details_wrap.full-screen :deep(.wrap-template) .c-bet-item .odds {
    font-size: 14px;
    margin: 0
}

.right_details_wrap.full-screen :deep(.wrap-template) .c-bet-item .bet_handicap {
    margin: 0
}

.right_details_wrap.full-screen :deep(.wrap-template) .c-bet-item .normal_color {
    color: #999 !important
}

.right_details_wrap.full-screen :deep(.wrap-template) .c-bet-item .seal_lock {
    margin-left: 0
}

.right_details_wrap.full-screen :deep(.wrap-template) .sub-title {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    border: none;
    background-color: #ffffff14 !important;
    color: #999;
    border-bottom: none !important;
    margin: 4px auto 8px
}

.right_details_wrap.full-screen :deep(.wrap-template) .handicap-sub-title {
    width: 369px;
    margin: auto;
    border-top: none
}

.right_details_wrap.full-screen :deep(.wrap-template) .handicap-sub-title .flex-1 .sub-title {
    margin-bottom: 8px
}

.right_details_wrap.full-screen :deep(.wrap-template) .handicap-sub-title .flex-1:first-child .sub-title {
    border-radius: 4px 0 0 4px;
    margin-left: 4px
}

.right_details_wrap.full-screen :deep(.wrap-template) .handicap-sub-title .flex-1:last-child .sub-title {
    border-radius: 0 4px 4px 0;
    margin-right: 4px
}

.right_details_wrap.full-screen :deep(.wrap-template).template0 .handicap-item {
    flex: unset !important;
    width: 176px !important
}

.right_details_wrap.full-screen :deep(.wrap-template).template1 .c-bet-item {
    padding: 0;
    text-align: center
}

.right_details_wrap.full-screen :deep(.wrap-template).template1 .c-bet-item.seal .handicap-wrap {
    display: none
}

.right_details_wrap.full-screen :deep(.wrap-template).template1 .c-bet-item.seal .odds {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.right_details_wrap.full-screen :deep(.wrap-template).template1 .c-bet-item .bet-item {
    margin: 5px 0 0 !important;
    display: block
}

.right_details_wrap.full-screen :deep(.wrap-template).template1 .c-bet-item .bet-inner {
    display: block;
    line-height: 16px
}

.right_details_wrap.full-screen :deep(.wrap-template).template1 .c-bet-item .odds {
    display: flex;
    justify-content: center;
    height: 14px;
    text-align: center
}

.right_details_wrap.full-screen :deep(.wrap-template).template1 .c-bet-item .odds:after {
    left: 70%;
    top: 3px
}

.right_details_wrap.full-screen :deep(.wrap-template).template1 .c-bet-item .odds span {
    font-size: 12px
}

.right_details_wrap.full-screen :deep(.wrap-template).template1 .c-bet-item .yb-family-odds {
    line-height: 16px
}

.right_details_wrap.full-screen :deep(.wrap-template).template2 .c-bet-item {
    padding: 0 15px
}

.right_details_wrap.full-screen :deep(.wrap-template).template2 .c-bet-item .item-label {
    display: none
}

.right_details_wrap.full-screen :deep(.wrap-template).template2 .c-bet-item .bet-item {
    margin: 0
}

.right_details_wrap.full-screen :deep(.wrap-template).template2 .c-bet-item .bet_handicap {
    margin: 0
}

.right_details_wrap.full-screen :deep(.wrap-template).template2 .c-bet-item .odds {
    margin: 0
}

.right_details_wrap.full-screen :deep(.wrap-template).template4 .handicap-item,
.right_details_wrap.full-screen :deep(.wrap-template).template18 .handicap-item {
    flex: unset !important;
    width: 115px !important
}

.right_details_wrap.full-screen :deep(.wrap-template).template4 .other-item,
.right_details_wrap.full-screen :deep(.wrap-template).template18 .other-item {
    width: 369px;
    margin: auto;
    border: none;
    height: 46px
}

.right_details_wrap.full-screen :deep(.wrap-template).template4 .other-item .placehold,
.right_details_wrap.full-screen :deep(.wrap-template).template18 .other-item .placehold {
    flex: 1 !important;
    margin: 0 4px 6px;
    border-radius: 4px;
    height: 44px
}

.right_details_wrap.full-screen :deep(.wrap-template).template4 .other-item .placehold .bet_handicap,
.right_details_wrap.full-screen :deep(.wrap-template).template18 .other-item .placehold .bet_handicap {
    margin-left: 0 !important
}

.right_details_wrap.full-screen :deep(.wrap-template).template4 .other-item .placehold .empty,
.right_details_wrap.full-screen :deep(.wrap-template).template18 .other-item .placehold .empty {
    border: none
}

.right_details_wrap.full-screen :deep(.wrap-template).template4 .handicap,
.right_details_wrap.full-screen :deep(.wrap-template).template18 .handicap {
    width: 100%
}

.right_details_wrap.full-screen :deep(.wrap-template).template6 .sub-title {
    width: 369px;
    border-radius: 4px
}

.right_details_wrap.full-screen :deep(.wrap-template).template6 .group {
    width: 369px;
    margin: 0 auto
}

.right_details_wrap.full-screen :deep(.wrap-template).template6 .group .handicap {
    width: 100%
}

.right_details_wrap.full-screen :deep(.wrap-template).template6 .group .handicap .handicap-item {
    flex: unset !important;
    width: 176px !important
}

.right_details_wrap.full-screen :deep(.wrap-template).template10 .handicap-item {
    flex: unset !important;
    width: 115px !important
}

.right_details_wrap.full-screen .tabs-panel .tab-item {
    color: #fff !important
}

.full-screen-show-data {
    top: 51px !important;
    bottom: 385px !important
}

.details_data_load {
    position: absolute;
    z-index: 1;
    width: 100%
}

.details_data_load :deep(.yb-flex-center) {
    justify-content: unset
}

.details_loading {
    height: 3000px;
    width: 100%;
    position: absolute;
    z-index: 5
}

.theme01 .details_loading {
    background-color: #fffc
}

.theme02 .details_loading {
    background-color: #272a3380
}

.screen {
    display: flex;
    flex-flow: column;
    height: 100%;
    color: #99a3b1;
    font-size: 12px
}

.screen .detail_right_model {
    position: relative;
    z-index: 4
}

.screen .v-scroll-area:after {
    border-left: none
}

.screen .wrap-total,
.screen .wrap-hot,
.screen .wrap-recents {
    position: relative;
    z-index: 10;
    margin-top: 4px;
    border-radius: 8px;
    overflow: hidden
}

.screen .right_details_wrap {
    position: unset
}

.screen .right_header_wrap {
    top: 0;
    z-index: 1;
    width: 100%
}

.screen .right_content_wrap {
    overflow-y: scroll
}

.screen .sports-guessing {
    background-color: var(--q-gb-bd-c-13);
    display: flex;
    color: var(--gb-t-c-3);
    align-items: center;
    height: 36px;
    font-size: 14px;
    padding: 0 15px;
    justify-content: space-between
}

.screen .sports-guessing .home-vs-away-wrap {
    width: 90%
}

.screen .sports-guessing .home-vs-away {
    width: 100%;
    display: flex;
    justify-content: center
}

.screen .sports-guessing .home-vs-away .vs {
    margin: 0 13px
}

.screen .sports-guessing .home-vs-away .ellipsis {
    display: inline-block;
    max-width: 44%
}

.screen .right_details_header.no-bottom-border {
    border-bottom: none
}

.screen .right_details_header :deep(.match_time) .timer-layout2 {
    width: 100%;
    min-width: 42px
}

.screen .right_details_header .scroll-fixed-header {
    border-left: none;
    border-right: none
}

.screen .item-title {
    display: flex;
    align-items: center;
    padding-left: 15px;
    height: 32px;
    color: #d1d1d1;
    font-size: 13px
}

.screen .item-title .panel-title:before {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 10px;
    width: 3px;
    height: 14px;
    border-radius: 1.5px;
    content: "";
    background: var(--q-gb-t-c-1)
}

.screen .item-title .group-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer
}

.screen .item-title .round {
    margin: 1px 6px 0 0;
    width: 14px;
    height: 14px;
    border: 1px solid #a5a9b3;
    border-radius: 14px
}

.screen .wrap-recents :deep(.c-bet-item) .odds-icon,
.screen .wrap-hot :deep(.c-bet-item) .odds-icon {
    top: auto;
    bottom: auto
}

.screen .wrap-recents :deep(.c-bet-item) .odds-icon:before,
.screen .wrap-hot :deep(.c-bet-item) .odds-icon:before {
    display: none
}

.screen .wrap-recents :deep(.c-bet-item.up).normal .odds,
.screen .wrap-hot :deep(.c-bet-item.up).normal .odds {
    color: #e93d3d
}

.screen .wrap-recents :deep(.c-bet-item.up).normal .odds:after,
.screen .wrap-hot :deep(.c-bet-item.up).normal .odds:after {
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    position: absolute;
    right: -10px
}

.screen .wrap-recents :deep(.c-bet-item.up).active .odds,
.screen .wrap-hot :deep(.c-bet-item.up).active .odds {
    color: #fff !important
}

.screen .wrap-recents :deep(.c-bet-item.up).active .odds:after,
.screen .wrap-hot :deep(.c-bet-item.up).active .odds:after {
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    position: absolute;
    right: -10px
}

.screen .wrap-recents :deep(.c-bet-item.up),
.screen .wrap-hot :deep(.c-bet-item.up) {
    background: #e93d3d0d
}

.screen .wrap-recents :deep(.c-bet-item.up).normal .odds:after,
.screen .wrap-recents :deep(.c-bet-item.up).active .odds:after,
.screen .wrap-recents :deep(.c-bet-item.up).is-iframe .odds:after,
.screen .wrap-hot :deep(.c-bet-item.up).normal .odds:after,
.screen .wrap-hot :deep(.c-bet-item.up).active .odds:after,
.screen .wrap-hot :deep(.c-bet-item.up).is-iframe .odds:after {
    right: -5px
}

.screen .wrap-recents :deep(.c-bet-item.down),
.screen .wrap-hot :deep(.c-bet-item.down) {
    background: #50c0420d
}

.screen .wrap-recents :deep(.c-bet-item.down).normal .odds,
.screen .wrap-hot :deep(.c-bet-item.down).normal .odds {
    color: #50c042
}

.screen .wrap-recents :deep(.c-bet-item.down).normal .odds:after,
.screen .wrap-hot :deep(.c-bet-item.down).normal .odds:after {
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    position: absolute;
    right: -10px
}

.screen .wrap-recents :deep(.c-bet-item.down).active .odds,
.screen .wrap-hot :deep(.c-bet-item.down).active .odds {
    color: #fff !important
}

.screen .wrap-recents :deep(.c-bet-item.down).active .odds:after,
.screen .wrap-hot :deep(.c-bet-item.down).active .odds:after {
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    position: absolute;
    right: -10px
}

.screen .wrap-recents :deep(.c-bet-item.down),
.screen .wrap-hot :deep(.c-bet-item.down) {
    background: #e93d3d0d
}

.screen .wrap-recents :deep(.c-bet-item.down).normal .odds:after,
.screen .wrap-recents :deep(.c-bet-item.down).active .odds:after,
.screen .wrap-recents :deep(.c-bet-item.down).is-iframe .odds:after,
.screen .wrap-hot :deep(.c-bet-item.down).normal .odds:after,
.screen .wrap-hot :deep(.c-bet-item.down).active .odds:after,
.screen .wrap-hot :deep(.c-bet-item.down).is-iframe .odds:after {
    right: -5px
}

.screen:deep(.head-info) {
    color: var(--q-gb-t-c-1)
}

.screen:deep(.head-info) .process-name,
.screen:deep(.head-info) .c-match-date {
    color: var(--q-gb-t-c-28)
}

.screen:deep(.head-info) .hide-btn {
    color: var(--q-gb-t-c-1)
}

.screen:deep(.head-info) .hide-btn:hover {
    background: #1f2129cc
}

.cathectic-handicap {
    position: absolute;
    width: 400px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: #2b3038b3
}

.big-cathectic-zone {
    position: absolute;
    bottom: 0;
    z-index: 1001;
    width: 100%
}

.big-cathectic-zone .bet-scorll-header {
    background: #474747;
    height: 44px;
    border-bottom: 1px solid #555555
}

.big-cathectic-zone .bet-scorll-header .bet-zone-head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.big-cathectic-zone .bet-scorll-header .bet-zone-head div {
    height: 44px;
    line-height: 44px;
    color: var(--q-gb-t-c-1)
}

.big-cathectic-zone .bet-scorll-header .bet-zone-head div.left {
    font-size: 14px;
    margin-left: 20px
}

.big-cathectic-zone .bet-scorll-header .bet-zone-head div.right {
    margin-right: 20px
}

.big-cathectic-zone :deep(.q-card) {
    border-radius: 0;
    padding: 16px 20px
}

.big-cathectic-zone .cathectic-shade {
    position: absolute;
    width: 400px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: #2b3038e0
}

.big-cathectic-zone .cathectic-shade .shade-fixed {
    position: fixed;
    margin-left: 170px;
    height: 100%;
    top: 70%
}

.big-cathectic-zone .cathectic-shade .shade-fixed .loading-wrap {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #99a3b1;
    margin-top: 100%;
    padding-top: 0
}

.big-cathectic-zone .cathectic-shade .shade-fixed .loading-wrap .img-loading,
.big-cathectic-zone .cathectic-shade .shade-fixed .loading-wrap .img-loading-y0 {
    position: relative;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%
}

.right_details_wrap .refresh {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0;
    background-color: var(--qq--yb-bg-color7);
    border: 1px solid var(--qq--go-top-btn-border)
}

.right_details_wrap .refresh :deep(.icon-wrap) {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.right_details_wrap .refresh :deep(.icon-wrap) .icon-balance_refresh span {
    font-size: 18px
}

.right_details_wrap .refresh :deep(.icon-wrap) .icon-balance_refresh span:before {
    color: #999
}

.video-page :deep(.c-bet-item) {
    height: 34px !important;
    line-height: 34px !important
}

.video-page :deep(.handicap .handicap-item) {
    height: 34px
}

.video-page :deep(.handicap-sub-title .handicap .handicap-item) {
    height: 34px
}

.video-page :deep(.other-item) {
    height: 34px;
    background-color: transparent !important
}

:deep(.full-screen-content) .template-handicap .details_data .new_set_bet_item_text_color .main-handicap .ellipsis {
    color: var(--q-gb-t-c-28) !important
}

:deep(.noData) {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

:deep(.noData) .empty-wrap {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

:deep(.noData) .empty-wrap-img {
    background-image: var(--qq--public-bg-image2);
    width: 162px;
    height: 144px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

:deep(.noData) .empty-wrap-tips {
    color: var(--q-gb-t-c-3)
}

:deep(.noData) .scale-img {
    transform: scale(.3);
    background-repeat: no-repeat;
    background-size: cover
}

:deep(.replayORstatistics_tab) {
    height: 40px;
    box-sizing: border-box;
    background: var(--q-gb-bg-c-22);
    margin-bottom: 6px;
    border-radius: 6px;
    box-shadow: 0 2px 8px 0 var(--q--box-shawdow-color)
}

:deep(.replayORstatistics_tab) .tab-item {
    margin-right: 10px
}

:deep(.new_set_tab) .tab-item {
    border: .5px solid var(--q-gb-bd-c-8);
    background: var(--q-gb-bg-lg-4)
}

:deep(.new_set_tab) .active {
    color: var(--q-gb-t-c-18) !important;
    background: var(--q-match-details-active) !important
}

.detail-new_set_tab :deep(.tab-wrap) {
    background: unset
}

.details_data_load :deep(.record_api_limited) .text1 span {
    color: var(--qq--theme-color-record-title) !important
}

.details_right_hot :deep(.item-title) {
    color: var(--q-gb-t-c-3) !important
}

.details_right_hot :deep(.title) {
    color: var(--q-gb-t-c-3)
}

:deep(.details_right_recents) {
    background-color: var(--q-gb-bg-c-13)
}

:deep(.details_right_recents) .item-title {
    color: var(--q-gb-t-c-3) !important
}

:deep(.details_right_recents) .title {
    color: var(--q-gb-t-c-3)
}

:deep(.details_right_recents) .title .wrap-img>span {
    color: var(--q-gb-t-c-3) !important
}

:deep(.details_right_recents) .title .time-content {
    color: var(--q-gb-t-c-3) !important
}

:deep(.right_match_info) .before .team .team_name {
    color: #fff
}

:deep(.right_match_info) .before .team .match_time .time-content div {
    color: #fff
}

:deep(.right_match_info) .more-info .more-both .both-item .wrap-round .round {
    background-color: var(--q-gb-bg-c-1) !important
}

.detail-right-match-info :deep(.football-after) .info-time {
    padding: 0 10px
}

.detail-right-match-info :deep(.football-after) .info-time .match-date .time-content .process-name {
    color: var(--q-score-normal) !important
}

.detail-right-match-info :deep(.football-after) .info-time .match-date .time-content .date-wrap,
.detail-right-match-info :deep(.football-after) .info-time .match-date .time-content .add-time {
    color: var(--q-score-normal) !important
}

.detail-right-match-info :deep(.football-after) .info-both .wrap-logo {
    color: var(--q-score-normal)
}

.detail-right-match-info :deep(.football-after) .info-both .info-data span {
    color: var(--q-score-normal)
}

.detail-right-match-info :deep(.football-after.is-iframe-style) {
    width: 97%
}

.detail-right-match-info :deep(.football-after.is-iframe-style) .process-name div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 40px
}

.detail-right-match-info :deep(.more-info) .more-time {
    color: var(--q-score-normal)
}

.detail-right-match-info :deep(.more-info) .more-both {
    color: var(--q-score-normal)
}

.screen {
    position: relative
}

.screen .bet-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0006;
    top: 0;
    z-index: 101;
    cursor: pointer
}

.screen :deep(.bet-success) .bet-flot-conent {
    background-repeat: repeat-y !important
}

.screen:deep(.wrap-hot) {
    margin-top: 4px;
    background-color: var(--q-gb-bg-c-22);
    color: var(--q-gb-t-c-1)
}

.screen:deep(.wrap-hot) .item-title {
    background: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    color: var(--q-gb-t-c-3)
}

.screen:deep(.wrap-hot) .item-title i:before {
    color: var(--q-gb-t-c-16)
}

.screen:deep(.wrap-hot) .info {
    color: var(--q-gb-t-c-10) !important
}

.screen:deep(.wrap-hot) .info .img-wrap {
    background-color: var(--q-gb-bg-c-22)
}

.screen:deep(.wrap-hot) .info .info-score .item {
    color: var(--q-gb-t-c-16)
}

.screen:deep(.wrap-hot) .info .info-botn {
    color: var(--q-gb-t-c-3)
}

.screen:deep(.wrap-hot) .iframe .dov_normal,
.screen:deep(.wrap-hot) .iframe .dov_normal_icon {
    display: none
}

.screen:deep(.wrap-hot) .carousel .handicap .handicap-item {
    background: none !important;
    border-radius: 6px
}

.screen:deep(.wrap-hot) .carousel .handicap .handicap-item .c-bet-item {
    background: var(--q-gb-bg-c-22)
}

.screen:deep(.wrap-hot) .carousel .handicap .handicap-item .c-bet-item:hover {
    background: var(--q-gb-bg-c-63)
}

.screen:deep(.wrap-hot) .carousel .handicap .handicap-item .c-bet-item .play-name {
    color: var(--q-gb-t-c-16)
}

.screen:deep(.wrap-hot) .carousel .handicap .handicap-item .c-bet-item .odds {
    color: var(--q-gb-t-c-3)
}

.screen:deep(.wrap-hot) .carousel .handicap .handicap-item .c-bet-item.has_dov_odd {
    background-color: var(--q-default-details-2-dov)
}

.screen:deep(.wrap-hot) .carousel .more-handel div {
    background: var(--q-gb-bg-c-22);
    color: var(--q-gb-t-c-3);
    border-radius: 6px
}

.screen:deep(.wrap-hot) .carousel .more-handel div:hover .set-color:before {
    color: var(--q-match-resluts-t-c-2)
}

.screen:deep(.wrap-hot) .carousel .hot-item-wrap.theme-1 .more-handel div .more-num {
    font-weight: 600;
    color: var(--q-text-color-1-1)
}

.screen:deep(.wrap-hot) .carousel .hot-item-wrap.theme-1 .more-handel div:hover .more-num {
    color: var(--q-text-color-1-1-hover)
}

.screen:deep(.wrap-hot) .carousel .control .btn {
    display: block
}

.screen:deep(.wrap-hot) .carousel .control .control-item {
    background: var(--q-gb-bd-c-8)
}

.screen:deep(.wrap-hot) .carousel .control .control-item.active {
    background: var(--q-gb-t-c-16)
}

:deep(.details_data) {
    padding-bottom: 20px
}

.detail_right_model {
    padding-bottom: 10px
}

.home-vs-away {
    font-weight: 600
}

.right-info:deep(.football-after) {
    width: 97%
}

:deep(.bet-list-info) {
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 1001;
    background-repeat: no-repeat !important;
    background-size: cover;
    background-color: #24282b;
    color: #99a3b1 !important
}

:deep(.bet-list-info) .bet-list .bet-content .text-color-555 {
    color: inherit !important
}

.new-pc-2025 .screen .wrap-hot .carousel .handicap .handicap-item .c-bet-item {
    background: var(--q-Handicap-default-half-court)
}

.new-pc-2025 .screen .wrap-hot .carousel .handicap .handicap-item .c-bet-item:hover {
    background: var(--q-Handicap-hover-all)
}

.new-pc-2025 .screen .wrap-hot .carousel .more-handel div {
    background: var(--q-Handicap-default-half-court)
}

.right_detail_container .football-after .info-time,
.detail-header-box .football-after .info-time {
    background: #1f2129
}

.right_detail_container .more-info,
.detail-header-box .more-info {
    display: flex;
    flex-direction: column;
    gap: 0
}

.right_detail_container .more-info .more-time,
.right_detail_container .more-info .more-both,
.detail-header-box .more-info .more-time,
.detail-header-box .more-info .more-both {
    width: 100%
}

.right_detail_container .go-top-box,
.detail-header-box .go-top-box {
    height: 115px
}

.right_details_wrap.full-screen .wrap-template .c-bet-item {
    font-size: 12px;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 15px;
    background: transparent
}

.right_details_wrap.full-screen .handicap-item {
    flex: 1 !important;
    width: auto;
    margin: 0 4px 6px;
    border-radius: 4px;
    overflow: hidden;
    height: 44px;
    line-height: 44px;
    padding: unset;
    background-color: var(--q-transparent-white-color-1) !important;
    border: .5px solid hsla(0, 0%, 100%, .08)
}

.bet-full-box[data-v-aebdaac5] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    max-height: 500px
}

.screen[data-v-aebdaac5] {
    padding-bottom: 10px
}

.home-vs-away[data-v-aebdaac5] {
    display: flex;
    width: calc(100% - 12px)
}

.home-vs-away .team[data-v-aebdaac5] {
    width: 45%
}

.home-vs-away .team-left[data-v-aebdaac5] {
    text-align: right
}

.w100[data-v-aebdaac5] {
    width: 100%
}

.icon-arrow[data-v-89c16bd9] {
    width: 16px;
    height: 16px;
    margin-right: 12px;
    cursor: pointer
}

.mrleft[data-v-89c16bd9] {
    margin-top: -2px
}

.v-s-timer .count-wrap .count.lanqiu[data-v-c0d5847e] {
    height: auto
}

.v-m-container[data-v-412776ff] {
    max-width: 460px;
    width: 90%
}

.date_title_er[data-v-412776ff] {
    padding: 0 10px
}

.date_title_er .name[data-v-412776ff] {
    width: 0;
    flex: 1;
    padding: 0 10px
}

.date_title_er .name .ellipsis[data-v-412776ff] {
    width: 100%;
    text-align: center
}

.new-pc-2025 .virtual-stage-page-999 .banner .current-score[data-v-59531541],
.new-pc-2025 .virtual-stage-page-999 .banner .current-score .c-s-timer-w[data-v-59531541] {
    color: #fff
}

.banner[data-v-59531541] {
    display: flex;
    align-items: center;
    justify-content: center
}

.virtual-stage-page-999 .fat-box[data-v-59531541] {
    margin-top: unset;
    width: 400px;
    max-width: 90%;
    overflow: unset;
    position: relative
}

.virtual-stage-page-999 .fat-box .football-score[data-v-59531541] {
    width: 100%;
    flex-direction: column
}

.virtual-stage-page-999 .fat-box .football-score .name-wrap[data-v-59531541] {
    width: 0
}

.virtual-stage-page-999 .fat-box .football-score .name-wrap img[data-v-59531541] {
    width: 20px;
    height: 20px
}

.virtual-stage-page-999 .fat-box .football-score .football-end-c[data-v-59531541] {
    display: flex;
    width: 100%;
    margin-bottom: 14px
}

.virtual-stage-page-999 .fat-box .match-name[data-v-59531541] {
    line-height: 20px
}

.virtual-stage-page-999 .fat-box .match-end[data-v-59531541] {
    background-color: unset;
    color: #fff
}

.virtual-stage-page-999 .fat-box .mmp-status[data-v-59531541] {
    margin-top: unset;
    margin-right: unset;
    top: 115px
}

.virtual-stage-page-999 .fat-box .score[data-v-59531541] {
    width: 100%;
    margin-top: unset
}

.dplayer-controller,
.dplayer-menu,
.dplayer-setting,
.dplayer-bar-time,
.dplayer-notice,
.dplayer-live-badge,
.dplayer-mobile-play,
.dplayer-mask,
.dplayer-controller-mask,
.dplayer-info-panel,
.fat-box.ended .dplayer-video-wrap {
    display: none !important
}

.content-999 {
    line-height: 18px;
    font-size: 12px;
    max-width: 400px
}

.content-999.is-iframe-style {
    max-width: 350px
}

.icon-path[data-v-c4e5c000] {
    fill: var(--q-theme-color-1-default)
}

.new-pc-2025 .vr-footbal-replay .yb-flex-center.active[data-v-df41a8da] {
    background: linear-gradient(90deg, var(--q-transparent-function-color-1) .12%, var(--q-transparent-theme-color-1) 99.88%), var(--q-bg-color-1-3) !important
}

.new-pc-2025 .vr-footbal-replay .result-section .result-item[data-v-df41a8da] {
    height: 32px;
    padding: 0 12px
}

.new-pc-2025 .vr-footbal-replay .result-section .result-item[data-v-df41a8da]:nth-child(odd) {
    background-color: var(--q-Handicap-default-full-court)
}

.new-pc-2025 .vr-footbal-replay .result-section .result-item[data-v-df41a8da]:nth-child(2n) {
    background-color: var(--q-Handicap-default-half-court)
}

.new-pc-2025 .vr-footbal-replay .result-section .result-item .value[data-v-df41a8da],
.new-pc-2025 .vr-footbal-replay .result-section .result-item .name[data-v-df41a8da] {
    color: var(--q-text-color-2)
}

.new-pc-2025 .vr-footbal-replay .result-section .result-item .odds[data-v-df41a8da] {
    color: var(--q-theme-color-1-default)
}

.item-bg[data-v-df41a8da] {
    display: flex;
    cursor: pointer
}

.item-bg .item-left[data-v-df41a8da] {
    width: 44px;
    display: flex;
    align-items: center
}

.item-bg .item-left .number[data-v-df41a8da] {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: DIN-Medium;
    font-weight: 500
}

.item-bg .item-com[data-v-df41a8da] {
    flex: 1
}

.col2[data-v-a8a6dda3] {
    width: 0 !important;
    flex: 1
}

.new-pc-2025 .vr-elimination-rank .match-item .left_contend .team_box[data-v-8a274176],
.new-pc-2025 .vr-elimination-rank .match-item .right_side_win .final[data-v-8a274176] {
    background-color: var(--q-bg-color-3-1)
}

.new-pc-2025 .vr-elimination-rank .tabs-bar>div[data-v-8a274176] {
    color: var(--q-text-color-2)
}

.new-pc-2025 .vr-elimination-rank .tabs-bar>div.progress_bar[data-v-8a274176] {
    color: var(--q-theme-color-1-default)
}

.new-pc-2025 .vr-elimination-rank .tabs-bar>div.progress_bar i[data-v-8a274176] {
    border-color: var(--q-theme-color-1-default)
}

.tabs-bar .ellipsis[data-v-8a274176] {
    width: 100%;
    text-align: center
}

.penaltyScore[data-v-8a274176] {
    color: #e93d3d
}

.vr-elimination-rank .match-item .left_contend[data-v-8a274176] {
    max-width: 320px;
    width: 15vw
}

.vr-elimination-rank .match-item .left_contend .team_box .right .team .name[data-v-8a274176] {
    min-width: 90px
}

.vr-elimination-rank .match-item .right_side_win .final[data-v-8a274176] {
    width: 0
}

.vr-elimination-rank .match-item .right_side_win[data-v-8a274176] {
    width: 38%
}

.new-pc-2025 .vr-group-knockout[data-v-7984835a] {
    border-radius: 8px
}

.new-pc-2025 .vr-group-knockout .tabs[data-v-7984835a] {
    background-color: var(--q-bg-color-3-2);
    border: 1px solid var(--q-stroke-color-2);
    border-bottom: 1px solid var(--q-stroke-color-1)
}

.new-pc-2025 .vr-ranking_list .leaderboard[data-v-956d71f7] {
    background-color: var(--q-bg-color-3-2);
    border-radius: 8px 8px 0 0;
    border: 1px solid var(--q-bg-color-1-3);
    border-bottom: 1px solid var(--q-stroke-color-1);
    position: unset;
    top: unset
}

.new-pc-2025 .vr-ranking_list .header[data-v-956d71f7] {
    background-color: var(--q-bg-color-3-2)
}

.col2[data-v-956d71f7] {
    width: 0;
    text-align: left;
    flex: 1
}

.col2 .ellipsis[data-v-956d71f7],
.dynamic-title .items-center[data-v-f933fc0e] {
    width: 100%
}

.dynamic-title .items-center .virtual-name[data-v-f933fc0e] {
    width: 0;
    flex: 1
}

.odd[data-v-f933fc0e] {
    text-align: center
}

.vr-virtual-sports.csid1004 .vr-team-width {
    min-width: 290px
}

.vr-virtual-sports .virtual-content-wrapper {
    margin-top: 10px;
    color: var(--q-gb-t-c-3);
    background-color: var(--q-gb-bg-c-22)
}

.vr-virtual-sports .virtual-content-wrapper .list-expand {
    width: 16px;
    height: 16px;
    margin: 0 0 0 12px;
    flex-shrink: 0
}

.vr-virtual-sports .virtual-content-wrapper .list-expand.list-expand-fold {
    transform: rotate(180deg)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card-content {
    background: var(--q-gb-bg-c-24);
    background-color: var(--q-gb-bg-c-13);
    margin-bottom: 6px;
    border-radius: 6px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .vr-team-width {
    width: 30%
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .vr-handicap-width {
    flex: 1
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .vr-video-width {
    width: 5%
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .icon-timer:before {
    color: var(--q-gb-t-c-6)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .icon-timer.active:before {
    color: var(--q-gb-t-c-16)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .fixed-head {
    position: sticky;
    top: 50px;
    background: var(--q-gb-bg-c-21);
    z-index: 100
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-wrapper {
    height: 32px;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    align-items: center;
    padding: 0 8px;
    background-color: var(--q-gb-bg-c-27)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-wrapper .tab-item {
    height: 26px;
    line-height: 26px;
    border-radius: 4px;
    margin-right: 6px;
    padding: 0 1px;
    flex-shrink: 0;
    color: var(--q-gb-t-c-24);
    position: relative
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-wrapper .tab-item.active {
    color: var(--q-gb-t-c-1)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-wrapper .tab-item.active:after {
    content: "";
    display: block;
    width: 32px;
    height: 2px;
    background: var(--q-gb-t-c-1);
    position: absolute;
    bottom: 3px;
    margin-left: 16px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title {
    height: 40px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-6);
    background-color: var(--q-gb-bg-c-39);
    border-radius: 6px;
    position: sticky;
    top: 0;
    z-index: 1;
    width: 100%;
    cursor: pointer
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title.fold .handicap-col,
.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title.fold .basketball_title {
    opacity: 0
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .tab-title_left {
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-6)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .tab-title_left .timer_box {
    display: flex;
    align-items: center;
    margin-left: 16px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .tab-title_left .timer_box .timer_color {
    color: var(--q-gb-t-c-16)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .tab-title_left .timer_box>img {
    width: 18px;
    height: 18px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .tab-title_left .timer_box>div {
    margin-left: 5px;
    font-family: PingFang SC;
    font-size: 13px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0px;
    text-align: left
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .tab-title_left .timer_box .timer_soon {
    width: 16px;
    height: 16px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .tab-title-inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .tab-title_label {
    height: 100%
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .tab-title_label .handicap-col {
    flex: 1;
    text-align: center;
    display: inline-block;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .basketball_title {
    text-align: center
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title.tab-border {
    border-bottom: 1px solid var(--q-gb-bd-c-4)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .league-name {
    margin: 0 4px;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 0px;
    text-align: right;
    white-space: nowrap
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .league-name .playing_icon {
    width: 14px;
    height: 14px;
    background-size: cover
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .cursor-pointer_vr {
    cursor: pointer;
    position: absolute;
    right: 18px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .cursor-pointer_vr.icon_is_iframe {
    right: 12px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .cursor-pointer_vr .live_off2 {
    width: 20px;
    height: 14px;
    background-size: cover
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .status {
    display: flex;
    justify-content: center
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .status.status_1004 {
    position: absolute;
    right: 6px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .status .icon-void {
    width: 20px;
    height: 16px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .status .state {
    margin: 0 5px;
    color: #fff;
    padding: 0 6px;
    border-radius: 3px;
    font-size: 11px;
    display: inline-block;
    min-width: 48px;
    text-align: center
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .status .icon {
    transform: rotate(180deg)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .status .icon.expend_icon {
    transform: rotate(90deg)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title_active {
    background-color: var(--q-gb-bg-c-1)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title_active .tab-title_left {
    color: var(--q-gb-bg-c-30)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title_active .tab-title_left .img {
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title_active .tab-title_left .img img {
    margin-left: 3px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title_active .tab-title_left .img>span {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0px;
    text-align: right;
    color: var(--q-gb-t-c-32);
    margin-left: 16px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title_active .tab-title_left .right-border {
    color: var(--q-gb-t-c-32)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .expend_video {
    width: 99%;
    margin-top: 1px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .all-leagues {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    height: 27px;
    border-top: 2px solid var(--q-gb-bd-c-3);
    background-color: var(--q-gb-bg-c-25)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .all-leagues .left {
    font-size: 12px;
    color: var(--q-gb-t-c-18);
    display: flex;
    align-items: center
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .all-leagues .left img {
    width: 12px;
    height: 12px;
    margin-right: 4px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .all-leagues .right {
    display: flex;
    align-items: center
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .all-leagues .right div {
    width: 20px;
    height: 16px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .all-leagues .right div.expend_all_league {
    transform: rotate(-90deg)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .list-wrapper {
    margin: 4px 0;
    padding: 0 7px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .virtual-video-play-team {
    display: flex;
    padding: 1px 1px 0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .virtual-video-play-team .vsm-options {
    width: 49%;
    height: 52px;
    background: var(--q-gb-bg-c-24);
    border-radius: 4px;
    margin-bottom: 8px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    font-size: 12px;
    padding: 2px 12px
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .virtual-video-play-team .vsm-options.active {
    background: var(--q-gb-bg-c-37);
    box-shadow: 0 2px 6px #0000000a
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .virtual-video-play-team .vsm-options.active .teams {
    color: var(--q-gb-t-c-30)
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .virtual-video-play-team .vsm-options .teams {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .play-name-item {
    text-align: center
}

.vr-virtual-sports .video-icon-noselect {
    width: 20px;
    height: 14px;
    background-size: 100% auto
}

.vr-virtual-sports .list-analysis {
    width: 12px;
    height: 12px;
    background-size: 100% 100%
}

@keyframes dir_remind_animate {
    0% {
        transform: translate(0);
        opacity: 0
    }

    60% {
        transform: translate(-6px);
        opacity: 1
    }

    to {
        transform: translate(-9px);
        opacity: 0
    }
}

@keyframes dir_right_remind_animate {
    0% {
        transform: translate(-9px);
        opacity: 0
    }

    60% {
        transform: translate(-6px);
        opacity: 1
    }

    to {
        transform: translate(0);
        opacity: 0
    }
}

.vr-match-item-wrap {
    width: 100%;
    border-radius: 0;
    border-bottom: 1px solid var(--q-gb-bd-c-14);
    position: relative
}

.vr-match-item-wrap.standard {
    height: 140px
}

.vr-match-item-wrap .team-title img {
    width: 20px;
    height: 20px;
    margin-right: 4px
}

.vr-match-item-wrap .match-data-item {
    width: 100%;
    height: 100%;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap
}

.vr-match-item-wrap .match-data-item .team-left {
    flex-shrink: 0;
    height: 100%;
    display: flex
}

.vr-match-item-wrap .match-data-item.standard .sort_num {
    width: 55px;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: var(--q-gb-t-c-6);
    border-right: 1px solid var(--q-gb-bd-c-14)
}

.vr-match-item-wrap .match-data-item.standard .team-w-container {
    width: calc(100% - 55px);
    height: 100%;
    color: var(--q-gb-t-c-6);
    cursor: pointer
}

.vr-match-item-wrap .match-data-item.standard .team-title {
    height: 32px;
    line-height: 32px;
    margin-bottom: 2px
}

.vr-match-item-wrap .match-data-item.standard .team-title .team-name {
    width: 100%
}

.vr-match-item-wrap .match-data-item.standard .team-title .team-name .ellipsis {
    max-width: calc(100% - 24px)
}

.vr-match-item-wrap .match-data-item .team-w-container {
    flex-grow: 1
}

.vr-match-item-wrap .match-data-item .team-wrapper {
    flex: 1;
    width: 100%;
    height: 100%;
    padding: 0 12px
}

.vr-match-item-wrap .match-data-item .team-wrapper .team_title_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%
}

.vr-match-item-wrap .match-data-item .team-wrapper .play-count {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    padding-top: 18px;
    font-size: 12px;
    color: var(--q-text-color-disable);
    text-align: right
}

.vr-match-item-wrap .match-data-item .team-wrapper .play-count i {
    transform: rotate(90deg);
    font-size: 12px
}

.vr-match-item-wrap .match-data-item .team-wrapper.standard .team-title {
    width: 100%;
    margin-top: 8px
}

.vr-match-item-wrap .match-data-item .team-wrapper.standard .team-title .basketball-score {
    color: var(--q-gb-bg-c-1)
}

.vr-match-item-wrap .match-data-item .m-c-container {
    background: red;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.vr-match-item-wrap .match-data-item .m-c-container.standard {
    height: 100%;
    flex-grow: 2
}

.vr-match-item-wrap .match-data-item .m-c-container.standard .score-wrap {
    padding-top: 13px;
    width: 40px
}

.vr-match-item-wrap .match-data-item .m-c-container.standard .score-wrap .score {
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px
}

.vr-match-item-wrap .match-data-item .m-c-container.simple {
    width: 100vw
}

.vr-match-item-wrap .match-data-item .m-c-container.simple .bet-item-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 2px;
    width: 274px;
    margin: 0 auto
}

.vr-match-item-wrap .match-data-item .m-c-container .play-icon-wrapper {
    height: 30px;
    min-width: 43px
}

.vr-match-item-wrap .match-data-item .m-c-container .score-wrap {
    width: 15px;
    text-align: center
}

.vr-match-item-wrap .match-data-item .m-c-container .score-wrap .score {
    height: 23px;
    line-height: 21px;
    margin-bottom: 3px
}

.vr-match-item-wrap .match-data-item .m-c-container .simple-time {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 7px;
    flex-direction: column
}

.vr-match-item-wrap .match-data-item .m-c-container .simple-time .time-wrap {
    margin: 8px auto 5px
}

.vr-match-item-wrap .match-data-item .e-c-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.vr-match-item-wrap .match-data-item .e-c-container .viod-icon {
    width: 20px;
    height: 14px
}

.vr-match-item-wrap .match-data-item .e-c-container .viod-icon:nth-child(2n) {
    width: 12px;
    height: 8px;
    margin-top: 10px
}

.vr-match-item-wrap .match-data-item .e-c-container .viod-icon .icon-void {
    width: 20px;
    height: 16px
}

.vr-match-item-wrap .match-data-item .profession {
    overflow: hidden;
    position: relative
}

.vr-match-item-wrap .match-data-item .profession .play-count {
    font-size: 10px;
    color: #afb3c8;
    text-align: right;
    padding-right: 10px;
    margin-bottom: 5px
}

.vr-match-item-wrap .match-data-item .profession .play-count i {
    transform: rotate(90deg);
    font-size: 10px
}

.vr-match-item-wrap .match-data-item .profession .slide_icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.vr-match-item-wrap .match-data-item .profession .slide_icon.animate-effect {
    animation: dir_remind_animate cubic-bezier(.49, .49, .61, .59) 1.4s infinite
}

.vr-match-item-wrap .match-data-item .profession .slide_icon.animate-effect-r {
    animation: dir_right_remind_animate cubic-bezier(.49, .49, .61, .59) 1.4s infinite
}

.vr-match-item-wrap .match-data-item .profession .standard-odd-l-w {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    transition: all .2s;
    -webkit-transition: all .2s
}

.vr-match-item-wrap .match-data-item .profession .standard-odd-l-w.status2 {
    transform: translate(-184px);
    -webkit-transform: translateX(-184px)
}

.vr-match-item-wrap .match-data-item .dir-standard {
    width: 100%;
    margin-top: 4rem
}

.vr-match-item-wrap .match-data-item .dir-standard .block {
    width: 8px;
    height: 2px;
    border-radius: 1px
}

.vr-match-item-wrap .match-data-item .dir-standard .block:last-child {
    margin-left: 4px
}

.vr-match-item-wrap .match-data-item .standard-odd-list {
    width: 100%;
    flex-shrink: 0;
    justify-content: space-between
}

.vr-match-item-wrap .match-data-item .standard-odd-list.second {
    margin-left: 8px
}

.vr-match-item-wrap .match-data-item .standard-odd-list.status2 {
    margin-left: 0
}

.vr-match-item-wrap .match-data-item .standard-odd-list .odd-column-w {
    margin: 0 5px
}

.vr-match-item-wrap .match-data-item .standard-odd-list .odd-wrap-min {
    width: 110px;
    height: 32px;
    overflow: hidden;
    border-radius: 2px;
    margin-bottom: 2px;
    background-color: var(--q-gb-bg-c-23)
}

.vr-match-item-wrap .match-data-item .standard-odd-list .odd-wrap-min .odd-column-item .odd-title {
    color: #afb3c8
}

.vr-match-item-wrap .match-data-item .standard-odd-list .odd-wrap-min.hp-2,
.vr-match-item-wrap .match-data-item .standard-odd-list .odd-wrap-min.hp-0 {
    height: 49px
}

.vr-match-item-wrap .match-data-item .standard-odd-list .odd-wrap-min:last-child {
    margin-bottom: 0;
    background-color: var(--q-gb-bg-c-24)
}

.vr-match-item-wrap .match-data-item .standard-odd-list .odd-wrap-min.column2 {
    height: 46px
}

.vr-match-item-wrap .match-data-item .border-radius4 {
    border-radius: 4px;
    overflow: hidden
}

.vr-match-item-wrap .match-data-item .video-play-icon {
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-position: center
}

.vr-match-item-wrap .match-data-item .match-play-count {
    font-weight: 400;
    color: #afb3c8;
    padding-right: 10px
}

.vr-match-item-wrap .match-data-item .match-play-count.standard {
    line-height: 30px;
    height: 30px;
    font-size: 12px
}

.vr-match-item-wrap .match-data-item .match-play-count.simple {
    width: 38px;
    font-size: 13px;
    width: 95%
}

.vr-match-item-wrap .match-data-item .match-play-count.simple .yb-icon-arrow {
    margin-top: 2px
}

.vr-match-item-wrap .match-data-item .team-title {
    height: 23px;
    margin-bottom: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px
}

.vr-match-item-wrap .match-data-item .team-title .bold {
    color: var(--q-gb-t-c-16)
}

.vr-match-item-wrap .time-wrap {
    width: 37px;
    height: 16px;
    font-size: 12px;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    margin-right: 7px;
    padding-top: 2px;
    padding-left: 1px
}

.vr-match-item-wrap .time-wrap .time {
    min-width: 18px;
    text-align: center;
    line-height: 1
}

.vr-match-item-wrap .icon-s-wrap {
    margin-right: 7px
}

.vr-match-item-wrap .finally {
    width: 27px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 1;
    font-size: 11px;
    color: var(--q-gb-bg-c-30);
    background-image: var(--q-color-com-img-bg-111)
}

.c-theme-1 {
    --q-vr-color-1: #CBCED8;
    --q-vr-color-2: #555555
}

.c-theme-2,
.c-theme-3 {
    --q-vr-color-1: #737373;
    --q-vr-color-2: #A0A0A0
}

.match-new-card-987897 {
    height: 80px;
    display: flex;
    width: 100%
}

.match-new-card-987897 .match-part {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.match-new-card-987897 .match-part span {
    color: #555;
    font-size: 12px
}

.match-new-card-987897 .match-part span:nth-child(1) {
    font-weight: 600;
    line-height: 20px
}

.match-new-card-987897 .match-des {
    flex: 1;
    border-left: 1px solid var(--q-gb-bd-c-8);
    border-right: 1px solid var(--q-gb-bd-c-8);
    padding: 14px 15px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.match-new-card-987897 .match-des .match-data {
    height: 52px;
    font-size: 12px;
    text-align: center;
    background-color: var(--q-gb-bg-c-27);
    border-radius: 2px;
    color: var(--q-vr-color-2);
    cursor: pointer
}

.match-new-card-987897 .match-des .match-data.pt {
    width: 80px
}

.match-new-card-987897 .match-des .tips-body {
    overflow: unset
}

.match-new-card-987897 .match-des .tips-body.style1 {
    transform: translate(10px, 8px)
}

.match-new-card-987897 .match-des .tips-body.style1 .direction {
    top: -12px
}

.match-new-card-987897 .match-des .tips-body.style2 {
    transform: translate(10px, -8px)
}

.match-new-card-987897 .match-des .tips-body.style2 .direction {
    bottom: -12px;
    transform: rotate(180deg)
}

.match-new-card-987897 .match-des .tips-body .direction {
    position: absolute;
    left: 0;
    width: 14px;
    height: 14px;
    border: 7px solid transparent;
    border-bottom: 7px solid #eaeaea
}

.match-new-card-987897 .match-des .tips-body .direction.other {
    left: 200px
}

.match-new-card-987897 .match-des .tips-body .direction:after {
    position: absolute;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent #f7f8fa;
    content: "";
    top: 2px;
    left: -5px;
    pointer-events: none
}

.match-new-card-987897 .match-des .match-new-handicap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    height: 52px;
    background-color: var(--q-gb-bg-c-31);
    border-radius: 3px
}

.match-new-card-987897 .match-des .match-new-handicap:hover {
    background-color: var(--q-gb-bg-c-31)
}

.match-new-card-987897 .match-des .match-new-handicap.active {
    color: var(--q-gb-t-c-18) !important;
    background: var(--q-gb-t-c-16) !important
}

.match-new-card-987897 .match-des .match-new-handicap.active .c-bet-item {
    background-color: var(--q-gb-t-c-16) !important
}

.match-new-card-987897 .match-des .match-new-handicap.active .c-bet-item .handicap-value-text {
    color: var(--q-gb-t-c-18) !important
}

.match-new-card-987897 .match-des .match-new-handicap.active .bold {
    cursor: pointer;
    color: var(--q-gb-t-c-18) !important
}

.match-new-card-987897 .match-des .match-new-handicap img {
    height: 28px;
    width: 28px
}

.match-new-card-987897 .match-des .match-left img {
    margin-left: 6px
}

.match-new-card-987897 .match-des .match-right img {
    margin-right: 6px
}

.match-new-card-987897 .match-des .odd-bg {
    background: none;
    justify-content: center !important;
    margin-right: 0 !important
}

.match-new-card-987897 .match-des .odd-bg:hover {
    background: none
}

.match-new-card-987897 .match-method {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.match-new-card-987897 .match-odd {
    font-weight: 700;
    font-size: 14px;
    color: var(--q-gb-t-c-3)
}

.match-new-card-987897 .match-score {
    color: var(--q-gb-bg-c-57);
    font-size: 20px;
    text-align: center
}

.match-new-card-987897 .active .common-text {
    color: var(--qq--match-text-color2)
}

.match-new-card-987897 .common-text {
    color: var(--qq--yb-text-color4_6);
    font-size: 12px
}

.match-new-card-987897 .mr-8 {
    margin-right: 8px;
    white-space: nowrap
}

.match-new-card-987897 .v-icon {
    max-width: 50px;
    padding: 0 5px;
    height: 16px;
    cursor: pointer;
    color: var(--q-vr-color-1);
    border-radius: 2px;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid var(--q-vr-color-1);
    text-align: center
}

.match-new-card-987897 .video-active {
    color: var(--qq--y0-text-color2);
    border: 1px solid var(--qq--y0-text-color2)
}

.match-new-card-987897 .match-name.bold {
    color: var(--q-gb-t-c-16)
}

.match-new-card-987897 .video-active {
    color: var(--q-gb-t-c-16) !important;
    border: 1px solid var(--q-gb-bg-c-1) !important
}

.match-new-card-987897 .c-bet-item {
    color: var(--q-gb-t-c-3);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.match-new-card-987897 .c-bet-item.text-wight {
    max-width: 80%
}

.match-new-card-987897 .c-bet-item .highlight-odds.red {
    color: red !important
}

.match-new-card-987897 .c-bet-item .highlight-odds.green {
    color: green !important
}

.match-new-card-987897 .c-bet-item.active {
    background: var(--q-gb-t-c-16) !important;
    color: var(--q-gb-t-c-18) !important
}

.match-new-card-987897 .c-bet-item.active .handicap-value-text {
    color: var(--q-gb-t-c-18) !important
}

.match-new-card-987897 .c-bet-item.active .odds .highlight-odds {
    color: var(--q-gb-t-c-18)
}

.match-new-card-987897 .c-bet-item.active .handicap-more,
.match-new-card-987897 .c-bet-item.active .red,
.match-new-card-987897 .c-bet-item.active .green {
    color: var(--q-gb-t-c-18) !important
}

.match-new-card-987897 .lock {
    width: 12px;
    height: 14px;
    background-size: 100%;
    margin: 0 auto
}

.match-new-card-987897 .handicap-value {
    line-height: 34px;
    flex: .8;
    text-align: right;
    height: 34px;
    white-space: nowrap
}

.match-new-card-987897 .handicap-value.style2 {
    min-width: 55%
}

.match-new-card-987897 .handicap-value.style2 .handicap-value-text {
    min-width: 30px;
    text-align: left
}

.match-new-card-987897 .handicap-value.style2 .iframe-lang-style.handicap-value-text {
    min-width: 24px
}

.match-new-card-987897 .handicap-value.left_cell.nogoal {
    flex: 1.5
}

.match-new-card-987897 .handicap-value.injury-time-goal {
    flex: 1.7
}

.match-new-card-987897 .handicap-value.injury-time-goal.left_cell {
    flex: 2.3
}

.match-new-card-987897 .handicap-value .handicap-more {
    margin-right: 2px
}

.match-new-card-987897 .odds {
    flex: 1;
    font-weight: 600;
    justify-content: end;
    margin-left: 2px
}

.match-new-card-987897 .odds.hv {
    justify-content: flex-start !important
}

.match-new-card-987897 .c-bet-item .odds .highlight-odds {
    padding: 2px 0;
    color: var(--q-gb-t-c-3);
    margin-right: 4px
}

.match-new-card-987897 .c-bet-item .odds .highlight-odds:hover {
    background-color: var(--q-gb-bg-c-54);
    color: var(--q-gb-t-c-31)
}

.vr-list-bet {
    color: var(--q-gb-t-c-3);
    border-radius: 4px;
    background-color: var(--q-gb-bg-c-27);
    display: flex;
    align-items: center;
    overflow: hidden;
    font-weight: 600;
    font-size: 12px
}

.vr-list-bet:hover {
    background-color: var(--q-gb-bg-c-63) !important
}

.vr-list-bet .odds .highlight-odds {
    padding: 2px 0;
    color: var(--q-gb-t-c-3)
}

.vr-list-bet .odds .highlight-odds:hover {
    background-color: var(--q-gb-bg-c-54);
    color: var(--q-gb-t-c-31)
}

.vr-list-bet.text-wight {
    max-width: 80%
}

.vr-list-bet.up {
    background-color: var(--q-gb-bg-c-28) !important
}

.vr-list-bet.up .handicap-more {
    color: var(--q-gb-t-c-3)
}

.vr-list-bet.up .handicap-value-text {
    color: var(--q-gb-t-c-16)
}

.vr-list-bet.up:after {
    content: "";
    position: absolute;
    top: -5px;
    right: -6px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 9px solid #e93d3d;
    transform: rotate(45deg)
}

.vr-list-bet.down {
    background-color: var(--q-gb-bg-c-29) !important
}

.vr-list-bet.down .handicap-more {
    color: var(--q-gb-t-c-3)
}

.vr-list-bet.down .handicap-value-text {
    color: var(--q-gb-t-c-16)
}

.vr-list-bet.down:after {
    content: "";
    position: absolute;
    bottom: -5px;
    right: -6px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 9px solid #50c042;
    transform: rotate(-45deg)
}

.vr-list-bet .highlight-odds.red {
    color: red !important
}

.vr-list-bet .highlight-odds.green {
    color: green !important
}

.vr-list-bet.active {
    background: var(--q-gb-t-c-16) !important;
    color: var(--q-gb-t-c-18) !important
}

.vr-list-bet.active .handicap-value-text {
    color: var(--q-gb-t-c-18) !important
}

.vr-list-bet.active .odds .highlight-odds {
    color: var(--q-gb-t-c-18)
}

.vr-list-bet.active .handicap-more,
.vr-list-bet.active .red,
.vr-list-bet.active .green {
    color: var(--q-gb-t-c-18) !important
}

.vr-list-bet .back-hover:hover {
    background-color: var(--q-gb-bg-c-27) !important
}

.vr-list-bet .lock {
    width: 12px;
    height: 12px;
    background-size: 100%;
    margin: 0 auto
}

.vr-list-bet .handicap-value.style2 .handicap-value-text {
    text-align: left
}

.vr-list-bet .handicap-value .handicap-more {
    margin-right: 2px
}

.vr-list-bet.bet-item-flex .odds {
    font-weight: 600;
    justify-content: center
}

.vr-list-bet.bet-item-flex .odds .highlight-odds {
    padding: 0 2px !important
}

.vr-list-bet.no-handicap .handicap-value,
.vr-list-bet.no-handi .handicap-value,
.vr-list-bet.null-handicap .handicap-value {
    display: none
}

.vr-list-bet.no-handicap .odds,
.vr-list-bet.no-handi .odds,
.vr-list-bet.null-handicap .odds {
    justify-content: center;
    margin-left: 0
}

.vr-list-bet .null-handicap .handicap-value {
    display: none
}

.vr-list-bet .null-handicap .odds {
    margin-left: 0;
    justify-content: center
}

.vr-list-bet .handicap-value-text {
    font-weight: 500;
    white-space: nowrap;
    color: var(--q-gb-t-c-16)
}

.vr-list-bet .handicap-value-ranks {
    overflow: hidden !important;
    white-space: nowrap !important
}

.match-new-card-987897 .match-new-handicap:hover {
    background-color: var(--q-gb-bg-c-63) !important
}

.match-new-card-987897 .highlight-odds {
    padding: 2px;
    border-radius: 2px
}

.match-new-card-987897 .highlight-odds:hover {
    background-color: var(--q-gb-bg-c-54);
    color: var(--q-gb-t-c-32)
}

.new-pc-2025-cur .csid1004 .vr-match-item-wrap.standard {
    height: 126px
}

.new-pc-2025-cur .csid1004 .vr-list-handicap,
.new-pc-2025-cur .csid1004 .vr-list-handicap .handicap-1004,
.new-pc-2025-cur .csid1004 .vr-list-handicap .handicap-col {
    height: 100%
}

.new-pc-2025-cur .csid1004 .vr-list-handicap .handicap-col .bet-item-wrap {
    padding-top: unset;
    height: 34px;
    margin-top: 8px
}

.new-pc-2025-cur .csid1004 .vr-list-handicap .handicap-col .bet-item-wrap:last-child .vr-list-null-bet {
    display: none
}

.new-pc-2025-cur .csid1004 .match-data-item.standard {
    position: relative
}

.new-pc-2025-cur .csid1004 .match-data-item.standard:before {
    content: "";
    position: absolute;
    height: 34px;
    border-top: .5px solid var(--q-stroke-color-1);
    left: 54px;
    right: calc(6% - 10px);
    bottom: 0;
    pointer-events: none
}

.vr-list-handicap .handicap-col {
    flex: 1
}

.vr-list-handicap .handicap-col .bet-item-wrap {
    width: 100%;
    height: 47px;
    padding: 2px
}

.vr-list-handicap .handicap-col .bet-item-wrap:first-child {
    padding-top: 8px
}

.vr-list-handicap .handicap-col .bet-item-wrap:last-child {
    padding-bottom: 8px
}

.vr-list-handicap .handicap-col .bet-item-wrap.visibility {
    visibility: hidden
}

.vr-list-handicap .handicap-col .bet-item-wrap.right-rimless {
    border-right: none
}

.vr-list-handicap .no-wrap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-25)
}

.vr-list-handicap .no-wrap .handicap-col:nth-of-type(n + 4):nth-of-type(-n + 6) .bet-item-wrap .c-bet-item {
    background-color: var(--q-gb-bg-c-31)
}

.new-pc-2025 .csid1004 .vr-match-item-wrap.standard {
    height: 126px
}

.new-pc-2025 .csid1004 .vr-list-handicap,
.new-pc-2025 .csid1004 .vr-list-handicap .handicap-1004,
.new-pc-2025 .csid1004 .vr-list-handicap .handicap-col {
    height: 100%
}

.new-pc-2025 .csid1004 .vr-list-handicap .handicap-col .bet-item-wrap {
    padding-top: unset;
    height: 34px;
    margin-top: 8px
}

.new-pc-2025 .csid1004 .vr-list-handicap .handicap-col .bet-item-wrap:last-child .vr-list-null-bet {
    display: none
}

.new-pc-2025 .csid1004 .match-data-item.standard {
    position: relative
}

.new-pc-2025 .csid1004 .match-data-item.standard:before {
    content: "";
    position: absolute;
    height: 34px;
    border-top: .5px solid var(--q-stroke-color-1);
    left: 54px;
    right: calc(6% - 10px);
    bottom: 0;
    pointer-events: none
}

.c-match-startistic {
    border-radius: 6px;
    box-shadow: 0 0 3px #0003;
    margin: 2px;
    background: #181a21
}

.c-match-startistic.theme-1 {
    background: #fff
}

.c-match-startistic.theme-1 .info .line {
    background: #179cff
}

.c-match-startistic.theme-1 .proccss {
    background-color: #179cff
}

.c-match-startistic.style1 {
    padding: 15px 10px;
    width: 240px
}

.c-match-startistic.style1 .score-list .score-item {
    font-size: 12px;
    color: var(--q-gb-t-c-3);
    margin: 4px 0
}

.c-match-startistic.style1 .score-list .score-item .info {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.c-match-startistic.style1 .score-list .score-item .info .line {
    margin-right: 8px;
    height: 4px;
    border-radius: 2px;
    overflow: hidden;
    background-color: #7d7d7d26;
    justify-content: flex-end
}

.c-match-startistic.style1 .score-list .score-item .info .line div {
    background: #45b0ff
}

.c-match-startistic.style1 .score-list .score-item .info.away {
    flex-direction: row-reverse
}

.c-match-startistic.style1 .score-list .score-item .info.away .line {
    margin: 0 0 0 8px;
    justify-content: flex-start
}

.c-match-startistic.style1 .score-list .score-item .info.away .line div {
    background: #ffb001
}

.c-match-startistic.style1 .score-list .score-item .separate {
    margin: 0 3px;
    width: 8px;
    height: 2px;
    background: var(--q-gb-t-c-3)
}

.c-match-startistic.style1 .result-wrap {
    margin-top: 10px
}

.c-match-startistic.style1 .result-wrap .item {
    flex: 1
}

.c-match-startistic.style1 .result-wrap .item .result-list {
    margin-top: 8px;
    width: 90px
}

.c-match-startistic.style1 .result-wrap .item .result-list .result-item {
    margin: 2px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    background: #feae2b;
    color: #fff
}

.c-match-startistic.style1 .result-wrap .item .result-list .result-item.item-W {
    background: #e93d3d
}

.c-match-startistic.style1 .result-wrap .item .result-list .result-item.item-L {
    background: #50c042
}

.c-match-startistic.style2 {
    top: 35px;
    right: 32%;
    padding: 5px 20px;
    min-width: 220px;
    align-items: flex-start
}

.c-match-startistic.style2 .item {
    display: flex;
    justify-self: start;
    align-items: center;
    width: 100%;
    margin: 5px 0;
    color: var(--q-gb-t-c-3)
}

.c-match-startistic.style2 .item .five-star-item path {
    fill: #7d7d7d4d
}

.c-match-startistic.style2 .item .five-star-item.active path {
    fill: var(--q-gb-bg-c-1)
}

.c-match-startistic.style2 .item .name {
    margin-right: 15px;
    white-space: nowrap
}

.c-match-startistic.style2 .item .rs-number {
    margin-right: 7px;
    color: var(--q-gb-bg-c-1)
}

.c-match-startistic.style2 .item .percent-line {
    margin-right: 10px;
    flex: 1;
    height: 6px;
    background: #dfe0e8
}

.c-match-startistic.style2 .item .percent-line .proccss {
    display: inline-block;
    height: 100%;
    background: var(--q-gb-bg-c-1)
}

.c-match-startistic.style2 .item .icon-star {
    margin-right: 5px
}

.c-match-startistic.style2 .item .icon-star:before {
    font-size: 12px;
    color: var(--q-gb-t-c-40) !important
}

.c-match-startistic.style2 .item .icon-star.active:before {
    color: #ffaa17 !important
}

.virtual-match-tpl2 {
    display: block;
    margin: 4px 0
}

.virtual-match-tpl2 .handicap-value {
    justify-content: center
}

.virtual-match-tpl2 .team-wrap {
    display: grid;
    align-content: space-around
}

.virtual-match-tpl2 .team-wrap .team-item {
    height: 35px;
    display: flex;
    align-items: center;
    border-top: none !important;
    color: var(--q-gb-t-c-6)
}

.virtual-match-tpl2 .team-wrap .team-item .ranking-icon {
    margin: 0 22px 0 24px;
    width: 24px;
    height: 24px;
    --per: -24px
}

.virtual-match-tpl2 .media-col {
    display: grid;
    align-content: space-around;
    min-width: unset !important;
    max-width: unset !important
}

.virtual-match-tpl2 .media-col .media-items {
    height: 35px;
    display: flex;
    justify-items: center
}

.virtual-match-tpl2 .media-col-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center
}

.virtual-match-tpl2 .media-col-wrap .c-icon {
    font-size: 14px
}

.virtual-match-tpl2 .media-col-wrap .item {
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 10px 8px
}

.virtual-match-tpl2 .media-col-wrap .item img {
    width: 12px;
    height: 12px
}

.virtual-match-tpl2 .more-row {
    padding: 12px;
    border-radius: 5px;
    margin-top: 3px
}

.virtual-match-tpl2 .more-row .icon-triangle3 {
    margin-left: 5px;
    font-size: 17px;
    position: relative;
    top: 2px
}

.vr-list-main {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-right: 10px
}

.vr-list-main .yb-match-list {
    flex: 10;
    height: 0
}

.vr-list-main .scroll-fixed-header {
    background: var(--q-gb-bg-c-30)
}

.vr-list-main .scroll-fixed-header:after {
    height: 5px;
    content: "";
    width: 100%;
    bottom: -5px;
    position: absolute;
    background-color: var(--q-gb-bg-c-22)
}

.vr-list-main .refreh-container {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--q-gb-bg-c-42);
    margin-left: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.vr-list-main .refreh-container .refresh-icon {
    width: 16px;
    height: 16px
}

.vr-list-main .rotate-ani {
    animation: transx 1s linear 1
}

@keyframes transx {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.vr-list-main .virtual-main {
    width: 99.7%;
    background-color: var(--q-gb-bg-c-32)
}

.vr-list-main .go-top {
    padding: 15px 20px 30px 0
}

.vr-match-type-tabs {
    height: 60px;
    background: var(--q-gb-bg-c-39);
    border-top: 1px solid var(--q-gb-bd-c-14);
    border-bottom: 1px solid var(--q-gb-bd-c-14);
    align-items: center;
    display: flex;
    padding-left: 8px
}

.vr-match-type-tabs .content {
    align-items: center
}

.vr-match-type-tabs .flex {
    display: flex
}

.vr-match-type-tabs .tabs-item {
    height: 30px;
    margin: 0 6px;
    background: var(--q-gb-bg-lg-4);
    border-radius: 20px;
    border: .5px solid var(--q-gb-bd-c-20);
    color: var(--q-gb-t-c-6);
    font-size: 12px;
    padding: 0 12px;
    box-shadow: 0 2px 2px 0 var(--q-shadow-3);
    flex-shrink: 0
}

.vr-match-type-tabs .tabs-item.active {
    color: var(--q-gb-t-c-18);
    background: var(--q-gb-bg-c-1);
    border: none
}

.vr-match-type-tabs .tabs-item.active .icon-wrap {
    padding: 2px;
    border-radius: 50%;
    box-sizing: border-box
}

.vr-match-type-tabs .tabs-item .sport_icon_bg {
    background-color: var(--q-gb-bg-c-11);
    padding: 2px;
    border-radius: 50%;
    box-sizing: border-box
}

.vr-match-type-tabs .tabs-item .sport_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-position: 0 0;
    background-size: 100% auto
}

.vr-match-type-tabs .tabs-item .tab-text {
    height: 17px;
    display: flex;
    align-items: center;
    margin-left: 5px
}

.vr-leagues-tabs {
    height: 40px;
    background-image: var(--q-gb-bg-lg-18);
    border-radius: 0 0 6px 6px;
    border-top: none;
    color: var(--qq--menu-text-color2);
    background: var(--q-gb-bg-c-37)
}

.vr-leagues-tabs .leagues-tabs-ul {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    overflow: hidden;
    align-items: center
}

.vr-leagues-tabs .leagues-tabs-ul .leagues-tabs-li {
    position: relative;
    text-align: center;
    line-height: 40px;
    padding: 0 15px;
    cursor: pointer;
    color: var(--q-gb-t-c-6)
}

.vr-leagues-tabs .leagues-tabs-ul .leagues-tabs-li.active {
    color: var(--q-gb-bg-c-1)
}

.vr-leagues-tabs .leagues-tabs-ul .leagues-tabs-li.active_2 :before {
    content: "";
    height: 10px;
    width: 50%;
    border-radius: 20px;
    background: var(--q-gb-bg-c-1);
    display: block;
    position: absolute;
    bottom: -6px;
    left: 25%
}

.vr-leagues-tabs .line-wrap {
    bottom: 4px !important
}

.vr-leagues-tabs .col-right {
    border: 1px solid var(--q-gb-t-c-16);
    padding: 0 10px;
    border-radius: 16px;
    color: var(--q-gb-t-c-16);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    justify-self: center;
    font-weight: 400;
    font-size: 12px;
    box-shadow: 0 3px 3px #0038621a;
    margin: 0 20px;
    cursor: pointer
}

.vr-leagues-tabs .col-right .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.vr-leagues-tabs .col-right .arrow {
    font-size: 8px;
    margin-left: 2px;
    transform: rotate(180deg);
    width: 8px;
    height: 8px;
    background-size: 100% 100%;
    background-position: center
}

.vr-leagues-tabs .col-right .arrow.desc {
    transform: rotate(0)
}

.match-panel-99909 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 130px;
    background-size: cover
}

.match-panel-99909 .content {
    width: 560px;
    height: 130px;
    border-radius: 4px;
    background-color: #262931cc;
    box-shadow: 0 1px 15px #0000004d;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    color: #fff
}

.match-panel-99909 .content .roll_ball {
    display: flex;
    align-items: center;
    margin: 0 58px 6px
}

.match-panel-99909 .content .roll_ball span {
    font-size: 24px;
    font-weight: 500
}

.match-panel-99909 .content .img-wrap {
    flex-shrink: 0
}

.match-panel-99909 .content .home,
.match-panel-99909 .content .away,
.match-panel-99909 .content .match_time {
    display: flex;
    align-items: center
}

.match-panel-99909 .content .match_time {
    flex-flow: column;
    justify-content: center
}

.match-panel-99909 .content .team_name {
    display: -webkit-box;
    overflow: hidden;
    max-height: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.match-panel-99909 .content .home {
    justify-content: flex-end
}

.match-panel-99909 .content .home .img-wrap {
    justify-content: flex-end;
    margin-left: 20px
}

.match-panel-99909 .content .team_name {
    text-align: right
}

.match-panel-99909 .content .away {
    justify-content: flex-start
}

.match-panel-99909 .content .away .img-wrap {
    justify-content: flex-start;
    margin-right: 20px;
    max-height: 52px;
    overflow: hidden
}

.match-panel-99909 .content .team_name {
    text-align: left
}

.match-panel-99909 .content .home,
.match-panel-99909 .content .away {
    flex: 1;
    text-align: center
}

.match-panel-99909 .content .team_logo {
    width: 36px
}

.match-panel-99909 .content .team_logo.logo-double {
    margin-left: -8px
}

.header-fixed-999 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    height: 40px;
    font-size: 12px;
    background: #191c24;
    position: relative
}

.header-fixed-999 .tabs-panel {
    flex: 1;
    height: 40px
}

.header-fixed-999 .tabs-bar {
    z-index: 1;
    display: flex;
    width: 1000px;
    position: absolute
}

.header-fixed-999 .tabs-bar .tabs-item-wrap {
    display: flex
}

.header-fixed-999 .tabs-bar .tabs-item {
    padding: 0 15px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 38px;
    cursor: pointer
}

.header-fixed-999 .tabs-bar .tabs-item:hover {
    color: var(--q-gb-t-c-1)
}

.header-fixed-999 .tabs-bar .tabs-line {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 24px;
    height: 2px;
    border-radius: 2px;
    z-index: 10;
    transition: all .3s
}

.header-fixed-999 .tabs-icons {
    position: absolute;
    top: 0;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 40px;
    background-color: #1f222b;
    cursor: pointer
}

.header-fixed-999 .tabs-icons-left {
    left: 0
}

.header-fixed-999 .tabs-icons-left .yb-icon-arrow {
    transform: rotate(180deg)
}

.header-fixed-999 .tabs-icons-right {
    right: 0
}

.header-fixed-999 .row {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    background: none !important
}

.header-fixed-999 .row .right-icons {
    cursor: pointer;
    text-align: center;
    padding: 0 13px
}

.header-fixed-999 .row .icon-toggle {
    margin-right: 10px;
    cursor: pointer
}

.header-fixed-999 .row .icon-toggle:last-child {
    margin-right: 13px
}

.header-fixed-999 .row .icon-toggle:hover:before {
    color: var(--qq--right-icons-color-hover)
}

.header-fixed-999 .row .icon-toggle span {
    width: 24px
}

.vrpc-wrap-handicap {
    display: flex;
    flex: 1;
    flex-flow: column;
    height: 100%;
    border-right: none !important
}

.vrpc-wrap-handicap::-webkit-scrollbar {
    display: none
}

.vrpc-wrap-handicap .new_set_bet_item_text_color .bet-item {
    color: var(--q-gb-t-c-8) !important
}

.vrpc-wrap-handicap .new_set_bet_item_text_color .item-label.bet-ellipsis.ellipsis>.ellipsis-wrap {
    text-overflow: ellipsis;
    overflow: hidden
}

.vrpc-wrap-handicap .new_set_bet_item_text_color .item-label.bet-ellipsis.ellipsis {
    display: flex;
    justify-content: center
}

.vrpc-wrap-handicap .details_data {
    width: 100%
}

.vrpc-wrap-handicap .details_data .group-template {
    background: var(--q-gb-bg-c-22);
    height: fit-content;
    padding-bottom: 4px
}

.vrpc-wrap-handicap .details_data_load {
    width: 100%;
    height: 100%;
    z-index: 1;
    flex: 1
}

.vrpc-wrap-handicap .load-data-wrap {
    width: 100% !important
}

.vrpc-wrap-handicap .load-data-wrap .yb-flex-center {
    justify-content: start
}

.vrpc-wrap-handicap .go-top-btn {
    height: 24px
}

.vrpc-wrap-handicap .go-top-btn .msg {
    margin-left: 5px
}

.vrpc-wrap-handicap .wrap-tabs {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    height: 40px;
    border-bottom: 1px solid rgba(40, 43, 55, .5);
    background: #191c24;
    font-size: 12px
}

.vrpc-wrap-handicap .wrap-tabs .tabs-bar {
    z-index: 1;
    display: flex;
    width: 1000px
}

.vrpc-wrap-handicap .wrap-tabs .tabs-bar .tabs-item-wrap {
    display: flex
}

.vrpc-wrap-handicap .wrap-tabs .tabs-bar .tabs-item {
    padding: 0 14px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 38px;
    cursor: pointer
}

.vrpc-wrap-handicap .wrap-tabs .tabs-bar .tabs-item:hover,
.vrpc-wrap-handicap .wrap-tabs .tabs-bar .tabs-item.active {
    color: var(--q-gb-t-c-1)
}

.vrpc-wrap-handicap .wrap-tabs .tabs-bar .tabs-line {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--qq--yb-text-color1);
    transition: all .3s
}

.vrpc-wrap-handicap .wrap-tabs .tabs-icons {
    position: absolute;
    top: 0;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 40px;
    background-color: #1f222b;
    cursor: pointer
}

.vrpc-wrap-handicap .wrap-tabs .tabs-icons-left {
    left: 0
}

.vrpc-wrap-handicap .wrap-tabs .tabs-icons-left .yb-icon-arrow {
    transform: rotate(180deg)
}

.vrpc-wrap-handicap .wrap-tabs .tabs-icons-right {
    right: 0
}

.vrpc-wrap-handicap .wrap-tabs .tabs-handel {
    z-index: 2
}

.vrpc-wrap-handicap .wrap-tabs .right-icons {
    position: relative;
    z-index: 2;
    margin-right: 10px;
    cursor: pointer
}

.vrpc-wrap-handicap .wrap-tabs .icon-toggle {
    margin-right: 10px;
    cursor: pointer
}

.vrpc-wrap-handicap .wrap-tabs .icon-toggle:before {
    color: #999
}

.vrpc-wrap-handicap .wrap-tabs .icon-toggle:hover:before {
    color: #d1d1d1
}

.vrpc-wrap-handicap .wrap-tabs .icon-toggle.active:before {
    color: var(--qq--yb-text-color1)
}

.vrpc-wrap-handicap .template .template-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 0 0;
    height: 34px;
    font-size: 12px;
    cursor: pointer
}

.vrpc-wrap-handicap .template .template-title:hover .set_top {
    display: block !important
}

.vrpc-wrap-handicap .template .template-title .set_top {
    margin-right: 5px;
    padding-left: 20px;
    height: 100%;
    text-align: center;
    line-height: 28px;
    cursor: pointer
}

.vrpc-wrap-handicap .template .template-title .play-name {
    display: flex;
    align-items: center;
    height: 14px;
    font-weight: 600
}

.vrpc-wrap-handicap .template .template-title .play-name:before {
    display: inline-block;
    margin-right: 10px;
    height: 14px;
    border-radius: 1.5px;
    content: "";
    width: 3px;
    background: var(--qq--theme-bg-play-name-before)
}

.vrpc-wrap-handicap .template .template0 .os-3,
.vrpc-wrap-handicap .template .template2 .os-3,
.vrpc-wrap-handicap .template .template4 .os-3,
.vrpc-wrap-handicap .template .template6 .os-3,
.vrpc-wrap-handicap .template .template7 .os-3,
.vrpc-wrap-handicap .template .template51 .os-3 {
    display: none !important
}

.vrpc-wrap-handicap .template .handicap {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    line-height: 34px
}

.vrpc-wrap-handicap .template .handicap .handicap-item {
    height: 34px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.vrpc-wrap-handicap .template .handicap .handicap-item.sub-title-2 {
    background: var(--q-match-details-left-title);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 8px
}

.vrpc-wrap-handicap .template .handicap .handicap-item.os-2 .c-bet-item:hover {
    cursor: text;
    background: var(--q-gb-bg-c-27)
}

.vrpc-wrap-handicap .template .handicap .os-1:hover .c-bet-item {
    border-color: transparent
}

.vrpc-wrap-handicap .template .handicap .os-1:hover .c-bet-item .bet-item {
    color: var(--q-gb-t-c-8)
}

.vrpc-wrap-handicap .template .handicap .os-1 .c-bet-item.active .bet-item,
.vrpc-wrap-handicap .template .handicap .os-1 .c-bet-item.active:hover .odds {
    color: var(--q-gb-t-c-18) !important
}

.vrpc-wrap-handicap .template .handicap .os-1.sub-title-2:hover {
    border-color: #0000001a
}

.vrpc-wrap-handicap .template .handicap .os-1 .handicap-name {
    color: #999
}

.vrpc-wrap-handicap .template .handicap .os-1 .odds {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    color: var(--q-gb-t-c-3);
    font-weight: 600
}

.vrpc-wrap-handicap .template .handicap .os-1 .odds .odds-item {
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer
}

.vrpc-wrap-handicap .template .handicap .os-1 .odds .odds-item .odds-num {
    color: #d1d1d1
}

.vrpc-wrap-handicap .template .handicap .os-1 .odds .odds-item .odds-pre {
    margin-right: 8px
}

.vrpc-wrap-handicap .template .c-bet-item {
    padding: 0 20px 0 15px
}

.vrpc-wrap-handicap .template-handicap {
    display: flex;
    flex: 1;
    position: unset
}

.vrpc-wrap-handicap .template-handicap .load-data-wrap.is-detail .empty-wrap {
    padding-top: 100px !important
}

.vrpc-wrap-handicap .template-handicap .load-data-wrap.is-detail .empty-wrap .text-center {
    padding-bottom: 50px
}

.vrpc-wrap-handicap .template-handicap .load-data-wrap.is-detail .loading-wrap {
    padding-top: 100px
}

.vrpc-wrap-handicap .template-handicap .load-data-wrap.is-detail .loading-wrap .text-center {
    padding-bottom: 50px
}

.vrpc-wrap-handicap .template-handicap .load-data-wrap.is-detail .refresh.fit {
    padding-top: 80px
}

.vrpc-wrap-handicap .template-handicap .double {
    display: flex
}

.vrpc-wrap-handicap .template-handicap .double .group-template {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 50%
}

.vrpc-wrap-handicap .template-handicap .double .group-template:has(> .isShow) {
    flex: 1;
    width: 50%
}

.vrpc-wrap-handicap .template-handicap .double .group-template:first-child {
    margin-right: 2px
}

.vrpc-wrap-handicap .template-handicap .double .group-template .template {
    width: 100%
}

.vrpc-wrap-handicap .template-handicap .group-template .template .wrap-template {
    border-radius: 8px;
    overflow: hidden
}

.vrpc-wrap-handicap .template-handicap .group-template .template .template6 .main-handicap .group:last-child {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.vrpc-wrap-handicap .template-handicap .group-template .template .template0 .main-handicap .handicap:last-child,
.vrpc-wrap-handicap .template-handicap .group-template .template .template2 .main-handicap .handicap:last-child,
.vrpc-wrap-handicap .template-handicap .group-template .template .template3 .main-handicap .handicap:last-child,
.vrpc-wrap-handicap .template-handicap .group-template .template .template7 .main-handicap .handicap:last-child {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.vrpc-wrap-handicap .template-handicap .group-template .template .template10>div:last-child {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.vrpc-wrap-handicap .template-handicap .group-template .template .c-bet-item .odds-icon {
    top: auto;
    bottom: auto
}

.vrpc-wrap-handicap .template-handicap .group-template .template .c-bet-item .odds-icon:before {
    display: none
}

.vrpc-wrap-handicap .template-handicap .handicap-wrap {
    flex: 1;
    width: 100%
}

.vrpc-wrap-handicap .template-handicap .handicap-wrap .bet-item {
    display: flex;
    align-items: center
}

.vrpc-wrap-handicap .template-handicap .handicap-wrap .bet-item .bet-ellipsis {
    min-width: 1px
}

.vrpc-wrap-handicap .template-handicap .handicap-wrap .bet_handicap {
    margin-left: 6px
}

.vrpc-wrap-handicap .template-handicap .handicap-wrap .bet_handicap .handicap-value {
    flex: 1
}

.vrpc-wrap-handicap .template-handicap .handicap-wrap .bet_handicap .item-label:first-child {
    margin-right: 6px
}

.vrpc-wrap-handicap .template-handicap .handicap-wrap .ranking-nos {
    display: flex
}

.vrpc-wrap-handicap .template-handicap .handicap-wrap .rank-no {
    width: 16px;
    height: 16px;
    --per: -16px
}

.vrpc-wrap-handicap .null-bg {
    height: 100px
}

.vrpc-wrap-handicap .template-handicap .group-template .template {
    background: var(--q-gb-bd-c-13);
    border-radius: 8px;
    box-shadow: none !important;
    width: 100%;
    margin-top: 4px
}

.vrpc-wrap-handicap .handicap-item {
    padding: 5px;
    height: 44px !important;
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important
}

.vrpc-wrap-handicap .handicap-item .c-bet-item {
    cursor: pointer;
    background: var(--q-gb-bg-c-31)
}

.vrpc-wrap-handicap .handicap-item .c-bet-item:hover {
    color: var(--q-gb-t-c-18);
    background: var(--q-gb-bg-c-63)
}

.vrpc-wrap-handicap .handicap-item .c-bet-item:hover .odds {
    color: var(--q-gb-t-c-5)
}

.vr-details {
    display: flex;
    height: 100%
}

.vr-details .wrap-title {
    display: flex;
    align-items: center;
    padding: 0 10px 0 15px;
    height: 36px;
    font-size: 14px;
    border-radius: 6px 6px 0 0
}

.vr-details .wrap-title .group-back {
    height: 20px;
    width: 30px;
    display: flex;
    align-items: center
}

.vr-details .wrap-title .title {
    flex: 1;
    align-items: center;
    display: flex;
    justify-content: center
}

.vr-details .wrap-title .title .timer_box {
    color: var(--q-gb-t-c-16);
    display: flex;
    align-items: center
}

.vr-details .wrap-title .title .timer_box .icon-timer:before {
    color: var(--q-gb-t-c-16)
}

.vr-details .wrap-title .title .timer_box .timer_format {
    margin-left: 5px
}

.vr-details .wrap-title .right-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.vr-details .wrap-title .right-icon .icon-wrap .icon-refresh {
    position: relative;
    top: -2px
}

.vr-details .wrap-title .right-icon>span {
    margin-right: 15px;
    color: var(--qq--color-card-wrap-title);
    font-size: 12px;
    cursor: pointer
}

.vr-details .wrap-title .refresh {
    width: 24px;
    height: 24px;
    border-radius: 13px;
    margin-right: 5px
}

.vr-details .wrap-title .refresh .refresh_icon .icon-balance_refresh span {
    font-size: 18px
}

.vr-details .wrap-title .refresh .refresh_icon .icon-balance_refresh span:before {
    color: #999
}

.vr-details .wrap-handicap {
    display: flex;
    flex: 1;
    flex-flow: column;
    width: 100%;
    height: 100%;
    border-right: 2px solid #1e232a
}

.vr-details .wrap-handicap .v-scroll-area:after {
    border-left: none
}

.vr-details .screen {
    display: flex;
    flex-flow: column;
    height: 100%;
    font-size: 12px
}

.vr-details .screen .content-wrap {
    border-top: none
}

.vr-details .screen .detail-main {
    overflow-x: scroll;
    overflow-y: hidden
}

.vr-details .screen .detail-main::-webkit-scrollbar {
    display: none
}

.vr-details .screen .detail-main2 {
    margin-bottom: 50px
}

.vr-details .screen .football_1001,
.vr-details .screen .football_1004 {
    background-size: cover
}

.vr-details .screen .football_1011,
.vr-details .screen .football_1002,
.vr-details .screen .football_1010,
.vr-details .screen .football_1009 {
    background-size: 100%
}

.vr-details .go-top {
    margin-top: 20px
}

.vr-details .wrap-hot .carousel,
.vr-details .wrap-total .total_chart,
.vr-details .wrap-recents .info,
.vr-details .league-rank,
.vr-details .group-rank,
.vr-details .rank-title {
    background: var(--q-gb-bg-c-32)
}

.vr-details .wrap-hot .info {
    color: var(--q-gb-t-c-5) !important
}

.vr-details .league-rank .title {
    background-image: var(--q-gb-bg-lg-17);
    color: var(--q-gb-t-c-4)
}

.vr-details .yb-match-list .scroll-fixed-header {
    border-radius: 6px 6px 0 0
}

.vr-details .scroll-fixed-header {
    background-image: var(--q-gb-bg-lg-15);
    border-radius: 0 0 6px 6px;
    border: 1px solid var(--q-gb-bd-c-8);
    border-top: none
}

.vr-details .scroll-fixed-header .tabs-panel {
    overflow: hidden
}

.vr-details .scroll-fixed-header .tabs-panel .line-wrap {
    display: none
}

.vr-details .scroll-fixed-header .tabs-panel .item-wrap {
    align-items: center
}

.vr-details .scroll-fixed-header .tabs-panel .tab-item {
    color: var(--q-gb-t-c-6);
    font-size: 13px;
    background: var(--q-gb-bg-lg-4);
    border: .5px solid var(--q-gb-bd-c-8);
    margin-right: 10px;
    box-shadow: 0 3px 3px #00386240;
    border-radius: 36px
}

.vr-details .scroll-fixed-header .tabs-panel .tab-item:hover {
    border: .5px solid var(--q-gb-bd-c-12);
    background-color: var(--q-gb-bg-c-27);
    color: var(--q-gb-t-c-1)
}

.vr-details .scroll-fixed-header .tabs-panel .tab-item.active {
    color: var(--q-gb-t-c-18);
    background: var(--q-match-details-active)
}

.vr-details .scroll-fixed-header .tabs-panel .tabs-icons {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .scroll-fixed-header .tabs-panel .tabs-icons-left {
    border-radius: 0 0 0 6px
}

.vr-details .scroll-fixed-header .tabs-panel .tabs-icons-right {
    border-radius: 0 0 6px
}

.vr-details .scroll-fixed-header .tabs-bar {
    height: 100%
}

.vr-details .scroll-fixed-header .tabs-bar .tabs-line {
    display: none
}

.vr-details .scroll-fixed-header .tabs-bar .tabs-item-wrap {
    align-items: center;
    padding-left: 16px
}

.vr-details .scroll-fixed-header .tabs-bar .tabs-item {
    color: var(--q-gb-t-c-1);
    font-weight: 400;
    min-width: 60px;
    height: 24px;
    line-height: 23px;
    background-color: #3b435933;
    border: .5px solid rgb(61, 65, 82);
    border-radius: 15px;
    margin-right: 10px
}

.vr-details .scroll-fixed-header .tabs-bar .tabs-item:hover {
    border: .5px solid #2cb2ff;
    background-color: #2cb2ff0f;
    color: var(--q-gb-t-c-1)
}

.vr-details .scroll-fixed-header .tabs-bar .tabs-item.active {
    color: var(--q-gb-t-c-1);
    font-weight: 600;
    background-image: var(--q-gb-bg-lg-16);
    border: none;
    line-height: 24px
}

.vr-details .scroll-fixed-header .tabs-icons {
    background: var(--q-gb-bg-c-22)
}

.vr-details .wrap-icon .icon-signal:before,
.vr-details .wrap-icon .icon-star:before {
    color: var(--q-gb-bg-c-8)
}

.vr-details .wrap-icon:hover .icon-signal:before {
    color: var(--q-match-resluts-t-c-2) !important
}

.vr-details .wrap-template .handicap-item.sub-title-2 {
    color: var(--q-gb-t-c-16);
    font-size: 12px;
    font-weight: 500
}

.vr-details .wrap-template .handicap-item.os-1:hover .c-bet-item .bet-item,
.vr-details .wrap-template .handicap-item.os-1:hover .c-bet-item .bet-item .yb-family-odds.normal_color {
    color: var(--q-gb-t-c-5)
}

.vr-details .wrap-template .handicap-item.os-1:hover .c-bet-item .bet-item .yb-family-odds.normal_color .color {
    color: var(--q-gb-t-c-16)
}

.vr-details .wrap-template .handicap-item .c-bet-item .bet-item {
    font-size: 12px;
    color: var(--q-gb-t-c-5)
}

.vr-details .wrap-template .handicap-item .c-bet-item .bet-item .yb-family-odds {
    color: var(--q-gb-t-c-16);
    font-weight: 500;
    min-width: 20px
}

.vr-details .wrap-template .handicap-item .c-bet-item .bet-item .yb-family-odds.normal_color {
    color: var(--q-gb-t-c-5)
}

.vr-details .wrap-template .handicap-item .c-bet-item .bet-item .yb-family-odds.normal_color .color {
    color: var(--q-gb-t-c-16)
}

.vr-details .wrap-handicap {
    border-right: none !important
}

.vr-details .wrap-title {
    background: var(--q-gb-bg-c-13);
    border-bottom: none
}

.vr-details .wrap-title .group-back i:before {
    color: var(--q-gb-t-c-13) !important
}

.vr-details .wrap-title .title {
    color: var(--q-gb-t-c-5)
}

.vr-details .wrap-title .right-icon .refresh,
.vr-details .wrap-title .right-icon .sr-link-icon-w {
    border-radius: 13px !important;
    background-color: var(---q-gb-bg-c-22);
    background-image: var(--q-gb-bg-c-20)
}

.vr-details .wrap-title .right-icon .refresh i,
.vr-details .wrap-title .right-icon .sr-link-icon-w i {
    color: var(--q-gb-t-c-1)
}

.vr-details .wrap-title .right-icon .refresh i:before,
.vr-details .wrap-title .right-icon .sr-link-icon-w i:before {
    color: var(--q-match-resluts-t-c-3) !important
}

.vr-details .wrap-title .right-icon .refresh:hover,
.vr-details .wrap-title .right-icon .sr-link-icon-w:hover {
    background: var(--q-gb-bg-c-22)
}

.vr-details .wrap-title .right-icon .refresh .icon-balance_refresh span,
.vr-details .wrap-title .right-icon .sr-link-icon-w .icon-balance_refresh span {
    font-size: 18px
}

.vr-details .wrap-title .right-icon .refresh .icon-balance_refresh span:before,
.vr-details .wrap-title .right-icon .sr-link-icon-w .icon-balance_refresh span:before {
    color: #999
}

.vr-details .scroll-header:before {
    content: "";
    position: absolute;
    width: 100%;
    background-color: var(--q-gb-bg-c-22);
    height: 6px;
    z-index: -1
}

.vr-details .wrap-template .template-title+.handicap {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template .template-title .play-name {
    color: var(--q-gb-t-c-5);
    font-weight: 500;
    font-size: 13px
}

.vr-details .wrap-template .template-title .play-name:before {
    background: var(--q-gb-bg-c-17)
}

.vr-details .wrap-template .icon-set_top:before {
    color: var(--q-gb-t-c-16)
}

.vr-details .wrap-template .handicap .no_border_bottom {
    border-bottom: 0 none !important
}

.vr-details .wrap-template .handicap .handicap-item {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template .handicap .handicap-item:not(:last-child) {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template .handicap .handicap-item .highlight {
    color: var(--q-gb-t-c-16)
}

.vr-details .wrap-template .handicap .handicap-item.border-right {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template .handicap .c-bet-item.active .highlight,
.vr-details .wrap-template .handicap .c-bet-item.active .item-label,
.vr-details .wrap-template .handicap .c-bet-item.active .common-none,
.vr-details .wrap-template .handicap .c-bet-item.active .yb-number-font,
.vr-details .wrap-template .handicap .c-bet-item.active .bet_handicap {
    color: var(--q-gb-t-c-18)
}

.vr-details .wrap-template .handicap .c-bet-item.active .highlight .color,
.vr-details .wrap-template .handicap .c-bet-item.active .item-label .color,
.vr-details .wrap-template .handicap .c-bet-item.active .common-none .color,
.vr-details .wrap-template .handicap .c-bet-item.active .yb-number-font .color,
.vr-details .wrap-template .handicap .c-bet-item.active .bet_handicap .color {
    color: var(--q-gb-t-c-1)
}

.vr-details .wrap-template .handicap .c-bet-item.active .highlight .ellipsis-wrap,
.vr-details .wrap-template .handicap .c-bet-item.active .item-label .ellipsis-wrap,
.vr-details .wrap-template .handicap .c-bet-item.active .common-none .ellipsis-wrap,
.vr-details .wrap-template .handicap .c-bet-item.active .yb-number-font .ellipsis-wrap,
.vr-details .wrap-template .handicap .c-bet-item.active .bet_handicap .ellipsis-wrap,
.vr-details .wrap-template .handicap .c-bet-item.active .highlight .on-text,
.vr-details .wrap-template .handicap .c-bet-item.active .item-label .on-text,
.vr-details .wrap-template .handicap .c-bet-item.active .common-none .on-text,
.vr-details .wrap-template .handicap .c-bet-item.active .yb-number-font .on-text,
.vr-details .wrap-template .handicap .c-bet-item.active .bet_handicap .on-text {
    color: var(--q-gb-t-c-18) !important
}

.vr-details .wrap-template .handicap-sub-title {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template .sub-title-1 {
    color: var(--q-gb-t-c-6)
}

.vr-details .wrap-template .sub-title-1:nth-child(2) {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template.template7 .bet-item .yb-family-odds,
.vr-details .wrap-template.template2 .bet-item .yb-family-odds {
    color: #179cff
}

.vr-details .wrap-template.template3 .main-handicap:not(:last-child) .handicap-item {
    border-bottom: 1px solid rgb(40, 43, 55)
}

.vr-details .wrap-template.template4 .sub-title,
.vr-details .wrap-template.template18 .sub-title {
    color: var(--q-gb-t-c-6);
    background: transparent
}

.vr-details .wrap-template.template4 .handicap-sub-title .handicap-item,
.vr-details .wrap-template.template18 .handicap-sub-title .handicap-item {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template.template4 .handicap-sub-title .part-left .handicap-item,
.vr-details .wrap-template.template18 .handicap-sub-title .part-left .handicap-item {
    border-right: 0
}

.vr-details .wrap-template.template4 .handicap-sub-title .part-middle .handicap-item,
.vr-details .wrap-template.template18 .handicap-sub-title .part-middle .handicap-item {
    border-left: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template.template4 .other-item,
.vr-details .wrap-template.template18 .other-item {
    justify-content: center
}

.vr-details .wrap-template.template4 .other-item .other,
.vr-details .wrap-template.template18 .other-item .other {
    background: transparent
}

.vr-details .wrap-template.template4 .other-item .placehold:not(:last-child),
.vr-details .wrap-template.template18 .other-item .placehold:not(:last-child) {
    display: none
}

.vr-details .wrap-template.template4 .other-item .placehold:last-child,
.vr-details .wrap-template.template18 .other-item .placehold:last-child {
    flex: unset;
    width: 33.33%;
    border-radius: 4px
}

.vr-details .wrap-template.template6 .sub-title {
    color: var(--q-gb-t-c-6);
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template.template6 .main-handicap .group .flex-1:not(:last-child) .handicap-item {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template.template6 .main-handicap .group .flex-1:last-child .handicap-item {
    border-right: none
}

.vr-details .wrap-template.template6 .main-handicap .group .handicap-item .on-text {
    color: var(--q-gb-t-c-16)
}

.vr-details .wrap-template.template6 .main-handicap .group .handicap-item .active .on-text {
    color: var(--q-gb-t-c-1)
}

.vr-details .wrap-template.template6 .handicap .handicap-item:nth-child(odd) {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template.template6 .handicap .handicap-item:last-child {
    border-bottom: none
}

.vr-details .wrap-template.template9 .sub-title {
    color: var(--q-gb-t-c-6)
}

.vr-details .wrap-template.template10 .handicap .handicap-layout:first-child .handicap-item,
.vr-details .wrap-template.template10 .handicap .handicap-layout:nth-child(2) .handicap-item {
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template.template10 .handicap .handicap-layout:nth-child(3) .handicap-item {
    border-right: none
}

.vr-details .wrap-template.template10 .handicap .layout-line {
    background: var(--q-gb-bg-c-11)
}

.vr-details .wrap-template.template10 .handicap .layout-line .handicap-item {
    border-bottom: none
}

.vr-details .wrap-template.template10 .handicap .layout-line .handicap-item:not(:last-child) {
    background: var(--q-gb-bg-c-11);
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .wrap-template.template10 .handicap .handicap-item .c-bet-item .bet-item {
    color: var(--q-gb-t-c-16);
    font-weight: 500
}

.vr-details .is_rang .handicap-item .c-bet-item .bet-item {
    color: var(--q-gb-t-c-20)
}

.vr-details .is_rang .handicap-item.os-1:hover .c-bet-item .bet-item {
    color: var(--q-gb-t-c-5)
}

.vr-details .v-scroll-area:after {
    border-left: none
}

.vr-details .hot-title:before,
.vr-details .recents-tilte:before,
.vr-details .panel-title:before {
    background: var(--q-gb-bg-c-1);
    width: 3px !important;
    border-radius: 1.5px
}

.vr-details .screen {
    color: var(--q-gb-t-c-3)
}

.vr-details .screen .c-video-ctrl .ctrl-wrap .name {
    color: var(--q-gb-t-c-1)
}

.vr-details .screen .right_details_header {
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    background: var(--q-gb-bg-c-11)
}

.vr-details .screen .right_details_header.is_esports {
    border-radius: 6px
}

.vr-details .screen .right_details_header .show_row .process-name {
    font-size: 10px;
    word-wrap: break-word;
    width: 62px;
    line-height: 1
}

.vr-details .screen .head-info {
    color: var(--q-gb-t-c-1)
}

.vr-details .screen .head-info .process-name,
.vr-details .screen .head-info .c-match-date {
    color: var(--q-gb-t-c-28)
}

.vr-details .screen .head-info .hide-btn {
    color: var(--q-gb-t-c-1)
}

.vr-details .screen .head-info .hide-btn:hover {
    background: #1f2129cc
}

.vr-details .screen .wrap-tabs {
    background: var(--q-gb-bg-c-30);
    border-top: none;
    right: unset
}

.vr-details .screen .wrap-tabs.all_empty {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.vr-details .screen .wrap-tabs .tabs-icons {
    background: var(--q-gb-bg-c-22)
}

.vr-details .screen .wrap-tabs .tabs-icons .yb-icon-arrow:before {
    border-color: #2cb2ff;
    border-top: 1px solid #2cb2ff;
    border-right: 1px solid #2cb2ff
}

.vr-details .screen .wrap-tabs .row {
    background: var(--q-gb-bg-c-13)
}

.vr-details .screen .wrap-tabs .row i:before {
    color: var(--q-gb-t-c-13)
}

.vr-details .screen .wrap-tabs .row i.active:before {
    color: var(--q-gb-t-c-16) !important
}

.vr-details .screen .template-title.is_fold {
    border-top: none
}

.vr-details .screen .template-title .play-name:before {
    width: var(--q-match-resluts-width-1);
    background: var(--q-gb-bg-c-17)
}

.vr-details .screen .other-item {
    background: var(--q-gb-bg-c-11)
}

.vr-details .screen .other-item .c-bet-item .bet_handicap {
    color: var(--q-gb-t-c-16);
    font-weight: 500
}

.vr-details .screen .other-item .os-1 .active .bet_handicap {
    color: var(--q-gb-t-c-18)
}

.vr-details .screen .other-item .os-1:hover .c-bet-item {
    border-color: transparent;
    background: var(--q-gb-bg-c-22)
}

.vr-details .screen .other-item .os-1:hover .c-bet-item.active .bet_handicap {
    color: var(--q-gb-t-c-18)
}

.vr-details .screen .detail_right_model {
    background: var(--q-gb-bg-c-22)
}

.vr-details .screen .detail_right_model .baseball .wrap-up .chart-round .item-warp .round-item.is_get,
.vr-details .screen .detail_right_model .baseball .wrap-up .chart-rhombus .wrap-rhombus .rhombus-item.is_get,
.vr-details .screen .detail_right_model .baseball .wrap-down .wrap-line .line-item.is_get {
    background: var(--q-gb-bg-c-17)
}

.vr-details .vtable .vbody .vtr .vtd:nth-child(3) .progress .q-linear-progress {
    color: var(--q-gb-t-c-16) !important
}

.vr-details .go-top-btn {
    background: #3e414d;
    color: #babdcc !important
}

.vr-details .go-top-btn .icon-go_top:before {
    color: #babdcc !important
}

.vr-details .go-top-btn:hover {
    background: #535766;
    color: #fff !important
}

.vr-details .go-top-btn:hover .icon-go_top:before {
    color: #fff !important
}

.vr-details-bet-item {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.vr-details-bet-item .lock {
    width: 12px;
    height: 12px
}

.vr-details-bet-item .handicap-value,
.vr-details-bet-item .yb-family-odds {
    line-height: 34px
}

.vr-details-bet-item .odds.yb-number-font:hover .yb-family-odds {
    background-color: var(--q-match-details-active);
    color: var(--q-gb-bg-c-11)
}

.vr-details-bet-item .yb-family-odds {
    padding: 1px 3px;
    border-radius: 3px
}

.vr-details-bet-item .odds.hv {
    justify-content: flex-start !important
}

.vr-details-bet-item .no-handicap .handicap-wrap,
.vr-details-bet-item .no-handi .handicap-wrap,
.vr-details-bet-item .null-handicap .handicap-wrap {
    display: none
}

.vr-details-bet-item .no-handicap .odds,
.vr-details-bet-item .no-handi .odds,
.vr-details-bet-item .null-handicap .odds {
    justify-content: center;
    margin-left: 0
}

.vr-details-bet-item .null-handicap .handicap-value {
    display: none
}

.vr-details-bet-item .null-handicap .odds {
    margin-left: 0;
    justify-content: center
}

.vr-details-bet-item .seal_on {
    justify-content: space-around
}

.vr-details-bet-item .seal_lock {
    margin-left: -20px
}

.vr-details-bet-item .bet-front {
    color: var(--qq--theme-color-handicap-item-title);
    font-size: 12px
}

.vr-details-bet-item.active {
    background: var(--q-gb-t-c-16) !important;
    color: var(--q-gb-bg-c-11)
}

.vr-details-bet-item.active .yb-number-font {
    color: var(--q-gb-t-c-18)
}

.vr-details-bet-item.active .yb-number-font .color {
    color: var(--q-gb-t-c-1)
}

.vr-details-bet-item.active .yb-number-font .ellipsis-wrap {
    color: var(--q-gb-t-c-28) !important
}

.vr-details-bet-item.active .handicap-wrap .bet-item .item-label .bet_handicap,
.vr-details-bet-item.active .handicap-wrap .bet-item .item-label .bet_handicap .color {
    color: var(--q-gb-bg-c-11) !important
}

.vr-details-bet-item .bet-inner .common-none {
    color: var(--q-gb-t-c-16);
    font-weight: 500;
    margin-right: -6px
}

.vr-details-bet-item .bet-inner .handicap-wrap,
.vr-details-bet-item .bet-inner .odds {
    color: var(--q-gb-t-c-3)
}

.vr-details-bet-item .bet-inner .odds {
    font-weight: 550
}

.vr-details-bet-item .empty_handcip {
    color: var(--q-gb-t-c-3);
    border-radius: 4px;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.vr-handicap-title .component.handicap-name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600
}

.vr-handicap-title .play-name {
    position: relative
}

.vr-handicap-title .template-title .icon-triangle {
    visibility: hidden;
    margin: 2px 10px 0 15px
}

.vr-handicap-title .template-title:hover .icon-triangle {
    visibility: visible
}

.vr-handicap-title .is_fold .icon-triangle {
    visibility: visible;
    margin-right: 10px;
    transform: rotate(180deg)
}

.vr-handicap-title .ellipsis {
    color: var(--q-gb-t-c-3);
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.vr-handicap-title .ellipsis .play-btn {
    text-align: center;
    padding: 3px 8px;
    line-height: 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    margin-right: 6px
}

.vr-handicap-title .ellipsis .play-btn {
    color: #fff
}

.vr-handicap-title .title-icon {
    position: absolute;
    left: 0;
    width: 3px;
    height: 14px;
    margin-right: 8px
}

.vr-handicap-title .title-svg {
    width: 37px;
    display: flex;
    justify-content: center
}

.vr-template0 {
    display: flex;
    flex-flow: wrap
}

.vr-template0 .handicap {
    flex-wrap: wrap
}

.vr-template0 .bet-item {
    margin-left: 5px
}

.vr-template0 .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.vr-template0 .main-handicap,
.vr-template0 .subjoin-handicap {
    width: 100%
}

.vr-template0 .main-handicap .handicap .handicap-item,
.vr-template0 .subjoin-handicap .handicap .handicap-item {
    width: 50%;
    flex: unset
}

.vr-template0 .subjoin-handicap {
    width: 100%
}

.vr-template0 .main-handicap .handicap .handicap-item:nth-child(2n) {
    border-right: none !important
}

.vr-template1 .handicap:last-child {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.vr-template1 .handicap .handicap-item {
    width: 33.33%
}

.vr-template1 .bet-item {
    margin-left: 5px
}

.vr-template1 .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.vr-template1 .expand-match-list .handicap-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 48px
}

.vr-template2 {
    display: flex;
    flex-flow: column
}

.vr-template2 .sub-title-1 span {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr-template2 .border-r:first-child {
    border-right: 2px solid rgba(0, 0, 0, .4)
}

.vr-template2 .handicap-item {
    width: 50%
}

.vr-template2 .bet-item {
    margin-left: 5px
}

.vr-template2 .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.vr-template2 .expand-match-list .wrap-template .border-r:first-child {
    border-right: none
}

.vr-template3 {
    display: flex;
    flex-flow: wrap
}

.vr-template3 .handicap {
    flex-wrap: wrap
}

.vr-template3 .bet-item {
    margin-left: 5px
}

.vr-template3 .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.vr-template3 .expand-match-list .handicap {
    flex-wrap: wrap;
    height: auto
}

.vr-template3 .main-handicap {
    width: 100%
}

.vr-template3 .main-handicap .handicap .handicap-item {
    width: 50%;
    flex: unset
}

.vr-template3 .main-handicap .handicap .handicap-item:nth-child(2n) {
    border-right: none
}

.vr-template4 .other-item {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 31px;
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.vr-template4 .other-item .placehold {
    background-color: var(--q-gb-bg-c-31) !important
}

.vr-template4 .handicap-sub-title {
    display: flex
}

.vr-template4 .handicap-sub-title:last-child {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.vr-template4 .handicap-sub-title .sub-title {
    height: 30px;
    text-align: center;
    line-height: 30px
}

.vr-template4 .handicap-sub-title .flex-1 {
    flex: 1
}

.vr-template4 .handicap-sub-title .flex-1 .handicap .handicap-item:last-child {
    border-bottom: none
}

.vr-template4 .handicap-sub-title .flex-1:last-child .handicap-item {
    border-right: none !important
}

.vr-template4 .handicap-sub-title .flex-2 {
    flex: 2
}

.vr-template4 .handicap-sub-title .flex-2 .handicap .handicap-item {
    width: 100%
}

.vr-template4 .handicap-sub-title .handicap {
    flex-wrap: wrap;
    height: auto
}

.vr-template4 .handicap-sub-title .handicap .handicap-item {
    flex: unset;
    width: 100%;
    height: 31px
}

.vr-template4 .bet-item {
    margin-left: 5px
}

.vr-template4 .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.vr-template4 .theme02 .other-item .placehold {
    background: #1f222b80
}

.vr-template4 .handicap-no-item {
    padding: 5px 0;
    height: 44px !important;
    width: 100%
}

.vr-template4 .handicap-no-item .no-item {
    background: var(--q-gb-bg-c-31);
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.vr-template5 .expand-match-list .handicap-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 48px
}

.vr-template5 .sub-title-1 {
    height: 32px;
    line-height: 32px
}

.vr-template5 .sub-title-1 .play_item2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr-template5 .sub-title-2 {
    width: 25% !important;
    text-align: center;
    flex: unset !important;
    padding: 5px !important;
    background-clip: content-box !important
}

.vr-template5 .handicap {
    flex-wrap: wrap;
    justify-content: flex-start
}

.vr-template5 .handicap:last-child .yb-family-odds {
    border-bottom: none
}

.vr-template5 .handicap .handicap-item {
    flex: unset;
    display: flex;
    justify-content: center !important;
    width: 37.5%
}

.vr-template5 .handicap .handicap-item:last-child {
    border-right: none
}

.vr-template5 .handicap .handicap-item .c-bet-item .handicap-wrap {
    display: none
}

.vr-template5 .handicap .handicap-item.item-specific {
    flex: 1;
    width: 100%
}

.vr-template5 .handicap .handicap-item.right {
    float: right
}

.vr-template5 .handicap .handicap-item.long {
    flex: 1
}

.vr-template5 .handicap .handicap-item .bet-justify {
    justify-content: center !important
}

.vr-template5 .bet-item {
    margin-left: 5px
}

.vr-template5 .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.vr-template7 {
    display: flex;
    flex-flow: wrap
}

.vr-template7 .handicap {
    flex-wrap: wrap
}

.vr-template7 .bet-item {
    margin-left: 5px
}

.vr-template7 .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.vr-template7 .main-handicap,
.vr-template7 .subjoin-handicap {
    width: 100%
}

.vr-template7 .main-handicap .handicap .handicap-item,
.vr-template7 .subjoin-handicap .handicap .handicap-item {
    width: 33.333%;
    flex: unset
}

.vr-template7 .subjoin-handicap {
    width: 100%
}

.vr-template10 .expand-match-list .handicap-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 48px
}

.vr-template10 .handicap {
    flex-wrap: wrap
}

.vr-template10 .handicap .handicap-layout {
    flex: 1
}

.vr-template10 .handicap .base-item {
    width: 33.333%;
    flex: unset
}

.vr-template10 .handicap .layout-line {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.vr-template10 .handicap .layout-line .handicap-item {
    flex: 1 1 33.33%;
    border-right: none
}

.vr-template10 .handicap .layout-line .handicap-item .empty {
    width: 100%;
    height: 100%
}

.vr-template10 .handicap .no_border_right {
    border-right: none !important
}

.vr-template10 .bet-item {
    margin-left: 5px
}

.vr-template10 .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.vr-template11 .handicap {
    flex-wrap: wrap;
    line-height: 1;
    justify-content: left;
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.vr-template11 .handicap .handicap-item {
    width: 20%;
    flex: unset
}

.vr-template11 .handicap .no_border-right {
    border-right: none !important
}

.vr-template11 .handicap .c-bet-item {
    height: 100%
}

.vr-template11 .handicap .c-bet-item .bet-inner .handicap-wrap {
    margin: 0
}

.vr-template11 .handicap .c-bet-item .bet-inner .handicap-wrap .rank-no {
    width: 16px;
    height: 16px;
    margin-right: 1px
}

.vr-template11 .handicap .c-bet-item .bet-inner .yb-family-odds {
    padding: 0 5px;
    height: 13px;
    line-height: 1
}

.vr-details-play-tab {
    overflow: hidden;
    padding: 0 16px;
    border-radius: 0 0 6px 6px
}

.vr-details-play-tab .item-wrap {
    position: absolute;
    top: 0;
    padding-left: 16px;
    display: flex;
    height: 100%;
    z-index: 99;
    align-items: center
}

.vr-details-play-tab .item-wrap.is_frame {
    padding-left: 24px !important
}

.vr-details-play-tab .item-wrap.is_frame .tab-item {
    font-size: 10px !important;
    padding: 0 6px !important;
    margin-right: 10px !important;
    min-width: 0 !important
}

.vr-details-play-tab .item-wrap .tab-item {
    cursor: pointer;
    padding: 0 15px;
    text-align: center;
    flex-shrink: 0;
    height: 24px;
    line-height: 24px;
    border-radius: 15px;
    color: var(--q-gb-t-c-5);
    position: relative;
    font-size: 12px;
    font-weight: 500
}

.vr-details-play-tab .item-wrap .tab-item.active {
    font-weight: 600;
    line-height: 24px;
    border: none !important;
    background: var(--q-gb-bg-c-1) !important
}

.vr-details-play-tab .item-wrap .tab-item .match-count {
    opacity: .7
}

.vr-details-play-tab .item-wrap .line-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px
}

.vr-details-play-tab .item-wrap .line-wrap .line {
    position: relative;
    width: 30px;
    height: 100%;
    transition: all .3s;
    z-index: 10
}

.vr-details-play-tab .item-wrap .line-wrap.pseudo .line:before,
.vr-details-play-tab .item-wrap .line-wrap.pseudo .line:after {
    display: none
}

.vr-details-play-tab .btn {
    height: 100%;
    position: absolute;
    top: 0;
    width: 38px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100
}

.vr-details-play-tab .left-btn {
    left: 0;
    transform: rotate(180deg)
}

.vr-details-play-tab .right-btn {
    right: 0
}

.vr-details-play-tab .leagues-bg .tab-wrap .item-wrap .line-wrap {
    bottom: 4px !important
}

.vr-details-play-tab .tab-icon {
    position: absolute;
    right: -5px;
    top: -10px;
    font-size: 12px;
    scale: .62;
    color: #fff;
    font-weight: 700;
    display: inline;
    line-height: 10px;
    text-align: center;
    background: linear-gradient(135deg, red, #ff7000);
    padding: 3px 5px;
    border-radius: 7px 7px 7px 0;
    overflow: hidden
}

.vr-details-play-tab .tab-icon:after {
    content: "";
    display: block;
    width: 200%;
    height: 400%;
    background-image: linear-gradient(to right, transparent, rgba(201, 196, 196, 0) 40%, rgba(255, 255, 255, .8) 50%, rgba(216, 208, 208, 0) 60%, transparent);
    position: absolute;
    left: 100%;
    bottom: -50%;
    transform-origin: center;
    transform: rotate(135deg);
    overflow: hidden;
    animation: bg_image 1.3s linear infinite
}

@keyframes bg_image {
    0% {
        transform: rotate(135deg) translate(0) translateY(0)
    }

    to {
        transform: rotate(135deg) translate(100%) translateY(50%)
    }
}

.virtual_info {
    width: 600px;
    background-color: #000c;
    margin: auto;
    font-size: 12px
}

.virtual_info .vtr {
    color: #fff;
    height: 21px;
    border-bottom: 1px solid rgba(153, 163, 177, .95);
    display: flex;
    align-items: center
}

.virtual_info .vtr .vtd {
    text-align: center;
    color: #fff
}

.virtual_info .vtr .vtd:first-child {
    width: 200px;
    text-align: left;
    padding-left: 30px
}

.virtual_info .vtr .vtd:nth-child(2) {
    width: 86px;
    margin-right: 28px
}

.virtual_info .vtr .vtd:nth-child(3) {
    width: 122px;
    margin-right: 46px
}

.virtual_info .vtr .vtd:nth-child(4) {
    width: 72px
}

.virtual_info .vtr:last-child {
    border: none
}

.virtual_info .vhead {
    height: 24px
}

.virtual_info .vhead .vtr {
    height: 24px;
    background: #000
}

.virtual_info .vbody .vtr {
    color: #fff
}

.virtual_info .vbody .vtr .vtd {
    color: #fff;
    display: flex;
    align-items: center
}

.virtual_info .vbody .vtr .vtd:first-child .ranking-no {
    width: 12px;
    height: 12px;
    --per: -12px;
    margin-right: 10px
}

.virtual_info .vbody .vtr .vtd:nth-child(2) span {
    flex: 1
}

.virtual_info .vbody .vtr .vtd:nth-child(3) .progress {
    width: 80px;
    margin-right: 10px
}

.virtual_info .vbody .vtr .vtd:nth-child(3) .progress .q-linear-progress__track--light {
    background: #555
}

.virtual_info .vbody .vtr .vtd .five-star-item path {
    fill: #cbced8
}

.virtual_info .vbody .vtr .vtd .five-star-item.active path {
    fill: var(--q-gb-bg-c-1)
}

.v-match-l-wrapper-9898 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.v-match-l-wrapper-9898 .v-m-container {
    height: 156px
}

.v-match-l-wrapper-9898 .v-m-container .time {
    width: 200px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: red;
    border-radius: 14px;
    margin: auto auto 10px;
    color: #fff
}

.v-match-l-wrapper-9898 .v-m-container .time.end {
    background-color: #5e88a7
}

.v-match-l-wrapper-9898 .v-m-container .time div {
    margin: 0 5px
}

.v-match-l-wrapper-9898 .v-m-container .skewed_box {
    width: 40px;
    height: 24px;
    background: #cc2323;
    position: absolute;
    top: 86px;
    left: 200px;
    border-radius: 5px
}

.v-match-l-wrapper-9898 .v-m-container .skewed_box_2 {
    width: 40px;
    height: 24px;
    background: #ffaa02;
    position: absolute;
    top: 86px;
    right: 200px;
    border-radius: 5px
}

.v-match-l-wrapper-9898 .v-m-container .date-title {
    width: 145px;
    height: 25px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    background-color: var(--q-gb-bg-c-1);
    color: #fff;
    clip-path: polygon(0 100%, 100% 100%, 90% 0, 10% 0);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    z-index: 1
}

.v-match-l-wrapper-9898 .v-m-container .date-title.end {
    background-color: var(--q-gb-bg-c-90);
    border-radius: 16px;
    background-color: #fff
}

.v-match-l-wrapper-9898 .v-m-container .date-title .d-t-c {
    margin-right: 5px
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list {
    width: 100%;
    height: 50px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
    position: relative;
    z-index: 1
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-h-w {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #37404f
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-h-w .stage-wrapper {
    width: 100%;
    color: #fff
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-h-w .stage-wrapper .s-w-title {
    margin: 8px 0;
    width: 74px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-h-w .stage-process {
    width: 100%;
    height: 7px
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-h-w .line-wrap {
    display: flex;
    height: 7px;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-h-w .line-wrap .round {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #999
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-h-w .line-wrap .round.active {
    background-color: var(--q-gb-bg-c-1)
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-h-w .line-wrap .line {
    height: 3px;
    background-color: #999;
    width: 68px
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-h-w .line-wrap .line .inner-line {
    height: 100%;
    background-color: var(--q-gb-bg-c-1)
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .data-c-wrapper {
    width: 100%;
    height: auto;
    font-size: 10px;
    padding: 6px 0;
    background-color: var(--q-gb-bg-c-23)
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-row-item {
    width: 100%;
    height: 20px;
    padding: 2px 0
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-row-item .team {
    width: 50%;
    height: 16px;
    padding-left: 12px;
    padding-right: 3px
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-row-item .team .league-avatar {
    width: 16px;
    height: 16px;
    overflow: hidden
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-row-item .team .league-avatar.team-img,
.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-row-item .team .league-avatar.team-img .img-style {
    width: 100%;
    height: 100%
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-row-item .team .score {
    width: 27px;
    height: 16px;
    background-color: #17191d;
    color: var(--q-gb-bg-c-30);
    line-height: 16px;
    text-align: center
}

.v-match-l-wrapper-9898 .v-m-container .data-wrapper-list .d-row-item .team:last-child {
    padding-left: 3px;
    padding-right: 12px
}

.v-match-l-wrapper-9898 .date_title_er {
    height: 80px;
    background-color: #ebeaec;
    border-radius: 0 0 5px 5px
}

.v-match-l-wrapper-9898 .date_title_er .name_icon .img_icon {
    width: 40px;
    height: 40px
}

.v-match-l-wrapper-9898 .date_title_er .score_size {
    height: 30px;
    color: #fff;
    display: flex
}

.v-match-l-wrapper-9898 .date_title_er .score_size .score_1 {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 30px;
    height: 30px;
    background-color: #2c2d31;
    margin: 0 5px;
    font-size: 16px
}

.v-match-l-wrapper-9898 .match-single-end {
    width: 100%;
    left: 0;
    top: 42px;
    height: auto;
    position: absolute
}

.v-match-l-wrapper-9898 .match-single-end .i-c-m-s-w {
    width: 300px;
    height: 78px;
    margin: auto
}

.v-match-l-wrapper-9898 .match-single-end .i-c-m-s-w .i-c-title {
    min-width: 120px;
    height: 18px;
    flex-wrap: nowrap
}

.v-match-l-wrapper-9898 .match-single-end .i-c-m-s-w .i-c-title .angle {
    width: 13px;
    height: 18px
}

.v-match-l-wrapper-9898 .match-single-end .i-c-m-s-w .i-c-title .i-c-w {
    width: 94px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #000;
    font-size: 12px
}

.v-match-l-wrapper-9898 .match-single-end .i-c-m-s-w .score-wrapper {
    width: 300px;
    height: 60px;
    border-radius: 4px;
    background-color: #ffffffe6
}

.v-match-l-wrapper-9898 .match-single-end .i-c-m-s-w .score-wrapper .s-c-inner-w {
    width: 330px;
    height: 30px;
    font-size: 14px;
    flex-shrink: 0
}

.v-match-l-wrapper-9898 .match-single-end .i-c-m-s-w .score-wrapper .s-c-inner-w .row {
    width: 50%
}

.v-match-l-wrapper-9898 .match-single-end .i-c-m-s-w .score-wrapper .s-c-inner-w .row.team-img-s {
    margin: 0
}

.v-match-l-wrapper-9898 .match-single-end .i-c-m-s-w .score-wrapper .s-c-inner-w .row:first-child {
    padding-right: 3px
}

.v-match-l-wrapper-9898 .match-single-end .i-c-m-s-w .score-wrapper .s-c-inner-w .row:last-child {
    padding-right: 3px
}

.v-match-l-wrapper-9898 .match-single-end .i-c-m-s-w .score-wrapper .s-c-inner-w .team-name {
    color: #000
}

.v-match-l-wrapper-9898 .match-single-end .i-c-m-s-w .score-wrapper .s-c-inner-w .t-score {
    width: 36px;
    height: 28px;
    background-color: #17191d;
    color: var(--q-gb-bg-c-30);
    line-height: 28px;
    text-align: center
}

.vr-ranking_list .leaderboard {
    height: 40px;
    background: var(--q-gb-bg-c-37);
    position: sticky;
    top: 226px;
    border-bottom: 1px solid var(--q-gb-bd-c-14)
}

.vr-ranking_list .leaderboard>span {
    color: var(--q-gb-t-c-3)
}

.vr-ranking_list .leaderboard .icon-void {
    margin: 0 7px;
    width: 20px;
    height: 20px
}

.vr-ranking_list .header {
    height: 32px;
    display: flex;
    text-align: center;
    line-height: 32px;
    background: var(--q-gb-bg-c-37);
    border-bottom: 1px solid var(--q-gb-bd-c-14)
}

.vr-ranking_list .header .col-label {
    font-size: 12px;
    color: var(--q-gb-t-c-6);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr-ranking_list .header>div {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0
}

.vr-ranking_list .navigation-title {
    font-size: 15px;
    display: block;
    position: relative;
    margin: 0 0 15px;
    padding-left: 28px;
    font-weight: 700
}

.vr-ranking_list .navigation-title:before {
    content: "";
    width: 3px;
    height: 14px;
    position: absolute;
    left: 17px;
    top: 3.5px;
    border-radius: 1.5px
}

.vr-ranking_list .col1 {
    width: 40px;
    margin: 0 28px
}

.vr-ranking_list .col3 {
    width: 90px
}

.vr-ranking_list .col4 {
    width: 100px
}

.vr-ranking_list .col5 {
    flex: 1
}

.vr-ranking_list .col6 {
    flex: 1;
    height: 100%;
    text-align: center
}

.vr-ranking_list .col-wight {
    width: 50px
}

.vr-ranking_list .group-name {
    height: 42px;
    line-height: 42px;
    padding-left: 15px;
    font-size: 14px;
    margin-bottom: 7px
}

.vr-ranking_list .team-item {
    display: flex;
    align-items: center;
    font-size: 13px;
    height: 46px;
    text-align: center;
    border-bottom: 1px solid var(--q-gb-bd-c-14);
    background: var(--q-gb-bg-c-37)
}

.vr-ranking_list .team-item .rank-img img {
    width: 16px;
    height: 16px
}

.vr-ranking_list .team-item div {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: var(--q-gb-t-c-3)
}

.vr-ranking_list .team-item .col1 {
    font-size: 12px;
    text-align: right
}

.vr-ranking_list .col1 {
    margin: 0;
    width: 20%;
    min-width: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr-ranking_list .col3 {
    width: 11%;
    min-width: 52px
}

.vr-ranking_list .col4 {
    width: 18%;
    min-width: 95px
}

.vr-ranking_list .col5 {
    width: 11%;
    min-width: 83px
}

.vr-ranking_list .group-item .col2>div {
    justify-content: flex-start;
    height: 100%;
    display: inline-block;
    line-height: 4
}

.dynamic-result-page-9898 {
    margin-top: 8px
}

.dynamic-result-page-9898 .dynamic-main .vr_number {
    display: flex;
    align-items: center;
    padding-left: 13px;
    font-size: 12px;
    height: 34px;
    background: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-14);
    border-radius: 6px 6px 0 0;
    font-size: 13px;
    color: var(--q-gb-t-c-3)
}

.dynamic-result-page-9898 .dynamic-main .virtual-num {
    margin-left: 22px
}

.dynamic-result-page-9898 .dynamic-title {
    height: 34px;
    line-height: 34px;
    background: var(--q-gb-bg-c-30);
    box-shadow: 0 2px 6px #0000000a;
    border-bottom: 1px solid var(--q-gb-bd-c-14);
    color: var(--q-gb-t-c-3)
}

.dynamic-result-page-9898 .border-gray {
    position: relative;
    border-radius: 8px
}

.dynamic-result-page-9898 .virtual-num,
.dynamic-result-page-9898 .virtual-on {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.dynamic-result-page-9898 .border_right {
    display: flex
}

.dynamic-result-page-9898 .margin_sty {
    margin: 0 2px
}

.dynamic-result-page-9898 .virtual-name {
    margin-left: 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700
}

.dynamic-result-page-9898 .count-style {
    width: 50px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 600;
    border-radius: 0 8px 8px 0
}

.dynamic-result-page-9898 .fat-vir-result {
    border-radius: 0 0 6px 6px;
    overflow: hidden
}

.dynamic-result-page-9898 .bg-color {
    text-align: center;
    background-color: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-14)
}

.dynamic-result-page-9898 .bor-btm {
    background-color: var(--q-gb-bg-c-30);
    color: var(--q-gb-t-c-3);
    flex-grow: 1;
    flex-basis: 31%;
    border-right: 1px solid var(--q-gb-bd-c-14);
    padding-bottom: 8px
}

.dynamic-result-page-9898 .play-name {
    font-size: 12px;
    line-height: 12px;
    margin: 10px 0 8px
}

.dynamic-result-page-9898 .result-style {
    text-align: center;
    border-right: 1px solid var(--q-gb-bd-c-14)
}

.dynamic-result-page-9898 .result-sty {
    font-size: 12px;
    line-height: 12px;
    margin: 18px 0 8px
}

.dynamic-result-page-9898 .result-sty+div {
    color: var(--q-gb-t-c-20);
    font-weight: 700
}

.dynamic-result-page-9898 .item-ov {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    display: flow-root;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    background-color: var(--q-gb-bg-c-30);
    color: var(--q-gb-t-c-3);
    box-shadow: 0 2px 6px #0000000a;
    padding-bottom: 8px
}

.dynamic-result-page-9898 .ov-style {
    margin: 6px 3px 0;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center
}

.vr_boy_989 {
    height: 100%;
    overflow: auto
}

.vr_boy_989 .vr_league_name-vdio {
    position: sticky;
    top: 0;
    z-index: 2
}

.vr_boy_989 .vr_league_name-vdio .vr_league_name {
    height: 36px;
    color: var(--q-gb-t-c-3);
    background: var(--q-gb-bg-c-39);
    display: flex;
    align-items: center;
    justify-content: center;
    border: .5px solid var(--q-gb-bd-c-14);
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400
}

.vr_boy_989 .vr_league_name-vdio .vr_leaderboard {
    margin-top: 10px
}

.vr_boy_989 .play_name_title_box {
    margin-top: 10px;
    height: 34px;
    display: flex;
    align-items: center;
    background: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-14);
    border-radius: 6px 6px 0 0
}

.vr_boy_989 .play_name_title_box .vr_number {
    flex: 1;
    margin-left: 13px;
    font-size: 12px;
    color: var(--q-gb-t-c-3)
}

.vr_boy_989 .play_name_title_box .horse-col {
    font-size: 12px;
    width: calc((100% - 45px) * .18);
    color: var(--q-gb-t-c-16);
    display: flex;
    justify-content: center
}

.vr_boy_989 .list-wrapper {
    flex: 10;
    margin-top: 6px;
    padding-bottom: 20px
}

.vr_boy_989 .list-wrapper.is_iframe {
    padding-bottom: 15px
}

.new-pc-2025 .d-m-i-wrap-999 .left .team-list-sort .count-style {
    color: var(--q-text-color-1);
    border-top: 1px solid var(--q-stroke-color-1);
    font-weight: 400
}

.new-pc-2025 .d-m-i-wrap-999 .left .rank-wrapper .dynamic-l-item {
    border-top: 1px solid var(--q-stroke-color-1)
}

.new-pc-2025 .vr_boy_989 .play_name_title_box .vr_number {
    color: var(--q-text-color-1)
}

.new-pc-2025 .vr_boy_989 .vr_leaderboard {
    margin-top: 8px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--q-gb-bg-c-13)
}

.new-pc-2025 .vrpc-wrap-handicap .template .template-title {
    border-radius: 8px;
    background-color: var(--q-bg-color-3-2);
    border: 1px solid var(--q-bg-color-1-3)
}

.new-pc-2025 .vrpc-wrap-handicap .template .template-title.is-fold {
    border-bottom: none;
    border-radius: 8px 8px 0 0
}

.new-pc-2025 .vrpc-wrap-handicap .handicap-item .c-bet-item {
    background-color: var(--q-Handicap-default-details-1)
}

.new-pc-2025 .vrpc-wrap-handicap .new_set_bet_item_text_color .bet-item {
    color: var(--q-text-color-3) !important
}

.new-pc-2025 .vrpc-wrap-handicap .new_set_bet_item_text_color.saigou .bet-item {
    color: var(--q-text-color-2) !important
}

.new-pc-2025 .vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .league-name {
    color: var(--q-text-color-1);
    font-weight: 600;
    font-size: 13px
}

.new-pc-2025 .vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title_active .tab-title_left .right-border {
    color: var(--q-text-color-white-all)
}

.new-pc-2025 .vr_boy_989 .play_name_title_box {
    border: 1px solid var(--q-bg-color-1-3);
    border-bottom: none;
    position: relative
}

.new-pc-2025 .vr_boy_989 .play_name_title_box:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 16px;
    border-radius: 0 5px 5px 0;
    background-color: var(--q-theme-color-1-default);
    left: 0;
    top: 9px
}

.new-pc-2025 .d-m-i-wrap-999 {
    background-color: var(--q-bg-color-1-3)
}

.new-pc-2025 .vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title .status .icon-void {
    height: 20px;
    background-size: 100% auto;
    background-position: center center
}

.new-pc-2025 .vr-match-type-tabs .tabs-item .sport_icon_bg {
    background-color: unset
}

.new-pc-2025 .c-match-startistic.style1 .score-list .score-item .info .line div {
    background-color: var(--q-events-color-1-1)
}

.new-pc-2025 .c-match-startistic.style1 .score-list .score-item .info.away .line div {
    background-color: var(--q-events-color-2-1)
}

.new-pc-2025 .vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title_active .tab-title_left .img>span {
    color: var(--q-text-color-white-all)
}

.new-pc-2025 .match-new-card-987897 .match-des .match-new-handicap {
    background-color: var(--q-Handicap-default-full-court)
}

.new-pc-2025 .vr-footbal-replay {
    border-color: var(--q-stroke-color-1)
}

.new-pc-2025 .vr-footbal-replay:first-child {
    border-top: none
}

.new-pc-2025 .vrpc-wrap-handicap .handicap-item .c-bet-item {
    background-color: var(--q-Handicap-default-half-court)
}

.new-pc-2025 .vrpc-wrap-handicap .handicap-item .c-bet-item:hover {
    color: var(--q-gb-t-c-18);
    background: var(--q-gb-bg-c-63)
}

.new-pc-2025 .vr-leagues-tabs .leagues-tabs-ul .leagues-tabs-li {
    font-weight: 600
}

.new-pc-2025 .vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .icon-timer:before {
    color: var(--q-icon-color-1)
}

.new-pc-2025 .vr-match-item-wrap .match-data-item.standard .sort_num {
    color: var(--q-text-color-2)
}

.new-pc-2025 .c-match-startistic {
    background-color: #161514
}

.new-pc-2025 .c-match-startistic.theme-1 {
    background-color: #fff
}

.new-pc-2025 .vr-match-item-wrap .match-data-item .team-wrapper .play-count {
    color: var(--q-text-color-disable)
}

.new-pc-2025 .vr-match-item-wrap .match-data-item .team-wrapper .play-count .q-icon:before {
    color: var(--q-text-color-disable)
}

.new-pc-2025 .vr-details .wrap-template .handicap-item .c-bet-item .bet-item.saigou .yb-family-odds {
    color: var(--q-text-color-2)
}

.new-pc-2025 .virtual-match-tpl2 .team-wrap .team-item {
    color: var(--q-text-color-1)
}

.new-pc-2025 .dynamic-result-page-9898 .result-sty+div {
    color: unset;
    font-weight: unset
}

.d-m-i-wrap-999 {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    color: var(--q-gb-t-c-3);
    background: var(--q-gb-bg-c-30);
    border-bottom: 1px solid var(--q-gb-bd-c-14)
}

.d-m-i-wrap-999 .left {
    display: flex;
    width: 100%;
    flex-shrink: 0
}

.d-m-i-wrap-999 .left.left_mud {
    width: 100%
}

.d-m-i-wrap-999 .left .team-list-sort {
    width: 45px
}

.d-m-i-wrap-999 .left .team-list-sort .count-style {
    height: 34px;
    line-height: 36px;
    width: 50px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0;
    border-radius: 0 4px 4px 0;
    font-weight: 700;
    color: var(--q-gb-t-c-1)
}

.d-m-i-wrap-999 .left .rank-wrapper {
    width: 100%;
    position: relative
}

.d-m-i-wrap-999 .left .rank-wrapper .dynamic-l-item {
    width: 100%;
    position: absolute;
    height: 34px;
    left: 0;
    top: 0;
    transition: top .4s;
    border-radius: 4px 0 0 4px;
    display: flex;
    align-items: center
}

.d-m-i-wrap-999 .left .rank-wrapper .dynamic-l-item .virtual-name {
    margin-left: 16px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: var(--q-gb-t-c-3);
    white-space: nowrap;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis
}

.d-m-i-wrap-999 .left .rank-wrapper .dynamic-l-item .virtual-num {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    --per: -20px
}

.d-m-i-wrap-999 .left .rank-wrapper .dynamic-l-item .dynamic-title {
    flex: 1
}

.d-m-i-wrap-999 .odd {
    width: 18%;
    font-size: 12px
}

.d-m-i-wrap-999 .odd_hp {
    display: flex;
    height: 34px;
    width: auto;
    justify-content: center;
    align-items: center
}

.d-m-i-wrap-999:last-child {
    border-bottom: none
}

.d-m-i-wrap-999 :last-child {
    border-bottom: none
}

.virtual-stage-page-999 .toast_icon {
    position: absolute;
    top: 50px;
    right: 10px;
    z-index: 111;
    font-size: 20px;
    color: #fff
}

.virtual-stage-page-999 .virtual-sports-stage {
    min-height: 316px;
    position: relative;
    background: var(--q-gb-bg-c-32)
}

.virtual-stage-page-999 .virtual-sports-stage.sports_iframe {
    min-height: 230px
}

.virtual-stage-page-999 .voice-wrap {
    width: 40px;
    height: 20px;
    position: absolute;
    bottom: -100px;
    left: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

.virtual-stage-page-999 .voice-wrap svg {
    width: 20px;
    height: 20px;
    fill: #ffffffe6
}

.virtual-stage-page-999 .banner {
    width: 100%;
    height: 316px;
    margin: auto;
    overflow: hidden;
    background-size: 100% 100%;
    position: relative
}

.virtual-stage-page-999 .banner.iframe_height {
    height: 230px
}

.virtual-stage-page-999 .banner .wrapper-loading-c {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 40% !important;
    transform: translate(-50%, -50%);
    padding: 0
}

.virtual-stage-page-999 .banner .video-main {
    position: fixed;
    width: 100%;
    z-index: 2
}

.virtual-stage-page-999 .banner .current-score {
    width: 225px;
    height: 26px;
    border-radius: 4px;
    background-color: #0006;
    bottom: 4px;
    left: calc(50% - 13px);
    transform: translate(-50%);
    position: absolute;
    z-index: 2;
    color: var(--q-gb-bg-c-24)
}

.virtual-stage-page-999 .banner .current-score .score-info-wrapper {
    width: 100%
}

.virtual-stage-page-999 .banner .current-score .score-info-wrapper .team-and-score {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.virtual-stage-page-999 .banner .current-score .score-info-wrapper .team-and-score .team-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.virtual-stage-page-999 .banner .current-score .score-info-wrapper .team-and-score .live-score {
    margin: 0 2px
}

.virtual-stage-page-999 .banner .current-score .score-info-wrapper .penalty-score-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.virtual-stage-page-999 .banner .current-score .score-info-wrapper .penalty-score-wrapper .team-placeholder-wrapper {
    position: relative
}

.virtual-stage-page-999 .banner .current-score .score-info-wrapper .penalty-score-wrapper .team-placeholder-wrapper .icon-penalty {
    position: absolute;
    top: 3px;
    right: 0;
    width: 11px;
    height: 11px;
    background: var(--q-color-com-img-bg-114) no-repeat center/cover
}

.virtual-stage-page-999 .banner .current-score .score-info-wrapper .penalty-score-wrapper .team-name-placeholder {
    max-height: 18px;
    visibility: hidden
}

.virtual-stage-page-999 .banner .current-score .c-s-timer-w {
    width: 26px;
    height: 100%;
    border-radius: 2px;
    position: absolute;
    top: 0;
    right: -24px;
    overflow: hidden;
    background-color: var(--q-gb-bg-c-1);
    color: var(--q-gb-bg-c-24)
}

.virtual-stage-page-999 .banner .current-score .c-s-timer-w .update-timer {
    position: absolute;
    right: -100px;
    width: 1px
}

.virtual-stage-page-999 .banner .current-score .c-s-timer-w.basketball {
    border-radius: 0 4px 4px 0;
    background-color: var(--q-gb-bg-c-1)
}

.virtual-stage-page-999 .banner .current-score .c-s-timer-w.basketball img {
    width: 21px;
    height: auto;
    display: block
}

.virtual-stage-page-999 .banner .video-wrapper {
    width: 100%;
    height: 100%
}

.virtual-stage-page-999 .banner .video-wrapper:hover .voice-wrap {
    bottom: 10px
}

.virtual-stage-page-999 .banner .video-wrapper .video-playing-er {
    width: 100%;
    height: 100%
}

.virtual-stage-page-999 .fat-box {
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-top: 90px
}

.virtual-stage-page-999 .fata-box-iframe {
    margin-top: 0
}

.virtual-stage-page-999 .timetop {
    height: 100%
}

.virtual-stage-page-999 .video-playing-container {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

.virtual-stage-page-999 .video-playing-container .dplayer-video-wrap .dplayer-video {
    object-fit: fill
}

.virtual-stage-page-999 .fit-box {
    padding-top: 15px;
    padding-bottom: 19px
}

.virtual-stage-page-999 .score {
    width: 40%;
    min-width: 190px;
    height: 90px;
    background: #0009;
    background-size: 100% 100%;
    margin: 68px auto auto;
    position: relative;
    border-radius: 60px
}

.virtual-stage-page-999 .score .match-rank {
    margin-top: -20px
}

.virtual-stage-page-999 .score .match-over {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    height: 24px;
    line-height: 26px;
    text-align: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 15px;
    font-size: 14px;
    color: #fff
}

.virtual-stage-page-999 .score.is-iframe-style {
    width: 50%
}

.virtual-stage-page-999 .score-box {
    width: 36px;
    height: 36px;
    --per: -36px;
    border-radius: 4px;
    font-size: 24px;
    margin: 0 10px
}

.virtual-stage-page-999 .mmp-status {
    margin-top: 30px;
    margin-right: 12px;
    position: absolute;
    top: 180px
}

.virtual-stage-page-999 .mmp-status .inner {
    display: flex;
    align-items: center;
    padding: 0 10px;
    height: 24px;
    background-color: #0009;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 8px
}

.virtual-stage-page-999 .mmp-status .inner .icon {
    width: 20px;
    height: 20px;
    margin-left: 6px;
    background-size: 100%
}

.virtual-stage-page-999 .stage {
    font-size: 13px;
    color: #f5f8fa;
    text-align: center
}

.virtual-stage-page-999 .times {
    font-size: 13px;
    color: #f5f8fa;
    text-align: center;
    padding-left: 6px
}

.virtual-stage-page-999 .football-score {
    background-color: #0009;
    background-size: 100% 100%;
    height: 100px;
    width: 400px;
    border-radius: 300px
}

.virtual-stage-page-999 .football-score .name-wrap {
    flex: 1;
    display: flex
}

.virtual-stage-page-999 .football-score .name-wrap.left {
    text-align: right;
    justify-content: flex-end
}

.virtual-stage-page-999 .football-score .name-wrap img {
    width: 18px;
    height: 18px;
    margin: 0 4px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.virtual-stage-page-999 .match-name {
    width: 100px;
    font-size: 14px;
    color: #fff
}

.virtual-stage-page-999 .msc-wrap {
    width: 120px;
    height: 100%;
    flex-direction: column;
    justify-content: space-evenly;
    line-height: 1;
    position: relative
}

.virtual-stage-page-999 .msc-wrap .heng {
    font-size: 16px;
    margin: 0 5px 4px
}

.virtual-stage-page-999 .msc-wrap .match-msc {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.virtual-stage-page-999 .msc-wrap .match-msc.match-penalty {
    position: relative;
    width: 100%;
    font-size: 18px
}

.virtual-stage-page-999 .msc-wrap .match-msc.match-penalty .icon-penalty {
    position: absolute;
    top: 3px;
    left: -18px;
    width: 11px;
    height: 11px;
    background: var(--q-color-com-img-bg-114) no-repeat center/cover
}

.virtual-stage-page-999 .msc-wrap .match-msc.match-penalty .penalty-score {
    display: flex;
    align-items: center
}

.virtual-stage-page-999 .msc-wrap .match-end {
    position: absolute;
    text-align: center;
    font-size: 10px;
    color: #fffc;
    margin-top: 6px;
    bottom: 5px;
    background: #0009;
    width: 75px;
    height: 24px;
    line-height: 24px;
    border-radius: 15px
}

.v-s-timer {
    min-width: 110px;
    height: 110px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.v-s-timer .circle-time-wrapper svg path {
    stroke: var(--q-gb-t-c-16)
}

.v-s-timer .final-circle svg path {
    stroke: #e95b5b
}

.v-s-timer .v-timer-inner {
    width: 105px;
    height: 105px;
    background-color: #0009;
    border-radius: 50%;
    line-height: 1;
    color: var(--q-gb-t-c-16);
    position: relative
}

.v-s-timer .v-timer-inner .timer-format {
    font-size: 28px;
    font-weight: 500;
    color: var(--q-gb-t-c-16) !important;
    position: absolute;
    top: 25px
}

.v-s-timer .v-timer-inner .timer-format.last {
    color: #e95b5b !important
}

.v-s-timer .graphic-wrapper {
    width: 110px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.v-s-timer canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translateY(-50%) translate(-50%) rotate(-90deg)
}

.v-s-timer .count-wrap {
    position: absolute;
    left: 50%;
    bottom: 18px;
    display: flex;
    justify-content: center;
    transform: translate(-50%)
}

.v-s-timer .count-wrap .count {
    height: 30px;
    line-height: 16px;
    max-width: 80px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #f5f8fa;
    overflow: hidden
}

.vr-footbal-replay {
    background: var(--q-gb-bg-c-13);
    border-top: 1px solid var(--q-gb-bg-c-22);
    color: var(--q-gb-t-c-6)
}

.vr-footbal-replay .item-bg {
    position: relative
}

.vr-footbal-replay .item-bg.active {
    background: linear-gradient(90deg, var(--q-transparent-function-color-1) .12%, var(--q-transparent-theme-color-1) 99.88%), var(--q-bg-color-1-3);
    color: var(--q-gb-t-c-16)
}

.vr-footbal-replay .item-bg.active:before {
    position: absolute;
    height: 14px;
    content: "";
    width: 3px;
    border-radius: 2px 2px 0 0;
    background: var(--q-gb-bg-c-57);
    left: 0;
    top: 50%;
    margin-top: -7px
}

.vr-footbal-replay.soccer .replay {
    height: 30px
}

.vr-footbal-replay.soccer .penalty {
    height: 22px
}

.vr-footbal-replay.soccer .penalty .icon-wrap {
    display: flex;
    justify-content: flex-end
}

.vr-footbal-replay:last-child {
    border-radius: 0 0 6px 6px
}

.vr-footbal-replay .replay {
    display: flex;
    height: 33px;
    align-items: center;
    cursor: pointer
}

.vr-footbal-replay .name.home {
    text-align: right
}

.vr-footbal-replay .score {
    width: 64px;
    text-align: center
}

.vr-footbal-replay .score.size14 {
    size: 14px
}

.vr-footbal-replay .right-col {
    width: 44px
}

.vr-footbal-replay .right-col .yb-icon-arrow {
    transform: rotate(90deg)
}

.vr-footbal-replay .right-col .yb-icon-arrow.active {
    transform: rotate(270deg)
}

.vr-footbal-replay .right-col .whistle {
    width: 16px;
    height: 16px;
    background-size: 100% 100%
}

.vr-footbal-replay .right-col .time {
    font-size: 14px
}

.vr-footbal-replay .right-col .b-live {
    width: 23px;
    height: 8px
}

.vr-footbal-replay .right-col img {
    width: 14px;
    height: 12px
}

.vr-footbal-replay .right-col .icon-wapper {
    transform: rotate(180deg);
    transition: transform .25s
}

.vr-footbal-replay .right-col .icon-wapper.up {
    transform: rotate(0)
}

.vr-footbal-replay .result-section {
    background: var(--q-gb-bg-c-13);
    max-height: 250px;
    overflow-y: auto
}

.vr-footbal-replay .result-section .result-item:nth-child(odd) {
    background: var(--q-gb-bg-c-31)
}

.vr-footbal-replay .result-section .result-item:nth-child(2n) {
    background: var(--q-gb-bg-c-25)
}

.vr-footbal-replay .result-section .result-item {
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px
}

.vr-footbal-replay .result-section .result-item .name {
    color: var(--q-gb-t-c-6)
}

.vr-footbal-replay .result-section .result-item .value {
    color: var(--q-gb-t-c-3);
    margin-right: 5px
}

.vr-footbal-replay .result-section .result-item .odss {
    color: var(--q-gb-t-c-16)
}

.vr-group-knockout {
    background: var(--q-gb-bg-c-39);
    color: var(--q-gb-t-c-3);
    border-radius: 5px;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.vr-group-knockout .q-carousel__slide {
    padding: unset
}

.vr-group-knockout .q-carousel {
    background: none
}

.vr-group-knockout .tabs {
    height: 40px;
    border-radius: 5px 5px 0 0;
    position: relative;
    border-bottom: 1px solid var(--q-gb-bg-c-22);
    display: flex;
    flex-direction: row;
    align-items: center
}

.vr-group-knockout .tabs>div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer
}

.vr-group-knockout .tabs>div:nth-child(1) {
    border-radius: 5px 0 0 5px
}

.vr-group-knockout .tabs>div:nth-child(2) {
    border-radius: 0 5px 5px 0
}

.vr-group-knockout .tabs>div.is-active {
    border-radius: 5px;
    height: 36px
}

.vr-group-knockout .q_carousel_slide {
    overflow-x: hidden
}

.vr-right-cola .right-col {
    width: 44px
}

.vr-right-cola .right-col .yb-icon-arrow {
    transform: rotate(90deg)
}

.vr-right-cola .right-col .yb-icon-arrow.active {
    transform: rotate(270deg)
}

.vr-right-cola .right-col .whistle {
    width: 16px;
    height: 16px;
    background-size: 100% 100%
}

.vr-right-cola .right-col .time {
    font-size: 14px
}

.vr-right-cola .right-col .b-live {
    width: 23px;
    height: 8px
}

.vr-right-cola .right-col img {
    width: 14px;
    height: 12px
}

.vr-right-cola .right-col .icon-wapper {
    transform: rotate(180deg);
    transition: transform .25s
}

.vr-right-cola .right-col .icon-wapper.up {
    transform: rotate(0)
}

.vr-right-cola .result-section {
    background: var(--q-bg-color-1);
    max-height: 250px;
    overflow-y: auto
}

.vr-right-cola .result-section .result-item:nth-child(odd) {
    background: var(--q-handicap-default-quan)
}

.vr-right-cola .result-section .result-item:nth-child(2n) {
    background: var(--q-default-ban)
}

.vr-right-cola .result-section .result-item {
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px
}

.vr-right-cola .result-section .result-item .name {
    color: var(--q-text-color-2)
}

.vr-right-cola .result-section .result-item .value {
    color: var(--q-text-color-2);
    margin-right: 5px
}

.vr-right-cola .result-section .result-item .odds {
    color: var(--q-color-1-default)
}

.vr-group-rank {
    background-color: var(--q-gb-bg-c-30)
}

.vr-group-rank .col1 {
    width: 10%
}

.vr-group-rank .col2 {
    width: 23%;
    height: 100%;
    text-align: left
}

.vr-group-rank .col2 .ellipsis {
    width: 100%
}

.vr-group-rank .col3 {
    width: 10%
}

.vr-group-rank .col4 {
    width: 20%
}

.vr-group-rank .col5,
.vr-group-rank .col6,
.vr-group-rank .col7,
.vr-group-rank .col8 {
    width: 10%
}

.vr-group-rank .header {
    width: 100%;
    height: 32px;
    background: var(--q-gb-bg-c-39);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 5px
}

.vr-group-rank .header>div {
    font-size: 12px;
    font-weight: 400;
    color: #949ab6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.vr-group-rank .header>div.col2 {
    width: 23%;
    display: flex;
    align-items: center
}

.vr-group-rank .header.lang-style>div {
    line-height: 1.5
}

.vr-group-rank .group-item {
    position: relative;
    margin-bottom: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.vr-group-rank .group-name {
    height: 28px;
    line-height: 24px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid var(--q-gb-bg-c-22);
    border-top: 1px solid var(--q-gb-bg-c-22)
}

.vr-group-rank .group-name span:nth-child(1) {
    display: inline-block;
    height: 12px;
    width: 2px;
    background-color: var(--q-gb-bg-c-1)
}

.vr-group-rank .group-name span:nth-child(2) {
    padding-left: 12px
}

.vr-group-rank .team-item {
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 5px;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-bottom: 1px solid var(--q-gb-bg-c-22)
}

.vr-group-rank .team-item>div {
    font-size: 12px;
    font-weight: 400
}

.vr-group-rank .team-item:last-child {
    border-bottom: unset
}

.vr-group-rank .team-item .col1 {
    font-weight: 500;
    text-align: right;
    padding-right: 14.5px
}

.vr-group-rank .team-item .col2 {
    font-weight: 500
}

.vr-elimination-rank {
    min-height: 320px;
    background: var(--q-gb-bg-c-37);
    color: var(--q-gb-t-c-3);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding-bottom: 52px
}

.vr-elimination-rank.vi-lang .tabs-bar div {
    font-size: 12px
}

.vr-elimination-rank .tabs-bar {
    width: 100%;
    height: 44px;
    margin: 8px 3px 12px 0;
    background: var(--q-gb-bg-c-39);
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center
}

.vr-elimination-rank .tabs-bar>div {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 24%;
    color: #afb3c8;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer
}

.vr-elimination-rank .tabs-bar>div.progress_bar {
    color: var(--q-gb-t-c-16);
    font-size: 14px;
    font-weight: 600
}

.vr-elimination-rank .tabs-bar>div.progress_bar i {
    border-bottom: 5px solid #179CFF
}

.vr-elimination-rank .tabs-bar>div.disable {
    cursor: not-allowed
}

.vr-elimination-rank .tabs-bar>div i {
    width: 100%;
    height: 4px;
    border-bottom: 5px solid #F2F2F6
}

.vr-elimination-rank .gam_report {
    min-height: 150px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.vr-elimination-rank .match-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.vr-elimination-rank .match-item:nth-child(n + 2) {
    margin-top: 12px
}

.vr-elimination-rank .match-item .left_contend {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.vr-elimination-rank .match-item .left_contend .team_box {
    width: 100%;
    height: 80px;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    background: #7d7d7d14
}

.vr-elimination-rank .match-item .left_contend .team_box:nth-child(n + 2) {
    margin-top: 12px
}

.vr-elimination-rank .match-item .left_contend .team_box .left {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.vr-elimination-rank .match-item .left_contend .team_box .right {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.vr-elimination-rank .match-item .left_contend .team_box .right .team {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 100%;
    align-items: center;
    font-size: 13px
}

.vr-elimination-rank .match-item .left_contend .team_box .right .team>div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.vr-elimination-rank .match-item .left_contend .team_box .right .team:nth-of-type(odd):nth-child(2n) {
    background-color: red
}

.vr-elimination-rank .match-item .left_contend .team_box .right .team .name {
    width: 90px;
    height: 100%;
    line-height: 32px
}

.vr-elimination-rank .match-item .left_contend .team_box .right .team .score-box {
    width: 84px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.vr-elimination-rank .match-item .left_contend .team_box .right .team .score-box .score {
    width: 28px;
    text-align: center
}

.vr-elimination-rank .match-item .right_side_win {
    justify-content: center
}

.vr-elimination-rank .match-item .right_side_win .line-box {
    width: 4vw;
    height: 93px;
    display: flex;
    position: relative;
    justify-content: flex-end
}

.vr-elimination-rank .match-item .right_side_win .line-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 15vw;
    max-width: 280px;
    height: 100%;
    border: 1px solid var(--q-gb-bd-c-18);
    border-left: none;
    z-index: 1
}

.vr-elimination-rank .match-item .right_side_win .line-box:after {
    content: "";
    width: 50%;
    height: 50%;
    border-bottom: 1px solid var(--q-gb-bd-c-18)
}

.vr-elimination-rank .match-item .right_side_win .final {
    flex: 1;
    height: 80px;
    border-radius: 8px;
    background: #7d7d7d14;
    color: var(--q-gb-t-c-3);
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 18px
}

.vr-elimination-rank .main-finals {
    width: 356px;
    height: 64px;
    background-color: var(--q-gb-bg-c-39);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 24px
}

.vr-elimination-rank .main-finals .finals-team {
    width: 142px;
    height: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.vr-elimination-rank .main-finals .finals-team span {
    display: block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px
}

.vr-elimination-rank .main-finals .middle {
    width: 64px;
    height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.vr-elimination-rank .main-finals .middle .finals_vs {
    position: absolute;
    font-size: 18px;
    color: var(--q-gb-t-c-16);
    top: 136px;
    font-weight: 500
}

.vr-elimination-rank .main-finals .middle>img {
    width: 63.09px;
    height: 54.38px
}

.vr-elimination-rank .no-list {
    padding: 20px 0 !important
}

.virtual-num {
    width: 20px;
    height: 20px;
    background: url() no-repeat 0 0/100% auto;
    background-image: var(--q-vr-num-icon);
    --per: -20px
}

.virtual-num-1 {
    background-position-y: calc(var(--per) * 6)
}

.virtual-num-1.csid1009 {
    background-position-y: calc(var(--per) * 18)
}

.virtual-num-2 {
    background-position-y: calc(var(--per) * 7)
}

.virtual-num-2.csid1002 {
    background-position-y: calc(var(--per) * 1)
}

.virtual-num-2.csid1009 {
    background-position-y: calc(var(--per) * 19)
}

.virtual-num-2.csid1010 {
    background-position-y: calc(var(--per) * 1)
}

.virtual-num-3 {
    background-position-y: calc(var(--per) * 8)
}

.virtual-num-3.csid1002 {
    background-position-y: calc(var(--per) * 2)
}

.virtual-num-3.csid1009 {
    background-position-y: calc(var(--per) * 20)
}

.virtual-num-3.csid1010 {
    background-position-y: calc(var(--per) * 2)
}

.virtual-num-4 {
    background-position-y: calc(var(--per) * 9)
}

.virtual-num-4.csid1002 {
    background-position-y: calc(var(--per) * 3)
}

.virtual-num-4.csid1009 {
    background-position-y: calc(var(--per) * 21)
}

.virtual-num-4.csid1010 {
    background-position-y: calc(var(--per) * 3)
}

.virtual-num-5 {
    background-position-y: calc(var(--per) * 10)
}

.virtual-num-5.csid1002 {
    background-position-y: calc(var(--per) * 4)
}

.virtual-num-5.csid1010 {
    background-position-y: calc(var(--per) * 16)
}

.virtual-num-6 {
    background-position-y: calc(var(--per) * 11)
}

.virtual-num-6.csid1002 {
    background-position-y: calc(var(--per) * 5)
}

.virtual-num-6.csid1010 {
    background-position-y: calc(var(--per) * 17)
}

.layout-right[data-v-f836af9c] {
    height: 100%
}

.layout-right.padding_right_10[data-v-f836af9c] {
    padding-right: 10px
}

.layout-right.mini_hide[data-v-f836af9c] {
    width: 0px !important;
    display: none
}

.layout-right .page-right[data-v-f836af9c] {
    height: 100%
}

[data-v-f836af9c] .right_details_header {
    padding: 1px;
    box-sizing: border-box;
    border-radius: 6px !important
}

.dialog-setting[data-v-b0bc7d13] {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.dialog-setting .dialog-setting-boxShadow[data-v-b0bc7d13] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0006
}

.dialog_content[data-v-b0bc7d13] {
    box-shadow: none !important;
    height: 302px;
    width: 800px;
    display: flex;
    margin: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.alert-wrap[data-v-b0bc7d13] {
    border-radius: 20px;
    overflow: visible;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%
}

.alert-wrap img[data-v-b0bc7d13] {
    position: absolute;
    width: 28px;
    height: 28px;
    top: -40px;
    right: 0;
    cursor: pointer
}

.alert-wrap .use-btn[data-v-b0bc7d13] {
    position: absolute;
    display: flex;
    justify-content: space-around;
    align-items: center;
    bottom: 15px;
    margin: 0 auto;
    width: 100%;
    height: 36px
}

.alert-wrap .use-btn>div[data-v-b0bc7d13] {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    padding: 6px 36px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    cursor: pointer;
    color: var(--q-gb-t-c-18);
    background-color: var(--q-gb-t-c-16)
}

@keyframes scaleAnimation-b0bc7d13 {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(0);
        opacity: 0;
        top: 100px !important
    }
}

.setting-container[data-v-b0bc7d13] {
    width: 544px;
    height: 280px;
    max-width: 544px;
    position: relative;
    background: transparent;
    overflow: visible;
    border-radius: 12px
}

body .c-main-scroll::-webkit-scrollbar {
    height: 14px
}

body .c-main-scroll::-webkit-scrollbar-thumb:horizontal {
    background-color: var(--q-layout-color-4)
}

body .c-content-bg {
    background-color: var(--q-layout-color-5);
    border-top: 4px solid var(--q-layout-color-6);
    margin-top: 1px
}

body .cathectic-shade {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: var(--q-gb-bg-c-50);
    opacity: .9
}

body .cathectic-shade .shade-fixed {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

body .cathectic-shade .shade-fixed .loading-wrap {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--q-layout-color-2)
}

body .cathectic-shade .shade-fixed .loading-wrap .img-loading {
    position: relative;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%
}

body .v-scroll-area:after {
    background: var(--q-layout-color-5);
    border-color: var(--q-layout-color-5)
}

body .q-scrollarea__thumb {
    background-color: var(--q-gb-bg-c-47);
    z-index: 200
}

body .new-pc-202411 .q-scrollarea__thumb {
    background-color: var(--q-gb-bg-c-106);
    z-index: 200
}

body .load-data-wrap {
    color: var(--q-gb-t-c-3)
}

body .load-data-wrap .list_right_empty .img {
    background-image: var(--qq--bg-image-url38)
}

body .load-data-wrap .empty-wrap.esports-size .text-center {
    color: var(--q-gb-t-c-8)
}

body .load-data-wrap .empty-wrap.filter_img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

body .load-data-wrap .empty-wrap.filter_img .img {
    height: 160px !important;
    padding-bottom: 0%;
    background-image: var(--qq--public-bg-image7);
    background-repeat: no-repeat
}

body .load-data-wrap .loading-text {
    color: var(--q-gb-t-c-1) !important
}

body .load-data-wrap .img-loading {
    background-image: var(--qq--bg-image-url10)
}

body .load-data-wrap .refresh {
    color: var(--q-layout-color-1);
    padding-top: 12%
}

body .load-data-wrap .refresh .img404 {
    background-image: var(--qq--public-bg-image5)
}

body .load-data-wrap .refresh .refresh-img {
    background-image: var(--qq--public-bg-image6)
}

body .load-data-wrap .refresh .btn {
    color: var(--q-gb-t-c-16);
    border: 1px solid var(--q-gb-t-c-16)
}

body .load-data-wrap .refresh .btn:hover {
    background-color: var(--q-gb-t-c-16);
    color: #fff
}

body .load-data-wrap .user_api_limited .img {
    background-image: var(--qq--public-bg-image1)
}

body .load-data-wrap .user_api_limited .btn {
    color: var(--q-gb-t-c-16);
    border: 1px solid var(--q-gb-t-c-16)
}

body .load-data-wrap .user_api_limited .btn:hover {
    background-color: var(--q-gb-t-c-16);
    color: var(--q-layout-color-1)
}

body .load-data-wrap .record_api_limited {
    color: var(--q-gb-t-c-8);
    text-align: center
}

body .load-data-wrap .record_api_limited .img {
    width: 180px;
    height: 130px;
    background-image: var(--qq--public-bg-image2);
    background-size: 100%;
    background-repeat: no-repeat
}

body .studio-icon {
    background-image: var(--qq--bg-image-url18)
}

body .studio-icon.active {
    background-image: var(--qq--bg-image-url19)
}

body .anchor-icon {
    background-image: var(--qq--bg-image-url20)
}

body .anchor-icon.active {
    background-image: var(--qq--bg-image-url21)
}

body .topic-icon {
    background-image: var(--qq--bg-image-url22)
}

body .topic-icon.active {
    background-image: var(--qq--bg-image-url23)
}

body .tips-box {
    background: var(--q-gb-bg-c-11);
    border: 1px solid var(--q-gb-bd-c-7);
    color: var(--q-gb-bg-c-2)
}

body .tips-box .tips-title {
    background: var(--q-gb-bg-c-14);
    color: var(--q-gb-bg-c-2)
}

body .tips-box .tips-title .tip-before:before {
    background: var(--q-gb-bd-c-11)
}

body .tips-box .tips-item {
    border-bottom: 1px solid var(--q-gb-bd-c-7) !important
}

body .fifteen-arrow {
    border-bottom: 7px solid var(--q-gb-bd-c-7)
}

body .fifteen-arrow:after {
    border-color: transparent transparent var(--q-gb-bg-c-14)
}

body .leagues-bg {
    background: var(--q-gb-bg-lg-15)
}

body .virtual-list .media-col-wrap .icon-signal:before {
    color: #99a3b1
}

body .virtual-list .media-col-wrap .icon-play:before {
    color: #99a3b1
}

body .virtual-list .media-col-wrap.active .icon-play:before {
    color: var(--q-gb-bg-c-16)
}

body .virtual-list .sticky-wrap:nth-of-type(2):before {
    content: "";
    position: absolute;
    top: -10px;
    height: 20px;
    width: 100%;
    background-color: var(--q-gb-bg-c-11);
    z-index: -1
}

body .virtual-list .sticky-wrap .match-type {
    border: 1px solid var(--q-gb-bg-c-9);
    background: var(--q-gb-bg-lg-18);
    color: var(--q-gb-bg-c-2)
}

body .virtual-list .sticky-wrap .match-type .basic-width .icon-timer:before,
body .virtual-list .sticky-wrap .match-type .basic-width .timer-wrap {
    color: var(--q-gb-bg-c-2)
}

body .virtual-list .sticky-wrap .match-type .play-name {
    width: 100%
}

body .virtual-list .sticky-wrap .match-type .play-name .col {
    font-weight: 500;
    border-left: .5px solid transparent
}

body .virtual-list .sticky-wrap .match-type .play-name .col.bet-col3,
body .virtual-list .sticky-wrap .match-type .play-name .col.bet-col4,
body .virtual-list .sticky-wrap .match-type .play-name .col.bet-col5 {
    background: var(--q-gb-bg-c-22)
}

body .virtual-list .sticky-wrap .match-type .play-name .col.bet-col2,
body .virtual-list .sticky-wrap .match-type .play-name .col.bet-col5 {
    border-right: .5px solid var(--q-gb-bd-c-8)
}

body .virtual-list .sticky-wrap.header-highlight {
    border-top: none
}

body .virtual-list .sticky-wrap.header-highlight .basic-width .timer-wrap,
body .virtual-list .sticky-wrap.header-highlight .basic-width .icon-timer:before {
    color: var(--q-gb-bd-c-11)
}

body .virtual-list .sticky-wrap.match-status2 {
    margin-bottom: 4px
}

body .virtual-list .sticky-wrap.match-status2 .match-type {
    margin-top: 4px;
    background-image: var(--q-gb-bg-lg-1);
    color: #fff;
    border: 0
}

body .virtual-list .sticky-wrap.match-status2 .match-type .media-col-wrap .icon-play:before {
    color: #fff;
    opacity: .8
}

body .virtual-list .sticky-wrap.match-status2 .match-type .media-col-wrap .icon-signal {
    display: none
}

body .virtual-list .sticky-wrap.match-status2 .match-type .media-col-wrap.active .icon-play:before {
    opacity: 1
}

body .virtual-list .sticky-wrap .hscroll-handler:hover {
    background: var(--q-gb-bg-c-11)
}

body .virtual-list .virtual-match-tpl1 .virtual-match-item .match-handicap-item {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

body .virtual-list .media-col-wrap .team-wrap,
body .virtual-list .virtual-match-tpl2 .team-wrap {
    color: var(--q-gb-t-c-3)
}

body .virtual-list .media-col-wrap .team-wrap .team-item:nth-of-type(odd),
body .virtual-list .virtual-match-tpl2 .team-wrap .team-item:nth-of-type(odd) {
    background-color: var(--q-gb-bg-c-11)
}

body .virtual-list .media-col-wrap .bet-item-wrap:nth-of-type(odd),
body .virtual-list .virtual-match-tpl2 .bet-item-wrap:nth-of-type(odd) {
    background-color: var(--q-gb-bg-c-11)
}

body .virtual-list .media-col-wrap .more-row,
body .virtual-list .virtual-match-tpl2 .more-row {
    color: var(--q-gb-bg-c-2);
    border-top: 1px solid var(--q-gb-bd-c-8);
    background-color: var(--q-gb-bg-c-11)
}

body .virtual-list .media-col-wrap .media-col .media-item,
body .virtual-list .virtual-match-tpl2 .media-col .media-item {
    border-top: 1px solid var(--q-gb-bd-c-8)
}

body .virtual-list .media-col-wrap .media-col .media-item:nth-of-type(odd),
body .virtual-list .virtual-match-tpl2 .media-col .media-item:nth-of-type(odd) {
    background-color: var(--q-gb-bg-c-11)
}

body .collect-btn.active .icon-star.active:before {
    color: var(--q-gb-t-c-44) !important
}

body .icon-star.active:before {
    color: #ffb001 !important
}

body .tips-body .direction {
    border-bottom: 7px solid var(--q-gb-bd-c-8)
}

body .tips-body .direction:after {
    border-color: transparent transparent var(--q-gb-bg-c-11)
}

body .pager-wrap .go-top-btn {
    background: var(--q-gb-bg-c-11) !important;
    color: var(--q-gb-t-c-5) !important;
    border: 1px solid var(--q-gb-bd-c-8)
}

body .pager-wrap .go-top-btn .icon-go_top:before {
    color: var(--q-gb-bd-c-4) !important
}

body .pager-wrap .go-top-btn:hover {
    background: var(--q-gb-bg-c-77) !important;
    color: #fff !important
}

body .pager-wrap .go-top-btn:hover .icon-go_top:before {
    color: #fff !important
}

.pc-menu-yb-layout-margin-header-module {
    height: 100px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 2px solid var(--q-gb-bd-c-26);
    border-radius: 0 0 10px 10px;
    background-size: auto 100%;
    background-position: right bottom;
    background-color: var(--q-gb-bg-c-64)
}

.pc-menu-yb-layout-margin-header-module .header-item :deep(.items-center) {
    color: var(--q-gb-t-c-23)
}

.pc-menu-layout-left-module .cathectic-shade {
    background: var(--q-gb-bg-c-50);
    width: 220px
}

.pc-menu-layout-left-module .cathectic-shade .justify-center {
    color: var(--q-text-color-white-all)
}

.layout-left :deep(.v-scrollarea.fit) {
    border-right: 1px solid var(--q-gb-bg-c-11);
    border-left: 1px solid var(--q-gb-bg-c-11);
    border-radius: 0 6px 0 0
}

.layout-left :deep(.v-scrollarea.fit) .q-scrollarea__container {
    background-color: var(--q-gb-bg-c-30)
}

.vdr-container .cathectic-shade {
    background: var(--q-gb-bg-c-50)
}

.vdr-container .cathectic-shade .loading-text {
    font-size: 12px;
    color: var(--q-gb-bg-c-36)
}

.pc-menu-page-main-module .page-main {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: var(--q-gb-bg-c-22);
    position: relative;
    overflow-x: auto
}

.pc-menu-page-main-module .page-main.main_scroll {
    height: 100vh;
    overflow: hidden;
    overflow-x: auto;
    -webkit-user-select: none;
    user-select: none
}

.pc-menu-page-main-module .page-main .video_page {
    position: fixed;
    inset: 0;
    width: 100% !important;
    height: 100% !important
}

.pc-menu-page-main-module .page-main .layout_main {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-height: 100%
}

.pc-menu-page-main-module .layout_main {
    padding-top: 9px;
    flex-wrap: nowrap
}

.pc-menu-page-main-module .layout_main_left {
    padding-top: 5px;
    flex-shrink: 0
}

.pc-menu-page-main-module .layout_main_center {
    padding-top: 5px
}

.pc-menu-page-main-module .layout_main_right {
    padding-top: 5px;
    padding-right: 1.3px
}

.pc-menu-page-main-module :deep(.vdr-container) {
    width: 300px;
    background: inherit;
    border: none;
    z-index: 1900
}

.pc-menu-page-main-module :deep(.vdr-container) .bet-scorll-header {
    width: 300px
}

.pc-menu-page-main-module :deep(.vdr-container) .bet-box-content {
    width: auto
}

.pc-menu-page-main-module :deep(.ty-bet-box) {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 600px
}

.pc-menu-page-main-module :deep(.ty-bet-box) .cathectic-shade {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--q-gb-bg-c-50);
    opacity: .7
}

.pc-menu-page-main-module .menu_toggle-btn {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 400;
    width: 12px;
    height: 30px;
    left: 230px;
    border-radius: 0 8px 8px 0;
    background: var(--q-gb-bg-c-1);
    opacity: .9;
    cursor: pointer
}

.pc-menu-page-main-module .menu_toggle-btn.mini {
    left: 64px
}

.pc-menu-page-main-module .menu_toggle-btn.mini img {
    transform: rotate(180deg)
}

.pc-menu-page-main-module .menu_toggle-btn:hover {
    width: 15px
}

.pc-menu-page-main-module .ifame_container {
    width: 100%;
    height: 100%
}

.pc-menu-page-main-module .crosstalk-dialog {
    width: 320px;
    padding: 20px 0;
    border-radius: 6px;
    background: var(--q-gb-bg-c-11);
    width: 400px;
    box-shadow: 0 0 10px #0000004d
}

.pc-menu-page-main-module .crosstalk-dialog .title {
    color: var(--q-gb-t-c-20);
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px
}

.pc-menu-page-main-module .crosstalk-dialog .msg {
    color: var(--q-gb-t-c-21);
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    font-weight: 400
}

.pc-menu-page-main-module .crosstalk-dialog .button {
    width: 330px;
    height: 40px;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--q-gb-bg-c-1);
    font-size: 14px;
    box-shadow: 0 2px 2px #1851821f
}

.pc-menu-page-main-module .active-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    pointer-events: none
}

.pc-top-marquee-wrap-module .up-style :deep(.is-iframe-style.new-pc-page) .date-item .date-time,
.pc-top-marquee-wrap-module .up-style :deep(.is-iframe-style.new-pc-page) .date-item .time-zone {
    display: block;
    text-align: right;
    padding-right: 5px;
    color: var(--q-gb-t-c-37)
}

.pc-top-marquee-wrap-module .marquee-wrap {
    height: 100%;
    display: flex;
    align-items: center
}

.pc-top-marquee-wrap-module .marquee-wrap .versions-zhuanye {
    width: 22px;
    height: 22px
}

.pc-top-marquee-wrap-module .marquee-wrap .versions-zhuanye .langeuage-text>div {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pc-top-marquee-wrap-module .marquee-wrap .versions-zhuanye .langeuage-text .lang-active {
    width: 22px;
    height: 22px;
    display: inline-block !important;
    background-image: url(/image/common/png/lang_cn.png);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 0
}

.pc-top-marquee-wrap-module .marquee-wrap .versions-zhuanye .wrap-language {
    top: 33px;
    left: 100%;
    background: var(--q-gb-bg-c-11);
    box-shadow: var(--q-gb-bg-lg-12)
}

.pc-top-marquee-wrap-module .marquee-wrap .versions-zhuanye .wrap-language .active {
    color: var(--q-gb-t-c-35)
}

.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 5px
}

.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper.iframe-tab-wrapper-left {
    margin-right: 10px
}

.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper .date-time {
    display: flex;
    justify-content: end
}

.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper .tab-item {
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
    color: var(--q-gb-t-c-1);
    border: none;
    border-radius: 26px
}

.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper .tab-item:first-child {
    margin-right: 10px
}

.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper [class *=tab-icon-item] {
    cursor: pointer;
    width: 22px;
    height: 22px;
    margin-right: 8px
}

.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper [class *=tab-icon-item] .tab-icon-img {
    width: 22px;
    height: 22px;
    background-size: cover
}

.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper .tab-icon-item-sports_rules,
.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper .tab-icon-item-task_center,
.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper .tab-icon-item-settings,
.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper .tab-icon-item-annual-report-icon,
.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper .tab-icon-item-y0-sports_rules,
.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper .tab-icon-item-y0-task_center,
.pc-top-marquee-wrap-module .marquee-wrap .iframe-tab-wrapper .tab-icon-item-y0-settings {
    background-size: cover
}

.pc-top-marquee-wrap-module .marquee-wrap .line-height {
    height: 100%;
    line-height: 40px;
    color: var(--q-gb-t-c-6)
}

.pc-top-marquee-wrap-module .marquee-wrap .label {
    padding: 0 6px;
    height: 22px;
    min-width: 60px;
    line-height: 22px !important;
    text-align: center;
    margin-right: 10px
}

.pc-top-marquee-wrap-module .marquee-wrap .label .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    transform: translate(-2px, 2px);
    background-size: cover
}

.pc-top-marquee-wrap-module .marquee-wrap .content {
    height: 38px;
    overflow: hidden
}

.pc-top-marquee-wrap-module .marquee-wrap .animation-wrap {
    position: absolute;
    white-space: nowrap
}

.pc-top-marquee-wrap-module .menu-collapse-btn-main {
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
    cursor: pointer
}

.pc-top-marquee-wrap-module .menu-collapse-btn-main .yb-icon-arrow {
    color: var(--q-gb-t-c-26)
}

.pc-top-marquee-wrap-module .menu-collapse-btn {
    width: 22px;
    height: 22px;
    margin-right: 3px
}

.pc-top-marquee-wrap-module .menu-collapse-btn.btn-collapse {
    flex: 0 0 22px;
    margin-right: 10px
}

.pc-top-marquee-wrap-module .user-info {
    display: flex;
    align-items: center;
    padding-right: 0;
    min-width: 100px
}

.pc-top-marquee-wrap-module .user-info.rows {
    flex-direction: column;
    justify-content: center;
    line-height: 20px;
    padding-right: 0
}

.pc-top-marquee-wrap-module .user-info.rows .row {
    width: 100%;
    align-items: center;
    justify-content: flex-end
}

.pc-top-marquee-wrap-module .user-info.rows .user-name {
    margin-right: 5px
}

.pc-top-marquee-wrap-module .user-info.rows .c-refresh {
    width: auto !important;
    height: auto !important
}

.pc-top-marquee-wrap-module .user-info.rows .refresh-icon-wrap {
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.pc-top-marquee-wrap-module .user-info .user-name {
    margin-right: 0
}

.pc-top-marquee-wrap-module .user-info .balance-btn-eye {
    cursor: pointer;
    margin-right: 4px
}

.pc-top-marquee-wrap-module .user-info .balance-text-show {
    font-size: 14px
}

.pc-top-marquee-wrap-module .user-info .refresh-btn {
    margin-left: 6px
}

.pc-top-marquee-wrap-module .icon-wap {
    display: flex;
    width: 130px;
    margin-left: 5px
}

.pc-top-marquee-wrap-module .fit-style-newpc-two {
    width: 85% !important
}

.pc-top-marquee-wrap-module .user-info-mini-content {
    width: 140px !important;
    flex-wrap: wrap;
    margin-left: 270px
}

.pc-top-marquee-wrap-module .user-info-mini-content .refresh-btn {
    transform: translate(-4px)
}

.pc-top-marquee-wrap-module .user-info-mini-content .user-name {
    margin-right: 0 !important;
    max-width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.pc-top-marquee-wrap-module .marquee {
    display: inline-block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden
}

.pc-top-marquee-wrap-module .firefox {
    animation: marquee-firefox 30s linear infinite
}

@keyframes marquee-chrome {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes marquee-firefox {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

.pc-search-init-module .wrap-init {
    padding: 5px 15px 15px;
    color: #99a3b1;
    overflow: hidden
}

.pc-search-init-module .init-wrap {
    margin-bottom: 20px
}

.pc-search-init-module .init-wrap .init-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 1px solid var(--q-gb-bd-c-22);
    height: 42px;
    margin-bottom: 8px
}

.pc-search-init-module .init-wrap .init-row .line {
    height: 14px;
    width: 3px;
    border-radius: 1.5px;
    margin-right: 10px
}

.pc-search-init-module .init-wrap .init-row .row-title {
    display: flex;
    align-items: center;
    line-height: 14px
}

.pc-search-init-module .init-wrap .init-row .clear-history {
    color: #5a6074;
    cursor: pointer
}

.pc-search-init-module .init-wrap .init-row .clear-history:hover {
    color: #99a3b1
}

.pc-search-init-module .init-wrap .histroy-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    padding: 0 10px;
    border-radius: 2px;
    cursor: pointer
}

.pc-search-init-module .init-wrap .histroy-item:hover {
    color: var(--q-gb-t-c-2);
    background-color: #262933
}

.pc-search-init-module .init-wrap .histroy-item:hover .yb-icon-arrow:before {
    border-color: #abbac8
}

.pc-search-init-module .init-wrap .histroy-item:hover .hover-color {
    filter: brightness(0) invert(16%) sepia(100%) saturate(100%) hue-rotate(0deg)
}

.pc-search-init-module .init-wrap .histroy-item .search_deleteIcon {
    cursor: pointer;
    width: 12px;
    height: 12px;
    display: inline-block
}

.pc-search-init-module .init-wrap .histroy-item .search_deleteIcon:before {
    color: #5a6074
}

.pc-search-init-module .init-wrap .histroy-item .search_deleteIcon:hover:before {
    color: #abbac8
}

.pc-search-init-module .init-wrap .histroy-item .yb-icon-arrow {
    margin-left: 10px
}

.pc-search-init-module .init-wrap .histroy-item .ellipsis {
    line-height: 18px
}

.pc-search-init-module .init-wrap:last-child .init-row {
    border-top: 1px solid var(--q-gb-bd-c-22)
}

.pc-search-input-module .wrap-input {
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: var(--q-bg-color-3-2);
    border-top: 1px solid var(--q-stroke-color-1);
    border-bottom: 1px solid var(--q-stroke-color-1)
}

.pc-search-input-module .wrap-input .search-icon-container {
    padding-left: 15px;
    height: 100%;
    display: flex;
    align-items: center
}

.pc-search-input-module .wrap-input .search-icon {
    margin-right: 10px
}

.pc-search-input-module .wrap-input .input-wrap {
    display: flex;
    align-items: center
}

.pc-search-input-module .wrap-input .input-wrap .search-input {
    outline: none;
    background: none;
    border: none;
    font-size: 12px;
    caret-color: #999;
    color: var(--q-text-color-1)
}

.pc-search-input-module .wrap-input .input-wrap .search-input::placeholder {
    font-size: 12px;
    color: var(--q-gb-t-c-8);
    opacity: .7
}

.pc-search-input-module .wrap-input .input-wrap .clear_input {
    width: 40px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pc-search-input-module .wrap-input .close-wrap {
    height: 18px;
    line-height: 18px;
    cursor: pointer;
    border-left: 1px solid var(--q-header-search-color-12);
    padding: 0 20px;
    color: var(--q-header-search-color-14)
}

.pc-search-result-module .result-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    min-height: 400px
}

.pc-search-result-module .result-wrap .load-data-wrap {
    height: 400px !important;
    min-height: 0
}

.pc-search-result-module .result-wrap .load-data-wrap .empty-wrap img {
    margin-bottom: 0
}

.pc-search-result-module .result-wrap .load-data-wrap .empty-wrap .nodata-text2 {
    font-size: 12px;
    margin-top: 2px
}

.pc-search-result-module .result-wrap .q-scrollarea__thumb {
    z-index: 1000
}

.pc-search-result-module .result-wrap .type-item {
    margin: 0 30px
}

.pc-search-result-module .result-wrap .type-item.inplay .league-item {
    margin-top: 20px !important
}

.pc-search-result-module .result-wrap .type-item.inplay .league-item .match-item .score {
    display: block !important
}

.pc-search-result-module .result-wrap .type-item.inplay .league-item .match-item .text-wrap .c-match-process .date-wrap {
    color: #99a3b1
}

.pc-search-result-module .result-wrap .type-item.inplay .league-item .league-wrap {
    display: none
}

.pc-search-result-module .result-wrap .type-item.active .league-item {
    display: block
}

.pc-search-result-module .result-wrap .type-item .type-wrap {
    display: flex;
    align-items: center;
    height: 34px;
    cursor: pointer
}

.pc-search-result-module .result-wrap .type-item .type-wrap .line {
    width: 3px;
    height: 14px;
    margin-right: 10px;
    border-radius: 1.5px
}

.pc-search-result-module .result-wrap .type-item .type-wrap .type-name {
    color: var(--q-gb-t-c-6);
    position: relative
}

.pc-search-result-module .result-wrap .type-item .type-wrap .type-name .tip-direct {
    width: 12px;
    height: 10px;
    position: absolute;
    top: 4px;
    right: -16px;
    transition: transform .3s
}

.pc-search-result-module .result-wrap .type-item .type-wrap .type-name .tip-direct.accordion-on {
    transform: rotate(180deg)
}

.pc-search-result-module .result-wrap .type-item .type-wrap .type-name .tip-direct:before {
    color: var(--q-gb-t-c-6)
}

.pc-search-result-module .result-wrap .type-item .league-item {
    margin-top: 10px;
    margin-bottom: 20px;
    display: none
}

.pc-search-result-module .result-wrap .type-item .league-item.active .hide-match {
    display: block !important
}

.pc-search-result-module .result-wrap .type-item .league-item.active .yb-icon-arrow {
    transform: rotate(270deg)
}

.pc-search-result-module .result-wrap .type-item .league-item .yb-icon-arrow {
    transform: rotate(90deg)
}

.pc-search-result-module .result-wrap .type-item .league-item .point-wrap {
    height: 20px;
    display: flex;
    align-items: center
}

.pc-search-result-module .result-wrap .type-item .league-item .league-wrap {
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px
}

.pc-search-result-module .result-wrap .type-item .league-item .league-wrap .name-wrap {
    display: flex;
    height: 100%;
    align-items: center
}

.pc-search-result-module .result-wrap .type-item .league-item .league-wrap .name-wrap .league-name {
    color: var(--q-gb-t-c-6);
    padding-right: 10px;
    font-weight: 600
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item {
    padding: 5px 0;
    margin-top: 5px
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item.hide-match {
    display: none
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item .text-wrap {
    display: flex;
    line-height: 20px
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item .text-wrap .team {
    cursor: pointer
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item .text-wrap .score {
    margin-left: 10px
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item .text-wrap .c-match-process .date-wrap {
    padding: 0;
    color: #5a6074;
    display: flex
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item .text-wrap .c-match-process .date-wrap span {
    margin-right: 5px;
    white-space: nowrap
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item .text-wrap .c-match-process .timer-layout2 {
    margin-right: 5px
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item .text-wrap .c-match-process .jingcai {
    display: none
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item .text-wrap .c-match-process .process-name {
    margin-right: 5px
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item .text-wrap.hidden-text-warp {
    display: none
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item .search-match-date {
    padding-left: 22px !important
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item-title {
    display: flex;
    align-items: center
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item-title-name {
    align-items: center;
    color: var(--q-gb-t-c-6);
    padding-right: 10px;
    font-weight: 600;
    height: 30px;
    font-size: 14px;
    line-height: 30px
}

.pc-search-result-module .result-wrap .type-item .league-item .match-item-title:hover-name {
    color: var(--q-gb-t-c-16) !important
}

.pc-search-result-module .result-wrap .type-item .league-item.hide-league-item {
    margin-bottom: 0 !important
}

.pc-search-result-module .result-wrap .type-item .league-item.hide-league-item .league-wrap {
    margin-bottom: 5px !important
}

.pc-search-result-module .result-wrap .type-item .league-item.hide-league-item .match-item {
    padding: 0 !important;
    margin-top: 0 !important
}

.pc-search-result-module .result-wrap .m-star-wrap-pin {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.pc-search-result-module .result-wrap .m-star-wrap-pin>span {
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    margin-right: 10px
}

.pc-search-result-module .result-wrap .match-l {
    display: flex;
    line-height: 20px;
    margin-bottom: 6px
}

.pc-search-result-module .result-wrap .match-l .match-l-name {
    font-weight: 600;
    color: var(--q-gb-t-c-6);
    font-size: 14px
}

.pc-search-result-module .result-wrap .match-l .right-btn {
    margin-left: 5px;
    padding-top: 5px
}

.pc-search-result-module .result-wrap .match-l .right-btn .yb-icon-arrow:before {
    border-color: var(--q-gb-t-c-6) !important;
    color: var(--q-gb-t-c-6) !important;
    transform: rotate(135deg) !important
}

.pc-search-result-module .result-wrap .match-l:hover .match-l-name,
.pc-search-result-module .result-wrap .match-item-title:hover .match-item-title-name {
    color: var(--q-gb-t-c-16) !important
}

.pc-search-result-module .result-wrap .match-item-title .match-item-title-text {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.pc-search-result-module .result-wrap .match-item-title .right-btn {
    transform: rotate(90deg)
}

.pc-search-sports-module .sports-wrap {
    padding-top: 65px
}

.pc-search-sports-module .sports-wrap .item {
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    color: #99a3b1;
    margin: 0 30px 5px;
    padding: 0 10px;
    cursor: pointer
}

.pc-search-sports-module .sports-wrap .item:hover {
    background-color: var(--q-header-search-color-1);
    color: var(--q-gb-t-c-16)
}

.pc-search-index-module .serach-wrap .init-wrap .init-row .line,
.pc-search-index-module .serach-wrap .type-item .type-wrap .line {
    background-color: var(--q-header-search-color-7);
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px
}

.pc-search-index-module .serach-wrap .load-data-wrap .empty-wrap .text-center {
    color: var(--q-gb-t-c-8);
    margin-bottom: 10px
}

.pc-search-index-module .serach-wrap .load-data-wrap .empty-wrap .nodata-text2 {
    color: var(--q-gb-t-c-10)
}

.pc-search-index-module .serach-wrap .wrap-input .search-icon-container {
    background-color: transparent
}

.pc-search-index-module .serach-wrap .wrap-input .search-icon {
    color: var(--q-header-search-color-7) !important
}

.pc-search-index-module .serach-wrap .wrap-input .input-wrap .clear_input .clear_input_btn:before {
    color: var(--q-icon-color-1)
}

.pc-search-index-module .serach-wrap .wrap-input .input-wrap .clear_input:hover .clear_input_btn:before {
    color: var(--q-gb-t-c-6)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background {
    background-color: var(--q-header-search-color-11)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .init-wrap .init-row {
    color: var(--q-header-search-color-3)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .init-wrap .init-row .clear-history {
    color: var(--q-text-color-2)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .init-wrap .init-row .clear-history:hover {
    color: var(--q-header-search-color-9)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .histroy-item,
.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .histroy-item .ellipsis {
    color: var(--q-header-search-color-3)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .histroy-item .search_deleteIcon:before {
    color: var(--q-gb-t-c-13)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .histroy-item:hover {
    background-color: var(--q-header-search-color-1);
    color: var(--q-gb-t-c-16)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .histroy-item:hover .ellipsis {
    color: var(--q-gb-t-c-16)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .histroy-item:hover .search_deleteIcon:before {
    color: var(--q-icon-color-1)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .type-item .type-wrap {
    border-bottom-color: var(--q-header-search-color-5)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .type-item .type-wrap .type-name {
    font-size: 13px;
    color: var(--q-header-search-color-3)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .type-item .text-wrap .process-name {
    color: var(--q-gb-t-c-8)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .type-item .text-wrap .score {
    color: var(--q-gb-t-c-16)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .type-item .text-wrap .timer-layout {
    color: var(--q-gb-t-c-8)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .type-item .league-item .league-wrap .name-wrap .league-name:hover {
    color: var(--q-gb-t-c-16)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .type-item .league-item .league-wrap .name-wrap .league-total {
    color: var(--q-gb-t-c-8)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .type-item .league-item .match-item .team {
    color: var(--q-text-color-1);
    white-space: nowrap
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .type-item .league-item .match-item .team:hover {
    color: var(--q-gb-t-c-16)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background .type-item .league-item .match-item .text-wrap .c-match-process .date-wrap {
    color: var(--q-text-color-1);
    text-align: left
}

.pc-search-index-module .serach-wrap .bottom-wrap .c-keyword-related .item {
    color: var(--q-gb-t-c-8)
}

.pc-search-index-module .serach-wrap .bottom-wrap .c-keyword-related .item .highlight,
.pc-search-index-module .serach-wrap .bottom-wrap .c-keyword-related .item:hover {
    color: var(--q-gb-t-c-16)
}

.pc-search-index-module .serach-wrap .bottom-wrap .sports-tab {
    background-color: var(--q-header-search-color-5)
}

.pc-search-index-module .serach-wrap .bottom-wrap .sports-tab .tab-wrap {
    width: 100%
}

.pc-search-index-module .serach-wrap .bottom-wrap .sports-tab .tab-wrap .item-wrap {
    width: 100% !important
}

.pc-search-index-module .serach-wrap .bottom-wrap .sports-tab .tab-wrap .item-wrap .tab-item {
    color: var(--q-header-search-color-9);
    max-width: 85px;
    flex: 1;
    display: inline-block
}

.pc-search-index-module .serach-wrap .bottom-wrap .sports-tab .tab-wrap .item-wrap .tab-item.active {
    color: var(--q-header-search-color-7)
}

.pc-search-index-module .search-position {
    position: fixed;
    left: 0;
    top: 112px;
    bottom: 0;
    z-index: 10001;
    height: auto
}

.pc-search-index-module .search-position.iframe.is-iframe-search {
    top: 50px
}

.pc-search-index-module .search-position.hide-search {
    height: 40px;
    bottom: auto;
    overflow: hidden
}

.pc-search-index-module .search-position.hide-search .bottom-wrap {
    display: none
}

.pc-search-index-module .search-position-iframe {
    top: 88px
}

.pc-search-index-module .serach-wrap {
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 100%
}

.pc-search-index-module .serach-wrap .bottom-wrap {
    top: -1px;
    width: 100%;
    height: 100%;
    background-color: var(--q-gb-bg-c-76)
}

.pc-search-index-module .serach-wrap .bottom-wrap .serach-background {
    background-color: var(--q-bg-color-3-2);
    overflow: hidden
}

.pc-search-index-module .serach-wrap .bottom-wrap .sports-tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 6px 0 0 15px;
    z-index: 999;
    background-color: var(--q-bg-color-3-2);
    border-bottom: 1px solid var(--q-gb-bd-c-22)
}

.pc-search-index-module .serach-wrap .bottom-wrap .sports-tab .tab-item {
    height: 38px;
    line-height: 10px !important;
    padding: 0 10px
}

.pc-search-index-module .serach-wrap .bottom-wrap .sports-tab .line-wrap {
    transform: none
}

.pc-search-index-module .serach-wrap .search-result {
    box-shadow: 0 0 5px #0003
}

.pc-search-index-module .serach-wrap.mini {
    top: 60px;
    left: 63px
}

.pc-search-index-module .iframe_serach-wrap .bottom-wrap {
    top: -5px
}

.pc-version-dialog-setting-module {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.pc-version-dialog-setting-module .dialog-setting-boxShadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0006
}

.pc-version-dialog-setting-module .dialog_content {
    box-shadow: none !important;
    height: 302px;
    width: 800px;
    display: flex;
    margin: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.pc-version-dialog-setting-module .alert-wrap {
    border-radius: 20px;
    overflow: visible;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%
}

.pc-version-dialog-setting-module .alert-wrap img {
    position: absolute;
    width: 28px;
    height: 28px;
    top: -40px;
    right: 0;
    cursor: pointer
}

.pc-version-dialog-setting-module .alert-wrap .use-btn {
    position: absolute;
    display: flex;
    justify-content: space-around;
    align-items: center;
    bottom: 15px;
    margin: 0 auto;
    width: 100%;
    height: 36px
}

.pc-version-dialog-setting-module .alert-wrap .use-btn>div {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    padding: 6px 36px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    cursor: pointer;
    color: var(--q-gb-t-c-18);
    background-color: var(--q-gb-t-c-16)
}

.pc-version-dialog-setting-module .setting-container {
    width: 544px;
    height: 280px;
    max-width: 544px;
    position: relative;
    background: transparent;
    overflow: visible;
    border-radius: 12px
}

.pc-dialog-highlights-module {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.pc-dialog-highlights-module .dialog-highlights-boxShadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0006
}

.pc-dialog-highlights-module .dialog_content {
    box-shadow: none !important
}

.pc-dialog-highlights-module .alert-wrap {
    text-align: center;
    width: 380px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat
}

.pc-dialog-highlights-module .alert-wrap .items-center {
    padding: 12px 0 20px;
    background-color: #fff;
    position: relative;
    top: -27px;
    border-radius: 0 0 8px 8px;
    width: 320px
}

.pc-dialog-highlights-module .alert-wrap .text {
    padding: 10px 20px 0;
    color: #343434;
    font-size: 18px;
    font-family: PingFangSC-Medium;
    position: relative;
    width: 100%;
    text-align: left;
    font-weight: 600
}

.pc-dialog-highlights-module .alert-wrap .text:before {
    content: "";
    display: block;
    width: 34px;
    height: 3px;
    background-image: linear-gradient(-45deg, #ffeac0, #fffaef);
    position: absolute;
    top: 37px;
    border-radius: 2px;
    z-index: 9
}

.pc-dialog-highlights-module .alert-wrap .text-left {
    font-size: 16px;
    color: #3c4551;
    list-style: none;
    padding: 30px 20px 20px 30px;
    margin: 0
}

.pc-dialog-highlights-module .alert-wrap .text-left li {
    position: relative;
    margin-bottom: 13px;
    font-family: PingFangSC-Regular
}

.pc-dialog-highlights-module .alert-wrap .text-left li:before {
    content: "";
    display: block;
    background-image: linear-gradient(-45deg, #848484, #cbcbcb);
    width: 5px;
    height: 5px;
    position: absolute;
    border-radius: 50%;
    top: 9px;
    left: -10px
}

.pc-dialog-highlights-module .alert-wrap .page-lost {
    text-align: center;
    margin: auto
}

.pc-dialog-highlights-module .alert-wrap .page-lost img {
    width: 170px
}

.pc-dialog-highlights-module .alert-wrap .page-lost .text1 {
    color: #666;
    font-size: 14px
}

.pc-dialog-highlights-module .alert-wrap .page-lost .text2 {
    color: #999;
    margin-bottom: 10px
}

.pc-dialog-highlights-module .alert-wrap .btn {
    width: 159px;
    height: 43px;
    line-height: 43px;
    color: #333;
    border-radius: 22px;
    cursor: pointer;
    font-size: 18px;
    margin: 0 auto;
    background-size: contain;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center
}

.pc-dialog-highlights-module .alert-wrap .close {
    cursor: pointer;
    position: absolute;
    right: 17.6px;
    top: 17.6px
}

@keyframes scaleAnimation {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(0);
        opacity: 0;
        top: 100px !important
    }
}

.pc-dialog-highlights-module .highlights-container {
    width: 800px;
    height: 560px;
    min-height: 560px;
    max-width: 800px;
    position: relative;
    background: transparent;
    overflow: hidden;
    border-radius: 12px;
    background-size: cover;
    background-position: center
}

.pc-dialog-highlights-module .highlights-container .img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor
}

.pc-dialog-highlights-module .highlights-container .alert-wrap {
    width: 100%;
    height: 100%
}

.pc-dialog-highlights-module .highlights-container .sc-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0
}

.pc-dialog-highlights-module .highlights-container .sc-title {
    height: 40%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 20px;
    text-align: center;
    color: var(--qq--highlights-c-sc-title);
    font-size: 30px
}

.pc-dialog-highlights-module .highlights-container .sc-title img {
    width: 40px;
    height: auto;
    position: relative;
    top: 12px;
    margin-right: 10px
}

.pc-dialog-highlights-module .highlights-container .choose-container {
    position: absolute;
    z-index: 99;
    width: 800px;
    height: 80px;
    min-height: 80px;
    bottom: 30px;
    padding: 0 20px;
    margin: 0 auto
}

.pc-dialog-highlights-module .highlights-container .choose-container .on {
    width: 680px;
    height: 400px;
    border-radius: 20px;
    background: var(--qq--popup-setting-item-color);
    padding: 10px;
    border: 1px solid var(--qq--popup-setting-item-border-color);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    border-width: 2px
}

.pc-dialog-highlights-module .highlights-container .choose-container .on h3 {
    font-size: 20px;
    margin: 0;
    color: var(--qq--popup-setting-text-color-active);
    font-weight: 550
}

.pc-dialog-highlights-module .highlights-container .choose-container .on p {
    font-size: 14px;
    color: var(--qq--popup-setting-item-p-color);
    margin-top: -6px
}

.pc-dialog-highlights-module .highlights-container .choose-container .on .img {
    height: 380px;
    width: 100%
}

.pc-dialog-highlights-module .highlights-container .choose-container .on:last-child {
    margin-left: 20px
}

.pc-dialog-highlights-module .highlights-container .choose-container .on .text {
    color: var(--qq--popup-setting-item-text-color)
}

.pc-dialog-highlights-module .highlights-container .choose-container .on.on {
    padding: 15px;
    border: 2px solid var(--qq--highlights-bd-color-active);
    background: var(--qq--highlights-item-on-color)
}

.pc-dialog-highlights-module .highlights-container .choose-container .on.on h3 {
    color: var(--qq--popup-wrap-text-color-active)
}

.pc-dialog-highlights-module .highlights-container .choose-container .on.on p {
    color: var(--qq--popup-setting-item-p-on-color)
}

.pc-dialog-highlights-module .highlights-container .choose-container .on.on i {
    width: 26px;
    height: 26px;
    background: var(--qq--popup-wrap-text-color-active);
    border-top-left-radius: 20px;
    position: absolute;
    right: 0;
    bottom: 0
}

.pc-dialog-highlights-module .highlights-container .choose-container .on.img-one {
    width: 500px;
    height: 320px
}

.pc-dialog-highlights-module .highlights-container .choose-container .on.img-one .img {
    height: 290px;
    width: 100%
}

.pc-dialog-highlights-module .highlights-container .choose-container .first-page .tpis-title {
    color: var(--qq--highlights-c-sc-title);
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 4px
}

.pc-dialog-highlights-module .highlights-container .choose-container .first-page .detail {
    color: var(--qq--highlights-c-detail);
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

.pc-dialog-highlights-module .highlights-container .choose-container .first-page .btn {
    display: flex;
    height: 34px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 50px;
    background: var(--qq--highlights-btn);
    margin-top: 28px
}

.pc-dialog-highlights-module .highlights-container .choose-container .first-page .btn span {
    font-size: 14px;
    display: flex;
    width: 164px;
    height: 34px;
    padding: 10px;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    color: var(--q-gb-t-c-18);
    background-color: var(--q-gb-t-c-16)
}

.pc-dialog-highlights-module .highlights-container .choose-container .first-page .jump {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 30px
}

.pc-dialog-highlights-module .highlights-container .choose-container .first-page .jump span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 144px;
    height: 30px;
    color: var(--q-gb-t-c-6)
}

.pc-dialog-highlights-module .highlights-container .choose-container .second_page {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 30px;
    margin-top: 50px
}

.pc-dialog-highlights-module .highlights-container .choose-container .second_page span {
    display: flex;
    width: 90px;
    height: 26px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    border: 1px solid var(--q-gb-bd-c-12);
    color: var(--q-gb-t-c-16);
    font-size: 14px
}

.pc-dialog-highlights-module .highlights-container .choose-container .second_page span:nth-child(1) {
    margin-right: 10px
}

.pc-dialog-highlights-module .highlights-container .choose-container .second_page span:nth-child(2) {
    margin-right: 30px
}

.pc-dialog-highlights-module .highlights-container .choose-container .second_page .btn-active {
    color: var(--q-gb-t-c-18);
    background-color: var(--q-gb-t-c-16)
}

.active-container[data-v-b8d67882] {
    top: 0;
    position: absolute;
    z-index: 9999999;
    pointer-events: none
}

.main-layout-com[data-v-3f1e6c4e] {
    width: auto;
    height: auto
}

@charset "UTF-8";

.right-icon[data-v-19dc77bc] {
    width: 100%;
    z-index: 8;
    margin-left: 20px
}

.right-icon .icon[data-v-19dc77bc] {
    position: absolute;
    top: 8px;
    right: 0;
    cursor: pointer
}

.right-icon .tip-content[data-v-19dc77bc] {
    position: absolute;
    top: 32px;
    right: 0;
    width: 100%
}

.right-icon .tip-content.is-iframe[data-v-19dc77bc] {
    width: 95%
}

.right-icon .tip-content .content-wrap[data-v-19dc77bc] {
    background-color: #000c;
    padding: 9px 8px;
    font-size: 12px;
    color: #fff;
    line-height: 20px
}

.right-icon .tip-content .yb-icon-triangle[data-v-19dc77bc] {
    position: absolute;
    top: -5px;
    right: 7.5px
}

.right-icon .tip-content .yb-icon-triangle[data-v-19dc77bc]:before {
    background-color: #000c
}

.right-icon[data-v-19dc77bc] .icon-tips3 {
    right: unset
}

svg[data-v-86de3012] {
    margin-top: 2px
}

.var-wrap[data-v-44f34f8e] {
    display: flex;
    align-items: center
}

@keyframes text-flash-44f34f8e {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.gif-text[data-v-44f34f8e] {
    white-space: nowrap;
    color: #ff7000;
    padding-left: 3px;
    animation: 1s text-flash-44f34f8e linear infinite normal
}

.red-flash[data-v-44f34f8e] {
    animation: 1s text-flash-44f34f8e linear infinite normal;
    display: none
}

.red-flash.active[data-v-44f34f8e] {
    display: block
}

.red-ball[data-v-44f34f8e] {
    background-color: #ba0e0e;
    color: var(--q-gb-t-c-18);
    padding: 0 2px;
    height: 14px;
    line-height: 14px;
    margin-left: 2px;
    max-width: 21px
}

.var-text[data-v-44f34f8e] {
    padding-left: 3px;
    color: #ff7000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    animation: 1s text-flash-44f34f8e linear infinite normal
}

.expand-match-list .football-after[data-v-91f176f8],
.screen-medium .expand-match-list .football-after[data-v-91f176f8] {
    width: 370px
}

.screen-medium .page-match-detail .c-match-process[data-v-91f176f8] {
    flex-direction: column !important
}

.screen-min .expand-match-list .football-after[data-v-91f176f8] {
    width: 386px
}

.screen-medium .football-after[data-v-91f176f8] {
    width: 506px
}

.screen-min .football-after[data-v-91f176f8] {
    width: 445px
}

.football-after[data-v-91f176f8] {
    overflow: hidden;
    width: 100%;
    border-radius: 2px;
    color: var(--q-gb-t-c-18);
    font-size: 12px;
    margin: 0 5px;
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px)
}

.football-after .info-time[data-v-91f176f8] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 10px 0 20px;
    height: 40px
}

.football-after .info-time .match-date[data-v-91f176f8] {
    display: flex;
    color: var(--q-gb-t-c-1)
}

.football-after .info-time .match-date[data-v-91f176f8] .process-name {
    color: var(--q-gb-t-c-18) !important
}

.football-after .info-time .match-date[data-v-91f176f8] .process-name .process_name {
    min-width: 50px;
    max-width: 7em
}

.football-after .info-time .match-date[data-v-91f176f8] .c-match-date {
    color: var(--q-gb-t-c-18) !important
}

.football-after .info-time .match-date .count_down[data-v-91f176f8] {
    align-items: center;
    justify-content: center
}

.football-after .info-time .match-date .count_down[data-v-91f176f8] .process-name,
.football-after .info-time .match-date .count_down[data-v-91f176f8] .c-match-date {
    color: var(--q-gb-t-c-18) !important
}

.football-after .info-time .icon-neutral-img[data-v-91f176f8] {
    width: 14px;
    height: 14px
}

.football-after .info-time .time-node[data-v-91f176f8] {
    position: relative;
    display: flex;
    align-items: center;
    scrollbar-width: none
}

.football-after .info-time .time-node-arrow[data-v-91f176f8] {
    position: absolute;
    top: -2px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.football-after .info-time .time-node-arrow-left[data-v-91f176f8] {
    left: -14px;
    transform: rotate(180deg)
}

.football-after .info-time .time-node-arrow-right[data-v-91f176f8] {
    right: -6px
}

.football-after .info-time .time-node-arrow-right.next[data-v-91f176f8] {
    transform: rotate(180deg)
}

.football-after .info-time .time-node-arrow img[data-v-91f176f8] {
    width: 100%;
    height: 100%
}

.football-after .info-time .time-node .result-icon-wrap[data-v-91f176f8] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    width: 26px;
    height: 100%
}

.football-after .info-time .time-node .result-icon[data-v-91f176f8] {
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    background-size: 100%
}

.football-after .info-time .time-node .result-icon.rs_jiao_quan[data-v-91f176f8] {
    background-position: 0 -224px
}

.football-after .info-time .time-node .result-icon.yellow_card[data-v-91f176f8] {
    background-position: 0 -140px
}

.football-after .info-time .time-node .result-icon.red_card[data-v-91f176f8] {
    background-position: 0 -182px
}

.football-after .info-time .time-node .result-icon.rs_dian[data-v-91f176f8] {
    background-position: 0 -294px
}

.football-after .info-time .time-node .result-icon.rs_jin_shang[data-v-91f176f8] {
    background-position: 0 -238px
}

.football-after .info-time .time-node .result-icon.rs_jin_quan[data-v-91f176f8] {
    background-position: 0 -266px
}

.football-after .info-time .time-node .result-icon.add_time[data-v-91f176f8] {
    background-position: 0 -280px
}

.football-after .info-time .time-node .result-icon[data-v-91f176f8]:before {
    font-size: 16px
}

.football-after .info-time .time-node .result-icon[data-v-91f176f8]:last-child {
    margin-right: 0
}

.football-after .info-time .time-node .pk_icon[data-v-91f176f8] {
    background-image: url(/image/common/png/pk_icon.png)
}

.football-after .info-time .time-node .pk_over[data-v-91f176f8] {
    background-image: url(/image/common/png/pk_over.png)
}

.football-after .info-both[data-v-91f176f8] {
    background: #1f2129cc
}

.football-after .info-both .both-home[data-v-91f176f8],
.football-after .info-both .both-away[data-v-91f176f8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px 8px 20px
}

.football-after .info-both .both-home[data-v-91f176f8] {
    border-bottom: 1px solid rgba(225, 225, 225, .08)
}

.football-after .info-both .wrap-logo[data-v-91f176f8] {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 1px;
    height: 28px;
    overflow: hidden;
    color: inherit
}

.football-after .info-both .both-logo[data-v-91f176f8] {
    flex-shrink: 0;
    margin-right: 11px;
    width: 28px;
    height: 28px
}

.football-after .info-both .info-data span[data-v-91f176f8] {
    display: inline-block;
    margin-right: 10px;
    width: 26px;
    text-align: center;
    font-size: 13px;
    color: var(--q-gb-t-c-18)
}

.football-after .info-both .info-data span[data-v-91f176f8]:last-child {
    margin-right: 0
}

.football-after .iframeBox[data-v-91f176f8] {
    display: block
}

.football-after .iframeBox[data-v-91f176f8] .time-content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

.football-after .flexBox[data-v-91f176f8] {
    display: flex
}

.point-wrap[data-v-91f176f8] {
    display: flex;
    margin-left: 10px;
    align-items: center
}

.point-item[data-v-91f176f8] {
    width: 26px;
    flex-direction: column;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.expand-match-list .football-after[data-v-73c08e71],
.screen-medium .expand-match-list .football-after[data-v-73c08e71] {
    width: 370px
}

.screen-medium .page-match-detail .c-match-process[data-v-73c08e71] {
    flex-direction: column !important
}

.screen-min .expand-match-list .football-after[data-v-73c08e71] {
    width: 386px
}

.screen-medium .football-after[data-v-73c08e71] {
    width: 506px
}

.screen-min .football-after[data-v-73c08e71] {
    width: 445px
}

.football-after[data-v-73c08e71] {
    overflow: hidden;
    width: 100%;
    border-radius: 2px;
    color: var(--q-gb-t-c-18);
    font-size: 12px;
    margin: 0 5px;
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px)
}

.football-after .info-time[data-v-73c08e71] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 10px 0 20px;
    height: 40px
}

.football-after .info-time .match-date[data-v-73c08e71] {
    display: flex;
    color: var(--q-gb-t-c-1)
}

.football-after .info-time .match-date[data-v-73c08e71] .process-name {
    color: var(--q-gb-t-c-18) !important
}

.football-after .info-time .match-date[data-v-73c08e71] .process-name .process_name {
    min-width: 50px;
    max-width: 7em
}

.football-after .info-time .match-date[data-v-73c08e71] .c-match-date {
    color: var(--q-gb-t-c-18) !important
}

.football-after .info-time .match-date .count_down[data-v-73c08e71] {
    align-items: center;
    justify-content: center
}

.football-after .info-time .match-date .count_down[data-v-73c08e71] .process-name,
.football-after .info-time .match-date .count_down[data-v-73c08e71] .c-match-date {
    color: var(--q-gb-t-c-18) !important
}

.football-after .info-time .icon-neutral-img[data-v-73c08e71] {
    width: 14px;
    height: 14px
}

.football-after .info-time .time-node[data-v-73c08e71] {
    position: relative;
    display: flex;
    align-items: center;
    scrollbar-width: none
}

.football-after .info-time .time-node-arrow[data-v-73c08e71] {
    position: absolute;
    top: -2px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.football-after .info-time .time-node-arrow-left[data-v-73c08e71] {
    left: -14px;
    transform: rotate(180deg)
}

.football-after .info-time .time-node-arrow-right[data-v-73c08e71] {
    right: -6px
}

.football-after .info-time .time-node-arrow-right.next[data-v-73c08e71] {
    transform: rotate(180deg)
}

.football-after .info-time .time-node-arrow img[data-v-73c08e71] {
    width: 100%;
    height: 100%
}

.football-after .info-time .time-node .result-icon-wrap[data-v-73c08e71] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    width: 26px;
    height: 100%
}

.football-after .info-time .time-node .result-icon[data-v-73c08e71] {
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    background-size: 100%
}

.football-after .info-time .time-node .result-icon.rs_jiao_quan[data-v-73c08e71] {
    background-position: 0 -224px
}

.football-after .info-time .time-node .result-icon.yellow_card[data-v-73c08e71] {
    background-position: 0 -140px
}

.football-after .info-time .time-node .result-icon.red_card[data-v-73c08e71] {
    background-position: 0 -182px
}

.football-after .info-time .time-node .result-icon.rs_dian[data-v-73c08e71] {
    background-position: 0 -294px
}

.football-after .info-time .time-node .result-icon.rs_jin_shang[data-v-73c08e71] {
    background-position: 0 -238px
}

.football-after .info-time .time-node .result-icon.rs_jin_quan[data-v-73c08e71] {
    background-position: 0 -266px
}

.football-after .info-time .time-node .result-icon.add_time[data-v-73c08e71] {
    background-position: 0 -280px
}

.football-after .info-time .time-node .result-icon[data-v-73c08e71]:before {
    font-size: 16px
}

.football-after .info-time .time-node .result-icon[data-v-73c08e71]:last-child {
    margin-right: 0
}

.football-after .info-time .time-node .pk_icon[data-v-73c08e71] {
    background-image: url(/image/common/png/pk_icon.png)
}

.football-after .info-time .time-node .pk_over[data-v-73c08e71] {
    background-image: url(/image/common/png/pk_over.png)
}

.football-after .info-both[data-v-73c08e71] {
    background: #1f2129cc
}

.football-after .info-both .both-home[data-v-73c08e71],
.football-after .info-both .both-away[data-v-73c08e71] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px 8px 20px
}

.football-after .info-both .both-home[data-v-73c08e71] {
    border-bottom: 1px solid rgba(225, 225, 225, .08)
}

.football-after .info-both .wrap-logo[data-v-73c08e71] {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 1px;
    height: 28px;
    overflow: hidden;
    color: inherit
}

.football-after .info-both .both-logo[data-v-73c08e71] {
    flex-shrink: 0;
    margin-right: 11px;
    width: 28px;
    height: 28px
}

.football-after .info-both .info-data span[data-v-73c08e71] {
    display: inline-block;
    margin-right: 10px;
    width: 26px;
    text-align: center;
    font-size: 13px;
    color: var(--q-gb-t-c-18)
}

.football-after .info-both .info-data span[data-v-73c08e71]:last-child {
    margin-right: 0
}

.football-after .iframeBox[data-v-73c08e71] {
    display: block
}

.football-after .iframeBox[data-v-73c08e71] .time-content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

.football-after .flexBox[data-v-73c08e71] {
    display: flex
}

.point-wrap[data-v-73c08e71] {
    display: flex;
    margin-left: 10px;
    align-items: center
}

.point-item[data-v-73c08e71] {
    width: 26px;
    flex-direction: column;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.expand-match-list .basketball-after[data-v-9917feec],
.screen-medium .expand-match-list .basketball-after[data-v-9917feec] {
    width: 370px
}

.screen-min .expand-match-list .basketball-after[data-v-9917feec] {
    width: 386px
}

.screen-medium .basketball-after[data-v-9917feec] {
    width: 506px
}

.screen-min .basketball-after[data-v-9917feec] {
    width: 528px
}

.basketball-after[data-v-9917feec] {
    overflow: hidden;
    border-radius: 2px;
    color: #d1d1d1;
    font-size: 12px;
    width: 560px;
    margin: 0 5px
}

.basketball-after .info-time[data-v-9917feec] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 19px 0 27px;
    height: 40px;
    background: #1f2129
}

.basketball-after .info-time .match-date[data-v-9917feec] {
    display: flex;
    color: var(--q-gb-t-c-1)
}

.basketball-after .info-time .match-date .no_cuntdowm[data-v-9917feec] .c-match-date {
    display: none
}

.basketball-after .info-time .icon-neutral-img[data-v-9917feec] {
    width: 14px;
    height: 14px
}

.basketball-after .info-time .time-node[data-v-9917feec] {
    overflow-x: auto;
    white-space: nowrap;
    -moz-scrollbar-width: none;
    -webkit-scrollbar-width: none;
    scrollbar-width: none
}

.basketball-after .info-time .time-node.is_min_screen[data-v-9917feec] {
    max-width: 108px
}

.basketball-after .info-time .time-node[data-v-9917feec]::-webkit-scrollbar {
    display: none
}

.basketball-after .info-time .time-node span[data-v-9917feec] {
    display: inline-block;
    margin-right: 10px;
    width: 26px;
    text-align: center;
    white-space: pre-wrap
}

.basketball-after .info-time .match_type[data-v-9917feec] {
    color: var(--q-gb-t-c-28);
    font-size: 12px;
    margin-left: 4px
}

.basketball-after .iframeJiashi[data-v-9917feec] {
    padding: 0 19px 0 2px
}

.basketball-after .info-both[data-v-9917feec] {
    background: #1f2129cc
}

.basketball-after .info-both .both-home[data-v-9917feec],
.basketball-after .info-both .both-away[data-v-9917feec] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 19px 8px 27px
}

.basketball-after .info-both .both-home.rightBoth[data-v-9917feec],
.basketball-after .info-both .both-away.rightBoth[data-v-9917feec] {
    padding: 8px 19px 8px 8px
}

.basketball-after .info-both .both-home[data-v-9917feec] {
    border-bottom: 1px solid rgba(225, 225, 225, .08)
}

.basketball-after .info-both .wrap-logo[data-v-9917feec] {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 1px;
    color: var(--q-gb-t-c-28);
    height: 28px;
    overflow: hidden
}

.basketball-after .info-both .both-logo[data-v-9917feec] {
    flex-shrink: 0;
    margin-right: 11px;
    width: 28px
}

.basketball-after .info-both .info-data[data-v-9917feec] {
    overflow-x: auto;
    white-space: nowrap;
    -moz-scrollbar-width: none;
    -webkit-scrollbar-width: none;
    scrollbar-width: none
}

.basketball-after .info-both .info-data.is_min_screen[data-v-9917feec] {
    max-width: 108px
}

.basketball-after .info-both .info-data[data-v-9917feec]::-webkit-scrollbar {
    display: none
}

.basketball-after .info-both .info-data span[data-v-9917feec] {
    display: inline-block;
    margin-right: 10px;
    width: 26px;
    color: #999;
    text-align: center;
    font-size: 13px
}

.basketball-after .info-both .info-data .time-half[data-v-9917feec] {
    color: #d1d1d1
}

.basketball-after .score-wrap[data-v-9917feec] {
    display: flex
}

.basketball-after .score-wrap .common-score[data-v-9917feec] {
    width: 26px;
    text-align: center;
    margin-right: 10px
}

.basketball-after .scroll-arrow[data-v-9917feec] {
    display: flex;
    align-items: center;
    margin: 0;
    width: 13px;
    cursor: pointer
}

.basketball-after .arrow-right[data-v-9917feec] {
    margin-left: 6px
}

.c-main-content .page-right .basketball-after[data-v-9917feec] {
    width: 100%
}

.c-main-content .page-right .w-100[data-v-9917feec] {
    width: 100% !important
}

.iframeBox[data-v-9917feec] {
    display: block
}

.iframeBox[data-v-9917feec] .time-content {
    display: flex;
    justify-content: center;
    align-items: center
}

.flexBox[data-v-9917feec] {
    display: flex
}

.last[data-v-9917feec] {
    margin-right: -1px !important
}

.iframeJiashi .both-home[data-v-9917feec],
.iframeJiashi .both-away[data-v-9917feec] {
    padding: 8px 19px 8px 2px
}

.iframeJiashi[data-v-9917feec] .process_name {
    max-width: 36px
}

.iframewait[data-v-9917feec] {
    padding: 0 19px 0 5px !important
}

.iframewait .both-home[data-v-9917feec],
.iframewait .both-away[data-v-9917feec] {
    padding: 8px 19px 8px 2px
}

.iframewait[data-v-9917feec] .process_name {
    min-width: 50px;
    max-width: 56px
}

.screen-medium .more-info[data-v-68d03b18],
.screen-min .more-info[data-v-68d03b18] {
    width: 506px
}

.more-info[data-v-68d03b18] {
    overflow: hidden;
    width: 100%;
    border-radius: 2px;
    color: var(--q-gb-bd-c-13) !important;
    font-size: 12px
}

.more-info .more-time[data-v-68d03b18],
.more-info .both-item[data-v-68d03b18] {
    display: flex;
    justify-content: space-between;
    padding: 0 19px 0 27px
}

.more-info .more-time[data-v-68d03b18] {
    height: 40px;
    background: #000000b3;
    line-height: 40px
}

.more-info .both-item[data-v-68d03b18] {
    background: #0006
}

.more-info .both-item[data-v-68d03b18]:first-child {
    border-bottom: 1px solid rgba(225, 225, 225, .08)
}

.more-info .time-tips[data-v-68d03b18] {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 66px
}

.more-info .time-tips[data-v-68d03b18] .process-name .process_name {
    min-width: 50px;
    max-width: 68px
}

.more-info .scroll-handel[data-v-68d03b18] {
    display: flex
}

.more-info .scroll-handel .hockey_add[data-v-68d03b18] {
    display: flex;
    text-align: center
}

.more-info .scroll-handel .hockey_add span[data-v-68d03b18] {
    width: 26px;
    margin-right: 10px
}

.more-info .time-node[data-v-68d03b18] {
    overflow-x: auto;
    max-width: 170px;
    white-space: nowrap;
    -moz-scrollbar-width: none;
    -webkit-scrollbar-width: none;
    scrollbar-width: none
}

.more-info .time-node.is_details[data-v-68d03b18] {
    max-width: 314px
}

.more-info .time-node[data-v-68d03b18]::-webkit-scrollbar {
    display: none
}

.more-info .time-node span[data-v-68d03b18],
.more-info .time-node div[data-v-68d03b18] {
    display: inline-block;
    margin-right: 10px;
    width: 26px;
    text-align: center
}

.more-info .time-node span.cricket[data-v-68d03b18] {
    width: 70px
}

.more-info .stage-13 span[data-v-68d03b18]:nth-child(1) {
    color: var(--qq--yb-text-color1)
}

.more-info .stage-14 span[data-v-68d03b18]:nth-child(2),
.more-info .stage-301 span[data-v-68d03b18]:nth-child(2) {
    color: var(--qq--yb-text-color1)
}

.more-info .stage-15 span[data-v-68d03b18]:nth-child(3),
.more-info .stage-302 span[data-v-68d03b18]:nth-child(3) {
    color: var(--qq--yb-text-color1)
}

.more-info .stage-16 span[data-v-68d03b18]:nth-child(4),
.more-info .stage-303 span[data-v-68d03b18]:nth-child(4) {
    color: var(--qq--yb-text-color1)
}

.more-info .scroll-arrow[data-v-68d03b18] {
    display: flex;
    align-items: center;
    margin: 0;
    width: 13px;
    cursor: pointer
}

.more-info .scroll-arrow[data-v-68d03b18] .c-icon:before {
    color: var(--q-gb-t-c-16)
}

.more-info .arrow-right[data-v-68d03b18] {
    margin: 0 6px
}

.more-info .add-stage[data-v-68d03b18] {
    margin-right: 10px;
    width: 26px;
    text-align: center
}

.more-info .score[data-v-68d03b18],
.more-info .other-score[data-v-68d03b18] {
    width: 26px;
    text-align: center
}

.more-info .both-item[data-v-68d03b18] {
    align-items: center;
    height: 45px
}

.more-info .both-item .time-node[data-v-68d03b18] {
    margin: 0 26px 0 14px;
    scrollbar-width: none
}

.more-info .both-item .logo[data-v-68d03b18] {
    height: 28px;
    min-width: 28px;
    overflow: hidden;
    margin-right: 6px;
    display: flex
}

.more-info .both-item .logo .both-logo[data-v-68d03b18] {
    width: 28px
}

.more-info .both-item .logo .both-logo.logo-double[data-v-68d03b18] {
    margin-left: -14px
}

.more-info .both-item .both-name[data-v-68d03b18] {
    display: flex;
    flex: 1;
    min-width: 32px
}

.more-info .both-item .wrap-round[data-v-68d03b18] {
    position: absolute;
    top: 50%;
    left: 10px;
    margin: -8px 13px 1px 0;
    width: 8px;
    height: 8px
}

.more-info .both-item .wrap-round .round[data-v-68d03b18] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px
}

.total-wrap[data-v-68d03b18] {
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 0 0 2px 2px;
    background: #000000b3;
    font-size: 12px;
    padding: 0 20px
}

.total-wrap .score_title[data-v-68d03b18] {
    color: #fff
}

.total-wrap .score_text1[data-v-68d03b18] {
    margin-left: 4px;
    color: #ffaa17
}

.total-wrap .score_text2[data-v-68d03b18] {
    margin-left: 2px;
    color: #ffaa17
}

.esports-head-info-7 .is_details,
.esports-head-info-3 .is_details {
    max-width: 314px !important
}

.screen-medium .more-info[data-v-9771445a],
.screen-min .more-info[data-v-9771445a] {
    width: 506px
}

.more-info[data-v-9771445a] {
    overflow: hidden;
    width: 560px;
    border-radius: 2px;
    color: var(--q-gb-bd-c-13) !important;
    font-size: 12px
}

.more-info .more-time[data-v-9771445a],
.more-info .both-item[data-v-9771445a] {
    display: flex;
    justify-content: space-between;
    padding: 0 19px 0 27px;
    background: #1f2129cc
}

.more-info .more-time[data-v-9771445a]:first-child,
.more-info .both-item[data-v-9771445a]:first-child {
    border-bottom: 1px solid rgba(225, 225, 225, .08)
}

.more-info .more-time[data-v-9771445a] {
    height: 40px;
    background: #1f2129;
    line-height: 40px
}

.more-info .time-tips[data-v-9771445a] {
    display: flex;
    flex: 1;
    min-width: 66px
}

.more-info .time-tips.is_center[data-v-9771445a],
.more-info .time-tips.is_center[data-v-9771445a] .process_name {
    max-width: 120px
}

.more-info .scorll-handel[data-v-9771445a] {
    display: flex
}

.more-info .time-node[data-v-9771445a] {
    overflow-x: auto;
    max-width: 170px;
    white-space: nowrap;
    -moz-scrollbar-width: none;
    -webkit-scrollbar-width: none;
    scrollbar-width: none
}

.more-info .time-node.is_details[data-v-9771445a] {
    max-width: 314px
}

.more-info .time-node[data-v-9771445a]::-webkit-scrollbar {
    display: none
}

.more-info .time-node span[data-v-9771445a],
.more-info .time-node div[data-v-9771445a] {
    display: inline-block;
    margin-right: 10px;
    width: 26px;
    text-align: center
}

.more-info .time-node span[data-v-9771445a]:last-child,
.more-info .time-node div[data-v-9771445a]:last-child {
    margin-right: 0
}

.more-info .scroll-arrow[data-v-9771445a] {
    display: flex;
    align-items: center;
    margin: 0;
    width: 13px;
    cursor: pointer
}

.more-info .scroll-arrow[data-v-9771445a] .c-icon:before {
    color: var(--q-gb-t-c-16)
}

.more-info .arrow-right[data-v-9771445a] {
    margin-left: 6px
}

.more-info .add-stage[data-v-9771445a] {
    margin-right: 10px;
    width: 26px;
    text-align: center
}

.more-info .score[data-v-9771445a],
.more-info .other-score[data-v-9771445a] {
    width: 26px;
    text-align: center
}

.more-info .both-item[data-v-9771445a] {
    align-items: center;
    height: 45px
}

.more-info .both-item .time-node[data-v-9771445a] {
    margin: 0 26px 0 14px;
    scrollbar-width: none
}

.more-info .both-item .both-logo[data-v-9771445a] {
    margin-right: 6px;
    width: 28px;
    height: 28px
}

.more-info .both-item .both-logo.logo-double[data-v-9771445a] {
    margin-left: -14px
}

.more-info .both-item .both-name[data-v-9771445a] {
    display: flex;
    flex: 1;
    min-width: 32px
}

.more-info .both-item .wrap-round[data-v-9771445a] {
    position: absolute;
    top: 50%;
    left: 10px;
    margin: -8px 13px 1px 0;
    width: 8px;
    height: 8px
}

.more-info .both-item .wrap-round .round[data-v-9771445a] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px
}

[data-v-9771445a] .process_name span {
    white-space: nowrap !important
}

.before[data-v-232a0d7b] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-size: cover
}

.before .content[data-v-232a0d7b] {
    padding: 0 16px;
    max-width: 700px;
    width: 85%;
    min-width: 330px;
    height: 130px;
    border-radius: 4px;
    background-color: #262931cc;
    box-shadow: 0 1px 15px #0000004d;
    font-size: 14px
}

.before .content .match_time-text[data-v-232a0d7b] {
    color: var(--q-gb-t-c-1)
}

.before .content .team[data-v-232a0d7b] {
    display: flex;
    justify-content: center;
    margin: 42px 0;
    width: 100%
}

.before .content .team .img-wrap[data-v-232a0d7b] {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.before .content .team .img-wrap .team_logo[data-v-232a0d7b] {
    width: 100%
}

.before .content .team .home[data-v-232a0d7b],
.before .content .team .away[data-v-232a0d7b],
.before .content .team .match_time[data-v-232a0d7b] {
    display: flex;
    align-items: center;
    height: auto;
    color: var(--q-gb-bd-c-13)
}

.before .content .team .match_time[data-v-232a0d7b] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
    margin: 0 10px
}

.before .content .team .match_time .neutral-wrap[data-v-232a0d7b] {
    display: flex;
    justify-content: center;
    width: 14px;
    height: 14px
}

.before .content .team .match_time[data-v-232a0d7b] .c-match-date {
    padding: 0
}

.before .content .team .match_time[data-v-232a0d7b] .c-match-date .no-start span:nth-child(1) {
    display: block
}

.before .content .team .match_time[data-v-232a0d7b] .c-match-date .no-start span:nth-child(2) {
    display: block
}

.before .content .team .match_time .c-match-process[data-v-232a0d7b] {
    justify-content: center
}

.before .content .team .match_time_iframe[data-v-232a0d7b] {
    width: 24%;
    min-width: 20%;
    max-width: 24%
}

.before .content .team .team_name[data-v-232a0d7b] {
    display: -webkit-box;
    overflow: hidden;
    max-height: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-word;
    line-height: 16px
}

.before .content .team .home[data-v-232a0d7b] {
    justify-content: flex-end
}

.before .content .team .home .img-wrap[data-v-232a0d7b] {
    justify-content: flex-end;
    min-height: 56px;
    min-width: 56px;
    text-align: right
}

.before .content .team .home .img-wrap .img-style[data-v-232a0d7b] {
    width: 100%;
    height: 100%
}

.before .content .team .home .team_name[data-v-232a0d7b] {
    text-align: center
}

.before .content .team .away[data-v-232a0d7b] {
    justify-content: flex-start
}

.before .content .team .away .img-wrap[data-v-232a0d7b] {
    justify-content: flex-start;
    min-width: 56px;
    text-align: left;
    max-height: 52px;
    overflow: hidden
}

.before .content .team .away .team_name[data-v-232a0d7b] {
    text-align: center
}

.before .content .team .home[data-v-232a0d7b],
.before .content .team .away[data-v-232a0d7b] {
    flex: 1;
    text-align: center
}

.before .content .team .home .team_logo_iframe[data-v-232a0d7b],
.before .content .team .away .team_logo_iframe[data-v-232a0d7b] {
    height: 2.5vw;
    width: 2.5vw !important
}

.before .content .team .home .team_logo_iframe.logo-double[data-v-232a0d7b],
.before .content .team .away .team_logo_iframe.logo-double[data-v-232a0d7b] {
    margin-left: -.6vw
}

.before .content .team .home .team_logo[data-v-232a0d7b],
.before .content .team .away .team_logo[data-v-232a0d7b] {
    height: 48px;
    width: 48px !important
}

.before .content .team .home .team_logo.logo-double[data-v-232a0d7b],
.before .content .team .away .team_logo.logo-double[data-v-232a0d7b] {
    margin-left: -8px
}

.before .content .team .home img[class *=team-logo-][data-v-232a0d7b],
.before .content .team .away img[class *=team-logo-][data-v-232a0d7b] {
    width: 48px
}

.before .dota-resize .match_time .c-match-process[data-v-232a0d7b] {
    display: flex;
    height: 100%;
    align-items: center
}

.before .dota-resize .team[data-v-232a0d7b] {
    margin-top: 15px
}

.before .dota-resize .team .match_time[data-v-232a0d7b],
.before .dota-resize .team .home[data-v-232a0d7b],
.before .dota-resize .team .away[data-v-232a0d7b] {
    height: 100px
}

.before .dota-resize .team .home .img-wrap[data-v-232a0d7b],
.before .dota-resize .team .away .img-wrap[data-v-232a0d7b] {
    max-height: 100px
}

.before .dota-resize .team .home .team_logo[data-v-232a0d7b],
.before .dota-resize .team .away .team_logo[data-v-232a0d7b] {
    width: 100px !important;
    max-width: 100px;
    max-height: 100px
}

.before .dota-resize .team .home .team_name[data-v-232a0d7b],
.before .dota-resize .team .away .team_name[data-v-232a0d7b] {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.info-upd .before .content .team .home .img-wrap[data-v-232a0d7b] {
    min-width: 48px;
    margin-left: 20px
}

.info-upd .before .content .team .away .img-wrap[data-v-232a0d7b] {
    min-width: 48px;
    margin-right: 20px
}

.text-brand[data-v-232a0d7b] {
    color: #a2aa33 !important
}

.bg-brand[data-v-232a0d7b] {
    background: #a2aa33 !important
}

.match-logo[data-v-232a0d7b] {
    height: 48px;
    width: 48px;
    object-fit: unset
}

.match-logo-iframe[data-v-232a0d7b] {
    height: 2.5vw;
    width: 2.5vw !important;
    object-fit: unset
}

.process-name-vs-text[data-v-232a0d7b] {
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px;
    color: #fff
}

.panel[data-v-d4fb5560] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 130px;
    background-size: cover
}

.panel .content[data-v-d4fb5560] {
    height: 130px;
    border-radius: 4px;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 0 14px
}

.panel .content .roll_ball[data-v-d4fb5560] {
    display: flex;
    align-items: center;
    margin: 0 58px 6px
}

.panel .content .roll_ball span[data-v-d4fb5560] {
    font-size: 24px;
    font-weight: 500
}

.panel .content .match_time-text[data-v-d4fb5560] {
    color: var(--q-gb-t-c-1);
    margin: 0 22px;
    display: flex;
    font-size: 12px
}

.panel .content .match_time-text[data-v-d4fb5560] .date-wrap {
    display: flex;
    flex-direction: column
}

.panel .content .match_time-text[data-v-d4fb5560] .date-wrap .timer-layout {
    padding: 0
}

.panel .content .img-wrap[data-v-d4fb5560] {
    flex-shrink: 0
}

.panel .content .home[data-v-d4fb5560],
.panel .content .away[data-v-d4fb5560],
.panel .content .match_time[data-v-d4fb5560] {
    display: flex;
    align-items: center
}

.panel .content .match_time[data-v-d4fb5560] {
    flex-flow: column;
    justify-content: center;
    min-width: 170px;
    color: #fff
}

.panel .content .match_time .started[data-v-d4fb5560] {
    font-family: DIN-Medium;
    margin: 0 25px
}

.panel .content .match_time .started .text-judging[data-v-d4fb5560] {
    font-size: 28px;
    letter-spacing: 4px
}

.panel .content .match_time .started .text-big[data-v-d4fb5560] {
    font-size: 48px;
    line-height: 1.2
}

.panel .content .match_time .started .space[data-v-d4fb5560] {
    margin: 0 10px
}

.panel .content .match_time[data-v-d4fb5560] .date-wrap {
    padding: 0 5px 0 10px
}

.panel .content .team_name[data-v-d4fb5560] {
    display: -webkit-box;
    overflow: hidden;
    max-height: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-word;
    min-width: 100px
}

.panel .content .team_name.home-name[data-v-d4fb5560] {
    text-align: right
}

.panel .content .home[data-v-d4fb5560] {
    justify-content: flex-end
}

.panel .content .home .img-wrap[data-v-d4fb5560] {
    justify-content: flex-end;
    margin-left: 20px;
    max-height: 100px
}

.panel .content .team_name[data-v-d4fb5560] {
    text-align: right
}

.panel .content .away[data-v-d4fb5560] {
    justify-content: flex-start
}

.panel .content .away .img-wrap[data-v-d4fb5560] {
    justify-content: flex-start;
    margin-right: 20px;
    max-height: 100px;
    overflow: hidden
}

.panel .content .team_name[data-v-d4fb5560] {
    text-align: left;
    font-size: 20px;
    line-height: 22px;
    color: #fff
}

.panel .content .home[data-v-d4fb5560],
.panel .content .away[data-v-d4fb5560] {
    flex: 1;
    text-align: center
}

.panel .content .team_logo[data-v-d4fb5560] {
    max-width: 48px;
    max-height: 48px
}

.panel .content .team_logo.logo-double[data-v-d4fb5560] {
    margin-left: -8px
}

.panel .content img[class *=team-logo-][data-v-d4fb5560] {
    width: 100px
}

[data-v-d4fb5560] .name-tooltips {
    background: var(--q-gb-bg-c-31);
    color: var(--q-gb-bg-c-31);
    font-size: 18px
}

@media screen and (max-width: 1680px) {
    .panel .content[data-v-d4fb5560] {
        width: 100%;
        margin-left: 60px;
        margin-right: 60px
    }
}

@media screen and (min-width: 1680px) {
    .panel .content[data-v-d4fb5560] {
        width: 700px
    }
}

[data-v-6fc497be] .time-content {
    display: flex
}

.right_match_info .tableTennis[data-v-6fc497be] {
    display: flex;
    justify-content: center;
    width: 97%
}

.right_match_info .tableTennis[data-v-6fc497be] .more-info .time-tips .is-iframe {
    text-align: left;
    width: 66px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.right_match_info .tableTennis[data-v-6fc497be] .more-info .add-stage.pt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[data-v-6fc497be] .match_time {
    flex-wrap: wrap !important;
    flex-direction: column-reverse !important
}

[data-v-6fc497be] .match_time .neutral-wrap {
    transform: translateY(-10px)
}

.is_iframe[data-v-6fc497be] .allow-user-select {
    font-size: 12px
}

.back-to-top[data-v-cba3c159] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--q-gb-t-c-16);
    color: #fff;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.tips-icon[data-v-14883302] {
    margin-left: 5px;
    width: 14px;
    height: 14px;
    background-size: 100%;
    background-image: url(/image/svg/y0_details_info.svg);
    background-repeat: no-repeat
}

.tips-content[data-v-14883302] {
    line-height: 15px !important;
    background: var(--q-gb-bg-c-13) !important;
    padding: 0 10px 10px !important
}

div.q-menu[data-v-14883302] {
    background: none !important
}

.q-menu[data-v-14883302] {
    overflow: hidden;
    z-index: 9999999 !important
}

.tips-body-match[data-v-14883302] {
    overflow: hidden
}

.tips-body-match.style1[data-v-14883302] {
    transform: translate(-15px, 12px)
}

.tips-body-match.style1 .direction[data-v-14883302] {
    top: -12px
}

.tips-body-match.style2[data-v-14883302] {
    transform: translate(-15px, -12px)
}

.tips-body-match.style2 .direction[data-v-14883302] {
    transform: rotate(180deg);
    bottom: -14px
}

.direction[data-v-14883302] {
    position: absolute;
    left: 14px;
    width: 14px;
    height: 14px;
    border: 7px solid transparent;
    z-index: 100
}

.direction[data-v-14883302]:after {
    position: absolute;
    border-width: 0 5px 5px;
    border-style: solid;
    content: "";
    top: 2px;
    left: -5px;
    pointer-events: none
}

.tips-box[data-v-14883302] {
    position: relative;
    width: 219px;
    border-radius: 4px;
    z-index: 99;
    font-family: PingFangSC-Regular;
    overflow: hidden;
    top: 0
}

.tips-box.fifteen[data-v-14883302],
.tips-box.vi_content_width[data-v-14883302] {
    width: 380px
}

.tips-box .tips-title[data-v-14883302] {
    padding-left: 23px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 24px;
    font-size: 14px;
    margin-bottom: 0 !important;
    font-weight: 600;
    background: var(--q-gb-bg-c-14)
}

.tips-box .tips-title .tip-before[data-v-14883302]:before {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 8px;
    width: 3px;
    height: 14px;
    border-radius: 1.5px;
    content: "";
    background: var(--q-gb-bd-c-11)
}

.tips-box .tips-content-2[data-v-14883302] {
    word-wrap: break-word;
    padding: 0 18px 10px 23px !important;
    line-height: 14px
}

.tips-box .tipsName[data-v-14883302] {
    background: #000000b2;
    color: var(--q-gb-t-c-18)
}

.tips-box .tips-content-theme1[data-v-14883302] {
    background-color: #000c;
    color: #fff !important
}

.tips-box .tips-item[data-v-14883302] {
    margin: 0 20px;
    display: flex;
    justify-content: space-between;
    height: 34px;
    line-height: 34px
}

.tips-box .tips-item[data-v-14883302]:last-child {
    border-bottom: none !important
}

.tips-box .tips-item:nth-child(2).tips-item[data-v-14883302] {
    margin-top: -9px
}

.tips-box .tips-item .wrap-box[data-v-14883302] {
    flex: 1
}

.tips-box .tips-item .wrap-box .item-content[data-v-14883302] {
    margin: 0 10px;
    white-space: nowrap
}

.tips-box .tips-item .wrap-box .item-icon[data-v-14883302] {
    border-radius: 50%;
    background-color: var(--qq--y0-text-color1);
    margin: 0 5px
}

.tips-box .tips-item .wrap-box .item-icon.item-icon-1[data-v-14883302] {
    width: 2px;
    height: 2px
}

.tips-box .tips-item .wrap-box .item-icon.item-icon-2[data-v-14883302] {
    width: 4px;
    height: 4px
}

.tips-box .tips-item .wrap-box .item-icon.item-icon-3[data-v-14883302] {
    width: 6px;
    height: 6px
}

.tips-box .tips-item .wrap-box .item-icon.item-icon-4[data-v-14883302] {
    width: 8px;
    height: 8px
}

.new-pc-2025 .tips-box.bd-icon .tips-title[data-v-14883302] {
    background: var(--q-gb-bg-c-11)
}

.isTemplate-detail-tips[data-v-14883302] {
    background: #fff !important;
    border-radius: unset !important
}

.isTemplate-detail-tips .tips-title[data-v-14883302] {
    background-color: #f2f2f2 !important;
    color: #333
}

.isTemplate-detail-tips .tips-content[data-v-14883302] {
    background: #fff !important
}

.isTemplate-detail-tips.tips-box[data-v-14883302] {
    border-radius: unset !important
}

.isTemplate-detail-tips.tips-box .tips-title[data-v-14883302],
.isTemplate-detail-tips.tips-box .tips-content[data-v-14883302] {
    color: #333
}

.component.handicap-name-tag[data-v-870e6774] {
    text-align: center;
    line-height: unset;
    padding: 4px 8px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
    background-color: var(--q-gb-bg-c-1);
    color: var(--q-gb-t-c-18)
}

.component.handicap-name[data-v-bd117ed5] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 20px;
    line-height: 20px
}

.shortName[data-v-bd117ed5] {
    max-width: 250px
}

.corner-score[data-v-3f203ac1] {
    display: flex;
    align-items: center;
    column-gap: 14px;
    padding: 4px 12px;
    border-radius: 20px;
    background: var(--q-bg-color-4-score);
    font-size: 12px
}

.corner-score .corner-title[data-v-3f203ac1] {
    color: var(--q-text-color-2)
}

.corner-score .corner-data[data-v-3f203ac1] {
    color: var(--q-gb-t-c-16);
    margin-left: 5px
}

.corner-score .corner-icon[data-v-3f203ac1] {
    width: 14px;
    height: 14px;
    background-position: 0 -224px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 5px
}

.corner-score .corner-score-item[data-v-3f203ac1] {
    display: flex;
    align-items: center;
    position: relative
}

.corner-score .corner-score-item[data-v-3f203ac1]:not(:last-child):after {
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 1px;
    height: 10px;
    background: var(--q-stroke-color-1)
}

.corner-score .corner-score-item.regular-first-half .corner-icon[data-v-3f203ac1] {
    background-position: 0 -196px
}

.corner-score .corner-score-item.extra-full .corner-icon[data-v-3f203ac1] {
    background-position: 0 -336px
}

.corner-score .corner-score-item.extra-first-half .corner-icon[data-v-3f203ac1] {
    background-position: center;
    background-size: 100%
}

.play-name[data-v-54102dbb] {
    position: relative
}

.template-title .icon-triangle[data-v-54102dbb] {
    visibility: hidden;
    margin: 2px 10px 0 15px
}

.template-title:hover .icon-triangle[data-v-54102dbb] {
    visibility: visible
}

.is_fold .icon-triangle[data-v-54102dbb] {
    visibility: visible;
    margin-right: 10px;
    transform: rotate(180deg)
}

.ellipsis[data-v-54102dbb] {
    color: var(--q-gb-t-c-3);
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.ellipsis .play-btn[data-v-54102dbb] {
    text-align: center;
    padding: 3px 8px;
    line-height: 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    margin-right: 6px
}

.ellipsis .play-btn[data-v-54102dbb] {
    color: #fff
}

.title-icon[data-v-54102dbb] {
    position: absolute;
    left: 0;
    width: 3px;
    height: 14px;
    margin-right: 8px;
    background-size: 100% 100%
}

.title-svg[data-v-54102dbb] {
    width: 37px;
    display: flex;
    justify-content: center
}

.border-bottom[data-v-54102dbb] {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.img-set-top[data-v-54102dbb] {
    width: 14px;
    height: 14px;
    background-size: 100% 100%
}

.red-flash[data-v-54102dbb] {
    background-size: 100% 100%
}

.play-name[data-v-393fc327] {
    position: relative
}

.template-title .icon-triangle[data-v-393fc327] {
    visibility: hidden;
    margin: 2px 10px 0 15px
}

.template-title:hover .icon-triangle[data-v-393fc327] {
    visibility: visible
}

.is_fold .icon-triangle[data-v-393fc327] {
    visibility: visible;
    margin-right: 10px;
    transform: rotate(180deg)
}

.ellipsis[data-v-393fc327] {
    color: var(--q-gb-t-c-3);
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.ellipsis .play-btn[data-v-393fc327] {
    text-align: center;
    padding: 3px 8px;
    line-height: 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    margin-right: 6px
}

.ellipsis .play-btn[data-v-393fc327] {
    color: #fff
}

.title-icon[data-v-393fc327] {
    position: absolute;
    left: 0;
    width: 3px;
    height: 14px;
    margin-right: 8px;
    background-size: 100% 100%
}

.title-svg[data-v-393fc327] {
    width: 37px;
    display: flex;
    justify-content: center
}

.border-bottom[data-v-393fc327] {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.img-set-top[data-v-393fc327] {
    width: 14px;
    height: 14px;
    background-size: 100% 100%
}

.red-flash[data-v-393fc327] {
    background-size: 100% 100%
}

.wrap-template[data-v-ea4fb70d] {
    display: flex;
    flex-flow: wrap
}

.wrap-template .handicap[data-v-ea4fb70d] {
    flex-wrap: wrap
}

.wrap-template[data-v-ea4fb70d] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-ea4fb70d] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.main-handicap[data-v-ea4fb70d],
.subjoin-handicap[data-v-ea4fb70d] {
    width: 100%
}

.main-handicap .handicap .handicap-item[data-v-ea4fb70d],
.subjoin-handicap .handicap .handicap-item[data-v-ea4fb70d] {
    width: 50%;
    flex: unset
}

.subjoin-handicap[data-v-ea4fb70d] {
    width: 100%
}

.main-handicap .handicap .handicap-item[data-v-ea4fb70d]:nth-child(2n) {
    border-right: none !important
}

.bet_handicap[data-v-ea4fb70d] {
    align-items: center;
    margin-left: unset !important
}

.bet_handicap[data-v-ea4fb70d] .ellipsis-name-wrap {
    max-width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block
}

.bet_isIframe[data-v-ea4fb70d] .ellipsis-name-wrap {
    max-width: 80px
}

.ellipsis-wrap[data-v-ea4fb70d],
.first-title[data-v-ea4fb70d] {
    flex: 1
}

.no_show[data-v-ea4fb70d] {
    display: none
}

.hpid_max_width[data-v-ea4fb70d] {
    max-width: 60px
}

.expand-match-list .handicap-name[data-v-1492d499] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 48px
}

.wrap-template .handicap[data-v-1492d499]:last-child {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.wrap-template .handicap .handicap-item[data-v-1492d499] {
    width: 33.33%
}

.wrap-template[data-v-1492d499] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-1492d499] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.expand-match-list .wrap-template .border-r[data-v-01310e16]:first-child {
    border-right: none
}

.wrap-template[data-v-01310e16] {
    display: flex;
    flex-flow: column
}

.wrap-template .border-r[data-v-01310e16]:first-child {
    border-right: 2px solid rgba(0, 0, 0, .4)
}

.wrap-template .handicap-item[data-v-01310e16] {
    width: 50%
}

.wrap-template[data-v-01310e16] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-01310e16] .bet_handicap {
    margin-left: 2px !important
}

.wrap-template[data-v-01310e16] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.expand-match-list .handicap[data-v-90fe58a8] {
    flex-wrap: wrap;
    height: auto
}

.wrap-template[data-v-90fe58a8] {
    display: flex;
    flex-flow: wrap
}

.wrap-template .handicap[data-v-90fe58a8] {
    flex-wrap: wrap
}

.wrap-template[data-v-90fe58a8] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-90fe58a8] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.main-handicap[data-v-90fe58a8] {
    width: 100%
}

.main-handicap .handicap .handicap-item[data-v-90fe58a8] {
    width: 50%;
    flex: unset
}

.main-handicap .handicap .handicap-item[data-v-90fe58a8]:nth-child(2n) {
    border-right: none
}

.other-item[data-v-14c88f2e] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 31px;
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.other-item .placehold[data-v-14c88f2e] {
    width: 33.33%
}

.handicap-sub-title[data-v-14c88f2e] {
    display: flex
}

.handicap-sub-title[data-v-14c88f2e]:last-child {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.handicap-sub-title .sub-title[data-v-14c88f2e] {
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-left: 10px;
    margin-right: 10px
}

.handicap-sub-title .flex-1[data-v-14c88f2e] {
    flex: 1
}

.handicap-sub-title .flex-1 .handicap .handicap-item[data-v-14c88f2e]:last-child {
    border-bottom: none
}

.handicap-sub-title .flex-1:last-child .handicap-item[data-v-14c88f2e] {
    border-right: none !important
}

.handicap-sub-title .flex-2[data-v-14c88f2e] {
    flex: 2
}

.handicap-sub-title .flex-2 .handicap .handicap-item[data-v-14c88f2e] {
    width: 100%
}

.handicap-sub-title .handicap[data-v-14c88f2e] {
    flex-wrap: wrap;
    height: auto
}

.handicap-sub-title .handicap .handicap-item[data-v-14c88f2e] {
    flex: unset;
    width: 100%;
    height: 31px
}

.wrap-template[data-v-14c88f2e] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-14c88f2e] .c-bet-item .bet-inner {
    position: relative
}

.wrap-template[data-v-14c88f2e] .c-bet-item .bet-inner .odds {
    position: absolute;
    right: 0
}

.theme02 .other-item .placehold[data-v-14c88f2e] {
    background: #1f222b80
}

.handicap-no-item[data-v-14c88f2e] {
    padding: 5px 0;
    height: 44px !important;
    width: 100%
}

.handicap-no-item .no-item[data-v-14c88f2e] {
    background: var(--q-gb-bg-c-31);
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.new-pc-2025 .handicap-no-item .no-item[data-v-14c88f2e] {
    background: var(--q-Handicap-default-details-1)
}

.other_odds[data-v-14c88f2e] {
    width: 70px;
    text-align: center
}

.expand-match-list .handicap-name[data-v-51a3bd3f] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 48px
}

.wrap-template .sub-title-1[data-v-51a3bd3f] {
    height: 32px;
    line-height: 32px
}

.wrap-template .sub-title-2[data-v-51a3bd3f] {
    width: 33.33% !important;
    text-align: center;
    flex: unset !important;
    padding: 5px !important;
    background-clip: content-box !important
}

.wrap-template[data-v-51a3bd3f] .handicap {
    flex-wrap: wrap;
    justify-content: flex-start
}

.wrap-template[data-v-51a3bd3f] .handicap:last-child .yb-family-odds {
    border-bottom: none
}

.wrap-template[data-v-51a3bd3f] .handicap .handicap-item {
    flex: unset;
    display: flex;
    justify-content: center !important;
    width: 33.33%
}

.wrap-template[data-v-51a3bd3f] .handicap .handicap-item:last-child {
    border-right: none
}

.wrap-template[data-v-51a3bd3f] .handicap .handicap-item .c-bet-item .handicap-wrap {
    display: none
}

.wrap-template[data-v-51a3bd3f] .handicap .handicap-item.item-specific {
    flex: 1;
    width: 100%
}

.wrap-template[data-v-51a3bd3f] .handicap .handicap-item.right {
    float: right
}

.wrap-template[data-v-51a3bd3f] .handicap .handicap-item.long {
    flex: 1
}

.wrap-template[data-v-51a3bd3f] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-51a3bd3f] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.sub-title[data-v-d92c894d] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 30px;
    line-height: 30px
}

.sub-title span[data-v-d92c894d] {
    flex: 1;
    text-align: center
}

.group[data-v-d92c894d] {
    display: flex
}

.group .flex-1[data-v-d92c894d] {
    flex: 1;
    width: 50%
}

.group .flex-1 .handicap[data-v-d92c894d] {
    display: block
}

.group .flex-1 .handicap .handicap-item[data-v-d92c894d] {
    flex: unset;
    width: 100%;
    height: 34px
}

.group .flex-1 .handicap .handicap-item .on-text[data-v-d92c894d] {
    margin-left: 6px;
    min-width: 40px
}

.other-wrap[data-v-d92c894d] {
    width: 100%;
    overflow: hidden
}

.other-wrap[data-v-d92c894d]:last-child {
    border-radius: 0 0 8px 8px
}

.other-wrap:last-child .other-item[data-v-d92c894d] {
    border-bottom: none
}

.other-wrap .other-item[data-v-d92c894d] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 34px
}

.other-wrap .other-item[data-v-d92c894d]:last-child {
    border-right: none
}

.other-wrap .other-item[data-v-d92c894d] .c-bet-item {
    background: var(--q-gb-bg-c-31)
}

.theme01 .main-handicap .other-wrap:not(:last-child) .no_border_bottom[data-v-d92c894d] {
    border-bottom: 1px solid #f3f4f8 !important
}

.theme02 .other-item[data-v-d92c894d] {
    border-right: 1px solid #282b37
}

.wrap-template[data-v-5109d5ea] {
    display: flex;
    flex-flow: wrap
}

.wrap-template .handicap[data-v-5109d5ea] {
    flex-wrap: wrap
}

.wrap-template[data-v-5109d5ea] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-5109d5ea] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.main-handicap[data-v-5109d5ea],
.subjoin-handicap[data-v-5109d5ea] {
    width: 100%
}

.main-handicap .handicap .handicap-item[data-v-5109d5ea],
.subjoin-handicap .handicap .handicap-item[data-v-5109d5ea] {
    width: 33.333%;
    flex: unset
}

.subjoin-handicap[data-v-5109d5ea] {
    width: 100%
}

.bet-ellipsis[data-v-5109d5ea] {
    min-width: 18px !important
}

.expand-match-list .handicap-name[data-v-df006027] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 48px
}

.wrap-template .sub-title-1[data-v-df006027] {
    background: #1f222b80;
    border-bottom: 1px solid rgba(40, 43, 55, .5);
    color: #abbac8;
    height: 32px;
    line-height: 32px
}

.wrap-template .sub-title-2[data-v-df006027] {
    background: #1f222b80;
    width: 25% !important;
    text-align: center;
    flex: unset !important
}

.wrap-template[data-v-df006027] .handicap {
    flex-wrap: wrap
}

.wrap-template[data-v-df006027] .handicap .handicap-item {
    flex: unset;
    display: flex;
    justify-content: center;
    flex: 1
}

.wrap-template[data-v-df006027] .handicap .handicap-item .c-bet-item .handicap-wrap {
    display: none
}

.wrap-template[data-v-df006027] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-df006027] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.long[data-v-df006027] {
    width: 75% !important
}

.other-item[data-v-23c6c92c] {
    height: 26px;
    display: flex;
    justify-content: flex-end;
    margin-right: 15px;
    width: 100%
}

.other-item .handicap-item[data-v-23c6c92c] {
    width: 20%
}

.handicap-sub-title[data-v-23c6c92c] {
    display: flex
}

.handicap-sub-title .sub-title[data-v-23c6c92c] {
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #1f222b80
}

.handicap-sub-title .flex-1[data-v-23c6c92c] {
    flex: 1
}

.handicap-sub-title .flex-1 .handicap[data-v-23c6c92c] {
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.handicap-sub-title .flex-2[data-v-23c6c92c] {
    flex: 2
}

.handicap-sub-title .flex-2 .handicap .handicap-item[data-v-23c6c92c] {
    width: 50%;
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.handicap-sub-title .flex-2 .handicap .handicap-item[data-v-23c6c92c]:nth-child(2n) {
    border-right: none
}

.handicap-sub-title .handicap[data-v-23c6c92c] {
    flex-wrap: wrap;
    height: auto
}

.handicap-sub-title .handicap .handicap-item[data-v-23c6c92c] {
    flex: unset;
    width: 100%;
    height: 31px;
    border-right: none
}

.wrap-template[data-v-23c6c92c] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-23c6c92c] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.expand-match-list .handicap-name[data-v-c1a2da48] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 48px
}

.wrap-template .handicap[data-v-c1a2da48] {
    flex-wrap: wrap
}

.wrap-template .handicap .handicap-layout[data-v-c1a2da48] {
    flex: 1
}

.wrap-template .handicap .base-item[data-v-c1a2da48] {
    width: 33.333%;
    flex: unset
}

.wrap-template .handicap .layout-line[data-v-c1a2da48] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    background-color: transparent !important
}

.wrap-template .handicap .layout-line .handicap-item[data-v-c1a2da48] {
    flex: 1 1 33.33%;
    border-right: none
}

.wrap-template .handicap .layout-line .handicap-item .empty[data-v-c1a2da48] {
    width: 100%;
    height: 100%;
    background-color: transparent
}

.wrap-template[data-v-c1a2da48] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-c1a2da48] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.handicap .no_border_right[data-v-c1a2da48] {
    border-right: none !important
}

.wrap-template .handicap[data-v-8ae1f80e] {
    flex-wrap: wrap;
    line-height: 1;
    justify-content: left;
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.wrap-template .handicap .handicap-item[data-v-8ae1f80e] {
    width: 20%;
    flex: unset
}

.wrap-template .handicap .no_border-right[data-v-8ae1f80e] {
    border-right: none !important
}

.wrap-template .handicap[data-v-8ae1f80e] .c-bet-item {
    height: 100%
}

.wrap-template .handicap[data-v-8ae1f80e] .c-bet-item .bet-inner .handicap-wrap {
    margin: 0
}

.wrap-template .handicap[data-v-8ae1f80e] .c-bet-item .bet-inner .handicap-wrap .rank-no {
    width: 16px;
    height: 16px;
    margin-right: 1px
}

.wrap-template .handicap[data-v-8ae1f80e] .c-bet-item .bet-inner .yb-family-odds {
    padding: 0 5px;
    height: 13px;
    line-height: 1
}

.expand-match-list .wrap-template .border-r[data-v-39c2fa55]:first-child {
    border-right: none
}

.wrap-template[data-v-39c2fa55] {
    display: flex;
    flex-flow: column
}

.wrap-template .border-r[data-v-39c2fa55]:first-child {
    border-right: 2px solid rgba(0, 0, 0, .4)
}

.wrap-template .handicap-item[data-v-39c2fa55] {
    width: 50%
}

.wrap-template[data-v-39c2fa55] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-39c2fa55] .bet_handicap {
    margin-left: 2px !important
}

.wrap-template[data-v-39c2fa55] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.wrap-template[data-v-57877cf7] {
    display: flex;
    flex-flow: wrap
}

.wrap-template .handicap[data-v-57877cf7] {
    flex-wrap: wrap
}

.wrap-template[data-v-57877cf7] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-57877cf7] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.main-handicap[data-v-57877cf7],
.subjoin-handicap[data-v-57877cf7] {
    width: 100%
}

.main-handicap .handicap .handicap-item[data-v-57877cf7],
.subjoin-handicap .handicap .handicap-item[data-v-57877cf7] {
    width: 50%;
    flex: unset
}

.subjoin-handicap[data-v-57877cf7] {
    width: 100%
}

.main-handicap .handicap .handicap-item[data-v-57877cf7]:nth-child(2n) {
    border-right: none !important
}

.wrap-template .sub-title-2[data-v-57877cf7] {
    width: 25% !important;
    text-align: center;
    flex: unset !important
}

.wrap-template .handicap .handicap-item[data-v-57877cf7] {
    flex: unset;
    display: flex;
    justify-content: center;
    width: 37.5%
}

.wrap-template .sub-title-1[data-v-57877cf7] {
    height: 32px;
    line-height: 32px
}

.handicap-sub-title[data-v-59ea0f20] {
    display: flex
}

.handicap-sub-title[data-v-59ea0f20]:last-child {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.handicap-sub-title .sub-title[data-v-59ea0f20] {
    height: 30px;
    text-align: center;
    line-height: 30px;
    padding: 0 5px
}

.handicap-sub-title .flex-1[data-v-59ea0f20] {
    flex: 1
}

.handicap-sub-title .flex-1:last-child .handicap .handicap-item[data-v-59ea0f20] {
    border-right: none
}

.handicap-sub-title .flex-1 .handicap:last-child .handicap-item[data-v-59ea0f20]:last-child {
    border-bottom: none
}

.handicap-sub-title .flex-2[data-v-59ea0f20] {
    flex: 2
}

.handicap-sub-title .flex-2 .handicap .handicap-item[data-v-59ea0f20] {
    width: 100%
}

.handicap-sub-title .handicap[data-v-59ea0f20] {
    flex-wrap: wrap;
    height: auto
}

.handicap-sub-title .handicap .handicap-item[data-v-59ea0f20] {
    flex: unset;
    width: 100%;
    height: 31px
}

.wrap-template[data-v-59ea0f20] .bet-item {
    margin-left: 5px
}

.wrap-template[data-v-59ea0f20] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.expand-match-list .wrap-template .border-r[data-v-efd7bd08]:first-child {
    border-right: none
}

.wrap-template[data-v-efd7bd08] {
    display: flex;
    flex-flow: column
}

.wrap-template .main-handicap>div[data-v-efd7bd08]:last-child {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.wrap-template .border-r[data-v-efd7bd08]:first-child {
    border-right: 2px solid rgba(0, 0, 0, .4)
}

.wrap-template .handicap-item[data-v-efd7bd08] {
    width: 50%
}

.wrap-template[data-v-efd7bd08] .c-bet-item.zhuanye .odds {
    margin-right: 6px
}

.bet_handicap_ol[data-v-efd7bd08] {
    display: flex;
    align-items: center
}

.on_l[data-v-efd7bd08] {
    color: var(--q-gb-t-c-8) !important;
    max-width: 120px;
    display: inline-block;
    margin-right: 6px
}

.new-pc-2025 .active .on_l[data-v-efd7bd08] {
    color: var(--q-gb-t-c-18) !important
}

.template-champion[data-v-00927b18] {
    background: var(--q-gb-bd-c-13);
    border-radius: 8px;
    margin-top: 5px;
    overflow: hidden
}

.template-champion .main-handicap[data-v-00927b18] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.template-champion .main-handicap .handicap[data-v-00927b18] {
    width: 50%
}

.template-champion .main-handicap[data-v-00927b18] .c-bet-item {
    padding: 0 15px;
    height: 100%
}

.template-champion .main-handicap[data-v-00927b18] .c-bet-item .handicap-value {
    width: 82%;
    flex: unset;
    justify-content: flex-start
}

.template-champion .main-handicap[data-v-00927b18] .c-bet-item .active .handicap-value-text {
    color: var(--q-gb-t-c-18) !important
}

.template-champion .main-handicap[data-v-00927b18] .c-bet-item .handicap-value-text {
    color: var(--q-gb-t-c-6)
}

.template-champion .main-handicap[data-v-00927b18] .c-bet-item .odds {
    justify-content: flex-end
}

.template-champion .main-handicap[data-v-00927b18] .c-bet-item .left_cell {
    justify-content: unset !important
}

.template-champion .play-info[data-v-00927b18] {
    height: 34px;
    display: flex;
    align-items: center;
    background: var(--q-gb-bg-c-13) !important;
    padding: 3px 15px 3px 13px;
    color: var(--q-gb-t-c-16);
    position: relative;
    cursor: pointer
}

.template-champion .play-info .ellipsis[data-v-00927b18] {
    color: var(--q-gb-t-c-3);
    font-size: 13px;
    font-weight: 600
}

.template-champion .play-info[data-v-00927b18]:before {
    content: "";
    height: 14px;
    width: 3px;
    background: var(--q-gb-t-c-16);
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 0 16px 16px 0
}

.template-champion[data-v-00927b18] .bet-noob {
    background-color: var(--q-gb-bg-c-31) !important
}

.title-svg[data-v-00927b18] {
    width: 24px;
    display: flex;
    justify-content: center
}

.champion_icon_name[data-v-00927b18] {
    display: flex;
    align-items: center;
    gap: 6px
}

.champion_item_icon_time[data-v-00927b18] {
    font-size: 12px;
    color: var(--q-gb-t-c-16)
}

.new-pc-2025 .template-champion .play-info[data-v-00927b18] {
    background: var(--q-bg-color-3-2) !important
}

.img-set-top[data-v-00927b18] {
    width: 14px;
    height: 14px;
    background-size: 100% 100%
}

.set_top_conten[data-v-00927b18] {
    width: 37px
}

.expand_icon[data-v-00927b18] {
    width: 16px
}

.template-champion[data-v-2af7ea3e] {
    background: var(--q-gb-bd-c-13);
    border-radius: 8px;
    margin-top: 5px;
    overflow: hidden
}

.template-champion .main-handicap[data-v-2af7ea3e] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid var(--q-gb-bd-c-8)
}

.template-champion .main-handicap .handicap[data-v-2af7ea3e] {
    width: 50%
}

.template-champion .main-handicap[data-v-2af7ea3e] .c-bet-item {
    padding: 0 15px;
    height: 100%
}

.template-champion .main-handicap[data-v-2af7ea3e] .c-bet-item .handicap-value {
    width: 82%;
    flex: unset;
    justify-content: flex-start
}

.template-champion .main-handicap[data-v-2af7ea3e] .c-bet-item .active .handicap-value-text {
    color: var(--q-gb-t-c-18) !important
}

.template-champion .main-handicap[data-v-2af7ea3e] .c-bet-item .handicap-value-text {
    color: var(--q-gb-t-c-6)
}

.template-champion .main-handicap[data-v-2af7ea3e] .c-bet-item .odds {
    justify-content: flex-end
}

.template-champion .main-handicap[data-v-2af7ea3e] .c-bet-item .left_cell {
    justify-content: unset !important
}

.template-champion .play-info[data-v-2af7ea3e] {
    height: 34px;
    display: flex;
    align-items: center;
    background: var(--q-gb-bg-c-13) !important;
    padding: 3px 15px 3px 13px;
    color: var(--q-gb-t-c-16);
    position: relative;
    cursor: pointer
}

.template-champion .play-info .ellipsis[data-v-2af7ea3e] {
    color: var(--q-gb-t-c-3);
    font-size: 13px;
    font-weight: 600
}

.template-champion .play-info[data-v-2af7ea3e]:before {
    content: "";
    height: 14px;
    width: 3px;
    background: var(--q-gb-t-c-16);
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 0 16px 16px 0
}

.template-champion[data-v-2af7ea3e] .bet-noob {
    background-color: var(--q-gb-bg-c-31) !important
}

.title-svg[data-v-2af7ea3e] {
    width: 24px;
    display: flex;
    justify-content: center
}

.champion_icon_name[data-v-2af7ea3e] {
    display: flex;
    align-items: center;
    gap: 6px
}

.champion_item_icon_time[data-v-2af7ea3e] {
    font-size: 12px;
    color: var(--q-gb-t-c-16)
}

.new-pc-2025 .template-champion .play-info[data-v-2af7ea3e] {
    background: var(--q-bg-color-3-2) !important
}

.img-set-top[data-v-2af7ea3e] {
    width: 14px;
    height: 14px;
    background-size: 100% 100%
}

.set_top_conten[data-v-2af7ea3e] {
    width: 37px
}

.expand_icon[data-v-2af7ea3e] {
    width: 16px
}

.disabled[data-v-0b14916c] {
    color: var(--q-text-color-btn-disable-1)
}

.waterfall-container[data-v-8cb1f9f1] {
    display: flex;
    width: 100%
}

.waterfall-container .waterfall-column[data-v-8cb1f9f1] {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.waterfall-container .double[data-v-8cb1f9f1] {
    gap: 5px
}

.waterfall-container .double .group-template[data-v-8cb1f9f1] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 50%
}

.waterfall-container .double .group-template[data-v-8cb1f9f1]:has(> .isShow) {
    flex: 1;
    width: 50%
}

.waterfall-container .double .group-template[data-v-8cb1f9f1]:first-child {
    margin-right: 2px
}

.waterfall-container .double .group-template .template[data-v-8cb1f9f1] {
    width: 100%
}

.waterfall-container .theme-2.pc-common-container-2024[data-v-8cb1f9f1] {
    background-color: #141518 !important
}

.wrap-template .handicap-item[data-v-8cb1f9f1] .c-bet-item .yb-family-odds {
    min-width: 24px !important
}

.wrap-template .handicap-item[data-v-8cb1f9f1] .c-bet-item .bet_handicap_6 .yb-family-odds {
    color: var(--q-gb-t-c-8)
}

.wrap-template .handicap-item[data-v-8cb1f9f1] .c-bet-item.active .bet_handicap_6 .yb-family-odds {
    color: var(--q-Handicap-click-text-color) !important
}

.wrap-template .handicap-item[data-v-8cb1f9f1] .c-bet-item.active .yb-family-odds {
    color: var(--q-text-color-btn-click) !important
}

.wrap-template-box[data-v-8cb1f9f1] {
    background: var(--q-bg-color-1-3)
}

.wrap-template-box .tab-wrap[data-v-8cb1f9f1] {
    margin: 12px 12px 4px
}

.wrap-template-box .template-box[data-v-8cb1f9f1] {
    display: grid;
    overflow: hidden
}

.wrap-template-box .handicap-item[data-v-8cb1f9f1] {
    height: 44px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    overflow: hidden
}

.wrap-template-box .handicap-item .bet-item[data-v-8cb1f9f1] {
    display: flex;
    justify-content: center
}

.wrap-template-box[data-v-8cb1f9f1] .tab-container {
    display: inline-flex;
    border-radius: 999px;
    background: var(--q-bg-color-3-1)
}

.wrap-template-box[data-v-8cb1f9f1] .tab-container .tab-item {
    display: flex;
    height: 24px;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: var(--q-text-color-2);
    text-align: center;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer
}

.wrap-template-box[data-v-8cb1f9f1] .tab-container .tab-item:hover {
    color: var(--q-theme-color-1-default)
}

.wrap-template-box[data-v-8cb1f9f1] .tab-container .tab-item.active {
    border-radius: 999px;
    border: 1px solid var(--q-theme-color-1-default);
    background: var(--q-bg-color-1-2);
    color: var(--q-theme-color-1-default)
}

.wrap-template-box .on-color[data-v-8cb1f9f1] {
    color: var(--q-gb-t-c-16)
}

.wrap-template-box .handicap[data-v-8cb1f9f1] {
    display: grid !important;
    justify-content: unset !important
}

.list_right_empty[data-v-8cb1f9f1] {
    padding-top: 100px;
    height: 200px;
    line-height: 14px;
    text-align: center;
    z-index: 4;
    color: var(--q-gb-t-c-6);
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.list_right_empty .img[data-v-8cb1f9f1] {
    width: 162px;
    height: 128px;
    margin-bottom: 8px;
    background-size: cover
}

.waterfall-container[data-v-bd61e35d] {
    display: flex;
    width: 100%
}

.waterfall-container .waterfall-column[data-v-bd61e35d] {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.waterfall-container .double[data-v-bd61e35d] {
    gap: 5px
}

.waterfall-container .double .group-template[data-v-bd61e35d] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 50%
}

.waterfall-container .double .group-template[data-v-bd61e35d]:has(> .isShow) {
    flex: 1;
    width: 50%
}

.waterfall-container .double .group-template[data-v-bd61e35d]:first-child {
    margin-right: 2px
}

.waterfall-container .double .group-template .template[data-v-bd61e35d] {
    width: 100%
}

.waterfall-container .theme-2.pc-common-container-2024[data-v-bd61e35d] {
    background-color: #141518 !important
}

.wrap-template .handicap-item[data-v-bd61e35d] .c-bet-item .yb-family-odds {
    min-width: 24px !important
}

.wrap-template .handicap-item[data-v-bd61e35d] .c-bet-item .bet_handicap_6 .yb-family-odds {
    color: var(--q-gb-t-c-8)
}

.wrap-template .handicap-item[data-v-bd61e35d] .c-bet-item.active .bet_handicap_6 .yb-family-odds {
    color: var(--q-Handicap-click-text-color) !important
}

.wrap-template .handicap-item[data-v-bd61e35d] .c-bet-item.active .yb-family-odds {
    color: var(--q-text-color-btn-click) !important
}

.wrap-template-box[data-v-bd61e35d] {
    background: var(--q-bg-color-1-3)
}

.wrap-template-box .tab-wrap[data-v-bd61e35d] {
    margin: 12px 12px 4px
}

.wrap-template-box .template-box[data-v-bd61e35d] {
    display: grid;
    overflow: hidden
}

.wrap-template-box .handicap-item[data-v-bd61e35d] {
    height: 44px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    overflow: hidden
}

.wrap-template-box .handicap-item .bet-item[data-v-bd61e35d] {
    display: flex;
    justify-content: center
}

.wrap-template-box[data-v-bd61e35d] .tab-container {
    display: inline-flex;
    border-radius: 999px;
    background: var(--q-bg-color-3-1)
}

.wrap-template-box[data-v-bd61e35d] .tab-container .tab-item {
    display: flex;
    height: 24px;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: var(--q-text-color-2);
    text-align: center;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer
}

.wrap-template-box[data-v-bd61e35d] .tab-container .tab-item:hover {
    color: var(--q-theme-color-1-default)
}

.wrap-template-box[data-v-bd61e35d] .tab-container .tab-item.active {
    border-radius: 999px;
    border: 1px solid var(--q-theme-color-1-default);
    background: var(--q-bg-color-1-2);
    color: var(--q-theme-color-1-default)
}

.wrap-template-box .on-color[data-v-bd61e35d] {
    color: var(--q-gb-t-c-16)
}

.wrap-template-box .handicap[data-v-bd61e35d] {
    display: grid !important;
    justify-content: unset !important
}

.list_right_empty[data-v-bd61e35d] {
    padding-top: 100px;
    height: 200px;
    line-height: 14px;
    text-align: center;
    z-index: 4;
    color: var(--q-gb-t-c-6);
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.list_right_empty .img[data-v-bd61e35d] {
    width: 162px;
    height: 128px;
    margin-bottom: 8px;
    background-size: cover
}

.main-handicap[data-v-d95aa787] {
    display: flex;
    flex-wrap: wrap
}

.main-handicap .handicap-item[data-v-d95aa787] {
    width: 50%
}

.main-handicap[data-v-d95aa787] .odd_dov .dov-icon {
    right: 0
}

.main-handicap[data-v-d95aa787] .yb-family-odds {
    color: var(--q-gb-t-c-16) !important
}

.main-handicap[data-v-d95aa787] .active .ellipsis-wrap {
    color: #fff
}

[data-v-d95aa787] .title-svg {
    display: none
}

[data-v-d95aa787] .zxbd-bet-item {
    justify-content: flex-start !important
}

.waterfall-container[data-v-e6af483a] {
    display: flex;
    width: 100%
}

.waterfall-container>.waterfall-column[data-v-e6af483a] {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.double[data-v-e6af483a] {
    gap: 5px
}

.double .group-template[data-v-e6af483a] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 50%
}

.double .group-template[data-v-e6af483a]:has(> .isShow) {
    flex: 1;
    width: 50%
}

.double .group-template[data-v-e6af483a]:first-child {
    margin-right: 2px
}

.double .group-template .template[data-v-e6af483a] {
    width: 100%
}

.theme-2.pc-common-container-2024[data-v-e6af483a] {
    background-color: #141518 !important
}

.wrap-handicap[data-v-41ef832b] {
    display: flex;
    flex: 1;
    flex-flow: column;
    height: 100%;
    border-right: none !important
}

.wrap-handicap[data-v-41ef832b]::-webkit-scrollbar {
    display: none
}

.wrap-handicap .details_data[data-v-41ef832b] {
    width: 100%
}

.wrap-handicap .details_data[data-v-41ef832b] .bet-item {
    color: var(--q-gb-t-c-8) !important
}

.wrap-handicap .details_data[data-v-41ef832b] .item-label.bet-ellipsis.ellipsis>.ellipsis-wrap {
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: Roboto, sans-serif
}

.wrap-handicap .details_data[data-v-41ef832b] .item-label.bet-ellipsis.ellipsis {
    display: flex
}

.wrap-handicap .details_data .group-template[data-v-41ef832b] {
    background: var(--q-gb-bg-c-22);
    height: fit-content;
    padding-bottom: 4px;
    margin-bottom: 20px
}

.wrap-handicap .details_data_load[data-v-41ef832b] {
    width: 100%;
    height: 100%;
    z-index: 1;
    flex: 1
}

.wrap-handicap[data-v-41ef832b] .load-data-wrap {
    width: 100% !important
}

.wrap-handicap[data-v-41ef832b] .load-data-wrap .yb-flex-center {
    justify-content: start
}

.wrap-handicap .go-top-btn[data-v-41ef832b] {
    height: 24px
}

.wrap-handicap .go-top-btn .msg[data-v-41ef832b] {
    margin-left: 5px
}

.wrap-handicap .group-flex[data-v-41ef832b] {
    width: 100%
}

.wrap-handicap .go-top-box[data-v-41ef832b] {
    height: 115px;
    margin-top: 10px
}

.wrap-handicap .go-top-box[data-v-41ef832b] .go-top-btn {
    background: var(--q-gb-bg-lg-4) !important;
    border: .5px solid var(--q-gb-bd-c-8)
}

.wrap-tabs[data-v-41ef832b] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    height: 40px;
    border-bottom: 1px solid rgba(40, 43, 55, .5);
    background: #191c24;
    font-size: 12px
}

.wrap-tabs .tabs-bar[data-v-41ef832b] {
    z-index: 1;
    display: flex;
    width: 1000px
}

.wrap-tabs .tabs-bar .tabs-item-wrap[data-v-41ef832b] {
    display: flex
}

.wrap-tabs .tabs-bar .tabs-item[data-v-41ef832b] {
    padding: 0 14px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 38px;
    cursor: pointer
}

.wrap-tabs .tabs-bar .tabs-item[data-v-41ef832b]:hover,
.wrap-tabs .tabs-bar .tabs-item.active[data-v-41ef832b] {
    color: var(--q-gb-t-c-1)
}

.wrap-tabs .tabs-bar .tabs-line[data-v-41ef832b] {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--qq--yb-text-color1);
    transition: all .3s
}

.wrap-tabs .tabs-icons[data-v-41ef832b] {
    position: absolute;
    top: 0;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 40px;
    background-color: #1f222b;
    cursor: pointer
}

.wrap-tabs .tabs-icons-left[data-v-41ef832b] {
    left: 0
}

.wrap-tabs .tabs-icons-left .yb-icon-arrow[data-v-41ef832b] {
    transform: rotate(180deg)
}

.wrap-tabs .tabs-icons-right[data-v-41ef832b] {
    right: 0
}

.wrap-tabs .tabs-handel[data-v-41ef832b] {
    z-index: 2
}

.wrap-tabs .right-icons[data-v-41ef832b] {
    position: relative;
    z-index: 2;
    margin-right: 10px;
    cursor: pointer
}

.wrap-tabs .icon-toggle[data-v-41ef832b] {
    margin-right: 10px;
    cursor: pointer
}

.wrap-tabs .icon-toggle[data-v-41ef832b]:before {
    color: #999
}

.wrap-tabs .icon-toggle[data-v-41ef832b]:hover:before {
    color: #d1d1d1
}

.wrap-tabs .icon-toggle.active[data-v-41ef832b]:before {
    color: var(--qq--yb-text-color1)
}

[data-v-41ef832b] .template .template0 .os-3,
[data-v-41ef832b] .template .template2 .os-3,
[data-v-41ef832b] .template .template4 .os-3,
[data-v-41ef832b] .template .template6 .os-3,
[data-v-41ef832b] .template .template7 .os-3,
[data-v-41ef832b] .template .template51 .os-3 {
    display: none !important
}

[data-v-41ef832b] .template .handicap {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    line-height: 34px
}

[data-v-41ef832b] .template .handicap .handicap-item {
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

[data-v-41ef832b] .template .handicap .handicap-item.sub-title-2 {
    background: var(--q-match-details-left-title);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 8px
}

[data-v-41ef832b] .template .handicap .handicap-item.os-2 .c-bet-item:hover {
    cursor: text
}

[data-v-41ef832b] .template .handicap .os-1:hover .c-bet-item {
    border-color: transparent
}

[data-v-41ef832b] .template .handicap .os-1:hover .c-bet-item .bet-item {
    color: var(--q-gb-t-c-8)
}

[data-v-41ef832b] .template .handicap .os-1 .c-bet-item.active .bet-item {
    color: var(--q-Handicap-click-text-color) !important
}

[data-v-41ef832b] .template .handicap .os-1 .c-bet-item.active:hover .odds {
    color: var(--q-gb-t-c-18) !important
}

[data-v-41ef832b] .template .handicap .os-1.sub-title-2:hover {
    border-color: #0000001a
}

[data-v-41ef832b] .template .handicap .os-1 .handicap-name {
    color: #999
}

[data-v-41ef832b] .template .handicap .os-1 .odds {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    color: var(--q-gb-t-c-3);
    font-weight: 600
}

[data-v-41ef832b] .template .handicap .os-1 .odds .odds-item {
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer
}

[data-v-41ef832b] .template .handicap .os-1 .odds .odds-item .odds-num {
    color: #d1d1d1
}

[data-v-41ef832b] .template .handicap .os-1 .odds .odds-item .odds-pre {
    margin-right: 8px
}

[data-v-41ef832b] .template .c-bet-item {
    padding: 0 10px
}

[data-v-41ef832b] .template .template-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 0 0;
    height: 34px;
    font-size: 12px;
    cursor: pointer
}

[data-v-41ef832b] .template .template-title:hover .set_top {
    display: block !important
}

[data-v-41ef832b] .template .template-title .set_top {
    margin-right: 5px;
    padding-left: 20px;
    height: 100%;
    text-align: center;
    line-height: 28px;
    cursor: pointer
}

[data-v-41ef832b] .template .template-title .play-name {
    display: flex;
    align-items: center;
    height: 14px;
    font-weight: 600
}

[data-v-41ef832b] .template .template-title .play-name:before {
    display: inline-block;
    margin-right: 10px;
    height: 14px;
    border-radius: 1.5px;
    content: "";
    width: 3px;
    background: var(--qq--theme-bg-play-name-before)
}

[data-v-41ef832b] .template.is__iframe .c-bet-item {
    padding: 0 12px !important
}

[data-v-41ef832b] .template.is__iframe .bet-ellipsis {
    max-width: 80%
}

.template-handicap[data-v-41ef832b] {
    display: flex;
    flex: 1;
    position: unset
}

.template-handicap[data-v-41ef832b] .load-data-wrap.is-detail .empty-wrap {
    padding-top: 100px !important
}

.template-handicap[data-v-41ef832b] .load-data-wrap.is-detail .empty-wrap .text-center {
    padding-bottom: 50px
}

.template-handicap[data-v-41ef832b] .load-data-wrap.is-detail .loading-wrap {
    padding-top: 100px
}

.template-handicap[data-v-41ef832b] .load-data-wrap.is-detail .loading-wrap .text-center {
    padding-bottom: 50px
}

.template-handicap[data-v-41ef832b] .load-data-wrap.is-detail .refresh.fit {
    padding-top: 80px
}

.template-handicap .double[data-v-41ef832b] {
    display: flex
}

.template-handicap .double .group-template[data-v-41ef832b] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 50%
}

.template-handicap .double .group-template[data-v-41ef832b]:has(> .isShow) {
    flex: 1;
    width: 50%
}

.template-handicap .double .group-template[data-v-41ef832b]:first-child {
    margin-right: 2px
}

.template-handicap .double .group-template .template[data-v-41ef832b] {
    width: 100%
}

.template-handicap .group-template[data-v-41ef832b] .template .wrap-template {
    border-radius: 8px;
    overflow: hidden
}

.template-handicap .group-template[data-v-41ef832b] .template.template6 ::v-deep(.main-handicap .group:last-child) {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.template-handicap .group-template[data-v-41ef832b] .template.template0 ::v-deep(.main-handicap .handicap:last-child),
.template-handicap .group-template[data-v-41ef832b] .template.template2 ::v-deep(.main-handicap .handicap:last-child),
.template-handicap .group-template[data-v-41ef832b] .template.template3 ::v-deep(.main-handicap .handicap:last-child),
.template-handicap .group-template[data-v-41ef832b] .template.template7 ::v-deep(.main-handicap .handicap:last-child) {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.template-handicap .group-template[data-v-41ef832b] .template.template10 ::v-deep(:scope > div:last-child) {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.template-handicap .group-template[data-v-41ef832b] .template ::v-deep(.c-bet-item .odds-icon) {
    top: auto;
    bottom: auto
}

.template-handicap .group-template[data-v-41ef832b] .template ::v-deep(.c-bet-item .odds-icon):before {
    display: none
}

.template-handicap[data-v-41ef832b] .handicap-wrap {
    flex: 1;
    min-width: 1px
}

.template-handicap[data-v-41ef832b] .handicap-wrap .bet-item {
    display: flex;
    align-items: center
}

.template-handicap[data-v-41ef832b] .handicap-wrap .bet-item .bet-ellipsis {
    min-width: 1px
}

.template-handicap[data-v-41ef832b] .handicap-wrap .bet_handicap {
    margin-left: 6px
}

.template-handicap[data-v-41ef832b] .handicap-wrap .bet_handicap .handicap-value {
    flex: 1
}

.template-handicap[data-v-41ef832b] .handicap-wrap .bet_handicap .item-label:first-child {
    margin-right: 6px
}

.template-handicap[data-v-41ef832b] .handicap-wrap .ranking-nos {
    display: flex
}

.template-handicap[data-v-41ef832b] .handicap-wrap .rank-no {
    width: 16px;
    height: 16px
}

.null-bg[data-v-41ef832b] {
    height: 100px
}

.template-handicap .group-template[data-v-41ef832b] .template {
    background: var(--q-gb-bd-c-13);
    border-radius: 8px;
    box-shadow: none !important;
    width: 100%;
    margin-top: 4px
}

[data-v-41ef832b] .other-item .c-bet-item {
    background: var(--q-gb-bg-c-31)
}

[data-v-41ef832b] .other-item .up.is_red_green .odds {
    position: relative;
    color: red !important
}

[data-v-41ef832b] .other-item .down.is_red_green .odds {
    position: relative;
    color: green
}

[data-v-41ef832b] .handicap-item {
    padding: 5px;
    height: 44px !important;
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important
}

[data-v-41ef832b] .handicap-item .c-bet-item {
    cursor: pointer;
    background: var(--q-gb-bg-c-31)
}

[data-v-41ef832b] .handicap-item .c-bet-item:hover {
    background: var(--q-gb-bg-c-63)
}

[data-v-41ef832b] .handicap-item .c-bet-item.active .yb-family-odds,
[data-v-41ef832b] .handicap-item .c-bet-item.active .yb-family-odds:hover {
    color: var(--q-Handicap-click-text-color) !important
}

[data-v-41ef832b] .handicap-item .up.is_red_green {
    background-color: var(--q-gb-bg-c-28)
}

[data-v-41ef832b] .handicap-item .up.is_red_green .odds {
    position: relative;
    color: red
}

[data-v-41ef832b] .handicap-item .up.is_red_green .odds .yb-family-odds {
    color: red
}

[data-v-41ef832b] .handicap-item .up.is_red_green:after {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid #e93d3d;
    transform: rotate(45deg)
}

[data-v-41ef832b] .handicap-item .up.is_red_green .dov_total {
    color: red !important
}

[data-v-41ef832b] .handicap-item .c-bet-item.up.active,
[data-v-41ef832b] .handicap-item .c-bet-item.new-pc-2025.down.active {
    background-color: var(--q-gb-t-c-16) !important
}

[data-v-41ef832b] .handicap-item .up.is_green_red {
    background-color: var(--q-gb-bg-c-29) !important
}

[data-v-41ef832b] .handicap-item .up.is_green_red .odds,
[data-v-41ef832b] .handicap-item .up.is_green_red .odds .yb-family-odds {
    color: green
}

[data-v-41ef832b] .handicap-item .up.is_green_red:after {
    content: "";
    position: absolute;
    top: 0;
    right: -3px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid #50c042;
    transform: rotate(45deg)
}

[data-v-41ef832b] .handicap-item .up.is_green_red .dov_total {
    color: green !important
}

[data-v-41ef832b] .handicap-item .down.is_red_green {
    background-color: var(--q-gb-bg-c-29) !important
}

[data-v-41ef832b] .handicap-item .down.is_red_green .odds {
    position: relative;
    color: green
}

[data-v-41ef832b] .handicap-item .down.is_red_green .odds .yb-family-odds {
    color: green
}

[data-v-41ef832b] .handicap-item .down.is_red_green:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -3px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #50c042;
    transform: rotate(-45deg)
}

[data-v-41ef832b] .handicap-item .down.is_red_green .dov_total {
    color: green !important
}

[data-v-41ef832b] .handicap-item .new-pc-2025.down.is_green_red {
    background-color: var(--q-gb-bg-c-28) !important
}

[data-v-41ef832b] .handicap-item .new-pc-2025.down.is_green_red .odds,
[data-v-41ef832b] .handicap-item .new-pc-2025.down.is_green_red .odds .yb-family-odds {
    color: red
}

[data-v-41ef832b] .handicap-item .new-pc-2025.down.is_green_red:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #e93d3d;
    transform: rotate(-45deg)
}

[data-v-41ef832b] .handicap-item .new-pc-2025.down.is_green_red .dov_total {
    color: red !important
}

.new-pc-2025 .layout_main_right .template-handicap .group-template[data-v-41ef832b] .template,
.new-pc-2025 .detials_layout .template-handicap .group-template[data-v-41ef832b] .template {
    background: var(--q-bg-color-3-2);
    border-top: 2px solid var(--q-stroke-color-2);
    border-right: 2px solid var(--q-stroke-color-2);
    border-left: 2px solid var(--q-stroke-color-2)
}

@charset "UTF-8";

.yb-match-list .c-match-item {
    display: flex
}

.yb-match-list .c-match-item.tpl-9,
.yb-match-list .c-match-item .timer-layout2 {
    top: -3px;
    color: var(--q-left-menu-color-3)
}

.yb-match-list .c-match-item .match-handicap-item-wrap {
    flex: 1
}

.yb-match-list .match-handicap-item {
    display: flex;
    flex: 1
}

.yb-match-list .process-col {
    line-height: 1.8;
    text-align: center;
    position: relative
}

.yb-match-list .process-col .c-match-process {
    width: 100%
}

.yb-match-list .process-col .c-match-process .process-name {
    padding: 0 2px;
    color: var(--q-gb-t-c-6)
}

.yb-match-list .basic-col .basic-wrap .bold {
    font-weight: 600
}

.yb-match-list .basic-col .basic-wrap .is_iframe .team-name {
    font-size: 12px
}

.yb-match-list .tpl-esports-bg .basic-col .basic-wrap .home {
    font-weight: 400
}

.yb-match-list .score-more {
    padding: 0 15px
}

.yb-match-list:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 100%;
    right: 0;
    top: 0
}

.yb-match-list ::-webkit-scrollbar-thumb {
    background: var(--q-gb-bg-c-47)
}

@keyframes text-flash {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.yb-match-list .sticky-wrap {
    position: sticky;
    left: 0;
    z-index: 200
}

.yb-match-list .sticky-wrap.tpl-18 .basic-width {
    width: 100%;
    max-width: 100%
}

.yb-match-list .sticky-wrap.tpl-18 .basic-width .match-date {
    margin-right: 0
}

.yb-match-list .sticky-wrap.tpl-18 .media-col {
    display: none
}

.yb-match-list .sticky-wrap.virtual-tpl1.m_top {
    margin-top: 5px
}

.yb-match-list .c-bet-item {
    width: 100%;
    height: 100%;
    padding: 0 10px
}

.yb-match-list .absolute-full {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center
}

.yb-match-list .ellipsis-wrap {
    flex: 1;
    position: relative;
    height: 100%
}

.yb-match-list .icon-star:before {
    font-size: 14px
}

.yb-match-list .sr-link-icon-w {
    width: 14px;
    height: 13px;
    margin-right: 10px;
    cursor: pointer
}

.yb-match-list .sr-link-icon-w i.icon-signal {
    width: 100%;
    height: 100%;
    display: block
}

.yb-match-list .sr-link-icon-w i.icon-signal.focus-icon {
    display: none
}

.yb-match-list .refresh-mask {
    z-index: 9999;
    background-color: var(--q-gb-bg-c-22) !important
}

.yb-match-list .refresh-mask .img-loading {
    width: 50px;
    height: 50px;
    background-size: 100%
}

.yb-match-list .refresh-mask .text-loading {
    padding-top: 10px;
    font-size: 12px;
    color: var(--q-gb-t-c-6) !important
}

.yb-match-list .tpl-22 .c-bet-item .handicap-value {
    flex: .6
}

@media (max-width: 1550px) {
    .yb-match-list .tpl-22 .c-bet-item .odds {
        font-size: 12px
    }

    .yb-match-list .tpl-22 .c-bet-item .odds-icon {
        left: -3px
    }

    .yb-match-list .tpl-esports-bg .c-bet-item .odds {
        margin-left: -3px;
        font-size: 12px !important
    }
}

.yb-match-list .pager-wrap {
    margin: 0 15px 15px 0
}

.yb-match-list .pager-wrap .go-top-btn {
    margin-left: 15px;
    padding: 0 5px;
    height: 24px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 20px;
    position: fixed;
    bottom: 0;
    z-index: 100
}

.yb-match-list .pager-wrap .go-top-btn .msg {
    margin-left: 5px
}

.yb-match-list .pager-wrap .go-top-btn:hover {
    background: var(--q-gb-t-c-16) !important
}

.none-thumb .pager-wrap .go-top-btn {
    visibility: hidden
}

.footer-wrap {
    padding: 0 20px
}

.footer-wrap .no-more-wrap {
    padding: 20px 0
}

.footer-wrap .no-more-wrap .msg {
    margin-left: 5px
}

.footer-wrap .go-top-btn {
    margin-left: 25px;
    padding: 0 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px
}

.yb-match-list.virtual-list .sticky-wrap .match-type .basic-width {
    padding: 0 15px
}

.yb-match-list.virtual-list .sticky-wrap .match-type .match-no-wrap {
    display: flex;
    align-items: center;
    height: 100%
}

.yb-match-list.virtual-list .sticky-wrap .match-type .col-left {
    width: 65px;
    font-size: 14px
}

.yb-match-list.virtual-list .sticky-wrap .match-type .col-left .icon-stage-fold {
    margin-right: 10px;
    width: 12px;
    height: auto
}

.yb-match-list.virtual-list .sticky-wrap .match-type .match_no {
    margin-left: 15px
}

.yb-match-list.virtual-list .sticky-wrap .match-type .timer-wrap {
    flex-wrap: nowrap
}

.yb-match-list.virtual-list .sticky-wrap .match-type .timer-wrap .timer-layout {
    width: auto;
    margin-left: 8px
}

.yb-match-list.virtual-list .sticky-wrap .match-type .timer-wrap .timer-layout .timer-layout2 {
    white-space: nowrap
}

.yb-match-list.virtual-list .virtual-match-tpl2 .more-row {
    padding-right: 20px;
    width: 100%;
    height: 40px
}

.yb-match-list.virtual-list .virtual-match-tpl2 .more-row .icon-triangle3:before {
    margin-left: 15px;
    font-size: 17px
}

.yb-match-list.virtual-list .c-match-item {
    margin-top: 4px
}

.yb-match-list.virtual-list .c-match-item.virtual-match-tpl2 {
    display: block;
    margin: 4px 0
}

.time_box[data-v-9e27b63c] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.tipsName[data-v-9e27b63c] .tips-icon {
    margin-left: 12px
}

.rolling-container-page[data-v-70f45564] {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    padding-right: 20px;
    padding-left: 4px
}

.rolling-container-page .scroll-content[data-v-70f45564] {
    height: 100%;
    flex: 1;
    overflow-y: hidden
}

.rolling-container-page .scroll-content[data-v-70f45564] .q-scrollarea__bar,
.rolling-container-page .scroll-content[data-v-70f45564] .q-scrollarea__thumb {
    display: none
}

.rolling-container-page .scroll-content .scroe-wrap[data-v-70f45564] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.rolling-container-page .scroll-content .scroe-wrap li[data-v-70f45564] {
    flex-shrink: 0;
    padding: 0 5px;
    color: var(--q-gb-t-c-6);
    display: flex;
    align-items: center;
    font-size: 12px
}

.rolling-container-page .scroll-content .scroe-wrap li.foot-score-2-line[data-v-70f45564]:after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: var(--q-gb-t-c-8);
    margin-left: 10px
}

.rolling-container-page .scroll-content .scroe-wrap li.foot-score-2.bold[data-v-70f45564]:after {
    background: #52555e
}

.rolling-container-page .scroll-content .scroe-wrap li.S2[data-v-70f45564]:after {
    background: var(--q-gb-t-c-24) !important
}

.rolling-container-page .scroll-content .scroe-wrap li[data-v-70f45564]:last-child:after {
    display: none
}

.rolling-container-page .scroll-content .scroe-wrap li.foot-score-2.active[data-v-70f45564] {
    color: var(--q-gb-t-c-16)
}

.rolling-container-page .scroll-content .scroe-wrap li .noCr[data-v-70f45564],
.rolling-container-page .scroll-content .scroe-wrap li .cr[data-v-70f45564] {
    padding-left: 3px;
    padding-right: 3px
}

.rolling-container-page .scroll-content .scroe-wrap li.foot-score-2[data-v-70f45564]:nth-last-of-type(1) {
    color: var(--q-gb-t-c-16)
}

.rolling-container-page .scroll-content .scroe-wrap li.foot-score-2:nth-last-of-type(1) .noCr[data-v-70f45564] {
    color: var(--q-gb-t-c-6)
}

.rolling-container-page .scroll-content .scroe-wrap li.foot-score-all[data-v-70f45564]:last-child {
    color: var(--q-gb-t-c-16)
}

.rolling-container-page .scroll-content .scroe-wrap li.foot-score-all:last-child .noCr[data-v-70f45564] {
    color: var(--q-gb-t-c-6)
}

.rolling-container-page .scroll-content .scroe-wrap.mins6[data-v-70f45564] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-y: hidden
}

.rolling-container-page .scroll-content .scroe-wrap.mins6 li[data-v-70f45564] {
    flex-shrink: 0;
    width: auto;
    color: var(--q-gb-t-c-6);
    display: flex;
    justify-content: center;
    align-items: center
}

.rolling-container-page .scroll-content .scroe-wrap.mins6 li .xg[data-v-70f45564] {
    margin-left: 10px;
    margin-right: 10px
}

.rolling-container-page .scroll-content .scroe-wrap.mins6 li[data-v-70f45564]:nth-child(odd) {
    padding-right: 5px
}

.rolling-container-page .scroll-content .scroe-wrap.mins6 li.foot-score-2[data-v-70f45564]:nth-last-of-type(1) {
    color: var(--q-gb-t-c-16)
}

.rolling-container-page .scroll-content .scroe-wrap.mins6 li.foot-score-all[data-v-70f45564]:last-child {
    color: var(--q-gb-t-c-16)
}

.rolling-container-page .scroll-arrow[data-v-70f45564] {
    width: 20px;
    font-size: 12px;
    cursor: pointer
}

.rolling-container-page .scroll-arrow .q-icon[data-v-70f45564]:before {
    color: var(--q-gb-t-c-16)
}

.rolling-container-page .scroll-size-mmp[data-v-70f45564] {
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    background-size: contain;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    top: 3px;
    left: -2px;
    position: relative;
    margin-left: 2px
}

.rolling-container-page .mmpbottom[data-v-70f45564] {
    transform: rotate(180deg)
}

.rolling-container-page .mmphidden[data-v-70f45564] {
    display: none
}

.new-pc-2025 .rolling-container-page .scroll-content .scroe-wrap li[data-v-70f45564] {
    color: var(--q-text-color-1)
}

.new-pc-2025 .rolling-container-page .scroll-content .scroe-wrap li.foot-score-2[data-v-70f45564]:nth-last-of-type(1) {
    color: var(--q-gb-t-c-16)
}

.new-pc-2025 .rolling-container-page .scroll-content .scroe-wrap li.foot-score-all[data-v-70f45564]:last-child {
    color: var(--q-gb-t-c-16)
}

.new-pc-2025 .rolling-container-page .scroll-content .scroe-wrap li.active[data-v-70f45564] {
    color: var(--q-gb-t-c-16)
}

[data-v-70f45564] .tooltop-rolling {
    pointer-events: none
}

.corner-score[data-v-41eb8ad3] {
    display: flex;
    align-items: center;
    background: var(--q-bg-color-3-1);
    justify-content: flex-end;
    width: auto;
    z-index: 1;
    padding: 0 6px;
    height: 100%;
    font-size: 12px
}

.corner-score .corner-icon[data-v-41eb8ad3] {
    width: 14px;
    height: 14px;
    background-position: 0 -224px;
    background-size: 100%;
    background-repeat: no-repeat
}

.corner-score .corner-icon—top[data-v-41eb8ad3] {
    width: 14px;
    height: 14px;
    background-position: 0 -196px;
    background-size: 100%;
    background-repeat: no-repeat
}

.corner-score .label[data-v-41eb8ad3] {
    color: var(--q-text-color-2)
}

.corner-score .score[data-v-41eb8ad3] {
    color: var(--q-gb-t-c-16)
}

.corner-score .score-item[data-v-41eb8ad3] {
    display: flex;
    align-items: center;
    column-gap: 4px;
    padding: 0 6px;
    position: relative;
    justify-content: center;
    white-space: nowrap
}

.corner-score .score-item[data-v-41eb8ad3]:not(:last-child) {
    margin-right: 6px
}

.corner-score .score-item[data-v-41eb8ad3]:not(:last-child):after {
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 1px;
    height: 10px;
    background: var(--q-stroke-color-1)
}

.corner-score .over_time-score[data-v-41eb8ad3] {
    min-width: 80px;
    text-align: center
}

.hpsCorner .corner-icon[data-v-41eb8ad3] {
    width: 14px;
    height: 14px;
    background-position: 0 -224px;
    background-size: 100%;
    background-repeat: no-repeat
}

.hpsCorner .corner-icon—top[data-v-41eb8ad3] {
    background-position: 0 -196px
}

.hpsTCorner .corner-icon[data-v-41eb8ad3] {
    width: 14px;
    height: 14px;
    background-position: 0 -336px;
    background-size: 100%;
    background-repeat: no-repeat
}

.hpsTCorner .corner-icon—top[data-v-41eb8ad3] {
    background-position: 0 -350px
}

.hpsPunish .corner-icon[data-v-41eb8ad3] {
    width: 14px;
    height: 14px;
    background-position: 0 -336px;
    background-size: 100%;
    background-repeat: no-repeat
}

.hpsTPunish .corner-icon[data-v-41eb8ad3] {
    width: 14px;
    height: 14px;
    background-position: 0 -350px;
    background-size: 100%;
    background-repeat: no-repeat
}

.new-pc-2025 .arrow-wrap-container {
    background: var(--q-gb-bg-c-27) !important
}

.media-col-wrap[data-v-e9132583] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.media-col-wrap .icon-wrap[data-v-e9132583] {
    padding: 2px 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.media-col-wrap .icon-wrap .match_pre[data-v-e9132583] {
    width: 26px;
    height: auto
}

.media-col-wrap .icon-wrap .icon-signal.cCBCED8[data-v-e9132583]:before {
    color: #cbced8
}

.media-col-wrap .icon-wrap .icon-signal.c737373[data-v-e9132583]:before {
    color: #737373
}

.media-col-wrap .c-icon[data-v-e9132583] {
    font-size: 14px
}

.media-col-wrap .v-icon[data-v-e9132583] {
    width: 14px;
    height: 14px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-size: 100%
}

.media-col-wrap .collect-icon[data-v-e9132583] {
    width: 14px;
    height: 14px;
    font-size: 14px;
    background-size: contain
}

.media-col-wrap .flex-center[data-v-e9132583] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 3px
}

.media-col-wrap .settlement-pre[data-v-e9132583] {
    display: flex;
    justify-content: center
}

.play-count-wrap[data-v-e9132583] {
    cursor: pointer
}

@media (max-width: 1698px) {
    .media-col-wrap .flex-center[data-v-e9132583] {
        margin: 0
    }
}

.allow-user-select[data-v-632a03bb] {
    font-weight: 400
}

.ellipses2-suffix[data-v-632a03bb] {
    max-height: 2.4em;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.t-name-2[data-v-632a03bb] {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.team-name[data-v-632a03bb] {
    width: 100%;
    position: relative
}

.team-name .ellisis-rows[data-v-632a03bb] {
    display: flex;
    flex-wrap: wrap
}

.odds-favorable[data-v-d5ce29f2] {
    height: 30px;
    line-height: 30px;
    text-align: center;
    flex: 1;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    position: relative
}

.odds-favorable .cont-left-odds[data-v-d5ce29f2] {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden
}

.odds-favorable .cont-left-odds .team-bq[data-v-d5ce29f2] {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: var(--q-gb-t-c-18);
    margin-right: 2px;
    font-size: 12px;
    min-width: 44px
}

.odds-favorable .cont-left-odds .yellow[data-v-d5ce29f2] {
    background: #ffaa17
}

.odds-favorable .cont-left-odds .blue[data-v-d5ce29f2] {
    background-color: #04c100
}

.odds-favorable .cont-left-odds .team-name[data-v-d5ce29f2] {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    margin-right: 5px
}

.odds-favorable .cont-left-odds .bifen[data-v-d5ce29f2] {
    color: var(--q-gb-t-c-16);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin-left: 4px;
    max-width: 120px;
    min-width: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    text-align: left;
    padding-right: 4px
}

.odds-favorable .cont-right-odds[data-v-d5ce29f2] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 90px;
    justify-content: flex-end
}

.odds-favorable .cont-right-odds>span[data-v-d5ce29f2]:first-child {
    color: #99a3b1;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative
}

.odds-favorable .cont-right-odds>span[data-v-d5ce29f2]:first-child:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #99a3b1;
    top: 55%;
    left: 0;
    transform: translateY(-55%)
}

.odds-favorable .cont-right-odds .odds-change[data-v-d5ce29f2] {
    height: 16px;
    width: 16px;
    margin: 3px 0 0 2px
}

.odds-favorable .cont-right-odds .new-odds[data-v-d5ce29f2] {
    color: var(--q-gb-t-c-3);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.odds-favorable .odds-svg[data-v-d5ce29f2] {
    display: inline-block;
    background-image: url(/image/image/odds-change.svg);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.odds-favorable.active .bifen[data-v-d5ce29f2] {
    color: #fff
}

.odds-favorable.active .cont-right-odds>span[data-v-d5ce29f2]:first-child {
    color: #f0f0f0
}

.odds-favorable.active .cont-right-odds>span[data-v-d5ce29f2]:first-child:before {
    background-color: #f0f0f0
}

.odds-favorable.active .new-odds[data-v-d5ce29f2] {
    color: #fff
}

.c-bet-item[data-v-d5ce29f2] {
    border: 1px solid var(--q-stroke-color-1);
    background: var(--q-default-details-1);
    overflow: unset
}

.c-bet-item .pc-promotion-up-pop[data-v-d5ce29f2] {
    height: 24px;
    width: 24px;
    position: absolute;
    top: -12px;
    right: 12px;
    z-index: 100;
    background-size: 100%
}

.time_box[data-v-2a224886] .no-start>span:first-child {
    margin-right: 5px
}

@charset "UTF-8";

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.cursorPointer[data-v-c7188e6e] {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.swiper-container[data-v-c7188e6e] {
    width: calc(100% - .8rem);
    height: 7.7rem;
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    background: var(--qq--theme-main-content-bg-color);
    z-index: 99;
    --swiper-theme-color: #ff6600;
    --swiper-navigation-color: #179cff;
    --swiper-navigation-size: 12px;
    padding-bottom: 6px
}

.swiper-container .swiper-slide[data-v-c7188e6e] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    border-radius: .4rem
}

.swiper-container .swiper-slide>img[data-v-c7188e6e] {
    width: 100%;
    height: 100%
}

.side-button[data-v-c7188e6e] {
    width: 20px;
    height: 40px;
    background: #fff;
    transform: translateY(-50%)
}

.button-prev-box[data-v-c7188e6e] {
    left: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.button-next-box[data-v-c7188e6e] {
    right: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.off-button[data-v-c7188e6e] {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.off-button img[data-v-c7188e6e] {
    width: 20px;
    height: 20px
}

.swiper-button-disabled[data-v-c7188e6e] {
    opacity: 0;
    display: none !important
}

.swiper[data-v-c7188e6e] {
    height: 100%
}

.favorable-item-odds[data-v-6d3e417b] {
    font-weight: 600
}

.favorable-item-odds .red_down[data-v-6d3e417b] {
    display: inline-block;
    width: 7px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 6px
}

.favorable-item-odds .r180[data-v-6d3e417b] {
    transform: rotate(180deg)
}

.favorable-item-odds .active[data-v-6d3e417b] {
    background: var(--q-gb-t-c-16) !important;
    color: var(--q-gb-t-c-18) !important;
    border-radius: 4px
}

.favorable-item-odds .up[data-v-6d3e417b] {
    padding: 2px;
    color: #fff;
    background-color: #e93d3d;
    border-radius: 2px
}

.favorable-item-odds .down[data-v-6d3e417b] {
    padding: 2px;
    color: #fff;
    background-color: #50c042;
    border-radius: 2px
}

.favorable-item-odds .redGreen.up[data-v-6d3e417b] {
    background-color: #50c042
}

.favorable-item-odds .redGreen.down[data-v-6d3e417b] {
    background-color: #e93d3d
}

.favorable-item-odds .odds[data-v-6d3e417b] {
    padding: 0 4px;
    font-size: 14px;
    font-weight: 700
}

[data-v-b77ed20d] .drag-scroll .more-btn {
    width: 24px;
    position: absolute;
    height: 52px;
    top: 25%;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 99;
    border-radius: 0 99px 99px 0;
    background: var(---black-color-1, rgba(0, 0, 0, .4));
    box-shadow: -2px 0 4px 0 var(--shadow-1, #E2E2E4)
}

[data-v-b77ed20d] .drag-scroll .more-btn.right {
    border-radius: 99px 0 0 99px;
    background-position: center center
}

[data-v-b77ed20d] .drag-scroll .more-btn.left {
    background-position: center center
}

.time_box[data-v-b77ed20d] .no-start>span:first-child {
    margin-right: 5px
}

[data-v-b77ed20d] .swiper-slide {
    width: auto
}

.swiper-button-prev-fovable[data-v-b77ed20d] {
    border-radius: 0 99px 99px 0;
    background-position: center !important;
    left: 0;
    width: 24px;
    position: absolute;
    height: 52px;
    top: 25%;
    cursor: pointer;
    z-index: 99;
    background: var(---black-color-1, rgba(0, 0, 0, .4));
    box-shadow: -2px 0 4px 0 var(--shadow-1, #E2E2E4)
}

.swiper-button-next-fovable[data-v-b77ed20d] {
    border-radius: 99px 0 0 99px;
    background-position: center !important;
    right: 0;
    width: 24px;
    position: absolute;
    height: 52px;
    top: 25%;
    cursor: pointer;
    z-index: 99;
    background: var(---black-color-1, rgba(0, 0, 0, .4));
    box-shadow: -2px 0 4px 0 var(--shadow-1, #E2E2E4)
}

.swiper[data-v-b77ed20d] {
    margin: unset !important
}

.new-pc-2025 .vr-leagues-tabs[data-v-8d3b8aa8] {
    background-color: var(--q-bg-color-3-2);
    border-radius: 0 0 8px 8px;
    border: 1px solid var(--q-gb-bg-c-39);
    border-top: none
}

.new-pc-2025 .vr-list-handicap .c-bet-item .handicap-value .handicap-more {
    color: var(--q-text-color-3)
}

.vr-list-main .vr-list-bet.c-bet-item .handicap-value .handicap-more {
    flex-shrink: 0
}

.vr-virtual-sports .handicap-1001 .handicap-col:nth-child(2),
.vr-virtual-sports .handicap-1001 .handicap-col:nth-child(5) {
    min-width: 90px
}

.vr-virtual-sports .handicap-1001 .handicap-col:nth-child(3),
.vr-virtual-sports .handicap-1001 .handicap-col:nth-child(6) {
    min-width: 100px
}

.vr-virtual-sports.ko .handicap-1001 .handicap-col:nth-child(3),
.vr-virtual-sports.ko .handicap-1001 .handicap-col:nth-child(6),
.vr-virtual-sports.ru .handicap-1001 .handicap-col:nth-child(3),
.vr-virtual-sports.ru .handicap-1001 .handicap-col:nth-child(6) {
    min-width: 110px
}

@media (max-width: 1600px) {
    .vr-virtual-sports .vr-team-width {
        width: 26.5% !important
    }
}

@media (min-width: 1750px) {
    .vr-list-bet {
        padding: 0 12px !important
    }

    .vr-virtual-sports .handicap-1001 .handicap-col:nth-child(2),
    .vr-virtual-sports .handicap-1001 .handicap-col:nth-child(5) {
        min-width: 100px
    }

    .vr-virtual-sports .handicap-1001 .handicap-col:nth-child(3),
    .vr-virtual-sports .handicap-1001 .handicap-col:nth-child(6) {
        min-width: 120px
    }
}

.new-pc-2025 .virtual-match-tpl2[data-v-fc7d0c5d] {
    margin-top: 0;
    border-top: 2px solid var(--q-stroke-color-1)
}

.new-pc-2025 .virtual-match-tpl2 .more-row[data-v-fc7d0c5d] {
    padding: 10px 12px;
    background-color: var(--q-bg-color-3-2);
    border-radius: 0 0 8px 8px;
    color: var(--q-text-color-2);
    border: 1px solid var(--q-bg-color-1-3);
    border-top: none
}

.match-new-card-987897 .match-part[data-v-db8ef6c2] {
    width: 58px
}

.match-new-card-987897 .match-data[data-v-db8ef6c2] {
    width: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.match-new-card-987897 .match-data div[data-v-db8ef6c2] {
    margin: 1px 0
}

.match-new-card-987897 .match-score[data-v-db8ef6c2] {
    width: 46px
}

.match-new-card-987897 .match-method[data-v-db8ef6c2] {
    width: 58px
}

.match-new-card-987897 .match-new-handicap[data-v-db8ef6c2] {
    padding: 0 10px;
    margin-right: 10px;
    cursor: pointer
}

.match-new-card-987897 .match-new-handicap.match-left[data-v-db8ef6c2] {
    margin-right: unset;
    margin-left: 10px
}

.match-new-card-987897 .match-new-handicap.match-left .match-name[data-v-db8ef6c2] {
    text-align: right
}

.match-new-card-987897 .match-new-handicap.match-left .match-odd[data-v-db8ef6c2] {
    padding-left: unset;
    padding-right: 10px
}

.match-new-card-987897 .match-new-handicap.pingju[data-v-db8ef6c2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100px
}

.match-new-card-987897 .match-new-handicap.pingju .common-text[data-v-db8ef6c2] {
    margin-right: unset
}

.match-new-card-987897 .match-new-handicap.pingju .match-odd[data-v-db8ef6c2] {
    padding-left: unset
}

.match-new-card-987897 .match-new-handicap .match-name[data-v-db8ef6c2] {
    width: 0px;
    flex: 1
}

.match-new-card-987897 .match-new-handicap .match-odd[data-v-db8ef6c2] {
    width: unset;
    background-color: unset;
    border: unset;
    padding: unset;
    padding-left: 10px
}

.match-new-card-987897 .team_logo[data-v-db8ef6c2] {
    width: 28px;
    height: 28px
}

.new-pc-2025 .vr-match-item-wrap[data-v-40589304] {
    border-bottom: none;
    border-top: 1px solid var(--q-stroke-color-1)
}

.new-pc-2025 .vr-match-item-wrap .match-data-item.standard .team-w-container[data-v-40589304] {
    color: var(--q-text-color-1)
}

.new-pc-2025 .vr-match-item-wrap .match-data-item .e-c-container[data-v-40589304] {
    border-left: 1px solid var(--q-stroke-color-1)
}

.new-pc-2025 .vr-match-item-wrap .match-data-item .e-c-container .viod-icon .icon-void[data-v-40589304] {
    width: 20px;
    height: 20px;
    background-size: 100% auto;
    background-position: center center
}

.content[data-v-1b199c4d] {
    width: 100%;
    height: 100%
}

.toum[data-v-1b199c4d] {
    position: absolute;
    opacity: 0;
    white-space: nowrap
}

.new-pc-2025 .vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title[data-v-f3800835] {
    background-color: var(--q-bg-color-3-2);
    color: var(--q-text-color-1);
    border-radius: 8px 8px 0 0;
    border: 1px solid var(--q-bg-color-1-3);
    border-bottom: none
}

.new-pc-2025 .vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title.fold[data-v-f3800835] {
    border-radius: 8px;
    border: 1px solid var(--q-bg-color-1-3)
}

.new-pc-2025 .vr-virtual-sports .virtual-content-wrapper .virtual-sports-card .tab-title_active[data-v-f3800835] {
    background-color: var(--q-theme-color-1-default);
    border-radius: 8px
}

.new-pc-2025 .vr-virtual-sports[data-v-f3800835] .list-analysis,
.new-pc-2025 .vr-virtual-sports[data-v-f3800835] .video-icon-noselect {
    width: 20px;
    height: 20px
}

.list-expand[data-v-f3800835] {
    background-position: center
}

.basketball_title.col[data-v-f3800835] {
    width: 0;
    height: 18px;
    line-height: 18px
}

.new-pc-2025 .vr-list-main .scroll-fixed-header[data-v-2fcd6492] {
    border-radius: 8px
}

.scroll-fixed-header[data-v-2fcd6492],
.load-data-wrap[data-v-2fcd6492] {
    width: 100%
}

@charset "UTF-8";

.col-auto[data-v-1c6c2cae] {
    background-image: url(/image/details/pc-match-result-close.svg) !important
}

.replay-icon2[data-v-1c6c2cae] {
    background-image: url(/image/details/pc-match-result-replay.svg) !important
}

.iframe[data-v-1c6c2cae] {
    height: 100%;
    width: 100%
}

#dplayer-video-zone[data-v-1c6c2cae] {
    background-color: #000;
    border-radius: 10px;
    height: 100%;
    width: 100%
}

#dplayer-video-zone[data-v-1c6c2cae]:hover {
    cursor: move
}

.video-zone[data-v-1c6c2cae] {
    position: fixed;
    z-index: 2999
}

.video-zone-layout[data-v-1c6c2cae] {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 99
}

[data-v-1c6c2cae] .handle.handle-tr {
    top: -5px !important;
    right: -5px !important
}

[data-v-1c6c2cae] .handle.handle-tl {
    top: -5px !important;
    left: -5px !important
}

[data-v-1c6c2cae] .handle.handle-bl {
    bottom: -5px !important;
    left: -5px !important
}

[data-v-1c6c2cae] .handle.handle-br {
    bottom: -5px !important;
    right: -5px !important
}

[data-v-1c6c2cae] .handle.handle-tm {
    width: 100%;
    left: 5px !important;
    top: -5px;
    z-index: -1
}

[data-v-1c6c2cae] .handle.handle-bm {
    width: 100%;
    left: 5px !important;
    bottom: -5px;
    z-index: -1
}

[data-v-1c6c2cae] .handle.handle-ml {
    height: 100%;
    left: -5px !important;
    top: 5px;
    z-index: 1
}

[data-v-1c6c2cae] .handle.handle-mr {
    height: 100%;
    right: -5px !important;
    top: 5px;
    z-index: 1
}

[data-v-1c6c2cae] .handle {
    border-color: transparent !important;
    background: transparent !important
}

.replay-icon2[data-v-1c6c2cae] {
    position: absolute;
    right: 50px;
    top: 11px;
    width: 64px;
    height: 15px;
    z-index: 12
}

.col-delete[data-v-1c6c2cae] {
    position: absolute;
    right: 16px;
    top: 10px;
    width: 24px;
    height: 24px;
    z-index: 999999;
    z-index: 3002
}

.col-delete .bet-del[data-v-1c6c2cae] {
    z-index: 20;
    font-size: 6px;
    display: flex;
    top: 4px;
    left: 4px
}

.col-delete .icon-del[data-v-1c6c2cae]:before {
    color: var(--q-gb-t-c-1)
}

.stop_layout[data-v-1c6c2cae] {
    position: absolute;
    z-index: 3001;
    width: 100%;
    height: 100%
}

.test-text[data-v-1c6c2cae] {
    position: absolute;
    z-index: 3001;
    color: red;
    background-color: #fffc
}

@charset "UTF-8";

.header-wrap[data-v-21d19399] {
    padding: 4px 10px 4px 15px;
    height: 40px;
    font-weight: 500;
    line-height: 1.3;
    border-top: 1px solid var(--q-gb-bd-c-6);
    border-right: 1px solid var(--q-gb-bd-c-6);
    border-radius: 0 6px 0 0;
    background: var(--q-gb-bg-c-14);
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.header-wrap .user-info[data-v-21d19399] {
    padding-right: 10px;
    font-size: 12px
}

.header-wrap .user-info .ellipsis[data-v-21d19399] {
    color: var(--q-gb-t-c-3)
}

.header-wrap .balance-wrap[data-v-21d19399] {
    width: 100%;
    height: 15px;
    font-size: 14px
}

.header-wrap .balance-wrap .balance-text-show[data-v-21d19399] {
    color: var(--q-gb-t-c-16);
    font-weight: 700
}

.header-wrap .balance-wrap .balance-text-hide[data-v-21d19399] {
    font-size: 16px
}

.header-wrap .balance-wrap .balance-btn-eye[data-v-21d19399] {
    margin-left: 10px
}

.header-wrap .balance-wrap .refresh-btn[data-v-21d19399] {
    position: absolute;
    top: -8px;
    right: 10px;
    bottom: 11px;
    width: auto !important
}

.header-wrap .balance-wrap .refresh-btn .icon-refresh[data-v-21d19399]:before {
    font-size: 14px
}

.bet-item-order-show[data-v-0a6bec0a] {
    width: 214px;
    position: fixed;
    bottom: 10px;
    left: 0;
    z-index: 99
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .f-c-c {
    display: flex;
    justify-content: center;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .f-b-s {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .f-b-c {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .f-b-e {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .f-s-s {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .f-s-c {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .f-s-e {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .f-e-s {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .f-e-c {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .f-e-e {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-s-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-s-s {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-s-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-s-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-end
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-c-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-c-s {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-c-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-c-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-end
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-e-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-e-s {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-start
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-e-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-e-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .fw-c-e-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: end;
    flex-direction: column
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .bor-b {
    border-bottom: 1px solid var(--q-gb-bd-c-6)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .w-100 {
    width: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .w-90 {
    width: 90%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .w-80 {
    width: 80%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .w-50 {
    width: 50%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .w-25 {
    width: 25%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .w-20 {
    width: 20%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .h12 {
    height: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .h15 {
    height: 15px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .h40 {
    height: 40px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .h44 {
    height: 44px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .h52 {
    height: 52px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .font12 {
    font-size: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .font13 {
    font-size: 13px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .font14 {
    font-size: 14px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .font15 {
    font-size: 15px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .font16 {
    font-size: 16px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .font300 {
    font-weight: 300
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .font400 {
    font-weight: 400
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .font500 {
    font-weight: 500
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .font600 {
    font-weight: 600
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .font700 {
    font-weight: 700
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .text-white {
    color: var(--q-gb-t-c-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .text-ff7 {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .text-009 {
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .text-1a1 {
    color: var(--q-gb-t-c-5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .text-8a8 {
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .text-qbb11 {
    color: var(--q-bet-box-11)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .cursor {
    cursor: pointer
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .px-12 {
    padding-left: 12px;
    padding-right: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .pl-15 {
    padding-left: 15px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .pl-18 {
    padding-left: 18px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .pl-30 {
    padding-left: 30px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .pr-20 {
    padding-right: 20px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .mx-4 {
    margin-left: 4px;
    margin-right: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .mx-6 {
    margin-left: 6px;
    margin-right: 6px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .my-4 {
    margin-top: 4px;
    margin-bottom: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .mt-4 {
    margin-top: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .mt-8 {
    margin-top: 8px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .mr-4 {
    margin-right: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .mr-10 {
    margin-right: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .ml-4 {
    margin-left: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .ml-16 {
    margin-left: 16px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .re {
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss ul {
    margin: 0;
    padding: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss li {
    list-style: none
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-count {
    width: .2rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    display: inline-block;
    background-size: 100% 100%;
    --per: -.3rem
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .team {
    width: 1.9rem;
    margin-right: .12rem
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss div[class *=virtual-num] {
    border-radius: 2px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-1 {
    background-position-y: calc(var(--per) * 6)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-1.csid-1009 {
    background-position-y: calc(var(--per) * 14)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-2 {
    background-position-y: calc(var(--per) * 7)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-2.csid-1002 {
    background-position-y: calc(var(--per) * 1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-2.csid-1009 {
    background-position-y: calc(var(--per) * 15)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-2.csid-1010 {
    background-position-y: calc(var(--per) * 1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-3 {
    background-position-y: calc(var(--per) * 8)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-3.csid-1002,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-3.csid1010 {
    background-position-y: calc(var(--per) * 2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-3.csid1009 {
    background-position-y: calc(var(--per) * 16)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-4 {
    background-position-y: calc(var(--per) * 9)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-4.csid-1002,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-4.csid1010 {
    background-position-y: calc(var(--per) * 3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-4.csid1009 {
    background-position-y: calc(var(--per) * 17)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-5 {
    background-position-y: calc(var(--per) * 10)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-5.csid-1002,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-5.csid1010 {
    background-position-y: calc(var(--per) * 4)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-6 {
    background-position-y: calc(var(--per) * 11)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-6.csid-1002 {
    background-position-y: calc(var(--per) * 5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .virtual-num-6.csid1010 {
    background-position-y: calc(var(--per) * 10)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .q-scrollarea__container {
    background: var(--q-gb-bg-c-30) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .bet-box-all-bg {
    width: calc(100% - 10px);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 0;
    border-right: 2px solid var(--q-gb-bg-c-30)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .bet-list-info {
    height: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .bet-list-info :deep(.q-scrollarea__thumb) {
    display: none
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .bet-scroll {
    padding: 3px 3px 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .bet-box-content {
    border-top: none;
    width: 100%;
    position: relative;
    z-index: 88;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .bet-box-content::-webkit-scrollbar {
    width: 6px;
    background-color: var(--q-gb-bg-c-22);
    position: absolute
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .enter_hide {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    opacity: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .bet-scroll-view {
    width: 218px;
    padding: 3px 5px 0 3px
}

.bet-new-pc-2025 .bet-box-new-style-pc-again-bet-btn-scss .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px
}

.bet-new-pc-2025 .bet-box-new-style-pc-again-bet-btn-scss .cancel-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #555;
    color: var(--q-gb-t-c-6);
    background: var(--q-bet-box-10);
    box-shadow: 0 2px 2px #0038621a;
    width: 76px;
    height: 32px;
    border-radius: 16px
}

.bet-new-pc-2025 .bet-box-new-style-pc-again-bet-btn-scss .confirm-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-align: center;
    color: var(--q-gb-t-c-18);
    background: var(--q-bet-box-29);
    box-shadow: 0 2px 2px #0038621a;
    width: 108px;
    height: 32px;
    border-radius: 16px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-merge-style .bet-btn-wrap {
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-merge-style .bet-btn-wrap .new-reserved {
    color: #1d1d1d !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-merge-style .bet-delete-all {
    margin-top: 0 !important;
    border-radius: 5px !important;
    border: solid 1px var(--q-gb-bg-c-1) !important;
    color: var(--q-gb-bg-c-1) !important;
    background: none !important;
    height: 28px !important;
    line-height: 28px !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-merge-style .bet-delete-all-disable {
    opacity: .3
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-merge-style .bet-submit {
    border-radius: 5px !important;
    height: 28px !important;
    line-height: 28px !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-btn-wrap {
    padding: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-submit {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: white;
    text-align: center;
    font-weight: 400;
    border-radius: 36px;
    background: var(--q-gb-bg-c-17)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-submit.bet-expired {
    background: var(--q-gb-bg-c-10);
    border-radius: 36px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-submit.disabled {
    background: var(--q-btn-color-disable);
    pointer-events: none
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-submit.accept {
    background: var(--q-bet-box-29)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .accept_change_all {
    background: var(--q-bet-box-29);
    border-radius: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-delete-all {
    margin-top: 10px;
    text-align: center;
    line-height: 35px;
    font-weight: 400;
    font-size: 14px;
    box-sizing: border-box;
    height: 35px;
    background: var(--q-bet-box-10);
    border: .5px solid var(--q-bet-box-10);
    box-shadow: 0 2px 2px #1851821f;
    border-radius: 35px;
    color: var(--q-gb-t-c-6);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-delete-all-disable {
    opacity: .6
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-footer-check {
    margin-bottom: 6px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .disable-bottom {
    margin-bottom: -5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .disable-bottom:after {
    height: 5px;
    bottom: -5px;
    position: absolute;
    background: var(--q-bet-box-13)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .check-box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer;
    padding: 3px 0 3px 10px;
    color: var(--q-gb-t-c-10)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .check-box .check-wrap {
    padding: 0;
    margin-right: 5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-amount {
    display: flex;
    margin-top: 6px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-amount .bet-oc-check {
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-amount .bet-oc-check .check-box {
    padding: 0 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-amount .bet-oc-check .check-box .check-wrap {
    width: 18px;
    height: 18px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-amount .bet-oc-check .check-box .check-wrap.active:before {
    left: 4px;
    width: 10px;
    height: 6px;
    top: 4px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(135deg);
    border-color: var(--q-bet-box-34)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-amount .input-number {
    display: flex;
    width: 106px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-amount .input-number .sub-number {
    font-size: 12px;
    color: var(--q-gb-t-c-1);
    text-align: center;
    width: 24px;
    height: 22px;
    line-height: 22px;
    margin-left: 6px;
    background: var(--q-bet-box-5);
    border-radius: 4px 0 0 4px;
    border-right: 0;
    cursor: pointer
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-amount .input-number .sub-number.disabled {
    background: var(--q-bet-box-16);
    pointer-events: none;
    cursor: not-allowed
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-amount .input-number input {
    color: var(--q-gb-t-c-1);
    border-radius: 0;
    background-color: var(--q-gb-bg-c-11);
    border: 1px solid var(--q-bet-box-5);
    border-left: 0;
    border-right: 0;
    width: 100%;
    height: 22px;
    text-align: center;
    outline: none;
    font-weight: 700
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-amount .input-number .add-number {
    font-size: 12px;
    color: var(--q-gb-t-c-1);
    text-align: center;
    width: 24px;
    height: 22px;
    line-height: 22px;
    background: var(--q-bet-box-5);
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    border-left: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-amount .input-number .add-number.disabled {
    background: var(--q-bet-box-16);
    pointer-events: none;
    cursor: not-allowed
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .check-wrap {
    width: 14px;
    min-width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid var(--q-bet-box-36);
    margin-right: 10px;
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .check-wrap.active {
    border: none;
    background: var(--q-gb-bg-c-1);
    color: var(--q-gb-t-c-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .check-wrap.active:before {
    position: absolute;
    content: "";
    left: 4px;
    width: 6px;
    height: 4px;
    top: 4px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(135deg);
    border-color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-one-click {
    display: flex;
    justify-content: space-between;
    padding: 0 15px 6px 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-btn {
    display: flex;
    align-items: center;
    border-radius: 28px;
    margin-top: 6px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-btn .bet-oc-switch .bet-series-switch {
    position: relative;
    display: flex;
    min-width: 36px;
    height: 18px;
    border-radius: 18px;
    margin-left: 4px;
    margin-right: 5px;
    transition: .3s;
    background: var(--q-bet-box-13);
    border: .5px solid var(--q-bet-box-36)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-btn .bet-oc-switch .bet-series-switch.actions {
    background: var(--q-gb-bg-c-1);
    border: .5px solid var(--q-gb-bg-c-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-btn .bet-oc-switch .bet-series-switch .bet-series-ok {
    width: 14px;
    height: 14px;
    position: absolute;
    background: var(--q-bet-box-15);
    border-radius: 50%;
    top: 1px;
    left: 2px;
    transition: .3s
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-btn .bet-oc-switch .bet-series-switch .bet-series-ok.actions {
    background: var(--q-bet-box-3);
    left: 19px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet-oc-btn .bet-oc-text {
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .positon-top .menu {
    bottom: 76px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer {
    padding: 3px 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer .content {
    color: var(--q-gb-t-c-10);
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer .content .title {
    display: inline-flex;
    align-items: center;
    height: 28px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer .content .title .b-icon-arrow {
    width: 7px;
    height: 7px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--q-bet-box-36);
    transform: rotate(135deg);
    margin-left: 6px;
    margin-top: -6px;
    flex-shrink: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer .content .title .b-icon-arrow-show {
    margin-top: 0;
    transform: rotate(-45deg)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer .content .menu {
    background-color: var(--q-gb-bg-c-85);
    box-shadow: 0 .2px .2px #00000009, 0 .6px .5px #0000000c, 0 1px 1px #0000000f, 0 .5px .5px #00000005, 0 2px 2px #0000000f, 0 11px 11px #00000014;
    width: 196px;
    position: absolute;
    z-index: 9;
    border-radius: 6px;
    padding: 4px 0;
    bottom: 30px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer .content .menu .menu-item {
    height: 32px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer .content .menu .menu-item:hover {
    color: var(--q-theme-color-1-default);
    background: var(--q-transparent-theme-color-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet_tip {
    margin-left: 8px;
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bet_tip:before {
    color: var(--q-gb-t-c-40)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .check-wrap-text {
    display: flex;
    align-items: center;
    justify-content: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .common-mony {
    display: flex;
    align-items: center;
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .common-mony .common_amount {
    color: var(--q-gb-t-c-10)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .common-mony .common-money-icon {
    display: inline-block;
    margin-left: 8px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .common-mony .common-money-icon:before {
    color: var(--q-gb-t-c-40)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss {
    position: relative;
    z-index: 99;
    padding-right: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-is-serial-order {
    background: var(--q-gb-bg-c-30);
    border-radius: 6px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap {
    position: relative;
    border-right: none
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-total-hr {
    height: .5px;
    border: 0;
    margin-top: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-error-tip {
    height: 30px;
    background: #e93d3d26;
    border-radius: 6px;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    width: 194px;
    left: 50%;
    margin-left: -97px;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
    color: #e93d3d;
    position: relative;
    margin-bottom: 6px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-error-tip .close-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    position: relative;
    cursor: pointer;
    top: 23%;
    left: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-error-tip .close-icon:before,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-error-tip .close-icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: red
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-error-tip .close-icon:before {
    transform: rotate(45deg)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-error-tip .close-icon:after {
    transform: rotate(-45deg)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-total-wrap {
    padding: 4px 0 0;
    margin-bottom: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-total {
    line-height: 1;
    padding: 0 10px 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-total .bet-total-left {
    font-size: 12px;
    color: var(--q-gb-bg-c-2);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-total .bet-total-right {
    font-size: 14px;
    text-align: center;
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-total .bet-gold-text {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .success-tip {
    background: #50c04226;
    color: #50c042;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    margin: 0 4px;
    width: 202px;
    position: relative;
    left: calc(50% - 105px);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .show_single {
    position: absolute;
    background: var(--q-gb-bg-c-4);
    box-shadow: 0 0 12px #00000040;
    padding: 0 16px;
    width: 160px;
    top: 30px;
    right: 0;
    z-index: 111
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .show_single .bet-li {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    border-bottom: 1px solid var(--q-gb-bd-c-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .show_single .bet-li.active {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-dropdown-special {
    background-color: var(--q-bet-box-5);
    border-radius: 0 0 6px 6px;
    display: flex;
    justify-content: space-between;
    padding: 0 8px;
    height: 24px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-sepcial-ul {
    overflow-y: scroll
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-sepcial-ul::-webkit-scrollbar {
    display: none
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .icon-arrow-clean.text-qbb11.arrow {
    transform: rotate(180deg)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-appoint-order-status {
    padding: 16px 0;
    margin: 0 auto;
    text-align: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-appoint-order-status .appoint-rules-name,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-appoint-order-status .appoint-rules-icon {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-appoint-order-status .appoint-rules-icon:before {
    color: var(--q-bet-box-2);
    margin-left: 2px;
    position: relative;
    top: 1px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-scss .bet-appoint-order-status .appoint-rules-content {
    width: 120px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-bet-money {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: left;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-bet-money .bet-money-li {
    width: 31%;
    height: 26px;
    background: var(--q-bet-box-7);
    color: var(--q-bet-box-1);
    border-radius: 2px;
    transition: .3s;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-bet-money .bet-money-li:hover {
    background: var(--q-bet-box-2);
    color: var(--q-bet-box-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-bet-money .bet-money-li.disabled {
    pointer-events: none
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-bet-money .bet-money-li:nth-child(3n) {
    margin-right: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-money .bet-input-info {
    height: 58px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-money .bet-input-info .input-border {
    position: relative;
    width: 100%;
    margin-bottom: 5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-money .bet-input-info .warn input {
    border-color: red !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-money .bet-input-info .del_btn_money_box {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 10px;
    right: 8px;
    background-size: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-money .bet-input-info .del_btn_money {
    position: absolute;
    top: 10px;
    right: 28px;
    width: 11px;
    height: 11px;
    background-color: #cbced8;
    border-radius: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-money .bet-input-info .del_btn_money:before {
    margin-bottom: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-money .bet-input-info .bet-new-text {
    position: absolute;
    top: 9px;
    right: 8px;
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-money .text-8A8986-i {
    color: var(--q-bet-box-1) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-money .text-8A8986-i.font400.mr-10 {
    color: var(--q-gb-t-c-41) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-input-focus {
    position: relative;
    background: var(--q-gb-bg-c-18);
    transition: .3s
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-input {
    width: 100%;
    height: 32px;
    background: var(--q-bg-color-3-1);
    border: .5px solid transparent;
    border-radius: 4px;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    caret-color: var(--q-bet-box-1);
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-input:focus,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-input:focus-visible {
    transition: .02s;
    outline: none;
    border: .5px solid var(--q-bet-box-2);
    box-shadow: 0 1px 4px #ff70001a;
    background: var(--q-bet-box-33)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .bet-input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss .q-icon.icon-del {
    color: var(--q-gb-bg-c-33)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss input::-webkit-outer-spin-button,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-input-scss input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-odds-value {
    height: 24px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .odds-del {
    color: var(--q-bet-box-1);
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .odds-del .b-icon-arrow {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #99a3b1;
    transform: rotate(45deg);
    margin-left: 0;
    vertical-align: middle;
    margin-top: -3px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .odds-del .bet-odds {
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .odds-del .b-icon-arrow-box {
    margin: 0 2px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .odds-del .odds-del-dov {
    color: #99a3b1;
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .odds-svg {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .word-wrap-break-word {
    word-wrap: break-word;
    word-break: break-word
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list {
    position: relative;
    margin-bottom: 5px;
    background-color: var(--q-bet-box-5);
    border-radius: 6px;
    padding: 8px 8px 6px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-title {
    font-family: PingFang SC;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #555;
    padding-bottom: 4px;
    -webkit-user-select: text;
    user-select: text
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-title .tid-name {
    word-wrap: break-word;
    width: 96%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 4px 0 10px;
    background-color: var(--q-bet-box-2);
    z-index: 11
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-close .c-icon:before {
    font-size: inherit;
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-close .c-icon.set-color:before {
    color: inherit;
    margin-bottom: 2px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .tic-appoint {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background: var(--q-gb-bg-c-51);
    opacity: .3
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .cathectic-appoint {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background: var(--q-gb-bg-c-51)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .confirm-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 15;
    background: var(--q-gb-bg-c-51);
    opacity: .98
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .confirm-mask:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(6px)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .confirm-mask .confirm-mask-after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30%;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 6
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content {
    padding: 8px 6px;
    border-radius: 4px;
    margin-top: 4px;
    background: var(--q-bet-box-33)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content .bet-money {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    margin-left: 2px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content .bet-money .bet-odds-value {
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content .bet-money .bet-odds-value.red_up {
    color: #fff;
    background: #e93d3d;
    padding: 3px;
    border-radius: 2px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content .bet-money .bet-odds-value.red_up .odds-del .bet-odds {
    color: #fff
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content .bet-money .bet-odds-value.red_up .odds-del .odds-del-dov {
    color: #fff;
    opacity: .6
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content .bet-money .bet-odds-value.red_up .odds-del .b-icon-arrow {
    border-color: #fff;
    opacity: .8
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content .bet-money .bet-odds-value.green_down {
    color: #fff;
    background: #50c042;
    padding: 3px;
    border-radius: 2px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content .bet-money .bet-odds-value.green_down .odds-del .bet-odds {
    color: #fff
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content .bet-money .bet-odds-value.green_down .odds-del .odds-del-dov {
    color: #fff;
    opacity: .6
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content .bet-money .bet-odds-value.green_down .odds-del .b-icon-arrow {
    border-color: #fff;
    opacity: .8
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content-lite {
    padding: 8px 8px 10px;
    border-radius: 4px;
    margin-top: 4px;
    background: var(--q-bet-box-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-invalid .bet-disabled {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    min-width: 48px;
    height: 20px;
    background: #e93d3d;
    border-radius: 10000px;
    color: #fff;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-invalid .bet-unserial {
    width: 75px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-market {
    font-family: DIN;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .text-flow {
    max-width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .text-flow .ty-span {
    margin-left: 4px;
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .handicap {
    max-width: 190px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .handicap .colorc16 {
    color: var(--q-gb-t-c-16)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .text-flow-none {
    word-wrap: break-word;
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    text-align: left;
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .text-flow-none .team {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin-right: 6px;
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .text-flow-none .ty-span {
    margin-left: 4px;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .text-flow-none.active {
    background: var(--q-gb-t-c-7);
    color: #fff
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .text-flow-none.active .ty-span {
    margin-left: 4px;
    color: #fff
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .text-flow-none.white-space {
    white-space: nowrap
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .text-flow-none .ty-span {
    font-family: PingFang SC;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: left
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-odds-value {
    color: var(--q-gb-t-c-2);
    margin-right: 7px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .red-up {
    color: var(--q-gb-t-c-7)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .green-down {
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .show_img {
    width: 10px;
    height: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .show_img .show_img_icon {
    width: 100%;
    height: 100%;
    background-size: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .show_img.user-red-green .show_img_icon {
    transform: rotate(180deg)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .invalid {
    background: var(--q-bet-box-21)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .invalid .bet-new-content {
    background: var(--q-bet-box-33)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .appoint {
    height: 24px;
    display: flex;
    padding: 1px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: .5px solid var(--q-gb-t-c-16);
    color: var(--q-gb-t-c-16);
    cursor: pointer;
    font-size: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .pre-wrap {
    white-space: pre-wrap
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .b-inline {
    display: inline-block
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .b-inline .play-method {
    margin-right: 5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .play-method {
    color: var(--q-gb-t-c-5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .b-block {
    margin-top: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .b-flex {
    height: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .line-height-18 {
    line-height: 18px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-item-status {
    margin: 2px 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .virtual-count {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: inherit;
    margin-bottom: -5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-keyword-scss .bet-keyboard-content {
    margin-left: 10px !important;
    margin-right: 12px !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-keyword-scss .keyboard-zone {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 4px 0 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-keyword-scss .is_big_vedio {
    justify-content: initial
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-keyword-scss .keyboard-btn {
    width: 31%;
    height: 26px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--q-bet-box-104);
    font-weight: 700;
    background-color: var(--q-bet-box-33)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-keyword-scss .keyboard-btn:hover {
    background: var(--q-gb-bg-c-1);
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-keyword-scss .keyboard-btn.disabled {
    pointer-events: none
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-keyword-scss .keyboard-btn:nth-child(3n) {
    margin-right: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-keyword-scss .keyboard-max {
    background: var(--q-gb-bg-c-1);
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-max-win-scss .text-8A8986-i {
    color: var(--q-bet-box-1) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-max-win-scss .text-8A8986-i.font400.mr-10 {
    color: var(--q-gb-t-c-41) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-max-win-scss .font-bold {
    font-weight: 700
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-max-win-scss .drop-keyboard .text-8A8986-i {
    color: var(--q-bet-box-1) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-max-win-scss .drop-keyboard .text-8A8986-i.font400.mr-10 {
    color: var(--q-gb-t-c-41) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-message-scss .bet-message .bet-state {
    margin: 0 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-message-scss .bet-message .bet-success {
    background: #50c04226;
    color: #50c042;
    font-size: 12px;
    border-radius: 6px;
    line-height: 20px;
    min-height: 20px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-message-scss .bet-message .bet-error {
    border-radius: 6px;
    text-align: center;
    color: #ff4040;
    line-height: 30px;
    min-height: 30px;
    background: #e93d3d26;
    font-size: 12px;
    margin: 0;
    padding: 0 5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-message-scss .bet-message .bet-error .bet-error-text {
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .order_reject_reason {
    color: #e93d3d;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    margin-top: 8px;
    background: #e93d3d1a;
    border-radius: 2px;
    width: 100%;
    position: absolute;
    bottom: -30px;
    left: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-order-no {
    display: flex;
    justify-content: space-between;
    align-content: center;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list {
    position: relative;
    background-color: var(--q-bet-box-5);
    border-radius: 6px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list:last-child {
    border-bottom: none
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-list-padd {
    padding-bottom: 30px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .statusIcon {
    position: absolute;
    right: 0;
    top: -1px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-content {
    min-height: 76px;
    padding: 12px 12px 12px 34px;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-content .bet-money {
    height: 34px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-content .bet-delete {
    position: absolute;
    top: 11px;
    left: 12px;
    cursor: pointer
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-content .bet-delete img {
    width: 12px;
    height: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-content .bet-delete.bet-icon {
    cursor: auto
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-content .bet-odds {
    height: 24px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-content .bet-right {
    width: 160px;
    text-align: right
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-content .bet-left {
    width: 230px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-content .bet-loading {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-content .bet-failure {
    color: var(--q-gb-t-c-7)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-content .bet-success {
    color: var(--q-gb-t-c-10)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-bet-money {
    width: 100%;
    padding: 10px 12px;
    background: var(--q-gb-bg-c-15)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-bet-money .bet-money-li {
    width: 76px;
    height: 30px;
    background: var(--q-bet-box-7);
    color: var(--q-bet-box-1);
    color: #505050;
    border-radius: 2px;
    transition: .3s;
    cursor: pointer
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-bet-money .bet-money-li:hover {
    background: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-bet-money .bet-money-li.disabled {
    background: var(--q-gb-bg-c-19)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-market {
    font-family: DIN;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .text-flow {
    max-width: 74%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .text-flow-none {
    max-width: 84%;
    line-height: 16px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .text-flow-none.text-play-name {
    max-width: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .text-flow-none .ty-span {
    margin-left: 4px;
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .bet-odds-value {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .red-up {
    color: var(--q-gb-t-c-7)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .green-down {
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .show_img {
    width: 12px;
    padding: 3px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-list .show_img img {
    width: 100%;
    height: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result {
    width: 100%;
    padding: 0 10px;
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result.last-result {
    padding-bottom: 30px;
    height: auto
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result.last-result .bet-review-msg,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result.last-result .order_reject_reason {
    bottom: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info {
    color: var(--q-gb-t-c-5);
    padding-top: 5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .BRI-series-icon {
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .amount-maxwin {
    position: relative;
    margin: 4px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .amount-maxwin .amount-maxwin-r {
    right: 0;
    text-align: right
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .amount-maxwin span {
    display: block
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .amount-maxwin .text-8a82 {
    line-height: 18px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .bet-money {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .info-tips {
    width: 3px;
    height: 13px;
    background: var(--q-bet-box-2);
    position: absolute;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .info-ac1 {
    margin-left: 5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .info-tips {
    width: 3px;
    height: 13px;
    background: var(--q-bet-box-2);
    position: absolute;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    left: 5px;
    top: 5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .icon_loading {
    width: 18px;
    height: 18px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    width: 100%;
    position: relative;
    border-radius: 0 0 5px 5px;
    position: absolute;
    bottom: -30px;
    left: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .color-2 {
    background: #ffaa1726;
    color: #ffaa17
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .color-3,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .color-9 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .color-4 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .section-item {
    display: flex;
    align-items: center;
    justify-content: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .section-item .section-item-text {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 88%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .status-icon {
    font-size: 12px !important;
    margin-right: 2px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .status-icon:before {
    color: inherit
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .icon_loading_small {
    width: 12px;
    height: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-bet-money {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: left;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-bet-money .bet-money-li {
    width: 31%;
    height: 26px;
    background: var(--q-bet-box-7);
    color: var(--q-bet-box-1);
    border-radius: 2px;
    transition: .3s;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-bet-money .bet-money-li:hover {
    background: var(--q-bet-box-2);
    color: var(--q-bet-box-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-bet-money .bet-money-li.disabled {
    pointer-events: none
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-bet-money .bet-money-li:nth-child(3n) {
    margin-right: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-money .bet-input-info {
    margin-top: 8px;
    height: 32px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-money .bet-input-info .input-border {
    position: relative;
    width: 100%;
    margin-bottom: 5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-money .bet-input-info .warn input {
    border-color: red !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-money .bet-input-info .del_btn_money_box {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 10px;
    right: 8px;
    background-size: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-money .bet-input-info .del_btn_money {
    position: absolute;
    top: 10px;
    right: 28px;
    width: 11px;
    height: 11px;
    background-color: #cbced8;
    border-radius: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-money .bet-input-info .del_btn_money:before {
    margin-bottom: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-money .bet-input-info .bet-new-text {
    position: absolute;
    top: 9px;
    right: 8px;
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-money .text-8A8986-i {
    color: var(--q-bet-box-1) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-money .text-8A8986-i.font400.mr-10 {
    color: var(--q-gb-t-c-41) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .bet-input-focus {
    position: relative;
    background: var(--q-gb-bg-c-18);
    transition: .3s
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .q-icon.icon-del {
    color: var(--q-gb-bg-c-33)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss input::-webkit-outer-spin-button,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .mgt4 {
    margin: 4px 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .drop-keyboard .text-8A8986-i {
    color: var(--q-bet-box-1) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .drop-keyboard .text-8A8986-i.font400.mr-10 {
    color: var(--q-gb-t-c-41) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-money-scss .mb-4 {
    margin-bottom: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-new-win {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 0;
    color: var(--q-gb-t-c-6) !important;
    font-size: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple {
    position: relative;
    padding: 0 10px 6px;
    background-color: var(--q-bet-box-5);
    border-radius: 6px;
    margin-bottom: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple .bet-multiple-title {
    padding: 4px 0 2px;
    font-size: 13px;
    margin-bottom: 3px;
    position: relative;
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple .bet-multiple-title:before {
    content: " ";
    background: var(--q-gb-bg-c-1);
    width: 3px;
    height: 14px;
    margin-right: 8px;
    border-radius: 0 4px 4px 0;
    display: block;
    position: absolute;
    left: -11px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple .cathectic-appoint {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background: var(--q-gb-bg-c-51)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .text-color-max-win {
    color: var(--q-gb-t-c-8) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .background-color-bet-box {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-count {
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .font-color {
    margin: 10px 0;
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .font-color .df-jb {
    color: var(--q-gb-t-c-21)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss input::-webkit-outer-spin-button,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple-input {
    border-radius: 4px;
    align-items: center;
    margin-bottom: 5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple-input .font14 {
    font-size: 14px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple-input .bet-win {
    left: -.15rem;
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple-input .right-input {
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple-input .right-input .del_btn_money {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
    background-size: 100% 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple-input .mt2 {
    margin-top: .02rem
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple-input .bet-input-close .icon-failure:before {
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple-input .bet-input-close:hover .icon-failure:before {
    color: var(--qq--y0-text-color1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple-input .bet-keyboard-zone {
    padding-top: 8px !important;
    margin-left: -10px !important;
    margin-right: -10px !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-font-color {
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-input-failure {
    position: relative;
    width: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-single-serve {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-mul-input {
    width: 165px !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-input {
    width: 170px;
    height: 32px;
    background: var(--q-bg-color-3-1);
    border: .5px solid transparent;
    box-shadow: 0 1px 4px #0000001a;
    border-radius: 4px;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    caret-color: var(--q-bet-box-1);
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-input:focus,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-input:focus-visible {
    transition: .02s;
    outline: none;
    border: .5px solid var(--q-bet-box-2);
    box-shadow: 0 1px 4px #ff70001a;
    background: transparent
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-multiple-input-scss .bet-input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss.bet-one-click-list {
    background-color: var(--q-bet-box-5)
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-item {
    position: relative
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-item :deep(.BRI-series-icon) .statusIcon {
    right: 24px;
    top: 9px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .b-icon-arrow-origin {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--q-bet-box-1);
    transform: rotate(45deg);
    margin-top: -3px;
    vertical-align: middle
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .b-icon-arrow-origin-box {
    margin-left: 2px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .odds-del-dov {
    color: #99a3b1
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 8px;
    min-height: 36px;
    border-bottom: 1px solid var(--q-bet-box-7);
    padding: 4px 0;
    position: relative
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-title .left {
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-title .left .bet-odds {
    display: inline-block;
    width: 62px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    margin-right: 42px;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .b-icon-arrow-box {
    position: absolute;
    top: 11px;
    right: 4px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .b-icon-arrow {
    width: 9px;
    height: 9px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: var(--q-gb-t-c-16);
    transform: rotate(-45deg);
    margin-top: -2px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .b-icon-arrow-rotate {
    transform: rotate(135deg);
    top: 50%;
    margin-top: -6px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .b-icon-arrow-rotate-dov {
    transform: rotate(135deg);
    top: 15px;
    margin-top: -6px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .icon_loading {
    width: 16px;
    height: 16px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-icon {
    position: absolute;
    top: 10px;
    right: 27px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .text-team {
    font-size: 14px;
    margin-right: 4px;
    margin-top: 3px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .mr-4 {
    margin-right: 4px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .virtual-count {
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    --per: -30px !important;
    margin-right: 5px !important
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .text-vr-style {
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .text-vr-style .ellipsis {
    max-width: 61px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-icon-position {
    top: 50%;
    transform: translateY(-50%)
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-icon-position-dov {
    top: 7px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .text-team-playname {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 87px;
    height: 16px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .text-team-playname-width {
    max-width: 44px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .text-team-playname-score {
    font-size: 14px;
    margin-left: 2px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-origin-box .text-team {
    padding: 5px 6px
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-origin-box .bet-one-click-origin-odds {
    padding: 4px 6px;
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-box-new-pc-bet-one-click-result-list-scss .bet-one-click-origin-box .odds-svg {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/2026-03-03-17-18-06/new-pc/image/image/odds-change.svg);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .pre-input {
    border: 1px solid var(--q-gb-bd-c-5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .warn-border {
    border: 2px solid var(--q-function-color-1);
    border-radius: 6px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .warn-bg {
    border: 2px solid var(--q-bet-app-h5-5) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .warn-color {
    border: none
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .m-b-8 {
    margin-bottom: 8px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .bet-pre-appoint {
    display: flex;
    flex-direction: column;
    align-items: normal;
    justify-content: space-between;
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .book-content {
    color: var(--q-gb-t-c-8);
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 4px;
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .book-content>.yb-fontsize12 {
    max-width: 46px;
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .book-content .input-number {
    display: flex
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .book-content .input-number .sub-number {
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 24px;
    height: 28px;
    line-height: 28px;
    background: var(--q-gb-bd-c-5);
    border-radius: 4px 0 0 4px;
    border-right: 0;
    cursor: pointer
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .book-content .input-number input {
    color: var(--q-gb-t-c-5);
    border-radius: 0;
    background-color: var(--q-gb-bg-c-11);
    border-left: 0;
    border-right: 0;
    width: 64px;
    height: 28px;
    text-align: center;
    outline: none;
    font-weight: 700
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .book-content .input-number .add-number {
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 24px;
    height: 28px;
    line-height: 28px;
    background: var(--q-gb-bd-c-5);
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    border-left: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss .book-content .icon-delete {
    color: #999;
    cursor: pointer
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss input::-webkit-outer-spin-button,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss input:focus,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss input:focus-visible {
    transition: .02s;
    outline: none;
    box-shadow: none;
    background: transparent
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-pre-appoint-scss input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog {
    width: 420px;
    position: relative;
    padding-bottom: 60px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .c-title {
    font-size: 14px;
    padding: 10px 10px 6px 38px;
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .title {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--q-gb-bg-lg-32);
    padding: 18px 0;
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .title .text {
    font-size: 18px;
    font-weight: 700;
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .title .close {
    position: absolute;
    right: 16px;
    cursor: pointer
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .bet-content .bet-play {
    height: 34px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    border: .5px solid #ECF7FF
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .bet-content .bet-play:before {
    display: inline-block;
    content: "";
    width: 3px !important;
    background: var(--qq--title-icon-btn);
    height: 14px;
    margin-right: 8px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .bet-content .bet-list {
    display: flex;
    flex-wrap: wrap;
    margin: 8px 15px;
    background-color: #f2f5f9;
    padding: 15px;
    border-radius: 6px;
    justify-content: space-around
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .bet-content .bet-list .bet-list-item {
    width: 162px;
    margin-bottom: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .bet-content .bet-list .bet-list-item .bet-title {
    text-align: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .bet-content .bet-list .bet-list-item:nth-child(4),
.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .bet-content .bet-list .bet-list-item:nth-child(5) {
    width: 242px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .footer .btn {
    width: 140px;
    height: 35px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .footer .close {
    border: 1px solid #D7DEE3
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .footer .submit {
    background-color: var(--q-gb-bg-c-57);
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .eurocup-pc-title,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .eurocup-pc-c-title {
    background: #fff
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .eurocup-pc-c-title .text {
    color: #222
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .eurocup-pc-content,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .eurocup-pc-footer {
    background: #fff
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-dialog-scss .bet-dialog .eurocup-pc--submit-btn {
    background: #143cdb;
    color: #fff
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .red_green_icon_box {
    display: inline-block
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .red_green_icon_box .show_img_icon {
    margin-top: 2px;
    height: 16px;
    width: 16px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .user-red-green .show_img_icon {
    transform: rotate(180deg)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .word-wrap-break-word {
    word-wrap: break-word;
    word-break: break-word
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .order_reject_reason {
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    border-radius: 0 0 3px 3px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .red_up {
    color: #fff !important;
    background: #e93d3d;
    padding: 0 4px;
    margin-right: 0 !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .green_down {
    color: #fff !important;
    background: #50c042;
    padding: 0 4px;
    margin-right: 0 !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .change_odds {
    background: #ffd184;
    color: #181a21 !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .confirm-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 15;
    background: var(--q-transparent-black-color-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .confirm-mask:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(6px)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .confirm-mask .img-loading {
    position: relative;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background-image: var(--qq--bg-image-url10)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .virtual-count {
    width: 20px;
    height: 20px;
    line-height: 20px;
    --per: -30px;
    margin-right: 5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .mt-4 {
    margin-top: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .word-break {
    word-break: break-all
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-order-no {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    font-size: 12px;
    margin: 8px 0;
    width: 100%;
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-order-no .copy_icon {
    cursor: pointer
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list {
    position: relative;
    background-color: var(--q-bet-box-5);
    border-radius: 6px;
    padding: 12px 8px 6px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list.bet-result-list {
    padding: 15px 10px 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list.bet-result-one-click {
    padding: 10px 20px 30px;
    margin: 0 20px;
    background-color: var(--q-gb-bg-c-60)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list.bet-result-one-click .bet-content .bet-new-content {
    background-color: var(--q-gb-bg-c-68)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .icon_loading {
    width: 12px;
    height: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content {
    min-height: 76px;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .text-color-555 {
    color: var(--q-gb-t-c-3);
    margin: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .text-color-555.ellipsis {
    width: 80%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .text-play-name {
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .mb4 {
    margin-bottom: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-money {
    height: 34px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .matchInfo {
    line-height: 18px;
    -webkit-user-select: text;
    user-select: text
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .match-name {
    -webkit-user-select: text;
    user-select: text
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-delete {
    position: absolute;
    top: 11px;
    left: 12px;
    cursor: pointer
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-delete img {
    width: 12px;
    height: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-delete.bet-icon {
    cursor: auto
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-odds {
    margin-top: 4px;
    line-height: 20px;
    display: inline-flex
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-odds .odds-svg {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-odds .bet-odds-box {
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .b-icon-arrow-origin {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--q-bet-box-1);
    transform: rotate(45deg);
    margin-top: -3px;
    vertical-align: middle
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .b-icon-arrow-origin-box {
    margin-left: 2px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .odds-del-dov {
    color: #99a3b1
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-right {
    width: 160px;
    text-align: right
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-left {
    width: 230px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-loading {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-failure {
    color: var(--q-gb-t-c-7)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-success {
    color: var(--q-gb-t-c-10)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-new-content {
    padding: 8px;
    border-radius: 4px;
    margin-top: 8px;
    background: var(--q-bet-box-33)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-new-content .bet-money {
    padding-top: 4px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-new-content .bet-money .bet-odds-value {
    color: #1d1d1d
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-new-content .text-team {
    font-size: 14px;
    color: var(--q-gb-t-c-16);
    margin-right: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-bet-money {
    width: 100%;
    padding: 10px 12px;
    background: var(--q-gb-bg-c-15)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-bet-money .bet-money-li {
    width: 76px;
    height: 30px;
    border: .5px solid var(--q-gb-bd-c-5);
    background: var(--q-gb-bg-c-4);
    color: #505050;
    border-radius: 2px;
    transition: .3s;
    cursor: pointer
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-bet-money .bet-money-li:hover {
    border: 1px solid var(--q-gb-bd-c-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-bet-money .bet-money-li.disabled {
    background: var(--q-gb-bg-c-19)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-market {
    font-family: DIN;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .text-flow {
    max-width: 74%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .text-flow-none {
    max-width: 100%;
    line-height: 16px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .text-flow-none.text-play-name {
    max-width: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .text-flow-none .ty-span {
    margin-left: 4px;
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .my-2 {
    margin: 2px 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .bet-odds-value {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .red-up {
    color: var(--q-gb-t-c-7)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .green-down {
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .show_img {
    width: 12px;
    padding: 3px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-list .show_img img {
    width: 100%;
    height: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-result {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
    min-height: 30px;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    margin-top: 8px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-result .bet-result-info {
    min-width: 80px;
    color: var(--q-gb-t-c-5);
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    text-align: left
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-result .bet-result-info .max-win-money {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-result .icon_loading {
    width: 12px;
    height: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status {
    background: #f6f9ff;
    color: #555
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status .top {
    padding-left: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-title {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding-left: 8px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-title .title {
    position: relative;
    font-size: 13px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-title .title:after {
    position: absolute;
    content: "";
    left: -8px;
    top: 9px;
    width: 4px;
    height: 14px;
    background-color: var(--q-gb-bg-c-4);
    border-radius: 0 3px 3px 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-title .icon {
    width: 18px;
    height: 18px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-content {
    height: 50px;
    width: 100%;
    line-height: 17px;
    font-size: 12px;
    padding-left: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-content .max-winning {
    text-align: right
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-content .max-winning .num {
    color: #179cff
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    height: 30px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status .color-2 {
    background: #ffaa1726;
    color: #ffaa17
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status .color-1 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-status .color-0 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    min-height: 30px;
    width: 100%;
    border-radius: 0 0 6px 6px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-msg.order_reject_reason .color-4 {
    margin-top: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-msg .bet-status {
    display: flex;
    justify-content: center;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-msg .bet-status .status-icon {
    font-size: 12px !important;
    margin-right: 2px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-msg .bet-status .status-icon:before {
    color: inherit
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .bet-review-msg .color-4 {
    margin-top: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .color-2,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .color-6 {
    background: #ffaa1726;
    color: #ffaa17
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .color-3,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .color-9,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .color-7 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .color-4,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .color-8 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .pre-color-0,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .pre-color-1 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .pre-color-2 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .text-a-r {
    text-align: right
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .pr10 {
    padding-right: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .success,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .failure {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 6px 0 8px;
    color: #fff;
    transform: translateY(-11px)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .success {
    background: #50c042
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .failure {
    background: #ff4041
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .b-inline {
    display: inline-block
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .line-height-18 {
    line-height: 18px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .b-block {
    margin-top: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .text-1a1 {
    line-height: 20px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .font12 {
    font-size: 12px;
    font-weight: 400;
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .text-align-right {
    text-align: right
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss.bet-one-click-content .match-name {
    width: 80%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss.bet-one-click-content .match-name .match-name {
    line-height: 14px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .special-content {
    background: var(--q-bet-box-5);
    border-radius: 6px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .special-content .px-10 {
    padding: 0 10px 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-keybord {
    padding-top: 20px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-bet-money {
    width: 100%;
    padding-top: 10px;
    flex-wrap: wrap;
    display: flex;
    justify-content: left;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-bet-money .bet-money-li {
    width: 31%;
    height: 26px;
    background: var(--q-bet-box-7);
    color: var(--q-bet-box-1);
    border-radius: 4px;
    transition: .3s;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-bet-money .bet-money-li:hover {
    background: var(--q-bet-box-2);
    color: var(--q-bet-box-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-bet-money .bet-money-li.disabled {
    pointer-events: none;
    color: var(--q-bet-box-16)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-bet-money .bet-money-li:nth-child(3n) {
    margin-right: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-money,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-money .bet-input-info {
    width: 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-money .bet-input-info .bet-winner-info {
    height: 20px;
    margin: 10px 0;
    width: 97%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-money .bet-input-info .input-border {
    position: relative;
    margin-bottom: 10px;
    padding: 0 2px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-money .bet-input-info .input-border .del-box {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    padding-right: 10px;
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-money .bet-input-info .input-border .del-box .del_btn_money {
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin-right: 5px;
    line-height: 12px;
    text-align: center;
    background-size: 100% 100%
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-money .bet-input-info .input-border .del-box .del_btn_money:before {
    margin-bottom: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-money .bet-input-info .input-border .del-box .bet-counts {
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-money .text-8A8986-i {
    color: var(--q-gb-t-c-8) !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-input-focus {
    position: relative;
    background: var(--q-gb-bg-c-18);
    transition: .3s
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-series {
    padding: 4px 2px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-series-odds {
    color: var(--q-bet-box-11);
    font-family: Roboto;
    font-weight: 600;
    line-height: 16px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-series-gamename {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    display: block;
    margin-left: 7px;
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .font-color {
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-input {
    width: 100%;
    height: 32px;
    background: var(--q-bet-box-33);
    border: .5px solid transparent;
    box-shadow: 0 1px 4px #0000001a;
    border-radius: 4px;
    padding: 0 0 0 8px;
    display: flex;
    caret-color: var(--q-bet-box-1);
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-input:focus,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-input:focus-visible {
    transition: .02s;
    outline: none;
    border: 1px solid var(--q-bet-box-11);
    box-shadow: 0 1px 4px #ff70001a;
    background: var(--q-bet-box-9)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss input::-webkit-outer-spin-button,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-series-gamename-tips {
    background: var(--q-bet-box-2);
    height: 14px;
    width: 3px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block;
    position: absolute
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .pr {
    position: relative
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet_tip {
    margin-top: -1px;
    margin-left: 4px;
    width: 14px;
    height: 14px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss {
    position: relative;
    z-index: 9;
    padding-right: 8px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .header-wrap {
    background-color: var(--q-gb-bg-c-44);
    border-top: 2px solid var(--q-bet-box-2);
    border-bottom: 0;
    border-radius: 0;
    border-right: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .header-wrap .user-info {
    padding-right: 10px;
    font-size: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .header-wrap .user-info .ellipsis {
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .header-wrap .balance-wrap .balance-text-show {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .header-wrap .balance-wrap .balance-text-hide {
    color: var(--q-bet-box-2);
    line-height: 14px;
    margin-top: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .cheng_bet_single_class {
    float: right;
    margin-right: 5px;
    width: 66px;
    color: var(--q-gb-t-c-16);
    font-weight: 500;
    border: .5px solid var(--q-gb-t-c-16);
    background: var(--qq--theme-bg-bet-btn-appoint);
    line-height: 26px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    white-space: nowrap;
    overflow: hidden
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .cheng_bet_single_class .bet-new-ch {
    margin-left: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .cheng_bet_single_class .bet-new-circle {
    width: 16px;
    height: 16px;
    background-color: var(--q-gb-bg-c-1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-t-c-18);
    margin-left: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-isolated-switch .bet-scorll-header {
    background: none
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-scorll-header {
    width: 100%;
    background: var(--q-gb-bg-lg-35)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .add {
    font-size: 16px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .mr15 {
    margin-right: 13px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .free-style {
    height: 44px !important
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn {
    padding-left: 13px;
    height: 40px;
    cursor: pointer;
    display: flex;
    border-right: 2px solid var(--q-gb-bg-c-11)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn.lang-style {
    padding-left: 8px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn.vi-lang-style {
    padding-left: 0
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .iframe-bet-title .back-btn,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .icon-back-wap .back-btn {
    width: 20px;
    height: 20px;
    background-size: 20px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .back-text {
    padding-left: 10px;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .back-text2 {
    width: 65px;
    padding-left: 10px;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-zone-head {
    display: flex;
    align-items: center;
    font-size: 12px;
    justify-content: unset
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-float-title {
    display: flex;
    align-content: center;
    justify-content: start
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-float-title span {
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-show-state {
    width: 12px;
    height: 12px;
    position: relative;
    cursor: pointer;
    margin-right: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-show-state.bet-hide:after {
    transform: rotate(180deg)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-show-state.bet-show:after {
    transform: rotate(90deg)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-show-state:before {
    width: 12px;
    height: 2px;
    background: var(--q-gb-bg-c-1);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -1px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-show-state:after {
    width: 12px;
    height: 2px;
    background: var(--q-gb-bg-c-1);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -1px;
    transition: .3s
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-series {
    display: flex;
    padding: 8px;
    margin-right: 5px;
    min-width: 86px;
    height: 26px;
    font-size: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-series .bet-single-btn {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-series .bet-single-btn .bet-single-count {
    font-size: 14px;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    transform: scale(.7)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-series.bet-series-disabled {
    background: var(--q-gb-bg-c-21);
    color: #2d2d2d4d;
    border: 1px solid var(--q-gb-bd-c-7);
    border-radius: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-type .row {
    height: 34px;
    line-height: 34px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-type .tabs-line {
    margin-left: auto;
    margin-right: auto;
    margin-top: -4px;
    height: 2px;
    width: 39px;
    border-radius: 2px;
    transition: all .3s
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .yb-flex {
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .series_style {
    padding-left: 10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .vi_th_series_style {
    padding-left: 5px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .creation-playing-title-text {
    font-size: 14px;
    color: var(--q-bet-box-1);
    margin-right: 8px;
    font-weight: 600
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box-bg {
    background-color: var(--q-gb-bg-c-41);
    border: 1px solid var(--q-gb-bg-c-32)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box-no-bg .bet-switch-button {
    border: 1px solid var(--q-gb-bg-c-44)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box {
    display: flex;
    align-items: center;
    justify-content: right;
    width: 138px;
    height: 28px;
    border-radius: 12px;
    margin-right: 6px;
    padding: 0 1px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box .bet-switch-button {
    width: 69px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--q-gb-t-c-5);
    text-align: center
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box .bet-switch-button.actions {
    height: 28px;
    border-radius: 28px;
    color: var(--q-bet-box-2);
    background-color: var(--q-bet-box-5)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box .bet-switch-button.actions .bet-switch-btn-disable {
    opacity: 1
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box .bet-switch-button .bet-switch-btn-disable {
    opacity: .3
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box .bet-series-text {
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box .bet-series-text.actions {
    color: var(--q-gb-t-c-16)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box .bet-series-text.actions-one {
    max-width: 57px;
    height: 14px;
    line-height: 14px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box .bet-series-switch {
    position: relative;
    display: flex;
    min-width: 36px;
    height: 18px;
    border-radius: 18px;
    margin-left: 4px;
    margin-right: 5px;
    transition: .3s;
    background: var(--q-bet-box-5);
    border: .5px solid rgba(0, 0, 0, .2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box .bet-series-switch.actions {
    background: var(--q-gb-t-c-16)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box .bet-series-switch .bet-series-ok {
    width: 14px;
    height: 14px;
    position: absolute;
    background: var(--q-gb-t-c-11);
    border-radius: 50%;
    top: 1px;
    left: 2px;
    transition: .3s
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-series-box .bet-series-switch .bet-series-ok.actions {
    background: var(--q-gb-t-c-18);
    left: 19px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .open_note {
    width: 12px;
    height: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .series_disable {
    opacity: .35
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .th-style {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block !important;
    line-height: 26px;
    padding: 0 6px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-del {
    margin-right: 8px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-new-title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-t-c-8);
    margin-right: 8px;
    -webkit-user-select: text;
    user-select: text
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-new-circle {
    width: 18px;
    height: 18px;
    background-color: var(--q-gb-bg-c-1);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-t-c-18);
    margin-left: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-title-scss .bet-number-close {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 160px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-total-winmoney-scss .bet-total-hr {
    height: .5px;
    border: 0;
    margin-top: -10px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-total-winmoney-scss .bet-total-wrap {
    padding: 4px 0 0;
    margin-bottom: 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-total-winmoney-scss .bet-total {
    line-height: 1;
    padding: 0 10px 4px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-total-winmoney-scss .bet-total .bet-total-left {
    font-size: 12px;
    color: var(--q-gb-bg-c-2);
    text-align: left
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-total-winmoney-scss .bet-total .bet-total-right {
    font-size: 14px;
    text-align: center;
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-total-winmoney-scss .bet-total .bet-gold-text {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-appoint-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-appoint-btn .cancel-btn {
    cursor: pointer;
    width: 91px;
    text-align: center;
    line-height: 28px;
    font-weight: 400;
    font-size: 12px;
    box-sizing: border-box;
    height: 28px;
    background: var(--q-bet-box-10);
    border: .5px solid var(--q-bet-box-10);
    box-shadow: 0 2px 2px #1851821f;
    border-radius: 14px;
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-appoint-btn .bet-btn {
    cursor: pointer;
    width: 91px;
    line-height: 28px;
    font-weight: 400;
    font-size: 14px;
    box-sizing: border-box;
    height: 28px;
    border-radius: 14px;
    font-size: 12px;
    color: var(--q-gb-t-c-18);
    text-align: center;
    background: var(--q-gb-bg-c-17)
}

.bet-new-pc-2025 .new-style-full-screen-pc-index-container .bet-box-new-style-pc-bet-appoint-btn .cancel-btn {
    background: linear-gradient(180deg, #ffffff0a, #ffffff14, #ffffff05);
    border: .5px solid linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .08) 50%, rgba(255, 255, 255, .02) 100%);
    box-shadow: 0 2px 2px #1851821f;
    color: #ffffffb3
}

.bet-new-pc-2025 .bet-creation-playing-item-list-scss {
    margin-top: 10px
}

.bet-new-pc-2025 .bet-creation-playing-item-list-scss .ant-timeline-item-head {
    width: 6px;
    height: 6px;
    background-color: var(--q-icon-color-1-1);
    border: none;
    border-radius: 50%
}

.bet-new-pc-2025 .bet-creation-playing-item-list-scss .ant-timeline-item-tail {
    inset-inline-start: 2px;
    inset-block-start: 8px;
    background-color: var(--q-icon-color-1-1);
    border-inline-start: 2px solid var(--q-icon-color-1-1)
}

.bet-new-pc-2025 .bet-creation-playing-item-list-scss .ant-timeline-item-content {
    margin-inline-start: 14px
}

.bet-new-pc-2025 .bet-creation-playing-item-list-scss .ant-timeline-item-last {
    padding-bottom: 0
}

.bet-new-pc-2025 .bet-creation-playing-item-scss {
    background-color: var(--q-bet-box-33);
    border-radius: 4px;
    padding: 8px;
    position: relative
}

.bet-new-pc-2025 .bet-creation-playing-item-scss.error {
    background: linear-gradient(270deg, #e93d3d26, #e93d3d00)
}

.bet-new-pc-2025 .bet-creation-playing-item-scss.error .invalid-test {
    height: 24px;
    width: 52px;
    border-radius: 12px;
    border: 1px solid #E93D3D;
    background-color: #e93d3d1a;
    color: #e93d3d;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 12px;
    top: calc(50% - 12px)
}

.bet-new-pc-2025 .bet-creation-playing-item-scss .close-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 2px 2px 2px 10px;
    background-color: var(--q-gb-bg-c-57);
    z-index: 11
}

.bet-new-pc-2025 .bet-creation-playing-item-scss .close-btn .x-icon {
    width: 8px;
    height: 8px;
    background-size: 100% 100%
}

.bet-new-pc-2025 .bet-creation-playing-item-scss .bet-play-name {
    font-size: 12px;
    line-height: 17px
}

.bet-new-pc-2025 .bet-creation-playing-item-scss .bet-play-option {
    font-size: 14px;
    line-height: 20px
}

.bet-new-pc-2025 .bet-creation-playing-item-scss .bet-play-option .options-name {
    color: var(--q-theme-color-1-default);
    word-wrap: break-word
}

.bet-new-pc-2025 .bet-creation-playing-item-scss .bet-play-option .options {
    color: var(--q-gb-bg-c-2)
}

.bet-new-pc-2025 .bet-creation-playing-scss {
    background-color: var(--q-bet-box-5) !important;
    padding: 4px 5px 0;
    position: relative
}

.bet-new-pc-2025 .bet-creation-playing-scss .close-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 2px 2px 2px 10px;
    background-color: var(--q-gb-bg-c-57);
    z-index: 11
}

.bet-new-pc-2025 .bet-creation-playing-scss .close-btn .x-icon {
    width: 8px;
    height: 8px;
    background-size: 100% 100%
}

.bet-new-pc-2025 .bet-creation-playing-scss .content {
    padding: 8px
}

.bet-new-pc-2025 .bet-creation-playing-scss .content .league-name {
    color: var(--q-bet-box-1);
    font-weight: 600;
    line-height: 18px
}

.bet-new-pc-2025 .bet-creation-playing-scss .content .team-name {
    color: var(--q-bet-box-1);
    font-weight: 400;
    line-height: 18px
}

.bet-new-pc-2025 .bet-creation-playing-input-scss {
    padding: 0 3px 3px
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-new-win {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 0;
    color: var(--q-gb-t-c-6) !important;
    font-size: 12px
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .input-box {
    border-radius: 4px
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .amount-box {
    padding: 8px 0;
    color: var(--q-text-color-1-1)
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .amount-box .bet-win {
    height: 14px;
    line-height: 14px
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .yb-number-bold {
    font-weight: 600
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .theme-color {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-creation-playing {
    background-color: var(--q-bet-box-5);
    border-radius: 4px;
    border-top: 1px solid var(--q-color-1);
    padding: 0 8px;
    position: relative
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-creation-playing .bet-creation-playing-title {
    font-size: 13px;
    position: relative;
    color: var(--q-bet-box-2);
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-creation-playing .bet-creation-playing-title:before {
    content: " ";
    background: var(--q-gb-bg-c-1);
    width: 3px;
    height: 14px;
    margin-right: 8px;
    border-radius: 0 4px 4px 0;
    display: block;
    left: -8px;
    position: absolute;
    top: 11px
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-keyboard-content {
    padding-bottom: 8px
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .text-color-max-win {
    color: var(--q-gb-t-c-8) !important
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .background-color-bet-box {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .font-color {
    margin: 10px 0;
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .font-color .df-jb {
    color: var(--q-gb-t-c-21)
}

.bet-new-pc-2025 .bet-creation-playing-input-scss input::-webkit-outer-spin-button,
.bet-new-pc-2025 .bet-creation-playing-input-scss input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.bet-new-pc-2025 .bet-creation-playing-input-scss input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-creation-playing-input {
    border-radius: 4px;
    align-items: center;
    margin-bottom: 5px
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-creation-playing-input .font14 {
    font-size: 14px
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-creation-playing-input .right-input {
    position: relative
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-creation-playing-input .right-input .del_btn_money {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
    background-size: 100% 100%
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-creation-playing-input .mt2 {
    margin-top: .02rem
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-creation-playing-input .bet-input-close .icon-failure:before {
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-creation-playing-input .bet-input-close:hover .icon-failure:before {
    color: var(--qq--y0-text-color1)
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-creation-playing-input .bet-keyboard-zone {
    padding-top: 8px !important;
    margin-left: -10px !important;
    margin-right: -10px !important
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-font-color {
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-input-failure {
    position: relative;
    width: 100%
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-single-serve {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-mul-input {
    width: 165px !important
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-input {
    width: 190px;
    height: 32px;
    background: var(--q-bg-color-3-1);
    border: .5px solid transparent;
    box-shadow: 0 1px 4px #0000001a;
    border-radius: 4px;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    caret-color: var(--q-bet-box-1);
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-input:focus,
.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-input:focus-visible {
    transition: .02s;
    outline: none;
    border: .5px solid var(--q-bet-box-2);
    box-shadow: 0 1px 4px #ff70001a;
    background: transparent
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-creation-playing-input-scss .bet-input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-creation-playing-result-scss {
    padding: 0 3px 3px
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .theme-color {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .content {
    background-color: var(--q-bet-box-5);
    border-radius: 4px;
    border-top: 1px solid var(--q-color-1);
    padding: 0 8px;
    position: relative
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .content .bet-creation-playing-title {
    font-size: 13px;
    position: relative;
    color: var(--q-bet-box-2);
    height: 36px;
    line-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .content .bet-creation-playing-title:before {
    content: " ";
    background: var(--q-gb-bg-c-1);
    width: 3px;
    height: 14px;
    margin-right: 8px;
    border-radius: 0 4px 4px 0;
    display: block;
    left: -8px;
    position: absolute;
    top: 11px
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .content .amount-key,
.bet-new-pc-2025 .bet-creation-playing-result-scss .content .amount-value {
    height: 17px;
    line-height: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: var(--q-text-color-1-1)
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .content .amount-value {
    font-weight: 600
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .content .order-no-box {
    height: 33px;
    line-height: 33px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: var(--q-text-color-1-1)
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .bet-status {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    border-radius: 2px;
    margin-top: 8px;
    padding: 0 8px
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .bet-status .status-icon {
    font-size: 12px !important;
    margin-right: 2px
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .bet-status .status-icon:before {
    color: inherit
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .bet-status .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .icon_loading {
    width: 12px;
    height: 12px
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .color-2,
.bet-new-pc-2025 .bet-creation-playing-result-scss .color-6 {
    background: #ffaa1726;
    color: #ffaa17
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .color-3,
.bet-new-pc-2025 .bet-creation-playing-result-scss .color-9,
.bet-new-pc-2025 .bet-creation-playing-result-scss .color-7 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .bet-creation-playing-result-scss .color-4,
.bet-new-pc-2025 .bet-creation-playing-result-scss .color-8 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-new-pc-2025 .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    min-height: 30px;
    width: 100%;
    position: relative;
    border-radius: 6px;
    left: 0
}

.bet-new-pc-2025 .color-2 {
    background: #ffaa1726;
    color: #ffaa17
}

.bet-new-pc-2025 .color-3,
.bet-new-pc-2025 .color-9 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .color-4 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-new-pc-2025 .section-item {
    display: flex;
    align-items: center;
    justify-content: center
}

.bet-new-pc-2025 .section-item .section-item-text {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 88%
}

.bet-new-pc-2025 .status-icon {
    font-size: 12px !important;
    margin-right: 2px
}

.bet-new-pc-2025 .status-icon:before {
    color: inherit
}

.bet-new-pc-2025 .icon_loading_small {
    width: 12px;
    height: 12px
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .info-ac1 {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .bet-money {
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-submit.disabled {
    color: var(--q-text-color-disable);
    background: var(--q-btn-color-disable) !important;
    box-shadow: 0 2px 2px 0 var(--q-gb-bg-c-72, rgba(0, 0, 0, .3));
    opacity: 1 !important;
    border: 1px solid var(--q-bet-box-49)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-btn-scss .bet-delete-all {
    box-shadow: 0 2px 2px 0 var(--q-gb-bg-c-72, rgba(0, 0, 0, .3))
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content .bet-money .bet-odds-value {
    color: var(--q-text-color-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-item-scss .bet-list .text-flow-none .ty-span {
    color: var(--q-gb-bg-c-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-index-scss .bet-scroll-view {
    min-width: 218px;
    width: auto
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-message-scss .bet-message .bet-error {
    color: var(--q-function-color-1)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer .content,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-footer-checkbox-scss .common-mony .common_amount {
    color: var(--q-text-color-3)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .color-3,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .color-9,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-result-scss .color-7,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .color-3,
.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .color-9 {
    background: var(--q-transparent-function-color-2);
    color: var(--q-function-color-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-series-gamename {
    color: var(--q-theme-color-1-default)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-special-input-scss .bet-money .bet-input-info .input-border .del-box .bet-counts {
    color: var(--q-text-color-2)
}

.bet-new-pc-2025 .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .bet-money {
    font-size: 12px
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-index-scss .bet-list-info {
    background: var(--q-topic-color-bg) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-title-scss .header-wrap {
    background: var(--q-topic-color-bg);
    border-color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-title-scss .header-wrap .balance-wrap .balance-text-show {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-show-state:before {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-title-scss .bet-back-btn .bet-show-state:after {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-title-scss .bet-new-circle {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-title-scss .bet-series-box .bet-switch-button.actions {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-close {
    background-color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-index-scss .text-009,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-item-scss .bet-list .text-flow-none {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-item-scss .appoint {
    color: var(--q-topic-color-layer-primary);
    border-color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-btn-scss .bet-submit {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-checkbox-scss .check-wrap.active {
    color: var(--q-topic-color-layer-primary);
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-keyword-scss .keyboard-btn,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-keyword-scss .keyboard-btn {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-item-scss .bet-list .bet-new-content,
.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-input-scss .bet-input,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-special-input-scss .bet-input,
.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-keyword-scss .keyboard-btn,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-keyword-scss .keyboard-btn {
    background: var(--q-topic-color-layer-primary-disable)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-input-scss .bet-input:focus,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-special-input-scss .bet-input:focus,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-multiple-input-scss .bet-input:focus {
    border-color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-input-scss .bet-input:focus-visible {
    border-color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-pre-appoint-scss .book-content>.yb-fontsize12 {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-pre-appoint-scss .book-content .input-number .sub-number {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-pre-appoint-scss .pre-input {
    border-color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-pre-appoint-scss .book-content .input-number .add-number {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple .bet-multiple-title:before {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple .bet-multiple-title {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-multiple-input-scss .bet-font-color .multiple-font-color {
    color: var(--q-topic-color-layer-primary) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-special-input-scss .bet-series-gamename {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-special-input-scss .bet-series-gamename-tips {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-special-input-scss .bet-series-odds,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-total .bet-gold-text,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-new-content .text-team,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .info-ac1 {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-min-result-scss .bet-result .info-tips {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-keyword-scss .keyboard-btn:hover,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-keyword-scss .keyboard-btn:hover {
    background: var(--q-topic-color-layer-primary);
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-item-scss .bet-list {
    background-color: var(--q-topic-color-layer) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-title-scss .header-wrap .user-info .ellipsis,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-item-scss .bet-list .text-flow-none .ty-span {
    color: var(--q-topic-color-text-weak)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-scss .bet-menu-wrap .bet-total .bet-total-left {
    color: var(--q-topic-color-text-disabled-weak)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-btn-scss .bet-submit.disabled {
    color: var(--q-topic-color-text-subtle-weak);
    background: var(--q-topic-color-bg-50) !important;
    border-color: var(--q-topic-color-border-inverse)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-btn-scss .bet-delete-all {
    background: var(--q-topic-color-layer-primary20) !important;
    border-color: var(--q-topic-color-border-inverse)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer .content {
    color: var(--q-topic-color-text-subtle-weak)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer .content .title .b-icon-arrow {
    border-color: var(--q-topic-color-text-subtle-weak)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer .content .menu {
    background-color: var(--q-topic-color-layer)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-checkbox-scss .check-wrap {
    border-color: var(--q-topic-color-text-subtle-weak)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-checkbox-scss .bottom-bet-prefer .content .menu .menu-item:hover {
    color: var(--q-topic-color-text-weak);
    background: var(--q-topic-color-layer-primary20)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-checkbox-scss .common-mony .common_amount {
    color: var(--q-topic-color-text-subtle-weak)
}

.bet-new-pc-2025.bet-box-topic .bet-one-click .check-wrap {
    border-color: var(--q-topic-color-text-subtle-weak)
}

.bet-new-pc-2025.bet-box-topic .bet-one-click .check-wrap.active {
    background: var(--q-topic-color-layer-primary);
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-one-click .bet-oc-amount .input-number .sub-number {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-one-click .check-box {
    color: var(--q-topic-color-text-subtle-weak)
}

.bet-new-pc-2025.bet-box-topic .bet-one-click .bet-oc-amount .input-number .sub-number.disabled {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-one-click .bet-oc-amount .input-number .sub-number,
.bet-new-pc-2025.bet-box-topic .bet-one-click .bet-oc-amount .input-number .add-number {
    color: var(--q-topic-color-text-inverse)
}

.bet-new-pc-2025.bet-box-topic .bet-one-click .bet-oc-amount .input-number .add-number {
    background: var(--q-topic-color-layer-primary);
    color: var(--q-topic-color-text-inverse)
}

.bet-new-pc-2025.bet-box-topic .bet-one-click .bet-oc-amount .input-number input {
    color: var(--q-topic-color-text-subtle-weak);
    background-color: var(--q-bet-box-5);
    border-color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-checkbox-scss .check-box {
    color: var(--q-topic-color-text-subtle-weak)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-result-scss .bet-list {
    background: var(--q-topic-color-layer) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-result-scss .bet-list .bet-content .bet-new-content {
    background: var(--q-topic-color-layer-primary-disable)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-title-scss .header-wrap .balance-wrap .balance-text-hide {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-special-input-scss .special-content,
.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-total-winmoney-scss {
    background: var(--q-topic-color-layer)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-footer-checkbox-scss .bet_tip:before {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-appoint-btn .bet-btn {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-appoint-btn .cancel-btn {
    background: var(--q-topic-color-layer-primary-disable)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-multiple-input-scss .bet-font-color,
.bet-new-pc-2025.bet-box-topic .bet-new-pc-2025 .bet-box-new-pc-bet-multiple-input-scss .bet-font-color {
    color: var(--q-topic-color-layer-toast-weak) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-multiple-input-scss .bet-multiple {
    background-color: var(--q-topic-color-layer) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-multiple-input-scss .bet-input {
    background: var(--q-topic-color-layer-primary-disable)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-one-click-result-list-scss.bet-one-click-list {
    background: var(--q-topic-color-layer)
}

.bet-new-pc-2025.bet-box-topic .bet-creation-playing-scss,
.bet-new-pc-2025.bet-box-topic .bet-creation-playing-input-scss .bet-creation-playing {
    background-color: var(--q-topic-color-layer) !important
}

.bet-new-pc-2025.bet-box-topic .bet-creation-playing-item-scss {
    background: var(--q-topic-color-layer-primary-disable)
}

.bet-new-pc-2025.bet-box-topic .bet-creation-playing-scss .close-btn {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-creation-playing-input-scss .bet-creation-playing .bet-creation-playing-title:before {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-creation-playing-input-scss .bet-creation-playing .bet-creation-playing-title {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-creation-playing-input-scss .bet-input:focus,
.bet-new-pc-2025.bet-box-topic .bet-creation-playing-input-scss .bet-input:focus-visible {
    border-color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-creation-playing-result-scss .content .bet-creation-playing-title {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-creation-playing-result-scss .content .bet-creation-playing-title:before {
    background: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-creation-playing-result-scss .theme-color {
    color: var(--q-topic-color-layer-primary)
}

.bet-new-pc-2025.bet-box-topic .bet-creation-playing-result-scss .content {
    background-color: var(--q-topic-color-layer) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-title-scss .bet-new-title {
    color: var(--q-topic-color-text-weak)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-item-scss .bet-list .show_img,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-item-scss .bet-list .show_img {
    width: 14px;
    height: 14px
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-result-scss .color-3 .icon-success:before,
.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-result-scss .color-7 .icon-success:before,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-result-scss .color-3 .icon-success:before,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-result-scss .color-7 .icon-success:before {
    color: var(--q-bet-box-29)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-title-scss .bet-back-btn .icon-back-wap {
    background-color: var(--q-bet-box-5)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-item-scss .bet-list .bet-odds {
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-input-scss .bet-input {
    font-weight: 700
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-title-scss .bet-scorll-header {
    background: var(--q-topic-color-gradient-5)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-keyword-scss .keyboard-btn {
    font-weight: 700
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-item-scss .bet-list .bet-invalid .bet-disabled,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-item-scss .bet-list .bet-invalid .bet-disabled {
    border: 1px solid #E93D3D !important;
    background: #e93d3d26 !important;
    color: #e93d3d !important;
    padding: 2px 6px !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-item-scss {
    padding: 0 0 4px;
    background-color: var(--q-bet-box-5)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-item-scss .bet-list {
    background-color: var(--q-bet-box-7) !important;
    margin-bottom: 0
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-special-input-scss.special-content {
    background-color: var(--q-bet-box-7) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-min-result-scss .bet-review-msg {
    bottom: -40px
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-min-result-scss .bet-list {
    border-bottom: 1px solid var(--q-bet-box-20) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-min-result-scss .bet-list:first-child {
    border-top: 1px solid var(--q-bet-box-20) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-min-result-scss .bet-result {
    border-bottom: none !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-min-result-scss .bet-list {
    background-color: var(--q-bet-box-7) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-index-scss .bet-box-content .px-12 {
    padding-right: 0
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-item-scss .bet-list .bet-odds-value,
.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-item-scss .bet-list .bet-new-content .bet-money .bet-odds-value {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-multiple-input-scss .bet-multiple,
.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-result-scss .bet-list {
    background-color: var(--q-bet-box-7) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-footer-btn-scss .bet-submit.disabled {
    background: var(--q-btn-color-disable) !important;
    box-shadow: 0 2px 2px 0 var(--q-gb-bg-c-72, rgba(0, 0, 0, .3));
    opacity: 1 !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-footer-btn-scss .bet-delete-all {
    box-shadow: 0 2px 2px 0 var(--q-gb-bg-c-72, rgba(0, 0, 0, .3));
    border: 1px solid var(--q-bet-box-49)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-footer-btn-scss .bet-submit.disabled {
    color: var(--q-text-color-disable);
    background: var(--q-btn-color-disable)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-result-scss .bet-result .text-align-right {
    text-align: right
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-title-scss .bet-back-btn .icon-back-wap {
    border: 1px solid var(--q-bet-box-101) !important;
    box-sizing: border-box
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-title-scss .bet-back-btn .icon-back-wap .c-icon:before {
    color: var(--q-bet-box-101) !important
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-title-scss .header-wrap {
    background: var(--q-gb-bg-c-44)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-title-scss .header-wrap .user-info .ellipsis {
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025.bet-box-topic .full-screen-pc-bet-money-container .bet-money .text-8A8986-i {
    color: var(--q-gb-t-c-31) !important;
    opacity: .7
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-result-scss .bet-result .bet-result-info .max-win-money,
.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-result-scss .bet-result .bet-result-info .max-win-money {
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-index-scss .bet-scroll-view {
    width: 100%
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-message-scss .bet-message {
    color: var(--q-function-color-1)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-min-result-scss .color-3,
.bet-new-pc-2025.bet-box-topic .bet-box-new-pc-bet-min-result-scss .color-9 {
    background: var(--q-transparent-function-color-2);
    color: var(--q-function-color-2)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-special-input-scss .bet-money .bet-input-info .input-border .del-box .bet-counts {
    color: var(--q-text-color-2)
}

.bet-new-pc-2025.bet-box-topic .bet-box-new-style-pc-bet-min-result-scss .bet-result .bet-result-info .bet-money {
    font-size: 12px
}

.draggable_resizable {
    z-index: 1001;
    width: 300px !important;
    box-shadow: 0 1px 1px 0 var(--q-gb-bg-c-72);
    background: var(--q-gb-bg-c-30)
}

.draggable_resizable .bet-list-info {
    background: var(--q-gb-bg-c-11)
}

.draggable_resizable .bet-box-new-style-pc-bet-title-scss {
    padding-right: 0
}

.draggable_resizable .bet-box-new-style-pc-bet-title-scss .bet-back-btn {
    border-right: 0
}

.draggable_resizable .bet-box-new-style-pc-bet-index-scss .bet-scroll-view {
    width: 297px
}

.draggable_resizable .bet-box-new-style-pc-bet-index-scss .bet-box-all-bg {
    padding-right: 0;
    width: 100% !important
}

.draggable_resizable .bet-box-new-style-pc-bet-index-scss .bet-box-content,
.draggable_resizable .bet-box-new-style-pc-bet-footer-scss {
    padding-right: 0
}

.bet-new-pc-2025 .joint-buy-index-scss .f-c-c {
    display: flex;
    justify-content: center;
    align-items: center
}

.bet-new-pc-2025 .joint-buy-index-scss .f-b-s {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.bet-new-pc-2025 .joint-buy-index-scss .f-b-c {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bet-new-pc-2025 .joint-buy-index-scss .f-b-e {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.bet-new-pc-2025 .joint-buy-index-scss .f-s-s {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.bet-new-pc-2025 .joint-buy-index-scss .f-s-c {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.bet-new-pc-2025 .joint-buy-index-scss .f-s-e {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end
}

.bet-new-pc-2025 .joint-buy-index-scss .f-e-s {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.bet-new-pc-2025 .joint-buy-index-scss .f-e-c {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.bet-new-pc-2025 .joint-buy-index-scss .f-e-e {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-s-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-s-s {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-s-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-s-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-end
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-c-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-c-s {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-c-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-c-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-end
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-e-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: space-between
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-e-s {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-start
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-e-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: center
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-e-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end
}

.bet-new-pc-2025 .joint-buy-index-scss .fw-c-e-e {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: end;
    flex-direction: column
}

.bet-new-pc-2025 .joint-buy-index-scss .bor-b {
    border-bottom: 1px solid var(--q-gb-bd-c-6)
}

.bet-new-pc-2025 .joint-buy-index-scss .w-100 {
    width: 100%
}

.bet-new-pc-2025 .joint-buy-index-scss .w-90 {
    width: 90%
}

.bet-new-pc-2025 .joint-buy-index-scss .w-80 {
    width: 80%
}

.bet-new-pc-2025 .joint-buy-index-scss .w-50 {
    width: 50%
}

.bet-new-pc-2025 .joint-buy-index-scss .w-25 {
    width: 25%
}

.bet-new-pc-2025 .joint-buy-index-scss .w-20 {
    width: 20%
}

.bet-new-pc-2025 .joint-buy-index-scss .h12 {
    height: 12px
}

.bet-new-pc-2025 .joint-buy-index-scss .h15 {
    height: 15px
}

.bet-new-pc-2025 .joint-buy-index-scss .h40 {
    height: 40px
}

.bet-new-pc-2025 .joint-buy-index-scss .h44 {
    height: 44px
}

.bet-new-pc-2025 .joint-buy-index-scss .h52 {
    height: 52px
}

.bet-new-pc-2025 .joint-buy-index-scss .font12 {
    font-size: 12px
}

.bet-new-pc-2025 .joint-buy-index-scss .font13 {
    font-size: 13px
}

.bet-new-pc-2025 .joint-buy-index-scss .font14 {
    font-size: 14px
}

.bet-new-pc-2025 .joint-buy-index-scss .font15 {
    font-size: 15px
}

.bet-new-pc-2025 .joint-buy-index-scss .font16 {
    font-size: 16px
}

.bet-new-pc-2025 .joint-buy-index-scss .font300 {
    font-weight: 300
}

.bet-new-pc-2025 .joint-buy-index-scss .font400 {
    font-weight: 400
}

.bet-new-pc-2025 .joint-buy-index-scss .font500 {
    font-weight: 500
}

.bet-new-pc-2025 .joint-buy-index-scss .font600 {
    font-weight: 600
}

.bet-new-pc-2025 .joint-buy-index-scss .font700 {
    font-weight: 700
}

.bet-new-pc-2025 .joint-buy-index-scss .text-white {
    color: var(--q-gb-t-c-1)
}

.bet-new-pc-2025 .joint-buy-index-scss .text-ff7 {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .joint-buy-index-scss .text-009 {
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .joint-buy-index-scss .text-1a1 {
    color: var(--q-gb-t-c-5)
}

.bet-new-pc-2025 .joint-buy-index-scss .text-8a8 {
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .joint-buy-index-scss .text-qbb11 {
    color: var(--q-bet-box-11)
}

.bet-new-pc-2025 .joint-buy-index-scss .cursor {
    cursor: pointer
}

.bet-new-pc-2025 .joint-buy-index-scss .px-12 {
    padding-left: 12px;
    padding-right: 12px
}

.bet-new-pc-2025 .joint-buy-index-scss .pl-15 {
    padding-left: 15px
}

.bet-new-pc-2025 .joint-buy-index-scss .pl-18 {
    padding-left: 18px
}

.bet-new-pc-2025 .joint-buy-index-scss .pl-30 {
    padding-left: 30px
}

.bet-new-pc-2025 .joint-buy-index-scss .pr-20 {
    padding-right: 20px
}

.bet-new-pc-2025 .joint-buy-index-scss .mx-4 {
    margin-left: 4px;
    margin-right: 4px
}

.bet-new-pc-2025 .joint-buy-index-scss .mx-6 {
    margin-left: 6px;
    margin-right: 6px
}

.bet-new-pc-2025 .joint-buy-index-scss .my-4 {
    margin-top: 4px;
    margin-bottom: 4px
}

.bet-new-pc-2025 .joint-buy-index-scss .my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.bet-new-pc-2025 .joint-buy-index-scss .mt-4 {
    margin-top: 4px
}

.bet-new-pc-2025 .joint-buy-index-scss .mt-8 {
    margin-top: 8px
}

.bet-new-pc-2025 .joint-buy-index-scss .mr-4 {
    margin-right: 4px
}

.bet-new-pc-2025 .joint-buy-index-scss .mr-10 {
    margin-right: 10px
}

.bet-new-pc-2025 .joint-buy-index-scss .ml-4 {
    margin-left: 4px
}

.bet-new-pc-2025 .joint-buy-index-scss .ml-16 {
    margin-left: 16px
}

.bet-new-pc-2025 .joint-buy-index-scss .re {
    position: relative
}

.bet-new-pc-2025 .joint-buy-index-scss ul {
    margin: 0;
    padding: 0
}

.bet-new-pc-2025 .joint-buy-index-scss li {
    list-style: none
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-count {
    width: .2rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    display: inline-block;
    background-size: 100% 100%;
    --per: -.3rem
}

.bet-new-pc-2025 .joint-buy-index-scss .team {
    width: 1.9rem;
    margin-right: .12rem
}

.bet-new-pc-2025 .joint-buy-index-scss div[class *=virtual-num] {
    border-radius: 2px
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-1 {
    background-position-y: calc(var(--per) * 6)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-1.csid-1009 {
    background-position-y: calc(var(--per) * 14)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-2 {
    background-position-y: calc(var(--per) * 7)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-2.csid-1002 {
    background-position-y: calc(var(--per) * 1)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-2.csid-1009 {
    background-position-y: calc(var(--per) * 15)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-2.csid-1010 {
    background-position-y: calc(var(--per) * 1)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-3 {
    background-position-y: calc(var(--per) * 8)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-3.csid-1002,
.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-3.csid1010 {
    background-position-y: calc(var(--per) * 2)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-3.csid1009 {
    background-position-y: calc(var(--per) * 16)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-4 {
    background-position-y: calc(var(--per) * 9)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-4.csid-1002,
.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-4.csid1010 {
    background-position-y: calc(var(--per) * 3)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-4.csid1009 {
    background-position-y: calc(var(--per) * 17)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-5 {
    background-position-y: calc(var(--per) * 10)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-5.csid-1002,
.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-5.csid1010 {
    background-position-y: calc(var(--per) * 4)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-6 {
    background-position-y: calc(var(--per) * 11)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-6.csid-1002 {
    background-position-y: calc(var(--per) * 5)
}

.bet-new-pc-2025 .joint-buy-index-scss .virtual-num-6.csid1010 {
    background-position-y: calc(var(--per) * 10)
}

.bet-new-pc-2025 .joint-buy-index-scss .collapse-icon {
    width: 14px;
    height: 14px;
    background-position: center
}

.bet-new-pc-2025 .joint-buy-index-scss .collapse-icon-close {
    transform: rotate(180deg)
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-scroll-view {
    width: 218px;
    padding: 3px 4px 0 2px
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-box-all-bg {
    width: calc(100% - 10px);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 0;
    border-right: 2px solid var(--q-gb-bg-c-30)
}

.bet-new-pc-2025 .joint-buy-index-scss .q-scrollarea__container {
    background: var(--q-gb-bg-c-30) !important
}

.bet-new-pc-2025 .joint-buy-index-scss .line-height-18 {
    line-height: 18px
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-list-info {
    height: 100%
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-box-info {
    min-height: 55px
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-dropdown-special {
    color: var(--q-gb-bg-c-57);
    background-color: var(--q-bet-box-5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px 8px;
    height: 24px;
    width: 100%
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-scroll,
.bet-new-pc-2025 .joint-buy-index-scss .bet-scroll-2 {
    padding: 3px 3px 10px
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-scroll-series,
.bet-new-pc-2025 .joint-buy-index-scss .bet-scroll-merge {
    padding: 3px
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-box-content {
    border-top: none;
    width: 100%;
    position: relative;
    z-index: 88;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px
}

.bet-new-pc-2025 .joint-buy-index-scss .enter_hide {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    opacity: 0
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-delete-all {
    background: var(--q-gb-bg-c-30)
}

.bet-new-pc-2025 .joint-buy-index-scss .switch-single {
    width: 36px;
    height: 18px;
    border-radius: 18px;
    border: 1px solid var(--q-gb-bd-c-5);
    position: relative;
    transition: .3s
}

.bet-new-pc-2025 .joint-buy-index-scss .switch-single.arrow-single {
    border: 1px solid var(--q-gb-bd-c-1)
}

.bet-new-pc-2025 .joint-buy-index-scss .switch-single.arrow-single span {
    left: 18px;
    background: var(--q-gb-bg-c-1)
}

.bet-new-pc-2025 .joint-buy-index-scss .switch-single span {
    width: 14px;
    height: 14px;
    top: 1px;
    left: 2px;
    border-radius: 50%;
    position: absolute;
    background: var(--q-gb-bg-c-19);
    transition: .3s
}

.bet-new-pc-2025 .joint-buy-index-scss .merge-checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid var(--q-bet-box-36);
    display: inline-block;
    border-radius: 4px;
    background-color: var(--q-gb-bg-c-13)
}

.bet-new-pc-2025 .joint-buy-index-scss .icon-arrow-merge {
    background: var(--q-gb-bg-c-1);
    width: 16px;
    height: 16px;
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    color: var(--q-gb-t-c-1);
    transition: .3s;
    transform: rotate(180deg)
}

.bet-new-pc-2025 .joint-buy-index-scss .icon-arrow-merge.arrow {
    transform: rotate(0)
}

.bet-new-pc-2025 .joint-buy-index-scss .icon-arrow-merge:before {
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .joint-buy-index-scss .show_single {
    position: absolute;
    background: var(--q-gb-bg-c-4);
    box-shadow: 0 0 12px #00000040;
    padding: 0 16px;
    width: 160px;
    top: 30px;
    right: 0;
    z-index: 111
}

.bet-new-pc-2025 .joint-buy-index-scss .show_single .bet-li {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    border-bottom: 1px solid var(--q-gb-bd-c-2)
}

.bet-new-pc-2025 .joint-buy-index-scss .show_single .bet-li.active {
    color: var(--q-gb-t-c-2)
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-text {
    color: var(--q-bet-box-36);
    display: flex;
    align-items: center;
    justify-content: center
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-text .bet-new-merge {
    color: var(--q-gb-t-c-10)
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-handle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-index-new-title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-new-circle {
    width: 18px;
    height: 18px;
    background-color: var(--q-gb-bg-c-57);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-t-c-18);
    margin-left: 4px
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-new-merge {
    margin-left: 4px
}

.bet-new-pc-2025 .joint-buy-index-scss .bet_tip {
    margin-left: 5px;
    position: relative
}

.bet-new-pc-2025 .joint-buy-index-scss .bet_tip:before {
    color: var(--q-bet-box-36)
}

.bet-new-pc-2025 .joint-buy-index-scss .bet_tip>.bet-tip-ct {
    display: none;
    position: absolute;
    border-radius: 5px;
    width: 200px;
    right: 0;
    top: 20px;
    padding: 10px;
    background: var(--q-bet-box-18);
    font-size: 10px;
    color: #fff;
    z-index: 1000
}

.bet-new-pc-2025 .joint-buy-index-scss .bet_tip.float-tip:hover>.bet-tip-ct {
    display: block
}

.bet-new-pc-2025 .joint-buy-index-scss .bet-tip-ct {
    padding: 2px 4px;
    width: 160px;
    line-height: 16px;
    word-break: break-all;
    background: var(--q-bet-box-18);
    color: #fff
}

.bet-new-pc-2025 .joint-buy-index-scss .icon-arrow-merge:before {
    position: absolute;
    content: "";
    left: 4px;
    width: 9px;
    height: 6px;
    top: 6px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(-46deg) !important;
    border-color: var(--q-gb-t-c-28)
}

.bet-new-pc-2025 .joint-buy-index-scss .input-car-border {
    margin: 5px 0 0
}

.bet-new-pc-2025 .joint-buy-index-scss .icon-arrow-clean {
    position: relative;
    transition: .3s;
    transform: rotate(180deg)
}

.bet-new-pc-2025 .joint-buy-index-scss .icon-arrow-clean.arrow {
    transform: rotate(0)
}

.bet-new-pc-2025 .joint-buy-index-mini-scss .bet-list-info {
    background: var(--q-gb-bg-c-11)
}

.bet-new-pc-2025 .joint-buy-index-mini-scss .joint-buy-bet-title-scss {
    padding-right: 0
}

.bet-new-pc-2025 .joint-buy-index-mini-scss .joint-buy-bet-title-scss .bet-back-btn {
    border-right: 0
}

.bet-new-pc-2025 .joint-buy-index-mini-scss .bet-scroll-view {
    width: 297px
}

.bet-new-pc-2025 .joint-buy-index-mini-scss .bet-box-all-bg {
    padding-right: 0;
    width: 100% !important
}

.bet-new-pc-2025 .joint-buy-index-mini-scss .bet-box-content {
    padding-right: 0
}

.bet-new-pc-2025 .joint-buy-index-mini-scss .bet-footer-joint-buy-scss {
    padding-right: 12px
}

.bet-new-pc-2025 .joint-buy-index-mini-scss .joint-buy-tabs-scss {
    margin-right: 12px
}

.bet-new-pc-2025 .joint-buy-bet-message-scss {
    position: relative;
    z-index: 9
}

.bet-new-pc-2025 .joint-buy-bet-message-scss .bet-message {
    text-align: center;
    color: #e93d3d;
    line-height: 32px;
    background: transparent;
    font-size: 12px;
    margin: 0;
    padding: 0 5px
}

.bet-new-pc-2025 .joint-buy-bet-message-scss .bet-message .bet-success {
    background: #50c04226;
    color: #50c042;
    line-height: 32px;
    font-size: 12px;
    border-radius: 6px
}

.bet-new-pc-2025 .joint-buy-bet-message-scss .bet-message .bet-error {
    border-radius: 6px;
    padding: 0 5px
}

.bet-new-pc-2025 .joint-buy-bet-message-scss .bet-message .bet-error .bet-error-text {
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bet-new-pc-2025 .joint-buy-bet-result-scss {
    position: relative;
    margin-bottom: 5px;
    background-color: var(--q-bet-box-5);
    border-radius: 6px;
    padding: 15px 10px 10px
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-title {
    font-family: PingFang SC;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #555;
    -webkit-user-select: text;
    user-select: text
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-title .tid-name {
    word-break: break-all
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    min-height: 30px;
    width: 100%;
    border-radius: 6px;
    margin-top: 8px
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-review-msg .bet-status {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-review-msg .bet-status .status-icon {
    font-size: 12px !important;
    margin-right: 2px
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .color-3,
.bet-new-pc-2025 .joint-buy-bet-result-scss .color-9 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-odds {
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-content {
    padding: 8px 8px 10px;
    border-radius: 4px;
    margin-top: 4px;
    background: var(--q-bet-box-33);
    margin-bottom: 8px
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-content .play-method {
    color: var(--q-gb-t-c-5);
    margin-right: 4px
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-content .bet-money {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-content .bet-money .bet-odds-value {
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-content .bet-money .bet-odds-value.red_up {
    color: #fff;
    background: #e93d3d;
    padding: 0 3px;
    border-radius: 2px
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-content .bet-money .bet-odds-value.red_up .bet-odds {
    color: #fff
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-content .bet-money .bet-odds-value.green_down {
    color: #fff;
    background: #50c042;
    padding: 0 3px;
    border-radius: 2px
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-content .bet-money .bet-odds-value.green_down .bet-odds {
    color: #fff
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-content .joint_buying_text {
    padding: 3px;
    border-radius: 2px;
    font-size: 12px;
    color: var(--q-gb-t-c-18);
    background: var(--q-gb-bg-c-17);
    display: flex;
    align-items: center;
    justify-content: center
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .text-flow-none {
    max-width: 100%;
    line-height: 16px;
    word-wrap: break-word;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 4px;
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .text-flow-none .ty-span {
    margin-left: 4px;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .text-flow-none .ty-span {
    font-family: PingFang SC;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: left
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-odds-value {
    color: var(--q-gb-t-c-2);
    margin-right: 7px
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .red-up {
    color: var(--q-gb-t-c-7)
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .green-down {
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .show_img {
    width: 10px;
    height: 10px
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .show_img .show_img_icon {
    width: 100%;
    height: 100%
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .show_img.user-red-green .show_img_icon {
    transform: rotate(180deg)
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .pre-wrap {
    white-space: pre-wrap
}

.bet-new-pc-2025 .joint-buy-bet-title-scss {
    position: relative;
    z-index: 9;
    padding-right: 10px
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-scorll-header {
    width: 100%;
    background: var(--q-bet-box-8)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .free-style {
    padding-left: 0 !important;
    height: 44px !important
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn {
    padding-left: 13px;
    height: 34px;
    cursor: pointer;
    display: flex;
    border-right: 2px solid var(--q-gb-bg-c-11);
    align-items: center;
    justify-content: space-between
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn>.st {
    flex: 1;
    width: 50%;
    justify-content: start
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .back-btn {
    width: 20px;
    height: 20px;
    background-size: 20px
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .icon-back-wap {
    width: 22px;
    height: 22px;
    background-size: 100% 100%
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .back-text {
    padding-left: 10px;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .back-text2 {
    width: 65px;
    padding-left: 10px;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .bet-zone-head {
    display: flex;
    align-items: center;
    font-size: 12px;
    justify-content: unset
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .bet-float-title {
    display: flex;
    align-content: center;
    justify-content: start
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .bet-float-title span {
    color: var(--q-gb-t-c-3)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .bet-show-state {
    width: 12px;
    height: 12px;
    position: relative;
    cursor: pointer;
    margin-right: 4px
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .bet-show-state.bet-hide:after {
    transform: rotate(180deg)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .bet-show-state.bet-show:after {
    transform: rotate(90deg)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .bet-show-state:before {
    width: 12px;
    height: 2px;
    background: var(--q-gb-bg-c-1);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -1px
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .bet-show-state:after {
    width: 12px;
    height: 2px;
    background: var(--q-gb-bg-c-1);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -1px;
    transition: .3s
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .yb-flex {
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box-bg {
    background-color: var(--q-gb-bg-c-41);
    border: 1px solid var(--q-gb-bg-c-32)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box-no-bg .bet-switch-button {
    border: 1px solid var(--q-gb-bg-c-44)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box {
    display: flex;
    align-items: center;
    justify-content: right;
    width: 138px;
    height: 28px;
    border-radius: 12px;
    margin-right: 6px;
    padding: 0 1px
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box .bet-switch-button {
    width: 69px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--q-gb-t-c-5);
    text-align: center
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box .bet-switch-button.actions {
    height: 28px;
    border-radius: 28px;
    color: var(--q-bet-box-2);
    background-color: var(--q-bet-box-5)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box .bet-switch-button .switch-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box .bet-series-text {
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box .bet-series-text.actions {
    color: var(--q-gb-t-c-16)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box .bet-series-text.actions-one {
    max-width: 57px;
    height: 14px;
    line-height: 14px
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box .bet-series-switch {
    position: relative;
    display: flex;
    min-width: 36px;
    height: 18px;
    border-radius: 18px;
    margin-left: 4px;
    margin-right: 5px;
    transition: .3s;
    background: var(--q-bet-box-5);
    border: .5px solid rgba(0, 0, 0, .2)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box .bet-series-switch.actions {
    background: var(--q-gb-t-c-16)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box .bet-series-switch .bet-series-ok {
    width: 14px;
    height: 14px;
    position: absolute;
    background: var(--q-gb-t-c-11);
    border-radius: 50%;
    top: 1px;
    left: 2px;
    transition: .3s
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box .bet-series-switch .bet-series-ok.actions {
    background: var(--q-gb-t-c-18);
    left: 19px
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-series-box .th-style {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block !important;
    line-height: 26px;
    padding: 0 6px
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .joint-buy-info-tips-icon {
    height: 14px;
    width: 14px;
    margin-left: 4px;
    cursor: pointer;
    background-size: 100% 100%
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .hide {
    display: none
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .check-box {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    border: 1px solid var(--q-bet-box-36)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .check-box-selected {
    border: none;
    background: var(--q-gb-bg-c-1);
    position: relative
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .check-box-selected:after {
    content: "";
    position: absolute;
    left: 3px;
    width: 6px;
    height: 4px;
    top: 3px;
    border-top: 2px solid var(--q-gb-t-c-18);
    border-right: 2px solid var(--q-gb-t-c-18);
    transform: rotate(135deg)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .check-box-text1 {
    color: var(--q-gb-bg-c-1)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-odds-value {
    display: inline-block;
    align-items: center;
    height: 24px;
    line-height: 24px
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-odds-value span {
    display: inline-block;
    vertical-align: middle
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list {
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-title {
    font-family: PingFang SC;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #555;
    -webkit-user-select: text;
    user-select: text
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-title .tid-name {
    word-break: break-all
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .content-box {
    padding: 8px;
    background-color: var(--q-bet-box-5)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-odds {
    color: var(--q-text-color-1);
    font-family: DIN
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 2px 2px 2px 10px;
    background-color: var(--q-gb-bg-c-57);
    z-index: 11
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-close .x-icon {
    width: 8px;
    height: 8px;
    background-size: 100% 100%
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-content {
    padding: 8px 8px 10px;
    border-radius: 4px;
    margin-top: 4px;
    background: var(--q-bet-box-33)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-content .play-method {
    color: var(--q-gb-t-c-5);
    margin-right: 4px
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-content .bet-money {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-content .bet-money .bet-odds-value {
    color: var(--q-text-color-1)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-content .bet-money .bet-odds-value.red_up {
    color: #fff;
    background: #e93d3d;
    padding: 0 3px;
    border-radius: 2px
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-content .bet-money .bet-odds-value.red_up .bet-odds {
    color: #fff
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-content .bet-money .bet-odds-value.green_down {
    color: #fff;
    background: #50c042;
    padding: 0 3px;
    border-radius: 2px
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-content .bet-money .bet-odds-value.green_down .bet-odds {
    color: #fff
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .text-flow-none {
    max-width: 100%;
    line-height: 16px;
    word-wrap: break-word;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin: 4px 0;
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .text-flow-none .ty-span {
    font-family: PingFang SC;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 4px;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-odds-value {
    color: var(--q-gb-t-c-2);
    margin-right: 7px
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .red-up {
    color: var(--q-gb-t-c-7)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .green-down {
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .lh-20px {
    line-height: 20px
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .pre-wrap {
    white-space: pre-wrap
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    min-height: 30px;
    width: 100%;
    border-radius: 6px
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-review-msg .bet-status {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-review-msg .bet-status .status-icon {
    width: 13px;
    height: 13px;
    background-size: 100% 100%;
    margin-right: 4px;
    margin-bottom: 1px
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .color-4,
.bet-new-pc-2025 .bet-item-joint-buy-scss .color-8 {
    background: #e93d3d1a;
    color: #e93d3d
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss {
    position: relative;
    display: flex;
    flex-direction: column
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .label {
    font-size: 12px;
    color: var(--q-bet-box-1);
    height: 32px;
    line-height: 32px
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .del_btn_money_box {
    position: absolute;
    top: 41px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .del_btn_money_box .del_btn_money {
    width: 14px;
    height: 14px
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .del_btn_money_box .percentage {
    color: var(--q-bet-box-1);
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    padding-top: 1px;
    margin-left: 4px
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .bet-input-focus {
    position: relative;
    background: var(--q-gb-bg-c-18);
    transition: .3s
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .bet-input {
    width: 100%;
    height: 32px;
    background: var(--q-bg-color-3-1);
    border: .5px solid transparent;
    border-radius: 4px;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    transition: .3s;
    caret-color: var(--q-bet-box-1);
    color: var(--q-bet-box-1);
    font-size: 14px
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .bet-input:focus,
.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .bet-input:focus-visible {
    transition: .02s;
    outline: none;
    border: .5px solid var(--q-bet-box-2);
    box-shadow: 0 1px 4px #ff70001a;
    background: var(--q-bg-color-3-1)
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .bet-input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .bet-input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .bet-input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .q-icon.icon-del {
    color: var(--q-gb-bg-c-33)
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss input::-webkit-outer-spin-button,
.bet-new-pc-2025 .bet-input-joint-buy-amount-scss input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .message {
    font-size: 12px;
    color: #d86460
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .msg_margin {
    margin-top: 8px
}

.bet-new-pc-2025 .bet-input-joint-buy-info-scss {
    height: 28px;
    border-radius: 4px;
    background-color: var(--q-bg-color-2-1);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bet-new-pc-2025 .bet-input-joint-buy-info-scss.disabled {
    position: relative
}

.bet-new-pc-2025 .bet-input-joint-buy-info-scss.disabled:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    opacity: .7;
    background-color: var(--q-bet-record-13);
    z-index: 9
}

.bet-new-pc-2025 .bet-input-joint-buy-info-scss .input {
    height: 26px;
    background-color: var(--q-gb-bg-c-42);
    border: none;
    width: calc(100% - 40px);
    text-align: center;
    color: var(--q-text-color-1);
    font-size: 12px;
    font-weight: 700
}

.bet-new-pc-2025 .bet-input-joint-buy-info-scss .input:focus,
.bet-new-pc-2025 .bet-input-joint-buy-info-scss .input:focus-visible {
    transition: .02s;
    outline: none
}

.bet-new-pc-2025 .bet-input-joint-buy-info-scss .add-number,
.bet-new-pc-2025 .bet-input-joint-buy-info-scss .sub-number {
    height: 28px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-bg-c-57);
    flex-shrink: 0
}

.bet-new-pc-2025 .bet-input-joint-buy-info-scss .broker-age {
    position: relative;
    width: calc(100% - 40px)
}

.bet-new-pc-2025 .bet-input-joint-buy-info-scss .broker-age .age-input {
    position: relative;
    z-index: 2;
    background: transparent;
    width: 100%;
    color: var(--q-bet-box-1);
    font-size: 12px;
    font-weight: 700
}

.bet-new-pc-2025 .bet-input-joint-buy-info-scss .broker-age .broker-value {
    position: absolute;
    height: 26px;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-bet-box-1);
    padding-left: 12px;
    background: var(--q-gb-bg-c-42)
}

.bet-new-pc-2025 .bet-input-joint-buy-info-scss .broker-age .broker-show {
    opacity: 0
}

.bet-new-pc-2025 .bet-input-joint-buy-info-scss .click_free {
    color: var(--q-gb-t-c-40) !important;
    cursor: not-allowed
}

.bet-new-pc-2025 .joint-buy-percentage-money-scss .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    line-height: 18px;
    color: var(--q-bet-box-1);
    margin-top: 8px;
    padding: 0 8px
}

.bet-new-pc-2025 .bet-footer-joint-buy-scss {
    position: relative;
    z-index: 9;
    padding-left: 8px;
    padding-right: 18px;
    padding-top: 12px
}

.bet-new-pc-2025 .bet-footer-joint-buy-scss .btn-box .bet-btn {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: var(--q-gb-t-c-18);
    text-align: center;
    font-weight: 600;
    border-radius: 18px;
    background: var(--q-gb-bg-c-17);
    cursor: pointer
}

.bet-new-pc-2025 .bet-footer-joint-buy-scss .btn-box .bet-btn.disabled {
    cursor: not-allowed;
    background: var(--q-bet-box-10);
    border: .5px solid var(--q-bet-box-10);
    box-shadow: 0 2px 2px #1851821f;
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .bet-footer-joint-buy-scss .btn-box .gorgeous-btn {
    background: var(--q-gb-bg-c-102);
    cursor: pointer
}

.bet-new-pc-2025 .bet-footer-joint-buy-scss .btn-box .gorgeous-btn:hover {
    background: var(--q-gb-bg-c-103)
}

.bet-new-pc-2025 .bet-footer-joint-buy-scss .btn-box .gorgeous-btn:active {
    background: var(--q-gb-bg-c-104)
}

.bet-new-pc-2025 .bet-footer-joint-buy-scss .btn-box .cancel-btn {
    margin-top: 12px;
    text-align: center;
    line-height: 36px;
    font-weight: 400;
    font-size: 14px;
    box-sizing: border-box;
    height: 36px;
    background: var(--q-bet-box-10);
    border: .5px solid var(--q-bet-box-10);
    box-shadow: 0 2px 2px #1851821f;
    border-radius: 18px;
    color: var(--q-gb-t-c-6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 4px;
    cursor: pointer
}

.bet-new-pc-2025 .bet-footer-joint-buy-scss .btn-box .cancel-order-btn-box {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bet-new-pc-2025 .bet-footer-joint-buy-scss .btn-box .cancel-order-btn-box .joint-buy-hall-btn {
    width: 130px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: var(--q-gb-t-c-18);
    text-align: center;
    font-weight: 600;
    border-radius: 18px;
    background: var(--q-gb-bg-c-17);
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bet-new-pc-2025 .bet-footer-joint-buy-scss .btn-box .cancel-order-btn-box .joint-buy-hall-btn-1 {
    width: 100%
}

.bet-new-pc-2025 .bet-footer-joint-buy-scss .btn-box .cancel-order-btn-box .cancel-order-btn {
    width: 54px;
    text-align: center;
    line-height: 36px;
    font-weight: 400;
    font-size: 14px;
    box-sizing: border-box;
    height: 36px;
    background: var(--q-bet-box-10);
    border: .5px solid var(--q-bet-box-10);
    box-shadow: 0 2px 2px #1851821f;
    border-radius: 18px;
    color: var(--q-gb-t-c-6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 4px;
    cursor: pointer
}

.bet-new-pc-2025 .bet-footer-joint-buy-scss .btn-box .cancel-order-btn-box .disabled {
    cursor: not-allowed
}

.bet-new-pc-2025 .joint-buy-tabs-scss {
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 28px;
    border-radius: 14px;
    background-color: var(--q-bet-box-5);
    box-shadow: 0 2px 2px #1851821f;
    margin: 8px 15px 8px 5px
}

.bet-new-pc-2025 .joint-buy-tabs-scss .left,
.bet-new-pc-2025 .joint-buy-tabs-scss .right {
    line-height: 28px;
    font-size: 12px;
    color: var(--q-gb-t-c-18);
    text-align: center;
    border-radius: 14px;
    background: var(--q-gb-bg-c-17);
    width: 105px
}

.bet-new-pc-2025 .joint-buy-tabs-scss .right {
    background: unset;
    color: var(--q-gb-t-c-6)
}

.bet-new-pc-2025 .joint-buy-info-item-scss .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 22px;
    color: var(--q-gb-t-c-6);
    font-size: 12px
}

.bet-new-pc-2025 .joint-buy-info-item-scss .content .label {
    color: var(--q-bet-box-44)
}

.bet-new-pc-2025 .joint-buy-info-item-scss .content .value {
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .joint-buy-info-item-scss .content .value .key {
    display: inline-block;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bet-new-pc-2025 .joint-buy-info-item-scss .flex_column {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center
}

.bet-new-pc-2025 .joint-buy-info-item-scss .flex_column .value .key {
    max-width: 100%
}

.bet-new-pc-2025 .joint-buy-info-item-scss .line {
    width: 100%;
    height: 1px;
    background-color: var(--q-gb-bg-c-96);
    margin: 8px 0
}

.bet-new-pc-2025 .joint-buy-info-item-scss .copy_icon {
    width: 12px;
    height: 12px;
    background-size: 100% 100%
}

.bet-new-pc-2025 .bet-item-subscribe-scss .hide {
    display: none
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-odds-value {
    display: inline-block;
    align-items: center;
    height: 24px;
    line-height: 24px
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-odds-value span {
    display: inline-block;
    vertical-align: middle
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list {
    position: relative;
    margin-bottom: 5px;
    background-color: var(--q-bet-box-5);
    border-radius: 6px;
    padding: 0 10px 10px
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .joint-buy-serial-input-box-title {
    position: relative
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .joint-buy-serial-input-box-title:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 14px;
    border-radius: 0 3px 3px 0;
    left: -8px;
    top: 11px;
    background-color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .joint-buy-serial-input-box-title .serial-type {
    height: 34px;
    font-size: 13px;
    font-weight: 600;
    color: var(--q-gb-bg-c-57);
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .joint-buy-serial-input-box-title .serial-type .serial_tip {
    margin-top: 2px;
    margin-right: 4px;
    width: 14px;
    height: 14px
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .joint-buy-serial-input-box-title .odds {
    font-size: 13px;
    font-weight: 600
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .joint-buy-serial-input-box-title .line {
    width: calc(100% + 20px);
    height: 1px;
    background-color: var(--q-gb-bg-c-96);
    position: relative;
    left: -10px
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .bet-new-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 2px 2px 2px 10px;
    background-color: var(--q-gb-bg-c-57);
    z-index: 11
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .bet-new-close .x-icon {
    width: 8px;
    height: 8px;
    background-size: 100% 100%
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .subscribe-box {
    margin: 8px 0
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .handicap {
    max-width: 190px
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .handicap .colorc16 {
    color: var(--q-gb-t-c-16)
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .text-flow-none {
    max-width: 100%;
    line-height: 16px;
    word-wrap: break-word;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 4px;
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .bet-item-subscribe-scss .bet-list .bet-odds-value {
    color: var(--q-gb-t-c-2);
    margin-right: 7px
}

.bet-new-pc-2025 .bet-item-subscribe-scss .lh-20px {
    line-height: 20px
}

.bet-new-pc-2025 .bet-item-subscribe-scss .pre-wrap {
    white-space: pre-wrap
}

.bet-new-pc-2025 .bet-item-subscribe-scss .sport-box {
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .bet-item-subscribe-scss .soprts_id_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: 100% auto
}

.bet-new-pc-2025 .subscribe-bet-result-scss {
    position: relative;
    margin-bottom: 5px;
    background-color: var(--q-bet-box-5);
    border-radius: 6px;
    padding: 0 10px 10px
}

.bet-new-pc-2025 .subscribe-bet-result-scss .joint-buy-serial-input-box-title {
    position: relative
}

.bet-new-pc-2025 .subscribe-bet-result-scss .joint-buy-serial-input-box-title:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 14px;
    border-radius: 0 3px 3px 0;
    left: -8px;
    top: 11px;
    background-color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .subscribe-bet-result-scss .joint-buy-serial-input-box-title .serial-type {
    height: 34px;
    font-size: 13px;
    font-weight: 600;
    color: var(--q-gb-bg-c-57);
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .subscribe-bet-result-scss .joint-buy-serial-input-box-title .serial-type .serial_tip {
    margin-top: 2px;
    margin-right: 4px;
    width: 14px;
    height: 14px
}

.bet-new-pc-2025 .subscribe-bet-result-scss .joint-buy-serial-input-box-title .odds {
    font-size: 13px;
    font-weight: 600
}

.bet-new-pc-2025 .subscribe-bet-result-scss .joint-buy-serial-input-box-title .line {
    width: calc(100% + 20px);
    height: 1px;
    background-color: var(--q-gb-bg-c-96);
    position: relative;
    left: -10px
}

.bet-new-pc-2025 .subscribe-bet-result-scss .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    min-height: 30px;
    width: 100%;
    border-radius: 6px
}

.bet-new-pc-2025 .subscribe-bet-result-scss .bet-review-msg .bet-status {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.bet-new-pc-2025 .subscribe-bet-result-scss .bet-review-msg .bet-status .status-icon {
    font-size: 12px !important;
    margin-right: 2px
}

.bet-new-pc-2025 .subscribe-bet-result-scss .color-3,
.bet-new-pc-2025 .subscribe-bet-result-scss .color-9 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .joint-buy-input-box-scss .joint-buy-input-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 8px
}

.bet-new-pc-2025 .joint-buy-input-box-scss .check-info-box {
    margin-top: 8px
}

.bet-new-pc-2025 .joint-buy-serial-input-box-scss {
    background-color: var(--q-bet-box-5);
    padding: 0 8px 8px
}

.bet-new-pc-2025 .joint-buy-serial-input-box-scss .joint-buy-serial-input-box-title {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.bet-new-pc-2025 .joint-buy-serial-input-box-scss .joint-buy-serial-input-box-title:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 14px;
    border-radius: 0 3px 3px 0;
    left: -8px;
    top: 11px;
    background-color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .joint-buy-serial-input-box-scss .joint-buy-serial-input-box-title .serial-type {
    font-size: 13px;
    font-weight: 600;
    color: var(--q-gb-bg-c-57);
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .joint-buy-serial-input-box-scss .joint-buy-serial-input-box-title .serial-type .serial_tip {
    margin-top: 2px;
    margin-left: 4px;
    width: 14px;
    height: 14px
}

.bet-new-pc-2025 .joint-buy-serial-input-box-scss .joint-buy-serial-input-box-title .odds {
    font-size: 13px;
    font-weight: 600;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .joint-buy-serial-input-box-scss .joint-buy-input-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 8px
}

.bet-new-pc-2025 .joint-buy-serial-input-box-scss .check-info-box {
    margin-top: 8px
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss {
    position: relative;
    display: flex;
    flex-direction: column
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .label {
    font-size: 12px;
    color: var(--q-bet-box-1);
    height: 32px;
    line-height: 32px
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .del_btn_money_box {
    position: absolute;
    top: 41px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .del_btn_money_box .del_btn_money {
    width: 14px;
    height: 14px
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .del_btn_money_box .percentage {
    color: var(--q-bet-box-1);
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    padding-top: 1px;
    margin-left: 4px
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .bet-input-focus {
    position: relative;
    background: var(--q-gb-bg-c-18);
    transition: .3s
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .bet-input {
    width: 100%;
    height: 32px;
    background: var(--q-bg-color-3-1);
    border: .5px solid transparent;
    border-radius: 4px;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    transition: .3s;
    caret-color: var(--q-bet-box-1);
    color: var(--q-bet-box-1);
    font-size: 14px
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .bet-input:focus,
.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .bet-input:focus-visible {
    transition: .02s;
    outline: none;
    border: .5px solid var(--q-bet-box-2);
    box-shadow: 0 1px 4px #ff70001a;
    background: var(--q-bg-color-3-1)
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .bet-input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .bet-input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .bet-input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--q-text-color-5)
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .q-icon.icon-del {
    color: var(--q-gb-bg-c-33)
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss input::-webkit-outer-spin-button,
.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss input[type=number] {
    -moz-appearance: textfield
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .message {
    font-size: 12px;
    color: #d86460
}

.bet-new-pc-2025 .bet-serial_input-joint-buy-amount-scss .msg_margin {
    margin-top: 8px
}

.bet-new-pc-2025 .joint-buy-percentage-money-serial-scss {
    padding-bottom: 8px;
    background-color: var(--q-bet-box-33);
    border-bottom: 1px solid var(--q-gb-bg-c-96)
}

.bet-new-pc-2025 .joint-buy-percentage-money-serial-scss .line {
    width: 100%;
    height: 1px;
    background-color: var(--q-gb-bg-c-96);
    margin: 8px 0
}

.bet-new-pc-2025 .joint-buy-percentage-money-serial-scss .joint-buy-serial-input-box-title {
    padding: 0 8px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bet-new-pc-2025 .joint-buy-percentage-money-serial-scss .joint-buy-serial-input-box-title .serial-type {
    font-size: 13px;
    font-weight: 600;
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .joint-buy-percentage-money-serial-scss .joint-buy-serial-input-box-title .odds {
    font-size: 13px;
    font-weight: 600
}

.bet-new-pc-2025 .joint-buy-percentage-money-serial-scss .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    line-height: 22px;
    color: var(--q-bet-box-1);
    padding: 0 8px
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-info-tips-icon {
    height: 14px;
    width: 14px;
    margin-left: 4px;
    cursor: pointer;
    flex-shrink: 0
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .hide {
    display: none
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .check-box {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    border: 1px solid var(--q-bet-box-36)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .check-box-selected {
    border: none;
    background: var(--q-gb-bg-c-1);
    position: relative
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .check-box-selected:after {
    content: "";
    position: absolute;
    left: 3px;
    width: 6px;
    height: 4px;
    top: 3px;
    border-top: 2px solid var(--q-gb-t-c-18);
    border-right: 2px solid var(--q-gb-t-c-18);
    transform: rotate(135deg)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .check-box-text1 {
    color: var(--q-gb-bg-c-1)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-preferences {
    position: relative;
    height: 36px;
    color: var(--q-gb-bg-c-57);
    font-size: 13px;
    display: flex;
    align-items: center;
    padding-left: 8px
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-preferences:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 14px;
    background-color: var(--q-gb-bg-c-57);
    left: 0;
    top: 11px;
    border-radius: 0 2px 2px 0
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-preferences .collapse-icon {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 11px;
    right: 8px;
    background-position: center
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-preferences .collapse-icon-close {
    transform: rotate(180deg)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content {
    color: var(--q-bet-box-1);
    background-color: var(--q-bet-box-5);
    padding: 8px;
    border-radius: 6px
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-title-box {
    align-items: center;
    position: relative;
    padding-bottom: 8px;
    font-size: 12px
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-title-box .joint-buy-title {
    margin-bottom: 8px;
    height: 17px;
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-title-box .drop-down {
    position: relative;
    z-index: 3
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-title-box .drop-down:hover .menu-box {
    display: block
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-title-box .drop-down:hover .collapse-icon {
    transform: rotate(0) !important
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-title-box .drop-down .drop-down-title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-title-box .drop-down .drop-down-title .collapse-icon {
    width: 14px;
    height: 14px;
    top: 9px;
    right: 8px;
    background-position: center;
    margin-left: 4px;
    transform: rotate(180deg)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-title-box .drop-down .menu-box {
    display: none;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-title-box .drop-down .menu-box .menu {
    margin-top: 4px;
    padding: 4px 0;
    border-radius: 4px;
    background-color: var(--q-gb-bg-c-85);
    box-shadow: 0 .2px .2px #00000009, 0 .6px .5px #0000000c, 0 1px 1px #0000000f, 0 .5px .5px #00000005, 0 2px 2px #0000000f, 0 11px 11px #00000014
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-title-box .drop-down .menu-box .menu .menu-item-selected {
    background: var(--q-transparent-theme-color-1)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-title-box .drop-down .menu-box .menu .menu-item {
    min-width: 116px;
    display: flex;
    align-items: center;
    justify-content: start;
    white-space: nowrap;
    height: 32px;
    padding: 0 12px;
    color: var(--q-gb-t-c-10)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-title-box .drop-down .menu-box .menu .menu-item:hover {
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box {
    padding-bottom: 8px
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .info-title-box {
    height: 17px;
    font-size: 12px;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .info-title-box .info-title {
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .info-title-box .customizable-time-btn {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .info-title-box .customizable-time-text {
    margin-right: 4px
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .info-input-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .info-input-box .info-input {
    width: 94px
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .info-input-box .bet-before_match,
.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .info-input-box .bet-minutes {
    color: var(--q-text-color-3)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #99a3b1;
    height: 28px
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .suffixIcon {
    width: 14px;
    height: 14px;
    background-size: 100% 100%
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .date-picker-box {
    width: 100%
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .date-picker-box .ant-picker {
    padding: 0;
    box-shadow: unset;
    border: none;
    width: 100%;
    border-radius: unset;
    background-color: transparent
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .date-picker-box .ant-picker-input>input {
    height: 28px;
    color: var(--q-bet-box-1);
    font-size: 12px;
    font-family: Microsoft YaHei, PingFang SC, -apple-system, BlinkMacSystemFont, Helvetica Neue, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, "sans-serif"
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .date-picker-box .ant-picker-input>input::-webkit-input-placeholder {
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .date-picker-box .ant-picker-input>input::-moz-placeholder {
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .date-picker-box .ant-picker-input>input::-ms-input-placeholder {
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container {
    position: fixed;
    left: 50%;
    bottom: 45%;
    z-index: 9
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown {
    left: -196px !important;
    top: -162px !important
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-panel-container {
    background-color: var(--q-gb-bg-color-111)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-header,
.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-header button,
.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-content {
    color: var(--q-gb-t-c-46)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-content th {
    color: var(--q-gb-t-c-47)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-cell {
    color: var(--q-gb-t-c-45)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-cell-in-view {
    color: var(--q-gb-t-c-46)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
    color: var(--q-gb-t-c-46)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-panel .ant-picker-footer .ant-picker-now-btn {
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-panel .ant-picker-footer .ant-picker-ranges {
    padding: 4px 12px !important
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-panel .ant-picker-footer .ant-btn-primary:disabled {
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-panel .ant-picker-footer .ant-picker-ok button {
    background-color: var(--q-gb-bg-c-17);
    color: var(--q-gb-t-c-18)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
    background-color: var(--q-gb-bg-c-17)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
    color: var(--q-gb-t-c-45)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
    border: 1px solid var(--q-gb-bg-c-17);
    border-radius: 50%
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
    background-color: var(--q-gb-bg-c-17);
    border-radius: 50%
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-cell-disabled {
    color: var(--q-gb-t-c-45)
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box .customizable-date-picker-popup-container .ant-picker-dropdown .ant-picker-cell-disabled:before {
    background: none
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box-disabled {
    position: relative
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .joint-buy-info-box .customizable-time-box-disabled:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    opacity: .7;
    background-color: var(--q-bet-record-13);
    z-index: 9
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .guaranteed-box {
    height: 17px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bet-new-pc-2025 .joint-buy-preferences-box-scss .joint-buy-content .guaranteed-box .guaranteed {
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .joint-buy-serial-preferences-info-box-scss {
    background-color: var(--q-bet-box-5);
    padding: 0 8px
}

.bet-new-pc-2025 .joint-buy-serial-preferences-info-box-scss .joint-buy-serial-preferences-info-box-title {
    border-bottom: 1px solid var(--q-gb-bg-c-96);
    border-top: 1px solid var(--q-gb-bg-c-96);
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.bet-new-pc-2025 .joint-buy-serial-preferences-info-box-scss .joint-buy-serial-preferences-info-box-title:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 14px;
    border-radius: 0 3px 3px 0;
    left: -8px;
    top: 11px;
    background-color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .joint-buy-serial-preferences-info-box-scss .joint-buy-serial-preferences-info-box-title .serial-type {
    font-size: 13px;
    font-weight: 600;
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .joint-buy-serial-preferences-info-box-scss .joint-buy-serial-preferences-info-box-title .odds {
    font-size: 13px;
    font-weight: 600;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .joint-buy-serial-preferences-info-box-scss .joint-buy-input-box {
    height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 8px
}

.bet-new-pc-2025 .joint-buy-serial-preferences-info-box-scss .check-info-box {
    margin-top: 8px
}

.bet-new-pc-2025 .joint-buy-bet-result-info-scss {
    background-color: var(--q-bet-box-5);
    padding: 0 8px
}

.bet-new-pc-2025 .joint-buy-bet-result-info-scss .joint-buy-bet-result-info-seria-title {
    border-bottom: 1px solid var(--q-gb-bg-c-96);
    border-top: 1px solid var(--q-gb-bg-c-96);
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.bet-new-pc-2025 .joint-buy-bet-result-info-scss .joint-buy-bet-result-info-seria-title:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 14px;
    border-radius: 0 3px 3px 0;
    left: -8px;
    top: 11px;
    background-color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .joint-buy-bet-result-info-scss .joint-buy-bet-result-info-seria-title .serial-type {
    font-size: 13px;
    font-weight: 600;
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .joint-buy-bet-result-info-scss .joint-buy-bet-result-info-seria-title .odds {
    font-size: 13px;
    font-weight: 600
}

.bet-new-pc-2025 .joint-buy-bet-result-info-scss .bet-review-msg {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    min-height: 30px;
    width: 100%;
    border-radius: 6px;
    margin-top: 8px
}

.bet-new-pc-2025 .joint-buy-bet-result-info-scss .bet-review-msg .bet-status {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.bet-new-pc-2025 .joint-buy-bet-result-info-scss .bet-review-msg .bet-status .status-icon {
    font-size: 12px !important;
    margin-right: 2px
}

.bet-new-pc-2025 .joint-buy-bet-result-info-scss .color-3,
.bet-new-pc-2025 .joint-buy-bet-result-info-scss .color-9 {
    background: #50c04226;
    color: #50c042
}

.bet-new-pc-2025 .joint-buy-bet-result-info-scss .color-4,
.bet-new-pc-2025 .joint-buy-bet-result-info-scss .color-8 {
    background: #e93d3d26;
    color: #e93d3d
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .line {
    width: calc(100% + 20px);
    height: 1px;
    background-color: var(--q-gb-bg-c-96);
    position: relative;
    left: -10px
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .match-info-box {
    padding-top: 15px;
    position: relative;
    z-index: 2
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .match-info-box .mask {
    background: #0000001f;
    position: absolute;
    height: 100%;
    width: calc(100% + 20px);
    top: 0;
    left: -10px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-bg-c-57);
    font-size: 14px;
    line-height: 20px;
    border-radius: 6px
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .match-info-box .mask .mask-icon {
    height: 22px;
    width: 22px;
    background-size: 100% 100%;
    margin-bottom: 4px
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .bet-new-title {
    font-family: PingFang SC;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #555;
    -webkit-user-select: text;
    user-select: text
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .bet-new-title .tid-name {
    word-break: break-all
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .bet-new-content {
    padding: 8px 8px 10px;
    border-radius: 4px;
    margin-top: 4px;
    background: var(--q-bet-box-33);
    margin-bottom: 8px
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .bet-new-content .play-method {
    color: var(--q-gb-t-c-5);
    margin-right: 4px
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .bet-new-content .bet-money {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .bet-new-content .bet-money .bet-odds-value {
    color: #00b42a
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .bet-new-content .marketValue {
    color: var(--q-gb-t-c-5)
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .odds-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-item-subscribe-match-info-scss .odds-box .odds {
    font-weight: 700;
    color: #00b42a
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .line {
    width: calc(100% + 20px);
    height: 1px;
    background-color: var(--q-gb-bg-c-96);
    position: relative;
    left: -10px
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .match-info-box {
    padding-top: 15px;
    position: relative;
    z-index: 2
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .match-info-box .mask {
    background: #0000001f;
    position: absolute;
    height: 100%;
    width: calc(100% + 20px);
    top: 0;
    left: -10px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-bg-c-57);
    font-size: 14px;
    line-height: 20px;
    border-radius: 6px
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .match-info-box .mask .mask-icon {
    height: 22px;
    width: 22px;
    background-size: 100% 100%;
    margin-bottom: 8px
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .odds-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    color: var(--q-bet-box-1)
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .odds-box .odds {
    font-weight: 700
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .sport-box {
    display: flex;
    align-items: center
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .soprts_id_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: 100% auto
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .bet-new-title {
    font-family: PingFang SC;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #555;
    -webkit-user-select: text;
    user-select: text
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .bet-new-title .tid-name {
    word-break: break-all
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .bet-odds {
    color: #00b42a
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .bet-new-content {
    padding: 8px 8px 10px;
    border-radius: 4px;
    margin-top: 4px;
    background: var(--q-bet-box-33);
    margin-bottom: 8px
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .bet-new-content .play-method {
    color: var(--q-gb-t-c-5);
    margin-right: 4px
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .bet-new-content .bet-money {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .bet-new-content .bet-money .bet-odds-value {
    color: var(--q-gb-t-c-8)
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .bet-new-content .bet-money .bet-odds-value.red_up {
    color: #fff;
    background: #e93d3d;
    padding: 0 3px;
    border-radius: 2px
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .bet-new-content .bet-money .bet-odds-value.red_up .bet-odds {
    color: #fff
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .bet-new-content .bet-money .bet-odds-value.green_down {
    color: #fff;
    background: #50c042;
    padding: 0 3px;
    border-radius: 2px
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .bet-new-content .bet-money .bet-odds-value.green_down .bet-odds {
    color: #fff
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .text-flow-none {
    max-width: 100%;
    line-height: 16px;
    word-wrap: break-word;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 4px;
    color: var(--q-gb-bg-c-57)
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .bet-odds-value {
    color: var(--q-gb-t-c-2);
    margin-right: 7px
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .pre-wrap {
    white-space: pre-wrap
}

.bet-new-pc-2025 .bet-result-subscribe-match-info-scss .marketValue {
    color: var(--q-gb-t-c-5)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .header-wrap {
    background-color: var(--q-gb-bg-c-44);
    border-top: 2px solid var(--q-bet-box-2);
    border-bottom: 0;
    border-radius: 0;
    border-right: 0
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .header-wrap .balance-wrap .balance-text-hide {
    color: var(--q-bet-box-2)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .check-box {
    border: 2px solid var(--q-icon-color-1)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .check-box-selected {
    border: none
}

.bet-new-pc-2025 .joint-buy-info-item-scss .content .label .key {
    color: var(--q-text-color-2)
}

.bet-new-pc-2025 .joint-buy-info-item-scss .content .value .key {
    color: var(--q-text-color-1)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .joint-buy-content .joint-buy-info-box .customizable-time-box .date-picker-box .ant-picker-input>input {
    color: var(--q-text-color-3)
}

.bet-new-pc-2025 .joint-buy-bet-title-scss .bet-back-btn .back-text {
    color: var(--q-text-color-2)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-title .time {
    color: var(--q-text-color-3)
}

.bet-new-pc-2025 .bet-item-joint-buy-scss .bet-list .bet-new-content .play-method {
    color: var(--q-text-color-1)
}

.bet-new-pc-2025 .bet-input-joint-buy-amount-scss .del_btn_money_box .percentage,
.bet-new-pc-2025 .joint-buy-percentage-money-scss .row {
    color: var(--q-text-color-2)
}

.bet-new-pc-2025 .joint-buy-percentage-money-scss .row .value {
    color: var(--q-text-color-1)
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .color-3,
.bet-new-pc-2025 .joint-buy-bet-result-scss .color-9 {
    background: var(--q-transparent-function-color-2);
    color: var(--q-function-color-2)
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-title .time {
    color: var(--q-text-color-3)
}

.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-content .bet-money .bet-odds-value,
.bet-new-pc-2025 .joint-buy-bet-result-scss .bet-new-content .bet-money .bet-odds-value .bet-odds {
    color: var(--q-text-color-1)
}

.joint-buy-cancel-order-scss {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: var(--q-gb-bg-color-110);
    display: flex;
    align-items: center;
    justify-content: center
}

.joint-buy-cancel-order-scss.layout_left {
    width: 220px
}

.joint-buy-cancel-order-scss .content {
    width: 194px;
    height: 110px;
    border-radius: 8px;
    background-color: var(--q-gb-bg-color-111);
    padding: 18px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.joint-buy-cancel-order-scss .content .title {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: var(--q-gb-t-c-6)
}

.joint-buy-cancel-order-scss .content .btn-box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.joint-buy-cancel-order-scss .content .btn-box .cancel-btn,
.joint-buy-cancel-order-scss .content .btn-box .ok-btn {
    width: 67px;
    line-height: 31px;
    border-radius: 16px;
    font-size: 12px;
    text-align: center;
    cursor: pointer
}

.joint-buy-cancel-order-scss .content .btn-box .cancel-btn {
    border: .5px solid var(--q-gb-bd-c-20);
    box-shadow: 0 2px 2px var(--q-gb-bg-c-72);
    background: var(--q-gb-bg-c-71);
    color: var(--q-gb-t-c-6)
}

.joint-buy-cancel-order-scss .content .btn-box .ok-btn {
    color: var(--q-gb-t-c-18);
    background: var(--q-gb-bg-c-17)
}

.bet-custom-amount-modal .toast-content[data-v-59ece0bf] {
    background-color: var(--q-gb-bg-c-59);
    width: 370px;
    height: 230px
}

.bet-custom-amount-modal .toast-content .toast-title[data-v-59ece0bf] {
    font-size: 18px;
    color: var(--q-gb-t-c-33);
    font-weight: 500px;
    text-align: center;
    position: relative;
    background: var(--q-gb-bg-c-60);
    height: 49px;
    line-height: 49px;
    margin-bottom: 50px
}

.bet-custom-amount-modal .toast-content .toast-title .close[data-v-59ece0bf] {
    position: absolute;
    right: 16px;
    top: 18px;
    cursor: pointer
}

.bet-custom-amount-modal .toast-content .toast-text[data-v-59ece0bf] {
    text-align: center;
    color: var(--q-gb-t-c-33)
}

.bet-custom-amount-modal .toast-content .circle-success[data-v-59ece0bf] {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #52c41a;
    border-radius: 30px;
    font-size: 12px;
    color: var(--q-gb-t-c-6);
    margin: 0 auto 20px
}

.bet-custom-amount-modal .toast-content .circle-success .success-icon[data-v-59ece0bf] {
    position: absolute;
    left: 11px;
    width: 18px;
    height: 10px;
    top: 12px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(130deg) !important;
    border-color: var(--q-gb-bg-c-14)
}

.bet-custom-amount-modal .bet-input-box[data-v-59ece0bf] {
    background: var(--q-gb-bg-c-62);
    width: 100%;
    color: var(--q-gb-t-c-33);
    font-family: DIN;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    height: 36px
}

.bet-custom-amount-modal .input-text[data-v-59ece0bf] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none
}

.bet-custom-amount-modal .cursor[data-v-59ece0bf] {
    width: 1px;
    height: 14px;
    margin: 0 1px;
    background-color: var(--q-gb-t-c-33);
    animation: blink-59ece0bf 1s step-end infinite
}

@keyframes blink-59ece0bf {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.bet-custom-amount-modal .bet-input[data-v-59ece0bf] {
    width: 100%;
    color: transparent;
    height: 36px;
    outline: none;
    border: 0;
    text-align: left;
    font-weight: 500;
    background: transparent;
    font-family: DIN;
    font-size: 1px;
    font-weight: 700;
    position: relative;
    z-index: 10;
    opacity: 0;
    -webkit-appearance: none;
    margin: 0
}

.bet-custom-amount-modal .bet-input-border[data-v-59ece0bf] {
    background: var(--qq--bet-bg-color1);
    border: none;
    border-radius: 6px;
    color: var(--qq--theme-color-bet-odds);
    font-size: 16px;
    caret-color: var(--qq--y0-text-color1)
}

.bet-custom-amount-modal .bet-dialog[data-v-59ece0bf] {
    width: 680px;
    background-color: var(--q-gb-bg-c-59);
    position: relative;
    padding-bottom: 60px;
    box-shadow: var(--q-gb-bg-lg-31)
}

.bet-custom-amount-modal .bet-dialog .title[data-v-59ece0bf] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--q-gb-bg-c-60);
    padding: 18px 0;
    position: relative
}

.bet-custom-amount-modal .bet-dialog .title .text[data-v-59ece0bf] {
    font-size: 18px;
    font-weight: 700;
    color: var(--q-text-color-1, #1E2233)
}

.bet-custom-amount-modal .bet-dialog .title .close[data-v-59ece0bf] {
    position: absolute;
    right: 16px;
    cursor: pointer
}

.bet-custom-amount-modal .bet-dialog .bet-content .bet-play[data-v-59ece0bf] {
    height: 34px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    border-bottom: .5px solid var(--q-gb-bd-c-23);
    background: var(--q-gb-bg-c-60);
    color: var(--q-text-color-1, #1E2233);
    margin: 8px 15px 0
}

.bet-custom-amount-modal .bet-dialog .bet-content .bet-play[data-v-59ece0bf]:before {
    display: inline-block;
    content: "";
    width: 3px !important;
    background-color: var(--q-bet-box-2, #FF8915);
    height: 14px;
    margin-right: 8px;
    border-bottom-right-radius: 1rem;
    border-top-right-radius: 1rem
}

.bet-custom-amount-modal .bet-dialog .bet-content .bet-list[data-v-59ece0bf] {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--q-gb-bg-c-60);
    margin: 0 15px 15px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    justify-content: space-around;
    padding-top: 15px
}

.bet-custom-amount-modal .bet-dialog .bet-content .bet-list .bet-list-item[data-v-59ece0bf] {
    width: 162px;
    margin-bottom: 10px
}

.bet-custom-amount-modal .bet-dialog .bet-content .bet-list .bet-list-item .bet-title[data-v-59ece0bf] {
    text-align: center;
    margin-bottom: 5px;
    color: var(--q-text-color-2, #7A8199)
}

.bet-custom-amount-modal .bet-dialog .bet-content .bet-list .bet-list-item[data-v-59ece0bf]:nth-child(4),
.bet-custom-amount-modal .bet-dialog .bet-content .bet-list .bet-list-item[data-v-59ece0bf]:nth-child(5) {
    width: 242px
}

.bet-custom-amount-modal .bet-dialog .footer[data-v-59ece0bf] {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0
}

.bet-custom-amount-modal .bet-dialog .footer .btn[data-v-59ece0bf] {
    width: 140px;
    height: 35px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600
}

.bet-custom-amount-modal .bet-dialog .footer .close[data-v-59ece0bf] {
    border: 1px solid var(--q-gb-bd-c-23);
    color: var(--q-text-color-1, #1E2233);
    background: var(--q-gb-bg-c-52);
    font-family: PingFang SC
}

.bet-custom-amount-modal .bet-dialog .footer .submit[data-v-59ece0bf] {
    background-color: var(--q-gb-bg-c-17);
    color: var(--q-gb-t-c-18);
    margin-left: 60px
}

.bet-custom-amount-modal .ouzhou-style .bet-dialog[data-v-59ece0bf] {
    background-color: var(--q-bg-color-3-1);
    width: 640px;
    max-width: 640px
}

.bet-custom-amount-modal .ouzhou-style .bet-dialog .title[data-v-59ece0bf] {
    background: var(--q-color-brand-2)
}

.bet-custom-amount-modal .ouzhou-style .bet-dialog .bet-play[data-v-59ece0bf] {
    background: linear-gradient(90deg, #ff89151a, #ff891500 54.44%);
    margin: 0
}

.bet-custom-amount-modal .ouzhou-style .bet-dialog .bet-content[data-v-59ece0bf] {
    background: var(--bg-color-5-1);
    margin: 16px
}

.bet-custom-amount-modal .ouzhou-style .bet-dialog .bet-list[data-v-59ece0bf] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
    flex-wrap: nowrap;
    gap: 10px
}

.bet-custom-amount-modal .ouzhou-style .bet-dialog .bet-list .bet-list-item[data-v-59ece0bf] {
    flex: 1
}

.bet-custom-amount-modal .ouzhou-style .bet-dialog .bet-input[data-v-59ece0bf] {
    background: var(--q-bg-color-3-2);
    color: var(--q-text-color-1);
    border-radius: 4px;
    border: 1px solid var(--q-color-brand)
}

.bet-custom-amount-modal .ouzhou-style .bet-dialog .footer .close[data-v-59ece0bf] {
    background-color: var(--q-bg-color-5-2);
    border-radius: 4px;
    width: 200px;
    height: 40px
}

.bet-custom-amount-modal .ouzhou-style .bet-dialog .footer .submit[data-v-59ece0bf] {
    background-color: var(--q-color-brand);
    border-radius: 4px;
    width: 200px;
    height: 40px
}

.bet-custom-amount-modal .ouzhou-style .toast-content[data-v-59ece0bf] {
    background-color: #242424;
    color: #fff
}

.bet-custom-amount-modal .ouzhou-style .toast-content .toast-title[data-v-59ece0bf] {
    background: #ff89151a
}

.bet-custom-amount-modal .ouzhou-style .toast-content .toast-btn[data-v-59ece0bf] {
    background-color: #ff8915;
    border-radius: 6px
}

.bet-custom-amount-modal .single[data-v-59ece0bf],
.bet-custom-amount-modal .serial[data-v-59ece0bf] {
    background: var(--q-bg-color-5-1);
    border-radius: .06rem
}

.bet-custom-amount-modal .del_btn_money_box[data-v-59ece0bf] {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    pointer-events: auto;
    z-index: 12;
    background-size: 14px
}

.bet-toast {
    z-index: 100001 !important
}

.bet-toast .toast-content {
    width: 400px;
    padding-bottom: 30px;
    border: .5px solid var(--q-gb-bg-c-57);
    border-radius: 8px
}

.bet-toast .toast-content .bet-content {
    min-height: 76px;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    position: relative
}

.bet-toast .toast-content .bet-content .text-color-555 {
    color: var(--q-bet-box-1)
}

.bet-toast .toast-content .bet-content .mb4 {
    margin-bottom: 4px
}

.bet-toast .toast-content .bet-content .bet-money {
    height: 34px
}

.bet-toast .toast-content .bet-content .bet-delete {
    position: absolute;
    top: 11px;
    left: 12px;
    cursor: pointer
}

.bet-toast .toast-content .bet-content .bet-delete img {
    width: 12px;
    height: 12px
}

.bet-toast .toast-content .bet-content .bet-delete.bet-icon {
    cursor: auto
}

.bet-toast .toast-content .bet-content .bet-odds {
    margin-top: 4px
}

.bet-toast .toast-content .bet-content .bet-right {
    width: 160px;
    text-align: right
}

.bet-toast .toast-content .bet-content .bet-left {
    width: 230px
}

.bet-toast .toast-content .bet-content .bet-loading {
    color: var(--q-gb-t-c-2)
}

.bet-toast .toast-content .bet-content .bet-failure {
    color: var(--q-gb-t-c-7)
}

.bet-toast .toast-content .bet-content .bet-success {
    color: var(--q-gb-t-c-10)
}

.bet-toast .toast-content .bet-content .bet-new-content {
    padding: 8px 8px 10px;
    border-radius: 4px;
    margin-top: 8px;
    background: var(--q-bet-box-6)
}

.bet-toast .toast-content .bet-content .bet-new-content .bet-money {
    padding-top: 4px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left
}

.bet-toast .toast-content .bet-content .bet-new-content .bet-money .bet-odds-value {
    color: #1d1d1d
}

.bet-toast .toast-content .bet-content .bet-new-content .text-team {
    font-size: 14px;
    color: var(--q-gb-t-c-16);
    margin-right: 4px
}

.bet-toast .toast-content .toast-title {
    font-size: 18px;
    color: var(--q-text-color-ovt-1-default);
    font-weight: 600;
    text-align: center;
    position: relative;
    background: var(--q-bg-color-table-header);
    height: 48px;
    line-height: 48px;
    margin-bottom: 36px;
    cursor: pointer
}

.bet-toast .toast-content .toast-title .tt-span {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bet-toast .toast-content .toast-title .close {
    position: absolute;
    right: 16px;
    top: 18px;
    cursor: pointer
}

.bet-toast .toast-content .toast-text {
    text-align: center;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    color: var(--q-gb-t-c-3);
    font-size: 14px;
    cursor: pointer
}

.bet-toast .toast-content .toast-btn {
    margin: 10px auto 0;
    width: 344px;
    text-align: center;
    color: var(--q-gb-t-c-31);
    background-color: var(--q-gb-bg-c-57);
    padding: 10px 0;
    border-radius: 20px;
    cursor: pointer;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600
}

.bet-toast .toast-content .circle-fail {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    font-size: 12px;
    color: var(--q-text-color-1-1);
    margin: 0 auto 10px
}

.bet-toast .toast-content .circle-fail .close-icon {
    width: 39px;
    height: 39px;
    background-color: var(--q-color-primary-up);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.bet-toast .toast-content .circle-fail .close-icon:after {
    content: "";
    width: 20px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    transform: rotate(45deg)
}

.bet-toast .toast-content .circle-fail .close-icon:before {
    content: "";
    width: 20px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    transform: rotate(-45deg)
}

.bet-toast .toast-content .circle-success {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    font-size: 12px;
    background-color: #52c41a;
    color: var(--q-text-color-1-1);
    margin: 0 auto 10px
}

.bet-toast .toast-content .circle-success .success-icon {
    position: absolute;
    left: 11px;
    width: 18px;
    height: 10px;
    top: 12px;
    border-top: 3px solid transparent;
    border-right: 3px solid transparent;
    transform: rotate(130deg) !important;
    border-color: var(--q-gb-t-c-31)
}

.bet-toast .toast-content.dialog-topic {
    background: var(--q-topic-color-layer);
    background-image: none !important
}

.bet-toast .toast-content.dialog-topic .toast-btn {
    background-color: var(--q-topic-color-layer-primary)
}

.bet-toast .toast-content.dialog-topic .bet-one-click-amout {
    color: var(--q-topic-color-layer-primary) !important;
    margin-left: 6px
}

.bet-toast .toast-content.dialog-topic .toast-title {
    background: var(--q-topic-color-layer-alt);
    color: var(--q-topic-color-text-weak)
}

.bet-toast .toast-content.dialog-topic .toast-text {
    color: var(--q-topic-color-text-weak)
}

.dialog_content[data-v-34ca31eb] {
    box-shadow: none !important;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden
}

.alert-wrap[data-v-34ca31eb] {
    text-align: center;
    width: 320px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat
}

.alert-wrap .items-center[data-v-34ca31eb] {
    padding: 12px 0 20px;
    background-color: #fff;
    position: relative;
    border-radius: 0 0 8px 8px;
    width: 320px
}

.alert-wrap .text[data-v-34ca31eb] {
    padding: 10px 20px 0;
    color: #343434;
    font-size: 18px;
    font-family: PingFangSC-Medium;
    position: relative;
    width: 100%;
    text-align: left;
    font-weight: 600
}

.alert-wrap .text[data-v-34ca31eb]:before {
    content: "";
    display: block;
    width: 34px;
    height: 3px;
    background-image: var(--q-gb-bg-lg-13);
    position: absolute;
    top: 37px;
    border-radius: 2px;
    z-index: 9
}

.alert-wrap .text-left[data-v-34ca31eb] {
    font-size: 16px;
    color: #3c4551;
    list-style: none;
    padding: 30px 20px 20px 30px;
    margin: 0
}

.alert-wrap .text-left li[data-v-34ca31eb] {
    position: relative;
    margin-bottom: 13px;
    font-family: PingFangSC-Regular
}

.alert-wrap .text-left li[data-v-34ca31eb]:before {
    content: "";
    display: block;
    background-image: var(--q-gb-bg-lg-14);
    width: 5px;
    height: 5px;
    position: absolute;
    border-radius: 50%;
    top: 9px;
    left: -10px
}

.alert-wrap .page-lost[data-v-34ca31eb] {
    text-align: center;
    margin: auto;
    width: 100%
}

.alert-wrap .page-lost img[data-v-34ca31eb] {
    width: 170px
}

.alert-wrap .page-lost .text1[data-v-34ca31eb] {
    color: #666;
    font-size: 14px;
    margin-top: 10px
}

.alert-wrap .page-lost .text2[data-v-34ca31eb] {
    color: #999;
    margin-bottom: 10px;
    margin-top: 10px
}

.alert-wrap .btn[data-v-34ca31eb] {
    width: 159px;
    height: 43px;
    line-height: 43px;
    color: #333;
    border-radius: 22px;
    cursor: pointer;
    font-size: 18px;
    background-image: url(/image/image/btn.svg);
    margin: 0 auto;
    background-size: contain;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center
}

.alert-wrap .close[data-v-34ca31eb] {
    cursor: pointer;
    position: absolute;
    right: 17.6px;
    top: 17.6px
}

.dialog_content[data-v-c27b7711] {
    box-shadow: none !important;
    border-radius: 8px;
    width: 360px
}

.dialog_content .title[data-v-c27b7711] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--q-gb-bg-c-14);
    color: var(--q-gb-t-c-3);
    padding: 18px 0;
    position: relative;
    font-size: 18px;
    font-weight: 700
}

.dialog_content .title .text[data-v-c27b7711] {
    text-align: center
}

.confirm-wrap[data-v-c27b7711] {
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.confirm-wrap .items-center[data-v-c27b7711] {
    padding: 3px 0 20px;
    background-color: var(--q-gb-bg-c-11);
    position: relative
}

.confirm-wrap .text[data-v-c27b7711] {
    padding: 10px 20px 0;
    color: #343434;
    font-size: 14px;
    font-family: PingFangSC-Medium;
    position: relative;
    width: 100%;
    text-align: center;
    font-weight: 600
}

.confirm-wrap .text-left[data-v-c27b7711] {
    width: 100%;
    font-size: 12px;
    text-align: left;
    color: var(--q-gb-t-c-6);
    list-style: none;
    padding: 20px 30px;
    margin: 0;
    line-height: 20px;
    font-weight: 500px
}

.confirm-wrap .text-left[data-v-c27b7711] .perfer-text {
    margin-bottom: 16px
}

.confirm-wrap .text-left[data-v-c27b7711] .perfer-kongge {
    display: inline-block;
    width: 20px
}

.confirm-wrap .text-left[data-v-c27b7711] .joint-buy-tips {
    margin-bottom: 16px
}

.confirm-wrap .text-left[data-v-c27b7711] .joint-buy-tips .joint-buy-min-title {
    font-weight: 600
}

.confirm-wrap .text-left li[data-v-c27b7711] {
    position: relative;
    margin-bottom: 13px;
    font-family: PingFangSC-Regular
}

.confirm-wrap .btn[data-v-c27b7711] {
    width: 300px;
    height: 36px;
    line-height: 36px;
    color: var(--q-gb-t-c-31);
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    margin: 0 auto;
    background: var(--q-gb-bg-c-1) !important
}

.confirm-wrap .close[data-v-c27b7711] {
    cursor: pointer;
    position: absolute;
    right: 17.6px;
    top: 17.6px
}

.dialog_content_ouzhou_pc[data-v-c27b7711] {
    background: #fff
}

.dialog_content_ouzhou_pc .confirm-wrap .btn[data-v-c27b7711] {
    background: #ff7000 !important;
    color: #fff
}

.new-pc-2025 .dialog_content .title[data-v-c27b7711] {
    background: var(--q-bg-color-3-2)
}

.new-pc-2025 .dialog_content .confirm-wrap .items-center[data-v-c27b7711] {
    background-color: var(--q-toast-color-bg-2)
}

.dialog-topic .confirm-wrap .btn[data-v-c27b7711] {
    background-color: var(--q-topic-color-layer-primary) !important
}

.dialog-topic .confirm-wrap .items-center[data-v-c27b7711] {
    background-color: var(--q-topic-color-layer) !important
}

.dialog-topic .title[data-v-c27b7711] {
    background: var(--q-topic-color-layer-alt) !important
}

@keyframes moveUp {
    0% {
        transform: translateY(100%)
    }

    50% {
        transform: translateY(-300px)
    }

    90% {
        transform: translateY(-540px);
        opacity: 1
    }

    to {
        transform: translateY(-600px);
        opacity: 0
    }
}

.fire_svga .bg {
    width: 100vw;
    height: 100vh
}

.fire_svga .canvans-svga {
    width: 100%;
    height: 100%
}

.fire_svga .element {
    width: 365px;
    height: auto;
    animation: moveUp 6.5s linear;
    animation-iteration-count: infinite;
    z-index: 999;
    display: flex;
    justify-content: flex-start;
    flex-direction: column-reverse;
    word-wrap: break-word;
    text-align: left;
    margin: 0 auto
}

.fire_svga .element>img {
    position: relative;
    display: inline;
    width: 3rem;
    height: 3rem;
    display: block;
    margin: .5rem auto
}

.fire_svga .element .font-style {
    height: 100%;
    width: auto;
    margin: 0 auto;
    color: var(--q-gb-t-c-3);
    background: var(--q-gb-bg-c-31);
    border-radius: 5px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    border: 1px solid var(--q-gb-bd-c-6);
    padding: 2px;
    line-height: 1.4;
    letter-spacing: .06rem
}

.fire_svga .type1 {
    animation: moveUp 6.5s linear;
    animation-iteration-count: infinite
}

.fire_svga .type2 {
    animation: moveUp 5.5s linear;
    animation-iteration-count: infinite
}

@media (max-width: 800px) {
    .fire_svga .element {
        width: 100%;
        max-width: 3.65rem;
        animation: moveUp 6s linear;
        animation-iteration-count: infinite;
        z-index: 999;
        display: flex;
        justify-content: flex-start;
        flex-direction: column-reverse;
        word-wrap: break-word;
        text-align: left;
        margin: 0 auto
    }

    .fire_svga .element>img {
        position: relative;
        display: inline;
        width: .5rem;
        height: .5rem;
        display: block;
        margin: .05rem auto
    }

    .fire_svga .element .font-style {
        height: 100%;
        width: fit-content;
        margin: 0 auto;
        color: var(--q-gb-t-c-3);
        background: var(--q-gb-bg-lg-4);
        border-radius: .05rem;
        display: flex;
        align-content: center;
        justify-content: flex-start;
        border: .01rem solid var(--q-gb-bd-c-6);
        padding: .02rem;
        letter-spacing: .06rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden
    }

    .fire_svga .type1 {
        animation: moveUp 6.5s linear;
        animation-iteration-count: infinite
    }

    .fire_svga .type2 {
        animation: moveUp 5.5s linear;
        animation-iteration-count: infinite
    }
}

.draggable-floating-button[data-v-c7984410] {
    position: fixed;
    z-index: 1100;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    border-radius: 50%;
    background: var(--q-notify-setting-bg);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    box-shadow: 0 2px 8px 0 var(--q-notify-setting-bg-shadow)
}

.draggable-floating-button[data-v-c7984410]:hover {
    transform: scale(1.05)
}

.draggable-floating-button.dragging[data-v-c7984410] {
    cursor: grabbing;
    transform: scale(1.1);
    z-index: 1001;
    transition: none
}

.draggable-floating-button.snapping[data-v-c7984410] {
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.button-content[data-v-c7984410] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--button-color-1), var(--button-color-2));
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    position: relative
}

.button-content .img[data-v-c7984410] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: none
}

.button-icon[data-v-c7984410] {
    font-size: inherit;
    line-height: 1
}

.badge[data-v-c7984410] {
    position: absolute;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    background: var(--badge-color, #ff4757);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #fff;
    z-index: 10
}

.badge.badge-dot[data-v-c7984410] {
    width: 12px;
    height: 12px;
    min-width: 12px
}

.badge.badge-number[data-v-c7984410] {
    padding: 0 4px;
    min-width: 18px
}

.badge.badge-large[data-v-c7984410] {
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 10px
}

.badge-top-right[data-v-c7984410],
.badge[data-position=top-right][data-v-c7984410] {
    top: -6px;
    right: -6px
}

.badge[data-position=top-left][data-v-c7984410] {
    top: -6px;
    left: -6px
}

.badge[data-position=bottom-right][data-v-c7984410] {
    bottom: -6px;
    right: -6px
}

.badge[data-position=bottom-left][data-v-c7984410] {
    bottom: -6px;
    left: -6px
}

.draggable-floating-button[data-v-c7984410]:not(.dragging):hover {
    animation: pulse 2s infinite
}

.badge-text[data-v-c7984410],
.badge-number-enter-active[data-v-c7984410],
.badge-number-leave-active[data-v-c7984410] {
    transition: all .3s ease
}

.badge-number-enter-from[data-v-c7984410],
.badge-number-leave-to[data-v-c7984410] {
    transform: scale(0);
    opacity: 0
}

.message-modal-setting-overlay[data-v-9a5994f2] {
    position: fixed;
    border-radius: 12px;
    width: 610px;
    height: 600px;
    z-index: 3000;
    background: #0006;
    pointer-events: auto
}

.msg-settings[data-v-9a5994f2] {
    background: var(--q-notify-setting-bg);
    border-radius: 8px;
    width: 400px;
    height: 478px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.modal-header[data-v-9a5994f2] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #1d1d1d
}

.tab-container[data-v-9a5994f2] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px
}

.tab-item[data-v-9a5994f2] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    padding: 8px 0;
    height: 44px
}

.tab-item.active[data-v-9a5994f2]:after {
    position: absolute;
    content: "";
    bottom: 2px;
    width: 24px;
    height: 3px;
    border-radius: 2px 2px 0 0;
    background: #1d1d1d
}

.tab-text[data-v-9a5994f2] {
    color: #1d1d1d;
    font-size: 12px;
    position: relative;
    height: 17px;
    line-height: 17px
}

.tab-icon[data-v-9a5994f2] {
    position: absolute;
    right: -20px;
    top: 2px;
    height: 14px;
    width: 14px
}

.notification-dot[data-v-9a5994f2] {
    width: 8px;
    height: 8px;
    background: #f53f3f;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    right: -6px
}

.header-actions[data-v-9a5994f2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 40px;
    height: 44px
}

.action-icon[data-v-9a5994f2] {
    cursor: pointer;
    width: 16px;
    height: 16px
}

.search-container[data-v-9a5994f2] {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 8px
}

.search-bar[data-v-9a5994f2] {
    flex: 1;
    display: flex;
    align-items: center;
    background: var(--q-bg-color-3-1);
    border-radius: 14px;
    height: 28px
}

.up-down-box[data-v-9a5994f2] {
    display: flex;
    align-items: center;
    gap: 8px
}

.up-down-box .up-icon[data-v-9a5994f2] {
    color: var(--q-icon-color-1)
}

.up-down-box .down-icon[data-v-9a5994f2] {
    color: #4176fa
}

.search-icon[data-v-9a5994f2] {
    color: #4176fa;
    margin: 0 12px
}

.search-input[data-v-9a5994f2] {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 12px;
    color: #555;
    height: 28px
}

.search-input[data-v-9a5994f2]::placeholder {
    color: var(--q-text-color-3-1)
}

.modal-content[data-v-9a5994f2] {
    flex: 1;
    overflow-y: auto;
    padding: 12px
}

.time-display[data-v-9a5994f2] {
    text-align: right;
    color: #666;
    font-size: 14px;
    margin-bottom: 20px
}

.message-list[data-v-9a5994f2] {
    display: flex;
    flex-direction: column
}

.date-separator[data-v-9a5994f2] {
    display: flex;
    align-items: center;
    height: 17px;
    margin-bottom: 12px
}

.separator-line[data-v-9a5994f2] {
    flex: 1;
    height: 1px;
    background: var(--q-stroke-color-1)
}

.separator-text[data-v-9a5994f2] {
    color: var(--q-text-color-3-1);
    font-size: 12px;
    white-space: nowrap
}

.message-item[data-v-9a5994f2] {
    display: flex;
    flex-direction: column;
    background: var(--q-bg-color-3-1);
    margin-bottom: 12px;
    border-radius: 2px 10px 10px;
    padding: 8px
}

.message-item .go-detail-box[data-v-9a5994f2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 17px;
    margin-top: 4px;
    font-size: 12px
}

.message-item .go-detail-box .go-detail-btn[data-v-9a5994f2] {
    color: #4176fa;
    display: flex;
    align-items: center;
    gap: 4px
}

.message-item .go-detail-box .time[data-v-9a5994f2] {
    color: var(--q-text-color-3-1)
}

.message-content[data-v-9a5994f2] {
    color: var(--q-text-color-2);
    font-size: 12px;
    height: 17px
}

.message-time[data-v-9a5994f2] {
    align-self: flex-end;
    color: #999;
    font-size: 12px;
    margin-top: 4px
}

.modal-content[data-v-9a5994f2]::-webkit-scrollbar {
    width: 4px
}

.modal-content[data-v-9a5994f2]::-webkit-scrollbar-track {
    background: transparent
}

.modal-content[data-v-9a5994f2]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px
}

.modal-content[data-v-9a5994f2]::-webkit-scrollbar-thumb:hover {
    background: #999
}

.msg-settings .title[data-v-9a5994f2] {
    color: var(--q-notify-setting-text-color);
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 500
}

.msg-settings .settings-section-title[data-v-9a5994f2] {
    font-size: 17px;
    font-weight: 500;
    color: var(--q-notify-setting-text-color);
    margin-bottom: 5px;
    margin-left: 28px;
    margin-right: 28px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: .5px solid #e0e0e0
}

.msg-settings .settings-item[data-v-9a5994f2] {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    position: relative;
    gap: 5px;
    font-size: 15px;
    margin-left: 28px;
    margin-right: 28px
}

.msg-settings .settings-item .settings-item-label[data-v-9a5994f2] {
    display: flex;
    color: var(--q-notify-setting-text-color)
}

.msg-settings .settings-item .settings-item-icon[data-v-9a5994f2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: #f0f0f0;
    color: #999;
    border-radius: 50%;
    font-size: 12px;
    margin-left: 5px;
    margin-right: 2px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-user-select: none;
    user-select: none
}

.msg-settings .settings-item .toggle-container[data-v-9a5994f2] {
    flex-shrink: 0
}

.msg-settings .settings-item .toggle-switch[data-v-9a5994f2] {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 22px;
    cursor: pointer
}

.msg-settings .settings-item .toggle-switch input[data-v-9a5994f2] {
    opacity: 0;
    width: 0;
    height: 0
}

.msg-settings .settings-item .slider[data-v-9a5994f2] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #e5e5e7;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    border-radius: 11px
}

.msg-settings .settings-item .slider[data-v-9a5994f2]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    border-radius: 50%;
    box-shadow: 0 1px 3px #0000001a
}

.msg-settings .settings-item input:checked+.slider[data-v-9a5994f2] {
    background-color: var(--q-gb-bg-c-1)
}

.msg-settings .settings-item input:checked+.slider[data-v-9a5994f2]:before {
    transform: translate(14px)
}

.msg-settings .settings-item .slider.disabled[data-v-9a5994f2] {
    background-color: #e5e5e7;
    cursor: not-allowed
}

.msg-settings .settings-item .slider.disabled[data-v-9a5994f2]:before {
    background-color: #f2f2f7
}

.msg-settings .settings-item .toggle-switch input:disabled+.slider[data-v-9a5994f2] {
    background-color: #e5e5e7;
    cursor: not-allowed
}

.msg-settings .settings-item .toggle-switch input:disabled+.slider[data-v-9a5994f2]:before {
    background-color: #f2f2f7
}

.msg-settings .settings-buttons[data-v-9a5994f2] {
    display: flex;
    gap: 15px;
    justify-content: center;
    padding: 20px;
    margin-bottom: 20px;
    justify-content: space-between
}

.msg-settings .settings-buttons div[data-v-9a5994f2] {
    padding: 8px 25px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    transition: all .3s ease;
    text-align: center;
    border-radius: 25px;
    width: 48%
}

.msg-settings .settings-buttons .cannel[data-v-9a5994f2] {
    background-color: var(--q-notify-setting-cancel);
    color: #000
}

.msg-settings .settings-buttons .save[data-v-9a5994f2] {
    background-color: var(--q-gb-bg-c-1);
    color: var(--q-notify-setting-save-color)
}

.setting-dialog-overlay[data-v-9a5994f2] {
    position: relative;
    background: #0006;
    z-index: 4000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: -20px;
    border-radius: 12px
}

.setting-dialog-overlay .setting-dialog-container[data-v-9a5994f2] {
    background: var(--q-notify-setting-bg);
    width: 270px;
    min-height: 150px;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px
}

.setting-dialog-overlay .setting-dialog-container .setting-dialog-title[data-v-9a5994f2] {
    font-size: 18px;
    font-weight: 500;
    color: var(--q-notify-setting-text-color);
    margin-top: 20px;
    margin-bottom: 8px;
    text-align: center;
    padding-top: 20px
}

.setting-dialog-overlay .setting-dialog-container .setting-dialog-info[data-v-9a5994f2] {
    padding: 0 20px 60px;
    font-size: 14px;
    color: var(--q-notify-setting-text-color)
}

.setting-dialog-overlay .setting-dialog-container .setting-dialog-button[data-v-9a5994f2] {
    position: absolute;
    color: var(--q-notify-setting-save);
    font-size: 18px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    width: 100%;
    border-top: 1px solid #E4E6ED;
    bottom: 0
}

.message-modal-overlay[data-v-19a42e55] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: right;
    z-index: 2000;
    padding: 0 10px;
    pointer-events: none
}

.message-modal[data-v-19a42e55] {
    background: var(--q-toast-color-bg-5);
    border-radius: 12px;
    width: 610px;
    height: 600px;
    max-height: 920px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 10px 30px #0000004d;
    position: relative;
    pointer-events: auto
}

.message-modal .go-unread[data-v-19a42e55] {
    color: var(--q-theme-color-1-default);
    width: 36px;
    height: 36px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    cursor: pointer;
    transform: rotate(180deg)
}

.modal-header[data-v-19a42e55] {
    background: var(--q-theme-color-1-default);
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.tab-container[data-v-19a42e55] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    width: 520px
}

.tab-item[data-v-19a42e55] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 8px 0;
    height: 44px
}

.tab-item.active[data-v-19a42e55]:after {
    position: absolute;
    content: "";
    bottom: 2px;
    width: 24px;
    height: 3px;
    border-radius: 2px 2px 0 0;
    background: var(--q-text-color-white-2)
}

.tab-text[data-v-19a42e55] {
    color: var(--q-text-color-white-2);
    font-size: 12px;
    position: relative;
    height: 17px;
    line-height: 17px;
    cursor: pointer
}

.tab-text .tab-text-title[data-v-19a42e55] {
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tab-icon[data-v-19a42e55] {
    position: absolute;
    right: -20px;
    top: 2px;
    height: 14px;
    width: 14px;
    cursor: pointer
}

.notification-dot[data-v-19a42e55] {
    width: 8px;
    height: 8px;
    background: #e93d3d;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    right: -6px
}

.header-actions[data-v-19a42e55] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 40px;
    height: 44px
}

.action-icon[data-v-19a42e55] {
    cursor: pointer;
    width: 16px;
    height: 16px
}

.search-container[data-v-19a42e55] {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 8px
}

.search-bar[data-v-19a42e55] {
    flex: 1;
    display: flex;
    align-items: center;
    background: var(--q-bg-color-1);
    border-radius: 14px;
    height: 28px
}

.up-down-box[data-v-19a42e55] {
    display: flex;
    align-items: center;
    gap: 8px
}

.up-down-box .up-icon[data-v-19a42e55],
.up-down-box .down-icon[data-v-19a42e55] {
    color: var(--q-theme-color-1-default)
}

.up-down-box .up-down-disabled[data-v-19a42e55] {
    color: var(--q-icon-color-1-1)
}

.search-icon[data-v-19a42e55] {
    color: var(--q-theme-color-1-default);
    margin: 0 12px
}

.search-input[data-v-19a42e55] {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 12px;
    color: var(--q-text-color-2-2-hot);
    height: 28px
}

.search-input[data-v-19a42e55]::placeholder {
    color: var(--q-text-color-3)
}

.search_list_num[data-v-19a42e55] {
    color: var(--q-text-color-3-1);
    margin-bottom: 12px;
    padding-left: 12px;
    font-size: 12px;
    line-height: 17px
}

.modal-content[data-v-19a42e55] {
    flex: 1;
    min-height: 0
}

.modal-content[data-v-19a42e55] .search-text {
    color: var(--q-theme-color-1-default)
}

.modal-content[data-v-19a42e55] .search-text-bg {
    background-color: #ffce63;
    color: #664611
}

.time-display[data-v-19a42e55] {
    text-align: right;
    color: #666;
    font-size: 14px;
    margin-bottom: 20px
}

.message-list[data-v-19a42e55] {
    display: flex;
    flex-direction: column;
    height: 100%
}

.message-list .na-data-box[data-v-19a42e55] {
    margin-top: -32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.message-list .na-data-box .no-data-bg-img[data-v-19a42e55] {
    width: 180px;
    height: 180px;
    background-size: 100% 100%
}

.message-list .na-data-box .no-data-text[data-v-19a42e55] {
    font-size: 14px;
    color: var(--q-text-color-3-1)
}

.message-list .msg-list-end-item[data-v-19a42e55] {
    width: 100%;
    height: 12px;
    flex-shrink: 0
}

.message-list .list-item[data-v-19a42e55] {
    padding: 0 12px 12px
}

.message-list .list-item .message-item[data-v-19a42e55] {
    display: flex;
    flex-direction: column;
    background: var(--q-bg-color-1);
    border-radius: 2px 10px 10px;
    padding: 8px;
    position: relative
}

.message-list .list-item .message-item .readed-icon[data-v-19a42e55] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--q-theme-color-1-default);
    position: absolute;
    left: -8px;
    top: 50%
}

.message-list .list-item .message-item .readed[data-v-19a42e55] {
    width: 0;
    height: 0
}

.message-list .list-item .message-item .go-detail-box[data-v-19a42e55] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 17px;
    margin-top: 4px;
    font-size: 12px
}

.message-list .list-item .message-item .go-detail-box .go-detail-btn[data-v-19a42e55] {
    color: var(--q-theme-color-1-default);
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.message-list .list-item .message-item .go-detail-box .time[data-v-19a42e55] {
    color: var(--q-text-color-3-1)
}

.date-separator[data-v-19a42e55] {
    display: flex;
    align-items: center;
    height: 17px;
    margin-bottom: 12px
}

.separator-line[data-v-19a42e55] {
    flex: 1;
    height: 1px;
    background: var(--q-stroke-color-1)
}

.separator-text[data-v-19a42e55] {
    color: var(--q-text-color-3-1);
    font-size: 12px;
    white-space: nowrap
}

.message-content[data-v-19a42e55] {
    color: var(--q-text-color-2-2-hot);
    font-size: 12px;
    line-height: 17px
}

.message-time[data-v-19a42e55] {
    align-self: flex-end;
    color: #999;
    font-size: 12px;
    margin-top: 4px
}

.modal-content[data-v-19a42e55]::-webkit-scrollbar {
    width: 4px
}

.modal-content[data-v-19a42e55]::-webkit-scrollbar-track {
    background: transparent
}

.modal-content[data-v-19a42e55]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px
}

.modal-content[data-v-19a42e55]::-webkit-scrollbar-thumb:hover {
    background: #999
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

@charset "UTF-8";

.c-esports-header.sportsbg-100 {
    background-image: var(--qq--bg-image-url4)
}

.c-esports-header.sportsbg-101 {
    background-image: var(--qq--bg-image-url5)
}

.c-esports-header.sportsbg-102 {
    background-image: var(--qq--bg-image-url6)
}

.c-esports-header.sportsbg-103,
.c-esports-header.sportsbg-105 {
    background-image: var(--qq--bg-image-url7)
}

.c-esports-header .sport-tab .sport-item {
    color: var(--q-gb-bg-c-45)
}

.c-esports-header .sport-tab .sport-item.active {
    color: var(--q-gb-t-c-11);
    font-weight: 500
}

.c-esports-header .date-wrap {
    background-color: var(--q-gb-bg-c-13)
}

.c-esports-header .date-wrap .tab-wrap {
    color: var(--q-gb-t-c-5)
}

.c-esports-header .date-wrap .tab-wrap .tab-item.active {
    color: var(--q-gb-t-c-16);
    font-weight: 550
}

.pc-menu-esports-header-module .c-esports-header {
    border-radius: 0 0 6px 6px;
    width: 100%;
    background-size: 100% auto;
    padding-top: 35px;
    z-index: -1
}

.pc-menu-esports-header-module .c-esports-header .e-esports-bg-img {
    height: 95px;
    width: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100%;
    background-color: #15141c;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.pc-menu-esports-header-module .c-esports-header .sport-tab {
    height: 118px;
    display: flex;
    margin-left: 20px;
    height: 60px;
    position: relative;
    z-index: 9;
    bottom: 8px
}

.pc-menu-esports-header-module .c-esports-header .sport-tab .sport-item {
    width: 76px;
    height: 100%;
    border-radius: 4px 4px 0 0;
    text-align: center;
    line-height: 14px;
    color: #fff;
    cursor: pointer
}

.pc-menu-esports-header-module .c-esports-header .sport-tab .sport-item .soprts_id_icon {
    width: 24px;
    height: 24px;
    background-size: 100% auto;
    display: inline-block;
    margin: 6px auto
}

.pc-menu-esports-header-module .c-esports-header .sport-tab .sport-item.active {
    font-weight: 600
}

.pc-menu-esports-header-module .c-esports-header .date-wrap {
    border-radius: 0 0 6px 6px;
    border: 1px solid var(--qq--gb-bd-c-3);
    border-top: 0;
    height: 36px;
    padding-left: 10px;
    font-size: 14px
}

.pc-menu-esports-header-module .c-esports-header:after {
    content: "";
    position: absolute;
    bottom: -5px;
    height: 10px;
    width: 100%;
    background-color: var(--q-gb-bg-c-58);
    z-index: -1
}

.pc-menu-list-filter-date-module {
    width: 100%;
    height: 36px
}

.pc-menu-list-filter-date-module .c-match-list-filter {
    width: 100%;
    height: 37px;
    padding-bottom: 1px
}

.pc-menu-list-filter-date-module .c-match-list-filter .more-btn {
    z-index: 10;
    width: 30px;
    height: 100%;
    cursor: pointer
}

.pc-menu-list-filter-date-module .c-match-list-filter .filter-sports {
    overflow: hidden
}

.pc-menu-list-filter-date-module .c-match-list-filter .filter-sports .item {
    max-width: 140px;
    min-width: 80px;
    height: 30px;
    padding: 5px;
    flex-shrink: 0;
    cursor: pointer;
    margin: 10px 3px
}

.pc-menu-list-filter-date-module .c-match-list-filter .filter-sports .item .icon-wrap {
    position: relative
}

.pc-menu-list-filter-date-module .c-match-list-filter .filter-sports .item .icon-wrap .menu-new-icon {
    position: absolute;
    top: 0;
    left: 30px
}

.pc-menu-list-filter-date-module .c-match-list-filter .filter-sports .item .icon-wrap .icon-select {
    visibility: hidden;
    bottom: -6px;
    right: -5px
}

.pc-menu-list-filter-date-module .c-match-list-filter .filter-sports .item .count-text {
    padding-left: 2px;
    padding-right: 3px
}

.pc-menu-list-filter-date-module .c-match-list-filter .filter-sports .item .text-active {
    color: var(--q-gb-t-c-1)
}

.pc-menu-list-filter-date-module .c-match-list-filter .filter-sports .item .menu-inline {
    display: inline-block
}

.pc-menu-list-filter-date-module .c-match-list-filter .filter-sports .item .name-margin-left {
    margin-left: 5px
}

.pc-menu-list-filter-date-module .c-match-list-filter .filter-sports .item .name {
    margin-top: 1px;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 13px
}

.pc-menu-list-filter-date-module .c-match-list-filter .filter-sports .item .name .count {
    display: inline-block
}

.pc-menu-list-filter-date-module .c-match-list-filter .filter-sports .item.active .icon-select {
    visibility: visible
}

.pc-menu-list-filter-date-module .c-match-list-filter.date-filter {
    height: 50px;
    font-size: 14px
}

.pc-menu-list-filter-date-module .date-wrap {
    border-radius: 0 0 6px 6px;
    border: 1px solid var(--qq--gb-bd-c-3);
    border-top: 0;
    height: 36px;
    padding-left: 10px;
    font-size: 14px
}

.pc-menu-list-filter-date-module .date-wrap {
    background-color: var(--q-gb-bg-c-13)
}

.pc-menu-list-filter-date-module .date-wrap .tab-wrap {
    color: var(--q-gb-t-c-5)
}

.pc-menu-list-filter-date-module .date-wrap .tab-wrap .tab-item.active {
    color: var(--q-gb-t-c-16);
    font-weight: 550
}

.pc-menu-date-wrap-module {
    width: 100%;
    height: 36px;
    border-bottom: 1px solid var(--q-stroke-color-1)
}

.pc-menu-date-wrap-module .tab-wrap {
    overflow: hidden
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap {
    position: absolute;
    top: 0;
    display: flex;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 99;
    align-items: center
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap .date-tab-wap-nav {
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap .date-tab-wap-nav::-webkit-scrollbar {
    display: none
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap .date-tab-wap-nav.tour-switch-width {
    width: calc(100% - 50px)
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap .tab-item {
    cursor: pointer;
    padding: 0 15px;
    text-align: center;
    flex-shrink: 0;
    height: 24px;
    line-height: 24px;
    color: var(--q-gb-t-c-5);
    height: 100%;
    position: relative
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap .tab-item.active {
    font-weight: 600;
    color: var(--q-gb-bg-c-1);
    position: relative
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap .tab-item.active:after {
    content: "";
    position: absolute;
    background: var(--q-gb-bg-c-1);
    width: 25%;
    height: 3px;
    left: 50%;
    top: 90%;
    margin-left: -12.5%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap .tab-item:before {
    content: "";
    position: absolute;
    left: 100%;
    width: 0;
    top: 90%;
    background: var(--q-gb-bg-c-1);
    height: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: .02s all linear
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap .tab-item:hover:before {
    width: 25%;
    margin-left: -12.5%;
    left: 50%
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap .tab-item:hover~.tab-item:before {
    left: 0
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap .line-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap .line-wrap .line {
    position: relative;
    width: 30px;
    height: 100%;
    background: var(--q-gb-bg-c-1);
    transition: all .3s;
    z-index: 10;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px
}

.pc-menu-date-wrap-module .tab-wrap .item-wrap .line-wrap.pseudo .line:before,
.pc-menu-date-wrap-module .tab-wrap .item-wrap .line-wrap.pseudo .line:after {
    display: none
}

.pc-menu-date-wrap-module .tab-wrap .expand-collapse-btn .expand-collapse-btn-img {
    width: 30px;
    height: 30px;
    background-position: 50% 50%
}

.pc-menu-date-wrap-module .tab-wrap .is_left_btn_show {
    width: 50px
}

.pc-menu-date-wrap-module .tab-wrap .btn {
    height: 100%;
    position: absolute;
    top: 0;
    width: 38px;
    cursor: pointer;
    display: flex;
    align-items: center;
    z-index: 100;
    background-color: var(--q-gb-bg-c-11)
}

.pc-menu-date-wrap-module .tab-wrap .btn .yb-icon-arrow {
    margin: 0 auto
}

.pc-menu-date-wrap-module .tab-wrap .left-btn {
    width: 50px
}

.pc-menu-date-wrap-module .tab-wrap .left-btn .expand-collapse-btn {
    width: 30px;
    height: 30px
}

.pc-menu-date-wrap-module .tab-wrap .left-btn .expand-collapse-btn .expand-collapse-btn-img {
    width: 30px;
    height: 30px;
    background-position: 50% 50%
}

.pc-menu-date-wrap-module .tab-wrap .left-btn .icon {
    width: 18px;
    left: 0;
    transform: rotate(180deg)
}

.pc-menu-date-wrap-module .tab-wrap .right-btn {
    right: 0
}

.pc-menu-date-wrap-module .leagues-bg .tab-wrap .item-wrap .line-wrap {
    bottom: 4px !important
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter {
    width: 100%;
    height: 36px;
    background: var(--q-gb-bg-c-30);
    border: none;
    padding-top: 4px;
    border-top: 1px solid var(--q-gb-bd-c-25);
    border-left: 1px solid var(--q-gb-bg-c-11);
    border-right: 1px solid var(--q-gb-bg-c-11)
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .more-btn {
    z-index: 10;
    width: 30px;
    height: 35px;
    cursor: pointer;
    margin-top: -4px;
    background-position: center top -12px;
    z-index: 99
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item {
    max-width: 210px;
    min-width: 80px;
    height: 30px;
    padding: 2px 16px;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    font-size: 12px !important;
    border-bottom: 1px solid var(--q-gb-bd-c-25)
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .icon-wrap {
    position: relative
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .icon-wrap .icon-select {
    visibility: hidden;
    bottom: -6px;
    right: -5px
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .icon-wrap-bottom {
    position: absolute;
    bottom: 4px;
    width: 40px;
    height: 8px
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .icon-wrap-bottom .menu-new-icon {
    display: inline-block;
    width: 40px;
    height: 8px;
    transform: scale(.5);
    background-size: 100% 100%
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .icon-wrap-bottom .icon-select {
    visibility: hidden;
    bottom: -6px;
    right: -5px
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .count-text {
    padding-left: 2px;
    padding-right: 3px
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .text-active {
    color: var(--q-gb-t-c-1)
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .menu-inline {
    display: inline-block
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .menu-inline .soprts_id_icon {
    --per: -22.68px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100% auto;
    transform: scale(1.125)
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .name-margin-left {
    margin-left: 5px
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .name {
    margin-top: 1px;
    max-width: 140px;
    display: flex;
    line-height: 13px
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .name .name-text {
    max-width: 140px;
    font-size: 12px !important
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item .name .count {
    display: inline-block
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item.active-box {
    padding: 2px 6px;
    min-width: 50px;
    max-width: 140px;
    font-size: 14px !important;
    border-radius: 10px 10px 0 0 !important;
    background: var(--q-gb-bg-c-30);
    border: 1px solid var(--q-gb-bd-c-27);
    border-bottom: none;
    background: var(--q-gb-bg-c-11);
    position: relative
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item.active-box:before {
    content: "";
    height: 1px;
    width: 100%;
    background: var(--q-gb-bg-c-11);
    z-index: 999;
    position: absolute;
    transform: translateY(15px)
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item.active-box .name {
    color: var(--q-gb-t-c-16)
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item.active-box .name-text {
    font-size: 14px !important
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item.active-box .icon-select {
    visibility: visible
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item.active-box .list-filter {
    background-color: var(--q-text-color-white-all);
    border-radius: 50%;
    box-sizing: border-box
}

.pc-menu-list-filter-in-play-league-module .c-match-list-filter .filter-sports .item.active-box .line {
    position: fixed;
    background: var(--q-gb-bg-c-11);
    height: 2px;
    z-index: 99;
    transform: translateY(15px)
}

.pc-menu-list-filter-module .c-match-list-filter {
    width: 100%;
    height: 52px;
    background: var(--q-bg-color-1-3) !important;
    border: none;
    border-top: 1px solid var(--q-gb-bd-c-25);
    border-bottom: 1px solid var(--q-gb-bd-c-25);
    border-left: 1px solid var(--q-gb-bg-c-11);
    border-right: 1px solid var(--q-gb-bg-c-11)
}

.pc-menu-list-filter-module .c-match-list-filter .more-btn {
    z-index: 10;
    width: 30px;
    height: 100%;
    cursor: pointer
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports {
    overflow: hidden
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item {
    min-width: 74px;
    height: 30px;
    line-height: 30px;
    padding: 2px 10px;
    flex-shrink: 0;
    cursor: pointer;
    margin: 10px 3px;
    box-shadow: 0 3px 3px #00386240;
    justify-content: space-around
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item .icon-wrap {
    position: relative
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item .icon-wrap .icon-select {
    visibility: hidden;
    bottom: -6px;
    right: -5px
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item .count-text {
    padding-left: 2px;
    padding-right: 3px;
    max-width: 30px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item .text-active {
    color: var(--q-gb-t-c-1)
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item .menu-inline {
    display: inline-block
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item .menu-inline .soprts_id_icon {
    --per: -22.68px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100% auto;
    z-index: 99
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item .name-margin-left {
    margin-left: 5px
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item .name {
    overflow: hidden;
    display: flex;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item .name .name-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item .name .count {
    display: inline-block
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item.active .icon-select {
    visibility: visible
}

.pc-menu-list-filter-module .c-match-list-filter .filter-sports .item.active .list-filter {
    background-color: var(--q-text-color-white-all);
    border-radius: 50%;
    box-sizing: border-box
}

.pc-menu-list-filter-module .is_scroll {
    border-top: none
}

.pc-menu-list-filter-league-module .c-match-list-filter {
    width: 100%;
    height: 52px;
    background: var(--q-bg-color-1-3) !important;
    border: none;
    padding: 0 2px;
    border-top: 1px solid var(--q-gb-bd-c-25);
    border-bottom: 1px solid var(--q-gb-bd-c-25);
    border-left: 1px solid var(--q-gb-bg-c-11);
    border-right: 1px solid var(--q-gb-bg-c-11)
}

.pc-menu-list-filter-league-module .c-match-list-filter .filter-sports .item {
    min-width: 80px;
    height: 30px;
    padding: 2px 10px;
    flex-shrink: 0;
    cursor: pointer;
    margin: 10px 3px;
    box-shadow: 0 3px 3px #00386240
}

.pc-menu-list-filter-league-module .c-match-list-filter .filter-sports .item.active .list-filter {
    background-color: var(--q-text-color-white-all);
    border-radius: 50%;
    box-sizing: border-box
}

.pc-menu-list-filter-league-module .c-match-list-filter .filter-sports .item .icon-wrap .l-icon {
    width: 20px;
    height: 20px
}

.pc-menu-list-filter-league-module .c-match-list-filter .filter-sports .item .menu-inline {
    display: inline-block
}

.pc-menu-list-filter-league-module .c-match-list-filter .filter-sports .item .menu-inline .soprts_id_icon {
    --per: -22.68px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100% auto;
    z-index: 99
}

.pc-menu-list-filter-league-module .c-match-list-filter .filter-sports .item .sport-icon-wrap {
    --per: -22.68px;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    background-position: 0 0;
    background-size: 100% auto
}

.pc-menu-list-filter-league-module .c-match-list-filter .filter-sports .item .text-active {
    color: var(--q-gb-t-c-1)
}

.pc-menu-list-filter-league-module .c-match-list-filter .filter-sports .item .name-margin-left {
    margin-left: 5px
}

.pc-menu-list-filter-league-module .c-match-list-filter .filter-sports .item .name-margin-left .text-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.pc-menu-list-filter-league-module .c-match-list-filter .filter-sports .item .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    line-height: 26px
}

.pc-menu-list-filter-league-module .c-match-list-filter .filter-sports .item .name .count {
    display: inline-block
}

.pc-menu-list-filter-league-module .c-match-list-filter .competition .hot-item .hot-img,
.pc-menu-list-filter-league-module .c-match-list-filter .competition .hot-item .hot-img-active {
    width: 20px;
    height: 20px;
    background-size: 100% auto
}

.pc-menu-list-filter-league-module .c-match-list-filter .ml {
    margin-left: 5px
}

.pc-filter-container-module {
    height: calc(100vh - 112px);
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 100
}

.pc-filter-container-module .mb0 {
    margin-bottom: 0
}

.pc-filter-container-module :deep(.router_scroll_layout) {
    width: 100%
}

.pc-filter-container-module :deep(.v-scroll-content) {
    height: 100%
}

.pc-filter-container-module .pointer {
    cursor: pointer
}

.pc-filter-container-module .filter-container {
    position: relative;
    display: flex;
    width: 99.3%;
    flex-direction: column;
    max-height: 100%;
    min-height: 520px;
    box-shadow: var(--q-gb-bg-lg-12);
    border-radius: 6px;
    border: 2px solid var(--q-gb-bg-c-11)
}

.pc-filter-container-module .filter-container.is-loading {
    flex: 1
}

.pc-filter-container-module .filter-container .scroll-container {
    padding-top: 8px;
    min-height: 410px;
    flex: 1;
    overflow-y: scroll;
    display: flex;
    padding-right: 28px;
    color: var(--q-gb-t-c-6);
    border: 2px solid var(--q-gb-bg-c-11);
    background: var(--q-bg-color-1-3)
}

.pc-filter-container-module .filter-container .scroll-container .filter-title {
    padding: 0 10px;
    border-bottom: 1px solid var(--q-stroke-color-1);
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--q-bg-color-3-1)
}

.pc-filter-container-module .filter-container .scroll-container .filter-title .filter-title-left {
    display: flex
}

.pc-filter-container-module .filter-container .scroll-container .filter-title .filter-title-left .name-text {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 14px
}

.pc-filter-container-module .filter-container .scroll-container .filter-title .title-svg {
    width: 20px;
    display: flex;
    justify-content: center
}

.pc-filter-container-module .filter-container .scroll-container .list {
    padding: 10px;
    background-color: var(--q-gb-bg-c-37)
}

.pc-filter-container-module .filter-container .header {
    top: 0;
    display: flex;
    height: 44px;
    min-height: 44px;
    padding: 0 20px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-radius: 6px;
    background: var(--q-bg-color-1-3);
    border: 2px solid var(--q-stroke-color-2);
    color: var(--q-text-color-disable)
}

.pc-filter-container-module .filter-container .header .title {
    font-weight: 600;
    font-size: 14px;
    color: var(--q-header-search-color-3)
}

.pc-filter-container-module .filter-container .header .right {
    display: flex;
    align-items: center
}

.pc-filter-container-module .filter-container .header .right .search {
    display: flex;
    width: 260px;
    height: 24px;
    padding: 0 12px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 40px;
    background: var(--q-gb-bg-c-34)
}

.pc-filter-container-module .filter-container .header .right .search .search-input {
    flex: 1;
    height: 100%;
    border: none;
    background: none;
    color: var(--q-gb-t-c-3)
}

.pc-filter-container-module .filter-container .header .right .search .search-input:focus {
    border: none !important;
    outline: none
}

.pc-filter-container-module .filter-container .header .right .search ::placeholder {
    color: #555
}

.pc-filter-container-module .filter-container .header .right .search .search-input::placeholder {
    color: var(--q-gb-t-c-8)
}

.pc-filter-container-module .filter-container .header .right .search .search-icon {
    width: 14px;
    height: 14px
}

.pc-filter-container-module .filter-container .header .right .chose-league {
    margin-left: 8px;
    display: flex;
    min-width: 106px;
    height: 24px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    border-radius: 10000px;
    padding: 0 5px;
    background: var(--q-gb-bg-c-34);
    color: var(--q-gb-t-c-6)
}

.pc-filter-container-module .filter-container .header .right .chose-league .arrow {
    width: 10px;
    height: 10px
}

.pc-filter-container-module .filter-container .header .right .chose-league .active {
    color: var(--q-gb-t-c-16) !important
}

.pc-filter-container-module .filter-container .header .right .refreh-container {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-left: 6px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pc-filter-container-module .filter-container .header .right .refreh-container .refresh-icon {
    width: 16px;
    height: 16px
}

.pc-filter-container-module .filter-container .header .right .rotate-ani {
    transition: 10s linear;
    transform: rotate(3600deg)
}

.pc-filter-container-module .filter-container .header .chose-league-no-border {
    border: 0px !important;
    background: transparent !important
}

.pc-filter-container-module .filter-container .header .chose-league-expend-or-close {
    min-width: 40px !important;
    padding: 5px 8px !important;
    border: var(--q-gb-t-c-16) 1px solid
}

.pc-filter-container-module .filter-container .header .chose-league-expend-or-close span {
    color: var(--q-gb-t-c-16) !important
}

.pc-filter-container-module .filter-container .header .chose-league-expend-or-close img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(99%) saturate(1500%) hue-rotate(190deg) brightness(100%) contrast(100%)
}

.pc-filter-container-module .filter-container .header .chose-league-expend-or-close .arrow {
    font-size: 8px;
    margin-left: 2px;
    transition: transform .3s;
    transform: rotate(180deg);
    width: 8px;
    height: 8px;
    background-size: 100% 100%;
    background-position: center
}

.pc-filter-container-module .filter-container .header .chose-league-expend-or-close .arrow.desc {
    transform: rotate(0)
}

.pc-filter-container-module .filter-container .content {
    width: 100%;
    display: flex;
    padding: 0 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 80px
}

.pc-filter-container-module .filter-container .content ul {
    width: 100%
}

.pc-filter-container-module .filter-container .content .item {
    padding: 0 0 45px;
    border-bottom: .5px solid var(--q-gb-bd-c-17)
}

.pc-filter-container-module .filter-container .content .item .item-header {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-size: 500
}

.pc-filter-container-module .filter-container .content .item .item-header .title {
    margin-left: 6px
}

.pc-filter-container-module .filter-container .content .item .item-header .child-item {
    font-size: 12px
}

.pc-filter-container-module .filter-container .content .item .children {
    overflow: hidden;
    text-overflow: ellipsis;
    flex-wrap: nowrap
}

.pc-filter-container-module .filter-container .content .item .name-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.pc-filter-container-module .filter-container .bottom-content {
    width: 100%;
    flex-shrink: 0;
    height: 80px;
    min-height: 80px;
    background: var(--q-bg-color-1-3)
}

.pc-filter-container-module .filter-container .bottom-content .footer {
    display: flex;
    align-items: center;
    padding-left: 12px;
    justify-content: flex-start;
    height: 100%;
    background: var(--q-bg-color-3-1)
}

.pc-filter-container-module .filter-container .bottom-content .footer .checked-all-container {
    display: flex;
    align-items: center;
    width: 30%
}

.pc-filter-container-module .filter-container .bottom-content .footer .select-all-text {
    color: var(--q-gb-t-c-3);
    font-size: 14px;
    margin-left: 6px
}

.pc-filter-container-module .filter-container .bottom-content .footer .select-all-text .text-number {
    color: var(--q-gb-t-c-16)
}

.pc-filter-container-module .filter-container .bottom-content .footer .btn-group {
    display: flex;
    align-items: center;
    font-size: 14px;
    z-index: 999
}

.pc-filter-container-module .filter-container .bottom-content .footer .btn-group .submit {
    display: flex;
    width: 200px;
    height: 35px;
    justify-content: center;
    align-items: center;
    border-radius: 10000px;
    background: var(--q-gb-bg-c-17);
    color: var(--q-gb-t-c-18);
    cursor: pointer
}

.pc-filter-container-module .filter-container .bottom-content .footer .btn-group .close {
    color: var(--q-gb-t-c-3);
    margin-left: 40px;
    display: flex;
    width: 200px;
    height: 35px;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    cursor: pointer;
    border: .5px solid var(--q-gb-bd-c-17);
    background: var(--q-gb-bg-c-11)
}

.pc-filter-container-module .item {
    border-bottom: 1px solid var(--q-gb-bg-c-70)
}

.pc-filter-container-module .border-none {
    border-width: 0px !important
}

.pc-filter-container-module .active {
    color: #179cff
}

.pc-filter-container-module .flex {
    display: flex
}

.pc-filter-container-module .items-center {
    display: grid;
    width: 24%;
    align-items: start;
    justify-items: start;
    grid-template-columns: auto auto auto 1fr
}

.pc-filter-container-module .items-center-1 {
    width: 96% !important
}

.pc-filter-container-module .items-center-2 {
    width: 48% !important
}

.pc-filter-container-module .items-center-3 {
    width: 33% !important
}

.pc-filter-container-module .w-25 {
    width: 25%
}

.pc-filter-container-module .mr-6 {
    margin-right: 6px
}

.pc-filter-container-module .mt-6 {
    margin-top: 6px
}

.pc-filter-container-module .mb-6 {
    margin-bottom: 6px
}

.pc-filter-container-module .mt-16 {
    margin-top: 16px
}

.pc-filter-container-module .items-center .text-number {
    color: var(--q-gb-t-c-16);
    margin-left: 6px;
    margin-right: 6px;
    line-height: 1.5
}

.pc-filter-container-module .select-type {
    border-radius: 1000px;
    height: 26px;
    overflow: hidden;
    background-color: var(--q-gb-bg-c-41);
    color: var(--q-gb-t-c-6)
}

.pc-filter-container-module .select-type .select-type-active {
    color: var(--q-gb-t-c-16);
    background-color: var(--q-gb-bg-c-40);
    border-radius: 100px
}

.pc-filter-container-module .select-type .select-type-active-blue {
    background-color: var(--q-gb-bg-c-1);
    border-radius: 1000px;
    color: var(--q-gb-t-c-18)
}

.pc-filter-container-module .select-type li {
    padding: 0 11px;
    height: 100%;
    text-align: center;
    line-height: 26px
}

.pc-filter-container-module .toash {
    height: 100%
}

.pc-filter-container-module .name-text-item {
    display: block;
    width: 100%;
    font-size: 12px;
    color: var(--q-gb-t-c-6);
    line-height: 1.5
}

.pc-filter-container-module .items-check {
    margin-top: 3px
}

.pc-filter-container-module .item-icon {
    width: 18px !important;
    height: 18px !important;
    margin-right: 6px;
    margin-top: 1px
}

.pc-filter-container-module .right-side {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 200;
    list-style: none;
    text-align: center;
    max-height: calc(100% - 140px);
    transform: translateY(calc(-50% - 12px));
    overflow: hidden;
    overflow-y: auto
}

.pc-filter-container-module .right-side li {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    box-sizing: content-box;
    margin: 2px 0;
    color: var(--q-gb-t-c-3)
}

.pc-filter-container-module .right-side li .t-wrap {
    width: 20px;
    height: 20px;
    line-height: 18px;
    cursor: pointer
}

.pc-filter-container-module .right-side li.actived {
    background-clip: content-box;
    border-radius: 50%;
    font-size: 12px;
    background: var(--q-gb-bg-c-17);
    color: var(--q-gb-t-c-18)
}

.joint-purchase-hall-filter {
    height: calc(100vh - 180px) !important
}

.pc-menu-match-header-filter-module :deep(.c-match-list-filter) .hot-item {
    box-shadow: 0 3px 3px #00386240;
    background: var(--q-gb-bg-lg-4);
    border: .5px solid var(--q-gb-bd-c-8) !important
}

.pc-menu-match-header-filter-module :deep(.toash) {
    margin-top: 0
}

.pc-menu-match-header-filter-module .yb-match-list .date-wrap {
    border-bottom: 1px solid var(--q-stroke-color-1);
    border-top: 0;
    height: 36px;
    padding-left: 10px;
    font-size: 14px
}

.pc-menu-match-header-filter-module .date-wrap {
    background-color: var(--q-gb-bg-c-13)
}

.pc-menu-match-header-filter-module .date-wrap .tab-wrap {
    color: var(--q-gb-t-c-5)
}

.pc-menu-match-header-filter-module .date-wrap .tab-wrap .tab-item.active {
    color: var(--q-gb-t-c-16);
    font-weight: 550
}

.pc-menu-match-detail-headert-module {
    height: 40px
}

.pc-menu-match-detail-headert-module .customize-style.header :deep(.select-type) li {
    padding: 0 5px
}

.pc-menu-match-detail-headert-module .close-collec-style.header :deep(.select-type) li {
    padding: 0 7.5px
}

.pc-menu-match-detail-headert-module .collectStyle {
    vertical-align: middle;
    margin-top: -2px
}

.pc-menu-match-detail-headert-module .collectStyle:before {
    margin-bottom: 0 !important
}

.pc-menu-match-detail-headert-module .row {
    display: flex;
    flex-wrap: nowrap
}

.pc-menu-match-detail-headert-module .flex-1 {
    flex: 1
}

.pc-menu-match-detail-headert-module .items-center {
    align-items: center
}

.pc-menu-match-detail-headert-module .flex {
    display: flex
}

.pc-menu-match-detail-headert-module .justify-between {
    justify-content: space-between
}

.pc-menu-match-detail-headert-module .cursor-pointer {
    cursor: pointer
}

.pc-menu-match-detail-headert-module .cursor-pointer.no-cursor {
    cursor: not-allowed !important
}

.pc-menu-match-detail-headert-module .h-full {
    height: 100%
}

.pc-menu-match-detail-headert-module .header {
    padding: 3px 14px;
    background-color: var(--q-gb-bg-c-75);
    border: 1px solid var(--q-gb-bg-c-11);
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.pc-menu-match-detail-headert-module .all-collect {
    width: 96px;
    height: 26px;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid var(--q-gb-bg-c-1);
    font-size: 12px
}

.pc-menu-match-detail-headert-module .all-collect.no-collect {
    width: 48px
}

.pc-menu-match-detail-headert-module .all-collect .match-btn.active,
.pc-menu-match-detail-headert-module .all-collect .collect-btn.active {
    background: var(--q-gb-bg-c-1);
    color: var(--q-gb-t-c-18) !important
}

.pc-menu-match-detail-headert-module .select-btn {
    margin-left: 5px;
    padding: 1px 2px;
    border-radius: 12px;
    cursor: pointer;
    background: var(--qq--background-gradient-1_1)
}

.pc-menu-match-detail-headert-module .select-btn.ya-zhou-border {
    border: 1px solid transparent !important
}

.pc-menu-match-detail-headert-module .select-btn.sort-btn .icon-sort_league:before {
    color: var(--qq--y0-text-color5)
}

.pc-menu-match-detail-headert-module .mr-12 {
    margin-right: 12px
}

.pc-menu-match-detail-headert-module .list-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 34px;
    line-height: 34px
}

.pc-menu-match-detail-headert-module .list-title .title-text {
    max-width: 220px;
    color: var(--q-gb-t-c-23)
}

.pc-menu-match-detail-headert-module .list-title .title-text.is-iframe-style {
    max-width: 200px !important;
    display: inline-block
}

.pc-menu-match-detail-headert-module .list-title .title-text.lang-is-iframe-style {
    max-width: 240px !important
}

.pc-menu-match-detail-headert-module .list-title .title-text.special-lang-is-iframe-style {
    max-width: 380px !important
}

.pc-menu-match-detail-headert-module .list-title .title-text.is_esports {
    max-width: 600px !important
}

.pc-menu-match-detail-headert-module .list-title .path-icon-wrapper {
    display: flex;
    align-items: center
}

.pc-menu-match-detail-headert-module .list-title .search-path-icon {
    font-size: 18px;
    margin: 0 4px;
    font-weight: 700
}

.pc-menu-match-detail-headert-module .list-title .search-path-icon:before {
    color: #595f73
}

.pc-menu-match-detail-headert-module .list-title .league-logo {
    margin-right: 10px;
    width: 18px;
    height: 18px
}

.pc-menu-match-detail-headert-module .btn-wrap {
    color: var(--q-gb-t-c-3)
}

.pc-menu-match-detail-headert-module .btn-wrap .number {
    margin-left: 6px
}

.pc-menu-match-detail-headert-module .btn-wrap .header-collect-icon {
    width: 14px;
    height: 14px;
    display: inline-block
}

.pc-menu-match-detail-headert-module .w105 {
    width: 105px
}

.pc-menu-match-detail-headert-module .select-competition {
    background-color: var(--q-match-details-icon);
    border-radius: 1000px;
    font-size: 12px;
    height: 24px;
    padding: 2 16px;
    color: #555;
    min-width: 100px
}

.pc-menu-match-detail-headert-module .select-competition .all {
    margin-left: 6px;
    margin-top: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 8px;
    color: var(--q-gb-t-c-6)
}

.pc-menu-match-detail-headert-module .select-competition .all .arrow {
    width: 12px;
    height: 12px;
    margin-left: 2px
}

.pc-menu-match-detail-headert-module .select-competition .select_league {
    margin-top: 3px;
    padding-left: 12px
}

.pc-menu-match-detail-headert-module .setting-wrap {
    gap: 6px
}

.pc-menu-match-detail-headert-module .select-type {
    border-radius: 1000px;
    height: 26px;
    overflow: hidden;
    background-color: var(--q-gb-bg-c-41);
    color: var(--q-gb-t-c-21)
}

.pc-menu-match-detail-headert-module .select-type .select-type-active {
    color: var(--q-theme-color-1-default);
    background-color: var(--q-gb-bg-c-40);
    border-radius: 100px
}

.pc-menu-match-detail-headert-module .select-type .select-type-active-blue {
    background-color: var(--q-gb-bg-c-1);
    border-radius: 1000px;
    color: var(--q-gb-t-c-18)
}

.pc-menu-match-detail-headert-module .select-type li {
    padding: 0 11px;
    height: calc(100% - 2px);
    text-align: center;
    line-height: 26px
}

.pc-menu-match-detail-headert-module .select-type-is-iframe .select-type li {
    padding: 0 8px
}

.pc-menu-match-detail-headert-module .zh-style.select-type-is-iframe .select-type li {
    padding: 0 5px
}

.pc-menu-match-detail-headert-module .base-bg {
    background-color: var(--q-gb-bg-c-26)
}

.pc-menu-match-detail-headert-module .justify-right {
    justify-content: flex-end;
    align-items: center
}

.pc-menu-match-detail-headert-module .vr-name {
    height: 100%;
    font-size: 14px;
    color: var(--q-gb-t-c-3);
    font-weight: 600;
    line-height: 20px
}

.pc-menu-match-detail-headert-module .fg1 {
    color: var(--q-gb-t-c-16)
}

.pc-menu-match-detail-headert-module :deep(.select-wrap) {
    min-width: 53px
}

.pc-menu-match-detail-headert-module .lang-style {
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pc-menu-odd-type-select-module .ellipsis-wrap-odd-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 13px
}

.pc-menu-odd-type-select-module .ellipsis-wrap-odd-name.max_width {
    max-width: 70px;
    margin-left: 0;
    margin-right: 0
}

.pc-menu-odd-type-select-module .fg2 {
    color: var(--qq--y0-text-color5)
}

.pc-menu-odd-type-select-module .is_day {
    color: #bbc0cc
}

.pc-menu-odd-type-select-module .is_night {
    color: #585e66
}

.pc-menu-odd-type-select-module .select-wrap {
    cursor: pointer;
    border-radius: 1000px;
    height: 26px;
    background-color: var(--q-gb-bg-c-41);
    color: var(--q-gb-t-c-6);
    display: flex;
    justify-content: center;
    align-items: center
}

.pc-menu-odd-type-select-module .select-wrap.max_width {
    min-width: 100px
}

.pc-menu-odd-type-select-module .select-wrap .mlr5 {
    margin-left: 5px;
    margin-right: 5px
}

.pc-menu-odd-type-select-module .select-wrap .icon-arrow {
    width: 12px;
    height: 12px;
    transform: none
}

.pc-menu-odd-type-select-module .select-wrap .active .icon-arrow {
    transform: rotate(180deg);
    transition: transform .3s
}

.pc-menu-odd-type-select-module .select-wrap .active .icon-arrow:before {
    color: #abbac8
}

.pc-menu-odd-type-select-module .select-wrap .select-btn {
    border-radius: 12px;
    padding: 2px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3px
}

.pc-menu-odd-type-select-module .select-wrap .select-btn.active {
    border-color: var(--qq--y0-text-color1) !important
}

.pc-menu-odd-type-select-module .select-wrap .select-btn:hover {
    background: var(--qq--background-gradient-7)
}

.pc-menu-odd-type-select-module .select-wrap .option:hover {
    background: var(--q-gb-bg-lg-11)
}

.pc-menu-odd-type-select-module .select-wrap .list {
    position: absolute;
    top: 36px;
    border-radius: 4px;
    background: var(--q-gb-bg-lg-4);
    color: var(--q-text-color-1);
    box-shadow: 0 0 4px 2px #0000001a;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    z-index: 199
}

.pc-menu-odd-type-select-module .select-wrap .list .option {
    min-height: 30px;
    line-height: 30px
}

.pc-menu-odd-type-select-module .select-wrap .list .active {
    background: var(--q-gb-bg-lg-11);
    color: var(--q-theme-color-1-default)
}

.pc-menu-odd-type-select-module .select-wrap .triangle {
    position: absolute;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    top: -2px;
    left: 49%;
    background: var(--qq--popup-wrap-bg-color)
}

.pc-menu-odd-type-select-module .select_league {
    display: inline-block;
    height: 100%;
    line-height: 100%
}

.pc-menu-match-detail-header-select-module .fg1 {
    color: var(--qq--theme-small-menu-active)
}

.pc-menu-match-detail-header-select-module .fg2 {
    color: var(--qq--y0-text-color5)
}

.pc-menu-match-detail-header-select-module .select-wrap {
    cursor: pointer;
    border-radius: 1000px;
    height: 26px;
    background-color: var(--q-gb-bg-c-41);
    color: var(--q-gb-t-c-6);
    display: flex;
    justify-content: center;
    align-items: center
}

.pc-menu-match-detail-header-select-module .select-wrap .mlr5 {
    margin-left: 5px;
    margin-right: 5px
}

.pc-menu-match-detail-header-select-module .select-wrap .icon-arrow {
    transform: none
}

.pc-menu-match-detail-header-select-module .select-wrap .icon-arrow:before {
    color: #abbac8
}

.pc-menu-match-detail-header-select-module .select-wrap .active .icon-arrow {
    transform: rotate(180deg);
    transition: transform .3s
}

.pc-menu-match-detail-header-select-module .select-wrap .select-btn {
    border-radius: 12px;
    padding: 2px 8px
}

.pc-menu-match-detail-header-select-module .select-wrap .select-btn.active {
    border-color: var(--qq--y0-text-color1) !important
}

.pc-menu-match-detail-header-select-module .select-wrap .select-btn:hover {
    background: var(--qq--background-gradient-7)
}

.pc-menu-match-detail-header-select-module .select-wrap .option:hover {
    background: var(--q-gb-bg-lg-11)
}

.pc-menu-match-detail-header-select-module .select-wrap .list {
    position: absolute;
    top: 36px;
    border-radius: 4px;
    background: var(--q-gb-bg-lg-4);
    color: var(--q-text-color-1);
    box-shadow: 0 0 4px 2px #0000001a;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    z-index: 99
}

.pc-menu-match-detail-header-select-module .select-wrap .list .option {
    min-height: 30px;
    line-height: 30px
}

.pc-menu-match-detail-header-select-module .select-wrap .list .active {
    background: var(--q-gb-bg-lg-11);
    color: var(--q-theme-color-1-default)
}

.pc-menu-match-detail-header-select-module .select-wrap .triangle {
    position: absolute;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    top: -2px;
    left: 49%;
    background: var(--qq--popup-wrap-bg-color)
}

.checked[data-v-3afdd052] {
    display: flex;
    width: 14px;
    height: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 2px;
    border: 2px solid #9FA5AC
}

.checked .checked-icon[data-v-3afdd052] {
    width: 10px;
    height: 7px
}

.checked-active[data-v-3afdd052] {
    border: none;
    background-color: var(--q-gb-bg-c-1)
}

@charset "UTF-8";

.analysis-betting-wrap[data-v-bd735629] {
    display: flex;
    justify-content: flex-start;
    color: var(--q-text-color-1);
    font-size: 12px;
    font-weight: 400;
    padding-left: 16px;
    height: 34px;
    line-height: 34px;
    border-radius: 5px 0;
    margin-bottom: 1px;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 12px
}

.analysis-betting-wrap>div[data-v-bd735629] {
    cursor: pointer;
    white-space: nowrap
}

.analysis-betting-wrap[data-v-bd735629] :not(:last-child) {
    margin-right: 2px
}

.analysis-betting-wrap .current_tab[data-v-bd735629] {
    color: var(--q-gb-t-c-16) !important;
    position: relative;
    font-weight: bolder
}

.analysis-betting-wrap .current_tab[data-v-bd735629]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--q-gb-t-c-16);
    border-radius: 5px 5px 0 0
}

.match-analysis-wrap[data-v-bd735629] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 44px;
    padding: 0 12px;
    gap: 12px;
    background: var(--q-gb-bg-c-11);
    border-radius: 5px
}

.match-analysis-wrap .match-item[data-v-bd735629] {
    height: 24px;
    line-height: 24px;
    width: auto;
    border-radius: 999px;
    color: var(--q-left-menu-color-3);
    color: var(--q-text-color-1);
    box-shadow: 0 2px 2px 0 var(--shadow-3, rgba(0, 56, 98, .1));
    text-align: center;
    font-family: var(--font-chinese, "PingFang SC");
    font-size: 12px;
    padding: 0 12px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    border: 1px solid var(--q-gb-bg-c-47)
}

.match-analysis-wrap .current_tab[data-v-bd735629] {
    background: var(--q-gb-t-c-16);
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 24px
}

.third-level-tabs[data-v-bd735629] {
    display: inline-flex;
    align-items: center;
    border-radius: 1000px;
    height: 26px;
    overflow: hidden;
    background-color: var(--q-bg-color-2-2);
    color: var(--q-gb-t-c-21)
}

.third-level-tabs .match-item[data-v-bd735629] {
    height: 24px;
    line-height: 24px;
    width: 72px;
    border-radius: 999px;
    color: var(--q-text-color-1);
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    background: var(--q-analysis-color-18)
}

.third-level-tabs .current_tab[data-v-bd735629] {
    background: var(--q-gb-t-c-1);
    color: #fff
}

.third-level-tabs.theme-3 .current_tab[data-v-bd735629] {
    color: #181a21
}

.pc-analysis-tabs.third-level-tabs[data-v-bd735629] {
    padding: 0 2px
}

.pc-analysis-tabs.third-level-tabs .current_tab[data-v-bd735629] {
    background-color: var(--q-gb-t-c-16)
}

.new-pc-2025 .analysis-betting-wrap[data-v-bd735629] {
    color: var(--q-text-color-2) !important
}

.new-pc-2025 .pop-up-analysis .analysis-betting-wrap[data-v-bd735629] {
    background: var(--q-bg-color-3-2)
}

.new-pc-2025 .match-analysis-wrap .match-item[data-v-bd735629] {
    background: linear-gradient(180deg, var(--q-btn-gradient-color-1-1) 0%, var(--q-btn-gradient-color-1-2) 50%, var(--q-btn-gradient-color-1-3) 100%);
    box-shadow: 0 2px 2px 0 var(--q-shadow-3);
    color: var(--q-text-color-2);
    box-sizing: content-box;
    border: none
}

.new-pc-2025 .match-analysis-wrap .current_tab[data-v-bd735629] {
    background: var(--q-gb-t-c-16);
    color: var(--q-text-color-white-all)
}

.new-pc-202411 .analysis-betting-wrap[data-v-bd735629] {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.new-pc-202411 .match-analysis-wrap .match-item[data-v-bd735629] {
    box-shadow: unset
}

.video-zone-layout-err[data-v-1e8bde63] {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.video-zone-layout-err .video-replay-icon[data-v-1e8bde63] {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20%;
    max-width: 100px;
    opacity: .7
}

.video-zone-layout-err .content[data-v-1e8bde63] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    height: 100%
}

.video-zone-layout-err .content .flex1[data-v-1e8bde63] {
    flex: 1
}

.video-zone-layout-err .content .box[data-v-1e8bde63] {
    text-align: center;
    margin: auto;
    color: var(--q-gb-t-c-1);
    opacity: .7
}

.video-zone-layout-err .content .box .txt[data-v-1e8bde63] {
    margin-top: 10px
}

.progressBg[data-v-864f6aae] {
    background: #efefef !important
}

.progress-item[data-v-864f6aae] {
    height: 30px;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 8px
}

.progress-item>span[data-v-864f6aae] {
    line-height: 30px;
    font-size: 14px;
    margin-left: 6px
}

.progress-container[data-v-864f6aae] {
    position: relative;
    width: 100%;
    height: 8px;
    border-radius: 6px;
    overflow: hidden
}

.progress[data-v-864f6aae] {
    width: 100%;
    height: 8px;
    background-color: var(--q-match-details-bet-block)
}

.progress-complete[data-v-864f6aae] {
    position: absolute;
    height: 8px;
    border-radius: 6px;
    background-color: var(--q-gb-t-c-16);
    top: 0
}

.progress_complete_check[data-v-864f6aae] {
    background-color: var(--q-events-color-2-1) !important
}

.direction_right[data-v-864f6aae] {
    right: 0 !important
}

.direction_left[data-v-864f6aae] {
    left: 0 !important
}

.new-pc-202411 .progress_complete_check[data-v-864f6aae] {
    background: #ffb001 !important
}

.whistle-pause-wrap[data-v-98c076d8] {
    display: flex;
    column-gap: 10px;
    overflow: hidden
}

.whistle-pause-wrap .wp-item[data-v-98c076d8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 4px;
    overflow: hidden
}

.whistle-pause-wrap .wp-label[data-v-98c076d8] {
    color: var(--q-text-color-2-1-wp);
    width: 100%
}

.whistle-pause-wrap .wp-icon[data-v-98c076d8] {
    margin: 2px 0 0;
    width: 14px
}

.whistle-pause-wrap .wp-num[data-v-98c076d8] {
    color: var(--q-text-color-1)
}

.whistle-pause-wrap.reverse[data-v-98c076d8] {
    flex-direction: row-reverse
}

.video_color[data-v-98c076d8] {
    color: #fff !important
}

.whistle-pause-main[data-v-a89d8274] {
    display: flex;
    justify-content: space-between;
    margin: 10px 15px 0;
    column-gap: 10px;
    overflow: hidden
}

.score_num[data-v-a89d8274] {
    margin-top: 10px
}

.line_container[data-v-a89d8274] {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.line_container .item[data-v-a89d8274] {
    flex: 1 1 40%;
    margin: 10px 5px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: var(--q-text-color-1)
}

.line_container .line_content[data-v-a89d8274] {
    display: flex;
    width: 100%;
    align-items: center
}

[data-v-a89d8274] .progress-item {
    margin: 0 4px
}

.iframe_wide[data-v-a89d8274] {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.wide[data-v-a89d8274] {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.video_color[data-v-a89d8274] {
    color: #fff !important
}

.timeLine[data-v-e3d91181] {
    width: 100%;
    font-size: 14px;
    color: var(--q-gb-t-c-24)
}

.timeLine .lineData[data-v-e3d91181] {
    display: flex;
    height: 38px
}

.timeLine .lineData .timeItem[data-v-e3d91181] {
    width: 40px
}

.timeLine .lineData .round[data-v-e3d91181] {
    width: 8px;
    height: 8px;
    margin-top: 2px;
    border-radius: 50%;
    margin-left: 10px;
    position: relative
}

.timeLine .lineData .round .lineItem[data-v-e3d91181] {
    position: absolute;
    width: 2px;
    height: 24px;
    top: 11px;
    left: 3px;
    background: var(--q-gb-bg-c-31)
}

.timeLine .lineData .content[data-v-e3d91181] {
    margin-left: 14px
}

.roundGrey[data-v-e3d91181] {
    background: #e9edf7
}

.roundBlue[data-v-e3d91181] {
    background: #179cff !important
}

.roundYellow[data-v-e3d91181] {
    background: #ffb001 !important
}

.basketball-event[data-v-ce89c167] {
    margin-top: 10px
}

.event-title[data-v-ce89c167] {
    font-weight: 700;
    font-size: 13px;
    color: var(--q-text-color-1);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    line-height: 1.2;
    margin-left: -16px
}

.event-title[data-v-ce89c167]:before {
    content: "";
    width: 3px;
    height: 16px;
    background: var(--q-gb-t-c-16);
    overflow: hidden;
    margin-right: 8px;
    border-radius: 0 20px 20px 0
}

.tabs_container[data-v-ce89c167] .match-analysis-wrap {
    padding-left: 0;
    padding-right: 0
}

.line_border[data-v-ce89c167] {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.timeLine[data-v-ce89c167] {
    margin-top: 12px;
    position: relative
}

.timeLine .top[data-v-ce89c167] {
    position: absolute;
    right: 50px;
    top: 170px
}

.timeLine .top .topUp[data-v-ce89c167] {
    width: 30px;
    height: 30px;
    margin-bottom: 10px
}

.timeLine .top .topDown[data-v-ce89c167] {
    width: 30px;
    height: 30px
}

.btn_content[data-v-ce89c167] {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    display: flex;
    justify-content: center
}

.btn_content .btn[data-v-ce89c167] {
    padding: 0 4px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-t-c-16);
    border: 1px solid var(--q-gb-t-c-16);
    border-radius: 20px;
    margin-right: 20px
}

.btn_content .btn[data-v-ce89c167]:hover {
    cursor: pointer
}

.btn_content span[data-v-ce89c167] {
    margin-left: 4px
}

.btn_content .arrow[data-v-ce89c167] {
    font-size: 8px;
    margin-left: 2px;
    transition: transform .3s;
    transform: rotate(180deg);
    width: 8px;
    height: 8px;
    background-size: 100% 100%;
    background-position: center
}

.btn_content .is_arrow[data-v-ce89c167] {
    font-size: 8px;
    margin-left: 2px;
    transition: transform .3s;
    transform: rotate(180deg);
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    background-position: center
}

.btn_content .arrow_desc[data-v-ce89c167] {
    transition: transform .3s;
    transform: rotate(0)
}

.center_fixed[data-v-ce89c167] {
    right: 40px;
    bottom: 56px
}

.btn_icon_content[data-v-ce89c167] {
    position: fixed;
    width: 30px;
    height: 70px;
    z-index: 10;
    right: 40px;
    bottom: 56px
}

.btn_icon_content.hide[data-v-ce89c167] {
    z-index: -100;
    visibility: hidden;
    opacity: .01
}

.btn_icon_content .topUp[data-v-ce89c167] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 100% 100% !important;
    background: var(--q-gb-t-c-16)
}

.btn_icon_content .topUp[data-v-ce89c167]:hover {
    cursor: pointer
}

.btn_icon_content .topDown[data-v-ce89c167] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 100% 100% !important;
    background: var(--q-gb-t-c-16);
    margin-top: 10px;
    transform: rotate(180deg)
}

.btn_icon_content .topDown[data-v-ce89c167]:hover {
    cursor: pointer
}

.is_btn_icon_content[data-v-ce89c167] {
    position: fixed;
    width: 30px;
    height: 70px;
    z-index: 10;
    margin-left: 340px;
    bottom: 64px
}

.is_btn_icon_content.hide[data-v-ce89c167] {
    z-index: -100;
    visibility: hidden;
    opacity: .01
}

.is_btn_icon_content .topUp[data-v-ce89c167] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 100% 100% !important;
    background: var(--q-gb-t-c-16)
}

.is_btn_icon_content .topUp[data-v-ce89c167]:hover {
    cursor: pointer
}

.is_btn_icon_content .topDown[data-v-ce89c167] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 100% 100% !important;
    background: var(--q-gb-t-c-16);
    margin-top: 10px;
    transform: rotate(180deg)
}

.is_btn_icon_content .topDown[data-v-ce89c167]:hover {
    cursor: pointer
}

.icon-details-fix[data-v-ce89c167] {
    position: fixed;
    width: 30px;
    height: 70px;
    z-index: 10;
    bottom: 70px;
    right: auto;
    margin-left: 342px
}

.icon-details-fix.hide[data-v-ce89c167] {
    z-index: -100;
    visibility: hidden;
    opacity: .01
}

.icon-details-fix .topUp[data-v-ce89c167] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 100% 100% !important;
    background: var(--q-gb-t-c-16)
}

.icon-details-fix .topUp[data-v-ce89c167]:hover {
    cursor: pointer
}

.icon-details-fix .topDown[data-v-ce89c167] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 100% 100% !important;
    background: var(--q-gb-t-c-16);
    margin-top: 10px;
    transform: rotate(180deg)
}

.icon-details-fix .topDown[data-v-ce89c167]:hover {
    cursor: pointer
}

.icon-video-fix[data-v-ce89c167] {
    position: fixed;
    width: 30px;
    height: 70px;
    z-index: 10;
    bottom: 70px;
    right: auto;
    margin-left: 680px
}

.icon-video-fix.hide[data-v-ce89c167] {
    z-index: -100;
    visibility: hidden;
    opacity: .01
}

.icon-video-fix .topUp[data-v-ce89c167] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 100% 100% !important;
    background: var(--q-gb-t-c-16)
}

.icon-video-fix .topUp[data-v-ce89c167]:hover {
    cursor: pointer
}

.icon-video-fix .topDown[data-v-ce89c167] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 100% 100% !important;
    background: var(--q-gb-t-c-16);
    margin-top: 10px;
    transform: rotate(180deg)
}

.icon-video-fix .topDown[data-v-ce89c167]:hover {
    cursor: pointer
}

.icon-content-fix[data-v-ce89c167] {
    right: 36% !important
}

.integral-head-info-loading[data-v-ce89c167] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-ce89c167] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.basketball-data[data-v-8b017721] {
    padding: 8px 16px 10px
}

.team_name[data-v-8ee1f09f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-v-8ee1f09f] .tab-wrap .item-wrap {
    padding-left: 0
}

[data-v-8ee1f09f] .tab-wrap .item-wrap .tab-item.active {
    color: var(--q-text-color-white-all);
    background: var(--q-gb-t-c-16)
}

.tabs_content[data-v-8ee1f09f] {
    margin: 6px 0 2px;
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 16px;
    overflow-x: auto;
    white-space: nowrap
}

.tabs_content .tab_item[data-v-8ee1f09f] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    background-color: var(--q-gb-bg-c-31);
    box-shadow: 0 2px 2px 0 var(--q-shadow-3);
    color: var(--q-text-color-2);
    min-width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 7px 10px;
    border-radius: 99px
}

.tabs_content .tab_item[data-v-8ee1f09f]:hover {
    cursor: pointer
}

.tabs_content .tab_active[data-v-8ee1f09f] {
    background: var(--q-gb-t-c-16);
    color: #fff
}

.table[data-v-8ee1f09f] {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    color: var(--q-analysis-title-color);
    margin-top: 20px
}

.table .table-row[data-v-8ee1f09f] {
    background: var(--q-bg-color-3-1);
    display: flex;
    height: 40px;
    position: relative
}

.table .table-row .tab_number[data-v-8ee1f09f] {
    width: 34px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.table .table-row .item_bor[data-v-8ee1f09f] {
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.table .table-row .vertical[data-v-8ee1f09f] {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 4px
}

.table .header[data-v-8ee1f09f] {
    background: var(--q-bg-color-3-1);
    height: 34px !important
}

.table .table-cell[data-v-8ee1f09f] {
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center
}

.table .table_team[data-v-8ee1f09f] {
    flex-grow: 1;
    padding-left: 10px;
    justify-content: flex-start !important
}

.table .table_win[data-v-8ee1f09f] {
    background: #e93d3d1a
}

.bgList[data-v-8ee1f09f] {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: var(--q-analysis-title-color)
}

.bgList .bgList_item[data-v-8ee1f09f] {
    display: flex;
    align-items: center;
    margin: 0 5px
}

.bgList .bgList_item .bgList_block[data-v-8ee1f09f] {
    width: 10px;
    height: 10px;
    margin-top: 2px;
    margin-right: 4px;
    background: red
}

.integral-head-info-loading[data-v-8ee1f09f] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-8ee1f09f] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.theme-1-logo .row_bg_home[data-v-8ee1f09f] {
    background: linear-gradient(90deg, #179cff33 0% 100%)
}

.theme-1-logo .row_bg_away[data-v-8ee1f09f] {
    background: linear-gradient(90deg, #ffb00133 0% 100%)
}

.theme-2-logo .row_bg_home[data-v-8ee1f09f] {
    background: linear-gradient(90deg, #45b0ff33 0% 100%)
}

.theme-2-logo .row_bg_away[data-v-8ee1f09f] {
    background: linear-gradient(90deg, #ffb00133 0% 100%)
}

.tabs_content[data-v-c648af91] {
    width: 100%;
    height: 40px;
    display: flex;
    padding: 4px 11px 0;
    justify-content: space-between;
    color: var(--q-analysis-title-color)
}

.tabs_content .tabs_content_item[data-v-c648af91] {
    flex: 1;
    display: flex;
    justify-content: center;
    border-bottom: 3px solid var(--q-gb-bg-c-31);
    align-items: center;
    margin: 0 5px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.tabs_content .tab_active[data-v-c648af91] {
    border-bottom: 3px solid var(--q-gb-t-c-16);
    color: var(--q-gb-t-c-16)
}

.tabs_content .tabs_content_item[data-v-c648af91]:hover {
    cursor: pointer
}

.face_list[data-v-c648af91] {
    width: 100%;
    padding: 16px 16px 0;
    display: flex;
    align-items: center;
    color: var(--q-analysis-title-color)
}

.face_list .face_list_left[data-v-c648af91] {
    flex: 4;
    border-radius: 5px
}

.face_list .face_list_left .face_list_left_item[data-v-c648af91] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 81px;
    margin-bottom: 10px
}

.face_list .face_list_left .face_list_left_item .team_item[data-v-c648af91] {
    flex: 8;
    padding: 0 10px;
    background: var(--q-gb-bg-c-27)
}

.face_list .face_list_left .face_list_left_item .team_line[data-v-c648af91] {
    flex: 1;
    height: 1px;
    width: 100%;
    background: var(--q-gb-t-c-16)
}

.face_list .face_list_left .face_list_left_item .face_list_left_item_center[data-v-c648af91] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid var(--q-gb-t-c-16)
}

.face_list .face_list_left .face_list_left_item .face_list_left_item_center.home .team-name[data-v-c648af91] {
    color: var(--q-gb-t-c-16)
}

.face_list .face_list_right[data-v-c648af91] {
    flex: 1;
    display: flex;
    margin-bottom: 10px;
    align-items: center
}

.face_list .face_list_right .face_list_right_btn[data-v-c648af91] {
    flex: 2;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--q-gb-bg-c-27)
}

.face_list .face_list_right .line_right[data-v-c648af91] {
    flex: 1;
    height: 1px;
    background: var(--q-gb-t-c-16)
}

.face_list .line_center[data-v-c648af91] {
    width: 1px;
    height: 92px;
    background: var(--q-gb-t-c-16);
    margin-bottom: 10px
}

.finals[data-v-c648af91] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: var(--q-bg-color-3-2)
}

.finals img[data-v-c648af91] {
    margin: 0 14px 0 10px
}

.team_name[data-v-a86c2b72] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table[data-v-a86c2b72] {
    display: flex;
    flex-direction: column;
    color: var(--q-gb-t-c-6);
    padding-bottom: 20px;
    margin-top: 20px
}

.table .table-row[data-v-a86c2b72] {
    background: var(--q-bg-color-3-1);
    display: flex;
    height: 40px;
    position: relative
}

.table .table-row .tab_number[data-v-a86c2b72] {
    width: 34px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.table .table-row .item_bor[data-v-a86c2b72] {
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.table .table-row .vertical[data-v-a86c2b72] {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 4px
}

.table .header[data-v-a86c2b72] {
    background: var(--q-bg-color-3-1);
    height: 34px !important
}

.table .table-cell[data-v-a86c2b72] {
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center
}

.table .table_team[data-v-a86c2b72] {
    padding-left: 10px;
    justify-content: flex-start !important;
    flex-grow: 1
}

.table .table_win[data-v-a86c2b72] {
    background: #e93d3d1a
}

.bgList[data-v-a86c2b72] {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

.bgList .bgList_item[data-v-a86c2b72] {
    display: flex;
    align-items: center;
    margin: 0 5px;
    color: var(--q-text-color-1)
}

.bgList .bgList_item .bgList_block[data-v-a86c2b72] {
    width: 10px;
    height: 10px;
    margin-top: 2px;
    margin-right: 4px;
    background: red
}

.integral-head-info-loading[data-v-a86c2b72] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-a86c2b72] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.theme-1-logo .row_bg_home[data-v-a86c2b72] {
    background: linear-gradient(90deg, #179cff33 0% 100%)
}

.theme-1-logo .row_bg_away[data-v-a86c2b72] {
    background: linear-gradient(90deg, #ffb00133 0% 100%)
}

.theme-2-logo .row_bg_home[data-v-a86c2b72] {
    background: linear-gradient(90deg, #45b0ff33 0% 100%)
}

.theme-2-logo .row_bg_away[data-v-a86c2b72] {
    background: linear-gradient(90deg, #ffb00133 0% 100%)
}

.lineup_content[data-v-d81bfd2e] {
    padding: 0 16px
}

.lineup_content .tabs_content[data-v-d81bfd2e] {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center
}

.lineup_content .tabs_content .tabs[data-v-d81bfd2e] {
    height: 24px;
    width: 96px;
    border-radius: 15px;
    display: flex
}

.lineup_content .tabs_content .tabs .team_tab[data-v-d81bfd2e] {
    height: 24px;
    width: 48px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.lineup_content .tabs_content .tabs .team_tab[data-v-d81bfd2e]:hover {
    cursor: pointer
}

.lineup_content .tabs_content .tabs .active[data-v-d81bfd2e] {
    background: var(--q-gb-t-c-16);
    color: var(--q-text-color-white-all)
}

.lineup_content .basket_bg[data-v-d81bfd2e] {
    width: 100%;
    aspect-ratio: 16/9;
    background-size: 100% 100%;
    position: relative
}

.lineup_content .basket_bg .num_content[data-v-d81bfd2e] {
    position: absolute;
    top: 0;
    height: 100%;
    width: 80%;
    display: flex;
    align-items: center
}

.lineup_content .basket_bg .num_content .num_item[data-v-d81bfd2e] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.lineup_content .basket_bg .num_content .num_item .player[data-v-d81bfd2e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 3px 0
}

.lineup_content .basket_bg .num_content .num_item .player .player-num[data-v-d81bfd2e] {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    border: 1px solid #ffffff;
    background: #ffb001
}

.lineup_content .basket_bg .num_content .num_item .player .player_name[data-v-d81bfd2e] {
    width: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.lineup_content .basket_bg .num_content .num_two[data-v-d81bfd2e] {
    flex-direction: column-reverse !important
}

.lineup_content .basket_bg .num_content .num_two.num-item-index-1[data-v-d81bfd2e] {
    row-gap: 27%
}

.lineup_content .basket_bg .player_revers[data-v-d81bfd2e] {
    right: 0 !important
}

.lineup_content .basket_bg.basket-line-home .num_content .num_item .player .player-num[data-v-d81bfd2e] {
    background: #179cff
}

.people_content[data-v-d81bfd2e] {
    padding-bottom: 30px
}

.people_content .people_item .people_title[data-v-d81bfd2e] {
    display: flex;
    align-items: center;
    height: 46px;
    padding-left: 16px;
    font-size: 14px
}

.people_content .people_item .table_content[data-v-d81bfd2e] {
    display: flex;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid var(--q-gb-bg-c-31)
}

.people_content .people_item .table_content .table_title_item[data-v-d81bfd2e] {
    text-align: center;
    flex: 0 0 50px;
    flex-shrink: 0
}

.people_content .people_item .table_content .table_title_player[data-v-d81bfd2e] {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden
}

.people_content .people_item .table_content .table_title_player .player_pic[data-v-d81bfd2e] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.people_content .people_item .table_content .table_title_player .player_name[data-v-d81bfd2e] {
    width: 100%
}

.people_content .people_item .table_bg[data-v-d81bfd2e] {
    background: var(--q-bg-color-3-1)
}

.new-pc-202411 .active[data-v-d81bfd2e] {
    color: #fff !important
}

.integral-head-info-loading[data-v-d81bfd2e] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-d81bfd2e] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.data_item[data-v-1969a182] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    padding: 0 16px;
    color: var(--q-analysis-title-color)
}

.data_item .list_num[data-v-1969a182] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 24px;
    border-radius: 10px;
    color: #fff
}

.data_item .list_left[data-v-1969a182] {
    background: #179cff
}

.data_item .list_right[data-v-1969a182] {
    background: #ffb001
}

.line_solid[data-v-1969a182] {
    width: 14px;
    height: 100%;
    border-left: 1px dashed var(--q-gb-bg-c-31)
}

.title_item[data-v-1969a182] {
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center
}

.title[data-v-4b77bb9b] {
    margin-top: 10px;
    padding: 0 16px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    color: var(--q-analysis-title-color)
}

.integral-head-info-loading[data-v-4b77bb9b] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-4b77bb9b] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.history_content[data-v-452cb464] {
    padding: 0 5px 0 16px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    color: var(--q-analysis-title-color)
}

.history_content .history_title[data-v-452cb464] {
    font-size: 14px;
    flex-shrink: 0
}

.history_content[data-v-452cb464] .match-analysis-wrap {
    overflow: hidden;
    column-gap: 8px
}

.history_content[data-v-452cb464] .match-analysis-wrap .match-item {
    flex-shrink: 1;
    display: block
}

.data_content[data-v-452cb464] {
    height: 84px;
    width: 100%;
    padding: 10px 18px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--q-analysis-title-color)
}

.data_content .data_content_left[data-v-452cb464] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.data_content .data_content_center[data-v-452cb464] {
    font-size: 14px;
    font-weight: 700
}

.data_content .data_content_right[data-v-452cb464] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.data_content .data_content_num[data-v-452cb464] {
    font-size: 14px;
    font-weight: 700
}

.data_content .data_team[data-v-452cb464] {
    display: flex;
    align-items: center
}

.table_content[data-v-452cb464] {
    display: flex;
    align-items: center;
    height: 34px;
    color: var(--q-analysis-title-color)
}

.table_content .table_title_item[data-v-452cb464] {
    width: 60px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.table_content .table_date[data-v-452cb464] {
    width: 100px
}

.table_content .table_title_team[data-v-452cb464] {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    padding-left: 10px;
    width: 80px
}

.table_content .item_up[data-v-452cb464] {
    display: flex;
    flex-direction: column
}

.table_content .table_bro[data-v-452cb464] {
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.table_content .team-name .bold[data-v-452cb464] {
    font-weight: 700
}

.table_bg[data-v-452cb464] {
    background: var(--q-bg-color-3-1);
    border-top: 1px solid var(--q-bg-color-3-1);
    border-bottom: 1px solid var(--q-bg-color-3-1)
}

.table_h[data-v-452cb464] {
    height: 50px
}

.team_logo[data-v-452cb464] {
    width: 26px;
    height: 26px
}

.win[data-v-452cb464] {
    color: red
}

.lose[data-v-452cb464] {
    color: green
}

.table_char[data-v-452cb464] {
    margin-top: 5px;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.team_hi[data-v-452cb464] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.integral-head-info-loading[data-v-452cb464] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-452cb464] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.history_content[data-v-aac357c0] {
    padding: 0 5px 0 16px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--q-analysis-title-color);
    overflow: hidden
}

.history_content .history_title[data-v-aac357c0] {
    font-size: 14px;
    flex-shrink: 0
}

.history_content[data-v-aac357c0] .match-analysis-wrap {
    overflow: hidden;
    column-gap: 8px
}

.history_content[data-v-aac357c0] .match-analysis-wrap .match-item {
    flex-shrink: 1;
    display: block
}

.data_content[data-v-aac357c0] {
    height: 84px;
    width: 100%;
    padding: 10px 18px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--q-analysis-title-color)
}

.data_content .data_content_left[data-v-aac357c0] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.data_content .data_content_center[data-v-aac357c0] {
    font-size: 14px;
    font-weight: 700
}

.data_content .data_content_right[data-v-aac357c0] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.data_content .data_content_num[data-v-aac357c0] {
    font-size: 14px;
    font-weight: 700
}

.data_content .data_team[data-v-aac357c0] {
    display: flex;
    align-items: center
}

.table_content[data-v-aac357c0] {
    display: flex;
    align-items: center;
    height: 34px;
    color: var(--q-analysis-title-color)
}

.table_content .table_title_item[data-v-aac357c0] {
    width: 60px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.table_content .table_date[data-v-aac357c0] {
    width: 100px
}

.table_content .table_title_team[data-v-aac357c0] {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    padding-left: 10px;
    width: 80px
}

.table_content .item_up[data-v-aac357c0] {
    display: flex;
    flex-direction: column
}

.table_content .table_bro[data-v-aac357c0] {
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    border-right: 1px solid var(--q-gb-bd-c-8)
}

.table_content .team-name-bold[data-v-aac357c0] {
    font-weight: 700
}

.table_bg[data-v-aac357c0] {
    background: var(--q-bg-color-3-1);
    border-top: 1px solid var(--q-bg-color-3-1);
    border-bottom: 1px solid var(--q-bg-color-3-1);
    color: var(--q-analysis-title-color)
}

.table_h[data-v-aac357c0] {
    height: 50px
}

.team_logo[data-v-aac357c0] {
    width: 26px;
    height: 26px;
    margin-right: 5px
}

.win[data-v-aac357c0] {
    color: red
}

.lose[data-v-aac357c0] {
    color: green
}

.table_char[data-v-aac357c0] {
    margin-top: 5px;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.team_hi[data-v-aac357c0] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.hall_iframe[data-v-aac357c0] {
    width: 30px !important
}

.integral-head-info-loading[data-v-aac357c0] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-aac357c0] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.content[data-v-be6a44e2] {
    padding: 20px;
    color: var(--q-analysis-title-color)
}

.h5-content-wrap .article-content-component[data-v-be6a44e2] {
    position: absolute;
    top: 14px;
    background-color: var(--q-gb-bg-c-23)
}

[data-v-be6a44e2] .ql-editor {
    color: var(--q-analysis-text-color-20);
    border-top: 1px solid #ededed;
    font-size: 13px;
    line-height: 1.5;
    padding-bottom: .5rem
}

[data-v-be6a44e2] .ql-editor p {
    margin: 10px 0
}

[data-v-be6a44e2] .ql-editor img {
    max-width: 100%
}

.category-content[data-v-be6a44e2] {
    color: var(--q-gb-t-c-18);
    padding-bottom: 10px;
    border-bottom: 1px solid var(--q-gb-bd-c-4)
}

.pc-touxiang[data-v-be6a44e2] {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    transform: translateY(-1px)
}

.touxiang[data-v-be6a44e2] {
    width: .12rem;
    transform: translateY(-1px)
}

.title[data-v-be6a44e2] {
    color: var(--q-analysis-text-color-20);
    font-family: var(--fontchinese);
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 15px
}

.summaryText[data-v-be6a44e2] {
    font-family: var(--fontchinese);
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: var(--q-analysis-text-color-20);
    margin-top: 15px;
    line-height: 1.5
}

.allText[data-v-be6a44e2] {
    font-family: var(--fontchinese);
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: var(--q-analysis-text-color-20);
    display: flex;
    align-items: center;
    justify-content: start
}

.h5-content-wrap .allText[data-v-be6a44e2] {
    color: var(--q-analysis-text-color-20)
}

hr[data-v-be6a44e2] {
    margin: 0;
    border: 0
}

.category-name[data-v-be6a44e2] {
    display: inline-block
}

.time[data-v-be6a44e2] {
    margin: 0 15px
}

.integral-head-info-loading[data-v-be6a44e2] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-be6a44e2] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.content[data-v-85df840b] {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: var(--q-gb-bd-c-13)
}

.video_height[data-v-85df840b] {
    padding-bottom: 100px
}

.match-base-info[data-v-7cfb8561] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 84px;
    padding: 0 12px;
    gap: 8px;
    border-radius: 8px;
    background: linear-gradient(90deg, #179cff1a, #ffffff1a, #ffb0011a);
    margin-bottom: 8px
}

.match-base-info .team_logo_wrap[data-v-7cfb8561] {
    background: #fff;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    padding: 5px
}

.match-base-info .team_logo_wrap .team_logo[data-v-7cfb8561] {
    width: 36px;
    height: 36px
}

.match-base-info .ellipsis[data-v-7cfb8561] {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all
}

.match-base-info .score[data-v-7cfb8561] {
    color: var(--q-gb-t-c-16);
    font-size: 22px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    margin-top: 6px
}

.match-base-info .score span[data-v-7cfb8561] {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px
}

.match-base-info .score .long[data-v-7cfb8561] {
    width: 46px
}

.match-base-info .both-time[data-v-7cfb8561] {
    text-align: center
}

.match-base-info.theme-3 .team_logo_wrap[data-v-7cfb8561],
.match-base-info.theme-2 .team_logo_wrap[data-v-7cfb8561] {
    background: #ffffff0d
}

.match-base-info.simple[data-v-7cfb8561] {
    height: 44px !important
}

.match-base-info.simple .team_logo_wrap[data-v-7cfb8561] {
    height: 28px;
    width: 28px;
    padding: 0
}

.match-base-info.simple .team_logo_wrap img[data-v-7cfb8561] {
    height: 28px;
    width: 28px
}

.h5-base-info.match-base-info[data-v-7cfb8561] {
    height: 57px
}

.h5-base-info.match-base-info .team_logo_wrap[data-v-7cfb8561] {
    height: 28px;
    width: 28px;
    padding: 0
}

.h5-base-info.match-base-info .team_logo_wrap img[data-v-7cfb8561] {
    height: 28px;
    width: 28px
}

.h5-base-info.match-base-info .score>span[data-v-7cfb8561] {
    color: var(--q-gb-t-c-1)
}

.h5-base-info.match-base-info .text-color[data-v-7cfb8561] {
    color: var(--q-analysis-text-color-20)
}

.h5-base-info.match-base-info .zaopan-text[data-v-7cfb8561],
.h5-base-info.match-base-info[data-v-7cfb8561] .process-name,
.h5-base-info.match-base-info[data-v-7cfb8561] .timer-layout2 {
    color: var(--q-gb-t-c-23)
}

.h5-base-info.match-base-info[data-v-7cfb8561] .date-wrap {
    padding: 0 !important
}

.team_right_name[data-v-7cfb8561] {
    display: inline-block;
    width: auto;
    text-align: left
}

.both-time[data-v-7cfb8561] {
    flex: 1
}

.di-rtl[data-v-7cfb8561] {
    word-break: break-word !important;
    text-align: left;
    width: auto;
    flex: none !important;
    max-width: 22%
}

.di-rtl2[data-v-7cfb8561] {
    margin-left: auto
}

.long_name[data-v-7cfb8561] {
    max-width: 40px
}

.font_line[data-v-7cfb8561] {
    line-height: 18px
}

.analysis-content-wrap[data-v-d577a968] {
    margin-top: 12px;
    border-radius: 4px;
    padding: 12px 12px 12px 24px;
    background: linear-gradient(327deg, #fcf5f819 3.53%, #faf5fc19 31.67%, #f4f9fc19 67.92%)
}

.analysis-content-wrap .analysis-content-item[data-v-d577a968] {
    position: relative;
    line-height: 18px;
    margin-top: 6px;
    color: var(--q-text-color-1)
}

.analysis-content-wrap .analysis-content-item[data-v-d577a968]:before {
    content: " ";
    position: absolute;
    top: 8px;
    left: -10px;
    width: 2px;
    height: 2px;
    color: var(--q-text-color-1)
}

.app-h5-2023 .analysis-content-item[data-v-d577a968],
.app-h5-202411 .analysis-content-item[data-v-d577a968] {
    color: var(--q-analysis-text-color-20)
}

.la-line-scale[data-v-f33a1514],
.la-line-scale>div[data-v-f33a1514] {
    position: relative;
    box-sizing: border-box
}

.la-line-scale[data-v-f33a1514] {
    display: block;
    font-size: 0
}

.la-line-scale.la-dark[data-v-f33a1514] {
    color: #333
}

.la-line-scale>div[data-v-f33a1514] {
    display: inline-block;
    float: none;
    background-color: var(--q-gb-t-c-1);
    border: 0 solid var(--q-gb-t-c-1)
}

.la-line-scale[data-v-f33a1514] {
    width: 40px;
    height: 32px
}

.la-line-scale>div[data-v-f33a1514] {
    width: 4px;
    height: 32px;
    margin: 0 2px;
    border-radius: 0;
    animation: line-scale-f33a1514 1.2s infinite ease
}

.la-line-scale>div[data-v-f33a1514]:nth-child(1) {
    animation-delay: -1.2s
}

.la-line-scale>div[data-v-f33a1514]:nth-child(2) {
    animation-delay: -1.1s
}

.la-line-scale>div[data-v-f33a1514]:nth-child(3) {
    animation-delay: -1s
}

.la-line-scale>div[data-v-f33a1514]:nth-child(4) {
    animation-delay: -.9s
}

.la-line-scale>div[data-v-f33a1514]:nth-child(5) {
    animation-delay: -.8s
}

.la-line-scale.la-sm[data-v-f33a1514] {
    width: 20px;
    height: 16px
}

.la-line-scale.la-sm>div[data-v-f33a1514] {
    width: 2px;
    height: 16px;
    margin: 0 1px
}

.la-line-scale.la-2x[data-v-f33a1514] {
    width: 80px;
    height: 64px
}

.la-line-scale.la-2x>div[data-v-f33a1514] {
    width: 8px;
    height: 64px;
    margin: 0 4px
}

.la-line-scale.la-3x[data-v-f33a1514] {
    width: 120px;
    height: 96px
}

.la-line-scale.la-3x>div[data-v-f33a1514] {
    width: 12px;
    height: 96px;
    margin: 0 6px
}

@keyframes line-scale-f33a1514 {

    0%,
    40%,
    to {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.h5-loading[data-v-46bbbe5d] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    overflow: hidden
}

.h5-content-wrap .article-content-component[data-v-5ec0ae8c] {
    position: absolute;
    top: 14px;
    background-color: var(--q-gb-bg-c-23)
}

[data-v-5ec0ae8c] .ql-editor {
    color: var(--q-analysis-text-color-20);
    border-top: 1px solid #ededed;
    font-size: 13px;
    line-height: 1.5;
    padding-bottom: .5rem
}

[data-v-5ec0ae8c] .ql-editor p {
    margin: 10px 0
}

[data-v-5ec0ae8c] .ql-editor img {
    max-width: 100%
}

.category-content[data-v-5ec0ae8c] {
    color: var(--q-gb-t-c-18);
    padding-bottom: 10px;
    border-bottom: 1px solid var(--q-gb-bd-c-4)
}

.pc-touxiang[data-v-5ec0ae8c] {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    transform: translateY(-1px)
}

.touxiang[data-v-5ec0ae8c] {
    width: .12rem;
    transform: translateY(-1px)
}

.title[data-v-5ec0ae8c] {
    font-family: var(--fontchinese);
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 15px
}

.summaryText[data-v-5ec0ae8c] {
    font-family: var(--fontchinese);
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    margin-top: 15px;
    line-height: 1.5
}

.allText[data-v-5ec0ae8c] {
    font-family: var(--fontchinese);
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: start
}

.h5-content-wrap .allText[data-v-5ec0ae8c],
.h5-font-color[data-v-5ec0ae8c] {
    color: var(--q-analysis-text-color-20)
}

.pc-font-color[data-v-5ec0ae8c] {
    color: var(--q-gb-t-c-3)
}

hr[data-v-5ec0ae8c] {
    margin: 0;
    border: 0
}

.category-name[data-v-5ec0ae8c] {
    display: inline-block
}

.time[data-v-5ec0ae8c] {
    margin: 0 15px
}

.integral-head-info-loading[data-v-5ec0ae8c] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-5ec0ae8c] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.h5-loading[data-v-dcdd3671] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    overflow: hidden
}

.la-line-scale[data-v-dcdd3671],
.la-line-scale>div[data-v-dcdd3671] {
    position: relative;
    box-sizing: border-box
}

.la-line-scale[data-v-dcdd3671] {
    display: block;
    font-size: 0
}

.la-line-scale.la-dark[data-v-dcdd3671] {
    color: #333
}

.la-line-scale>div[data-v-dcdd3671] {
    display: inline-block;
    float: none;
    background-color: var(--q-gb-t-c-1);
    border: 0 solid var(--q-gb-t-c-1)
}

.la-line-scale[data-v-dcdd3671] {
    width: 40px;
    height: 32px
}

.la-line-scale>div[data-v-dcdd3671] {
    width: 4px;
    height: 32px;
    margin: 0 2px;
    border-radius: 0;
    animation: line-scale 1.2s infinite ease
}

.la-line-scale>div[data-v-dcdd3671]:nth-child(1) {
    animation-delay: -1.2s
}

.la-line-scale>div[data-v-dcdd3671]:nth-child(2) {
    animation-delay: -1.1s
}

.la-line-scale>div[data-v-dcdd3671]:nth-child(3) {
    animation-delay: -1s
}

.la-line-scale>div[data-v-dcdd3671]:nth-child(4) {
    animation-delay: -.9s
}

.la-line-scale>div[data-v-dcdd3671]:nth-child(5) {
    animation-delay: -.8s
}

.pc-match-board-market-trend-box[data-v-25c56b7c] {
    padding-bottom: 5px
}

.pc-match-board-market-trend-box .info_trend[data-v-25c56b7c] {
    margin: 10px
}

.pc-match-board-market-trend-box .trend-icon[data-v-25c56b7c] {
    width: 16px;
    height: 16px;
    transform: rotate(180deg)
}

.pc-match-board-market-trend-selet_top_box .left_box[data-v-25c56b7c] {
    background-color: var(--q-gb-bg-c-41)
}

.pc-match-board-market-trend-selet_top_box .right_box .select_panel[data-v-25c56b7c] {
    background: var(--q-toast-color-bg-2)
}

.pc-match-board-market-trend-selet_top_box .right_box .select_panel .select_item[data-v-25c56b7c]:hover {
    background: var(--q-theme-color-2-hover);
    color: var(--q-text-color-white-all)
}

.pc-match-board-market-trend-selet_top_box .right_box .select_panel .activeName[data-v-25c56b7c] {
    background: var(--q-transparent-theme-color-1);
    color: var(--q-gb-t-c-16)
}

.pc-match-board-market-trend-echarts-wrap .echarts-bg[data-v-25c56b7c] {
    background-image: url(/image/details/echarts-bg.png)
}

.h5-match-board-market-trend-box[data-v-25c56b7c] {
    margin-bottom: 15px;
    background: var(--q-analysis-trend-bg-color-5);
    border-radius: 5px;
    border: 2px 0px 0px 0px;
    opacity: 0px
}

.h5-match-board-market-trend-box .info_trend[data-v-25c56b7c] {
    margin-left: 15px;
    color: var(--q-analysis-text-color-20)
}

.h5-match-board-market-trend-selet_top_box[data-v-25c56b7c] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
    margin-left: 10px;
    margin-right: 10px
}

.h5-match-board-market-trend-selet_top_box .left_box[data-v-25c56b7c] {
    width: 188px;
    border-radius: 100px;
    margin-top: 10px;
    background-color: var(--q-analysis-trend-bg-color-2);
    display: flex;
    justify-content: space-around
}

.h5-match-board-market-trend-selet_top_box .left_box .tabs_item[data-v-25c56b7c] {
    width: 56px;
    height: 30px;
    padding: 4px 16px;
    gap: 10px;
    border-radius: 20px;
    opacity: 0px;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--q-analysis-text-color-36)
}

.h5-match-board-market-trend-selet_top_box .left_box .active[data-v-25c56b7c] {
    color: var(--q-analysis-text-color-37);
    background: var(--q-analysis-trend-bg-color-2)
}

.h5-match-board-market-trend-selet_top_box .right_box[data-v-25c56b7c] {
    height: 21px;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px
}

.h5-match-board-market-trend-selet_top_box .right_box .selectBox[data-v-25c56b7c] {
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.h5-match-board-market-trend-selet_top_box .right_box .selectBox img[data-v-25c56b7c] {
    margin-left: 8px
}

.h5-match-board-market-trend-selet_top_box .right_box .seletText[data-v-25c56b7c] {
    color: var(--q-analysis-text-color-20);
    max-width: .65rem
}

.h5-match-board-market-trend-selet_top_box .right_box .select_panel[data-v-25c56b7c] {
    width: 88px;
    height: auto;
    position: absolute;
    top: 28px;
    left: 0;
    border-radius: 4px;
    background: var(--q-gb-bg-c-20);
    box-shadow: 0 2px 8px #e2e2e4;
    z-index: 11
}

.h5-match-board-market-trend-selet_top_box .right_box .select_panel .select_item[data-v-25c56b7c] {
    display: flex;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: var(--q-analysis-text-color-36);
    padding: 8px;
    z-index: 999
}

.h5-match-board-market-trend-selet_top_box .right_box .select_panel .activeName[data-v-25c56b7c] {
    color: #179cff
}

.h5-match-board-market-trend-echarts-wrap[data-v-25c56b7c] {
    position: relative
}

.h5-match-board-market-trend-echarts-wrap .echarts-bg[data-v-25c56b7c] {
    position: absolute;
    inset: 30px 0 5% 10%;
    height: 300px;
    width: 80%;
    background-size: contain
}

.btn_color[data-v-25c56b7c] {
    color: var(--q-gb-t-c-1)
}

.theme-1 .h5-match-board-market-trend-box .activeName[data-v-25c56b7c] {
    background: #ffffff0a
}

.theme-1 .h5-match-board-market-trend-box .select_panel[data-v-25c56b7c] {
    box-shadow: 0 2px 8px #e2e2e414 !important
}

.theme-2 .h5-match-board-market-trend-box .activeName[data-v-25c56b7c] {
    background: var(--q-gb-bg-c-23)
}

.h5-content-wrap[data-v-25c56b7c] {
    padding: 14px;
    background: var(--q-gb-bg-c-23)
}

.pc-content-wrap[data-v-25c56b7c] {
    padding: 14px;
    background: var(--q-gb-bg-c-11)
}

.no_data_padding[data-v-25c56b7c] {
    padding-top: 20px !important
}

.h5-match-board-chart[data-v-25c56b7c] {
    position: relative;
    width: 100%
}

.h5-loading[data-v-25c56b7c] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    overflow: hidden
}

.la-line-scale[data-v-25c56b7c],
.la-line-scale>div[data-v-25c56b7c] {
    position: relative;
    box-sizing: border-box
}

.la-line-scale[data-v-25c56b7c] {
    display: block;
    font-size: 0
}

.la-line-scale.la-dark[data-v-25c56b7c] {
    color: #333
}

.la-line-scale>div[data-v-25c56b7c] {
    display: inline-block;
    float: none;
    background-color: var(--q-gb-t-c-1);
    border: 0 solid var(--q-gb-t-c-1)
}

.la-line-scale[data-v-25c56b7c] {
    width: 40px;
    height: 32px
}

.la-line-scale>div[data-v-25c56b7c] {
    width: 4px;
    height: 32px;
    margin: 0 2px;
    border-radius: 0;
    animation: line-scale-25c56b7c 1.2s infinite ease
}

.la-line-scale>div[data-v-25c56b7c]:nth-child(1) {
    animation-delay: -1.2s
}

.la-line-scale>div[data-v-25c56b7c]:nth-child(2) {
    animation-delay: -1.1s
}

.la-line-scale>div[data-v-25c56b7c]:nth-child(3) {
    animation-delay: -1s
}

.la-line-scale>div[data-v-25c56b7c]:nth-child(4) {
    animation-delay: -.9s
}

.la-line-scale>div[data-v-25c56b7c]:nth-child(5) {
    animation-delay: -.8s
}

.la-line-scale.la-sm[data-v-25c56b7c] {
    width: 20px;
    height: 16px
}

.la-line-scale.la-sm>div[data-v-25c56b7c] {
    width: 2px;
    height: 16px;
    margin: 0 1px
}

.la-line-scale.la-2x[data-v-25c56b7c] {
    width: 80px;
    height: 64px
}

.la-line-scale.la-2x>div[data-v-25c56b7c] {
    width: 8px;
    height: 64px;
    margin: 0 4px
}

.la-line-scale.la-3x[data-v-25c56b7c] {
    width: 120px;
    height: 96px
}

.la-line-scale.la-3x>div[data-v-25c56b7c] {
    width: 12px;
    height: 96px;
    margin: 0 6px
}

@keyframes line-scale-25c56b7c {

    0%,
    40%,
    to {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.board-btn[data-v-25c56b7c] {
    border-radius: 24px;
    height: 28px !important;
    padding: 0 10px;
    flex-shrink: 1;
    min-width: 0;
    background: #ffffff0d !important
}

.board-btn.board-btn-confirm[data-v-25c56b7c] {
    flex-shrink: 0
}

.app-h5-2025 .theme-2 .board-btn[data-v-25c56b7c] {
    background: #f6f9ff !important
}

.app-h5-202411 .theme-2 .board-btn[data-v-25c56b7c] {
    background: #f6f7fa !important
}

.icon_topic[data-v-25c56b7c] {
    width: .1rem;
    height: .1rem;
    margin-left: .06rem;
    margin-top: .04rem
}

.pc-match-board-market-trend-box[data-v-a9f9781d] {
    margin-bottom: 15px;
    background: var(--q-gb-bg-c-11);
    border-radius: 5px;
    border: 2px 0px 0px 0px;
    opacity: 0px
}

.pc-match-board-market-trend-box .info_trend[data-v-a9f9781d] {
    color: var(--q-gb-t-c-3)
}

.pc-match-board-market-trend-selet_top_box[data-v-a9f9781d] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    column-gap: 14px
}

.pc-match-board-market-trend-selet_top_box .left_box[data-v-a9f9781d] {
    width: 188px;
    border-radius: 100px;
    margin-top: 10px;
    display: flex;
    justify-content: space-around
}

.pc-match-board-market-trend-selet_top_box .left_box .tabs_item[data-v-a9f9781d] {
    width: 56px;
    height: 30px;
    padding: 4px 16px;
    gap: 10px;
    border-radius: 20px;
    opacity: 0px;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: var(--q-text-color-2)
}

.pc-match-board-market-trend-selet_top_box .left_box .active[data-v-a9f9781d] {
    background: var(--q-gb-t-c-16) !important;
    color: #fff
}

.pc-match-board-market-trend-selet_top_box .right_box[data-v-a9f9781d] {
    cursor: pointer;
    height: 21px;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px
}

.pc-match-board-market-trend-selet_top_box .right_box .selectBox[data-v-a9f9781d] {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    max-width: 88px;
    padding: 0 8px
}

.pc-match-board-market-trend-selet_top_box .right_box .selectBox .touxiang[data-v-a9f9781d] {
    margin-left: 7px;
    height: 12px;
    width: 12px;
    transform: rotate(180deg);
    background-position: center
}

.pc-match-board-market-trend-selet_top_box .right_box .seletText[data-v-a9f9781d] {
    color: var(--q-text-color-1)
}

.pc-match-board-market-trend-selet_top_box .right_box .select_panel[data-v-a9f9781d] {
    width: 88px;
    height: auto;
    z-index: 11;
    position: absolute;
    top: 29px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 var(--q-gb-bd-c-18)
}

.pc-match-board-market-trend-selet_top_box .right_box .select_panel .select_item[data-v-a9f9781d] {
    display: flex;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    padding: 8px;
    z-index: 999;
    color: var(--q-text-color-2)
}

.pc-match-board-market-trend-selet_top_box .btn_color[data-v-a9f9781d] {
    color: var(--q-gb-t-c-16) !important
}

.pc-match-board-market-trend-selet_top_box .borBtn[data-v-a9f9781d] {
    border-radius: 999px;
    padding: 0 15px;
    background: var(--q-gb-t-c-16) !important;
    color: #fff !important;
    text-align: center;
    height: 24px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.pc-match-board-market-trend-echarts-wrap[data-v-a9f9781d] {
    position: relative
}

.pc-match-board-market-trend-echarts-wrap .echarts-bg[data-v-a9f9781d] {
    position: absolute;
    inset: 30px 0 5% 10%;
    height: 300px;
    width: 80%;
    background-size: cover
}

.pc-match-board-market-trend-box[data-v-a9f9781d] {
    padding-bottom: 5px
}

.pc-match-board-market-trend-box .info_trend[data-v-a9f9781d] {
    margin: 10px
}

.pc-match-board-market-trend-box .trend-icon[data-v-a9f9781d] {
    width: 16px;
    height: 16px;
    transform: rotate(180deg)
}

.pc-match-board-market-trend-selet_top_box .left_box[data-v-a9f9781d] {
    background-color: var(--q-gb-bg-c-41)
}

.pc-match-board-market-trend-selet_top_box .right_box .select_panel[data-v-a9f9781d] {
    background: var(--q-toast-color-bg-2)
}

.pc-match-board-market-trend-selet_top_box .right_box .select_panel .select_item[data-v-a9f9781d]:hover {
    background: var(--q-theme-color-2-hover);
    color: var(--q-text-color-white-all)
}

.pc-match-board-market-trend-selet_top_box .right_box .select_panel .activeName[data-v-a9f9781d] {
    background: var(--q-transparent-theme-color-1);
    color: var(--q-gb-t-c-16)
}

.pc-match-board-market-trend-echarts-wrap .echarts-bg[data-v-a9f9781d] {
    background-image: url(/image/details/echarts-bg.png)
}

.h5-match-board-market-trend-box[data-v-a9f9781d] {
    margin-bottom: 15px;
    background: var(--q-analysis-trend-bg-color-5);
    border-radius: 5px;
    border: 2px 0px 0px 0px;
    opacity: 0px
}

.h5-match-board-market-trend-box .info_trend[data-v-a9f9781d] {
    margin-left: 15px;
    color: var(--q-analysis-text-color-20)
}

.h5-match-board-market-trend-selet_top_box[data-v-a9f9781d] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
    margin-left: 10px;
    margin-right: 10px
}

.h5-match-board-market-trend-selet_top_box .left_box[data-v-a9f9781d] {
    width: 188px;
    border-radius: 100px;
    margin-top: 10px;
    background-color: var(--q-analysis-trend-bg-color-2);
    display: flex;
    justify-content: space-around
}

.h5-match-board-market-trend-selet_top_box .left_box .tabs_item[data-v-a9f9781d] {
    width: 56px;
    height: 30px;
    padding: 4px 16px;
    gap: 10px;
    border-radius: 20px;
    opacity: 0px;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--q-analysis-text-color-36)
}

.h5-match-board-market-trend-selet_top_box .left_box .active[data-v-a9f9781d] {
    color: var(--q-analysis-text-color-37);
    background: var(--q-analysis-trend-bg-color-2)
}

.h5-match-board-market-trend-selet_top_box .right_box[data-v-a9f9781d] {
    height: 21px;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px
}

.h5-match-board-market-trend-selet_top_box .right_box .selectBox[data-v-a9f9781d] {
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.h5-match-board-market-trend-selet_top_box .right_box .selectBox img[data-v-a9f9781d] {
    margin-left: 8px
}

.h5-match-board-market-trend-selet_top_box .right_box .seletText[data-v-a9f9781d] {
    color: var(--q-analysis-text-color-20);
    max-width: .65rem
}

.h5-match-board-market-trend-selet_top_box .right_box .select_panel[data-v-a9f9781d] {
    width: 88px;
    height: auto;
    position: absolute;
    top: 28px;
    left: 0;
    border-radius: 4px;
    background: var(--q-gb-bg-c-20);
    box-shadow: 0 2px 8px #e2e2e4;
    z-index: 11
}

.h5-match-board-market-trend-selet_top_box .right_box .select_panel .select_item[data-v-a9f9781d] {
    display: flex;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: var(--q-analysis-text-color-36);
    padding: 8px;
    z-index: 999
}

.h5-match-board-market-trend-selet_top_box .right_box .select_panel .activeName[data-v-a9f9781d] {
    color: #179cff
}

.h5-match-board-market-trend-echarts-wrap[data-v-a9f9781d] {
    position: relative
}

.h5-match-board-market-trend-echarts-wrap .echarts-bg[data-v-a9f9781d] {
    position: absolute;
    inset: 30px 0 5% 10%;
    height: 300px;
    width: 80%;
    background-size: contain
}

.btn_color[data-v-a9f9781d] {
    color: var(--q-gb-t-c-1)
}

.theme-1 .h5-match-board-market-trend-box .activeName[data-v-a9f9781d] {
    background: #ffffff0a
}

.theme-1 .h5-match-board-market-trend-box .select_panel[data-v-a9f9781d] {
    box-shadow: 0 2px 8px #e2e2e414 !important
}

.theme-2 .h5-match-board-market-trend-box .activeName[data-v-a9f9781d] {
    background: var(--q-gb-bg-c-23)
}

.h5-content-wrap[data-v-a9f9781d] {
    padding: 14px;
    background: var(--q-gb-bg-c-23)
}

.pc-content-wrap[data-v-a9f9781d] {
    padding: 14px;
    background: var(--q-gb-bg-c-11)
}

.pc-match-board-chart[data-v-a9f9781d] {
    position: relative;
    width: 100%;
    min-height: 200px
}

.pc-match-board-chart-height[data-v-a9f9781d] {
    min-height: 500px !important
}

.integral-head-info-loading[data-v-a9f9781d] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden
}

.img-loading[data-v-a9f9781d] {
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.right_box_one[data-v-a9f9781d] {
    background: var(--q-bg-color-2-1);
    border-radius: 24px;
    height: 28px !important
}

.new-pc-202411 .theme-1-logo .right_box_two[data-v-a9f9781d] {
    background: #f6f7fa;
    border-radius: 24px;
    height: 28px !important
}

.new-pc-202411 .theme-2-logo .right_box_two[data-v-a9f9781d] {
    background: #ffffff0d;
    border-radius: 24px;
    height: 28px !important
}

.pc-match-board-market-trend-box[data-v-a0be1cd1] {
    padding-bottom: 5px
}

.pc-match-board-market-trend-box .info_trend[data-v-a0be1cd1] {
    margin: 10px
}

.pc-match-board-market-trend-box .trend-icon[data-v-a0be1cd1] {
    width: 16px;
    height: 16px;
    transform: rotate(180deg)
}

.pc-match-board-market-trend-selet_top_box .left_box[data-v-a0be1cd1] {
    background-color: var(--q-gb-bg-c-41)
}

.pc-match-board-market-trend-selet_top_box .right_box .select_panel[data-v-a0be1cd1] {
    background: var(--q-toast-color-bg-2)
}

.pc-match-board-market-trend-selet_top_box .right_box .select_panel .select_item[data-v-a0be1cd1]:hover {
    background: var(--q-theme-color-2-hover);
    color: var(--q-text-color-white-all)
}

.pc-match-board-market-trend-selet_top_box .right_box .select_panel .activeName[data-v-a0be1cd1] {
    background: var(--q-transparent-theme-color-1);
    color: var(--q-gb-t-c-16)
}

.pc-match-board-market-trend-echarts-wrap .echarts-bg[data-v-a0be1cd1] {
    background-image: url(/image/details/echarts-bg.png)
}

.h5-match-board-market-trend-box[data-v-a0be1cd1] {
    margin-bottom: 15px;
    background: var(--q-analysis-trend-bg-color-5);
    border-radius: 5px;
    border: 2px 0px 0px 0px;
    opacity: 0px
}

.h5-match-board-market-trend-box .info_trend[data-v-a0be1cd1] {
    margin-left: 15px;
    color: var(--q-analysis-text-color-20)
}

.h5-match-board-market-trend-selet_top_box[data-v-a0be1cd1] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
    margin-left: 10px;
    margin-right: 10px
}

.h5-match-board-market-trend-selet_top_box .left_box[data-v-a0be1cd1] {
    width: 188px;
    border-radius: 100px;
    margin-top: 10px;
    background-color: var(--q-analysis-trend-bg-color-2);
    display: flex;
    justify-content: space-around
}

.h5-match-board-market-trend-selet_top_box .left_box .tabs_item[data-v-a0be1cd1] {
    width: 56px;
    height: 30px;
    padding: 4px 16px;
    gap: 10px;
    border-radius: 20px;
    opacity: 0px;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--q-analysis-text-color-36)
}

.h5-match-board-market-trend-selet_top_box .left_box .active[data-v-a0be1cd1] {
    color: var(--q-analysis-text-color-37);
    background: var(--q-analysis-trend-bg-color-2)
}

.h5-match-board-market-trend-selet_top_box .right_box[data-v-a0be1cd1] {
    height: 21px;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px
}

.h5-match-board-market-trend-selet_top_box .right_box .selectBox[data-v-a0be1cd1] {
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.h5-match-board-market-trend-selet_top_box .right_box .selectBox img[data-v-a0be1cd1] {
    margin-left: 8px
}

.h5-match-board-market-trend-selet_top_box .right_box .seletText[data-v-a0be1cd1] {
    color: var(--q-analysis-text-color-20);
    max-width: .65rem
}

.h5-match-board-market-trend-selet_top_box .right_box .select_panel[data-v-a0be1cd1] {
    width: 88px;
    height: auto;
    position: absolute;
    top: 28px;
    left: 0;
    border-radius: 4px;
    background: var(--q-gb-bg-c-20);
    box-shadow: 0 2px 8px #e2e2e4;
    z-index: 11
}

.h5-match-board-market-trend-selet_top_box .right_box .select_panel .select_item[data-v-a0be1cd1] {
    display: flex;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: var(--q-analysis-text-color-36);
    padding: 8px;
    z-index: 999
}

.h5-match-board-market-trend-selet_top_box .right_box .select_panel .activeName[data-v-a0be1cd1] {
    color: #179cff
}

.h5-match-board-market-trend-echarts-wrap[data-v-a0be1cd1] {
    position: relative
}

.h5-match-board-market-trend-echarts-wrap .echarts-bg[data-v-a0be1cd1] {
    position: absolute;
    inset: 30px 0 5% 10%;
    height: 300px;
    width: 80%;
    background-size: contain
}

.btn_color[data-v-a0be1cd1] {
    color: var(--q-gb-t-c-1)
}

.theme-1 .h5-match-board-market-trend-box .activeName[data-v-a0be1cd1] {
    background: #ffffff0a
}

.theme-1 .h5-match-board-market-trend-box .select_panel[data-v-a0be1cd1] {
    box-shadow: 0 2px 8px #e2e2e414 !important
}

.theme-2 .h5-match-board-market-trend-box .activeName[data-v-a0be1cd1] {
    background: var(--q-gb-bg-c-23)
}

.h5-content-wrap[data-v-a0be1cd1] {
    padding: 14px;
    background: var(--q-gb-bg-c-23)
}

.pc-content-wrap[data-v-a0be1cd1] {
    padding: 14px;
    background: var(--q-gb-bg-c-11)
}

.match-board-wrap.pc-match-board-wrap-bg[data-v-a0be1cd1] {
    margin-top: 8px;
    border-radius: var(--radius-lg, 8px)
}

.match-board-wrap[data-v-a0be1cd1] {
    position: relative;
    z-index: 99
}

.pc-match-board-wrap-bg[data-v-a0be1cd1] {
    background-color: var(--q-gb-bd-c-13)
}

.h5-match-board-wrap-bg[data-v-a0be1cd1] {
    background-color: var(--q-gb-bg-c-23)
}

.parting-line[data-v-a0be1cd1] {
    padding-bottom: 2px;
    border-bottom: 1px solid var(--q-tab-border-color-1)
}

.h5-flex-wrap[data-v-a0be1cd1] {
    position: relative;
    z-index: 99;
    margin-top: -1px;
    background-color: var(--q-gb-bg-c-23)
}

.big-screen[data-v-a0be1cd1] {
    min-height: 500px
}

.timeline-video[data-v-54e01a25] {
    padding: 8px;
    box-sizing: border-box;
    background-color: var(--q-events-color-1-3-bg);
    border-radius: 8px;
    margin-bottom: 8px;
    z-index: 2;
    opacity: 1;
    color: var(--q-text-color-1);
    display: flex;
    flex-direction: column
}

.timeline-video.row_reverse[data-v-54e01a25] {
    flex-direction: column-reverse
}

.timeline-video .timeline-video-content[data-v-54e01a25] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    position: relative
}

.timeline-video .timeline-video-content .timeline-video-side[data-v-54e01a25] {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    padding: 0 4px
}

.timeline-video .timeline-video-content .timeline-video-side span[data-v-54e01a25] {
    position: relative
}

.timeline-video .timeline-video-content .timeline-video-side span.modify[data-v-54e01a25]:before {
    content: "";
    position: absolute;
    left: -4px;
    right: 0;
    top: 50%;
    height: 1px;
    background: var(--q-text-color-1);
    pointer-events: none;
    width: calc(100% + 8px)
}

.timeline-video .timeline-video-content .timeline-video-middle[data-v-54e01a25] {
    height: 26px;
    line-height: 26px;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 700
}

.timeline-video .timeline-video-content .timeline-video-middle span[data-v-54e01a25] {
    position: relative
}

.timeline-video .timeline-video-content .timeline-video-middle span.modify[data-v-54e01a25]:before {
    content: "";
    position: absolute;
    left: -6px;
    right: 0;
    top: 50%;
    height: 1px;
    background: var(--q-text-color-1);
    pointer-events: none;
    width: calc(100% + 12px)
}

.timeline-video .timeline-video-content.away[data-v-54e01a25] {
    flex-direction: row-reverse
}

.timeline-video .timeline-video-content.away .timeline-video-side[data-v-54e01a25] {
    justify-content: flex-start
}

.timeline-video .timeline-video-content.away .timeline-video[data-v-54e01a25] {
    background: #ffb0010d
}

.no-home-away .timeline-video[data-v-54e01a25] {
    flex-direction: row-reverse
}

.large-video-timeline[data-v-54e01a25] {
    width: 320px
}

.small-video-timeline[data-v-54e01a25] {
    width: 100%
}

.small-video-timeline.dialog-analysis[data-v-54e01a25] {
    width: 50%;
    min-width: 200px
}

.dialog-analysis-wrap.away[data-v-54e01a25] {
    display: flex
}

.dialog-analysis-wrap.home[data-v-54e01a25] {
    display: flex;
    justify-content: flex-end
}

.pc-event-card.away .timeline-video[data-v-54e01a25],
.pc-event-card.no-home-away .timeline-video[data-v-54e01a25] {
    background: var(--q-events-color-2-3)
}

.timeline-icon[data-v-469ca9c4] {
    width: 20px;
    height: 20px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translate(-50%)
}

.timeline-icon img[data-v-469ca9c4] {
    width: 14px;
    height: 14px
}

.timeline-icon.hide-icon[data-v-469ca9c4] {
    visibility: hidden
}

.events-time-line-wrap[data-v-469ca9c4] {
    overflow-y: auto
}

.events-time-line-wrap[data-v-469ca9c4] .events-timeline-entry {
    padding-bottom: 5px
}

.events-time-line-wrap[data-v-469ca9c4] .events-timeline-entry .q-timeline__dot:before {
    width: 20px;
    height: 20px;
    border: 1px solid #e9edf7;
    background: transparent;
    left: -3px
}

.events-time-line-wrap[data-v-469ca9c4] .events-timeline-entry .q-timeline__dot:after {
    background: #e9edf7;
    width: 1px;
    opacity: 1;
    top: 30px
}

.h5-line-wrap.events-time-line-wrap[data-v-469ca9c4] .events-timeline-entry .q-timeline__dot:before {
    border: 1px solid #179CFF
}

.h5-line-wrap.events-time-line-wrap[data-v-469ca9c4] .events-timeline-entry .q-timeline__dot:after {
    background: #179cff
}

.h5-line-wrap.events-time-line-wrap[data-v-469ca9c4] .events-timeline-entry.half-time .q-timeline__dot:after {
    top: auto;
    bottom: 0;
    height: 20px
}

.large-video-timeline[data-v-469ca9c4] {
    width: 320px
}

.small-video-timeline[data-v-469ca9c4] {
    width: 100%
}

.pc-iframe[data-v-469ca9c4] .timeline-video {
    padding: 8px 6px
}

.timeline-video[data-v-469ca9c4] {
    display: flex;
    align-items: center;
    padding: 8px;
    box-sizing: border-box;
    background-color: var(--q-gb-bg-c-22);
    border-radius: 8px;
    margin-bottom: 8px;
    z-index: 2;
    opacity: 1
}

.timeline-video-left[data-v-469ca9c4] {
    width: 80px;
    height: 56px;
    border-radius: 6px;
    position: relative;
    padding: 4px;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    cursor: pointer
}

.timeline-video-left .play_icon[data-v-469ca9c4] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-image: var(--qq--match-result-play_icon);
    background-repeat: no-repeat;
    background-size: 100%
}

.timeline-video-left .score[data-v-469ca9c4] {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    color: #fff;
    font-weight: 600
}

.timeline-video-left[data-v-469ca9c4]:hover {
    border: 2px solid var(--q-gb-t-c-16)
}

.timeline-video-right[data-v-469ca9c4] {
    flex: 1;
    height: 56px;
    margin: 0 6px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.timeline-video-right .right-item[data-v-469ca9c4] {
    height: 14px;
    line-height: 16px;
    color: var(--qq--wonderfu-time-line-title)
}

.timeline-video-right .time[data-v-469ca9c4] {
    font-weight: 600;
    color: var(--q-gb-t-c-3);
    font-size: 14px
}

.timeline-video-right .name[data-v-469ca9c4] {
    font-weight: 400;
    color: var(--q-gb-t-c-10)
}

.timeline-video-right .name .replay-score[data-v-469ca9c4] {
    margin: 0 .4rem;
    color: var(--q-gb-t-c-16)
}

.away .timeline-video[data-v-469ca9c4] {
    background: #ffb0010d
}

.timeline-more-btn[data-v-469ca9c4] {
    display: table;
    border-radius: 8px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 24px;
    color: #333;
    font-weight: 400;
    word-wrap: break-word;
    text-align: center;
    background: #d5d7db;
    cursor: pointer;
    min-width: 70px;
    margin: 6px auto 0
}

.timeline-more-btn-wrap[data-v-469ca9c4] .q-timeline__subtitle {
    display: none
}

.timeline-more-btn-wrap[data-v-469ca9c4] .q-timeline__content {
    float: none;
    padding: 0;
    width: auto
}

.last-one-title[data-v-469ca9c4] {
    position: absolute;
    height: 24px;
    border-radius: 8px;
    padding: 0 6px;
    left: 50%;
    top: -18px;
    transform: translate(-50%, -50%);
    font-size: 12px;
    line-height: 24px;
    color: #333;
    font-weight: 400;
    word-wrap: break-word;
    text-align: center;
    background: #d5d7db;
    cursor: pointer
}

[data-v-469ca9c4] .q-timeline__entry .q-timeline__content .q-timeline__title {
    margin-bottom: 0
}

.pc-iframe[data-v-469ca9c4] .q-timeline__entry--right .q-timeline__content {
    padding-left: 15px
}

.pc-iframe[data-v-469ca9c4] .q-timeline__entry--left .q-timeline__content {
    padding-right: 15px
}

.last-btn-wrap[data-v-469ca9c4] {
    position: sticky;
    bottom: 60px
}

.timeline-box[data-v-469ca9c4] .q-timeline__dot.text-primary {
    color: transparent !important
}

.pc-iframe-last-entry[data-v-469ca9c4] .q-timeline__dot.text-primary {
    height: 0 !important
}

.pc-iframe-last-entry[data-v-469ca9c4] .q-timeline__content {
    height: 24px !important
}

.pc-iframe-last-entry-title[data-v-469ca9c4] {
    width: 72px;
    position: initial;
    margin-top: 6px;
    transform: translate(-65px) !important
}

.h5-middle-rest[data-v-469ca9c4] {
    white-space: nowrap;
    border-radius: 12px;
    padding: 0 16px;
    text-align: center;
    max-width: 100px;
    color: var(--q-gb-t-c-1);
    border: 1px solid var(--q-gb-t-c-1);
    font-size: 12px;
    transform: translate(-80%)
}

.middle-rest[data-v-469ca9c4] {
    color: var(--q-gb-t-c-16);
    white-space: nowrap;
    border: 1px solid var(--q-gb-t-c-16);
    border-radius: 12px;
    padding: 0 16px;
    text-align: center;
    transform: translate(-80%);
    max-width: 100px;
    background-color: var(--q-gb-bg-c-13)
}

.middle-restTX[data-v-469ca9c4] {
    transform: translate(-68%) !important
}

.half-time.events-timeline-entry[data-v-469ca9c4] {
    padding-top: 7px;
    padding-bottom: 27px
}

.half-time.events-timeline-entry[data-v-469ca9c4] .q-timeline__dot:before {
    opacity: 0
}

.h5-line-wrap .middle-rest[data-v-469ca9c4] {
    color: var(--q-gb-t-c-1);
    border: 1px solid var(--q-gb-t-c-1);
    font-size: 12px;
    transform: translate(-100px)
}

.btn-content-wrap[data-v-469ca9c4] {
    display: flex;
    justify-content: end
}

.btn_content[data-v-469ca9c4] {
    width: 30px;
    height: 70px;
    position: fixed;
    z-index: 1000;
    margin-right: 0;
    bottom: 100px
}

.btn_content.hide[data-v-469ca9c4] {
    z-index: -100;
    visibility: hidden;
    opacity: .01
}

.btn_content .topUp[data-v-469ca9c4] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 100% 100% !important
}

.btn_content .topUp[data-v-469ca9c4]:hover {
    cursor: pointer
}

.btn_content .topDown[data-v-469ca9c4] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 100% 100% !important;
    margin-top: 10px;
    transform: rotate(180deg)
}

.btn_content .topDown[data-v-469ca9c4]:hover {
    cursor: pointer
}

.simple-wrap[data-v-8e8b808f] {
    display: flex;
    padding: 16px;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
    color: var(--q-analysis-text-color-20);
    bottom: 0;
    z-index: 10;
    border-top: 1px solid var(--q-gb-bd-c-8);
    background-color: var(--q-bg-color-3-2)
}

.simple-wrap .events-wrap[data-v-8e8b808f] {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    gap: 5px;
    max-height: 46px;
    height: 46px;
    scrollbar-width: thin
}

.simple-wrap .events-wrap[data-v-8e8b808f]::-webkit-scrollbar {
    width: 4px
}

.simple-wrap .events-wrap img[data-v-8e8b808f] {
    vertical-align: -2px
}

.simple-wrap img[data-v-8e8b808f] {
    margin-right: 4px
}

.theme-2.simple-wrap[data-v-8e8b808f],
.theme-3.simple-wrap[data-v-8e8b808f] {
    color: #a0a0a0
}

.h5-simple-wrap.simple-wrap[data-v-8e8b808f] {
    background-color: var(--q-gb-bg-c-23);
    border-top: 1px solid var(--q-color-border-divide-alt);
    margin-top: 20px
}

.h5-simple-wrap.simple-wrap[data-v-8e8b808f] .last-one-title {
    top: -20px
}

.pc-iframe.simple-wrap[data-v-8e8b808f] {
    position: initial;
    margin-top: 0
}

.new-pc-202411 .theme-2-logo .simple-wrap[data-v-8e8b808f] {
    background: #212634
}

.new-pc-202411 .theme-1-logo .simple-wrap[data-v-8e8b808f] {
    background: #f6f7fa
}

.simple-center[data-v-8e8b808f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.scroll-control-btn-pc[data-v-b04f2629] {
    display: flex;
    flex-direction: column;
    gap: 8px 0px
}

.scroll-control-btn-pc .control-btn[data-v-b04f2629] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 100% 100% !important;
    cursor: pointer
}

.scroll-control-btn-pc .control-btn.to-end[data-v-b04f2629] {
    transform: rotate(180deg)
}

.match-event-scroll-btn-pc[data-v-e2f6d48a] {
    display: flex;
    justify-content: end
}

.match-event-scroll-btn-pc[data-v-e2f6d48a] .scroll-control-btn-pc {
    position: fixed;
    z-index: 1000;
    bottom: 100px
}

.match-event-scroll-btn-pc[data-v-e2f6d48a] .scroll-control-btn-pc.hide {
    z-index: -100;
    visibility: hidden;
    opacity: .01
}

.scroll-control-btn[data-v-ba3676ce] {
    position: fixed;
    z-index: 20
}

.scroll-control-btn .icon[data-v-ba3676ce] {
    display: block;
    width: .3rem;
    height: .3rem
}

.scroll-control-btn .icon .icon-img[data-v-ba3676ce] {
    width: 100%;
    height: 100%
}

.scroll-control-btn .icon.move-bottom[data-v-ba3676ce] {
    margin-top: .06rem;
    transform: rotate(180deg)
}

.match-event-scroll-btn-h5[data-v-3611b6c3] {
    right: .12rem;
    bottom: 14%
}

.event-tabs-wrap .event-tabs-main[data-v-fd261493] {
    overflow: hidden
}

.event-tabs-wrap .event-tabs[data-v-fd261493] {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto
}

.event-tabs-wrap .event-tabs .event-tab-item[data-v-fd261493] {
    text-align: center;
    flex-shrink: 0
}

.event-tabs-wrap.pc .event-tabs[data-v-fd261493] {
    gap: 8px;
    line-height: normal;
    padding-bottom: 4px
}

.event-tabs-wrap.pc .event-tabs[data-v-fd261493]::-webkit-scrollbar {
    height: 0px
}

.event-tabs-wrap.pc .event-tabs .event-tab-item[data-v-fd261493] {
    cursor: pointer;
    font-size: 12px;
    color: var(--q-text-color-2)
}

.event-tabs-wrap.pc .event-tabs .event-tab-item.event-tab-item-active[data-v-fd261493] {
    font-weight: 700;
    color: var(--q-gb-t-c-16)
}

.event-tabs-wrap.pc .new-pc-2025[data-v-fd261493] {
    background: var(--q-bg-color-3-2)
}

.event-tabs-wrap.h5 .event-tabs-main[data-v-fd261493] {
    padding: 2px;
    background: var(--q-color-layer-toggle-weak-sticky);
    border-radius: .08rem
}

.event-tabs-wrap.h5 .event-tabs .event-tab-item[data-v-fd261493] {
    white-space: nowrap;
    font-size: .12rem;
    color: var(--q-color-text-subtle);
    line-height: 1.4;
    padding: .06rem .1rem;
    flex-grow: 1
}

.event-tabs-wrap.h5 .event-tabs .event-tab-item.event-tab-item-active[data-v-fd261493] {
    font-weight: 700;
    color: var(--q-color-text);
    padding-left: 3px;
    padding-right: 3px;
    background: var(--q-color-layer-toggle-selected);
    border-radius: .08rem
}

.chart-round .text-blue[data-v-026ecf4c],
.chart-round .text-orange[data-v-026ecf4c] {
    font-size: 14px;
    font-weight: 700
}

.chart-round span[data-v-026ecf4c]:last-child {
    margin-left: 4px
}

.chart-round span[data-v-026ecf4c]:nth-child(1) {
    margin-right: 4px
}

.text-gray[data-v-026ecf4c] {
    color: var(--q-gb-t-c-10);
    font-weight: 700
}

.text-c[data-v-026ecf4c] {
    text-align: center;
    color: #555;
    margin-bottom: 8px
}

.wrap-score[data-v-026ecf4c] {
    padding: 10px;
    color: #a0a0a0ab
}

.wrap-score.is_iframe[data-v-026ecf4c] {
    padding: 10px 0
}

.wrap-score .wrap-chart[data-v-026ecf4c] {
    padding: 0 5px
}

.wrap-score[data-v-026ecf4c] .text-blue,
.wrap-score[data-v-026ecf4c] .text-light-blue-13 {
    color: #179cff !important
}

.wrap-score[data-v-026ecf4c] .text-orange {
    color: #ffaa17 !important
}

.char-round[data-v-026ecf4c] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 18px
}

.wrap-chart.goal[data-v-026ecf4c] {
    margin-right: 20px
}

.on_goal[data-v-026ecf4c],
.wide_goal[data-v-026ecf4c] {
    flex: 1
}

.on_goal[data-v-026ecf4c] {
    margin-right: 50px
}

[class *=theme0] .num_zero span.text-blue[data-v-026ecf4c],
[class *=theme0] .num_zero span.text-orange[data-v-026ecf4c] {
    color: var(--q-chatroom-text-color-3) !important
}

[class *=theme0] .num_zero[data-v-026ecf4c] .text-blue {
    color: var(--q-gb-bg-c-10) !important
}

[class *=theme0] .goal .line_num_zero .text-orange[data-v-026ecf4c],
[class *=theme0] .goal .line_num_zero .text-blue[data-v-026ecf4c] {
    color: var(--q-chatroom-text-color-3) !important
}

[class *=theme0] .goal .line_num_zero .bar-progress[data-v-026ecf4c],
[class *=theme0] .goal .line_num_zero .progress-content[data-v-026ecf4c] {
    background: var(--q-gb-bg-c-11) !important
}

.num_zero span.text-blue[data-v-026ecf4c],
.num_zero span.text-orange[data-v-026ecf4c] {
    color: transparent !important
}

.num_zero[data-v-026ecf4c] .text-orange_zero {
    color: var(--q-chatroom-text-orange-1) !important
}

.num_zero[data-v-026ecf4c] .text-orange_zero .text-blue_zero {
    color: transparent
}

.num_zero[data-v-026ecf4c] .text-blue_zero {
    color: transparent !important
}

.num_zero[data-v-026ecf4c] .text-blue_zero .text-blue_zero {
    color: transparent
}

.num_zero .bar-progress[data-v-026ecf4c],
.num_zero .progress-content[data-v-026ecf4c] {
    background: #a0a0a0ab !important
}

.goal .line_num_zero .text-orange[data-v-026ecf4c],
.goal .line_num_zero .text-blue[data-v-026ecf4c] {
    color: #ebecf3 !important
}

.goal .line_num_zero .bar-progress[data-v-026ecf4c] {
    background: #a0a0a0ab !important
}

.goal .line_num_zero .progress-content[data-v-026ecf4c] {
    background: transparent !important
}

.attack-chart[data-v-026ecf4c] {
    display: flex;
    align-items: center;
    gap: 10px
}

[data-v-026ecf4c] .q-knob {
    margin: 5px 0
}

.text-count[data-v-026ecf4c] {
    color: #1d1d1d;
    font-size: 14px
}

.wrap-score.theme-2 .text-count[data-v-026ecf4c],
.wrap-score.theme-3 .text-count[data-v-026ecf4c] {
    color: #f2f2f2
}

.wrap-score.theme-2 .text-c[data-v-026ecf4c],
.wrap-score.theme-3 .text-c[data-v-026ecf4c] {
    color: #a0a0a0
}

.attack-icon[data-v-026ecf4c] {
    width: 16px;
    height: 16px
}

.dilog-knob.q-knob[data-v-026ecf4c] {
    font-size: 120px
}

.iframe-cls .wrap-score[data-v-026ecf4c] {
    padding: 20px 0
}

.dialog-analysis-wrap .wrap-score[data-v-026ecf4c] {
    padding: 20px !important
}

.new-pc-2025 .wrap-score[data-v-026ecf4c] {
    color: #a0a0a0ab
}

.new-pc-2025 .wrap-score[data-v-026ecf4c] .text-blue {
    color: var(--q-events-color-1-1) !important
}

.new-pc-2025 .wrap-score[data-v-026ecf4c] .text-orange {
    color: var(--q-events-color-2-1) !important
}

.new-pc-2025 .wrap-score[data-v-026ecf4c] .text-light-blue-13 {
    color: var(--q-events-color-1-1) !important
}

.new-pc-2025 .wrap-score .num_zero[data-v-026ecf4c] .text-grey-5 {
    color: var(--q-bg-color-2-2) !important
}

.new-pc-2025 .text-count[data-v-026ecf4c] {
    color: var(--q-gb-t-c-3);
    font-size: 14px
}

.new-pc-2025 .text-c[data-v-026ecf4c] {
    color: var(--q-text-color-2)
}

.score-tabs[data-v-026ecf4c] {
    margin-bottom: 10px
}

.score-tabs[data-v-026ecf4c] .event-tabs {
    justify-content: center
}

.predict-gole[data-v-f3107335] {
    display: flex;
    height: 60px;
    margin-top: 20px
}

.predict-gole .gole-l[data-v-f3107335] {
    width: 30%;
    display: flex
}

.predict-gole .gole-r[data-v-f3107335] {
    width: 30%;
    display: flex;
    justify-content: flex-end
}

.predict-gole .gole-l-item[data-v-f3107335] {
    width: 31px;
    height: 100%
}

.predict-gole .gole-l-item .item-total[data-v-f3107335] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    justify-content: center
}

.predict-gole .gole-l-item .item-total div[data-v-f3107335] {
    width: auto;
    min-width: 30px;
    height: 24px;
    border-radius: 10px;
    padding: 0 5px;
    background: #179cff20;
    color: #1d1d1d;
    display: flex;
    justify-content: center;
    align-items: center
}

.predict-gole .gole-l-item .left[data-v-f3107335] {
    align-items: flex-start
}

.predict-gole .gole-l-item .right[data-v-f3107335] {
    align-items: flex-end
}

.predict-gole .gole-l-item .right div[data-v-f3107335] {
    background: #ffb001 !important;
    color: #fff !important
}

.predict-gole .gole-m[data-v-f3107335] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--q-analysis-text-color-5);
    gap: 20px;
    justify-content: center;
    text-align: center
}

.predict-gole.theme-2 .item-total div[data-v-f3107335],
.predict-gole.theme-3 .item-total div[data-v-f3107335] {
    color: #f2f2f2;
    background: #45b2ff34
}

.predict-gole.theme-2 .gole-m[data-v-f3107335],
.predict-gole.theme-3 .gole-m[data-v-f3107335] {
    color: #a0a0a0
}

.predict-gole.h5-predict-gole .gole-l .gole-l-item .left div[data-v-f3107335] {
    background: var(--q-gb-t-c-1) !important
}

.new-pc-2025 .gole-l-item .item-total div[data-v-f3107335] {
    background: var(--q-events-color-1-1);
    color: var(--q-text-color-white-all)
}

.new-pc-2025 .predict-gole .gole-l-item .right div[data-v-f3107335] {
    background: var(--q-events-color-2-1) !important;
    color: var(--q-text-color-white-all) !important
}

.timeline-score-style[data-v-41122434],
.timeline-game-start .timeline-score[data-v-41122434],
.timeline-video-box .timeline-score[data-v-41122434] {
    font-size: 12px;
    font-weight: 700;
    color: var(--q-gb-t-c-16);
    flex-shrink: 0
}

.tab_wrap[data-v-41122434] {
    display: inline-block;
    height: 24px;
    margin-bottom: 12px;
    box-shadow: 0 2px 2px 0 var(--q-shadow-3);
    color: var(--q-text-color-2);
    border-radius: 12px;
    background: #f6f9ff
}

.tab_wrap .tab_item[data-v-41122434] {
    padding: 0 12px;
    display: inline-block;
    border-radius: 12px;
    height: 24px;
    line-height: 24px
}

.tab_wrap .tab_active[data-v-41122434] {
    color: #fff;
    background-color: var(--q-gb-t-c-16);
    box-shadow: 0 2px 2px 0 var(--shadow-3, rgba(0, 56, 98, .1))
}

.tab_wrap.theme-2[data-v-41122434] {
    background-color: var(--q-gb-bg-c-95);
    color: var(--q-gb-t-c-16)
}

.tab_wrap.theme-2 .tab_item[data-v-41122434] {
    color: var(--q-text-color-2)
}

.tab_wrap.theme-2 .tab_active[data-v-41122434] {
    color: #fff
}

.empty-wrap-tips[data-v-41122434] {
    text-align: center
}

.video_history_line[data-v-41122434] {
    background: var(--qq--y0-bg-color12)
}

.video_history_line[data-v-41122434] .q-timeline .q-timeline__entry .q-timeline__dot:before {
    opacity: 0
}

p[data-v-41122434] {
    margin: 0;
    padding: 0
}

.flex-row[data-v-41122434],
.away[data-v-41122434] {
    flex-direction: row
}

.flex-row .timeline-video-right .name .replay-score[data-v-41122434],
.away .timeline-video-right .name .replay-score[data-v-41122434] {
    margin-left: .2rem !important
}

.flex-row-reverse[data-v-41122434] {
    flex-direction: row-reverse
}

.infoBox[data-v-41122434] {
    width: 100%
}

.timeline-box[data-v-41122434] {
    min-height: 234px;
    padding: 16px 0;
    box-sizing: border-box;
    position: relative
}

.timeline-box[data-v-41122434]::-webkit-scrollbar {
    display: none
}

.timeline-box-olympic[data-v-41122434] .q-timeline__content .replay-score {
    color: #d7c378 !important
}

.timeline[data-v-41122434] {
    width: 100%;
    min-height: 100px;
    background: var(--qq--y0-bg-color12)
}

.timeline-title[data-v-41122434] {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center
}

.timeline-title .icon[data-v-41122434] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(---bg-color-3-1);
    display: flex;
    align-items: center;
    justify-content: center
}

.timeline-title .time[data-v-41122434] {
    border-radius: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    position: relative
}

.timeline-title .time.theme-1[data-v-41122434] {
    border: 1px solid #E8EAED;
    color: #31373d
}

.timeline-title .time.theme-2[data-v-41122434] {
    border: 1px solid rgba(255, 255, 255, .06);
    color: #f2f2f2
}

.timeline-video-box[data-v-41122434] {
    padding: 8px;
    background-color: #f6f9ff;
    border-radius: 8px;
    margin-bottom: 8px;
    width: 200px;
    display: flex;
    align-items: center;
    gap: 6px
}

.timeline-video-box.isiframe_1.details[data-v-41122434],
.timeline-video-box.isiframe_1.home[data-v-41122434] {
    width: 148px
}

.timeline-video-box.new-pc-2025.theme-2[data-v-41122434] {
    background-color: #ffffff05 !important
}

.timeline-video-box.new-pc-202411.theme-2[data-v-41122434] {
    background-color: #4176fa0d !important
}

.timeline-video-box.analysis_header.theme-2[data-v-41122434] {
    color: var(--q-text-color-2)
}

.timeline-video-box .timeline-video-item[data-v-41122434] {
    position: relative;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    padding: 2px;
    overflow: hidden;
    background-color: var(--q-gb-t-c-16);
    border: 2px solid transparent;
    flex-shrink: 0
}

.timeline-video-box .timeline-video-item[data-v-41122434]:hover {
    border-color: var(--q-gb-t-c-16)
}

.timeline-video-box .timeline-video-item .play_icon[data-v-41122434] {
    display: block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 97%
}

.timeline-video-box .timeline-detail-item[data-v-41122434] {
    overflow: hidden
}

.timeline-video-box .timeline-team-name[data-v-41122434] {
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--q-text-color-2)
}

.timeline-video-box .timeline-event-or-addition[data-v-41122434] {
    flex-shrink: 0
}

.timeline-video-box .timeline-event-or-addition .icon-box[data-v-41122434] {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.timeline-video-box .timeline-event-or-addition .icon-box .result-icon[data-v-41122434] {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 100%
}

.timeline-video-box .timeline-event-or-addition .addition[data-v-41122434] {
    font-size: 12px;
    font-weight: 700
}

.timeline-video-box .timeline-detail-base[data-v-41122434] {
    display: flex;
    align-items: center;
    gap: 4px
}

.timeline-video-box .timeline-extra-info[data-v-41122434] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--q-text-color-3-1)
}

.timeline-video-box .timeline-extra-info span[data-v-41122434]:not(:first-child) {
    margin-left: 2px
}

.timeline-video-box.timeline-box-home[data-v-41122434],
.timeline-video-box.timeline-box-home .timeline-detail-base[data-v-41122434] {
    flex-direction: row-reverse
}

.timeline-video-box .timeline-video-right .timeline-video-right-line1[data-v-41122434] {
    width: 100%;
    display: flex
}

.timeline-video-box .timeline-video-right .timeline-video-right-line1.home[data-v-41122434] {
    text-align: right
}

.timeline-video-box .timeline-video-right .timeline-video-right-line1 .icon-box[data-v-41122434] {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.timeline-video-box .timeline-video-right .timeline-video-right-line1.time[data-v-41122434] {
    font-size: 12px;
    font-weight: 700
}

.timeline-video-box .timeline-video-bottom[data-v-41122434] {
    height: 18px;
    line-height: 18px;
    display: flex;
    justify-content: flex-start
}

.timeline-video-box .timeline-video-bottom .score[data-v-41122434] {
    color: var(--q-gb-t-c-16);
    font-size: 12px;
    display: inline-block;
    font-weight: 700
}

.timeline-video-box .timeline-video-bottom .team-name[data-v-41122434] {
    display: inline-block;
    font-size: 12px;
    max-width: calc(100% - 40px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.timeline-video-box .timeline-video-bottom .team-name.new-pc-2025.theme-1[data-v-41122434] {
    color: #555
}

.timeline-video-box .timeline-video-bottom .team-name.new-pc-2025.theme-2[data-v-41122434] {
    color: #f2f2f2
}

.timeline-video-box .timeline-video-bottom .team-name.new-pc-202411.theme-1[data-v-41122434] {
    color: #31373d
}

.timeline-video-box .timeline-video-bottom .team-name.new-pc-202411.theme-2[data-v-41122434] {
    color: #f2f2f2
}

.result-icon[data-v-41122434] {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block
}

.rs_yellow_card[data-v-41122434] {
    background-position: 0 -150px
}

.rs_red_card[data-v-41122434] {
    background-position: 0 -195px
}

.rs_corner[data-v-41122434] {
    background-position: 0 -240px
}

.rs_goal[data-v-41122434] {
    background-position: 0 -285px
}

.rs_yellow_red_card[data-v-41122434] {
    background-position: 0 -195px
}

.rs_dian[data-v-41122434] {
    background-position: 0 -315px
}

.rs_jin_shang[data-v-41122434] {
    background-position: 0 -255px
}

.rs_jin_quan[data-v-41122434] {
    background-position: 0 -285px
}

.rs_add_time[data-v-41122434] {
    background-position: 0 -300px
}

.rs_jiao_quan[data-v-41122434] {
    background-position: 0 -240px
}

.rs[data-v-41122434]:before {
    font-size: 16px
}

.rs[data-v-41122434]:last-child {
    margin-right: 0
}

.name-tips[data-v-41122434] {
    color: var(--q-gb-t-c-3)
}

.q-timeline__entry--left .timeline-video-right[data-v-41122434] {
    justify-content: center;
    gap: 4px;
    padding-right: 4px
}

.q-timeline__entry--right .timeline-video-right[data-v-41122434],
.q-timeline__entry--left .timeline-video-right[data-v-41122434] {
    justify-content: center;
    gap: 4px;
    padding-left: 4px
}

.timeline-video[data-v-41122434] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    z-index: 2;
    opacity: 1;
    height: 50px
}

.timeline-video .text_line2 span[data-v-41122434] {
    margin-left: 2px
}

.timeline-video .text_line2.new-pc-2025.theme-1[data-v-41122434] {
    color: #99a3b1
}

.timeline-video .text_line2.new-pc-2025.theme-2[data-v-41122434] {
    color: #626262
}

.timeline-video .text_line2.new-pc-202411.theme-1[data-v-41122434] {
    color: #676767
}

.timeline-video .text_line2.new-pc-202411.theme-2[data-v-41122434] {
    color: #a0a0a0
}

.timeline-video-left[data-v-41122434] {
    border-radius: 50%;
    position: relative;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    background-color: var(--q-gb-t-c-16);
    padding: 2px;
    overflow: hidden
}

.timeline-video-left .play_icon[data-v-41122434] {
    display: block;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 97%
}

.timeline-video-left[data-v-41122434] {
    border: 2px solid transparent
}

.timeline-video-left[data-v-41122434]:hover {
    border-color: var(--q-gb-t-c-16)
}

.timeline-video-right[data-v-41122434] {
    flex: 1;
    width: calc(100% - 80px);
    height: 50px;
    border-radius: 6px;
    position: relative;
    padding: 4px;
    background-size: cover;
    background-position: center;
    cursor: pointer
}

.last-one[data-v-41122434] {
    height: 16px
}

.last-one-title[data-v-41122434] {
    position: absolute;
    width: 48px;
    height: 24px;
    line-height: 24px;
    border-radius: 8px;
    left: 50%;
    top: 10%;
    transform: translate(-50%);
    font-size: 12px;
    color: #333;
    font-weight: 400;
    word-wrap: break-word;
    text-align: center;
    cursor: pointer;
    background: #d5d7db
}

.last-one-title.new-pc-2025.theme-1[data-v-41122434] {
    border-radius: 4px;
    color: var(--q-gb-t-c-16);
    background-color: #f6f9ff !important
}

.last-one-title.new-pc-202411.theme-1[data-v-41122434] {
    border: 1px solid var(--q-gb-t-c-16);
    background-color: #4176fa1a !important;
    color: var(--q-gb-t-c-16)
}

.last-one-title-none[data-v-41122434] {
    position: absolute;
    width: 52px;
    height: 24px;
    border-radius: 8px;
    left: 50%;
    top: 10%;
    transform: translate(-50%);
    font-size: 12px;
    line-height: 24px;
    color: #333;
    font-weight: 400;
    word-wrap: break-word;
    text-align: center;
    background: var(--qq--y0-bg-color12);
    cursor: pointer
}

.last-one-title-none.new-pc-202411[data-v-41122434] {
    border: 1px solid #4176FA;
    background-color: #4176fa1a;
    color: #4176fa
}

[data-v-41122434] .q-timeline__entry {
    position: relative
}

.q-timeline__entry[data-v-41122434] {
    padding-bottom: 0
}

.textOverflow1[data-v-41122434] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.textOverflow2[data-v-41122434] {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

[data-v-41122434] .q-timeline__entry .q-timeline__content .q-timeline__title {
    margin-bottom: 0
}

[data-v-41122434] .q-timeline__entry:nth-last-child(1) .q-timeline__content .q-timeline__title {
    margin-bottom: 16px
}

.noData[data-v-41122434] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.noData .empty-wrap[data-v-41122434] {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.noData .empty-wrap-img[data-v-41122434] {
    background-image: var(--qq--public-bg-image2);
    width: 162px;
    height: 144px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.noData .empty-wrap-tips[data-v-41122434] {
    color: var(--q-gb-t-c-3)
}

.noData .scale-img[data-v-41122434] {
    transform: scale(.4);
    background-repeat: no-repeat;
    background-size: cover
}

.triangle[data-v-41122434] {
    width: 10px;
    height: 10px;
    background-color: var(--q-gb-bg-c-22);
    position: absolute;
    top: 1rem;
    transform: rotate(45deg);
    z-index: 0
}

.triangle-left[data-v-41122434] {
    right: calc(50% + 25px)
}

.triangle-right[data-v-41122434] {
    left: calc(50% + 25px)
}

.is-showMore[data-v-41122434] {
    position: absolute;
    width: 48px;
    height: 24px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%);
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    word-wrap: break-word;
    text-align: center;
    cursor: pointer;
    background-color: var(--qq--league-title-bg-color);
    color: var(--qq--league-rank-title-text-color)
}

.timeline-video-right .scroll-name[data-v-41122434] {
    display: flex
}

[data-v-41122434] .q-timeline__entry--left div.q-timeline__content {
    display: flex;
    justify-content: flex-end
}

[data-v-41122434] .q-timeline__entry--right .q-timeline__content {
    padding-left: 28px !important
}

[data-v-41122434] .q-timeline__entry--left div.q-timeline__content {
    padding-right: 28px !important
}

[data-v-41122434] .q-timeline__dot:after {
    background-color: #e9edf7 !important
}

.middle-rest[data-v-41122434] {
    color: var(--q-gb-t-c-16);
    white-space: nowrap;
    border: 1px solid var(--q-gb-t-c-16);
    border-radius: 12px;
    padding: 0 16px
}

.add-time-line[data-v-41122434] {
    height: 36px
}

.add-time-line .add-time[data-v-41122434] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto !important;
    line-height: normal !important
}

.add-time-line .add-time .add-time-text[data-v-41122434],
.add-time-text[data-v-41122434] {
    color: var(--q-gb-t-c-16)
}

.timeline-game-start-ajust[data-v-41122434] {
    height: 8px
}

.timeline-game-start[data-v-41122434] {
    position: absolute;
    top: 0;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
    transform: translate(-50%)
}

.timeline-game-start .item-content[data-v-41122434] {
    display: flex;
    column-gap: 2px;
    align-items: center
}

.timeline-game-start .icon-game-start[data-v-41122434] {
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto
}

.predict-info[data-v-a53c91b2] {
    display: flex;
    min-height: 55px
}

.predict-info .info-l[data-v-a53c91b2] {
    width: 20%
}

.predict-info .info-r[data-v-a53c91b2] {
    width: 20%;
    display: flex;
    justify-content: flex-end
}

.predict-info .info-m[data-v-a53c91b2] {
    flex: 1
}

.predict-info .info-m .m-title[data-v-a53c91b2] {
    text-align: center;
    color: #555
}

.predict-info .info-m .info-m-bar[data-v-a53c91b2] {
    display: flex;
    margin-top: 11px
}

.predict-info .info-m .info-m-bar>span[data-v-a53c91b2] {
    height: 18px;
    line-height: 18px;
    color: #a0a0a0
}

.new-pc-202411 .bar-progress[data-v-a53c91b2] {
    background: var(--q-gb-bg-c-31)
}

.bar-progress[data-v-a53c91b2] {
    margin: 6px;
    width: 100%;
    height: 7px;
    background: var(--q-bg-color-2-2);
    border-radius: 5px
}

.bar-progress .progress-content[data-v-a53c91b2] {
    position: absolute;
    top: 0;
    right: 0;
    height: 7px;
    width: 200px;
    background: var(--q-gb-t-c-16);
    border-radius: 5px
}

.bar-progress .progress-content1[data-v-a53c91b2] {
    position: absolute;
    top: 0;
    left: 0;
    height: 7px;
    width: 200px;
    background: #ffaa17;
    border-radius: 5px
}

.new-pc-2023 .progress-content[data-v-a53c91b2] {
    background: #179cff
}

.result[data-v-a53c91b2] {
    margin-top: 15px;
    display: flex;
    color: var(--q-gb-t-c-6)
}

.result .icon[data-v-a53c91b2] {
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 100%
}

.result .icon.rs_jiao_quan[data-v-a53c91b2] {
    background-position: 0 -224px
}

.result .icon.rs_jin_quan[data-v-a53c91b2] {
    background-position: 0 -266px
}

.result .icon.red_card[data-v-a53c91b2] {
    background-position: 0 -182px
}

.result .icon.yellow_card[data-v-a53c91b2] {
    background-position: 0 -140px
}

.result>div[data-v-a53c91b2] {
    margin-right: 10px;
    text-align: center
}

.result>div .icon[data-v-a53c91b2] {
    margin-bottom: 4px
}

.result>div[data-v-a53c91b2]:last-child {
    margin-right: 0
}

.predict-info.theme-2 .m-title[data-v-a53c91b2],
.predict-info.theme-3 .m-title[data-v-a53c91b2] {
    color: #a0a0a0
}

.predict-info.theme-3[data-v-a53c91b2] {
    color: #f2f2f2
}

.new-pc-2025 .bar-progress.no_box_bg[data-v-a53c91b2] {
    background: var(--q-bg-color-2-2) !important
}

.new-pc-2025 .bar-progress .progress-content[data-v-a53c91b2] {
    background: var(--q-events-color-1-1)
}

.new-pc-2025 .bar-progress .progress-content1[data-v-a53c91b2] {
    background: var(--q-events-color-2-1)
}

.new-pc-2025 .bar-progress .no_bg[data-v-a53c91b2] {
    background: var(--q-bg-color-2-2) !important
}

.new-pc-2025 .predict-info .info-m .info-m-bar>span[data-v-a53c91b2] {
    color: var(--q-text-color-1)
}

.new-pc-2025 .result[data-v-a53c91b2] {
    color: var(--q-text-color-1)
}

.data-wrap[data-v-0cff2b75] {
    margin-top: 8px;
    border-radius: var(--radius-lg, 8px);
    border: 2px solid var(--q-gb-bd-c-13);
    background-color: var(--q-gb-bd-c-13);
    padding-bottom: 0
}

.content-wrap[data-v-0cff2b75] {
    padding: 16px
}

.content-wrap.event-replay[data-v-0cff2b75] {
    padding: 0 10px
}

.third-level-tabs[data-v-0cff2b75] {
    margin-bottom: 12px
}

.highline-wrap[data-v-0cff2b75] .timeline-box {
    max-height: initial
}

.tab_wrap[data-v-0cff2b75] {
    z-index: 10;
    position: sticky;
    top: 30px
}

.tab_wrap.pc[data-v-0cff2b75] {
    padding: 12px 10px;
    background: var(--q-gb-bg-color-1-1)
}

.tab_wrap.pc.route_video[data-v-0cff2b75] {
    position: sticky;
    top: 40px
}

.tab_wrap.h5[data-v-0cff2b75] {
    position: sticky;
    top: .84rem;
    margin: .13rem .1rem 0;
    padding-bottom: .1rem;
    background: var(--q-gb-bg-c-23)
}

.full-screen-football .data-wrap {
    background-color: transparent !important
}

.full-screen-football .h5-base-info.match-base-info .text-color {
    color: #fff
}

.full-screen-football .match-base-info {
    background: #fff3
}

.full-screen-football .text-c,
.full-screen-football .text-count {
    color: #fff
}

.full-screen-football .red-yellow-goal>div .item-title {
    color: #ffffff80
}

.full-screen-football .red-yellow-goal>div .item-content {
    color: #fff
}

.full-screen-football .predict-info .info-m .info-m-bar,
.full-screen-football .predict-gole.theme-2 .gole-m,
.full-screen-football .predict-info.theme-2 .m-title,
.full-screen-football .predict-info.theme-3 .m-title {
    color: #fff
}

.full-screen-football .bar-progress .progress-content {
    background: linear-gradient(90deg, #6621ff, #46b1ff 67.94%)
}

.full-screen-football .bar-progress .progress-content1 {
    background: linear-gradient(270deg, #ff842a, #ffcd54)
}

.full-screen-football .predict-gole.h5-predict-gole .gole-l .gole-l-item .left div {
    background: linear-gradient(90deg, #6621ff, #46b1ff 67.94%) !important
}

.full-screen-football .predict-gole .gole-l-item .right div {
    background: linear-gradient(270deg, #ffcd5433, #ff842a33) !important
}

.panel[data-v-25ccf582] {
    width: 100%;
    border-radius: 8px;
    color: var(--q-gb-t-c-6)
}

.panel .penel-container[data-v-25ccf582] {
    width: 100%;
    padding-top: 2px
}

.panel .panel-title[data-v-25ccf582] {
    margin: 0 2px 2px;
    display: flex;
    justify-content: space-between;
    padding-right: 20px
}

.panel .panel-title .ranking-more[data-v-25ccf582] {
    color: var(--q-analysis-color-5);
    cursor: pointer
}

.integrate .d-header[data-v-25ccf582]:not(:last-child) {
    border-bottom: 1px solid var(--q-troke-color-1);
    background: var(--q-gb-bg-c-22);
    color: var(--q-text-color-2)
}

.integrate .d-body[data-v-25ccf582] {
    color: var(--q-gb-t-c-3)
}

.integrate .d-tr[data-v-25ccf582] {
    display: flex
}

.integrate .d-tr .d-td[data-v-25ccf582] {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    flex: 1;
    font-weight: 500;
    position: relative
}

.integrate .d-tr .d-td[data-v-25ccf582]:nth-child(1) {
    width: 9%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-25ccf582]:nth-child(2) {
    width: 25%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-25ccf582]:nth-child(3) {
    width: 10%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-25ccf582]:nth-child(4) {
    width: 14%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-25ccf582]:nth-child(5) {
    width: 10%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-25ccf582]:nth-child(6) {
    width: 10%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-25ccf582]:nth-child(7) {
    width: 13%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-25ccf582]:nth-child(8) {
    width: 10%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-25ccf582]:last-child {
    border-right: transparent
}

.integrate .d-tr .d-td .vertical[data-v-25ccf582] {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 4px
}

.integrate .d-body[data-v-25ccf582] {
    height: 40px
}

.integrate .d-body[data-v-25ccf582]:last-child {
    border-radius: 0 0 8px 8px
}

.integrate .d-body .ranking[data-v-25ccf582] {
    width: 20px;
    height: 20px;
    margin: 10px auto;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center
}

.integrate.show_all_rank .d-tr:nth-child(3) .ranking[data-v-25ccf582] {
    background: var(--q-analysis-color-11)
}

.integrate.show_all_rank .d-tr:nth-child(4) .ranking[data-v-25ccf582] {
    background: var(--q-analysis-color-13)
}

.integrate.show_all_rank .d-tr:nth-child(5) .ranking[data-v-25ccf582] {
    background: var(--q-analysis-color-15)
}

.fontBold[data-v-25ccf582] {
    font-weight: var(--is-newer-mode);
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.font999[data-v-25ccf582] {
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.unfold-table[data-v-25ccf582] {
    width: 82px;
    height: 24px;
    background-color: var(--q-gb-bg-c-30);
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: var(--q-gb-t-c-6);
    border-radius: 0 0 6px 6px;
    cursor: pointer
}

.goal-base[data-v-25ccf582] {
    width: 20px;
    height: 20px;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #fff
}

.goal-in[data-v-25ccf582] {
    background-color: #50c042
}

.goal-lose[data-v-25ccf582] {
    background-color: #e93d3d
}

.base-score[data-v-25ccf582] {
    color: var(--q-gb-bd-c-12) !important;
    font-weight: 700 !important
}

.bold-mhn-class.theme-1[data-v-25ccf582] {
    background: #179cff20
}

.bold-mhn-class.theme-2[data-v-25ccf582] {
    background: #45b0ff20
}

.bold-mhn-class.project_name_new-pc-202411[data-v-25ccf582] {
    background: #4176fa20 !important
}

.bold-mhn-class.brand_theme_1.theme-1[data-v-25ccf582],
.bold-mhn-class.brand_theme_3.theme-1[data-v-25ccf582] {
    background: #d2b79c20 !important
}

.bold-mhn-class.brand_theme_1.theme-2[data-v-25ccf582],
.bold-mhn-class.brand_theme_3.theme-2[data-v-25ccf582] {
    background: #a8927d20 !important
}

.bold-mhn-class.brand_theme_yellow.theme-2[data-v-25ccf582] {
    background: #ffb00120 !important
}

.bold-man-class.theme-1[data-v-25ccf582],
.bold-man-class.theme-2[data-v-25ccf582] {
    background: #ffb00120
}

.bold-man-class.project_name_new-pc-202411[data-v-25ccf582] {
    background: #ffb00120 !important
}

.bold-man-class.brand_theme_1.theme-1[data-v-25ccf582],
.bold-man-class.brand_theme_3.theme-1[data-v-25ccf582],
.bold-man-class.brand_theme_1.theme-2[data-v-25ccf582],
.bold-man-class.brand_theme_3.theme-2[data-v-25ccf582] {
    background: #596a8020 !important
}

.bold-man-class.brand_theme_yellow.theme-2[data-v-25ccf582] {
    background: #45b0ff20 !important
}

.home[data-v-25ccf582] {
    position: relative
}

.home .d-table-td[data-v-25ccf582] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px
}

.wrap-home[data-v-25ccf582],
.wrap-away[data-v-25ccf582] {
    position: relative
}

.wrap-home .d-table-shirtnumber[data-v-25ccf582],
.wrap-away .d-table-shirtnumber[data-v-25ccf582] {
    display: flex;
    position: absolute;
    right: 18px
}

.d-table-td-number[data-v-25ccf582] {
    position: absolute;
    right: 20px
}

.away_2[data-v-25ccf582] {
    justify-content: left !important;
    position: relative;
    right: -20px
}

.ranking-ta[data-v-25ccf582] {
    text-align: center
}

.player-name[data-v-25ccf582] {
    margin-bottom: 10px
}

.no-data-title[data-v-25ccf582] {
    margin: 0 auto
}

.simple-title .home[data-v-25ccf582],
.simple-title .away[data-v-25ccf582] {
    gap: 5px
}

.team-logo[data-v-25ccf582] {
    width: 20px;
    height: 20px
}

.d-body.d-tr.noMore[data-v-25ccf582] {
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--q-gb-t-c-6) !important
}

.td-name-box[data-v-25ccf582] {
    justify-content: flex-start !important;
    padding-left: 5px
}

.td-team[data-v-25ccf582] {
    color: var(--q-gb-t-c-3);
    text-align: left;
    line-height: 100% !important;
    padding-left: 5px
}

.integrate.theme-2>.d-header[data-v-25ccf582],
.integrate.theme-3>.d-header[data-v-25ccf582] {
    background-color: #ffffff0d !important
}

.bg_block[data-v-25ccf582] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.bg_block .bg_block_item[data-v-25ccf582] {
    height: 100%;
    margin: 5px 0;
    display: flex;
    align-items: center;
    padding: 0 4px
}

.bg_block .bg_block_item .bg_item[data-v-25ccf582] {
    width: 10px;
    height: 10px;
    margin-right: 4px
}

.icon_size[data-v-12fc66fe] {
    position: relative;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin-top: 6px;
    margin-left: 4px
}

.content_wrap[data-v-12fc66fe] {
    position: absolute;
    left: 10px;
    top: 30px;
    background: #000;
    border-radius: 10px;
    padding: 15px 0
}

.content_wrap h5[data-v-12fc66fe] {
    color: #fff;
    font-weight: 700;
    margin-left: 15px
}

.content_wrap .content[data-v-12fc66fe] {
    width: 100%;
    max-height: 220px;
    overflow-y: scroll;
    margin-top: 15px;
    padding: 0 15px
}

.content_wrap .content p[data-v-12fc66fe] {
    width: 100%;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    color: #fff
}

[data-v-12fc66fe]::-webkit-scrollbar {
    width: 3px;
    background-color: #000 !important
}

[data-v-12fc66fe]::-webkit-scrollbar-thumb {
    background-color: var(--q-gb-bg-c-47) !important;
    border-radius: 4px
}

.d-header[data-v-b0c0d16c] {
    width: 100%;
    height: 30px;
    position: sticky;
    color: var(--q-gb-t-c-3);
    border-radius: 6px 6px 0 0;
    z-index: 10
}

.d-header .d-td[data-v-b0c0d16c]:nth-child(2) {
    padding: 0 10px;
    justify-content: left
}

.d-tr[data-v-b0c0d16c] {
    display: flex;
    background: var(--q-bg-color-table-header)
}

.d-tr .d-td[data-v-b0c0d16c] {
    color: var(--q-gb-t-c-6);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    line-height: 30px;
    height: 100%;
    flex: 1;
    font-weight: 500;
    position: relative
}

.d-tr .d-td[data-v-b0c0d16c]:nth-child(1) {
    width: 9%;
    flex: unset
}

.d-tr .d-td[data-v-b0c0d16c]:nth-child(2) {
    width: 25%;
    flex: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.d-tr .d-td[data-v-b0c0d16c]:nth-child(3) {
    width: 10%;
    flex: unset
}

.d-tr .d-td[data-v-b0c0d16c]:nth-child(4) {
    width: 13%;
    flex: unset
}

.d-tr .d-td[data-v-b0c0d16c]:nth-child(5) {
    width: 10%;
    flex: unset
}

.d-tr .d-td[data-v-b0c0d16c]:nth-child(6) {
    width: 10%;
    flex: unset
}

.d-tr .d-td[data-v-b0c0d16c]:nth-child(7) {
    width: 13%;
    flex: unset
}

.d-tr .d-td[data-v-b0c0d16c]:nth-child(8) {
    width: 10%;
    flex: unset
}

.d-tr .d-td[data-v-b0c0d16c]:last-child {
    border-right: transparent
}

.d-tr .d-td .vertical[data-v-b0c0d16c] {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 4px
}

.Integral_wrap[data-v-ad5638aa] {
    position: relative;
    margin-bottom: 20px
}

.integral-head-info[data-v-ad5638aa] {
    display: flex;
    justify-content: space-between;
    background: var(--q-gb-bg-c-11);
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.integral-head-info .info[data-v-ad5638aa] {
    color: var(--q-gb-t-c-3)
}

.integral-head-info .icon-tips3[data-v-ad5638aa] {
    position: absolute;
    right: 10px;
    top: 10px
}

.integral-head-info .icon-tips3[data-v-ad5638aa]:before {
    color: #99a3b1
}

.show-more[data-v-ad5638aa] {
    border: 1px solid var(--q-gb-t-c-16);
    padding: 0 10px;
    border-radius: 16px;
    color: var(--q-gb-t-c-16);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    justify-self: center;
    font-weight: 400;
    font-size: 12px;
    box-shadow: 0 3px 3px #0038621a;
    cursor: pointer;
    margin-top: 12px
}

.text[data-v-ad5638aa] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.arrow[data-v-ad5638aa] {
    font-size: 8px;
    margin-left: 2px;
    transition: transform .3s;
    transform: rotate(180deg)
}

.new-pc-202411 .info[data-v-ad5638aa] {
    color: var(--q-text-color-1)
}

.integral-head-info-loading[data-v-ad5638aa] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-ad5638aa] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.tabs-base[data-v-84bf8ae2] {
    overflow: hidden
}

.tabs-base .tabs-base-container[data-v-84bf8ae2] {
    display: flex
}

.tabs-base.direction-x .tabs-base-container[data-v-84bf8ae2] {
    flex-wrap: nowrap
}

.tabs-base.direction-y .tabs-base-container[data-v-84bf8ae2] {
    flex-direction: column
}

.tab-container-main[data-v-56d7e06a] {
    overflow-x: auto;
    padding: 5px 0
}

.tab-container-main[data-v-56d7e06a]::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

.tab_wrap[data-v-56d7e06a]::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

.tab_wrap .tab_item[data-v-56d7e06a] {
    text-align: center;
    padding: 0 8px;
    line-height: 24px;
    color: var(--q-text-color-2) !important;
    border: 1px solid var(--q-text-color-2) !important;
    margin-right: 12px;
    border-radius: 99px;
    font-size: 12px;
    flex: 0 0 auto;
    cursor: pointer
}

.tab_wrap .tab_item.active_item[data-v-56d7e06a] {
    color: var(--q-gb-t-c-16) !important;
    border: 1px solid var(--q-gb-t-c-16) !important
}

.tab_wrap[data-v-56d7e06a] {
    padding: 0 10px
}

.group-rank[data-v-56d7e06a] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: initial;
    margin-bottom: 20px
}

.group-rank .col1[data-v-56d7e06a] {
    width: 10%
}

.group-rank .col2[data-v-56d7e06a] {
    width: 23%;
    height: 100%;
    text-align: left
}

.group-rank .col2 .ellipsis[data-v-56d7e06a] {
    width: 100%
}

.group-rank .col3[data-v-56d7e06a] {
    width: 10%
}

.group-rank .col4[data-v-56d7e06a] {
    width: 20%
}

.group-rank .col5[data-v-56d7e06a],
.group-rank .col6[data-v-56d7e06a],
.group-rank .col7[data-v-56d7e06a],
.group-rank .col8[data-v-56d7e06a] {
    width: 10%
}

.group-rank .header[data-v-56d7e06a] {
    width: 100%;
    height: 32px;
    display: flex;
    text-align: center;
    line-height: 32px;
    padding-right: 5px
}

.group-rank .header>div[data-v-56d7e06a] {
    font-size: 10px;
    font-weight: 400;
    color: #949ab6
}

.group-rank .header>div.col2[data-v-56d7e06a] {
    width: 23%
}

.group-rank .group-item[data-v-56d7e06a] {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.group-rank .group-name[data-v-56d7e06a] {
    width: 100%;
    height: 28px;
    line-height: 24px;
    font-size: 12px;
    font-weight: 600;
    color: var(--q-gb-t-c-3);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.group-rank .group-name span[data-v-56d7e06a]:nth-child(1) {
    display: inline-block;
    height: 12px;
    width: 2px
}

.group-rank .group-name span[data-v-56d7e06a]:nth-child(2) {
    padding-left: 6px
}

.group-rank .team-item[data-v-56d7e06a] {
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 5px;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-bottom: 1px solid var(--q-gb-bd-c-18)
}

.group-rank .team-item>div[data-v-56d7e06a] {
    font-size: 12px;
    font-weight: 400;
    color: var(--q-gb-t-c-18)
}

.group-rank .team-item[data-v-56d7e06a]:last-child {
    border-bottom: unset
}

.group-rank .team-item .col1[data-v-56d7e06a] {
    font-weight: 500;
    text-align: right;
    padding-right: 14.5px
}

.group-rank .team-item .col2[data-v-56d7e06a] {
    font-weight: 500
}

.integral-head-info-loading[data-v-56d7e06a] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-56d7e06a] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.elimination-rank[data-v-124392cf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 8px
}

.elimination-rank.vi-lang .tabs-bar div[data-v-124392cf] {
    font-size: 12px
}

.elimination-rank .tabs-bar[data-v-124392cf] {
    width: 98%;
    height: 44px;
    margin: 8px 3px 12px;
    padding: 0 14px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 12px
}

.elimination-rank .tabs-bar>div[data-v-124392cf] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    color: #afb3c8;
    font-size: 12px;
    font-weight: 500
}

.elimination-rank .tabs-bar>div span[data-v-124392cf] {
    width: 100%;
    text-align: center;
    display: block;
    padding: 2px
}

.elimination-rank .tabs-bar>div i[data-v-124392cf] {
    width: 100%;
    height: 4px;
    border-bottom: 3px solid #F2F2F6
}

.elimination-rank .tabs-bar>div.progress_bar[data-v-124392cf] {
    color: var(--q-gb-t-c-16);
    font-size: 13px;
    font-weight: 600
}

.elimination-rank .tabs-bar>div.progress_bar i[data-v-124392cf] {
    border-bottom: 3px solid var(--q-gb-t-c-16)
}

.elimination-rank .gam_report[data-v-124392cf] {
    min-height: 150px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 16px
}

.elimination-rank .match-item[data-v-124392cf] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.elimination-rank .match-item[data-v-124392cf]:nth-child(n + 2) {
    margin-top: 12px
}

.elimination-rank .match-item .left_contend[data-v-124392cf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%
}

.elimination-rank .match-item .left_contend .team_box[data-v-124392cf] {
    width: 100%;
    height: 80px;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    color: var(--q-gb-t-c-3);
    background-color: var(--q-gb-bg-c-22)
}

.elimination-rank .match-item .left_contend .team_box[data-v-124392cf]:nth-child(n + 2) {
    margin-top: 12px
}

.elimination-rank .match-item .left_contend .team_box .left[data-v-124392cf] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.elimination-rank .match-item .left_contend .team_box .left .number[data-v-124392cf] {
    font-size: 16px;
    font-weight: 600
}

.elimination-rank .match-item .left_contend .team_box .right[data-v-124392cf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.elimination-rank .match-item .left_contend .team_box .right .team[data-v-124392cf] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
    height: 100%;
    align-items: center;
    font-size: .13rem
}

.elimination-rank .match-item .left_contend .team_box .right .team>div[data-v-124392cf] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.elimination-rank .match-item .left_contend .team_box .right .team[data-v-124392cf]:nth-of-type(odd) {
    border-bottom: .01rem solid var(--q-gb-bg-c-25)
}

.elimination-rank .match-item .left_contend .team_box .right .team[data-v-124392cf]:nth-of-type(odd):nth-child(2n) {
    background-color: red
}

.elimination-rank .match-item .left_contend .team_box .right .team .name[data-v-124392cf] {
    width: auto;
    height: 100%;
    line-height: 100%
}

.elimination-rank .match-item .left_contend .team_box .right .team .name .ellipsis[data-v-124392cf] {
    font-size: 12px;
    font-weight: 400;
    height: 100%;
    line-height: 100%;
    display: flex;
    align-items: center
}

.elimination-rank .match-item .left_contend .team_box .right .team .score-box[data-v-124392cf] {
    width: 84px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.elimination-rank .match-item .left_contend .team_box .right .team .score-box .score[data-v-124392cf] {
    width: 28px;
    text-align: center;
    font-size: 12px;
    font-weight: 500
}

.elimination-rank .match-item .right_side_win .left-line[data-v-124392cf] {
    width: 44px;
    height: 94px;
    display: flex;
    align-items: center
}

.elimination-rank .match-item .right_side_win .left-line img[data-v-124392cf] {
    width: 100%;
    height: 100%
}

.elimination-rank .match-item .right_side_win .final[data-v-124392cf] {
    width: 82px;
    height: 80px;
    border-radius: .08rem;
    background-color: var(--q-bg-color-3-1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.elimination-rank .match-item .right_side_win .final .name[data-v-124392cf] {
    font-size: 14px;
    font-weight: 500
}

.elimination-rank .match-item .right_side_win .final .number[data-v-124392cf] {
    font-size: 16px;
    font-weight: 600
}

.elimination-rank .main-finals[data-v-124392cf] {
    width: 100%;
    height: 64px;
    background-color: var(--q-bg-color-3-1);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 24px
}

.elimination-rank .main-finals .finals-team[data-v-124392cf] {
    width: 142px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--q-text-color-1)
}

.elimination-rank .main-finals .finals-team span[data-v-124392cf] {
    display: block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px
}

.elimination-rank .main-finals .middle[data-v-124392cf] {
    width: 64px;
    height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.elimination-rank .main-finals .middle>img[data-v-124392cf] {
    width: 63.09px;
    height: 54.38px
}

.elimination-rank .no-list[data-v-124392cf] {
    padding: 20px 0 !important
}

.home-color[data-v-124392cf] {
    color: var(--q-gb-t-c-16)
}

.rules[data-v-124392cf] {
    text-align: left;
    margin-top: 20px;
    padding: 10px;
    color: var(--q-text-color-1);
    width: 100%
}

.progress_hover[data-v-124392cf] :hover {
    cursor: pointer
}

.integral-head-info-loading[data-v-124392cf] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-124392cf] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.group_knockout[data-v-6933ea34] {
    position: relative;
    min-height: 200px
}

.group_knockout .cup_match_first_tab[data-v-6933ea34] {
    position: sticky;
    height: 30px;
    border-radius: 12px 12px 0 0;
    background-color: #f6f9ff;
    z-index: 3
}

.group_knockout .cup_match_first_tab[data-v-6933ea34] .current_tab {
    bottom: 2px
}

.group_knockout[data-v-6933ea34] .q-carousel__slide {
    padding: unset
}

.group_knockout[data-v-6933ea34] .right-icon {
    top: -31px
}

[data-v-6933ea34] .q-carousel {
    background: transparent
}

.match-integral-wrap[data-v-476d8c1c] {
    border-radius: var(--radius-lg, 8px);
    border: 2px solid var(--q-gb-bd-c-8);
    background-color: var(--q-gb-bd-c-13);
    min-height: 200px;
    margin-top: 5px
}

.pc-loading-base .img-loading[data-v-b31fc62f] {
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto
}

.no-data-with-loading .no-data-loading-wrap[data-v-43b9b941] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3rem
}

.no-data-with-loading .no-data-loading-wrap.absolute-inset[data-v-43b9b941] {
    position: absolute;
    inset: 0;
    min-height: auto
}

.title_content .logo[data-v-344de104] {
    width: 18px;
    height: 18px
}

.title_content team_name[data-v-344de104] {
    margin-left: 6px
}

.q-pb-md[data-v-344de104] {
    margin-top: 12px
}

.q-pb-md .tab[data-v-344de104] {
    display: flex;
    align-items: center;
    height: 34px;
    margin-bottom: 10px;
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    padding: 0 20px
}

.q-pb-md .tab span[data-v-344de104] {
    position: relative;
    margin-right: 28px;
    height: 28px;
    line-height: 28px;
    color: var(--q-gb-t-c-6);
    cursor: pointer;
    text-align: center
}

.q-pb-md .tab span.active[data-v-344de104] {
    font-weight: 600;
    color: var(--q-gb-t-c-16)
}

.q-pb-md .tab span.active[data-v-344de104]:before {
    position: absolute;
    content: "";
    width: 90%;
    height: 6px;
    border-radius: 15px;
    background: var(--q-gb-t-c-16);
    bottom: -6px;
    left: 50%;
    transform: translate(-50%)
}

.lineup-bg[data-v-344de104] {
    width: 100%;
    overflow: hidden;
    background: #99bb81;
    min-width: 430px
}

.lineup-bg .lineup-img[data-v-344de104] {
    width: 100%;
    height: 100%
}

.lineup-bg .lineup-bg-wrap[data-v-344de104] {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: var(--q-analysis-color-13);
    padding: 20px 0
}

.lineup-bg .lineup-bg-wrap .home[data-v-344de104],
.lineup-bg .lineup-bg-wrap .away[data-v-344de104] {
    flex: 1;
    width: 50%
}

.lineup-bg .lineup-bg-wrap .home .lineup-item[data-v-344de104],
.lineup-bg .lineup-bg-wrap .away .lineup-item[data-v-344de104] {
    display: flex;
    height: 100%
}

.lineup-bg .lineup-bg-wrap .home .lineup-item .lineup-col[data-v-344de104],
.lineup-bg .lineup-bg-wrap .away .lineup-item .lineup-col[data-v-344de104] {
    flex: 1;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-around;
    color: #fff;
    max-width: 100px;
    font-size: 10px
}

.lineup-bg .lineup-bg-wrap .home .lineup-item .lineup-col .player[data-v-344de104],
.lineup-bg .lineup-bg-wrap .away .lineup-item .lineup-col .player[data-v-344de104] {
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.lineup-bg .lineup-bg-wrap .home .lineup-item .lineup-col .player span[data-v-344de104],
.lineup-bg .lineup-bg-wrap .away .lineup-item .lineup-col .player span[data-v-344de104] {
    display: block;
    width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 14px;
    line-height: 14px
}

.lineup-bg .lineup-bg-wrap .home .lineup-item .lineup-col .player .player-num[data-v-344de104],
.lineup-bg .lineup-bg-wrap .away .lineup-item .lineup-col .player .player-num[data-v-344de104] {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    border: 1px solid #ffffff
}

.lineup-bg .lineup-bg-wrap .home .lineup-item .first .player-num[data-v-344de104],
.lineup-bg .lineup-bg-wrap .away .lineup-item .first .player-num[data-v-344de104] {
    background: #7981a4;
    color: #fff
}

.lineup-bg .lineup-bg-wrap .home .lineup-item .second .player-num[data-v-344de104],
.lineup-bg .lineup-bg-wrap .away .lineup-item .second .player-num[data-v-344de104] {
    background: #179cff;
    color: #fff
}

.lineup-bg .lineup-bg-wrap .home .lineup-item .last .player-num[data-v-344de104],
.lineup-bg .lineup-bg-wrap .away .lineup-item .last .player-num[data-v-344de104] {
    background: #e93d3d;
    color: #fff
}

.lineup-bg .lineup-bg-wrap .home .player-num[data-v-344de104] {
    background: #fff733;
    color: #262508
}

.lineup-bg .lineup-bg-wrap .home .second[data-v-344de104] {
    margin: 0 8px;
    transform: translate(-20px)
}

.lineup-bg .lineup-bg-wrap .home .second .player[data-v-344de104]:first-child,
.lineup-bg .lineup-bg-wrap .home .second .player[data-v-344de104]:last-child {
    transform: translate(20px)
}

.lineup-bg .lineup-bg-wrap .away .second[data-v-344de104] {
    margin: 0 8px;
    transform: translate(20px)
}

.lineup-bg .lineup-bg-wrap .away .second .player[data-v-344de104]:first-child,
.lineup-bg .lineup-bg-wrap .away .second .player[data-v-344de104]:last-child {
    transform: translate(-20px)
}

.lineup-bg .lineup-bg-wrap .away .player-num[data-v-344de104] {
    background-color: #fff733;
    color: #262508
}

.lineup-bg .lineup-bg-wrap .away .lineup-item[data-v-344de104] {
    justify-content: flex-end
}

.lineup-bg .lineup-bg-wrap.basketball .home .lineup-col[data-v-344de104]:last-child,
.lineup-bg .lineup-bg-wrap.basketball .away .lineup-col[data-v-344de104]:first-child {
    justify-content: center
}

.lineup-bg .lineup-bg-wrap.basketball .home .lineup-col:last-child .player[data-v-344de104],
.lineup-bg .lineup-bg-wrap.basketball .away .lineup-col:first-child .player[data-v-344de104] {
    flex: unset
}

.lineup-bg .lineup-bg-wrap.basketball .home .lineup-col:last-child .player[data-v-344de104]:first-child,
.lineup-bg .lineup-bg-wrap.basketball .away .lineup-col:first-child .player[data-v-344de104]:first-child {
    margin-bottom: 50px
}

.lineup-wrap[data-v-344de104] {
    margin-top: 22px
}

.lineup-wrap .lineup-item[data-v-344de104] {
    width: 100%
}

.lineup-wrap .lineup-item[data-v-344de104]:first-child {
    margin-right: 20px
}

.home .panel-title[data-v-344de104]:before {
    background: #e93d3d !important
}

.away .panel-title[data-v-344de104]:before {
    background: var(--q-analysis-color-2) !important
}

.q-pb-md[data-v-344de104] {
    padding-bottom: 50px
}

.is_away[data-v-344de104] {
    display: flex;
    justify-content: flex-end
}

.mtb[data-v-344de104] {
    margin: 22px 0 10px
}

.d-table[data-v-344de104] {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    flex-wrap: wrap
}

.d-table .person-item[data-v-344de104] {
    width: calc(25% - 9px);
    padding: 12px 4px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .06);
    color: var(--q-gb-t-c-27)
}

.d-table .person-item .name[data-v-344de104] {
    width: 100%;
    text-align: center
}

.d-table[data-v-344de104] .noData {
    width: 100%
}

.shirt-position[data-v-344de104] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.shirt-position .num[data-v-344de104] {
    color: var(--q-gb-t-c-1);
    font-weight: 700;
    margin-right: 4px
}

.shirt-position .home[data-v-344de104] {
    color: var(--q-analysis-color-1-1)
}

.shirt-position .away[data-v-344de104] {
    color: var(--q-analysis-color-2-1)
}

.shirt-position .player-name[data-v-344de104] {
    max-width: 90%
}

.header-wrap[data-v-344de104] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden
}

.header-wrap img[data-v-344de104] {
    display: block;
    width: 100%;
    height: 100%
}

.panel-title[data-v-344de104] {
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between
}

.line-up-no-data[data-v-344de104] {
    text-align: center;
    width: 100%
}

.line-up-wrap .lineup-wrap .lineup-item .d-table[data-v-344de104] {
    border: 0 !important
}

.line-up-wrap .lineup-wrap .lineup-item>.panel[data-v-344de104],
.line-up-wrap .lineup-wrap .lineup-item .panel-title[data-v-344de104] {
    background-color: initial !important
}

.h5-analysis-box .lineup-bg[data-v-344de104] {
    width: 100%;
    min-width: unset
}

.new-pc-2025 .lineup-bg .lineup-bg-wrap .home .lineup-item .second .player-num[data-v-344de104],
.new-pc-2025 .lineup-bg .lineup-bg-wrap .away .lineup-item .second .player-num[data-v-344de104] {
    background: var(--q-events-color-1-1);
    color: #fff
}

.new-pc-2025 .lineup-bg .lineup-bg-wrap .home .player-num[data-v-344de104] {
    background: var(--q-events-color-2-1);
    color: #fff
}

.new-pc-2025 .lineup-bg .lineup-bg-wrap .home .lineup-item .last .player-num[data-v-344de104],
.new-pc-2025 .lineup-bg .lineup-bg-wrap .away .lineup-item .last .player-num[data-v-344de104] {
    background: var(--q-function-color-1);
    color: #fff
}

.new-pc-2025 .lineup-bg .lineup-bg-wrap .away .player-num[data-v-344de104] {
    background: var(--q-events-color-2-1);
    color: #fff
}

.ellipsis_one[data-v-344de104] {
    margin-left: 16%
}

.ellipsis_two[data-v-344de104] {
    margin-right: 16%
}

.title_content[data-v-344de104] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #99bb81;
    border-radius: 5px 5px 0 0;
    padding: 0 8px;
    height: 30px;
    color: #fff
}

.title_content .title_content_left[data-v-344de104] {
    display: flex;
    align-items: center
}

.title_content .title_content_left .title_img[data-v-344de104] {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.bigEllipsis[data-v-344de104] {
    width: 50% !important
}

.new-pc-202411 .theme-2 .d-table .person-item[data-v-344de104] {
    border: 1px solid rgba(255, 255, 255, .06)
}

@media (max-width: 1450px) {
    .line-up-wrap:not(.big-screen) .lineup-bg-wrap[data-v-344de104] {
        padding: 6px !important
    }

    .line-up-wrap:not(.big-screen) .player-num[data-v-344de104] {
        width: 20px !important;
        height: 20px !important;
        font-size: 12px !important;
        margin-bottom: 2px !important
    }

    .line-up-wrap:not(.big-screen) .lineup-bg[data-v-344de104] {
        min-width: initial
    }

    .line-up-wrap:not(.big-screen) .first.lineup-col>.player[data-v-344de104] {
        transform: translate(-6px)
    }

    .line-up-wrap:not(.big-screen) .lineup-item[data-v-344de104] {
        gap: 5px
    }

    .line-up-wrap:not(.big-screen) .lineup-bg .lineup-bg-wrap .home .second[data-v-344de104] {
        transform: translate(-6px) !important;
        margin: 0 4px
    }

    .line-up-wrap:not(.big-screen) .lineup-bg .lineup-bg-wrap .home .second .player[data-v-344de104]:first-child,
    .line-up-wrap:not(.big-screen) .lineup-bg .lineup-bg-wrap .home .second .player[data-v-344de104]:last-child {
        transform: translate(10px) !important
    }

    .line-up-wrap:not(.big-screen) .lineup-bg .lineup-bg-wrap .away .second[data-v-344de104] {
        transform: translate(6px) !important;
        margin: 0 4px
    }

    .line-up-wrap:not(.big-screen) .lineup-bg .lineup-bg-wrap .away .second .player[data-v-344de104]:first-child,
    .line-up-wrap:not(.big-screen) .lineup-bg .lineup-bg-wrap .away .second .player[data-v-344de104]:last-child {
        transform: translate(-10px) !important
    }
}

@media (max-width: 1664px) and(min-width: 1451px) {
    .line-up-wrap:not(.big-screen) .lineup-bg-wrap[data-v-344de104] {
        padding: 6px !important
    }

    .line-up-wrap:not(.big-screen) .player-num[data-v-344de104] {
        width: 28px !important;
        height: 28px !important;
        font-size: 16px !important;
        margin-bottom: 4px !important
    }

    .line-up-wrap:not(.big-screen) .lineup-bg[data-v-344de104] {
        min-width: initial
    }

    .line-up-wrap:not(.big-screen) .first.lineup-col>.player[data-v-344de104] {
        transform: translate(-6px)
    }

    .line-up-wrap:not(.big-screen) .lineup-item[data-v-344de104] {
        gap: 5px
    }

    .line-up-wrap:not(.big-screen) .lineup-bg .lineup-bg-wrap .home .second[data-v-344de104] {
        transform: translate(-10px) !important;
        margin: 0 4px
    }

    .line-up-wrap:not(.big-screen) .lineup-bg .lineup-bg-wrap .home .second .player[data-v-344de104]:first-child,
    .line-up-wrap:not(.big-screen) .lineup-bg .lineup-bg-wrap .home .second .player[data-v-344de104]:last-child {
        transform: translate(10px) !important
    }

    .line-up-wrap:not(.big-screen) .lineup-bg .lineup-bg-wrap .away .second[data-v-344de104] {
        transform: translate(-10px) !important;
        margin: 0 4px
    }

    .line-up-wrap:not(.big-screen) .lineup-bg .lineup-bg-wrap .away .second .player[data-v-344de104]:first-child,
    .line-up-wrap:not(.big-screen) .lineup-bg .lineup-bg-wrap .away .second .player[data-v-344de104]:last-child {
        transform: translate(10px) !important
    }
}

.line-up-wrap.pc-iframe .lineup-bg-wrap[data-v-344de104] {
    padding: 6px !important
}

.line-up-wrap.pc-iframe .player-num[data-v-344de104] {
    width: 20px !important;
    height: 20px !important;
    font-size: 12px !important;
    margin-bottom: 2px !important
}

.line-up-wrap.pc-iframe .lineup-bg[data-v-344de104] {
    min-width: initial
}

.line-up-wrap.pc-iframe .first.lineup-col>.player[data-v-344de104] {
    transform: translate(-6px)
}

.line-up-wrap.pc-iframe .lineup-item[data-v-344de104] {
    gap: 5px
}

.line-up-wrap.pc-iframe .lineup-bg .lineup-bg-wrap .home .second[data-v-344de104] {
    transform: translate(-6px) !important;
    margin: 0 4px
}

.line-up-wrap.pc-iframe .lineup-bg .lineup-bg-wrap .home .second .player[data-v-344de104]:first-child,
.line-up-wrap.pc-iframe .lineup-bg .lineup-bg-wrap .home .second .player[data-v-344de104]:last-child {
    transform: translate(10px) !important
}

.line-up-wrap.pc-iframe .lineup-bg .lineup-bg-wrap .away .second[data-v-344de104] {
    transform: translate(6px) !important;
    margin: 0 4px
}

.line-up-wrap.pc-iframe .lineup-bg .lineup-bg-wrap .away .second .player[data-v-344de104]:first-child,
.line-up-wrap.pc-iframe .lineup-bg .lineup-bg-wrap .away .second .player[data-v-344de104]:last-child {
    transform: translate(-10px) !important
}

.no_data[data-v-344de104] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    height: 30px;
    width: 100%;
    color: #fff;
    background: radial-gradient(circle, #000c, #ffffff1a);
    display: flex;
    justify-content: center;
    align-items: center
}

.is_player_num[data-v-344de104] {
    width: 28px !important;
    height: 28px !important;
    font-size: 16px !important;
    margin-bottom: 4px !important
}

.is_lineup_bg[data-v-344de104] {
    min-width: 374px !important
}

.integral-head-info-loading[data-v-344de104] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-344de104] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.head-to-head .percentage-bar>div[data-v-e92164d2]:before {
    content: initial !important
}

.tips-icon[data-v-b3bf3730] {
    width: 14px;
    height: 18px;
    background-position: left 0px top -2px
}

.tips-icon.pc[data-v-b3bf3730] {
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-size: 100% auto
}

.app-h5-202411 .q-menu {
    overflow: hidden;
    z-index: 9999999 !important;
    background-color: var(--q-gb-bg-c-27) !important;
    border-radius: 10px
}

.tips-body-match {
    overflow: hidden
}

.tips-body-match.style1 {
    transform: translate(-15px, 50px)
}

.tips-body-match.style2 {
    transform: translate(-15px, -50px)
}

.tips-box {
    position: relative;
    width: 219px;
    border-radius: 4px !important;
    z-index: 99;
    font-family: PingFangSC-Regular;
    overflow: hidden;
    top: 0;
    border: 1px solid var(--q-gb-bd-c-25) !important
}

.tips-box .corner_icon {
    position: absolute;
    top: 0;
    right: 0
}

.tips-box.fifteen,
.tips-box.vi_content_width {
    width: 380px
}

.tips-box .tips-title {
    padding-left: 23px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    font-size: 14px;
    margin-bottom: 9px;
    font-weight: 600
}

.tips-box .tips-title .tip-before:before {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 8px;
    width: 3px;
    height: 14px;
    border-radius: 1.5px;
    content: ""
}

.tips-box .tips-content {
    word-wrap: break-word;
    padding: 0 10px 10px;
    line-height: 18px
}

.tips-box .tipsName {
    background: #000000b2;
    color: #fff !important;
    padding: 10px;
    box-shadow: 2px 2px 2px 4px #0000001a
}

.tips-box .tips-content-theme1 {
    background-color: #000c;
    color: var(--q-gb-t-c-18) !important
}

.tips_top0 {
    top: 17px !important;
    left: 0 !important
}

.tips_top1,
.tips_top2 {
    top: 17px !important;
    right: 200px !important
}

.tips_top3 {
    top: 17px !important;
    right: 0 !important
}

.tips_top4,
.tips_top5 {
    top: 17px !important;
    right: 200px !important
}

.h5-analysis-box .info-item[data-v-db6cf120] {
    color: var(--q-analysis-text-color-20);
    position: relative
}

.info-item[data-v-db6cf120] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.info-item .info-item-icon[data-v-db6cf120] {
    position: absolute;
    top: 1px;
    right: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.head-to-head-history[data-v-8fd8c19f] {
    margin-top: 12px;
    color: var(--q-analysis-text-color-20)
}

.head-to-head-history .title[data-v-8fd8c19f] {
    height: 40px;
    line-height: 40px;
    font-size: 16px
}

.head-to-head-history .more[data-v-8fd8c19f] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    color: var(--q-text-color-text-primary);
    gap: 4px;
    cursor: pointer
}

.head-to-head-history .hth-icon-arrow[data-v-8fd8c19f] {
    transform: rotate(90deg);
    width: 6px;
    height: 6px;
    transition: transform .3s;
    position: relative;
    color: var(--q-gb-t-c-1)
}

.head-to-head-history .hth-icon-arrow[data-v-8fd8c19f]:before {
    content: "";
    width: 100%;
    height: 100%;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--q-text-color-text-primary) !important;
    transform: rotate(45deg);
    position: absolute;
    left: -35.35%;
    top: 0
}

.head-to-head-history .hth-icon-arrow.more-icon[data-v-8fd8c19f] {
    transform: rotate(270deg)
}

.head-to-head-history .col-right[data-v-8fd8c19f] {
    border: 1px solid var(--q-gb-t-c-16);
    padding: 0 10px;
    border-radius: 16px;
    color: var(--q-gb-t-c-16);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    justify-self: center;
    font-weight: 400;
    font-size: 12px;
    box-shadow: 0 3px 3px #0038621a;
    cursor: pointer;
    margin-top: 16px
}

.head-to-head-history .text[data-v-8fd8c19f] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.head-to-head-history .arrow[data-v-8fd8c19f] {
    font-size: 8px;
    margin-left: 2px;
    transition: transform .3s;
    transform: rotate(0);
    width: 8px;
    height: 8px;
    background-size: 100% 100%;
    background-position: center
}

.head-to-head-history .arrow.desc[data-v-8fd8c19f] {
    transform: rotate(180deg)
}

.time-class[data-v-8fd8c19f] {
    margin-bottom: 6px
}

.history-list .history-header[data-v-8fd8c19f],
.history-list .history-item[data-v-8fd8c19f] {
    display: grid;
    grid-template-columns: 80px 1fr 80px 1fr;
    align-items: center;
    height: 42px;
    border-bottom: 1px solid var(--q-gb-bd-c-5)
}

.history-list .history-header[data-v-8fd8c19f] {
    color: var(--q-gb-t-c-1)
}

.history-list .time[data-v-8fd8c19f] {
    text-align: left
}

.history-list .team-logo-wrap[data-v-8fd8c19f] {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden
}

.history-list .team-logo-wrap.home[data-v-8fd8c19f] {
    justify-content: flex-end;
    text-align: right
}

.history-list .team-logo-wrap.away[data-v-8fd8c19f] {
    justify-content: flex-start;
    text-align: left
}

.history-list .team-logo-wrap .ellipsis[data-v-8fd8c19f] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.history-list .history-middle[data-v-8fd8c19f] {
    text-align: center
}

.history-list .pc-history-middle[data-v-8fd8c19f] {
    color: var(--q-gb-t-c-16)
}

.history-list .h5-history-middle[data-v-8fd8c19f] {
    color: var(--q-gb-t-c-17)
}

.history-list .score[data-v-8fd8c19f] {
    color: var(--q-gb-t-c-1) !important
}

.history-list .team_logo[data-v-8fd8c19f],
.team_logo[data-v-8fd8c19f] {
    width: 22px;
    height: 22px
}

.homeItem[data-v-8fd8c19f] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.homeItem .team_logo[data-v-8fd8c19f] {
    margin: 0 5px
}

.h5_home_tem[data-v-8fd8c19f] {
    width: .9rem !important;
    display: flex;
    align-items: center
}

.h5_home_tem .team_logo[data-v-8fd8c19f] {
    margin: 0 5px
}

.team_logo[data-v-8fd8c19f] {
    width: 22px;
    height: 22px
}

.head-to-head-history.new-pc-202411 .history-middle[data-v-8fd8c19f],
.head-to-head-history.new-pc-202411 .more[data-v-8fd8c19f],
.head-to-head-history.new-pc-202411 .hth-icon-arrow[data-v-8fd8c19f] {
    color: var(--q-gb-t-c-16)
}

.head-to-head-history.dialog[data-v-8fd8c19f] {
    color: var(--q-text-color-1)
}

.head-to-head-history.dialog .history-middle[data-v-8fd8c19f] {
    color: var(--q-gb-t-c-16)
}

.head-to-head-history.app-h5-2023 .history-list>div[data-v-8fd8c19f] {
    border-bottom: 1px solid var(--q-analysis-bd-color-3)
}

.pc-history-item[data-v-8fd8c19f] {
    border-bottom: 1px solid var(--q-gb-bd-c-8) !important
}

.title-box[data-v-6ef30c2e] {
    height: 36px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.title-box .title-logo[data-v-6ef30c2e] {
    width: 22px;
    margin-right: 6px
}

.title-box .title-logo img[data-v-6ef30c2e] {
    width: 100%
}

.title-box .title-icon[data-v-6ef30c2e] {
    position: absolute;
    left: 0;
    width: 3px;
    height: 14px;
    margin-right: 8px;
    background-size: 100% 100%
}

.text-C01[data-v-6ef30c2e] {
    color: var(--q-analysis-text-color-20)
}

.text-C01_PC[data-v-6ef30c2e] {
    color: var(--q-text-color-2)
}

.statistics-item[data-v-250a0bb3] {
    position: relative
}

.pc-info-item-icon[data-v-250a0bb3] {
    position: absolute;
    top: 10px;
    right: 0;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.h5-info-item-icon[data-v-250a0bb3] {
    position: absolute;
    top: .09rem;
    right: .03rem;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.pc-info-text[data-v-250a0bb3] {
    padding-left: 2px;
    width: 80px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important
}

.h5-info-text[data-v-250a0bb3] {
    padding-left: .01rem;
    width: .8rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important
}

.new-pc-2025 .font_bg[data-v-250a0bb3] {
    color: var(--q-gb-t-c-3)
}

.yb-icon-arrow-open[data-v-cce81296] {
    transform: rotate(270deg) !important
}

.team_logo[data-v-cce81296] {
    width: 22px;
    height: 22px
}

.item-time[data-v-cce81296] {
    display: flex;
    align-items: center
}

.mt-25 {
    margin-top: 30px
}

.average-statistics-wrap .average-statistics-tips {
    color: #99a3b1;
    font-size: 12px;
    margin-bottom: 12px
}

.average-statistics-wrap .average-statistics-info {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

.average-statistics-wrap .statistics-item {
    display: flex;
    flex-direction: column;
    height: 96px;
    border-radius: 4px;
    border: 1px solid var(--q-gb-bd-color-1);
    width: calc(33.3% - 8px)
}

.average-statistics-wrap .item-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 32px;
    line-height: 32px;
    background: var(--q-analysis-color-18);
    color: var(--q-analysis-color-19)
}

.average-statistics-wrap .item-body {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--q-text-color-1);
    font-weight: 700;
    font-size: 14px
}

.average-statistics-wrap .item-foot {
    height: 28px;
    line-height: 28px;
    display: flex;
    justify-content: space-between;
    padding: 0 8px;
    font-size: 12px;
    color: var(--q-text-color-1)
}

.dialog-wrap .statistics-item {
    width: calc(16.6666666667% - 10px)
}

.team-statistics-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    color: var(--q-text-color-2)
}

.team-statistics-wrap .team-statistics-item-left :deep(.season-content) {
    background: linear-gradient(90deg, #179cff1a, #179cff03)
}

.team-statistics-wrap .team-statistics-item-right :deep(.season-content) {
    background: linear-gradient(90deg, #ffb00100, #ffb0011a)
}

.team-statistics-wrap .team-statistics-item-right :deep(.season-content) .season-content-item,
.team-statistics-wrap .team-statistics-item-right :deep(.season-content) .goal {
    flex-direction: row-reverse
}

.h5-team-statistics {
    flex-wrap: wrap
}

.h5-team-statistics.team-statistics-wrap .team-statistics-item-left,
.h5-team-statistics.team-statistics-wrap .team-statistics-item-right {
    width: 100%
}

.h5-team-statistics.team-statistics-wrap .team-statistics-item-right {
    margin-top: 12px
}

.iframe-team-statistics {
    flex-wrap: wrap
}

.iframe-team-statistics .team-statistics-item-left,
.iframe-team-statistics .team-statistics-item-right {
    width: 100%
}

.iframe-team-statistics .team-statistics-item-right {
    margin-top: 12px
}

.team-statistics-item-wrap {
    width: calc(50% - 6px)
}

.team-statistics-item-wrap :deep(.match-analysis-wrap) {
    background-color: var(--q-gb-bg-c-11, #F2F2F6)
}

.team-statistics-item-wrap .yb-icon-arrow {
    transform: rotate(90deg);
    width: 7px
}

.team-statistics-item-wrap .yb-icon-arrow:before {
    border-color: var(--q-gb-t-c-16) !important
}

.team-statistics-item-wrap .contentSele {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.team-statistics-item-wrap .contentSele .selectContent {
    position: relative
}

.team-statistics-item-wrap .contentSele .selectContent .selecTarrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 150px;
    height: 20px
}

.team-statistics-item-wrap .contentSele .selectContent .selecTarrow:hover {
    cursor: pointer
}

.team-statistics-item-wrap .contentSele .selectContent span {
    font-weight: 700 !important
}

.team-statistics-item-wrap .contentSele .selectContent .yb-icon-arrow {
    transform: rotate(180deg);
    width: 15px;
    height: 15px;
    margin-left: 4px;
    margin-top: -2px
}

.team-statistics-item-wrap .contentSele .selectContent .selectAll {
    position: absolute;
    right: 20px;
    top: 24px
}

.team-statistics-item-wrap .contentSele .selectContent .selectAll .action {
    color: var(--q-gb-t-c-16)
}

.team-statistics-item-wrap .contentSele .selectContent .selectAll li {
    width: 80px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    background: var(--q-gb-bg-c-11);
    color: var(--q-gb-t-c-6)
}

.team-statistics-item-wrap .contentSele .selectContent .selectAll li:first-child {
    border-radius: 5px 5px 0 0
}

.team-statistics-item-wrap .contentSele .selectContent .selectAll li:last-child {
    border-radius: 0 0 5px 5px
}

.team-statistics-item-wrap .contentSele .selectContent .selectAll li:hover {
    color: var(--q-gb-t-c-16) !important;
    cursor: pointer
}

.icon-arrow-rotate {
    transform: rotate(0) !important;
    transition: transform .5s ease !important
}

.team-statistics-title {
    line-height: 17px;
    font-size: 12px;
    color: var(--q-analysis-text-color-34);
    margin-bottom: 4px
}

.pc-analysis-tabs-team {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 12px;
    gap: 12px;
    background: var(--q-gb-bg-c-11);
    border-radius: 5px;
    margin-bottom: 8px
}

.pc-analysis-tabs-team .match-item {
    height: 24px;
    line-height: 24px;
    width: auto;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff1a 0% 48%, #ffffff1a);
    color: var(--q-text-color--2);
    box-shadow: 0 2px 2px 0 var(--shadow-3, rgba(0, 56, 98, .1));
    text-align: center;
    font-family: var(--font-chinese, "PingFang SC");
    font-size: 12px;
    padding: 0 12px;
    cursor: pointer
}

.pc-analysis-tabs-team .current_tab {
    background: var(--q-gb-t-c-16);
    color: #fff
}

.season-content {
    border-radius: 4px
}

.season-content .season-content-item:first-child {
    background-color: #ffffff0d !important;
    border-radius: 5px
}

.season-content .more {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    color: var(--q-gb-t-c-16);
    gap: 4px;
    cursor: pointer
}

.season-content.away .season-content-item {
    background: linear-gradient(90deg, #ffb00100, #ffb0011a)
}

.season-content.away .season-content-item {
    flex-direction: row-reverse
}

.season-content.away .season-content-item .item-name {
    padding-right: 20px;
    padding-left: 0;
    text-align: right
}

.season-content.away .season-content-item .goal {
    flex-direction: row-reverse
}

.season-content-item {
    padding: 15px;
    display: flex;
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

.season-content-item .item_right {
    justify-content: flex-end
}

.season-content-item .item-name {
    display: flex;
    align-items: center
}

.season-content-item .item-name img {
    margin: 1px 4px 0
}

.season-content-item .item-goal {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.season-content-item .item-goal .goal {
    display: flex;
    gap: 8px;
    justify-content: center
}

.season-content-item .item-goal .goal>div:first-child {
    font-size: 12px
}

.teamRight {
    text-align: right;
    max-width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.goal-count-bar {
    width: 56px;
    overflow: hidden;
    height: 8px;
    border-radius: 4px;
    background: var(--q-bet-box-33);
    display: flex;
    gap: 2px
}

.goal-count-bar img {
    width: 8px;
    height: 8px
}

.away .bar-away {
    justify-content: flex-end
}

.flex1 {
    flex: 1
}

.flex2 {
    flex: 2
}

.pc_tab {
    width: 45px;
    height: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pc_tab .pc_tab_font {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.pc_action {
    border: 1px solid var(--q-gb-t-c-16);
    color: var(--q-gb-t-c-16)
}

.head-to-head {
    display: flex;
    justify-content: space-between;
    padding: 12px;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 12px;
    background: linear-gradient(90deg, #179cff1a, #ffffff1a, #ffb0011a)
}

.head-to-head .both {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 118px
}

.head-to-head .both .percent {
    margin-top: 10px;
    color: var(--q-text-color-2)
}

.head-to-head .ellipsis {
    font-weight: 700;
    font-size: 14px;
    color: #555;
    width: 100%;
    margin-top: 8px;
    color: var(--q-text-color-1)
}

.head-to-head .team_logo_wrap {
    background: #fff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    padding: 10px
}

.head-to-head .team_logo_wrap .team_logo {
    width: 40px;
    height: 40px
}

.head-to-head .percentage-bar {
    display: flex;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    color: #fff
}

.head-to-head .percentage-bar>div {
    text-align: center
}

.head-to-head .percentage-bar>div:before {
    content: attr(percent)
}

.head-to-head .percentage-bar .first {
    background-color: #50c042
}

.head-to-head .percentage-bar .middle {
    background-color: #ffaa17
}

.head-to-head .percentage-bar .last {
    background-color: #e93d3d
}

.head-to-head .percentage-bar .min-width20 {
    min-width: 20%
}

.head-to-head .hth-middle-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: calc(100% - 236px);
    color: var(--q-text-color-2)
}

.head-to-head .hth-middle-wrap>.bottom-info {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.iframe-head-to-head {
    border-radius: 4px;
    margin-bottom: 12px;
    background: linear-gradient(90deg, #179cff1a, #ffffff1a, #ffb0011a)
}

.iframe-head-to-head .head-top {
    display: flex;
    justify-content: space-between;
    padding: 12px;
    align-items: center
}

.iframe-head-to-head .head-bottom {
    padding: 0 8px 8px
}

.iframe-head-to-head .both {
    display: flex;
    align-items: center;
    max-width: 50%
}

.iframe-head-to-head .both .percent {
    margin-top: 10px;
    color: var(--q-text-color-2)
}

.iframe-head-to-head .ellipsis {
    font-weight: 700;
    font-size: 14px;
    color: var(--q-text-color-1);
    width: 100%;
    overflow: hidden;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    line-height: 14px
}

.iframe-head-to-head .ml4 {
    margin-left: 4px
}

.iframe-head-to-head .mr4 {
    margin-right: 4px
}

.iframe-head-to-head .team_logo_wrap {
    background: #fff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    padding: 10px;
    margin-bottom: 0
}

.iframe-head-to-head .team_logo_wrap .team_logo {
    width: 40px;
    height: 40px;
    background-position: 0 0 !important
}

.iframe-head-to-head .percentage-bar {
    display: flex;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    color: #fff
}

.iframe-head-to-head .percentage-bar>div {
    text-align: center
}

.iframe-head-to-head .percentage-bar>div:before {
    content: attr(percent)
}

.iframe-head-to-head .percentage-bar .first {
    background-color: #50c042
}

.iframe-head-to-head .percentage-bar .middle {
    background-color: #ffaa17
}

.iframe-head-to-head .percentage-bar .last {
    background-color: #e93d3d
}

.iframe-head-to-head .percentage-bar .min-width20 {
    min-width: 20%
}

.iframe-head-to-head .hth-middle-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.iframe-head-to-head .hth-middle-wrap>.bottom-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--q-text-color-1);
    margin-top: 4px
}

.iframe-head-to-head .hth-middle-wrap .top-title {
    color: var(--q-analysis-text-color-20)
}

.iframe-head-to-head .text-right {
    text-align: right
}

.hth-history-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 12px
}

.hth-history-wrap .time {
    color: var(--q-text-color-2)
}

.head-to-head-item {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 4px;
    padding: 12px 0;
    margin-bottom: 12px;
    height: 93px;
    width: 100%;
    background: linear-gradient(90deg, #179cff1a, #ffffff1a, #ffb0011a)
}

.head-to-head-item .both {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 70px
}

.head-to-head-item .both .percent {
    font-weight: 700;
    font-size: 14px;
    color: var(--q-text-color-1)
}

.head-to-head-item .ellipsis {
    font-size: 14px;
    color: var(--q-text-color-2);
    width: 100%
}

.team_logo_wrap {
    background: #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 5px;
    margin-bottom: 6px;
    display: flex;
    justify-content: center;
    align-items: center
}

.team_logo_wrap .team_logo {
    width: 24px;
    height: 24px
}

.team_logo_wrap.c01Football {
    margin-bottom: 0 !important
}

.home-bg {
    background: linear-gradient(90deg, #179cff1a, #179cff01)
}

.back-bg {
    background: linear-gradient(90deg, #ffb0011a, #ffb00100)
}

.single-match-team-base-info {
    display: flex;
    padding: 12px;
    border-radius: var(--radius-md, 4px);
    color: var(--q-text-color-2);
    margin-top: 12px;
    gap: 12px
}

.single-match-team-base-info .team_logo_wrap {
    background: #fff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    padding: 10px
}

.single-match-team-base-info .team_logo_wrap .team_logo {
    width: 40px;
    height: 40px
}

.single-match-team-base-info .team_info_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.single-match-team-base-info .team_info_wrap div:first-child {
    font-size: 14px;
    font-weight: 700;
    color: var(--q-text-color-1)
}

.single-match-team-base-info .team_info_wrap.c01Class {
    justify-content: space-evenly
}

.performance-rank {
    font-size: 12px
}

.performance-rank>span {
    font-weight: 700
}

.historical-status-table {
    margin: 12px 0 22px;
    border: 4px;
    overflow: hidden;
    font-size: 12px;
    border: .5px solid var(--q-troke-color-1);
    color: var(--q-text-color-2)
}

.historical-status-table .hst-table-head {
    display: flex;
    height: 28px;
    line-height: 28px;
    background: var(--q-analysis-color-18)
}

.historical-status-table .hst-table-head>div {
    text-align: center
}

.historical-status-table .hst-table-head>div:not(:first-child) {
    flex: 1
}

.historical-status-table .hst-table-body {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.historical-status-table .hst-table-body>div.data-line>div {
    border: 1px solid var(--q-analysis-color-18);
    border-top: none
}

.historical-status-table .hst-table-body>div.data-line:not(:last-child)>div {
    border-bottom: none
}

.historical-status-table .hst-table-no-data {
    line-height: 50px;
    text-align: center
}

.historical-status-table .last-five {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: .5px solid var(--q-troke-color-1);
    border-right: .5px solid var(--q-troke-color-1);
    gap: 6px
}

.historical-status-table .last-five>span {
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    border-radius: 2px
}

.historical-status-table .last-five>span.win {
    background: #50c042
}

.historical-status-table .last-five .color-0 {
    background: #50c042
}

.historical-status-table .last-five .color-1 {
    background: #ffaa17
}

.historical-status-table .last-five .color-2 {
    background: #e93d3d
}

.historical-status-table .last-five .color1-1 {
    background: #50c042
}

.historical-status-table .last-five .color1-2 {
    background: #ffaa17
}

.historical-status-table .last-five .color1-0 {
    background: #e93d3d
}

.historical-status-table .data-line {
    display: flex;
    height: 26px;
    line-height: 26px
}

.historical-status-table .last-five,
.historical-status-table .goal-per-match {
    flex: 1;
    text-align: center;
    font-weight: 700
}

.historical-status-table .data-line>div:first-child,
.historical-status-table .hst-table-head>div:first-child {
    width: 120px;
    text-align: center
}

.historical-status-table .data-line>div:first-child.first-flex-1,
.historical-status-table .hst-table-head>div:first-child.first-flex-1 {
    flex: 1 !important;
    text-align: center
}

.historical-status-table .t-o-w {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all
}

.head-to-head-info {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.head-to-head-info .info-item {
    display: flex;
    padding: 12px 8px;
    justify-content: space-between;
    width: calc(33.3% - 8px);
    border-radius: 4px;
    border: 1px solid var(--q-gb-bd-c-8);
    position: relative;
    color: var(--q-text-color-2)
}

.head-to-head-info .info-item .info-item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    gap: 6px;
    line-height: 1.3;
    margin-left: 6px
}

.head-to-head-info .info-item .info-item-content div:first-child {
    color: var(--q-text-color-2)
}

.head-to-head-info .info-item .info-item-content div:last-child {
    color: var(--q-text-color-3)
}

.iframe-head-to-head-info .info-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.iframe-head-to-head-info .info-item .info-item-content {
    margin-top: 12px
}

.iframe-head-to-head-info .info-item .info-item-content div:first-child {
    text-align: center
}

.iframe-head-to-head-info .info-item .text1 {
    top: 30%;
    left: 43px
}

.match-statistics-wrap {
    margin-top: 8px;
    border-radius: 8px;
    border: 2px solid var(--q-gb-bd-c-13);
    position: relative;
    z-index: 99;
    background-color: var(--q-gb-bd-c-13)
}

.match-statistics-wrap .content-wrap {
    padding: 14px
}

.integral-head-info-loading[data-v-2e71db3d] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-2e71db3d] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.match-analysis-wrap[data-v-94712c8d] {
    margin-top: 4px;
    background: var(--q-gb-bg-color-1-1);
    position: sticky;
    top: 0;
    z-index: 10
}

.new-pc-2025 .match-analysis-wrap[data-v-94712c8d] {
    margin-top: 4px;
    background: var(--q-bg-color-3-2)
}

.big-screen[data-v-94712c8d] {
    min-height: calc(100vh - 250px)
}

.top_wrap[data-v-4faa9392] {
    background: var(--q-gb-bg-color-1-1);
    position: sticky;
    top: 0;
    z-index: 10;
    border-radius: 8px
}

.match-analysis-wrap[data-v-4faa9392] {
    margin-top: 4px;
    position: sticky;
    top: 0;
    z-index: 10;
    height: 38px !important
}

.new-pc-2025 .match-analysis-wrap[data-v-4faa9392] {
    margin-top: 4px;
    background: var(--q-bg-color-3-2)
}

.big-screen[data-v-4faa9392] {
    min-height: calc(100vh - 250px)
}

.tips[data-v-acbb2490] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--q-gb-bg-c-1);
    font-size: 12px;
    line-height: 24px;
    width: 100%
}

.tips[data-v-acbb2490] :before {
    color: var(--q-gb-bg-c-1)
}

.tips i[data-v-acbb2490] {
    margin: 0 14px 0 4px
}

.tips-content[data-v-acbb2490] {
    width: 200px;
    line-height: 24px;
    font-size: 12px
}

.match-info[data-v-e7464a22] {
    display: flex;
    align-items: center;
    padding-top: 8px
}

.match-info .tips[data-v-e7464a22] {
    display: flex;
    align-items: center
}

.match-info img[data-v-e7464a22] {
    margin-right: 4px;
    width: 18px
}

.match-info span[data-v-e7464a22] {
    margin-right: 6px;
    color: var(--q-bet-box-46)
}

.match-info span.score[data-v-e7464a22] {
    color: var(--q-gb-bg-c-1)
}

.c-refresh[data-v-8b1a3dde] {
    border-radius: 50%
}

@keyframes loading-ring-animate-8b1a3dde {
    0% {
        transform: rotate(1deg)
    }

    to {
        transform: rotate(7200deg)
    }
}

.loading-static-animation[data-v-8b1a3dde] {
    animation: 10s loading-ring-animate-8b1a3dde infinite cubic-bezier(.38, .39, .71, .71)
}

.fresh-icon[data-v-8b1a3dde] {
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: 100% 100%
}

@charset "UTF-8";

.v-scroll-list[data-v-914a501d] {
    width: 100%;
    height: 100%
}

.v-scroll-list .list-scrollbar[data-v-914a501d] {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    -moz-scrollbar-width: thin
}

.v-scroll-list .list-scrollbar[data-v-914a501d]::-webkit-scrollbar {
    width: 7px
}

.v-scroll-list .list-scrollbar[data-v-914a501d]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--q-gb-bg-c-47)
}

@supports (-moz-appearance: none) {
    .v-scroll-list .list-scrollbar[data-v-914a501d] {
        scrollbar-width: thin;
        scrollbar-color: var(--q-gb-bg-c-47) var(--q-gb-bg-c-22)
    }

    .v-scroll-list .list-scrollbar[data-v-914a501d]::-moz-scrollbar-thumb {
        border-radius: 4px
    }
}

.q-scrollarea__bar[data-v-914a501d] {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none
}

.q-scrollarea__thumb[data-v-914a501d] {
    position: absolute;
    right: 0;
    min-width: 5px;
    cursor: pointer;
    opacity: 1;
    z-index: 300
}

.test[data-v-914a501d] {
    position: absolute;
    color: red;
    font-size: 14px;
    z-index: 999999;
    left: 0;
    bottom: 0;
    -webkit-user-select: text;
    user-select: text
}

.none-thumb[data-v-914a501d] {
    display: none
}

.c-icon[data-v-ecdb10a0]:before {
    font-size: inherit
}

.c-icon.set-color[data-v-ecdb10a0]:before {
    color: inherit
}

.sport-img[data-v-ecdb10a0] {
    background-size: 100% auto
}

[data-v-e9a8d064] .q-dialog-F {
    z-index: 9999999
}

.q-card-section[data-v-e9a8d064] {
    padding: 8px
}

.toast-text-content[data-v-e9a8d064] {
    text-align: center;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.q-card[data-v-e9a8d064] {
    border-radius: 6px;
    font-size: 14px;
    padding: 0
}

.toast-bulb-icon[data-v-e9a8d064] {
    width: 48px;
    height: 48px;
    background-size: 100% 100%
}

.dialog_content[data-v-e9a8d064] {
    color: var(--q-gb-t-c-72);
    background: var(--q-gb-bg-c-105)
}

.dialog_content .q-card__section--vert[data-v-e9a8d064] {
    padding: 28px
}

.dialog_content_2025[data-v-e9a8d064] {
    color: var(--q-text-color-white-1);
    background: var(--q-transparent-black-color-2-2)
}

.five-star[data-v-2eb4dcd6] {
    display: flex
}

.five-star .five-star-item[data-v-2eb4dcd6] {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.match-name .info[data-v-eceaa121] {
    padding: 0 10px;
    flex: 1;
    width: 0
}

.match-name .info.left[data-v-eceaa121] {
    text-align: right
}

.line[data-v-eceaa121] {
    width: 100%;
    display: flex
}

.line div[data-v-eceaa121] {
    height: 100%
}

.vr-statistic-tc {
    background: unset !important;
    box-shadow: unset !important
}

.no-data[data-v-8ec32d95] {
    border-bottom: 1px solid transparent;
    min-height: 100%;
    text-align: center;
    color: #a5a9b3;
    background: var(--q-gb-bg-c-37)
}

.no-data .empty-wrap img[data-v-8ec32d95] {
    width: 180px;
    height: 180px
}

.no-data .empty-wrap p[data-v-8ec32d95] {
    font-size: 14px
}

.no-data .empty-favorite-bg[data-v-8ec32d95] {
    width: 1.8rem;
    height: 1.61rem;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-user-select: none;
    user-select: none
}

.no-data .title[data-v-8ec32d95] {
    font-family: PingFangSC-Medium;
    font-size: .14rem;
    color: #666;
    margin-bottom: 0rem
}

.no-data .title-tint[data-v-8ec32d95] {
    margin-top: .03rem;
    font-size: .12rem;
    color: #999
}

.no-data .btn[data-v-8ec32d95] {
    display: inline-block;
    width: 1.2rem;
    height: .34rem;
    border: 1px solid transparent;
    border-radius: .17rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .14rem;
    margin: auto
}

.no-data p[data-v-8ec32d95] {
    margin: .14rem;
    font-size: .14rem
}

.no-data p span[data-v-8ec32d95] {
    display: inline-block;
    width: 1.4rem;
    height: .4rem;
    line-height: .4rem;
    border-radius: .05rem;
    color: #ffb001;
    border: 1px solid #ffb001
}

@charset "UTF-8";

.news .author[data-v-7ac48335] {
    font-size: 12px;
    color: var(--q-analysis-color-11);
    font-weight: 400
}

.news .author .time[data-v-7ac48335] {
    margin: 0 50px 0 20px
}

.news .article_detail[data-v-7ac48335] {
    background: var(--q-analysis-color-16);
    background: var(--q-gb-bg-c-37);
    border: 1px solid var(--q-gb-bd-c-8);
    border-radius: 8px;
    height: 100%;
    padding: 15px 38px 38px;
    margin: 0 20px
}

.news .article_detail p[data-v-7ac48335] {
    margin-bottom: 16px
}

.news .article_detail .article_title[data-v-7ac48335] {
    font-size: 16px;
    color: var(--q-gb-t-c-6);
    font-weight: 600
}

.news .article_detail[data-v-7ac48335] .article * {
    max-width: 100%
}

.news .article_detail[data-v-7ac48335] .article .ql-font-serif {
    font-family: Georgia, Times New Roman, serif
}

.news .article_detail[data-v-7ac48335] .article .ql-font-monospace {
    font-family: Monaco, Courier New, monospace
}

.news .article_detail[data-v-7ac48335] .article .ql-font-sans-serif {
    font-family: sans-serif
}

.news .article_detail[data-v-7ac48335] .article p {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: var(--q-analysis-color-5);
    color: var(--q-gb-t-c-6);
    letter-spacing: 0;
    text-align: justify;
    line-height: 24px
}

.news .article_detail[data-v-7ac48335] .article img {
    max-width: 100%
}

.news .favorite_list_title[data-v-7ac48335] {
    background: var(--q-gb-bg-c-37);
    box-shadow: 0 2px 8px 0 var(--q-gb-bd-c-8);
    border-radius: 8px;
    height: 48px;
    line-height: 48px;
    padding-left: 30px;
    font-size: 16px;
    color: var(--q-analysis-color-1);
    color: var(--q-gb-t-c-6);
    font-weight: 500;
    position: relative;
    margin: 20px 20px 30px
}

.news .favorite_list_title[data-v-7ac48335]:after {
    content: "";
    display: block;
    width: 3px;
    height: 16px;
    background: #e93d3d;
    border-radius: 1.5px;
    position: absolute;
    top: 16px;
    left: 15px
}

.news .favorite_list[data-v-7ac48335] {
    margin: 0;
    padding: 0 20px;
    list-style: none;
    width: 100vw
}

.news .favorite_list li .wrap[data-v-7ac48335] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--q-gb-bd-c-8);
    padding: 20px 0;
    cursor: pointer
}

.news .favorite_list li .img[data-v-7ac48335] {
    width: 180px;
    height: 110px;
    margin-right: 24px;
    display: inline-block;
    background-size: 100% !important;
    margin-bottom: 0;
    border-radius: 5px
}

.news .favorite_list li .article_info[data-v-7ac48335] {
    display: inline-block;
    width: calc(100% - 204px)
}

.news .favorite_list li .article_info p[data-v-7ac48335]:not(:last-child) {
    margin-bottom: 20px;
    margin-top: 10px
}

.news .favorite_list li .article_info .title[data-v-7ac48335] {
    font-size: 20px;
    color: var(--q-analysis-title-color);
    font-weight: 600;
    width: 100%
}

.news .favorite_list li .article_info .title .tag[data-v-7ac48335] {
    display: inline-flex;
    align-items: center;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
    padding: 3px 10px
}

.news .favorite_list li .article_info .detail[data-v-7ac48335] {
    font-size: 16px;
    color: var(--q-analysis-color-5);
    color: var(--q-gb-t-c-6);
    line-height: 16px;
    font-weight: 400
}

.news .favorite_list li .article_info .author[data-v-7ac48335] {
    margin-bottom: 0
}

.news .favorite_list li .article_info .author .author_name[data-v-7ac48335] {
    font-weight: 500
}

.news .favorite_list li .article_info .author .time[data-v-7ac48335] {
    margin: 0 30px 0 10px
}

.news[data-v-7ac48335] .load-data-wrap {
    overflow: hidden
}

.news[data-v-7ac48335] .load-data-wrap .empty-wrap .text-center {
    color: var(--q-analysis-color-9)
}

.news[data-v-7ac48335] .load-data-wrap.empty_data_padding_b {
    padding-bottom: 20px
}

.chat-wrap[data-v-32fa0d52] {
    display: flex;
    flex: 1;
    justify-content: space-between
}

.chat-wrap .round[data-v-32fa0d52] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0
}

.chat-wrap .round .knob[data-v-32fa0d52] {
    margin: 0 10px
}

.chat-wrap .line[data-v-32fa0d52] {
    display: flex
}

.chat-wrap .line .item-line[data-v-32fa0d52] {
    text-align: center;
    width: 258px;
    flex: 1
}

.chat-wrap .line .item-line .line-wrap[data-v-32fa0d52] {
    display: flex;
    align-items: center
}

.chat-wrap .line .item-line .bar-progress[data-v-32fa0d52] {
    position: relative;
    margin: 0 6px;
    width: 100%;
    height: 6px;
    background: var(--q-analysis-color-2);
    border-radius: 5px
}

.chat-wrap .line .item-line .bar-progress .progress-content[data-v-32fa0d52] {
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    background: #ffb001;
    border-radius: 5px 0 0 5px
}

.chat-wrap .line .item-line .chat-label[data-v-32fa0d52] {
    color: var(--q-analysis-color-1)
}

.chat-wrap .knob-label[data-v-32fa0d52] {
    font-size: 12px;
    color: var(--q-bg-color-1-2);
    padding: 0 10%;
    text-align: center
}

.chat-wrap .knob-label-theme2[data-v-32fa0d52] {
    color: var(--q-gb-t-c-6) !important
}

.chat-wrap .chat-label[data-v-32fa0d52] {
    font-size: 16px;
    color: var(--q-bg-color-1-2)
}

.chat-wrap .text-bule2[data-v-32fa0d52] {
    color: #ffb001 !important
}

.chat-wrap .text-orange2[data-v-32fa0d52] {
    color: #179cff !important
}

.line .line_num_zero .bar-progress[data-v-32fa0d52],
.line .line_num_zero .progress-content[data-v-32fa0d52] {
    background: var(--q-match-details-bet-block) !important
}

[data-v-32fa0d52] .text-orange {
    color: #179cff !important
}

[data-v-32fa0d52] .text-blue {
    color: #ffb001 !important
}

.num_zero span.text-blue[data-v-32fa0d52],
.num_zero span.text-orange[data-v-32fa0d52] {
    color: var(--q-gb-t-c-6) !important
}

.num_zero[data-v-32fa0d52] .text-blue,
.num_zero[data-v-32fa0d52] .text-orange {
    color: var(--q-match-details-bet-block) !important
}

.chat-wrap.new-pc-2023.theme-2 .line_num_zero .bar-progress[data-v-32fa0d52],
.chat-wrap.new-pc-2023.theme-3 .line_num_zero .bar-progress[data-v-32fa0d52] {
    background: var(--q-match-details-bet-block) !important
}

.new-pc-2025[data-v-32fa0d52] .text-orange {
    color: var(--q-events-color-2-1) !important
}

.new-pc-2025[data-v-32fa0d52] .text-blue {
    color: var(--q-events-color-1-1) !important
}

.new-pc-2025 .chat-wrap .line .item-line.line_num_zero .bar-progress[data-v-32fa0d52],
.new-pc-2025 .chat-wrap .line .item-line.line_num_zero .progress-content[data-v-32fa0d52] {
    background: var(--q-bg-color-2-2) !important
}

.new-pc-2025 .chat-wrap .line .item-line .bar-progress[data-v-32fa0d52] {
    background: var(--q-events-color-2-1) !important
}

.new-pc-2025 .chat-wrap .line .item-line .bar-progress .progress-content[data-v-32fa0d52] {
    background: var(--q-events-color-1-1) !important
}

.line_container[data-v-32fa0d52] {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.line_container .item[data-v-32fa0d52] {
    flex: 1 1 30%;
    margin: 10px 5px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: var(--q-text-color-1)
}

.line_container .line_content[data-v-32fa0d52] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.line_container .line_content .line_num[data-v-32fa0d52] {
    width: 60px;
    text-align: right
}

.line_container .line_content .line_w[data-v-32fa0d52] {
    width: 42%;
    margin: 0 5px
}

.event-item[data-v-0d75502d] {
    color: var(--q-analysis-color-5);
    display: flex;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid var(--q-analysis-color-10);
    border-left: 1px solid var(--q-analysis-color-10);
    border-right: 1px solid var(--q-analysis-color-10)
}

.event-item[data-v-0d75502d]:last-child {
    border-bottom: 1px solid var(--q-analysis-color-10);
    border-radius: 0 0 8px 8px
}

.event-item .time[data-v-0d75502d] {
    width: 58px;
    text-align: center
}

.event-item .sign[data-v-0d75502d] {
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background: var(--q-analysis-color-12)
}

.event-item .sign.team-1[data-v-0d75502d] {
    background: var(--q-analysis-color-2)
}

.event-item .sign.team-2[data-v-0d75502d] {
    background: var(--q-analysis-color-14)
}

.event-item .sign[data-v-0d75502d]:before {
    content: "";
    position: absolute;
    bottom: 7px;
    left: 3px;
    height: 17px;
    width: 1px;
    background: var(--q-analysis-color-12)
}

.event-item .sign[data-v-0d75502d]:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 3px;
    height: 17px;
    width: 1px;
    background: var(--q-analysis-color-12)
}

.event-item .info[data-v-0d75502d] {
    margin-left: 8px
}

.event-item .info>span[data-v-0d75502d] {
    margin-right: 8px
}

.event-item .info .sign-icon[data-v-0d75502d] {
    margin-right: 8px
}

.event-item .info .status-default[data-v-0d75502d] {
    color: var(--q-analysis-color-0)
}

.event-item:first-child .sign[data-v-0d75502d]:before {
    display: none
}

.event-item:last-child .sign[data-v-0d75502d]:after {
    display: none
}

.new-pc-202411 .se_total[data-v-cd28c436] {
    background: var(--q-gb-bg-c-30)
}

.total[data-v-cd28c436] {
    padding: 20px 30px 30px;
    border-top: 0;
    border-radius: 0 0 8px 8px
}

.total .list[data-v-cd28c436] {
    display: flex;
    justify-content: space-between
}

.total .list .away-home[data-v-cd28c436] {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

.total .list .name[data-v-cd28c436] {
    color: var(--q-gb-t-c-6);
    display: flex;
    align-items: center;
    margin-bottom: 18px
}

.total .list .name .round[data-v-cd28c436] {
    width: 6px;
    height: 6px;
    border-radius: 6px
}

.total .list .name .round.home-round[data-v-cd28c436] {
    background: var(--q-analysis-color-2);
    margin-right: 5px
}

.total .list .name .round.away-round[data-v-cd28c436] {
    background: #e93d3d;
    margin-left: 5px
}

.total .list .result[data-v-cd28c436] {
    display: flex;
    color: var(--q-gb-t-c-6)
}

.total .list .result .icon[data-v-cd28c436] {
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 100%
}

.total .list .result .icon.rs_jiao_quan[data-v-cd28c436] {
    background-position: 0 -224px
}

.total .list .result .icon.rs_jin_quan[data-v-cd28c436] {
    background-position: 0 -266px
}

.total .list .result .icon.red_card[data-v-cd28c436] {
    background-position: 0 -182px
}

.total .list .result .icon.yellow_card[data-v-cd28c436] {
    background-position: 0 -140px
}

.total .list .result>div[data-v-cd28c436] {
    margin-right: 30px;
    text-align: center
}

.total .list .result>div[data-v-cd28c436]:last-child {
    margin-right: 0
}

.match-event[data-v-cd28c436] {
    margin-top: 20px
}

.match-event .panel-title[data-v-cd28c436] {
    display: flex;
    justify-content: space-between;
    padding-right: 20px
}

.match-event .panel-title[data-v-cd28c436]:last-child {
    border-radius: 8px;
    border-bottom: 1px solid #dee4f2
}

.match-event .panel-title .stage-tab[data-v-cd28c436] {
    display: flex;
    align-items: center
}

.match-event .panel-title .stage-tab .item[data-v-cd28c436] {
    width: 60px;
    height: 24px;
    margin-right: 6px;
    background: var(--q-analysis-color-16);
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-analysis-color-3)
}

.match-event .panel-title .stage-tab .item.active[data-v-cd28c436] {
    color: var(--q-analysis-color-13);
    background-image: var(--q-analysis-bg-gradient-2)
}

.match-event .panel-title .stage-tab .item[data-v-cd28c436]:last-child {
    margin-right: 0
}

.foot-icon[data-v-cd28c436] {
    display: flex;
    justify-content: center;
    padding: 20px 0
}

.foot-icon .foot-icon-item[data-v-cd28c436] {
    display: flex;
    align-items: center;
    margin-right: 20px
}

.foot-icon .foot-icon-item span[data-v-cd28c436] {
    margin-left: 6px
}

.foot-icon .foot-icon-item[data-v-cd28c436]:last-child {
    margin: 0
}

.panel[data-v-24c0f449] {
    margin-bottom: 20px;
    min-width: 960px;
    border-radius: 8px;
    color: var(--q-gb-t-c-6)
}

.panel .penel-container[data-v-24c0f449] {
    width: 100%;
    padding-top: 2px
}

.panel .panel-title[data-v-24c0f449] {
    margin: 0 2px 2px;
    display: flex;
    justify-content: space-between;
    padding-right: 20px
}

.panel .panel-title-more[data-v-24c0f449] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px
}

.panel .panel-title .ranking-more[data-v-24c0f449] {
    color: var(--q-gb-t-c-6);
    cursor: pointer
}

.panel .panel-title .yb-icon-arrow[data-v-24c0f449] {
    transform: rotate(90deg);
    transition: transform .2s
}

.panel .panel-title .yb-icon-arrow-open[data-v-24c0f449] {
    transform: rotate(270deg) !important
}

.integrate .d-header[data-v-24c0f449]:not(:last-child) {
    border-bottom: none !important
}

.integrate .d-body[data-v-24c0f449] {
    color: var(--q-gb-t-c-3)
}

.integrate .d-body .d-td[data-v-24c0f449]:not(:last-child) {
    border-right: .5px solid var(--q-gb-bd-c-8)
}

.integrate .d-tr[data-v-24c0f449] {
    display: flex;
    border-bottom: .5px solid var(--q-gb-bd-c-8)
}

.integrate .d-tr .d-td[data-v-24c0f449] {
    text-align: center;
    width: 80px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    flex: 1;
    font-weight: 500
}

.integrate .d-tr .d-td[data-v-24c0f449]:first-child {
    width: 6%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-24c0f449]:nth-child(2) {
    width: 19%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-24c0f449]:nth-child(3) {
    width: 17%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-24c0f449]:last-child {
    border-right: transparent
}

.integrate .d-header[data-v-24c0f449] {
    height: 30px;
    color: var(--q-analysis-color-12);
    background: var(-q-analysis-color-17)
}

.integrate .d-body[data-v-24c0f449] {
    height: 40px
}

.integrate .d-body[data-v-24c0f449]:last-child {
    border-radius: 0 0 8px 8px
}

.integrate .d-body .ranking[data-v-24c0f449] {
    width: 20px;
    height: 20px;
    margin: 10px auto;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 10px;
    background: #afb3bb;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.integrate .d-body .ranking.top-three[data-v-24c0f449] {
    background: var(--q-gb-bg-c-1)
}

.integrate .d-body .d-td[data-v-24c0f449] {
    display: inline-block;
    text-align: center;
    width: 80px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history .content .title[data-v-24c0f449] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 74px;
    padding: 0 20px;
    color: var(--q-analysis-color-1);
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .title .vs[data-v-24c0f449] {
    font-size: 16px;
    font-weight: 600
}

.history .content .title .both[data-v-24c0f449] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.history .content .title .both .team-name[data-v-24c0f449] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.history .content .title .both .team-name .logo[data-v-24c0f449] {
    width: 20px;
    height: 20px
}

.history .content .title .both .socre[data-v-24c0f449] {
    display: flex;
    align-items: center
}

.history .content .title .both .socre .label[data-v-24c0f449] {
    color: var(--q-analysis-color-0);
    font-size: 16px
}

.history .content .title .both .socre .item-wrap[data-v-24c0f449] {
    display: flex
}

.history .content .title .both .socre .item-wrap .item[data-v-24c0f449] {
    height: 20px;
    width: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--q-analysis-color-13);
    border-radius: 2px;
    margin-right: 5px
}

.history .content .title .both .socre .item-wrap .item[data-v-24c0f449]:last-child {
    margin-right: 0
}

.history .content .title .both.home .team-name .logo[data-v-24c0f449],
.history .content .title .both.home .label[data-v-24c0f449] {
    margin-right: 10px
}

.history .content .title .both.away[data-v-24c0f449] {
    align-items: flex-end;
    text-align: right
}

.history .content .title .both.away .d-title[data-v-24c0f449] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .title .both.away .team-name .logo[data-v-24c0f449],
.history .content .title .both.away .label[data-v-24c0f449] {
    margin-left: 10px
}

.history .content .d-title[data-v-24c0f449] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 28px;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0 20px
}

.history .content .d-title[data-v-24c0f449]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px 8px
}

.history .content .d-title span[data-v-24c0f449] {
    width: 50px;
    margin-right: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history .content .d-title span[data-v-24c0f449]:last-child {
    margin-right: 0
}

.history .content .d-tr[data-v-24c0f449] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .d-tr .score[data-v-24c0f449] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--q-analysis-color-1);
    font-size: 16px;
    font-weight: 600
}

.history .content .d-tr .score.code[data-v-24c0f449] {
    font-weight: 400;
    font-size: 12px;
    color: var(--q-gb-t-c-6)
}

.history .content .d-tr .score .line[data-v-24c0f449] {
    margin: 0 3px
}

.history .content .d-tr .home[data-v-24c0f449] {
    display: flex;
    align-items: center;
    flex: 1
}

.history .content .d-tr .home div[data-v-24c0f449] {
    width: 50%;
    flex: 1;
    height: 100%
}

.history .content .d-tr .home div[data-v-24c0f449]:nth-child(2) {
    text-align: center;
    line-height: 39px;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .d-tr .away[data-v-24c0f449] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1
}

.history .content .d-tr .match-time[data-v-24c0f449] {
    color: var(--q-analysis-color-12);
    display: flex;
    align-items: center
}

.history .content .d-tr .match-time span[data-v-24c0f449] {
    margin-right: 6px;
    min-width: 50px
}

.history .content .d-tr .result[data-v-24c0f449] {
    display: flex;
    align-items: center
}

.history .content .d-tr .result span[data-v-24c0f449] {
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 6px;
    border-radius: 2px
}

.history .content .d-tr .result span[data-v-24c0f449]:last-child {
    margin-right: 0
}

.fontweight[data-v-24c0f449] {
    font-weight: 700 !important
}

.fontBold[data-v-24c0f449] {
    font-weight: 700;
    color: var(--q-analysis-color-5);
    font-family: PingFangSC-Medium
}

.font999[data-v-24c0f449] {
    color: #e93d3d;
    font-family: PingFangSC-Regular
}

.before .content .d-title[data-v-24c0f449] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0
}

.before .content .d-title div[data-v-24c0f449] {
    width: 22.15%;
    max-width: 213px;
    display: flex;
    justify-content: space-around
}

.before .content .d-tr[data-v-24c0f449]:last-child {
    border-radius: 0 0 8px 8px
}

.before .d-tr[data-v-24c0f449] {
    height: 40px;
    padding: 0 !important
}

.before .d-tr .home .match-time[data-v-24c0f449] {
    padding-left: 20px
}

.before .d-tr .home div[data-v-24c0f449]:nth-child(2) {
    width: 200px
}

.before .d-tr .home div[data-v-24c0f449],
.before .d-tr .away div[data-v-24c0f449] {
    flex: 1
}

.before .d-tr .away div[data-v-24c0f449]:first-child {
    width: 200px;
    text-align: center;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    height: 100%;
    line-height: 39px
}

.before .d-tr .away .result[data-v-24c0f449] {
    justify-content: space-around;
    max-width: 213px
}

.before .d-tr .score[data-v-24c0f449] {
    width: 110px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .both[data-v-24c0f449]:first-child {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body[data-v-24c0f449] {
    border-top: none;
    display: flex
}

.near .t-body .home[data-v-24c0f449],
.near .t-body .away[data-v-24c0f449] {
    flex: 1;
    overflow: hidden
}

.near .t-body .home[data-v-24c0f449] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .home .d-title[data-v-24c0f449] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0
}

.near .t-body .home .d-title .left_d_title[data-v-24c0f449] {
    flex: 1
}

.near .t-body .home .d-title .left_d_title .code_title[data-v-24c0f449] {
    width: 70%
}

.near .t-body .home .d-title .left_d_title .code_title .code[data-v-24c0f449],
.near .t-body .home .d-title .left_d_title .code_title .code2[data-v-24c0f449],
.near .t-body .home .d-title .left_d_title .code_title .code3[data-v-24c0f449] {
    display: flex;
    justify-content: center
}

.near .t-body .home .d-title .left_d_title .date[data-v-24c0f449] {
    display: flex;
    justify-content: flex-start;
    width: 30%;
    padding-left: 10px
}

.near .t-body .home .d-title[data-v-24c0f449]:last-child {
    border-radius: 0 0 0 8px
}

.near .t-body .home .d-title div[data-v-24c0f449] {
    width: 168px;
    display: flex;
    justify-content: space-around
}

.near .t-body .home .d-title div span[data-v-24c0f449] {
    margin: 5px
}

.near .t-body .home .d-tr[data-v-24c0f449] {
    border-right: none !important;
    border-left: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .home .d-tr[data-v-24c0f449]:last-child {
    border-radius: 0 0 0 8px
}

.near .t-body .away .d-title[data-v-24c0f449] {
    padding: 0
}

.near .t-body .away .d-title .left_d_title[data-v-24c0f449] {
    flex: 1
}

.near .t-body .away .d-title .left_d_title .code_title[data-v-24c0f449] {
    width: 70%
}

.near .t-body .away .d-title .left_d_title .code_title .code[data-v-24c0f449],
.near .t-body .away .d-title .left_d_title .code_title .code2[data-v-24c0f449],
.near .t-body .away .d-title .left_d_title .code_title .code3[data-v-24c0f449] {
    display: flex;
    justify-content: center
}

.near .t-body .away .d-title .left_d_title .date[data-v-24c0f449] {
    display: flex;
    justify-content: flex-start;
    padding-left: 10px;
    width: 30%
}

.near .t-body .away .d-title[data-v-24c0f449]:last-child {
    border-radius: 0 0 8px
}

.near .t-body .away .d-title div[data-v-24c0f449] {
    width: 168px;
    display: flex;
    justify-content: space-around
}

.near .t-body .away .d-title div span[data-v-24c0f449] {
    margin: 5px
}

.near .t-body .away .d-title[data-v-24c0f449],
.near .t-body .away .d-tr[data-v-24c0f449] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    border-left: none !important
}

.near .t-body .away .d-tr[data-v-24c0f449]:last-child {
    border-radius: 0 0 8px
}

.near .t-body .d-tr[data-v-24c0f449] {
    padding: 0 !important;
    height: 56px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .d-tr[data-v-24c0f449]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .d-tr .result[data-v-24c0f449] {
    width: 168px;
    justify-content: space-around
}

.near .t-body .d-tr .result span[data-v-24c0f449] {
    margin-right: 0 !important
}

.near .t-body .d-tr .info[data-v-24c0f449] {
    flex: 1;
    display: flex;
    overflow: hidden
}

.near .t-body .d-tr .info .match-time[data-v-24c0f449] {
    display: unset;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 10px 0 0 10px;
    flex: 1
}

.near .t-body .d-tr .info .both[data-v-24c0f449] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    width: 70%
}

.near .t-body .d-tr .info .both>span[data-v-24c0f449] {
    flex: 1;
    width: 38%;
    text-align: center
}

.near .t-body .d-tr .info .both .score[data-v-24c0f449] {
    width: 33%;
    height: 100%;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .simple-title[data-v-24c0f449] {
    display: flex;
    padding: 0 20px;
    color: var(--q-analysis-color-5);
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.details .simple-title .home .logo[data-v-24c0f449] {
    margin-right: 10px
}

.details .simple-title .away[data-v-24c0f449] {
    justify-content: flex-end
}

.details .simple-title .away .logo[data-v-24c0f449] {
    margin-left: 10px
}

.details .simple-title .logo[data-v-24c0f449] {
    width: 20px;
    height: 20px
}

.details .home[data-v-24c0f449],
.details .away[data-v-24c0f449],
.details .future-item[data-v-24c0f449] {
    display: flex;
    align-items: center;
    height: 40px;
    flex: 1
}

.details .home[data-v-24c0f449] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .d-tr[data-v-24c0f449] {
    display: flex;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.details .d-tr[data-v-24c0f449]:last-child {
    border-bottom: transparent
}

.details .d-tr .home[data-v-24c0f449],
.details .d-tr .away[data-v-24c0f449] {
    color: var(--q-analysis-color-12)
}

.details .content[data-v-24c0f449] {
    display: flex
}

.details .content .wrap-home[data-v-24c0f449] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .content .future-item[data-v-24c0f449] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0 10px 0 20px
}

.details .content .wrap-home[data-v-24c0f449],
.details .content .wrap-away[data-v-24c0f449] {
    color: var(--q-analysis-color-12);
    flex: 1
}

.details .content .wrap-home .logo[data-v-24c0f449],
.details .content .wrap-away .logo[data-v-24c0f449] {
    width: 14px;
    height: 14px
}

.details .content .wrap-home .both[data-v-24c0f449],
.details .content .wrap-away .both[data-v-24c0f449] {
    display: flex;
    align-items: center;
    width: 267px;
    color: var(--q-analysis-color-1)
}

.details .content .wrap-home .both .home-name[data-v-24c0f449],
.details .content .wrap-home .both .away-name[data-v-24c0f449],
.details .content .wrap-away .both .home-name[data-v-24c0f449],
.details .content .wrap-away .both .away-name[data-v-24c0f449] {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden
}

.details .content .wrap-home .both .home-name .logo[data-v-24c0f449],
.details .content .wrap-away .both .home-name .logo[data-v-24c0f449] {
    margin-right: 6px;
    vertical-align: sub
}

.details .content .wrap-home .both .away-name .logo[data-v-24c0f449],
.details .content .wrap-away .both .away-name .logo[data-v-24c0f449] {
    margin-left: 6px;
    vertical-align: sub
}

.details .content .wrap-home .both .vs[data-v-24c0f449],
.details .content .wrap-away .both .vs[data-v-24c0f449] {
    text-align: center;
    width: 77px;
    font-size: 16px
}

.details .content .wrap-home .match-time[data-v-24c0f449],
.details .content .wrap-away .match-time[data-v-24c0f449] {
    flex: 1
}

.details .content .wrap-home .match-time span[data-v-24c0f449],
.details .content .wrap-away .match-time span[data-v-24c0f449] {
    margin-right: 6px
}

.details .content .wrap-home .match-time span[data-v-24c0f449]:last-child,
.details .content .wrap-away .match-time span[data-v-24c0f449]:last-child {
    margin-right: 0
}

.details .content .item[data-v-24c0f449] {
    padding: 0 10px 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 56px
}

.details .content .item[data-v-24c0f449]:first-child {
    border-top: none
}

.details .content .player-name[data-v-24c0f449] {
    color: var(--q-gb-t-c-6)
}

.details .content .player-name span[data-v-24c0f449]:first-child {
    margin-right: 6px
}

.hurt .simple-title[data-v-24c0f449]:not(:last-child) {
    border-bottom: 0
}

.hurt .simple-team[data-v-24c0f449] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .simple-team .home[data-v-24c0f449] {
    border-bottom: 0
}

.hurt .content .item[data-v-24c0f449]:not(:last-child) {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .content .wrap-home[data-v-24c0f449] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 0 8px
}

.hurt .content .wrap-away[data-v-24c0f449] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px
}

.hurt .content.no_data[data-v-24c0f449] {
    display: flex;
    border-top: .5px solid var(--q-gb-bd-c-8) !important;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.hurt .content.no_data .wrap-away[data-v-24c0f449] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .content.no_data .wrap-home[data-v-24c0f449] {
    border-radius: 0 0 0 8px
}

.hurt .content.no_data .wrap-away[data-v-24c0f449] {
    border-radius: 0 0 8px
}

.future .wrap-home[data-v-24c0f449],
.future .wrap-away[data-v-24c0f449] {
    border-bottom: none
}

.future .content .both[data-v-24c0f449] {
    flex: 1;
    height: 100%
}

.future .content .both .home-name[data-v-24c0f449],
.future .content .both .away-name[data-v-24c0f449] {
    display: unset !important;
    text-align: center
}

.future .content .both .home-name .ellipsis[data-v-24c0f449],
.future .content .both .away-name .ellipsis[data-v-24c0f449] {
    width: 85%;
    display: inline-block
}

.future .content .both .away-name .ellipsis[data-v-24c0f449] {
    direction: rtl
}

.future .content .both .vs[data-v-24c0f449] {
    height: 100%;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    line-height: 39px;
    color: var(--q-gb-t-c-6)
}

.future .content .match-time[data-v-24c0f449] {
    width: 23%;
    flex: none !important;
    height: 100%;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding-top: 2px;
    line-height: 1.4
}

.future .content .wrap-home .future-item[data-v-24c0f449]:last-child {
    border-radius: 0 0 0 8px
}

.future .content .wrap-away .future-item[data-v-24c0f449]:last-child {
    border-radius: 0 0 8px
}

.future .content.no_data[data-v-24c0f449] {
    display: flex;
    border-top: .5px solid var(--q-gb-bd-c-8) !important;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.future .content.no_data .wrap-away[data-v-24c0f449] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.future .content.no_data .wrap-home[data-v-24c0f449] {
    border-radius: 0 0 0 8px
}

.future .content.no_data .wrap-away[data-v-24c0f449] {
    border-radius: 0 0 8px
}

.base_panel[data-v-24c0f449] {
    padding-bottom: 50px
}

.match-time[data-v-24c0f449] {
    line-height: 1.4
}

.panel .content[data-v-24c0f449] {
    margin: 2px
}

.simple-title[data-v-24c0f449] {
    margin: 0 2px
}

.d-tr[data-v-24c0f449] {
    border-left-color: transparent !important
}

.wrap-home[data-v-24c0f449] {
    border-color: transparent !important
}

.match-time-title[data-v-24c0f449] {
    display: flex !important;
    justify-content: flex-start;
    padding: 0 0 0 10px !important
}

.title-score[data-v-24c0f449] {
    font-weight: 400 !important;
    font-size: 12px !important
}

.fontBold[data-v-24c0f449] {
    font-weight: var(--is-newer-mode);
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.font999[data-v-24c0f449] {
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.unfold-table[data-v-24c0f449] {
    width: 82px;
    height: 24px;
    background-color: var(--q-gb-bg-c-30);
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: var(--q-gb-t-c-6);
    border-radius: 0 0 6px 6px;
    cursor: pointer
}

.bold-class .d-td[data-v-24c0f449] {
    color: var(--q-gb-t-c-3) !important
}

.bold-class[data-v-24c0f449] {
    background: var(--q-gb-bg-c-30)
}

.home[data-v-24c0f449] {
    position: relative
}

.home .d-table-td[data-v-24c0f449] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px
}

.wrap-home[data-v-24c0f449],
.wrap-away[data-v-24c0f449] {
    position: relative
}

.wrap-home .d-table-shirtnumber[data-v-24c0f449],
.wrap-away .d-table-shirtnumber[data-v-24c0f449] {
    display: flex;
    position: absolute;
    right: 18px
}

.d-table-td-number[data-v-24c0f449] {
    position: absolute;
    right: 20px
}

.away_2[data-v-24c0f449] {
    justify-content: left !important;
    position: relative;
    right: -20px
}

.ranking-ta[data-v-24c0f449] {
    text-align: center
}

.player-name[data-v-24c0f449] {
    margin-bottom: 10px
}

.no-data-title[data-v-24c0f449] {
    margin: 0 auto
}

.simple-title .home[data-v-24c0f449],
.simple-title .away[data-v-24c0f449] {
    gap: 5px
}

.team-logo[data-v-24c0f449] {
    width: 20px;
    height: 20px
}

.d-body.d-tr.noMore[data-v-24c0f449] {
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--q-gb-t-c-6) !important
}

.select-wrap[data-v-07c00763] {
    display: flex;
    align-items: center
}

.select-wrap.is-iframe .tab-menu .item[data-v-07c00763]:first-child {
    display: none
}

.select-wrap .selct-menu[data-v-07c00763] {
    height: 24px;
    border: 1px solid #D7E1FD;
    background: linear-gradient(180deg, #e4ecfd, #f8faff 47.92%, #f5f8ff);
    box-shadow: 0 3px 3px #0038621a;
    border-radius: 12px;
    cursor: pointer
}

.select-wrap .selct-menu[data-v-07c00763]:first-child {
    margin-right: 10px
}

.select-wrap .selct-menu .select-lable[data-v-07c00763] {
    height: 24px;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    gap: 5px
}

.select-wrap .selct-menu .select-lable .yb-icon-arrow[data-v-07c00763] {
    transition: transform .3s;
    transform: rotate(90deg)
}

.select-wrap .selct-menu .select-page[data-v-07c00763] {
    display: none;
    width: 160px;
    background: var(--q-gb-bg-c-11) !important;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3));
    position: absolute;
    border-radius: 6px;
    z-index: 1;
    text-align: center;
    top: 40px;
    right: 0
}

.select-wrap .selct-menu .select-page[data-v-07c00763]:before {
    content: "";
    width: 0px;
    height: 0px;
    border: 10px solid;
    position: absolute;
    top: -20px;
    border-color: transparent transparent var(--q-gb-bg-c-11);
    z-index: 9;
    left: 70px
}

.select-wrap .selct-menu .select-page[data-v-07c00763]:after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    transform: rotate(128deg);
    top: -7px;
    z-index: 6;
    left: 70px
}

.select-wrap .selct-menu .select-page .options[data-v-07c00763] {
    padding: 0 15px;
    cursor: pointer;
    position: relative;
    z-index: 19
}

.select-wrap .selct-menu .select-page .options[data-v-07c00763]:hover,
.select-wrap .selct-menu .select-page .options.selected[data-v-07c00763] {
    color: var(--q-gb-t-c-16);
    background: #4176fa1a
}

.select-wrap .selct-menu .select-page .options-box[data-v-07c00763] {
    position: relative;
    z-index: 19;
    width: 100%;
    height: 6px;
    background: var(--q-gb-bg-lg-4);
    border-radius: 12px
}

.select-wrap .selct-menu.open_select .yb-icon-arrow[data-v-07c00763] {
    transform: rotate(270deg)
}

.select-wrap .selct-menu.open_select .select-page[data-v-07c00763] {
    display: block;
    z-index: 20
}

.select-wrap .tab-menu[data-v-07c00763] {
    display: flex;
    justify-content: flex-end
}

.select-wrap .tab-menu span[data-v-07c00763] {
    flex-shrink: 1;
    line-height: 24px;
    min-width: 64px;
    text-wrap: nowrap;
    text-align: center;
    padding: 0 8px;
    border: 1px solid #D7E1FD;
    background: linear-gradient(180deg, #e4ecfd, #f8faff 47.92%, #f5f8ff);
    box-shadow: 0 3px 3px #0038621a;
    border-radius: 12px;
    cursor: pointer;
    margin-right: 10px;
    font-family: PingFangSC-Regular;
    color: #555
}

.select-wrap .tab-menu span.active[data-v-07c00763] {
    background: #179cff;
    color: #fff;
    font-weight: 600
}

.noData[data-v-63f50355] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.noData .empty-wrap[data-v-63f50355] {
    width: 128px;
    height: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.noData .empty-wrap .empty-wrap-img[data-v-63f50355] {
    background-image: var(--qq--public-bg-image2);
    width: 164px;
    height: 154px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.noData .empty-wrap .empty-wrap-tips[data-v-63f50355] {
    color: var(--q-gb-t-c-3);
    white-space: nowrap
}

.noData .scale-img[data-v-63f50355] {
    transform: scale(.5)
}

.noData.no-data-new-pc-202411.no-data-analysis_header .empty-wrap-img[data-v-63f50355] {
    background-size: 132px auto
}

.noData.no-data-new-pc-202411.no-data-video .empty-wrap-img[data-v-63f50355] {
    background-size: 134px auto
}

.panel[data-v-38fa0056] {
    margin-bottom: 20px;
    min-width: 960px;
    border-radius: 8px;
    color: var(--q-gb-t-c-6)
}

.panel .penel-container[data-v-38fa0056] {
    width: 100%;
    padding-top: 2px
}

.panel .panel-title[data-v-38fa0056] {
    margin: 0 2px 2px;
    display: flex;
    justify-content: space-between;
    padding-right: 20px
}

.panel .panel-title-more[data-v-38fa0056] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px
}

.panel .panel-title .ranking-more[data-v-38fa0056] {
    color: var(--q-gb-t-c-6);
    cursor: pointer
}

.panel .panel-title .yb-icon-arrow[data-v-38fa0056] {
    transform: rotate(90deg);
    transition: transform .2s
}

.panel .panel-title .yb-icon-arrow-open[data-v-38fa0056] {
    transform: rotate(270deg) !important
}

.integrate .d-header[data-v-38fa0056]:not(:last-child) {
    border-bottom: none !important
}

.integrate .d-body[data-v-38fa0056] {
    color: var(--q-gb-t-c-3)
}

.integrate .d-body .d-td[data-v-38fa0056]:not(:last-child) {
    border-right: .5px solid var(--q-gb-bd-c-8)
}

.integrate .d-tr[data-v-38fa0056] {
    display: flex;
    border-bottom: .5px solid var(--q-gb-bd-c-8)
}

.integrate .d-tr .d-td[data-v-38fa0056] {
    text-align: center;
    width: 80px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    flex: 1;
    font-weight: 500
}

.integrate .d-tr .d-td[data-v-38fa0056]:first-child {
    width: 6%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-38fa0056]:nth-child(2) {
    width: 19%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-38fa0056]:nth-child(3) {
    width: 17%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-38fa0056]:last-child {
    border-right: transparent
}

.integrate .d-header[data-v-38fa0056] {
    height: 30px;
    color: var(--q-analysis-color-12);
    background: var(-q-analysis-color-17)
}

.integrate .d-body[data-v-38fa0056] {
    height: 40px
}

.integrate .d-body[data-v-38fa0056]:last-child {
    border-radius: 0 0 8px 8px
}

.integrate .d-body .ranking[data-v-38fa0056] {
    width: 20px;
    height: 20px;
    margin: 10px auto;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 10px;
    background: #afb3bb;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.integrate .d-body .ranking.top-three[data-v-38fa0056] {
    background: var(--q-gb-bg-c-1)
}

.integrate .d-body .d-td[data-v-38fa0056] {
    display: inline-block;
    text-align: center;
    width: 80px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history .content .title[data-v-38fa0056] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 74px;
    padding: 0 20px;
    color: var(--q-analysis-color-1);
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .title .vs[data-v-38fa0056] {
    font-size: 16px;
    font-weight: 600
}

.history .content .title .both[data-v-38fa0056] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.history .content .title .both .team-name[data-v-38fa0056] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.history .content .title .both .team-name .logo[data-v-38fa0056] {
    width: 20px;
    height: 20px
}

.history .content .title .both .socre[data-v-38fa0056] {
    display: flex;
    align-items: center
}

.history .content .title .both .socre .label[data-v-38fa0056] {
    color: var(--q-analysis-color-0);
    font-size: 16px
}

.history .content .title .both .socre .item-wrap[data-v-38fa0056] {
    display: flex
}

.history .content .title .both .socre .item-wrap .item[data-v-38fa0056] {
    height: 20px;
    width: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--q-analysis-color-13);
    border-radius: 2px;
    margin-right: 5px
}

.history .content .title .both .socre .item-wrap .item[data-v-38fa0056]:last-child {
    margin-right: 0
}

.history .content .title .both.home .team-name .logo[data-v-38fa0056],
.history .content .title .both.home .label[data-v-38fa0056] {
    margin-right: 10px
}

.history .content .title .both.away[data-v-38fa0056] {
    align-items: flex-end;
    text-align: right
}

.history .content .title .both.away .d-title[data-v-38fa0056] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .title .both.away .team-name .logo[data-v-38fa0056],
.history .content .title .both.away .label[data-v-38fa0056] {
    margin-left: 10px
}

.history .content .d-title[data-v-38fa0056] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 28px;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0 20px
}

.history .content .d-title[data-v-38fa0056]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px 8px
}

.history .content .d-title span[data-v-38fa0056] {
    width: 50px;
    margin-right: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history .content .d-title span[data-v-38fa0056]:last-child {
    margin-right: 0
}

.history .content .d-tr[data-v-38fa0056] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .d-tr .score[data-v-38fa0056] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--q-analysis-color-1);
    font-size: 16px;
    font-weight: 600
}

.history .content .d-tr .score.code[data-v-38fa0056] {
    font-weight: 400;
    font-size: 12px;
    color: var(--q-gb-t-c-6)
}

.history .content .d-tr .score .line[data-v-38fa0056] {
    margin: 0 3px
}

.history .content .d-tr .home[data-v-38fa0056] {
    display: flex;
    align-items: center;
    flex: 1
}

.history .content .d-tr .home div[data-v-38fa0056] {
    width: 50%;
    flex: 1;
    height: 100%
}

.history .content .d-tr .home div[data-v-38fa0056]:nth-child(2) {
    text-align: center;
    line-height: 39px;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .d-tr .away[data-v-38fa0056] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1
}

.history .content .d-tr .match-time[data-v-38fa0056] {
    color: var(--q-analysis-color-12);
    display: flex;
    align-items: center
}

.history .content .d-tr .match-time span[data-v-38fa0056] {
    margin-right: 6px;
    min-width: 50px
}

.history .content .d-tr .result[data-v-38fa0056] {
    display: flex;
    align-items: center
}

.history .content .d-tr .result span[data-v-38fa0056] {
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 6px;
    border-radius: 2px
}

.history .content .d-tr .result span[data-v-38fa0056]:last-child {
    margin-right: 0
}

.fontweight[data-v-38fa0056] {
    font-weight: 700 !important
}

.fontBold[data-v-38fa0056] {
    font-weight: 700;
    color: var(--q-analysis-color-5);
    font-family: PingFangSC-Medium
}

.font999[data-v-38fa0056] {
    color: #e93d3d;
    font-family: PingFangSC-Regular
}

.before .content .d-title[data-v-38fa0056] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0
}

.before .content .d-title div[data-v-38fa0056] {
    width: 22.15%;
    max-width: 213px;
    display: flex;
    justify-content: space-around
}

.before .content .d-tr[data-v-38fa0056]:last-child {
    border-radius: 0 0 8px 8px
}

.before .d-tr[data-v-38fa0056] {
    height: 40px;
    padding: 0 !important
}

.before .d-tr .home .match-time[data-v-38fa0056] {
    padding-left: 20px
}

.before .d-tr .home div[data-v-38fa0056]:nth-child(2) {
    width: 200px
}

.before .d-tr .home div[data-v-38fa0056],
.before .d-tr .away div[data-v-38fa0056] {
    flex: 1
}

.before .d-tr .away div[data-v-38fa0056]:first-child {
    width: 200px;
    text-align: center;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    height: 100%;
    line-height: 39px
}

.before .d-tr .away .result[data-v-38fa0056] {
    justify-content: space-around;
    max-width: 213px
}

.before .d-tr .score[data-v-38fa0056] {
    width: 110px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .both[data-v-38fa0056]:first-child {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body[data-v-38fa0056] {
    border-top: none;
    display: flex
}

.near .t-body .home[data-v-38fa0056],
.near .t-body .away[data-v-38fa0056] {
    flex: 1;
    overflow: hidden
}

.near .t-body .home[data-v-38fa0056] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .home .d-title[data-v-38fa0056] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0
}

.near .t-body .home .d-title .left_d_title[data-v-38fa0056] {
    flex: 1
}

.near .t-body .home .d-title .left_d_title .code_title[data-v-38fa0056] {
    width: 70%
}

.near .t-body .home .d-title .left_d_title .code_title .code[data-v-38fa0056],
.near .t-body .home .d-title .left_d_title .code_title .code2[data-v-38fa0056],
.near .t-body .home .d-title .left_d_title .code_title .code3[data-v-38fa0056] {
    display: flex;
    justify-content: center
}

.near .t-body .home .d-title .left_d_title .date[data-v-38fa0056] {
    display: flex;
    justify-content: flex-start;
    width: 30%;
    padding-left: 10px
}

.near .t-body .home .d-title[data-v-38fa0056]:last-child {
    border-radius: 0 0 0 8px
}

.near .t-body .home .d-title div[data-v-38fa0056] {
    width: 168px;
    display: flex;
    justify-content: space-around
}

.near .t-body .home .d-title div span[data-v-38fa0056] {
    margin: 5px
}

.near .t-body .home .d-tr[data-v-38fa0056] {
    border-right: none !important;
    border-left: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .home .d-tr[data-v-38fa0056]:last-child {
    border-radius: 0 0 0 8px
}

.near .t-body .away .d-title[data-v-38fa0056] {
    padding: 0
}

.near .t-body .away .d-title .left_d_title[data-v-38fa0056] {
    flex: 1
}

.near .t-body .away .d-title .left_d_title .code_title[data-v-38fa0056] {
    width: 70%
}

.near .t-body .away .d-title .left_d_title .code_title .code[data-v-38fa0056],
.near .t-body .away .d-title .left_d_title .code_title .code2[data-v-38fa0056],
.near .t-body .away .d-title .left_d_title .code_title .code3[data-v-38fa0056] {
    display: flex;
    justify-content: center
}

.near .t-body .away .d-title .left_d_title .date[data-v-38fa0056] {
    display: flex;
    justify-content: flex-start;
    padding-left: 10px;
    width: 30%
}

.near .t-body .away .d-title[data-v-38fa0056]:last-child {
    border-radius: 0 0 8px
}

.near .t-body .away .d-title div[data-v-38fa0056] {
    width: 168px;
    display: flex;
    justify-content: space-around
}

.near .t-body .away .d-title div span[data-v-38fa0056] {
    margin: 5px
}

.near .t-body .away .d-title[data-v-38fa0056],
.near .t-body .away .d-tr[data-v-38fa0056] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    border-left: none !important
}

.near .t-body .away .d-tr[data-v-38fa0056]:last-child {
    border-radius: 0 0 8px
}

.near .t-body .d-tr[data-v-38fa0056] {
    padding: 0 !important;
    height: 56px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .d-tr[data-v-38fa0056]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .d-tr .result[data-v-38fa0056] {
    width: 168px;
    justify-content: space-around
}

.near .t-body .d-tr .result span[data-v-38fa0056] {
    margin-right: 0 !important
}

.near .t-body .d-tr .info[data-v-38fa0056] {
    flex: 1;
    display: flex;
    overflow: hidden
}

.near .t-body .d-tr .info .match-time[data-v-38fa0056] {
    display: unset;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 10px 0 0 10px;
    flex: 1
}

.near .t-body .d-tr .info .both[data-v-38fa0056] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    width: 70%
}

.near .t-body .d-tr .info .both>span[data-v-38fa0056] {
    flex: 1;
    width: 38%;
    text-align: center
}

.near .t-body .d-tr .info .both .score[data-v-38fa0056] {
    width: 33%;
    height: 100%;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .simple-title[data-v-38fa0056] {
    display: flex;
    padding: 0 20px;
    color: var(--q-analysis-color-5);
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.details .simple-title .home .logo[data-v-38fa0056] {
    margin-right: 10px
}

.details .simple-title .away[data-v-38fa0056] {
    justify-content: flex-end
}

.details .simple-title .away .logo[data-v-38fa0056] {
    margin-left: 10px
}

.details .simple-title .logo[data-v-38fa0056] {
    width: 20px;
    height: 20px
}

.details .home[data-v-38fa0056],
.details .away[data-v-38fa0056],
.details .future-item[data-v-38fa0056] {
    display: flex;
    align-items: center;
    height: 40px;
    flex: 1
}

.details .home[data-v-38fa0056] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .d-tr[data-v-38fa0056] {
    display: flex;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.details .d-tr[data-v-38fa0056]:last-child {
    border-bottom: transparent
}

.details .d-tr .home[data-v-38fa0056],
.details .d-tr .away[data-v-38fa0056] {
    color: var(--q-analysis-color-12)
}

.details .content[data-v-38fa0056] {
    display: flex
}

.details .content .wrap-home[data-v-38fa0056] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .content .future-item[data-v-38fa0056] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0 10px 0 20px
}

.details .content .wrap-home[data-v-38fa0056],
.details .content .wrap-away[data-v-38fa0056] {
    color: var(--q-analysis-color-12);
    flex: 1
}

.details .content .wrap-home .logo[data-v-38fa0056],
.details .content .wrap-away .logo[data-v-38fa0056] {
    width: 14px;
    height: 14px
}

.details .content .wrap-home .both[data-v-38fa0056],
.details .content .wrap-away .both[data-v-38fa0056] {
    display: flex;
    align-items: center;
    width: 267px;
    color: var(--q-analysis-color-1)
}

.details .content .wrap-home .both .home-name[data-v-38fa0056],
.details .content .wrap-home .both .away-name[data-v-38fa0056],
.details .content .wrap-away .both .home-name[data-v-38fa0056],
.details .content .wrap-away .both .away-name[data-v-38fa0056] {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden
}

.details .content .wrap-home .both .home-name .logo[data-v-38fa0056],
.details .content .wrap-away .both .home-name .logo[data-v-38fa0056] {
    margin-right: 6px;
    vertical-align: sub
}

.details .content .wrap-home .both .away-name .logo[data-v-38fa0056],
.details .content .wrap-away .both .away-name .logo[data-v-38fa0056] {
    margin-left: 6px;
    vertical-align: sub
}

.details .content .wrap-home .both .vs[data-v-38fa0056],
.details .content .wrap-away .both .vs[data-v-38fa0056] {
    text-align: center;
    width: 77px;
    font-size: 16px
}

.details .content .wrap-home .match-time[data-v-38fa0056],
.details .content .wrap-away .match-time[data-v-38fa0056] {
    flex: 1
}

.details .content .wrap-home .match-time span[data-v-38fa0056],
.details .content .wrap-away .match-time span[data-v-38fa0056] {
    margin-right: 6px
}

.details .content .wrap-home .match-time span[data-v-38fa0056]:last-child,
.details .content .wrap-away .match-time span[data-v-38fa0056]:last-child {
    margin-right: 0
}

.details .content .item[data-v-38fa0056] {
    padding: 0 10px 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 56px
}

.details .content .item[data-v-38fa0056]:first-child {
    border-top: none
}

.details .content .player-name[data-v-38fa0056] {
    color: var(--q-gb-t-c-6)
}

.details .content .player-name span[data-v-38fa0056]:first-child {
    margin-right: 6px
}

.hurt .simple-title[data-v-38fa0056]:not(:last-child) {
    border-bottom: 0
}

.hurt .simple-team[data-v-38fa0056] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .simple-team .home[data-v-38fa0056] {
    border-bottom: 0
}

.hurt .content .item[data-v-38fa0056]:not(:last-child) {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .content .wrap-home[data-v-38fa0056] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 0 8px
}

.hurt .content .wrap-away[data-v-38fa0056] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px
}

.hurt .content.no_data[data-v-38fa0056] {
    display: flex;
    border-top: .5px solid var(--q-gb-bd-c-8) !important;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.hurt .content.no_data .wrap-away[data-v-38fa0056] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .content.no_data .wrap-home[data-v-38fa0056] {
    border-radius: 0 0 0 8px
}

.hurt .content.no_data .wrap-away[data-v-38fa0056] {
    border-radius: 0 0 8px
}

.future .wrap-home[data-v-38fa0056],
.future .wrap-away[data-v-38fa0056] {
    border-bottom: none
}

.future .content .both[data-v-38fa0056] {
    flex: 1;
    height: 100%
}

.future .content .both .home-name[data-v-38fa0056],
.future .content .both .away-name[data-v-38fa0056] {
    display: unset !important;
    text-align: center
}

.future .content .both .home-name .ellipsis[data-v-38fa0056],
.future .content .both .away-name .ellipsis[data-v-38fa0056] {
    width: 85%;
    display: inline-block
}

.future .content .both .away-name .ellipsis[data-v-38fa0056] {
    direction: rtl
}

.future .content .both .vs[data-v-38fa0056] {
    height: 100%;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    line-height: 39px;
    color: var(--q-gb-t-c-6)
}

.future .content .match-time[data-v-38fa0056] {
    width: 23%;
    flex: none !important;
    height: 100%;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding-top: 2px;
    line-height: 1.4
}

.future .content .wrap-home .future-item[data-v-38fa0056]:last-child {
    border-radius: 0 0 0 8px
}

.future .content .wrap-away .future-item[data-v-38fa0056]:last-child {
    border-radius: 0 0 8px
}

.future .content.no_data[data-v-38fa0056] {
    display: flex;
    border-top: .5px solid var(--q-gb-bd-c-8) !important;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.future .content.no_data .wrap-away[data-v-38fa0056] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.future .content.no_data .wrap-home[data-v-38fa0056] {
    border-radius: 0 0 0 8px
}

.future .content.no_data .wrap-away[data-v-38fa0056] {
    border-radius: 0 0 8px
}

.base_panel[data-v-38fa0056] {
    padding-bottom: 50px
}

.match-time[data-v-38fa0056] {
    line-height: 1.4
}

.panel .content[data-v-38fa0056] {
    margin: 2px
}

.simple-title[data-v-38fa0056] {
    margin: 0 2px
}

.d-tr[data-v-38fa0056] {
    border-left-color: transparent !important
}

.wrap-home[data-v-38fa0056] {
    border-color: transparent !important
}

.match-time-title[data-v-38fa0056] {
    display: flex !important;
    justify-content: flex-start;
    padding: 0 0 0 10px !important
}

.title-score[data-v-38fa0056] {
    font-weight: 400 !important;
    font-size: 12px !important
}

.fontBold[data-v-38fa0056] {
    font-weight: var(--is-newer-mode);
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.font999[data-v-38fa0056] {
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.unfold-table[data-v-38fa0056] {
    width: 82px;
    height: 24px;
    background-color: var(--q-gb-bg-c-30);
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: var(--q-gb-t-c-6);
    border-radius: 0 0 6px 6px;
    cursor: pointer
}

.bold-class .d-td[data-v-38fa0056] {
    color: var(--q-gb-t-c-3) !important
}

.bold-class[data-v-38fa0056] {
    background: var(--q-gb-bg-c-30)
}

.home[data-v-38fa0056] {
    position: relative
}

.home .d-table-td[data-v-38fa0056] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px
}

.wrap-home[data-v-38fa0056],
.wrap-away[data-v-38fa0056] {
    position: relative
}

.wrap-home .d-table-shirtnumber[data-v-38fa0056],
.wrap-away .d-table-shirtnumber[data-v-38fa0056] {
    display: flex;
    position: absolute;
    right: 18px
}

.d-table-td-number[data-v-38fa0056] {
    position: absolute;
    right: 20px
}

.away_2[data-v-38fa0056] {
    justify-content: left !important;
    position: relative;
    right: -20px
}

.ranking-ta[data-v-38fa0056] {
    text-align: center
}

.player-name[data-v-38fa0056] {
    margin-bottom: 10px
}

.no-data-title[data-v-38fa0056] {
    margin: 0 auto
}

.simple-title .home[data-v-38fa0056],
.simple-title .away[data-v-38fa0056] {
    gap: 5px
}

.team-logo[data-v-38fa0056] {
    width: 20px;
    height: 20px
}

.d-body.d-tr.noMore[data-v-38fa0056] {
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--q-gb-t-c-6) !important
}

.panel[data-v-3c6707dd] {
    margin-bottom: 20px;
    min-width: 960px;
    border-radius: 8px;
    color: var(--q-gb-t-c-6)
}

.panel .penel-container[data-v-3c6707dd] {
    width: 100%;
    padding-top: 2px
}

.panel .panel-title[data-v-3c6707dd] {
    margin: 0 2px 2px;
    display: flex;
    justify-content: space-between;
    padding-right: 20px
}

.panel .panel-title-more[data-v-3c6707dd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px
}

.panel .panel-title .ranking-more[data-v-3c6707dd] {
    color: var(--q-gb-t-c-6);
    cursor: pointer
}

.panel .panel-title .yb-icon-arrow[data-v-3c6707dd] {
    transform: rotate(90deg);
    transition: transform .2s
}

.panel .panel-title .yb-icon-arrow-open[data-v-3c6707dd] {
    transform: rotate(270deg) !important
}

.integrate .d-header[data-v-3c6707dd]:not(:last-child) {
    border-bottom: none !important
}

.integrate .d-body[data-v-3c6707dd] {
    color: var(--q-gb-t-c-3)
}

.integrate .d-body .d-td[data-v-3c6707dd]:not(:last-child) {
    border-right: .5px solid var(--q-gb-bd-c-8)
}

.integrate .d-tr[data-v-3c6707dd] {
    display: flex;
    border-bottom: .5px solid var(--q-gb-bd-c-8)
}

.integrate .d-tr .d-td[data-v-3c6707dd] {
    text-align: center;
    width: 80px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    flex: 1;
    font-weight: 500
}

.integrate .d-tr .d-td[data-v-3c6707dd]:first-child {
    width: 6%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-3c6707dd]:nth-child(2) {
    width: 19%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-3c6707dd]:nth-child(3) {
    width: 17%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-3c6707dd]:last-child {
    border-right: transparent
}

.integrate .d-header[data-v-3c6707dd] {
    height: 30px;
    color: var(--q-analysis-color-12);
    background: var(-q-analysis-color-17)
}

.integrate .d-body[data-v-3c6707dd] {
    height: 40px
}

.integrate .d-body[data-v-3c6707dd]:last-child {
    border-radius: 0 0 8px 8px
}

.integrate .d-body .ranking[data-v-3c6707dd] {
    width: 20px;
    height: 20px;
    margin: 10px auto;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 10px;
    background: #afb3bb;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.integrate .d-body .ranking.top-three[data-v-3c6707dd] {
    background: var(--q-gb-bg-c-1)
}

.integrate .d-body .d-td[data-v-3c6707dd] {
    display: inline-block;
    text-align: center;
    width: 80px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history .content .title[data-v-3c6707dd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 74px;
    padding: 0 20px;
    color: var(--q-analysis-color-1);
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .title .vs[data-v-3c6707dd] {
    font-size: 16px;
    font-weight: 600
}

.history .content .title .both[data-v-3c6707dd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.history .content .title .both .team-name[data-v-3c6707dd] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.history .content .title .both .team-name .logo[data-v-3c6707dd] {
    width: 20px;
    height: 20px
}

.history .content .title .both .socre[data-v-3c6707dd] {
    display: flex;
    align-items: center
}

.history .content .title .both .socre .label[data-v-3c6707dd] {
    color: var(--q-analysis-color-0);
    font-size: 16px
}

.history .content .title .both .socre .item-wrap[data-v-3c6707dd] {
    display: flex
}

.history .content .title .both .socre .item-wrap .item[data-v-3c6707dd] {
    height: 20px;
    width: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--q-analysis-color-13);
    border-radius: 2px;
    margin-right: 5px
}

.history .content .title .both .socre .item-wrap .item[data-v-3c6707dd]:last-child {
    margin-right: 0
}

.history .content .title .both.home .team-name .logo[data-v-3c6707dd],
.history .content .title .both.home .label[data-v-3c6707dd] {
    margin-right: 10px
}

.history .content .title .both.away[data-v-3c6707dd] {
    align-items: flex-end;
    text-align: right
}

.history .content .title .both.away .d-title[data-v-3c6707dd] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .title .both.away .team-name .logo[data-v-3c6707dd],
.history .content .title .both.away .label[data-v-3c6707dd] {
    margin-left: 10px
}

.history .content .d-title[data-v-3c6707dd] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 28px;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0 20px
}

.history .content .d-title[data-v-3c6707dd]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px 8px
}

.history .content .d-title span[data-v-3c6707dd] {
    width: 50px;
    margin-right: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history .content .d-title span[data-v-3c6707dd]:last-child {
    margin-right: 0
}

.history .content .d-tr[data-v-3c6707dd] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .d-tr .score[data-v-3c6707dd] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--q-analysis-color-1);
    font-size: 16px;
    font-weight: 600
}

.history .content .d-tr .score.code[data-v-3c6707dd] {
    font-weight: 400;
    font-size: 12px;
    color: var(--q-gb-t-c-6)
}

.history .content .d-tr .score .line[data-v-3c6707dd] {
    margin: 0 3px
}

.history .content .d-tr .home[data-v-3c6707dd] {
    display: flex;
    align-items: center;
    flex: 1
}

.history .content .d-tr .home div[data-v-3c6707dd] {
    width: 50%;
    flex: 1;
    height: 100%
}

.history .content .d-tr .home div[data-v-3c6707dd]:nth-child(2) {
    text-align: center;
    line-height: 39px;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .d-tr .away[data-v-3c6707dd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1
}

.history .content .d-tr .match-time[data-v-3c6707dd] {
    color: var(--q-analysis-color-12);
    display: flex;
    align-items: center
}

.history .content .d-tr .match-time span[data-v-3c6707dd] {
    margin-right: 6px;
    min-width: 50px
}

.history .content .d-tr .result[data-v-3c6707dd] {
    display: flex;
    align-items: center
}

.history .content .d-tr .result span[data-v-3c6707dd] {
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 6px;
    border-radius: 2px
}

.history .content .d-tr .result span[data-v-3c6707dd]:last-child {
    margin-right: 0
}

.fontweight[data-v-3c6707dd] {
    font-weight: 700 !important
}

.fontBold[data-v-3c6707dd] {
    font-weight: 700;
    color: var(--q-analysis-color-5);
    font-family: PingFangSC-Medium
}

.font999[data-v-3c6707dd] {
    color: #e93d3d;
    font-family: PingFangSC-Regular
}

.before .content .d-title[data-v-3c6707dd] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0
}

.before .content .d-title div[data-v-3c6707dd] {
    width: 22.15%;
    max-width: 213px;
    display: flex;
    justify-content: space-around
}

.before .content .d-tr[data-v-3c6707dd]:last-child {
    border-radius: 0 0 8px 8px
}

.before .d-tr[data-v-3c6707dd] {
    height: 40px;
    padding: 0 !important
}

.before .d-tr .home .match-time[data-v-3c6707dd] {
    padding-left: 20px
}

.before .d-tr .home div[data-v-3c6707dd]:nth-child(2) {
    width: 200px
}

.before .d-tr .home div[data-v-3c6707dd],
.before .d-tr .away div[data-v-3c6707dd] {
    flex: 1
}

.before .d-tr .away div[data-v-3c6707dd]:first-child {
    width: 200px;
    text-align: center;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    height: 100%;
    line-height: 39px
}

.before .d-tr .away .result[data-v-3c6707dd] {
    justify-content: space-around;
    max-width: 213px
}

.before .d-tr .score[data-v-3c6707dd] {
    width: 110px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .both[data-v-3c6707dd]:first-child {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body[data-v-3c6707dd] {
    border-top: none;
    display: flex
}

.near .t-body .home[data-v-3c6707dd],
.near .t-body .away[data-v-3c6707dd] {
    flex: 1;
    overflow: hidden
}

.near .t-body .home[data-v-3c6707dd] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .home .d-title[data-v-3c6707dd] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0
}

.near .t-body .home .d-title .left_d_title[data-v-3c6707dd] {
    flex: 1
}

.near .t-body .home .d-title .left_d_title .code_title[data-v-3c6707dd] {
    width: 70%
}

.near .t-body .home .d-title .left_d_title .code_title .code[data-v-3c6707dd],
.near .t-body .home .d-title .left_d_title .code_title .code2[data-v-3c6707dd],
.near .t-body .home .d-title .left_d_title .code_title .code3[data-v-3c6707dd] {
    display: flex;
    justify-content: center
}

.near .t-body .home .d-title .left_d_title .date[data-v-3c6707dd] {
    display: flex;
    justify-content: flex-start;
    width: 30%;
    padding-left: 10px
}

.near .t-body .home .d-title[data-v-3c6707dd]:last-child {
    border-radius: 0 0 0 8px
}

.near .t-body .home .d-title div[data-v-3c6707dd] {
    width: 168px;
    display: flex;
    justify-content: space-around
}

.near .t-body .home .d-title div span[data-v-3c6707dd] {
    margin: 5px
}

.near .t-body .home .d-tr[data-v-3c6707dd] {
    border-right: none !important;
    border-left: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .home .d-tr[data-v-3c6707dd]:last-child {
    border-radius: 0 0 0 8px
}

.near .t-body .away .d-title[data-v-3c6707dd] {
    padding: 0
}

.near .t-body .away .d-title .left_d_title[data-v-3c6707dd] {
    flex: 1
}

.near .t-body .away .d-title .left_d_title .code_title[data-v-3c6707dd] {
    width: 70%
}

.near .t-body .away .d-title .left_d_title .code_title .code[data-v-3c6707dd],
.near .t-body .away .d-title .left_d_title .code_title .code2[data-v-3c6707dd],
.near .t-body .away .d-title .left_d_title .code_title .code3[data-v-3c6707dd] {
    display: flex;
    justify-content: center
}

.near .t-body .away .d-title .left_d_title .date[data-v-3c6707dd] {
    display: flex;
    justify-content: flex-start;
    padding-left: 10px;
    width: 30%
}

.near .t-body .away .d-title[data-v-3c6707dd]:last-child {
    border-radius: 0 0 8px
}

.near .t-body .away .d-title div[data-v-3c6707dd] {
    width: 168px;
    display: flex;
    justify-content: space-around
}

.near .t-body .away .d-title div span[data-v-3c6707dd] {
    margin: 5px
}

.near .t-body .away .d-title[data-v-3c6707dd],
.near .t-body .away .d-tr[data-v-3c6707dd] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    border-left: none !important
}

.near .t-body .away .d-tr[data-v-3c6707dd]:last-child {
    border-radius: 0 0 8px
}

.near .t-body .d-tr[data-v-3c6707dd] {
    padding: 0 !important;
    height: 56px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .d-tr[data-v-3c6707dd]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .d-tr .result[data-v-3c6707dd] {
    width: 168px;
    justify-content: space-around
}

.near .t-body .d-tr .result span[data-v-3c6707dd] {
    margin-right: 0 !important
}

.near .t-body .d-tr .info[data-v-3c6707dd] {
    flex: 1;
    display: flex;
    overflow: hidden
}

.near .t-body .d-tr .info .match-time[data-v-3c6707dd] {
    display: unset;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 10px 0 0 10px;
    flex: 1
}

.near .t-body .d-tr .info .both[data-v-3c6707dd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    width: 70%
}

.near .t-body .d-tr .info .both>span[data-v-3c6707dd] {
    flex: 1;
    width: 38%;
    text-align: center
}

.near .t-body .d-tr .info .both .score[data-v-3c6707dd] {
    width: 33%;
    height: 100%;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .simple-title[data-v-3c6707dd] {
    display: flex;
    padding: 0 20px;
    color: var(--q-analysis-color-5);
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.details .simple-title .home .logo[data-v-3c6707dd] {
    margin-right: 10px
}

.details .simple-title .away[data-v-3c6707dd] {
    justify-content: flex-end
}

.details .simple-title .away .logo[data-v-3c6707dd] {
    margin-left: 10px
}

.details .simple-title .logo[data-v-3c6707dd] {
    width: 20px;
    height: 20px
}

.details .home[data-v-3c6707dd],
.details .away[data-v-3c6707dd],
.details .future-item[data-v-3c6707dd] {
    display: flex;
    align-items: center;
    height: 40px;
    flex: 1
}

.details .home[data-v-3c6707dd] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .d-tr[data-v-3c6707dd] {
    display: flex;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.details .d-tr[data-v-3c6707dd]:last-child {
    border-bottom: transparent
}

.details .d-tr .home[data-v-3c6707dd],
.details .d-tr .away[data-v-3c6707dd] {
    color: var(--q-analysis-color-12)
}

.details .content[data-v-3c6707dd] {
    display: flex
}

.details .content .wrap-home[data-v-3c6707dd] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .content .future-item[data-v-3c6707dd] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0 10px 0 20px
}

.details .content .wrap-home[data-v-3c6707dd],
.details .content .wrap-away[data-v-3c6707dd] {
    color: var(--q-analysis-color-12);
    flex: 1
}

.details .content .wrap-home .logo[data-v-3c6707dd],
.details .content .wrap-away .logo[data-v-3c6707dd] {
    width: 14px;
    height: 14px
}

.details .content .wrap-home .both[data-v-3c6707dd],
.details .content .wrap-away .both[data-v-3c6707dd] {
    display: flex;
    align-items: center;
    width: 267px;
    color: var(--q-analysis-color-1)
}

.details .content .wrap-home .both .home-name[data-v-3c6707dd],
.details .content .wrap-home .both .away-name[data-v-3c6707dd],
.details .content .wrap-away .both .home-name[data-v-3c6707dd],
.details .content .wrap-away .both .away-name[data-v-3c6707dd] {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden
}

.details .content .wrap-home .both .home-name .logo[data-v-3c6707dd],
.details .content .wrap-away .both .home-name .logo[data-v-3c6707dd] {
    margin-right: 6px;
    vertical-align: sub
}

.details .content .wrap-home .both .away-name .logo[data-v-3c6707dd],
.details .content .wrap-away .both .away-name .logo[data-v-3c6707dd] {
    margin-left: 6px;
    vertical-align: sub
}

.details .content .wrap-home .both .vs[data-v-3c6707dd],
.details .content .wrap-away .both .vs[data-v-3c6707dd] {
    text-align: center;
    width: 77px;
    font-size: 16px
}

.details .content .wrap-home .match-time[data-v-3c6707dd],
.details .content .wrap-away .match-time[data-v-3c6707dd] {
    flex: 1
}

.details .content .wrap-home .match-time span[data-v-3c6707dd],
.details .content .wrap-away .match-time span[data-v-3c6707dd] {
    margin-right: 6px
}

.details .content .wrap-home .match-time span[data-v-3c6707dd]:last-child,
.details .content .wrap-away .match-time span[data-v-3c6707dd]:last-child {
    margin-right: 0
}

.details .content .item[data-v-3c6707dd] {
    padding: 0 10px 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 56px
}

.details .content .item[data-v-3c6707dd]:first-child {
    border-top: none
}

.details .content .player-name[data-v-3c6707dd] {
    color: var(--q-gb-t-c-6)
}

.details .content .player-name span[data-v-3c6707dd]:first-child {
    margin-right: 6px
}

.hurt .simple-title[data-v-3c6707dd]:not(:last-child) {
    border-bottom: 0
}

.hurt .simple-team[data-v-3c6707dd] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .simple-team .home[data-v-3c6707dd] {
    border-bottom: 0
}

.hurt .content .item[data-v-3c6707dd]:not(:last-child) {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .content .wrap-home[data-v-3c6707dd] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 0 8px
}

.hurt .content .wrap-away[data-v-3c6707dd] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px
}

.hurt .content.no_data[data-v-3c6707dd] {
    display: flex;
    border-top: .5px solid var(--q-gb-bd-c-8) !important;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.hurt .content.no_data .wrap-away[data-v-3c6707dd] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .content.no_data .wrap-home[data-v-3c6707dd] {
    border-radius: 0 0 0 8px
}

.hurt .content.no_data .wrap-away[data-v-3c6707dd] {
    border-radius: 0 0 8px
}

.future .wrap-home[data-v-3c6707dd],
.future .wrap-away[data-v-3c6707dd] {
    border-bottom: none
}

.future .content .both[data-v-3c6707dd] {
    flex: 1;
    height: 100%
}

.future .content .both .home-name[data-v-3c6707dd],
.future .content .both .away-name[data-v-3c6707dd] {
    display: unset !important;
    text-align: center
}

.future .content .both .home-name .ellipsis[data-v-3c6707dd],
.future .content .both .away-name .ellipsis[data-v-3c6707dd] {
    width: 85%;
    display: inline-block
}

.future .content .both .away-name .ellipsis[data-v-3c6707dd] {
    direction: rtl
}

.future .content .both .vs[data-v-3c6707dd] {
    height: 100%;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    line-height: 39px;
    color: var(--q-gb-t-c-6)
}

.future .content .match-time[data-v-3c6707dd] {
    width: 23%;
    flex: none !important;
    height: 100%;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding-top: 2px;
    line-height: 1.4
}

.future .content .wrap-home .future-item[data-v-3c6707dd]:last-child {
    border-radius: 0 0 0 8px
}

.future .content .wrap-away .future-item[data-v-3c6707dd]:last-child {
    border-radius: 0 0 8px
}

.future .content.no_data[data-v-3c6707dd] {
    display: flex;
    border-top: .5px solid var(--q-gb-bd-c-8) !important;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.future .content.no_data .wrap-away[data-v-3c6707dd] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.future .content.no_data .wrap-home[data-v-3c6707dd] {
    border-radius: 0 0 0 8px
}

.future .content.no_data .wrap-away[data-v-3c6707dd] {
    border-radius: 0 0 8px
}

.base_panel[data-v-3c6707dd] {
    padding-bottom: 50px
}

.match-time[data-v-3c6707dd] {
    line-height: 1.4
}

.panel .content[data-v-3c6707dd] {
    margin: 2px
}

.simple-title[data-v-3c6707dd] {
    margin: 0 2px
}

.d-tr[data-v-3c6707dd] {
    border-left-color: transparent !important
}

.wrap-home[data-v-3c6707dd] {
    border-color: transparent !important
}

.match-time-title[data-v-3c6707dd] {
    display: flex !important;
    justify-content: flex-start;
    padding: 0 0 0 10px !important
}

.title-score[data-v-3c6707dd] {
    font-weight: 400 !important;
    font-size: 12px !important
}

.fontBold[data-v-3c6707dd] {
    font-weight: var(--is-newer-mode);
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.font999[data-v-3c6707dd] {
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.unfold-table[data-v-3c6707dd] {
    width: 82px;
    height: 24px;
    background-color: var(--q-gb-bg-c-30);
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: var(--q-gb-t-c-6);
    border-radius: 0 0 6px 6px;
    cursor: pointer
}

.bold-class .d-td[data-v-3c6707dd] {
    color: var(--q-gb-t-c-3) !important
}

.bold-class[data-v-3c6707dd] {
    background: var(--q-gb-bg-c-30)
}

.home[data-v-3c6707dd] {
    position: relative
}

.home .d-table-td[data-v-3c6707dd] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px
}

.wrap-home[data-v-3c6707dd],
.wrap-away[data-v-3c6707dd] {
    position: relative
}

.wrap-home .d-table-shirtnumber[data-v-3c6707dd],
.wrap-away .d-table-shirtnumber[data-v-3c6707dd] {
    display: flex;
    position: absolute;
    right: 18px
}

.d-table-td-number[data-v-3c6707dd] {
    position: absolute;
    right: 20px
}

.away_2[data-v-3c6707dd] {
    justify-content: left !important;
    position: relative;
    right: -20px
}

.ranking-ta[data-v-3c6707dd] {
    text-align: center
}

.player-name[data-v-3c6707dd] {
    margin-bottom: 10px
}

.no-data-title[data-v-3c6707dd] {
    margin: 0 auto
}

.simple-title .home[data-v-3c6707dd],
.simple-title .away[data-v-3c6707dd] {
    gap: 5px
}

.team-logo[data-v-3c6707dd] {
    width: 20px;
    height: 20px
}

.d-body.d-tr.noMore[data-v-3c6707dd] {
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--q-gb-t-c-6) !important
}

.fontBold[data-v-3c6707dd] {
    font-weight: 700;
    color: var(--q-analysis-color-5) !important;
    font-family: PingFangSC-Medium
}

.new-pc-202411 .fontBold[data-v-3c6707dd] {
    color: var(--q-gb-t-c-6) !important
}

.panel[data-v-fbe8a4bf] {
    margin-bottom: 20px;
    min-width: 960px;
    border-radius: 8px;
    color: var(--q-gb-t-c-6)
}

.panel .penel-container[data-v-fbe8a4bf] {
    width: 100%;
    padding-top: 2px
}

.panel .panel-title[data-v-fbe8a4bf] {
    margin: 0 2px 2px;
    display: flex;
    justify-content: space-between;
    padding-right: 20px
}

.panel .panel-title-more[data-v-fbe8a4bf] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px
}

.panel .panel-title .ranking-more[data-v-fbe8a4bf] {
    color: var(--q-gb-t-c-6);
    cursor: pointer
}

.panel .panel-title .yb-icon-arrow[data-v-fbe8a4bf] {
    transform: rotate(90deg);
    transition: transform .2s
}

.panel .panel-title .yb-icon-arrow-open[data-v-fbe8a4bf] {
    transform: rotate(270deg) !important
}

.integrate .d-header[data-v-fbe8a4bf]:not(:last-child) {
    border-bottom: none !important
}

.integrate .d-body[data-v-fbe8a4bf] {
    color: var(--q-gb-t-c-3)
}

.integrate .d-body .d-td[data-v-fbe8a4bf]:not(:last-child) {
    border-right: .5px solid var(--q-gb-bd-c-8)
}

.integrate .d-tr[data-v-fbe8a4bf] {
    display: flex;
    border-bottom: .5px solid var(--q-gb-bd-c-8)
}

.integrate .d-tr .d-td[data-v-fbe8a4bf] {
    text-align: center;
    width: 80px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    flex: 1;
    font-weight: 500
}

.integrate .d-tr .d-td[data-v-fbe8a4bf]:first-child {
    width: 6%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-fbe8a4bf]:nth-child(2) {
    width: 19%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-fbe8a4bf]:nth-child(3) {
    width: 17%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-fbe8a4bf]:last-child {
    border-right: transparent
}

.integrate .d-header[data-v-fbe8a4bf] {
    height: 30px;
    color: var(--q-analysis-color-12);
    background: var(-q-analysis-color-17)
}

.integrate .d-body[data-v-fbe8a4bf] {
    height: 40px
}

.integrate .d-body[data-v-fbe8a4bf]:last-child {
    border-radius: 0 0 8px 8px
}

.integrate .d-body .ranking[data-v-fbe8a4bf] {
    width: 20px;
    height: 20px;
    margin: 10px auto;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 10px;
    background: #afb3bb;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.integrate .d-body .ranking.top-three[data-v-fbe8a4bf] {
    background: var(--q-gb-bg-c-1)
}

.integrate .d-body .d-td[data-v-fbe8a4bf] {
    display: inline-block;
    text-align: center;
    width: 80px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history .content .title[data-v-fbe8a4bf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 74px;
    padding: 0 20px;
    color: var(--q-analysis-color-1);
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .title .vs[data-v-fbe8a4bf] {
    font-size: 16px;
    font-weight: 600
}

.history .content .title .both[data-v-fbe8a4bf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.history .content .title .both .team-name[data-v-fbe8a4bf] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.history .content .title .both .team-name .logo[data-v-fbe8a4bf] {
    width: 20px;
    height: 20px
}

.history .content .title .both .socre[data-v-fbe8a4bf] {
    display: flex;
    align-items: center
}

.history .content .title .both .socre .label[data-v-fbe8a4bf] {
    color: var(--q-analysis-color-0);
    font-size: 16px
}

.history .content .title .both .socre .item-wrap[data-v-fbe8a4bf] {
    display: flex
}

.history .content .title .both .socre .item-wrap .item[data-v-fbe8a4bf] {
    height: 20px;
    width: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--q-analysis-color-13);
    border-radius: 2px;
    margin-right: 5px
}

.history .content .title .both .socre .item-wrap .item[data-v-fbe8a4bf]:last-child {
    margin-right: 0
}

.history .content .title .both.home .team-name .logo[data-v-fbe8a4bf],
.history .content .title .both.home .label[data-v-fbe8a4bf] {
    margin-right: 10px
}

.history .content .title .both.away[data-v-fbe8a4bf] {
    align-items: flex-end;
    text-align: right
}

.history .content .title .both.away .d-title[data-v-fbe8a4bf] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .title .both.away .team-name .logo[data-v-fbe8a4bf],
.history .content .title .both.away .label[data-v-fbe8a4bf] {
    margin-left: 10px
}

.history .content .d-title[data-v-fbe8a4bf] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 28px;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0 20px
}

.history .content .d-title[data-v-fbe8a4bf]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px 8px
}

.history .content .d-title span[data-v-fbe8a4bf] {
    width: 50px;
    margin-right: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history .content .d-title span[data-v-fbe8a4bf]:last-child {
    margin-right: 0
}

.history .content .d-tr[data-v-fbe8a4bf] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .d-tr .score[data-v-fbe8a4bf] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--q-analysis-color-1);
    font-size: 16px;
    font-weight: 600
}

.history .content .d-tr .score.code[data-v-fbe8a4bf] {
    font-weight: 400;
    font-size: 12px;
    color: var(--q-gb-t-c-6)
}

.history .content .d-tr .score .line[data-v-fbe8a4bf] {
    margin: 0 3px
}

.history .content .d-tr .home[data-v-fbe8a4bf] {
    display: flex;
    align-items: center;
    flex: 1
}

.history .content .d-tr .home div[data-v-fbe8a4bf] {
    width: 50%;
    flex: 1;
    height: 100%
}

.history .content .d-tr .home div[data-v-fbe8a4bf]:nth-child(2) {
    text-align: center;
    line-height: 39px;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .d-tr .away[data-v-fbe8a4bf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1
}

.history .content .d-tr .match-time[data-v-fbe8a4bf] {
    color: var(--q-analysis-color-12);
    display: flex;
    align-items: center
}

.history .content .d-tr .match-time span[data-v-fbe8a4bf] {
    margin-right: 6px;
    min-width: 50px
}

.history .content .d-tr .result[data-v-fbe8a4bf] {
    display: flex;
    align-items: center
}

.history .content .d-tr .result span[data-v-fbe8a4bf] {
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 6px;
    border-radius: 2px
}

.history .content .d-tr .result span[data-v-fbe8a4bf]:last-child {
    margin-right: 0
}

.fontweight[data-v-fbe8a4bf] {
    font-weight: 700 !important
}

.fontBold[data-v-fbe8a4bf] {
    font-weight: 700;
    color: var(--q-analysis-color-5);
    font-family: PingFangSC-Medium
}

.font999[data-v-fbe8a4bf] {
    color: #e93d3d;
    font-family: PingFangSC-Regular
}

.before .content .d-title[data-v-fbe8a4bf] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0
}

.before .content .d-title div[data-v-fbe8a4bf] {
    width: 22.15%;
    max-width: 213px;
    display: flex;
    justify-content: space-around
}

.before .content .d-tr[data-v-fbe8a4bf]:last-child {
    border-radius: 0 0 8px 8px
}

.before .d-tr[data-v-fbe8a4bf] {
    height: 40px;
    padding: 0 !important
}

.before .d-tr .home .match-time[data-v-fbe8a4bf] {
    padding-left: 20px
}

.before .d-tr .home div[data-v-fbe8a4bf]:nth-child(2) {
    width: 200px
}

.before .d-tr .home div[data-v-fbe8a4bf],
.before .d-tr .away div[data-v-fbe8a4bf] {
    flex: 1
}

.before .d-tr .away div[data-v-fbe8a4bf]:first-child {
    width: 200px;
    text-align: center;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    height: 100%;
    line-height: 39px
}

.before .d-tr .away .result[data-v-fbe8a4bf] {
    justify-content: space-around;
    max-width: 213px
}

.before .d-tr .score[data-v-fbe8a4bf] {
    width: 110px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .both[data-v-fbe8a4bf]:first-child {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body[data-v-fbe8a4bf] {
    border-top: none;
    display: flex
}

.near .t-body .home[data-v-fbe8a4bf],
.near .t-body .away[data-v-fbe8a4bf] {
    flex: 1;
    overflow: hidden
}

.near .t-body .home[data-v-fbe8a4bf] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .home .d-title[data-v-fbe8a4bf] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0
}

.near .t-body .home .d-title .left_d_title[data-v-fbe8a4bf] {
    flex: 1
}

.near .t-body .home .d-title .left_d_title .code_title[data-v-fbe8a4bf] {
    width: 70%
}

.near .t-body .home .d-title .left_d_title .code_title .code[data-v-fbe8a4bf],
.near .t-body .home .d-title .left_d_title .code_title .code2[data-v-fbe8a4bf],
.near .t-body .home .d-title .left_d_title .code_title .code3[data-v-fbe8a4bf] {
    display: flex;
    justify-content: center
}

.near .t-body .home .d-title .left_d_title .date[data-v-fbe8a4bf] {
    display: flex;
    justify-content: flex-start;
    width: 30%;
    padding-left: 10px
}

.near .t-body .home .d-title[data-v-fbe8a4bf]:last-child {
    border-radius: 0 0 0 8px
}

.near .t-body .home .d-title div[data-v-fbe8a4bf] {
    width: 168px;
    display: flex;
    justify-content: space-around
}

.near .t-body .home .d-title div span[data-v-fbe8a4bf] {
    margin: 5px
}

.near .t-body .home .d-tr[data-v-fbe8a4bf] {
    border-right: none !important;
    border-left: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .home .d-tr[data-v-fbe8a4bf]:last-child {
    border-radius: 0 0 0 8px
}

.near .t-body .away .d-title[data-v-fbe8a4bf] {
    padding: 0
}

.near .t-body .away .d-title .left_d_title[data-v-fbe8a4bf] {
    flex: 1
}

.near .t-body .away .d-title .left_d_title .code_title[data-v-fbe8a4bf] {
    width: 70%
}

.near .t-body .away .d-title .left_d_title .code_title .code[data-v-fbe8a4bf],
.near .t-body .away .d-title .left_d_title .code_title .code2[data-v-fbe8a4bf],
.near .t-body .away .d-title .left_d_title .code_title .code3[data-v-fbe8a4bf] {
    display: flex;
    justify-content: center
}

.near .t-body .away .d-title .left_d_title .date[data-v-fbe8a4bf] {
    display: flex;
    justify-content: flex-start;
    padding-left: 10px;
    width: 30%
}

.near .t-body .away .d-title[data-v-fbe8a4bf]:last-child {
    border-radius: 0 0 8px
}

.near .t-body .away .d-title div[data-v-fbe8a4bf] {
    width: 168px;
    display: flex;
    justify-content: space-around
}

.near .t-body .away .d-title div span[data-v-fbe8a4bf] {
    margin: 5px
}

.near .t-body .away .d-title[data-v-fbe8a4bf],
.near .t-body .away .d-tr[data-v-fbe8a4bf] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    border-left: none !important
}

.near .t-body .away .d-tr[data-v-fbe8a4bf]:last-child {
    border-radius: 0 0 8px
}

.near .t-body .d-tr[data-v-fbe8a4bf] {
    padding: 0 !important;
    height: 56px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .d-tr[data-v-fbe8a4bf]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .d-tr .result[data-v-fbe8a4bf] {
    width: 168px;
    justify-content: space-around
}

.near .t-body .d-tr .result span[data-v-fbe8a4bf] {
    margin-right: 0 !important
}

.near .t-body .d-tr .info[data-v-fbe8a4bf] {
    flex: 1;
    display: flex;
    overflow: hidden
}

.near .t-body .d-tr .info .match-time[data-v-fbe8a4bf] {
    display: unset;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 10px 0 0 10px;
    flex: 1
}

.near .t-body .d-tr .info .both[data-v-fbe8a4bf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    width: 70%
}

.near .t-body .d-tr .info .both>span[data-v-fbe8a4bf] {
    flex: 1;
    width: 38%;
    text-align: center
}

.near .t-body .d-tr .info .both .score[data-v-fbe8a4bf] {
    width: 33%;
    height: 100%;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .simple-title[data-v-fbe8a4bf] {
    display: flex;
    padding: 0 20px;
    color: var(--q-analysis-color-5);
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.details .simple-title .home .logo[data-v-fbe8a4bf] {
    margin-right: 10px
}

.details .simple-title .away[data-v-fbe8a4bf] {
    justify-content: flex-end
}

.details .simple-title .away .logo[data-v-fbe8a4bf] {
    margin-left: 10px
}

.details .simple-title .logo[data-v-fbe8a4bf] {
    width: 20px;
    height: 20px
}

.details .home[data-v-fbe8a4bf],
.details .away[data-v-fbe8a4bf],
.details .future-item[data-v-fbe8a4bf] {
    display: flex;
    align-items: center;
    height: 40px;
    flex: 1
}

.details .home[data-v-fbe8a4bf] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .d-tr[data-v-fbe8a4bf] {
    display: flex;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.details .d-tr[data-v-fbe8a4bf]:last-child {
    border-bottom: transparent
}

.details .d-tr .home[data-v-fbe8a4bf],
.details .d-tr .away[data-v-fbe8a4bf] {
    color: var(--q-analysis-color-12)
}

.details .content[data-v-fbe8a4bf] {
    display: flex
}

.details .content .wrap-home[data-v-fbe8a4bf] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .content .future-item[data-v-fbe8a4bf] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0 10px 0 20px
}

.details .content .wrap-home[data-v-fbe8a4bf],
.details .content .wrap-away[data-v-fbe8a4bf] {
    color: var(--q-analysis-color-12);
    flex: 1
}

.details .content .wrap-home .logo[data-v-fbe8a4bf],
.details .content .wrap-away .logo[data-v-fbe8a4bf] {
    width: 14px;
    height: 14px
}

.details .content .wrap-home .both[data-v-fbe8a4bf],
.details .content .wrap-away .both[data-v-fbe8a4bf] {
    display: flex;
    align-items: center;
    width: 267px;
    color: var(--q-analysis-color-1)
}

.details .content .wrap-home .both .home-name[data-v-fbe8a4bf],
.details .content .wrap-home .both .away-name[data-v-fbe8a4bf],
.details .content .wrap-away .both .home-name[data-v-fbe8a4bf],
.details .content .wrap-away .both .away-name[data-v-fbe8a4bf] {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden
}

.details .content .wrap-home .both .home-name .logo[data-v-fbe8a4bf],
.details .content .wrap-away .both .home-name .logo[data-v-fbe8a4bf] {
    margin-right: 6px;
    vertical-align: sub
}

.details .content .wrap-home .both .away-name .logo[data-v-fbe8a4bf],
.details .content .wrap-away .both .away-name .logo[data-v-fbe8a4bf] {
    margin-left: 6px;
    vertical-align: sub
}

.details .content .wrap-home .both .vs[data-v-fbe8a4bf],
.details .content .wrap-away .both .vs[data-v-fbe8a4bf] {
    text-align: center;
    width: 77px;
    font-size: 16px
}

.details .content .wrap-home .match-time[data-v-fbe8a4bf],
.details .content .wrap-away .match-time[data-v-fbe8a4bf] {
    flex: 1
}

.details .content .wrap-home .match-time span[data-v-fbe8a4bf],
.details .content .wrap-away .match-time span[data-v-fbe8a4bf] {
    margin-right: 6px
}

.details .content .wrap-home .match-time span[data-v-fbe8a4bf]:last-child,
.details .content .wrap-away .match-time span[data-v-fbe8a4bf]:last-child {
    margin-right: 0
}

.details .content .item[data-v-fbe8a4bf] {
    padding: 0 10px 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 56px
}

.details .content .item[data-v-fbe8a4bf]:first-child {
    border-top: none
}

.details .content .player-name[data-v-fbe8a4bf] {
    color: var(--q-gb-t-c-6)
}

.details .content .player-name span[data-v-fbe8a4bf]:first-child {
    margin-right: 6px
}

.hurt .simple-title[data-v-fbe8a4bf]:not(:last-child) {
    border-bottom: 0
}

.hurt .simple-team[data-v-fbe8a4bf] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .simple-team .home[data-v-fbe8a4bf] {
    border-bottom: 0
}

.hurt .content .item[data-v-fbe8a4bf]:not(:last-child) {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .content .wrap-home[data-v-fbe8a4bf] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 0 8px
}

.hurt .content .wrap-away[data-v-fbe8a4bf] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px
}

.hurt .content.no_data[data-v-fbe8a4bf] {
    display: flex;
    border-top: .5px solid var(--q-gb-bd-c-8) !important;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.hurt .content.no_data .wrap-away[data-v-fbe8a4bf] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .content.no_data .wrap-home[data-v-fbe8a4bf] {
    border-radius: 0 0 0 8px
}

.hurt .content.no_data .wrap-away[data-v-fbe8a4bf] {
    border-radius: 0 0 8px
}

.future .wrap-home[data-v-fbe8a4bf],
.future .wrap-away[data-v-fbe8a4bf] {
    border-bottom: none
}

.future .content .both[data-v-fbe8a4bf] {
    flex: 1;
    height: 100%
}

.future .content .both .home-name[data-v-fbe8a4bf],
.future .content .both .away-name[data-v-fbe8a4bf] {
    display: unset !important;
    text-align: center
}

.future .content .both .home-name .ellipsis[data-v-fbe8a4bf],
.future .content .both .away-name .ellipsis[data-v-fbe8a4bf] {
    width: 85%;
    display: inline-block
}

.future .content .both .away-name .ellipsis[data-v-fbe8a4bf] {
    direction: rtl
}

.future .content .both .vs[data-v-fbe8a4bf] {
    height: 100%;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    line-height: 39px;
    color: var(--q-gb-t-c-6)
}

.future .content .match-time[data-v-fbe8a4bf] {
    width: 23%;
    flex: none !important;
    height: 100%;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding-top: 2px;
    line-height: 1.4
}

.future .content .wrap-home .future-item[data-v-fbe8a4bf]:last-child {
    border-radius: 0 0 0 8px
}

.future .content .wrap-away .future-item[data-v-fbe8a4bf]:last-child {
    border-radius: 0 0 8px
}

.future .content.no_data[data-v-fbe8a4bf] {
    display: flex;
    border-top: .5px solid var(--q-gb-bd-c-8) !important;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.future .content.no_data .wrap-away[data-v-fbe8a4bf] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.future .content.no_data .wrap-home[data-v-fbe8a4bf] {
    border-radius: 0 0 0 8px
}

.future .content.no_data .wrap-away[data-v-fbe8a4bf] {
    border-radius: 0 0 8px
}

.base_panel[data-v-fbe8a4bf] {
    padding-bottom: 50px
}

.match-time[data-v-fbe8a4bf] {
    line-height: 1.4
}

.panel .content[data-v-fbe8a4bf] {
    margin: 2px
}

.simple-title[data-v-fbe8a4bf] {
    margin: 0 2px
}

.d-tr[data-v-fbe8a4bf] {
    border-left-color: transparent !important
}

.wrap-home[data-v-fbe8a4bf] {
    border-color: transparent !important
}

.match-time-title[data-v-fbe8a4bf] {
    display: flex !important;
    justify-content: flex-start;
    padding: 0 0 0 10px !important
}

.title-score[data-v-fbe8a4bf] {
    font-weight: 400 !important;
    font-size: 12px !important
}

.fontBold[data-v-fbe8a4bf] {
    font-weight: var(--is-newer-mode);
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.font999[data-v-fbe8a4bf] {
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.unfold-table[data-v-fbe8a4bf] {
    width: 82px;
    height: 24px;
    background-color: var(--q-gb-bg-c-30);
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: var(--q-gb-t-c-6);
    border-radius: 0 0 6px 6px;
    cursor: pointer
}

.bold-class .d-td[data-v-fbe8a4bf] {
    color: var(--q-gb-t-c-3) !important
}

.bold-class[data-v-fbe8a4bf] {
    background: var(--q-gb-bg-c-30)
}

.home[data-v-fbe8a4bf] {
    position: relative
}

.home .d-table-td[data-v-fbe8a4bf] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px
}

.wrap-home[data-v-fbe8a4bf],
.wrap-away[data-v-fbe8a4bf] {
    position: relative
}

.wrap-home .d-table-shirtnumber[data-v-fbe8a4bf],
.wrap-away .d-table-shirtnumber[data-v-fbe8a4bf] {
    display: flex;
    position: absolute;
    right: 18px
}

.d-table-td-number[data-v-fbe8a4bf] {
    position: absolute;
    right: 20px
}

.away_2[data-v-fbe8a4bf] {
    justify-content: left !important;
    position: relative;
    right: -20px
}

.ranking-ta[data-v-fbe8a4bf] {
    text-align: center
}

.player-name[data-v-fbe8a4bf] {
    margin-bottom: 10px
}

.no-data-title[data-v-fbe8a4bf] {
    margin: 0 auto
}

.simple-title .home[data-v-fbe8a4bf],
.simple-title .away[data-v-fbe8a4bf] {
    gap: 5px
}

.team-logo[data-v-fbe8a4bf] {
    width: 20px;
    height: 20px
}

.d-body.d-tr.noMore[data-v-fbe8a4bf] {
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--q-gb-t-c-6) !important
}

.panel[data-v-94646da1] {
    margin-bottom: 20px;
    min-width: 960px;
    border-radius: 8px;
    color: var(--q-gb-t-c-6)
}

.panel .penel-container[data-v-94646da1] {
    width: 100%;
    padding-top: 2px
}

.panel .panel-title[data-v-94646da1] {
    margin: 0 2px 2px;
    display: flex;
    justify-content: space-between;
    padding-right: 20px
}

.panel .panel-title-more[data-v-94646da1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px
}

.panel .panel-title .ranking-more[data-v-94646da1] {
    color: var(--q-gb-t-c-6);
    cursor: pointer
}

.panel .panel-title .yb-icon-arrow[data-v-94646da1] {
    transform: rotate(90deg);
    transition: transform .2s
}

.panel .panel-title .yb-icon-arrow-open[data-v-94646da1] {
    transform: rotate(270deg) !important
}

.integrate .d-header[data-v-94646da1]:not(:last-child) {
    border-bottom: none !important
}

.integrate .d-body[data-v-94646da1] {
    color: var(--q-gb-t-c-3)
}

.integrate .d-body .d-td[data-v-94646da1]:not(:last-child) {
    border-right: .5px solid var(--q-gb-bd-c-8)
}

.integrate .d-tr[data-v-94646da1] {
    display: flex;
    border-bottom: .5px solid var(--q-gb-bd-c-8)
}

.integrate .d-tr .d-td[data-v-94646da1] {
    text-align: center;
    width: 80px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    flex: 1;
    font-weight: 500
}

.integrate .d-tr .d-td[data-v-94646da1]:first-child {
    width: 6%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-94646da1]:nth-child(2) {
    width: 19%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-94646da1]:nth-child(3) {
    width: 17%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-94646da1]:last-child {
    border-right: transparent
}

.integrate .d-header[data-v-94646da1] {
    height: 30px;
    color: var(--q-analysis-color-12);
    background: var(-q-analysis-color-17)
}

.integrate .d-body[data-v-94646da1] {
    height: 40px
}

.integrate .d-body[data-v-94646da1]:last-child {
    border-radius: 0 0 8px 8px
}

.integrate .d-body .ranking[data-v-94646da1] {
    width: 20px;
    height: 20px;
    margin: 10px auto;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 10px;
    background: #afb3bb;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.integrate .d-body .ranking.top-three[data-v-94646da1] {
    background: var(--q-gb-bg-c-1)
}

.integrate .d-body .d-td[data-v-94646da1] {
    display: inline-block;
    text-align: center;
    width: 80px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history .content .title[data-v-94646da1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 74px;
    padding: 0 20px;
    color: var(--q-analysis-color-1);
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .title .vs[data-v-94646da1] {
    font-size: 16px;
    font-weight: 600
}

.history .content .title .both[data-v-94646da1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.history .content .title .both .team-name[data-v-94646da1] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.history .content .title .both .team-name .logo[data-v-94646da1] {
    width: 20px;
    height: 20px
}

.history .content .title .both .socre[data-v-94646da1] {
    display: flex;
    align-items: center
}

.history .content .title .both .socre .label[data-v-94646da1] {
    color: var(--q-analysis-color-0);
    font-size: 16px
}

.history .content .title .both .socre .item-wrap[data-v-94646da1] {
    display: flex
}

.history .content .title .both .socre .item-wrap .item[data-v-94646da1] {
    height: 20px;
    width: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--q-analysis-color-13);
    border-radius: 2px;
    margin-right: 5px
}

.history .content .title .both .socre .item-wrap .item[data-v-94646da1]:last-child {
    margin-right: 0
}

.history .content .title .both.home .team-name .logo[data-v-94646da1],
.history .content .title .both.home .label[data-v-94646da1] {
    margin-right: 10px
}

.history .content .title .both.away[data-v-94646da1] {
    align-items: flex-end;
    text-align: right
}

.history .content .title .both.away .d-title[data-v-94646da1] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .title .both.away .team-name .logo[data-v-94646da1],
.history .content .title .both.away .label[data-v-94646da1] {
    margin-left: 10px
}

.history .content .d-title[data-v-94646da1] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 28px;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0 20px
}

.history .content .d-title[data-v-94646da1]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px 8px
}

.history .content .d-title span[data-v-94646da1] {
    width: 50px;
    margin-right: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history .content .d-title span[data-v-94646da1]:last-child {
    margin-right: 0
}

.history .content .d-tr[data-v-94646da1] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .d-tr .score[data-v-94646da1] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--q-analysis-color-1);
    font-size: 16px;
    font-weight: 600
}

.history .content .d-tr .score.code[data-v-94646da1] {
    font-weight: 400;
    font-size: 12px;
    color: var(--q-gb-t-c-6)
}

.history .content .d-tr .score .line[data-v-94646da1] {
    margin: 0 3px
}

.history .content .d-tr .home[data-v-94646da1] {
    display: flex;
    align-items: center;
    flex: 1
}

.history .content .d-tr .home div[data-v-94646da1] {
    width: 50%;
    flex: 1;
    height: 100%
}

.history .content .d-tr .home div[data-v-94646da1]:nth-child(2) {
    text-align: center;
    line-height: 39px;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .d-tr .away[data-v-94646da1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1
}

.history .content .d-tr .match-time[data-v-94646da1] {
    color: var(--q-analysis-color-12);
    display: flex;
    align-items: center
}

.history .content .d-tr .match-time span[data-v-94646da1] {
    margin-right: 6px;
    min-width: 50px
}

.history .content .d-tr .result[data-v-94646da1] {
    display: flex;
    align-items: center
}

.history .content .d-tr .result span[data-v-94646da1] {
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 6px;
    border-radius: 2px
}

.history .content .d-tr .result span[data-v-94646da1]:last-child {
    margin-right: 0
}

.fontweight[data-v-94646da1] {
    font-weight: 700 !important
}

.fontBold[data-v-94646da1] {
    font-weight: 700;
    color: var(--q-analysis-color-5);
    font-family: PingFangSC-Medium
}

.font999[data-v-94646da1] {
    color: #e93d3d;
    font-family: PingFangSC-Regular
}

.before .content .d-title[data-v-94646da1] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0
}

.before .content .d-title div[data-v-94646da1] {
    width: 22.15%;
    max-width: 213px;
    display: flex;
    justify-content: space-around
}

.before .content .d-tr[data-v-94646da1]:last-child {
    border-radius: 0 0 8px 8px
}

.before .d-tr[data-v-94646da1] {
    height: 40px;
    padding: 0 !important
}

.before .d-tr .home .match-time[data-v-94646da1] {
    padding-left: 20px
}

.before .d-tr .home div[data-v-94646da1]:nth-child(2) {
    width: 200px
}

.before .d-tr .home div[data-v-94646da1],
.before .d-tr .away div[data-v-94646da1] {
    flex: 1
}

.before .d-tr .away div[data-v-94646da1]:first-child {
    width: 200px;
    text-align: center;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    height: 100%;
    line-height: 39px
}

.before .d-tr .away .result[data-v-94646da1] {
    justify-content: space-around;
    max-width: 213px
}

.before .d-tr .score[data-v-94646da1] {
    width: 110px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .both[data-v-94646da1]:first-child {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body[data-v-94646da1] {
    border-top: none;
    display: flex
}

.near .t-body .home[data-v-94646da1],
.near .t-body .away[data-v-94646da1] {
    flex: 1;
    overflow: hidden
}

.near .t-body .home[data-v-94646da1] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .home .d-title[data-v-94646da1] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0
}

.near .t-body .home .d-title .left_d_title[data-v-94646da1] {
    flex: 1
}

.near .t-body .home .d-title .left_d_title .code_title[data-v-94646da1] {
    width: 70%
}

.near .t-body .home .d-title .left_d_title .code_title .code[data-v-94646da1],
.near .t-body .home .d-title .left_d_title .code_title .code2[data-v-94646da1],
.near .t-body .home .d-title .left_d_title .code_title .code3[data-v-94646da1] {
    display: flex;
    justify-content: center
}

.near .t-body .home .d-title .left_d_title .date[data-v-94646da1] {
    display: flex;
    justify-content: flex-start;
    width: 30%;
    padding-left: 10px
}

.near .t-body .home .d-title[data-v-94646da1]:last-child {
    border-radius: 0 0 0 8px
}

.near .t-body .home .d-title div[data-v-94646da1] {
    width: 168px;
    display: flex;
    justify-content: space-around
}

.near .t-body .home .d-title div span[data-v-94646da1] {
    margin: 5px
}

.near .t-body .home .d-tr[data-v-94646da1] {
    border-right: none !important;
    border-left: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .home .d-tr[data-v-94646da1]:last-child {
    border-radius: 0 0 0 8px
}

.near .t-body .away .d-title[data-v-94646da1] {
    padding: 0
}

.near .t-body .away .d-title .left_d_title[data-v-94646da1] {
    flex: 1
}

.near .t-body .away .d-title .left_d_title .code_title[data-v-94646da1] {
    width: 70%
}

.near .t-body .away .d-title .left_d_title .code_title .code[data-v-94646da1],
.near .t-body .away .d-title .left_d_title .code_title .code2[data-v-94646da1],
.near .t-body .away .d-title .left_d_title .code_title .code3[data-v-94646da1] {
    display: flex;
    justify-content: center
}

.near .t-body .away .d-title .left_d_title .date[data-v-94646da1] {
    display: flex;
    justify-content: flex-start;
    padding-left: 10px;
    width: 30%
}

.near .t-body .away .d-title[data-v-94646da1]:last-child {
    border-radius: 0 0 8px
}

.near .t-body .away .d-title div[data-v-94646da1] {
    width: 168px;
    display: flex;
    justify-content: space-around
}

.near .t-body .away .d-title div span[data-v-94646da1] {
    margin: 5px
}

.near .t-body .away .d-title[data-v-94646da1],
.near .t-body .away .d-tr[data-v-94646da1] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    border-left: none !important
}

.near .t-body .away .d-tr[data-v-94646da1]:last-child {
    border-radius: 0 0 8px
}

.near .t-body .d-tr[data-v-94646da1] {
    padding: 0 !important;
    height: 56px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .d-tr[data-v-94646da1]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .d-tr .result[data-v-94646da1] {
    width: 168px;
    justify-content: space-around
}

.near .t-body .d-tr .result span[data-v-94646da1] {
    margin-right: 0 !important
}

.near .t-body .d-tr .info[data-v-94646da1] {
    flex: 1;
    display: flex;
    overflow: hidden
}

.near .t-body .d-tr .info .match-time[data-v-94646da1] {
    display: unset;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 10px 0 0 10px;
    flex: 1
}

.near .t-body .d-tr .info .both[data-v-94646da1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    width: 70%
}

.near .t-body .d-tr .info .both>span[data-v-94646da1] {
    flex: 1;
    width: 38%;
    text-align: center
}

.near .t-body .d-tr .info .both .score[data-v-94646da1] {
    width: 33%;
    height: 100%;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .simple-title[data-v-94646da1] {
    display: flex;
    padding: 0 20px;
    color: var(--q-analysis-color-5);
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.details .simple-title .home .logo[data-v-94646da1] {
    margin-right: 10px
}

.details .simple-title .away[data-v-94646da1] {
    justify-content: flex-end
}

.details .simple-title .away .logo[data-v-94646da1] {
    margin-left: 10px
}

.details .simple-title .logo[data-v-94646da1] {
    width: 20px;
    height: 20px
}

.details .home[data-v-94646da1],
.details .away[data-v-94646da1],
.details .future-item[data-v-94646da1] {
    display: flex;
    align-items: center;
    height: 40px;
    flex: 1
}

.details .home[data-v-94646da1] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .d-tr[data-v-94646da1] {
    display: flex;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.details .d-tr[data-v-94646da1]:last-child {
    border-bottom: transparent
}

.details .d-tr .home[data-v-94646da1],
.details .d-tr .away[data-v-94646da1] {
    color: var(--q-analysis-color-12)
}

.details .content[data-v-94646da1] {
    display: flex
}

.details .content .wrap-home[data-v-94646da1] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .content .future-item[data-v-94646da1] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0 10px 0 20px
}

.details .content .wrap-home[data-v-94646da1],
.details .content .wrap-away[data-v-94646da1] {
    color: var(--q-analysis-color-12);
    flex: 1
}

.details .content .wrap-home .logo[data-v-94646da1],
.details .content .wrap-away .logo[data-v-94646da1] {
    width: 14px;
    height: 14px
}

.details .content .wrap-home .both[data-v-94646da1],
.details .content .wrap-away .both[data-v-94646da1] {
    display: flex;
    align-items: center;
    width: 267px;
    color: var(--q-analysis-color-1)
}

.details .content .wrap-home .both .home-name[data-v-94646da1],
.details .content .wrap-home .both .away-name[data-v-94646da1],
.details .content .wrap-away .both .home-name[data-v-94646da1],
.details .content .wrap-away .both .away-name[data-v-94646da1] {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden
}

.details .content .wrap-home .both .home-name .logo[data-v-94646da1],
.details .content .wrap-away .both .home-name .logo[data-v-94646da1] {
    margin-right: 6px;
    vertical-align: sub
}

.details .content .wrap-home .both .away-name .logo[data-v-94646da1],
.details .content .wrap-away .both .away-name .logo[data-v-94646da1] {
    margin-left: 6px;
    vertical-align: sub
}

.details .content .wrap-home .both .vs[data-v-94646da1],
.details .content .wrap-away .both .vs[data-v-94646da1] {
    text-align: center;
    width: 77px;
    font-size: 16px
}

.details .content .wrap-home .match-time[data-v-94646da1],
.details .content .wrap-away .match-time[data-v-94646da1] {
    flex: 1
}

.details .content .wrap-home .match-time span[data-v-94646da1],
.details .content .wrap-away .match-time span[data-v-94646da1] {
    margin-right: 6px
}

.details .content .wrap-home .match-time span[data-v-94646da1]:last-child,
.details .content .wrap-away .match-time span[data-v-94646da1]:last-child {
    margin-right: 0
}

.details .content .item[data-v-94646da1] {
    padding: 0 10px 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 56px
}

.details .content .item[data-v-94646da1]:first-child {
    border-top: none
}

.details .content .player-name[data-v-94646da1] {
    color: var(--q-gb-t-c-6)
}

.details .content .player-name span[data-v-94646da1]:first-child {
    margin-right: 6px
}

.hurt .simple-title[data-v-94646da1]:not(:last-child) {
    border-bottom: 0
}

.hurt .simple-team[data-v-94646da1] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .simple-team .home[data-v-94646da1] {
    border-bottom: 0
}

.hurt .content .item[data-v-94646da1]:not(:last-child) {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .content .wrap-home[data-v-94646da1] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 0 8px
}

.hurt .content .wrap-away[data-v-94646da1] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px
}

.hurt .content.no_data[data-v-94646da1] {
    display: flex;
    border-top: .5px solid var(--q-gb-bd-c-8) !important;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.hurt .content.no_data .wrap-away[data-v-94646da1] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .content.no_data .wrap-home[data-v-94646da1] {
    border-radius: 0 0 0 8px
}

.hurt .content.no_data .wrap-away[data-v-94646da1] {
    border-radius: 0 0 8px
}

.future .wrap-home[data-v-94646da1],
.future .wrap-away[data-v-94646da1] {
    border-bottom: none
}

.future .content .both[data-v-94646da1] {
    flex: 1;
    height: 100%
}

.future .content .both .home-name[data-v-94646da1],
.future .content .both .away-name[data-v-94646da1] {
    display: unset !important;
    text-align: center
}

.future .content .both .home-name .ellipsis[data-v-94646da1],
.future .content .both .away-name .ellipsis[data-v-94646da1] {
    width: 85%;
    display: inline-block
}

.future .content .both .away-name .ellipsis[data-v-94646da1] {
    direction: rtl
}

.future .content .both .vs[data-v-94646da1] {
    height: 100%;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    line-height: 39px;
    color: var(--q-gb-t-c-6)
}

.future .content .match-time[data-v-94646da1] {
    width: 23%;
    flex: none !important;
    height: 100%;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding-top: 2px;
    line-height: 1.4
}

.future .content .wrap-home .future-item[data-v-94646da1]:last-child {
    border-radius: 0 0 0 8px
}

.future .content .wrap-away .future-item[data-v-94646da1]:last-child {
    border-radius: 0 0 8px
}

.future .content.no_data[data-v-94646da1] {
    display: flex;
    border-top: .5px solid var(--q-gb-bd-c-8) !important;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.future .content.no_data .wrap-away[data-v-94646da1] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.future .content.no_data .wrap-home[data-v-94646da1] {
    border-radius: 0 0 0 8px
}

.future .content.no_data .wrap-away[data-v-94646da1] {
    border-radius: 0 0 8px
}

.base_panel[data-v-94646da1] {
    padding-bottom: 50px
}

.match-time[data-v-94646da1] {
    line-height: 1.4
}

.panel .content[data-v-94646da1] {
    margin: 2px
}

.simple-title[data-v-94646da1] {
    margin: 0 2px
}

.d-tr[data-v-94646da1] {
    border-left-color: transparent !important
}

.wrap-home[data-v-94646da1] {
    border-color: transparent !important
}

.match-time-title[data-v-94646da1] {
    display: flex !important;
    justify-content: flex-start;
    padding: 0 0 0 10px !important
}

.title-score[data-v-94646da1] {
    font-weight: 400 !important;
    font-size: 12px !important
}

.fontBold[data-v-94646da1] {
    font-weight: var(--is-newer-mode);
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.font999[data-v-94646da1] {
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.unfold-table[data-v-94646da1] {
    width: 82px;
    height: 24px;
    background-color: var(--q-gb-bg-c-30);
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: var(--q-gb-t-c-6);
    border-radius: 0 0 6px 6px;
    cursor: pointer
}

.bold-class .d-td[data-v-94646da1] {
    color: var(--q-gb-t-c-3) !important
}

.bold-class[data-v-94646da1] {
    background: var(--q-gb-bg-c-30)
}

.home[data-v-94646da1] {
    position: relative
}

.home .d-table-td[data-v-94646da1] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px
}

.wrap-home[data-v-94646da1],
.wrap-away[data-v-94646da1] {
    position: relative
}

.wrap-home .d-table-shirtnumber[data-v-94646da1],
.wrap-away .d-table-shirtnumber[data-v-94646da1] {
    display: flex;
    position: absolute;
    right: 18px
}

.d-table-td-number[data-v-94646da1] {
    position: absolute;
    right: 20px
}

.away_2[data-v-94646da1] {
    justify-content: left !important;
    position: relative;
    right: -20px
}

.ranking-ta[data-v-94646da1] {
    text-align: center
}

.player-name[data-v-94646da1] {
    margin-bottom: 10px
}

.no-data-title[data-v-94646da1] {
    margin: 0 auto
}

.simple-title .home[data-v-94646da1],
.simple-title .away[data-v-94646da1] {
    gap: 5px
}

.team-logo[data-v-94646da1] {
    width: 20px;
    height: 20px
}

.d-body.d-tr.noMore[data-v-94646da1] {
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--q-gb-t-c-6) !important
}

.panel[data-v-0508008d] {
    margin-bottom: 20px;
    min-width: 960px;
    border-radius: 8px;
    color: var(--q-gb-t-c-6)
}

.panel .penel-container[data-v-0508008d] {
    width: 100%;
    padding-top: 2px
}

.panel .panel-title[data-v-0508008d] {
    margin: 0 2px 2px;
    display: flex;
    justify-content: space-between;
    padding-right: 20px
}

.panel .panel-title-more[data-v-0508008d] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px
}

.panel .panel-title .ranking-more[data-v-0508008d] {
    color: var(--q-gb-t-c-6);
    cursor: pointer
}

.panel .panel-title .yb-icon-arrow[data-v-0508008d] {
    transform: rotate(90deg);
    transition: transform .2s
}

.panel .panel-title .yb-icon-arrow-open[data-v-0508008d] {
    transform: rotate(270deg) !important
}

.integrate .d-header[data-v-0508008d]:not(:last-child) {
    border-bottom: none !important
}

.integrate .d-body[data-v-0508008d] {
    color: var(--q-gb-t-c-3)
}

.integrate .d-body .d-td[data-v-0508008d]:not(:last-child) {
    border-right: .5px solid var(--q-gb-bd-c-8)
}

.integrate .d-tr[data-v-0508008d] {
    display: flex;
    border-bottom: .5px solid var(--q-gb-bd-c-8)
}

.integrate .d-tr .d-td[data-v-0508008d] {
    text-align: center;
    width: 80px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    flex: 1;
    font-weight: 500
}

.integrate .d-tr .d-td[data-v-0508008d]:first-child {
    width: 6%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-0508008d]:nth-child(2) {
    width: 19%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-0508008d]:nth-child(3) {
    width: 17%;
    flex: unset
}

.integrate .d-tr .d-td[data-v-0508008d]:last-child {
    border-right: transparent
}

.integrate .d-header[data-v-0508008d] {
    height: 30px;
    color: var(--q-analysis-color-12);
    background: var(-q-analysis-color-17)
}

.integrate .d-body[data-v-0508008d] {
    height: 40px
}

.integrate .d-body[data-v-0508008d]:last-child {
    border-radius: 0 0 8px 8px
}

.integrate .d-body .ranking[data-v-0508008d] {
    width: 20px;
    height: 20px;
    margin: 10px auto;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 10px;
    background: #afb3bb;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.integrate .d-body .ranking.top-three[data-v-0508008d] {
    background: var(--q-gb-bg-c-1)
}

.integrate .d-body .d-td[data-v-0508008d] {
    display: inline-block;
    text-align: center;
    width: 80px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history .content .title[data-v-0508008d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 74px;
    padding: 0 20px;
    color: var(--q-analysis-color-1);
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .title .vs[data-v-0508008d] {
    font-size: 16px;
    font-weight: 600
}

.history .content .title .both[data-v-0508008d] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.history .content .title .both .team-name[data-v-0508008d] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.history .content .title .both .team-name .logo[data-v-0508008d] {
    width: 20px;
    height: 20px
}

.history .content .title .both .socre[data-v-0508008d] {
    display: flex;
    align-items: center
}

.history .content .title .both .socre .label[data-v-0508008d] {
    color: var(--q-analysis-color-0);
    font-size: 16px
}

.history .content .title .both .socre .item-wrap[data-v-0508008d] {
    display: flex
}

.history .content .title .both .socre .item-wrap .item[data-v-0508008d] {
    height: 20px;
    width: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--q-analysis-color-13);
    border-radius: 2px;
    margin-right: 5px
}

.history .content .title .both .socre .item-wrap .item[data-v-0508008d]:last-child {
    margin-right: 0
}

.history .content .title .both.home .team-name .logo[data-v-0508008d],
.history .content .title .both.home .label[data-v-0508008d] {
    margin-right: 10px
}

.history .content .title .both.away[data-v-0508008d] {
    align-items: flex-end;
    text-align: right
}

.history .content .title .both.away .d-title[data-v-0508008d] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .title .both.away .team-name .logo[data-v-0508008d],
.history .content .title .both.away .label[data-v-0508008d] {
    margin-left: 10px
}

.history .content .d-title[data-v-0508008d] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 28px;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0 20px
}

.history .content .d-title[data-v-0508008d]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px 8px
}

.history .content .d-title span[data-v-0508008d] {
    width: 50px;
    margin-right: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history .content .d-title span[data-v-0508008d]:last-child {
    margin-right: 0
}

.history .content .d-tr[data-v-0508008d] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .d-tr .score[data-v-0508008d] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--q-analysis-color-1);
    font-size: 16px;
    font-weight: 600
}

.history .content .d-tr .score.code[data-v-0508008d] {
    font-weight: 400;
    font-size: 12px;
    color: var(--q-gb-t-c-6)
}

.history .content .d-tr .score .line[data-v-0508008d] {
    margin: 0 3px
}

.history .content .d-tr .home[data-v-0508008d] {
    display: flex;
    align-items: center;
    flex: 1
}

.history .content .d-tr .home div[data-v-0508008d] {
    width: 50%;
    flex: 1;
    height: 100%
}

.history .content .d-tr .home div[data-v-0508008d]:nth-child(2) {
    text-align: center;
    line-height: 39px;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.history .content .d-tr .away[data-v-0508008d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1
}

.history .content .d-tr .match-time[data-v-0508008d] {
    color: var(--q-analysis-color-12);
    display: flex;
    align-items: center
}

.history .content .d-tr .match-time span[data-v-0508008d] {
    margin-right: 6px;
    min-width: 50px
}

.history .content .d-tr .result[data-v-0508008d] {
    display: flex;
    align-items: center
}

.history .content .d-tr .result span[data-v-0508008d] {
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 6px;
    border-radius: 2px
}

.history .content .d-tr .result span[data-v-0508008d]:last-child {
    margin-right: 0
}

.fontweight[data-v-0508008d] {
    font-weight: 700 !important
}

.fontBold[data-v-0508008d] {
    font-weight: 700;
    color: var(--q-analysis-color-5);
    font-family: PingFangSC-Medium
}

.font999[data-v-0508008d] {
    color: #e93d3d;
    font-family: PingFangSC-Regular
}

.before .content .d-title[data-v-0508008d] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0
}

.before .content .d-title div[data-v-0508008d] {
    width: 22.15%;
    max-width: 213px;
    display: flex;
    justify-content: space-around
}

.before .content .d-tr[data-v-0508008d]:last-child {
    border-radius: 0 0 8px 8px
}

.before .d-tr[data-v-0508008d] {
    height: 40px;
    padding: 0 !important
}

.before .d-tr .home .match-time[data-v-0508008d] {
    padding-left: 20px
}

.before .d-tr .home div[data-v-0508008d]:nth-child(2) {
    width: 200px
}

.before .d-tr .home div[data-v-0508008d],
.before .d-tr .away div[data-v-0508008d] {
    flex: 1
}

.before .d-tr .away div[data-v-0508008d]:first-child {
    width: 200px;
    text-align: center;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    height: 100%;
    line-height: 39px
}

.before .d-tr .away .result[data-v-0508008d] {
    justify-content: space-around;
    max-width: 213px
}

.before .d-tr .score[data-v-0508008d] {
    width: 110px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .both[data-v-0508008d]:first-child {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body[data-v-0508008d] {
    border-top: none;
    display: flex
}

.near .t-body .home[data-v-0508008d],
.near .t-body .away[data-v-0508008d] {
    flex: 1;
    overflow: hidden
}

.near .t-body .home[data-v-0508008d] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .home .d-title[data-v-0508008d] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0
}

.near .t-body .home .d-title .left_d_title[data-v-0508008d] {
    flex: 1
}

.near .t-body .home .d-title .left_d_title .code_title[data-v-0508008d] {
    width: 70%
}

.near .t-body .home .d-title .left_d_title .code_title .code[data-v-0508008d],
.near .t-body .home .d-title .left_d_title .code_title .code2[data-v-0508008d],
.near .t-body .home .d-title .left_d_title .code_title .code3[data-v-0508008d] {
    display: flex;
    justify-content: center
}

.near .t-body .home .d-title .left_d_title .date[data-v-0508008d] {
    display: flex;
    justify-content: flex-start;
    width: 30%;
    padding-left: 10px
}

.near .t-body .home .d-title[data-v-0508008d]:last-child {
    border-radius: 0 0 0 8px
}

.near .t-body .home .d-title div[data-v-0508008d] {
    width: 168px;
    display: flex;
    justify-content: space-around
}

.near .t-body .home .d-title div span[data-v-0508008d] {
    margin: 5px
}

.near .t-body .home .d-tr[data-v-0508008d] {
    border-right: none !important;
    border-left: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .home .d-tr[data-v-0508008d]:last-child {
    border-radius: 0 0 0 8px
}

.near .t-body .away .d-title[data-v-0508008d] {
    padding: 0
}

.near .t-body .away .d-title .left_d_title[data-v-0508008d] {
    flex: 1
}

.near .t-body .away .d-title .left_d_title .code_title[data-v-0508008d] {
    width: 70%
}

.near .t-body .away .d-title .left_d_title .code_title .code[data-v-0508008d],
.near .t-body .away .d-title .left_d_title .code_title .code2[data-v-0508008d],
.near .t-body .away .d-title .left_d_title .code_title .code3[data-v-0508008d] {
    display: flex;
    justify-content: center
}

.near .t-body .away .d-title .left_d_title .date[data-v-0508008d] {
    display: flex;
    justify-content: flex-start;
    padding-left: 10px;
    width: 30%
}

.near .t-body .away .d-title[data-v-0508008d]:last-child {
    border-radius: 0 0 8px
}

.near .t-body .away .d-title div[data-v-0508008d] {
    width: 168px;
    display: flex;
    justify-content: space-around
}

.near .t-body .away .d-title div span[data-v-0508008d] {
    margin: 5px
}

.near .t-body .away .d-title[data-v-0508008d],
.near .t-body .away .d-tr[data-v-0508008d] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    border-left: none !important
}

.near .t-body .away .d-tr[data-v-0508008d]:last-child {
    border-radius: 0 0 8px
}

.near .t-body .d-tr[data-v-0508008d] {
    padding: 0 !important;
    height: 56px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .d-tr[data-v-0508008d]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.near .t-body .d-tr .result[data-v-0508008d] {
    width: 168px;
    justify-content: space-around
}

.near .t-body .d-tr .result span[data-v-0508008d] {
    margin-right: 0 !important
}

.near .t-body .d-tr .info[data-v-0508008d] {
    flex: 1;
    display: flex;
    overflow: hidden
}

.near .t-body .d-tr .info .match-time[data-v-0508008d] {
    display: unset;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 10px 0 0 10px;
    flex: 1
}

.near .t-body .d-tr .info .both[data-v-0508008d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    width: 70%
}

.near .t-body .d-tr .info .both>span[data-v-0508008d] {
    flex: 1;
    width: 38%;
    text-align: center
}

.near .t-body .d-tr .info .both .score[data-v-0508008d] {
    width: 33%;
    height: 100%;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .simple-title[data-v-0508008d] {
    display: flex;
    padding: 0 20px;
    color: var(--q-analysis-color-5);
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.details .simple-title .home .logo[data-v-0508008d] {
    margin-right: 10px
}

.details .simple-title .away[data-v-0508008d] {
    justify-content: flex-end
}

.details .simple-title .away .logo[data-v-0508008d] {
    margin-left: 10px
}

.details .simple-title .logo[data-v-0508008d] {
    width: 20px;
    height: 20px
}

.details .home[data-v-0508008d],
.details .away[data-v-0508008d],
.details .future-item[data-v-0508008d] {
    display: flex;
    align-items: center;
    height: 40px;
    flex: 1
}

.details .home[data-v-0508008d] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .d-tr[data-v-0508008d] {
    display: flex;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.details .d-tr[data-v-0508008d]:last-child {
    border-bottom: transparent
}

.details .d-tr .home[data-v-0508008d],
.details .d-tr .away[data-v-0508008d] {
    color: var(--q-analysis-color-12)
}

.details .content[data-v-0508008d] {
    display: flex
}

.details .content .wrap-home[data-v-0508008d] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.details .content .future-item[data-v-0508008d] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    padding: 0 10px 0 20px
}

.details .content .wrap-home[data-v-0508008d],
.details .content .wrap-away[data-v-0508008d] {
    color: var(--q-analysis-color-12);
    flex: 1
}

.details .content .wrap-home .logo[data-v-0508008d],
.details .content .wrap-away .logo[data-v-0508008d] {
    width: 14px;
    height: 14px
}

.details .content .wrap-home .both[data-v-0508008d],
.details .content .wrap-away .both[data-v-0508008d] {
    display: flex;
    align-items: center;
    width: 267px;
    color: var(--q-analysis-color-1)
}

.details .content .wrap-home .both .home-name[data-v-0508008d],
.details .content .wrap-home .both .away-name[data-v-0508008d],
.details .content .wrap-away .both .home-name[data-v-0508008d],
.details .content .wrap-away .both .away-name[data-v-0508008d] {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden
}

.details .content .wrap-home .both .home-name .logo[data-v-0508008d],
.details .content .wrap-away .both .home-name .logo[data-v-0508008d] {
    margin-right: 6px;
    vertical-align: sub
}

.details .content .wrap-home .both .away-name .logo[data-v-0508008d],
.details .content .wrap-away .both .away-name .logo[data-v-0508008d] {
    margin-left: 6px;
    vertical-align: sub
}

.details .content .wrap-home .both .vs[data-v-0508008d],
.details .content .wrap-away .both .vs[data-v-0508008d] {
    text-align: center;
    width: 77px;
    font-size: 16px
}

.details .content .wrap-home .match-time[data-v-0508008d],
.details .content .wrap-away .match-time[data-v-0508008d] {
    flex: 1
}

.details .content .wrap-home .match-time span[data-v-0508008d],
.details .content .wrap-away .match-time span[data-v-0508008d] {
    margin-right: 6px
}

.details .content .wrap-home .match-time span[data-v-0508008d]:last-child,
.details .content .wrap-away .match-time span[data-v-0508008d]:last-child {
    margin-right: 0
}

.details .content .item[data-v-0508008d] {
    padding: 0 10px 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 56px
}

.details .content .item[data-v-0508008d]:first-child {
    border-top: none
}

.details .content .player-name[data-v-0508008d] {
    color: var(--q-gb-t-c-6)
}

.details .content .player-name span[data-v-0508008d]:first-child {
    margin-right: 6px
}

.hurt .simple-title[data-v-0508008d]:not(:last-child) {
    border-bottom: 0
}

.hurt .simple-team[data-v-0508008d] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .simple-team .home[data-v-0508008d] {
    border-bottom: 0
}

.hurt .content .item[data-v-0508008d]:not(:last-child) {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .content .wrap-home[data-v-0508008d] {
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 0 8px
}

.hurt .content .wrap-away[data-v-0508008d] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px
}

.hurt .content.no_data[data-v-0508008d] {
    display: flex;
    border-top: .5px solid var(--q-gb-bd-c-8) !important;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.hurt .content.no_data .wrap-away[data-v-0508008d] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.hurt .content.no_data .wrap-home[data-v-0508008d] {
    border-radius: 0 0 0 8px
}

.hurt .content.no_data .wrap-away[data-v-0508008d] {
    border-radius: 0 0 8px
}

.future .wrap-home[data-v-0508008d],
.future .wrap-away[data-v-0508008d] {
    border-bottom: none
}

.future .content .both[data-v-0508008d] {
    flex: 1;
    height: 100%
}

.future .content .both .home-name[data-v-0508008d],
.future .content .both .away-name[data-v-0508008d] {
    display: unset !important;
    text-align: center
}

.future .content .both .home-name .ellipsis[data-v-0508008d],
.future .content .both .away-name .ellipsis[data-v-0508008d] {
    width: 85%;
    display: inline-block
}

.future .content .both .away-name .ellipsis[data-v-0508008d] {
    direction: rtl
}

.future .content .both .vs[data-v-0508008d] {
    height: 100%;
    border-left: .5px solid var(--q-gb-bd-c-8) !important;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    line-height: 39px;
    color: var(--q-gb-t-c-6)
}

.future .content .match-time[data-v-0508008d] {
    width: 23%;
    flex: none !important;
    height: 100%;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    padding-top: 2px;
    line-height: 1.4
}

.future .content .wrap-home .future-item[data-v-0508008d]:last-child {
    border-radius: 0 0 0 8px
}

.future .content .wrap-away .future-item[data-v-0508008d]:last-child {
    border-radius: 0 0 8px
}

.future .content.no_data[data-v-0508008d] {
    display: flex;
    border-top: .5px solid var(--q-gb-bd-c-8) !important;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.future .content.no_data .wrap-away[data-v-0508008d] {
    border-right: .5px solid var(--q-gb-bd-c-8) !important
}

.future .content.no_data .wrap-home[data-v-0508008d] {
    border-radius: 0 0 0 8px
}

.future .content.no_data .wrap-away[data-v-0508008d] {
    border-radius: 0 0 8px
}

.base_panel[data-v-0508008d] {
    padding-bottom: 50px
}

.match-time[data-v-0508008d] {
    line-height: 1.4
}

.panel .content[data-v-0508008d] {
    margin: 2px
}

.simple-title[data-v-0508008d] {
    margin: 0 2px
}

.d-tr[data-v-0508008d] {
    border-left-color: transparent !important
}

.wrap-home[data-v-0508008d] {
    border-color: transparent !important
}

.match-time-title[data-v-0508008d] {
    display: flex !important;
    justify-content: flex-start;
    padding: 0 0 0 10px !important
}

.title-score[data-v-0508008d] {
    font-weight: 400 !important;
    font-size: 12px !important
}

.fontBold[data-v-0508008d] {
    font-weight: var(--is-newer-mode);
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.font999[data-v-0508008d] {
    color: var(--is-newer-mode);
    font-family: var(--is-newer-mode)
}

.unfold-table[data-v-0508008d] {
    width: 82px;
    height: 24px;
    background-color: var(--q-gb-bg-c-30);
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: var(--q-gb-t-c-6);
    border-radius: 0 0 6px 6px;
    cursor: pointer
}

.bold-class .d-td[data-v-0508008d] {
    color: var(--q-gb-t-c-3) !important
}

.bold-class[data-v-0508008d] {
    background: var(--q-gb-bg-c-30)
}

.home[data-v-0508008d] {
    position: relative
}

.home .d-table-td[data-v-0508008d] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px
}

.wrap-home[data-v-0508008d],
.wrap-away[data-v-0508008d] {
    position: relative
}

.wrap-home .d-table-shirtnumber[data-v-0508008d],
.wrap-away .d-table-shirtnumber[data-v-0508008d] {
    display: flex;
    position: absolute;
    right: 18px
}

.d-table-td-number[data-v-0508008d] {
    position: absolute;
    right: 20px
}

.away_2[data-v-0508008d] {
    justify-content: left !important;
    position: relative;
    right: -20px
}

.ranking-ta[data-v-0508008d] {
    text-align: center
}

.player-name[data-v-0508008d] {
    margin-bottom: 10px
}

.no-data-title[data-v-0508008d] {
    margin: 0 auto
}

.simple-title .home[data-v-0508008d],
.simple-title .away[data-v-0508008d] {
    gap: 5px
}

.team-logo[data-v-0508008d] {
    width: 20px;
    height: 20px
}

.d-body.d-tr.noMore[data-v-0508008d] {
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--q-gb-t-c-6) !important
}

.datum[data-v-3e0df126] {
    width: 100%;
    overflow-x: auto
}

.datum .tab[data-v-3e0df126] {
    display: flex;
    align-items: center;
    height: 34px;
    margin-bottom: 10px;
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    padding: 0 20px
}

.datum .tab span[data-v-3e0df126] {
    position: relative;
    margin-right: 28px;
    height: 28px;
    line-height: 28px;
    color: var(--q-gb-t-c-6);
    cursor: pointer;
    text-align: center
}

.datum .tab span.active[data-v-3e0df126] {
    font-weight: 600;
    color: var(--q-gb-t-c-16)
}

.datum .tab span.active[data-v-3e0df126]:before {
    position: absolute;
    content: "";
    width: 90%;
    height: 6px;
    border-radius: 15px;
    background: var(--q-gb-t-c-16);
    bottom: -6px;
    left: 50%;
    transform: translate(-50%)
}

.datum[data-v-3e0df126] .panel {
    min-width: 950px
}

.datum .panel[data-v-3e0df126] {
    margin-bottom: 20px;
    min-width: 950px;
    background: var(--qq--y0-bg-color12)
}

.datum .panel .panel-title[data-v-3e0df126] {
    display: flex;
    justify-content: space-between;
    padding-right: 20px;
    overflow-y: hidden
}

.datum .disk[data-v-3e0df126] {
    background: var(--qq--y0-bg-color12)
}

.datum .disk .match-info[data-v-3e0df126] {
    padding: 20px 20px 10px
}

.datum .disk .match-info .team[data-v-3e0df126] {
    display: flex;
    align-items: center;
    color: var(--qq--analysis-text-color-1);
    margin-bottom: 10px
}

.datum .disk .match-info .team .logo[data-v-3e0df126] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.datum .disk .match-info .result-wrap[data-v-3e0df126] {
    display: flex;
    align-items: center
}

.datum .disk .match-info .result-wrap .info[data-v-3e0df126] {
    display: flex;
    align-items: center;
    margin-right: 80px
}

.datum .disk .match-info .result-wrap .info .label[data-v-3e0df126] {
    color: var(--qq--analysis-text-color-4);
    font-size: 16px;
    margin-right: 10px
}

.datum .disk .match-info .result-wrap .result[data-v-3e0df126] {
    display: flex
}

.datum .disk .match-info .result-wrap .result .result-item[data-v-3e0df126] {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 2px;
    color: var(--qq--analysis-text-color-13);
    margin-right: 6px
}

.datum .disk .d-tr[data-v-3e0df126] {
    display: flex
}

.datum .disk .d-tr .d-td[data-v-3e0df126] {
    flex: 1;
    display: flex;
    align-items: center;
    border: 1px solid var(--qq--match-border-color5);
    color: var(--qq--y0-text-color5);
    justify-content: center
}

.datum .disk .d-tr .d-td[data-v-3e0df126]:first-child {
    width: 84px;
    flex: unset;
    font-weight: 400
}

.datum .disk .d-header[data-v-3e0df126] {
    background: var(--qq--analysis-bg-color-16);
    color: var(--qq--y0-text-color5);
    border-bottom: none !important
}

.datum .disk .d-header .d-td[data-v-3e0df126] {
    height: 28px
}

.datum .disk .d-header .border_r[data-v-3e0df126] {
    border: 1px solid var(--qq--match-border-color5)
}

.datum .disk .d-header .border_r[data-v-3e0df126]:first-child {
    display: flex;
    justify-content: center
}

.datum .disk .d-header .border_r:first-child .match_total[data-v-3e0df126] {
    width: 50%
}

.datum .disk .d-body[data-v-3e0df126] {
    border-bottom: 1px solid var(--qq--match-border-color5);
    font-weight: 500
}

.datum .disk .d-body .color_83838a[data-v-3e0df126] {
    color: var(--q-gb-t-c-6)
}

.datum .disk .d-body .d-td[data-v-3e0df126] {
    height: 40px;
    border: 1px solid var(--qq--match-border-color5)
}

.datum .disk .d-body .d-td[data-v-3e0df126]:last-child {
    border-right: transparent
}

.datum .disk .d-body .d-td .match_num_total[data-v-3e0df126] {
    width: 50%;
    display: flex;
    justify-content: center
}

.datum .disk .d-body .d-td .match_num_total[data-v-3e0df126]:first-child {
    color: var(--qq--y0-text-color5)
}

.datum .disk .d-body .match_status .result-item[data-v-3e0df126] {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 6px
}

.datum .disk.analysis_disk .away .d-body[data-v-3e0df126]:last-child {
    border-radius: 0 0 8px 8px
}

.datum .technical .panel-title[data-v-3e0df126]:last-child {
    border-radius: 8px;
    border-bottom: 1px solid var(--qq--analysis-bd-color-4)
}

.datum .technical .match-info[data-v-3e0df126] {
    padding: 10px 20px
}

.datum .technical .match-info .team[data-v-3e0df126] {
    margin-bottom: 0
}

.datum .technical .d-header[data-v-3e0df126] {
    border-bottom: 0 !important
}

.datum .technical .away .d-body[data-v-3e0df126]:last-child {
    border-radius: 0 0 8px 8px
}

.datum .technical .no-data[data-v-3e0df126] {
    text-align: center;
    width: 100%;
    height: 56px;
    line-height: 56px;
    color: var(--q-analysis-color-9)
}

.basket-lineup .basket-lineup-none[data-v-2e36551d] {
    display: flex;
    justify-content: center
}

.basket-lineup table[data-v-2e36551d] {
    width: 100%;
    text-align: center;
    table-layout: fixed
}

.basket-lineup table thead[data-v-2e36551d] {
    background: var(--q-bg-color-3-1);
    border-bottom: 1px solid var(--q-gb-bg-c-31)
}

.basket-lineup table thead th[data-v-2e36551d] {
    width: 50px
}

.basket-lineup table thead .player-base[data-v-2e36551d] {
    width: 32%
}

.basket-lineup table thead .player-position[data-v-2e36551d] {
    width: 22%
}

.basket-lineup table th[data-v-2e36551d],
.basket-lineup table td[data-v-2e36551d] {
    padding: 2px;
    height: 38px;
    line-height: 1.2;
    vertical-align: middle
}

.basket-lineup table tbody tr[data-v-2e36551d] {
    border-bottom: 1px solid var(--q-gb-bg-c-31)
}

.basket-lineup table .player-num[data-v-2e36551d] {
    width: 50px
}

.basket-lineup table .player-base-wrap[data-v-2e36551d] {
    text-align: left;
    display: flex;
    align-items: center;
    overflow: hidden
}

.basket-lineup table .player-base-wrap .player-avatar[data-v-2e36551d] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    flex-shrink: 0
}

.basket-lineup table .player-base-wrap .player-avatar .player-pic[data-v-2e36551d] {
    width: 100%;
    height: 100%
}

.basket-lineup table .player-base-wrap .player-name[data-v-2e36551d] {
    flex-grow: 1
}

.q-pb-md .tab[data-v-227d4331] {
    display: flex;
    align-items: center;
    height: 34px;
    margin-bottom: 10px;
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    padding: 0 20px
}

.q-pb-md .tab span[data-v-227d4331] {
    position: relative;
    margin-right: 28px;
    height: 28px;
    line-height: 28px;
    color: var(--q-gb-t-c-6);
    cursor: pointer;
    text-align: center
}

.q-pb-md .tab span.active[data-v-227d4331] {
    font-weight: 600;
    color: var(--q-gb-t-c-16)
}

.q-pb-md .tab span.active[data-v-227d4331]:before {
    position: absolute;
    content: "";
    width: 90%;
    height: 6px;
    border-radius: 15px;
    background: var(--q-gb-t-c-16);
    bottom: -6px;
    left: 50%;
    transform: translate(-50%)
}

.lineup-bg[data-v-227d4331] {
    min-width: 950px
}

.lineup-bg .lineup-img[data-v-227d4331] {
    width: 100%;
    margin: 20px 0
}

.lineup-bg .lineup-bg-wrap[data-v-227d4331] {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: var(--q-analysis-color-13);
    padding: 20px 0
}

.lineup-bg .lineup-bg-wrap .home[data-v-227d4331],
.lineup-bg .lineup-bg-wrap .away[data-v-227d4331] {
    flex: 1;
    width: 50%
}

.lineup-bg .lineup-bg-wrap .home .lineup-item[data-v-227d4331],
.lineup-bg .lineup-bg-wrap .away .lineup-item[data-v-227d4331] {
    display: flex;
    height: 100%
}

.lineup-bg .lineup-bg-wrap .home .lineup-item .lineup-col[data-v-227d4331],
.lineup-bg .lineup-bg-wrap .away .lineup-item .lineup-col[data-v-227d4331] {
    flex: 1;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-around;
    color: #fff
}

.lineup-bg .lineup-bg-wrap .home .lineup-item .lineup-col .player[data-v-227d4331],
.lineup-bg .lineup-bg-wrap .away .lineup-item .lineup-col .player[data-v-227d4331] {
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.lineup-bg .lineup-bg-wrap .home .lineup-item .lineup-col .player .player-num[data-v-227d4331],
.lineup-bg .lineup-bg-wrap .away .lineup-item .lineup-col .player .player-num[data-v-227d4331] {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    border: 1px solid #ffffff
}

.lineup-bg .lineup-bg-wrap .home .player-num[data-v-227d4331] {
    background: #179cff
}

.lineup-bg .lineup-bg-wrap .away .player-num[data-v-227d4331] {
    background: #ffb001
}

.lineup-bg .lineup-bg-wrap.basketball .home .lineup-col[data-v-227d4331]:last-child,
.lineup-bg .lineup-bg-wrap.basketball .away .lineup-col[data-v-227d4331]:first-child {
    justify-content: center
}

.lineup-bg .lineup-bg-wrap.basketball .home .lineup-col:last-child .player[data-v-227d4331],
.lineup-bg .lineup-bg-wrap.basketball .away .lineup-col:first-child .player[data-v-227d4331] {
    flex: unset
}

.lineup-bg .lineup-bg-wrap.basketball .home .lineup-col-index-2[data-v-227d4331],
.lineup-bg .lineup-bg-wrap.basketball .away .lineup-col-index-0[data-v-227d4331] {
    row-gap: 10%
}

.lineup-wrap[data-v-227d4331] {
    display: flex;
    justify-content: space-between;
    min-width: 950px
}

.lineup-wrap .lineup-item[data-v-227d4331] {
    flex: 1;
    min-width: 470px
}

.lineup-wrap .lineup-item[data-v-227d4331]:first-child {
    margin-right: 20px
}

.lineup-wrap .lineup-item .panel[data-v-227d4331]:first-child {
    margin-bottom: 20px
}

.lineup-wrap .lineup-item .panel .d-table[data-v-227d4331] {
    border: 1px solid #dee4f2;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.lineup-wrap .lineup-item .panel .d-table .d-table-h[data-v-227d4331] {
    display: flex;
    align-items: center;
    height: 28px;
    background: var(-q-analysis-color-17);
    color: var(--q-analysis-color-12);
    border-bottom: .5px solid var(--q-gb-bd-c-8)
}

.lineup-wrap .lineup-item .panel .d-table .d-table-h[data-v-227d4331]:last-child {
    border-radius: 0 0 8px 8px
}

.lineup-wrap .lineup-item .panel .d-table .d-tabel-tr[data-v-227d4331] {
    display: flex;
    align-items: center;
    height: 40px;
    border-bottom: .5px solid var(--q-gb-bd-c-8)
}

.lineup-wrap .lineup-item .panel .d-table .d-tabel-tr .d-table-td[data-v-227d4331]:first-child {
    justify-content: flex-start;
    padding: 0 12px
}

.lineup-wrap .lineup-item .panel .d-table .d-table-td[data-v-227d4331] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: .5px solid var(--q-gb-bd-c-8)
}

.lineup-wrap .lineup-item .panel .d-table .d-table-td[data-v-227d4331]:first-child {
    width: 50px
}

.lineup-wrap .lineup-item .panel .d-table .d-table-td[data-v-227d4331]:nth-child(2) {
    flex-grow: 1;
    justify-content: flex-start !important;
    margin-left: 10px
}

.lineup-wrap .lineup-item .panel .d-table .d-table-td[data-v-227d4331]:nth-child(3) {
    width: 80px
}

.lineup-wrap .lineup-item .panel .d-table .d-table-td[data-v-227d4331]:nth-child(4) {
    width: 80px
}

.lineup-wrap .lineup-item .panel .d-table .d-table-td[data-v-227d4331]:nth-child(5) {
    width: 80px
}

.lineup-wrap .lineup-item .panel .d-table .d-table-td[data-v-227d4331]:nth-child(6) {
    width: 80px
}

.lineup-wrap .lineup-item .panel .d-table .d-table-td .logo[data-v-227d4331] {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.lineup-wrap .lineup-item .panel .d-table .d-table-td .player-name[data-v-227d4331] {
    min-width: 24px;
    text-align: right
}

.home .panel-title[data-v-227d4331]:before {
    background: var(--q-analysis-color-2) !important
}

.away .panel-title[data-v-227d4331]:before {
    background: #e93d3d !important
}

.q-pb-md[data-v-227d4331] {
    padding-bottom: 50px
}

.d-body.d-tr.noMore[data-v-227d4331],
.no-more-data[data-v-227d4331] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--q-gb-t-c-6) !important;
    height: 40px
}

.no-more-data[data-v-227d4331] {
    width: 100%;
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

[data-v-227d4331] .basket-lineup {
    color: var(--q-gb-t-c-6)
}

[data-v-227d4331] .basket-lineup table thead,
[data-v-227d4331] .basket-lineup table tbody tr:not(:last-child) {
    border-bottom: 1px solid var(--q-gb-bd-c-8)
}

[data-v-227d4331] .basket-lineup table .player-base-wrap .player-avatar {
    width: 30px;
    height: 30px
}

[data-v-227d4331] .basket-lineup.new-pc-2025 table thead {
    background: transparent
}

.btn_bg[data-v-227d4331] {
    width: 48px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #179cff;
    color: #fff;
    border-radius: 20px;
    margin-top: 4px;
    margin-right: 10px
}

.playerName[data-v-227d4331] {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.integral-head-info-loading[data-v-227d4331] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.img-loading[data-v-227d4331] {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat
}

.information .tab[data-v-8a348644] {
    display: flex;
    align-items: center;
    height: 34px;
    margin-bottom: 10px;
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
    overflow: hidden
}

.information .tab span[data-v-8a348644] {
    position: relative;
    margin: 0 10px;
    height: 28px;
    line-height: 28px;
    color: var(--q-gb-t-c-6);
    cursor: pointer;
    text-align: center
}

.information .tab span.active[data-v-8a348644] {
    font-weight: 600;
    color: var(--q-gb-t-c-16)
}

.information .tab span.active[data-v-8a348644]:before {
    position: absolute;
    content: "";
    width: 90%;
    height: 6px;
    border-radius: 15px;
    background: var(--q-gb-t-c-16);
    bottom: -6px;
    left: 50%;
    transform: translate(-50%)
}

.information .panel[data-v-8a348644] {
    margin-bottom: 20px
}

.information .panel .panel-title.FF7373[data-v-8a348644]:before {
    background: #e93d3d
}

.information .panel .item[data-v-8a348644] {
    padding: 2px 0 0 20px;
    height: 32px;
    line-height: 18px;
    color: var(--q-gb-t-c-6)
}

.odds[data-v-3bc47288] {
    min-width: 950px
}

.odds .tab[data-v-3bc47288] {
    display: flex;
    align-items: center;
    height: 34px;
    margin-bottom: 10px;
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
    overflow: hidden
}

.odds .tab span[data-v-3bc47288] {
    position: relative;
    margin: 0 10px;
    height: 28px;
    line-height: 28px;
    color: var(--q-gb-t-c-3);
    cursor: pointer;
    text-align: center
}

.odds .tab span.active[data-v-3bc47288] {
    font-weight: 600;
    color: var(--q-gb-t-c-16)
}

.odds .tab span.active[data-v-3bc47288]:before {
    position: absolute;
    content: "";
    width: 90%;
    height: 6px;
    border-radius: 15px;
    background: var(--q-gb-t-c-16);
    bottom: -6px;
    left: 50%;
    transform: translate(-50%)
}

.odds .d-tr[data-v-3bc47288] {
    display: flex;
    align-items: center
}

.odds .d-header[data-v-3bc47288] {
    height: 28px;
    background: var(--q-analysis-color-17)
}

.odds .d-header .d-td[data-v-3bc47288] {
    flex: 1;
    text-align: center;
    color: var(--q-analysis-color-12)
}

.odds .d-header .d-td[data-v-3bc47288]:first-child {
    flex: unset;
    width: 160px;
    margin-right: 80px
}

.odds .d-body[data-v-3bc47288] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.odds .d-body[data-v-3bc47288]:last-child {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important;
    border-radius: 0 0 8px 8px
}

.odds .d-body .company[data-v-3bc47288] {
    height: 80px;
    width: 160px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--q-gb-t-c-3)
}

.odds .d-body .content[data-v-3bc47288] {
    flex: 1
}

.odds .d-body .content .handicap-before[data-v-3bc47288],
.odds .d-body .content .handicap-now[data-v-3bc47288] {
    display: flex
}

.odds .d-body .content .handicap-before .d-td[data-v-3bc47288],
.odds .d-body .content .handicap-now .d-td[data-v-3bc47288] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-right: .5px solid var(--q-gb-bd-c-8) !important;
    flex: 1;
    position: relative;
    margin-bottom: 0
}

.odds .d-body .content .handicap-before .d-td[data-v-3bc47288]:last-child,
.odds .d-body .content .handicap-now .d-td[data-v-3bc47288]:last-child {
    border-right: transparent
}

.odds .d-body .content .handicap-now[data-v-3bc47288] {
    border-bottom: 0 !important
}

.odds .d-body .content .handicap-now .up[data-v-3bc47288] {
    background: #e93d3d0d
}

.odds .d-body .content .handicap-now .up span[data-v-3bc47288] {
    position: relative
}

.odds .d-body .content .handicap-now .up span .img-status[data-v-3bc47288] {
    position: absolute;
    top: 0;
    right: -16px;
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    background-image: url(/image/common/svg/red_up.svg);
    background-position: center;
    background-repeat: no-repeat
}

.odds .d-body .content .handicap-now .down[data-v-3bc47288] {
    background: #50c0420d
}

.odds .d-body .content .handicap-now .down span[data-v-3bc47288] {
    position: relative
}

.odds .d-body .content .handicap-now .down span .img-status[data-v-3bc47288] {
    position: absolute;
    top: 0;
    right: -16px;
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    background: url(/image/common/svg/green_down.svg);
    background-position: center;
    background-repeat: no-repeat
}

.odds .d-body .content .handicap-before[data-v-3bc47288] {
    border-bottom: .5px solid var(--q-gb-bd-c-8) !important
}

.odds .d-body .content .timer[data-v-3bc47288] {
    width: 80px;
    flex: unset !important
}
.bet-order-no-copy {
    display: flex;
    gap: 3px;
}