@charset "UTF-8";
*{margin:0;padding:0;box-sizing:border-box;font-family:PingFang SC,tahoma,arial,'Microsoft Yahei','Hiragino Sans GB','\5b8b\4f53',sans-serif}
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}
h1,h2,h3,h4,h5,h6{font-size:100%}
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);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;text-decoration:none;outline:none;color:black}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%;outline:none}
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}

body{background:#f2f2f2}
.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 #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:#dd4d30;border:1px solid #dd4d30}
.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:18px auto;font-size:12px;font-weight:400;color:#949494}
.position-container a{color:#949494}
.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: 20px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.nodate{padding:40px;text-align: center;}
.nodate p{font-size: 12px;line-height: 1.8;color: #A5A5A5;}
.pdtb200{padding:200px 0}
.float-clear{clear:both;}
.autoheight{height:auto!important}



.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: #fff}
.flex {display: flex}
.flex-wrap {display: flex;flex-wrap: wrap;}
.flex-between{display: flex;justify-content: space-between;flex-wrap: wrap;}
.bgwhite{background-color:#fff}
.boxpd20{padding:20px;}


@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}
}



/* header */
.header{width:100%;height:70px;line-height:70px;background:#228B63;box-shadow:0px 2px 18px -5px rgba(0,0,0,0.14)}
.header_logo{margin-right:50px; height: 60px}
.header_logo img{width:auto;height:60px;margin:5px 0;box-sizing: border-box}
.header_menu{width:calc(100% - 250px);}
.header_menu_item{float:left;padding:0 10px;text-align:center;position: relative;}
.header_menu_item a{color: #fff;font-size: 18px}
.header_menu_item.active{background-color: #167051;}
.header_menu_item.active a{color:#fff}
.header_menu_item a{display:block;width:100%;font-size:18px;font-weight:400}
.header_menu_item .header_menu_item_item{position: absolute;display: none;background: #45464C;width: 100%;z-index: 999}
.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:#228b63;color: #fff}
.header_menu_item:hover .header_menu_item_item{display: none;}


.topsenav{height: 34px;background: #E5E5E5;line-height: 34px;}
.topsenav a{color: #444444;font-size: 14px;padding:0 20px;}
.topsenav .container{display: flex;overflow: auto}
.topsenav .container a{margin:0 8px;padding:0;display: inline-block;word-break: keep-all;}





/* match_top */

.match_top{position: relative;overflow: hidden;}
.match_top .match {background:#fff; border-radius: 5px;width: 100%;color:#fff;overflow: hidden;}
.match_top .match .topside{width: 100%;height: 32px;line-height: 32px;padding:0 10px;}
.match_top .match .topside .liansai{ overflow-wrap: break-word;color:#8A8A8A;font-size: 12px;text-align: left;white-space: nowrap;}
.match_top .match .topside .liansai a{font-size: 12px;color:#8A8A8A;}
.match_top .match .topside .time {overflow-wrap: break-word;color:#8A8A8A;font-size: 12px;text-align: left;white-space: nowrap;}

.match_top .match .match_qiudui{border-top: 1px solid #F4F4F4;;width:100%;padding:0px 10px 10px 10px}
.match_top .match .match_qiudui a{display: block;}
.match_top .match .match_qiudui .qiudui{display: flex;color: #000;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;}






/* match */
.match .match_filter_item{display: inline-block;min-width: 70px;height: 28px;text-align:center;line-height: 28px;margin-bottom:5px;}
.match .match_filter_item a {position:relative;background:#F2F2F2;border-radius: 15px;display: block;color:#000000;font-size:14px;padding:0 8px;}
.match .match_filter_item.active a {background:#228B63;color:#000000;border-radius: 15px;color: #fff}
.match .match_filter_roll{border-bottom: 1px solid #F4F4F4;}
.match .match_time{width: 125px;height: 26px;background: #F2F8F6;opacity: 0.99;border-top-right-radius:15px;border-bottom-right-radius:15px;font-size: 12px;color: #228B63;display: flex;justify-content: center;align-items: center;}
.match .match_time span{width: 5px;height: 5px;background: #228B63;margin-right: 10px;border-radius: 50%}
.match .match_date {font-size: 16px;padding: 15px 0;margin-top: 15px}
.match .match-item {display: flex;align-items: center;font-size: 15px;margin: 0 15px;padding:15px 0;border-bottom: solid 1px #dedede !important; justify-content: space-between;}
.match .match-item .info_left{width: 49%;}
.match .match-item .info_left .main1{width: 32%;display:flex;justify-content: center;flex-direction: column;}
.match .match-item .info_left .time{display:inline-block;}
.match .match-item .info_left .time{font-weight: 600}
.match .match-item .info_left .time em{color:#9A9A9A; font-weight: 400;font-size: 12px;padding-left: 10px;}
.match .match-item .info_left .league{display:flex;font-size: 12px;margin-top: 10px;}
.match .match-item .info_left .league .zt{width:56px;}
.match .match-item .info_left .league a{color:#9A9A9A;font-size: 12px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:calc(100% - 50px);}
.match .match-item .info_left .main2{width: 68%;padding:0 3%;}
.match .match-item .info_left .main2 .qiudui{display:flex;justify-content:space-between;align-items:center;}
.match .match-item .info_left .main2 .qiudui .name{display:flex;align-items: center;overflow:hidden;}
.match .match-item .info_left .main2 .qiudui .name > img{width:30px;max-height:30px;margin:2px 5px 2px 5px}
.match .match-item .info_left .main2 .qiudui .score{font-weight: 600;color:#000;}
.match .match-item .info_center{width: 1px;height: 60px;background: #F4F4F4;display: inline-block;}
.match .match-item .info_right{font-size:14px;width:49%;}
.match .match-item .info_right a{color:#999999;width:30%;display: inline-block;display: flex;flex-direction: row;padding:5px 0;}
.match .match-item .info_right a img{width: 16px;height: 16px;margin-right: 5px;}
.match .match-item .info_right.begin {background: #F2F2F2;color: #000000}
.match .match-item .info_right.start {background: #228B63;color: #000000}
.match .match-item .info_right.start a {color: #d41d1b;}
.match .match-item .info_right.end {background: #FFF6CC;}
.match .match-item .info_right.end a {color: #EF7C00;}
.match_list_more a{width: 300px;background: #F2F8F6;border-radius: 16px;display: block;text-align: center;line-height: 32px;margin:0 auto;font-size: 14px;}

@media (max-width: 780px) {
.match .match-item .info_right a:nth-child(3){display:none}
.match .match-item .info_right a:nth-child(4){display:none}
.match .match-item .info_right a:nth-child(5){display:none}
.match .match-item .info_right a:nth-child(6){display:none}

.match .match-item .info_left{width:calc(100% - 98px);}
.match .match-item .info_right{width:90px;display:flex;flex-direction:column}
.match .match-item .info_right a{width:100%;display: flex;justify-content: center;}

}


/* end match */








/* match_top */




.topnewsmain{padding:20px;background-color: #fff}
.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;}

.news01 .pic{width: 100%;height: 380px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:5px;}
.news01 p{width:100%;background: #000000;opacity: 0.5;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%}
.news02 p{color: #333333;font-size:14px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}





/* column */
.section-tit{display: flex;justify-content: space-between;width:100%;line-height: 28px;margin-bottom: 8px;}
.section-tit span{font-weight: 600;color: #000000;font-size: 16px;min-width:100px;}
.section-tit span img{ display: inline-block;margin-right: 5px;vertical-align: middle; }
.section-tit a{font-weight: 400;color: #9F9F9F;font-size: 12px;}
.section-tit .more img{margin-left: 3px;}
.section-hotsaishi{width:calc(100% - 100px);}
.section-hotsaishi a{background:#228B63;color: #fff;border-radius: 15px;color: #fff;display:inline-block;padding:0px 12px;margin-left:5px;}


.container_right{width: 340px}
.section-news{width: 100%;}
.section-news .news{margin-bottom: 10px}
.section-news .pic{width:136px;height:80px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.section-news .pic img{width:100%;display: block;}
.section-news .text{width:calc(100% - 148px);position: relative;}
.section-news .text .title{line-height: 1.5;font-size: 14px;color: #000000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.section-news .text .time{position: absolute;bottom:0;width: 100%;text-align: right;color: #8A8A8A;font-size: 12px;}



.section-videos{width: 100%;}
.section-videos .videos a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; align-items: center; font-size: 14px;color: #000000;border-bottom: 1px solid #EFEFEF;padding:10px 0;}
.section-videos .videos img{margin-right: 5px;width: 12px;height: 12px;vertical-align: middle;}



.section-match{width: 100%;}
.section-match .match a{display: flex; align-items: center; font-size: 14px;color: #000000;border-bottom: 1px solid #EFEFEF;padding:10px 0;}
.section-match .match img{margin-right: 5px;width: 12px;height: 12px;vertical-align: middle;}




.section-match .live_right_item{margin-bottom:5px;display:flex;justify-content:space-between; flex-direction: column;border-bottom:1px solid #F5F7F9;padding:5px 0}
.section-match .live_right_item .top{font-size: 12px;color:#8A8A8A;margin-bottom: 10px;}
.section-match .live_right_item .top a{font-size: 12px;color:#8A8A8A;font-size: weight:600;}
.section-match .live_team_left{width: 60%;text-align: left;}
.section-match .live_team_left a{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.section-match .live_team_left a .qiudui{display: flex;flex-direction: row;align-items: center;}
.section-match .live_team_left img{display:block;width:26px;height:26px;vertical-align:middle;margin:2px 5px 2px 0px;}
.section-match .live_team_left span{font-size: 14px;}

.section-match .live_team_right{display: flex;justify-content:center;flex-direction: column; align-items: center}
.section-match .live_team_right a{width: 80px;background: #228B63;border-radius: 4px;text-align: center;line-height: 32px;color: #fff;font-size: 14px;}










.video_list li {font-size: 14px;font-weight: 400;color: #000;margin-bottom: 12px;}
.video_list li a {word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
@media (max-width: 600px) {
    .video_list {margin-top: 10px}

}

.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: #F2F2F2; }
.tags_list li:hover{background:#228B63}
.tags_list li:hover a{color:#FFFFFF;display:block}
@media (max-width: 600px) {
    .tags_list {padding: 10px}
}





/*球队球员 */

.hide{display: none}
.show{display: block!important}
.team_rank_main{background-color: #fff;border-radius: 5px;}
.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;}
.team_rank_main .team_rank_match span.on{color:#fff;background-color:#228B63;}
.team_rank_main .team_rank_score{padding:0px;}

.team_rank{position:relative}
.team_rank_main .team_rank_match{position:absolute;right:0px;top:-40px;background: #FA810B;}
.team_rank_main .team_rank_match span{background:#DBDBDB;border-radius:0;padding:5px 20px}
.team_rank_main .team_rank_match_saishi{background:#DBDBDB;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; }
.team_rank_main .team_rank_match_saishi span.on{color: #fff;background-color:#228B63;}
.team_rank_main .team_rank_match_saishi_east_west{background:#DBDBDB;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; }
.team_rank_main .team_rank_match_saishi_east_west span.on{color: #fff;background-color:#0aa972;}


.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;}

.team_rank_main div.team_rank_score_name{background:#ebf1ef;line-height: 26px;padding:0 10px;display: flex;justify-content:space-between;}
.team_rank_main div.team_rank_score_name span{font-size:14px;}
.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;}
.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}



.friend-wrapper{background:#EDEDED;padding:10px 0;}
.friend-wrapper .container a{line-height: 1.8;margin:0 5px;font-size: 14px;}

/* footer */
.footer-wrapper{width:100%;;padding:20px 0;background:#E0E0E0;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;}
/*首页完 */







/** 直播列表页 **/
.match_zhibo_nav{width: 240px;background: #fff;padding:20px 10px;}
.match_zhibo_nav .all{width:100%;line-height: 36px;background: #228B63;border-radius: 6px;text-align: center;color:#fff;}
.match_zhibo_nav .name{font-size: 14px;font-weight: 400;color: #ADADBE;width:100%;margin-top: 20px;padding-bottom: 10px;}
.match_zhibo_nav .name img{margin-right: 5px; vertical-align: middle;}
.match_zhibo_nav dl{display: flex;flex-wrap: wrap;}
.match_zhibo_nav dl dd{width:30%;margin:1% 3.3333% 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;border: 1px solid #EBEBEB;border-radius: 6px;text-align: center;display: block;color:#444444;font-size:14px;}
.match_zhibo_nav dl dd a.on{background: #228B63;color:#FFF;}



.match_saishi{background-color: #539F82}
.match_saishi .pic{width: 100px;height: 100px;border-radius: 50%;overflow: hidden;background-color: #fff;padding:10px;}
.match_saishi .pic img{width: 100%;}
.match_saishi .intro{width:calc(100% - 120px);color: #fff;font-size: 12px;line-height: 1.8;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.match_saishi .intro h3{font-size: 20px;font-weight: 400;padding-bottom: 5px;line-height: 1.5}




.match_saishi .intro .content {
  max-height: 80px;
  overflow: hidden;
}
.match_saishi .intro .section {
  display: flex;width:100%;
}
.match_saishi .intro .content pre {
  white-space: pre-wrap;
}
.match_saishi .intro .content::before {
  content: "";
  width: 100px;
  height: 100%;
  float: left;
}
.match_saishi .intro .btn {
  float: right;
  width: 100px;
  text-align: center;
  position: relative;
  left: calc(50% - 50px);
  transform: translateY(-100%);
  cursor: pointer;
}
.match_saishi .intro .btn::after {
  content: "";
  display: block;
  height: 14px;
  background-color: #fff;
  transition: 0.2s background-color;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E %3Cpath d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'%3E%3C/path%3E %3C/svg%3E")
    center/ 24px 24px no-repeat;
}
.match_saishi .intro .btn:hover::after {
  background-color: #fff;
}
.match_saishi .intro .btn::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 34px;
}
.match_saishi .intro .text {
  box-sizing: border-box;
  width: 100%;
  float: right;
  line-height: 1.5;
  margin: 0;
  margin-left: -100px;
  -webkit-mask: linear-gradient(red 70px, transparent 80px);
  display: flex;
  flex-wrap: wrap;
}

.match_saishi .intro .text span{width:30%}
.match_saishi .intro .text p{width:100%;line-height:1.8;color:#ebebeb}
.match_saishi .intro .text p.jianjie{font-size: 14px;margin-top: 10px;font-weight: 600;color:#fff}


.match_saishi .intro .content-check:checked + .content {
  max-height: fit-content;
}
.match_saishi .intro .content-check:checked + .content .btn {
  left: auto;
  right: calc(50% - 50px);
}
.match_saishi .intro .content-check:checked + .content .btn::after {
  transform: scaleY(-1);
}
.match_saishi .intro .content-check:checked + .content .text {
  -webkit-mask: none;
}




.match_saishi_info{font-size: 16px;font-family: Microsoft YaHei UI;font-weight: 400;color: #228B63;}
.match_saishi_info ul{display: flex;}
.match_saishi_info ul li{display: inline-block;cursor: pointer;}
.match_saishi_info ul li.tabs{border-bottom: 2px solid #fff;padding:8px 20px;color: #000}
.match_saishi_info ul li.tabs.active{border-bottom: 2px solid #228B63;color: #228B63}


.match_info{background-color: #4E957A}





/** 直播内容页 **/
.match_allinfo{width:100%;}
.match_allinfo .top{background:#539F82;height: 175px;display: flex;justify-content: space-between; }
.match_allinfo .top .zhudui,.match_allinfo .top .kedui{display: flex;justify-content:center;width: 30%;padding:0 10%;flex-direction: column;align-items: center;}
.match_allinfo .top .qiudui_logo{width: 92px; height: 92px; overflow: hidden;display: flex;justify-content:center;align-items: center;}
.match_allinfo .top .qiudui_logo img{max-height:88px;max-width: 80%;}
.match_allinfo .top .qiudui_name{font-size: 16px;color: #fff;text-align: center;line-height:1.5;padding-top:15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; }





.match_allinfo .top .zhuangtai{display: flex;flex-direction: column;justify-content: space-between;padding:30px 0;text-align: center;color: #BDFFE6;width: 30%}
.match_allinfo .top .zhuangtai span{padding:0 10px}
.match_allinfo .top .zhuangtai .bf{line-height:92px;font-weight: 600;font-size: 36px;text-align: center;color: #fff;display: flex;justify-content: space-between;width: 100%}
.match_allinfo .top .zhuangtai .zt{font-size: 16px;}


.match_allinfo{ position: relative; }
.match_allinfo .match_text{position: absolute;width: 100%;height: 100%;top:0;left:0;display: flex;justify-content: center;align-items: center;}

.match_allinfo .match_text .qiudui{ width:30%;display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 20px;color: #fff}
.match_allinfo .match_text .qiudui .qiudui_logo{height: 150px;}
.match_allinfo .match_text .qiudui .qiudui_logo img{height: 150px;}
.match_allinfo .match_text .qiudui .qiudui_name{line-height: 3}
.match_allinfo .match_text .vs{ width:20%;display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 20px;color: #9B9B9B }
.match_allinfo .match_text .vs img{padding:30px 0;}



.match_info{display: flex;color: #fff;align-items: center;}
.match_info .name{font-size: 14px;color: #fff;margin-right: 10px;}
.match_info .name img{vertical-align: middle;}
.match_info p{font-size: 14px;font-weight: 400;color: #9B9B9B;}
.zhibo_name{display: flex;color: #fff;align-items: center;}
.zhibo_btn{width: calc(100% - 88px);}
.zhibo_btn a{
    background:#228B63;
    color:#fff;
    border-radius: 3px;
    text-align: center;
    padding: 0px 15px;
    display: inline-block;
    line-height: 35px;
}
.zhibo_btn a img{margin-right:5px;vertical-align: text-bottom;}




.ny_match_list{width: 940px;}
.match_show_date_tabs{height: 88px;background: #FFFFFF;display: flex;text-align: center}
.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;}
.match_show_date_tabs a p.day{font-size:18px;line-height: 1.5}
.match_show_date_tabs a.active{background: #FFF6CC;color: #000}





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







.match_analysis .senav{border-bottom: 1px solid #F5F7F9;display: flex;}
.match_analysis .senav span{font-size: 16px;color: #222222;padding:10px 0px;text-align: center;cursor:pointer;flex:1;font-weight: 600}
.match_analysis .senav span.on{color:#FF7F00;font-weight: 600}
.match_analysis .item{display: none}
.match_analysis .item.on{display: block}
.match_analysis .tabmain{padding:0;}
.match_analysis .itemtit{color: #000000;font-size: 16px;font-weight: 600;line-height: 16px;}
.match_analysis .itemtit .sxline{width: 4px;height: 16px;background: #FF7F00;border-radius: 2px;display: inline-block;margin-right: 10px;vertical-align: bottom;}



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

.sqfx .sqfx_box_match1 .box{border:1px solid #ccc;width: 49%;margin-top:2%;text-align: center;padding:10px;}
.sqfx .sqfx_box_match1 .box .num{font-size: 38px;font-weight: 400;line-height: 1.5;color: #444444;}
.sqfx .sqfx_box_match1 .box p{font-size: 14px;color: #8A8A8A;line-height: 1.5}




.sqfx_box_match2{}
.sqfx_box_match2 .matchqiudui{width: 100%;border-bottom: 1px solid #F2F2F2;}
.sqfx_box_match2 .matchqiudui .zhudui,.sqfx_box_match2 .matchqiudui .kedui{width: 40%;display: flex;justify-content: center;line-height: 35px;}
.sqfx_box_match2 .matchqiudui .zhudui img,.sqfx_box_match2 .matchqiudui .kedui img{height:35px;padding:0 10px;}





.sqfx_box_match2{width: 100%}
.sqfx_box_match2 .matchs{width: 100%;}
.sqfx_box_match2 .qiudui{width: 30%;display: flex;flex-direction: column;align-items: center;font-size: 14px;color:#222222;}
.matchs-row  .qiuduibifen{font-size: 24px;font-weight: 400;color: #8A8A8A;line-height: 50px;text-align: center;width:35%;}
.matchs-row  .match_info{font-size: 12px;font-weight: 400;color: #8A8A8A;line-height: 50px;width:30%;text-align: center}


@media (max-width: 600px) {
    .matchs-row .qiuduibifen{width:25%;}
    .matchs-row .match_info{width:50%;}
}





.sqfx_box_match2 .matchs-row{padding:10px 0;border-bottom: 1px solid #F2F2F2;}
.sqfx_box_match2 .matchs-row{padding:10px 0;border-bottom: 1px solid #F2F2F2;}
.loading{display: flex;justify-content: center;align-items: center;flex-direction: column;padding:100px 0;}
.loading p{font-size: 14px;text-align: center;line-height: 1.5;color: #666}



.bisai_list li{
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}









@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: #fff}
.match_analysis .senav{border-bottom: 1px solid #F5F7F9;padding:20px 20px 0px 20px;display: flex;}
.match_analysis .senav span{font-size: 16px;color: #666;padding:10px;padding:10px 20px;text-align: center;cursor:pointer;}
.match_analysis .senav span.on{border-bottom: 3px solid #228B63;color: #228B63}


.match_analysis .item{display: none}
.match_analysis .item.on{display: block}
.match_analysis .tabmain .sqfx{padding:20px;}
.match_analysis .tabmain .bszr{padding:20px;}
.match_analysis .tabmain .jstj{padding:20px;}
.match_analysis .tabmain .bcsk{padding:20px;}




.match_info .zhibo_info{margin-top:10px;}
.sqfx_top{display: flex;justify-content:space-between;width:100%;border-bottom: 1px solid  #F5F7F9;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;}
.sqfx_box{width: 100%;font-size: 16px;font-weight: 400;color: #656565;position: relative;line-height: 26px;display: flex}
.sqfx_box:before{content:"";width: 4px;height: 26px;background: #A5A5A5;margin-right: 10px;display: inline-block;}



.match_analysis .match_list .match-item{display: flex;justify-content: space-between;border-bottom:1px solid #EFEFEF;padding:10px 0;}
.match_analysis .match_date {font-size: 16px;padding: 15px 0;margin-top: 15px}
.match_analysis .match-item .info_left{display:flex;align-items:center;width:200px;}
.match_analysis .match-item .info_left .time{display:inline-block;width: 110px;color:#9A9A9A;color: #9A9A9A;font-weight: 400;font-size: 14px;}
.match_analysis .match-item .info_left .time em{color:#9A9A9A; font-weight: 400;padding-left: 10px;font-size: 14px;}
.match_analysis .match-item .info_left .league{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_analysis .match-item .info_left .league a{color:#9A9A9A;font-size: 14px;}


.match_analysis .match-item .info_center{display:flex}
.match_analysis .match-item .info_center .home{display:flex;justify-content:center;align-items:center}
.match_analysis .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_analysis .match-item .info_center .home .left > img{width:30px;max-height:30px;margin-left:5px}
.match_analysis .match-item .info_center .home .left .text{display:inline-block;font-size:14px;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_analysis .match-item .info_center .score{display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:600;width:100px}
.match_analysis .match-item .info_center .score .fenge{padding:0 10px;}
.match_analysis .match-item .info_center .away{display:flex;justify-content:center;align-items:center}
.match_analysis .match-item .info_center .away .right{display:flex;align-items:center;width:150px;justify-content:flex-end}
.match_analysis .match-item .info_center .away .right .text{display:inline-block;font-size:14px;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_analysis .match-item .info_center .away .right > img{width:30px;max-height:30px;margin-right:10px}
.match_analysis .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_analysis .match-item .info_right a{color:#fff;display:block;background: #228B63;border-radius: 6px}


.match-item .info_right.begin {background: #F2F2F2;color: #000000}

.match-item .info_right.start {background: #228B63;color: #000000}
.match-item .info_right.start a {color: #d41d1b;}
.match-item .info_right.end {background: #FFF6CC;margin:0 auto}
.match-item .info_right.end a {color: #fff;}









/** 直播内容页 **/












/** 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 **/




.fixed_saishi_box{width:100%;display:block;background:url(../images/bg_biaoqian.png) no-repeat;box-sizing:border-box}
.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:#D9D9D9;padding:10px;padding:10px 20px;text-align: center;cursor:pointer;font-weight: 400}
.fixed_saishi_box .senav span.on{color: #FDC606;}




/** end live_right_box **/
@media (max-width: 600px) {
    .live_right_box {padding: 15px}
}
/** live **/
.fixed_score_box{width:100%;display:block;background:url(../images/bg_games.png) no-repeat;padding:20px 100px;box-sizing:border-box}
.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}
.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: #ADADBE;}
.league_name a{color: #ADADBE;}
.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: #464757;margin:auto;}
.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;background:#d41d1b;color:#FFFFFF;box-sizing:border-box;margin-right:15px;text-align:center;font-size:14px;border-radius:5px;margin-bottom:15px}
.signal_list ul li a .desc{color:#dedede;font-size:12px}
.bisai_desc_box,.luxiang_box{margin-top:30px}
.bisai_desc_info{padding:15px}
.bisai_desc_info p{font-size:14px;padding-top:15px}
.luxiang_list{padding-top:15px}
.luxiang_list li{font-size:14px;padding-bottom:10px}
.luxiang_list li i{float:left;width:4px;height:4px;margin:7px 14px 0px 0px;background:#999}
@media (max-width: 600px) {
    .fixed_score_box{padding:15px}
    .bisai_desc_box{padding:15px;margin-top:10px}
    .luxiang_list{padding:15px}
    .luxiang_list li{font-size:14px;padding-bottom:15px}
    .luxiang_list li a{display:block;height:20px !important;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
    .signal_list{padding:15px;margin-top:0}
    .signal_list li a{width:29%}
    .fixed_score_box{zoom:0.82}
    .score_name_left h1{text-align:center}
    .score_name_left{display:block}
    .league_name{line-height:1.5;padding:5px 10px;height:unset}
    .league_name span{display:block}
    .score_name_right .image_container,.score_name_left .image_container{margin-bottom:15px}
    .score_name_left .image_container{margin-left:20px}
}
/** 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;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}
.tags h2{font-size:16px;font-weight:bold;margin-bottom:15px;border-top:solid 1px #dedede;padding-top:15px}
.tags li{float:left;padding:5px 15px;background:#F2F2F2;border-radius:10px;margin:5px 10px;font-size:14px}
@media (max-width: 600px) {
    .content_box_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 **/


@media (max-width: 600px) {

}
/* 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}












.ny_newslist_leftside{}
.ny_newslist_leftside .senav{padding:20px 0;}
.ny_newslist_leftside .senav a{font-size: 14px;color: #222222;background:#F4F4F4;border-radius: 15px;display: inline-block;padding:5px 10px;}
.ny_newslist_leftside .senav a.on{background: #228B63;color: #fff;}


 .newslist ul{}
 .newslist ul li:after{content:"";border-bottom: 1px solid #F5F7F9;display: block;margin:10px 0;width: 100%}
 .newslist ul li .pic{width: 160px;height: 105px;display:flex;justify-content: center;align-items: center;overflow: hidden;}
 .newslist ul li .pic img{width: 100%;height: auto}
 .newslist ul li .text{padding:0px 0px 0px 10px;position: relative;width:calc(100% - 170px)}
 .newslist ul li .tit{font-size: 16px;color: #222222;line-height: 28px;padding-bottom:5px}
 .newslist ul li .desc{font-size: 12px;color: #656565;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: #007AFF;margin:0 auto 20px auto;font-weight: 600;width: 100px;text-align: center;cursor: pointer;}
.ny_newslist_leftside .fenye{display:flex;justify-content: center;padding: 20px 0;font-size: 14px;}
.ny_newslist_leftside .fenye ul li{ display: inline-block;font-size: 14px;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 #228b63;border-radius: 3px;}
.ny_newslist_leftside .fenye ul li a:hover{background-color: #228b63;color:#fff;border:1px solid #228b63;}
.ny_newslist_leftside .fenye ul li.active a{background-color: #228b63;color:#fff;border:1px solid #228b63;}



.article_content{}
.article_content .article_tit{font-size: 22px;font-weight: 600;line-height: 2;color: #222222;}
.article_content .article_info{font-size: 12px;color: #A5A5A5;padding: 10px 0 20px 0;}
.article_content .nr p{margin-bottom: 10px;line-height: 1.5;font-size: 14px;color: #222222}
.article_content .nr .red{color: red;font-size: 18px;}
.article_content .nr .red p{font-size: 16px;}
.article_content .nr .red a{color: red;font-size: 16px;font-weight: 600}
.article_content .nr img{display:block;margin:20px auto;}
.prenext{margin-top: 20px;}
.prenext a{display: block;color: #9F9F9F;font-size: 14px;padding-bottom:10px;}
.prenext a span{color: #228b63;font-weight: 600}



/*录像列表*/
.luxianglist ul{}
.luxianglist ul li{padding:10px 0;border-bottom: 1px solid #F2F2F2;}
.luxianglist ul li a{font-size: 14px;}
.luxianglist ul li img{vertical-align: middle;margin-right: 10px;}
.luxianglist ul li span{color:#8A8A8A;padding-right:10px;}
.luxianglist ul li span i{color:#DCDCDC;}

.luxianglist ul li:nth-child(5n){margin-bottom: 20px}
.luxianglist .loadmore{width: 200px;height: 36px;margin:0px auto 20px auto;text-align: center;line-height: 36px;color:#FB810B;border:1px solid #FB810B;border-radius: 18px;}
.luxianglist .loadmore a{color:#FB810B;}


.bq{border-top: 1px solid #EFEFEF;margin-top:50px;line-height:2;font-size:14px;color:#9A9A9A;}
.bq a{color:#9A9A9A;}









.saishi_item .qiudui{padding:0px 20px;}
.saishi_item .qiudui .qiudui_item{width:23%;margin:1%;display: flex;justify-content: space-between;}
.saishi_item .qiudui .qiudui_item .pic{ width: 64px;height: 64px;background: #F5F7F9;padding:7px;}
.saishi_item .qiudui .qiudui_item .pic img{ width: 50px;height: 50px;}
.saishi_item .qiudui .qiudui_item .title{ width:calc(100% - 74px);text-align: left;}
.saishi_item .qiudui .qiudui_item .title p{font-weight: 600;color: #000;line-height: 2;}
.saishi_item .qiudui .qiudui_item .title .t2{font-size: 12px;color: #656565;font-weight: 400;padding-top: 10px;}













@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;}
}



.match_zhibo_nav .icooff{display: none;}
.match_zhibo_nav_m{display: none;}

@media (max-width: 780px) {
    .header {height: auto;line-height: unset;padding:5px 10px}
    .header .container{display:flex;align-items:center}
    .header_logo {margin: 0;height:auto}
    .header_logo img {width: auto;height: 50px;margin:0;padding:0;box-sizing: border-box;}
    .header_menu{width:100%;display: none;background:#1D1E2A;}
    .header_menu_item {height: 35px;line-height: 35px}
    .header_menu_item.active {background: url(../images/nav_bg_hover.png) repeat-x;box-sizing: border-box;}
    .header_menu_item:hover .header_menu_item_item{display: none;}
    .header_menu_item a {font-size: 14px;color: #FFFFFF}
    

.mobilemenu img{height:20px;}
.header_menu {position: fixed;background: rgba(0,0,0,0.8);width: 100%;z-index: 9999;top: 63px;left: 0;display: none;flex-wrap:wrap;padding:10px;}
.header_menu_item{width:25%;;height:auto;text-align:center}
.header_menu_item a{font-size:14px;line-height:2}
.header_menu_item.active{background:none}
.ico_off{position:absolute;right:5%;top:5%;}
.match .match_filter_item a{font-size: 12px;padding: 0 5px;}

.section-tit{padding:0 20px;}


    .mobilenav_bg{display:none;background-color:rgba(0,0,0,0.5);width:100%;height:100%;content:"";position:fixed;top:0;left:0;z-index:1}
    
    
    
    .team_rank{position:relative}
    .team_rank_main .team_rank_match{position:absolute;right:10px;top:-40px;}
    .team_rank_main .team_rank_match span{background:#DBDBDB;border-radius:0;padding:5px 10px}
    .team_rank_main .team_rank_match span.on{background: #228B63;}
    .team_rank_main div.team_rank_score_name{background:none;color: #A4A4A4;padding: 10px 10px;}
    .team_rank.boxpd20{padding:0;}
    .team_rank_main .team_rank_score li{padding:10px 10px;margin:0;}
    .team_rank_main .team_rank_score li:nth-child(1){background: #FFECEB;}
    .team_rank_main .team_rank_score li:nth-child(2){background: #FFECEB;}
    .team_rank_main .team_rank_score li:nth-child(3){background: #FFECEB;}
    .team_rank_main .team_rank_score li:nth-child(4){background: #FFF6E6;}
    .team_rank_main .team_rank_score li:nth-child(5){background: #FFF6E6;}
    .team_rank_main .team_rank_score li:nth-child(6){background: #FFF6E6;}
    
    




.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;}
.luxianglist ul li{font-size:14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.luxianglist ul li span{font-size:14px;}


/**手机二级下拉**/

    .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:#fff;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 #fff}
    .match_zhibo_nav_m a.on{color: #000;border-bottom:2px solid #228B63}
    .match_zhibo_nav_m img{width:34px;}
    .match_zhibo_nav{position: fixed;width: 100%;z-index: 9;margin:0;background-color: rgb(235 235 235 / 100%);}
    .match_zhibo_nav .all{background:#F2F8F6;color:#228B63;position:relative}
    .match_zhibo_nav .icooff{display: block;position:absolute;right: 10px;top: 7px;width: 24px;}
    .match_zhibo_nav .icooff img{width:100%;}
    .match_zhibo_nav dl dd:nth-child(3n){margin: 1% 3.3333% 1% 0;}
    .match_zhibo_nav dl dd{width:auto;}
    .match_zhibo_nav dl dd a{padding:0 10px;width:auto;border: 1px solid #84b5a2;}







.newslist ul{}
.newslist ul li .pic{width:30%;height:auto;max-height:80px;}
.newslist ul li .pic img{height:auto;width:100%}
.newslist ul li .text{width:calc(100% - 30%)}
.newslist ul li .desc{display:none;}
.newslist ul li .tit{font-size: 14px;line-height: 1.5;padding-bottom: 5px}
.newslist ul li .tit a{font-size: 14px;}




.match-item{display:flex;flex-wrap:wrap;padding:0}
.match-item:nth-child(2n){background:#Fff;}
.match-item .info_left{width:100%;display:flex;justify-content:space-between}

.match-item .info_left .league{padding:0;width:auto;}
.match-item .info_left .time{width:auto;display:flex;flex-direction:row-reverse}
.match-item .info_left .time em{display:inline-block;margin-right:10px;font-weight:600}
.match-item .info_center{width:100%;}
.match-item .info_right{width:100%;}
.match-item .info_center .away .left .text{width:100%;text-align: center;}
.match-item .info_center .home .left{display: flex;flex-direction: column;}
.match-item .info_center .away .right{display: flex;flex-direction:column}
.match-item .info_center .away .right .text{width:100%;text-align: center;}




.match-item .info_center{padding:20px 0;display:flex;justify-content:space-between}

.match_filter_item{min-width: 50px;}

.match-item{padding:10px;}
.match-item .info_center .home{display:flex;justify-content:space-between}
.match-item .info_center .home .left{width:100%}
.match-item .info_center .away .right{width:100%}

.match-item .info_center .home{width:40%}
.match-item .info_center .away{width:40%}
.match_saishi_info ul li.tabs{flex:1;padding:8px 0;text-align:center}

.match_allinfo .top .zhuangtai .bf{line-height:60px;}
.match_allinfo .top .zhudui, .match_allinfo .top .zhudui{padding:0 2%;width:40%;}
.match_allinfo .top .zhudui, .match_allinfo .top .kedui{padding:0 2%;width:40%;}
.zhibo_btn a{padding:3px 6px;margin-bottom:5px;line-height:26px;}
.match_analysis .senav span{padding:10px 0;}
.match_analysis .match-item .info_left{width:100%;}
.match_analysis .match-item .info_center .home .left{flex-direction: column;}
.match_analysis .match-item .info_center .score{font-size: 18px;}


.saishi_item .qiudui .qiudui_item{width:48%}
.match_saishi .intro .text span{width:100%}
}








.boxB ul li{font-size:14px;color: #222222;display:flex;padding:10px 0}
.boxB ul li.top{}
.boxB ul li span{width:14%;text-align:center}
.boxB ul li span:nth-child(1){width:16%}
.boxB ul li.top{color:#A5A5A5}



.boxC ul li{display: flex;width:100%;justify-content:space-between;align-items: center;padding:16px 0;}
.boxC ul li .progress{width:calc((100% - 138px)/2);}
.boxC ul li em img{vert-align:center;}
.boxC ul li .num{width:38px;text-align:center;color:#000;font-size:14px;font-weight: 600}
.boxC ul li .name{width:100px;text-align:center;color: #8A8A8A;font-size:14px;}
.boxC ul li .progress_zd{height:8px;border-radius: 0;background: #FFEAEA;position:relative;}
.boxC ul li .progress_zd span{background: #FC3837;height:8px;position: absolute;left:0;top:0;}
.boxC ul li .progress_kd{height:8px;border-radius: 0;background: #EDF2FA;position:relative;}
.boxC ul li .progress_kd span{background: #337BFF;height:8px;position: absolute;right:0;top:0;}


.boxT{display:flex;}
.boxT .teamName{width:160px;}
.boxT dl{width:calc(100% - 180px);}
.boxT dl{width:calc(100% - 180px);display:flex;}
.boxT dl span{flex:1;text-align:center}



.boxD{font-size:13px;line-height:1.5;color:#7a7a7a;height:450px;overflow:hidden}
.boxD p{box-shadow: 0 0.1rem 0.88rem 0 rgba(0,0,0,.06);border-radius: 0.26rem;padding: 8px 20px;margin: 10px 0;position:relative}
.boxD p.main1:before{content: "";
    position: absolute;
    left: 5px;
    border-left: 5px solid red;
    height: 80%;
    top: 10%;}

.boxD .part{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;}
.boxD .part span{width:20%;display:block;text-align: center;background: #EFEFEF;line-height:32px;color:#000}
.boxD .part span.on{background: #28B28B;line-height:32px;color:#Fff}
.boxD .partdetail{display:none}
.boxD .partdetail.show{display:block}



/**球员参与赛事**/
.cy_saishi_name{display: flex;align-items: center;font-size: 16px;border-bottom:1px solid #eaeaea;margin-top: 10px;width:100%;padding-bottom: 5px;}
.cy_saishi_name span{font-size:12px;color:#666;}
.cy_saishi_name span.pic{width:32px;height:32px;border-radius: 50%;border:1px solid #ccc;padding:2px;display:flex;justify-content: center;align-items: center;margin-right:10px;overflow: hidden;}
.cy_saishi_name img{max-width:100%;max-height:100%;height:auto;padding:2px;}
.cy_saishi_item{padding:7px 0;align-items: center;}
.cy_saishi_item .time{width:90px;text-align: center;font-size: 12px;color: #666}
.cy_saishi_item .time span{display: block;}
.cy_saishi_item .time .zt{color: #ccc}
.cy_saishi_item .team{width: 40%;text-align: left;display: flex;justify-content: space-between;flex-direction: column;align-items: flex-start;}
.cy_saishi_item .team .zhudui,.cy_saishi_item .team .kedui{display: flex;flex-direction: row;justify-content: center;padding:1px 0;line-height: 22px;font-size: 14px}
.cy_saishi_item .team .zhudui span,.cy_saishi_item .team .kedui span{border-radius: 50%;border:1px solid #ccc;padding:2px;width:22px;height:22px;margin-right: 5px;display: flex;justify-content: center;align-items: center}
.cy_saishi_item .team img{height:100%;}

.cy_saishi_item .bifen .zhudui_bifen,.cy_saishi_item .bifen .kedui_bifen{line-height: 22px;padding:1px 0;font-size: 14px;color: #666;}
.pingfen{display: flex;flex-direction: column;width:40px;text-align: center}
.pingfen span{background: #91c1b4;border-radius: 5px;padding: 2px 5px;display: block;color: #fff;font-weight: 400;}


/** 直播内页篮球球员积分排名 **/
.baskball_part{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;}
.baskball_part span{width:20%;display:block;text-align: center;background: #EFEFEF;line-height:32px;color:#000}
.baskball_partmain .baskball_part_qiuyuan_bifen .row{width:100%;display:flex;justify-content: space-between;padding:5px 0;}
.baskball_partmain .baskball_part_qiuyuan_bifen .row.top{border-top:1px solid #ccc;text-align: center;padding:10px 0;}
.baskball_partmain .baskball_part_qiuyuan_bifen .row.top span{color: #656565;font-size: 12px;}
.baskball_partmain .baskball_part_qiuyuan_bifen .row .l{width:150px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.baskball_partmain .baskball_part_qiuyuan_bifen .row .l img{vertical-align: bottom;}
.baskball_partmain .baskball_part_qiuyuan_bifen .row .r{width:calc(100% - 150px); display:flex}
.baskball_partmain .baskball_part_qiuyuan_bifen .row .r span{flex:1;text-align: center;}
.baskball_partmain .baskball_part_qiuyuan_bifen .row .r span{color:#222222}
.baskball_part span.on{background: #1bb28d;line-height:32px;color:#Fff}
.baskball_partmain .baskball_part_qiuyuan_bifen{display:none}
.baskball_partmain .baskball_part_qiuyuan_bifen.show{display:block}
@media (max-width: 480px) {
.baskball_partmain .baskball_part_qiuyuan_bifen span{font-size:12px;}
.baskball_partmain .baskball_part_qiuyuan_bifen .row .l{width:60px;}
.baskball_partmain .baskball_part_qiuyuan_bifen .row .l img{display:none}
.baskball_partmain .baskball_part_qiuyuan_bifen .row .r{width:calc(100% - 60px); display:flex}
}
/** 直播内容页 **/



/** 底部导航按钮 **/
.bottomnav{position:fixed;bottom:0;width:100%;display:flex;border-top:2px solid #F4F4F4;padding:5px 0;background:#fff;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%}
.bottomnav a i.basketball{background:url("../images/nav_basketball_0.png") no-repeat;background-size:100% 100%}
.bottomnav a i.football{background:url("../images/nav_football_0.png") no-repeat;background-size:100% 100%}
.bottomnav a i.videos{background:url("../images/nav_videos_0.png") no-repeat;background-size:100% 100%}
.bottomnav a i.news{background:url("../images/nav_news_0.png") no-repeat;background-size:100% 100%}
.bottomnav a i.ozb{background:url("../images/nav_ozb_0.png") no-repeat;background-size:100% 100%}

.bottomnav a.on{color: #000;}
.bottomnav a.on i{width:25px;height:25px;display:block;}
.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;}
}
/** 移动导航按钮 **/