/* ============================================================
 * v57 移动端响应式样式
 * 覆盖范围：public/index/football/standings/zhibodetail
 * 断点：768px 主断点；640px 加强；480px 极小屏微调
 * 加载顺序：必须放在所有 .min.css 之后，依靠后置覆盖
 * ============================================================ */

/* —— 通用 viewport / 容器 —— */
@media screen and (max-width: 768px) {

    html, body {
        min-width: 0 !important;
        width: 100%;
        overflow-x: hidden;
        min-height: 0 !important;
        height: auto !important;
    }

    body {
        font-size: 14px;
        background: #f4f4f4;
    }

    .main {
        padding-bottom: 0 !important;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    /* 通用容器全部转为 100% 流式 */
    .container,
    .wrap,
    .heading,
    .header-top,
    .navbar-sub,
    .Bread-nav,
    .indexggone,
    .guangmain,
    .gbdingwei,
    #tonglan,
    #zblbup,
    .ouzou_t,
    .list-head,
    .index-import-box,
    .hot-top-infor,
    .footerwrap {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* 浮动失效，统一改为流式块级 */
    .fl, .fr {
        float: none !important;
        width: 100% !important;
    }

    .clearfix > .fl,
    .clearfix > .fr {
        margin-bottom: 10px;
    }

    /* —— Header / 导航 —— */
    header {
        position: relative;
    }

    nav {
        height: auto;
    }

    .header-top {
        height: auto;
        padding: 8px 10px;
        position: relative;
    }

    h1 a,
    h1 a img,
    .logo {
        font-size: 24px !important;
        height: auto !important;
        margin-top: 0 !important;
        letter-spacing: 1px !important;
    }

    .head-nav {
        width: 100% !important;
        margin: 6px 0 0 0 !important;
        display: flex;
        flex-wrap: wrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .head-nav li {
        flex: 0 0 auto;
        line-height: 36px !important;
        height: 36px !important;
        padding: 0 10px !important;
        font-size: 14px;
    }

    .head-nav .active {
        border-bottom-width: 2px !important;
    }

    /* 二级导航（已隐藏的 hover 菜单） */
    header .second-nav {
        display: none !important;
    }

    /* 联赛子导航 */
    .navbar-sub {
        height: auto;
        line-height: 30px;
        padding: 4px 10px;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    .navbar-sub dl {
        display: inline-flex;
        flex-wrap: nowrap;
    }

    .navbar-sub dl dt,
    .navbar-sub dl dd {
        flex: 0 0 auto;
    }

    /* —— 首页双栏（热门赛事 + 热门联赛） —— */
    .start-event,
    .zhuanti-div {
        width: 100% !important;
        height: auto !important;
        margin-top: 12px;
        padding: 0 8px;
        box-sizing: border-box;
    }

    .start-event .outer-div,
    .zhuanti-div .outer-div {
        width: 100% !important;
        height: auto !important;
        max-height: 320px;
        overflow-y: auto;
    }

    .start-event li {
        height: auto;
        line-height: 22px;
        padding: 8px 0;
        position: relative;
    }

    .start-event li p {
        display: block;
        text-align: left;
        width: auto !important;
        white-space: normal;
        padding: 0 8px;
    }

    .start-event li .date-time { color: #999; font-size: 12px; }
    .start-event li .event { color: #333; font-size: 13px; }
    .start-event li .match { color: #333; font-size: 13px; }

    .start-event li a {
        position: static;
        display: inline-block;
        margin: 4px 8px 0;
    }

    .zhuanti-div li {
        width: 50% !important;
        height: 44px !important;
        line-height: 44px !important;
    }

    .zhuanti-div li a {
        width: 100% !important;
        height: 44px !important;
        display: flex !important;
        align-items: center;
    }

    .zhuanti-div li a img {
        margin: 0 8px 0 12px !important;
        width: 28px !important;
        height: 28px !important;
    }

    /* —— 直播列表（首页） —— */
    .live-div {
        padding: 8px;
        margin-top: 10px;
    }

    .live-list {
        height: auto;
        margin-bottom: 6px;
    }

    .live-type {
        margin-left: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .live-type li {
        flex: 0 0 auto;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        margin: 4px 6px 0 0;
        font-size: 13px;
    }

    .live-box {
        width: 100% !important;
        font-size: 13px;
    }

    .live-box .datedd {
        height: 30px;
        line-height: 30px;
    }

    .live-box dd {
        padding: 8px 4px;
    }

    .live-box dd {
        padding: 8px 8px;
    }

    .live-box dd > div {
        margin: 2px 4px;
        display: inline-block;
        vertical-align: middle;
    }

    .live-box dd .once-event {
        width: auto;
        max-width: 60%;
    }

    .once-time { width: 56px; }
    .once-type { width: 28px; }

    .live-box dd .once-game {
        display: block !important;
        width: auto !important;
        margin: 4px 4px !important;
        font-size: 13px;
    }

    .chan-team {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0 !important;
    }

    .chan-team span:nth-child(1),
    .chan-team span:nth-child(3) {
        flex: 1 1 0;
        width: auto !important;
        min-width: 0;
        font-size: 12px;
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .chan-team span:nth-child(1) {
        justify-content: flex-end;
        text-align: right;
    }

    .chan-team span:nth-child(3) {
        justify-content: flex-start;
        text-align: left;
    }

    .chan-team span:nth-child(2) {
        flex: 0 0 auto;
        width: auto !important;
        padding: 0 6px;
        font-size: 13px;
        font-weight: 600;
    }

    .chan-team img {
        width: 20px !important;
        height: 20px !important;
        flex-shrink: 0;
        display: inline-block !important;
        margin: 0 4px;
        padding: 0 !important;
    }

    .live-box dd .video-link {
        display: block !important;
        max-width: 100%;
        width: auto !important;
        margin: 6px 4px !important;
        text-align: center;
    }

    .video-link a,
    .video-link .zban_wrap,
    .video-link .zban_wrap_new {
        margin: 0 4px !important;
        width: 96px !important;
        height: 28px !important;
        line-height: 28px !important;
        font-size: 12px !important;
    }

    /* —— 视频回放/集锦双栏 —— */
    .video-div {
        padding-top: 10px;
    }

    .top-video {
        width: 100% !important;
        height: auto;
        padding: 6px 0;
    }

    .top-basketball-video {
        margin: 10px 0 0 0 !important;
    }

    .top-video .content {
        min-height: auto !important;
        padding: 8px;
    }

    .top-video li,
    .video li {
        width: 100% !important;
        box-sizing: border-box;
        padding-left: 16px;
    }

    /* —— 内页双栏（直播详情 / 资讯 / 视频列表） —— */
    .box-l,
    .box-r {
        width: 100% !important;
        margin: 0 0 12px 0 !important;
    }

    .live-cont-foot .live-box {
        width: 100% !important;
    }

    .live-cont-foot .date-box {
        position: static !important;
        top: auto !important;
        left: auto !important;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        display: flex;
    }

    .live-cont-foot .date-box li {
        flex: 0 0 auto;
        width: auto !important;
        min-width: 60px;
        margin: 0 4px;
    }

    /* —— 直播详情页 banner —— */
    .current-match-details {
        height: auto;
        padding: 10px 0;
    }

    .match-info-head {
        font-size: 16px;
    }

    .match-block {
        height: auto;
        margin-top: 10px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .match-block .team-info {
        flex-basis: 40% !important;
        margin: 6px 0;
    }

    .match-block .team-info img {
        width: 50px !important;
        height: 50px !important;
        margin-top: 8px !important;
    }

    .match-block .team-info h1 {
        font-size: 14px;
        line-height: 24px !important;
    }

    .match-block .match-score {
        flex-basis: 100% !important;
        order: -1;
        margin: 4px 0;
    }

    .match-score .score {
        height: 36px !important;
        line-height: 36px !important;
        font-size: 22px;
    }

    .match-score .match-status {
        height: 24px !important;
        line-height: 24px !important;
        font-size: 13px;
    }

    .signal-list {
        flex-direction: column;
        padding: 10px;
        font-size: 13px;
    }

    .signal-list .video-link {
        width: 100%;
    }

    .signal-list .video-link a {
        width: auto !important;
        max-width: 100%;
        padding: 0 10px;
        margin: 4px 4px 4px 0 !important;
    }

    /* —— 内容右栏（相关回放/集锦/新闻） —— */
    .video-box-list,
    .r-content {
        margin: 12px 0;
    }

    .video-box-list li,
    .r-content ul li {
        width: 100% !important;
        height: auto !important;
        line-height: 22px !important;
        padding: 8px 0;
    }

    .video-box-list li a,
    .r-content ul li a {
        white-space: normal;
        line-height: 20px;
    }

    /* —— 资讯列表 n_span_wrap —— */
    .n_span_wrap > li {
        display: block !important;
        padding: 10px 8px;
        border-bottom: 1px dashed #e5e5e5;
        height: auto !important;
        overflow: hidden;
    }

    .n_span_wrap > li > span:first-child {
        float: left;
        width: 96px;
        margin-right: 10px;
    }

    .n_span_wrap > li > span:first-child img {
        width: 100% !important;
        height: auto;
        display: block;
        border-radius: 4px;
    }

    .n_span_wrap > li a.wordcont,
    .n_span_wrap > li > a,
    .content-one .wordcont {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden !important;
        text-overflow: ellipsis;
        line-height: 20px;
        font-size: 14px;
        max-height: 40px;
        width: auto !important;
        word-break: break-word;
        white-space: normal !important;
    }

    .n_span_wrap > li a span,
    .n_span_wrap > li a.wordcont span,
    .content-one .wordcont span {
        white-space: normal !important;
        text-overflow: clip !important;
        overflow: visible !important;
        word-break: break-word;
        display: inline !important;
        width: auto !important;
    }

    .n_span_wrap > li .t_n,
    .n_span_wrap > li em.t_n_n {
        display: block;
        font-size: 12px;
        color: #999;
        margin-top: 6px;
        position: static !important;
        clear: none;
    }

    /* —— 头部 head-one / list-head —— */
    .head-one {
        font-size: 16px;
        margin: 8px 10px;
    }

    .head-one .wx-img {
        display: none;
    }

    .head-one .label {
        font-size: 13px;
    }

    .heading-th p {
        font-size: 16px;
        height: 36px;
        line-height: 36px;
    }

    .heading-th div {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* —— 广告位（多列变单列） —— */
    .twocolumn a,
    .twocolumn p,
    .threecolumn a,
    .threecolumn p,
    .twoall a,
    .twoall p,
    .threeall a,
    .threeall p,
    .twozblb a,
    .twozblb p,
    .threezblb a,
    .threezblb p {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .twocolumn a:nth-child(2n+0),
    .twoall a:nth-child(2n+0),
    .twozblb a:nth-child(2n+0) {
        margin-left: 0 !important;
    }

    .threecolumn a:nth-child(2),
    .threecolumn a:nth-child(5),
    .threecolumn a:nth-child(8),
    .threecolumn a:nth-child(11),
    .threeall a:nth-child(2),
    .threeall a:nth-child(5),
    .threeall a:nth-child(8),
    .threeall a:nth-child(11),
    .threezblb a:nth-child(2),
    .threezblb a:nth-child(5),
    .threezblb a:nth-child(8),
    .threezblb a:nth-child(11) {
        margin: 0 !important;
    }

    /* 信号源右侧广告 */
    .signalrightimg,
    .signalhone,
    .signalhtwo,
    .signalhthree {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
    }

    .signalhone a,
    .signalhtwo a,
    .signalhthree a {
        width: 100% !important;
    }

    /* —— 排行榜 / 联赛积分 —— */
    .top-jfb {
        width: 100% !important;
        box-sizing: border-box;
    }

    .jbf_list {
        height: auto !important;
        max-height: 600px;
    }

    .biaotitle,
    .biaonr {
        font-size: 12px;
    }

    /* —— 表格类滚动兜底 —— */
    table {
        max-width: 100% !important;
        display: block;
        overflow-x: auto;
    }

    /* —— 底部 / 友情链接 —— */
    .footer-box {
        position: static !important;
        bottom: auto !important;
        margin-top: 12px;
        padding: 10px 0 12px;
    }

    .footerwrap {
        padding: 10px;
    }

    .friend-link,
    .web-site {
        width: 100% !important;
        min-height: auto !important;
        padding: 6px 10px;
        border-right: 0 !important;
    }

    .friend-link div,
    .web-site div {
        padding: 0;
    }

    .friend-link a {
        line-height: 24px;
        margin: 0 8px 0 0;
        display: inline-block;
        font-size: 13px;
    }

    footer {
        position: static !important;
        bottom: auto !important;
        margin-top: 0;
        padding: 10px 8px 16px;
    }

    footer p {
        line-height: 22px;
        padding: 0 6px;
    }

    /* 返回顶部贴边 */
    .top-box {
        right: 6px !important;
        bottom: 80px !important;
        width: 38px !important;
        height: 38px !important;
    }

    /* 视频列表（video-box / video-box-list） */
    .video-box {
        margin: 12px 0;
    }

    .video-box li {
        width: 100% !important;
        height: auto !important;
        line-height: 20px !important;
        padding: 8px 0;
    }

    .video-box li a {
        white-space: normal !important;
    }

    /* —— 排行 rank_more —— */
    .rank_more li {
        font-size: 12px;
    }

    .rank_more_cont p,
    .rank_cont_cont p {
        font-size: 12px;
    }

    /* —— 专题（zhuanti） —— */
    .zhuanticontainer .within,
    .zhuanticontainer .aside {
        width: 100% !important;
        float: none !important;
        margin: 0 0 14px 0 !important;
    }

    .ztnewslist .newscolumn > li {
        width: 100% !important;
        margin: 0 0 10px 0 !important;
    }

    .ztnewslist figure .cover img {
        width: 100% !important;
        height: auto !important;
    }
}

/* —— 中等手机：iPhone SE 等 —— */
@media screen and (max-width: 480px) {

    .head-nav li {
        padding: 0 8px !important;
        font-size: 13px;
    }

    .zhuanti-div li {
        width: 100% !important;
    }

    .zhuanti-div li a img {
        margin-left: 20px !important;
    }

    .start-event li .match {
        font-size: 12px;
    }

    .video-link a,
    .video-link .zban_wrap,
    .video-link .zban_wrap_new {
        width: 84px !important;
        font-size: 11px !important;
    }

    .match-block .team-info img {
        width: 42px !important;
        height: 42px !important;
    }

    .match-score .score {
        font-size: 20px;
    }

    .n_span_wrap > li > span:first-child {
        flex: 0 0 80px;
    }
}