@charset "utf-8";

:root {
    --dark-color: #e3e3e3;
    --light-color: #fff;
    --contrast-color: #179dff;
    --prominent-color: #179dff;
    --display-bg-color: #556774;
    --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: #ffffff;
}

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

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: var(--dark-color);
    color: #fff;
}

.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: 40px;
    height: 32px;
    vertical-align: middle;
}

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

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

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

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

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

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

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

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

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

.sven_header {
    width: 100%;
    height: 60px;
    background: #179dff;
    /* background: url("../img/top_bg.png") no-repeat center; */
    background-size: cover;
}

.sven_header-logo {
    float: left;
    /* margin-top: 25px; */
}

.sven_navbar {
    height: 50px;
    background: var(--light-color);
}

.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 5px;
    color: #000;
}
.sven_navbar > ul > li.active > a {
    color: #179dff;
    font-weight: bold;
    border-bottom: solid 5px var(--contrast-color);
}


.sven_navbar-hot {
    display: block;
    height: 40px;
    background: var(--prominent-color);
}

.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 5px;
    color: #fff;
}

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

.sven_navbar-hot > ul > li.active > a {
    color: #ffffff;
    font-weight: bold;
    border-bottom: solid 5px var(--contrast-color);
}

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

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

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

.sven_display {
    margin-bottom: 30px;
}

.sven_display__hd {
    background: #556774;
    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: bold;
    color: #ffffff;
    padding-bottom: 5px;
    border-bottom: solid 3px var(--contrast-color);
}

.sven_display__bd {
    position: relative;
    background: var(--display-bg-color);
    z-index: 2006;
}

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

.sven_match_card {
    padding: 5px 15px;
    background: var(--display-bg-color);
    margin-bottom: 15px;
}

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

.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%;
	margin-left: 15px;
}

.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: bold;
    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: var(--prominent-color);
    padding: 5px 15px;
    border-radius: 5px;
    text-align: center;
}

.sven_match__btn___live {
    background: var(--contrast-color);
    color: #E20C5B;
}
.sven_match__btn___end {
    color: #309d1e;
}

.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: var(--display-bg-color);
}

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

.sven_news_item a:hover {
    color: #ffffff;
}

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

.sven_list_tabs {
    margin-bottom: 15px;
    background: var(--prominent-color);
}

.sven_list_tabs ul {
    display: flex;
}

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

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

.sven_list_tabs ul li.active a {
    color: #ffffff;
}

.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 20px;
    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: #309d1e;
}
.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: #fff;
}
.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: 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: #ffffff;
    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;
}


.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: var(--prominent-color);
    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(../img/bg_t.png);
    background-size: cover;
    width: 100%;
    height: 426px;
    overflow: hidden;
    position: relative;
}
.sven_match_video__white_fill {
    background-color: #FFFFFF;
    opacity: 0.5;
    height: 127px;

}
.sven_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%;
}
.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;
}
.sven_match_live_icon_signal_new {
    display: inline-block;
    background-image: url(../img/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: solid 1px #fff;
    border-radius: 5px;
    text-align: center;
    padding: 0 10px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.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: bold;
    justify-content: right;
}

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

.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: bold;
}

.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: #fff;
    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);
}
.flink {
    background: var(--prominent-color);
}

.hot_liansai_list {
    padding: 6px 0 0 0;
    border-top: 0;
    padding-left: 20px;
    background: var(--display-bg-color);
}
.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: var(--display-bg-color);
}
.tag {
    display: inline-block;
    height: 32px;
    padding: 0 5px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    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(../img/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: bold;color: #FFFFFF}
@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: #FFFFFF;
}
.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: #FFFFFF;
    font-size: 22px;
}
.liansai_desc__title {
    font-size: 18px;
    padding: 10px 0;
    border-bottom: solid 1px #777777;
}
.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: var(--display-bg-color);
    padding: 15px;
}
.topic_box_tag_title {
    height: 50px;
    padding: 5px 20px 0 20px;
}
.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: #fff;
}
.topic_box_tag_title .gd {
    font-size: 14px;
    color: #fff;
    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: bold;
    color: #FFFFFF;
}
.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: #fff;
    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: #888888;
    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: #000000;
}
.nbadata_table_title {
    font-weight: bold;
    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 0.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:white}
.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 #555555 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:var(--display-bg-color)}
.video_pagination_list_item_right{display:flex;color:#fff;/*width:220px;*/float:right;text-align:right;padding-right:30px;overflow:hidden}
.video_pagination_list_item_right a{color:#fff;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:#fff}
.live_right_item_hd_date{float:right;color:#fff}
.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(../img/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:#fff}
.zx_xq_banq .zx_xq_time{float:right;color:#fff}

.bisai_desc_box,.luxiang_box{margin-top:30px}
.bisai_desc_info{padding:15px}
.bisai_desc_info p{font-size:14px;padding-top:15px}

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 0px 0px;background:#fff}

.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(../img/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:#FFFFFF;margin-top:30px}
.room_video_title time{font-size:14px;color:#CCCCCC;display:block;margin-top:10px}
.play_video .correlation_video{width:300px;height:auto;float:left;background:#333333}
.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:#CCCCCC;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:#FFFFFF;line-height:28px;width:160px;float:left;margin:6px 0 0 10px;height:56px;overflow:hidden}
.scroll_video_block time{opacity:0.66;font-size:12px;color:#CCCCCC;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(../img/video_play.png) no-repeat;left:66px;top:45px}
.video_recommend_block h3{font-size:16px;width:422px;height:32px;color:#333333;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:#666666;line-height:30px}
.video_recommend_block time{float:right;font-size:14px;color:#666666;margin-top:12px}
.play_video_box.mobile{display:none !important}

.content_box {padding: 15px}
.content_box_hd h3{font-size:24px;font-weight:700}
.content_box_hd_info li{float:left;color:#fff;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;padding:15px}
.content_box_bd p{font-size:16px;margin-bottom:30px;text-indent:20px;line-height:30px}
.content_box_bd img{max-width:94%;margin:15px auto;display:block}
.tags{margin-bottom:30px}
.tags h2{font-size:16px;font-weight:bold;margin-bottom:15px;border-top:solid 1px #dedede;padding-top:15px}
.tags li{float:left;padding:5px 15px;background:#000000;border-radius:10px;margin:5px 10px;font-size:14px}

.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 0;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:#fff}
.qdjsbt{line-height:30px;font-size:18px;color:#333;font-weight:500;border-bottom:2px #fff solid;padding:0;position:relative;overflow:hidden}
.qdjsbt span{float:left;margin-left:15px;font-size:18px;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:280px}
.dwjiansao{padding:10px 18px}
.dwjiansao{line-height:20px;color:#fff;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: #333333;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;}