/* Extracted from 联赛直播列表.html, block 1 */
.match-item .match_status a{
        display: inline-block;
        color: #1D1E2A;
        background: #f1f1f1;
        padding: 4px 10px;
        border-radius: 4px;

    }
    .match-item .match_status.start a {
        background: #FFD300;
        color: #000;
        transition: transform 0.5s;
        animation: spring-animation 1s infinite alternate;
    }
    .match-item .match_status.end a {
        color: #999;
    }
    @keyframes spring-animation {
        0% {transform: scale(1);}
        50% {transform: scale(1.1);}
        100% {transform: scale(1);}
    }
    body { background: #f5f5f6; color: #222; }
    .float-clear:after, .wrap:after, .list_match_zhibo:after { content: ""; display: block; clear: both; }
    .wrap.auto { max-width: 1000px; margin: 0 auto; }
    .container { padding: 20px 10px 0; box-sizing: border-box; }
    .position-container { height: 44px; line-height: 44px; margin-bottom: 14px; padding: 0 14px; background: #fff; border: 1px solid #f2f2f2; color: #777; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .position-container a { color: #333; margin: 0 4px; }
    .position-container a:hover { color: #008eff; }
    .flex-between { display: flex; justify-content: space-between; align-items: flex-start; }
    .list_match_zhibo { gap: 20px; }
    .match_zhibo_nav { width: 210px; flex: 0 0 auto; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; }
    .match_zhibo_nav .all, .match_zhibo_nav .name { height: 44px; line-height: 44px; padding: 0 14px; border-bottom: 1px solid #f2f2f2; font-weight: 700; color: #222; }
    .match_zhibo_nav .name img { width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; }
    .match_zhibo_nav dl { margin: 0; padding: 10px; display: flex; flex-wrap: wrap; gap: 8px; }
    .match_zhibo_nav dd { margin: 0; }
    .match_zhibo_nav dd a { display: block; height: 30px; line-height: 30px; padding: 0 12px; border-radius: 15px; background: #f6f6f6; color: #333; font-size: 14px; }
    .match_zhibo_nav dd a.on, .match_zhibo_nav dd a:hover { background: #008eff; color: #fff; }
    .ny_match_list { flex: 1; min-width: 0; background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; }
    .match_show_list { margin: 0!important; padding: 14px; }
    .riqi { height: 38px; line-height: 38px; margin: 0 0 10px!important; color: #222; font-size: 16px; font-weight: 700; border-bottom: 1px solid #f2f2f2; }
    .riqi span { display: inline-block; width: 4px; height: 16px; margin-right: 8px; background: #008eff; border-radius: 2px; vertical-align: -2px; }
    .week_list { display: grid; gap: 10px; }
    .match-item { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; min-height: 78px; padding: 12px; border: 1px solid #f2f2f2; border-radius: 6px; background: #fff; box-sizing: border-box; }
    .match-item:hover { border-color: #f0d0c8; box-shadow: 0 3px 12px rgba(0,0,0,.04); }
    .match-item .info_left { color: #999; font-size: 13px; }
    .match-item .time { display: block; color: #222; font-size: 18px; font-weight: 700; }
    .match-item .time em { display: block; margin-top: 4px; color: #999; font-size: 12px; font-style: normal; font-weight: 400; }
    .match-item .league a { color: #777; }
    .match-item .league a.is-hot { font-weight: bold; }
    .match-item .info_center { display: grid; grid-template-columns: minmax(0, 1fr) 86px minmax(0, 1fr); align-items: center; gap: 10px; }
    .match-item .home .left, .match-item .away .right { display: flex; align-items: center; gap: 8px; min-width: 0; }
    .match-item .away .right { justify-content: flex-end; }
    .match-item .info_center img { width: 34px; height: 34px; object-fit: contain; flex: 0 0 auto; }
    .match-item .text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #222; font-size: 14px; }
    .match-item .score { text-align: center; font-size: 18px; font-weight: 700; color: #222; white-space: nowrap; }
    .match-item .match_status { display: block; margin-top: 8px; font-size: 13px; font-weight: 400; line-height: 22px; }
    .match-item .match_status a:hover { background: #008eff; color: #fff; }
    .vFooter2, .vFooter, footer, .vFooter2 *, .vFooter *, footer * { text-align: center; }
    .vFooter2, .vFooter, footer { width: 100%; }
    @media (max-width: 1003px) {
        .wrap.auto { max-width: none; }
        .container { padding: 12px 10px 0; }
        .list_match_zhibo { display: block; }
        .match_zhibo_nav { width: 100%; margin-bottom: 12px; }
        .match-item { grid-template-columns: 1fr; gap: 10px; }
        .match-item .info_left { text-align: center; }
    .match-item .info_center { grid-template-columns: minmax(0, 1fr) 76px minmax(0, 1fr); }
    }

.template-mb15 { margin-bottom: 15px; }
.template-mt0 { margin-top: 0; }