

/* header */
.header{width:100%;height:50px;line-height:48px;background:#fff;box-shadow:0px 2px 18px -5px rgba(0,0,0,0.14)}
.header_logo{margin-right:50px}
.header_logo img{width:auto;height:58px;padding: 1px;box-sizing: border-box}
.header_menu_item{float:left;width:100px;height:50px;text-align:center;border-radius: 5px;}
.header_menu_item.active{background:#d41d1b}
.header_menu_item.active a{color:#FFFFFF}
.header_menu_item a{display:block;width:100%;height:100%;font-size:18px;font-weight:400}
.header_simple_navigation{background:#FFFFFF;box-shadow: 0px 2px 18px -5px rgba(0, 0, 0, 0.14);}
.header_simple_navigation_item{height:50px;line-height:50px;float:left;margin-right:20px;}
.header_simple_navigation_item a {font-size: 14px}
@media (max-width: 600px) {
    .header {height: auto;line-height: unset}
    .header_logo {margin: 0}
    .header_logo img {width: auto;height: 50px;padding: 5px;box-sizing: border-box;}
    .header_menu_item {height: 35px;line-height: 35px;border-radius:0px;}
    .header_menu_item.active {background:#b790fd}
    .header_menu_item a {font-size: 14px;color: #FFFFFF}
    .header_menu {display: flex;background: #d41d1b;}
    .header_simple_navigation { overflow-y: hidden;overflow-x: auto;padding: 0 15px;box-sizing: border-box }
    .header_simple_navigation ul { width: 1200px }
    .header_simple_navigation_item{height:40px;line-height:40px;float:left;margin-right:20px;}
}
/* end header */

/* column */
.column {position: relative;width: 100%;background: #FFFFFF;border-radius: 12px 2px 2px 2px;margin-top:30px;}
.column_hd {width:150px;position: relative;height: 40px;line-height: 40px;display: inline-block;background: #d41d1b;border-radius: 12px 0px 12px 0px;vertical-align: top;box-sizing: border-box;padding-left: 20px;}
.column_hd img {display: inline-block;width: 24px;height: 24px;vertical-align: middle;margin-bottom: 4px;}
.column_hd h2 {display: inline;font-size: 17px;font-weight: bold;color: #fff;}
.column_hd::after {content: ' ';position: absolute;top:0;right: -26px;width: 33px;height: 40px;
/*background: url("/images/title_bg.png") no-repeat;*/
background-size: cover;}
.column_hd a {color:#fff;/*position: absolute;right: -60%*/}
.column_bd {width:100%;background: #FFFFFF;padding: 15px;box-sizing: border-box;line-height: 1.6;overflow: hidden}
@media (max-width: 600px) {
    .column_hd {width:120px;height: 30px;line-height: 30px;padding-left: 10px;}
    .column_hd img {width: 16px;height: 16px;}
    .column_hd::after {right: -23px;width: 23px;height: 30px;}
    .column_hd h2 {font-size: 14px;}
    .column_bd {padding: 5px}
    .column_hd a {position: absolute;right: -50%;font-size: 14px}
}
/* end column */

/* match */
.date{color:#d41d1b;background-color: #f2f2f2;padding: 5px;}
.match_filter_item {position:relative;display: inline-block;margin-bottom: 10px;padding:5px;}
.match_filter_item a {display: block;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%);}
.match_date {font-size: 16px;padding: 15px 0;margin-top: 15px}
.match-item:nth-child(2n) {background: #fafafa;}
.match-item {display: flex;align-items: center;font-size: 15px;padding: 15px;border-bottom: solid 1px #dedede !important;}
.match-item .info_left{display:flex;align-items:center}
.match-item .info_left .time{display:inline-block;width:75px}
.match-item .info_left .league{display:inline-block;width:260px;padding-right:20px;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align:left}
.match-item .info_center{display:flex}
.match-item .info_center .home{display:flex;justify-content:center;align-items:center}
.match-item .info_center .home .left{display:flex;align-items:center;width:150px;text-align:right;justify-content:flex-start}
.match-item .info_center .home .left > img{width:30px;max-height:30px;margin-right:5px}
.match-item .info_center .home .left .text{display:inline-block;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding-left:10px;text-align:left}
.match-item .info_center .score{display:flex;justify-content:center;align-items:center;font-size:16px;width:130px}
.match-item .info_center .away{display:flex;justify-content:center;align-items:center}
.match-item .info_center .away .right{display:flex;align-items:center;width:150px;justify-content:flex-end}
.match-item .info_center .away .right .text{display:inline-block;width:120px;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.match-item .info_center .away .right > img{width:30px;max-height:30px;margin-right:10px}
.match-item .info_right{box-sizing:border-box;margin-left:auto;display:inline-block;vertical-align:middle;font-size:14px;border:solid 1px #d41d1b;padding:5px 10px;border-radius:10px;margin-right:10px;width:95px;text-align:center}
.match-item .begin{border: solid 1px #d41d1b;background-color: #d41d1b;
}
.begin a{color:#ffffff
!important}
.match-item .info_right a{color:#d41d1b}
.match-item .info_right.start {border: solid 1px #d41d1b;}
.match-item .info_right.start a {color: #d41d1b;}
.match-item .info_right.end {border: solid 1px #333333;background: linear-gradient(90deg, #292E2E 0%, #0f1852 50%, #292E2E 100%);}
.match-item .info_right.end a {color: #FFFFFF;}
.match_filter_roll {margin-top: 10px}
@media (max-width: 600px) {
    .match_filter_roll {overflow-x: auto}
    .match {margin-top: 0}
    .match_date{padding:2px !important;font-size:14px !important;padding-left:10px !important;background:#f5e3e3}
    .match-item{position:relative}
    .match-item .info_left{display:block !important;width:75px !important;font-size:14px}
    .match-item .info_left span{display:block !important}
    .match-item .info_left .time,.match-item .info_left .league{width:70px !important;padding:0}
    .match-item .info_center .home .left{width:120px !important}
    .match-item .info_center img{display:none}
    .match-item .info_center{display:block !important;font-size:14px}
    .match-item .info_center .home{padding-bottom:5px}
    .match-item .info_center .home,.match-item .info_center .away{display:block !important}
    .match-item .info_center .home .left .text{padding-left:0 !important}
    .match-item .info_center .away .right{display:block !important}
    .match-item .info_center .score{display:block !important;position:absolute;right:10%;top:50%;transform:translate(-5%,-50%);font-size:14px !important}
    .match-item .info_center .score span{display:block}
    .match-item .info_center .score .fenge{display: none;}
    .match-item .info_right{position:absolute;top:50%;right:3%;transform:translate(-3%,-50%);background:#fff;/*border:0 !important*/}
    .match-item .info_right.more{position:relative;padding:2px 5px;margin-top:15px}
    .match-item .info_right a{/*color:#FFFFFF !important;*/font-size:14px !important}
    .match-item .info_right.start{background:#d41d1b}
    .match-item .info_right.end{background:#999999}
    .match-item .info_right.end {border: solid 1px #333333;background: linear-gradient(90deg, #292E2E 0%, #0f1852 50%, #292E2E 100%);}
    .match-item .info_right.end a {color: #FFFFFF;}
    .match-item .begin {border: solid 1px #d41d1b;background-color: #d41d1b;}
}
/* end match */

/* hot_liansai_list */
.hot_liansai_list{padding-left:15px;box-sizing:border-box}
.hot_liansai_list li{display:inline-block;width:100px;height:100px;margin-right:10px;text-align:center;border:solid 1px transparent}
.hot_liansai_list li:hover{border:solid 1px #dedede}
.hot_liansai_list_pic{width:56px;height:56px;margin-top:8px;margin-bottom:4px}
.hot_liansai_list_text{max-width:60px;margin:0 auto;font-size:12px;font-weight:400;color:#949494}
@media (max-width: 600px) {
    .hot_liansai_list li{width:29%;height:100px;}
}
/* end hot_liansai_list */

/* video_list */
.video_list li {font-size: 14px;font-weight: 400;color: #000;margin-bottom: 12px;}
.fontsize li{font-size:16px;}
.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) {
    .video_list {margin-top: 10px}
    .video_list li{padding: 0 15px}
    .fontsize li{font-size:14px;}
}
/* end video_list */

/* banner_new_hd */
.banner_new li{margin-bottom:5px}
.banner_new_hd{position:relative;overflow:hidden}
.banner_new_hd_img{width:100%;height:197px;border-radius:6px;object-fit:cover}
.banner_new_hd_text{position:absolute;width:100%;height:46px;left:0;bottom:-15px;max-width:324px;margin:33px 0 12px 12px;font-size:14px;font-weight:400;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.banner_new_bd {margin-top: 5px}
.banner_new_bd ul li{height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 14px}
@media (max-width: 600px) {
    .banner_new_hd {padding: 10px}
    .banner_new_bd {margin-top: 0;padding: 0 10px}
}
/* end banner_new_hd */

/* tags_list */
.tags_list li{font-size:14px;font-weight:400;float:left;margin-right:2px;margin-bottom:14px;display:inline-block;height:22px;padding:0 6px;line-height:22px}
.tags_list li:hover{background:#12bf19}
.tags_list li:hover a{color:#FFFFFF}
@media (max-width: 600px) {
    .tags_list {padding: 10px}
}
/* end tags_list */

/* left_img_box */
.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 .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: 25px;}
    .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%);}
}
/* end left_img_box */

/* sub_nav */
.sub_nav {margin-top: 30px}
.sub_nav_menus li.active {background: #dd4d30;}
.sub_nav_menus li {float: left;background: #dedede;padding: 5px 10px;margin-right: 10px;border-radius: 5px;}
.sub_nav_menus li.active a {color: #FFFFFF;}
.sub_nav_menus li a {display: block;font-size: 14px;}
@media (max-width: 600px) {
    .sub_nav {margin-top:5px;overflow-x: auto;padding: 5px 15px;padding-bottom: 15px;}
    .sub_nav_menus {width: 1200px;overflow-x: auto;overflow-y: hidden}
}
/* sub_nav */

/* topic */
.topic_box{margin-top:30px;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: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:#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}
}
/* end topic */

/* ranking */
.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}
@media (max-width: 600px) {
}
/* end ranking */

/** match_table **/
.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:#F23632}
.match_show_date_tabs a.active{color:#F23632;border:1px solid #d41d1b;border-bottom:solid 8px #d41d1b;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 #d41d1b;font-size:16px}
.match_status_tabs a.active{background:#d41d1b;color:#FFFFFF}
.data_content_table{margin-top:36px}
.nbadata_table_title{font-weight:bold;font-size:18px;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 img{display:none}
    .match_show_date_tabs a {height: 54px;}
}
/** end match_table **/

/** video_pagination_list **/
.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:390px;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;width:220px;float:right;text-align:right;padding-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.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}
    .video_pagination_list_item_right{width:18%;line-height:1.6;display: block}
}
/** end video_pagination_list **/

/** video_page_list **/
.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}
}
/** end video_page_list **/

/** arc_page_list **/
.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:555px;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}
}
/** end arc_page_list **/

/** live_right_box **/
.live_right_box{padding:15px 0}
.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}
/** end live_right_box **/
@media (max-width: 600px) {
    .live_right_box {padding: 15px}
}
/** live **/
.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:32px;font-family:DIN;font-weight:bold;line-height:39px;color:#FFFFFF}
.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}
.signal_box .tag-title img{vertical-align:middle}
.signal_list{margin-top:15px}
.signal_list ul li a{float:left;padding:5px 10px;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}
    .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}
}
/** end live **/

/** lxjj **/
.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;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(/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}
    .collection{padding:15px}
    .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(/images/video_play.png) no-repeat;background-size:100%;position:absolute;left:10%;top:32%}
}
/** end lxjj **/

/** content **/
.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:30px;text-indent:20px;line-height:30px}
.content_box_bd img{max-width:94%;margin:15px auto;display:block}
.tags{margin-bottom:30px;display: flex;align-items: center;}
.tags h2{font-size:16px;font-weight:bold;margin-bottom:15px;border-top:solid 1px #dedede;padding-top:15px}
.tags li{float:left;padding:0px 15px;background:#F2F2F2;border-radius:100px;margin:5px 10px;font-size:14px}
@media (max-width: 600px) {
    .content_box_hd{padding:15px}
    .content_box_bd img{width:100%;max-width:100%}
}
/** end content **/

/** liansai **/
.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 #e60640 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}
/** end liansai **/

.hdt{
    flex: 1;
    font-size: 1.2rem;
    font-weight: 700;
}
.panel{
    background: #fff;
    width: 1159px;
    margin-top: 40px;
}

.panel-hd{
    /*display: flex;*/
    padding-left:20px ;
    border-bottom: solid 1px #d3d3d3;
    height: 50px;
    line-height: 50px;
}

@media (max-width: 600px){
    .panel{width:100%;}
}
.zb-zzk-list{
    display: flex;
    flex-wrap: wrap;
    padding: 15px 20px;
}

.zb-zzk-list li{
        float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.zb-zzk-list li a{
        display: inline-block;
    color: #fff;
    padding: 2px 10px;
    background: #d41d1b;
    border-radius: 5px;
        font-size: 14px
}
.zb-zzk-list li a:hover{
    /*color: #d41d1b;*/
    background: b73a3a
}


/* footer */
.footer-wrapper{width:100%;margin-top:40px;padding:38px 0 30px 0;background:#fff}
.footer-wrapper .footer-inner{width:1080px;margin:0 auto}
.footer-wrapper .footer-inner .footer-box{padding-right:121px;font-size:14px;font-weight:400}
.footer-wrapper .footer-inner .footer-box .footer-left{float:left}
.footer-wrapper .footer-inner .footer-box .footer-left .footer-logo{width:80px;height:80px}
.footer-wrapper .footer-inner .footer-box .footer-right{float:right;width:867px}
.footer-wrapper .footer-inner .footer-box .footer-right .footer-link{margin-bottom:16px}
.footer-wrapper .footer-inner .footer-box .footer-right .footer-link .text{margin-right:5px;font-weight:600}
.footer-wrapper .footer-inner .footer-box .footer-right .footer-link .website{margin-right:22px}
.footer-wrapper .footer-inner .footer-box .footer-right .footer-desc{margin-bottom:15px;color:#999}
.footer-wrapper .footer-inner .footer-box .footer-right .footer-copyright{color:#999}
.footer-copyright a{color:#999;}
.footer-copyright a:hover{color:#d41d1b;}
@media (max-width: 600px) {
    .footer-wrapper .footer-inner .footer-box {padding: 5px}
    .footer-wrapper .footer-inner{width:100%;margin:0 auto}
    .footer-wrapper .footer-inner .footer-box {display: flex}
    .footer-wrapper .footer-inner .footer-box .footer-left{padding-right: 15px}
    .footer-wrapper .footer-inner .footer-box .footer-left .footer-logo{width:40px;height:40px}
    .footer-wrapper .footer-inner .footer-box .footer-right{float:none;width:100%;font-size: 12px}
}
/* end footer */

/** col2 **/
.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}
}
/** end col2 **/

/* sitemap_box */
.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;}
/* end sitemap_box */

.match_filter li a i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px -2px 0;
}
.icon-zhongyao {
    background: url(/images/sprite.png) -256px 0;
}
.icon-zuqiu {
    background: url(/images/sprite.png) 0 0;
}
.icon-lanqiu {
    background: url(/images/sprite.png) -32px 0;
}
.icon-quanbu {
    background: url(/images/sprite.png) -192px 0;
}
.get-more-match {display:block;padding: 15px;text-align: center;font-size: 16px;color: #cf0d0d;margin-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:16px;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:#12bf19;border:1px solid #12bf19}
.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}
.pagination-box ul.pagination li a{display:block;width:100%;height:100%;color:#949494;text-decoration:none}
.position-container{width:100%;margin-bottom:24px;font-size:14px;font-weight:400;color:#949494}
.position-container .arrow{padding:0 2px}

