@charset "UTF-8";

.margin_top_0 {margin-top: 0 !important}
.not_data {padding: 15px;color: #8D8D8D}
.clearfix {zoom: 1}
.clearfix::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;content: ' ';}
.mt30 {margin-top: 15px}
.wrap {width: 1200px;margin: 15px auto 0;zoom: 1}
.wrap::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;content: ' ';}
.main-container {width: 790px;float: left;}
.aside {width: 400px;float: right;}
.footer {padding:15px;margin: 100px auto 0;text-align: center;background: #333333;color: #f1f1f1;font-size: 12px}
.footer .notice {margin-bottom: 30px}
.footer .cp {margin-bottom: 30px}
.footer .cp a {color: red;margin-bottom: 30px}
.position {font-size: 13px;width: 1200px;margin: 0 auto;align-items: center;padding-top: 15px}
.position::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;content: ' ';}
.position div:nth-child(1) {color: #777777}
.position div {float: left}
@media (max-width: 600px) {
    .wrap {width: 100%;margin: 0}
    .main-container {width: 100%;float: none;}
    .aside {width: 100%;float: none;margin-top: 15px}
    .footer {text-align: left}
    .footer p {padding-bottom: 10px;text-indent: 10px}
    .footer .cp {text-align: center}
    .position {width:100%;padding-bottom: 15px;padding-left: 15px}
}

.header-top {width: 1200px;margin: 0 auto}
.header-top_logo {padding: 5px 0;}
.header-top_logo img {width: 137px;height: 40px}
.header-menu {background: #39AC73}
.header-menu_items {width: 1200px;margin: 0 auto;zoom: 1}
.header-menu_items::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;content: ' ';}
.header-menu_item {float: left;font-weight: 500;height: 48px;line-height: 48px;width: 100px;text-align: center;position: relative}
.header-menu_item a {display:block;color: #FFFFFF;font-size: 16px}
.header-menu_item:hover {background: #003333}
.header-menu_item:hover a {color: #66CC99}
.header-menu_item:hover .header-menu_sub {display: block}
.header-menu_item.active {background: #003333}
.header-menu_item.active a {color: #66CC99}
.header-menu_sub {position: absolute;z-index:2006;display:none;top: 48px;left: 0;width: 240px;height: auto;line-height: normal;background: #004D4D;}
.header-menu_sub__item {float: left;width: 120px;padding: 0;text-align: center;height: 40px;line-height: 40px;font-size: 14px;}
.header-menu_sub__item a {position:relative;color: #66CC99;font-size: 14px;}
.header-menu_sub__item a::before {display: none;position: absolute;content: '';width: 0;height: 0;border-left: 8px solid #fff;border-top: 6px solid transparent;border-bottom: 6px solid transparent;margin: 0 4px;top: 50%;left: 10px;transform: translate(-50%,-50%);}
.header-menu_sub__item:hover a {color: #fff !important;}
.header-menu_sub__item:hover i {display: inline-block;}
.header-menu_sub__item:hover {background: #66CC66}
.header-menu_sub__item:hover a::before {display: block}
.header-bottom {border-bottom: solid 1px #dedede}
.header-bottom_nav {width: 1200px;height: 30px;line-height: 30px;margin: 0 auto;font-size: 13px;zoom: 1;}
.header-bottom_nav::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;content: ' ';}
.header-bottom_nav__football {float: left;}
.header-bottom_nav__basketball{float: left;}
.header-bottom_nav__football dt {height: 22px;background: #CC6666;margin-top: 4px;text-align: center;line-height: 22px;color: #fff;position: relative;margin-right: 10px;font-weight: 500;}
.header-bottom_nav__football dt i {display: block;position: absolute;width: 0;height: 0;border-top: 6px solid transparent;border-left: 6px solid #CC6666;border-bottom: 6px solid transparent;right: -5px;top: 5px;}
.header-bottom_nav__basketball dt {margin-left: 20px;height: 22px;background: #CC6666;margin-top: 4px;text-align: center;line-height: 22px;color: #fff;position: relative;margin-right: 10px;font-weight: 500;}
.header-bottom_nav__basketball dt i {display: block;position: absolute;width: 0;height: 0;border-top: 6px solid transparent;border-left: 6px solid #CC6666;border-bottom: 6px solid transparent;right: -5px;top: 5px;}
.header-bottom_nav dl dd, .header-bottom_nav dl dt {float: left;padding: 0 6px;}
.header-bottom_nav dl dd a {color: #206040;font-weight: 400;}
@media (max-width: 600px) {
    .header {background: #FFFFFF}
    .header-top {width: 100%}
    .header-top_logo {padding: 0}
    .header-menu_items {width: 100%;display: flex}
    .header-menu_item {width: unset;float: none;flex: 1;height: 35px;line-height: 35px;}
    .header-menu_item:hover .header-menu_sub {display: none}
    .header-bottom {width: 100%;overflow-x: auto;padding: 5px 15px}
}

.game_box {padding: 15px;background: #FFFFFF}
.match_head {display: flex;align-items: center;padding-bottom: 10px;border-bottom: solid 1px #eeeeee;}
.match_head img {width: 24px;margin-right: 6px;}
.match_head__title {font-size: 16px;color: #000}
.match_head__filter {margin-left: 20px}
.match_head__filter-link .active {color: #e32436;font-weight: 500;background: #ffeaec;}
.match_head__filter-link li {float: left;height: 33px;line-height: 33px;padding: 0 10px;margin: 0 6px 0 6px;border-radius: 4px;cursor: pointer;font-size: 16px;}
.match_head__filter-link .active i.allbtn {background: url(../images/dh_qb_c.png);}
.match_head__filter-link i.allbtn {background: url(../images/dh_qb_h.png);}
.match_head__filter-link li i {display: inline-block;width: 20px;height: 18px;margin: 0 4px -3px 0;}
.match_head__filter-link i.impbtn {background: url(../images/dh_rm_h.png);}
.match_head__filter-link .active i.impbtn {background: url(../images/dh_rm_c.png);}
.match_head__filter-link li i {display: inline-block;width: 20px;height: 18px;margin: 0 4px -3px 0;}
.match_head__filter-link i.zuqiu {background: url(../images/zuqiu.png);}
.match_head__filter-link .active i.zuqiu {background: url(../images/zuqiu_active.png);}
.match_head__filter-link i.lanqiu {background: url(../images/lanqiu.png);}
.match_head__filter-link .active i.lanqiu {background: url(../images/lanqiu_active.png);}

.game_list {background: #FFFFFF}
.game_block-date {font-size:10px;z-index: 99;width: 173px;height: 30px;line-height: 30px;color: #FF4D4D;background: #FCEEED;border-radius: 0px 100px 100px 0px;margin: 10px 0;display: flex;align-items: center;justify-content: center;}
.game_block-date::before {content: "";display: inline-block;width: 5px;height: 5px;background: #FF4D4D;border-radius: 50%;vertical-align: 0px;margin-right: 8px;}
.game_item-flexible {display: contents;padding-right:5px;}
.game_item-date {width: 20%;padding-left: 15px;position: relative;}
.game_list-items_item {display: flex;align-items: center;width: 100%;height: 40px;padding-left: 7px;padding-right: 12px;border-bottom: solid 1px #efefef}
.game_list-items_item:nth-of-type(even) {background-color: #fff;}
.game_item-league {position: relative;text-align: left;padding-left: 38px;width: 15%;}
.game_list-items_item[sportid="1"] .game_item-league:before {content: "";display: block;width: 16px;height: 16px;left: 15px;top: 1px;position: absolute;background: no-repeat 50%;background-size: auto 100%;background-image: url(../images/icon-fb.png);}
.game_list-items_item[sportid="2"] .game_item-league:before {content: "";display: block;width: 16px;height: 16px;left: 15px;top: 1px;position: absolute;background: no-repeat 50%;background-size: auto 100%;background-image: url(../images/icon-bk.png);}
.game_item-league strong {font-weight: normal;}
.game_item-team {width: 25%;display: flex;align-items: center;justify-content: center;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.game_item-team_left {width: 100%;text-align: right;}
.game_item-team strong {font-weight: normal;}
.game_item-vs {width: 9%;text-align: center;}
.game_item-team_right {width: 100%;text-align: left;}
.game_item-play {width: 14%;text-align: right;}
.game_item-play a {color: #959595;}
.game_item-play a.bs {color: #fff; font-weight:bold; border:#10c84c 1px solid; padding:5px; background:#10c84c;}
.game_item-play a.js {color: #fff; font-weight:bold; border:#666 1px solid; padding:5px; background:#666; }
.game_item-play a.jjks {color: #fff; font-weight:bold; border:#900 1px solid; padding:5px; background:#900}
@media (max-width: 600px) {
    .match_head {zoom: 0.7}
    .game_list-items_item {padding-left: 0;height: 50px;font-size:13px;}
    .game_item-flexible {display: block;width: 80px}
    .game_item-date {width: 100%;padding-left: 0}
    .game_item-league {width: 100%;padding-left: 0}
    .game_item-play {width: 20%}
    .game_list-items_item[sportid="1"] .game_item-league:before {display: none}
    .game_list-items_item[sportid="2"] .game_item-league:before {display: none}
}

.cell {width:100%;background: #FFFFFF;padding:5px 15px 15px 15px;margin-bottom: 10px;zoom: 1}
.cell::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;content: ' ';}
.cell-hd {zoom: 1;height: 35px;line-height: 35px;box-sizing: border-box;border-bottom: 1px solid #39AC73;}
.cell-hd::after {content:""; display:block; clear:both; height:0;}
.cell-hd_title {display: flex;align-items: center;float: left}
.cell-hd_title > img {width: 24px;height: 24px;}
.cell-hd_title > h2 {position:relative;padding-left:15px;font-size: 15px;font-weight: 500;letter-spacing: 0em;text-align: left;}
.cell-hd_title > h2::before {content:'';position: absolute;left:0;top:50%;width: 5px;height: 20px;background: #39AC73;transform: rotate(20deg) translate(-50%,-50%)}
.cell-hd > a {float: right}
.cell-bd {box-sizing: border-box;}

.content-base-list {padding-top: 10px}
.content-base-list {zoom: 1}
.content-base-list::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;content: ' ';}
.content-base_item {margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px solid #efefef;    display: flex;align-items: center;}
.content-base_item a {position:relative;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content-base_item.left-icon_news a {padding-left: 13px}
.content-base_item.left-icon_video a {padding-left: 17px}
.content-base_item.left-icon_news a::before {content:'';position: absolute;left: 0;top:50%;transform:translate(0,-50%);border: 7px solid transparent;border-left-color: #e0a941;}
.content-base_item.left-icon_video a::before {z-index: 2006;content:'';position: absolute;left:4px;top:50%;transform:translate(0,-50%);border: 5px solid transparent;border-left-color: #FFFFFF;}  .content-base_item.left-icon_video a::after {z-index: 2005;content:'';position: absolute;left: 0;top:50%;transform:translate(0,-50%);width:12px;height:12px;background: #39AC73;}
.content-base_item a:hover {color: red;}

.content-grid-list {padding-top: 10px;zoom: 1;padding-left: 12px}
.content-grid-list::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;content: ' ';}
.content-grid_item {float:left;border: solid 1px transparent;padding: 15px;margin-bottom: 15px;margin-right: 5px}
.content-grid_item:hover {border: solid 1px #dedede}
.content-grid_item a img {width: 80px;height: 80px}
.content-grid_item a p {text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 15px}
@media (max-width: 600px) {
    .content-grid_item a img {width: 70px;height: 70px}
    .content-grid_item {width:30%;padding-left: 20px}
}

.content-flex-wrap-list {display: flex;flex-wrap: wrap;justify-content: left;padding-top: 15px}
.content-flex-wrap_item {padding: 5px;margin-right: 5px;margin-bottom: 5px}
.content-flex-wrap_item:hover {background: #39AC73;border-radius: 5px;}
.content-flex-wrap_item:hover a {color: #FFFFFF}

.content-media-list {padding-top: 15px;zoom: 1;padding-left: 15px}
.content-media-list::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;content: ' ';}
.content-media_item {margin-bottom: 15px;float: left;margin-right: 15px}
.content-media_item a img {width: 160px;height: 100px}
.content-media_item a p {width: 160px;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px}
@media (max-width: 600px) {
    .content-media_item {padding-left: 5px}
    .content-media-list {padding-left: 15px}
    .content-media_item a img {width: 140px;height: 90px}
    .content-media_item a p {width: 140px;}
}

.left_img_box {padding: 15px}
.left_img_box .pic_list {float: left;margin-right: 20px;font-size: 14px}
.left_img_box .video_list {float: left}
.left_img_box .video_list li {margin-bottom: 8px;}
.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;}
@media (max-width: 600px) {
    .left_img_box {padding: 0px}
    .left_img_box .pic_list, .left_img_box .video_list {float: none;margin: 0}
    .pic_list {padding: 15px 15px 0}
    .pic_list li .ib {width: 100%;height: 180px;}
    .left_img_box .video_list li a {position: relative;padding-left: 0px;}
    .left_img_box .video_list li a::after {content: ' ';position: absolute;width: 22px;height: 22px;background: url(../images/xinwen.png) no-repeat;background-size: cover;left: 0;top: 50%;transform: translate(0, -50%);}
}
.video_list {padding: 15px;box-sizing: border-box}
.video_list li {font-size: 14px;font-weight: 400;color: #000;margin-bottom: 12px;}
.video_list li a {word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
@media (max-width: 600px) {
}


.topic_box{margin-top:15px;background: #FFFFFF;padding: 15px}
.topic_box_tag_title{height:50px;padding:5px 20px 0 20px}
.topic_box_tag_title img{float:left;width:50px;height:50px}
.topic_box_tag_title h1{float:left;font-size:18px;color:#333333;line-height:50px;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;color:#999}
.topic_box_tag_title li a{color:#999}
.topic_box_tag_title .gd{font-size:14px;color:#666;float:right;margin-top:16px}
.topic_box_list{margin-top:15px}
.topic_box_list li{width:47%;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:#000000}
.topic_box_score_box{display:flex;margin-top:15px}
.topic_box_score_match_item{display:block;flex:1}
.score_match_team img{width:32px;height:32px}
.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:darkred}
.score_match_date{}
.score_match_body{display:flex;align-items:center}
.score_match_team{flex:1;line-height:1.5}
.score_match_vs{flex:1;font-size:16px}
.score_match_team span{padding-left:5px}
.score_match_team_h {margin-bottom: 15px}
.score_match_team_h,.score_match_team_v{display:flex;align-items:center;font-size:15px}
@media (max-width: 600px) {
    .topic_box{padding: 5px}
    .topic_box{margin-bottom:15px}
    .topic_box_list li{width:100%;box-sizing:border-box;padding:0 15px}
    .topic_box_tag_title{position:relative}
    .topic_box_tag_title ul{width:100%;margin-left:0;margin-bottom:15px}
    .topic_box_tag_title .gd{position:absolute;top:50%;right:5%;transform:translate(-50%,-5%)}
    .topic_box_score_box{padding:15px}
    .channel_content_right{width:100%}
    .cnews_list{width:100%;padding:15px;box-sizing:border-box}
    .match_status_tabs{display:flex !important;align-items:center;justify-content:center;margin-top:15px}
    .match_show_box{box-sizing:border-box;padding-left:20px;overflow-x:auto}
    .match_show_date_tabs{width:1200px;padding-bottom:15px}
    .topic_box_score_box {zoom: 0.85}
}

.red {color: #DC2221 !important;}
.tocr_block_taggle{height:44px;background:#F8F8F8;margin-top:5px}
.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{margin:20px 20px 0 17px}
.tocr_block_table table th{font-size:14px;color:#666}
.tocr_block_table table td{font-size:14px;color:#333;text-align:center;padding-top:15px}

.match-all_list {background: #FFFFFF;padding: 15px}
.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:14px;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:#39AC73}
.match_show_date_tabs a.active{color:#39AC73;border:1px solid #39AC73;border-bottom:solid 8px #39AC73;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 #39AC73;font-size:14px}
.match_status_tabs a.active{background:#39AC73;color:#FFFFFF}
.data_content_table{margin-top:36px}
.nbadata_table_title{font-weight:bold;font-size:14px;color:#333;margin:20px 0 20px 26px;padding-top: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}
@media (max-width: 600px) {
    .match_status_tabs{display:flex !important;align-items:center;justify-content:center;margin-top:15px}
    .match_show_box{box-sizing:border-box;padding-left:20px;overflow-x:auto;overflow-y: hidden}
    .match_show_date_tabs{width:1200px;padding-bottom:15px}
    .data_content_table{zoom:0.8}
    .data_table_index .logo_name {line-height: 1.2}
    .data_table_index .logo_name img{display:none}
    .match_show_date_tabs a {height: 54px;}
}
.ranking-box {background: #FFFFFF;padding: 15px;}


.lxjj_box {margin-top: 30px}
.video_pagination_list_item{height:52px;line-height:52px;border-bottom:1px #eee 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:420px;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:#f8f8f8}
.video_pagination_list_item_right{display:flex;color:#999;float:right;text-align:right;padding-right:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-content:right;width:200px}
.video_pagination_list_item_right a{color:#999;margin-left:15px;font-size: 14px}
@media (max-width: 600px) {
    .lxjj_box {margin-top: 0}
    .video_pagination_list_item{display:flex;align-items:center;padding:5px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#000;text-decoration:none;line-height:30px}
    .video_pagination_list_item .video_pagination_list_item_left,.video_pagination_list_item_right{float:none;padding:0}
    .video_pagination_list_item_left{width:82%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#000;text-decoration:none;line-height:30px;margin-right:5px}
    .video_pagination_list_item_left a{display:flex;align-items:center}
    .video_pagination_list_item_date{width:unset;font-size:14px;padding-right:15px;color:#999999}
    .video_pagination_list_item_title{width:unset;float:none;font-size:14px}
    .video_pagination_list_item .video_pagination_list_item_left a:after{display:none}
    .video_pagination_list_item_right a{display:block;margin:0;font-size: 12px}
    .video_pagination_list_item_right{width:18%;line-height:1.6;display: block}
}

.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:#39AC73;border:1px solid #39AC73}
.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}

.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:#d41d1b;color:#fff;border-radius:30px;text-align:center;padding:5px 15px;line-height:58px}
@media (max-width: 600px) {
    .live_right_box {padding: 15px}
}

.cate-nav {padding: 0 15px;background: #d6f1e4;border-bottom: solid 2px #39AC73}
.cate-nav ul {display: flex;align-items: center;}
.cate-nav ul li {box-sizing: border-box;border-radius: 5px;height: 38px;padding-top: 5px}
.cate-nav ul li a {display:inline-block;padding: 5px 15px;}
.cate-nav ul li.active a {background:#39AC73;color: #FFFFFF;border-radius: 5px}
@media (max-width: 600px) {
    .cate-nav {width: 100%;overflow-x: auto}
    .cate-nav ul {display: block;width: 1200px;zoom: 1}
    .cate-nav ul::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;content: ' ';}
    .cate-nav ul li {float: left}
}

.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}
@media (max-width: 600px) {
    .video_page_list li{width:100%}
    .video_page_list .dsp_photo,.video_page_list .dsp_photo span{width:100%;height:200px}
    .video_page_list .dsp_photo span img{width:100%;height:200px}
    .video_page_list{padding:0px 20px}
    .video_page_list .dsp_photo .playbtn{opacity:1;width:69px;height:69px;margin:0;transform:translate(-50%,-50%)}
    .video_page_list .dsp_title{margin:0;width:100%;font-size:16px;padding-top:5px}
}

.arc_page_list li{border-bottom:1px #eee solid;overflow:hidden;padding:8px 25px 10px 10px}
.zx_slt{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:415px;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_xianqing{width:545px;float:left}
.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}
@media (max-width: 600px) {
    .arc_page_list li{padding:10px;box-sizing:border-box;display:flex}
    .arc_list li{width:100% !important;box-sizing:border-box}
    .zx_slt{width:90px !important;height:65px !important;overflow:unset;float:none}
    .zx_xianqing{width:unset !important;float:none !important}
    .zx_slt img{width:90px !important;height:65px !important}
    .zx_xq_bt{font-size:14px !important;line-height:1.2 !important;height:18px !important;white-space:unset !important;display:-webkit-box !important;-webkit-line-clamp:1 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important}
    .zx_xq_jj{font-size:12px !important;line-height:1.2 !important;height:unset !important;margin:0 !important}
    .zx_xq_banq .zx_xq_time{float:none}
}


.fixed_score_box{width:100%;display:block;background:linear-gradient(90deg,#292E2E 0%,#0f1852 50%,#292E2E 100%);padding:30px;box-sizing:border-box}
.fixed_score_box .fixed_score_top{display:flex;justify-content:space-between;flex:1;color:white;padding-top:30px}
.score_name_left{display:flex;align-items:center;flex:1}
.score_name{text-align:center}
.score_name_left.score_name_right{flex-direction:row-reverse}
.score_name_left{display:flex;align-items:center;flex:1}
.score_name_right .image_container,.score_name_left .image_container{width:80px;height:80px;border-radius:50%;background-color:white;display:flex;justify-content:center;align-items:center}
.score_name_left .image_container{margin-right:20px}
.score_name_left h1{height:26px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;line-height:26px;color:#FFFFFF}
.score_name_right .image_container img,.score_name_left .image_container img{width:56px;height:56px;border-radius:50%}
.score_name_left.score_name_right .image_container{margin-left:20px}
.league_name{height:28px;line-height:18px;border:1px solid #FFFFFF;border-radius:18px;padding:4px 27px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}
.match_score{display:flex;justify-content:space-between;align-items:center;margin:25px 0;height:39px;padding:0 12px}
.match_score > div{font-size:62px;font-family:DIN;font-weight:bold;line-height:39px;color:#FFFFFF; margin-left:20px}
.match_status{height:36px;background:#FFFFFF;border-radius:18px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;line-height:36px;width:140px;margin:auto;color:#F23632}
.match_bg_container{position:absolute;display:flex;justify-content:center;bottom:0;left:50%;transform:translate(-50%)}
.signal_box{margin-top:30px;padding: 0 15px}
.signal_box .tag-title img{vertical-align:middle}
.signal_list{margin-top:15px;}
.signal_list ul li a{float:left;padding:5px;background:#d41d1b;color:#FFFFFF;box-sizing:border-box;margin-right:15px;text-align:center;font-size:14px;border-radius:5px;margin-bottom:15px}
.signal_list ul li a .desc{color:#dedede;font-size:12px}
.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}
@media (max-width: 600px) {
    .fixed_score_box{padding:15px}
    .bisai_desc_box{padding:15px;margin-top:10px}
    .luxiang_list{padding:15px}
    .luxiang_list li{font-size:14px;padding-bottom:15px}
    .luxiang_list li a{display:block;height:20px !important;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    .signal_list{padding:15px;margin-top:0}
    .signal_list li a{width:29%}
    .fixed_score_box{zoom:0.82}
    .score_name_left h1{text-align:center}
    .score_name_left{display:block}
    .league_name{line-height:1.5;padding:5px 10px;height:unset}
    .league_name span{display:block}
    .score_name_right .image_container,.score_name_left .image_container{margin-bottom:15px}
    .score_name_left .image_container{margin-left:20px}
}


.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:750px;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}
@media (max-width: 600px) {
    .play_video.pc{display:none}
    .play_video_box{height:auto;background:#fff}
    .play_video_box .play_link{width:100%;height:240px;background:#000;position:relative}
    .play_link img{width:100%;height:100%}
    .video_article_play_m{position:absolute;top:50%;left:50%;width:60px !important;height:60px !important;transform:translate(-50%,-50%)}
    .play_video_box > span{display:block;font-size:16px;line-height:1.2rem;color:#333;padding:15px}
    .play_video_box > time{display:block;font-size:14px;color:#666;padding:5px 15px}
    .video_recommend_box{padding:15px}
    .video_recommend_block{width:100%;height:120px}
    .video_recommend_block p{width:70%;margin:0 0 0 20px}
    .video_recommend_block h3{width:70%}
    .video_recommend_block p a{line-height:1.2}
    .video_recommend_block img{width:80px;height:60px}
    .video_recommend_block .video_tag{top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;background-size:cover}
    .play_video_box.mobile{display:block !important}
    .block_min{width:100%;height:80px;padding:5px 0;border-bottom:1px solid #f1f1f1;position:relative}
    .block_min img{float:left;width:4.5rem;height:3.75rem}
    .block_min p{float:left;font-size:16px;color:#000;height:50px;line-height:1.5;overflow:hidden;padding-left:10px}
    .block_min time{font-size:0.6rem;color:#999;line-height:0.9rem;float:left;margin-top:7px;margin-left:10px}
    .block_min .video_ico{width:1.5rem;height:1.5rem;background:url(../images/video_play.png) no-repeat;background-size:100%;position:absolute;left:10%;top:32%}
}

.content_box {padding: 15px}
.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;overflow: hidden;}
.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:#F2F2F2;border-radius:10px;margin:5px 10px;font-size:14px}
@media (max-width: 600px) {
    .content_box {padding: 5px}
    .content_box_bd {padding: 0}
    .content_box_bd img{width:100%;max-width:100%}
    .content_box iframe {width: 100%}
}

.col2 {padding-left: 15px}
.col2 li {float: left;width: 44%;margin-right: 5%}
@media (max-width: 600px) {
    .col2 {padding: 0;}
    .col2 li {float: none;width: 100%;margin-right: 0}
}

.col-2 .cell {float: left;width: 395px;}
@media (max-width: 600px) {
    .col-2 .cell{float: none;width: 100%;margin-right: 0}
}

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

.sitemap_box {margin-bottom: 30px;background: #FFFFFF;margin-top: 30px}
.sitemap_box_hd {font-size: 20px;font-weight: 600;box-sizing: border-box;padding-left: 20px;line-height: 40px;background: #dedede;position: relative;}
.sitemap_box_bd {padding: 15px}
.sitemap_box_bd a {margin: 0 20px;color: #007744;line-height: 34px;display: inline-block;min-width: 110px;}
.get-more-match {display:block;padding: 15px;text-align: center;font-size: 16px;color: #39AC73;margin-top: 15px}