@charset "UTF-8";
*{box-sizing:border-box;font-family:PingFang SC,tahoma,arial,'Microsoft Yahei','Hiragino Sans GB','\5b8b\4f53',sans-serif}
*{margin:0;padding:0;}
.dateheader {
    float: left;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    width: 100%;
    margin: 0px 0%;
    background-color: #2d2d2d; /* 深灰黑色背景 */
    color: #e0e0e0; /* 浅灰文字 */
    font-weight: 700;
    font-size: 14px;
    padding-left: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3); /* 增加立体感阴影 */
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5tahoma,arial,\5b8b\4f53;color:#e0e0e0} /* 全局文字色 */
h1,h2,h3,h4,h5,h6{font-size:100%;color:#fff} /* 标题白色 */
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:couriernew,courier,monospace}
small{font-size:12px}
ul,ol{list-style:none}
a{-webkit-tap-highlight-color:rgba(255,255,255,0.2);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;text-decoration:none;outline:none;color:#e0e0e0;transition:color 0.3s} /* 链接色 */
a:hover{color:#fff} /* 链接hover高亮 */
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#e0e0e0}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%;outline:none;background:#333;border:1px solid #444;color:#e0e0e0;border-radius:4px;padding:5px 10px} /* 表单元素深色化 */
table{border-collapse:collapse;border-spacing:0}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
@keyframes upToDown{0%{transform:translate(0px,0px);opacity:1}
    50%{transform:translate(0px,-10px);opacity:0.6}
    100%{transform:translate(0px,0px);opacity:1}
}@-webkit-keyframes upToDown{0%{-webkit-transform:translate(0px,0px);opacity:1}
     50%{-webkit-transform:translate(0px,-10px);opacity:0.6}
     100%{-webkit-transform:translate(0px,0px);opacity:1}
 }@keyframes brees{0%{-webkit-transform:scale(0.95);transform:scale(0.95)}
      50%{-webkit-transform:scale(1);transform:scale(1)}
      100%{-webkit-transform:scale(0.95);transform:scale(0.95)}
  }@-webkit-keyframes brees{0%{-webkit-transform:scale(0.8);transform:scale(0.8)}
       50%{-webkit-transform:scale(1);transform:scale(1)}
       100%{-webkit-transform:scale(0.8);transform:scale(0.8)}
   }.row{zoom:1}
.row:after{display:block;height:0;clear:both;content:"";visibility:hidden}
.flexbox {display: flex}
.flex-1{float:left;width:8.33333%}
.flex-2{float:left;width:16.66667%}
.flex-3{float:left;width:25%}
.flex-4{float:left;width:33.33333%}
.flex-5{float:left;width:41.66667%}
.flex-6{float:left;width:50%}
.flex-7{float:left;width:58.33333%}
.flex-8{float:left;width:66.66667%}
.flex-9{float:left;width:75%}
.flex-10{float:left;width:83.33333%}
.flex-11{float:left;width:91.66667%}
.flex-12{float:left;width:100%}
body{background:#121212} /* 黑色背景 */
.container {width: 1200px;margin: 0 auto;}
.float-clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.float-clear{zoom:1}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ellipsis2{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}
.breakword{word-wrap:break-word;word-break:break-all;overflow:hidden}
.pointer{cursor:pointer}
.float-left{float:left}
.float-right{float:right}
.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 #444;background:#2d2d2d;border-radius:4px;transition:all 0.3s;cursor:pointer;min-width:26px}
.pagination-box ul.pagination li:hover:not(.active){background-color:#3a3a3a;border-color:#555}
.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:#d4dae1;border:1px solid #d4dae1}
.pagination-box ul.pagination li.active a{color:white}
.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:18px auto;font-size:14px;font-weight:400;color:#949494}
.position-container a{color:#949494}
.position-container a:hover{color:#e0e0e0}
.position-container .arrow{padding:0 2px}
[hidden]{display:none}
.container_left {width: 840px;float: left;}
.container_right {width: 350px;float: right;}
.mt10 {margin-top: 10px}
.mt20 {margin-top: 0px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.autoheight{height:auto!important}
.not_data {padding: 5px 15px;color: #999999;background:#1e1e1e;border-radius:4px}
.breadcrumb {font-size: 14px;padding: 15px 0;color: #8D8D8D;}
.breadcrumb a:hover{color:#fff}
@media (max-width: 600px) {
    .container {width: 100%;margin: 0}
    .float-left {float: none}
    .container_left {width: 100%;float: none;}
    .container_right {width: 100%;float: none;margin-top: 30px}
    .breadcrumb {padding: 15px}
}

.pc{display:block}
.mobile{display:none}
@media (max-width: 780px) {
    .pc{display:none!important}
    .mobile{display:block!important}
}

li{list-style-type: none;}
.bgwhite{background-color: #1e1e1e;/* 深灰背景替代白色 */border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.flex-between{ display: flex;justify-content:space-between;flex-wrap:wrap;}

.nodate{display: flex;justify-content: center;align-items: center;flex-direction: column;padding:60px 0;width:100%;border-radius:10px;background:#1e1e1e}
.nodate p{font-size: 14px;text-align: center;line-height: 1.5;color: #bbb}

/* header */
.header{width:100%;height:70px;line-height:70px;background: #000;/* 纯黑头部 */box-shadow:0px 2px 18px -5px rgba(0,0,0,0.5)}
.header_logo{margin-right:50px; height: 60px}
.header_logo img{width:auto;height:60px;margin:5px 0;box-sizing: border-box}
.header_menu_item{float:left;text-align:center;position: relative;}
.header_menu_item a{color: #ccc;padding:0 10px;transition:all 0.3s}
.header_menu_item.active{border-bottom:3px solid #FDC606;box-sizing: border-box;}
.header_menu_item.active a{color:#FDC606}
.header_menu_item a{display:block;width:100%;max-height:67px;font-size:18px;font-weight:400}
.header_menu_item .header_menu_item_item{position: absolute;display: none;background: #1a1a1a;width: 100%;z-index: 999;border-radius:0 0 4px 4px;box-shadow:0 4px 8px rgba(0,0,0,0.3)}
.header_menu_item .header_menu_item_item li a{line-height: 40px;font-size: 14px;}
.header_menu_item .header_menu_item_item li a:hover{background:#2d2d2d;color: #FDC606}
.header_menu_item:hover .header_menu_item_item{display: block;}

@media (max-width: 780px) {
    .header_menu{flex-wrap: wrap;}
    .header_menu_item:hover .header_menu_item_item{display:none}
}

/* match_top */
.match_top{position: relative;}
.match_top .match {background: linear-gradient(135deg, #1a1a1a, #2d2d2d);/* 深色渐变背景 */border-radius: 8px;width: 100%;height: 160px;color:#fff;padding:10px;box-shadow:0 2px 10px rgba(0,0,0,0.3)}
.match_top .match .liansai{ overflow-wrap: break-word;color:#C3C3C3;font-size: 12px;text-align: left;white-space: nowrap;line-height: 12px;padding-bottom: 10px;}
.match_top .match .liansai a{font-size: 12px;color: #fff}
.match_top .match .time {overflow-wrap: break-word;color:#C3C3C3;font-size: 12px;text-align: left;white-space: nowrap;line-height: 12px;}
.match_top .match .rightside a{width: 60px;height: 28px;background: #333;border: 1px solid #FDC606;border-radius: 3px;float:right;color:#FDC606;text-align: center;font-size:12px;line-height: 26px;transition:all 0.3s}
.match_top .match .rightside a:hover{background:#FDC606;color:#000}
.match_top .match .match_qiudui{border-top: 1px solid #444;width:100%;}
.match_top .match .match_qiudui a{display: block;}
.match_top .match .match_qiudui .qiudui{display: flex;color: #fff;width:100%;padding-top: 10px;line-height: 28px;}
.match_top .match .match_qiudui .qiudui .name{font-size: 14px;display: flex;flex-direction: row;justify-content: center;}
.match_top .match .match_qiudui .qiudui img{width: 28px;height: 28px;margin-right:5px;border-radius:4px}
.match_top .swiper-container{overflow: hidden;}
.match_top .swiper-button-next:after, .match_top .swiper-button-prev:after{display: none}
.match_top .swiper-button-prev{background:url(/images/ico_left.png) no-repeat;width: 20px;height: 33px;filter: brightness(0.8);}
.match_top .swiper-button-next{background:url(/images/ico_right.png) no-repeat;width: 20px;height: 33px;filter: brightness(0.8);}
.match_top .swiper-button-prev{left:-30px;}
.match_top .swiper-button-next{right:-30px;}
/* match_top */

.topnewsmain{padding:20px;background-color: #1e1e1e;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.news01{width: 440px;height:380px;position: relative;}
.news02{width: calc(100% - 460px);height:380px;position: relative;}
.news02 .item{width: 32%;overflow:hidden}
.news02 .item a{display:block}
.news02 .pic{width: 100%;height: 130px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:5px;border-radius:4px}

.news01 .pic{width: 100%;height: 380px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:5px;border-radius:6px}
.news01 .pic img{height:100%;transition:transform 0.5s;}
.news01 .pic:hover img{transform:scale(1.05)}
.news01 p{width:100%;background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);position:absolute;bottom:0;left:0;color: #fff;line-height: 1.5;padding:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news02 img{margin-bottom: 5px;width: 100%;border-radius:4px;transition:transform 0.5s}
.news02 img:hover{transform:scale(1.03)}
.news02 p{color: #e0e0e0;font-size:14px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/* column */
.column {position: relative;width: 100%;background: #1e1e1e;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.column_hd {width:100%;position: relative;line-height:1;vertical-align: top;box-sizing: border-box;}
.column_hd img {display: inline-block;width: 24px;height: 24px;vertical-align: middle;margin-right: 8px;filter: brightness(0.9);}
.column_hd h2 {display: flex; align-items: center; font-size: 17px;font-weight: bold;color: #fff;}
.column_hd .match_filter_roll {width: calc(100% - 150px)}
.column_hd h2 em {width: 4px;height: 18px;border-radius: 2px;background-color: #d4dae1;margin-right: 8px;}
/* column */

/* match */
.match_filter_item{display: inline-block;min-width: 70px;height: 28px;text-align:center;line-height: 28px;}
.match_filter_item a {position:relative;background:#2d2d2d;border-radius: 4px;display: block;color:#e0e0e0;font-size:14px;padding:0 10px;transition:all 0.3s}
.match_filter_item a h1{font-weight:400;display:inline-block;}
.match_filter_item.active a {background: #48465d;color:#fff}
.match_filter_item a:hover:not(.active){background:#3a3a3a}

@media (max-width: 600px) {
    .column{padding:15px;}
    .column_hd .match_filter_roll{width:100%;margin-top:20px;}
    .match_top .match .match_qiudui .qiudui .bifen{display: none;}
    .match_filter_item a{font-size:12px;}
}

.match_date {font-size: 16px;padding: 15px 0;margin-top: 15px;color:#fff}
.match-item:nth-child(2n) {background: #252525;}
.match-item {display: flex;align-items: center;font-size: 15px;padding: 15px;border-bottom: solid 1px #333 !important; justify-content: space-between;}
.match-item .info_left{display:flex;align-items:center}
.match-item .info_left .time{display:inline-block;width:75px}
.match-item .info_left .time{font-weight: 600;color:#e0e0e0}
.match-item .info_left .time em{color:#9A9A9A; font-weight: 400;display:block}
.match-item .info_left .league{display:inline-block;width:120px;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_left .league a{color:#9A9A9A;}
.match-item .info_left .league a:hover{color:#e0e0e0}

.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;flex-direction: row-reverse;}
.match-item .info_center .home .left > img{width:30px;max-height:30px;margin-left:5px;border-radius:3px}
.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;color:#e0e0e0}
.match-item .info_center .score{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:600;width:100px;color:#fff}
.match-item .info_center .score .fenge{padding:0 10px;color:#999}
.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;color:#e0e0e0}
.match-item .info_center .away .right > img{width:30px;max-height:30px;margin-right:10px;border-radius:3px}
.match-item .info_right{box-sizing:border-box;display:inline-block;vertical-align:middle;font-size:14px;width:100px;text-align:center;line-height: 32px}
.match-item .info_right a{color:#999999;display:block;transition:all 0.3s}
.match-item .info_right a:hover{color:#fff}

.match-item .info_right.begin {background: #2d2d2d;color: #e0e0e0;border-radius:4px}
.match-item .info_right.begin a{color:#e0e0e0}

.match-item .info_right.start {background: #d4dae1;color: #fff;border-radius:4px}
.match-item .info_right.start a {color: #fff;}
.match-item .info_right.end {background: #3a3a3a;border-radius:4px}
.match-item .info_right.end a {color: #FDC606;}

.match_list_more{width: 280px;height: 36px;background: #333;margin:20px auto;text-align: center;line-height: 36px;border-radius:4px;transition:all 0.3s;cursor:pointer}
.match_list_more:hover{background:#444}
/* end match */

.container_right .column_hd{border-bottom:1px solid #333;margin-bottom: 10px;padding-bottom: 10px}
.container_right .column_hd .more{width: 46px;height: 22px; color:#8A8A8A;text-align:center;background: #2d2d2d;border: 1px solid #444;line-height: 20px;font-size: 14px;font-weight: 400;border-radius:3px;transition:all 0.3s}
.container_right .column_hd .more:hover{background:#3a3a3a;color:#e0e0e0}
.container_right .column_bd .video_list li a img{ vertical-align: middle; margin-right: 5px;filter: brightness(0.8);}

.friend-wrapper{background: #2d2d2d;padding:10px 0;border-radius:6px}
.friend-wrapper .container a{line-height: 1.8;margin:0 5px;color:#999;transition:color 0.3s}
.friend-wrapper .container a:hover{color:#e0e0e0}

/*球队球员 */
.hide{display: none}
.show{display: block!important}
.team_rank_main{background-color: #1e1e1e;border-radius: 8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.team_rank_main .team_rank_item{display:none}
.team_rank_main .team_rank_item.on{display:block}

.team_rank_main .team_rank_match{margin-bottom:10px;}
.team_rank_main .team_rank_match span{font-size: 14px;text-align: center;flex:1;padding:5px 0;cursor:pointer;color:#e0e0e0}
.team_rank_main .team_rank_match span.on{color:#000;background-color:#FDC606;}
.team_rank_main .team_rank_score{padding:0px;}

.team_rank{position:relative}
.team_rank_main .team_rank_match{position:absolute;right:0px;top:-46px;background: #333;}
.team_rank_main .team_rank_match span{background:#2d2d2d;border-radius:0;padding:5px 20px}
.team_rank_main .team_rank_match_saishi{background:#2d2d2d;display:flex;margin-bottom:10px;display:none}
.team_rank_main .team_rank_match_saishi.on{display:flex}
.team_rank_main .team_rank_match_saishi span{flex:1;font-size:14px;text-align:center;line-height:30px;cursor:pointer; color:#e0e0e0}
.team_rank_main .team_rank_match_saishi span.on{color: #000;background-color:#FDC606;}
.team_rank_main .team_rank_match_saishi_east_west{background:#2d2d2d;display:flex;margin-bottom:10px;display:none}
.team_rank_main .team_rank_match_saishi_east_west.on{display:flex}
.team_rank_main .team_rank_match_saishi_east_west span{flex:1;font-size:14px;text-align:center;line-height:26px;cursor:pointer; color:#e0e0e0}
.team_rank_main .team_rank_match_saishi_east_west span.on{color: #000;background-color:#f3ce1e;}

.team_rank_main .team_rank_score li{display: flex;justify-content: space-between;align-items: center;margin:9px 0;padding:5px 5px;}
.team_rank_main .team_rank_score li span{font-size: 14px;text-align: center;color:#e0e0e0}

.team_rank_main div.team_rank_score_name{background:#252525;line-height: 26px;padding:0 10px;display: flex;justify-content:space-between;}
.team_rank_main div.team_rank_score_name span{font-size:14px;color:#999}
.team_rank_main div.team_rank_score_name span:nth-child(1){width: 10%;text-align: center}
.team_rank_main div.team_rank_score_name span:nth-child(2){width: 40%;text-align: left}
.team_rank_main div.team_rank_score_name span:nth-child(3){width: 20%;text-align: center}
.team_rank_main div.team_rank_score_name span:nth-child(4){width: 20%;text-align: center}
.team_rank_main .team_rank_score li.team_rank_score_name span{text-align: center;font-size: 14px;color: #A5A5A5;}
.team_rank_main .team_rank_score li.team_rank_score_name span:nth-child(2){width: 40%;text-align: center}
.team_rank_main .team_rank_score li span img{vertical-align: middle;padding-right: 5px;height: 16px;filter: brightness(0.8);}
.team_rank_main .team_rank_score li span:nth-child(1){width: 10%;text-align: center}
.team_rank_main .team_rank_score li span:nth-child(2){width: 40%;text-align: left}
.team_rank_main .team_rank_score li span:nth-child(3){width: 20%;text-align: center}
.team_rank_main .team_rank_score li span:nth-child(4){width: 20%;text-align: center}
.team_rank_main .team_rank_score li span i{width: 16px;height: 16px;line-height: 16px;text-align: center;font-weight: 600;font-style: normal;display: inline-block;}
.team_rank_main .team_rank_score li:nth-child(1) span i{background:#FF3927;color: #fff}
.team_rank_main .team_rank_score li:nth-child(2) span i{background:#FC7B44;color: #fff}
.team_rank_main .team_rank_score li:nth-child(3) span i{background:#FCCE31;color: #fff}

/* hot_liansai_list */
.hot_liansai_list{box-sizing:border-box;display: flex;justify-content: space-between;flex-wrap:wrap;width: 100%}
.hot_liansai_list li{width: 68px;height: 84px;background: #252525;border: 1px solid #333;display:inline-block;margin-bottom:15px;text-align:center;display: flex;justify-content: center;align-items: center;flex-direction:column;border-radius:6px;transition:all 0.3s}
.hot_liansai_list li:hover{border:solid 1px #555;background:#333;transform:translateY(-2px)}
.hot_liansai_list_pic{width:44px;height:44px;}
.hot_liansai_list_pic img{border-radius:4px}
.hot_liansai_list_text{max-width:48px;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: #e0e0e0;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;transition:color 0.3s}
.video_list li a:hover{color:#fff}
@media (max-width: 600px) {
    .video_list {margin-top: 10px}
}

/*视频列表*/
li.benzhouvideo{padding:10px 10px;display: flex;justify-content:space-between;align-items: center;border-bottom:1px solid #333}
li.benzhouvideo:last-child{border-bottom:none}
li.benzhouvideo a{font-size: 14px;color: #e0e0e0;}
li.benzhouvideo span{display:block;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;width:calc(100% - 100px)}
li.benzhouvideo img{width:22px;height: 22px;margin-right: 5px;filter: brightness(0.8);}
li.benzhouvideo span.time{color:#9B9B9B;font-size:12px;}
li.benzhouvideo a:nth-child(1){width:calc(100% - 90px)}
li.benzhouvideo a.week_video_playbtn{background: #FF1B25;color: #fff;border-radius: 4px;display: block;font-size: 14px;width: 80px;line-height: 30px;border-radius: 16px;text-align: center;overflow: hidden;transition:background 0.3s}
li.benzhouvideo a.week_video_playbtn:hover{background:#ff4d4d}
/* end video_list */

/* banner_new_hd */
.banner_new li{margin-bottom:5px}
.banner_new_hd{position:relative;overflow:hidden;border-radius:6px}
.banner_new_hd_img{width:100%;height:197px;border-radius:6px;object-fit:cover;transition:transform 0.5s}
.banner_new_hd:hover .banner_new_hd_img{transform:scale(1.03)}
.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;text-shadow:0 1px 3px rgba(0,0,0,0.5)}
.banner_new_bd {margin-top: 5px}
.banner_new_bd ul li{height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 14px}
.banner_new_bd ul li a:hover{color:#fff}
@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:8px;padding:5px 12px;display:inline-block;line-height:22px;background: #2d2d2d;border-radius:4px;transition:all 0.3s}
.tags_list li:hover{background:#3a3a3a}
.tags_list li:hover a{color:#e0e0e0;display:block}
@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;border-radius:6px;overflow:hidden}
.pic_list li .ib {width: 240px;height: 150px;}
.pic_list li img {width: 100%;height: 100%;transition:transform 0.5s}
.pic_list li:hover img{transform:scale(1.05)}
.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%);filter: brightness(0.8);}
}
/* end left_img_box */

/* sub_nav */
.sub_nav {margin-top: 30px}
.sub_nav_menus li.active {background: #d4dae1;}
.sub_nav_menus li {float: left;background: #2d2d2d;padding: 5px 10px;margin-right: 10px;border-radius: 5px;transition:all 0.3s}
.sub_nav_menus li:hover:not(.active){background:#3a3a3a}
.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}
}
/* end sub_nav */

/* topic */
.topic_box{margin-top:30px;background: #1e1e1e;padding: 15px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.topic_box_tag_title{height:50px;padding:5px 20px 0 20px}
.topic_box_tag_title img{float:left;width:50px;height:50px;border-radius:4px}
.topic_box_tag_title h1{float:left;font-size:18px;color:#e0e0e0;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;transition:color 0.3s}
.topic_box_tag_title li a:hover{color:#e0e0e0}
.topic_box_tag_title .gd{font-size:14px;color:#999;float:right;margin-top:16px;transition:color 0.3s}
.topic_box_tag_title .gd:hover{color:#e0e0e0}
.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_list li a:hover{color:#fff}
.topic_box_tag_title li.active a{font-weight:bold;color:#e0e0e0}
.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;border-radius:4px}
.score_match_header{display:flex;align-items:center;padding-bottom:15px;font-size:15px;color:#e0e0e0}
.score_match_date,.score_match_tag{flex:1}
.score_match_tag{color:#ff4d4d}
.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;color:#999}
.score_match_team span{padding-left:5px;color:#e0e0e0}
.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}
    .topic_box_score_box {zoom: 0.85}
}
/* end topic */

/* ranking */
.red {color: #DC2221 !important;}
.tocr_block_taggle{height:44px;background:#252525;margin-top:5px;border-radius:4px 4px 0 0}
.tocr_block_taggle li.active{background:#1e1e1e;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;transition:color 0.3s}
.tocr_block_taggle li:hover:not(.active){color:#e0e0e0}
.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:#999}
.tocr_block_table table td{font-size:14px;color:#e0e0e0;text-align:center;padding-top:15px}
/* end ranking */

/** 直播列表页 **/
.match_zhibo_nav{width: 240px;background: #1a1a1a;padding:20px 10px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.match_zhibo_nav .all{width:100%;line-height: 36px;background: #FDC606;text-align: center;color:#000000;border-radius:4px;transition:background 0.3s}
.match_zhibo_nav .all:hover{background:#ffd733}
.match_zhibo_nav .name{font-size: 14px;font-weight: 400;color: #ADADBE;width:100%;margin-top: 20px;padding-bottom: 10px;border-bottom:1px solid #333}
.match_zhibo_nav .name img{margin-right: 5px; vertical-align: middle;filter: brightness(0.8);}
.match_zhibo_nav dl{display: flex;flex-wrap: wrap;}
.match_zhibo_nav dl dd{width:31.888%;margin:1% 2% 1% 0;text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.match_zhibo_nav dl dd:nth-child(3n){margin-right:0%;}
.match_zhibo_nav dl dd a{line-height:1.8;background: #2d2d2d;text-align: center;display: block;color:#ADADBE;font-size:14px;border-radius:3px;transition:all 0.3s}
.match_zhibo_nav dl dd a:hover:not(.on){background:#3a3a3a;color:#e0e0e0}
.match_zhibo_nav dl dd a.on{color:#FDC606;}
.match_zhibo_nav .icooff{display: none;}
.match_zhibo_nav_m{display: none;}
@media (max-width: 780px) {
    .match_zhibo_nav{display: none;}
    .position-container{font-size:12px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .match_analysis .senav{padding:10px;}
    .match_zhibo_nav_m{display: block;background-color:#1e1e1e;padding:0px 5px;color: #8A8A8A;width:100%;display:flex}
    .match_zhibo_nav_m a{color: #8A8A8A;flex:1;font-size:14px;line-height:34px;text-align:center;border-bottom:2px solid #1e1e1e;transition:all 0.3s}
    .match_zhibo_nav_m a:hover:not(.on){color:#e0e0e0}
    .match_zhibo_nav_m a.on{color: #FDC606;border-bottom:2px solid #FDC606}
    .match_zhibo_nav_m img{width:34px;filter: brightness(0.8);}
    .match_zhibo_nav .all{background:#363740;color:#fff;border-bottom:1px solid #494A55;position:relative}
    .match_zhibo_nav .icooff{display: block;position:absolute;right: 10px;top: 7px;width: 24px;}
    .match_zhibo_nav .icooff img{width:100%;filter: brightness(0.8);}
}

.ny_match_list{width: 940px;}
.match_show_date_tabs{height: 88px;background: #1e1e1e;display: flex;text-align: center;border-radius:8px 8px 0 0}
.match_show_date_tabs a{flex:1;font-size: 14px;font-weight: 400;color: #8A8A8A;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all 0.3s}
.match_show_date_tabs a:hover:not(.active){color:#e0e0e0;background:#252525}
.match_show_date_tabs a p.day{font-size:18px;line-height: 1.5}
.match_show_date_tabs a.active{background: #252525;color: #e0e0e0}

.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 #444;background:#2d2d2d;color:#e0e0e0;font-size:16px;transition:all 0.3s}
.match_status_tabs a:hover:not(.active){background:#3a3a3a}
.match_status_tabs a.active{background:#d4dae1;color:#FFFFFF;border-color:#d4dae1}
.data_content_table{margin-top:36px}
.nbadata_table_title{font-weight:bold;font-size:18px;color:#e0e0e0;margin:20px 0 20px 26px;padding-top:15px}
.data_table_index{background:#252525}
.data_table_index table tbody tr th{font:14px/50px "microsoft yahei";color:#999;text-align:center;background:#2d2d2d}
.data_table_index table tbody tr td{font:16px/56px "microsoft yahei";color:#e0e0e0;text-align:center;border-top:1px solid #333}
.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;border-radius:4px}
.nbadata_table_index .logo_name img{width:36px;height:36px;float:left;margin:7px 0 0 20px;border-radius:4px}
.data_table_index .logo_name img{width:30px;height:30px;float:left;margin:14px 0 0 25px;border-radius:3px}

.riqi{display: flex;height: 12px;font-size: 12px;font-weight: bold;color: #8A8A8A;flex-direction:row;align-items:center;margin-top:15px;margin-bottom:15px;position:relative}
.riqi span{width: 6px;height: 6px;background: #F6A302;border-radius: 50%;display:inline-block;margin-right:8px;}
.pd20{padding:20px}
.zw88{height:88px;width:100%;display:block}
.week_list{background:#1e1e1e;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.fixednav{position:fixed;max-width:940px;width:100%;top:0;z-index:9;background:#1e1e1e;border-radius:8px 8px 0 0;box-shadow:0 2px 8px rgba(0,0,0,0.3)}

@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}
    .data_content_table{zoom:0.8}
    .data_table_index .logo_name img{display:none}
    .match_show_date_tabs a {height: 54px;}
    .riqi{padding:0 10px;}
}
/** end match_table **/

/** 直播内容页 **/
.match_analysis{background-color: #1e1e1e;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.match_analysis .senav{border-bottom: 1px solid #333;padding:20px 20px 0px 20px;display: flex;}
.match_analysis .senav span{font-size: 16px;color: #999;padding:10px;padding:10px 20px;text-align: center;cursor:pointer;transition:all 0.3s}
.match_analysis .senav span:hover:not(.on){color:#e0e0e0}
.match_analysis .senav span.on{border-bottom: 3px solid #FDC606;color:#FDC606}

.match_analysis .item{display: none}
.match_analysis .item.on{display: block}
.match_analysis .tabmain{padding:20px;}
.match_analysis .tabmain .sqfx{padding:20px;background:#252525;border-radius:6px}
.match_analysis .tabmain .bszr{padding:20px;background:#252525;border-radius:6px}
.match_analysis .tabmain .jstj{padding:20px;background:#252525;border-radius:6px}
.match_analysis .tabmain .bcsk{padding:20px;background:#252525;border-radius:6px}

.match_info .zhibo_info{margin-top:10px;}
.match_info .zhibo_info_tag{margin-top:10px;}

.zhibo_btn a{
    background: #2d2d2d;
    color:#e0e0e0;
    border-radius: 20px;
    text-align: center;
    padding: 0px 15px;
    line-height: 43px;
    font-size: 16px;
    margin:0px 5px 10px 0;
    display: inline-block;
    text-indent: 0;
    transition:all 0.3s;
    border:1px solid #444
}
.zhibo_btn a:hover{background:#3a3a3a;color:#fff}

.nosignel{background-color: #2d2d2d!important;color:#e0e0e0!important;border:1px solid #444!important}
.other_zhibo_s1{border:1px solid #444;background:#252525;border-radius:5px;margin-bottom:10px;height:45px; overflow:hidden;width:calc(100% - 100px);box-sizing: border-box;}
.other_zhibo_s1 .t_news{ height:43px; color:#e0e0e0;overflow:hidden; position:relative;}
.other_zhibo_s1 .t_news b{ line-height:43px; font-weight:normal; display:inline-block;background:#333;padding:0 10px;font-size:16px;color:#e0e0e0}
.other_zhibo_s1 .news_li li{height:43px;overflow:hidden}
.other_zhibo_s1 .news_li li a{color:#e0e0e0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.other_zhibo_s1 .news_li,.other_zhibo_s1 .swap{ line-height:43px; display:inline-block; position:absolute;left:72px;color:#e0e0e0;}
.other_zhibo_s1 .swap{top:43px;}
.other_zhibo_s1 .swap li{height:43px;overflow:hidden}
@media (max-width: 780px) {
    .other_zhibo_s1{display:block;width:100%;margin-top:10px}
}

.sqfx_top{display: flex;justify-content:space-between;width:100%;border-bottom: 1px solid  #333;padding:20px 0; }
.sqfx_top .qiudui{width: 40%;display: flex;justify-content: center;align-items: center;}
.sqfx_top img{width: 50px;height: 50px;margin:0px 10px;border-radius:6px}

.sqfx_box{width: 100%;font-size: 16px;font-weight: 400;color: #999;position: relative;line-height: 26px;display: flex}
.sqfx_box:before{content:"";width: 4px;height: 26px;background: #555;margin-right: 10px;display: inline-block;}

.sqfx .sqfx_box_match1 .sqfx_box_item{ position: relative;width: 100%;display:flex;justify-content: space-between;align-content: center;padding:10px 0;align-items: center;border-bottom: 1px solid  #333; }
.sqfx .sqfx_box_match1 .sqfx_box_item .time{ width:10%;display: flex;font-size: 12px;color: #999;}
.sqfx .sqfx_box_match1 .sqfx_box_item .qiudu_sf{width: 60%;display: flex;justify-content: space-between;}
.sqfx .sqfx_box_match1 .sqfx_box_item .qiudui{ width:40%;display: flex;font-size: 14px;color:#e0e0e0;}
.sqfx .sqfx_box_match1 .sqfx_box_item .qiudui .qiudui_logo{height: 35px;width:35px;display: flex;justify-content:center;align-items: center;padding:0 20px;}
.sqfx .sqfx_box_match1 .sqfx_box_item .qiudui .qiudui_logo img{height: 35px;border-radius:4px}
.sqfx .sqfx_box_match1 .sqfx_box_item .qiudui .qiudui_name{display: flex;justify-content:center;align-items: center;}
.sqfx .sqfx_box_match1 .sqfx_box_item .vs{ width:20%;display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 20px;color: #999 }
.sqfx .sqfx_box_match1 .sqfx_box_item .liansai{width:10%;display: flex;justify-content: center;align-items: center;font-size: 12px;color: #999 }
.sqfx_box_match2{width: 100%}
.sqfx_box_match2 .matchs{width: 46%;}
.sqfx_box_match2 .qiudui{width: 30%;display: flex;flex-direction: column;align-items: center;font-size: 14px;color:#e0e0e0;}
.sqfx_box_match2 .qiudui .qiudui_logo{height: 35px;width:35px;display: flex;justify-content:center;}
.sqfx_box_match2 .qiudui .qiudui_logo img{height: 35px;border-radius:4px}
.sqfx_box_match2 .qiudui .qiudui_name{text-align: center;padding-top:15px;}
.sqfx_box_match2 .match_info{width:76px;text-align: center;padding:0;color: #999;text-align: justify;}
.sqfx_box_match2 .match_info .time{display: flex;justify-content: space-between;}
.sqfx_box_match2 .match_info .vs{display: flex;justify-content: space-between;padding:5px 0;font-size: 20px}
.sqfx_box_match2 .match_info .liansai{text-align: center;}
.sqfx_box_match2 .matchs-row{padding:10px 0;}
/** 直播内容页 **/

/** 底部导航按钮 **/
.bottomnav{position:fixed;bottom:0;width:100%;display:flex;border-top:2px solid #252525;padding:5px 0;background:#1a1a1a;z-index:100;display:none}
.bottomnav a{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color: #ABABAB;}
.bottomnav a i{width:25px;height:25px;display:block;}
.bottomnav a i.home{background:url("/images/nav_home_0.png") no-repeat;background-size:100% 100%;filter: brightness(0.7);}
.bottomnav a i.basketball{background:url("/images/nav_basketball_0.png") no-repeat;background-size:100% 100%;filter: brightness(0.7);}
.bottomnav a i.football{background:url("/images/nav_football_0.png") no-repeat;background-size:100% 100%;filter: brightness(0.7);}
.bottomnav a i.videos{background:url("/images/nav_videos_0.png") no-repeat;background-size:100% 100%;filter: brightness(0.7);}
.bottomnav a i.news{background:url("/images/nav_news_0.png") no-repeat;background-size:100% 100%;filter: brightness(0.7);}
.bottomnav a i.ozb{background:url("/images/nav_ozb_0.png") no-repeat;background-size:100% 100%;filter: brightness(0.7);}

.bottomnav a.on{color: #FDC606;}
.bottomnav a.on i{width:25px;height:25px;display:block;filter: brightness(1);}
.bottomnav a.on i.home{background:url("/images/nav_home_1.png") no-repeat;background-size:100% 100%}
.bottomnav a.on i.basketball{background:url("/images/nav_basketball_1.png") no-repeat;background-size:100% 100%}
.bottomnav a.on i.football{background:url("/images/nav_football_1.png") no-repeat;background-size:100% 100%}
.bottomnav a.on i.videos{background:url("/images/nav_videos_1.png") no-repeat;background-size:100% 100%}
.bottomnav a.on i.news{background:url("/images/nav_news_1.png") no-repeat;background-size:100% 100%}
.bottomnav a.on i.ozb{background:url("/images/nav_ozb_1.png") no-repeat;background-size:100% 100%}

@media (max-width: 780px) {
    footer{margin-bottom:50px;}
    .bottomnav{display:flex;}
}
/** 移动导航按钮 **/

/** video_pagination_list **/
.lxjj_box {margin-top: 30px}
.video_pagination_list_item{height:52px;line-height:52px;border-bottom:1px #333 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:#999;display:inline-block;width:80px;float:left}
.video_pagination_list_item_title{width:390px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;color:#e0e0e0}
.video_pagination_list_item_title:hover{color:#fff}
.video_pagination_list_item .video_pagination_list_item_left a:after{height:6px;content:'';width:6px;background:#555;position:absolute;top:50%;left:7px;z-index:10;border-radius:50%;margin-top:-2px}
.video_pagination_list_item:nth-child(even){background:#252525}
.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;transition:color 0.3s}
.video_pagination_list_item_right a:hover{color:#e0e0e0}
@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:#e0e0e0;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:#e0e0e0;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:#999}
    .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 #333;border-radius:6px;overflow:hidden}
.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;transition:transform 0.5s}
.video_page_list .dsp_photo:hover img{transform:scale(1.05)}
.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.8;-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%;filter: brightness(0.9);}
.video_page_list .dsp_photo:hover .covermask{opacity:.2;-webkit-transition:opacity .5s;transition:opacity .5s}
.video_page_list .dsp_photo:hover .playbtn{opacity:1;-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;color:#e0e0e0;transition:color 0.3s}
.video_page_list .dsp_title:hover{color:#fff}
@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 #333 solid;overflow:hidden;padding:8px 25px 10px 10px}
.zx_slt{width:165px;height:122px;float:left;margin-right:10px;overflow:hidden;border-radius:6px}
.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_slt:hover img{transform:scale(1.05)}
.zx_xianqing{width:415px;float:left}
.zx_xq_bt{font-size:18px;color:#e0e0e0;font-weight:700;line-height:40px;height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s}
.zx_xq_bt:hover{color:#fff}
.zx_xianqing{width:555px;float:left}
.zx_xq_jj{font-size:14px;color:#999;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;transition:color 0.3s}
.zx_xq_banq .zx_xq_fl a:hover{color:#0095ff}
.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_item{font-size:15px;margin-bottom:20px;display:flex;justify-content:space-between;margin:5px 0;border-bottom:1px solid #333;padding:15px 0}
.live_right_item_bd_team_left,.live_right_item_bd_team_right{width: 35%;text-align: center;}
.live_right_item_bd_team_left a,.live_right_item_bd_team_right a{display: flex;flex-direction: column;justify-content: space-between;height: 90%}
.live_right_item_bd_team_left img,.live_right_item_bd_team_right img{display:block;width:38px;height:38px;vertical-align:middle;margin:5px auto;border-radius:4px}
.live_right_item_hd{display: flex;justify-content: space-between;flex-direction: column;text-align: center;}
.live_right_item_hd_date{color: #9B9B9B;font-size: 12px;}
.live_right_item_hd_league a{color: #9B9B9B;font-size: 14px;transition:color 0.3s}
.live_right_item_hd_league a:hover{color:#e0e0e0}
.live_right_item_bd_action{margin:10px 0;}
.live_right_item_bd_action a{background: #2d2d2d;color: #FDC606;text-align:center;padding:5px 15px;line-height:30px;border-radius:4px;transition:all 0.3s}
.live_right_item_bd_action a:hover{background:#3a3a3a}

.fixed_saishi_box{width:100%;display:block;background:#1e1e1e;box-sizing:border-box;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.fixed_saishi_box h2{font-size: 18px;font-weight: 600;color: #fff;text-align: center;padding:50px 0 20px 0;}

.match_analysis{}
.fixed_saishi_box .senav{display: flex;justify-content: center;align-items: center;}
.fixed_saishi_box .senav span{font-size: 18px;color:#999;padding:10px;padding:10px 20px;text-align: center;cursor:pointer;font-weight: 400;transition:color 0.3s}
.fixed_saishi_box .senav span:hover:not(.on){color:#e0e0e0}
.fixed_saishi_box .senav span.on{color: #FDC606;}

.fixed_qiudui_box{width:100%;display:block;background:#1e1e1e;box-sizing:border-box;padding-top:10px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.fixed_qiudui_box h2{font-size: 18px;font-weight: 600;color: #fff;text-align: center;padding:10px 0 10px 0;}
.fixed_qiudui_box .logo{width: 80px;height: 80px;border-radius: 50%;overflow: hidden;background-color: #2d2d2d;padding: 5px;margin:0px auto}
.fixed_qiudui_box .logo img{height:100%;}

.team_intro{display: flex;flex-wrap: wrap;}
.team_intro p{line-height:1.5;padding-bottom:10px;font-size:14px;width: 33%;color:#e0e0e0}

@media (max-width: 600px) {
    .live_right_box {padding: 15px}
}
/** end live_right_box **/

/** live **/
.fixed_score_box{width:100%;display:block;background:#1a1a1a;padding:20px 100px;box-sizing:border-box;border-radius:8px 8px 0 0;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.fixed_score_box .fixed_score_top{display:flex;justify-content:space-between;flex:1;color:white;}
.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:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#2d2d2d}
.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;padding:4px 27px;font-size:14px;color: #ccc;}
.league_name a{color: #ccc;transition:color 0.3s}
.league_name a:hover{color:#fff}
.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{width: 80px;height: 24px;background: #333;margin:auto;border-radius:4px;color:#e0e0e0;display:flex;align-items:center;justify-content:center}
.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;filter: brightness(0.8);}
.signal_list{margin-top:15px}
.signal_list ul li a{float:left;padding:5px;background:#2d2d2d;color:#e0e0e0;box-sizing:border-box;margin-right:15px;text-align:center;font-size:14px;border-radius:5px;margin-bottom:15px;transition:all 0.3s;border:1px solid #444}
.signal_list ul li a:hover{background:#3a3a3a;color:#fff}
.signal_list ul li a .desc{color:#999;font-size:12px}
.bisai_desc_box,.luxiang_box{margin-top:30px;background:#1e1e1e;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.bisai_desc_info{padding:15px}
.bisai_desc_info p{font-size:14px;padding-top:15px;color:#e0e0e0;line-height:1.8}
.luxiang_list{padding-top:15px}
.luxiang_list li{font-size:14px;padding-bottom:10px;color:#e0e0e0}
.luxiang_list li a:hover{color:#fff}
.luxiang_list li i{float:left;width:4px;height:4px;margin:7px 14px 0px 0px;background:#666;border-radius:50%}
@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}
}
/** end live **/

/** lxjj **/
.play_video{overflow:hidden;display:flex;justify-content:center;background:#000}
.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;filter: brightness(0.9);}
.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:#1a1a1a}
.correlation_video .correlation_video_tab{height:55px;border-bottom:1px solid #333}
.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:#999;cursor:pointer;transition:color 0.3s}
.correlation_video .correlation_video_tab li:hover:not(.active){color:#e0e0e0}
.scroll_video{height:619px;overflow-x:hidden;overflow-y:scroll;margin-top:5px}
.scroll_video_block{height:99px;border-bottom:1px solid #333;transition:background 0.3s}
.scroll_video_block:hover{background:#252525}
.scroll_video_block img{width:100px;height:75px;margin:12px 0 0 10px;float:left;border-radius:4px}
.scroll_video_block p{font-size:14px;color:#e0e0e0;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:#999;float:left;margin:12px 0 0 10px}
.video_recommend_block{width:750px;height:147px;box-sizing:border-box;border-bottom:1px solid #333;margin-top:20px}
.video_recommend_block > a{float:left;display:inline-block;position:relative}
.video_recommend_block img{width:168px;height:126px;border-radius:4px;transition:transform 0.3s}
.video_recommend_block:hover img{transform:scale(1.03)}
.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;filter: brightness(0.9);}
.video_recommend_block h3{font-size:16px;width:422px;height:32px;color:#e0e0e0;line-height:32px;float:left;margin:-6px 0 0 20px;overflow:hidden;transition:color 0.3s}
.video_recommend_block h3:hover{color:#fff}
.video_recommend_block p{width:422px;float:left;margin:10px 0 0 20px}
.video_recommend_block p a{font-size:14px;color:#999;line-height:30px;transition:color 0.3s}
.video_recommend_block p a:hover{color:#e0e0e0}
.video_recommend_block time{float:right;font-size:14px;color:#999;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:#1e1e1e}
    .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:#e0e0e0;padding:15px}
    .play_video_box > time{display:block;font-size:14px;color:#999;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 #333;position:relative}
    .block_min img{float:left;width:4.5rem;height:3.75rem;border-radius:4px}
    .block_min p{float:left;width:calc(92vw - 100px - 1rem);font-size:16px;color:#e0e0e0;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;color:#fff}
.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;color:#e0e0e0}
.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;border-radius:6px}
.tags{margin-bottom:30px}
.tags h2{font-size:16px;font-weight:bold;margin-bottom:15px;border-top:solid 1px #333;padding-top:15px;color:#e0e0e0}
.tags li{float:left;padding:5px 15px;background:#2d2d2d;border-radius:10px;margin:5px 10px;font-size:14px;transition:all 0.3s}
.tags li:hover{background:#3a3a3a}
.tags li a:hover{color:#fff}
@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:#1e1e1e;padding-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.qd_name{text-align:center;font-size:18px;font-weight:700;padding:18px 0 20px 0;overflow:hidden;color:#fff}
.qd_name img{width:120px;height:120px;border-radius:50%;background:#2d2d2d;padding:5px}
.qd_name span{display:block;width:60%;margin:0 auto}
.qd_xq h5{font-size:14px;font-weight:700;color:#e0e0e0}
.qdjsbt{line-height:30px;font-size:18px;color:#e0e0e0;font-weight:500;border-bottom:2px #333 solid;padding:0;position:relative;overflow:hidden}
.qdjsbt span{float:left;margin-left:15px;font-size:18px;color:#e0e0e0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:280px}
.dwjiansao{padding:10px 18px}
.dwjiansao{line-height:20px;color:#999;padding:15px}
/** end liansai **/

/* footer */
.footer-wrapper{width:100%;;padding:20px 0;background:#000;text-align: center;color: #8A8A8A;}
.footer-wrapper .footer-desc{font-size:14px;font-weight:400;color: #8A8A8A;}
.footer-wrapper .footer-copyright{color: #616161;font-size:12px;line-height: 24px;}
.footer-wrapper .footer-copyright a{color: #616161;transition:color 0.3s}
.footer-wrapper .footer-copyright a:hover{color:#999}

@media (max-width: 600px) {

}
/* end footer */

/** col2 **/
.col2 {padding-left: 15px}
.col2 li {float: left;width: 44%;margin-right: 5%}
.col2 li a:hover{color:#fff}
@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: #1e1e1e;margin-top: 30px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.sitemap_box_hd {font-size: 20px;font-weight: 600;box-sizing: border-box;padding-left: 20px;line-height: 40px;background: #2d2d2d;position: relative;color:#e0e0e0;border-radius:8px 8px 0 0}
.sitemap_box_bd {padding: 15px}
.sitemap_box_bd a {margin: 0 20px;color: #999;line-height: 34px;display: inline-block;min-width: 110px;transition:color 0.3s}
.sitemap_box_bd a:hover{color:#e0e0e0}
/* end sitemap_box */

.match_filter li a i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px -2px 0;
    filter: brightness(0.8);
}
.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: #d4dae1;margin-top: 15px;transition:color 0.3s}
.get-more-match:hover{color:#0095ff}

.ny_newslist_leftside{background-color: #1e1e1e;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.ny_newslist_leftside .senav{border-bottom: 1px solid #333;padding:20px;}
.ny_newslist_leftside .senav a{font-size: 16px;color: #999;padding:10px 10px 20px 10px;transition:all 0.3s}
.ny_newslist_leftside .senav a:hover:not(.on){color:#e0e0e0}
.ny_newslist_leftside .senav a.on{border-bottom: 3px solid #FDC606;color:#FDC606}

.newslist ul{padding:20px;}
.newslist ul li:after{content:"";border-bottom: 1px solid #333;display: block;margin:10px 0;width: 100%}
.newslist ul li:last-child:after{display:none}
.newslist ul li .pic{width: 160px;height: 105px;display:flex;justify-content: center;align-items: center;overflow: hidden;border-radius:6px}
.newslist ul li .pic img{width:100%;transition:transform 0.3s}
.newslist ul li .pic:hover img{transform:scale(1.05)}
.newslist ul li .text{padding:0px 0px 0px 10px;position: relative;width:calc(100% - 170px)}
.newslist ul li .tit{font-size: 16px;color: #e0e0e0;line-height: 28px;padding-bottom:5px;transition:color 0.3s}
.newslist ul li .tit:hover{color:#fff}
.newslist ul li .desc{font-size: 12px;color: #999;line-height: 1.5}
.newslist ul li .st{font-size: 12px;color: #9B9B9B;position: absolute;bottom:5px;right:5px;}

.ny_newslist_leftside .loadmore{font-size: 16px;color: #d4dae1;margin:0 auto 20px auto;font-weight: 600;width: 100px;text-align: center;cursor: pointer;transition:color 0.3s}
.ny_newslist_leftside .loadmore:hover{color:#0095ff}
.ny_newslist_leftside .fenye{display:flex;justify-content: center;padding: 20px 0;}
.ny_newslist_leftside .fenye ul li{ display: inline-block;font-size: 12px;margin:0 3px;line-height: 1.5;}
.ny_newslist_leftside .fenye ul li a{font-size: 12px;color: #9B9B9B;display: block;padding:2px 6px;border:1px solid #444;border-radius: 3px;transition:all 0.3s}
.ny_newslist_leftside .fenye ul li a:hover{background-color: #333;color:#e0e0e0;border:1px solid #555;}
.ny_newslist_leftside .fenye ul li.active a{background-color: #d4dae1;color:#fff;border:1px solid #d4dae1;}

.article_content{background-color: #1e1e1e;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.article_content .article_tit{font-size: 22px;font-weight: 600;line-height: 2;color: #fff;}
.article_content .article_info{font-size: 12px;color: #999;padding: 10px 0 20px 0;}
.article_content .nr p{margin-bottom: 10px;line-height: 1.8;font-size: 14px;color: #e0e0e0}
.article_content .nr .red{color: #ff4d4d;font-size: 18px;}
.article_content .nr .red p{font-size: 16px;}
.article_content .nr .red a{color: #ff4d4d;font-size: 16px;font-weight: 600}
.article_content .nr img{display:block;margin:20px auto;border-radius:6px;max-width:100%}
.article_content .nr video{max-height: 480px!important;width: auto!important;height: auto!important;max-width:100%!important;margin: 0 auto;display: block;border-radius:6px}
.prenext{margin-top: 20px;}
.prenext a{display: block;color: #9F9F9F;font-size: 14px;padding-bottom:10px;transition:color 0.3s}
.prenext a:hover{color:#e0e0e0}
.prenext a span{color: #fdc606;font-weight: 600}

.column_line{
    border-bottom: 1px solid #333;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.column_bd_news ul{padding:0px;}
.column_bd_news ul li:after{content:"";border-bottom: 1px solid #333;display: block;margin:10px 0;width: 100%}
.column_bd_news ul li:last-child:after{display:none}
.column_bd_news ul li .pic{width: 110px;height: 72px;display:flex;justify-content: center;align-items: center;overflow: hidden;border-radius:4px}
.column_bd_news ul li .pic img{height: 72px;transition:transform 0.3s}
.column_bd_news ul li .pic:hover img{transform:scale(1.05)}
.column_bd_news ul li .text{position: relative;width:calc(100% - 120px);}
.column_bd_news ul li .tit{font-size: 14px;color: #e0e0e0;line-height: 1.5;padding-bottom:5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition:color 0.3s}
.column_bd_news ul li .tit:hover{color:#fff}
.column_bd_news ul li .st{font-size: 12px;color: #9B9B9B;position: absolute;bottom:5px;left:5px;}

/*录像列表*/
.luxianglist ul{padding:20px;}
.luxianglist ul li{padding:10px 0;border-bottom:1px solid #333}
.luxianglist ul li:last-child{border-bottom:none}
.luxianglist ul li img{vertical-align: middle;margin-right: 10px;filter: brightness(0.8);}
.luxianglist ul li a:hover{color:#fff}
.luxianglist ul li span{color:#9B9B9B;padding-right:8px;}
.luxianglist ul li:nth-child(2n){background: #252525;}

.bq{border-top: 1px solid #333;margin-top:50px;line-height:2;font-size:14px;color:#9A9A9A;}
.bq a{color:#9A9A9A;transition:color 0.3s}
.bq a:hover{color:#e0e0e0}

.nr p a{color:#ff4d4d;font-weight:600}

@media (max-width: 1200px) {
    .mx96{width:96%;margin:2%;}
    .container{max-width:100%}
    .topnewsmain{padding:1%;width:100%}
    .news01{width:36%;}
    .news02 {width: calc(100% - 37%);height:auto ;}
    .container_left{width:100%}
    .container_right{width:100%}
    .position-container{width:96%;margin:2%}
    .match_top .swiper-button-next{display: none;}
    .match_top .swiper-button-prev{display: none;}
}

@media (max-width: 780px) {
    .header {height: auto;line-height: unset;background:#000}
    .header_logo {margin: 0;width:100%;text-align:center;line-height:60px}
    .header_logo img {width: auto;height: 50px;padding: 5px;box-sizing: border-box;}
    .header_menu{width:100%;}
    .header_menu_item {line-height: 30px;width:25%}
    .header_menu_item a {font-size: 14px;color: #ccc}
    .header_menu {display: flex;background: #1a1a1a;}
    .news01{width:100%;}
    .news02{width:100%;}
    .news01{height:220px;margin-bottom:10px;}
    .news01 .pic{height:220px;}
    .news02 .pic{height:80px;}
    .match_top .match .match_qiudui .qiudui .name{font-size:12px;}

    .match_zhibo_nav{width:100%;margin:2% 0}
    .ny_match_list{width:100%;padding:2% 0}
    .match_show_date_tabs{height:auto;position:relative}
    .match-item{padding:10px;}
    .article_content .nr img{max-width:100%!important;}
  /* 手机端直播列表容器 - 占满屏幕宽度，优化内边距 */
@media (max-width: 780px) {
  .ny_match_list {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  
  /* 日期标签栏 - 横向滚动，避免挤压 */
  .match_show_date_tabs {
    height: auto;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding: 10px 0;
  }
  
  .match_show_date_tabs a {
    flex: none;
    min-width: 60px;
    margin: 0 5px;
    padding: 10px 0;
  }
}
    @media (max-width: 780px) {
  .match-item {
    padding: 12px 8px;
    flex-wrap: wrap;
    gap: 8px;
  }
  
  /* 隐藏次要信息，保留核心内容 */
  .match-item .info_left .league {
    width: 80px;
    padding-right: 5px;
    font-size: 11px;
  }
  
  .match-item .info_left .time {
    width: 60px;
    font-size: 12px;
  }
  
  /* 球队信息简化 - 缩小图标，调整间距 */
  .match-item .info_center .home .left,
  .match-item .info_center .away .right {
    width: 100px;
  }
  
  .match-item .info_center .home .left > img,
  .match-item .info_center .away .right > img {
    width: 24px;
    height: 24px;
    margin-left: 3px;
    margin-right: 3px;
  }
  
  .match-item .info_center .score {
    width: 80px;
    font-size: 14px;
  }
  
  /* 状态按钮 - 加宽占比，方便点击 */
  .match-item .info_right {
    width: 100%;
    margin-top: 5px;
  }
}
    @media (max-width: 780px) {
  .match_status_tabs {
    justify-content: flex-start;
    overflow-x: auto;
    padding: 10px 0;
    margin-top: 10px;
  }
  
  .match_status_tabs a {
    padding: 5px 15px;
    font-size: 14px;
    margin-right: 8px;
    white-space: nowrap;
  }
  
  /* 直播列表无数据提示 - 适配屏幕 */
  .not_data {
    padding: 15px;
    text-align: center;
    font-size: 14px;
  }
}