/* ==========================================================================
   1. 移动端全局重置与响应式基准 (M-Reset & Rem Settings)
   ========================================================================== */
html {
    font-size: 50px;
    background: #f8f8f8;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, button, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", STHeiti, Arial;
}

body, div, a, p, b, i, em {
    font-size: .24rem;
}

body {
    background-color: #f8f8f8;
}

/* 隐藏移动端系统自带滚动条 */
::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent;
}

.open { overflow: hidden; }
img { border: 0; vertical-align: middle; max-width: 100%; }
fieldset { border: 0; }
ul, ol, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; font-family: "Microsoft YaHei", STHeiti, Arial; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

/* 表单元素标准化 */
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; outline: 0; border: 0; }
input { *font-size: 100%; }
input::-webkit-search-cancel-button { display: none; }
input[type=search]::-ms-clear { display: none; }

/* 全局链接设置 */
a {
    text-decoration: none;
    cursor: pointer;
    color: #969696;
    font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif;
    outline: 0;
}
a:hover { text-decoration: none; }

/* 常用弹性间距 */
.mt20{ margin-top: .2rem; }
.mt30{ margin-top: .3rem; }
.mt40{ margin-top: .4rem; }
.mt50{ margin-top: .5rem; }
.mb20{ margin-bottom: .2rem; }
.mb30{ margin-bottom: .3rem; }
.mb40{ margin-bottom: .4rem; }
.mb50{ margin-bottom: .5rem; }


/* ==========================================================================
   2. 移动端主体页面结构 (M-Layout & Content Wrap)
   ========================================================================== */
.henvi-content{
    margin: 0 auto;
    background: #efefef;
}
.henvi-index_conter{
    margin: 0 auto;
    padding: 0 0.2rem;
}
.henvi-index_con {
    margin-bottom: .4rem;
    display: flex;
    flex-direction: column;
}
.henvi-index_con .henvi-index_left{ width: 100%; }
.henvi-index_con .henvi-index_right { width: 100%; margin-top: .2rem; }


/* ==========================================================================
   3. 头部导航栏组件 (Header & Flex Scroll Menu)
   ========================================================================== */
.henvi-header{ position: relative; }
.henvi-header_tc { position: relative; background: #fff; }
.henvi-header_tc .henvi-top { padding: 0.1rem 0.1rem 0rem; height: 1.2rem; }

/* Logo 控制 */
.henvi-header_tc .henvi-top .henvi-logo { width: 2rem; height: 0.4rem; display: block; float: left; margin-top: .2rem; }
.henvi-header_tc .henvi-top .henvi-logo img{ width: auto; height: .6rem; }

/* 横向横滑菜单 */
.henvi-header_tc .henvi-menu-shadow-box{ position: relative; width: 100%; z-index: 111; background: #fff; }
.henvi-header_tc .henvi-menu-shadow { position: relative; padding: .15rem 0 .15rem; margin: 0 .2rem; z-index: 1; display: flex; flex-wrap: nowrap; overflow-x: scroll; white-space: nowrap; }
.henvi-header_tc .henvi-menu-shadow span { white-space: nowrap; display: block; border: .02rem solid #605ca8; padding: 0 .2rem; text-align: center; border-radius: 2em; background-color: #605ca8; color: #fff; font-size: .26rem; height: 0.5rem; line-height: 0.5rem; }
.henvi-header_tc .henvi-menu-shadow-box .henvi-menu-mb { position: absolute; height: 100%; width: 0.3rem; top: 0; right: 0; border-radius: 2rem 0 0 2rem; background: linear-gradient(to left,rgb(141 159 177 / 21%),#fff); }

.henvi-menu-shadow ul { display: flex; }
.henvi-menu-shadow ul li { display: inline-block; }
.henvi-menu-shadow ul li a { display: block; position: relative; height: 0.5rem; line-height: 0.5rem; font-size: 0.26rem; color: #666666; white-space: nowrap; padding: 0 0.1rem; margin: 0 0.22rem 0rem; }
.henvi-menu-shadow ul li:first-child a { margin-left: 0.22rem; }
.henvi-menu-shadow ul li a.on { color: #38a6fd; font-weight: bold; font-size: 0.32rem; }
.henvi-menu-shadow ul li a.on::after{ position: absolute; content: ''; width: 0.3rem; height: 0.04rem; background-color: #38a6fd; bottom: 0rem; left: 50%; margin-left: -0.15rem; display: block; }

/* 右侧汉堡展开菜单按钮 */
.henvi-meun { float: right; }
.henvi-meun .henvi-menu_box { position: relative; z-index: 9; float: right; width: .52rem; height: .8rem; padding: .24rem 0 .07rem; cursor: pointer; transition: .3s; }
.henvi-meun .henvi-menu_box b { display: block; height: .06rem; background-color: #605ca8; margin: .06rem 0 .1rem; border-radius: .04rem; transition: .3s; }
.henvi-meun .henvi-menu_box.open b{ display:none; margin:0; position:absolute; top:50%; width:.6rem; }
.henvi-meun .henvi-menu_box.open b:first-child{ display:block; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.henvi-meun .henvi-menu_box.open b:last-child{ display:block; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }

/* 全屏遮罩菜单展示 */
.henvi-header_caidan { position: fixed; top: 1.2rem; width: 100%; right: -200%; bottom: 0; overflow: hidden; overflow-y: auto; background-color: rgba(0,0,0,.92); z-index: 222; font-size: .32rem; }
.henvi-header_caidan ul { margin: .4rem; text-align: left; }
.henvi-header_caidan li { position: relative; padding: .16rem 0px; }
.henvi-header_caidan li a { color: #FFF; font-size: .32rem; }
.henvi-header_caidan .henvi-explose { position: absolute; width: .6rem; top: 0; right: 0; height: .6rem; line-height: .6rem; z-index: 9; }
.henvi-header_caidan .henvi-explose i.henvi-icon { width: .6rem; height: .6rem; background: url(../images/cdjt.png) no-repeat center; background-size: .4rem .4rem; display: block; }
.henvi-header_caidan .henvi-explose i.icon-arrow-up { width: .6rem; height: .6rem; background: url(../images/cdjt2.png) no-repeat center; background-size: .4rem .4rem; display: block; }
.henvi-header_caidan .henvi-sub { z-index: 99; display: none; line-height: .7rem; font-size: .28rem; }
.henvi-header_caidan .henvi-sub a { padding-left: .4rem; font-size: .28rem; }


/* ==========================================================================
   4. 首页专属自定义衍生组件 (Home Page Specific Components)
   ========================================================================== */
/* 顶部自适应简介公告框 */
.site-home-intro-m {
    width: 100%;
    padding: .2rem .24rem;
    margin-top: .3rem;
    background-color: #fff;
    border-left: .06rem solid #5c5ab0;
    border-radius: .08rem;
    font-size: .26rem;
    color: #444;
    line-height: 1.5;
    box-shadow: 0 .02rem .06rem rgba(0,0,0,0.04);
    word-wrap: break-word;
}
.site-home-intro-m p { margin-bottom: 0; }
.site-home-intro-m img { max-width: 100%; height: auto; }

/* 移动端全网热搜词气泡 */
.mobile-search-keywords-box {
    display: flex;
    flex-wrap: wrap;
    gap: .16rem;
    padding: .24rem;
    background: #fff;
    border-radius: .08rem;
    box-shadow: 0 .02rem .06rem rgba(0,0,0,0.04);
    margin-bottom: .4rem;
}
.mobile-search-keywords-box a {
    display: inline-block;
    background-color: #f5f5f6;
    color: #555;
    padding: .1rem .24rem;
    border-radius: .08rem;
    font-size: .26rem;
    text-decoration: none;
}

/* 公用组件标题带侧边标线 */
.henvi-index_title { position: relative; display: flex; justify-content: space-between; align-items: center; }
.henvi-index_title span,.henvi-index_title h2,.henvi-index_title h3 { margin-left: .2rem; font-size: .36rem; color: #333; font-weight: bold; display: flex; align-items: center; }
.henvi-index_title:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: .08rem;
    height: .4rem;
    margin-top: -.18rem;
    background: linear-gradient(90deg,#605ca8,#605ca8);
    vertical-align: middle;
}

/* 移动端内链横滑卡片切换 */
.henvi-index_label{ background: #fff; }
.henvi-index_label ul { height: .8rem; box-shadow: 0 .04rem .06rem #ddd; overflow-x: auto; display: flex; }
.henvi-index_label li { position: relative; white-space: nowrap; height: .8rem; width: auto; line-height: .8rem; margin-right: .04rem; text-align: center; padding: 0 .24rem; float: left; cursor: pointer; font-size: .28rem; }
.henvi-index_label li.on{ font-size: .32rem; color: #000; }
.henvi-index_label li.on:after{ content: ""; position: absolute; bottom: 0px; left: 50%; margin-left: -.2rem; border-radius: 0.02rem; width: .4rem; height: .06rem; background: #605ca8; color: #FFF; }


/* ==========================================================================
   5. 赛事直播大厅核心信息卡片 (M-Live Match Card Flow)
   ========================================================================== */
.henvi-index_match_list .henvi-hotmatch {
    padding: .24rem;
    border-bottom: .02rem solid #d3e1e2;
    background: #fff;
    overflow: hidden;
    display: flex !important;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap !important;
    padding-bottom: .24rem !important;
}
.henvi-index_match_list .henvi-hotmatch a.henvi-items-center { width: 100%; }
.henvi-index_match_list .henvi-hotmatch a.henvi-items-center > p { height: .56rem; line-height: .56rem; display: inline-block; }

/* 赛事状态指示灯 */
.henvi-index_match_list .henvi-hotmatch .henvi-status { float: left; width: 1.7rem; margin-right: .2rem; margin-bottom: .2rem; }
.henvi-index_match_list .henvi-hotmatch .henvi-status span { font-weight: 400; font-size: .28rem; line-height: .44rem; width: 1.5rem; height: .56rem; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: .06rem; }
.henvi-index_match_list .henvi-hotmatch .henvi-status.henvi-live span { background: linear-gradient(90deg,#c82828,#eaadad); }
.henvi-index_match_list .henvi-hotmatch .henvi-status.henvi-prelive span { background: linear-gradient(90deg,#929292,#c1c1c1); }

/* 卡片数据对齐调整 */
.henvi-index_match_list .henvi-hotmatch .henvi-time { width: 1.8rem; float: left; margin-right: .4rem; margin-bottom: .2rem; }
.henvi-index_match_list .henvi-hotmatch .henvi-cate { float: left; margin-right: .2rem; width: 2rem; margin-bottom: .2rem; }
.henvi-index_match_list .henvi-hotmatch .henvi-team1 { float: left; text-align: left; margin-right: .2rem; width: 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.henvi-index_match_list .henvi-hotmatch .henvi-team1logo { width: .48rem; float: left; margin-right: .2rem; }
.henvi-index_match_list .henvi-hotmatch .henvi-team1logo img { width: .48rem; vertical-align: middle; }
.henvi-index_match_list .henvi-hotmatch .henvi-team1num { margin-right: .04rem; float: left; width: .6rem; background: #F5F5F5; border-radius: .1rem; text-align: center; }
.henvi-index_match_list .henvi-hotmatch .henvi-fh { margin-right: .04rem; float: left; width: .1rem; text-align: center; }
.henvi-index_match_list .henvi-hotmatch .henvi-team2num { margin-right: .2rem; float: left; width: .6rem; background: #F5F5F5; border-radius: .1rem; text-align: center; }
.henvi-index_match_list .henvi-hotmatch .henvi-team2logo { margin-right: .2rem; float: left; width: .48rem; }
.henvi-index_match_list .henvi-hotmatch .henvi-team2logo img { width: .48rem; vertical-align: middle; }
.henvi-index_match_list .henvi-hotmatch .henvi-team2 { float: left; margin-right: .2rem; width: 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 线路选择控制排版 */
.henvi-index_match_list .henvi-hotmatch .henvi-items-box { margin-top: .2rem; width: 100%; }
.henvi-index_match_list .henvi-hotmatch .henvi-items-top, .henvi-index_match_list .henvi-hotmatch .henvi-items-top p { display: flex; align-items: center; }
.henvi-index_match_list .henvi-hotmatch .henvi-items-top p:first-child { font-size: .28rem; color: #000; justify-content: center; }
.henvi-index_match_list .henvi-hotmatch .henvi-items-top p:first-child:before { content: ""; width: .4rem; height: .52rem; background: url(../images/live_icon.png) no-repeat; background-position: 50%; background-size: .4rem .4rem; margin-right: .06rem; }
.henvi-index_match_list .henvi-hotmatch .henvi-items-btm { float: left; }
.henvi-index_match_list .henvi-hotmatch .henvi-items-btm p { color: #605ca8; font-size: .28rem; line-height: .52rem; border-bottom: .04rem solid #605ca8; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; float: left; margin-right: .2rem; }
.henvi-index_match_list .henvi-hotmatch .henvi-items-box .henvi-more { font-size: .24rem; display: flex; justify-content: center; align-items: center; height: .52rem; cursor: pointer; float: left; }
.henvi-index_match_list .henvi-hotmatch .henvi-items-box .henvi-more:after { content: ""; width: .46rem; height: .52rem; background: url(../images/chevron-down.png) no-repeat; background-position: 50%; background-size: .24rem .14rem; }

.henvi-index_match_more { display: block; text-align: center; margin: 0 auto; width: 3.5rem; height: .52rem; line-height: .52rem; font-size: .32rem; color: #fff; background-color: #303030; border-radius: .08rem; margin-top: .2rem; }
.henvi-index_match_more a { color: #fff; display: block; }
.henvi-index_match_list h6 { display: flex; height: .48rem; line-height: .48rem; align-items: center; margin: .2rem 0px; color: #666666; padding-left: .08rem; }
.henvi-index_match_list h6 time { font-size: .24rem; font-weight: 400; line-height: .5rem; color: #999999; }


/* ==========================================================================
   6. 录像集锦与精选双列视频卡片 (M-Videos & Highlights Grid)
   ========================================================================== */
.henvi-index_videopace { background: #fff; padding-bottom: .4rem !important; }
.henvi-index_videopace ul { border-bottom: .02rem dashed #e8e8e8; padding: .2rem; margin-bottom: .4rem; }
.henvi-index_videopace ul:last-child { margin-bottom: 0; border: 0; padding-bottom: 0; }
.henvi-index_videopace ul li { border-bottom: 1px solid #f5f5f5; display: flex; line-height: .72rem; align-items: center; font-size: .32rem; }
.henvi-index_videopace ul li:last-child { margin-bottom: 0; padding-bottom: 0; }
.henvi-index_videopace.henvi-page_list ul li { line-height: .84rem; }
.henvi-index_videopace ul li span { display: inline-block; width: .4rem; height: .4rem; margin: 0 .2rem 0 0; background: url(../images/sp.png) no-repeat center; background-size: .4rem; }
.henvi-index_videopace ul li a { display: block; flex: 1; max-width: 100%; font-size: .3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 双列视频流 */
.henvi-index_video { margin-top: .2rem; display: flex; flex-wrap: wrap; padding: 0; list-style: none; }
.henvi-index_video div { width: 3.4rem; margin-right: .3rem; margin-bottom: .2rem; }
.henvi-index_video div:nth-child(2n) { margin-right: 0rem; }
.henvi-index_video div .henvi-img { background: #fff; height: 2.72rem; margin-bottom: 0px; display: block; overflow: hidden; position: relative; }
.henvi-index_video div .henvi-img img { width: 100%; height: 2.12rem; }
.henvi-index_video div .henvi-img:hover span { background: url(../images/v2.png) no-repeat center; }
.henvi-index_video div .henvi-img span { position: absolute; width: .92rem; height: .92rem; background: url(../images/v.png) no-repeat center; left: 50%; top: 50%; margin-left: -.46rem; margin-top: -.66rem; }
.henvi-index_video div .henvi-img p { line-height: .64rem; height: .64rem; overflow: hidden; text-align: center; font-size: .28rem; font-weight: bold; }

.henvi-index_video.henvi-video_page div { width: 3.4rem; margin-right: .3rem; margin-bottom: .2rem; }
.henvi-index_video.henvi-video_page div:nth-child(2n) { margin-right: 0rem; }
.henvi-index_video.henvi-video_page div .img { width: 3.4rem; height: 2.72rem; }
.henvi-index_video.henvi-video_page div .img img { width: 100%; height: 2.12rem; }


/* ==========================================================================
   7. 移动焦点新闻大轮播与资讯流 (Headline Carousel & Info Flow)
   ========================================================================== */
.henvi-public_swiper { background: #fff; position: relative; z-index: 0; }
.henvi-public_swiper .swiper-slide { width: 7.5rem; position: relative; overflow: hidden; height: 4.5rem; }
.henvi-public_swiper .swiper-slide a img { display: block; width: 100%; min-height: 3.2rem; }
.henvi-public_swiper .swiper-slide .henvi-text { background: linear-gradient(transparent, #000000); position: absolute; left: 0px; width: 100%; text-align: center; bottom: 0px; padding-top: 0.9rem; }
.henvi-public_swiper .swiper-slide .henvi-text p { font-size: 0.32rem; font-weight: bold; line-height: 1rem; height: 1rem; color: #fff; padding: 0 0.2rem; overflow: hidden; text-overflow: ellipsis; }

/* 轮播指示器 */
.banner-pagination { width: auto !important; height: .5rem !important; padding: .05rem 0; position: absolute; top: 0.2rem !important; right: 0.2rem; left: initial !important; z-index: 9; }
.banner-pagination .swiper-pagination-bullet { width: 0.4rem; height: 0.4rem; background-color: unset; border: .04rem solid #fff; border-radius: 0; margin: 0 0 0 .15rem !important; opacity: 1; text-align: center; font-size: 0.24rem; line-height: 0.38rem; color: #ffffff; }
.banner-pagination .swiper-pagination-bullet-active { background: #fff; color: #333; }

/* 最新资讯排行 */
.henvi-hot_news { background: #fff; padding: .3rem .2rem; border-radius: .7rem; }
.henvi-hot_news ul { margin-top: .2rem; }
.henvi-hot_news li { display: flex; align-items: center; margin-bottom: .35rem; }
.henvi-hot_news li .henvi-num { display: inline-block; width: .35rem; height: .4rem; background-color: #bfc7c2; text-align: center; color: #fff; margin-right: .15rem; }
.henvi-hot_news li:nth-child(1) .henvi-num { background-color: #ff6767; }
.henvi-hot_news li:nth-child(2) .henvi-num { background-color: #ff894f; }
.henvi-hot_news li:nth-child(3) .henvi-num { background-color: #ffaf31; }
.henvi-hot_news li .henvi-title { display: block; flex: 1; overflow: hidden; color: #333; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; }
.henvi-hot_news li .henvi-time { display: block; margin-left: .3rem; }


/* ==========================================================================
   8. 独立新闻/数据/资料库内页控制 (Inner Sub-pages Styling)
   ========================================================================== */
.henvi-news_con { margin-bottom: 0.4rem; display: flex; flex-direction: column; }
.henvi-news_con .henvi-news_left { width: 100%; flex: 1; }
.henvi-news_right { width: 100%; margin-top: .2rem; }

/* 文章阅读详情排版 */
.henvi-news_top_cont { padding: .2rem 0 .3rem 0; border-bottom: 1px dashed #eee; text-align: center !important; }
.henvi-news_top_cont.channel { padding-bottom: 0 !important; }
.henvi-news_top_cont h1 { font-size: .38rem; display: block; line-height: 1.2; font-weight: bold; margin-bottom: .2rem; }
.henvi-news_top_cont .henvi-text { font-size: .28rem; line-height: 1.5; color: #909399 !important; }
.henvi-news_top_cont .henvi-text span { margin: 0 0.2rem; display: block; width: 100%; }
.henvi-news_detail { padding: .3rem 0; line-height: .56rem; font-size: .32rem; color: #606266; margin-bottom: .2rem; }
.henvi-news_detail p { line-height: .56rem; font-size: .32rem; color: #606266; margin-bottom: .2rem; }
.henvi-news_detail h3,.henvi-news_detail h2 { line-height: .72rem; font-size: .36rem; color: #000; font-weight: 600; margin-bottom: .4rem; }
.henvi-news_detail strong { font-size: .32rem; font-weight: bold; }
.henvi-news_detail p img { display: block; width: 100%; margin: .3rem auto; height: auto !important; }
.henvi-news_detail+p { margin-top: .4rem; }

/* 详情图文列表网格 */
.henvi-news_list .henvi-item { background: #fff; position: relative; margin-top: .2rem; padding: .2rem; }
.henvi-news_list .henvi-item > a { display: block; }
.henvi-news_list .henvi-title { align-items: flex-start; display: flex; margin-bottom: 0.2rem; flex-direction: column; }
.henvi-news_list .henvi-item .henvi-title .henvi-tit { font-size: .3rem; color: #333; height: .64rem; font-weight: bold; flex: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.henvi-news_list .henvi-title span { color: #909399; }
.henvi-news_list .henvi-info { background: #fff; display: flex; align-items: flex-start; }
.henvi-news_list .henvi-img { width: 2.2rem; border-radius: .05rem; overflow: hidden; position: relative; }
.henvi-news_list .henvi-img img { width: 100%; height: 100%; }
.henvi-news_list .henvi-cont { margin: 0 .3rem; flex: 1; overflow: hidden; position: relative; }
.henvi-news_list .henvi-text { height: .8rem; line-height: .4rem; color: #909090; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; margin-bottom: .1rem; }
.henvi-news_list .henvi-score { color: #605ca8 !important; font-size: .28rem; line-height: 1.5; }

/* 各种分类资料库横排网格卡片 */
.henvi-index_wangluo_list { width: 100%; }
.henvi-index_wangluo_list ul { overflow: hidden; }
.henvi-index_wangluo_list ul li { width: 3.45rem; background: #fff; box-shadow: 0 0 .2rem 0 #dfdfdf; border-radius: .08rem; padding: .2rem; float: left; margin-right: .2rem; margin-bottom: .3rem; }
.henvi-index_wangluo_list ul li:nth-child(2n) { margin-right: 0px; }
.henvi-index_wangluo_list ul li .henvi-img { height: 2rem; position: relative; overflow: hidden; }
.henvi-index_wangluo_list ul li .henvi-img img { width: 100%; height: 2rem; }
.henvi-index_wangluo_list ul li p { font-size: .32rem; color: #1d1d1f; height: .6rem; line-height: .6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }

/* 热门球队排行阵列 */
.henvi-detail_wangluo ul { margin-top: .4rem; overflow: hidden; }
.henvi-detail_wangluo ul li { width: 3.45rem; background: #fff; box-shadow: 0 0 .2rem 0 #dfdfdf; border-radius: .08rem; padding: .2rem; float: left; margin-right: 0.2rem; margin-bottom: .3rem; }
.henvi-detail_wangluo ul li:nth-child(2n) { margin-right: 0px; }
.henvi-detail_wangluo ul li .henvi-img { height: 2rem; position: relative; overflow: hidden; }
.henvi-detail_wangluo ul li .henvi-img img { display: block; width: 100%; height: 2rem; }
.henvi-detail_wangluo ul li p { font-size: .32rem; color: #1d1d1f; height: .6rem; line-height: .6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }


/* ==========================================================================
   9. 数据图表、积分榜与交互切换 (M-Match Data Center)
   ========================================================================== */
/* 核心日历时间流线轴 */
.henvi-data_conten { width: 100%; overflow: hidden; display: flex; margin-top: 0.3rem; flex-wrap: wrap; justify-content: flex-start; }
.henvi-data_conten a { position: relative; border: .02rem solid #D3E1E2; border-radius: .08rem; margin-bottom: .1rem; width: 1.18333rem; height: 1.08rem; font-size: .32rem; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #FFF; }
.henvi-data_conten a.on i, .henvi-data_conten a:hover i { display: inline-block; width: 100%; height: .12rem; position: absolute; left: 0; bottom: 0; background: #605ca8; border-radius: 0px 0px .04rem .04rem; }
.henvi-data_conten a.on { color: #605ca8; font-weight: bold; border: 1px solid #605ca8; position: relative; }

/* 联赛多栏数据比分排行 */
.henvi-jf_rnak { background: #FFF; margin-top: .2rem; }
.henvi-jf_rnak .henvi-jfname { font-size: .36rem; font-weight: bold; padding: .2rem; }
.henvi-jf_rnak .henvi-rankingt.henvi-bg { background: #EEEEEE; line-height: .8rem; }
.henvi-jf_rnak .henvi-bgg { border-bottom: 1px solid #EAEAEA; }
.henvi-jf_rnak .henvi-rankingt .henvi-num { display: block; width: .32rem; height: .32rem; background: #ccc; color: #fff; border-radius: .04rem; text-align: center; }
.henvi-jf_rnak .henvi-logo { display: flex; align-items: center; text-align: left; }
.henvi-jf_rnak .henvi-team { padding-left: .1rem; }
.henvi-jf_rnak .henvi-rankingt.henvi-zuqiu { display: grid; grid-template-columns: 8% 20% 9% 9% 9% 9% 9% 9% 9% 9%; height: 1rem; align-items: center; padding: 0 .2rem; }
.henvi-jf_rnak .henvi-rankingt.henvi-nba { display: grid; grid-template-columns: 10% 30% 17% 17% 17% 9%; height: 1rem; align-items: center; padding: 0 .2rem; }

/* 网络深层内容图文包裹 */
.henvi-wangluo_con { padding: .4rem 0px .2rem; overflow: hidden; }
.henvi-wangluo_con .henvi-img { margin-right: .4rem; }
.henvi-wangluo_con .henvi-img img { height: 2.4rem; border-radius: .1rem; }
.henvi-wangluo_con .henvi-title { margin-top: .2rem; width: 100%; font-size: .3rem; color: #666666; }
.henvi-wangluo_con p.time { font-size: .24rem; }
.henvi-wangluo_con h2 { font-size: .32rem; color: #000000; }
.henvi-wangluo_con p:last-child { text-align: justify; }

/* 底置体育项目分类格块 */
.henvi-index_hot_list { overflow: hidden; background: #fff; padding: 0px .2rem .2rem .2rem; }
.henvi-index_hot_list a { display: block; float: left; width: 1.525rem; margin-right: .2rem; background: #fff; box-shadow: 0 0 .08rem 0 #dfdfdf; margin-top: .2rem; padding: .1rem; }
.henvi-index_hot_list a:nth-child(4n) { margin-right: 0px; }
.henvi-index_hot_list a img { max-width: 100%; height: .8rem; display: block; margin: 0 auto; }
.henvi-index_hot_list a span { height: .6rem; line-height: .6rem; overflow: hidden; display: block; text-align: center; }


/* ==========================================================================
   10. 直播实况专属播放页样式 (M-Live Stream Play Panel)
   ========================================================================== */
.henvi-live_con_tab { display: flex; justify-content: space-between; height: .7rem; }
.henvi-live_con_tab li { float: left; }
.henvi-live_con_tab li a { display: block; width: 3.55rem; font-size: .3rem; font-family: Microsoft YaHei; font-weight: 400; text-align: center; cursor: pointer; color: #605ca8; border: .02rem solid #605ca8; background: #ffffff; height: .7rem; line-height: .7rem; }
.henvi-live_con_tab li:first-child a { border-radius: .08rem 0px 0px .08rem; }
.henvi-live_con_tab li:last-child a { border-radius: 0px .08rem .08rem 0px; }
.henvi-live_con_tab li a.active { background: #605ca8; color: #fff; }

/* 对阵及实时比分框 */
.henvi-live_detail { position: relative; height: 5.6rem; padding-top: 1rem; }
.henvi-live_bg { height: 5.6rem; background: linear-gradient(90deg,#605ca8 18.8%,#605ca8 49.96%,#605ca8 81.5%); position: absolute; top: 0px; left: 0; right: 0; }
.henvi-live_bg .henvi-live_bg_box .henvi-live_bg_con { position: absolute; display: flex; justify-content: center; bottom: 0; width: 100%; }
.henvi-live_bg .henvi-live_bg_box .henvi-live_bg_con img { max-width: 100%; }
.henvi-live_detail_team .henvi-live_detail_teamt { position: relative; z-index: 2; color: #fff; }
.henvi-live_detail_team .henvi-live_name { width: 100%; height: .72rem; line-height: .72rem; padding: .08rem .54rem; font-size: .28rem; color: #FFFFFF; text-align: center; }
.henvi-live_detail_team .henvi-live_con { width: 100%; display: flex; justify-content: space-around; align-items: center; }
.henvi-team1 { text-align: center; width: 30%; }
.henvi-team2 .henvi-team_img, .henvi-team1 .henvi-team_img { width: 1.6rem; height: 1.6rem; border-radius: 50%; background-color: white; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.henvi-team2 .henvi-team_img img, .henvi-team1 .henvi-team_img img { width: 1.12rem; height: 1.12rem; border-radius: 50%; }
.henvi-team1 h1, .henvi-team2 h1 { height: .52rem; font-size: .28rem; font-weight: bold; line-height: .52rem; color: #FFFFFF; margin-top: .2rem; }
.henvi-live_num { text-align: center; width: 40%; }
.henvi-live_num_box { display: flex; justify-content: space-between; align-items: center; margin: .5rem 0; height: .78rem; padding: 0 .24rem; }
.henvi-live_num_box > p { font-size: .64rem; font-family: DIN; font-weight: bold; line-height: .78rem; color: #FFFFFF; }
.henvi-live_status { height: .72rem; background: #FFFFFF; border-radius: .36rem; font-size: .32rem; font-weight: bold; line-height: .72rem; width: 2.5rem; margin: auto; color: #605ca8; }
.henvi-team2 { text-align: center; width: 30%; }

/* 独立模拟播放视窗 */
.henvi-video_play { position: relative; background: #000000; width: 100%; height: 4rem; }
.henvi-video_play img.henvi-img { max-width: 80%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.henvi-video_play img.henvi-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.henvi-video_cont_list { margin-bottom: .2rem; }
.henvi-video_cont_list span { display: block; font-size: .32rem; font-weight: bold; margin-top: .2rem; }
.henvi-video_cont_list a { display: block; line-height: .38rem; font-size: .28rem; margin-bottom: .2rem; text-decoration: revert; color: #666; }

/* 交互信号源节点 */
.henvi-match_details { margin-top: .2rem; margin-bottom: .2rem; }
.henvi-signa { margin-top: .2rem; }
.henvi-signa ul li { margin-right: .2rem; background: #CCC; display: inline-block; margin-top: .2rem; margin-bottom: .2rem; border-radius: .12rem; }
.henvi-signa ul li.henvi-click { background: #605ca8; }
.henvi-signa ul li a { display: block; padding: .2rem .4rem; color: #fff; }
.henvi-live_content { padding: .4rem .2rem; background: #FFF; }
.henvi-live_content p { font-size: .28rem; line-height: .44rem; margin-bottom: .2rem; }
.henvi-live_content p span.henvi-tit { color: #C00; overflow: hidden; }

/* 球队资料头部面板 */
.henvi-detail_top { background: url(../images/bg-qd.png) no-repeat; background-size: 100%; overflow: hidden; position: relative; }
.henvi-detail_top .henvi-img { float: left; width: .8rem; height: .8rem; margin: .22rem; object-fit: contain; }
.henvi-detail_top .henvi-name .henvi-zh { margin-top: .24rem; margin-bottom: .06rem; font-size: .3rem; color: #333; display: flex; }
.henvi-detail_top .henvi-name .henvi-zh span { font-size: .3rem; font-weight: 500; }
.henvi-detail_top .henvi-name .henvi-en { display: flex; font-size: .24rem; color: #bbb; }
.henvi-detail_top .henvi-market { height: 1.24rem; line-height: 1.24rem; color: #FFF; font-size: .32rem; padding: 0 .4rem 0 .4rem; position: absolute; top: 0px; right: 0px; background-color: #605ca8; }
.henvi-detail_top .henvi-market::before { position: absolute; content: ''; top: 0; border: solid transparent; border-right-color: rgba(255,255,255,0.6); border-top-color: rgba(255,255,255,0.6); border-width: 1.04rem .4rem; left: -.84rem; z-index: -1; transform: translateX(.4rem); }
.henvi-detail_top .henvi-market::after { position: absolute; content: ''; top: 0; border: solid transparent; border-right-color: #605ca8; border-top-color: #605ca8; border-width: 1.04rem .4rem; left: -.56rem; }


/* ==========================================================================
   11. 全新精简自适应移动端公共页脚与类置顶组件 (Modern M-Footer & Class ToTop)
   ========================================================================== */
.henvi-footer {
    background-color: #18181c !important; /* 彻底融合高质感深黑底色 */
    padding: 0.5rem 0.2rem 0.6rem;
    position: relative;
    border-top: .06rem solid #5c5ab0;
}
.henvi-footer p {
    font-size: 0.24rem;
    color: #85858a;
    text-align: center;
    line-height: 1.7;
}
.henvi-footer p a {
    color: #626266 !important;
}
.henvi-footer p a:hover {
    color: #5c5ab0 !important;
}

/* 一键置顶组件 - 已彻底改为通用 Class 样式类选择控制 */
.henvi-totop-con {
    width: 100%;
    margin: 0 auto;
}
.henvi-totop-btn {
    height: .88rem;
    width: .88rem;
    position: fixed;
    right: .3rem;
    bottom: .8rem;
    z-index: 9999;
    background: #232328;
    border: .02rem solid #333338;
    border-radius: .12rem;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 .04rem .16rem rgba(0,0,0,0.2);
    transition: all .2s ease;
}
.henvi-totop-btn:hover {
    background: #5c5ab0;
    border-color: #5c5ab0;
}
.henvi-totop-btn::before {
    content: '';
    width: .18rem;
    height: .18rem;
    border-left: .04rem solid #ffffff;
    border-top: .04rem solid #ffffff;
    transform: rotate(45deg);
    margin-top: .06rem;
}


/* ==========================================================================
   12. 附加老组件样式保留兼容区 (Legacy Components Compatibility)
   ========================================================================== */
.henvi-map { padding: .15rem 0; color: #777; font-size: .26rem; }
.henvi-map a{ color: #333; font-size: .26rem; }
.henvi-main-title { display: flex; align-items: center; justify-content: space-between; padding-bottom: .1rem; border-bottom: .01rem solid #ededed; margin-bottom: .2rem; }
.henvi-main-title .henvi-title { padding-left: .16rem; font-size: 0.32rem; font-weight: bold; position: relative; letter-spacing: .01rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.henvi-main-title .henvi-title::after { content: ""; width: 0.08rem; height: 0.4rem; background-color: #605ca8; border-radius: 0.02rem; position: absolute; top: .04rem; left: 0; }
.henvi-main-title .henvi-more { font-size: 0.24rem; letter-spacing: 0.01rem; color: #999999; }
.henvi-main-more { width: 5.9rem; height: .62rem; line-height: .62rem; border: .02rem dashed #ff5000; display: block; margin: .3rem auto .35rem; border-radius: .33rem; text-align: center; color: #ff5000; font-size: .26rem; }
.henvi-pmap{ margin-bottom: .4rem; }
.henvi-pmap ul { padding: .4rem 0 0px; margin-bottom: .4rem; }
.henvi-pmap ul li { width: 2rem; background: #fff; float: left; height: .8rem; line-height: .8rem; margin-right: .2rem; margin-bottom: .2rem; padding-left: .2rem; }
.henvi-pmap ul li:nth-child(7n){ margin-right: 0px; }
.henvi-pmap ul li a{ overflow: hidden; height: .8rem; display: block; font-size: .28rem; color: #333; }
.henvi-pmap ul li:hover a{ color: red; }
.henvi-liver-list { background: #fff; margin: .2rem 0; }
.henvi-liver-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: flex; flex-direction: column; width: 100%; text-decoration: none; }
.henvi-liver-list-box { position: relative; color: #333333; background-color: hsla(0,0%,100%,.01); box-sizing: border-box; display: flex; font-size: .28rem; height: 2.68rem; padding-top: .48rem; width: 7rem; }
.henvi-liver-list-box .henvi-time { background-color: #bbbaba; border-radius: .08rem 0; font-size: .2rem; height: .36rem; left: 0; line-height: .36rem; padding: 0 .12rem; position: absolute; top: 0; z-index: 1; color: #fff; }
.henvi-liver-list-box .henvi-team { padding: 0 .2rem; align-items: center; display: flex; flex: 0 0 1.6rem; flex-direction: column; }
.henvi-liver-list-box .henvi-logo { height: .72rem; width: .72rem; }
.henvi-liver-list-box .henvi-name { margin-top: .12rem; color: #333333; overflow: hidden; width: 1.2rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.henvi-liver-list-box .henvi-liver-cont { align-items: center; display: flex; flex: 1; flex-direction: column; }
.henvi-liver-list-box .henvi-liver-cont .henvi-liver-cate { color: #333333; }
.henvi-liver-list-box .henvi-liver-score { color: #333333; font-size: .32rem; font-weight: 400; height: .56rem; line-height: .56rem; margin: .2rem 0; position: relative; }
.henvi-liver-list-box .henvi-icon { background-image: url(../images/pcGame_sprite.png); background-position: -3.76rem -2.04rempx; height: .56rem; left: 50%; position: absolute; transform: translate(-50%); width: .66rem; }
.henvi-liver-list-box .henvi-num { color: #333333; font-size: .36rem; font-weight: 600; padding: 0 .34rem; }
.henvi-liver-list-box .henvi-liver-btn { align-items: center; border-radius: .08rem; display: flex; font-size: .24rem; height: .52rem; justify-content: center; line-height: .52rem; overflow: hidden; }
.henvi-liver-list-box .henvi-type { background-color: #ff0000; position: relative; text-align: center; width: 1.6rem; color: #fff; }