/* 常用复用样式 */
/* 回到顶部 */
.backtop_div {
    width: 82px;
    cursor: pointer;
}
.backtop_div img {
    width: 100%;
}
.backtop_div:hover .hd {
    display: none;
}
.backtop_div:hover .hd1 {
    display: block !important;
}
/* 文本溢出隐藏 */
.text_ellip {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 标题区域 三角样式 */
.triangle_t_r_div {
    min-width: 70px;
    height: 100%;
    position: relative;
    z-index: 5;
}
.triangle_t_r_div::before {
    content: '';
    position: absolute;
    background: var(--n1_4_GS_analyzeTbTitleBg);
    top: 0;
    right: -10px;
    height: 100%;
    transform-origin: bottom;
    transform: skewX(-45deg);
    z-index: 0;
    width: 150px;
    pointer-events: none;
}
.triangle_t_r_div > p {
    color: var(--competition-box-text);
    position: relative;
    z-index: 1;
}
.up_triangle,
.down_triangle,
.sum_triangle,
.cancel_triangle {
    color: var(--n6_5listResultTxt01) !important;
}
/* 弹窗居中 */
.center_dialog .el-overlay-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 2003;
}
/* 弹窗居中但不可蓋過公告彈窗 */
.center_dialog_lower .el-overlay-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 999 !important;
}
.center_dialog .el-overlay .el-dialog {
    margin: 0 auto !important;
}

.center_dialog_lower .el-overlay .el-dialog {
    margin: 0 auto !important;
}
.private_dialog .el-dialog__body {
    border-top: 2px var(--n1_4_GS_Border) dashed;
    margin: 0px 20px;
    margin-bottom: 0;
    padding: 15px 0px;
}
.head_dialog.private_dialog .el-dialog__body {
    margin: 0 15px;
    position: relative;
}
.head_dialog .el-dialog__body .content-inner {
    color: var(--popup_popup_annTxt);
    padding: 15px;
}
.head_dialog .el-dialog__body .content-inner li {
    position: relative;
    z-index: 1;
}
.head_dialog .el-dialog__body .content-inner::after {
    content: '';
    /* background: var(--dialog-content-bg); */
    border-radius: 10px;
    /* border: 1px solid var(--dialog-content-border); */
    position: absolute;
    left: 3px;
    right: 3px;
    top: 15px;
    bottom: 70px;
    z-index: 0;
}
.head_dialog .el-dialog__body .content-inner li {
    list-style: none;
}
.head_dialog {
    border-radius: 10px;
    position: relative;
}
.head_dialog::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: 16px;
    border: 1px solid var(--dialog-border);
    z-index: 0;
}
.head_dialog::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border: 1px solid transparent;
    border-image: var(--dialog-border-img);
    z-index: 1;
}
.head_dialog.private_dialog .el-dialog__body {
    border-top: 1px solid transparent;
}
.sports_video_main .notData_div {
    border-top: 1px solid var(--n1_5_1_eventBorder);
    border-bottom: 1px solid var(--n1_5_1_eventBorder);
}
/* 列表无数据样式   */
.notData_div {
    text-align: center !important;
}
.notData_div img {
    width: 150px !important;
}
.notData_div p {
    color: var(--function_systemNoticeTxt) !important;
    font-size: 16px !important;
}
/* 返回样式 */
.back_div {
    height: 20px;
    font-size: 20px;
    color: var(--back-icon-color);
    position: relative;
}
.back_div p {
    cursor: pointer;
    height: 20px;
}
.back_div p:hover {
    opacity: 0.9;
}
.back_div .el-icon-arrow-left {
    font-size: 23px;
}
/* 个人中心左侧带渐变边框样式 */
.personage_h2 {
    height: 20px;
    font-size: 18px;
    color: var(--nav_txtTitle_02);
    padding-left: 11px;
    position: relative;
}

.personage_h2::before {
    content: '';
    position: absolute;
    left: 0px;
    top: calc(50% - 10px);
    width: 3px;
    height: 20px;
    background: var(--popup_sheet_commonTitleDeco);
}

.publiceTitle2 {
    font-size: 14px;
    color: var(--n5_sectionItem_title);
}

.check_div {
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    position: absolute;
    right: -1px;
    bottom: -1px;
    border-top: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom-right-radius: var(--radio-check-radius);
    opacity: 0;
}
.check_span {
    position: absolute;
    bottom: -12px;
    right: -12px;
    color: transparent;
}
.is-checked .check_div {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
    opacity: 1;
}
.is-checked .check_div .check_span {
    color: #fff;
}
/* 单选框选中 */
.radio_check.el-radio.is-bordered {
    border-radius: 5px;
    border: 1px solid var(--n5_order_protocolBorder_off);
    background: var(--n5_order_protocolBg_off);
    color: var(--popup_sheet_selectStyle01Txt_off);
}
.radio_check.el-radio.is-bordered.is-checked {
    border: 1px solid var(--n5_order_protocolBorder_on);
    background: var(--n5_order_protocolBg_on);
    color: var(--popup_sheet_selectStyle01Txt_on);
}
.radio_check.el-radio.is-bordered.is-checked .el-radio__input.is-checked + .el-radio__label {
    color: var(--popup_sheet_selectStyle01Txt_on);
}
.radio_check.el-radio.is-bordered.is-checked .check_div {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
}
.radio_check.el-radio.is-bordered.is-checked .check_div .check_span {
    color: var(--icon_select);
}

/* 普通带功能文字标签 */
.linke_p {
    color: var(--n5_recycle_txt);
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
}

.linke_p:hover {
    opacity: 0.85;
}
.linke_n_p {
    color: var(--n5_recycle_txt);
    font-size: 14px;
    cursor: pointer;
}
.linke_n_p:hover {
    opacity: 0.85;
}
.linke_h_p {
    color: var(--n5_recycle_txt);
    font-size: 14px;
    cursor: pointer;
}
.linke_h_p:hover {
    opacity: 0.85;
    text-decoration: underline;
}

/* vip等级标签 */
.grade_result {
    width: 46px;
    height: 16px;
    font-size: 12px;
    -webkit-text-size-adjust: none;
    background: var(--vip-gradient);
    color: var(--vip-text);
    border-radius: var(--vip-radius);
}

.grade_result .icon-vip {
    font-size: 20px;
    margin-right: 2px;
    color: var(--vip-text);
}
.grade_small {
    width: 46px;
    height: 20px;
    font-size: 12px;
    -webkit-text-size-adjust: none;
    border-radius: var(--vip-radius);
}
.grade_small .icon-vip {
    font-size: 21px;
    margin-right: 2px;
}

.header_tab .grade_small {
    border-radius: var(--header-vip-radius);
}
.header_tab .grade_result {
    background: var(--header-vip-gradient);
    color: var(--header-vip-text);
    border-radius: var(--header-vip-radius);
}
.header_tab .grade_result .icon-vip {
    color: var(--header-vip-text);
}

/* 顶部公共样式 */
.top_time {
    background-color: #3a4460;
    height: 22px;
    color: #b2b5bc;
    font-size: 12px;
}
.header_tab {
    height: 84px;
}
.login_img {
    cursor: pointer;
}
.gameType_div {
    font-size: 14px;
    color: var(--tab_common01_reverse_off);
}
.gameType_li {
    font-size: 16px;
    height: 84px;
    position: relative;
    cursor: pointer;
}
.gameType_li:hover {
    color: var(--tab_home02_on);
}
.gameType_div .gameType_li::before {
    content: '';
    position: absolute;
    border-radius: 2px;
    height: 3px;
    left: 0px;
    right: 0px;
    bottom: 1px;
}
.gameType_div .gameType_li:hover::before {
    background: var(--tab_common01_on);
}

.gameType_li img {
    position: absolute;
    top: 28px;
    right: -8px;
}
.gameType_li.activ {
    color: var(--tab_home02_on);
}
.gameType_li.activ::before {
    background: var(--tab_common01_on);
}
.gameType_li::after {
    content: '';
    position: absolute;
    left: -10px;
    right: -10px;
    top: 50%;
    z-index: 0;
    height: var(--game-type-bg-height);
    border-radius: var(--game-type-radius);
    transform: translateY(-50%);
}
.gameType_li:hover::after {
    background: var(--game-type-bg-hover);
}
.gameType_li.activ::after {
    background: var(--game-type-bg-active);
}
.gameType_li > p {
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

.user_div {
    height: 84px;
    font-size: 12px;
}
.handle_p {
    font-size: 12px;
    width: 46px;
    cursor: pointer;
    line-height: 20px;
}
.handle_p img {
    width: 26px;
}
.handle_p:hover .hd {
    display: none;
}
.handle_p:hover .hd1 {
    display: block !important;
}

.shortcut_mian {
    position: fixed;
    right: 40px;
    bottom: 20px;
    z-index: 400;
    transition: all 0.5s;
}
.shortcut_div {
    width: 81px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.shortcut_p {
    width: 81px;
    cursor: pointer;
}
.shortcut_p img {
    width: 100%;
}
.shortcut_p:hover .hd {
    display: none;
}
.shortcut_p:hover .hd1 {
    display: block !important;
}

.user_img {
    cursor: pointer;
}
.user_img .el-image {
    width: 50px;
    height: 50px;
}
.user_img img {
    width: 100%;
    height: 100%;
}

.logo_img {
    width: 190px;
    cursor: pointer;
    text-align: center;
}
.logo_img img {
    max-width: 190px;
    max-height: 84px;
}

.game_body {
    width: 100%;
    height: 300px;
    position: fixed;
    top: 84px;
    background: var(--floor_0);
    left: 0%;
    z-index: 800;
    box-shadow: var(--floor_0_shadow);
    color: var(--n2casino_mainIntroTxt);
}
.game_main {
    z-index: 800;
}
.game_describe {
    width: 170px;
    flex: 0 0 170px;
    margin-left: 100px;
    min-height: 188px;
    height: 300px;
    position: relative;
    z-index: 1;
    padding-top: 35px;
}
.game_describe h2 {
    font-size: 26px;
    color: var(--n2casino_mainTitlelTxt);
    min-height: 26px;
    line-height: 30px;
    margin-bottom: 10px;
}
.game_describe p {
    font-size: 18px;
    color: var(--n2casino_mainIntroTxt);
    line-height: 18px;
}
.game_describe h6 {
    font-size: 12px;
    color: var(--n2casino_mainIntroTxt);
    min-height: 130px;
    line-height: 18px;
    font-weight: normal;
}
.game_describe .type_img {
    max-width: 144px;
    max-height: 72px;
    margin-bottom: 10px;
}
.game_describe .game_fs {
    max-width: 144px;
    max-height: 72px;
}

.game_img {
    height: 219px;
    cursor: pointer;
}
.game_img img {
    -webkit-user-drag: none;
    height: 219px;
    transition: 0.2s all linear;
    -ms-transition: 0.2s all linear; /* IE 9 */
    -moz-transition: 0.2s all linear; /* Firefox */
    -webkit-transition: 0.2s all linear; /* Safari 和 Chrome */
    -o-transition: 0.2s all linear; /* Opera */
}
.game_img:hover img {
    transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
}
.game_brief {
    text-align: center;
    margin-left: 20px;
}

.game_brief h4 {
    font-size: 18px;
    color: var(--n2casino_gameLabelTxt);
    text-align: center;
    min-height: 24px;
    line-height: 24px;
    margin-bottom: 6px;
}

.game_brief h5 {
    font-size: 12px;
    color: var(--n2casino_gameIntroTxt);
    font-weight: normal;
    text-align: center;
    min-height: 16px;
    line-height: 16px;
    margin-bottom: 20px;
}
.game_brief .down_app i {
    border-color: var(--down-app-border);
}
.maintenanceText {
    color: var(--n2casino_gameMaintainDateTxt);
}
.maintenanceText > span {
    color: var(--n2casino_gameMaintainTimeTxt);
}
.game_brief > img {
    margin: 3px 0;
}
.enter_btn {
    cursor: pointer;
}
.enter_btn img {
    width: 90px;
}
.enter_btn:hover {
    opacity: 0.8;
}
.el-dropdown__popper .el-dropdown-menu {
    position: relative;
    overflow: visible;
    background: var(--floor_0);
    border: none;
    box-shadow: var(--floor_0_shadow);
    color: var(--n6_1_1_1mine_listTitle);
}
.el-dropdown__popper .el-dropdown-menu::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    /* border: 1px solid;
	border-color: var(--personage-dropdown-border) var(--personage-dropdown-border) transparent transparent; */
    background: var(--floor_0);
    box-shadow: 4px -4px 10px 0 rgba(0, 0, 0, 0.15);
    left: 50%;
    top: -10px;
    transform: rotate(-45deg) translateX(-50%);
}
.el-scrollbar {
    overflow: visible;
}
.personage_list .personage_li {
    width: 226px;
}
.personage_li {
    width: 198px;
    margin: 0 auto;
    cursor: pointer;
}
.personage_div {
    min-height: 50px;
    font-size: 13px;
}
.personage_div p img {
    width: var(--personage-img-width);
    height: 23px;
    margin-right: 5px;
}
.personage_div {
    position: relative;
    z-index: 1;
}
.personage_div::after,
.personage_div::before {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    height: 1px;
}
.personage_div::after {
    bottom: 0;
}
.personage_div::before {
    top: 0;
}
.menu_box .personage_div::after {
    /* background: var(--personage-item-border-top); */
}
.menu_box .personage_li:last-child .personage_div::after {
    background: none;
}
.el-dropdown-menu__item .personage_div::before {
    background: var(--n6_1_1_1mine_listLine);
}
.el-dropdown-menu__item .personage_div p {
    color: var(--n6_1_1_1mine_listTitle);
}
.el-dropdown-menu__item .personage_div:hover p {
    color: var(--n6_1_1_1mine_listHoverTxt);
}
.news_font {
    position: absolute;
    height: 16px;
    min-width: 20px;
    padding: 0 6px;
    color: var(--notice_txt);
    background: var(--notice_bg);
    font-size: 12px;
    border-radius: 16px;
    right: 30px;
}
.el-dropdown-menu__item .personage_div:hover img {
    filter: var(--personage-item-img-active);
}
.el-dropdown-menu__item {
    color: var(--n6_1_1_1mine_listTitle);
}

/* 首页 */
.banner_div {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    font-size: 0;
    position: relative;
    z-index: 50;
}
.banner_bg {
    position: relative;
}
.banner_bg_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
}

.main_message {
    width: 100%;
    position: relative;
    z-index: 20;
}
.mes_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.mes_bg_index {
    z-index: 1;
}
.notice_main {
    height: 40px;
    border-radius: 40px;
    border: 1px solid var(--marquee_pcBorder);
    background: var(--marquee_pcBg);
}
.notice_main img {
    width: 50px;
    margin-left: 4px;
}
.notice_div {
    font-size: 14px;
    color: var(--marquee_txt);
    flex: 0 0 1050px;
    width: 1050px;
}
.notice_div p {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    width: 100%;
}
.title_div {
    font-size: 34px;
    color: var(--home-title);
    font-weight: bold;
    background: var(--home-title-img) center center no-repeat;
}
.title_div span {
    color: var(--n3_1_3pomotionEvent_section_title);
}
.activity_title_div {
    font-size: 34px;
    color: var(--n3_1_3pomotionEvent_section_title);
    font-weight: bold;
    background: var(--home-title-img) center center no-repeat;
}
.activity_title_div span {
    color: var(--n3_1_3pomotionEvent_section_title);
}
.download_part {
    padding: var(--download-part-padding);
}
.download_part h2 {
    font-size: 28px;
    color: var(--download-title);
    text-align: center;
}
.download_part > p {
    font-size: 16px;
    line-height: 24px;
    width: 444px;
    color: var(--download-subtitle);
}
.download_btn {
    width: 176px;
    height: 54px;
    border-radius: 54px;
    font-size: 20px;
    color: #414755;
    background-color: #eef1ff;
    background-image: linear-gradient(#ffffff, #eef1ff, #ffffff);
}
.download_code {
    position: relative;
}
.code_img {
    width: 145px;
    height: 145px;
    position: absolute;
    z-index: 10;
    top: 28px;
    left: 34px;
}
.code_img img {
    width: 145px;
    height: 145px;
}
.p1 {
    font-size: 14px;
}
.p2 {
    font-size: 12px;
}

.a1 {
    font-size: 12px;
}

.yb_img {
    position: relative;
    width: 120px;
    height: 120px;
}
.yb_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.yb_img p {
    position: relative;
    z-index: 10;
    color: var(--home-icon);
}
.yb_img p span {
    font-size: 34px;
}
.yb_img p i {
    font-size: 14px;
    font-style: inherit;
}
.turn_img {
    /* -webkit-animation:rotateIn 5s .2s linear infinite;
-moz-animation:rotateIn 5s .2s linear infinite; */
}
.refresh_span.active {
    -webkit-animation: rotateIn 1s 0.2s linear infinite;
    -moz-animation: rotateIn 1s 0.2s linear infinite;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(360deg);
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
    }
}
@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(360deg);
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
    }
}
.title_img::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--serve-img-bg-width);
    border-radius: var(--serve-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: var(--serve-img-bg);
    z-index: 0;
    pointer-events: none;
}
.title_img img {
    width: var(--serve-img-width);
    position: relative;
    z-index: 1;
}
.serve_li {
    width: 450px;
}
.serve_div {
    text-align: left;
}

.serve_div h3 {
    font-size: 16px;
    color: var(--home-serve-title);
}

.serve_div p {
    font-size: 12px;
    color: var(--home-serve-text);
    line-height: 20px;
}

.head_div .el-radio {
    margin-right: 0;
}
.head_img {
    width: 70px;
    height: 70px;
    border-radius: 70px;
    border: 2px solid transparent;
    position: relative;
    margin: 7px 5px;
}
.head_div .is-checked .head_img {
    border: 2px solid var(--icon_primaryS_normal);
}
.head_img img {
    width: 100%;
    height: 100%;
    border-radius: 70px;
}
.head_img .el-image {
    width: 100%;
    height: 100%;
}
.head_img .active_i {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
}
.is-checked .head_img .active_i {
    border-bottom: 5px solid var(--icon_primaryS_normal);
}

/* 登录注册页面 */
.login_main {
    width: 100%;
    height: 100%;
    position: relative;
}
.loginimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.loginform_main {
    position: relative;
    z-index: 50;
}
.loginform_div {
    width: 325px;
}
.cooperation_li img {
    width: 50px;
}
.cooperation_li p {
    font-size: 12px;
    color: var(--n0system_signIn01Version);
    text-align: center;
}
.el-range-editor .el-range-input::placeholder {
    color: var(--input_messageNormalTxt);
}
.loginform_div .el-checkbox__inner {
    border-color: var(--icon_primaryS_normal);
    background: transparent;
    border-radius: 2px;
}
.login_checkbox .el-checkbox__label {
    color: var(--n0system_signIn01RememberPassword);
}
.login_checkbox .el-checkbox__input.is-checked .el-checkbox__inner::after {
    border-color: var(--icon_fixSelect);
}
.login_checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--icon_primaryS_normal);
    border-color: var(--icon_primaryS_normal);
}
.loginform_input img {
    width: 26px;
    height: 26px;
    pointer-events: none;
}
.loginform_input > span {
    color: var(--input_signIn01title);
    font-size: 16px;
    width: 100px;
    pointer-events: none;
}
.login_checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--n0system_signIn01RememberPassword);
}
.login_checkbox .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: var(--icon_primaryS_normal);
}
.link_p {
    color: var(--n0system_signIn01VisitorEnter);
    font-size: 13px;
}
.link_p span {
    cursor: pointer;
    text-decoration: underline;
}
.link_p span:hover {
    opacity: 0.9;
}
.link_p span.is-disabled,
.link_p span.is-disabled:focus,
.link_p span.is-disabled:hover {
    cursor: not-allowed;
    opacity: 0.5;
}
.link_span {
    cursor: pointer;
    color: var(--index-link-text);
    font-size: 13px;
}
.link_span:hover {
    opacity: 0.9;
    text-decoration: underline;
}

/* 比赛列表 */
.main_left {
    width: 210px;
    overflow-x: hidden;
}
.main_container {
    width: 622px;
}
.main_right {
    width: 340px;
    overflow-x: hidden;
}
.el-affix .main_left {
    overflow: visible;
}
/* 左侧 */
.money_title {
    height: 56px;
}
.money_span {
    font-size: 20px;
    color: var(--event_headerMoney);
}

.money_title i {
    font-size: 20px;
    cursor: pointer;
    color: var(--icon_reverse_primaryS_normal);
}

.money_title i:hover {
    opacity: 0.9;
}

.game_container .title_span {
    color: var(--game-title-text);
    font-size: 12px;
    padding: 0 15px;
}
.game_container .title_i {
    color: var(--n1_1_5sport_hotSearchLblTxt);
    font-size: 12px;
    text-align: center;
    background: var(--icon_primaryS_normal);
    display: inline-block;
    min-width: 16px;
    height: 16px;
    border-radius: 16px;
    padding: 1px 4px 0 4px;
    line-height: initial;
    font-style: inherit;
}

.collect_li {
    height: 30px;
    font-size: 12px;
    -webkit-text-size-adjust: none;
    color: var(--game-collect-text);
    cursor: pointer;
    border-left: 2px solid transparent;
}

.collect_list .collect_li:hover {
    color: var(--tab_common01_on);
    background: var(--aside2ndTitle_bg);
    border-left: 2px solid var(--popup_sheet_commonTitleDeco);
}

.collect_list .collect_li.active {
    color: var(--tab_common01_on);
    background: var(--aside2ndTitle_bg);
    border-left: 2px solid var(--popup_sheet_commonTitleDeco);
}
.grounder_list .el-checkbox__input + .el-checkbox__label .collect_li:hover {
    color: var(--tab_home02_on);
}
/* 暂无提示 */
.not_available_title {
    font-size: 12px;
    -webkit-text-size-adjust: none;
    color: var(--side_menuTitleTxt);
    line-height: 20px;
}

/* 左侧下注 */
.rapidBet_main {
    padding: 4px;
}

.rapidBet_div {
    border: 1px solid var(--cart_o_cardBorder);
}

.rapidBet_title {
    height: 26px;
    line-height: 26px;
    color: var(--icon_neutral01);
    font-size: 12px;
    border-bottom: 1px solid var(--cart_o_cardBorder);
    background-color: var(--infoTitle_bg);
    position: relative;
}

.rapidBet_title > i.el-icon-close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

.rapidBet_input_div {
    line-height: 28px;
    color: var(--cart_o_oddsTitle);
}
.rapidBet_btn_main .el-button + .el-button {
    margin-left: 0;
}
.rapidBet_expect {
    font-size: 12px;
    color: var(--cart_o_oddsTitle);
}
.rapidBet_expect p {
    font-size: 12px;
    line-height: 20px;
}
/* 下注信息 */
.rapidBet_title > i.el-icon-close:hover {
    opacity: 0.8;
}
.rapidBet_competition {
    border-bottom: 1px solid var(--cart_o_cardBorder);
    padding-top: 4px;
    padding-bottom: 4px;
}
.rapidBet_competition p {
    font-size: 12px;
    -webkit-text-size-adjust: none;
    color: var(--side_menuBtnTxt);
    line-height: 20px;
    word-break: break-all;
}
.rapidBet_type {
    padding-top: 4px;
    padding-bottom: 4px;
}
.rapidBet_type p {
    font-size: 12px;
    -webkit-text-size-adjust: none;
    color: var(--side_menuBtnTxt);
    line-height: 20px;
}
/* 下注输入框 */
.rapidBet_input_main {
    border: 1px solid var(--cart_o_cardBorder);
}
.rapidBet_input_title {
    height: 26px;
    line-height: 26px;
    color: var(--cart_o_oddsTitle);
    font-size: 12px;
    border-bottom: 1px solid var(--cart_o_cardBorder);
    background-color: var(--infoTitle_bg);
    position: relative;
}

.rapidBet_input_type {
    height: auto;
    line-height: 26px;
    font-size: 12px;
    border-bottom: 1px solid var(--cart_o_cardBorder);
    color: var(--cart_o_oddsTitle);
}
.rapidBet_input_type .icon-shangzhang {
    color: var(--up-color);
    font-size: 12px;
}
.rapidBet_input_type .icon-xiadie {
    color: var(--down-color);
    font-size: 12px;
}

.rapidBet_warning {
    font-size: 12px;
    color: var(--function_error);
}
.rapidBet_affirm_title {
    height: 26px;
    line-height: 26px;
    color: var(--cart_o_popup_focus);
    background-color: var(--betToast_bg);
    border: 1px solid var(--betToast_border);
    font-size: 12px;
    -webkit-text-size-adjust: none;
}
.rapidBet_btn_main .el-icon-check {
    color: var(--icon_neutral01);
}
/* 中间 */
.affiche_main {
    position: relative;
    width: 805px;
}
.affiche_main > * {
    position: relative;
    z-index: 1;
}
.affiche_main::after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 5px;
    top: 5px;
    background: var(--affiche-bg);
    border-radius: var(--affiche-radius);
}
.affiche_main > span {
    font-size: 18px;
    background: var(--icon_primaryS_normal);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.affiche_div {
    font-size: 14px;
    color: var(--marquee_txt);
    flex: 0 0 768px;
    width: 768px;
}
.affiche_div p {
    width: 100%;
    font-size: 12px;
    -webkit-text-size-adjust: none;
    color: var(--marquee_txt);
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}
.filtrate_list {
    width: 802px;
    font-size: 12px;
    -webkit-text-size-adjust: none;
    border: 1px solid var(--n1_4_GS_Border);
    height: 30px;
    background: var(--input_signIn02bg);
}
.league_div {
    cursor: pointer;
    border-right: 0;
    height: 28px;
    color: var(--filtrate-main-text);
}
.odds_div .el-input__inner {
    border-radius: 0;
}
.refresh_div {
    cursor: pointer;
    border-left: 0;
    height: 28px;
}

/* 筛选弹窗内 */
.league_filtrate_li {
    border: 1px solid var(--n1_4_GS_Border);
}
.checkbox_label_div {
    width: 170px;
}
.league_span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    background-color: #e2e3e5;
    color: #2c2b33;
    font-size: 12px;
    -webkit-text-size-adjust: none;
}
/* im搜索区域 */
.search_type {
    background-color: var(--event_titleBg);
    height: 36px;
}
.result_name {
    background: var(--n1_1_5_1sport_leagueTitleBg);
    border: none;
    height: 32px;
    font-size: 12px;
}
.searchResult_li {
    background: var(--n1_1_5_1sport_resultBg);
    border-bottom: 1px solid var(--n1_1_5_1sport_resultlLine);
    min-height: 32px;
    font-size: 12px;
    cursor: pointer;
}
.searchResult_li .time {
    border-right: 1px solid var(--n1_1_5_1sport_resultlLine);
    width: 90px;
    flex: 0 0 90px;
}
.search_result {
    color: var(--n1_1_5_1sport_resultTxt);
}
.search_type .el-radio-button__inner {
    color: var(--side_tabText_off);
}
.search_result_main .searchResult_li:hover,
.search_result_main .searchResult_li.active {
    background: var(--n1_1_5_1sport_resultBg_hover);
}
/* im搜索区域 按钮单选 */

.search_type .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background: var(--side_tabBg_on);
    border-color: none;
    color: var(--side_tabTxt_on);
    box-shadow: none;
}
.search_type .el-radio-button:not(.is-active) .el-radio-button__inner:hover {
    /* color: var(--checkbox-bg-active); */
}
.search_type .el-radio-button:last-child .el-radio-button__inner {
    border-radius: 4px;
}
.search_type .el-radio-button:first-child .el-radio-button__inner {
    border-radius: 4px;
    border-left: none;
}
.search_type .el-radio-button__inner {
    border: none;
    border-radius: 4px;
    background-color: transparent;
}
.search_type .el-radio-button--mini .el-radio-button__inner {
    border-radius: 4px;
}
.hide_block {
    display: none;
}
/* 中间赛事展示 */
.competition_title {
    overflow: hidden;
    width: 802px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    -webkit-text-size-adjust: none;
    border: 1px solid var(--n1_4_GS_Border);
}
.competition_title > p {
    position: relative;
    z-index: 10;
}

.competition_title p span.iconfont {
    font-size: 14px;
    color: var(--competition-box-icon);
}
/*滾球中圖示*/
.grounder_span {
    height: 20px;
    line-height: 20px;
    color: var(--notice_txt);
    padding: 0 6px;
    background: var(--notice_bg);
    border-radius: 2px;
}

.competition_header {
    color: var(--n1_4_GS_analyzeTbTitleTxt);
    width: 802px;
    height: 39px;
    border: 1px solid var(--n1_4_GS_Border);
    background: var(--n1_4_GS_analyzeTbTitleBg);
}

.competition_header_th {
    font-size: 12px;
    -webkit-text-size-adjust: none;
}
.competition_header_th .iconfont {
    color: var(--competition-box-icon);
}
.competition_header_th p {
    width: 100%;
    height: 18px;
    line-height: 18px;
    text-align: center;
}
.competition_header_th p + p {
    border-left: 1px solid var(--n1_4_GS_Border);
}
.competition_header_th + .competition_header_th {
    border-left: 1px solid var(--n1_4_GS_Border);
}
.competition_header_th .th_tow_hang {
    border-top: 1px solid var(--n1_4_GS_Border);
}
.competition_mian .el-collapse-item__wrap > .el-collapse-item__content .el-collapse-item__header {
    border-color: var(--n1_4_GS_Border);
}
.th_tow_hang {
    width: 100%;
    background: var(--n1_4_GS_analyzeTbBg_01);
    color: var(--n1_4_GS_analyzeTbTitleTxt);
}

.th_tow_hang span {
    width: 33.333%;
    height: 18px;
    line-height: 18px;
    text-align: center;
}
.th_tow_hang span + span {
    border-left: 1px solid var(--n1_4_GS_Border);
}

.competition_body,
.competition_main,
.competition_container {
    width: 100%;
}
.competition_container > div {
    border-left: 1px solid var(--n1_4_GS_Border);
    border-right: 1px solid var(--n1_4_GS_Border);
}
.league_title {
    height: 26px;
    line-height: 26px;
}
.league_title .league_img {
    width: 20px;
    height: 20px;
    line-height: initial;
}
.league_title span {
    font-size: 12px;
}

/* 投注共用 */
.competition_main_content .el-collapse-item__header {
    position: relative;
    background-color: #ededed;
    height: 30px !important;
    line-height: 30px !important;
}
.grounder_collapse .el-collapse-item__content {
    padding-bottom: 0;
}
.grounder_collapse .el-collapse-item__wrap {
    border-bottom: 0 solid #ebeef5;
}
.competition_main_content .el-collapse-item__wrap {
    border-bottom: 1px solid #ebeef5;
}
.competition_main_content .el-collapse-item {
    border-left: 1px solid #e2e3e5;
    border-right: 1px solid #e2e3e5;
}
.competition_main_content .competition_container {
    border-right: 0;
    border-left: 0;
}

/* 1x2 & 双重机会 & 半场/全场 */
.btn_3items,
.btn_4items,
.btn_2items {
    width: 174px;
}
.btn_3items .bet_btn,
.btn_2items .bet_btn {
    padding: 23px 2px;
}
.btn_3items .notBet_div p,
.btn_4items .notBet_div p,
.btn_2items .notBet_div p {
    min-height: 62px;
    line-height: 62px;
}
.btn_3items .bet_btn.el-button,
.btn_3items .betOption_div,
.btn_3items .notBet_div p {
    width: 57px !important;
}
.btn_3items .notBet_div,
.btn_4items .notBet_div,
.btn_2items .notBet_div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* 总进球 */
.btn_4items .bet_btn {
    padding: 23px 0;
}
.btn_4items .bet_btn.el-button,
.btn_4items .betOption_div,
.btn_4items .notBet_div p {
    width: 42px !important;
}

/* 单/双 */
.btn_2items .bet_btn.el-button,
.btn_2items .betOption_div,
.btn_2items .notBet_div p {
    width: 86px !important;
}
.header_2items .th_tow_hang span {
    width: 50%;
}

/* 半场/全场 */
.one-row .th_tow_hang span {
    height: 36px;
    line-height: 36px;
}

/* 冠军 */
.champion_main .el-collapse-item__content {
    padding-bottom: 0;
}
.champion_main .el-collapse-item__wrap {
    border-bottom-color: transparent;
}
.champion_main .el-collapse-item__header {
    position: relative;
    height: 30px;
    line-height: 30px;
    border: 1px solid var(--n1_4_GS_Border);
}
.champion_main .el-collapse-item__header .el-collapse-item__arrow {
    position: absolute;
    left: 15px;
}

.champion_main_list .el-collapse-item__header .el-collapse-item__arrow {
    position: initial;
    left: initial;
}
.champion_main_list .el-collapse-item__header {
    border-left: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5;
    padding-left: 10px;
}

.champion_header {
    width: 100%;
    background: var(--n1_leagueTitleBg);
    height: 30px;
    color: var(--n1_5_1_eventTxt) !important;
    border-top: 1px solid var(--n1_4_GS_Border);
}
.champion_league .league_img {
    width: 20px;
    height: 20px;
    line-height: initial;
}
.champion_league p {
    font-size: 12px;
    color: var(--n1_5_1_eventTxt) !important;
}
.champion_time {
    font-size: 12px;
    color: var(--n1_5_1_eventTxt) !important;
}
.champion_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid var(--n1_4_GS_Border);
    border-top: 0;
    border-bottom: 0;
}

.champion_list .betOption_div {
    width: 160px;
}
.champion_list .bet_btn.el-button {
    width: 160px;
}
.champion_list .champion_li {
    border-bottom: 1px solid var(--n1_4_GS_Border);
    line-height: normal;
}
.champion_list .champion_li:nth-child(even) {
    border-left: 1px solid var(--n1_4_GS_Border);
}
/* 比赛队伍信息 */
.competition_li {
    border-bottom: 1px solid var(--n1_4_GS_Border);
    position: relative;
}
.competition_list:first-child .competition_li {
    border-top: none;
}
.not_cimg {
    position: absolute;
    right: 5px;
    bottom: 0px;
    width: 30px;
    z-index: 20;
}

.competition_msgs {
    width: 282px;
}
.competition_brief {
    width: 60px;
    text-align: center;
    line-height: initial;
}

.competition_collect {
    color: var(--favorite-color);
    font-size: 20px;
    width: 40px;
    cursor: pointer;
}

.competition_score {
    color: var(--event_teamScore);
    font-size: 16px;
}
.competition_stage {
    color: var(--rbtime-color);
    font-size: 12px;
    -webkit-text-size-adjust: none;
}
.competition_time {
    color: var(--rbtime-color);
    font-size: 14px;
}
.competition_troop {
    width: 190px;
    line-height: initial;
    border-left: 1px solid var(--n1_4_GS_Border);
    min-height: 96px;
}
.competition_troop div {
    width: 100%;
    line-height: 32px;
}
.competition_troop div span {
    width: 170px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    -webkit-text-size-adjust: none;
}
.competition_troop div .el-image {
    width: 16px;
    height: 16px;
    line-height: initial;
    font-size: 0;
}

.competition_extend {
    width: 30px;
    line-height: initial;
    min-height: 96px;
}
.competition_extend p {
    width: 100%;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    flex: 32px 0 0;
    cursor: pointer;
    text-align: center;
}
.competition_extend p:hover {
    opacity: 0.9;
}
.competition_extend p span {
    font-size: 12px;
    -webkit-text-size-adjust: none;
    color: var(--extend-color);
}
.competition_extend p span.active {
    color: var(--icon_primaryS_normal);
    cursor: pointer;
}

/* 胜负 */
.convention_span {
    font-size: 14px;
    color: var(--event_handicapTxtOdds_off);
}

.up_span {
    color: var(--event_handicapTxtOddsUp);
}
.up_span .icon-shangzhang {
    -webkit-animation: bounceInUp 1s 0s both infinite;
    -moz-animation: bounceInUp 1s 0s both infinite;
}
.down_span {
    color: var(--event_handicapTxtOddsDown);
}
.down_span .icon-xiadie {
    -webkit-animation: bounceInDown 1s 0s both infinite;
    -moz-animation: bounceInDown 1s 0s both infinite;
}
/* 让球 */
.default_span {
    color: var(--event_handicapTxtK_off);
    font-size: 12px;
}

.betOption_div {
    width: 86px;
    margin-left: 1px;
}
.notBet_div {
    width: 100%;
}
.notBet_div p {
    width: 100%;
    min-height: 32px;
    font-size: 17px;
    text-align: center;
    line-height: 32px;
    color: var(--function_systemNoticeTxt);
}
/* infinite */
.bet_btn .icon-shangzhang {
    -webkit-animation: bounceInUp 1s 0s both infinite;
    -moz-animation: bounceInUp 1s 0s both infinite;
}
@-webkit-keyframes bounceInUp {
    0% {
        position: relative;
        bottom: -1px;
    }
    100% {
        position: relative;
        bottom: 1px;
    }
}
@-moz-keyframes bounceInUp {
    0% {
        position: relative;
        bottom: -1px;
    }
    100% {
        position: relative;
        bottom: 1px;
    }
}

.bet_btn .icon-xiadie {
    -webkit-animation: bounceInDown 1s 0s both infinite;
    -moz-animation: bounceInDown 1s 0s both infinite;
}
@-webkit-keyframes bounceInDown {
    0% {
        position: relative;
        bottom: 1px;
    }
    100% {
        position: relative;
        bottom: -1px;
    }
}
@-moz-keyframes bounceInDown {
    0% {
        position: relative;
        bottom: 1px;
    }
    100% {
        position: relative;
        bottom: -1px;
    }
}
/* 实心下注按钮 */
.bet_btn.el-button {
    background: var(--event_handicapBg_off);
    border-color: var(--event_handicapBorder_off);
    font-size: 14px;
    color: var(--event_handicapTxtK_off);
    width: 86px;
    min-height: 30px;
    background-repeat: no-repeat;
}

.bet_btn.el-button:hover,
.bet_btn.el-button.active,
.betOption_li .bet_btn.el-button:hover,
.betOption_li .bet_btn.el-button.active {
    background: var(--event_handicapBg_on);
    border-color: var(--event_handicapBorder_on);
    color: var(--event_handicapTxt);
    background-repeat: no-repeat;
}
.bet_btn.el-button.is-disabled,
.bet_btn.el-button.is-disabled:focus,
.bet_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background-color: var(--btn01_primaryBg_normal);
    border-color: var(--bet-button-border);
    color: var(--btn01_primaryTxt);
    opacity: 1;
}
.bet_btn .icon-shangzhang {
    font-size: 12px;
    color: var(--function_error);
}
.bet_btn .icon-xiadie {
    font-size: 12px;
    color: var(--function_succes);
}
.bet_btn.el-button + .bet_btn.el-button {
    margin-left: 0;
}
.betOption_div .bet_btn {
    margin: 1px 0;
    padding: 7px 2px;
}
/*詳情下注按鈕*/
.betOption_li .bet_btn.el-button {
    width: 100%;
    background: var(--event_handicapBg_off);
    border: 1px solid transparent;
    /* border-radius: var(--detail-bet-button-radius); */
}
.selection_list .notBet_div p {
    color: var(--bet-button-text);
}
/*投注hover時*/
.bet_btn.el-button:hover .default_span,
.bet_btn.el-button.active .default_span,
.betOption_li .bet_btn.el-button:hover .default_span,
.betOption_li .bet_btn.el-button.active .default_span {
    color: var(--event_handicapTxt);
    background: var(--event_handicapBg_on);
    border-color: var(--event_handicapBorder_on);
}
.bet_btn.el-button:hover .convention_span,
.bet_btn.el-button.active .convention_span,
.betOption_li .bet_btn.el-button:hover .convention_span,
.betOption_li .bet_btn.el-button.active .convention_span {
    color: var(--event_handicapTxt);
}
.bet_btn.el-button:hover .convention_span.up_span,
.bet_btn.el-button.active .convention_span.up_span,
.betOption_li .bet_btn.el-button:hover .convention_span.up_span,
.betOption_li .bet_btn.el-button.active .convention_span.up_span,
.bet_btn.el-button:hover .icon-shangzhang,
.bet_btn.el-button.active .icon-shangzhang,
.betOption_li .bet_btn.el-button:hover .icon-shangzhang,
.betOption_li .bet_btn.el-button.active .icon-shangzhang {
    color: var(--function_error);
}
.bet_btn.el-button:hover .convention_span.down_span,
.bet_btn.el-button.active .convention_span.down_span,
.betOption_li .bet_btn.el-button:hover .convention_span.down_span,
.betOption_li .bet_btn.el-button.active .convention_span.down_span,
.bet_btn.el-button:hover .icon-xiadie,
.bet_btn.el-button.active .icon-xiadie,
.betOption_li .bet_btn.el-button:hover .icon-xiadie,
.betOption_li .bet_btn.el-button.active .icon-xiadie {
    color: var(--function_succes);
}

.competition_all {
    width: 260px;
    min-height: 108px;
}
.competition_half {
    width: 260px;
    min-height: 108px;
}

/* 右侧 */
.title_h5 {
    font-size: 12px;
    -webkit-text-size-adjust: none;
    min-height: 26px;
}

.sports_team {
    min-height: 36px;
    color: var(--live_plazaSchedule_teamTxt);
    font-size: 12px;
    -webkit-text-size-adjust: none;
}
.sports_team .el-image {
    width: 20px;
    height: 20px;
    line-height: initial;
    font-size: 0;
    background: var(--floor_0);
}
.team_score {
    font-size: 20px;
    color: var(--nav_txtTeam);
}
.team_score > span {
    color: var(--live_plazaSchedule_scoreAttackerTxt);
}
.sports_video {
    width: 340px;
    height: 190px;
    background-color: #f8f3ea;
}
.sports_video iframe {
    width: 100%;
    height: 100%;
}

.video_url {
    background: var(--floor_0);
    border: 1px solid var(--n1_tabLabelBorder);
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
}
.video_url:after {
    content: '';
    display: block;
    position: absolute;
    background: var(--n1_tabLabelBg);
    height: 26px;
    width: 90px;
    transform: skewX(-45deg);
    left: -15px;
    top: 1px;
}
.video_url span {
    position: relative;
    z-index: 1;
    color: var(--n1_tabLabelTxt);
    padding-right: 15px;
}

.video_url p {
    color: var(--tab_common01_off);
    cursor: pointer;
}

.video_url p.active {
    color: var(--tab_common01_on);
}
.video_type_list .sports_type {
    width: 110px;
    height: 31px;
    line-height: 31px;
}

.live_streaming_list {
    border: 1px solid var(--n1_competitionLiveTeamBorder);
    border-top: 0;
    background: var(--n1_competitionLiveTeamBG);
    color: var(--n1_competitionLiveTeamTxt);
}

.live_streaming_li {
    line-height: 30px;
    font-size: 12px;
    -webkit-text-size-adjust: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.live_streaming_li:hover,
.active.live_streaming_li {
    color: var(--n1_competitionLiveTeamTxt_reverse);
}
.live_streaming_li:hover:after,
.active.live_streaming_li:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -5px;
    bottom: -5px;
    background: var(--n1_competitionLiveTeamBG_reverse);
    z-index: -1;
}

.iframe_div {
    width: 100%;
    height: 299px;
}
.iframe_div iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.live_streaming_type > .title_h5 {
    border: 1px solid var(--function_error);
    background: var(--function_error);
    color: var(--live_hostList_fixTxt);
}
.sports_video_message > .title_h5 {
    border: none;
    background: var(--event_titleBg);
    color: var(--event_titleTxt01);
}
.sports_video_message > .title_h5 > span:last-child {
    color: var(--event_subtitleText01);
}
/* 比赛详情 */
/* 左侧滚球 */
.grounder_league {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: var(--side_menuTitleTxt);
    background: var(--event_titleBg);
    /* border-top: 1px solid var(--grounder-title-border); */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.grounder_league_li {
    color: var(--live_plazaSchedule_leagueTxt);
    cursor: pointer;
}

.grounder_league_li:hover {
    opacity: 0.8;
}
.grounder_league_li p {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    -webkit-text-size-adjust: none;
}
.grounder_league_li .iconfont {
    font-size: 14px;
}

.grounder_league_li .iconfont.active {
    color: var(--icon_primaryS_normal);
}
.grounder_league {
}

.grounder_league_stage {
    width: 50px;
}
/* 中间详情 */
/* 头部 */
.competition_detail_top {
    position: relative;
    width: 100%;
}
.competition_detail_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.competition_detail_div {
    width: 100%;
    position: relative;
    z-index: 10;
}
.competition_detail_p {
    height: 26px;
    line-height: 26px;
    color: var(--nav_scordboardTitle);
    font-size: 12px;
    -webkit-text-size-adjust: none;
}
.competition_detail_p .iconfont {
    font-size: 14px;
    color: var(--icon_fixWhite);
}

.competition_detail_p .icon-live {
    font-size: 18px;
    color: var(--notice_bg);
    position: relative;
}
.competition_detail_p .icon-live::before {
    position: relative;
    z-index: 1;
}
.competition_detail_p .icon-live::after {
    content: '';
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 7px;
    top: 7px;
    background: var(--notice_txt);
    z-index: 0;
}

.competition_detail_score {
    color: var(--live_halfscreen_screenScoreboardTeam);
    font-size: 13px;
}
.competition_detail_score p .el-image {
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    line-height: initial;
    font-size: 0;
}
.el-image img {
    width: 100%;
    height: 100%;
}

.competition_detail_stage {
    position: relative;
    color: var(--live_halfscreen_screenScoreboardState);
    line-height: 20px;
    font-size: 12px;
    -webkit-text-size-adjust: none;
}
.card_p span {
    padding: 0 4px;
    height: 16px;
    line-height: 16px;
    color: var(--event_teamCardTxt);
    border-radius: 3px;
    font-size: 12px;
    -webkit-text-size-adjust: none;
}
.red_card {
    background: var(--event_teamRedCardBg);
}
.yellow_card {
    background: var(--event_teamYellowCardBg);
}
.red_card,
.yellow_card {
    color: var(--event_teamCardTxt);
}
/* 盘口区域 */
.betOption_main_title {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}
.betOption_li {
    padding: 1px;
}
.betOption_li .notBet_div p {
    padding: 1px;
}

.team_name {
    text-align: center;
    font-size: 12px;
    color: var(--team-name-text);
    background: var(--team-name-bg);
}

/* 活动首页 */
.activity_title {
    width: 100%;
    height: 52px;
    position: relative;
    z-index: 0;
}
.activity_title img {
    width: 196px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 7px;
    z-index: 10;
}
.activity_title p {
    position: relative;
    z-index: 20;
    font-size: 23px;
    color: var(--n3_1_1functionTab_title);
    font-weight: bold;
}
.activity_type_list {
    position: relative;
    z-index: 1;
}
.activity_type_li {
    height: 60px;
    cursor: pointer;
    position: relative;
}
.activity_type_li .iconfont-text {
    position: relative;
}
.activity_type_li i.iconfont {
    font-size: 22px;
}
.activity_type_li span {
    font-size: 16px;
    color: var(--n3_1_1functionTab_txt_default);
}
.activity_type_li:hover,
.activity_type_li.active {
    background: var(--n3_1_1functionTab_hoverBg_on);
}
.activity_type_li:hover i.iconfont,
.activity_type_li.active i.iconfont {
    color: var(--n3_1_1functionTab_txt_active);
}
.activity_type_li:hover span,
.activity_type_li.active span {
    color: var(--n3_1_1functionTab_txt_active);
    font-weight: bold;
}

.activity_type_li img {
    position: absolute;
    top: -5px;
    right: -15px;
}
/* 字体渐变 */
.icon-h0 {
    color: #7aa8fe;
    background-image: var(--n3_1_1functionTab_functionIcon_h1);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.icon-h1 {
    color: #90cc4c;
    background-image: var(--n3_1_1functionTab_functionIcon_h2);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.icon-h2 {
    color: #3cb8eb;
    background-image: var(--n3_1_1functionTab_functionIcon_h3);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.icon-h3 {
    color: #e89514;
    background-image: var(--n3_1_1functionTab_functionIcon_h4);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.icon-h4 {
    color: #e73a39;
    background-image: var(--n3_1_1functionTab_functionIcon_h5);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.icon-h5 {
    color: #953891;
    background-image: var(--n3_1_1functionTab_functionIcon_h6);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.icon-h6 {
    color: #953891;
    background-image: var(--n3_1_1functionTab_functionIcon_h7);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.activity_list {
    padding-bottom: 15px;
}
.activity_li {
    width: 100%;
    position: relative;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.25s ease;
}
.activity_li:hover {
    transform: scale(1.01);
    box-shadow: var(--floor_0_shadow);
}

.activity_li .activity_img {
    width: 100%;
    position: relative;
}
.activity_img {
    min-height: 100px;
}
.activity_img img {
    width: 100%;
}
.activity_name {
    font-size: 23px;
    color: var(--n3_1_2pomotionList_eventDateTxt);
    position: relative;
}
.activity_time {
    color: var(--n3_1_2pomotionList_eventDateTxt);
}
.look_div {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -21px;
    width: 138px;
    font-size: 0;
}
.look_div:hover {
    opacity: 0.9;
}
.look_div img {
    width: 100%;
}
.look_div p {
    position: absolute;
    top: 8px;
    width: 100%;
    text-align: center;
    color: var(--active-list-button-text);
    font-size: 20px;
    z-index: 1;
}
.look_div_prize {
    cursor: pointer;
    position: absolute;
    right: 150px;
    top: 50%;
    margin-top: -21px;
    width: 138px;
    font-size: 0;
}
.look_div_prize p {
    position: absolute;
    top: 8px;
    width: 100%;
    text-align: center;
    color: var(--active-list-button-text);
    font-size: 20px;
    z-index: 1;
}
.look_div_prize img {
    width: 100%;
}
.look_div_prize:hover {
    opacity: 0.9;
}

.activityList_type6-title {
    display: flex;
    align-items: center;
    font-size: 19px;
    color: var(--nav_txtTitle_02);
}
/* .activityList_type6-title::before {	width: 3px;	height: 20px;	background-color: var(--page-icon);	margin-right: 10px;	display: block;	content: ""; } */
.activityList_type6-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 68px;
    border-radius: 12px;
    padding: 8px;
    outline: 10px solid var(--n6_6rewardRecord_listItiem01_dateBlockOutsideBg);
    color: var(--n6_6rewardRecord_listItiem01_titleTxt);
}
/* .activityList_type6-item { display: flex;	align-items: center; justify-content: space-between; height: 68px; border-radius: 12px;	padding: 8px;	outline: 10px solid #F5F5F5; } */

.activity_time {
    font-size: 14px;
}
.activity_heat {
    position: absolute;
    top: 0;
    right: -7px;
    width: 73px;
}
.activity_heat img {
    width: 73px;
    height: 73px;
}
.activity_heat img + img {
    margin-top: -28px;
}

/* VIP特权 */
.grade_img {
    width: 90px;
    font-size: 0;
}
.grade_img img {
    width: 100%;
}
.grade_brief {
    color: var(--n6_2_1vip_infoTxt);
    font-size: 14px;
}
.grade_brief .grade_p {
    color: var(--nav_txtTitle);
    font-size: 20px;
}
.grade_brief > p > span {
    color: var(--n6_2_1vip_infoMoney);
}

/* 等级 */
.progress_span {
    color: var(--n6_2_1vip_nextLeveTxt);
    font-size: 12px;
    position: relative;
}
.progress_span > p {
    width: 10%;
    text-align: left;
}
.progress_span > p span {
    margin-left: -11px;
    cursor: pointer;
}
.progress_span > p:nth-child(11) {
    position: absolute;
    top: 0px;
    right: -11px;
    width: auto;
    margin-left: initial;
}

.progress_location {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: -22px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    transition: left 0.3s;
    -moz-transition: left 0.3s;
    -webkit-transition: left 0.3s;
    -o-transition: left 0.3s;
    background: var(--floor_0);
}

.location_div {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background: var(--n6_2_1vip_levelBubble);
    color: var(--n6_2_1vip_loadingLabelTxt_on);
    position: relative;
}

.location_div p {
    font-size: 12px;
    -webkit-text-size-adjust: none;
}
.location_div i {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -11px;
    left: 11px;
    border-top: 8px solid var(--n6_2_1vip_levelBubble);
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    font-size: 0;
}

.progress_bg {
    height: 10px;
    background: var(--n6_2_1vip_levelProcessBg);
    border-radius: 20px;
    overflow: hidden;
}
.progress_p {
    width: 100%;
    height: 100%;
}
.progress_p span {
    width: 10%;
    height: 100%;
    border-left: 1px solid var(--n6_2_1vip_levelProcessBg);
    font-size: 0;
}
.progress_p span:nth-child(1) {
    border-left: 1px solid transparent;
}
.d1 {
    background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d2 {
    background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d3 {
    background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d4 {
    background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d5 {
    background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d6 {
    background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d7 {
    background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d8 {
    background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d9 {
    background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d10 {
    background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.vipGrade0 > span {
    background-color: transparent;
}
.vipGrade1 > span:nth-last-child(-n + 9) {
    background-color: transparent;
}
.vipGrade1 > span:nth-child(1) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.vipGrade2 > span:nth-last-child(-n + 8) {
    background-color: transparent;
}
.vipGrade2 > span:nth-child(2) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.vipGrade3 > span:nth-last-child(-n + 7) {
    background-color: transparent;
}
.vipGrade3 > span:nth-child(3) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.vipGrade4 > span:nth-last-child(-n + 6) {
    background-color: transparent;
}
.vipGrade4 > span:nth-child(4) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.vipGrade5 > span:nth-last-child(-n + 5) {
    background-color: transparent;
}
.vipGrade5 > span:nth-child(5) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.vipGrade6 > span:nth-last-child(-n + 4) {
    background-color: transparent;
}
.vipGrade6 > span:nth-child(6) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.vipGrade7 > span:nth-last-child(-n + 3) {
    background-color: transparent;
}
.vipGrade7 > span:nth-child(7) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.vipGrade8 > span:nth-last-child(-n + 2) {
    background-color: transparent;
}
.vipGrade8 > span:nth-child(8) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.vipGrade9 > span:nth-last-child(-n + 1) {
    background-color: transparent;
}
.vipGrade9 > span:nth-child(9) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.next_grade_main {
    background: var(--vip-info-bg);
    border-radius: 6px;
    overflow: hidden;
}
.next_grade {
    width: 646px;
}

.gap_title {
    font-size: 14px;
    color: var(--n6_2_1vip_infoVipLevelTxt);
}
/* .gap_title > span { color: var(--up-lv-text);} */

.grade_gap > span {
    width: 36px;
    color: var(--n6_2_1vip_infoTxt);
    font-size: 13px;
}
.grade_gap .schedule_p {
    width: 330px;
    height: 8px;
    border-radius: 6px;
    overflow: hidden;
    background: var(--n6_2_1vip_levelProcessBg);
}
.schedule_p span {
    height: 100%;
    border-radius: 6px;
    background: var(--n6_2_1vip_levelProcessBg_active);
    transition: width 1s;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
}
.grade_gap .money_gap {
    width: 280px;
    text-align: left;
    font-size: 13px;
    position: relative;
    top: -2px;
    color: var(--n6_2_1vip_infoTxt);
}
.money_gap span {
    color: var(--n6_2_1vip_infoMoney);
    font-size: 16px;
}
.gift_box {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    font-size: 0;
}
.gift_box > img {
    width: 100%;
}
.gift_div {
    position: absolute;
    left: 60px;
    top: 0;
    height: 100%;
}
.gift_brief {
    width: 260px;
}
.gift_brief h2 {
    color: var(--n6_2_3_4vip_hugeGiftTxt);
    font-size: 50px;
}
.gift_brief .gift_miaosu {
    font-size: 20px;
    color: var(--n6_2_3_4vip_normalGiftTxt);
    line-height: 30px;
    word-wrap: break-word;
    word-break: normal;
    overflow: auto;
}
.enjoy_li {
}
.enjoy_li img {
    width: 68px;
}
.enjoy_num {
    font-size: 24px;
    color: var(--n6_2_1vip_offerBonus);
}
.enjoy_title {
    font-size: 13px;
    color: var(--n6_2_1vip_offerTxt);
}

/* VIP特权详情 */
.grade_banner_card {
    width: 448px;
    height: 204px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    color: var(--n6_2_1vip_cardTxt);
    background: var(--card-bg-url);
}
.grade_banner_div .el-carousel__item--card {
    box-shadow: var(--vip-card-shadow);
}
.grade_banner_card.activ {
    color: var(--n6_2_1vip_cardTxt);
    background: var(--card-bg-url);
}
.grade_title,
.privilege_brief_div {
    position: relative;
    z-index: 20;
}
.grade_title p {
    font-size: 34px;
}
.grade_title img {
    width: 108px;
}
.privilege_brief_div span {
    font-size: 16px;
}
.privilege_brief_div p {
    font-size: 13px;
}
.yuan1 {
    width: 270px;
    height: 184px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: -85px;
    left: -84px;
    z-index: 10;
}
.yuan2 {
    width: 198px;
    height: 246px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: -198px;
    left: 125px;
    z-index: 10;
}

.welfare_li {
    flex: 0 0 138px;
    height: 82px;
}

.welfare_li img {
    width: 34px;
}
.welfare_title {
    font-size: 13px;
}

/* 领取晋级好礼 */
.upgradegift_list {
    display: inline-block;
}
.upgradegift_li {
    display: inline-block;
}
.upgradegift_div {
    width: 204px;
    height: 190px;
    background: var(--n6_2_3_4vip_giftBg);
    border: 1px solid var(--n6_2_3_4vip_giftBorder);
    border-radius: 5px;
} /* 175 */
.upgradegift_div img {
    height: 112px;
}
.upgradegift_div p {
    color: var(--gift-text);
    font-size: 13px;
}

/* 運營活动 - 共用區 */
.border_box {
    /* border-style: inset; */
    /* border-image: var(--border-img) var(--border-img-position);
	border: var(--outside-box-border); */
    border-radius: 10px;
    background: var(--floor_0);
    box-shadow: var(--floor_0_shadow);
    position: relative;
}
/* .border_box::after,.border_box::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
	border-radius: var(--outside-box-radius);
}
.border_box::after{
	z-index: 1;
	border: 1px solid transparent;
	border-image: var(--active-border-img);
}
.border_box::before{
	z-index: 0;
	border: 1px solid var(--active-border);
}
.border_son_box {
	border-style: inset;
	border-image: var(--border-son-img) var(--border-son-img-position);
	border: var(--inside-box-border);
	border-radius: var(--inside-box-radius);
	background: var(--inside-box-bg);
	box-shadow: var(--inside-box-shadow);
} */
.activity_condition {
    font-size: 16px;
    color: #6f7481;
}
.activity_condition .activity_span {
    font-weight: bold;
    color: #414755;
}
.activity_content {
    white-space: pre-wrap;
    word-break: break-word;
}
.activity_content img {
    max-width: 100%;
    margin: 10px auto;
    display: block;
}
/* 運營活动區 - 纯展示页 */
.activity_invite_scores_text {
    color: var(--n6_4_1_1points_rankingTxt);
}
.activity_invite_scores_scope {
    color: var(--n6_4_1_1points_rankingScoreTxt);
}
/* 運營活动區 - 活动详情 */
.invite_location {
    position: fixed;
    top: 96px;
    right: 54px;
    width: 426px;
    z-index: 510;
}
.invite_location img {
    width: 100%;
}
.down_div {
    position: absolute;
    top: 232px;
    left: 91px;
    width: 244px;
    color: #5d5c61;
}
.er_img {
    width: 212px;
    height: 212px;
    background-color: #fff;
    padding: 10px;
}
.er_img img {
    width: 100%;
    height: 100%;
}
.down_er {
    width: 184px;
    text-align: center;
    height: 54px;
    line-height: 50px;
    cursor: pointer;
    border-radius: 6px;
    /* border: 4px solid var(--active-download-border); */
    background: var(--btnFix_primaryBg01_normal);
    color: var(--btnFix_primaryTxt);
    font-size: 18px;
}
.copy_div {
    width: 244px;
    height: 60px;
    line-height: 52px;
    border: 4px solid var(--n6_4inviteFriends_bannerInputBorder);
    background: var(--n6_4inviteFriends_bannerInputBg);
    color: var(--n6_4inviteFriends_bannerInputTxt);
    border-radius: 6px;
}
.copy_div span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.copy_div p {
    background: var(--btnFix_primaryBg01_normal);
    color: var(--btnFix_primaryTxt);
    font-size: 18px;
    height: 100%;
    flex: 0 0 72px;
    text-align: center;
    cursor: pointer;
}
.down_er:hover,
.copy_div p:hover {
    opacity: 0.8;
}

/* 運營活动區 - 新手任務 */
.questLayout .deadLineBox {
    color: var(--n3_1_5pomotionBeginnerGuide_contentTxt);
}
.questLayout .pageActive_underLine {
    color: var(--n3_1_5pomotionBeginnerGuide_numberTxt) !important;
    border: none !important;
}
.quest_text_box,
.checkDate_description {
    color: var(--n3_1_5pomotionBeginnerGuide_card_assistTxt);
}
.currentDeposit,
.lossAmount {
    color: var(--n3_1_5pomotionBeginnerGuide_card_mainTxt);
}
.titleCheckBox,
.totalCheckBox,
.btn_under_text {
    color: var(--n3_1_5pomotionBeginnerGuide_card_mainTxt);
}
.titleCheckBox_num {
    color: var(--n3_1_5pomotionBeginnerGuide_card_importantTxt);
}
.totalCheckBox_num {
    color: var(--n3_1_5pomotionBeginnerGuide_card_importantTxt);
}
.btn_under_text_num {
    color: var(--n3_1_5pomotionBeginnerGuide_card_importantTxt);
}
.saveTextColor {
    color: var(--n3_1_5pomotionBeginnerGuide_card_importantTxt);
}
/* 沒點擊簽到大禮包文字 */
.dateCheck {
    color: var(--n3_1_5pomotionBeginnerGuide_card_assistTxt);
}
/* 點擊到簽到大禮包文字 */
.dateCheck_clicked {
    color: var(--n3_1_5pomotionBeginnerGuide_card_mainTxt);
}

/* 加入我们  */
/* 横向滚动条 */
.crosswise_scroll {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}
.crosswise_list {
    display: flex;
    float: left;
}
/* 投注记录 */
.title_hover_showname {
    position: relative;
}
.title_hover_showname .tit {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.title_hover_showname .txt i {
    display: inline-block;
    padding: 5px;
    position: relative;
    z-index: 1;
}
.title_hover_showname .txt {
    display: inline-block;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 350px;
    bottom: 120%;
    display: none;
}
.title_hover_showname .txt:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #fff;
    border: 1px solid;
    border-color: transparent transparent #ccc #ccc;
    transform: rotate(-45deg);
    position: absolute;
    bottom: -4px;
    left: 5px;
}
.title_hover_showname:hover .txt {
    display: block;
}
.big_box {
    border: 1px solid var(--n6_5listCardBorder);
}
.big_box .title {
    min-height: 32px;
    background: var(--n6_5amountBg);
    font-size: 12px;
    color: var(--n6_5amountTxt);
    border-bottom: 1px solid var(--n6_5listCardBorder);
}
/* .big_box .title .title_txt{
	color: var(--sport-record-title-text);
} */
.big_box .content_box {
    background: var(--n6_5listCardBg);
}

.title_right {
    height: 30px;
    color: var(--n6_5listResultTxt02);
    cursor: pointer;
}

.left_box {
    width: 300px;
    margin: 10px 0 10px 15px;
    position: relative;
    padding-top: 26px;
}
.game_team {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    white-space: pre;
}

.lable_box {
    font-size: 12px;
    color: var(--n6_5gameStakeTxt);
    line-height: 20px;
}

.center_box {
    width: 300px;
    height: 100px;
    margin: 10px 0 10px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.restitution_span {
    width: 80px;
    height: 22px;
    line-height: 20px;
    border: 1px solid var(--n6_5gameStakeTxt);
    border-radius: 20px;
    padding: 0 4px;
    text-align: center;
}
.right_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100px;
    margin: 10px 0 10px 15px;
}
/* 赛果 */
.time_box {
    width: 110px;
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
}
.time_list + .time_list {
    margin-left: 31px;
}
.amidithion_main {
    height: 350px;
}
.amidithion_li .el-collapse {
    border-top: none;
    border-bottom: none;
}
.amidithion_li .league_title span {
    font-size: 13px;
}
.noe_title .el-collapse-item__header {
    height: 34px;
    line-height: 34px;
    background: var(--live_plazaResult_leagueBg);
    color: var(--live_plazaResult_leagueTitle);
    /* border-top: 1px solid var(--amidithion-header-border);
	border-right: 1px solid var(--amidithion-header-border);
	border-bottom: none;
	border-left: 1px solid var(--amidithion-header-border); */
    border: none;
}
.noe_title .el-collapse-item__header .el-collapse-item__arrow {
    color: var(--icon_neutral03);
}
.noe_title .tow_thead {
    width: 100%;
    background: var(--n1_1_5_1sport_leagueTitleBg);
}

.noe_title .el-collapse-item__content {
    padding-bottom: 0;
}
.tow_title .tow_thead {
    border: 1px solid var(--n1_1_5_1sport_resultlLine);
    border-left: none;
}
.tow_title .tow_thead .tow_thead_p {
    border-left: 1px solid var(--n1_1_5_1sport_resultlLine);
    height: 26px;
    text-align: center;
    color: var(--live_plazaResult_teamNameTxt);
}
.tow_heade_thead .tow_thead_p {
    text-align: center;
}
.briefDetailItem .tow_thead_p:last-child {
    color: var(--live_plazaResult_totalScoreTxt);
}
.amidithion_li_tow .tow_title:first-child .el-collapse-item__header {
    border-top: 1px solid transparent;
}
.el-collapse-item__content .amidithion_li_tow .el-collapse {
    border-bottom: none;
    border-top: none;
}
.amidithion_li_tow .el-collapse-item__wrap {
    border-bottom: none;
}

.tow_title .el-collapse-item__header {
    height: 26px;
    line-height: 26px;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    border-left: none;
}
.tow_title .el-collapse-item__header .el-collapse-item__arrow {
    display: none;
}
.tow_title .tow_thead {
    width: 100%;
    background-color: transparent;
    border-right: none;
}

.tow_title .el-collapse-item__header.is-active .arrows_p .el-icon-caret-right {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.tow_title .el-collapse-item__content {
    padding-bottom: 0;
}

.arrows_p .el-icon-caret-right {
    transition: transform 0.3s, -webkit-transform 0.3s;
    color: var(--icon_primaryS_normal);
    font-size: 16px;
}

.three_main .tow_thead {
    width: 100%;
    background-color: transparent;
    border-top: 0px solid var(--n1_1_5_1sport_resultlLine);
    border-right: 1px solid var(--n1_1_5_1sport_resultlLine);
}
.three_main .tow_thead:first-child {
    border-top: 1px solid var(--n1_1_5_1sport_resultlLine);
}
.el-collapse-item:last-child {
    margin-bottom: 0;
}

.el-collapse-item.is-disabled .el-collapse-item__header {
    /* cursor: alias; */
}
.el-collapse-item.is-disabled .el-collapse-item__header .arrows_p .el-icon-caret-right {
    opacity: 0;
}
.el-input__inner,
.el-textarea__inner {
    resize: none;
    background: var(--input_signIn02bg);
    border: 1px solid var(--input_signIn02border);
    color: var(--input_messageNormalTxt);
    border-radius: 6px;
}
.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
    border-color: var(--input_signIn01txtError);
}
.el-form-item__error {
    color: var(--input_signIn01txtError);
}
/* 导航登录 */
.head_login .el-form-item {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.head_login .loginform_input {
    background: var(--header-input-bg);
    border: 1px solid var(--header-input-border);
    border-radius: var(--header-input-radius);
    color: var(--header-input-text);
    box-shadow: none;
}
.head_login .el-input__inner {
    background: transparent;
    border: none;
    color: inherit;
}
/* 登录区 滑动验证码 */
.verify_img {
    position: relative;
}
.y_bg {
    width: 100%;
}
.y_que {
    position: absolute;
    left: 0%;
    top: 60px;
    width: 40px;
}
.y_ding {
    position: absolute;
    left: 0%;
    top: 60px;
    width: 40px;
}
.verify_refresh {
    position: absolute;
    top: -2px;
    right: -3px;
    width: 50px;
    cursor: pointer;
}
.verify_refresh:hover {
    opacity: 0.95;
}

.verify_main {
    position: relative;
}
.verify_reality {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    width: 87.5%;
    opacity: 0;
}
.verify_div {
    position: relative;
}
.sliding_bg {
    width: 100%;
    height: 42px;
    line-height: 40px;
    border: 1px solid #d0b89e;
    background-color: #f8f3ed;
    color: #d0b89e;
    text-align: center;
    position: relative;
}

.begin.sliding_bg {
    border: 1px solid #5a94db;
    background-color: #cfdff2;
    color: #5a94db;
}
.begin.sliding_span {
    border: 1px solid #5a94db;
    background-color: #5a94db;
    color: #fff;
}

.pass.sliding_bg {
    border: 1px solid #54ba57;
    background-color: #c5eec6;
    color: #54ba57;
}
.pass.sliding_span {
    border: 1px solid #54ba57;
    background-color: #54ba57;
    color: #fff;
}

.error.sliding_bg {
    border: 1px solid #f62e2e;
    background-color: #f7d3d3;
    color: #f62e2e;
}
.error.sliding_span {
    border: 1px solid #f62e2e;
    background-color: #f62e2e;
    color: #fff;
}

.sliding_bg span {
    position: relative;
    z-index: 20;
}
.sliding_span {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 30;
    width: 40px;
    text-align: center;
    height: 42px;
    line-height: 40px;
    border: 1px solid #d0b89e;
    background-color: #fff;
    color: #d0b89e;
    font-size: 20px;
}

.sliding_jd {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 100%;
    background-color: #ff6d00;
    z-index: 10;
}

.verify_reality .el-slider__button-wrapper {
    width: 40px;
    height: 40px;
    transform: translateX(0%);
    cursor: pointer;
}
.verify_reality .el-slider__runway {
    height: 0;
}
.verify_reality .el-slider__button {
    cursor: pointer;
}

/*自動填入的顏色*/
.loginform_main input:-webkit-autofill,
.loginform_main input:-webkit-autofill:hover,
.loginform_main input:-webkit-autofill:focus,
.loginform_main input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--input_signIn01txt);
}
.head_login input:-webkit-autofill,
.head_login input:-webkit-autofill:hover,
.head_login input:-webkit-autofill:focus,
.head_login input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--header-input-text);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--input_messageNormalTxt);
}
/*隱藏瀏覽器自動生成的eye*/
input::-ms-reveal,
input::-ms-clear {
    display: none;
}
.flex_tag {
    position: absolute;
    font-size: 12px;
    right: 0.5em;
    top: 0.5em;
}
.flex_triangle {
    position: absolute;
    right: 0;
    top: 0;
    height: 25px;
    line-height: 25px;
    min-width: 90px;
    text-align: center;
    font-size: 12px;
    background-color: transparent;
    overflow: hidden;
    padding-left: 1.7em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex_triangle:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform-origin: bottom;
    transform: skewX(-45deg);
}
.flex_triangle span,
.flex_triangle i {
    position: relative;
    z-index: 1;
}

.up_triangle.flex_triangle:after {
    background-color: var(--n6_5listResultWin);
}
.down_triangle.flex_triangle:after {
    background-color: var(--n6_5listResultLose);
}
.sum_triangle.flex_triangle:after {
    background-color: var(--n6_5listResultTie);
}
.cancel_triangle.flex_triangle:after {
    background-color: var(--n6_5listResultCancel);
}

.game_list .el-carousel__arrow--left,
.game_list .el-carousel__arrow--right,
.card_arrow {
    background: var(--icon_primaryS_normal);
    color: var(--icon_select);
    box-shadow: var(--tab_home01Shadow_on);
    overflow: hidden;
    cursor: pointer;
}
.game_list .el-carousel__arrow--left:before,
.game_list .el-carousel__arrow--right:before,
.card_arrow::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: var(--liveAnchor_tagMask);
    transform: rotate(-32deg) translateY(-50%);
}
.game_list .el-carousel__arrow i,
.card_arrow i {
    transform: scale(1, 0.7);
    font-size: 30px;
}

.content-inner li {
    list-style: decimal;
    margin-bottom: 15px;
    color: var(--popup_popup_annTitle);
    padding-right: 10px;
}

.content-inner li::before {
    content: '●';
    padding-right: 7px;
    font-size: 16px;
}
.content-inner li p {
    color: var(--popup_popup_annTxt);
    padding: 5px 0 0 20px;
}
.el-select-dropdown__empty {
    color: var(--input_messageNormalTxt);
}

/* outline心主题背景按钮 */
.theme_btn_outline.el-button {
    border-radius: 6px;
    background-color: transparent;
    border-color: var(--btn01_secondaryBorder);
    color: var(--btn01_secondaryTxt);
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, sans-serif,"微软雅黑"
}
.theme_btn_outline.el-button:active,
.theme_btn_outline.el-button:focus,
.theme_btn_outline.el-button:hover {
    opacity: 0.9;
}
.theme_btn_outline.el-button.is-disabled,
.theme_btn_outline.el-button.is-disabled:focus,
.theme_btn_outline.el-button.is-disabled:hover {
    cursor: not-allowed;
    opacity: 0.5;
}

.el-tabs__item {
    color: var(--tab_common01_off);
}
.el-tabs__item:hover,
.el-tabs__item.is-active {
    color: var(--tab_common01_on);
}
.el-tabs__active-bar {
    background-color: var(--tab_common01_on);
}

.iconfont.icon-info {
    color: var(--icon_primaryS_normal);
}

/*支付相關補充*/
.el-input-group__append .phone_code {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.main_left .el-collapse-item__header {
    background: var(--asideTitle_bg);
    border: 1px solid var(--asideTitle_border);
    color: var(--side_menuTitleTxt);
}
.sports_type {
    position: relative;
    border-radius: none;
    color: var(--tab_mine02Txt_off);
    background: var(--tab_mine02Bg);
    /* box-shadow: var(--sports-type-shadow); */
    overflow: hidden;
}
.sports_type::before,
.sports_type::after {
    content: '';
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: none;
}
.sports_type::before {
    z-index: 0;
    border: 1px solid var(--tab_mine02Border_off);
}
.sports_type::after {
    z-index: 1;
    border: 1px solid transparent;
    /* border-image: var(--sports-type-border-bg); */
}
.sports_type_list .el-tabs__item.is-active .sports_type::before {
    border-color: var(--tab_mine02Border_on);
}
.sports_type_list .el-tabs__item.is-active .sports_type::after {
    /* border-image: var(--sports-type-border-bg-active); */
}
.sports_type_list .el-tabs__item.is-active .sports_type {
    border: none;
    color: var(--tab_mine02Txt_on);
    background: var(--tab_mine02Bg);
}
.sports_type_list .sports_type .type_i {
    color: var(--icon_neutral01);
}
.sports_type_list .el-tabs__item.is-active .sports_type .type_i {
    color: var(--icon_primaryS_normal);
}
.sports_type_list .el-tabs__item.is-active .active_span {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
}
.sports_type_list .el-tabs__item.is-active .active_span i {
    color: var(--icon_select);
}
.sports_type_list .el-tabs__active-bar {
    background: transparent;
}
.sports_type_list.video_type_list .el-tabs__item {
    padding-right: 0;
}
/*子盤口*/
.collect_li:not(.active) + .handicap_div {
    display: none;
}
.handicap_div.handicap_list {
    background: var(--sub-collect-bg);
    border-bottom: 1px solid var(--sub-collect-border);
}
.handicap_div.handicap_list .handicap_li.collect_li {
    color: var(--sub-collect-text);
}
.handicap_list .handicap_li.collect_li.active,
.handicap_list .handicap_li.collect_li:hover {
    border: none;
    background: transparent;
    color: var(--sub-collect-text-active);
}

.grounder_list .iconfont {
    position: relative;
}
.grounder_list .grounder_league_li .iconfont::before {
    position: absolute;
    left: 0;
    top: 0;
    color: var(--icon_neutral01);
}
.grounder_list .grounder_league_li .iconfont::after {
    position: absolute;
    left: 0;
    top: 0;
    color: var(--icon_primaryS_normal);
}
/* .grounder_list .collect_li:hover .iconfont{
	color: var(--game-icon-color-hover);
}
.grounder_list .is-checked .collect_li .iconfont{
	color: var(--game-icon-color-active);
} */

.flex_triangle::after {
    background: var(--n6_5listResultWaiting_bg);
    border-left: 1px solid var(--n6_5listResultWaiting_border);
}
.el-image__error,
.el-image__placeholder {
    background: transparent;
}
.el-image__error {
    color: var(--error-text-color);
}
.mes_bg:not(.wh_bg) {
    opacity: var(--home-bg-img-opacity);
    position: fixed;
}
.el-dialog {
    background: var(--popup_popup_commonBg);
}
.el-dialog__body {
    color: var(--popup_popup_commonTxt);
}
.el-checkbox,
.el-checkbox-button__inner {
    color: inherit;
}
.el-checkbox__inner {
    border-color: var(--icon_fixWhite_50);
    background: transparent;
    border-radius: 2px;
}
.el-checkbox__inner:hover {
    border-color: var(--icon_fixWhite_50);
}
.game_list .el-carousel__indicators {
    display: none;
}
.download_message .p1 {
    color: var(--mainPage_title);
}
.download_message .a1 {
    color: var(--mainPage_title_hint);
}
.home_icon_title {
    color: var(--home-icon-title);
    position: relative;
    z-index: 1;
    margin: var(--yb-title-margin);
    padding: var(--yb-title-padding);
    border-radius: var(--yb-title-radius);
    background: var(--yb-title-bg);
}
.home_icon_text {
    color: var(--home-icon-text);
}
.el-popper__arrow {
    display: none;
}
.el-dropdown__popper.el-popper[role='tooltip'] {
    border: none;
    box-shadow: none;
    background: none;
}
.el-scrollbar__wrap:not(.el-select-dropdown__wrap) {
    overflow: visible;
}
.page_bg {
    background: var(--floor_0);
    border-radius: 4px;
    box-shadow: var(--floor_0_shadow);
    position: relative;
}
.page_bg.prize_claim_frame {
    border: 2px solid;
    border-image: var(--n3_1_2pomotion_list_eventFocus);
    border-image-slice: 1;
}
.page_bg::after,
.page_bg::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: var(--page-radius);
}
.page_bg::after {
    z-index: 1;
    border: 1px solid transparent;
    border-image: var(--page-border-bg);
}
.page_bg::before {
    z-index: 0;
    border: 1px solid var(--page-border);
}
.menu_box .menu_box .personage_div {
    border-bottom: none;
}
.menu_box .personage_li {
    width: 100%;
    padding: 0 25px;
    border-width: var(--menu-box-border-width);
    border-style: var(--menu-box-border-style);
    border-color: var(--menu-box-border-color);
}
.menu_box .personage_li:hover {
    color: var(--menu-box-text-hover);
    background: var(--menu-box-bg-hover);
}
.menu_box .personage_li.menu_act {
    border-width: 0 0 0 4px;
    border-style: solid;
    border-color: var(--icon_primaryS_normal);
    color: var(--n6_1_1_1mine_listTitle);
    background: var(--n6_1_1_1mine_listBg_active);
    font-weight: 600;
}
/* .menu_box .personage_li.menu_act img{
	filter: var(--menu-img-active);
} */
.join_page_bg {
    background: var(--n6_9joinUs_cardBg);
    border-radius: 8px;
    box-shadow: var(--n6_9joinUs_cardShadow);
}

.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .btn-next:disabled:hover,
.el-pagination.is-background .btn-prev:disabled:hover {
    border: 0;
    color: var(--btn01_secondaryTxt_unclicked) !important;
    background: var(--KB_o_commonBtnBg);
}
.el-radio.is-bordered {
    border: 1px solid var(--n1_4_GS_Border);
    color: var(--input_messageNormalTxt);
}
/*郵件*/
.message_Type .el-table td {
    border: none;
    border-bottom: 1px solid var(--n6_12_1_2news_listLine);
    color: var(--n6_12_1_2news_listTitle);
}
.message_Type .el-table__body {
    border: none;
}
.el-table__row td {
    background: transparent;
    color: var(--n6_2_2vip_tblOddTxt02);
}
.table_date {
    color: var(--n6_12_1_2news_listTime);
}
.msg_title {
    color: var(--n6_12_1_2news_listTitle);
}
.msg_info {
    color: var(--n6_12_1_2news_listTitle);
}
.message_Type .el-table--enable-row-hover .el-table__body tr:hover > td {
    color: var(--n6_12_1_2news_listTitle);
}
.message_Type .el-table--enable-row-hover .el-table__body tr:hover > td .table_date {
    color: var(--n6_12_1_2news_listTime);
}
.message_Type .el-table--enable-row-hover .el-table__body tr:hover > td .msg_title {
    color: var(--n6_12_1_2news_listTitle);
}
.message_Type .table_div img {
    width: 26px;
    height: 26px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}
.mail_title {
    color: var(--n6_12_1_2news_listTitle);
    font-size: 18px;
}
.mail_time {
    color: var(--n6_12_1_2news_listTime);
    font-size: 13px;
}
.mail_top {
    border-top: 1px solid var(--n6_12_1_2news_listLine);
}
.mail_introduce {
    border-top: 1px solid var(--n6_12_1_2news_listLine);
    word-break: break-word;
}
.mail_introduce_main {
    color: var(--n6_12_1_5news_cntTxt);
}
.el-pagination__total,
.el-pagination__jump {
    color: var(--pagination-text);
}
.el-carousel__button {
    background: var(--carousel_box01_off);
}
.is-active .el-carousel__button {
    background: var(--carousel_box01_on);
}
.activity_img {
    background: var(--function_systemNoticeBg);
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    background: transparent;
    border-color: var(--btn01_secondaryBorder_disable);
    color: var(--btn01_secondaryTxt_disable);
}

.bet_box-content_item {
    color: var(--n3_1_3pomotionEvent_gameCard_gameTeamTxt);
}
.bet_box-content_item-date {
    color: var(--n3_1_3pomotionEvent_gameCard_gameDateTxt);
}
.bet_box-bottom_button_disabled {
    background: var(--active-button-text-disabled);
    background: var(--active-button-bg-disabled);
    cursor: not-allowed;
}
.applyList_content_bottom_button,
.bet_box-bottom_button {
    cursor: pointer;
}
.nullTxt {
    color: var(--function_systemNoticeTxt);
}
.bankCardCheck {
    color: var(--function_error);
}
.tips {
    color: var(--n5_rechargeNote_content);
}
.el-input.is-disabled .el-input__inner {
    background: var(--n3_1_3pomotionEvent_section_inputBg);
    border-color: var(--n3_1_3pomotionEvent_section_inputBorder);
    color: var(--n3_1_3pomotionEvent_section_inputTxt_dis);
}
.el-textarea.is-disabled .el-textarea__inner {
    background: var(--disabled-input-bg);
    border-color: var(--disabled-input-border);
    color: var(--disabled-input-text);
}
.smallTitle {
    color: var(--function_error);
}
.version {
    color: var(--n5_rechargeNote_content);
}
.el-select-dropdown__item:not(.selected).hover,
.el-select-dropdown__item:not(.selected):hover {
    background: var(--select-dropdown-bg-hover);
    color: var(--popup_dropdown01Txt_on);
}
.error-tips {
    color: var(--function_error);
}
.el-select-dropdown__item {
    color: var(--popup_dropdown01Txt_off);
}
.record_top {
    color: var(--n5_recharge_informationTitle_txt);
}
.record_botm {
    color: var(--n5_recharge_information_txt);
}
.cuccess_icon {
    color: var(--record-state-success);
}
.error_icon {
    color: var(--record-state-error);
}
.table-details th {
    color: var(--n6_3_history_list02TitleTxt);
}
.table-details td {
    color: var(--n6_3_history_list02Details);
}
.copyText {
    font-size: 12px;
    border-radius: 20px;
    border: none;
    padding: 1px 7px;
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
    cursor: pointer;
    white-space: nowrap;
}
.copyText:hover,
.copyText:active {
    filter: brightness(1.1);
}
.copyText:active {
    filter: brightness(0.9);
}
.service_box .content_box {
    border: none;
}

.big_box .content_box + .content_box {
    border-top: 1px solid var(--sport-record-divider);
}
.el-message-box {
    border: none;
    background: var(--popup_popup_commonBg);
}
.el-message-box .el-message-box__title,
.el-dialog .el-dialog__title {
    color: var(--popup_popup_commonTopTitle01);
}
.el-message-box__content {
    color: var(--popup_popup_commonTxt);
}
.el-message-box__headerbtn .el-message-box__close,
.el-dialog__headerbtn .el-dialog__close {
    color: var(--icon_neutral03);
}

.el-message-box__status.el-icon-info,
.el-icon-info,
.record_box .el-icon-more {
    color: var(--systemMessage_processing_info);
}
.el-message-box__status.el-icon-success,
.el-icon-success {
    color: var(--function_succes);
}
.el-message-box__status.el-icon-error,
.el-icon-error {
    color: var(--function_error);
}

.el-icon-info:not(.el-message-box__status),
.el-icon-success:not(.el-message-box__status),
.el-icon-error:not(.el-message-box__status),

.el-icon-info::before,
.el-icon-success::before,
.el-icon-error::before,

.el-icon-info::after,
.el-icon-success::after,
.el-icon-error::after,

.el-message-box__btns .el-button {
    border-radius: 6px;
    background-color: transparent;
    border-color: var(--btn01_secondaryBorder);
    color: var(--btn01_secondaryTxt);
}
.el-message-box__btns .el-button--primary {
    border-radius: 6px;
    background: var(--btn01_primaryBg_normal);
    border: none;
    color: var(--btn01_primaryTxt);
}
.el-message-box__headerbtn:hover .el-message-box__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--icon_neutral03);
}
.amount-wrap .amount {
    color: var(--n5_order_money);
}
.way-list .way-item {
    border: 1px solid var(--n5_cryptoCardBorder_off);
    background: var(--n5_cryptoCard_bg);
    color: var(--n5_1_bankCard_content);
    box-shadow: none;
}
.way-list .way-item:hover {
    border-color: var(--n5_cryptoCardBorder_on);
    background: var(--n5_cryptoCard_bg);
    color: var(--n5_1_bankCard_content);
}
.way-list .way-item .tip-gray {
    color: var(--n5_1_bankCard_content);
}
.way-list .way-item:hover .tip-gray {
    color: var(--n5_1_bankCard_content);
}
.el-collapse {
    border: none;
}
.el-collapse-item__content .el-collapse {
    border-top: 1px solid var(--help-sub-header-border);
}
.el-collapse-item.is-active .el-collapse-item__wrap {
    border: none;
}
.risk_tip {
    position: absolute;
    background: rgba(39, 37, 53, 0.8);
    color: #fff;
    right: 0;
    border-radius: 3px;
    width: 245px;
    top: 2.5em;
    padding: 8px;
    line-height: 170%;
    z-index: 10;
    display: none;
}
.risk_icon {
    display: block;
    cursor: pointer;
    margin-right: 10px;
    color: var(--video-info-color);
    font-size: 15px;
}

.risk_icon:hover + .risk_tip {
    display: block;
}
.video_url {
    height: auto;
}
.setting_div .title_text {
    color: var(--side_menuTitleTxt);
}
.setting_div .setting_text {
    color: var(--side_checkBoxTxt_on);
}
.sports_main .el-tabs__item {
    color: var(--sport-tab-text);
}
.sports_main .el-tabs__nav-wrap::after {
    background: var(--sport-tab-border);
}
.sports_main .el-tabs__item.is-active {
    color: var(--tab_common01_on);
}
.sports_main .el-tabs__active-bar {
    background: var(--tab_common01_on);
}
.filtrate_list .el-input__inner {
    border-top: none;
    border-bottom: none;
    height: 27px;
}
.filtrate_list .el-input__inner + .el-input__inner {
    border-top: none;
    border-bottom: none;
}
.filtrate_main + .scrollbar_div .competition_mian > .competition_title:first-child {
    border-top: none;
}
.publish_version {
    color: var(--n5_rechargeNote_content);
}
.filtrate_list .odds_div + .odds_div .el-input__inner {
    border-left: none;
}
.record_Type .el-tabs__nav-wrap::after {
    background: var(--n1_4_GS_Border);
}

.betOption_Type .el-tabs__nav-wrap {
    border: 1px solid var(--n1_4_GS_Border);
    background: var(--detail-tab-header-bg);
}
.el-tabs__nav-wrap::after {
    background: transparent;
}
.betOption_header .el-collapse-item__header {
    background: var(--n1_leagueTitleBg);
    border: none;
    color: var(--n1_leagueTitleTxt);
    border-left: 1px solid var(--n1_5_1_eventBorder);
    border-right: 1px solid var(--n1_5_1_eventBorder);
}
.el-collapse-item__content .betOption_list .el-collapse {
    border-top: none;
}
.betOption_header .betOption_list .el-collapse-item__header {
    background: var(--bet-option-bg);
    color: var(--bet-option-text);
    border: 1px solid var(--n1_4_GS_Border);
}
.filtrate_list .league_div:first-child {
    border-left: 1px solid var(--n1_4_GS_Border);
}
.competition_container .el-collapse-item__header {
    background: var(--n1_leagueTitleBg);
    border-color: var(--n1_5_1_eventBorder);
    color: var(--n1_leagueTitleTxt);
    font-weight: 400;
}
.el-loading-spinner .el-loading-text {
    color: var(--icon_primaryS_normal);
}
.betOption_list .el-collapse-item:not(.is-active) .el-collapse-item__header {
    border-bottom: none;
}
.games_type {
    border-bottom: 2px solid var(--tab_common01_on);
    color: var(--tab_common01_on);
}
.games_search {
    border-radius: 6px;
    border: none;
    background: var(--input_search_bg);
    color: var(--icon_neutral03);
}
.games_search .el-input__inner {
    color: var(--input_search_prompt);
}
.pirmary_bg {
    background: var(--floor_0);
    box-shadow: var(--floor_0_shadow);
}
.el-input-group__append,
.el-input-group__prepend {
    color: inherit;
    border: none;
}

.header_password img {
    -webkit-filter: none;
}
.title_right.flex_triangle {
    position: relative;
    height: 30px;
}
.search_popover .search_main {
    border: none;
    border-radius: 0px;
    overflow: hidden;
}
.search_popover.el-popover.el-popper {
    background: var(--floor_0);
    border-radius: 0px;
    box-shadow: var(--popup_dropdown01Shadow);
    overflow: hidden;
    z-index: 200 !important;
}
.market-search-container.el-popover.el-popper {
    z-index: 200 !important;
    background: var(--floor_1_1);
    border-radius: 8px;
}
.league_filtrate_li .el-collapse-item__header {
    background: var(--event_titleBg);
    color: var(--n1_1_5_1sport_leagueTitle);
}
.league_filtrate_li .el-collapse-item__header .el-collapse-item__arrow {
    color: var(--icon_neutral03);
}

.setting_i {
    width: 16px;
    height: 16px;
    line-height: 15px;
    border: 1px solid var(--icon_primaryS_normal);
    border-radius: 2px;
    color: transparent;
    background: transparent;
}
.el-radio__input.is-checked + .el-radio__label .setting_i {
    background: var(--icon_primaryS_normal);
    color: var(--icon_select);
}
.betOption_Type .el-tabs__item {
    color: var(--live_plaza_Common_filterTxt_def);
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.betOption_Type .el-tabs__header {
    border-bottom: 1px solid var(--n1_5_1_eventBorder);
}
.betOption_Type .el-tabs__item:hover {
    color: var(--live_plaza_Common_filterTxt_def);
}
.betOption_Type .el-tabs__item.is-active {
    color: var(--live_plaza_Common_filterTxt_def);
}
.betOption_Type .el-tabs__active-bar {
    background: var(--icon_primaryS_normal);
}
.game_information .el-collapse-item__header {
    background: var(--event_titleBg);
    color: var(--event_titleTxt01);
    /* border-color: var(--n1_5_1_eventBorder); */
}

.rule_iframe iframe {
    filter: invert(var(--rule-text-brightness));
    /*opacity: 0.8;*/
}
/*免責*/
.risk_tip {
    position: absolute;
    right: 0;
    border-radius: 3px;
    width: 398px;
    top: 2.5em;
    padding: 8px;
    line-height: 170%;
    z-index: 10;
    display: none;
}
.risk_icon {
    display: block;
    cursor: pointer;
    margin-right: 10px;
    color: var(--icon_primaryS_normal);
    font-size: 15px;
    position: relative;
}
.risk_icon::before {
    position: relative;
    z-index: 1;
}
.risk_icon::after {
    content: '';
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    border-radius: 100px;
    background: transparent;
    z-index: 0;
}
.disclaimer_info_title {
    color: var(--popup_tooltips01_txt);
    font-size: 16px;
    padding: 10px 0 0 12px;
    line-height: 22px;
}

.disclaimer_info_text {
    padding: 7px 39px;
    line-height: 20px;
    font-size: 14px;
    color: var(--popup_tooltips01_txt);
}

.text_box li {
    padding-bottom: 15px;
    list-style-type: disc;
}

.text_box li::marker {
    font-size: 21px;
    color: var(--popup_tooltips01_txt);
}
.disclaimer-popper.el-popover.el-popper {
    box-shadow: var(--popup_tooltips01_shadow);
    background: var(--popup_tooltips01_bg);
    border: 1px solid var(--popup_tooltips01_border);
    border-radius: 8px;
}
.cashout-popper.el-popover.el-popper {
    box-shadow: var(--popup_tooltips01_shadow);
    border-radius: 8px;
}
/*提前結算標記*/
/* .big_box .content_box{
    min-height: 135px;
} */
.trade_tag {
    padding-top: 10px;
}
.trade_tit {
    padding-left: 20px;
    font-size: 16px;
    text-align: center;
    min-width: 160px;
    border: 1px solid var(--n6_5UpfrontBtnBorder);
    position: relative;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 6px;
}
.trade_tit:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 8px;
    border: 2px solid var(--icon_fixWhite);
    left: 20px;
    top: 20px;
    transform: rotate(45deg);
    border-top-width: 0px;
    border-left-width: 0px;
    z-index: 1;
}
.trade_tit:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: rgba(93, 185, 54, 1);
    border-radius: 50px;
    left: 13px;
    top: 50%;
    transform: translateY(-48%);
}
.trade_tit b {
    font-family: 'akrobat';
    font-size: 18px;
    color: var(--n6_5UpfrontTxt);
    margin-left: 24px;
}
.trade_tit span {
    font-weight: normal;
    display: block;
    color: var(--n6_5UpfrontTxt);
    margin-left: 24px;
}
.trade_tip {
    font-size: 12px;
    color: var(--n6_5UpfrontTxt);
    text-align: center;
    min-width: 160px;
}
.btn_transparent,
.btn_transparent:hover,
.btn_transparent:active,
.btn_transparent:focus {
    background: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
}
/* 边框选中 */
.order_filtrate_div {
    width: 120px;
    height: 40px;
    font-size: 14px;
}
.pitch_box {
    cursor: pointer;
    position: relative;
    border: 1px solid;
}
.pitch_span {
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    position: absolute;
    right: -1px;
    bottom: -1px;
    border-top: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid transparent;
    z-index: 2;
}
.pitch_span i {
    position: absolute;
    bottom: -10px;
    right: -10px;
    color: transparent;
    opacity: 0;
    font-size: 12px;
}
.pitch_box.activ .pitch_span i,
.payment-btn.selected .pitch_span i {
    opacity: 1;
}
/*篩選客製化*/

/*早盤的日期選項*/
.time_box.pitch_box {
    position: relative;
    border-radius: 5px;
    color: var(--tab_mine02Txt_off);
    background: var(--tab_mine02Bg);
    border: 1px solid var(--tab_mine02Border_off);
}

.time_box.pitch_box.activ,
.time_box.pitch_box:not(.disable):hover {
    color: var(--tab_mine02Txt_on);
    background: var(--tab_mine02Bg);
    border-color: var(--tab_mine02Border_on);
}
.time_box.pitch_box.activ .pitch_span {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
    border-bottom-right-radius: 5px;
}
.time_box.pitch_box.activ .pitch_span i {
    color: var(--icon_select);
}
/*投注紀錄的日期選項*/
.order_filtrate_div.pitch_box {
    border-radius: 0;
    color: var(--tab_mine02Txt_off);
    background: var(--tab_mine02Bg);
    border: 1px solid var(--tab_mine02Border_off);
}
.order_filtrate_div.pitch_box.activ,
.order_filtrate_div.pitch_box:hover {
    color: var(--tab_mine02Txt_on);
    background: var(--tab_mine02Bg);
    border: 1px solid var(--tab_mine02Border_on);
    position: relative;
    z-index: 1;
}
.order_filtrate_div.pitch_box.activ .pitch_span {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
    border-bottom-right-radius: 0;
}
.order_filtrate_div.pitch_box.activ .pitch_span i {
    color: var(--icon_fixWhite);
}
.order_filtrate_list .order_filtrate_li .order_filtrate_div {
    border-radius: 0px;
}
.order_filtrate_list .order_filtrate_li .order_filtrate_div:nth-child(2) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.order_filtrate_list .order_filtrate_li .order_filtrate_div:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*紀錄類日期篩選*/
.order_record .order_filtrate_div.pitch_box {
    border-radius: 0px;
    color: var(--tab_mine02Txt_off);
    background: var(--tab_mine02Bg);
    border: 1px solid var(--tab_mine02Border_off);
}
.order_record .order_filtrate_div.pitch_box:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.order_record .order_filtrate_div.pitch_box:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
}
.order_record .order_filtrate_div.pitch_box.activ,
.order_record .order_filtrate_div.pitch_box:hover {
    color: var(--tab_mine02Txt_on);
    background: var(--tab_mine02Bg);
    border-color: var(--tab_mine02Border_on);
}
.order_record .order_filtrate_div.pitch_box.activ .pitch_span {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
}
.order_record .order_filtrate_div.pitch_box.activ .pitch_span i {
    color: var(--icon_select);
}
/*投注紀錄上方*/
.order_filtrate_main .order_filtrate_list .order_filtrate_div.pitch_box .pitch_span {
    right: 0px;
    bottom: 0px;
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div {
    position: relative;
    border-radius: 5px;
    color: var(--n5_money_txt_off);
    background: transparent;
    border: none;
    margin-bottom: 5px;
    /* box-shadow: var(--filter-list-shadow); */
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div.activ,
.order_filtrate_main .order_filtrate_list .order_filtrate_div:hover {
    color: var(--n5_money_txt_on);
    background: transparent;
    border-color: transparent;
    overflow: hidden;
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div.pitch_box.activ .pitch_span {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div.pitch_box.activ .pitch_span i {
    color: var(--icon_select);
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div::before,
.order_filtrate_main .order_filtrate_list .order_filtrate_div::after {
    content: '';
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div::before {
    z-index: 0;
    border: 1px solid var(--n5_bankType_border_off);
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div::after {
    z-index: 1;
    border: 1px solid transparent;
    /* border-image: var(--filter-list-border-bg); */
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div.activ::before,
.order_filtrate_main .order_filtrate_list .order_filtrate_div:hover::before {
    border-color: var(--n5_bankType_border_on);
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div.activ::after,
.order_filtrate_main .order_filtrate_list .order_filtrate_div:hover::after {
    /* border-image: var(--filter-list-border-bg-active); */
}
/*存取款*/
.payment-btn.pitch_box,
.pay_item.pitch_box {
    position: relative;
    border-radius: 5px;
    color: var(--n5_bankType_txt_off);
    background: transparent;
    border: none;
    box-shadow: none;
}
.payment-btn.pitch_box.selected,
.pay_item.pitch_box.activ,
.payment-btn.pitch_box:hover,
.pay_item.pitch_box:hover {
    color: var(--n5_bankType_txt_on);
    background: transparent;
    border-color: transparent;
}
.payment-btn.pitch_box .pitch_span,
.pay_item.pitch_box .pitch_span {
    right: 0px;
    bottom: 0px;
}
.payment-btn.pitch_box.selected .pitch_span,
.pay_item.pitch_box.activ .pitch_span {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
    border-bottom-right-radius: 5px;
}
.payment-btn.pitch_box.selected .pitch_span i,
.pay_item.pitch_box.activ .pitch_span i {
    color: var(--icon_select);
}
.payment-btn.pitch_box::before,
.payment-btn.pitch_box::after,
.pay_item.pitch_box::before,
.pay_item.pitch_box::after {
    content: '';
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
}
.payment-btn.pitch_box::before,
.pay_item.pitch_box::before {
    z-index: 0;
    border: 1px solid var(--n5_bankType_border_off);
}
.payment-btn.pitch_box::after,
.pay_item.pitch_box::after {
    z-index: 1;
    border: 1px solid transparent;
    /* border-image: var(--payment-button-border-bg); */
}
.payment-btn.pitch_box.selected::before,
.pay_item.pitch_box.activ::before,
.payment-btn.pitch_box:hover::before,
.pay_item.pitch_box:hover::before {
    border-color: var(--n5_bankType_border_on);
}
.payment-btn.pitch_box.selected::after,
.pay_item.pitch_box.activ::after,
.payment-btn.pitch_box:hover::after,
.pay_item.pitch_box:hover::after {
    /* border-image: var(--payment-button-border-bg-active); */
}

/*金額篩選*/
.speedy_item.pitch_box::before,
.quick-amount-list .pitch_box::before,
.speedy_item.pitch_box::after,
.quick-amount-list .pitch_box::after {
    content: '';
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 6px;
}
.speedy_item.pitch_box::before,
.quick-amount-list .pitch_box::before {
    z-index: 0;
    border: 1px solid var(--n5_money_border_off);
}
.speedy_item.pitch_box::after,
.quick-amount-list .pitch_box::after {
    z-index: 1;
    border: 1px solid transparent;
    /* border-image: var(--quick-amount-border-bg); */
}
.speedy_item.pitch_box .pitch_span {
    right: 0;
    bottom: 0;
}
.speedy_item.pitch_box,
.quick-amount-list .pitch_box {
    position: relative;
    border-radius: 6px;
    color: var(--n5_money_txt_off);
    background: transparent;
    border: none;
    box-shadow: none;
}
.quick-amount-list .pitch_box.activ,
.quick-amount-list .pitch_box:hover,
.speedy_item.pitch_box.activ,
.speedy_item.pitch_box:hover {
    color: var(--n5_money_txt_on);
    background: transparent;
    border-color: transparent;
}
.quick-amount-list .pitch_box.activ::before,
.quick-amount-list .pitch_box:hover::before,
.speedy_item.pitch_box.activ::before,
.speedy_item.pitch_box:hover::before {
    border-color: var(--n5_money_border_on);
}
.quick-amount-list .pitch_box.activ::after,
.quick-amount-list .pitch_box:hover::after,
.speedy_item.pitch_box.activ::after,
.speedy_item.pitch_box:hover::after {
    /* border-image: var(--quick-amount-border-bg-active); */
}
.speedy_item.pitch_box.activ .pitch_span,
.quick-amount-list .pitch_box.activ .pitch_span {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
    border-bottom-right-radius: 8px;
}
.speedy_item.pitch_box.activ .pitch_span i,
.quick-amount-list .pitch_box.activ .pitch_span i {
    color: var(--icon_select);
}
/*提現方式*/
.select-item.pitch_box {
    position: relative;
    border-radius: 5px;
    color: var(--n5_cryptoCard_title);
    background: transparent;
    border: none;
}
.select-item.pitch_box::before,
.select-item.pitch_box::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    pointer-events: none;
}
.select-item.pitch_box::before {
    z-index: 0;
    border: 1px solid var(--n5_cryptoCardBorder_off);
}
.select-item.pitch_box::after {
    z-index: 1;
    border: 1px solid transparent;
    border-image: var(--n5_bankType_border_off);
}
.select-item.pitch_box.activ,
.select-item.pitch_box:hover {
    color: var(--n5_bankType_txt_on);
    background: var(--n5_cryptoCard_bg);
    border-color: transparent;
}
.select-item.pitch_box.activ::before,
.select-item.pitch_box:hover::before {
    border-color: var(--select-item-border-active);
}
.select-item.pitch_box.activ::after,
.select-item.pitch_box:hover::after {
    border-image: var(--select-item-border-bg-active);
}
.select-item.pitch_box.activ .pitch_span {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
    border-bottom-right-radius: 8px;
}
.select-item.pitch_box.activ .pitch_span i {
    color: var(--icon_select);
}
.select-item.pitch_box .item-content {
    color: var(--select-item-tips);
}
.select-item.pitch_box.activ .item-content {
    color: var(--select-item-tips-active);
}
/*支付其他篩選*/
.pitch_box,
.selectRow.pitch_box {
    border-radius: 5px;
    color: var(--popup_sheet_selectStyle01Txt_off);
    background: var(--popup_sheet_selectStyle01Bg);
    border: 1px solid var(--popup_sheet_selectStyle01Border_off);
}
.pitch_box.activ,
.pitch_box:not(.disable):hover,
.selectRow.pitch_box.activ,
.selectRow.pitch_box:hover {
    color: var(--tab_mine02Txt_on);
    background: var(--tab_mine02Bg);
    border-color: var(--tab_mine02Border_on);
}
.selectRow.pitch_box.activ,
.selectRow.pitch_box:hover {
    background: var(--popup_sheet_selectStyle01Bg);
    border-color: var(--popup_sheet_selectStyle01Border_on);
}
.pitch_box.activ .pitch_span,
.selectRow.pitch_box.activ .pitch_span {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
    border-bottom-right-radius: 8px;
}
.pitch_box.activ .pitch_span i,
.selectRow.pitch_box.activ .pitch_span i {
    color: var(--icon_select);
}

/*虛擬幣地址*/
.pay_select_item.pitch_box {
    position: relative;
    border-radius: 6px;
    color: var(--n5_cryptoCard_title);
    background: var(--n5_cryptoCard_bg);
    border: none;
}
.pay_select_item.pitch_box::before,
.pay_select_item.pitch_box::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 6px;
    pointer-events: none;
}
.pay_select_item.pitch_box::before {
    z-index: 0;
    border: 1px solid var(--n5_cryptoCardBorder_off);
}
.pay_select_item.pitch_box::after {
    z-index: 1;
    border: 1px solid transparent;
    /* border-image: var(--pay-item-border-bg); */
}
.pay_select_item.pitch_box.activ,
.pay_select_item.pitch_box:hover {
    color: var(--n5_cryptoCard_title);
    background: var(--n5_cryptoCard_bg);
    border-color: transparent;
}
.pay_select_item.pitch_box.activ::before,
.pay_select_item.pitch_box:hover::before {
    border-color: var(--n5_cryptoCardBorder_on);
}
.pay_select_item.pitch_box.activ::after,
.pay_select_item.pitch_box:hover::after {
    /* border-image: var(--pay-item-border-bg-active); */
}
.pay_select_item.pitch_box.activ .pitch_span {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
    border-bottom-right-radius: 8px;
    right: 0;
    bottom: 0;
}
.pay_select_item.pitch_box.activ .pitch_span i {
    color: var(--icon_select);
}

/**/
.welfare_list .pitch_box::before,
.welfare_list .pitch_box::after {
    content: '';
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 5px;
}
.welfare_list .pitch_box::before {
    z-index: 0;
    border: 1px solid var(--n5_bankType_border_off);
}
.welfare_list .pitch_box::after {
    z-index: 1;
    border: 1px solid transparent;
    /* border-image: var(--welfare-list-border-bg); */
}
.welfare_list .pitch_box.activ::before,
.welfare_list .pitch_box:hover::before {
    border-color: var(--n5_bankType_border_on);
}
.welfare_list .pitch_box.activ::after,
.welfare_list .pitch_box:hover::after {
    /* border-image: var(--welfare-list-border-bg-active); */
}
.welfare_list .pitch_box {
    position: relative;
    border-radius: 5px;
    color: var(--n5_bankType_txt_off);
    background: transparent;
    border: none;
}
.welfare_list .pitch_box.activ,
.welfare_list .pitch_box:hover {
    color: var(--n5_bankType_txt_on);
    background: transparent;
    border-color: transparent;
}
.welfare_list .pitch_box.activ .pitch_span {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
    border-bottom-right-radius: 5px;
    right: 0px;
    bottom: 0px;
}
.welfare_list .pitch_box.activ .pitch_span i {
    color: var(--icon_select);
}
/* .welfare_li.pitch_box img{
	border-radius: var(--welfare-list-img-radius);
	background: var(--welfare-list-img-bg);
}
.welfare_list .pitch_box.activ img,.welfare_list .pitch_box:hover img{
	filter: var(--welfare-list-img-active);
} */
.filtrate_main .el-range-editor.is-active,
.filtrate_main .el-range-editor.is-active:hover,
.filtrate_main .el-select .el-input.is-focus .el-input__inner {
    border-color: var(--n1_4_GS_Border);
}
.status_span {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    display: inline-block;
    background-color: var(--news-tag-bg);
}
.search_type .el-radio-group {
    display: flex;
}
.search_input .el-input__inner {
    padding-left: 15px;
    padding-right: 0;
}
.search_input .el-input__prefix {
    position: absolute;
    right: 0;
    left: auto;
    width: 27px;
    height: 27px;
    background: var(--search-icon-enable-bg);
    pointer-events: none;
}
.search_input .el-input__prefix .el-icon-search {
    color: var(--search-icon-enable) !important;
    font-size: 14px;
}
.search_input .el-input__suffix {
    position: absolute;
    right: 25px;
}
.search_input.search_input-disabled .el-input__prefix {
    background: var(--floor__1);
    opacity: 0.5;
}
.search_input.search_input-disabled .el-input__prefix .el-icon-search {
    color: var(--icon_neutral03) !important;
    opacity: 0.5;
}
.betRecord_box .order_filtrate_div:nth-child(7n) {
    margin-right: 0;
}
/*新增頁面標題可使用圖片*/
.page_title_img {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: var(--page-title-img);
    z-index: 3;
}
.page_title_img img {
    width: 25px;
    height: 25px;
}
/*新增首頁下方說明文字的底圖樣式*/
.serve_main.layout_auto {
    align-items: stretch;
}
.serve_li {
    padding: 10px 30px 10px 10px;
    border-radius: var(--serve-border-radius);
    background: var(--serve-bg);
    box-shadow: var(--serve-shadow);
    position: relative;
}
.serve_li::after,
.serve_li::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: var(--serve-border-radius);
}
.serve_li::after {
    z-index: 1;
    border: 1px solid transparent;
    border-image: var(--serve-border-img);
}
.serve_li::before {
    z-index: 0;
    border: 1px solid var(--serve-border);
}
.head_dialog_footer {
    position: relative;
}
.head_dialog_footer > * {
    position: relative;
    z-index: 1;
}
.head_dialog_footer::after {
    content: '';
    position: absolute;
    left: -15px;
    bottom: -15px;
    top: -15px;
    right: -15px;
    background: var(--dialog-footer-bg);
    z-index: 0;
}
.el-table {
    background-color: transparent;
}
.message_Type .el-table__body {
    background: transparent;
}
.service_box {
    border: 1px solid var(--n5_1_bankCard_Line);
    border-radius: 5px;
    background: var(--n5_1_bankCard_bg);
    color: var(--n5_1_bankCard_title);
}
.service_box .service_img + span {
    color: var(--n5_1_bankCard_title);
}
.border_son_box,
.border_son_box .el-form-item__label {
    color: var(--n6_4_1_1invite_txt);
}
.activity_screen_box.border_son_box .el-form-item__label {
    color: var(--input_commonTitle);
}

.welfare_table .el-table thead {
    color: var(--n6_2_2vip_tblTopTxt01);
}
.welfare_table .el-table__header-wrapper {
    background: var(--n6_2_2vip_tblTopBg01);
    /* border: 1px solid var(--vip-table-border); */
    border-top: 1px solid var(--table01_border);
    border-left: 1px solid var(--table01_border);
    border-right: 1px solid var(--table01_border);
}
.welfare_table .el-table__body {
    background: var(--n6_2_2vip_tblOddBg02);
    /* border: 1px solid var(--vip-table-border); */
    border-bottom: 1px solid var(--table01_border);
    border-left: 1px solid var(--table01_border);
    border-right: 1px solid var(--table01_border);
    color: var(--n6_2_2vip_tblEvenTxt02);
}
.welfare_table .el-table__body-wrapper {
    border-right: 1px solid var(--table01_border);
}
.welfare_table .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: var(--n6_2_2vip_tblEvenBg02);
    color: var(--n6_2_2vip_tblEvenTxt02);
}
/* .welfare_table .el-table--enable-row-hover .el-table__body tr:hover>td{
	background: var(--vip-table-body-bg-hover);
	color: var(--vip-table-body-text-hover);
} */
.welfare_table .el-table .el-table__header-wrapper th + th {
    border-left-color: var(--vip-table-header-border);
}
.rebate_table .el-table thead {
    color: var(--n6_2_2vip_tblTopTxt02);
}
.rebate_table .el-table__header-wrapper {
    background: var(--n6_2_2vip_tblTopBg02);
    border-top: 1px solid var(--table01_border);
    border-left: 1px solid var(--table01_border);
    border-right: 1px solid var(--table01_border);
}
.rebate_table .el-table__body {
    background: var(--n6_2_2vip_tblOddBg02);
    border-bottom: 1px solid var(--table01_border);
    border-left: 1px solid var(--table01_border);
    border-bottom: 1px solid var(--table01_border);
    color: var(--n6_2_2vip_tblOddTxt02);
}
.rebate_table .el-table__body-wrapper {
    border-right: 1px solid var(--table01_border);
}
.rebate_table .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: var(--n6_2_2vip_tblEvenBg02);
    color: var(--n6_2_2vip_tblEvenTxt02);
}
/* .rebate_table .el-table--enable-row-hover .el-table__body tr:hover>td{
	background: var(--vip-table-body-bg-hover);
	color: var(--vip-table-body-text-hover);
} */
.sports_main {
    background: var(--game-collect-bg);
}
.rapidBet_input_li .rapidBet_input_div .el-input__inner {
    background: transparent;
    border: none;
    border-radius: 0px;
    color: var(--cart_o_oddsTitle);
}
.rapidBet_input_li .rapidBet_input_div .el-input__inner::placeholder {
    color: var(--function_systemNoticeTxt);
}
.filtrate_main .el-input__icon {
    color: var(--input_messageNormalTxt) !important;
}
.filtrate_main .el-input__inner {
    background: transparent;
    color: var(--input_messageNormalTxt);
}
.filtrate_main .el-input__inner::placeholder {
    color: var(--input_messageNormalTxt);
}
.sport_select_box.el-select__popper.el-popper[role='tooltip'] {
    background: var(--popup_dropdown01Bg);
    z-index: 200 !important;
}
.sport_select_box .el-select-dropdown__item.selected {
    color: var(--popup_dropdown01Txt_on);
}
.sport_select_box .el-select-dropdown__item {
    color: var(--popup_dropdown01Txt_off);
}
.video_header_bg {
    background: var(--video-header-bg);
}
.competition_mian:first-child .competition_header {
    border-top: none;
}
.amidithion_list .el-collapse-item__wrap > .el-collapse-item__content .el-collapse-item__header,
.el-collapse-item__content .champion_main_list .el-collapse {
    border-color: transparent;
}
/*賽果的聯賽多選下拉*/
.checkbox_select .el-checkbox__input.is-checked + .el-checkbox__label,
.checkbox_select .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: var(--popup_dropdown01Txt_on);
    background: transparent;
}
.checkbox_select .el-checkbox__input.is-checked .el-checkbox__inner,
.checkbox_select .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background: var(--icon_primaryS_normal);
    border-color: var(--icon_primaryS_normal);
}
.checkbox_select .el-checkbox__input.is-checked .el-checkbox__inner::after {
    border-color: var(--icon_select);
}
.checkbox_select .el-select-dropdown__list .el-checkbox__label,
.checkbox_select .el-select-dropdown__item {
    color: var(--popup_dropdown01Txt_off);
}
.checkbox_select .el-checkbox__inner {
    border-color: var(--icon_neutral03);
    background: transparent;
}
.checkbox_select.el-select .el-select__tags .el-tag {
    background: var(--input_search_bg);
}
.checkbox_select .el-tag.el-tag--info {
    color: var(--input_search_prompt);
}
.checkbox_select.el-select .el-select__tags .el-tag .el-icon-close {
    background: var(--function_error);
    color: var(--icon_select);
}
.competition_list .competition_li {
    position: relative;
}
.competition_list .competition_li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    background: var(--competition-brief-bg);
    z-index: 0;
}
.competition_list .competition_msgs {
    position: relative;
    z-index: 1;
}
.competition_list:nth-child(odd) {
    background: var(--competition-nomal-bg);
}
.competition_list {
    background: var(--competition-striped-bg);
}
.big_box .iconfont.icon-info {
    position: relative;
    color: var(--icon_primaryS_02_normal);
}
.big_box .iconfont.icon-info::before {
    position: relative;
    z-index: 1;
}
.big_box .iconfont.icon-info::after {
    content: '';
    position: absolute;
    left: 17px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    /* background: var(--info-icon-text); */
    z-index: 0;
}
.el-input-group__append,
.el-input-group__prepend {
    background-color: transparent;
}
.el-table--border,
.el-table--group {
    border: transparent;
}
.betOption_header .el-collapse-item__header {
    height: 30px;
    line-height: 30px;
}
/*聯賽前方圖示*/
.league_icon_bar {
    position: relative;
}
.league_icon_bar::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--league-bar-bg);
}
/*VIP尊享+底色*/
.enjoy_li {
    position: relative;
    padding: 10px 0;
    margin: 0 5px;
    border-radius: var(--enjoy-radius);
    border: 1px solid var(--enjoy-border);
    background: var(--enjoy-bg);
    box-shadow: var(--enjoy-shadow);
}
/*存取款側邊*/
.record_item {
    position: relative;
    padding-top: 5px;
}
.record_item::after {
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: -5px;
    /* background: var(--record-border); */
}
.record_item + .el-pagination {
    border-top: 1px solid transparent;
    /* border-image: var(--record-border) 1; */
    margin-top: 10px;
    padding-top: 5px;
}
.no_open {
    background: var(--btn01_primaryBg_normal);
}
.no_open_btn {
    color: var(--btn01_primaryTxt);
}
.not_open_text {
    color: var(--function_systemNoticeTxt);
}
.discount-per {
    /* background: var(--discount-bg); */
    /* color: var(--discount-text); */
    color: var(--function_error);
    font-weight: bold;
}
.amidithion_li .noe_title .el-collapse-item__header {
    height: 26px;
    line-height: 26px;
}
.grounder_collapse .competition_header {
    position: sticky;
    top: 0;
    z-index: 1;
}
.grounder_collapse .competition_body {
    position: relative;
    z-index: 0;
}
.main_container {
    overflow: visible;
}
header::before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    background: var(--header-border);
    left: 0;
    right: 0;
}
.head_dialog .el-dialog__header {
    position: relative;
}
.head_dialog .el-dialog__header::after,
.badgeInfoDialog-main .header::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--dialog-header-border);
}
.home_title_note {
    /* position: absolute;
    left: 50%;
    bottom: 9px;
    transform: translateX(-50%); */
    display: block;
    padding-top: 10px;
}
.games_btn .theme_btn.el-button {
    width: 100%;
    border-radius: 0;
}
.el-dropdown-menu__item .personage_div .el-icon-arrow-right:not(.news_font) {
    color: var(--icon_neutral03);
}
.el-dropdown-menu__item:hover .personage_div .el-icon-arrow-right {
    color: var(--personage-item-text-active);
}
.el-picker__popper.el-popper[role='tooltip'] {
    background: transparent;
    border: none;
    box-shadow: var(--popup_dropdown01Shadow);
}
.el-select__popper.el-popper[role='tooltip'] {
    background: var(--popup_dropdown01Bg);
    border: none;
    box-shadow: var(--popup_dropdown01Shadow);
}
/*維護從頁面移過來*/
.maintenance .txt h1 {
    font-weight: normal;
    font-family: '微软雅黑';
    font-size: 75px;
    color: var(--n0system_systemTitle);
    height: 76px;
    line-height: 76px;
}
.maintenance .txt h2 {
    font-weight: normal;
    font-size: 47px;
    color: var(--n0system_systemTitle);
    height: 40px;
    line-height: 40px;
}
.maintenance .txt h3 {
    font-weight: normal;
    font-size: 35px;
    color: var(--n0system_systemTxtTime01);
    height: 40px;
    line-height: 40px;
}
.maintenance .txt h3 span {
    color: var(--n0system_systemSubtitleIP02);
}
.maintenance .mtTime {
    font-weight: bold;
    font-size: 30px;
    color: var(--n0system_systemTxtTime02);
    line-height: 30px;
    white-space: pre;
}
.maintenance .mtInfo {
    font-size: 26px;
    color: var(--n0system_systemTxt);
}
.maintenance .kefu_btn {
    border: none;
    background: var(--btn01_primaryBg_normal);
}
.maintenance .kefu_btn--info {
    color: var(--btn01_primaryTxt);
}

.el-picker-panel__sidebar {
    border-color: var(--popup_sheet_commonBorder);
    background-color: var(--popup_dropdown01Bg);
}
.el-picker-panel__shortcut {
    color: var(--date-picker-text);
}
.el-picker-panel__shortcut:hover {
    color: var(--date-picker-active-bg);
}
/* .collect_li .collect_type .iconfont{
	color: var(--icon_neutral01);
} */
.collect_list .collect_li.active .collect_type .iconfont,
.collect_list .collect_li:hover .collect_type .iconfont {
    color: var(--game-collect-icon-active);
}
.download_main > * {
    position: relative;
    z-index: 1;
}
.download_main::after {
    content: '';
    position: absolute;
    background: var(--download-main-img) no-repeat;
    width: var(--download-main-bg-width);
    height: var(--download-main-bg-height);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    pointer-events: none;
}
.sports_main .el-tabs__nav-wrap.is-top {
    border-bottom: 1px solid var(--tab_home03btmLine);
}

.el-date-range-picker__content.is-left {
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-right: 1px solid var(--popup_sheet_commonBorder);
}
.el-date-range-picker__content.is-right {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.el-tabs__item.is-disabled {
    color: #999999;
}
.el-tabs__nav-next,
.el-tabs__nav-prev {
    color: var(--icon_neutral03);
}
.sports_type_list .el-tabs__nav-next,
.sports_type_list .el-tabs__nav-prev {
    color: var(--icon_neutral03);
}
.grade_banner_main .el-carousel__indicators--outside button {
    background: var(--vip-card-btn);
}
.grade_banner_main .is-active .el-carousel__button {
    background: var(--vip-card-btn-active);
}

/* element-ui 步骤条 */
.el-step.is-horizontal {
    display: flex;
    flex-direction: column-reverse;
}
.el-step.is-horizontal .el-step__main {
    margin-bottom: 15px;
}
.el-step.is-center .el-step__line {
    left: calc(50% + 25px);
    right: calc(-50% + 25px);
    height: 3px;
}
/* .el-step__icon { background: var(--n5_2_timetable_picYesBg01); border-width: 3px !important;} */
/* .is-success .el-step__icon { border-color: var(--n5_2_timetable_picYesBg01); }
.is-process .el-step__icon { border-color: var(--n5_2_timetable_picYesBg01); } */
.el-step__head.is-wait .el-step__icon {
    background: transparent;
}
.el-step__icon .el-step__icon-inner {
    background: transparent;
}
.el-step__title {
    color: var(--n6_3_history_stepTxt_off);
}
.el-step__title.is-success {
    color: var(--n6_3_history_stepTxt_off);
}
.el-step__title.is-wait {
    color: var(--n6_3_history_stepTxt_off);
}
.el-step__title.is-process {
    color: var(--n6_3_history_stepTxt_on);
}
/* .el-step__title.is-process { color: var(--recharge-step-text-process) }
.el-step__title.is-success { color: var(--n6_3_history_stepTxt_off) } */
/* .el-step__description.is-wait { color: var(--n6_3_history_stepTxt_off) }
.el-step__description.is-process { color: var(--recharge-step-text-process) }
.el-step__description.is-success { color: var(--n6_3_history_stepTxt_off) }
.el-step__head.is-wait { color: var(--recharge-step-wait); border-color: var(--recharge-step-wait) }
.el-step__head.is-process { color: var(--recharge-step-process); border-color: var(--recharge-step-process) }
.el-step__head.is-success { color: var(--recharge-step-success); border-color: var(--n5_2_timetable_border_on) } */
.el-step__head .el-step__line {
    background-color: var(--n5_2_timetable_border_off);
}
/* .el-step__head.is-process .el-step__line { background-color: var(--recharge-step-process); }
.el-step__head.is-success .el-step__line { background-color: var(--n5_2_timetable_border_on); } */
/* .el-step__head.is-process .el-step__line .el-step__line-inner { display: none; } */
.el-step__icon {
    background: transparent;
}
.el-step__head.is-finish {
    color: transparent;
}
.el-step__title.is-finish {
    color: var(--n6_3_history_stepTxt_on);
}
.el-step__head.is-finish .el-step__icon-inner {
    color: var(--icon_primaryS_normal);
}
.el-step__icon-inner[class*='el-icon']:not(.is-status) {
    font-size: 22px;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.el-step__head.is-wait {
    color: transparent;
    border-color: var(--n5_2_timetable_picPiontNotMet);
}
.el-step__line-inner {
    display: none !important;
}
.el-step__head.is-finish .el-step__line {
    background: var(--n5_2_timetable_border_on);
}
.el-step__icon-inner.el-icon-success::after {
    width: 20px;
    height: 20px;
    border: 3px solid var(--n5_2_timetable_picPiontNotMet);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.el-step__head.is-wait .el-step__icon.is-icon .el-step__icon-inner.el-icon-success {
    color: transparent;
}
.el-step__head.is-finish .el-step__icon-inner.el-icon-success::after {
    border-color: var(--n5_2_timetable_picYesBg01);
}
.el-step__head.is-success {
    color: var(--floor_0);
    border-color: var(--n5_2_timetable_picPiontNotMet);
}
.el-step__head.is-success .el-step__icon.is-text {
    border-color: var(--n5_2_timetable_picYesBg01);
}
.el-step__head.is-success .el-step__line {
    background: var(--n5_2_timetable_border_on);
}

.el-step__icon.is-text {
    border-radius: 50%;
    border: 3px solid;
    border-color: var(--n5_2_timetable_picYesBg01);
}

.loginform_main > * {
    position: relative;
    z-index: 1;
}
.loginform_main > .loginform_bg {
    position: absolute;
    z-index: 0;
    left: 50%;
    transform: translateX(-58.5%);
}

.footer_bg {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}
footer a {
    color: inherit;
}
.video_type_list .sports_type::after,
.video_type_list .sports_type::before {
    display: none;
}
.video_type_list .sports_type {
    position: relative;
    border-radius: 0;
    color: var(--tab_mine02Txt_off);
    background: var(--tab_mine02Bg);
    border: 1px solid var(--tab_mine02Border_off);
    box-shadow: none;
    overflow: hidden;
}
.video_type_list .el-tabs__nav .el-tabs__active-bar + .el-tabs__item .sports_type {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.video_type_list .el-tabs__nav .el-tabs__item + .el-tabs__item .sports_type {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.video_type_list.sports_type_list .el-tabs__item.is-active .active_span {
    border-right: 12px solid var(--icon_primaryS_normal);
    border-bottom: 12px solid var(--icon_primaryS_normal);
}
.video_type_list.sports_type_list .el-tabs__item.is-active .active_span i {
    color: var(--icon_select);
}
.video_type_list.sports_type_list .el-tabs__item.is-active .sports_type {
    border: 1px solid var(--tab_mine02Border_on);
    color: var(--tab_mine02Txt_on);
    background: var(--tab_mine02Bg);
}
.system-notice-checkbox {
    color: var(--system-notice-checkbox-text);
}
/* 玩法教程 course */
.course_div p {
    color: var(--popup_sheet_commonTxt);
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
    color: var(--function_error);
}

.home_title {
    flex: 1;
    min-width: 445px;
    min-height: 32px;
    position: relative;
}
.home_title.activity_title {
    flex: none;
    min-width: initial;
    width: 345px;
    height: 32px;
}

.home_title::after {
    content: '';
    position: absolute;
    width: calc(100% - 15px);
    height: 3px;
}
.home_title::before {
    content: '';
    position: absolute;
    width: 13px;
    height: 32px;
    top: 0;
    background: var(--icon_primaryS_02_normal);
}
.title_bgl::after,
.title_l::after {
    left: 0;
    transform: skewX(30deg);
    background: linear-gradient(to left, var(--icon_primaryS_02_normal) 0%, var(--icon_primaryS_02_normal) 100%);
}
.title_bgr::after,
.title_r::after {
    right: 0;
    transform: skewX(-30deg);
    background: linear-gradient(to right, var(--icon_primaryS_02_normal) 0%, var(--icon_primaryS_02_normal) 100%);
}
.title_bgl::before,
.title_l::before {
    right: 0;
    transform: skewX(30deg);
}
.title_bgr::before,
.title_r::before {
    left: 0;
    transform: skewX(-30deg);
}
.activity_title_icon {
    width: 196px;
    height: 52px;
    position: absolute;
    z-index: 15;
}
.activity_title_icon::before {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 0;
    z-index: 200;
    transform: perspective(50px) rotateX(4deg);
    background: var(--n3_1_1functionTab_titleBg);
}
.activity_title_icon::after {
    content: '';
    position: absolute;
    left: 8px;
    right: 8px;
    top: -2px;
    bottom: 0;
    z-index: 100;
    transform: perspective(50px) rotateX(13deg);
    background: var(--n3_1_1functionTab_titleBgOuter);
}
.activity_btn_bg {
    width: 100%;
    height: 45px;
    background: var(--active-list-button-bg);
    border-radius: var(--active-list-button-border-radius);
    border: 1px solid var(--active-list-button-border);
    box-shadow: var(--active-list-button-shadow);
}
.loginform_icon.iconfont {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 100px;
    background: var(--icon_fixWhite);
    color: var(--icon_fixprimaryS);
    font-size: 25px;
    padding-left: 1px;
    pointer-events: none;
}
.logininput_icon.iconfont {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 40px;
    font-size: 16px;
    cursor: pointer;
    color: var(--index-form-text);
}
.shortcut_icon {
    background: var(--floatMenu_bg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 70px;
    color: var(--shortcut-btn-text);
    overflow: hidden;
}
.shortcut_icon_mian .shortcut_icon:not(:first-child) {
    border-top: 1px solid var(--floatMenu_border);
}
.shortcut_icon_mian .shortcut_icon:not(:last-child) {
    border-bottom: 1px solid var(--floatMenu_border);
}
.shortcut_icon:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.shortcut_icon:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.shortcut_icon .iconfont {
    font-size: 30px;
    background-image: var(--shortcut-btn-icon);
    background-clip: text;
    -webkit-background-clip: text;
    color: var(--floatMenu_off);
}
.shortcut_text {
    font-size: 12px;
    color: var(--floatMenu_off);
}
.shortcut_icon:hover {
    color: var(--shortcut-btn-text-hover);
}
.shortcut_icon:hover .iconfont {
    color: var(--floatMenu_on);
}
.el-backtop .shortcut_icon,
.shortcut_icon_mian {
    border-radius: 10px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
}
.header_icon.iconfont {
    width: 26px;
    height: 26px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--icon_reverse_neutral04);
}
.header_icon.iconfont:hover {
    color: var(--icon_navArrow);
}
.shortcut_icon_mian {
    width: 80px;
}
.siderbar_icon.iconfont {
    width: 26px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 23px;
    margin-right: 5px;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: var(--n6_1_1_1mine_functionIcon_02);
}
.personage_li .siderbar_icon.iconfont.icon-jbzl {
    background-image: var(--n6_1_1_1mine_functionIcon_01);
}
.personage_li .siderbar_icon.iconfont.icon-tzjl {
    background-image: var(--n6_1_1_1mine_functionIcon_02);
}
.personage_li .siderbar_icon.iconfont.icon-viptq {
    background-image: var(--n6_1_1_1mine_functionIcon_03);
}
.personage_li .siderbar_icon.iconfont.icon-jijl {
    background-image: var(--n6_1_1_1mine_functionIcon_02);
}
.personage_li .siderbar_icon.iconfont.icon-ljjl {
    background-image: var(--n6_1_1_1mine_functionIcon_03);
}
.personage_li .siderbar_icon.iconfont.icon-jrwm {
    background-image: var(--n6_1_1_1mine_functionIcon_01);
}
.personage_li .siderbar_icon.iconfont.icon-bzzx {
    background-image: var(--n6_1_1_1mine_functionIcon_04);
}
.personage_li .siderbar_icon.iconfont.icon-xtyj {
    background-image: var(--n6_1_1_1mine_functionIcon_04);
}
.personage_li .siderbar_icon.iconfont.icon_gift_record {
    background-image: var(--n6_1_1_1mine_functionIcon_04);
}
.personage_li .siderbar_icon.iconfont.icon-hzhb {
    background-image: var(--n6_1_1_1mine_functionIcon_02);
}
.personage_li .siderbar_icon.iconfont.icon-kffk {
    background-image: var(--n6_1_1_1mine_functionIcon_01);
}
.personage_li .siderbar_icon.iconfont.icon-xgmm {
    background-image: var(--n6_1_1_1mine_functionIcon_03);
}
.personage_li .siderbar_icon.iconfont.icon-checklist {
    background-image: var(--n6_1_1_1mine_functionIcon_03);
}
.personage_li .siderbar_icon.iconfont.icon_welfarecenter {
    background-image: var(--n6_1_1_1mine_functionIcon_02);
}
.personage_li .siderbar_icon.iconfont.icon_crown {
    background-image: var(--n6_1_1_1mine_functionIcon_03);
}
.personage_li .siderbar_icon.iconfont.icon_welfare_commissionerr {
    background-image: var(--fixLinear_mistyRose);
}
.mail_btn.iconfont {
    width: 20px;
    height: 20px;
    display: flex;
    font-size: 22px;
    color: var(--icon_primaryS_normal);
    justify-content: center;
    align-items: center;
}
.mail_nav.iconfont {
    width: 20px;
    height: 20px;
    display: flex;
    color: var(--icon_primaryS_normal);
    font-size: 26px;
    justify-content: center;
    align-items: center;
}
.btn_nav .el-button:focus:not(.is-disabled) .mail_btn.iconfont,
.btn_nav .el-button:hover:not(.is-disabled) .mail_btn.iconfont {
    color: var(--icon_primaryS_normal);
}
.btn_nav .el-button:focus:not(.is-disabled) .mail_nav.iconfont,
.btn_nav .el-button:hover:not(.is-disabled) .mail_nav.iconfont {
    color: var(--icon_primaryS_normal);
}
.edit .list_btn.iconfont {
    width: 20px;
    height: 20px;
    display: flex;
    font-size: 20px;
    color: var(--icon_neutral03);
    justify-content: center;
    align-items: center;
}
.edit .list_btn.iconfont.active {
    color: var(--icon_primaryS_normal);
}
.mail_list_icon.iconfont {
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    background: var(--icon_function_03);
    color: var(--icon_fixWhite);
    border-radius: 50px;
}
.mail_list_icon.iconfont.icon-bell {
    background: var(--icon_function_01);
}
.mail_list_icon.iconfont.icon-sound {
    background: var(--icon_function_02);
}
/*直播大廳*/
.live_hall {
    background: var(--floor_0);
    border-radius: 6px;
    box-shadow: var(--floor_0_shadow);
    height: 640px;
    position: relative;
}
.live_hall_info {
    width: 100%;
    height: 74px;
}
.live_hall_footer {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.live_hall_footer_content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.live_hall_footer_gifts {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border: 2px solid var(--live_halfscreen_chatRoomGiftAmountBtn_off_border);
    border-radius: 12px;
    padding-left: 10px;
    position: relative; /* 確保相對定位 */
}

.live_hall_footer_recommend {
    display: flex;
    justify-content: center;
    align-items: center;
}

.live_hall_footer_recommend_container {
    position: relative;
}

.live_hall_footer_recommend_imag {
    width: 110px;
    height: 76px;
    position: relative;
    z-index: 10;
    cursor: pointer;
    top: -7px;
}

.recommend_number {
    position: absolute;
    top: 72%;
    right: 12px;
    transform: translateY(-50%);
    z-index: 11;
    color: white;
    font-size: 16px;
    padding: 5px;
}

.gifts_btn_img {
    width: 40px;
    height: 44px;
    margin-left: 10px;
    cursor: pointer;
}

.gift_popover {
    border-radius: 14px !important;
}

.live_hall_tab {
    height: 100%;
    overflow: hidden;
}
.live_hall_tab > .el-tabs__header {
    width: 100%;
    height: 74px;
    margin: 0;
    box-shadow: var(--floor_0);
}
.live_hall_tab .el-tabs__content {
    width: 100%;
    flex: calc(640px - 74px);
}
.live_hall_tab > .el-tabs__header .el-tabs__item {
    height: 74px;
    line-height: 74px;
    min-width: 80px;
    text-align: center;
    padding: 0;
}
.live_hall_tab > .el-tabs__header .el-tabs__item.live-hall-tab-notice-dot::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--notice_bg);
    position: absolute;
    right: 20px;
    top: 20px;
}
.live_hall_type .el-button + .el-button {
    margin-left: -1px;
    border-radius: 0;
}
.live_hall_type .el-button:first-child {
    border-radius: 8px 0px 0px 8px;
}
.live_hall_type .el-button:last-child {
    border-radius: 0px 8px 8px 0px;
}

.card_list_item {
    height: 135px;
    width: 355px;
    background: var(--live_plazaSchedule_cardBg);
    border-radius: 6px;
    box-shadow: var(--live_plazaSchedule_cardBgShadow);
}
.card_list_item .league_img {
    width: 22px;
    height: 22px;
}
.card_item_header {
    border-bottom: 1px solid var(--live_plazaSchedule_cardUpDownLine);
    width: calc(100% - 20px);
    margin: auto;
    padding: 10px 0;
    font-size: 12px;
    position: relative;
    color: var(--event_titleTxt01);
}
.card_list {
    display: inline-flex;
    transition: all 0.5s ease-in-out;
}
.card_list_item + .card_list_item {
    margin-left: 13px;
}
.live_hall_card {
    position: relative;
    height: 150px;
}
.card_arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 201;
    border-radius: 50px;
}
.card_arrow_left {
    left: -15px;
}
.card_arrow_right {
    right: -15px;
}
.card_list_mask {
    width: 1200px;
    overflow: hidden;
    height: 150px;
    padding-left: 5px;
    margin-left: -5px;
    padding-top: 5px;
    margin-bottom: 15px;
}
.icon_anchor {
    border-radius: 2px;
    width: 16px;
    height: 16px;
    background: var(--function_error);
    position: relative;
}
.icon_anchor--line {
    display: block;
    position: absolute;
    width: 2px;
    height: 10px;
    border-radius: 1px;
    background: var(--icon_fixWhite);
    left: 50%;
    transform: translateX(-50%);
    bottom: 3px;
}
.icon_anchor--line::before,
.icon_anchor--line::after {
    content: '';
    position: absolute;
    width: 2px;
    border-radius: 1px;
    background: var(--icon_fixWhite);
    bottom: 0px;
}
.icon_anchor--line::before {
    height: 6px;
    left: -4px;
}
.icon_anchor--line::after {
    height: 4px;
    right: -4px;
}
.card_list_item .anchor_img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    overflow: hidden;
}
.card_list_item .live_img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
}
.card_item_info {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}
.card_item_anchor {
    font-size: 12px;
    width: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--live_plazaSchedule_cardLeftRightLine);
    position: relative;
}
.card_item_liveAnchor {
    font-size: 12px;
    width: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.card-item-pk-live-icon {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 19%;
}
.card-item-pk-live-icon > img {
    width: 12px;
    height: 14px;
}
.card-item-red-packet-live-icon {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 19%;
}
.card-item-red-packet-live-icon > img {
    width: 24px;
    height: 24px;
}
:root {
    --team-img: 30px;
    --team-row: row;
    --team-left-row: row;
    --team-right-row: row-reverse;
    --team-info-row: column;
    --team-width: 120px;
    --team-left-align: flex-start;
    --team-right-align: flex-end;
    --team-margin: 5px 0;
    --score-size: 20px;
}
[anchor-item='true'] {
    --team-img: 20px;
    --team-row: column;
    --team-left-row: row;
    --team-right-row: row;
    --team-info-row: row;
    --team-width: 170px;
    --team-left-align: center;
    --team-right-align: center;
    --team-margin: 0 5px;
    --score-size: 18px;
}
.card_team_img {
    width: var(--team-img);
    height: var(--team-img);
}
.card_item_liveTitle {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 10px 0 0;
    cursor: pointer;
}
.card_liveTitle_title {
    width: 100%;
    max-width: 260px;
    padding: 5px 0;
    font-size: 16px;
    color: var(--nav_btnTxt);
}
.card_liveTitle_anchorName {
    width: 100%;
    max-width: 260px;
    padding: 5px 0;
    font-size: 14px;
    color: var(--live_plazaSchedule_anchorNameTxt);
}
.card_item_team {
    flex: 1;
    display: flex;
    flex-direction: var(--team-row);
    align-items: center;
    padding: 0 10px;
    cursor: pointer;
}
.card_team_info {
    display: flex;
    flex-direction: var(--team-info-row);
    align-items: center;
}
.card_team_left {
    display: flex;
    justify-content: space-between;
    flex-direction: var(--team-left-row);
    align-items: center;
    width: 100%;
    padding: 5px 0;
}
.card_team_right {
    display: flex;
    justify-content: space-between;
    flex-direction: var(--team-right-row);
    align-items: center;
    width: 100%;
    padding: 5px 0;
}
.card_team_name {
    max-width: var(--team-width);
    font-size: 14px;
    color: var(--live_plazaSchedule_teamTxt);
    margin: var(--team-margin);
}
.card_team_score {
    font-size: var(--score-size);
    color: var(--live_plazaResult_totalScoreTxt);
    font-weight: bold;
}
.card_team_left .card_team_info {
    align-items: var(--team-left-align);
}
.card_team_right .card_team_info {
    align-items: var(--team-right-align);
}
.card_list_item.active {
    position: relative;
}
.card_list_item.active::after {
    content: '';
    position: absolute;
    pointer-events: none;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 6px;
    border: 2px solid var(--live_plazaSchedule_cardBgBorder_active);
    left: 0;
    top: 0;
}
.card_list_item.active::before {
    content: '';
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: var(--live_plazaSchedule_cardBgBorder_active) transparent transparent transparent;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.info_team_img {
    width: 42px;
    height: 42px;
}
.card_info {
    width: 12px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    margin: 0 2px;
    border-radius: 2px;
}
.card_yellow {
    background: var(--event_teamYellowCardBg);
    color: var(--event_teamCardTxt);
}
.card_red {
    background: var(--event_teamRedCardBg);
    color: var(--event_teamCardTxt);
}
.info_game_left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    height: 74px;
}
.info_game_right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    height: 74px;
}
.info_game_right .info_btn {
    display: flex;
    padding: 2px 23px;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    border: none;
    border-radius: 100px;
    background: var(--nav_btnBg);
    box-shadow: var(--nav_btnShadow);
    min-width: 80px;
    min-height: 32px;
}
.info_game_right .info_img {
    width: 16px;
    height: 16px;
}
.info_game_right .info_msg {
    color: var(--nav_btnTxt);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.info_game_right .disable_info_msg {
    color: var(--nav_btnTxt_dis);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.info_game_img {
    width: 52px;
    height: 35px;
}
.info_game_name {
    overflow: hidden;
    color: var(--nav_btnTxt);
    text-overflow: ellipsis;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.info_game_anchor_img {
    width: 24px;
    height: 24px;
    border-radius: 50px;
    overflow: hidden;
}
.info_team_score {
    color: var(--nav_btnTxt);
    font-weight: bold;
    font-size: 26px;
    min-width: 60px;
}
.info_team_name {
    font-size: 14px;
    color: var(--live_plazaSchedule_teamTxt);
    padding-bottom: 5px;
    max-width: 270px;
}
.info_game_time {
    font-size: 13px;
    color: var(--live_plazaSchedule_timeTxt);
    min-width: 80px;
    text-align: center;
}
.info_game_corner {
    font-size: 12px;
    color: var(--live_plazaSchedule_dataTxt);
    padding-top: 5px;
}
.info_game_corner_icon {
    width: 9px;
    height: 9px;
    margin-right: 5px;
    display: block;
    position: relative;
    font-size: 15px;
}
.info_otherLive_title {
    color: var(--nav_btnTxt);
    font-weight: bold;
    font-size: 20px;
    max-width: 1200px;
}
.info_otherLive_img {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    overflow: hidden;
}
.info_otherLive_anchor {
    font-size: 14px;
    color: var(--live_plazaSchedule_teamTxt);
}
.info_otherLive_time {
    font-size: 12px;
    color: var(--live_plazaSchedule_teamTxt);
}
/* .more_link_btn{
	border: 1px solid var(--anchor-info-border);
	border-radius: var(--button-radius);
	min-width: 75px;
	min-height: 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: var(--anchor-info-title);
	font-size: 12px;
	margin-top: 20px;
} */
/* .bet_area_name{
	position: relative;
	font-size: 12px;
	background: var(--league-filter-bg);
	padding-left: 20px;
	margin: 5px 0;
} */
/* .bet_area_name::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 55%;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    background: var(--icon_primaryS_normal);
  } */
.bet_area_btn {
    padding: 7px 2px;
}
.bet_area_btn .bet_btn.el-button {
    height: 36px;
    line-height: 1;
    margin: 0 5px;
}
.bet_area_team {
    font-size: 12px;
    color: var(--anchor-info-title);
    text-align: center;
    padding-top: 5px;
}
.bet_area_info {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.bet_area_markets,
.bet_area_info .bet_area_markets div {
    width: 100%;
}
.bet_area_no_bet {
    width: 100%;
    height: 100%;
}
.bet_area_no_bet img {
    width: 150px;
    height: 150px;
}
.bet_area_no_bet p {
    margin-top: 12px;
    color: var(--function_systemNoticeTxt);
}
.video_game_playground {
    display: flex;
    padding: 12px 16px 12px 12px;
    gap: 16px;
}
.video_game_left_area {
    width: 281px;
    height: 500px;
    flex-shrink: 0;
    border-radius: 6px;
}
.video_game_right_area {
    width: 569px;
    height: 481px;
    flex-shrink: 0;
}
.video_game_right_ifram_area {
    width: 569px;
    height: 481px;
    border-radius: 15px;
    border: 0;
}
.video_game_right_maintain_area {
    width: 577px;
    height: 500px;
    flex-shrink: 0;
}
.video_game_right_maintain_img {
    width: 569px;
    height: 481px;
    flex-shrink: 0;
}
.video_area,
.video_area > *,
.video_area_info > * {
    width: 100%;
    height: 100%;
}
.video_area_animation {
    width: 100%;
    height: 100%;
}
.video_area_info {
    color: var(--live_fullScreenV_topInfoTxt);
    background-color: var(--mask);
}
.video_info_sport_background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.video_info_sport_background_mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--mask);
}
.video_area_info .anchor_img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    overflow: hidden;
}
.video_area_info .anchor_name {
    font-size: 12px;
    text-align: center;
}
.video_info_wait {
    font-size: 16px;
    text-align: center;
    background: var(--mask);
    background-clip: text;
    -webkit-background-clip: text;
    color: var(--live_halfscreenFullScreenV_noticeTxt02);
}
.video_info_event_name {
    font-size: 12px;
    text-align: center;
}
.video_info_team_img {
    width: 42px;
    height: 42px;
}
.video_info_team_name {
    font-size: 14px;
    width: 220px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; /*行數*/
    -webkit-box-orient: vertical;
    white-space: normal;
}
.video_info_game_time {
    font-size: 12px;
    text-align: center;
}
.video_disclaimer_mask {
    width: 100%;
    height: 100%;
    z-index: 2;
}
.video_disclaimer_box {
    width: 100%;
    height: 100%;
    position: relative;
}
.video_disclaimer {
    position: absolute;
    width: 268px;
    padding: 12px;
    top: 41px;
    right: 14px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    border: 1px solid var(--video-disclaimer-tips-border);
}
.video_disclaimer_icon {
    position: absolute;
    border: 2px solid var(--video-disclaimer-border);
    border-radius: 50px;
    width: 20px;
    height: 20px;
    top: 14px;
    right: 14px;
    z-index: 2;
}
.video_disclaimer_icon::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    background: var(--video-disclaimer-text);
    border-radius: 50px;
    left: 50%;
    top: 3px;
    transform: translateX(-50%);
}
.video_disclaimer_icon::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 7px;
    background: var(--video-disclaimer-text);
    border-radius: 50px;
    left: 50%;
    bottom: 3px;
    transform: translateX(-50%);
}
.video_disclaimer_icon.active::before,
.video_disclaimer_icon.active::after {
    background: var(--video-disclaimer-text-active);
}
.video_disclaimer_title {
    font-size: 14px;
}
.video_disclaimer_content {
    font-size: 12px;
    line-height: 22px;
    margin-top: 4px;
}

/*遊戲下拉選單返水跟標題*/
.type_img_text {
    font-family: sans-serif;
    font-size: 18px;
    transform: scaleX(0.98);
    transform-origin: left center;
    margin-bottom: 10px;
    color: var(--n2casino_mainTitlelEnTxt);
}
.game_fs_text {
    font-size: 95px;
    font-family: 'AKROBAT';
    white-space: nowrap;
    height: 100px;
    line-height: 100px;
}
.game_fs_text > div {
    display: inline-block;
    transform: scaleX(0.8);
    transform-origin: left center;
    letter-spacing: -6px;
    color: var(--n2casino_mainTitlelTxt);
}
.game_fs_text div:first-child {
    padding-right: 18px;
}
.game_fs_text div:first-child::after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 10px;
    background: var(--n2casino_mainTitlelTxt);
    transform: translateX(14px);
}
.game_fs_text div:last-child {
    margin-left: -13px;
}
.game_fs_text div:last-child::after {
    content: '%';
    display: inline-block;
    font-size: 45px;
    font-weight: bold;
    transform: scaleY(0.6) translateY(10px);
    padding-left: 10px;
    color: var(--n2casino_mainTitlelTxt);
    padding-right: 10px;
}

/*聊天室*/
.chat-close {
    height: calc(580px - 74px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.chat-close.has-anchor-info {
    height: calc(580px - 74px - (56px + 5px) - 60px); /* 減去 anchor-info、sendbox高度 */
}

.chat-close-img {
    width: 150px;
    height: 150px;
    display: block;
}

.chat-close-message {
    display: flex;
    justify-content: center;
    color: var(--function_systemNoticeTxt);
    margin-top: 12px;
}

.chat-anchor-info {
    display: flex;
    width: 100%;
    height: 48px;
    justify-content: left;
    align-items: center;
    background-color: var(--floor__1);
    margin-bottom: 5px;
    padding: 8px 12px;
    position: sticky;
    top: 0;
    z-index: 1;
}

.chat-anchor-info .chat-anchor-img {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    overflow: hidden;
    cursor: pointer;
}

.chat-anchor-btn-box {
    display: flex;
    position: absolute;
    width: 100px;
    right: 0px;
    align-items: center;
    justify-content: flex-end;
    margin: 10px;
}

.chat-anchor-title {
    padding-left: 8px;
    font-weight: 500;
    color: var(--live_halfScreen_anchorCardName);
}

.chat-anchor-follow {
    display: flex;
    height: 24px;
    width: 24px;
    padding: 0px 3px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 100px;
    background: var(--icon_bg02);
    box-shadow: var(--live_halfScreen_anchorCardFollowShadow);
    cursor: pointer;
}

.chat-anchor-follow-show {
    display: flex;
    width: 60px;
    height: 24px;
    padding: 0px 4px;
    gap: 2px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    cursor: pointer;
    border-radius: 100px;
    border: var(--live_halfScreen_anchorCardFollowBorder_on);
    background: var(--live_halfScreen_anchorCardFollowBg_on);
    box-shadow: var(--live_halfScreen_anchorCardFollowShadow);
}

.chat-anchor-follow-show-active {
    display: flex;
    position: absolute;
    padding: 0px 4px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
}

.chat-anchor-follow-show-text {
    color: var(--live_halfScreen_anchorCardFollowAmount);
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}

.chat-scroll-btn {
    display: flex;
    padding: 8px 12px;
    position: absolute;
    top: 350px;
    right: 0;
    z-index: 1;
}

.chat-scroll-btn-img {
    width: 28px;
    height: 28px;
    cursor: pointer;
}

.chat-window {
    width: 100%;
    overflow-y: auto;
    font-family: PingFang SC;
}

.chat-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0px 10px 10px 10px;
}

.chat-message {
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    word-break: break-all;
    display: flex;
}

.chat-message .chat-player {
    white-space: nowrap;
    color: var(--live_halfScreen_chatRoomMsgTxt_normal);
    cursor: pointer;
}

.chat-message .chat-player-content {
    white-space: pre-wrap;
    color: var(--live_halfScreen_chatRoomMsgTxt_normal);
}

.chat-message .chat-anchor-content {
    white-space: pre-wrap;
    color: var(--live_common_chatRoomMsgTxt_anchor);
}

.chat-message .chat-official-content {
    white-space: pre-wrap;
    color: var(--live_common_chatRoomMsgTxt_official);
}

.chat-message .chat-guess-content {
    white-space: pre-wrap;
    color: var(--live_common_chatRoomMsgTxt_guess);
}

.chat-message .chat-tag {
    word-wrap: break-word;
    display: inline-block;
    margin-right: 4px;
}
.chat-message .chat-tag:last-of-type {
    margin-right: 0;
}
.chat-message .chat-tagged {
    color: var(--live_common_chatRoomMsgTxt_tag);
    font-weight: 600;
}

.chat-auto-message-btn {
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    width: 54px;
    min-height: 28px;
}
.chat-auto-message-btn.theme_main_btn.el-button {
    border-radius: 40px;
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
}

.chat-icon {
    width: 14px;
    height: 20px;
}

.chat-title {
    width: 45px;
    font-size: 12px;
    color: var(--live_common_chatRoomLabelTxt);
    font-weight: bold !important;
    text-align: center;
}
.chat-title .anchor {
    width: 40px;
    background-color: var(--live_common_chatRoomMsgTxt_anchor);
    border-radius: 2px;
}

.chat-title .official {
    width: 40px;
    background-color: var(--live_common_chatRoomMsgTxt_official);
    border-radius: 2px;
}

.chat-title .guessing {
    width: 40px;
    background: var(--live_common_chatRoomMsgBg_guess);
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chat-system-title {
    width: 74px;
    font-size: 14px;
    color: var(--live_common_chatRoomMsgTxt_emphasize);
}

.chat-system-content {
    flex: 1 1 0%;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    word-break: break-all;
    color: var(--live_common_chatRoomMsgTxt_emphasize);
}

.chat-input-container {
    position: relative;
    width: 100%;
}
.chat-input-outer {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: var(--live_halfScreen_chatRoomInputBg);
    padding-left: 8px;
}
.chat-input-tag {
    padding: 0 4px;
    background: var(--chat-input-tag-bg);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: var(--chat-input-tag-text);
    display: flex;
    align-items: center;
    cursor: pointer;
}
.chat-input-tag span {
    margin-right: 2px;
}
.close-input-tag {
    color: var(--chat-input-tag-remove);
}
.chat-input {
    display: flex;
    padding: 8px 30px 8px 4px;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    width: 100%;
    background-color: var(--live_halfScreen_chatRoomInputBg);
    font-family: PingFang;
    color: var(--input_messageNormalTxt);
}
.chat-input::placeholder {
    color: var(--live_halfScreen_chatRoomInputTxt_Prompt);
}

.chat-input-button {
    padding-left: 5px;
    background-color: transparent;
    cursor: pointer;
}
.chat-input-emoji-box {
    position: absolute;
    width: 32px;
    height: 32px;
    padding: 8px;
    top: 50%;
    right: 1%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.chat-sendbox {
    width: 100%;
    height: 60px;
    padding: 12px 6px 12px 12px;
    box-shadow: var(--popup_sheet_commonBtmShadow02);
    display: flex;
    background: var(--popup_sheet_commonBtmBg02);
}

.chat-sticker-img-container {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: baseline;
    width: 40px;
    height: 40px;
    position: relative;
}

.chat-sticker-container {
    background: var(--popup_sheet_commonBg01);
    display: flex;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 318px;
    bottom: 0;
}

.chat-sticker {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    width: 300px;
    height: 275px;
    overflow-y: auto;
    gap: 16px;
    padding: 5px 18px 0 18px;
}

.chat-sticker-lock-bg {
    display: flex;
    width: 14px;
    height: 14px;
    justify-content: center;
    align-items: center;
    background: var(--fixB_50);
    border-radius: 10px;
}

.chat-sticker-lock {
    position: absolute;
    font-size: 12px;
    color: var(--icon_fixWhite);
    position: relative;
    z-index: 1;
    display: flex;
    width: 14px;
    height: 14px;
    right: 0;
    bottom: 0px;
}

.chat-sticker-img {
    display: flex;
    width: 40px;
    height: 40px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.chat-room-sticker-img {
    width: 40px;
    height: 40px;
}

.chat-sticker-tag-container {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    color: var(--chat-sticker-tag-icon);
}

.chat-sticker-tag-arrow-left {
    position: sticky;
    display: flex;
    width: 30px;
    height: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: var(--popup_sheet_commonBg01);
}

.chat-sticker-tag-arrow-right {
    position: sticky;
    display: flex;
    width: 30px;
    height: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: var(--popup_sheet_commonBg01);
}

.chat-sticker-tag {
    display: inline-flex;
    justify-content: flex-start;
    justify-items: center;
    align-items: center;
    position: absolute;
    top: 275px;
    left: 0;
    width: 300px;
    height: 46px;
    flex: 1;
    flex-shrink: 0;
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: auto;
    background: var(--popup_sheet_commonBg01);
}

.chat-sticker_tag_default_img {
    font-size: 20px;
}

.chat-sticker_tag_lock_mask {
    position: absolute;
    width: 28px;
    height: 17px;
    border-radius: 28px;
    margin-top: 10px;
    z-index: 1;
}

.chat-sticker-tag-img {
    display: flex;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.chat-sticker-tag-img:focus {
    background-color: red;
}

.chat-sticker-tag-lock-mask {
    display: flex;
    position: absolute;
    width: 28px;
    height: 17px;
    border-radius: 28px;
    margin-top: 10px;
    z-index: 1;
    background: var(--mask);
    justify-content: center;
    align-items: center;
    top: 5px;
}

.chat-sticker-tag-lock {
    font-size: 12px;
    color: var(--icon_fixWhite);
}

.chat-unlock-area {
    display: flex;
    height: 20px;
    flex-shrink: 0;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}

.chat-unlock-img {
    width: 56px;
    height: 20px;
}

.chat-unlock-tooltips {
    position: absolute;
    width: 16px;
    height: 16px;
    top: -14px;
}

.chat-unlock-tip {
    display: inline-table;
    position: absolute;
    max-width: 200px;
    z-index: 2;
    top: 25px;
    padding: 8px;
    height: 64px;
    border-radius: 4px;
    background: var(--popup_tooltips01_bg);
    border: 1px solid var(--popup_tooltips01_border);
    box-shadow: var(--popup_tooltips01_shadow);
}

.chat-unlock-tip-msg {
    display: flex;
    position: relative;
    z-index: 1;
    color: var(--popup_tooltips01_txt);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    max-width: 200px;
    white-space: pre-wrap;
}

.chat-unlock-tip-title-bg {
    width: 58px;
    height: 20px;
    border-radius: 4px;
    background: var(--live_halfScreen_chatRoomStickerUnlockBg);
    padding: 0 8px 0 8px;
    box-shadow: var(--live_halfScreen_chatRoomStickerUnlockShadow);
}

.chat-unlock-tip-title {
    color: var(--live_halfScreen_chatRoomStickerUnlockText);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    gap: 2px;
}
.chat-unlock-tip-title .el-icon-lock {
    color: var(--icon_primaryS_normal);
}
.chat-unlock-tip-text {
    display: flex;
    color: var(--live_halfScreen_chatRoomKBNormalTxt1);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 208px;
    overflow: hidden;
}

.chat-unlock-error {
    display: flex;
    position: absolute;
    z-index: 2;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 50px;
    top: 50%;
    flex-shrink: 0;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.5);
}

.chat-unlock-error-text {
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.chat-sendbox .send-icon {
    padding-left: 5px;
    width: 30px;
    height: 30px;
}

.chat-speech-guide-mask-view {
    position: absolute;
    top: 125px;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}

.chat-speech-guide-main {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 16px 16px;
    background: var(--popup_sheet_commonBg01);
    color: var(--popup_sheet_restrictTitle);
}

.chat-speech-guide-info-block-inner {
    position: relative;
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--popup_sheet_restrictBorder01);
    background: var(--caht-room-speech-normal-bg);
    padding: 16px;
}

.chat-speech-guide-info-block-inner-error-border {
    border: 1px solid var(--popup_sheet_restrictBorder02);
}

.chat-speech-guide-inner-info-box {
    width: 100%;
    height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.chat-speech-guide-inner-info-title {
    display: flex;
    font-size: 14px;
    color: var(--popup_sheet_restrictText01);
}

.chat-speech-guide-inner-info-text {
    font-size: 14px;
    font-weight: bold;
    color: var(--popup_sheet_restrictText02);
}

.chat-speech-guide-inner-info-error-text {
    color: var(--function_error);
}
.chat-speech-guide-inner-info {
    color: var(--popup_sheet_restrictText02);
}

.chat-speech-guide-match-style {
    position: absolute;
    top: 0;
    right: 0;
}

.chat-speech-guide-match-img {
    width: 36px;
    height: 16px;
}

.chat-speech-guide-match-text {
    width: 36px;
    height: 16px;
    text-align: center;
    font-size: 11px;
    color: var(--popup_sheet_restrictLabelTxt);
    background: var(--popup_sheet_restrictLabelBg);
    border-radius: 0 30px 0 50px;
}

.chat-anchor-dialog-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--mask);
    z-index: 1;
}

.chat-anchor-dialog-container {
    display: flex;
    position: absolute;
    width: 300px;
    flex-direction: column;
    align-items: flex-start;
    background: var(--popup_sheet_commonBg01);
    bottom: 0;
    z-index: 1;
    border-radius: 8px 8px 0 0;
}

.chat-anchor-dialog-bg {
    width: 300px;
    height: 63px;
    background: var(--chat-anchor-dialog-bg);
}

.chat-anchor-dialog-top {
    display: flex;
    width: 300px;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    bottom: 0px;
    background: var(--popup_popup_commonBg);
}

.chat-anchor-content-top .chat-anchor-avatar-box {
    display: flex;
    width: 105px;
    flex-direction: column;
    align-items: center;
    gap: -23px;
    flex-shrink: 0;
}

.chat-anchor-content-top .chat-anchor-avatar {
    display: flex;
    width: 72px;
    height: 72px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}

.chat-anchor-dialog-content {
    display: flex;
    padding: 10px 5px 10px 5px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.chat-anchor-dialog-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 63px;
    border-radius: 8px;
    background-image: var(--live_hostList_LinearBg);
}

.chat-anchor-dialog-content-top {
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 1;
}

.chat-anchor-dialog-content-top .chat-anchor-avatar-box {
    display: flex;
    width: 105px;
    flex-direction: column;
    align-items: center;
    gap: -23px;
    flex-shrink: 0;
}

.chat-anchor-dialog-content-top .chat-anchor-avatar-circle {
    position: absolute;
    width: 80px;
    height: 80px;
}

.chat-anchor-dialog-content-top .chat-anchor-icon-box {
    display: flex;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 12px;
    z-index: 2;
}

.chat-anchor-dialog-content-top .chat-anchor-icon-close {
    display: flex;
    position: relative;
    width: 20px;
    height: 20px;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    color: var(--icon_navArrow);
}

.chat-anchor-dialog-content-top .chat-anchor-avatar {
    display: flex;
    width: 52px;
    height: 52px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}

.chat-anchor-content-top {
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 1;
}

.chat-anchor-content-top .intro {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 4px;
    z-index: 1;
}

.chat-anchor-content-top .chat-anchor-avatar-circle {
    position: absolute;
    width: 80px;
    height: 80px;
}

.chat-anchor-steam-status {
    display: flex;
    position: absolute;
    bottom: 20px;
    padding: 2px 4px;
    align-items: center;
    gap: 2px;
    border-radius: 12px;
    color: var(--live_hostList_tagTxt);
}

.chat-anchor-steam-status-text {
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.chat-anchor-steam-status.online {
    background: var(--live_hostList_onAirTagBg);
}

.chat-anchor-steam-status.reservation {
    background: var(--live_hostList_reserveTagBg);
}

.chat-anchor-steam-status .online-icon {
    display: flex;
    width: 20px;
    height: 20px;
    padding: 3.333px 3.333px 3.03px 3.333px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.chat-anchor-dialog-content-top .intro {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 4px;
    z-index: 1;
}

.chat-anchor-dialog-content-top .title {
    color: var(--live_hostList_hostNameTxt);
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 100% */
}

.chat-anchor-dialog-content-top .follow-count {
    color: var(--live_hostList_subTxt);
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 175% */
}

.chat-anchor-hit-rate {
    display: flex;
    align-items: center;
    gap: 2px;
    color: #d3b599;
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.chat-anchor-hit-rate-area {
    display: flex;
    /*width: 172px;*/
    height: 25px;
    align-items: center;
    gap: 4px;
}

.chat-anchor-hit-rate-border {
    display: flex;
    padding: 0 0 0 8px;
    align-items: center;
    gap: 2px;
    border-radius: 100px;
    background: var(--live_hostList_rateBg);
}

.chat-anchor-hit-rate-text {
    color: var(--live_hostList_rateNumberBg);
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 175% */
}

.chat-anchor-hit-rate-percentage {
    display: flex;
    padding: 1px 4px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--live_hostList_rateNumberBg);
    color: var(--live_hostList_rateTxt);
}

.chat-anchor-hit-rate .tag-area .tag-text {
    color: var(--live_halfScreen_anchorCardTopicLabelTxt);
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.chat-anchor-dialog-content-top .tag-area {
    display: flex;
    width: 43px;
    height: 16px;
    padding: 1px 2px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 100px;
    background: var(--live_halfScreen_anchorCardTopicLabelBg);
}

.chat-anchor-dialog-content-top .tag-area .tag-img {
    width: 12px;
    height: 12px;
}

.chat-anchor-dialog-content-top .tag-area .tag-text {
    color: var(--live_halfScreen_anchorCardTopicLabelTxt);
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.chat-anchor-dialog-content-bottom {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    align-self: stretch;
    overflow: hidden;
    color: var(--live_hostList_subTxt);
    text-overflow: ellipsis;
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.chat-anchor-dialog-btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    padding: 12px 8px;
    gap: 11px;
    align-self: stretch;
}

.chat-anchor-dialog-btn-left {
    display: flex;
    height: 40px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    flex: 1 0 0;
    border-radius: 4px;
    border: var(--chat-anchor-dialog-btn-left-border);
    color: var(--chat-anchor-dialog-btn-left-color);
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chat-anchor-dialog-btn-right {
    display: flex;
    height: 40px;
    padding: 0px 7px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    border-radius: 4px;
    background: var(--chat-primary-color);
    box-shadow: -0.528px 0.528px 3.169px 0px rgba(0, 0, 0, 0.15);
    color: #fff;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chat-anchor-dialog-hit-rate {
    display: flex;
    align-items: center;
    gap: 1px;
    font-family: 'PingFang SC';
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
}

.chat-anchor-dialog-hit-rate-area {
    display: flex;
    /*padding: 0px 0px 0px 2px;*/
    width: auto;
    height: 16px;
    align-items: center;
    /*gap: 2px;*/
}

.chat-anchor-dialog-hit-rate-border {
    display: flex;
    padding: 0 0 0 2px;
    align-items: center;
    gap: 2px;
    border-radius: 100px;
    background: var(--live_hostList_rateBg);
}

.chat-anchor-dialog-hit-rate-text {
    color: var(--live_hostList_rateNumberBg);
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
}

.chat-anchor-dialog-hit-rate-percentage {
    display: flex;
    padding: 1px 4px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 100px;
    background: var(--live_hostList_rateNumberBg);
    color: var(--live_hostList_rateTxt);
}

.chat-general-info-text {
    text-align: center;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
}

.chat-general-info-box {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.chat-general-info-description {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.chat-general-button-area {
    display: flex;
    flex-direction: row;
    padding: 0px 24px 24px 24px;
    align-items: center;
    gap: 32px;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.chat-general-btn {
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.chat-general-btn .chat-general-button-cancle {
    display: flex;
    height: 45px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 4px;
    border: var(--chat-general-button-cancle-border);
    color: var(--chat-general-button-cancle-color);
    background: var(--chat-general-button-cancle-bg);
}

.chat-general-btn .chat-general-button-confirm {
    display: flex;
    height: 45px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 4px;
    background: var(--chat-general-button-confirm-bg);
    box-shadow: -0.5px 0.5px 3px 0px rgba(0, 0, 0, 0.15);
    color: var(--chat-general-button-confirm-color);
    border: 1px solid var(--chat-general-button-confirm-border);
}

.chat-transfer-info-box {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.chat-transfer-info-description {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.chat-transfer-info {
    display: flex;
    padding: 16px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 6px;
    border: var(--chat-transfer-info-border);
    background: var(--chat-transfer-info-bg);
}

.chat-transfer-info-text {
    text-align: center;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.chat-transfer-info-title {
    color: var(--chat-transfer-info-title);
}

.chat-transfer-info-anchor {
    display: flex;
    text-align: center;
    justify-content: center;
    width: 200px;
}

.chat-transfer-info-anchor-nickname {
    color: var(--chat-transfer-info-anchor-nickname);
}

.chat-transfer-info-anchor-img {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 15px;
}

.chat-transfer-button-area {
    display: flex;
    flex-direction: row;
    padding: 0px 24px 24px 24px;
    align-items: center;
    gap: 32px;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.chat-transfer-btn {
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.chat-transfer-btn .chat-transfer-button-cancle {
    display: flex;
    height: 45px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 4px;
    border: var(--chat-transfer-button-cancle-border);
    color: var(--chat-transfer-button-cancle-color);
    background: var(--chat-transfer-button-cancle-bg);
}

.chat-transfer-btn .chat-transfer-button-confirm {
    display: flex;
    height: 45px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 4px;
    background: var(--chat-transfer-button-confirm-bg);
    box-shadow: -0.5px 0.5px 3px 0px rgba(0, 0, 0, 0.15);
    color: var(--chat-transfer-button-confirm-color);
    border: 1px solid var(--chat-transfer-button-confirm-border);
}

/*#region 聊天室歡迎語入場特效*/
.chat_welcome_container {
    height: 80px;
    top: 120px;
    position: absolute;
}
.chat_welcome_default_bg_left {
    width: 126px;
    height: 40px;
    background: var(--chat-welcome-effect-default-bg);
}
.chat_welcome_default_bg_right {
    width: 84px;
    height: 40px;
    background-image: var(--chat-welcome-effect-default-bg-gradient);
}
.chat_welcome_bg {
    width: 210px;
    height: 40px;
    position: absolute;
}
.chat_welcome_vip_and_user_name_container {
    width: 170px;
}
.chat_welcome_vip_icon {
    height: 20px;
}
.chat_welcome_user_nick_name_text {
    height: 20px;
    font-size: 10px;
    text-align: center;
}
.chat_welcome_content_text {
    width: 170px;
    height: 20px;
    font-size: 10px;
    text-align: center;
}
.chat_welcome_svga {
    position: absolute;
    margin-left: 170px;
}

.chat-welcome-leave-active,
.chat-welcome-enter-active {
    transition: all 0.5s ease;
}

.chat-welcome-leave-from {
    transform: translateX(0%);
    opacity: 1;
}

.chat-welcome-leave-to {
    transform: translateX(-120%);
    opacity: 0.1;
}

.chat-welcome-enter-from {
    transform: translateX(-120%);
    opacity: 0.1;
}

.chat-welcome-enter-to {
    transform: translateX(0%);
    opacity: 1;
}
/*#endregion */

/*體育業主播列表*/
.anchor_list_header {
    background: var(--event_titleBg);
    height: 30px;
    font-size: 12px;
    padding: 0 5px;
    color: var(--event_titleTxt01);
}
.anchor_list_header .league_img {
    width: 22px;
    height: 22px;
}
.anchor_list .anchor_img {
    width: 40px;
    height: 40px;
    border-radius: 100px;
}
.anchor_list .team_img {
    width: 20px;
    height: 20px;
    margin-right: 3px;
}
.anchor_list .anchor_list_team {
    max-width: 170px;
    color: var(--event_teamText);
}
.anchor_list .anchor_list_score {
    font-size: 18px;
    color: var(--icon_primaryS_normal);
}
.anchor_list {
    border-bottom: 1px solid var(--n5_sectionItem_border);
}
/*體育詳情賽況頁籤*/
.live_tools_tab > .el-tabs__header .el-tabs__item {
    min-width: 80px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0 !important;
    color: var(--tools-tab-text);
}
.live_tools_tab > .el-tabs__header {
    margin: 0;
}
.live_tools_tab > .el-tabs__header {
    background: var(--tools-tab-bg);
    border-bottom: 1px solid var(--tools-tab-border);
}
.live_tools_tab > .el-tabs__header .el-tabs__item:hover,
.live_tools_tab > .el-tabs__header .el-tabs__item.is-active {
    color: var(--tools-tab-text-active);
}
.live_tools_tab > .el-tabs__header .el-tabs__active-bar {
    background-color: var(--tools-tab-text-active);
}
.disable > .pitch_box {
    cursor: no-drop !important;
}
.iconfont.icon-send {
    width: 25px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: transparent;
    background-clip: text;
    background-image: var(--icon_primaryL_04_normal);
}
.iconfont.icon-emoji {
    left: 0px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    /*color: transparent;*/
    background-clip: text;
    background-image: var(--icon_neutral01);
}
.iconfont.icon-keyboard {
    left: 0px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    /* color: transparent; */
    background-clip: text;
    background-image: var(--icon_neutral01);
}
.iconfont.icon-microphone {
    width: 20px;
    height: 20px;
    color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: transparent;
    background-clip: text;
    background-image: var(--live_halfScreen_anchorLive_microphone);
}
.iconfont.icon-shoucangA {
    font-size: 14px;
    color: var(--icon_primaryS_normal);
}
.iconfont.icon-shoucangB {
    font-size: 18px;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: var(--fixLive_heart);
}
.competition_collect.iconfont.icon-shoucangA {
    font-size: 18px;
    color: var(--function_error);
}
.ellipsis_tips.el-popper > .el-popper__arrow {
    display: block;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
}
.ellipsis_tips.el-popper {
    border: 1px solid rgba(225, 225, 225, 0.2);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
}
.ellipsis_tips.el-popper > .el-popper__arrow::before {
    border: 1px solid rgba(225, 225, 225, 0.2);
    border-left: none;
    border-top: none;
}
.icon-sport-list-corner:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--function_error);
}
.icon-sport-list-corner:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.game_score_info {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px;
}
.game_score_info > .item {
    padding: 0 5px;
    position: relative;
}
.game_score_info > .item + .item::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--detail-info-text);
}
.game_score_icon {
    display: block;
    width: 9px;
    height: 9px;
    position: relative;
    margin-right: 5px;
}
/*遊戲直播未登入*/
.live_game_hall_no_login {
    display: flex;
    justify-content: center;
    width: 569px;
    height: 481px;
    background: var(--live_fullScreenH_chatRoomKBg);
    border-radius: 15px;
}
/*直播大廳限制*/
.live_hall_limit_mask_error {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    right: 300px;
    background: var(--live_fullScreenH_chatRoomKBg);
}

.live_hall_limit_mask {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 74px;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
}
.live_hall_limit_anchor {
    z-index: 2;
    width: 450px;
}
.live_hall_limit_anchor_no_login {
    position: absolute;
    z-index: 2;
    margin-left: 350px;
}
.limit_anchor_img {
    z-index: 2;
    width: 40px;
    height: 40px;
}
.limit_anchor_name {
    z-index: 2;
    color: var(--live_fullScreenV_topInfoTxt);
    font-size: 12px;
}
.limit_anchor_text {
    z-index: 2;
    font-size: 16px;
    text-align: center;
    color: var(--live_halfscreenFullScreenV_noticeTxt02);
}
.live_hall_limit_term {
    z-index: 2;
    width: 450px;
}
.limit_term_item {
    position: relative;
    width: 345px;
    padding: 15px;
    border-radius: 12px;
    margin: 5px 0;
    color: var(--live_fullScreenV_restrictText01);
}
.limit_term_item > * {
    position: relative;
    z-index: 2;
}
.limit_term_item.active {
    border: 1px solid var(--live_fullScreenV_restrictBorder02);
}
.limit_term_item.active .limit_term_times {
    color: var(--functionFix_error);
}
.limit_term_item::after {
    content: '';
    position: absolute;
    border-radius: 12px;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--live_fullScreenV_restrictBg02);
    border: 1px solid var(--live_fullScreenV_restrictBorder01);
}
.limit_term_item.active::after {
    background: var(--live_fullScreenV_restrictBg02);
    opacity: 0.1;
}
.limit_term_match {
    position: absolute;
    border-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    background: var(--icon_primaryS_normal);
    color: var(--live_fullScreenV_restrictLabelTxt);
    font-size: 12px;
    right: 0;
    top: 0;
    padding: 0 5px;
}
.limit_term_note {
    width: 100%;
    padding: 5px 0;
}
.limit_term_note > p {
    max-width: 250px;
    word-break: break-word;
}
.limit_term_note > p:last-child {
    max-width: 50px;
    word-break: break-word;
    color: var(--live_fullScreenV_restrictText02);
}

.live_container {
    width: 1273px !important;
    padding: 27px 38px 42px 33px;
    background: var(--live-default-bg);
    background-blend-mode: multiply;
    border: 2px solid transparent;
    border-radius: 29px;
    transform: translateY(4%);
    margin: 0 auto;
}
.no_live_card_list_item {
    width: 356px;
    height: 123px;
    background: none;
    border-radius: 6px;
    box-shadow: var(--floor_0_shadow);
}
.no_live_card_list_item.active {
    position: relative;
}
.no_live_card_list_item.active::after {
    content: '';
    position: absolute;
    pointer-events: none;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 6px;
    border: 2px solid var(--icon_primaryS_normal);
    left: 0;
    top: 0;
    z-index: 1;
}
.no_live_card_list_item.active::before {
    content: '';
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: var(--icon_primaryS_normal) transparent transparent transparent;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.no_live_card_list_item + .no_live_card_list_item {
    margin-left: 13px;
}
/*首頁投注彈窗*/
.bet_dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.bet_dialog_overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.5);
}
.bet_dialog_area {
    background: var(--floor_0);
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    color: var(--cart_o_oddsTeamNews);
    font-size: 12px;
}
.bet_dialog_animation {
    animation: fadeIn 0.3s cubic-bezier(0, 0, 0.47, 1);
}
.bet_dialog_area .point_text:not([class$='_span']) {
    color: var(--cart_o_oddsTitle);
}
.bet_inquiry_info {
    min-height: 84px;
    position: relative;
    border-bottom: 1px solid var(--cart_o_cardBorder);
    overflow: hidden;
}
.bet_inquiry_info::before {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    top: 0;
    right: 85px;
    transform: translateY(-6px);
    pointer-events: none;
}
.bet_inquiry_info::after {
    content: '';
    position: absolute;
    pointer-events: none;
    right: 0;
    width: 91px;
    top: 10px;
    bottom: 0;
    border-left: 1px dashed var(--border_primaryL);
}
.bet_inquiry_stake {
    color: var(--bet-dialog-wager-text);
}
.quick_stake_btn {
    /* border: 1px solid var(--quick-stake-btn-border); */
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
    border-radius: 6px;
    flex: 1;
    height: 38px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.quick_stake_btn + .quick_stake_btn {
    margin-left: 5px;
}
.bet_dialog_input,
.bet_dialog_input .el-input__inner {
    font-size: 16px;
    font-weight: bold;
    border-color: var(--input_signIn02border_on);
}
.bet_dialog_input .el-input__prefix {
    color: var(--input_messageNormalTxt);
    padding-left: 8px;
}
.bet_outcome_info {
    border-bottom: 1px solid var(--bet-dialog-info-border);
}
.bet_outcome_info {
    height: 53px;
}
@keyframes fadeIn {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0%);
    }
}
.icon-check-record::before {
    position: absolute;
    color: var(--bet-dialog-text-active);
}
.icon-bet-alert {
    position: relative;
}
.icon-bet-alert::before {
    position: absolute;
    z-index: 1;
    color: var(--icon_popup_primaryS);
}
.icon-bet-alert::after {
    position: absolute;
    right: 0;
    z-index: 0;
    color: var(--icon_popup_secondary);
}
.icon-bet-alert > .iconfont {
    position: relative;
    z-index: 2;
    color: var(--icon_popup_primaryS);
}
.no_live_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 0;
    background: var(--floor_0);
}
.no_live_bg::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0.5;
    background: var(--nolive-default-bg);
}
.no_live_bg::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: var(--nolive-default-bg-mask);
}
/* 直播影片區推單 */
.video_push_order_toggle {
    cursor: pointer;
    font-size: 12px;
    background: var(--push-order-toggle-bg);
    color: var(--push-order-toggle-text);
    position: absolute;
    border-radius: 4px 0 0 4px;
    top: 400px;
    right: 0px;
    padding: 4px 8px;
    transition: 0.3s;
    opacity: 0.9;
    z-index: 2;
}
.video_order_num {
    background: var(--pirmary-brightest);
    border-radius: 30% / 50%;
    color: var(--push-order-toggle-num-text);
    padding: 1px;
    padding-inline: 10px;
}
.video_push_order_toggle:active,
.video_push_order_toggle:focus,
.video_push_order_toggle:hover {
    background: var(--push-order-toggle-active);
    border-color: var(--push-order-toggle-active);
    color: var(--push-order-toggle-text-active);
    opacity: 0.9;
}

/* 直播影片區推單 transition 效果 */
.push_order_btn-enter-active,
.push_order_btn-leave-active {
    transition: all 0.25s ease;
}

.push_order_btn-enter-from,
.push_order_btn-leave-to {
    opacity: 0;
    transform: translateX(5px);
}

.push_order_list-enter-active,
.push_order_list-leave-active {
    transition: all 0.5s ease;
}

.push_order_list-enter-from,
.push_order_list-leave-to {
    opacity: 0;
    transform: translateX(30px);
}

.video_push_order_box {
    display: flex;
    flex-direction: row-reverse;
    max-width: 460px;
    height: 160px;
    position: absolute;
    top: 300px;
    right: 0;
    z-index: 2;
}

.video_push_order {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 1px;
    max-width: 460px;
    max-height: 158px;
    padding: 12px;
    border-radius: 6px;
    background-color: var(--push-order-area-bg);
    color: #fff;
}

.video_push_order_close_btn {
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 20px;
    padding: 0;
    top: -8px;
    right: 12px;
    font-size: 20px;
    border-radius: 50%;
    background-color: var(--push-order-area-bg);
    color: #fff;
    z-index: 3;
}
/* 推單小卡樣式 */
.order_card {
    box-sizing: border-box;
    background-color: var(--push-order-card-bg);
    color: var(--push-order-card-txt);
    margin-inline: 1px;
    width: 140px;
    height: 134px;
    border-radius: 4px;
}
.order_card_title {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px 4px 0 0;
    height: 22px;
    font-size: 12px;
    line-height: 14px;
    background-color: var(--push-order-card-header-bg);
    color: var(--push-order-card-header-text);
}
.order_card_content {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    padding-inline: 8px;
    justify-content: center;
    align-items: center;
}
.order_card_content p {
    height: 16px;
    font-size: 12px;
    line-height: 16px;
}
.order_odds_area {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-size: 12px;
    margin-top: 4px;
    width: 100%;
    max-height: 24px;
    padding: 4px 8px 4px 8px;
    border: 1px solid var(--push-order-odds-area-border);
    border-radius: 4px;
    background: var(--push-order-odds-area-bg);
}
.order_gray {
    line-height: 16px;
    color: var(--push-order-card-subtxt);
}
.order_btn_list {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: space-around;
    margin-inline: auto;
    margin-top: 8px;
    width: 90%;
}
.order_btn {
    width: 100%;
    min-height: 24px;
    padding: 4px;
    border-radius: 4px;
    background: var(--push-order-btn-gradient);
    color: var(--push-order-btn-txt);
    border: none;
    transition: 0.3s;
}
.order_btn.is-disabled {
    background: var(--push-order-btn-disabled-bg);
    color: var(--push-order-btn-txt);
}
.order_btn.is-disabled:hover,
.order_btn.is-disabled:focus,
.order_btn.is-disabled:active {
    cursor: not-allowed;
    background: var(--push-order-btn-disabled-bg);
    color: var(--push-order-btn-txt);
    filter: brightness(1);
}
.order_btn:hover,
.order_btn:active,
.order_btn:focus {
    background: var(--push-order-btn-gradient);
    color: var(--push-order-btn-txt);
    filter: brightness(1.05);
}
.push_order_ellipsis {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-room {
    position: relative;
}
.send-box-btn {
    background-color: transparent;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.open-share-order-icon {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: transparent;
    background-clip: text;
    background-image: var(--icon_primaryL_04_normal);
}
.share-order-btn {
    margin-left: 8px;
}
.share-order-drawer {
    width: 100%;
    height: calc(640px - 74px - 60px);
    position: absolute;
    top: 74px;
    left: 0;
}
.share-order-drawer .el-tab-pane {
    height: 100%;
}
.no-share-order {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--function_systemNoticeTxt);
}
.share-order-list {
    width: 100%;
    padding-bottom: 8px;
}
.share-order-drawer > .footer {
    height: 60px;
    padding: 12px;
    border-top: 1px solid var(--popup_sheet_commonBorder);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    background: var(--popup_sheet_commonBtmBg02);
}
.footer-notice {
    height: 24px;
    display: flex;
    align-items: center;
    color: var(--n6_2_2vip_tblBtmTxt);
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
}

.share-order-drawer > .footer .el-button {
    width: 60px;
    min-height: 28px;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    padding: 0;
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
    border: none;
}
.share-order-content .setting_i {
    border: 1px solid var(--icon_neutral03);
    border-radius: 2px;
    color: transparent;
    background: transparent;
}
.share-order-content .el-radio__input.is-checked + .el-radio__label .setting_i {
    background: var(--icon_primaryS_normal);
    color: var(--icon_select);
    border: none;
}
.share-order-drawer .el-overlay {
    position: relative;
    top: 0;
    left: 0;
}
.share-order-drawer .el-drawer {
    height: calc(100% - 86px) !important;
}
.share-order-drawer .el-drawer__body {
    position: relative;
    height: 100%;
}
.close-drawer-btn {
    position: absolute;
    right: 10px;
    top: 3%;
    cursor: pointer;
}
.share-order-drawer .el-tabs {
    height: 100%;
}
.share-order-drawer .el-tabs__header {
    height: 44px;
    padding-left: 10px;
    margin: 0;
    background: var(--popup_sheet_commonBtmBg02);
}
.share-order-drawer .el-tabs__content {
    overflow: auto;
    height: calc(100% - 44px);
    padding-top: 8px;
    background-color: var(--popup_sheet_commonBg03);
}
.share-order-drawer .el-tabs__item:hover,
.share-order-drawer .el-tabs__item.is-active {
    color: var(--tab_home02_on);
}
.share-order-drawer .el-tabs__item {
    color: var(--tab_home02_off);
}
.share-order-drawer .el-tabs__active-bar {
    background: var(--tab_home02_on);
}
.share-order-content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
    padding: 0 4px;
}
.share-order-content:last-of-type {
    margin-bottom: 0;
}
.share-order-content .el-radio__label {
    display: flex;
    padding-left: 0;
}
.share-order-item-container {
    width: calc(100% - 5px);
    border-radius: 10px;
    box-shadow: var(--live_halfScreen_showoffCardShadow);
    background: var(--live_halfScreen_showoffCardBg);
    position: relative;
    padding-bottom: 7px;
}

.share-order-item-container .order-beautify {
    width: 220px;
    height: 48px;
}
.share-order-item-container .order-top-area {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
}
.share-order-item-container .win-text {
    color: var(--live_halfScreen_showoffCardOld_titleWin);
}
.share-order-item-container .lose-text {
    color: var(--live_halfScreen_showoffCardOld_titleLose);
}
.share-order-item-container .settled-result {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    width: 30px;
    height: 30px;
    margin-right: 6px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(-10deg);
}
.share-order-item-container .win-text > .settled-result {
    background-color: var(--live_halfScreen_showoffCardOld_titleWinBg);
}
.share-order-item-container .lose-text > .settled-result {
    background-color: var(--live_halfScreen_showoffCardOld_titleLoseBg);
}
.share-order-item-container .win-money {
    display: flex;
    align-items: center;
}
.share-order-item-container .order-top-area > .el-button {
    border-radius: 15px;
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
    min-height: 20px;
    padding: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 600;
    width: 54px;
    border: none;
}
.share-order-item-container .order-top-area > .el-button:hover,
.order-top-area > .el-button:active,
.order-top-area > .el-button:focus {
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
}
.share-order-item-container .share-order-drawer > .footer .el-button:hover {
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
}
.share-order-item-container .can-win {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    width: 35px;
    margin-right: 4px;
    text-align: center;
}
.share-order-item-container .get-money {
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
}
.share-order-item-container .share-order-content-box {
    width: 85%;
    min-height: 20px;
    padding-left: 11px;
    padding-right: 17px;
    display: flex;
    align-items: center;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    white-space: break-spaces;
    word-break: break-all;
    overflow-wrap: break-word;
}
.share-order-item-container .share-order-content-box span {
    display: flex;
    align-items: center;
    height: 100%;
}
.share-order-item-container .color-default {
    color: var(--live_halfScreen_showoffCardOld_typeTxt);
}
.share-order-item-container .color-secondary {
    color: var(--live_halfScreen_showoffCardOld_typeTxt);
}
.share-order-item-container .bold-text {
    font-weight: 600;
    color: var(--live_halfScreen_showoffCardOld_typeTxt);
}
.share-order-item-container .odds {
    border-radius: 4px;
    background: var(--live_halfScreen_showoffCardOld_oddsBg);
    color: var(--live_halfScreen_showoffCardOld_oddsTxt);
    padding: 0 4px;
    margin-right: 3px;
}
.share-order-item-container .share-order-principal {
    width: 100%;
    color: var(--live_halfScreen_showoffCardOld_cotTxt);
    justify-content: flex-end;
}
.share-order-item-container .live-tag {
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
}
.share-order-item-container .corner-icon {
    width: 15px;
    height: 13px;
}

.chat-share-order {
    width: 100%;
}
.chat-share-order-user {
    display: flex;
    margin-bottom: 5px;
}

/* 禮物 */
.open-gift-drawer-icon {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: transparent;
    background-clip: text;
    background-image: var(--icon_primaryL_04_normal);
}
.gift-btn {
    margin-left: 4px;
}
.gift-drawer {
    width: 100%;
    height: 314px;
    position: relative;
    border-radius: 14px;
    background-color: var(--floor__1);
}
.gift-drawer .gift_detail {
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 14px;
    background-color: var(--floor__1);
}
.gift-drawer .gift_detail .gift_image {
    width: 52px;
    height: 52px;
    margin-right: 10px;
}

.gift-drawer .gift_detail .gift_info {
    display: flex;
    flex-direction: column;
}

.gift-drawer .gift_detail .gift_info .gift_name {
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: var(--live_halfscreen_chatRoomGiftCardName);
}

.gift-drawer .gift_detail .gift_info .gift_amount {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--live_halfscreen_chatRoomGiftCardPrice);
    margin: 0;
}

.gift-drawer .el-overlay {
    position: relative;
    top: 0;
    left: 0;
}
.gift-drawer .el-drawer {
    height: calc(100% - 144px) !important;
}
.gift-drawer .el-drawer__body {
    position: relative;
    height: 100%;
}
.gift-drawer-header {
    height: 44px;
    padding: 0 8px 0 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--popup_sheet_commonBtmBg02);
    border-radius: 14px 14px 0 0;
}
.gift-drawer-header .el-checkbox__label {
    padding-left: 6px;
    color: var(--live_halfScreen_chatRoomKBNormalTxt1) !important;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
}

.gift-drawer-footer-content .el-checkbox.is-checked .el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--live_halfScreen_chatRoomKBNormalTxt1);
}

/* .el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--gift-text-default);
} */

.gift-drawer-footer-content .el-checkbox .el-checkbox__input .el-checkbox__inner {
    border-color: var(--live_halfscreen_chatRoomGiftAmountBtn_off_border);
}

.gift-drawer-footer-content .el-checkbox .el-checkbox__input .el-checkbox__inner:hover {
    border-color: var(--icon_neutral03);
}

.gift-drawer-footer-content .el-checkbox.is-checked .el-checkbox__input.is-checked .el-checkbox__inner::after {
    background-color: var(--icon_primaryS_normal);
    border-color: var(--icon_select);
}

.gift-drawer-amount-box {
    display: flex;
    align-items: center;
}
.gift-drawer-amount-label {
    color: var(--live_halfScreen_chatRoomKBNormalTxt2);
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
}
.gift-drawer-header .balance-text {
    color: var(--live_halfScreen_chatRoomKBNormalTxt1);
    font-family: Akrobat;
    font-size: 16px;
    font-weight: 600;
    margin-right: 4px;
    line-height: 100%;
}
.gift-recharge-btn {
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    width: 54px;
    min-height: 28px;
}
.gift-recharge-btn.theme_main_btn.el-button,
.gift-drawer-send-btn.theme_main_btn.el-button,
.gift-drawer-send-btn.theme_main_btn.el-button:hover {
    border-radius: 4px;
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
}

.gift-drawer-main {
    height: calc(100% - 44px - 86px);
    background-color: var(--floor_1);
    list-style: none;
    padding: 4px 16px 12px 16px;
    overflow-y: auto;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, 78px);
}
.gift-content {
    position: relative;
    width: 78px;
    /* height: 80px; */
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    border: 2px solid transparent;
    cursor: pointer;
    padding-top: 3px;
}
.gift-content-selected {
    border: 1px solid var(--live_halfscreen_chatRoomGiftCard_on_border) !important;
    border-radius: 4px;
    background: transparent;
}
.gift-content img {
    width: 52px;
    height: 52px;
    margin-bottom: 2px;
}
.gift-content .gift-name {
    color: var(--live_halfscreen_chatRoomGiftCardName);
    font-family: PingFang SC;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.gift-content .gift-amount {
    color: var(--live_halfscreen_chatRoomGiftCardPrice);
    font-family: PingFang HK;
}
.gift-badge-stemp-select {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 17px 17px;
    border-color: transparent transparent var(--icon_primaryS_normal) transparent;
    border-radius: 4px;
}
.gift-badge-stemp-select::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -7px;
    width: 3px;
    height: 6px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: var(--icon_select);
    transform: translateY(-50%) rotate(45deg);
}
.gift-badge {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 17px 17px;
    border-color: transparent transparent var(--icon_primaryS_normal) transparent;
    border-radius: 4px;
}
.gift-badge::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -7px;
    width: 3px;
    height: 6px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: var(--icon_select);
    transform: translateY(-50%) rotate(45deg);
}

.gift-drawer-footer {
    height: 86px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--popup_sheet_commonBtmBg02);
    border-radius: 0 0 14px 14px;
}
.gift-drawer-footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.gift-drawer-footer-content > ul {
    display: flex;
}
.gift-footer-btn {
    width: 50px;
    height: 28px;
    color: var(--live_halfscreen_chatRoomGiftAmountTxt);
    background: var(--live_halfscreen_chatRoomGiftAmountBtn_bg);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid var(--live_halfscreen_chatRoomGiftAmountBtn_off_border);
    border-radius: 4px;
    cursor: pointer;
}
.gift-quantity {
    position: relative;
    width: 42px;
    margin-right: 2px;
}
.gift-quantity:last-of-type {
    margin-right: 0;
}
.gift-footer-btn.gift-quantity-selected {
    border-color: var(--live_halfscreen_chatRoomGiftAmountBtn_on_border);
    background: var(--live_halfscreen_chatRoomGiftAmountBtn_bg);
    color: var(--live_halfscreen_chatRoomGiftAmountTxt);
}
.gift-drawer-amount-text {
    font-family: Akrobat;
    font-size: 18px;
    font-weight: 600;
    color: var(--live_halfScreen_chatRoomKBNormalTxt1);
    margin-left: 4px;
}
.gift-drawer-send-btn {
    width: 110px;
    min-height: 34px;
    padding: 0;
}

.chat-gift-content-text {
    color: var(--live_fullScreenVH_chatRoomMsgTxt_gift) !important;
}

.chat-gift-content-text .chat-gift-content-player {
    cursor: pointer;
}

.chat-room-gift-img {
    width: 20px;
    height: 20px;
    margin-left: 4px;
}
.gift-effect-container {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
}
.gift-refresh-span {
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--icon_neutral03);
    border-radius: 50px;
}
.gift-refresh-span.active {
    -webkit-animation: rotateIn 1s 0.2s linear infinite;
    -moz-animation: rotateIn 1s 0.2s linear infinite;
}
.gift-refresh-color {
    color: var(--icon_neutral03);
}

/* 聊天室稱號 */
.chatroom-badge-area {
    display: flex;
    align-items: flex-start;
    margin-right: 4px;
}
.chatroom-user-title {
    width: 58px;
    height: 20px;
    margin-left: 4px;
}
.user-title-dialog-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
}
.user-title-dialog-content img {
    width: 117px;
    height: 40px;
    margin-bottom: 8px;
}
.rules-area {
    display: flex;
}
.title-rules-tooltip-box {
    align-self: flex-end;
}
.title-rules-tooltip-box > .el-icon-warning-outline {
    cursor: pointer;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: var(--icon_primaryS_normal);
    transform: rotate(180deg);
}
.user-title-rules-tooltip {
    background: var(--popup_tooltips01_bg) !important;
    color: var(--popup_tooltips01_txt);
    border: 1px solid var(--popup_tooltips01_border) !important;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35) !important;
}
.user-title-rules-tooltip > .el-popper__arrow {
    display: block;
    top: -6px !important;
    left: 54.5% !important;
    transform: translate(-50%, 0) !important;
}
.user-title-rules-tooltip > .el-popper__arrow::before {
    background: var(--popup_tooltips01_bg) !important;
    border: 1px solid var(--popup_tooltips01_border) !important;
    border-left: none;
    border-top: none;
}

.user-title-desc-tooltip {
    background: var(--popup_tooltips01_bg) !important;
    color: var(--popup_tooltips01_txt);
    border: 1px solid var(--popup_tooltips01_border) !important;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35) !important;
}
.user-title-desc-tooltip > .el-popper__arrow {
    display: block;
    top: -6px !important;
    left: 50.5% !important;
    transform: translate(-50%, 0) !important;
}
.user-title-desc-tooltip > .el-popper__arrow::before {
    background: var(--popup_tooltips01_arrow) !important;
    border-left: 1px solid var(--popup_tooltips01_border) !important;
    border-right: none !important;
    border-bottom: none !important;
    border-top: 1px solid var(--popup_tooltips01_border) !important;
}
.user-title-desc-tooltip .desc-content {
    width: 200px;
    white-space: pre-line;
    line-height: 20px;
}
.user-title-dialog-content .user-title-desc {
    white-space: pre-line;
    line-height: 20px;
    width: 186px;
}

/* 貢獻度排行榜 */
.contribution-ranking-btn {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    cursor: pointer;
}
.contribution-ranking-title {
    color: var(--contribution-Ranking-text-default);
    font-family: PingFang TC;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
}
.contribution-ranking-drawer-list {
    height: calc(100% - 60px);
    overflow-y: auto;
    list-style: none;
    padding-bottom: 10px;
}
.contribution-ranking-drawer-no-data {
    height: calc(100% - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--function_systemNoticeTxt);
}
.contribution-ranking-drawer-no-data > img {
    width: 135px;
    height: 126px;
    margin-bottom: 16px;
}
.contribution-ranking-drawer-list > li {
    padding-left: 6px;
    padding-right: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}
.contribution-ranking-drawer-list > li:last-of-type {
    margin-bottom: 0;
}
.ranking-sequence {
    width: 37px;
    color: var(--live_halfScreen_pkRankSheetNoTxt);
    font-family: Frick;
    font-size: 15px;
    font-weight: 700;
    line-height: 100%;
    -webkit-text-stroke: 1px var(--live_halfScreen_pkRankSheetNoTxt);
    display: flex;
    justify-content: center;
    align-items: center;
}
.ranking-sequence > img {
    width: 26px;
    height: 26px;
}
.user-contribution-content {
    width: 246px;
    height: 37px;
    border: 1px solid var(--n1_4_GS_Border);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
}
.user-contribution-content .content-text {
    color: var(--live_halfScreen_pkRank_rankSheetTxt);
    font-family: PingFang HK;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
}
.user-contribution-content-name {
    max-width: 84px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.contribution-ranking-drawer-footer {
    height: 60px;
    padding-left: 6px;
    padding-right: 8px;
    box-shadow: var(--popup_sheet_commonBtmShadow02);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* 聊天室搶紅包相關 */
.chatroom-red-envelope-icon {
    width: 20px;
    height: 20px;
}
/* 彈幕 */
.vjs-danmu-button {
    cursor: pointer;
}
.icon_barrage_outline {
    font-size: 1.8em;
    line-height: 1.67;
    position: relative;
}
.icon_barrage_show,
.icon_barrage_off {
    top: 50%;
    left: 50%;
    font-size: 1em;
    position: absolute;
    transform: translate(-50%, -50%);
    color: var(--chat-barrage-color);
}
/* 主播下播 */
.anchor-close-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: PingFang TC;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    background-color: #1d1e1f;
    width: 100%;
    height: 100%;
}
.anchor-close-content > img {
    width: 50px;
    height: 50px;
    margin-bottom: 8px;
}

.deviceErr .el-input__inner {
    background: var(--input_signIn02bg);
    border: 1px solid var(--input_signIn02border);
    color: var(--input_signIn02txt);
    border-radius: 6px;
}
.deviceErr .el-input.is-disabled .el-input__inner {
    background: var(--input_signIn02bg);
    border: 1px solid var(--input_signIn02border);
    color: var(--input_signIn02txt);
    opacity: 1;
}
.deviceErr .verification_input .el-input__inner {
    border-radius: 6px 0 0 6px;
}

.el-switch__core {
    background: var(--toggle_bg_off);
    border: none;
}
.el-switch.is-checked .el-switch__core {
    background-color: var(--toggle_bg_on) !important;
}

/* 主播列表 */
.chat-anchor-list-dialog {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1100;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-anchor-list-search-bar {
    display: flex;
    padding: 20px;
    align-items: flex-start;
    gap: 80px;
}

.chat-anchor-list-search-input-box {
    display: flex;
    width: 280px;
    padding: 0 11px;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    background: var(--input_search_bg);
    z-index: 2;
}

.chat-anchor-list-search-input {
    color: var(--chat-anchor-list-search-input-color);
    font-family: 'PingFang SC';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: transparent;
    width: 230px;
    height: 20px;
    box-sizing: border-box;
}

.chat-anchor-list-search-input-clear {
    z-index: 10;
    cursor: pointer;
}

.chat-anchor-list-search-condition-container {
    display: flex;
    width: 280px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    left: 20px;
    top: 108px;
    background: var(--popup_dropdown01Bg);
    box-shadow: var(--popup_dropdown01Shadow);
    z-index: 4;
}

.chat-anchor-list-search-condition-no-data {
    display: inline-grid;
    width: 150px;
    height: 150px;
    padding: 11px 7px;
    justify-content: center;
    align-items: center;
}

.chat-anchor-list-search-condition-no-data-img {
    width: 135px;
    height: 126px;
    flex-shrink: 0;
    display: block;
}

.chat-anchor-list-search-condition-no-data-message {
    color: var(--chat-anchor-list-search-condition-no-data-message-color);
    justify-content: center;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.chat-anchor-list-search-condition-container-mask {
    display: flex;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 3;
}

.chat-anchor-list-search-condition-top-box {
    display: flex;
    min-height: 84px;
    padding: 10px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    background: var(--chat-anchor-list-search-condition-top-box-background);
}

.chat-anchor-list-search-condition-tips {
    width: 256px;
    height: 24px;
    color: var(--n1_1_5sport_historySearchTxt);
    font-family: 'PingFang SC';
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid var(--n1_1_5sport_historySearchLine);
}

.chat-anchor-list-search-condition-tips img {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-bottom: 4px;
}

.chat-anchor-list-tab-container {
    display: flex;
    width: 536px;
    padding: 2px;
    align-items: flex-start;
    border-radius: 40px;
    background: var(--n1_2_1_1chat_tabBg);
}

.chat-anchor-list-tab-box {
    display: flex;
    width: 88px;
    height: 30px;
    padding: 5px 0px;
    justify-content: center;
    align-items: center;
    gap: -2px;
    flex: 1 0 0;
    cursor: pointer;
}

.chat-anchor-list-tab-box div.active {
    display: flex;
    width: 88px;
    height: 30px;
    padding: 5px 0px;
    justify-content: center;
    align-items: center;
    gap: -2px;
    flex: 1 0 0;
    border-radius: 100px;
    background: var(--n1_2_1_1chat_tab_on);
}

.chat-anchor-list-tab-box span {
    color: var(--n1_2_1_1chat_tabTxt_off);
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
}

.chat-anchor-list-tab-box span.active {
    color: var(--n1_2_1_1chat_tabTxt_on);
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 166.667% */
}

.chat-anchor-list-container-no-data {
    display: flex;
    height: 500px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.chat-anchor-list-container-no-data-img {
    display: flex;
    width: 150px;
    height: 150px;
    padding: 11px 7px;
    justify-content: center;
    align-items: center;
}

.chat-anchor-list-container-no-data-message {
    color: var(--chat-anchor-list-container-no-data-message-color);
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.chat-anchor-list-container {
    display: flex;
    padding: 0px 20px 20px 20px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 12px;
    align-self: stretch;
    flex-wrap: wrap;
}

.chat-anchor-list-container .tag-area {
    display: flex;
    width: 58px;
    height: 25px;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 100px;
    background: var(--live_halfScreen_anchorCardTopicLabelBg);
}

.chat-anchor-list-container .tag-area .tag-img {
    width: 12px;
    height: 12px;
}

.chat-anchor-list-content-box {
    display: flex;
    position: relative;
    width: 442px;
    max-height: 155px;
    padding: 16px 14px;
    align-items: flex-start;
    gap: 16px;
    border-radius: 12px;
    background: var(--live_hostList_bg);
    box-shadow: var(--live_hostList_shadow);
}

.chat-anchor-list-content-box.__online {
    border: 1px solid var(--live_hostList_onAirBorder);
}

.chat-anchor-list-content-box.__reservation {
    border: 1px solid var(--live_hostList_reserveBorder);
}

.chat-anchor-list-follow-area {
    display: flex;
    position: absolute;
    width: 72px;
    height: 32px;
    padding: 8px 0px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    right: 20px;
    top: 16px;
    border-radius: 50px;
    border: 1px solid var(--live_halfScreen_anchorCardFollowBorder_on);
    background: var(--live_halfScreen_anchorCardFollowBg_on);
    box-shadow: var(--live_halfScreen_anchorCardFollowShadow);
    cursor: pointer;
    z-index: 2;
}

.chat-anchor-list-not-follow-area {
    display: flex;
    width: 72px;
    height: 32px;
    padding: 8px 0px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    position: absolute;
    right: 20px;
    top: 16px;
    border-radius: 50px;
    border: 1px solid var(--live_halfScreen_anchorCardFollowBorder_off);
    background: var(--live_halfScreen_anchorCardFollowBg_off);
    box-shadow: var(--live_halfScreen_anchorCardFollowShadow);
    cursor: pointer;
    z-index: 2;
}

.chat-anchor-list-pagination-container {
    display: flex;
    padding: 0px 20px 20px 20px;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    position: absolute;
    right: 0;
    bottom: 0;
}

.chat-anchor-list-pagination-container .chat-anchor-list-pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}

.chat-anchor-list-pagination-container .chat-anchor-list-pagination .el-pagination__jump {
    color: var(--cart_o_oddsContent);
}

.chat-anchor-list-pagination-total-count {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: var(--cart_o_oddsContent);
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.chat-anchor-list-search-records {
    color: var(--chat-anchor-list-search-records-color);
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.chat-anchor-list-search-record-item {
    display: inline-flex;
    padding: 2px 8px;
    align-items: center;
    border-radius: 10px;
    background: var(--n1_1_5sport_historySearchLblBg);
    color: var(--n1_1_5sport_historySearchLblTxt);
    cursor: pointer;
}

.chat-anchor-list-search-hot {
    color: var(--n1_1_5sport_hotSearchTxt);
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.chat-anchor-list-search-hot .chat-anchor-list-search-hot-title {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.chat-anchor-list-search-hot .chat-anchor-list-search-hot-text {
    display: flex;
    width: 280px;
    padding: 3px 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: var(--n1_1_5sport_hotSearchTitle);
    border-bottom: 1px solid var(--n1_1_5sport_hotSearchBtmLine);
}

.chat-anchor-list-search-hot .chat-anchor-list-search-hot-content-box {
    display: flex;
    width: 280px;
    padding: 10px 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--n1_1_5sport_hotSearchBtmLine);
}

.chat-anchor-list-search-hot .chat-anchor-list-search-hot-content {
    display: flex;
    height: 25px;
    padding: 4px 12px;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-right: 1px solid var(--n1_1_5sport_hotSearchCenterLine);
    color: var(--n1_1_5sport_historySearchLblTxt);
    cursor: pointer;
}

.chat-anchor-list-follow,
.chat-anchor-list-follow-text,
.chat-anchor-list-not-follow,
.chat-anchor-list-not-follow-text {
    font-family: 'PingFang SC';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.chat-anchor-list-not-follow,
.chat-anchor-list-follow {
    display: flex;
    justify-content: center;
    align-items: center;
}

.chat-anchor-list-follow,
.chat-anchor-list-follow-text {
    color: var(--live_halfScreen_anchorCardFollowAmount);
}

.chat-anchor-list-not-follow,
.chat-anchor-list-not-follow-text {
    color: var(--live_halfScreen_anchorCardFollowTxt);
}

.upload_btn.el-button.is-disabled,
.upload_btn.el-button.is-disabled:focus,
.upload_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--btn01_primaryBg_dis);
    color: var(--btn01_primaryTxt);
    opacity: 0.9;
}
.upload_btn.el-button {
    border-radius: 8px;
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
}
.upload_btn.el-button:active,
.upload_btn.el-button:focus,
.upload_btn.el-button:hover {
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
    opacity: 0.9;
}

/* 隱藏element 驗證icon */
.el-input__suffix > .el-input__validateIcon {
    display: none;
}