body {background-color: #f1f1f1;font-size: 14px;overflow-y: auto;overflow-x: hidden;}
.container {width: 1200px;margin: 15px auto 0;}
.header {width: 100%;}
.logo {width: 420px;height: 112px;float: left}
.fanyi {float: right;margin-top: 15px}
.fanyi .fanyi_an {width: 100px;line-height: 44px;border: 1px #ffbb3f solid;background: #ffbb3f;border-radius: 25em;}
.fanyi .fanyi_an a:first-child {margin-right: 5px;}
.fanyi .fanyi_an a {width: 44px;height: 44px;border-radius: 25em;display: inline-block;text-align: center;color: #fff;}
.nav{width:1200px;height:80px;margin:0 auto;background:#ffbb3f}
.nav li{width:148px;float:left;height:80px;position:relative;text-align:center;padding-right:2px;}
.nav li a:hover,.nav li.active a{background:#000;color:#fff}
.nav li a:hover img{transform:rotateY(-1turn);transition:all .6s ease 0s;}
.nav li a{display:block;text-align:center;line-height:16px;height:80px;font-size:15px;color:#fff;transition:all .3s ease;overflow:hidden}
.nav li a img{width:27px;height:24px;display:block;margin:15px auto 10px auto;transition:all .3s ease}
.nav li .subnav{filter:progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity:0;visibility:hidden;transition:all .3s ease 0s;transform:translate3d(0,10px,0)}
.nav li:hover .subnav{opacity:1;visibility: unset}
.nav li .subnav{box-shadow:0 13px 42px 11px rgba(0,0,0,0.05);height:auto;left:0;overflow:hidden;position:absolute;top:89%;width:148px;z-index:199}
.nav li .subnav a{color:#fff;display:block;font-size:13px;font-weight:500;line-height:40px;height:40px;padding:0;transition:all 0.2s ease-in-out 0s;width:100%;background:#ffbb3f;border-top:1px solid #e5994d;border-bottom:1px solid #e5994d}
.nav ul{padding:0}
.nav li a{display:block;text-align:center;line-height:16px;height:80px;font-size:15px;color:#fff;transition:all .3s ease;overflow:hidden}
.col-fl {width: 790px;float: left;}
.col-fr {width: 400px;float: right;}
.flex3 {display: flex}
.flex3 .card {width: 360px;}
.flex3 .card:not(:last-child) {margin-right: 15px}
.flex2 {display: flex}
.flex2 .card {width: 358px;}
.flex2 .card:not(:last-child) {margin-right: 15px}
.mt15 {margin-top: 15px;}
.p15 {padding: 15px;}
.position {font-size: 13px;margin: 0 auto;align-items: center;padding: 15px 15px 15px 0;}
.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: 1280px) {
    body {min-width: 375px;max-width: 648px;margin: 0 auto;overflow-x: hidden}
    .header {padding: 5px;box-sizing: border-box}
    .container {width: 100%;margin: 0}
    .logo {width: 160px;height: auto}
    .logo img {width: 160px}
    .fanyi {margin: 0;zoom: 0.8}
    .nav {width: 100%;height: 40px}
    .nav ul {display: flex}
    .nav ul li {height: 40px}
    .nav li a {height: 40px;line-height: 40px;font-size: 14px}
    .nav ul li img {display: none}
    .nav li:hover .subnav{display: none}
    .col-fl, .col-fr {width: 100%;float: none}
    .col-fl .card, .col-fr .card {height: auto!important;}
    .flex3 .card:not(:last-child) { margin: 0 }
    .flex3 {display: block}
    .flex3 .card {width: unset}
    .flex2 .card:not(:last-child) { margin: 0 }
    .flex2 {display: block}
    .flex2 .card {width: unset}
    .position {padding-left: 5px}
}

.card {background: #FFFFFF;padding: 0 15px 15px;margin-bottom: 10px;zoom: 1}
.card::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;content: ' ';}
.card-hd {zoom: 1;height: 50px;line-height: 50px;box-sizing: border-box;overflow: hidden;padding-bottom: 15px;}
.card-hd::after {content:""; display:block; clear:both; height:0;}
.card-hd_title {display: flex;align-items: center;float: left;}
.card-hd_title > img {width: 26px;height: 26px;margin-right: 5px}
.card-hd_title > h2 {position:relative;font-size: 18px;color: #ffbb3f;font-weight: unset;letter-spacing: 0em;text-align: left;}
.card-hd > a {float: right;color: #8D8D8D}
.card-bd {box-sizing: border-box;padding-top: 15px}
@media (max-width: 1280px) {
    .card {padding: 0 10px 10px}
}


.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: #ffbb3f;line-height: 34px;display: inline-block;min-width: 110px;}


.date-box li{min-width:70px;text-align:center;padding:4px 0;border:1px solid #e0e0e0;}
.date-box li a{display: block;width:100%;height:auto;overflow: hidden;}
.date-box .active{background: #BA4547;}
.date-box .active a{color: #fff;}
.live-box{width:100%;font-size:14px;}
.live-box .datedd,.live-box dt{height:34px;line-height: 34px;background: #eee;cursor:pointer;position: relative;padding:0;}
.live-box .datedd i,.live-box dt i{display:inline-block;width:10px;height:10px;border-radius: 50%;background: #BA4547;margin:0 10px;}
.live-box .datedd img,.live-box dt img{position: absolute;width:16px;height:16px;right:10px;top:8px;transform:rotate(180deg);}
.live-box dd{padding:10px 0;height:auto;border-bottom:1px dotted #e0e0e0;position: relative;}
.live-box dd:hover{background:#f7f7f7;}
.live-box dd:hover .reload a{display: inline-block;}
.live-box dd div{margin:0 8px; float:left; vertical-align: middle;}
.live-box dd .once-event{width:100px;text-align: center;font-size:13px;}
.live-box dd .once-game{width:380px;text-align: center;padding-left: 15px}
.index-live-box dd .once-event{width:180px;text-align: center;}
.index-live-box dd .once-game{width:400px;text-align: center;}
.once-type{width:40px;text-align:center;}
.once-type a{display:block;width:100%;height:auto;}
.once-type a i{display: inline-block;width:22px;height:22px;}
.once-time{width:100px;text-align: center;}
.once-event a{border-radius: 6px;min-width:80px;line-height:22px;text-align: center;display: inline-block;color:#1574A8;max-width:148px;padding:0 4px;}
.once-game{font-size:14px;min-width: 100px;display: flex;align-items: center}
.once-game .vs {display:inline-block;width: 50px;}
.once-game .left {display:inline-block;width: 120px;text-align: right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.once-game .right {display:inline-block;width: 120px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.video-link a span{margin:0 4px;display: inline-block;vertical-align: middle;}
.video-link a img{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7; opacity: 0.7;}
.video-link a img:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity: 1;}
.video-link a{margin:0 6px;color: #8D8D8D;font-size:14px;display: inline-block;vertical-align: middle;margin-left:10px;}
.video-link.start a {color: #ffbb3f}
.video-link.end a {color: #14500a}
.video-link a i{display:inline-block;width:20px;height:20px;background:url('../img/icon-zhibo-white.png');vertical-align:middle;margin:0 4px;}
.video-link a:hover{color:#ffbb3f;}
.once-rem{width:18px;height:18px;border-radius:2px;background: #ff3f3f;color:#fff;font-size:13px;text-align: center;line-height: 18px;position:relative;}
.once-rem i{position: absolute;width:0;height:0;border-right:6px solid #ff3f3f;border-top:4px solid transparent;border-bottom:6px solid transparent;left:-4px;top:4px;}
@media (max-width: 1280px) {
    .live_date_box {font-size: 13px}
    .live-list {height: unset}
    .live-list h4 {font-size: 18px;height: 33px;line-height: 33px;float: none}
    .live-type.fl {float: none}
    .live-type {margin-left: 0}
    .live-type li {height: 30px;line-height: 30px;font-size: 14px;margin: 4px 2px 0 2px;}
    .live-box { width: 100%;padding-bottom: 0 }
    .live-box dd {display: flex;align-items: center}
    .live-box dd div {margin: 0}
    .once-game { position: relative;display: block }
    .once-game .left,.once-game .vs,.once-game .right {display: block;text-align: left}
    .once-game .vs {display: none}
    .once-time {width: 180px;margin-left: 0!important;}
    .once-event a {text-align: left;padding-left: 5px;box-sizing: border-box}
    .live-box dd .once-event {font-size: 13px;}
    .live-box dd .once-event a {max-width:unset;min-width:unset;width:80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .video-link a { display: block; width: 70px;margin: 0;}
    .once-type {display: none}

}

.body-base_item {margin-bottom: 5px;padding-bottom: 5px;display: flex;align-items: center;}
.body-base_item a {position:relative;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.body-base_item.left-icon_news a {padding-left: 13px}
.body-base_item.left-icon_video a {padding-left: 17px}
.body-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: #1ea3f6;}
.body-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;}  .body-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: #ffbb3f;}
.body-base_item a:hover {color: red;}

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

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

.body-media-list {zoom: 1;padding-left: 10px}
.body-media-list::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;content: ' ';}
.body-media_item {margin-bottom: 15px;float: left;margin-right: 10px}
.body-media_item a img {width: 170px;height: 120px}
.body-media_item.big a img {width: 140px;height: 100px}
.body-media_item.big a p {width: 140px;}
.body-media_item a p {width: 170px;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px}
.body-media-list.only .body-media_item a img {width: 175;height: 140px}
.body-media-list.only .body-media_item a p {width: 175px;}
@media (max-width: 1280px) {
    .body-media_item {padding-left: 15px;box-sizing: border-box}
    .body-media_item a img {width: 140px;height: 90px}
    .body-media_item a p {width: 140px;}
    .body-media-list.only .body-media_item a img {width: 140px;height: 110px}
    .body-media-list.only .body-media_item a p {width: 140px}
}


.footer {background:#FFFFFF;padding: 30px 15px;font-size: 13px;margin-top: 100px;line-height: 30px}
@media (max-width: 1280px) {
    .footer {line-height: 1.6}
    .footer p {margin-bottom: 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:#ffbb3f}
.match_show_date_tabs a.active{color:#ffbb3f;border:1px solid #ffbb3f;border-bottom:solid 8px #ffbb3f;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 #ffbb3f;font-size:14px}
.match_status_tabs a.active{background:#ffbb3f;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}
.get-more-match {display:block;padding: 15px;text-align: center;font-size: 16px;color: #ffbb3f;margin-top: 15px}
@media (max-width: 1280px) {
    .match_status_tabs{display:flex !important;align-items:center;justify-content:center;margin-top:0px}
    .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;}
}


.play_list {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-link .active {color: #ffbb3f;font-weight: 500;background: #e5f0ff;}
.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(../img/dh_qb_c.png);}
.match_head__filter-link i.allbtn {background: url(../img/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(../img/dh_rm_h.png);}
.match_head__filter-link .active i.impbtn {background: url(../img/dh_rm_c.png);}
.match_head__filter-link li i {display: inline-block;width: 20px;height: 18px;margin: 0 4px -3px 0;}
.play_block-date {font-size:14px;z-index: 99;width: 173px;height: 30px;line-height: 30px;color: #ffbb3f;background: #deecff;border-radius: 0px 100px 100px 0px;margin: 10px 0;display: flex;align-items: center;justify-content: center;}
.play_block-date::before {content: "";display: inline-block;width: 5px;height: 5px;background: #ffbb3f;border-radius: 50%;vertical-align: 0px;margin-right: 8px;}
.play_item-flexible {display: contents}
.play_center-flexible {display: contents}
.play_item-date {width: 10%;position: relative;}
.play_list-items_item {display: flex;align-items: center;width: 100%;height: 40px;padding-left: 7px;padding-right: 12px;border-bottom: solid 1px #efefef}
.play_list-items_item:nth-of-type(even) {background-color: #fff;}
.play_item-league {position: relative;text-align: left;padding-left: 38px;width: 15%;}
.play_list-items_item[sportid="1"] .play_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(../img/icon-fb.png);}
.play_list-items_item[sportid="2"] .play_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(../img/icon-bk.png);}
.play_item-league strong {font-weight: normal;}
.play_item-team {width: 26%;display: flex;align-items: center;justify-content: center;}
.play_item-team_left {width: 100%;text-align: right;}
.play_item-team strong {font-weight: normal;}
.play_item-vs {width: 9%;text-align: center;}
.play_item-team_right {width: 100%;text-align: left;}
.play_item-play {width: 14%;text-align: left;}
.play_item-play a {color: #959595;}
.play_item-play a.start {color: #ffbb3f;}
.play_item-play a.end {color: #0d4404;}
.play_list_get_more {display: block;text-align: center;padding: 15px 0;color: #ffbb3f;font-size: 14px}
@media (max-width: 1280px) {
    .play_box {font-size: 13px}
    .play_list-items_item {padding-left: 0;height: 50px}
    .play_item-flexible {display: block;width: 80px;}
    .play_item-date {width: 100%;padding-left: 0}
    .play_item-league {width: 100%;padding-left: 0}
    .play_item-play {width: 17%}
    .play_list-items_item[sportid="1"] .play_item-league:before {display: none}
    .play_list-items_item[sportid="2"] .play_item-league:before {display: none}
    .play_item-team strong {display: block;height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .play_center-flexible {display: block;flex: 1;padding-left: 20px}
    .play_center-flexible .play_item-vs {display: none;}
    .play_center-flexible .play_item-team {width: 100%}
    .play_center-flexible .play_item-team_left {text-align: left}
}


.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: 1280px) {
    .left_img_box {padding: 0px}
    .left_img_box .pic_list, .left_img_box .video_list {float: none;margin: 0}
    .pic_list li .ib {width: 100%;height: 180px;}
    .left_img_box .video_list li a {position: relative;padding-left: 25px;}
    .left_img_box .video_list li a::after {content: ' ';position: absolute;width: 22px;height: 22px;background: url(/img/xinwen.png) no-repeat;background-size: cover;left: 0;top: 50%;transform: translate(0, -50%);}
}
.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: 1280px) {
}


.topic_box{background: #FFFFFF;}
.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: 1280px) {
    .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:0}
    .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}

.navbar {margin-top: 15px;padding: 5px}
.navbar-menus li {float: left;padding: 8px 15px;}
.navbar-menus li.active {background: #ffbb3f;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}
    .navbar-menus {width: 1200px}
}


.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;overflow:hidden}
.video_pagination_list_item_right a{color:#999;margin-left:15px;font-size: 12px}
@media (max-width: 1280px) {
    .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:#ffbb3f;border:1px solid #ffbb3f}
.pagination-box ul.pagination li.active a{color:white}
.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:#ffbb3f;color:#fff;border-radius:30px;text-align:center;padding:5px 15px;line-height:58px}
@media (max-width: 1280px) {
    .live_right_box {padding: 15px}
}


.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}
@media (max-width: 1280px) {
    .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_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:550px;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: 1280px) {
    .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}
}




.sig-vs{width:100%;background:url(../img/score.jpg) no-repeat;background-size:cover;color:#fff;text-align:center;overflow:hidden}
.sig-vs img{width:80px;max-height:80px;margin:auto 18px;border-radius:2px;border-radius: 100%;background: #FFFFFF}
.sig-vs div *{vertical-align:middle}
.sig-vs b,.sig-vs b a{color:#fff;line-height:80px;font-size:24px;display:inline-block}
.sig-vs i{color:#ffbb3f;font-size:0;font-style:normal;font-weight:600;margin:auto 5px}
.sig-vs .team{display:inline-block;height:130px;width:100%;padding:45px 0}
.sig-vs .team div{display:inline-block}
.sig-vs .team div.ht{width:35%;text-align:right}
.sig-vs .team div.gt{width:35%;text-align:left}
.sig-vs-txt{min-width:278px;width:28%}
.sig-vs-txt.title{min-width:278px;width:60%}
.sig-vs-txt b{font-size:24px;line-height:40px}
.sig-vs-txt em{font-size:20px;line-height:20px;color:#ffbb3f;display:block;font-style:normal;padding-bottom: 15px}
.sig-vs-txt span{font-size:18px;line-height:25px;color: #bebebe;display:block;vertical-align:middle}
.sig-list{display:block;width:1200px;background:rgba(0,0,0,.1);text-align:center;margin:0 auto;padding-bottom: 20px}
.sig-list a{display:inline-block;line-height:1.2;min-width:82px;color: red;padding:5px 12px;margin:21px 16px!important;border:solid 1px red;border-radius:14px}
.sig-list a.active,.sig-list a:hover{background:red;color:#fff}
.sig-prev{width:80%;border:1px dotted #f8990c;margin:20px auto;padding:10px 20px;background-color:#fff}
.sig-list a{margin:auto 8px}
.sig-videos .vl{margin-left:5px;display:inline-block}
.sig-table{width:795px;border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc}
.sig-table thead tr td{background-color:#d8d8d8}
.sig-thead{height:44px;line-height:40px}
.sig-thead *{vertical-align:middle}
.sig-thead i{display:inline-block;height:20px;width:5px;background-color:#ff4d4d;border-radius:3px;margin:0 10px 0 0}
.sig-thead b{line-height:30px;display:inline-block;font-size:18px}
.sig-table td{border-bottom:1px solid #ccc;height:50px;text-align:center}
.sig-table .trbg{background-color:#fcfcfc}
.sig-table .bold{font-weight:700;font-size:16px}
.sig-list ul li {display: inline-block}
.bisai_desc_box,.luxiang_box{margin-top:30px}
.bisai_desc_info p{font-size:14px;padding-top:15px}
@media (max-width: 1280px) {
    .sig-list {padding: 0}
    .sig-vs .team { height: 100%;padding: 15px 0;display: flex }
    .sig-vs-txt { min-width: unset;}
    .sig-vs b, .sig-vs b a { display: block;line-height: unset;font-size:unset }
    .sig-vs .team div.ht { display:flex;flex-direction: column-reverse;align-items: center;justify-content: center; text-align: center }
    .sig-vs img { width:46px;max-height:46px;margin: 0 }
    .sig-vs-txt p { font-size: 20px }
    .sig-vs-txt em { font-size:16px}
    .sig-vs {padding-bottom: 15px}
    .sig-vs-txt span { font-size: 14px;line-height: 1.2 }
    .sig-vs .team div.gt { display:flex;flex-direction: column;align-items: center;justify-content: center; text-align: center }
    .sig-list { width: 100%;font-size:12px;}
    .sig-list a {min-width:unset;height:unset;margin: 5px 3px!important;}
    .sp_xg_left { width:unset;float: none;padding: 0 14px;box-sizing: border-box }
}



.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: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(../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}
@media (max-width: 1280px) {
    .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;width:calc(92vw - 100px - 1rem);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(../img/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: 1280px) {
    .content_box {padding: 5px}
    .content_box_bd {padding: 0}
    .content_box_bd img{width:100%;max-width:100%}
    .content_box iframe {width: 100%}
}

.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 #ffbb3f 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}

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

.match_filter_roll {padding: 2px}
.match_filter_item {position:relative;display: inline-block;padding: 5px 10px;margin-bottom: 10px;}
.match_filter_item a {width: 100%;height: 100%;padding: 5px 10px;font-size: 14px;font-weight: 400;color: #6b6b6b;border-radius: 2px;}
.match_filter_item.active a {border: solid 1px #dd4d30;color: #dd4d30}
.match_filter_item::after {content: "";position: absolute;width: 1px;height: 12px;background: #d8d8d8;right: 0;top: 50%;transform: translateY(-50%);}
@media (max-width: 600px) {
    .match_filter_roll {zoom: 0.9}
}
.match_filter li a i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px -2px 0;
}
.icon-zhongyao {
    background: url(../img/sprite.png) -256px 0;
}
.icon-zuqiu {
    background: url(../img/sprite.png) 0 0;
}
.icon-lanqiu {
    background: url(../img/sprite.png) -32px 0;
}
.icon-quanbu {
    background: url(../img/sprite.png) -192px 0;
}