@media only screen and (max-width:1199px) {

    .zhiboliebiao .t10,
    .zhiboliebiao .t20,
    .zhiboliebiao .t30,
    .zhiboliebiao .t40,
    .zhiboliebiao .t50 {
        float: left;
        /* width: 20%; */
    }

    .tit-zb {
        float: 214px;
        border-radius: 0px 0px 0 0;
        background: #0091ea;
        float: left;
        width: 100%;
        min-height: 90px;
        line-height: 30px;
        margin: 0px 0 0 0;
        color: #fff;
        overflow: hidden;
        display: none;
    }

    .tit-zb ul {
        text-align: center;
        padding: 20px 0;
    }


    .tit-zb a {
        font-size: 14px;
        text-align: center;
        white-space: nowrap;
        line-height: 30px;
        margin: 0 0 0 0;
        color: #fff;
        padding: 0 10px
    }

    .tit-zb a:hover {
        color: #f00
    }

    .tit-zb #sjb {
        float: left;
        width: 100%;
    }

    .tit-zb a img {
        object-fit: cover;
        height: 40px;
        max-width: 100%;
        display: block;
        margin: 25px auto 15px auto;
    }

    .zhiboliebiao {
        width: 100%;
        float: left;
        margin-top: 0px;

    }

    .zhiboliebiao .title-bar .ulbar {
        height: 55px;
                background: linear-gradient(to top right, #2c70dd, #71a7ce);
        display: flex;
        justify-content: space-between;
    }
    .zhiboliebiao .title-bar .ulbar .tianjia{
        font-weight: bold;
        color:#fff;
        /* width: 50%; */
        padding-left: 20px;
        text-align: left;
        line-height: 55px;
        height: 55px;
        font-size: 18px;
    }
    .mora a {
        float: left;
        width: 14%;
        height: 50px;
        border-radius: 8px;
        margin: 10px 1%;
        line-height: 50px;
        background: #eee;
        color: #0091ea;
        font-size: 16px;
        text-align: center;
    }

    .mora a:hover {
        background: #dd3333;
        color: #fff;
        font-size: 16px
    }

    .zhiboliebiao .title-bar .ulbar ul {
        width: 70%;
        float: right;
        /* background: rgba(41, 185, 221, 0.6); */
        height: 45px;
        line-height: 45px;
        overflow: hidden;
        border-radius: 0px;
    }

    .zhiboliebiao .title-bar .ulbar ul li {
        font-size: 18px;
        text-align: center;
        float: left;
        /*max-width: 30%;*/
        padding: 0 0%;
        line-height:55px;
        height: 55px;
        overflow: hidden;
    }

    .zhiboliebiao .title-bar .ulbar ul li a {
        font-size: 18px;
        margin-left: 20px;
    }

    .zhiboliebiao .title-bar .ulbar ul li a,
    .zhiboliebiao .t1 a,
    .zhiboliebiao .t2 a,
    .zhiboliebiao .t3 a {
        color: #fff;
        text-align: center
    }

    .zhiboliebiao .title-bar .ulbar ul li.flhover a {
        color: #fff;
        font-weight: 600;
    }

    .zhiboliebiao .title-bar .hl_tit ul {
        display: none;
    }

    .zhiboliebiao .title-bar .hl_y {
        display: none;
        float: right;
        height: 47px;
        line-height: 47px
    }

    .zhiboliebiao .title-bar .hl_y a {
        color: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 5px 20px
    }

    .zhiboliebiao .title-bar .hl_y .on {
        background: #fff;
        color: #d3c
    }

    .zhiboliebiao .t1 {
        background: none 10px 11px no-repeat;
        float: left;
        height: 35px;
        width: 22%;
        font-size: 14px;
        padding-left: 30px;
        color: #666;
        line-height: 35px;
        text-align: left
    }

    .zhiboliebiao .t2 {
        display: none;
        float: right;
        width: 22%;
        font-size: 12px;
        height: 35px;
    }

    .zhiboliebiao .t3 {
        float: left;
        width: 40%;
        height: 35px;
    }

    .zhiboliebiao .t3 a {
        font-weight: 700;
        font-size: 14px;
        color: #bd1a2d;
        text-align: left;
        line-height: 35px;
    }

    .zhiboliebiao .t2 a,
    .zhiboliebiao .t1 a {
        font-size: 14px;
        line-height: 35px;
        color: #666
    }

    .zhiboliebiao .t4 {
        width: 100%;
        height: 30px;
    }

    .zhiboliebiao .t5 {
        display: none;
        width: 70%;
        height: 30px;
    }

    .zhiboliebiao .t6 {
        width: 30%;
        float: right !important;
        height: 35px;
        margin: -68px 0 0 0;
        font-size: 14px;
        line-height: 30px;
    }

    .zhiboliebiao .t2 img {
        height: 35px
    }

    .zhiboliebiao .dateheader {
        float: left;
        height: 50px;
        line-height: 50px;
        border-radius: 0px;
        width: 100%;
        margin: 0px 0%;
        background-color: #eee;
        color: #0a5165;
        font-weight: 700;
        font-size: 14px
    }

    .zhiboliebiao .dateheader a {
        line-height: 50px;
        color: #ffd7b9;
        font-weight: 700;
        font-size: 18px
    }

    .zhiboneirong {
        clear: both;
        float: left;
        width: 100%;
        padding-bottom: 1px;
    }

    .zhiboneirong ul {
        border-bottom: 1px solid #ccc;
        background: #fff;
        list-style: none;
        width: 100%;
        padding-bottom: 20px;
        float: left;
        margin: 10px 0 10px 0;
    }

    .zhiboneirong ul li {
        font-weight: 700;
        float: left;
        overflow: hidden
    }

    .morelist,
    .playwall em {
        clear: both;
        line-height: 24px
    }

    .zhiboliebiao .zhiboneirong .t4 a {
        overflow: hidden;
        width: 90%;
        margin: 0 5%;
        color: #000;
        line-height: 40px;
        font-size: 14px;
        font-weight: 700;
        float: left;
    }


    .zhiboliebiao .zhiboneirong .t5 a {
        line-height: 45px;
        font-size: 12px;
        color: #666;
        padding: 0px 5px;
        margin: 10px 0px;
    }

    .gray {
        background-color: #f4f4f4
    }

    .zhiboliebiao .zhiboneirong ul:hover {
        background-color: #f1f1f1
    }

    .t6.live a {
        background: none 0px 8px no-repeat;
        color: #f00;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 5px 0px 0 15px;
    }

    a,
    body {
        font: 400 16px Helvetica, "Microsoft YaHei", SimSun;
        color: #333
    }

    .clearfix:after,
    .clearfix:before {
        display: table;
        content: ""
    }

    .info,
    .t6 a {
        line-height: 40px;
        color: #666;
        font-size: 14px;
        border-radius: 5px;
        padding: 15px 0 0 0px;
    }

    .date-filter {
        display: none;
    }

    .zhiboliebiao .title-bar .zb_20 {
        float: left;
        width: 100%;
        background-image: linear-gradient(to right, #0091ea, #003b87);
        height: 60px;
        overflow: hidden;
    }

    .zhiboliebiao .title-bar .zb_20 span {
        border-radius: 50px;
        height: 20px;
        line-height: 20px;
        margin: 20px 20px 0 5%;
        padding: 0px 10px;
        background: rgb(158, 216, 23);
        font-weight: 600;
        float: left;
        font-size: 14px;
        color: #0091ea;
    }
    

    .zhiboliebiao .title-bar .zb_20 p a {
        float: left;
        line-height: 60px;
        font-size: 14px;
        font-weight: 600;
        color: rgb(158, 216, 23);
        margin: 0 10px;
    }



}

@media only screen and (min-width:1200px) {
    .blank20 {
        margin: 20px 0 0 0;
    }

    .tit-zb {
        border-radius: 8px;
        float: left;
        background: #2c70dd 0 0 no-repeat;
        background-size: 100% auto;
        float: left;
        width: 1140px;
        text-align: center;
        height: 50px;
        line-height: 40px;
        margin: 0px 0 20px 0px;
        color: #fff;
        padding: 20px 30px;
        overflow: hidden;
    }

    .tit-zb a {
        float: left;
        font-size: 16px;
        text-align: center;
        white-space: nowrap;
        white-space: nowrap;
        color: #fff;
        width: 71.6px;
        line-height: 40px;
    }

    /*.tit-zb a:hover {*/
    /*    color: #2c70dd*/
    /*}*/

    .tit-zb #sjb {
        float: left;
        width: 260px;
        margin: 0 20px 0 0;
        height: 100px;
    }

    .tit-zb a img {
        height: 50px;
        margin: 8px 0 0px 0px;
        border-bottom: 0px solid rgb(158, 216, 23);
        border: 0px solid rgb(158, 216, 23);
        padding: 5px
    }

    .zhiboliebiao .title-bar .zb_20 {
        float: left;
        width: 100%;
        border-top: 0px solid #f4f4fb;
        background-image: linear-gradient(to right, #ac1e55, #752878);
        height: 60px;
        overflow: hidden;
    }

    .zhiboliebiao .title-bar .zb_20 span {
        background: none 0px 16px no-repeat;
        line-height: 60px;
        margin: 0px 0px 0 25%;
        padding: 0px 0 0 30px;
        float: left;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        width: 89px;
    }

    .zhiboliebiao .title-bar .zb_20 p a {
        float: left;
        line-height: 60px;
        font-size: 16px;
        font-weight: 600;
        margin-right: 20px;
        color: #fff;
    }

    .zhiboliebiao .title-bar .ulbar ul li.active a {
        color: #999;
    }

    .zhiboliebiao {
        float: left;
        width: 100%;
        padding: 0;
        margin-left: 0px;

    }


    .zhiboliebiao .title-bar .ulbar {
        float: left;
        border-radius: 8px 8px 0 0;
        width: 100%;
        background: #2c70dd;
    }

    .zhiboliebiao .title-bar .ulbar h1 {
        color: #fff
    }

    .zhiboneirong .datelist {
        display: none;
    }

    .zhiboneirong .datelist:first-child {
        display: block;
    }

    .feedbackTips,
    .foot_global,
    .morelist,
    .zhiboliebiao .t6 {
        text-align: center
    }

    .zhiboliebiao .title-bar .ulbar .t2,
    .zhiboliebiao .title-bar .ulbar .t3,
    .zhiboliebiao .title-bar .ulbar .t20,
    .zhiboliebiao .title-bar .ulbar .t30,
    .zhiboliebiao .title-bar .ulbar .t40,
    .zhiboliebiao .title-bar .ulbar .t50 {
        width: 90px;
        margin-left: 20px;
        padding-left: 20px;
    }
    
    .zhiboliebiao .title-bar .ulbar .t10 a,
    .zhiboliebiao .title-bar .ulbar .t3 a,
    .zhiboliebiao .title-bar .ulbar .t20 a,
    .zhiboliebiao .title-bar .ulbar .t30 a,
    .zhiboliebiao .title-bar .ulbar .t40 a,
    .zhiboliebiao .title-bar .ulbar .t50 a{
        padding-left: 30px;
    }
    

    .zhiboliebiao .title-bar .ulbar ul {
        list-style: none;
        float: left;
        width: calc(100% - 40px);
        height: 35px;
        margin: 15px 0 10px 40px
    }
    .zhiboliebiao .title-bar .ulbar .tianjia{
        display: none;
    }

    .zhiboliebiao .title-bar .ulbar ul li {
        float: left;
        border-right: 0px solid #1e5295;
        margin-bottom: 5px;
        height: 35px;
        line-height: 35px;
        font-weight: 400;
    }

    .zhiboliebiao .title-bar .ulbar ul li a {
        display: block;
        min-width: 120px;
        height: 50px;
        line-height: 35px;
        color: #fff;
        font-size: 18px;
    }

    /*.zhiboliebiao .title-bar .ulbar ul li a:hover {*/
    /*    color: rgb(158, 216, 23)*/
    /*}*/

    .zhiboliebiao .title-bar .ulbar .t0 {
        width: 100px
    }

    .zhiboliebiao .title-bar .ulbar .t1 {
        width: 80px;
        padding-left: 20px
    }

    .zhiboliebiao .title-bar .ulbar .t1 a {
        background: url(../images/zuqiu.png) 0 5px no-repeat
    }

    .zhiboliebiao .title-bar .ulbar .t2 a {
        background: url(../images/lanqiu.png) 0 5px no-repeat
    }

    .zhiboliebiao .title-bar .ulbar .t3 a {
        background: url(../images/wangqiu.png) 0 5px no-repeat
    }

    .zhiboliebiao .title-bar .ulbar .t10 {
        width: 80px;
        padding-left: 20px;
        font-size: 18px;
    }

    .zhiboliebiao .title-bar .ulbar .t10 a {
        background: url(../images/zuqiu.png) 0 5px no-repeat;
        font-size: 18px;
    }

    .zhiboliebiao .title-bar .ulbar .t20 a {
        background: url(../images/lanqiu.png) 0 5px no-repeat;
        font-size: 18px;
    }
    .zhiboliebiao .title-bar .ulbar  .flhover a{
        color:#fff;
    }
    .zhiboliebiao .title-bar .ulbar .t30 a,
    .zhiboliebiao .title-bar .ulbar .t40 a {
        background: url(../images/wangqiu.png) 0 5px no-repeat;
        font-size: 18px;
    }

    .zhiboliebiao .title-bar .ulbar .t50 a {
    background: url(../images/hot.png) 0 5px no-repeat;
        font-size: 18px;
    }

    .zhiboliebiao .title-bar .hl_tit ul {
        display: none
    }

    .zhiboliebiao .title-bar .hl_tit ul li {
        float: left;
        border-right: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 5px;
        height: 35px;
        line-height: 35px;
        font-weight: 400
    }

    .zhiboliebiao .title-bar .hl_y {
        display: none;
        float: right;
        height: 47px;
        line-height: 47px
    }

    .zhiboliebiao .title-bar .hl_y a {
        color: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 5px 20px
    }

    .zhiboliebiao .title-bar .hl_y .on {
        background: #fff;
        color: #03C
    }


    .zhiboliebiao .t1 {
        background: none 0px 23px no-repeat;
        width: 16%;
        overflow: hidden;
        float: left;
        font-size: 14px;
        color: #000;
        padding-left: 0px
    }

    .zhiboliebiao .t2 {
        float: left;
        font-size: 0px;
        width: 0px;
        overflow: hidden;
        background: #0091ea;
    }

    .zhiboliebiao .t3 {
        background: none 0px 20px no-repeat;
        float: left;
        text-align: left;
        width: 20%;
        overflow: hidden;
    }

    .zhiboliebiao .t3 a {
        font-size: 14px;
        color: #666;
        padding-left: 40px;
    }

    .zhiboliebiao .t1 a {
        font-size: 16px;
        color: rgb(158, 216, 23)
    }

    .zhiboliebiao .t4 {
        background: none 8px 16px no-repeat;
        background-size: auto 30px;
        float: left;
        text-align: center;
        width: 25%;
        margin-right: 2%;
        overflow: hidden;
        padding-left: 45px
    }

    .zhiboliebiao .t5 {
        float: left;
        background: none 0px 20px no-repeat;
        background-size: auto 20px;
        width: 16%;
        text-align: left;
        overflow: hidden;
        padding-left: 30px
    }

    .zhiboliebiao .t6 {
        float: left;
        width: 10%;
        float: right !important;
        margin-top: 6px;
        font-size: 14px;
    }

    .zhiboliebiao .t2 img {
        width: 100%
    }

    .zhiboliebiao .t2 a {
        color: #0091ea;
    }

    .zhiboliebiao .dateheader {
        float: left;
        height: 50px;
        line-height: 46px;
        border-radius: 0px;
        width: 100%;
        background: #eee;
        margin: 0px 0 0 0%;
        color: #0091ea;
        font-weight: 700;
        font-size: 14px
    }

    .zhiboliebiao .dateheader a {
        line-height: 80px;
        color: #fff;
        font-weight: 700;
        font-size: 26px
    }

    .zhiboneirong {
        float: left;
        width: 96%;
        padding: 2%;
        background: #f8f8f8;
    }

    .zhiboneirong ul {
        border-bottom: 1px solid #eee;
        list-style: none;
        width: 100%;
        float: left;
        margin: 0px 0% 0px 0%;
        height: 60px;
        line-height: 60px;
        overflow: hidden;
    }

    .zhiboneirong ul li {
        font-weight: 700;
        float: left;
        overflow: hidden
    }

    .morelist,
    .playwall em {
        clear: both;
        line-height: 24px
    }

    .zhiboliebiao .zhiboneirong .t4 a {
        font-weight: 700;
        color: #004276;
        font-size: 14px;
    }

    .zhiboliebiao .t6 a {
        padding: 12px 0 0 0;
        text-align: center;
        width: 100%;
        float: left;
        color: #004276
    }

    .zhiboliebiao .zhiboneirong .t5 a {
        color: #c31212;
        padding: 0px 5px;
        margin: 0px 0px;
    }

    /* .gray{background-color:#} */
    .zhiboliebiao .zhiboneirong ul:hover {
        background-color: #eee
    }

    .t6.live a {
        color: #f00;
        background: none 0px 17px no-repeat;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 13px 0px
    }

    .playwall .grid {
        height: 175px;
        margin-left: -32px
    }

    .playwall em {
        font-size: 14px;
        display: block;
        height: 25px;
        color: #019fe6;
        width: 190px;
        font-weight: 400
    }

    .playwall .choose {
        overflow: hidden;
        width: 35px;
        height: 12px;
        margin: 10px auto 0
    }

    .playwall .choose span {
        display: inline-block;
        float: left;
        width: 12px;
        height: 12px;
        background: #d6d6d6;
        margin-right: 5px;
        cursor: pointer;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px
    }

    .playwall .choose span.shover {
        background: #1c90e2
    }

    a,
    body {
        font: 400 14px Helvetica, "Microsoft YaHei", SimSun;
        color: #333
    }



    .date-filter {
        display: none;
        position: absolute;
        left: -47px;
        background-color: #eff6fa
    }

    .date-filter ul {
        margin-bottom: 0
    }

    .date-filter ul li a {
        display: block;
        font-size: 16px;
        color: #444;
        padding: 10px 5px
    }

    .date-filter ul li a.active,
    .date-filter ul li a:hover {
        background-color: #bb7d2c;
        color: #fff
    }

    .date-filter ul li a.active {
        position: relative;
        color: #fff
    }

    /**.date-filter ul li a.active:after{content:"";display:block;position:absolute;top:8px;left:41px;width:0;height:0;border-color:transparent transparent transparent #a6cf4f;border-style:solid;border-width:11px 0 11px 11px}**/


    .box .title,
    .clear,
    .clearfix:after,
    .dateheader {
        clear: both
    }

}


/* match */
.date {
    color: #05addf;
    background-color: #f2f2f2;
    padding: 5px;
}

.match {
    margin-top: 30px;
}

.match_filter_item {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px;
}

.match_filter_item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #6b6b6b;
    border-radius: 2px;
}

.match_filter_item.active a {
    border: solid 1px #dd4d30;
    color: #dd4d30
}

.match_filter_item::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background: #d8d8d8;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.match_date {
    font-size: 16px;
    padding: 15px 0;
    margin-top: 15px
}

/* .bisai-item:nth-child(2n) {
    background: #fafafa;
} */

.bisai-item {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    font-size: 15px;
    padding: 15px;
    border-bottom: solid 1px #dedede !important;

}
}

.bisai-item .saishi-left {
    display: flex;
    align-items: center;
    width:200px;
   
}


.zhiboliebiao .bisai-item .saishi-left .time {
        text-align: left;
}

.bisai-item .saishi-left .time {
    /*display: inline-block;*/
    width: 75px;

}

.bisai-item .saishi-left .leixin {
    display: inline-block;
    width: 80px;
    /*padding-right: 20px;*/
    height: 20px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: center
}

.bisai-item .saishi-center {
    display: flex;
    width:700px;
    /* justify-content: space-around; */
    margin-left:80px;
}

.bisai-item .saishi-center .home {
    display: flex;
    justify-content: right;
    align-items: center;
    width:280px;

}

.bisai-item .saishi-center .home .left {
    display: flex;
    align-items: center;
     width: 150px; 
    text-align: left;
    justify-content: flex-start
}

.bisai-item .saishi-center .home .left>img {
    width: 30px;
    max-height: 30px;
    margin-right: 5px
}

.bisai-item .saishi-center .home .left .text {
    display: inline-block;
    height: 20px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    padding-left: 10px;
    text-align: left
}

.bisai-item .saishi-center .pk {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    width: 140px
}

.bisai-item .saishi-center .aaa {
    display: flex;
    justify-content: left;
    align-items: center;
    width:280px;
}

.bisai-item .saishi-center .aaa .right {
    display: flex;
    align-items: center;
    width: 150px;
    justify-content: flex-end
}

.bisai-item .saishi-center .aaa .right .text {
    display: inline-block;
    width: 120px;
    height: 20px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: right;
        padding-right: 10px;
}

@media (max-width:1199px){

.bisai-item .saishi-center .aaa .right .text{text-align:left}
}


.bisai-item .saishi-center .aaa .right>img {
    width: 30px;
    max-height: 30px;
    margin-right: 10px
}

.bisai-item .saishi-right {
    box-sizing: border-box;
    margin-left: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    border: solid 1px #999999;
    padding: 5px 10px;
    border-radius: 10px;
    margin-right: 10px;
    width: 95px;
    text-align: center
}

/* .bisai-item .saishi-right a {
    color: #999999
} */

.bisai-item .saishi-right.start {
    border: solid 1px #2c70dd;
    background: #2c70dd;
}

.bisai-item .saishi-right.start a {
    color: #fff;
}

.bisai-item .saishi-right.begin {
    border: solid 1px #0091ea;
    border-radius: 10px;
}

.bisai-item .saishi-right.begin a {
    color: #0091ea;
}

.bisai-item .saishi-right.end {
    border: solid 1px #333333;
    background: linear-gradient(90deg, #292E2E 0%, #0f1852 50%, #292E2E 100%);
}

.bisai-item .saishi-right.end a {
    color: #FFFFFF;
}

.match_filter_roll {
    margin-top: 10px
}

@media (max-width:1199px) {
    .match_filter_roll {
        overflow-x: auto
    }

    .match {
        margin-top: 0
    }

    .match_date {
        padding: 2px !important;
        font-size: 14px !important;
        padding-left: 10px !important;
        background: #f5e3e3
    }

    .bisai-item {
        position: relative;
        justify-content: flex-start;
    }

    .bisai-item .saishi-left {
        display: block !important;
        width: 75px !important;
        font-size: 14px;
    }

    .bisai-item .saishi-left span {
        display: block !important;
    }

    .bisai-item .saishi-left .time,
    .bisai-item .saishi-left .leixin {
        width: 80px !important;
        padding: 0;
        text-align: left;
        display:inline-block;
    }

    .bisai-item .saishi-center .home .left {
        width: 120px !important
    }

    .bisai-item .saishi-center img {
        display: inline-block !important; width: 22px !important; height: 22px !important; max-width: 22px; max-height: 22px !important; object-fit: contain; flex: 0 0 22px; margin-right: 5px; vertical-align: middle;
    }

    .bisai-item .saishi-center {
        display: block !important;
        font-size: 14px;
        text-align: left;
        margin-left: 20px;
    }

    .bisai-item .saishi-center .home {
        padding-bottom: 5px
    }

    .bisai-item .saishi-center .home,
    .bisai-item .saishi-center .aaa {
        display: block !important
    }

    .bisai-item .saishi-center .home .left .text {
        padding-left: 0 !important
    }

    .bisai-item .saishi-center .aaa .right {
        display: flex !important
    }

    .bisai-item .saishi-center .pk {
        display: none !important;
        position: absolute;
        right: 5%;
        top: 50%;
        transform: translate(-5%, -50%);
        font-size: 14px !important
    }

    .bisai-item .saishi-center .pk span {
        display: block
    }

    .bisai-item .saishi-center .pk .fenge {
        display: none
    }

    .bisai-item .saishi-right {
        position: absolute;
        top: 50%;
        right: 3%;
        transform: translate(-3%, -50%);
    }

    .bisai-item .saishi-right.more {
        position: relative;
        padding: 2px 5px;
        margin-top: 15px
    }

    /* .bisai-item .saishi-right a {
        color: #FFFFFF !important;
        font-size: 14px !important
    } */

    .bisai-item .saishi-right.start {

    }



    .bisai-item .saishi-right.end {
        background: #999999
    }

    .bisai-item .saishi-right.end {
        border: solid 1px #333333;
        background: linear-gradient(90deg, #292E2E 0%, #0f1852 50%, #292E2E 100%);
    }

    .bisai-item .saishi-right.end a {
        color: #FFFFFF;
    }
}

/* end match */
/* Let original match rows fit narrow screens without clipping the page. */
@media (max-width:1199px) {
    .bisai-item .saishi-center { max-width: calc(100% - 110px); }
    .bisai-item .saishi-center .home,
    .bisai-item .saishi-center .aaa { max-width: 100%; }
}

/* Scoped business entity pages; preserve the existing theme framework. */
main.container.fan-team-page{clear:both;width:1200px;max-width:calc(100% - 24px);margin:20px auto;box-sizing:border-box;color:#263445}
.fan-team-page *{box-sizing:border-box}
.fan-team-page section{margin:0 0 20px;padding:18px;background:#fff;border:1px solid #e5eaf0;border-radius:8px}
.fan-team-page h1,.fan-team-page h2{margin:0 0 16px;font-size:20px;line-height:1.5;font-weight:600}
.fan-team-page h3{margin:16px 0 8px;font-size:15px;line-height:1.5}
.fan-team-page a{color:inherit;text-decoration:none}
.fan-team-page a:hover{text-decoration:underline}
.fan-team-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fan-team-card{display:flex;align-items:center;gap:10px;min-width:0;min-height:76px;padding:12px;background:#f7f9fb;border:1px solid #e5eaf0;border-radius:6px}
.fan-team-card img{display:block;flex:0 0 36px;width:36px;height:36px;max-width:36px;object-fit:contain}
.fan-team-card span{min-width:0;overflow-wrap:anywhere;font-size:15px;line-height:1.6}
.fan-team-pages{margin-top:18px}.fan-team-pages .epages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px}
.fan-team-pages .epages a,.fan-team-pages .epages b{display:inline-block;padding:5px 9px;border:1px solid #e5eaf0;line-height:1.5;font-size:13px}
.fan-team-matches{margin:0;padding:0;list-style:none}
.fan-team-match{display:grid;grid-template-columns:200px minmax(0,1fr) 90px;align-items:center;gap:12px;min-height:66px;padding:12px 0;border-top:1px solid #e5eaf0}
.fan-team-meta{display:flex;flex-wrap:wrap;gap:4px 10px;min-width:0;font-size:12px;line-height:1.6;color:#68778a}.fan-team-meta a{overflow-wrap:anywhere}
.fan-team-pair{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:6px;min-width:0}
.fan-team-side{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;line-height:1.5}.fan-team-side span{min-width:0;overflow-wrap:anywhere}
.fan-team-side img{display:block;flex:0 0 28px;width:28px;height:28px;max-width:28px;object-fit:contain}
.fan-team-vs{text-align:center;font-size:12px;color:#8390a1}
.fan-team-status{display:block;padding:5px;background:#edf2f6;border-radius:4px;text-align:center;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.fan-team-empty{padding:20px 0;color:#68778a}
@media(max-width:768px){main.container.fan-team-page{margin:12px auto}.fan-team-page section{padding:12px}.fan-team-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fan-team-card{padding:9px;gap:7px}.fan-team-card span{font-size:13px}.fan-team-match{grid-template-columns:minmax(0,1fr) 70px;gap:8px}.fan-team-meta{grid-column:1/-1}.fan-team-side{gap:4px;font-size:12px}.fan-team-pair{gap:4px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}}

.fan-team-profile{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-width:0}.fan-team-profile h1{margin:0;overflow-wrap:anywhere}
.fan-team-profile img{display:block;flex:0 0 48px;width:48px;height:48px;max-width:48px;object-fit:contain}
.fan-team-facts{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px 14px;margin:0 0 20px;font-size:14px;line-height:1.7}
.fan-team-facts dt{color:#68778a}.fan-team-facts dd{margin:0;overflow-wrap:anywhere}.fan-team-summary{margin:0;line-height:1.9;overflow-wrap:anywhere}
.fan-team-recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:0;padding:0;list-style:none}.fan-team-recommendations li{min-width:0;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:768px){.fan-team-recommendations{grid-template-columns:minmax(0,1fr)}}

/* Match facts and configured branding must remain readable at every width. */
.top_home{height:auto;min-height:88px;overflow:visible}
.top_home>.W_1200{display:flex;align-items:center;flex-wrap:wrap}
.top_home .logo-img{flex:1 1 300px;min-width:0;max-width:100%}
.top_home .logo-txt{flex:1 1 600px;float:none}
.top_home .logo-img{height:auto;min-height:65px;overflow:visible}
.top_home .logo-img h1{margin:0;line-height:1.4}
.top_home .logo-img .fan-site-brand{display:block;float:none;width:auto;height:auto;line-height:1.4;padding:14px 0;white-space:normal;overflow-wrap:anywhere}
.bisai-item{display:grid;grid-template-columns:180px minmax(0,1fr) 95px;align-items:center;gap:16px;height:auto;min-height:70px;box-sizing:border-box}
.bisai-item .saishi-left{display:flex;flex-direction:column;align-items:flex-start;width:auto;min-width:0;height:auto;margin:0}
.bisai-item .saishi-left .time,.bisai-item .saishi-left .leixin{display:block;width:auto;height:auto;max-width:100%;line-height:1.6;white-space:normal;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset;overflow-wrap:anywhere}
.bisai-item .saishi-center{display:grid!important;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px;width:auto;max-width:none;margin:0;min-width:0}
.bisai-item .saishi-center .home,.bisai-item .saishi-center .aaa{width:auto;max-width:none;min-width:0;margin:0}
.bisai-item .saishi-center .home .left,.bisai-item .saishi-center .aaa .right{display:flex!important;align-items:center;gap:8px;width:auto!important;min-width:0;height:auto;float:none;margin:0}
.bisai-item .saishi-center .home .left .text,.bisai-item .saishi-center .aaa .right .text{display:block;width:auto;min-width:0;height:auto;line-height:1.6;white-space:normal;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset;overflow-wrap:anywhere}
.bisai-item .saishi-center .home .left>img,.bisai-item .saishi-center .aaa .right>img{display:block;flex:0 0 28px;width:28px;height:28px;max-width:28px;object-fit:contain;margin:0}
.bisai-item .saishi-center .pk{display:block!important;position:static;transform:none;width:auto;margin:0;text-align:center}
.bisai-item .saishi-right{position:static;transform:none;width:auto;height:auto;min-width:0;margin:0;padding:5px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.fan-competition-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:auto!important;margin:0!important;padding:12px!important;box-sizing:border-box}
.fan-competition-list li{float:none!important;width:auto!important;min-width:0;height:auto!important;margin:0!important}
.fan-competition-list li a{display:block;width:auto!important;height:auto!important;min-height:42px;padding:8px!important;line-height:1.6!important;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;box-sizing:border-box}
.fan-schedule-empty,.fan-related-empty{padding:18px;line-height:1.8;white-space:normal;overflow-wrap:anywhere;color:#65758b}
@media(max-width:1199px){
 .top_home .logo-img .fan-site-brand{font-size:24px!important;padding:10px 0}
 .bisai-item{grid-template-columns:minmax(0,1fr) 80px;gap:8px;padding:12px}
 .bisai-item .saishi-left{grid-column:1/-1;display:flex!important;width:auto!important;flex-direction:row;flex-wrap:wrap;gap:4px 12px}
 .bisai-item .saishi-left .time,.bisai-item .saishi-left .leixin{width:auto!important}
 .bisai-item .saishi-center{grid-template-columns:minmax(0,1fr);gap:8px;margin:0}
 .bisai-item .saishi-center .pk{display:none!important}
 .bisai-item .saishi-center .aaa .right{flex-direction:row-reverse;justify-content:flex-end}
 .bisai-item .saishi-center .home .left>img,.bisai-item .saishi-center .aaa .right>img{flex-basis:22px;width:22px;height:22px;max-width:22px}
 .fan-competition-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}