/*导航栏*/
.czQz_bWFpbi10b3BjelF6 {
    padding: 0 0.75rem 0 0.46rem;
}

.czQz_bWFpbi10b3BjelF6 .logo a {
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 1rem;
}

.czQz_bWFpbi10b3BjelF6 .logo img {
    
    /* width: 7.78rem; */
    width: auto;
    height: 2.25rem;
}
.czQz_bWFpbi10b3BjelF6 .logo .logo-title{
    font-family: PingFangSC-Semibold;
    font-size: 0.94rem;
    color: #FFFFFF;
    font-weight: 600;
}

.czQz_bW9yZV9jbGlja2N6UXo {
    width: 2.5rem;
    height: 2rem;
    object-fit: contain;
}

.czQz_bWFpbi10aXRsZWN6UXo {
    padding: 5px 10px;
    font-family: Helvetica-Bold;
    font-size: 0.875rem;
    color: #FFFFFF;
}

.czQz_bGVhZ3VlLW1hdGNoLW5hdmN6UXo {
    display: flex;
    align-items: center;
    height: 3.125rem;
    background: #111;
}

.czQz_bGVhZ3VlLW1hdGNoLW5hdmN6UXo a {
    font-size: 0.875rem;
    font-family: Helvetica-Bold;
    font-weight: 700;
    margin: 0 0.16rem 0 0;
    height: 3.125rem;
    line-height: 3.125rem;
    color: #FFFFFF !important;
    padding: 0 10px;
    text-align: center;
}

.nav-bg {
    overflow-y: hidden;
    background: #111111;
    height: unset;
}

.czQz_bGVhZ3VlLW1hdGNoLW5hdmN6UXo .select {
    background: var(--primary-color);
    color: #F0725C;
}

.czQz_bGVhZ3VlLW1hdGNoLW5hdmN6UXo .select::after {
    bottom: 2px;
    width: calc(100% - 0.16rem);
    left: 50%;
    transform: translateX(-50%);
    border: unset;
}

.tag-bg {
    display: block;
    width: 100% !important;
    height: unset;
    background: #202020;
    padding: 0.675rem .75rem;
}

.tag_title {
    text-align: left;
    font-family: Helvetica-Bold;
    font-size: 12px;
    color: #999999;
    letter-spacing: 0;
    font-weight: 700;
}

.tag-list {
    overflow-x: auto;
    padding-left: unset;
}

.tag-item, .tag-item1, .tag-item2, .tag-item3, .tag-item4 {
    border-bottom: unset;
    font-size: 0.75rem;
    padding: 0.14rem 0.7125rem;
    border: 1px solid var(--primary-color);
    border-radius: 0.875rem;
    letter-spacing: 0;
    font-weight: 400;
    margin-right: 0.2375rem;
    font-family: PingFangSC-Regular;
    color: var(--primary-color);
    display: flex;
    justify-content: space-between;
    padding: 0.12rem 0.12rem 0.12rem 0.4rem;
}

.tag-item1, .tag-item2, .tag-item3, .tag-item4 {
    background: var(--primary-color);
    font-family: PingFangSC-Regular;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    padding: 0.12rem 0.12rem 0.12rem 0.4rem;
}

.tag_title {
    font-family: Helvetica-Bold;
    font-size: 0.75rem;
    color: #999999;
    letter-spacing: 0;
    font-weight: 700;
}

/*index列表*/
.czQz_bWFpbi1iZ2N6UXo-color {
    /* background: url(https://hepatoweb.com/static/images/s43/new_match-banner-bg.png) no-repeat center center !important; */
    background-color: #F0725C !important;
    background-size: 100% 100% !important;
}

.new_list_item {
    margin-left: unset;
    margin-right: unset;
    margin-top: unset;
    border-radius: unset;
    padding: 0.35rem 0.69rem 0.35rem 0.69rem;
}

.czQz_bmV3X2xpc3RfaXRlbV9pbmZvX2luZGV4Y3pReg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: unset;
    width: 100%;
    min-height: 4.125rem;
}
.czQz_bmV3X2xpc3RfaXRlbV9pbmZvX2luZGV4Y3pReg .item_info_top_center .time{
    font-family: PingFangSC-Regular;
    font-size: 0.75rem;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 4px;
}

.status_gray_color {
    color: #FFFFFF;
    display: none;
}

.item_info_top_r, .item_info_top_l {
    display: flex;
    align-items: center;
    width: 39%;
}

.item_info_top_l {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.item_info_top_l .new_list_item_info_logo,
.item_info_top_r .new_list_item_info_logo {
    margin-left: 5px;
}

.item_info_top_r {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

.item_info_top_l .new_list_item_info_logo,
.item_info_top_r .new_list_item_info_logo {
    margin-right: 5px;
}

.item_info_top_l, .item_info_top_l span {
    font-family: PingFangSC-Regular;
    font-size: 0.75rem;
    color: #FFFFFF;
    font-weight: 400;
}

.new_list_item_info_logo {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 100%;
    margin: unset;
    background: #ffffff;
    overflow: hidden;
}

.new_list_item_info_logo img {
    width: 1.75rem;
    height: 1.75rem;
    margin: 0;
    transform: scale(.7);
}

.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo {
    width: 100%;
    align-items: center;
}
.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo.center-text .right{
    display: contents;
}
.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo.center-text{
    justify-content: center;
}
.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo .union-content{
    display: flex;
}

.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo .left{
    margin-left: 5px;
}

.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo .new_center{
    /* width: 33% !important; */
}
.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo .right {
    width: 33% !important;
}

.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo .left {
    align-items: center;
    font-family: PingFangSC-Regular;
    font-size: 0.75rem;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 400;
    overflow: hidden;
    justify-content: flex-start;
}

.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo .new_center {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: #FFFFFF;
    letter-spacing: 0;
    font-family: PingFangSC-Regular;
    letter-spacing: 0;
    font-weight: 400;
}

.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo .right {
    font-family: Helvetica-Bold;
    font-size: 0.875rem;
    color: #F0725C;
    letter-spacing: 0;
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
    /* display: none; */
}

.new_list_item_team_vs {
    font-family: PingFangSC-Semibold;
    font-size: 1.19rem;
    color: #5D6B8B;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.new_list_item {
    background: unset;
}
.item_info_top_l .new_list_item_info_team{
    margin-right: 5px;
}
.item_info_top_r .new_list_item_info_team{
    margin-left: 5px;
}
.new_list_item_info_team {
    margin: unset;
    font-family: Helvetica-Bold;
    font-size: 1rem;
    color: #FFFFFF;
    font-weight: 700;
    text-align: right;
    width: 70%;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.new_center_color {
    /* color: #FF4238 !important; */
}

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

.new_list_item_team_score_left, .new_list_item_team_score_center, .new_list_item_team_score_right {
    font-family: DINAlternate-Bold;
    font-size: 1.125rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 700;
}

.new_list_item_team_score_center {
    padding: 0 3px;
}

.new_list_item_button_index_bg > a{
    background: #ffffff !important;
    color: #333333 !important;
}

.item_info_top_l .new_list_item_info_team {
    text-align: left;
}

.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo .live {
    background: var(--primary-color);
    border-radius: 3px;
    width: auto;
    height: 1rem;
    padding: 0 5px;
    box-sizing: border-box;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.new_list_item_button_index a {
    width: 7.5rem;
    height: 1.75rem;
    background: rgba(255, 255, 255, .2);
    border-radius: 0.44rem;
    padding: unset;
    font-family: Helvetica-Bold;
    font-size: 0.75rem;
    color: #ffffff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_list_item_button_index img {
    margin-top: unset;
    margin-right: .5rem;
    width: 0.625rem;
    height: 0.625rem;
}

.center_color {
    color: #FFFFFF !important;
}

.item_live_urls {
    width: 100%;
}

.item_live_urls_i {
    color: #ffffff;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    font-weight: 400;
}

.new_list_item_info_left_status {
    font-family: Helvetica-Bold;
    font-size: 0.75rem;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
}

.czQz_bWF0Y2hfaXRlbWN6UXos_odd_even:nth-child(odd) {
    background: #111111;
    border: 1px solid #202020;
}

.czQz_bWF0Y2hfaXRlbWN6UXos_odd_even:nth-child(even) {
    background: #202020;
    border: 1px solid #202020;
}

.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo .right_odd_even {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8.5625rem !important;
    height: 1.5rem;
    border: 1px solid #F0725C;
    border-radius: 0.1875rem;
    font-family: PingFangSC-Semibold;
    font-size: 0.75rem;
    color: #F0725C;
    letter-spacing: 0;
    font-weight: 600;
}

.co1 {
    color: #999999 !important;
}

.co2 {
    font-family: Helvetica !important;
    color: #BEBEBE !important;
}

.co3 {
    font-family: Helvetica-Bold !important;
    color: #F0725C !important;
    font-weight: 700;
}

.new_list_item_button_index, .new_list_item_button_index a {
    margin: 10px auto;
    height: 2rem;
}

.top-box_r_r {
    font-family: DINAlternate-Bold;
    font-size: 1rem;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
}

.new_list_item_button_index_pc {
    display: none;
}

.czQz_bWF0Y2hfZGV0YWlsX2NydW1iY3pReg {
    padding: 0 0.75rem !important;
}

.bread {
    height: 3.125rem;
    display: flex;
    align-items: center;
}

.bread div, .bread h1 {
    font-family: Helvetica-Bold;
    font-size: 0.875rem;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
    margin-right: 0.9375rem
}

.czQz_YmFja19kZXRhaWxjelF6 {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--primary-color) !important;
    letter-spacing: 0;
    font-weight: 700;
    cursor: pointer;
}

.close_detail {
    width: 0.475rem;
    height: 0.725rem;
    object-fit: cover;
    margin-right: 0.475rem;
}

.czQz_bGl2ZV9kZXRhaWxjelF6 {
    background: #202020 !important;
}

.match-list-content-item {
    color: #BEBEBE !important;
    font-family: PingFangSC-Regular;
    font-size: 0.75rem;
}

.new_content_h1 h1 {
    font-family: PingFangSC-Regular;
    font-size: 0.875rem;
    color: #C3C3C3;
    letter-spacing: 0;
    font-weight: 400;
}

.match_daohang div {
    padding-left: 0.75rem;
}

.match_daohang div, .match_daohang div a {
    font-family: Helvetica-Bold;
    font-size: 0.875rem;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
}
.match_daohang div a{
    color: #fff;
}


.match_detail_tab_item {
    margin-left: unset !important;
    margin-right: 0.05rem;
    /* border-radius: unset !important; */
    background: transparent !important;
    /* height: 36px;
    line-height: 36px; */
    height: 2rem;
    line-height: 2rem;
    padding: 0 8px !important;
}

.match_detail_tab {
    margin-top: unset;
    padding: 0.44rem 10px;
    box-sizing: border-box;
}

.tab2_sendBtn {
    background: #484848;
    box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.11);
    height: 3.4375rem;
}

.tab2_sendBtn input {
    background: #202020;
    font-family: PingFangSC-Regular;
    font-size: 0.75rem;
    color: #999999;
    font-weight: 400;
}


#tab3, #tab4, #tab5, #tab6 {
    margin: 0 0.625rem;
    background: unset;
}

.czQz_bmV3X3RhYmxlY3pReg_no, .czQz_bGl2ZV9kZXRhaWxjelF6_text_ngay {
    background: unset !important;
    color: #ffffff !important;
}

.czQz_bmV3X3RhYmxlY3pReg_row {
    border-bottom: solid 0.5px #666666 !important;
}

.new_content_h1 {
    background: #202020 !important;
}

.czQz_bGl2ZV9kZXRhaWxjelF6_text_key, .czQz_bGl2ZV9kZXRhaWxjelF6_text_title_left, .czQz_bGl2ZV9kZXRhaWxjelF6_text_title, .czQz_bGl2ZV9kZXRhaWxjelF6_text_icon_item, .czQz_bGl2ZV9kZXRhaWxjelF6_text_icon_item1, .czQz_bGl2ZV9kZXRhaWxjelF6_text_data_text, .czQz_bmV3X3RhYmxlY3pReg_row, .czQz_bmV3X3RhYmxlY3pReg_row_col_time, .czQz_bGl2ZV9kZXRhaWxjelF6_text_title_right, .czQz_bmV3X3RhYmxlY3pReg_row_col_span_name, .czQz_bmV3X3RhYmxlY3pReg_row_col_span_name_tab3, .match_info_001, .match_info_001 label, .little_title_yellow {
    color: #ffffff !important;
    font-family: PingFangSC-Regular;
    font-size: 0.75rem;
}

.czQz_bmV3X3RhYmxlY3pReg_title, .czQz_bmV3X3RhYmxlY3pReg_title_col {
    background: #484848 !important;
    color: #FFFFFF !important;
}

/*文字直播*/
.integralBox {
    width: 100%;
    padding: 0.625rem;
    box-sizing: border-box;
}

.live_animation {
    height: 13.4375rem;
    margin-top: unset !important;
}

#live_animation_iframe{
    width: 100% !important;
    height: 100% !important;
}

.tlive0 {
    background-image: url('https://hepatoweb.com/static/images/s43/icon/tlive0.png');
}

.tlive1 {
    background-image: url('https://hepatoweb.com/static/images/s43/icon/tlive1.png');
}

.tlive2 {
    background-image: url('https://hepatoweb.com/static/images/s43/icon/tlive2.png');
}

.tlive3 {
    background-image: url('https://hepatoweb.com/static/images/s43/icon/tlive3.png');
}

.tlive4 {
    background-image: url('https://hepatoweb.com/static/images/s43/icon/tlive4.png');
}

.tlive8 {
    background-image: url('https://hepatoweb.com/static/images/s43/icon/tlive8.png');
}

.tlive9 {
    background-image: url('https://hepatoweb.com/static/images/s43/icon/tlive9.png');
}

.tlive13 {
    background-image: url('https://hepatoweb.com/static/images/s43/icon/tlive13.png');
}

.tlive15 {
    background-image: url('https://hepatoweb.com/static/images/s43/icon/tlive15.png');
}

.tlive16 {
    background-image: url('https://hepatoweb.com/static/images/s43/icon/tlive16.png');
}

.tlive17 {
    background-image: url('https://hepatoweb.com/static/images/s43/icon/tlive17.png');
}

.tlivezhugong {
    background-image: url('https://hepatoweb.com/static/images/s43/icon/zhugong.png');
}

.tIcon {
    background-repeat: no-repeat;
    background-position: center center;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: auto 15px;
    margin-left: -1px;
}

.column_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.column_item p {
    width: 50% !important;
}

.column_item_right {
    display: flex;
    justify-content: flex-end;
    width: 50% !important;
}

.column_item p, .column_item span, .column_item i {
    width: 20%;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 0.75rem;
    color: #DFDFDF;
    letter-spacing: 0;
    font-weight: 400;
    position: relative;
}


.team_name {
    text-align: left !important;
    overflow: hidden;
    font-family: PingFangSC-Semibold;
    font-size: 0.625rem;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 600;
    padding-left: 5px;
}

.czQz_bGl2ZV9kZXRhaWxjelF6_text_info {
    border-bottom: unset !important;
}

.tab2_bg {
    margin: 0.75rem;
    box-sizing: border-box;
    background: #272727;
}

.tab2_bg_no_bg {
    margin-top: unset;
}

.czQz_bGl2ZV9kZXRhaWxjelF6_text_data {
    border-top: unset !important;
}

/*進度條*/
.progresscontainer, .progresscontainer1 {
    width: 80%;
    border: none;
    height: 10px;
}

.progresscontainer {
    background: #252f2b;
}

.progresscontainer1 {
    background: #3c2f26;
}

.progress, .progress1 {
    width: 0%;
    height: 100%;
}

.progress {
    background: var(--primary-color);
}

.progress1 {
    float: right;
    background: #f97522;
}

.czQz_bGl2ZV9kZXRhaWxjelF6_text_value {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 40% !important;
}

.czQz_bGl2ZV9kZXRhaWxjelF6_text_value, .czQz_bGl2ZV9kZXRhaWxjelF6_text_key {
    color: #999999 !important;
}

.co_hteam_name::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: 0;
    width: 2px;
    height: 11px;
    display: block;
    border-radius: 2rem;
    background: #27c5c3;
    transform: translateY(-50%);
}

.co_ateam_name::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: 0;
    width: 2px;
    height: 11px;
    display: block;
    border-radius: 2rem;
    background: #F97522;
    transform: translateY(-50%);
}

.column_item {
    padding: 4px 0;
}


@media only screen and (max-width: 640px) {
    .czQz_bWF0Y2hfaXRlbWN6UXos_odd_even:nth-child(odd), .czQz_bWF0Y2hfaXRlbWN6UXos_odd_even:nth-child(even) {
        border: unset;
    }

    .czQz_bmV3X2xpc3RfaXRlbV9pbmZvX2luZGV4Y3pReg {
        min-height: 50px !important;
    }
}

@media only screen and (min-width: 640px) {

    .match_detail_tab {
        margin-top: unset;
        margin-bottom: 0.625rem;
    }

    .czQz_YmFja19kZXRhaWxjelF6 {
        margin-left: 0.5rem;
    }

    .new_list_item {
        width: 31%;
        margin-bottom: .5rem;
    }

    .czQz_bmV3X2NvbnRlbnRfYm94Y3pReg > i {
        width: 32.95%;
    }

    .tag-bg {
        margin-bottom: 10px;
    }

    .new_list_item_button_index_pc {
        display: block;
    }

    .new_list_item_button_index_pc a {
        display: flex;
        border: 1px solid #F0725C;
        border-radius: 3px;
        background: unset;
    }

    .right_odd_even {
        display: none !important;
    }

    .nav-bg, .czQz_bGVhZ3VlLW1hdGNoLW5hdmN6UXo {
        height: unset;
    }

    .nav-bg {
        overflow-x: hidden;
    }

    .czQz_bWFpbi10aXRsZWN6UXo {
        margin-top: 0;
        background: unset;
    }

    .czQz_bGVhZ3VlLW1hdGNoLW5hdmN6UXo::-webkit-scrollbar {
        display: none;
    }

    .czQz_bWFpbi10aXRsZWN6UXo::after {
        content: unset;
    }


    .czQz_bGl2ZV9kZXRhaWxjelF6, .isShow_p_m {
        display: none;
        background: #202020 !important
    }

    .pc-view-footer::-webkit-scrollbar {
        display: none;
    }

    /*pc端ui*/
    .czQz_bGl2ZV9kZXRhaWxjelF6 {
        height: 525px;
    }

    .tabs-box {
        border: 0.5px solid #3D3D3D;
    }

}


.list_result_dom {
    width: 100%;
}


.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo_result .left ,.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo_result .new_center  ,.czQz_bmV3X2xpc3RfaXRlbV90aXRsZWN6UXo_result .right{
    width: 33.3% !important;
    text-align: center;
}