i > svg {
    display: block;
    width: 100%;
    height: 100%;
}

.box_league {
    position: relative;
    display: flex;
    width: 100%;
    /* padding-top: 16px; */
    flex: 1 1 auto;
    flex-direction: column;
}

.ft.box_league {
    padding-top: 0;
}

.head_sport {
    width: 100%;
    flex: none;
    /* transform: translate3d(0,0,0); *//*new add*/
}

.head_league {
    width: 100%;
    background-position: bottom;
    background-size: cover;
}

/*
.head_league:before{
	content: '';
	background-image:
		url('../images/hg/bg_ft_league.jpg'),
		url('../images/hg/bg_bk_league.jpg'),
		url('../images/hg/bg_tn_league.jpg'),
		url('../images/hg/bg_vb_league.jpg'),
		url('../images/hg/bg_bm_league.jpg'),
		url('../images/hg/bg_tt_league.jpg'),
		url('../images/hg/bg_bs_league.jpg'),
		url('../images/hg/bg_sk_league.jpg'),
		url('../images/hg/bg_op_league.jpg');
}
*/
.all.head_league {
    background-image: url('../images/hg/bg_op_league.jpg');
}

.ft.head_league {
    background-image: url('../images/hg/bg_ft_league.jpg');
}

.bk.head_league {
    background-image: url('../images/hg/bg_bk_league.jpg');
}

.tn.head_league {
    background-image: url('../images/hg/bg_tn_league.jpg');
}

.vb.head_league {
    background-image: url('../images/hg/bg_vb_league.jpg');
}

.bm.head_league {
    background-image: url('../images/hg/bg_bm_league.jpg');
}

.tt.head_league {
    background-image: url('../images/hg/bg_tt_league.jpg');
}

.bs.head_league {
    background-image: url('../images/hg/bg_bs_league.jpg');
}

.sk.head_league {
    background-image: url('../images/hg/bg_sk_league.jpg');
}

.op.head_league {
    background-image: url('../images/hg/bg_op_league.jpg');
}

.content_sport {
    position: relative;
    flex: 1 0 auto;
    display: flex;
    /* margin-bottom: 16px; */
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap !important;
}

.content_sport .main_sport {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.box_scroll.sport_scroll {
    height: 64px;
    margin-bottom: 8px;
}

.menu_sport {
    width: 100%;
    height: 84px;
    flex: 1 1 auto;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    transform: translate3d(0, 0, 0);
}

.menu_sport > label,
.box_slide > label {
    display: inline-block;
    width: auto;
    height: 100%;
}

.btn_le_sport {
    display: inline-block;
    width: 72px;
    height: 100%;
    margin: 0 4px;
    padding-top: 8px;
    text-align: center;
    vertical-align: top;
    white-space: normal;
}

.btn_le_sport,
.btn_le_sport * {
    transition: all 0.3s ease;
}

.btn_le_sport i {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    padding: 8px;
    border-radius: 50%;
    background: #503f32;
}

.btn_le_sport svg {
    fill: rgba(255, 255, 255, 0.64);
}

.btn_le_sport span {
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.64);
}

.btn_le_sport.on i {
    background: #a78025;
}

.btn_le_sport.on span {
    color: #a78025;
}

.btn_le_sport.on svg {
    fill: #fff;
}


.title_le {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: flex-start;
    overflow-x: hidden;
}

.title_le .btn_back,
.title_inn .btn_back,
.btn_le_sort,
.btn_le_cla,
.btn_info {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 8px;
    flex: 0 0 32px;
    transition: background 0.3s ease;
}

.btn_le_sort:empty {
    display: none;
}

.btn_back i,
.btn_le_sort i,
.btn_le_cla i,
.btn_info i {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: center;
}

.btn_le_sort svg {
    display: none;
    fill: rgba(0, 0, 0, 0.64);
}

.btn_back svg {
    fill: rgba(0, 0, 0, 0.64);
}

.icon_cup {
    background-image: url('../images/hg/icon_cup.svg');
}

.icon_calendar {
    background-image: url('../images/hg/icon_calendar.svg');
}

.icon_calendar.on {
    background-image: url('../images/hg/icon_calendar_go.svg');
}

.btn_le_sort i.icon_sort_cup {
    padding: 4px;
    background-image: url('../images/hg/icon_sort_cup.svg');
    background-size: 24px auto;
}

.btn_le_sort i.icon_sort_time {
    padding: 4px;
    background-image: url('../images/hg/icon_sort_time.svg');
    background-size: 24px auto;
}

.title_le_sport {
    display: inline-flex;
    width: calc(100% - 96px);
    margin-right: auto;
    padding: 4px 0;
    text-align: center;
    flex: none;
    align-items: center;
    flex-wrap: wrap;
    text-transform: uppercase;
}

.title_le .title_le_sport:first-child {
    margin-left: 48px;
}

.title_le_sport tt {
    display: block;
    width: 100%;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: rgba(0, 0, 0, 1);

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title_le_sport tt:empty {
    display: none;
}

.title_le_sport span {
    display: inline-block;
    width: 100%;
    min-height: 24px;
    max-height: 48px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #000;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.head_inngame .title_le_sport span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu_market {
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 40px;
    align-items: center;
    justify-content: center;
}

.market_scroll {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

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

.market_scroll .on ~ .box_slide {
    justify-content: flex-start;
}

.market_scroll .box_slide > label {
    display: inline-flex;
}

.btn_market {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 8px;
    white-space: nowrap;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.72);
}

.btn_market.on {
    color: #a78025;
    border-bottom: 2px solid #a78025;
}

.btn_market:before {
    content: '';
    position: absolute;
    top: 0;
    left: -8px;
    display: block;
    width: calc(100% + 16px);
    height: 100%;
    background: rgba(0, 0, 0, 0.08);
    opacity: 0;
}

.box_market {
    display: flex;
    width: 100%;
    height: 40px;
    /* margin: 16px 0; */
    align-items: center;
    justify-content: center;
    background: #fff;
}

.btn_betmain,
.btn_betcorr {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 8px;
    padding: 0 16px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.32);
    color: rgba(0, 0, 0, 0.64);
    transition: all 0.3s ease;
}

.btn_betmain.on,
.btn_betcorr.on {
    border: 1px solid #a78025;
    color: #a78025;
}


.btn_title_le,
.game_title_inn {
    display: flex;
    width: 100%;
    min-height: 48px;
    line-height: 48px;
    padding: 4px 16px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    align-items: center;
    justify-content: space-between;
    color: #000;
    background: #ededed;
    transition: none !important;
    /* transition: background 0.3s ease; */
}

/*
.ft .ft_outer .btn_title_le{
	height: 56px;
	line-height: 56px;
}
*/

.popular_league .btn_title_le {
    pointer-events: none;
}

.box_lebet ~ .btn_title_le,
.box_outer .btn_title_le {
    margin-top: 8px;
}

.ft_outer > div:first-child .btn_title_le,
.box_outer:not(.ft_outer) .btn_title_le:first-child {
    margin-top: 0;
}

.box_lebet + .box_lebet {
    border-top: 2px solid #e6e6e6;
}

.game_title_inn.game_fold {
    margin-bottom: 8px;
}

.btn_title_le tt,
.game_title_inn tt {
    display: inline-block;
    width: 100%;
    line-height: 24px;
}

.btn_title_le tt {
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.game_title_inn .game_title_type {
    display: flex;
    min-height: 24px;
    max-height: 32px;
    align-items: center;
}

.game_title_inn span {
    display: block;
    line-height: 16px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.icon_flag {
    display: none;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    flex: 0 0 24px;
    border-radius: 50%;
    background-position: center center;
    pointer-events: none;
}

i[class^="icon_flag flag"] {
    display: block;
}

.game_title_inn tt i {
    display: block;
    line-height: 16px;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    color: rgba(0, 0, 0, 0.72);
}

.btn_title_le .icon_information,
.game_title_inn .icon_information {
    width: 32px;
    height: 32px;
    margin-right: -8px;
    padding: 8px;
}

.event_title_fs {
    display: flex;
    width: 100%;
    min-height: 48px;
    line-height: 16px;
    padding: 4px 16px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background: #ededed;
}

.event_title_fs tt {
    display: block;
    width: 100%;
    height: 16px;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    color: #000;
}

.event_title_fs i {
    display: block;
    width: 100%;
    height: 16px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.72);
}

.text_p_in {
    position: relative;
    display: inline-flex;
    min-width: 32px;
    height: 32px;
    line-height: 24px;
    padding: 4px;
    flex: none;
    text-transform: none;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    color: #352a21;
    pointer-events: none;
}

.title_le .text_p_in,
.title_inn .text_p_in {
    margin-right: 8px;
}

.text_p_in p {
    display: inline-block;
    min-width: 8px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

.text_p_in p:nth-child(2) {
    width: 16px;
    margin: -4px;
    font-size: 18px;
    transform: scale(0.5);
}

.text_p_in:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: calc(100% - 8px);
    height: 24px;
    margin: 4px;
    border-top: 1px solid rgba(53, 42, 33, 0.8);
    border-bottom: 1px solid rgba(53, 42, 33, 0.8);
}

.box_lebet {
    width: 100%;
}

/*
.ft_outer .box_lebet{
	border-top: 2px solid #e6e6e6;
}
.pageClass > div:first-child .box_lebet{
	border-top: none;
}
*/
.box_outer .btn_title_le[style="display: none;"] + .box_lebet {
    border-top: 2px solid #e6e6e6;
}

.ft_outer > div:first-child .btn_title_le[style="display: none;"] ~ .box_lebet,
.box_outer > .btn_title_le:first-child[style="display: none;"] + .box_lebet {
    border-top: none !important;
}


.box_lebet_top {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    will-change: transform;
}

.ft .box_lebet_top {
    flex-wrap: wrap;
}

.bet_type_8 .box_lebet_l {
    width: 24%;
    min-width: 184px;
}

.bet_type_8 .box_lebet_r {
    width: 76%
}

.bet_type_6 .box_lebet_l {
    width: 30%;
    min-width: 184px;
}

.bet_type_6 .box_lebet_r {
    width: 70%
}

.bet_type_4 .box_lebet_l {
    width: 38%;
    min-width: 184px;
}

.bet_type_4 .box_lebet_r {
    width: 62%;
}

.box_lebet_l {
    width: 24%;
    min-width: 184px;
    padding-bottom: 8px;
}

.box_lebet_l:empty {
    display: none;
}

.box_lebet_l:empty ~ .box_lebet_r {
    max-width: unset;
    overflow-x: hidden !important;
}

.box_lebet_r {
    display: inline-flex;
    width: 76%;
    max-width: calc(100% - 184px);
    /* margin-left: 8px; */
    padding-left: 8px;
    padding-bottom: 8px;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-y: hidden;
}

.bet_type_8 .box_lebet_r {
    padding-bottom: 16px;
    max-width: calc(100% - 184px);
}

.box_lebet_r:after {
    content: '';
    display: block;
    width: 16px;
    height: 1px;
    flex: 0 0 16px;
}

.box_rpdbet + :after {
    display: none;
}

.ft .box_lebet_l {
    padding-bottom: 16px;
}


.btn_innmore {
    display: flex;
    flex-wrap: wrap;
}

.btn_inn_team {
    display: block;
    width: 100%;
    height: auto;
}

.box_state {
    display: flex;
    width: 100%;
    height: 40px;
    margin: 4px 0;
    padding-left: 16px;
    font-size: 12px;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.tn.box_today .box_state,
.vb.box_today .box_state,
.bm.box_today .box_state,
.tt.box_today .box_state,
.bs.box_today .box_state,
.sk.box_today .box_state,
.op.box_today .box_state {
    flex-wrap: wrap;
}

.box_state .text_time,
.box_state .text_time_go {
    display: inline-block;
    /* min-width: 37px; */
    line-height: 16px;
    margin-right: 8px;
    white-space: nowrap;
    color: #000;
}

.box_state .text_time i,
.box_state .text_time_go i {
    white-space: pre-wrap;
}

.box_state .text_time p {
    display: inline;
    margin-right: 8px;
}

.text_stop_red {
    margin-right: 8px;
    font-size: 12px;
    color: #e76565 !important;
}

.box_state .text_best {
    display: block;
    width: 100%;
    line-height: 16px;
    order: 1;
    color: rgba(0, 0, 0, 0.72);
}

.icon_information,
.icon_n,
.icon_inplay {
    display: inline-block;
    width: 12px;
    height: 12px;
    flex: none;
}

.box_state .icon_information,
.box_state .icon_n,
.box_state .icon_inplay {
    margin-right: 8px;
}

.box_state.info_on {
    cursor: pointer;
}

.icon_information svg {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    fill: #00a1db;
    pointer-events: none;
}

.icon_n {
    background: url('../images/hg/icon_n.svg') no-repeat;
}

.EN .icon_n {
    background: url('../images/hg/icon_n_en.svg') no-repeat;
}

.icon_inplay {
    background: url('../images/hg/icon_inplay.svg') no-repeat;
}

.box_bs_live .text_time {
    min-width: auto;
}

.box_bs_live .box_sco_point {
    display: flex;
    align-items: center;
    margin-right: 8px;
    color: #000;
}

.box_bs_live .point_bs_s {
    margin-left: 8px;
}

.box_bs_live .point_bs_s tt {
    display: inline;
    margin-left: 2px;
}

.icon_bs_base {
    display: inline-block;
    width: 18px;
    height: 13px;
}


.box_team {
    display: flex;
    width: 100%;
    height: 48px;
    align-items: center;
}

.box_team ~ .box_team {
    margin-top: 8px;
}

.bk.box_live .box_team,
.sk.box_live .box_team,
.op.box_live .box_team,
.bk .live_lebet .box_team,
.sk .live_lebet .box_team,
.op .live_lebet .box_team,
.box_today .box_team,
.box_early .box_team,
.box_parlay .box_team,
.box_mygame .box_team,
.box_cup .box_team {
    padding-left: 16px;
}

.ft .live_lebet .box_team,
.tn .live_lebet .box_team,
.vb .live_lebet .box_team,
.bm .live_lebet .box_team,
.tt .live_lebet .box_team,
.bs .live_lebet .box_team {
    padding-left: 0;
}

.tn.box_live .box_team,
.vb.box_live .box_team,
.bm.box_live .box_team,
.tt.box_live .box_team,
.tn .live_lebet .box_team,
.vb .live_lebet .box_team,
.bm .live_lebet .box_team,
.tt .live_lebet .box_team {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center
}

.tn.box_live .btn_innmore .icon_serve,
.vb.box_live .btn_innmore .icon_serve,
.bm.box_live .btn_innmore .icon_serve,
.tt.box_live .btn_innmore .icon_serve,
.tn .live_lebet .icon_serve,
.vb .live_lebet .icon_serve,
.bm .live_lebet .icon_serve,
.tt .live_lebet .icon_serve {
    display: flex;
    flex: 1 1 auto;
}

.bs.box_live .btn_innmore .icon_serve,
.bs .live_lebet .icon_serve {
    display: flex;
    flex: 0 0 16px;
}

.tn.box_live .btn_innmore .text_team,
.tn.box_live .btn_innmore .live_mini_sco,
.vb.box_live .btn_innmore .text_team,
.vb.box_live .btn_innmore .live_mini_sco,
.bm.box_live .btn_innmore .text_team,
.bm.box_live .btn_innmore .live_mini_sco,
.tt.box_live .btn_innmore .text_team,
.tt.box_live .btn_innmore .live_mini_sco,
.tn .live_lebet .text_team,
.tn .live_lebet .live_mini_sco,
.vb .live_lebet .text_team,
.vb .live_lebet .live_mini_sco,
.bm .live_lebet .text_team,
.bm .live_lebet .live_mini_sco,
.tt .live_lebet .text_team,
.tt .live_lebet .live_mini_sco {
    max-width: calc(100% - 16px);
    flex: none;
}

.bs.box_live .btn_innmore .text_team,
.bs.box_live .btn_innmore .live_mini_sco,
.bs .live_lebet .text_team,
.bs .live_lebet .live_mini_sco {
    max-width: calc(100% - 40px);
    flex: none;
}

.live_mini_sco {
    display: flex;
}

.live_mini_sco tt {
    display: inline-block;
    width: auto;
    min-width: 16px;
    line-height: 14px;
    margin: 0 8px 0 0;
    font-size: 15px;
}

.live_mini_sco .sco_gold {
    color: #a78025;
}

.live_mini_sco .sco_black {
    color: #000;
}

.live_mini_sco .sco_gray {
    color: rgba(0, 0, 0, 0.72);
}


.text_point {
    width: 24px;
    height: 17px;
    line-height: 17px;
    font-size: 15px;
    color: #a78025;
    flex: 0 0 24px;
}

.bk .text_point,
.sk .text_point {
    width: 32px;
    flex: 0 0 32px;
}

.text_team {
    display: inline-block;
    line-height: 17px;
    font-size: 15px;
    flex: 1 1 auto;
    color: #000;

    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.btn_innmore .icon_serve {
    position: relative;
    display: none;
    width: 16px;
    height: 100%;
    flex: 0 0 16px;
}

.btn_innmore .icon_serve:before {
    content: '';
    position: absolute;
    top: calc(50% - 8px);
    left: 7px;
    display: none;
    width: 2px;
    height: 16px;
    background: #33997a;
}

.btn_innmore .icon_serve.on {
    display: inline-block;
}

.btn_innmore .icon_serve.on:before {
    display: block;
}

.text_team.strong_team {
    font-weight: bold;
}

.text_point.last_goal {
    font-weight: bold;
}

.box_lebet_bottom {
    width: 100%;
    padding-bottom: 8px;
    border-bottom: 1px solid #e6e6e6;
}

.box_lebet_bottom .btn_game_more {
    height: 24px;
    margin-top: 0;
}

.btn_game_more {
    display: flex;
    width: 100%;
    width: calc(100% - 48px);
    height: 48px;
    margin-top: 8px;
    padding-left: 16px;
    align-items: center;
    flex: 1 1 auto;
}

.btn_game_more .icon_arrow {
    display: inline-block;
    width: 12px;
    height: 32px;
    padding: 12px 0;
    vertical-align: middle;
    background-size: 16px !important;
}

.btn_game_more i:empty {
    /* 	display: none; */
}

.btn_game_more .icon_arrow svg {
    height: 8px;
    fill: rgba(0, 0, 0, 0.24);
}

.box_star {
    display: flex;
    width: 32px;
    height: 48px;
    margin: 8px 0 0 16px;
    align-items: center;
    justify-content: center;
}

.box_star .icon_star {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
}

.box_star .icon_star svg {
    width: 16px;
    height: 16px;
    fill: rgba(167, 128, 37, 0);
    stroke: rgba(0, 0, 0, 0.64);
    pointer-events: none;
}


.game_total {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.64);
}

.icon_arrow {
    display: inline-block;
    width: 6px;
    height: 8px;
    vertical-align: middle;
}

.box_lebet_odd {
    /* display: inline-block; */
    width: 64px;
    min-width: 64px;
    height: 100%;
    margin-right: 8px;
    justify-content: center;
    flex: 1 0 64px;
}

.box_lebet_odd:last-child {
    margin-right: 0;
}

.bet_type_8 .box_lebet_odd {
    width: calc((100% - 72px) / 8);
    flex: none;
}

.ft .box_lebet_odd {
    width: calc((100% - 72px) / 8);
    flex: none;
}

.box_lebet_rps {
    display: inline-flex;
    /* width: 140px; */
    width: calc(((100% - 72px) / 4) + 8px);
    max-width: calc(((100% - 72px) / 4) + 8px);
    min-width: 136px;
    flex: 2 0 auto !important;
    flex-wrap: wrap;
}

.content_obt .box_lebet_odd.box_lebet_rps {
    /* max-width: calc(((100% - 72px) / 4) + 8px); */
    flex: 2 0 auto;
}

.box_lebet_rps label {
    display: inline-block;
    width: 64px;
    margin-right: 8px;
    flex: 1 1 auto;
}

.box_lebet_rps label:last-child {
    margin-right: 0;
}


.head_lebet {
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 14px;
    margin: 4px 0;
    font-size: 12px;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    white-space: break-spaces;
    color: rgba(0, 0, 0, 0.56);
}

.ft .head_lebet {
    white-space: nowrap;
}

.head_lebet tt:empty {
    display: none;
}

.head_lebet tt {
    display: block;
    min-height: 16px;
    line-height: 16px;
    color: #000;
}

.content_obt .head_lebet tt {
    font-size: 11px;
}

.btn_lebet_odd {
    display: flex;
    width: 100%;
    height: 48px;
    padding: 8px 4px;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    background-color: #fff;
    transition: none !important;
}

.box_lebet_odd .btn_lebet_odd {
    margin-bottom: 8px;
}

.box_lebet_odd .btn_lebet_odd:last-child {
    margin-bottom: 0;
}

/*
.box_lebet_half .btn_lebet_odd{
	background-color: #faf9f5;
}
*/
.box_innbet_fs .btn_lebet_odd {
    height: 64px;
    padding: 16px 4px;
}

.btn_lebet_odd.on,
.btn_obt_odd.on {
    border: 1px solid #c99a2c !important;
    background-color: #c99a2c !important;
    animation: none !important;
}

.btn_lebet_odd.on *,
.btn_obt_odd.on * {
    color: #fff !important;

}

.btn_lebet_odd.lock,
.btn_obt_odd.lock {
    background-image: url('../images/hg/icon_nobet.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    background-color: #f5f5f5 !important;
    border: 1px solid rgba(0, 0, 0, 0.24) !important;
    pointer-events: none;
    animation: none !important;
}

.btn_lebet_odd.lock *,
.btn_obt_odd.lock * {
    display: none !important;
}

.btn_lebet_odd.off,
.btn_obt_odd.off {
    background-color: rgba(0, 0, 0, 0.04);
    pointer-events: none;
}

.text_ballou.off .text_ballou,
.text_ballou.off .text_ballhead,
.btn_obt_odd.off .text_ballou,
.btn_obt_odd.off .text_ballhead,
.btn_obt_odd.off .text_bettype {
    display: none;
}

.btn_lebet_odd.odd_chg,
.btn_obt_odd.odd_chg {
    /*
    border: 1px solid #fff3c3;
    background-color: #fff3c3;
    transition: all 300ms ease;
    */
}

.odd_chg {
    animation: odd_chg_ani 1500ms 1 backwards;
}

.btn_sfs_odd.odd_chg {
    animation: odd_chg_sfs_ani 1500ms 1 backwards;
}

@keyframes odd_chg_ani {
    0% {
    }
    20% {
        border: 1px solid #fff3c3;
        background-color: #fff3c3
    }
    80% {
        border: 1px solid #fff3c3;
        background-color: #fff3c3
    }
    100% {
    }
}

@keyframes odd_chg_sfs_ani {
    0% {
    }
    20% {
        background-color: #fff3c3
    }
    80% {
        background-color: #fff3c3
    }
    100% {
    }
}

.btn_sfs_odd {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease;
}

.btn_sfs_odd.on {
    background-color: #c99a2c !important;
    box-shadow: inset 0 0 0 2px #fff;
}

.btn_sfs_odd.on * {
    color: #fff !important;
}

.btn_sfs_odd.lock {
    background-image: url('../images/hg/icon_lock.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    background-color: #f5f5f5;
    pointer-events: none;
}

.btn_sfs_odd.lock * {
    display: none;
}

.btn_sfs_odd.off {
    background-color: rgba(0, 0, 0, 0.04);
    pointer-events: none;
}

.btn_sfs_odd.off .text_ballou {
    display: none;
}

.btn_sfs_odd.odd_chg {
    /*
    background-color: #fff3c3;
    transition: all 300ms ease;
    */
}

.text_ballou,
.text_ballhead,
.text_bettype {
    display: inline-block;
    /* 	height: 16px; */
    line-height: 16px;
    font-size: 13px;
    color: #000;
}

.text_ballou {
    /* color: rgba(0,0,0,0.45); */
    color: rgba(0, 0, 0, 0.72);
}

.text_bettype {
    max-width: calc(100% - 30px);
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.56);
}

.text_ballou:empty,
.text_ballhead:empty,
.text_bettype:empty {
    display: none;
}

.text_ballou + .text_ballhead {
    margin-left: 4px;
}

.text_odds {
    display: block;
    width: 100%;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #c8250a;
}

.text_odds:empty {
    display: none;
}

.off .text_odds {
    font-size: 13px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.56);
}

.odd_bl .text_odds {
    color: #1e497d;
}


.box_live_rps {
    display: flex;
    width: 100%;
    height: 40px;
    padding: 8px;
    align-items: center;
    justify-content: center;
}

.text_round {
    display: block;
    width: calc(100% - 232px);
    min-width: 76px;
    max-width: 180px;
    text-align: center;
    justify-content: center;
    line-height: 16px;
    font-size: 12px;
    flex: 1 1 auto;
}

.text_round span {
    position: relative;
    display: block;
    height: 16px;
    overflow: hidden;
    color: #a78025;
}

.text_round span p {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.64);
}

.text_round span.on p {
    animation: round_on 150ms both;
}

.text_round span.off p {
    animation: round_off 150ms both;
}

@keyframes round_on {
    0% {
        top: 16px;
    }
    100% {
        top: 0px;
    }
}

@keyframes round_off {
    0% {
        top: 0px;
    }
    100% {
        top: -16px;
    }
}


.text_round tt {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.4);
}

.box_live_rps i {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    border-radius: 50%;
    flex: 0 0 16px;
    background: rgba(0, 0, 0, 0.32);
}

.box_live_rps i {
    background: rgba(0, 0, 0, 0.32);
}

.box_live_rps .rps_goal {
    background: #19805c !important;
    border: none !important;
}

.box_live_rps .rps_nogoal {
    background: #e76565 !important;
    border: none !important;
}

.box_live_rps .rps_ing {
    background: #d1f0e7;
    border: 1px solid #33997a;
}


/* FT parlay out bet */
.box_parlay.ft .box_team,
.box_mygame.ft .box_team,
.box_cup.ft .box_team {
    padding-left: 16px;
}

.box_parlay.ft .live_lebet .box_team,
.box_mygame.ft .live_lebet .box_team,
.box_cup.ft .live_lebet .box_team {
    padding-left: 0;
}

.box_parlay.ft .icon_redcard,
.box_parlay.ft .icon_serve,
.box_parlay.ft .text_point,
.box_mygame.ft .icon_redcard,
.box_mygame.ft .icon_serve,
.box_mygame.ft .text_point,
.box_cup.ft .icon_redcard,
.box_cup.ft .icon_serve,
.box_cup.ft .text_point {
    display: none;
}

.box_parlay.ft .live_lebet .icon_redcard,
.box_parlay.ft .live_lebet .icon_serve.on,
.box_parlay.ft .live_lebet .text_point,
.box_mygame.ft .live_lebet .icon_redcard,
.box_mygame.ft .live_lebet .icon_serve.on,
.box_mygame.ft .live_lebet .text_point,
.box_cup.ft .live_lebet .icon_redcard,
.box_cup.ft .live_lebet .icon_serve.on,
.box_cup.ft .live_lebet .text_point {
    display: inline-flex;
}

.icon_serve.on + .icon_redcard {
    display: none !important;
}


/* inner scorre board*/
.box_scoboard .box_live_rps,
.box_scoboard_r .box_live_rps {
    border-top: none;
}

.box_scoboard .text_round span,
.box_scoboard_r .text_round span {
    color: #debb69;
}

.box_scoboard .text_round tt,
.box_scoboard_r .text_round tt {
    color: rgba(255, 255, 255, 0.56);
}

.box_scoboard .box_live_rps i,
.box_scoboard_r .box_live_rps i {
    background: rgba(255, 255, 255, 0.4);
}

.box_scoboard .box_live_rps .rps_ing,
.box_scoboard_r .box_live_rps .rps_ing {
    background: #d1f0e7;
    border: none;
}

.obj_rps_ani {
    animation-play-state: paused !important;
}

.rps_on .obj_rps_ani {
    animation-play-state: running !important;
}

.obj_rps_ani {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.1s ease;
}

.obj_rps_ani:nth-child(2) {
    animation-delay: 0.1s !important;
}

.obj_rps_ani:nth-child(3) {
    animation-delay: 0.3s !important;
}

.obj_rps_ani:nth-child(4) {
    animation-delay: 0.5s !important;
}

.rps_ing .obj_rps_ani:nth-child(1) {
    border: 1px solid #33997a;
    background: #d1f0e7;
    animation: rps_ani2 1500ms infinite;
    animation-play-state: running !important;
}

.rps_ing .obj_rps_ani:nth-child(2),
.rps_ing .obj_rps_ani:nth-child(3),
.rps_ing .obj_rps_ani:nth-child(4) {
    border: 1px solid #33997a;
    animation: rps_ani2 1500ms infinite;
    animation-play-state: running !important;
}

.rps_goal .obj_rps_ani:nth-child(1) {
    border: none;
    background: #19805c;
    animation: rps_ani1 500ms 1 forwards;
}

.rps_goal .obj_rps_ani:nth-child(2),
.rps_goal .obj_rps_ani:nth-child(3),
.rps_goal .obj_rps_ani:nth-child(4) {
    border: 1px solid #19805c;
    animation: rps_ani3 1500ms 1;
}

.rps_nogoal .obj_rps_ani:nth-child(1) {
    border: none;
    background: #e76565;
    animation: rps_ani1 500ms 1 forwards;
}

.rps_nogoal .obj_rps_ani:nth-child(2),
.rps_nogoal .obj_rps_ani:nth-child(3),
.rps_nogoal .obj_rps_ani:nth-child(4) {
    border: 1px solid #e76565 !important;
    animation: rps_ani3 1500ms 1;
}


@keyframes rps_ani1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes rps_ani2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes rps_ani3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}


.box_obt {
    width: 100%;
    border-top: 1px solid #e6e6e6;
    /* border-bottom: 2px solid #e6e6e6; */
}

.menu_obt {
    /* position: relative; */
    display: flex;
    width: 100%;
    height: 48px;
    overflow: hidden;
}

.box_scroll.obt_scroll {
    height: 100%;
    z-index: 0;
}

.box_scroll.obt_scroll {
    width: 100%;
    flex: 1 1 auto;
}

.obt_scroll .box_slide {
    padding: 0 0 0 4px;
    flex: none;
}

@media (pointer: coarse),
(-moz-touch-enabled: 1) {
    .obt_scroll .btn_go_l,
    .obt_scroll .btn_go_r {
        display: none !important;
    }
}


/*
.obt_scroll label:after{
	content: '';
	display: inline-block;
	width: 48px;
	height: 1px;
	vertical-align: top;
}
*/
/*
.box_obt .box_slide.on label{
	padding-right: 48px;
}
*/
.menu_obt .btn_close {
    /* position: absolute; */
    top: 0;
    right: 0;
    background: #fff;
    transform: translate3d(0, 0, 0);
}

.box_slide {
    display: block;
    width: 100%;
    height: calc(100% + 15px);
    overflow-x: auto;
    overflow-y: hidden;
    flex: 1 1 auto;
    white-space: nowrap;
}

.btn_menu_obt {
    position: relative;
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 22px;
    margin: 12px 0 12px 4px;
    padding: 0 8px;
    border-radius: 16px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.72);
    border: 1px solid rgba(0, 0, 0, 0.24);
    transition: background 0.3s ease;
}

.btn_menu_obt.on {
    color: #fff;
    background: #a78025;
    border-color: #a78025;
}

.btn_menu_obt:before {
    /* content:''; */
    position: absolute;
    left: 8px;
    bottom: 0;
    display: none;
    width: calc(100% - 16px);
    height: 2px;
    background: #a78025;
}

.btn_menu_obt.on:before {
    display: block;
}

.btn_menu_obt:after {
    /* content: ''; */
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% + 12px);
    height: 100%;
    margin: 0 -6px;
}

.btn_close {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-left: auto;
    vertical-align: middle;
    flex: 0 0 48px;
}

.btn_close * {
    transition: background 0.3s ease;
}

.icon_close {
    display: block;
    width: 32px;
    height: 32px;
    margin: 8px;
    padding: 8px;
}

.icon_close svg {
    fill: rgba(0, 0, 0, 0.4);
}

.wrap_obt {
    position: relative;
}

.wrap_obt > div:first-child {
    position: relative;
    min-height: 80px;
    /* z-index: 1; */
    background: #ededed;
}

.wrap_obt > div:first-child:empty {
    min-height: 0px;
}

.obt_loading {
    /* position: absolute; */
    position: relative !important;
    width: 100%;
    min-height: 80px;
    background: #ededed;
    overflow-y: hidden;
    /* z-index: 0!important; */
}

.obt_loading.obt_chg {
    position: absolute !important;
    z-index: 2 !important;
    min-height: 80px;
}

.wrap_obt div[style*="none"] ~ .obt_chg {
    position: relative !important;
}


.content_obt {
    position: relative;
    width: 100%;
    padding: 8px 0;
    background: #ededed;
}

.content_obt:before,
.obt_loading:before {
    content: '';
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 8px;
    opacity: 0.4;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0));
}

.content_obt .text_team {
    background: #ededed;
}

.box_btn_time {
    width: 100%;
    height: 48px;
    padding: 4px 0;
    text-align: center;
}

.btn_game_time {
    display: inline-block;
    height: 100%;
    line-height: 40px;
    margin: 0 4px;
    padding: 0 8px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.56);
    transition: background 0.3s ease;
}

.btn_game_time.on {
    color: #a78025;
}

.box_obt_odd {
    padding: 8px 16px;
}

.box_obt_bet {
    display: flex;
    width: 100%;
}

.box_obt_bet ~ .box_obt_bet {
    margin-top: 16px;
}

.btn_obt_odd {
    display: inline-flex;
    width: calc(50% - 8px);
    height: 48px;
    padding: 8px 4px;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 3px;
    border: solid 1px rgba(0, 0, 0, 0.24);
    background-color: #fff;
    overflow: hidden;
    transition: none !important;
    will-change: transform;
}

.btn_obt_odd ~ .btn_obt_odd {
    margin-left: 16px;
}

.content_obt .box_lebet_odd {
    width: calc((100% - 72px) / 8);
    flex: none;
}

.content_obt.ft_obt_rnc,
.content_obt.ft_obt_rnb,
.content_obt.ft_obt_rps,
.content_obt.ft_obt_ot {
    display: flex;
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 0;
    align-items: flex-start;
    justify-content: flex-start;
}

.content_obt .box_team {
    padding-left: 16px !important;
}


.no_event i {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto 8px auto;
    background: url('../images/hg/img_nodata.svg') no-repeat;
    background-size: cover;
    background-position: center;
}

.no_event span {
    display: flex;
    width: 100%;
    height: 40px;
    line-height: normal;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.72);
}

.btn_title_fs {
    position: relative;
    display: flex;
    width: 100%;
    height: 48px;
    line-height: 16px;
    padding: 0 16px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #a78025;
}

.btn_title_fs:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% - 32px);
    height: 40px;
    margin: 4px 16px;
    transition: background 0.3s ease;
}

.btn_title_fs span {
    position: relative;
    text-transform: uppercase;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* 澶栧堡-娉㈣喗 */
/* RPD */
.box_rpdbet {
    display: flex;
    width: 100%;
    padding: 16px 0px 0 8px;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
}

.box_rpdbet:empty {
    display: none;
}

.box_rpdbet label {
    display: inline-block;
    margin-right: 16px;
}

.box_rpdbet.on label {
    height: auto;
    max-height: unset;
}

.box_rpdbet .innbet_rpd_r {
    margin-right: 0;
}

.box_rpdbet .btn_lebet_odd {
    margin-bottom: 16px;
}

.box_rpdbet .box_innbet_btn {
    margin: 16px 0 0px 0;
}


/* 鍏у堡 */
.content { /* remove */
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.head_inngame {
    width: 100%;
    height: 48px;
    background-size: cover;
    background-position: bottom;
}

.ft .head_inngame {
    background-image: url('../images/hg/bg_ft_league.jpg');
}

.bk .head_inngame {
    background-image: url('../images/hg/bg_bk_league.jpg');
}

.tn .head_inngame {
    background-image: url('../images/hg/bg_tn_league.jpg');
}

.vb .head_inngame {
    background-image: url('../images/hg/bg_vb_league.jpg');
}

.bm .head_inngame {
    background-image: url('../images/hg/bg_bm_league.jpg');
}

.tt .head_inngame {
    background-image: url('../images/hg/bg_tt_league.jpg');
}

.bs .head_inngame {
    background-image: url('../images/hg/bg_bs_league.jpg');
}

.sk .head_inngame {
    background-image: url('../images/hg/bg_sk_league.jpg');
}

.op .head_inngame {
    background-image: url('../images/hg/bg_op_league.jpg');
}

.title_inn {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.box_inn {
    width: 100%;
    flex: 1 1 auto;
}

.box_inn.fs_inn {
    padding-top: 0;
    padding-bottom: 16px;
}

.box_inn > label {
    display: block;
}

.box_innbet {
    display: flex;
    width: 100%;
    padding: 16px 16px 0 16px;
    align-items: flex-start;
    justify-content: space-between;
}

.box_innbet + .box_innbet {
    padding: 0 16px;
}

.box_innbet:empty + .box_innbet {
    padding: 16px 16px 0 16px;
}

.box_innbet:empty {
    display: none;
}

.box_innbet .btn_lebet_odd {
    margin-right: 16px;
    margin-bottom: 16px;
    flex: 1 1 auto;
    overflow: hidden;
}

.box_innbet .btn_lebet_odd:last-child {
    /* 	margin-right: 0; */
}


.sub_title {
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 14px;
    margin-bottom: 4px;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    font-size: 12px;
    color: rgba(0, 0, 0, 1);
}

.sub_title > tt {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: normal;
}

.box_innbet_s3gm3g .sub_title {
    max-height: 32px;
}

.box_innbet_s3gm3g .sub_title > tt {
    white-space: normal;
    text-align: center;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.box_innbet.box_innbet_3 .sub_title div {
    width: calc((100% - 32px) / 3);
    text-align: center;
    word-wrap: break-word;
}

.innbet_s2gm2g .sub_title {
    display: block;
    line-height: 40px;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.btn_last {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

.btn_cross {
    width: 100% !important;
    margin-right: 0 !important;
}

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

.btn_submenu {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.64);
}

.btn_submenu.on {
    color: #a78025;
}


.box_innbet_btn {
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin: 16px 0;
    text-align: center;
}

.box_fs .box_innbet_btn {
    height: auto;
    line-height: unset;
    margin: 0;
}

.box_innbet_fs:last-child .box_innbet_btn {
    margin-bottom: 0;
}

.btn_innbet_more {
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.64);
    will-change: transform;
}

.box_fs .btn_innbet_more {
    line-height: 48px;
    margin: 0 0 16px 0;
}

.btn_innbet_more .icon_toparr {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    vertical-align: sub;
    transform: rotate(180deg);
}

.btn_innbet_more:before {
    content: attr(data-more);
    display: inline;
}

.on .btn_innbet_more:before {
    content: attr(data-less);
}

.on .btn_innbet_more .icon_toparr {
    transform: rotate(0deg);
}

.icon_toparr svg {
    fill: rgba(0, 0, 0, 0.64);
}

.game_title_inn tt i.text_gold {
    color: #a78025;
}

.btn_mt svg {
    fill: rgba(0, 0, 0, 0.64);
}

.btn_mt.on svg {
    fill: #a78025;
}

.btn_game_more .icon_tv,
.btn_game_more [class^="icon_match"] {
    display: inline-block;
    /* 	width: 16px;
        height: 16px;
        margin-right: 8px; */
    background-size: auto 16px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    margin-right: 0;
    margin-left: -8px;
}

/* in-play鏈夊皪鎳� TV */
/* parlay婊剧悆璩戒簨鏈夊皪鎳� TV */
.btn_game_more .icon_tv {
    background-image: url('../images/hg/icon_tv.svg');
    pointer-events: auto;
}

/* in-play/parlay TV鎾斁涓� */
.btn_game_more .icon_tv.now {
    background-image: url('../images/hg/icon_tv_go.svg');
}


.icon_match_FT {
    background-image: url('../images/hg/icon_mt_FT.svg');
}

.icon_match_IH {
    background-image: url('../images/hg/icon_mt_IH.svg');
}

.icon_match_BK {
    background-image: url('../images/hg/icon_mt_BK.svg');
}

.icon_match_TN {
    background-image: url('../images/hg/icon_mt_TN.svg');
}

.icon_match_RL {
    background-image: url('../images/hg/icon_mt_RL.svg');
}

.icon_match_VB {
    background-image: url('../images/hg/icon_mt_VB.svg');
}

.icon_match_BM {
    background-image: url('../images/hg/icon_mt_BM.svg');
}

.icon_match_TT {
    background-image: url('../images/hg/icon_mt_TT.svg');
}

.icon_match_DA {
    background-image: url('../images/hg/icon_mt_DA.svg');
}

.btn_game_more [class^="icon_match"] {
    background-position: calc(100% - 8px) center;
}

@media screen and (min-width: 1024px) {
    .btn_game_more [class^="icon_match"] {
        background-position: calc(100% - 8px) center;
    }
}

/* parlay婊剧悆璩戒簨鏈夊皪鎳� MT */
.box_parlay .live_lebet .btn_game_more [class^="icon_match"],
.box_mygame .live_lebet .btn_game_more [class^="icon_match"],
.box_cup .live_lebet .btn_game_more [class^="icon_match"] {
    opacity: 1;
    pointer-events: auto;
}

/* in-play MT鎾斁涓� */
.btn_game_more .now[class^="icon_match"],
.box_parlay .btn_game_more .now[class^="icon_match"],
.box_mygame .btn_game_more .now[class^="icon_match"],
.box_cup .btn_game_more .now[class^="icon_match"] {
    background-position: 0% center;
}

/* MT閬稿柈 */
.icon_mt_FT, .icon_match_FT,
.icon_mt_IH, .icon_match_IH,
.icon_mt_BK, .icon_match_BK,
.icon_mt_TN, .icon_match_TN,
.icon_mt_RL, .icon_match_RL,
.icon_mt_VB, .icon_match_VB,
.icon_mt_BM, .icon_match_BM,
.icon_mt_TT, .icon_match_TT,
.icon_mt_DA, .icon_match_DA {
    background-position: right center;
}

.btn_mt.on i[class^="icon_match"] {
    background-position: left center;
}

.bs .btn_game_more .icon_mt,
.vb .btn_game_more .icon_mt,
.tt .btn_game_more .icon_mt,
.sk .btn_game_more .icon_mt {
    display: none;
}


/* Odd box*/
/* height 64px btn_lebet_odd */
.box_hei_odd .btn_lebet_odd {
    height: 64px;
    padding: 8px 4px;
}

/* s1m1 */
.box_innbet_s1m1 {
    width: 100%;
    flex-wrap: wrap;
}

.box_innbet_s1m1 .btn_lebet_odd {
    margin-right: 0;
}

/* s2m2 */
.box_innbet_s2m2 .btn_lebet_odd:nth-child(2n) {
    margin-right: 0;
}

/* s3m3 */
.box_innbet_s3m3 .btn_lebet_odd:nth-child(3n) {
    margin-right: 0;
}


/* -- GROUP --*/
/* s1gm1g */
.box_innbet_s1gm1g {
    padding: 0;
    flex-wrap: wrap;
}

.box_innbet_s1gm1g label {
    display: block;
    width: 100%;
    padding: 16px 16px 0 16px;
}

/* s2gm2g */
.box_innbet_s2gm2g {
    padding: 0;
    flex-wrap: wrap;
}

.box_innbet_s2gm2g label {
    display: flex;
    width: 100%;
    padding: 4px 16px 0 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: 2px solid #e6e6e6;
}

.box_innbet_s2gm2g label:last-child {
    border-bottom: 0;
}

.box_innbet_s2gm2g .sub_title {
    width: calc(50% - 8px);
    margin-right: 16px;
}

.box_innbet_s2gm2g .btn_lebet_odd {
    width: calc(50% - 8px);
    flex: 0 0 auto;
}

.box_innbet_s2gm2g .sub_title:nth-child(2n),
.box_innbet_s2gm2g .btn_lebet_odd:nth-child(2n) {
    margin-right: 0;
}

/* s3gm3g */
.box_innbet_s3gm3g {
    padding: 0;
    flex-wrap: wrap;
}

.box_innbet_s3gm3g label {
    display: flex;
    width: 100%;
    padding: 4px 16px 0 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: 2px solid #e6e6e6;
}

.box_innbet_s3gm3g label:last-child {
    border-bottom: 0;
}

.box_innbet_s3gm3g .sub_title {
    width: calc((100% - 32px) / 3);
    margin-right: 16px;
}

.box_innbet_s3gm3g .btn_lebet_odd {
    width: calc((100% - 32px) / 3);
    flex: 0 0 auto;
}

.box_innbet_s3gm3g .sub_title:nth-child(3n),
.box_innbet_s3gm3g .btn_lebet_odd:nth-child(3n) {
    margin-right: 0;
}


/* -- SPECIAL --*/
/* RPD */
.box_innbet_rpd {
    padding: 4px 16px 16px 16px;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
}

.box_innbet_rpd label {
    display: inline-block;
    margin-right: 16px;
}

.box_innbet_rpd.on label {
    height: auto;
}

.box_innbet_rpd .innbet_rpd_r {
    margin-right: 0;
}

.innbet_rpd_m .btn_lebet_odd {
    background-color: #faf9f5;
}

/* Line 2 */
.box_line2 .btn_lebet_odd span:first-child {
    max-height: 32px;
}

.box_line2 .btn_lebet_odd span:first-child > .text_ballou {
    white-space: normal;
    text-align: center;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* SFS */


/* PG */
.box_innbet_pg {
    padding: 0 0 16px 0;
}

.innbet_pg_b {
    width: 100%;
    padding: 0 16px;
}

.innbet_pg_b .btn_lebet_odd {
    background-color: #faf9f5;
}

.box_innbet_pg .innbet_submenu {
    height: 64px;
    text-transform: uppercase;
    border-bottom: 1px solid #e6e6e6;
}

.btn_innbet_sub {
    display: inline-flex;
    width: 100%;
    height: 100%;
    line-height: 16px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    color: rgba(0, 0, 0, 0.64);
}

/* FS outright*/
.event_title_fs[style*="display:none;"] + .btn_title_fs {
    height: 50px;
    border-top: 2px solid #e6e6e6;
}

.event_title_fs[style*="display: none;"] + .btn_title_fs {
    height: 50px;
    border-top: 2px solid #e6e6e6;
}

/* 娉㈣喗 瑷堝垎鏉� */
.rpd_scoboard {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    background-color: rgba(237, 237, 237, 0.32);
}

.rpd_scoboard:empty {
    display: none;
}

.rpd_scoboard .box_scostate {
    display: flex;
    width: 92px;
    height: 100%;
    padding: 8px 0;
    min-height: 80px;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.rpd_scoboard .text_time,
.rpd_scoboard .text_time_go {
    display: block;
    width: 100%;
    margin: 0;
}

.rpd_scoboard .text_time_go {
    color: #a78025;
}

.rpd_scoboard .icon_n {
    margin-top: 4px;
    margin-right: 0;
}

.rpd_scoboard .box_sco_l {
    width: calc(100% - 92px);
    padding: 8px 0;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    cursor: pointer;
}

.rpd_scoboard .box_scoteam {
    display: flex;
    height: 32px;
    align-items: center;
}

.rpd_scoboard .text_point {
    order: unset;
    color: #b86800;
}

.rpd_scoboard .text_team {
    line-height: 16px;
    color: #000;
}

.rpd_scoboard .text_time,
.rpd_scoboard .text_time_go {
    line-height: 16px;
    text-align: center;
    font-size: 12px;
}


.rpd_scoboard .box_sco_l {
    padding-left: 16px;
}

.box_live .rpd_scoboard .box_sco_l,
.live_lebet .rpd_scoboard .box_sco_l {
    padding-left: 0px;
}


/* filter page */
.box_filter {
    width: 100%;
    /* padding-top: 16px; */
    padding-bottom: 48px;
}

.today_filter {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    padding-bottom: 16px;
}

.box_scroll.date_scroll {
    height: 64px;
    flex: none;
}

.menu_date {
    width: 100%;
    height: 84px;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.btn_date {
    display: inline-flex;
    width: 56px;
    height: 64px;
    line-height: 16px;
    margin: 0 6px;
    padding: 6px 0;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    background: #fff;
}

.btn_date:first-child {
    margin-left: 16px;
}

.btn_date:last-child {
    margin-right: 16px;
}

.btn_date tt {
    display: block;
    width: 100%;
    text-align: center;
    color: rgba(0, 0, 0, 0.64);
}

.text_date {
    font-size: 14px;
    font-weight: bold;
}

.btn_date.on {
    border: 1px solid transparent;
    background: #a78025;
}

.btn_date.on tt {
    color: #fff;
}


.btn_more_event {
    display: flex;
    width: calc(100% - 32px);
    height: 48px;
    line-height: 48px;
    margin: 0 16px 16px 16px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #7a7a7a;
    flex: none;
}

.btn_more_event .icon_arrow {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 8px;
}

.btn_more_event .icon_arrow svg {
    width: 4px;
    height: 8px;
    margin: 2px 4px;
    fill: rgba(255, 255, 255, 0.56);
}

.box_filter.today_filter .btn_submit {
    height: 0;
    margin-top: 0;
}

.btn_lea_submit {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 55px;
    display: block;
    width: 100%;
    max-width: 640px;
    height: 48px;
    line-height: 48px;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-bottom: calc(16px + constant(safe-area-inset-bottom));
    margin-bottom: calc(16px + env(safe-area-inset-bottom));
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #19805c;
    z-index: 2;
}

.title_filter {
    position: relative;
    width: 100%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    z-index: 0;
}

.title_filter tt {
    display: inline-block;
    height: 100%;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 600;
    color: #a78025;
    background: #fff;
}

.title_filter:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: -1;
    background: #d8d8d8;
    transform: translate3d(0, 0, 0);
}

.box_filter > div {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
    flex: 1 1 auto;
}

.content_filter {
    display: flex;
    width: 100%;
    margin-top: 8px;
    flex-wrap: wrap;
    align-content: flex-start;
    -webkit-transform: translate3d(0, 0, 0);
}

.other .content_filter,
.fs_league .content_filter:first-child,
.live_filter .content_filter:first-child {
    border-top: none;
}

.classic_league,
.popular_league,
.fs_league {
    display: block;
    width: 100%;
}

.popular_league {
    -webkit-transform: translate3d(0, 0, 0);
}

.content_filter + .content_filter {
}

.title_filter + .content_filter {
    margin-top: 16px;
}

.box_le_filter {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}

.btn_event {
    position: relative;
    display: flex;
    height: 56px;
    align-items: center;
    cursor: pointer;
}

.btn_event:empty {
    display: none;
}

.fs_league .btn_event {
    padding: 0 16px;
}

.btn_event .bg_event {
    position: absolute;
    right: 0;
    width: calc(100% - 40px);
    height: 100%;
    z-index: 0;
    transition: background 0.3s ease;
}

.fs_league .bg_event,
.popular_league .bg_event {
    width: 100%;
}

.btn_event.on .bg_event {
    background: rgba(0, 0, 0, 0.04);
}

.btn_event .title_event {
    display: inline-block;
    padding-right: 16px;
    flex: 1 1 100%;
    font-size: 14px;
    color: rgba(0, 0, 0, 1);

    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.btn_event .text_evnet_num {
    display: inline-block;
    width: 48px;
    height: 16px;
    line-height: 16px;
    padding-left: 8px;
    font-size: 14px;
    font-weight: bold;
    flex: none;
    border-left: 1px solid rgba(0, 0, 0, 0.16);
    color: rgba(0, 0, 0, 0.56);
}

.popular_league .btn_event {
    padding: 0 16px;
}

.popular_league .title_event {
    padding-right: 0;
    color: #a74e25;
}

.check_event {
    position: relative;
    display: flex;
    width: 40px;
    height: 100%;
    margin-right: 8px;
    padding: 0 8px;
    align-items: center;
    justify-content: center;
    flex: none;
}

.check_event input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;

}

.checkmark {
    display: block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.64);
    overflow: hidden;
    background: url('../images/hg/icon_check.svg') no-repeat;
    background-position: -24px;
    background-size: contain;
}

.check_event input:checked ~ .checkmark {
    border: none;
    background-position: center center;
}

.notice_text {
    width: 100%;
    padding-top: 16px;
    align-self: flex-end;
    flex: none !important;
}

.notice_text span {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 32px;
    padding: 4px 16px;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #7a7a7a;
}

.notice_text i {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    flex: none;
    background: url('../images/hg/icon_i_line.svg') no-repeat;
}

.notice_text tt {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}


/* list_tv */
.box_sched {
    width: 100%;
}


.content_sched {
    width: 100%;
    padding-bottom: 16px;
}

.date_title {
    display: flex;
    width: 100%;
    height: 24px;
    line-height: 16px;
    padding: 0 16px;
    align-items: center;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.56);
    background: #ededed;
}

.date_title tt ~ tt {
    margin-left: 3px;
}

.box_le_sched {
    display: flex;
    flex-wrap: wrap;
}

.btn_sched {
    display: flex;
    width: 100%;
    height: 56px;
    padding: 4px 16px;
    align-items: center;
}

.btn_sched .text_time {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    flex: none;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.56);
}

.btn_sched .icon_tv,
.btn_sched .icon_ball {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    padding: 8px;
    flex: none;
}

.btn_sched .icon_tv {
    display: none;
}

.btn_sched .title_event {
    display: inline-block;
    max-height: 32px;
    line-height: 16px;
    flex: 1 1 auto;
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.icon_ball svg {
    fill: rgba(0, 0, 0, 0.56);
}

.btn_sched.on .text_time {
    display: none;
}

.btn_sched.on .icon_tv {
    display: block;
}

.btn_sched.on svg {
    fill: #a78025;
}

/* -- SPECIAL --*/
/* SFS */
.box_innbet_sfs {
    padding: 0;
    flex-wrap: wrap;
}

.innbet_submenu {
    width: 100%;
    height: 64px;
    padding: 0 16px;
    border-bottom: #e6e6e6 solid 1px;
}

.box_innbet_sfs .innbet_submenu:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 100%;
    margin-left: 2px;
    flex: none;
    order: 2;
    background: #e6e6e6;
}

.box_innbet_sfs .btn_submenu {
    display: inline-flex;
    height: 48px;
    line-height: 16px;
    margin-right: 8px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    order: 1;
}

.box_innbet_sfs .btn_submenu ~ .btn_submenu {
    margin-right: 0px;
    margin-left: 8px;
    order: 3;
}

.box_innbet_sfs .btn_submenu ~ .btn_submenu:before {

}

.btn_submenu span {
    display: block;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.innbet_sfs {
    display: flex;
    width: 100%;
    max-height: 320px;
    flex-wrap: wrap;
    overflow-y: hidden;
}

.box_innbet_sfs.on .innbet_sfs {
    max-height: unset;
}

.innbet_sfs > div {
    display: flex;
}

.innbet_sfs .team_sfs,
.innbet_sfs .btn_sfs_odd {
    height: 64px;
    /* border-bottom: #e6e6e6 solid 1px; */
}

.team_sfs:empty,
.team_sfs:empty ~ .btn_sfs_odd {
    display: none !important;
}

.innbet_sfs .team_sfs {
    position: relative;
    display: flex;
    width: 40%;
    padding: 0 8px 0 16px;
    flex: 0 0 40%;
    align-items: center;
    font-size: 0;
    line-height: 0;
}

.innbet_sfs .team_sfs:before {
    content: attr(data-sfs);
    display: block;
    width: 100%;
    line-height: normal;
    font-size: 14px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.innbet_sfs .btn_sfs_odd {
    width: 20%;
    flex: 1 0 20%;
    border-left: #e6e6e6 solid 1px;
}

.box_innbet_sfs .box_innbet_btn {
    display: flex !important;
    height: auto;
    max-height: 64px;
    margin: 0;
    /* border-top: 1px solid #e6e6e6; */
}

.box_innbet_sfs .btn_innbet_more {
    position: relative;
    height: 100%;
    line-height: 56px;
    margin: 4px 16px;
}

/*
.box_innbet_sfs .btn_innbet_more:after{
	content: '';
	position: absolute;
	top: -4px;
	left: -16px;
	display: block;
	width: calc(100% + 32px);
	height: 1px;
	background: #e6e6e6;
}
*/
.box_innbet_sfs .sfs_nogoal,
.box_innbet_sfs .sfs_other {
    background: #faf9f5;

    /* SFS no_goal/other 鎺掑簭鍦ㄦ渶搴� */
    /* order: 1; */
}

.box_innbet_sfs .sfs_nogoal .btn_sfs_odd:nth-last-of-type(2),
.box_innbet_sfs .sfs_nogoal .btn_sfs_odd:nth-last-of-type(3),
.box_innbet_sfs .sfs_nogoal .text_ballou {
    display: none !important;
}

.sfs_none {
    display: none !important;
}


/* 11/07 test in bk today more */
.btn_lebet_odd span:first-child {
    display: flex;
    width: 100%;
    max-height: 16px;
    align-items: center;
    justify-content: center;
}

/* out bet pages */
.box_league .btn_lebet_odd span > .text_ballou {
    flex: none;
}

.box_league .btn_lebet_odd span > .text_ballhead {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* inner bet pages */
.box_inn .btn_lebet_odd span > .text_ballou {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box_inn .btn_lebet_odd span > .text_ballhead {
    flex: none;
}

/* OBT */
.btn_obt_odd span:first-child {
    display: flex;
    width: 100%;
    max-height: 16px;
    align-items: center;
    justify-content: center;
}

.btn_obt_odd span > .text_ballhead {
    flex: none;
}

.text_bettype + .text_ballhead {
    margin-left: 4px;
}

/* outrught FS*/
.fs_btn_box .btn_lebet_odd span:first-child {
    max-height: unset;
}

.fs_btn_box .btn_lebet_odd span > .text_ballou {
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    flex: 1 1 auto;
    text-align: center;
}


.fs_league .check_event {
    display: none;
}

.ft .fs_league .btn_event {
    padding: 0 16px;
}


.box_innbet_s3m3.bs_m .btn_lebet_odd:last-child {
    margin-right: 0;
}


.box_tvlist {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 100%;
    flex-direction: column;
    justify-content: flex-start;
}

.box_tvlist .head_league {
    flex: none;
    margin-bottom: 16px;
}

.box_tvlist .date_scroll {
    flex: none;
}

.box_sched {
    position: relative;
    flex: 1 1 100%;
}

.box_tvlist .loading {
    position: absolute;
    top: 0;
}

.lazy_loading {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    padding: 16px 0;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.lazy_top {
    order: -10;
}

.lazy_down {
    order: 10;
}


.box_lebet_lock {
    overflow-x: hidden !important;
}


/* pagination */
.box_page {
    display: flex;
    width: 100%;
    height: 56px;
    padding: 8px 4px;
    align-items: center;
    justify-content: center;
}

.btn_page {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 32px;
    margin: 0 4px;
    padding: 4px;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    color: rgba(0, 0, 0, 0.64);
    border: 1px solid rgba(0, 0, 0, 0.24);
    background: #fff;
    flex: none;
    transition: none !important;
}

.btn_page:empty {
    display: none;
}

.btn_page_arr {
    display: flex;
    width: 32px;
    height: 40px;
    margin: 0 4px;
    border-radius: 2px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: none !important;
}

.btn_page_arr:nth-child(2) {
    transform: rotate(180deg);
}

.btn_page_arr svg {
    display: block;
    width: 20px;
    height: 100%;
    fill: rgba(0, 0, 0, 0.56);
}

.btn_page.on {
    color: #fff;
    border: 1px solid #3d3d3d;
    background: #3d3d3d;
}

.btn_page_arr.off {
    pointer-events: none;
}

.btn_page_arr.off svg {
    fill: rgba(0, 0, 0, 0.24);
}

.no_show {
    display: none;
}


/* move loading test */
.loading.loading_on {
    position: unset !important;
    display: flex !important;
    width: 100%;
    flex: 1 1 100%;
}

.sport_content {
    flex: none;
}

.loading_on + .content_sport {
    position: absolute;
    z-index: -1;
    visibility: collapse;
}

.loading_on + .box_filter {
    display: none;
}


.content_sport {
    margin-top: 16px;
}

.box_inn {
    margin-top: 16px;
}

.box_market {
    margin-top: 16px;
}

.box_scroll.date_scroll {
    margin-bottom: 16px;
}

/* 鐒¤辰浜� */
.no_event {
    display: flex;
    width: 100%;
    /* height: 100%; */
    min-height: 200px;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    transform: translate3d(0, 0, 0);
    flex: 1 1 auto
}

/* 鍏у堡-鐒¤辰浜� */
.box_tvmt ~ .no_event {
    margin-top: 16px;
    padding: 0 16px;
}

.box_sched,
.box_filter {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex: 1 1 100%;
}

.live_filter {
    flex: none;
}

.home_page.no_event {
    height: 200px;
}


/* 360 setting*/
@media screen and (min-width: 1px) and (max-width: 639px) {
    /* 鑱洘闋� */
    .btn_event {
        width: 100%;
    }

    /* 澶栧堡鐩ら潰 */
    .bet_type_2 .box_lebet_l {
        width: 50%;
        min-width: unset;
    }

    .bet_type_2 .box_lebet_r {
        width: calc(50% - 8px);
    }

    /* 澶栧堡鐩ら潰 - RPD */
    .box_rpdbet label {
        width: calc((100% - 32px) / 3);
        max-height: 304px;
        overflow: hidden;
    }

    .box_rpdbet .btn_last {
        display: none;
    }

    .box_rpdbet.on .btn_last {
        display: block;
    }

    /* 鍏у堡 - s1m2 */
    .box_innbet_s1m2 {
        flex-wrap: wrap;
    }

    .box_innbet_s1m2 {
        width: 100%;
    }

    .box_innbet_s1m2 .btn_lebet_odd {
        margin-right: 0;
    }

    /* 鍏у堡 - s1m3 */
    .box_innbet_s1m3 {
        flex-wrap: wrap;
    }

    .box_innbet_s1m3 .btn_lebet_odd {
        margin-right: 0;
        margin-bottom: 16px;
    }

    /* 鍏у堡 - s2m4 */
    .box_innbet_s2m4 {
        flex-wrap: wrap;
    }

    .box_innbet_s2m4 .btn_lebet_odd {
        width: calc(50% - 8px);
        margin-right: 0;
        margin-bottom: 16px;
        flex: 0 0 auto;
    }

    /* -- 鍏у堡 - SPECIAL --*/
    /* 鍏у堡 - RPD */
    .box_innbet_rpd {
        padding: 4px 16px;
    }

    .box_innbet_rpd label {
        height: 348px;
        width: calc((100% - 32px) / 3);
        overflow: hidden;
    }

    /* 鍏у堡 - RWM */
    .box_innbet_rwm {
        flex-wrap: wrap;
    }

    .innbet_rwm {
        width: 100%;
    }

    .box_innbet_rwm .btn_lebet_odd {
        margin-right: 0;
    }

    .box_innbet_rpd .btn_lebet_odd.btn_last {
        display: none;
    }

    .box_innbet_rpd.on .btn_lebet_odd.btn_last {
        display: flex;
    }

    /* 鍏у堡 - SFS */
    .innbet_sfs > div {
        width: 100%;
        flex: 1 1 100%;
    }

    .innbet_sfs .team_sfs,
    .innbet_sfs .btn_sfs_odd {
        border-bottom: #e6e6e6 solid 1px;
    }

    .team_h .innbet_sfs > div:nth-child(even),
    .team_c .innbet_sfs > div:nth-child(odd) {
        display: none;
    }

    .box_innbet_sfs .innbet_submenu:before {
        display: none;
    }

    /* 鍏у堡 - FS */
    .box_innbet_fs {
        width: 100%;
        flex-wrap: wrap;
    }

    .fs_btn_box {
        display: flex;
        width: 100%;
        max-height: 960px;
        flex-wrap: wrap;
        overflow-y: hidden;
    }

    .box_innbet_fs.on .fs_btn_box {
        max-height: unset;
    }

    .box_innbet_fs .btn_lebet_odd {
        margin-right: 0;
        transform: translate3d(0, 0, 0);
    }

    /* 鍏у堡 - PG */
    .box_innbet_pg {
        padding: 0 0 16px 0;
        flex-wrap: wrap;
    }

    .innbet_pg_t {
        width: 100%;
        margin-top: 16px;
        padding: 0 16px;
    }
}

/* 640 setting*/
@media screen and (min-width: 640px)/*  and (max-width: 1023px) */ {
    /* 鑱洘闋� */
    .btn_event {
        width: 50%;
    }

    /* 澶栧収灞ゅ叡鐢� */
    .box_innbet_btn {
        display: none;
    }

    .fs_inn .box_innbet_btn {
        display: block;
    }

    /* 澶栧堡鐩ら潰 */
    .bet_type_2 .box_lebet_l {
        width: 55%;
        min-width: unset;
    }

    .bet_type_2 .box_lebet_r {
        width: calc(45% - 8px);
    }

    /* 澶栧堡鐩ら潰 - RPD */
    .box_rpdbet label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .box_rpdbet .innbet_rpd_l,
    .box_rpdbet .innbet_rpd_r {
        width: calc(((100% - 64px) * 0.4) + 16px);
    }

    .box_rpdbet .innbet_rpd_m {
        width: calc((100% - 64px) * 0.2);
    }

    .box_rpdbet .btn_lebet_odd {
        width: calc(50% - 8px);
        margin-right: 0;
        flex: 0 0 auto;
    }

    .innbet_rpd_m .btn_lebet_odd {
        width: 100%;
    }

    /* 鍏у堡 */
    .btn_submenu {
        pointer-events: none;
    }

    /* 鍏у堡 - s1m2 */
    .box_innbet_s1m2 {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .box_innbet_s1m2 .btn_lebet_odd {
        width: calc(50% - 8px);
        margin-right: 16px;
        margin-bottom: 16px;
        flex: 0 0 auto;
    }

    .box_innbet_s1m2 .btn_lebet_odd:nth-child(2n) {
        margin-right: 0;
    }

    /* 鍏у堡 - s1m3 */
    .box_innbet_s1m3 {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .box_innbet_s1m3 .btn_lebet_odd {
        width: calc((100% - 32px) / 3);
        margin-right: 16px;
        margin-bottom: 16px;
        flex: 0 0 auto;
    }

    .box_innbet_s1m3 .btn_lebet_odd:nth-child(3n) {
        margin-right: 0;
    }

    /* 鍏у堡 - s2m4 */
    .box_innbet_s2m4 .btn_lebet_odd:nth-child(4n) {
        margin-right: 0;
    }

    /* -- 鍏у堡 - SPECIAL --*/
    /* 鍏у堡 - RPD */
    .box_innbet_rpd label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .box_innbet_rpd .innbet_rpd_l,
    .box_innbet_rpd .innbet_rpd_r {
        width: calc(((100% - 64px) * 0.4) + 16px);
    }

    .box_innbet_rpd .innbet_rpd_m {
        width: calc((100% - 64px) * 0.2);
    }

    .box_innbet_rpd .btn_lebet_odd {
        width: calc(50% - 8px);
        margin-right: 0;
        flex: 0 0 auto;
    }

    .innbet_rpd_m .btn_lebet_odd {
        width: 100%;
    }

    .box_innbet_rpd .btn_lebet_odd.btn_last {
        display: flex;
    }

    /* 鍏у堡 - RWM */
    .box_innbet_rwm {
        flex-wrap: nowrap;
    }

    .innbet_rwm {
        width: calc((100% - 32px) / 3);
        margin-right: 16px;
    }

    .innbet_rwm:last-child {
        margin-right: 0;
    }

    .box_innbet_rwm .btn_lebet_odd {
        margin-right: 0;
    }

    .box_innbet_rwm .btn_lebet_odd ~ .btn_lebet_odd {
        margin-top: 16px;
    }

    /* 鍏у堡 - SFS */
    .innbet_sfs {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        overflow: hidden;
    }

    .innbet_submenu .btn_submenu.on {
        color: rgba(0, 0, 0, 0.64);
    }

    .innbet_sfs > div {
        width: 50%;
        height: 64px;
        flex: 0 0 50%;
        border-bottom: #e6e6e6 solid 1px;
    }

    .innbet_sfs > div:nth-child(even) {
        border-left: #e6e6e6 solid 2px;
    }

    .box_innbet_sfs .btn_submenu {
        pointer-events: none;
    }

    /* SFS no_goal/other 鎺掑簭鍦ㄦ渶搴� */
    /*
    .box_innbet_sfs .sfs_nogoal{
        border-left: #e6e6e6 solid 2px;
    }
    .box_innbet_sfs .sfs_other{
        border-left: none!important;
    }
    */
    /* 鍏у堡 - FS */
    .box_innbet_fs {
        flex-wrap: wrap;
    }

    .fs_btn_box {
        display: flex;
        width: 100%;
        max-height: 960px;
        justify-content: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        overflow-y: hidden;
    }

    .box_innbet_fs.on .fs_btn_box {
        max-height: unset;
    }

    .box_innbet_fs .btn_lebet_odd {
        width: calc(50% - 8px);
        margin-left: 0;
        margin-bottom: 16px;
        flex: 0 0 auto;
    }

    .box_innbet_fs .btn_lebet_odd {
        margin-right: 0;
    }

    /* 鍏у堡 - PG */
    .box_innbet_pg {
        padding: 0 0 16px 0;
        flex-wrap: wrap;
    }

    .innbet_pg_t {
        display: inline-block !important;
        width: 50%;
        margin-top: 16px;
    }

    .innbet_pg_t {
        padding: 0 8px 0 16px;

    }

    .innbet_pg_t ~ .innbet_pg_t {
        padding: 0 16px 0 8px;
    }

}


/* 淇 safari灏嶆柤瀵害杓冪偤鏁忛姵鑰屽鐢㈢敓鐨勬嵅杌� */
/* bet_type_8 */
@media screen and (min-width: 1px) and (max-width: 765px) {
    /* 澶栧堡鐩ら潰 */
    .bet_type_8 .box_lebet_r {
        overflow-x: scroll;
    }
}

@media screen and (min-width: 766px) {
    /* 澶栧堡鐩ら潰 */
    .bet_type_8 .box_lebet_r {
        overflow-x: hidden;
    }
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
    @media screen and (min-width: 766px) and (max-width: 812px) {
        /* 澶栧堡鐩ら潰 */
        .bet_type_8 .box_lebet_r {
            overflow-x: auto !important;
        }
    }
}

@media screen and (min-width: 1px) and (max-width: 775px) and (pointer: coarse), screen and (pointer: fine) and (min-resolution: 2dppx) and (max-width: 775px) {
    /* 澶栧堡鐩ら潰 */
    .bet_type_8 .box_lebet_r {
        overflow-x: scroll; /* safari PC updating make scrollbar height wrong */
    }
}


/* bet_type_6 */
@media screen and (min-width: 1px) and (max-width: 631px) {
    /* 澶栧堡鐩ら潰 */
    .bet_type_6 .box_lebet_r {
        overflow-x: scroll;
    }
}

@media screen and (min-width: 632px) {
    /* 澶栧堡鐩ら潰 */
    .bet_type_6 .box_lebet_r {
        overflow-x: hidden;
    }
}

/* bet_type_4 */
@media screen and (min-width: 1px) and (max-width: 487px) {
    /* 澶栧堡鐩ら潰 */
    .bet_type_4 .box_lebet_r {
        overflow-x: scroll;
    }
}

@media screen and (min-width: 488px) {
    /* 澶栧堡鐩ら潰 */
    .bet_type_4 .box_lebet_r {
        overflow-x: hidden;
    }
}


/* 1024鐣潰浠ヤ笂 content_l 640px-775px 椤ず锛栧€嬬帺娉� */
@media screen and (min-width: 1024px) and (max-width: 1211px) {
    /* 澶栧堡鐩ら潰 */
    .bet_type_8 .box_lebet_l {
        width: 30%;
    }

    .bet_type_8 .box_lebet_r {
        width: 70%;
    }

    .bet_type_8 .box_lebet_r .box_lebet_odd {
        width: calc((100% - 56px) / 6);
        max-width: unset;
    }

    .bet_type_8 .box_lebet_r .box_lebet_odd:nth-child(6) {
        margin-right: 0 !important;
    }

    .bet_type_8 .box_lebet_r .box_lebet_odd:nth-child(7),
    .bet_type_8 .box_lebet_r .box_lebet_odd:nth-child(8) {
        display: none;
    }
}

/* 1024 setting */
@media screen and (min-width: 1024px) {
    /* 鏃ユ湡閬搁爡 */
    .box_scroll.date_scroll {
        margin-top: -16px;
    }

    .box_tvlist .box_scroll.date_scroll {
        margin-top: 0px;
    }

    /* 璩界▼ */
    .box_sched {
        padding: 0 16px;
    }

    .box_tvlist .head_league {
        margin-bottom: 16px;
    }

    .content_sched {
        padding-bottom: 32px;
    }

    /* 鐩ら潰 & 鑱洘妗嗘灦 */
    .content_sport {
        /* margin-top: 32px; */ /*0722*/
        padding: 0 16px;
    }

    .head_league {
        margin-bottom: 16px;
    }

    .box_market {
        margin-top: 0px;
        /* margin-bottom: -16px; */ /*0722*/
    }

    /* 澶栧堡鐩ら潰 */
    .box_lebet_r {
        overflow-x: hidden !important;
    }

    .btn_game_more .icon_star {
        margin-left: 16px;
        cursor: default;
    }

    .btn_game_more .icon_tv,
    .btn_game_more [class^="icon_match"] {
        position: relative;
        /* 		width: 32px;
                height: 32px; */
        min-height: 32px;
        padding: 8px;
        margin-left: auto !important;
        margin-right: 0 !important;
        background-size: auto 16px;
        order: 1;
        cursor: default;
    }

    .btn_game_more .icon_tv:after,
    .btn_game_more [class^="icon_match"]:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
        width: 32px;
        height: 32px;
        margin: auto;
        background: #ebebeb;
        z-index: -1;
    }

    .btn_game_more .icon_tv,
    .btn_game_more [class^="icon_match"] {
        cursor: pointer;
    }


    /* in-play MT鎾斁涓� */
    .btn_game_more .now[class^="icon_match"],
    .box_parlay .btn_game_more .now[class^="icon_match"],
    .box_mygame .btn_game_more .now[class^="icon_match"],
    .box_cup .btn_game_more .now[class^="icon_match"] {
        background-position: calc(0% + 8px) center;
    }

    .box_innbet_fs {
        padding: 16px 0 0 0;
    }

    /* 鍏у堡鐩ら潰 */
    .box_inn {
        padding: 0 16px;
    }

    .box_tvmt ~ .no_event {
        margin: 32px 16px 0 16px;
        width: calc(100% - 32px);
    }

    /* 鑱洘闋� */
    .today_filter {
        padding-bottom: 64px;
    }

    .notice_text {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
    }

    .btn_more_event {
        width: 100%;
        margin: 0 0 32px 0;
    }

    .btn_title_fs:before {
        height: 48px;
        margin: 0 16px;
    }

    /* 鑱洘鎻愪氦閳� */
    .btn_lea_submit {
        width: 66.6%;
        max-width: 640px;
        bottom: 0 !important;
        margin-left: calc((66.6% - 640px) / 2) !important;
    }

}

/* PC hover effect */
@media (pointer: fine) and (max-resolution: 2dppx), screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* 鐞冮姗閬稿柈 */
    .btn_le_sport:hover i {
        background: #a78025;
    }

    .btn_le_sport:hover span {
        color: #a78025;
    }

    .btn_le_sport:hover svg {
        fill: #fff;
    }

    .btn_betmain:hover:not(.on),
    .btn_betcorr:hover {
        color: #a78025;
        border: solid 1px #a78025;
    }

    .btn_le_sort:hover .icon_cup {
        background-image: url('../images/hg/icon_cup_go.svg');
    }

    .btn_le_cla:hover .icon_calendar {
        background-image: url('../images/hg/icon_calendar_go.svg');
    }

    .btn_title_le:hover,
    .game_title_inn:hover {
        background: rgba(0, 0, 0, 0.04);
    }

    .btn_market:hover {
        color: #a78025;
    }

    /* 澶栧収鐩ら潰鍏辩敤 */
    .btn_lebet_odd:hover,
    .btn_obt_odd:hover {
        border: 1px solid #a78025;
        background-color: #f9eccf;
    }

    .btn_innbet_more:hover {
        background: rgba(0, 0, 0, 0.04);
    }

    .box_innbet_btn:hover .btn_innbet_more {
        background: rgba(0, 0, 0, 0.04);
    }

    .btn_title_fs:hover:before {
        background: rgba(0, 0, 0, 0.04);
    }

    /* 澶栧堡鐩ら潰 */
    .btn_game_time:hover {
        color: #a78025;
    }

    .btn_inn_team:hover .text_team {
        color: #a78025;
    }

    .box_state:hover .icon_information svg,
    .icon_information:hover svg,
    .btn_info:hover .icon_information svg {
        fill: #05bdff;
    }

    .btn_game_more:hover .game_total {
        color: #000;
    }

    /* 澶栧堡鐩ら潰 - OBT */
    .btn_menu_obt:hover {
        color: #fff;
        background: #a78025;
        border-color: #a78025;
    }

    .menu_obt .btn_close:hover .icon_close svg {
        fill: #000;
    }

    .box_star .icon_star:hover svg {
        width: 20px;
        height: 20px;
        fill: rgba(246, 236, 213, 1);
        stroke: rgba(167, 128, 37, 1);
    }

    .box_star .icon_star.on:hover svg {
        width: 20px;
        height: 20px;
    }

    /* 鍏у堡鐩ら潰 */
    .title_popup .btn_close:hover .icon_close svg {
        fill: rgba(255, 255, 255, 0.56);
    }

    .btn_submenu:hover {
        color: #a78025;
    }

    /* 鍏у堡鐩ら潰 - SFS */
    .btn_sfs_odd:hover {
        background-color: #f9eccf;
        box-shadow: inset 0 0 0 2px #fff;
    }

    /* 鑱洘闋� */
    .btn_more_event:hover {
        background: #8f8f8f;
    }

    .popular_league .bg_event:hover {
        background: rgba(0, 0, 0, 0.04);
    }

    .popular_league .bg_event:hover ~ .title_event {
        color: #a74e25;
    }

    .bg_event:hover ~ .title_event {
        color: #A78025
    }

    .check_event:hover .checkmark {
        border: 1px solid #000;
    }

    .btn_submit:before:hover {
        background: #379e7a;
    }

    .box_filter .btn_submit:hover:before {
        background: #38a886;
    }

    /* 璩界▼ */
    .btn_sched:hover {
        background: rgba(0, 0, 0, 0.04);
    }

    /* 鏃ユ湡閬搁爡 */
    .btn_date:hover {
        background: #fff;
        border: 1px solid #a78025;
    }

    .btn_date:hover tt {
        color: #a78025;
    }

    .btn_date.on:hover {
        border: 1px solid transparent;
        background: #a78025;
    }

    .btn_date.on:hover tt {
        color: #fff;
    }

}

/* btn_game_more hover 1024 up*/
@media (pointer: fine) and (min-width: 1024px),
(-moz-touch-enabled: 0) and (min-width: 1024px), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1024px) {
    .btn_game_more [class^="icon_tv"]:hover ~ .game_total,
    .btn_game_more [class^="icon_match"]:hover ~ .game_total {
        color: rgba(0, 0, 0, 0.64);
    }

    .btn_game_more [class^="icon_tv"]:active ~ .game_total,
    .btn_game_more [class^="icon_match"]:active ~ .game_total,
    .btn_game_more [class^="icon_tv"]:active ~ .icon_arrow,
    .btn_game_more [class^="icon_match"]:active ~ .icon_arrow {
        color: rgba(0, 0, 0, 0.64);
        background: none;
    }

    .btn_game_more [class^="icon_tv"]:active ~ .icon_arrow svg,
    .btn_game_more [class^="icon_match"]:active ~ .icon_arrow svg {
        fill: rgba(0, 0, 0, 0.24);
    }

    .btn_game_more [class^="icon_tv"]:hover {
        background-image: url("../images/hg/icon_tv_go.svg");
    }

    .btn_game_more i[class^="icon_match"]:hover {
        background-position: 8px center;
    }
}

/* All active effect */
@media screen and (max-width: 1023px) {
    .btn_game_more:active .icon_tv,
    .btn_game_more:active [class^="icon_match"] {
        background-color: #ebebeb;
    }
}

/* 鐞冮姗閬稿柈 */
.btn_le_sport:active {
    background: #e6e6e6;
}

.btn_le_sport:active i {
    background: #a78025;
}

.btn_le_sport:active span {
    color: #a78025;
}

.btn_le_sport:active svg {
    fill: #fff;
}

.btn_back:active,
.btn_le_sort:active,
.btn_le_cla:active,
.btn_info:active {
    background: rgba(0, 0, 0, 0.08);
}

.btn_betmain:active,
.btn_betcorr:active {
    color: #a78025;
    border: solid 1px #a78025;
    background: #ebebeb;
}

.btn_le_sort:active .icon_cup {
    background-image: url('../images/hg/icon_cup_go.svg');
}

.btn_le_cla:active .icon_calendar {
    background-image: url('../images/hg/icon_calendar_go.svg');
}

.btn_market:active:before {
    opacity: 1;
}

.game_title_inn:active {
    background: rgba(0, 0, 0, 0.08);
}

.ft_outer .btn_title_le:active,
.box_filter .btn_title_le:active {
    background: #d9d9d9;
}

/* 澶栧収鐩ら潰鍏辩敤 */
.btn_innbet_more:active {
    background: rgba(0, 0, 0, 0.08);
}

.box_innbet_btn:active .btn_innbet_more {
    background: rgba(0, 0, 0, 0.08);
}

.btn_title_fs:active:before {
    background: rgba(0, 0, 0, 0.08);
}

/* 澶栧堡鐩ら潰 */
.btn_game_time:active {
    color: #a78025;
    background: rgba(0, 0, 0, 0.08);
}

.box_state .icon_information:active svg,
.icon_information:active svg,
.btn_info:active .icon_information svg {
    fill: #0083b3;
}

.btn_game_more:active .game_total {
    color: #000;
    background: #ebebeb;
}

.btn_game_more:active .icon_arrow {
    background: #ebebeb;
}

.btn_game_more:active svg {
    fill: rgba(0, 0, 0, 0.32);
}

.btn_game_more [class^="icon_tv"]:active:after {
    display: block;
}

.btn_inn_team:active .text_team {
    color: #a78025;
}

.btn_page:active,
.btn_page_arr:active {
    background: rgba(0, 0, 0, 0.08);
}

/* 澶栧堡鐩ら潰 - OBT */
.btn_menu_obt:active {
    color: #fff;
    background: #86661E;
}

.menu_obt .btn_close:active .icon_close {
    background: rgba(0, 0, 0, 0.08);
}

.menu_obt .btn_close:active .icon_close svg {
    fill: #000;
}

/* 鍏у堡鐩ら潰 */
.title_popup .btn_close:active .icon_close svg {
    fill: rgba(255, 255, 255, 0.56);
}

.btn_submenu:active {
    color: #a78025;
    background: rgba(0, 0, 0, 0.08);
}


/* 鍏у堡鐩ら潰 - SFS */


/* 鍏у堡鐩ら潰 - TV/MT */
.btn_switch:active i {
    background-color: #ebebeb;
}

.btn_switch:active svg {
    fill: #a78025;
}

.btn_mt:active {
    background-color: #ebebeb;
}

.btn_mt:active svg {
    fill: #a78025;
}

.btn_mt:active i[class^="icon_match"] {
    background-position: center left;
}


/* 鑱洘闋� */
.btn_more_event:active {
    background: #666;
}

.popular_league .bg_event:active {
    background: rgba(0, 0, 0, 0.08);
}

.popular_league .bg_event:active ~ .title_event {
    color: #a74e25;
}

.bg_event:active ~ .title_event {
    color: #86661E;
}

.check_event:active .checkmark {
    border: 1px solid #33997a;
}

.btn_submit:before:active {
    background: #056b48;
}

.box_filter .btn_submit:active:before {
    background: #297a62;
}

/* 璩界▼ */
.btn_sched:active {
    background: rgba(0, 0, 0, 0.08);
}

/* 鏃ユ湡閬搁爡 */
.btn_date:active {
    border: 1px solid #a78025;
    background: #ebebeb;
}

.btn_date:active tt {
    color: #a78025;
}

@media screen and (min-width: 1024px) {
    .btn_game_more [class^="icon_tv"]:active {
        background: url("../images/hg/icon_tv_go.svg") no-repeat center center;
    }

    .btn_game_more i[class^="icon_match"]:active {
        background-position: 8px center;
        background-color: #ebebeb;
    }
}

/* Other Setting */
/* android 鏇存柊鏅傞毐钘忔嵅杌� only setting in chrome */
@media all and (pointer: coarse) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    .box_lebet,
    .box_obt_lebet {
        position: relative;
        overflow: hidden;
    }

    .box_lebet.update:after {
        content: '';
        position: absolute;
        top: 212px;
        right: 0;
        width: 100%;
        height: 12px;
        background: #fff;
    }

    .box_obt_lebet.update:after {
        content: '';
        position: absolute;
        bottom: 0px;
        right: 0;
        width: 100%;
        height: 15px;
        background: #ededed;
    }
}


.box_empty {
    display: block;
    width: 100%;
    height: 16px;
    flex: none;
}

.box_relating {
    width: calc(100% - 32px);
    height: 24px;
    line-height: 24px;
    padding: 0 16px;
    margin: 16px 16px 0 16px;
    flex: none;
    cursor: pointer;
}

.content_r .box_relating {
    width: 100%;
    margin: 16px 0;
}

@media screen and (min-width: 1024px) {
    .box_empty {
        height: 32px;
    }

    .box_relating {
        margin: 32px 16px 0 16px;
    }
}

.loading_on ~ .box_relating {
    display: none;
}

.title_relating {
    width: 100%;
    height: 100%;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    color: #0066CC;
}

.popup_relating {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: flex-end;
    z-index: 8;
    visibility: collapse;
}

.content_r .popup_relating {
    top: 56px;
    left: auto;
    right: 0;
    width: calc(100% / 3);
    height: calc(100% - 56px);
}

.popup_relating.on {
    visibility: visible;
}

.box_popup {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    transform: translate3d(0, 100%, 0);
    transition: transform 0.3s ease;
}

.content_r .box_popup {
    width: calc(100% / 3);
}

.on > .box_popup {
    transform: translate3d(0, 0%, 0);
}

.title_popup {
    display: flex;
    width: 100%;
    height: 48px;
    padding: 0 8px 0 16px;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #503f32;
}

.title_popup span {
    display: inline-block;
}

.title_popup .btn_close {
    background: transparent;
}

.title_popup .btn_close svg {
    fill: rgba(255, 255, 255, 0.56);
}

.content_popup {
    width: 100%;
    padding: 16px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.64);
}

/* PC hover effect */
@media (pointer: fine) and (max-resolution: 2dppx), screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .title_relating:hover {
        color: #0070E0;
    }

    .title_r_mt .btn_close:hover i {
        opacity: 1;
    }

    .btn_tvplay:hover {
        background-position: center -72px;
    }
}

/* All active effect */
.title_relating:active {
    color: #0052A3;
}


/* 鐏嫄鑸婄増闅婂悕閬庨暦瑷畾 */
@media (-moz-touch-enabled: 0),
(-moz-touch-enabled: 1) {
    .box_team .text_team {
        max-height: 34px;
        overflow: hidden;
    }

    .box_scoboard .text_team,
    .box_scoboard_r .text_team {
        max-height: 32px;
        overflow: hidden;
    }

    .sub_title {
        max-height: 40px !important;
    }

    .sub_title > tt {
        max-height: 40px !important;
        overflow: hidden;
    }

    .text_ballou {
        max-height: 32px;
    }
}

.box_mygame_nodata {
    display: flex;
    padding: 0 32px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.title_mygame {
    position: relative;
    width: 100%;
    height: 64px;
    margin-bottom: 16px;
    z-index: 0;
}

.title_mygame:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: -1;
    background: #d8d8d8;
    transform: translateZ(0px);
}

.title_mygame:after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 48px);
    width: 96px;
    height: 100%;
    z-index: -1;
    background: #fff;
    transform: translateZ(0px);
}

.icon_mygame {
    display: flex;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(167, 128, 37, 0.08);
}

.icon_mygame svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: #fff;
    stroke: rgba(0, 0, 0, 0.4);
}

.box_mygame_nodata span {
    display: block;
    width: 100%;
    line-height: 16px;
    margin-bottom: 16px;
    font-size: 12px;
    text-align: center;
    color: rgba(0, 0, 0, 0.72);
}

.box_mygame_nodata span tt {
    font-weight: bold;
}

.img_mygame {
    width: 256px;
    height: 174px;
    background: url('../images/hg/img_mygame.gif');
    background-size: contain;
}

.box_star .icon_star:active svg {
    width: 20px;
    height: 20px;
    fill: rgba(167, 128, 37, 1);
    stroke: rgba(167, 128, 37, 1);
}

.box_star .icon_star.on svg {
    fill: rgba(167, 128, 37, 1);
    stroke: rgba(167, 128, 37, 1);
}

.box_star .icon_star.on:active svg {
    width: 20px;
    height: 20px;
    fill: rgba(167, 128, 37, 0);
    stroke: rgba(0, 0, 0, 0.64);
}


/* 2022 Mar 鏂板鐗规畩鐩ら潰 */
/* CUP-HIGHLIGHTS PAGE*/
.cup.head_league {
    background-image: url('../images/hg/bg_cup_league.jpg');
    background-size: auto;
    background-repeat: no-repeat;
    background-color: #BC9351;
}

.cup .btn_market.on {
    color: #7B022A;
    border-color: #7B022A;
}

@media screen and (min-width: 1024px) {
    .cup.head_league {
        margin-bottom: 0;
    }
}


/* outrights team menu*/
.box_cupHL_team {
    width: 100%;
    padding: 24px 0;
    overflow: hidden;
    border-bottom: 1px solid #D8D8D8;
}

.box_cupHL_team > label {
    display: grid;
    width: 100%;
    padding: 0 16px;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
}

.box_cupHL_team.on > label {
    height: auto;
    max-height: unset;
}

.box_cupHL_team.less_show4 {
    overflow: hidden;
}

.btn_cup_team {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    overflow: hidden;
}

.cup_team_name {
    display: flex;
    width: calc(100% - 42px);
    flex: 1 1 auto;
    align-items: center;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #9A1032;
    background-image: url('../images/hg/bg_cup_team.png'),
    linear-gradient(180deg, #F4F2E9 0%, #E7E1D1 100%);
    background-blend-mode: multiply, normal;
    background-repeat: no-repeat;
    background-position: center;
    transition: background 0.3s ease;
}

.cup_flag {
    display: block;
    flex: none;
    width: 24px;
    height: 24px;
    margin: 8px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.24);
    border: 1px solid #fff;
}

.btn_cup_team span {
    display: block;
    margin: 0 4px;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cup_team_odds {
    display: flex;
    width: 42px;
    height: 100%;
    padding: 4px 4px 4px 0;
    font-size: 12px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    background: #7B022A;
    color: #fff;
    flex: none;
    cursor: pointer;
    transition: background 0.3s ease;
}

.cup_team_odds.on {
    background: #C99A2C;
}

.btn_cup_more {
    display: flex;
    width: 100%;
    height: 16px;
    margin-top: 24px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    color: #007BA8;
    cursor: pointer;
}

.btn_cup_more:before {
    content: attr(data-more);
    display: inline;
}

.on .btn_cup_more:before {
    content: attr(data-less);
}

/* 360 setting*/
@media screen and (min-width: 1px) and (max-width: 639px) {
    .box_cupHL_team {
        overflow: hidden;
        max-height: 232px;
    }

    .box_cupHL_team > label {
        height: 234px;
        padding-bottom: 42px;
        grid-auto-flow: column;
        grid-auto-columns: 216px;
        grid-template-rows: repeat(4, 1fr);
    }

    .btn_cup_more {
        display: none;
    }

    .box_cupHL_team.less_show4 > label {
        height: auto;
        padding-bottom: 0;
        grid-auto-flow: dense;
        grid-template-rows: auto;
        grid-auto-columns: 100%;
    }
}

/* 640setting*/
@media screen and (min-width: 640px) and (max-width: 839px) {
    .box_cupHL_team > label {
        max-height: 184px;
        overflow-y: hidden;
        grid-template-columns: repeat(3, 1fr);
    }

    .box_cupHL_team.less_show4 > label {
        height: auto;
        grid-template-columns: repeat(2, 1fr);
    }

    .less_show4 .btn_cup_more {
        display: none;
    }
}

/* 840setting*/
@media screen and (min-width: 840px) {
    .box_cupHL_team > label {
        max-height: 184px;
        overflow-y: hidden;
        grid-template-columns: repeat(4, 1fr);
    }

    .box_cupHL_team.less_show4 > label {
        height: auto;
        grid-template-columns: repeat(2, 1fr);
    }

    .less_show4 .btn_cup_more {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .box_cupHL_team {
        padding: 24px 0;
    }
}

/* CUP EVENT */
.cup_title {
    width: 100%;
    height: 16px;
    line-height: 16px;
    margin-top: 24px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

@media screen and (min-width: 1px) and (max-width: 1023px) {
    .cup_title {
        padding: 0 16px;
    }
}

.cup_market.box_market {
    margin: 24px 0;
}

.cup_title_date {
    display: flex;
    width: 100%;
    height: 40px;
    margin-bottom: 16px;
    align-items: center;
    justify-content: space-between;
}

.cup_title_date span {
    display: block;
    padding: 8px 16px;
    flex: none;
    font-size: 14px;
    font-weight: 700;
    color: #A78025;
}

.cup_title_date hr {
    width: 100%;
    flex: 1 1 auto;
    border-top: 1px solid #D8D8D8;
}

.cup_outer .btn_title_le {
    display: flex;
    width: 100%;
    height: 32px;
    min-height: 32px;
    line-height: 16px;
    padding: 4px 16px;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #352A21;
    pointer-events: none;
}

.cup_outer .btn_title_le {
    line-height: inherit;
}

.cup_outer .btn_title_le .icon_flag {
    display: none;
}

.cup .box_lebet_top {
    flex-wrap: wrap;
}

/* CUP EVENT */
.cup_title + .box_fs {
    margin-top: 24px;
}

/* 灏忕祫鐗╀欢 */
.box_group {
    width: 100%;
    margin: 16px 0;
}

.form_group {
    display: block;
    width: 100%;
}

.th_row,
.td_row {
    position: relative;
    display: grid;
    width: 100%;
}

.th_row {
    height: 32px;
    margin-bottom: 16px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.56);
    background: #FAF9F5;
}

.td_row {
    height: 40px;
    margin-bottom: 3px;
    font-size: 14px;
}

.td_row:after {
    content: '';
    position: absolute;
    bottom: -2px;
    display: block;
    width: 100%;
    height: 1px;
    background: #D8D8D8;
}

.td_row:last-child {
    margin-bottom: 0;
}

.td_row:last-child:after {
    display: none;
}

.form_group span {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin-left: 2px;
}

span.td_name,
span.td_P {
    margin-left: 0;
}

span.td_name {
    padding: 0 16px;
    justify-content: left;
}

.td_name tt {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td_name .cup_flag {
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    background-size: contain;
}

.th_row .td_name {
    font-weight: 700;
    color: #000;
}

.td_row .td_name {
    color: #007BA8;
    cursor: pointer;
}

.td_row .td_name.off {
    color: #000;
    pointer-events: none;
}

.td_row .td_pts {
    font-weight: 700;
}

.td_row .td_odds {
    font-weight: 700;
    color: #C8250A;
    cursor: pointer;
}

.td_row .td_odds:empty {
    cursor: default;
    pointer-events: none;
}

.td_row .td_odds.on {
    color: #fff;
    background: #C99A2C;
}

/* 320 setting*/
@media screen and (min-width: 1px) and (max-width: 639px) {
    .th_row, .td_row {
        grid-template-columns: calc(100% - 156px) repeat(3, 24px) repeat(2, 40px);
    }

    .td_3rd, .td_last, .td_W, .td_D, .td_L, .td_GF, .td_GA {
        display: none !important;
    }
}

/* 640 setting*/
@media screen and (min-width: 640px) and (max-width: 799px) {
    .th_row, .td_row {
        grid-template-columns: calc(100% - 416px) repeat(3, 32px) repeat(4, 40px) repeat(5, 32px);
    }

    .td_P br, .td_pts br, .td_GD br {
        display: none;
    }
}

/* 800 setting*/
@media screen and (min-width: 800px) {
    .th_row, .td_row {
        grid-template-columns: calc(100% - 480px) repeat(12, 40px);
    }

    .td_P br, .td_pts br, .td_GD br {
        display: none;
    }
}

/* CUP-TEAM PAGE*/
.box_scroll.team_scroll {
    height: 56px;
    margin: 16px 0;
}

.menu_team {
    width: 100%;
    height: 76px;
    flex: 1 1 auto;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    transform: translate3d(0, 0, 0);
}

.menu_team > label,
.box_slide > label {
    display: inline-block;
    width: auto;
    height: 100%;
}

.btn_le_team {
    display: inline-block;
    width: 76px;
    height: 100%;
    margin: 0 4px;
    padding-top: 4px;
    text-align: center;
    vertical-align: top;
    white-space: normal;
    text-align: center;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.72);
    cursor: pointer;
}

.btn_le_team,
.btn_le_team * {
    transition: all 0.3s ease;
}

.btn_le_team i {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

.btn_le_team span {
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn_le_team.on {
    color: #7B022A;
}

/* PC hover effect */
@media (pointer: fine) and (max-resolution: 2dppx), screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .box_scroll.team_scroll .btn_go_l,
    .box_scroll.team_scroll .btn_go_r {
        background: #685241;
        fill: rgba(255, 255, 255, 0.64);
    }

    .box_scroll.team_scroll .btn_go_l:hover,
    .box_scroll.team_scroll .btn_go_r:hover {
        background: #9d7c62;
    }

    .box_scroll.team_scroll .btn_go_l:active,
    .box_scroll.team_scroll .btn_go_r:active {
        background: #352a21;
    }
}

/* 闅婁紞鍐犺粛 */
.box_cupTM_team {
    width: 100%;
}

.box_cupTM_team .btn_cup_team {
    cursor: default;
}

.box_cupTM_team .cup_team_name {
    font-size: 18px;
    pointer-events: none;
}

.box_cupTM_team .cup_team_odds {
    width: 48px;
}

/* 800 setting*/
@media screen and (min-width: 1px) and (max-width: 1023px) {
    .box_cupTM_team {
        padding: 0 16px;
    }
}

.cup_outer .btn_title_le[style="display: none;"] + .box_lebet {
    /* border-top: none; */
}

.btn_all_fs {
    display: flex;
    width: 100%;
    height: 44px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #007BA8;
    fill: #007BA8;
}

.btn_all_fs .icon_arr {
    display: block;
    width: 4px;
    height: 8px;
    margin-left: 8px;
}

/* 鐗规畩璩戒簨-绗笁鏂圭墿浠� Main-Team Widget */
.box_cup_widget {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    padding: 0 16px;
    flex-direction: column;
    gap: 16px;
}

.box_cup_widget div {
    width: 100%;
    height: 300px;
    flex: 1 1 auto;
    background: #D8D8D8;
}

/* 800 setting*/
@media screen and (min-width: 1024px) {
    .box_cup_widget {
        padding: 0;
        flex-direction: row;
    }

    .box_cup_widget div {
        width: 50%;
        height: 300px;
        flex: 1 1 auto;
        background: #D8D8D8;
    }
}


/* PC hover effect */
@media (pointer: fine) and (max-resolution: 2dppx), screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .btn_cup_more:hover {
        color: #008ABD;
    }

    .cup .btn_market:hover {
        color: #7B022A;
    }

    .cup_team_odds:hover {
        background: #920232;
    }

    .cup_team_odds.on:hover {
        background: #C99A2C;
    }

    .td_row .td_name:hover {
        background: rgba(0, 0, 0, 0.04);
    }

    .td_row .td_odds:hover {
        background: #F9ECCF;
    }

    .td_row .td_odds.on:hover {
        color: #fff;
        background: #C99A2C;
    }

    .btn_le_team:hover {
        color: #7B022A;
    }

    .btn_all_fs:hover {
        background: rgba(0, 0, 0, 0.04);
    }
}

.cup_team_name:active {
    background-image: url('../images/hg/bg_cup_team.png'),
    linear-gradient(180deg, #E7E1D1 0%, #DED2B2 100%);
}

.btn_cup_more:active {
    color: #005D80;
}

.cup .btn_market:active {
    color: #7B022A;
}

.td_row .td_name:active {
    background: rgba(0, 0, 0, 0.08);
}

.btn_le_team:active {
    background: rgba(0, 0, 0, 0.08);
}

.btn_all_fs:active {
    background: rgba(0, 0, 0, 0.08);
}


.cup_loading {
    display: none;
}

.loading_on.cup_loading_on {
    display: none !important;
}

.cup_loading_on ~ .content_sport .cup .cup_loading {
    display: flex;
}

.loading_on.cup_loading_on + .content_sport {
    position: unset;
    z-index: unset;
    visibility: unset;
}