@charset "utf-8"; :root { --dark-color: #000000; --light-color: #17131F; --contrast-color: #E20C5B; --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% } 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 } h1, h2, h3, h4, h4, h5 { display: inline-block; font-size: 15px; color: #ffffff; } a { text-decoration: none; color: #BBBBBB; } select { font-size: 12px; }  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; } table{ border: 1px dotted;; border-spacing: 0;width:100%;text-align: center; margin:5px 0 15px;} td, th{border: 1px dotted;} body { background: var(--dark-color); color: #BBBBBB; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .container { width: 1200px; height: inherit; margin: 0 auto; } .container-main,.current-position { width: 1200px; height: inherit; margin: 0 auto; padding-top: 15px; } .content_box_hd h1,.content_videoh2,.content_video h3,.content_video h4,.content_box_hd h1,.content_news h2,.content_news h3,.content_news h4{ margin-bottom: 20px; } .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__play { background: url("../picture/notelitpic.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: 109px; background: url("../images/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: #BBBBBB; } .sven_navbar > ul > li.active > a { color: #ffffff; 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: #BBBBBB; } .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; }.current-position{font-size: 14px;padding-bottom:15px;}.current-location{padding-left:15px;} .current-location h1{font-size:14px;}.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 { margin-bottom: 30px; } .sven_display__hd { background: var(--prominent-color); 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__video { padding: 10px; box-sizing: border-box; display: flex; border-bottom: solid 1px var(--prominent-color); overflow: hidden; } .liansai_desc__body { height: 80px; overflow: hidden; } .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: 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: #ffffff; } .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: #BBBBBB; } .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; }#nba_match_tabs h2{padding: 12px 15px;border-bottom: solid 3px #777777;} .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: #BBBBBB; } .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(../images/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(../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: solid 1px #bbbbbb; 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: #bbbbbb; 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 25px 0; line-height:30px; } .sven_footer__copyright{ padding: 10px; background: var(--display-bg-color); } .sven_footer__uptime { padding: 5px; 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: #BBBBBB; 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: 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%); } .liansai_desc__play { width: 80px; height: 80px; position: absolute; bottom: -30px; left: 50%; transform: translate(-50%, -5%); }.liansai_desc__body p,.liansai_desc__body h2,.liansai_desc__body table{line-height:30px;} .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: #999999; } .topic_box_tag_title .gd { font-size: 14px; color: #999999; 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: #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: #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:#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:#999999} .live_right_item_hd_date{float:right;color:#999999} .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} 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:#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:#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;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(../images/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 h1{font-size:larger;} .content_box_hd h3{font-size:24px;font-weight:700} .content_box_hd_info li{float:left;color:#999;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:20px;line-height:30px;}#cont ul{list-style:inside;padding-bottom:20px;}#cont ol{list-style:revert;padding-bottom:20px;padding-left:20px;}#cont ul li,#cont ol li{font-size:small} .content_box_bd img{max-width:94%;margin:15px auto;display:block} .content_box_bd a{color:#056DE8;} .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:#999999} .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:#999999;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:280px} .dwjiansao{padding:10px 18px} .dwjiansao{line-height:20px;color:#999999;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;} #contTab:checked~#cont { max-height: 800px; overflow: hidden; } #contTab { display: none; } #contTab:checked~.content-more { display: block; position: relative; padding-top: 20px; padding-bottom: 30px; text-align: center; } .content-more { display: none; } #contTab:checked ~ .content-more .gradient { background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0),  #777); height: 80px; position: absolute; left: 0; top: -79px; width: 100%; } #contTab:checked ~ .content-more .readmore { display: inline-block; background: #e20c5b; color: #fff; width: 175px; border-radius: 42px; line-height: 40px; font-size: 16px; cursor: pointer; } .content .wi { margin-left: 5px; vertical-align: top; opacity: .8; } .wpcom-icon svg { width: 1em; height: 1em; vertical-align: -.15em; fill: currentColor; overflow: hidden; }.suspension{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:95%;z-index:9999;display:none;}.suspension a{display:block;}.suspension img{max-width:100%;height:auto;}