@charset "utf-8";
:root {
    --dark-color: #F2F2F2;
    --light-color: #ffffff;
    --contrast-color: #6502a7;
    --prominent-color: #efefef;
    --display-bg-color: #fff;
    --strong-bg-color: #202325;
    --strong-bg-light-color: #171818;
    --link-hover-color: #6502a7;
    --top-header-hot-color: #333
}
html {
    overflow-x: auto;
    overflow-y: scroll;
}
html, body {
    font: 14px "苹方", "PingFang", "\82f9\65b9", "微软雅黑", "Microsoft YaHei", 'XinGothic-SinaWeibo', helvetica, arial, sans-serif;
    margin: 0;
    width: 100%;
    max-width: 100%;
    min-height: 100%
}
h1, h2, h3, h4, h4, h5 {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #ffffff;
}
a {
    text-decoration: none;
    color: #777777;
}
select {
    font-size: 12px;
}
table {
    border-collapse: collapse;
}
fieldset, img {
    border: 0 none;
}
fieldset {
    margin: 0;
    padding: 0;
}
fieldset p {
    margin: 0;
    padding: 0 0 0 8px;
}
legend {
    display: none;
}
address, caption, em, strong, th, i {
    font-style: normal;
    font-weight: 400;
}
table caption {
    margin-left: -1px;
}
hr {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #E4E4E4;
    border-width: 1px 0;
    clear: both;
    height: 2px;
    margin: 5px 0;
    overflow: hidden;
}
ol, ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
caption, th {
    text-align: left;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0
}
ol, ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
body {
    /*background: url(../images/mainbg.png) no-repeat top center;*/
    background-size: 100% auto;
    color: #555;
}
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sp_container {
    width: 1200px;
    height: inherit;
    margin: 0 auto;
}
.sp_container_main {
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    padding-top: 25px;
}
.show_flex {
    display: flex !important;
}
.sp_icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
}
.sp_icon_hot {
    background-size: cover;
}
.sp_icon_date {
    background-size: cover;
}
.sp_icon_news {
    background-size: cover;
    width: 22px;
    height: 22px;
}
.sp_icon_playfill {
    background-size: cover;
    width: 22px;
    height: 22px;
}
.sp_icon_zixun {
    background-size: cover;
    width: 24px;
    height: 24px;
    filter: grayscale(100%);
}
.sp_icon_luxiang {
    background-size: cover;
    width: 28px;
    height: 28px;
}
.sp_icon_luxiangplay {
    background-size: cover;
    width: 24px;
    height: 24px;
    filter: grayscale(100%);
}
.sp_icon_lanqiu_p {
    background-size: cover;
    width: 24px;
    height: 24px;
}
.sp_icon_zuqiu {
    background-size: cover;
    width: 24px;
    height: 24px;
}
.sp_header {
    background: var(--light-color);
    width: 100%;
    height: 50px;
    padding: 15px 0;
    border-bottom: dashed 1px #DEDEDE;
}
.sp_header_logo {
    float: left;
    height: 50px;
}
.sp_header_logo img {
    height: 50px;
}
.sp_nav_hot_box {
    padding-left: 400px;
    display: flex;
    align-items: center;
}
.sp_nav {
    float: left;
    height: 50px;
    line-height: 50px;
}
.sp_nav > ul > li {
    position: relative;
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0 25px;
    height: 50px;
    line-height: 50px;
}
.sp_nav > ul > li:not(:last-child)::after {
    content: '';
    position: absolute;
    top:25%;
    right: 0;
    width: 0.5px;
    height: 50%;
    background: #DEDEDE;
    transform: translate(-25%, -25%);
    transform: scaleX(0.5);
    transform: rotate(40deg);
}
.sp_nav > ul > li > a {
    font-size: 16px;
    padding: 5px 5px;
    color: #000000;
}
.sp_nav > ul > li > a.active,
.sp_nav > ul > li.active > a {
    color: #fff;
    background-color: #6502a7;
    border-radius: 5px;
}
.sp_nav_hot {
    display: block;
    background: #ffffff;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}
.sp_nav_hot  ul {
}
.sp_nav_hot ul li {
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
}
.sp_nav_hot ul li > a {
    font-size: 14px;
    padding: 5px 5px;
    color: #777777;
}
.sp_nav_hot ul > li > a:hover {
    color: var(--link-hover-color);
}
.sp_nav_hot ul > li.active > a {
    color: var(--link-hover-color);
    font-weight: bold;
}
.sp_body {
    float: left;
    width: 800px;
    min-height: 500px;
    position: relative;
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 20px;
}
/**
@media screen and (max-width: 600px) {
    .sp_container_main {
        flex-direction: column !important;
    }
    .sp_body {
        padding-right: 0 !important;
    }
}
**/
.sp_aside {
    width: 380px;
    padding-left: 20px;
    position: relative;
    float: left;
}
.sp_display {
    margin-bottom: 30px;
    background: #ffffff;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
}
.sp_display_hd {
    background: #ffffff;
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
    border-top: solid 3px var(--contrast-color);
    border-bottom: dashed 1px #BBBBBB;
}
.sp_display_hd h4 {
    color: #101010;
}
.sp_match {
    display: flex;
    align-items: center;
}
.sp_match_tabs {
    padding-left: 10px;
}
.sp_match_tabs > ul {
    position: relative;
}
.sp_match_tabs > ul > li {
    float: left;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 15px;
    cursor: pointer;
}
.sp_match_tabs > ul > li.active {
    margin-top: -5px;
}
.sp_match_tabs > ul > li.active > a {
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    padding-bottom: 5px;
    border-bottom: solid 3px var(--contrast-color);
}
.sp_display_bd {
    position: relative;
    z-index: 2006;
}
.sp_display_loading {
    position: absolute;
    z-index: 2007;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000;
    opacity: 1;
}
.sp_match_card {
    background: #ffffff;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
}
.sp_match_list {
    padding: 5px 15px;
}
.sp_match_date {
    display: flex;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: solid 1px gray;
    color: #000000;
}
.sp_match_filter_roll {
    background: #fff;
    border-bottom: solid 3px var(--contrast-color);
    padding: 10px 5px;
}
.sp_match_date span {
    padding-left: 5px;
}
.sp_match_item {
    display: flex;
    align-items: center;
    padding: 15px;
    font-size: 15px;
    border-bottom: solid 1px var(--prominent-color);
}
.sp_match_item:last-of-type {
    border-bottom: 0;
}
.sp_match_item_date {
    width: 10%;
}
.sp_match_item_league {
    width: 15%;
}
.sp_match_item_team {
    display: flex;
    align-items: center;
}
.sp_team_home {
    width: 150px;
    text-align: right;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: start;
}
.sp_team_home img{
    width: 15px;
    height: 15px;
    text-align: right;
}
.sp_team_score {
    width: 100px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.sp_team_away {
    width: 150px;
    text-align: right;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: end;
}
.sp_team_away img {
    width: 15px;
    height: 15px;
    text-align: right;
}
.sp_match_link {
    width: 75%;
    display: flex;
    align-items: center;
}
.sp_match_item_button {
    flex: 1;
    text-align: right;
    box-sizing: border-box;
    padding-right: 15px;
}
.sp_match_btn {
    font-size: 14px;
    display: inline-block;
    width: 100px;
    padding: 5px;
    border-radius: 5px;
    text-align: left;
    background: #ddd;
    color: var(--contrast-color);
}
.sp_match_item_button.start .sp_match_btn {
    background: var(--contrast-color);
    color: #fff;
}
.sp_match_btn___live {
    color: var(--contrast-color);
}
.sp_display__none .sp_match_item {
    display: none;
}
.ranking-list_box {
    background: var(--display-bg-color);
}
.ranking-list_box .ranking_hd {
    display: flex;
    text-align: center;
    padding: 15px 0;
}
.ranking-list_box .ranking_tag {
    text-align: center;
    padding: 10px 0;
}
.ranking-list_box .base-list-ranking_item {
    display: flex;
    text-align: center;
    padding: 10px 0;
}
.ranking-list_box .base-list-ranking_item .ranking_num > span.ranking_1 {
    background: var(--contrast-color);
    padding: 5px 10px;
}
.ranking-list_box .base-list-ranking_item .ranking_num > span.ranking_2 {
    background: #7e178e;
    padding: 5px 10px;
}
.ranking-list_box .base-list-ranking_item .ranking_num > span.ranking_3 {
    background: #1f3f5c;
    padding: 5px 10px;
}
.sp_news_list {
    padding: 15px;
    background: #ffffff;
}
.sp_tag {
    display: inline-block;
    background: var(--contrast-color);
    color: #ffffff;
    font-size: 13px;
    padding: 3px 5px;
    margin-right: 10px;
    border-radius: 5px;
}
.sp_news_item {
    border-bottom: none;
    height: 26px;
    font-size: 14px;
    padding: 5px 0 5px 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 350px;
    text-overflow: ellipsis;
}
.sp_news_item .time, .sp_news_item .league {
    padding-left: 5px;
    padding-right: 10px;
}
.sp_news_item a {
    background: unset;
    border: none;
    font-size: 14px;
    color: #777777;
}
.sp_news_item.strong a {
    font-weight: bold;
    color: #000;
    font-size: 16px;
}
.sp_news_item a:hover {
    color: var(--link-hover-color);
}
.sp_news_item:hover .sp_icon {
    filter: grayscale(0%);
}
.sp_list_tabs {
    margin-bottom: 20px;
    border-top: solid 3px var(--link-hover-color);
    background: #ffffff;
}
.sp_list_tabs ul {
    display: flex;
}
.sp_list_tabs ul li {
    padding: 12px 20px;
}
.sp_list_tabs ul li.active {
    font-weight: bold;
}
.sp_list_tabs ul li.active a {
    font-size: 16px;
    color: var(--link-hover-color);
}
.sp_hot_match_card.match_card_sig {
    background: #ffffff;
    border-radius: 5px 5px 0 0;
    border-top: solid 3px var(--contrast-color);
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
}
.sp_strong_card__hd,.sp_strong_card__bd,.sp_strong_card__ft {
    display: flex;
}
.sp_strong_box {
    padding: 20px 20px 5px 20px;
    background: var(--display-bg-color);
    font-size: 14px;
}
.sp_strong_card {
    line-height: 1.8;
    padding: 15px;
    background: var(--strong-bg-color);
    margin-bottom: 20px;
}
.sp_strong_card:nth-child(even) {
    background: var(--strong-bg-light-color);
}
.sp_strong_date, .sp_strong_state, .sp_strong_team__score {
    flex: 1;
}
.sp_strong_state, .sp_strong_team__score {
    text-align: right;
    padding-right: 15px;
}
.sp_strong_date {
    padding-bottom: 15px;
}
.sp_strong_card__bd {
    padding-bottom: 10px;
}
.sp_article_call_box {
    padding: 0 15px;
    margin-bottom: 30px;
    background: #ffffff;
}
.sp_article_call__hd {
    display: flex;
    align-items: center;
    font-size: 16px;
}
.sp_article_call__team > img {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    vertical-align: middle;
    padding-top: 15px;
}
.sp_article_call__team {
    width: 100%;
}
.sp_article_call__team-tabs {
    flex: 1;
    color: var(--prominent-color);
}
.sp_article_call__team-tabs a {
    font-size: 16px;
}
.sp_article_call_list {
    padding: 15px 0;
    margin-top: 15px;
    padding-left: 28px;
    box-sizing: border-box;
    border-bottom: solid 1px var(--prominent-color);
}
.sp_article_call__item {
    float: left;
    width: 340px;
    margin-bottom: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 30px;
}
.sp_article_video_box {
    width: 50%;
    padding: 15px;
    font-size: 14px;
    float: left;
    box-sizing: border-box;
}
.sp_article_video_hd {
    display: flex;
    padding-bottom: 15px;
}
.sp_article_video_date, .sp_article_video_state {
    flex: 1;
}
.sp_article_video_state {
    text-align: center;
    color: #309d1e;
}
.sp_article_video_team-info {
    padding-bottom: 15px;
}
.sp_article_video_team-info img {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    vertical-align: middle;
}
.sp_article_video_bd {
    display: flex;
    align-items: center;
}
.sp_article_video_team, .sp_article_video_score {
    flex: 1;
}
.sp_article_video_score {
    text-align: center;
}
.sp_match_all {
    margin-bottom: 30px;
}
.sp_news_all {
    display: flex;
}
@media screen and (max-width: 600px) {
    .sp_news_all {
       flex-direction: column;
    }
}
.sp_match_container {
    width: 1200px;
    height: auto;
    margin: 10px auto 0;
    position: relative;
}
.sp_match_menus {
    position: absolute;
    top: 0px;
    left: auto;
    width: 170px;
    background: #ffffff;
    border-top: solid 3px var(--contrast-color);
    border-radius: 5px 5px 0 0;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
}
.sp_match_right {
    position: relative;
    width: 1000px;
    top: 0;
    left: 200px;
}
.sp_match_menus a {
    display: block;
    padding: 10px;
    text-align: center;
}
.sp_match_menus a.active {
    font-weight: bold;
    color: var(--contrast-color);
    border-bottom: solid 1px var(--contrast-color);
}
.sp_match_signal_link {
    display: inline-block;
    font-size: 14px;
    border: solid 1px #888888;
    padding: 3px 10px;
    margin-bottom: 5px;
}
.sp_match_btn_special {
    display: inline-block;
    padding-right: 10px;
    width: 85px;
    vertical-align: top;
}
.sp_match_btn_base {
    display: inline-block;
    width: 300px;
}
.sp_match_analysis_link {
    display: inline-block;
    font-size: 14px;
    color: var(--contrast-color);
    border: solid 1px var(--contrast-color);
    padding: 3px 10px;
    margin-bottom: 5px;
}
.sticky_top {
    position: fixed;
    top: 0px;
    left: auto;
}
.sp_news_article_item {
    display: flex;
    padding: 15px;
    border-bottom: solid 1px var(--prominent-color);
}
.sp_news_article_item h1 {
    font-size: 20px;
    color: #333;
    width: 100%;
    margin:0;
    margin-bottom: 25px;
}
.sp_news_article_item h1 a {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
}
.sp_news_article_item .info {
    flex: 1;
}
.sp_news_article_item .news_image {
    width: 138px;
    height: 88px;
    margin-right: 20px;
    border: 1px solid #707070;
}
.sp_pagination_base {
    display: flex;
    justify-content: center;
    padding: 15px 0;
    margin-top: 15px;
}
.sp_pagination_base .sp_pagination li {
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}
.sp_pagination_base .sp_pagination li > a {
    padding: 8px 15px;
    background: var(--prominent-color);
    color: #777777;
    border-radius: 3px;
    font-size: 14px;
}
.sp_pagination_base .sp_pagination li.active > a {
    padding: 8px 15px;
    background: var(--contrast-color);
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
}
.team-index-tabs {
}
.team-index-tab {
    display: flex;
}
.team-index-tab > li {
    flex: 1;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    cursor: pointer;
}
.team-index-tab > li.active {
    background: var(--prominent-color);
    color: #ffffff;
    font-weight: bold;
}
.team-index-tab > li:hover {
    background: var(--prominent-color);
    color: var(--contrast-color);
    font-weight: bold;
}
.team-index-tab.right > li {
    flex: unset !important;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
    padding: 0 15px;
}
.team-index-tab.right > li {
    background: var(--primary-color);
}
.team-index-tab.right > li.active {
    background: var(--contrast-color); !important;
    font-weight: bold;
}
.sp_table_wrap {
    padding: 5px;
    box-sizing: border-box;
    background: var(--prominent-color);
}
.sp_ranking_tabs {
    display: flex;
    padding-bottom: 15px;
}
.sp_ranking_tabs_item {
    flex: 1;
    text-align: center;
    padding: 10px 0;
    background: #F2F2F2;
    cursor: pointer;
}
.sp_ranking_tabs_item.active {
    color: var(--contrast-color);
    background: #ffffff;
}
.sp_ranking_table {
    padding: 0 5px;
    padding-bottom: 15px;
}
.sp_ranking_table_hd {
    display: flex;
}
.sp_ranking_table_hd span {
    flex: 1;
    text-align: center;
    color: #777777;
}
.sp_ranking_table_bd_tr {
    display: flex;
}
.sp_ranking_table_bd_tr span {
    flex: 1;
    text-align: center;
    padding: 10px 5px;
}
.sp_table {
    width: 100%;
    margin: 0;
}
.sp_table > tbody th {
    height: 35px;
    font-size: 14px;
    background: var(--primary-color);
    color: var(--top-header-hot-color);
    text-align: center;
}
.sp_table > tbody td {
    height: 35px;
    font-size: 14px;
    text-align: center;
}
.sp_table > tbody tr:nth-last-of-type(even) {
    background: var(--light-color);
}
.sp_table_wrap .sp_table {
    display: none;
}
.sp_table_wrap .sp_table.active {
    display: table;
}
.sp_match_list_item {
    padding: 15px;
}
.sp_match_list_item li {
    float: left;
    padding: 15px;
}
.sp_match_video_box {
    width: 100%;
    height: 426px;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
}
@media screen and (max-width: 600px) {
    .sp_match_video_box {
        height: 340px;
    }

}
.sp_match_video_hd {
    text-align: center;
    background-color: var(--prominent-color);
    font-size: 20px;
    color: #fff;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sp_match_video_time {
    display: inline-block;
    text-align: center;
    margin-right: 12px;
}
.sp_match_video_type {
    display: inline-block;
}
.sp_match_video_bd {
    background-size: cover;
    width: 100%;
    height: 376px;
    overflow: hidden;
    position: relative;

}
.sp_match_video_white_fill {
    background-color: #FFFFFF;
    opacity: 0.5;
    height: 127px;
}
.sp_match_video_bd div {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    margin-top: 14%;
}
.sp_match_video_team_left {
    max-width: 450px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}
.sp_match_video_team_left img, .sp_match_video_team_right img {
    width: 60px;
    height: 60px;
    z-index: 2;
}
.sp_match_video_team_right {
    margin-left: 52.5%;
    margin-right: 40px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sp_match_video_score {
    line-height: 29px;
    padding-top: 70px;
    z-index: 2
}
.sp_match_video_state {
    line-height: 29px;
    padding-top: 30px;
    z-index: 2
}
.sp_match_live {
    padding: 20px;
    font-size: 14px;
}
.sp_match_live_icon_signal_new {
    display: inline-block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 3px;
    vertical-align: middle;
}
.signalCon {
    margin-top: 15px;
}
.signalCon H5 {
    color: #000000;
}
.signalCon_listD {
    border: solid 1px #bbbbbb;
    border-radius: 5px;
    text-align: center;
    padding: 0 10px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.signalCon_listD a {
    text-align: center;
}
.sp_match_replay {
    background: var(--display-bg-color);
    padding: 15px;
}
.sp_match_replay a {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}
.sp_match_analysis {
    background: var(--display-bg-color);
    padding: 15px;
}
.sp_match_analysis img {
    display: inline-block;
    width: 100%;
}
.sp_responsive_table {
    display: block;
    width: 100%;
}
.sp_responsive_table_hd {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}
.sp_responsive_table_hd > span {
    text-align: center;
    flex: 1;
    font-weight: 700;
}
.sp_responsive_table_bd {
    display: block;
}
.sp_responsive_table_row {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px var(--prominent-color);
}
.sp_responsive_table_row > span {
    text-align: center;
    flex: 1;
    padding: 10px 0;
}
.sp_compare_box {
    padding: 15px;
    border-bottom: solid 1px var(--prominent-color);
}
.sp_compare_box_head {
    display: flex;
}
.sp_compare_box_head .left, .sp_compare_box_head .right {
    flex: 1;
    display: flex;
    align-items: center;
}
.sp_compare_box_head .left {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    justify-content: right;
}
.sp_compare_box_head .vs {
    width: 120px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.sp_compare_box_head .align_text {
    width: 120px;
    text-align: center;
    font-size: 16px;
}
.sp_compare_box_head .right {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
.sp_compare_box_head .progress {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: #4a8ef5;
}
.sp_compare_box_head .progress.red {
    background: #e10000;
}
.sp_article {
    background: var(--display-bg-color);
    padding: 15px;
}
.sp_article h1 {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #333333;
    margin-bottom: 25px;
}
.sp_article .info {
    text-align: center;
    padding-bottom: 15px;
}
.sp_article .article {
    box-sizing: border-box;
    padding: 35px;
}
.sp_article .article p {
    line-height: 1.8;
}
.sp_article .article {
    box-sizing: border-box;
    padding: 35px;
}
.sp_article .article p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom:25px;
}
.sp_article .article img {
    display: block;
    margin: 0 auto;
    width: 60% !important;
    max-width: 60% !important;
}
.sp_match_video_ft {
    background-color: var(--prominent-color);
    height: 60px;
    color: #fff;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sp_footer {
    background: #ffffff;
    text-align: center;
}
.sp_footer_desc {
    background: #ffffff;
    padding: 25px;
}
.sp_footer_copyright {
    padding: 10px;
    background: #333333;
}
.sp_footer_links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px 12px;
    color: #ccc;
    font-size: 13px;
}
.sp_footer_links a {
    color: #e0e0e0;
}
.sp_footer_links a:hover {
    color: #fff;
}



.sp_topic_grid {
    list-style: none;
    margin: 0;
    padding: 15px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
}
.sp_topic_grid .sp_topic_item {
    background: #fafafa;
    border-radius: 6px;
    overflow: hidden;
    transition: box-shadow .2s, transform .2s;
}
.sp_topic_grid .sp_topic_item:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
    transform: translateY(-2px);
}
.sp_topic_grid .sp_topic_item a {
    display: block;
    color: #101010;
    text-decoration: none;
}
.sp_topic_grid .sp_topic_pic {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #eee;
}
.sp_topic_grid .sp_topic_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s;
}
.sp_topic_grid .sp_topic_item:hover .sp_topic_pic img {
    transform: scale(1.05);
}
.sp_topic_grid .sp_topic_title {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3em;
    word-break: break-all;
}
.sp_topic_grid .sp_topic_item:hover .sp_topic_title {
    color: var(--link-hover-color);
}

/* 热门 TAG：标签云（侧边栏） */
.sp_tag_cloud {
    padding: 12px 15px;
    line-height: 2.2;
}
.sp_tag_cloud .sp_tag {
    display: inline-block;
    margin: 0 6px 6px 0;
    padding: 3px 10px;
    background: #f5f5f5;
    color: #555;
    border-radius: 4px;
    font-size: 13px;
    text-decoration: none;
    transition: background .2s, color .2s;
}
.sp_tag_cloud .sp_tag:hover {
    background: #6502a7;
    color: #fff;
}
.sp_tag_cloud .sp_tag_hot {
    background: rgba(101, 2, 167, .08);
    color: #6502a7;
}
.sp_tag_cloud .sp_tag_hot:hover {
    background: #6502a7;
    color: #fff;
}


.sp_video_player{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    background:#000;
    overflow:hidden;
}
.sp_video_player>a{display:block;width:100%;height:100%;position:relative;}
.sp_video_player img.full{width:100%;height:100%;object-fit:cover;display:block;}
.sp_video_player .sp_play_btn{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:72px;height:72px;border-radius:50%;
    background:rgba(101,2,167,.8);
    display:flex;align-items:center;justify-content:center;
    transition:transform .2s, background .2s;
}
.sp_video_player>a:hover .sp_play_btn{background:#6502a7;transform:translate(-50%,-50%) scale(1.08);}
.sp_video_player .sp_play_btn::before{
    content:'';display:block;
    border-style:solid;border-width:14px 0 14px 22px;
    border-color:transparent transparent transparent #fff;
    margin-left:6px;
}
.sp_video_meta{padding:14px 20px;border-bottom:1px dashed #DEDEDE;}
.sp_video_meta h1{font-size:20px;color:#101010;margin:0 0 8px 0;line-height:1.4;}
.sp_video_meta .sp_video_info{color:#999;font-size:13px;}
.sp_video_meta .sp_video_info span{margin-right:14px;}
.sp_video_meta .sp_video_tags{margin-top:10px;}
.sp_video_meta .sp_video_tags a{
    display:inline-block;margin:3px 6px 3px 0;padding:2px 8px;
    background:rgba(101,2,167,.08);color:#6502a7;border-radius:3px;
    font-size:12px;text-decoration:none;
}
.sp_video_meta .sp_video_tags a:hover{background:#6502a7;color:#fff;}

/* 相关列表 / 推荐（视频右侧） */
.sp_video_aside_list{padding:10px 12px;}
.sp_video_aside_list ul{list-style:none;margin:0;padding:0;}
.sp_video_aside_list li{margin-bottom:10px;}
.sp_video_aside_list li a,
.sp_video_aside_list li a:visited{display:flex;align-items:center;gap:10px;text-decoration:none;color:#333;}
.sp_video_aside_list li img{width:96px;height:54px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#eee;}
.sp_video_aside_list li h4{
    font-size:13px;font-weight:normal;line-height:1.4;margin:0;color:#333;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
    line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.sp_video_aside_list li a:hover h4{color:var(--link-hover-color);}

/* tab 导航条（qiudui / qiuyuan / saishi） */
.sp_tab_bar{
    background:#fff;display:flex;flex-wrap:wrap;
    border-bottom:1px solid #eee;padding:0 10px;
}
.sp_tab_bar .sp_tab_item{
    padding:10px 18px;color:#555;font-size:14px;text-decoration:none;
    border-bottom:2px solid transparent;
}
.sp_tab_bar .sp_tab_item:hover{color:#6502a7;}
.sp_tab_bar .sp_tab_item.active,
.sp_tab_bar .sp_tab_item--active{
    color:#6502a7;font-weight:bold;border-bottom-color:#6502a7;
}


.sp_intro_box{padding:16px 20px;line-height:1.8;color:#333;font-size:14px;}
.sp_intro_box p{margin:0 0 10px;}
.sp_intro_box img{max-width:100%;height:auto;}


.sp_match_card_list{padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;}
.sp_match_card{
    border:1px solid #eee;border-radius:6px;background:#fff;
    padding:10px 12px;text-decoration:none;color:#333;display:block;
    transition:box-shadow .2s, border-color .2s;
}
.sp_match_card:hover{box-shadow:0 2px 10px rgba(0,0,0,.08);border-color:#d9c2ed;}
.sp_match_card_meta{font-size:12px;color:#999;display:flex;justify-content:space-between;margin-bottom:8px;}
.sp_match_card_meta .sp_match_card_state{color:#6502a7;}
.sp_match_card_body{display:flex;align-items:center;justify-content:space-between;}
.sp_match_card_team{display:flex;flex-direction:column;align-items:center;width:38%;}
.sp_match_card_team img{width:36px;height:36px;object-fit:contain;margin-bottom:4px;}
.sp_match_card_team span{font-size:13px;text-align:center;line-height:1.3;}
.sp_match_card_score{font-size:18px;color:#6502a7;font-weight:bold;min-width:24%;text-align:center;}
.sp_match_card_score .vs{color:#999;font-size:14px;font-weight:normal;}


.sp_recommend_list{padding:8px 12px;}
.sp_recommend_item{
    display:block;text-decoration:none;color:#333;
    padding:10px 0;border-bottom:1px dashed #eee;
}
.sp_recommend_item:last-child{border-bottom:none;}
.sp_recommend_item .sp_recommend_meta{
    display:flex;justify-content:space-between;font-size:12px;color:#999;margin-bottom:6px;
}
.sp_recommend_item .sp_recommend_state{color:#6502a7;font-weight:bold;}
.sp_recommend_teams{display:flex;align-items:center;justify-content:space-between;}
.sp_recommend_team{display:flex;align-items:center;gap:6px;width:42%;font-size:13px;}
.sp_recommend_team img{width:24px;height:24px;object-fit:contain;}
.sp_recommend_team.away{justify-content:flex-end;}
.sp_recommend_vs{color:#999;font-size:12px;}
.sp_recommend_more{
    display:block;text-align:center;padding:10px;font-size:13px;
    color:#6502a7;text-decoration:none;border-top:1px dashed #eee;
}
.sp_recommend_more:hover{background:#fafafa;}

/* 频道页大封面按钮（tv） */
.sp_channel_player{padding:15px 20px;text-align:center;}
.sp_channel_player img{max-width:100%;height:auto;border-radius:6px;}
.sp_channel_text{padding:15px 20px;line-height:1.8;color:#333;font-size:14px;}

/* 球队/球员荣誉块 */
.sp_honor_box{padding:12px 20px;}


.sp_icon {
    background-repeat: no-repeat;
    background-position: center;
}
.sp_icon_zixun {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236502a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/><polyline points='14 3 14 9 20 9'/><line x1='8' y1='13' x2='16' y2='13'/><line x1='8' y1='17' x2='14' y2='17'/></svg>");
}
.sp_icon_news {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236502a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 5h13a2 2 0 0 1 2 2v12a2 2 0 0 0 2 2H3z'/><rect x='6' y='8' width='6' height='4'/><line x1='14' y1='8' x2='17' y2='8'/><line x1='14' y1='11' x2='17' y2='11'/><line x1='6' y1='15' x2='17' y2='15'/><line x1='6' y1='18' x2='17' y2='18'/></svg>");
}
.sp_icon_hot {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6a00' stroke='%23ff6a00' stroke-width='1.2' stroke-linejoin='round'><path d='M12 2s4 4 4 8a4 4 0 1 1-8 0c0-2 1-3 1-3s-3 2-3 6a6 6 0 0 0 12 0c0-5-6-11-6-11z'/></svg>");
    filter: none !important;
}
.sp_icon_date {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236502a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='16' rx='2'/><line x1='3' y1='10' x2='21' y2='10'/><line x1='8' y1='3' x2='8' y2='7'/><line x1='16' y1='3' x2='16' y2='7'/></svg>");
}
.sp_icon_playfill {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236502a7'><circle cx='12' cy='12' r='10' fill='%236502a7'/><polygon points='10,8 17,12 10,16' fill='%23ffffff'/></svg>");
}
.sp_icon_luxiang {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236502a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='6' width='14' height='12' rx='2'/><polygon points='16,10 22,7 22,17 16,14' fill='%236502a7' stroke='%236502a7'/></svg>");
}
.sp_icon_luxiangplay {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236502a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='6' width='14' height='12' rx='2'/><polygon points='16,10 22,7 22,17 16,14' fill='%236502a7' stroke='%236502a7'/><polygon points='8,9 12,12 8,15' fill='%23ffffff' stroke='%23ffffff' stroke-width='1'/></svg>");
}
.sp_icon_zuqiu {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='%23ffffff' stroke='%23222222' stroke-width='1.5'/><polygon points='12,7 15,9.2 13.8,12.7 10.2,12.7 9,9.2' fill='%23222222'/><path d='M12 7l-3 -2.2M12 7l3 -2.2M15,9.2l3.5 -1.2M9,9.2l-3.5 -1.2M13.8,12.7l2.4 3M10.2,12.7l-2.4 3' stroke='%23222222' stroke-width='1.2' fill='none'/></svg>");
    filter: none !important;
}
.sp_icon_lanqiu_p {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='%23ff8c00' stroke='%23a14d00' stroke-width='1.2'/><path d='M2 12h20M12 2v20M5 5c4 3 4 11 0 14M19 5c-4 3-4 11 0 14' stroke='%23a14d00' stroke-width='1.2' fill='none'/></svg>");
    filter: none !important;
}

/* ============ 球队 / 球员头部（qttb / qytb） ============ */
.sp_info_header{
    width:1200px;
    max-width:100%;
    margin:25px auto 20px;
    box-sizing:border-box;
    padding:24px 28px;
    border-radius:10px;
    background:linear-gradient(135deg,#6502a7 0%,#9a3fd6 60%,#c280ff 100%);
    color:#fff;
    display:flex;
    align-items:center;
    gap:24px;
    box-shadow:0 4px 16px rgba(101,2,167,.15);
}
.sp_info_header__avatar{
    flex-shrink:0;
    width:120px;height:120px;
    border-radius:50%;
    background:#fff;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.sp_info_header__avatar img{max-width:86%;max-height:86%;object-fit:contain;}
.sp_info_header__basic{flex:0 0 240px;min-width:0;}
.sp_info_header__name{
    font-size:26px;color:#fff;margin:0 0 4px;font-weight:bold;
    line-height:1.2;
    text-shadow:0 1px 2px rgba(0,0,0,.15);
}
.sp_info_header__alias{font-size:13px;color:rgba(255,255,255,.85);display:block;}
.sp_info_header__basic_extra{margin-top:10px;}
.sp_info_header__basic_extra a,
.sp_info_header__basic_extra > span{
    display:inline-block;
    padding:4px 12px;
    background:rgba(255,255,255,.18);
    border-radius:14px;
    font-size:13px;
    color:#fff;
    text-decoration:none;
    line-height:1.5;
}
.sp_info_header__basic_extra a:hover{background:rgba(255,255,255,.32);color:#fff;}
.sp_info_header__meta{
    flex:1;min-width:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(120px,1fr));
    gap:8px 24px;
    align-content:center;
    font-size:13px;
    color:rgba(255,255,255,.95);
}
.sp_info_header__meta_item{
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding:4px 0;
    border-bottom:1px dashed rgba(255,255,255,.18);
}
.sp_info_header__meta_item > span:first-child{color:rgba(255,255,255,.7);flex-shrink:0;}
.sp_info_header__meta_item > span:last-child{color:#fff;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sp_info_header__meta_item--full{grid-column:1 / -1;}
.sp_info_header__side{
    flex-shrink:0;
    width:84px;height:84px;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    text-decoration:none;
    transition:transform .2s;
}
.sp_info_header__side:hover{transform:scale(1.05);}
.sp_info_header__side img{max-width:78%;max-height:78%;object-fit:contain;}
@media (max-width:1200px){
    .sp_info_header{flex-wrap:wrap;width:auto;margin:20px 10px;}
    .sp_info_header__meta{flex:1 1 100%;}
}

/* ============ 赛事侧栏导航菜单（datazc） ============ */
.sp_side_menu{padding:6px 0 10px;}
.sp_side_menu__item{display:block;border-bottom:1px dashed #eee;}
.sp_side_menu__item:last-child{border-bottom:none;}
.sp_side_menu__item[open] > .sp_side_menu__list--header > .sp_side_menu__icon{transform:rotate(90deg);}
.sp_side_menu__item summary{list-style:none;cursor:pointer;}
.sp_side_menu__item summary::-webkit-details-marker{display:none;}
.sp_side_menu__list{
    display:flex;align-items:center;justify-content:space-between;
    padding:9px 16px;font-size:13.5px;color:#333;
    text-decoration:none;line-height:1.4;
    transition:background .15s,color .15s;
}
.sp_side_menu__list:hover{background:#faf5fd;color:#6502a7;}
.sp_side_menu__list--header{
    font-weight:600;color:#222;background:#fafafa;
    border-left:3px solid var(--contrast-color,#6502a7);
}
.sp_side_menu__list--header:hover{background:#f3e9fa;}
.sp_side_menu__list--header1{
    font-weight:500;color:#444;background:transparent;
    border-left:none;padding-left:30px;font-size:13px;
}
.sp_side_menu__list--header1:hover{background:#fafafa;}
.sp_side_menu__list--all{
    border-left-color:#ff6a00;color:#ff6a00;
}
.sp_side_menu__list--active,
.sp_side_menu__list--active:hover{
    background:linear-gradient(90deg,#6502a7,#9a3fd6);
    color:#fff;font-weight:600;
}
.sp_side_menu__list--active .sp_side_menu__icon{filter:brightness(0) invert(1);}
.sp_side_menu__icon{
    width:14px;height:14px;flex-shrink:0;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 6 15 12 9 18'/></svg>") no-repeat center/12px 12px;
    transition:transform .2s;
}
.sp_side_menu__content{display:block;background:#fff;}
.sp_side_menu__content > .sp_side_menu__list{
    padding-left:30px;font-size:13px;color:#555;
}
.sp_side_menu__content > .sp_side_menu__list:hover{color:#6502a7;}
.sp_side_menu__content--sub .sp_side_menu__content > .sp_side_menu__list{
    padding-left:46px;font-size:12.5px;
}
.sp_side_menu__empty{padding:14px 16px;color:#999;font-size:12.5px;text-align:center;}

/* ============ 资讯列表（newslist） ============ */
.sp_news_article_list{list-style:none;margin:0;padding:0;}
.sp_news_article_list .sp_news_article_item:last-child{border-bottom:none;}
.sp_news_article_item h1{margin-bottom:14px;}
.sp_news_article_item h1 a:hover{color:var(--link-hover-color,#6502a7);}
.sp_news_article_item .info{display:flex;flex-direction:column;justify-content:space-between;}
.sp_news_article_item .news_image{flex-shrink:0;object-fit:cover;}
.sp_news_article_meta{display:flex;align-items:center;gap:10px;color:#999;font-size:12.5px;}
.sp_news_article_meta time{color:#999;}
.sp_news_article_avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:4px;}
.sp_news_article_meta span{color:#666;}
@media screen and (max-width:600px){
    .sp_news_article_item{padding:10px;}
    .sp_news_article_item .news_image{width:110px;height:70px;margin-right:12px;}
    .sp_news_article_item h1 a{font-size:15px;line-height:1.4;}
    .sp_news_article_item h1{margin-bottom:8px;}
}

/* ============ 分页（兼容 [!--show.listpage--] 直接输出 a/b 在 ul 下） ============ */
.sp_pagination_base .sp_pagination{
    list-style:none;margin:0;padding:0;
    display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
    gap:8px;
}
.sp_pagination_base .sp_pagination > a,
.sp_pagination_base .sp_pagination > b,
.sp_pagination_base .sp_pagination > span{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:34px;height:34px;padding:0 12px;
    background:var(--prominent-color,#f5f5f5);
    color:#555;font-size:14px;line-height:1;
    border-radius:4px;text-decoration:none;
    transition:background .15s,color .15s;
}
.sp_pagination_base .sp_pagination > a:hover{
    background:var(--contrast-color,#6502a7);color:#fff;
}
.sp_pagination_base .sp_pagination > b{
    background:var(--contrast-color,#6502a7);
    color:#fff;font-weight:bold;
}
@media screen and (max-width:600px){
    .sp_pagination_base{padding:10px 0;}
    .sp_pagination_base .sp_pagination{gap:6px;}
    .sp_pagination_base .sp_pagination > a,
    .sp_pagination_base .sp_pagination > b,
    .sp_pagination_base .sp_pagination > span{
        min-width:28px;height:28px;padding:0 8px;font-size:12px;
    }
}

/* ============ 视频/录像/集锦 卡片网格（luxianglist / jijinlist / shipinlist） ============ */
.sp_video_grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:12px;padding:12px;list-style:none;margin:0;
}
.sp_video_card{
    display:block;background:#fff;border-radius:6px;overflow:hidden;
    text-decoration:none;color:inherit;
    border:1px solid #f0f0f0;
    transition:transform .15s,box-shadow .15s;
}
.sp_video_card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);}
.sp_video_card__cover{
    position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#f5f5f5;
}
.sp_video_card__cover img{width:100%;height:100%;object-fit:cover;display:block;}
.sp_video_card__icon{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:42px;height:42px;border-radius:50%;
    background:rgba(0,0,0,.45) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'><polygon points='8,5 19,12 8,19'/></svg>") no-repeat center/16px 16px;
    transition:background .15s;
}
.sp_video_card:hover .sp_video_card__icon{background-color:var(--contrast-color,#6502a7);}
.sp_video_card__title{
    display:-webkit-box;
    padding:8px 10px;font-size:13.5px;color:#333;
    line-height:1.4;height:46px;overflow:hidden;
    -webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.sp_video_card:hover .sp_video_card__title{color:var(--contrast-color,#6502a7);}
@media screen and (max-width:600px){
    .sp_video_grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;}
    .sp_video_card__title{font-size:12.5px;height:42px;padding:6px 8px;}
}

/* ============ 频道/赛事 文字按钮组（tvlist / saishilist） ============ */
.sp_chan_grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
    gap:8px;padding:12px;list-style:none;margin:0;
}
.sp_chan_grid > li{list-style:none;}
.sp_chan_grid > li > a{
    display:block;padding:9px 10px;text-align:center;
    background:var(--prominent-color,#f5f5f5);color:#444;
    border-radius:4px;font-size:13.5px;text-decoration:none;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    transition:background .15s,color .15s;
}
.sp_chan_grid > li > a:hover{background:var(--contrast-color,#6502a7);color:#fff;}
@media screen and (max-width:600px){
    .sp_chan_grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;}
}

/* ============ 词条卡片（citiaolist） ============ */
.sp_term_grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
    gap:12px;padding:12px;list-style:none;margin:0;
}
.sp_term_grid > li{list-style:none;}
.sp_term_grid > li > a{
    display:block;text-align:center;background:#fff;border-radius:6px;
    overflow:hidden;text-decoration:none;color:#333;
    border:1px solid #f0f0f0;
    transition:box-shadow .15s,transform .15s;
}
.sp_term_grid > li > a:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-2px);color:var(--contrast-color,#6502a7);}
.sp_term_grid .img{width:100%;aspect-ratio:1/1;overflow:hidden;background:#f5f5f5;display:block;}
.sp_term_grid .img img{width:100%;height:100%;object-fit:contain;display:block;}
.sp_term_grid .biaoti{
    display:block;padding:8px 6px;font-size:13px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
@media screen and (max-width:600px){
    .sp_term_grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;}
}

/* ============ 球队卡片（qiuduilist） ============ */
.sp_team_grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:12px;padding:12px;list-style:none;margin:0;
}
.sp_team_card{
    display:flex;align-items:center;gap:12px;
    padding:12px 14px;background:#fff;
    border:1px solid #eee;border-radius:6px;
    transition:box-shadow .15s;
}
.sp_team_card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);}
.sp_team_card__logo{width:48px;height:48px;flex-shrink:0;object-fit:contain;border-radius:4px;background:#fafafa;}
.sp_team_card__info{flex:1;min-width:0;}
.sp_team_card__name{
    font-weight:600;color:#222;font-size:14.5px;display:block;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sp_team_card__alias{
    font-size:12px;color:#999;display:block;margin-top:2px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sp_team_card__links{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;}
.sp_team_card__links a{
    font-size:12px;color:#666;text-decoration:none;
    padding:2px 8px;border:1px solid #e2e2e2;border-radius:3px;
    transition:all .15s;
}
.sp_team_card__links a:hover{color:#fff;background:var(--contrast-color,#6502a7);border-color:var(--contrast-color,#6502a7);}
@media screen and (max-width:600px){
    .sp_team_grid{grid-template-columns:1fr;gap:8px;padding:8px;}
}

/* ============ 球员卡片（qiuyuanlist） ============ */
.sp_player_team_block{padding:12px;border-bottom:1px dashed #eee;}
.sp_player_team_block:last-child{border-bottom:none;}
.sp_player_team_header{
    display:flex;align-items:center;gap:10px;margin-bottom:10px;
    padding-bottom:8px;border-bottom:1px solid #f0f0f0;
}
.sp_player_team_header img{width:32px;height:32px;object-fit:contain;}
.sp_player_team_header h3{margin:0;font-size:15px;color:#333;}
.sp_player_team_header span{color:#999;font-size:12px;}
.sp_player_grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
    gap:10px;list-style:none;margin:0;padding:0;
}
.sp_player_card{
    display:flex;align-items:center;gap:10px;
    padding:10px 12px;background:#fff;
    border:1px solid #eee;border-radius:6px;
    text-decoration:none;color:inherit;
    transition:box-shadow .15s;
}
.sp_player_card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);}
.sp_player_card__avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#fafafa;}
.sp_player_card__info{flex:1;min-width:0;}
.sp_player_card__name{
    font-weight:600;color:#222;font-size:13.5px;display:block;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sp_player_card__meta{font-size:12px;color:#888;}
@media screen and (max-width:600px){
    .sp_player_grid{grid-template-columns:repeat(2,1fr);gap:8px;}
}

/* ============ 直播赛程日历（zhibo-list / saishi-saicheng-list） ============ */
.sp_fixture_day{margin:0;padding:0;border-bottom:1px solid #f0f0f0;}
.sp_fixture_day[open] > summary > .sp_fixture_day__icon{transform:rotate(90deg);}
.sp_fixture_day > summary{
    list-style:none;cursor:pointer;
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 14px;background:#fafafa;
    font-weight:600;color:#333;font-size:14px;
}
.sp_fixture_day > summary::-webkit-details-marker{display:none;}
.sp_fixture_day__icon{
    width:14px;height:14px;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 6 15 12 9 18'/></svg>") no-repeat center/12px 12px;
    transition:transform .2s;
}
.sp_fixture_row{
    display:grid;
    grid-template-columns:120px 70px 70px 1fr 130px;
    align-items:center;gap:10px;
    padding:10px 14px;border-bottom:1px dashed #eee;
    color:#444;font-size:13.5px;
}
.sp_fixture_row:hover{background:#faf5fd;}
.sp_fixture_row__league{color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sp_fixture_row__time{color:#333;}
.sp_fixture_row__status{color:#999;}
.sp_fixture_row__teams{
    display:flex;align-items:center;justify-content:center;gap:10px;
}
.sp_fixture_row__team{
    display:flex;align-items:center;gap:6px;flex:1;min-width:0;
}
.sp_fixture_row__team img{width:24px;height:24px;object-fit:contain;}
.sp_fixture_row__team--away{justify-content:flex-end;flex-direction:row-reverse;}
.sp_fixture_row__team span{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font-size:13px;color:#333;
}
.sp_fixture_row__score{
    display:flex;align-items:center;gap:6px;font-weight:600;color:#6502a7;
    min-width:60px;justify-content:center;
}
.sp_fixture_row__actions{
    display:flex;justify-content:flex-end;gap:6px;
}
.sp_fixture_row__actions a{
    padding:5px 10px;border-radius:3px;font-size:12.5px;text-decoration:none;
    background:var(--contrast-color,#6502a7);color:#fff;
    transition:background .15s,color .15s;
}
.sp_fixture_row__actions a:hover{background:#54028a;color:#fff;}
@media screen and (max-width:760px){
    .sp_fixture_row{grid-template-columns:1fr;gap:6px;padding:10px;}
    .sp_fixture_row__teams{justify-content:flex-start;}
    .sp_fixture_row__actions{justify-content:flex-start;}
}


.sp_index_head{padding-top:14px;}
.sp_index_tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    background:transparent;
    border:0;
    padding:0;
}
.sp_index_tabs .sp_tab_item{
    display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
    gap:4px;
    padding:14px 22px;
    border-radius:10px;
    background:#fff;
    border:1px solid #eee;
    color:#333;
    line-height:1.5;
    transition:background .15s,color .15s,border-color .15s,box-shadow .15s;
}
.sp_index_tabs .sp_tab_item.active{
    background:linear-gradient(135deg,var(--contrast-color,#6502a7),#8e3bd0);
    border-color:transparent;
    color:#fff;
    box-shadow:0 6px 16px rgba(101,2,167,.18);
}
.sp_index_tabs .sp_tab_item:hover:not(.active){
    border-color:var(--contrast-color,#6502a7);
    color:var(--contrast-color,#6502a7);
}
.sp_index_tab_title{font-size:18px;font-weight:600;}
.sp_index_tab_subtitle{font-size:12.5px;opacity:.8;}

/* tab 内容容器：flex 布局 + gap 提供 aside 与 body 之间的间距
   重置默认 .sp_aside / .sp_body 的左右 padding（默认是按 body 在左 / aside 在右设计的，
   index 这里 aside 在左 / body 在右，方向相反，会导致两者紧贴） */
.sp_index_pane{
    margin-top:14px;
    gap:20px;
    align-items:flex-start;
}
.sp_index_pane > .sp_aside{padding-left:0;padding-right:0;float:none;width:240px;flex:0 0 240px;}
.sp_index_pane > .sp_body{padding-left:0;padding-right:0;float:none;flex:1;min-width:0;width:auto;}
@media screen and (max-width:1100px){
    .sp_index_pane > .sp_aside{width:220px;flex-basis:220px;}
}
@media screen and (max-width:760px){
    .sp_index_pane{flex-direction:column;gap:14px;}
    .sp_index_pane > .sp_aside,
    .sp_index_pane > .sp_body{width:100%;flex-basis:auto;}
}

/* ===== 近期赛程：横向滚动 ===== */
.sp_display_subtitle{
    margin-left:8px;color:#999;font-size:12px;font-weight:400;
}
.sp_league_recent{
    display:flex;flex-wrap:nowrap;
    overflow-x:auto;overflow-y:hidden;
    gap:10px;
    padding:8px 4px 14px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
}
.sp_league_recent::-webkit-scrollbar{height:6px;}
.sp_league_recent::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px;}
.sp_league_recent::-webkit-scrollbar-thumb:hover{background:var(--contrast-color,#6502a7);}
.sp_league_recent_item{
    flex:0 0 auto;
    width:120px;
    display:flex;flex-direction:column;align-items:center;gap:6px;
    padding:14px 10px;
    background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;
    color:#333;
    text-align:center;
    scroll-snap-align:start;
    transition:transform .15s,box-shadow .15s,border-color .15s;
}
.sp_league_recent_item:hover{
    transform:translateY(-2px);
    border-color:var(--contrast-color,#6502a7);
    box-shadow:0 6px 14px rgba(101,2,167,.1);
}
.sp_league_recent_item img{
    width:48px;height:48px;object-fit:contain;
    background:#fff;border-radius:50%;border:1px solid #eee;padding:4px;
}
.sp_league_recent_name{
    font-size:13px;color:#333;
    max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sp_league_recent_count{
    display:inline-block;
    font-size:11.5px;color:#fff;
    background:var(--contrast-color,#6502a7);
    padding:1px 8px;border-radius:10px;
}

/* ===== 热门联赛：网格卡片 ===== */
.sp_league_hot_grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:12px;
    padding:8px 4px 12px;
}
.sp_league_hot_card{
    display:flex;flex-direction:column;
    background:#fff;border:1px solid #f0f0f0;border-radius:10px;
    overflow:hidden;
    transition:border-color .15s,box-shadow .15s,transform .15s;
}
.sp_league_hot_card:hover{
    border-color:var(--contrast-color,#6502a7);
    box-shadow:0 6px 14px rgba(101,2,167,.1);
    transform:translateY(-2px);
}
.sp_league_hot_card__main{
    display:flex;align-items:center;gap:10px;
    padding:14px;
    color:#333;
}
.sp_league_hot_card__main img{
    width:38px;height:38px;object-fit:contain;
    background:#fafafa;border-radius:50%;border:1px solid #eee;padding:3px;
    flex-shrink:0;
}
.sp_league_hot_card__name{
    font-size:14.5px;font-weight:600;color:#333;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sp_league_hot_card__main:hover .sp_league_hot_card__name{color:var(--contrast-color,#6502a7);}
.sp_league_hot_card__extra{
    display:flex;justify-content:space-around;
    border-top:1px dashed #eee;padding:8px 0;
    background:#fafafa;
}
.sp_league_hot_card__extra a{
    flex:1;text-align:center;
    font-size:12.5px;color:#666;
    border-right:1px solid #eee;
}
.sp_league_hot_card__extra a:last-child{border-right:0;}
.sp_league_hot_card__extra a:hover{color:var(--contrast-color,#6502a7);}

@media screen and (max-width:760px){
    .sp_index_tabs{grid-template-columns:1fr;gap:8px;}
    .sp_index_tabs .sp_tab_item{padding:10px 14px;}
    .sp_index_tab_title{font-size:16px;}
    .sp_index_tab_subtitle{font-size:11.5px;}
    .sp_league_recent_item{width:100px;}
    .sp_league_recent_item img{width:40px;height:40px;}
    .sp_league_hot_grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;}
    .sp_league_hot_card__main{padding:10px;}
    .sp_league_hot_card__main img{width:32px;height:32px;}
    .sp_league_hot_card__name{font-size:13.5px;}
}