@charset "utf-8";

:root {
    --dark-color: #000000;
    --light-color: #17131F;
    --contrast-color: #ffc107;
    --prominent-color: #2d2a2e;
    --display-bg-color: #111111;
    --strong-bg-color: #202325;
    --strong-bg-light-color: #171818
}

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: #fff
}

a {
    text-decoration: none;
    color: #000
}

select {
    font-size: 12px
}

table {
    border-collapse: collapse
}

fieldset,
img {
    border: 0
}

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 #fff;
    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: #fff;
    color: #bbb
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.container {
    width: 1200px;
    height: inherit;
    margin: 0 auto
}

.container-main {
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    padding-top: 15px
}

.show_flex {
    display: flex !important
}

.sven_icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle
}

.sven_icon__hotlive {
    background: url(/images/hot_live.png) no-repeat center;
    background-size: cover
}

.sven_icon__down {
    background: url(/images/down.png) no-repeat center;
    background-size: cover
}

.sven_icon__ranking {
    background: url(/images/ranking.png) no-repeat center;
    background-size: cover
}

.sven_icon__news {
    background: url(/images/news.png) no-repeat center;
    background-size: cover;
    width: 28px;
    height: 28px
}

.sven_icon__zixun {
    background: url(/images/zixun.png) no-repeat center;
    background-size: cover;
    width: 24px;
    height: 24px;
    filter: grayscale(100%)
}

.sven_icon__luxiang {
    background: url(/images/luxiang.png) no-repeat center;
    background-size: cover;
    width: 28px;
    height: 28px
}

.sven_icon__shipin {
    background: url(/images/luxiang_play.png) no-repeat center;
    background-size: cover;
    width: 28px;
    height: 28px
}

.sven_icon__luxiangplay {
    background: url(/images/luxiang_play.png) no-repeat center;
    background-size: cover;
    width: 24px;
    height: 24px;
    filter: grayscale(100%)
}

.sven_icon__lanqiu_p {
    background: url(/images/lanqiu_p.png) no-repeat center;
    background-size: cover;
    width: 24px;
    height: 24px
}

.sven_icon__zuqiu {
    background: url(/images/zuqiu_pick.png) no-repeat center;
    background-size: cover;
    width: 24px;
    height: 24px
}

.sven_header {
    width: 100%;
    height: 90px;
    /*background: url(/images/top_bg.png) no-repeat center;*/
    background-size: cover
}

.sven_header-logo {
    float: left;
    margin-top: 12px
}
.sven_header-logo img{
    height: 66px;
}
.sven_navbar {
    height: 50px;
    background: #8bc34a
}

.sven_navbar>ul>li {
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0 35px;
    height: 50px;
    line-height: 50px
}

.sven_navbar>ul>li>a {
    font-size: 16px;
    padding: 5px;
    color: #fff
}

.sven_navbar>ul>li.active>a {
    color: #fff;
    font-weight: 700;
    border-bottom: solid 5px #fff
}

.sven_navbar-hot {
    display: block;
    height: 40px;
    background: #fff
}

.sven_navbar-hot>ul {}

.sven_navbar-hot>ul>li {
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0 15px;
    height: 35px;
    line-height: 40px
}

.sven_navbar-hot>ul>li>a {
    font-size: 14px;
    padding: 5px;
    color: #000
}

.sven_navbar-hot>ul>li>a:hover {
    color: #fff
}

.sven_navbar-hot>ul>li.active>a {
    color: #8bc34a;
    font-weight: 700;
    border-bottom: solid 5px #8bc34a
}

.sven_navbar-hot>ul>li>a:hover {
    color:#8bc34a
}

.sven_body {
    float: left;
    width: 800px;
    min-height: 500px;
    position: relative;
    margin-bottom: 50px
}

.sven_aside {
    width: 380px;
    padding-left: 20px;
    position: relative;
    float: left
}

.sven_display {
    border: 1px solid #8bc34a;
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
    margin-bottom: 30px
}

.sven_display__hd {
    background: #8bc34a;
    padding: 15px;
    border-radius: 5px 5px 0 0
}


.sven_display__hd a{
    color: #fff;
}

.sven_display__hd1 {
    background: #fff;
    padding: 15px;
    border-radius: 5px 5px 0 0
}

.sven_display__hd2 {
    background: #fff;
    padding: 15px;
    border-radius: 5px 5px 0 0
}

.sven_match {
    display: flex;
    align-items: center
}

.sven_match__tabs {
    padding-left: 10px
}

.sven_match__tabs>ul {
    position: relative
}

.sven_match__tabs>ul>li {
    float: left;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 15px;
    cursor: pointer
}

.sven_match__tabs>ul>li.active {
    margin-top: -5px
}

.sven_match__tabs>ul>li.active>a {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: solid 3px var(--contrast-color)
}

.sven_display__bd {
    position: relative;
    background: #fff;
    z-index: 2006
  
}
.sven_display__bd1 {
    position: relative;
    background: #000;
    z-index: 2006
  
}


.sven_display__loading {
    position: absolute;
    z-index: 2007;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 1
}

.sven_match_card {
    padding: 5px 15px;
    background: #fff;
    margin-bottom: 15px
}

.sven_match__date {
    padding: 15px 0;
    font-size: 16px;
    font-weight: 700
}

.sven_match__item {
    display: flex;
    align-items: center;
    padding: 15px 0;
    font-size: 15px;
    border-bottom: solid 1px var(--prominent-color)
}

.sven_match__item:last-of-type {
    border-bottom: 0
}

.sven_match__item__date {
    width: 10%
}

.sven_match__item__league {
    width: 15%
}

.sven_match__item__team {
    display: flex;
    align-items: center
}

.sven_team__home {
    width: 150px;
    text-align: right
}

.sven_team__score {
    width: 100px;
    text-align: center;
    font-weight: 700;
    font-size: 14px
}

.sven_team__away {
    width: 150px;
    text-align: left
}

.sven_match_link {
    width: 75%;
    display: flex;
    align-items: center
}

.sven_match__item__button {
    flex: 1;
    text-align: right;
    box-sizing: border-box;
    padding-right: 15px
}

.sven_match__btn {
    width: 80px;
    display: inline-block;
    background: #bbb;
    padding: 5px 15px;
    border-radius: 5px;
    text-align: center
}

.sven_match__btn___live {
    background: #8bc34a;
    color: #fff
}

.sven_match__btn___end {
    color: #8bc34a
}

.sven_display__none .sven_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
}

.sven_news_list {
    padding: 15px;
    background: #fff
}

.sven_news_item {
    border-bottom: none;
    height: 34px;
    font-size: 14px;
    padding: 5px 0 5px 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 350px;
    text-overflow: ellipsis
}

.sven_news_item .time,
.sven_news_item .league {
    padding-left: 5px;
    padding-right: 10px
}

.sven_news_item a {
    background: unset;
    border: none;
    font-size: 14px;
    color: #000
}

.sven_news_item a:hover {
    color: #8bc34a
}

.sven_news_item:hover .sven_icon {
    filter: grayscale(0%)
}

.sven_list_tabs {
    /*margin-bottom: 15px;*/
    background: #8bc34a
}

.sven_list_tabs ul {
    display: flex
}

.sven_list_tabs ul li {
    padding: 12px 20px
}

.sven_list_tabs ul li a{
    color: #fff;
}

.sven_list_tabs ul li.active {
    background: var(--contrast-color)
}

.sven_list_tabs ul li.active a {
    color: #fff
}

.sven_hot_match_card.match_card_sig {
    background: var(--display-bg-color)
}

.sven_strong_card__hd,
.sven_strong_card__bd,
.sven_strong_card__ft {
    display: flex
}

.sven_strong_box {
    padding: 20px 20px 5px;
    background: var(--display-bg-color);
    font-size: 14px
}

.sven_strong_card {
    line-height: 1.8;
    padding: 15px;
    background: var(--strong-bg-color);
    margin-bottom: 20px
}

.sven_strong_card:nth-child(even) {
    background: var(--strong-bg-light-color)
}

.sven_strong_date,
.sven_strong_state,
.sven_strong_team__score {
    flex: 1
}

.sven_strong_state,
.sven_strong_team__score {
    text-align: right;
    padding-right: 15px
}

.sven_strong_date {
    padding-bottom: 15px
}

.sven_strong_card__bd {
    padding-bottom: 10px
}

.sven_article_call_box {
    padding: 0 15px;
    margin-bottom: 30px;
    background: var(--display-bg-color)
}

.sven_article_call__hd {
    display: flex;
    align-items: center;
    font-size: 16px
}

.sven_article_call__team>img {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    vertical-align: middle;
    padding-top: 15px
}

.sven_article_call__team {
    width: 100%
}

.sven_article_call__team-tabs {
    flex: 1;
    color: var(--prominent-color)
}

.sven_article_call__team-tabs a {
    font-size: 16px
}

.sven_article_call__list {
    padding: 15px 0;
    margin-top: 15px;
    padding-left: 28px;
    box-sizing: border-box;
    border-bottom: solid 1px var(--prominent-color)
}

.sven_article_call__item {
    float: left;
    width: 340px;
    margin-bottom: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 30px
}

.sven_article_video_box {
    width: 50%;
    padding: 15px;
    font-size: 14px;
    float: left;
    box-sizing: border-box
}

.sven_article_video__hd {
    display: flex;
    padding-bottom: 15px
}

.sven_article_video__date,
.sven_article_video__state {
    flex: 1
}

.sven_article_video__state {
    text-align: center;
    color: #8bc34a
}

.sven_article_video__team-info {
    padding-bottom: 15px
}

.sven_article_video__team-info img {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    vertical-align: middle
}

.sven_article_video__bd {
    display: flex;
    align-items: center
}

.sven_article_video__team,
.sven_article_video__score {
    flex: 1
}

.sven_article_video__score {
    text-align: center
}

.sven_match_all {
    margin-top: 15px;
    margin-bottom: 30px
}

.news_article_item {
    display: flex;
    padding: 15px 0;
    border-bottom: solid 1px var(--prominent-color)
}

.news_article_item h1 {
    font-size: 20px;
    color: #333;
    width: 100%;
    margin: 0;
    margin-bottom: 25px
}

.news_article_item h1 a {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #bbb
}

.news_article_item .info {
    flex: 1
}

.news_article_item .news_image {
    width: 138px;
    height: 88px;
    margin-right: 20px;
    border: 1px solid #707070
}

.pagination-base {
    display: flex;
    justify-content: center;
    padding: 15px 0;
    margin-top: 15px
}

.pagination-base .pagination li {
    float: left;
    margin-right: 15px;
    margin-bottom: 20px
}

.pagination-base .pagination li>a {
    padding: 8px 15px;
    background: var(--prominent-color);
    color: var(--top-header-hot-color);
    border-radius: 3px;
    font-size: 14px
}

.pagination-base .pagination li.active>a {
    padding: 8px 15px;
    background: var(--contrast-color);
    color: var(--top-header-hot-color);
    font-weight: 700;
    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: #fff;
    font-weight: 700
}

.team-index-tab>li:hover {
    background: var(--prominent-color);
    color: #fff;
    font-weight: 700
}

.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: 700
}

.wrap-box_table {
    padding: 5px;
    box-sizing: border-box;
    background: var(--prominent-color)
}

.table {
    width: 100%;
    margin: 0
}

.table>tbody th {
    height: 35px;
    font-size: 14px;
    background: var(--primary-color);
    color: var(--top-header-hot-color);
    text-align: center
}

.table>tbody td {
    height: 35px;
    font-size: 14px;
    text-align: center
}

.table>tbody tr:nth-last-of-type(even) {
    background: var(--light-color)
}

.wrap-box_table .table {
    display: none
}

.wrap-box_table .table.active {
    display: table
}

.sven_match_list {
    padding: 15px
}

.sven_match_list li {
    float: left;
    padding: 15px
}

.sven_match_video_box {
    width: 100%;
    height: 326px;
    overflow: hidden
}

.sven_match_video__hd {
    text-align: center;
    background-color: #d66464;
    font-size: 20px;
    color: #fff;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.sven_match_video__time {
    display: inline-block;
    text-align: center;
    margin-right: 12px
}

.sven_match_video__type {
    display: inline-block
}

.sven_match_video__bd {
    background: url(/images/bg_t.png);
    background-size: cover;
    width: 100%;
    height: 426px;
    overflow: hidden;
    position: relative
}

.sven_match_video__white_fill {
    background-color: #fff;
    opacity: .5;
    height: 127px
}

.sven_match_video__bd div {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-top: 14%
}

.sven_match_video__team_left {
    max-width: 450px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px
}

.sven_match_video__team_left img,
.sven_match_video__team_right img {
    width: 60px;
    height: 60px;
    z-index: 2
}

.sven_match_video__team_right {
    margin-left: 52.5%;
    margin-right: 40px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.sven_match_video__score {
    line-height: 29px;
    padding-top: 70px;
    z-index: 2
}

.sven_match_video__state {
    line-height: 29px;
    padding-top: 30px;
    z-index: 2
}

.sven_match_live {
    padding: 20px;
    font-size: 14px;
    background: #000;
    
}

.sven_match_live_icon_signal_new {
    display: inline-block;
    background-image: url(/images/live.png);
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 3px;
    vertical-align: middle
}

.signalCon {
    margin-top: 15px
}

.signalCon li {
    display: inline-block;
    border: 1px solid #8bc34a;
    border-radius: 100px;
    text-align: center;
    padding: 0;
    margin-right: 5px;
    margin-bottom: 10px
}

.signalCon li a {
    color: #8bc34a;
    padding: 8px 20px;
    display: inline-block;
    font-size: 14px;
    border-radius: 100px;
}
.signalCon li a:hover{
    color: #FFF;
    background: #8bc34a;
}



.signalCon a {color:#fff;}
.signalCon_listD a {
    text-align: center
}

.sven_match_luxiang {
    background: var(--display-bg-color);
    padding: 15px
}

.sven_match_luxiang a {
    display: block;
    font-size: 14px;
    margin-bottom: 10px
}

.sven_match_analysis {
    background: var(--display-bg-color);
    padding: 15px
}

.sven_match_analysis img {
    display: inline-block;
    width: 100%
}

.responsive-table {
    display: block;
    width: 100%
}

.responsive-table_hd {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0
}

.responsive-table_hd>span {
    text-align: center;
    flex: 1;
    font-weight: 700
}

.responsive-table_bd {
    display: block
}

.responsive-table_row {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px var(--prominent-color)
}

.responsive-table_row>span {
    text-align: center;
    flex: 1;
    padding: 10px 0
}

.duibi-box {
    padding: 15px;
    border-bottom: solid 1px var(--prominent-color)
}

.duibi-box_head {
    display: flex
}

.duibi-box_head .left,
.duibi-box_head .right {
    flex: 1;
    display: flex;
    align-items: center
}

.duibi-box_head .left {
    text-align: right;
    font-size: 16px;
    font-weight: 700;
    justify-content: right
}

.duibi-box_head .vs {
    width: 120px;
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.duibi-box_head .align_text {
    width: 120px;
    text-align: center;
    font-size: 16px
}

.duibi-box_head .right {
    text-align: left;
    font-size: 16px;
    font-weight: 700
}

.duibi-box_head .progress {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: #4a8ef5
}

.duibi-box_head .progress.red {
    background: #e10000
}

.sven_article {
    background: var(--prominent-color);
    padding: 15px
}

.sven_article h1 {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #bbb;
    margin-bottom: 25px
}

.sven_article .info {
    text-align: center;
    padding-bottom: 15px
}

.sven_article .article {
    box-sizing: border-box;
    padding: 35px
}

.sven_article .article p {
    line-height: 1.8
}

.sven_article .article {
    box-sizing: border-box;
    padding: 35px
}

.sven_article .article p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px
}

.sven_article .article img {
    display: block;
    margin: 0 auto;
    width: 60% !important;
    max-width: 60% !important
}

.sven_match_video__ft {
    background-color: var(--prominent-color);
    height: 60px;
    color: #fff;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.sven_footer {
    background: var(--prominent-color);
    text-align: center
}

.sven_footer__description {
    background: var(--prominent-color);
    padding: 25px
}

.sven_footer__copyright {
    padding: 10px;
    background: var(--display-bg-color)
}

.sven_footer__copyright a{
    color: #bbb;
}


.flink {
    background: var(--prominent-color)
}

.hot_liansai_list {
    padding: 6px 0 0;
    border-top: 0;
    padding-left: 20px;
    background: #fff
}

.hot_liansai_list li {
    width: 97px;
    height: 97px;
    margin: 7px;
    float: left;
    border-radius: 5px
}

.hot_liansai_list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-flow: column
}

.hot_liansai_list li .qtdw_img img {
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.hot_liansai_list li .qtdw_name {
    margin-top: 5px
}

.tags-list {
    padding: 15px;
    background: #fff
}

.tag {
    display: inline-block;
    height: 32px;
    padding: 0 5px;
    line-height: 30px;
    font-size: 14px;
    color: #000;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
    margin-bottom: 5px
}

.playbtn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 49px;
    height: 49px;
    background: url(/images/dspleft_ico.png) no-repeat 0 0;
    -webkit-transform: scale(.7);
    -webkit-transition-property: opacity, -webkit-transform;
    -webkit-transition-duration: .5s;
    transform: scale(.7);
    transition-property: opacity, transform;
    transition-duration: .5s;
    zoom: 1;
    background-size: 100% 100%
}

.video-list {
    box-sizing: border-box;
    padding: 5px 15px;
    background: var(--display-bg-color)
}

.video-list dl {
    width: 50%;
    float: left;
    margin-top: 20px
}

.video-list dl dt {
    position: relative;
    width: 100%;
    height: 110px
}

.video-list dl dt img {
    width: 95%;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0
}

.video-list dl dd {
    width: 95%;
    color: #666;
    line-height: 18px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.navbar {
    box-sizing: border-box;
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    background: var(--display-bg-color)
}

.navbar-menus li {
    float: left;
    padding: 8px 15px
}

.navbar-menus li.active {
    background: var(--contrast-color);
    text-align: center
}

.navbar-menus li.active a {
    font-weight: 700;
    color: #fff
}

@media(max-width:1280px) {
    .navbar {
        overflow-x: auto;
        overflow-y: hidden;
        margin: 0;
        box-sizing: border-box;
        margin-top: 15px
    }

    .navbar-menus {
        width: 1200px
    }
}

.match_show_box {
    padding-top: 30px
}

.match_show_date_tabs a {
    box-sizing: border-box;
    float: left;
    border: 1px solid #d3e1e2;
    border-radius: 4px;
    width: 100px;
    height: 64px;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 15px
}

.match_show_date_tabs a p {
    font-size: 14px
}

.match_show_date_tabs a.active p {
    color: var(--contrast-color)
}

.match_show_date_tabs a.active {
    color: var(--contrast-color);
    border: 1px solid var(--contrast-color);
    border-bottom: solid 8px var(--contrast-color);
    position: relative
}

.match_show_list {
    margin-top: 30px
}

.match_status_tabs {
    padding: 5px 0
}

.match_status_tabs a {
    display: block;
    float: left;
    padding: 5px 30px;
    box-sizing: border-box;
    border: solid 1px var(--contrast-color);
    font-size: 16px
}

.match_status_tabs a.active {
    background: var(--contrast-color);
    color: #fff
}

.get-more-match {
    display: block;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    color: var(--contrast-color);
    margin-top: 15px
}

.picbody_box {
    display: flex;
    padding: 15px
}

.pic_list {
    margin-right: 30px
}

.pic_list li {
    position: relative;
    margin-bottom: 15px
}

.pic_list li .ib {
    width: 240px;
    height: 150px
}

.pic_list li img {
    width: 100%;
    height: 100%
}

.pic_list li p {
    line-height: 30px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    color: #fff;
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box
}

.video_list li {
    font-size: 14px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    line-height: 30px
}

.liansai_intro {
    padding: 30px
}

.liansai_info {
    width: 180px;
    float: left;
    text-align: center
}

.liansai_desc {
    position: relative;
    float: left;
    width: 800px
}

.liansai_info__logo img {
    width: 120px;
    height: 120px;
    vertical-align: middle;
    border-radius: 5px
}

.liansai_info__name {
    padding-top: 15px
}

.liansai_info__name h2 {
    color: #fff;
    font-size: 22px
}

.liansai_desc__title {
    font-size: 18px;
    padding: 10px 0;
    border-bottom: solid 1px #777
}

.liansai_desc__body {
    padding: 15px 0
}

.liansai_desc__down {
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, -5%);
    display: none
}

.topic_box {
    margin-top: 30px;
    background: #fff;
    /*padding: 15px;*/
    border: 1px solid #8bc34a;
}

.topic_box_tag_title {
    heights: 50px;
    padding: 5px 20px 0
}

.topic_box_tag_title img {
    float: left;
    width: 32px;
    height: 32px;
    vertical-align: middle
}

.topic_box_tag_title h1 {
    float: left;
    font-size: 18px;
    margin-left: 10px
}

.topic_box_tag_title ul {
    float: left;
    margin-left: 60px;
    margin-top: 14px
}

.topic_box_tag_title li {
    float: left;
    margin-right: 20px;
    font-size: 14px
}

.topic_box_tag_title li a {
    color: #999
}

.topic_box_tag_title .gd {
    font-size: 14px;
    color: #999;
    float: right;
    margin-top: 16px
}

.topic_box_list {
    margin-top: 15px
}

.topic_box_list li {
    width: 48%;
    float: left;
    font-size: 14px;
    line-height: 30px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-right: 15px
}

.topic_box_tag_title li.active a {
    font-weight: 700;
    color: #fff
}

.topic_box_score_box {
    display: flex;
    margin-top: 15px
}

.topic_box_score_match_item {
    display: block;
    flex: 1
}

.score_match_team img {
    width: 26px;
    height: 26px;
    vertical-align: middle
}

.score_match_header {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    font-size: 15px
}

.score_match_date,
.score_match_tag {
    flex: 1
}

.score_match_tag {
    color: var(--contrast-color)
}

.score_match_date {}

.score_match_body {
    display: flex;
    align-items: center
}

.score_match_team {
    flex: 1;
    line-height: 2.5
}

.score_match_vs {
    flex: 1;
    font-size: 14px;
    padding-right: 15px
}

.score_match_team span {
    padding-left: 5px
}

.tocr_block_taggle {
    height: 44px;
    background: #f8f8f8
}

.tocr_block_taggle li.active {
    background: #fff;
    color: #dc2221
}

.tocr_block_taggle li {
    float: left;
    width: 50%;
    font-size: 18px;
    color: #999;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    position: relative
}

.tocr_block_taggle li s {
    display: block;
    width: 100%;
    height: 4px;
    background: #dc2221;
    position: absolute;
    left: 0;
    top: -2px;
    display: none
}

.tocr_block_table {
    padding: 15px
}

.tocr_block_table table th {
    font-size: 14px
}

.tocr_block_table table td {
    font-size: 14px;
    text-align: center;
    padding-top: 15px
}

.tocr_block_table tr th {
    text-align: center
}

.not_data {
    color: #888;
    padding: 15px
}

.data_table_index {
    background: #efefef
}

.data_table_index table tbody tr th {
    font: 14px/50px "microsoft yahei";
    color: #333;
    text-align: center;
    background: #dedede
}

.data_table_index table tbody tr td {
    font: 16px/56px "microsoft yahei";
    color: #333;
    text-align: center;
    border-top: 1px solid #eee
}

.data_table_index .orderred {
    background: #ce2623
}

.data_table_index .order {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: #dc2221;
    font: 16px/30px "microsoft yahei";
    color: #fff
}

.nbadata_table_index .logo_name img {
    width: 36px;
    height: 36px;
    float: left;
    margin: 7px 0 0 20px
}

.data_table_index .logo_name img {
    width: 30px;
    height: 30px;
    float: left;
    margin: 14px 0 0 25px
}

.data_content_table {
    color: #000
}

.nbadata_table_title {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin: 20px 0 20px 26px;
    padding-top: 15px
}

.pagination-box {
    text-align: center;
    margin-top: 30px
}

.pagination-box ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0
}

.pagination-box ul.pagination li {
    float: left;
    height: 24px;
    padding: 0 5px;
    margin-right: 8px;
    margin-bottom: 8px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    border-radius: 1px;
    transition: background-color .3s;
    cursor: pointer;
    min-width: 26px
}

.pagination-box ul.pagination li.special {
    line-height: 22.5px
}

.pagination-box ul.pagination li.pagination-ellipsis {
    position: relative;
    width: 26px
}

.pagination-box ul.pagination li.pagination-ellipsis:after {
    position: absolute;
    content: '...';
    left: 50%;
    transform: translateX(-50%);
    color: #949494
}

.pagination-box ul.pagination li.active {
    background-color: var(--contrast-color);
    border: 1px solid var(--contrast-color)
}

.pagination-box ul.pagination li.active a {
    color: #fff
}

.pagination-box ul.pagination li:hover:not(.active) {
    background-color: #ddd
}

.pagination-box ul.pagination li:last-child {
    margin-right: 0
}

.video_pagination_list_item {
    height: 52px;
    line-height: 52px;
    border-bottom: 1px #555 solid
}

.video_pagination_list_item .video_pagination_list_item_left {
    position: relative;
    float: left;
    padding-left: 24px;
    font-size: 14px
}

.video_pagination_list_item_date {
    color: #666;
    display: inline-block;
    width: 80px;
    float: left
}

.video_pagination_list_item_title {
    width: 370px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

.video_pagination_list_item .video_pagination_list_item_left a:after {
    height: 6px;
    content: '';
    width: 6px;
    background: #ddd;
    position: absolute;
    top: 50%;
    left: 7px;
    z-index: 10;
    border-radius: 50%;
    margin-top: -2px
}

.video_pagination_list_item:nth-child(even) {
    background: #fff
}

.video_pagination_list_item_right {
    display: flex;
    color: #999;
    width: 220px;
    float: right;
    text-align: right;
    padding-right: 30px;
    overflow: hidden
}

.video_pagination_list_item_right a {
    color: #999;
    margin-left: 15px;
    font-size: 14px
}

.live_right_box {
    padding: 20px
}

.live_right_item {
    font-size: 15px;
    margin-bottom: 20px
}

.live_right_item_hd_league {
    float: left
}

.live_right_item_hd_league a {
    color: #999
}

.live_right_item_hd_date {
    float: right;
    color: #999
}

.live_right_item_bd {
    padding-top: 10px
}

.live_right_item_bd_team img {
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle
}

.live_right_item_bd_team {
    float: left;
    line-height: 35px
}

.live_right_item_bd_action {
    float: right
}

.live_right_item_bd_action a {
    background: var(--contrast-color);
    color: #fff;
    border-radius: 30px;
    text-align: center;
    padding: 5px 15px;
    line-height: 58px
}

.video_page_list li {
    width: 33.3%;
    float: left;
    text-align: center;
    margin-bottom: 18px;
    margin-top: 11px
}

.video_page_list .dsp_photo {
    position: relative;
    width: 246px;
    height: 143px;
    margin: 0 auto;
    border: solid 1px #efefef
}

.video_page_list .dsp_photo span {
    width: 246px;
    height: 143px;
    display: block
}

.video_page_list .dsp_photo span img {
    width: 246px;
    height: 143px;
    display: block;
    border-radius: 6px
}

.video_page_list .dsp_photo .covermask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.video_page_list .dsp_photo .playbtn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 49px;
    height: 49px;
    background: url(/images/dspleft_ico.png) no-repeat 0 0;
    opacity: 0;
    -webkit-transform: scale(.7);
    -webkit-transition-property: opacity, -webkit-transform;
    -webkit-transition-duration: .5s;
    transform: scale(.7);
    transition-property: opacity, transform;
    transition-duration: .5s;
    zoom: 1;
    background-size: 100% 100%
}

.video_page_list .dsp_photo .covermask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.video_page_list .dsp_photo:hover .covermask {
    opacity: .2;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.video_page_list .dsp_photo:hover .playbtn {
    opacity: .9;
    -webkit-transform: scale(1);
    -webkit-transition-property: opacity, -webkit-transform;
    -webkit-transition-duration: .5s;
    transform: scale(1);
    transition-property: opacity, transform;
    transition-duration: .5s;
    cursor: pointer
}

.video_page_list .dsp_title {
    font-size: 14px;
    width: 246px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 26px;
    height: 28px;
    margin: 0 auto;
    text-align: left
}

.arc_page_list li {
    border-bottom: 1px #eee solid;
    overflow: hidden;
    padding: 8px 25px 10px 10px
}

.zx_slt {
    position: relative;
    width: 165px;
    height: 122px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 4px
}

.zx_slt img {
    width: 174px;
    height: 122px;
    transition: transform .3s;
    -ms-transition: -ms-transform .3s;
    -moz-transition: -moz-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s
}

.zx_xianqing {
    width: 530px;
    float: left
}

.zx_xq_bt {
    font-size: 18px;
    color: #353030;
    font-weight: 700;
    line-height: 40px;
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.zx_xq_jj {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 54px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 9px
}

.zx_xq_banq .zx_xq_fl {
    width: 100px;
    display: block;
    float: left
}

.zx_xq_banq .zx_xq_fl a {
    color: #0073c4
}

.zx_xq_banq .zx_xq_dw,
.zx_xq_banq .zx_xq_dw .iconfont,
.zx_xq_banq .zx_xq_dw a {
    color: #999
}

.zx_xq_banq .zx_xq_time {
    float: right;
    color: #999
}

.bisai_desc_box,
.luxiang_box {
    margin-top: 30px
}

.bisai_desc_info {
    padding: 15px
}

.bisai_desc_info p {
    font-size: 14px;
    padding-top: 15px;
    color: #000;
}

luxiang_list {
    padding-top: 15px
}

.luxiang_list li {
    font-size: 14px;
    padding-bottom: 10px
}

.luxiang_list li i {
    float: left;
    width: 4px;
    height: 4px;
    margin: 7px 14px 0 0;
    background: #999
}

.play_video {
    overflow: hidden;
    display: flex;
    justify-content: center;
    background: #1d1d1d
}

.room_video_box {
    float: left;
    width: 900px;
    padding-bottom: 15px
}

.play_video .room_video {
    position: relative;
    height: 540px
}

.room_video {
    height: auto !important
}

.room_video>a {
    display: block
}

.video_article_play_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s
}

.video_article_play {
    display: block;
    background: url(/images/video_article_play.png);
    margin: 210px auto 0;
    width: 120px;
    height: 120px
}

.room_video_title {
    padding-left: 15px
}

.room_video_title h2 {
    font-size: 26px;
    color: #fff;
    margin-top: 30px
}

.room_video_title time {
    font-size: 14px;
    color: #ccc;
    display: block;
    margin-top: 10px
}

.play_video .correlation_video {
    width: 300px;
    height: auto;
    float: left;
    background: #333
}

.correlation_video .correlation_video_tab {
    height: 55px;
    border-bottom: 1px solid #454545
}

.correlation_video .correlation_video_tab li.active {
    border-bottom: 2px solid #d0021b;
    color: #dc2221
}

.correlation_video .correlation_video_tab li {
    width: 100%;
    height: 54px;
    text-align: center;
    line-height: 54px;
    font-size: 20px;
    color: #ccc;
    cursor: pointer
}

.scroll_video {
    height: 619px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-top: 5px
}

.scroll_video_block {
    height: 99px
}

.scroll_video_block img {
    width: 100px;
    height: 75px;
    margin: 12px 0 0 10px;
    float: left
}

.scroll_video_block p {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    width: 160px;
    float: left;
    margin: 6px 0 0 10px;
    height: 56px;
    overflow: hidden
}

.scroll_video_block time {
    opacity: .66;
    font-size: 12px;
    color: #ccc;
    float: left;
    margin: 12px 0 0 10px
}

.video_recommend_block {
    width: 720px;
    height: 147px;
    box-sizing: border-box;
    border-bottom: 1px solid #e2e2e2;
    margin-top: 20px
}

.video_recommend_block>a {
    float: left;
    display: inline-block;
    position: relative
}

.video_recommend_block img {
    width: 168px;
    height: 126px
}

.video_recommend_block .video_tag {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    background: url(/images/video_play.png) no-repeat;
    left: 66px;
    top: 45px
}

.video_recommend_block h3 {
    font-size: 16px;
    width: 422px;
    height: 32px;
    color: #333;
    line-height: 32px;
    float: left;
    margin: -6px 0 0 20px;
    overflow: hidden
}

.video_recommend_block p {
    width: 422px;
    float: left;
    margin: 10px 0 0 20px
}

.video_recommend_block p a {
    font-size: 14px;
    color: #666;
    line-height: 30px
}

.video_recommend_block time {
    float: right;
    font-size: 14px;
    color: #666;
    margin-top: 12px
}

.play_video_box.mobile {
    display: none !important
}

.content_box {
    padding: 15px
}



.content_box_hd h3 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.content_box_hd_info li {
    float: left;
    color: #000;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding-top: 1px
}

.content_box_hd_info li cite {
    padding: 0 10px;
    font-style: normal
}

.content_box_bd {
    font-size: 16px;
    line-height: 30px;
    clear: both;
    background: #fff;
    padding: 15px
}

.content_box_bd p {
    font-size: 16px;
    margin-bottom: 30px;
    text-indent: 20px;
    line-height: 30px;
    color: #000;
    
}

.content_box_bd img {
    max-width: 94%;
    margin: 15px auto;
    display: block
}

.tags {
    margin-bottom: 30px
}

.tags h2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    border-top: solid 1px #dedede;
    padding-top: 15px;
    color: #000;
}

.tags li {
    float: left;
    padding: 5px 15px;
    background: #fff;
    border-radius: 10px;
    margin: 5px 10px;
    font-size: 14px;
    border: 1px solid #8bc34a;
    border-radius: 100px;
}

.tags li a{
    color: #000;
}

.tags li a:hover{
    color: #8bc34a;
}

.col2 {
    padding-left: 15px
}

.col2 li {
    float: left;
    width: 44%;
    margin-right: 5%
}

.qd_jieshao {
    border-radius: 8px;
    padding-bottom: 10px
}

.qd_jieshao p {
    padding: 0;
    margin: 0;
    padding: 15px
}

.qd_name {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 18px 0 20px;
    overflow: hidden
}

.qd_name img {
    width: 120px;
    height: 120px
}

.qd_name span {
    display: block;
    width: 60%;
    margin: 0 auto
}

.qd_xq h5 {
    font-size: 14px;
    font-weight: 700;
    color: #999
}

.qdjsbt {
    line-height: 30px;
    font-size: 18px;
    color: #333;
    font-weight: 500;
    border-bottom: 2px #e60640 solid;
    padding: 0;
    position: relative;
    overflow: hidden
}

.qdjsbt span {
    float: left;
    margin-left: 15px;
    font-size: 18px;
    color: #999;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 280px
}

.dwjiansao {
    padding: 10px 18px
}

.dwjiansao {
    line-height: 20px;
    color: #999;
    padding: 15px
}

.sitemap_box {
    margin-bottom: 30px;
    background: var(--display-bg-color);
    margin-top: 30px
}

.sitemap_box_hd {
    font-size: 20px;
    font-weight: 600;
    box-sizing: border-box;
    padding-left: 20px;
    line-height: 40px;
    background: #333;
    position: relative
}

.sitemap_box_bd {
    padding: 15px
}

.sitemap_box_bd a {
    margin: 0 20px;
    color: var(--contrast-color);
    line-height: 34px;
    display: inline-block;
    min-width: 110px
}