@charset "UTF-8";
*{margin:0;padding:0;box-sizing:border-box;font-family:'Microsoft Yahei',sans-serif;font-size: 14px;}
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}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
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}
img{vertical-align: middle;max-width: 100%}
.autoheight{height:auto!important;}
.position a:hover {
  color:#FF0101
}
.daohang {
    display: flex;
    align-items: center;
    width: 100%;
    color:#fff;
    line-height: 35px;
    border-left: 6px solid #FF0101;
    background: #214351;
    padding: 0 10px;
    cursor: pointer;
    margin-bottom: 10px;
}

.icon-top {
    background: url(/static/b16/images/top.gif) no-repeat center #fff;
    background-size: 40px;
    width: 40px;
    height: 40px;
    position: fixed;
    right: 20px;
    bottom: 10%;
    transition: all .3s;
    z-index: 9999999;
    border: #ccc 1px solid;
    border-radius: 100%;
}


.new_content_h1 {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #214351;
    line-height: 50px;
    font-weight: 600;
    background: #fff;
    padding-left:10px;
}



.con_center {width: 1200px;margin: 0 auto;position: relative;}
.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}
.position{color:#fff;padding:10px 0px 20px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.position a{color:#fff}
[hidden]{display:none}
.mt10 {margin-top: 10px}
.mt20 {margin-top: 20px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mb20 {margin-bottom: 20px}
.nodate{padding:40px;text-align: center;}
.nodate p{font-size: 12px;line-height: 1.8;color: #A5A5A5;}
.pdtb20{padding:20px 0}
.pd20{padding:20px;}
.w840{width: 840px;}
.w340{width: 340px;}


.pc{display:block}
.mobile{display:none}
.nav-link {
  flex-shrink: 0;
  width: auto;
  padding: 0 20px;

  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav-link:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #333;
  color: #fff;
  position: absolute;
  top: 45%;
  right: 0%;

}
.nav-link svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.nav-menu {
  position: absolute;
  width: 108px;
  top: 50px;
  left: 50%;
  background: #fff;
  z-index: 200;
  transform: translateX(-50%);
  padding: 12px 0;
  display: none;
  box-shadow: 0 2px 5px 0 rgba(173, 173, 173, 0.5);
  border-radius: 8px;
  overflow: hidden;
}
.nav-menu a {
  display: block;
  width: auto;
  line-height: 35px;
  text-align: center;
}
.nav-link:hover .nav-menu {
  display: block;
}

.about-content {
  margin-left: 24px;
  background: var(--bg-light-color, #FFFFFF);
  border-radius: 12px;
  /*    border: 1px solid #eee;*/
  flex: 1;
  float: left;
  width: 100%;
}
#comment_box {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 10px;
  margin-bottom: 22px;
}
#comments-title {
  padding-top: 100px;
  margin-top: -100px;
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
.compost .com-name {
  padding: 1em 0 1em 0.2em;
}
#cancel-reply {
  color: #ff4d4d;
}
.compost .com-info {
  margin-bottom: 10px;
}
.compost .com-info li {
  float: left;
  margin-bottom: 1em;

  padding-right: 3%;
  position: relative;
}
.com-box textarea {
  border-radius: 3px;
  text-indent: 5px;
  margin: 0 0 20px 0;
  padding: 5px;
  width: 82%;
  border: 1px solid #ddd;
  background: #fff;
  -webkit-appearance: none;
  font-size: 14px;
}
.compost .com-info li input {
  width: 98%;
  height: 40px;
  line-height: 40px;
  padding-left: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-indent: 2px;
}
.com-submit {
  border-radius: 3px;
  border: none;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  background-color: #222222;
  color: #fff;
  padding: 0 20px;
  font-size: 14px;
}
.about-content-title {
  padding: 16px 32px;
  font-size: 20px;
  font-family: bold;
  border-bottom: 1px solid #ccc;
}

.about-content-text {
  padding: 16px 32px;
  text-indent: 2em;
}
.page-box{
  line-height: 40px;
  font-size: 14px;
}

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


.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.on{color: #000;}
.bottomnav a.on i{width:25px;height:25px;display:block;}

@media (max-width: 780px) {
  footer{margin-bottom:50px;}
  .bottomnav{display:flex;}
  .about-content {
    margin-left: 0px;
    background: none;
    border-radius: 12px;
    /*    border: 1px solid #eee;*/
    flex: 1;
    float: left;
  }
  #comment_box {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-bottom: 22px;
  }
  #comments-title {
    padding-top: 100px;
    margin-top: -100px;
    font-size: 18px;
    font-weight: 500;
    color: #222;
  }
  .compost .com-name {
    padding: 1em 0 1em 0.2em;
  }
  #cancel-reply {
    color: #ff4d4d;
  }
  .compost .com-info {
    margin-bottom: 10px;
  }
  .compost .com-info li {
    float: left;
    margin-bottom: 1em;

    padding-right: 3%;
    position: relative;
  }
  .com-box textarea {
    border-radius: 3px;
    text-indent: 5px;
    margin: 0 0 20px 0;
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-appearance: none;
    font-size: 14px;
  }
  .compost .com-info li input {
    width: 98%;
    height: 40px;
    line-height: 40px;
    padding-left: 4px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 2px;
  }
  .com-submit {
    border-radius: 3px;
    border: none;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background-color: #214351;
    color: #fff;
    padding: 0 20px;
    font-size: 14px;
  }
  .about-content-title {
    padding: 16px 32px;
    font-size: 20px;
    font-family: bold;
    border-bottom: 1px solid #ccc;
  }

  .about-content-text {
    padding: 16px 32px;
    text-indent: 2em;

  }
  .page-box{
    line-height: 40px;
    background: var(--bg-light-color, #FFFFFF);
  }
}


/* column */
.section-tit{display: flex; align-items: center; width:100%;line-height: 48px;border-left:6px solid #FF0101;background: #214351;padding:0 10px;}
.section-tit span{font-weight: 600;color: #fff;font-size: 18px;}
.section-tit span.section-tit-span {padding-right:20px;cursor: pointer}
.section-tit span.active {color:#FF0101}
.section-tit a{font-weight: 400;color:#93BED2;font-size: 14px;}

.section-tit-nav{background:#dee9ee;display: flex;}
.section-tit-nav span{flex:1;text-align: center;padding:5px 0;}
.section-tit-nav span.on{background: #FFFFFF;}
.section-tit-nav .nav.on{background: #FFFFFF;}
.section-tit-nav2{ display: flex;background:#DEE9EE; }
.section-tit-nav2 span{flex:1;text-align: center;line-height: 32px;}
.section-tit-nav2 span a{display: block;}
.section-tit-nav2 span.on{background:#FFFFFF;}



.section-tit-listsenav{border-radius: 16px;overflow: hidden;overflow: hidden;background-color:#000000;height: 26px;line-height: 26px;}
.section-tit-listsenav a{font-size: 14px;text-align: center;padding:0px 10px;cursor:pointer;line-height: 26px;display: inline-block;}
.section-tit-listsenav a.on{color:#fff;background-color:#FF0101;}




body{background:#000}

/* header */
.header{width:100%;line-height:40px;background:#000;border-bottom: 1px solid #EAEAEA;}
.header_logo{}
.header_logo a span{width:auto;height:54px;margin:5px 0;box-sizing: border-box;font-size:24px}
.header_menu{width:100%;line-height: 50px}
.header_menu_item{float:left;padding:0 15px;text-align:center;position: relative;min-width:90px;}
.header_menu_item.active a{position:relative;color: #fff}
.header_menu_item a{display:block;width:100%;font-size: 16px; color:#fff;}
.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; color: #fff;}
.header_menu_item .header_menu_item_item li a:hover{background:#FDDC00;color: #fff}



.section1{padding-top: 68px;}
.section1 .t1{font-size: 32px;font-weight: 400;color: #FFFFFF;}
.section1 .t2{font-size: 21px;font-weight: 400;color: #ABABAB;}
.section1 .btn{width: 150px;background: #FF0101;border-radius: 22px;display: block;position: absolute;right:0;top:10px;color: #fff;line-height: 44px;text-align: center;font-size: 18px;}

/* match_top */
.match_top{position: relative; border-radius: 5px;}
.match_top .match {background:#252E3D;width:242px;height: 128px;color:#fff;padding:15px 15px;display: flex;justify-content: space-between;position: relative;}
.match_top .match:after{content: "";width: 1px;background:#354155;height: 110px;position: absolute;right:1px;top:10px;}
.match_top .match .time {color:#888888;font-size: 12px;text-align: center;white-space: nowrap;line-height:19px;}
.match_top .match .rightside a{width: 60px;height: 28px;background: #404255;border: 1px solid #FDC606;border-radius: 3px;float:right;color:#FDC606;text-align: center;font-size:12px;line-height: 26px}
.match_top .match .qiudui{display: flex;flex-direction: column;justify-content: center;width:31%;padding-top: 28px}
.match_top .match .qiudui img{width: 56px;height: 56px;}
.match_top .match .qiudui .name span{text-align: center;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height: 2;color: #FFFFFF;font-size: 14px;}
.match_top .match .duibi{display: flex;flex-direction: column;justify-content: space-between; align-items: center; width:31%;height: 100%;text-align: center;}
.match_top .match .duibi .vs{font-size: 26px;color: #888888;font-weight: 600;line-height: 1}
.match_top .match .duibi .liansai{color:#888888;font-size: 12px;text-align: center;white-space: nowrap;line-height:19px;}
.match_top .match .duibi .liansai a{color:#888888;}
.match_top .swiper-container{overflow: hidden;}
.match_top .swiper-container .swiper-slide{width:242px;}






/* match */
#match_filter_top{background:#DEE9EE;display: flex;flex-wrap: wrap;}
#match_filter_top li.tabs{line-height: 40px;display: block;display: block;padding:0 10px;}
#match_filter_top li.active{background-color: #fff;}
#match_filter_top li.active a{color: #FF0101;}
.match .match_filte{background:#DEE9EE;}
.match .match_time{font-size: 14px;color:#FF1B25;font-weight: 600;padding:10px 20px;display:block;border-bottom: 1px solid #F0F0F0;}

.match .match_date {font-size: 16px;padding: 15px 0;margin-top: 15px}
.match .match-item {display: flex;align-items: center;font-size: 15px;padding:20px;border-bottom: solid 1px #dedede !important; justify-content: space-between;}

.match_date {font-size: 16px;padding: 15px 0;margin-top: 15px}
.match-item {display: flex;align-items: center;font-size: 15px;padding: 15px;border-bottom: solid 1px #dedede; justify-content: space-between;}
.match-item .info_left{display:flex;align-items:center}
.match-item .info_left .time{display:inline-block;min-width:55px;padding-right:10px;}
.match-item .info_left .time{font-weight: 600}
.match-item .info_left .time em{color:#9A9A9A; font-weight: 400;display:inline-block;padding-left:10px;}
.match-item .info_left .league{display:inline-block;width:80px;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_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}
.match-item .info_center .home .left .text{display:inline-block;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding-left:10px;text-align:left}
.match-item .info_center .score{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:600;width:100px}
.match-item .info_center .score .fenge{padding:0 10px;}
.match-item .info_center .away{display:flex;justify-content:center;align-items:center}
.match-item .info_center .away .right{display:flex;align-items:center;width:150px;justify-content:flex-end}
.match-item .info_center .away .right .text{display:inline-block;width:120px;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.match-item .info_center .away .right > img{width:30px;max-height:30px;margin-right:10px}
.match-item .info_right{border-radius: 16px;box-sizing:border-box;display:block;vertical-align:middle;font-size:14px;width: 80px;line-height: 32px;background:#E8EEF1;text-align: center;color:#Fff;overflow:hidden}
.match-item .info_right a{color:#000;display:block}
.match-item .info_right.start {}
.match-item .info_right.start a {background:#FF1B25;color: #fff;border-radius: 4px;}
.match-item .info_right.end {}
.match-item .info_right.end a {background:#222222;color: #fff;}
.match_list_more{width: 280px;height: 36px;background:#214351;margin:20px auto;text-align: center;line-height: 36px;}
.match_list_more a{color:#fff}

.section-hot-team{}
.section-hot-team a .pic{border: 1px solid #F2F2F2;padding:10px;}
.section-hot-team a .pic img{width: 48px;height: 48px;}
.section-hot-team a{width: 76px;margin:0px 0px 10px 0;background: #FFFFFF;display:flex; flex-direction: column; justify-content: center;align-items: center;text-align: center}
.section-hot-team a p{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.section-hot-team-box{display: none;}
.section-hot-team-box.on{display: grid;grid-template-columns: 25% 25% 25% 25%;}
/* 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;}







.container_right{width: 340px}
.section-news{width: 100%;}
.section-news .news{margin-bottom: 15px}
.section-news .pic{width:228px;height:128px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.section-news .pic img{width:100%;display: block;}
.section-news .text{width:calc(100% - 248px);position: relative;padding:2px 0;}
.section-news .text .title{line-height: 1.5;font-size: 18px;color:#000000;padding-bottom: 10px}
.section-news .text .desc{;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;color: #000;font-size: 14px;}
.section-news .text .time{position: absolute;bottom:2px;width: 100%;text-align: left;color: #000;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: #FDDC00;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;border-bottom:1px solid #F6F7F7;padding:10px 0px;}
.video_list li a{color:#000000;font-size: 14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.video_list li a img{margin-right: 10px}
.video_list li:hover{background-color:#F7F7F7;}
.video_list li:hover a{color:#FF1B25;}
.video_list li:nth-last-child(1){border:0;margin:0;}
.video_list.index_video_list_qh ul{display:none}

.tags_list ul{padding:20px;}
.tags_list li{font-size:14px;font-weight:400;margin-right:2px;margin-bottom:8px;padding:5px 12px;display:inline-block;line-height:22px;background: #F2F2F2;border-radius: 16px; }
.tags_list li:hover{background:#ff0101}
.tags_list li:hover a{color:#FFFFFF;display:block}
.tagblock{width:100%;display: block;}

/*球队球员 */


.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{border-radius: 16px;overflow: hidden;}
.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:#FF0101;}
.team_rank_main .team_rank_score{padding:0px;}

.team_rank{position:relative}
.team_rank_main .team_rank_match{position:absolute;right:10px;top:-38px;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;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:40px;cursor:pointer; }
.team_rank_main .team_rank_match_saishi span.on{color:#FF0101;background-color:#fff;}
.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:32px;cursor:pointer; }
.team_rank_main .team_rank_match_saishi_east_west span.on{color: #FF0101;background-color:#fff;}


.team_rank_main .team_rank_score li{display: flex;justify-content: space-between;align-items: center;padding:10px 10px;}
.team_rank_main .team_rank_score li span{font-size: 14px;text-align: center;}



.team_rank_main .team_rank_score li:nth-child(1){background-color:#FFEDEB}
.team_rank_main .team_rank_score li:nth-child(2){background-color:#FFEDEB}
.team_rank_main .team_rank_score li:nth-child(3){background-color:#FFEDEB}
.team_rank_main .team_rank_score li:nth-child(4){background-color:#FFEDEB}
.team_rank_main .team_rank_score li:nth-child(5){background-color:#FFF6E6}
.team_rank_main .team_rank_score li:nth-child(6){background-color:#FFF6E6}
.team_rank_main .team_rank_score li:nth-child(7){background-color:#FFF6E6}




.team_rank_main .team_rank_score li span:nth-last-child(1){color:#FF1B25}
.team_rank_main div.team_rank_score_name{background:#ebf1ef;line-height: 36px;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: 22px;height: 22px;line-height: 22px;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{padding:10px 0;border-top:1px solid #293240;text-align:center}
.friend-wrapper .con_center a{line-height: 1.8;margin:0 5px;font-size: 14px;color:#707682}

/* footer */
.footer-wrapper{width:100%;;padding:20px 0;text-align: center;color:#fff;}
.footer-wrapper .footer-desc{font-size:14px;font-weight:400;color:#fff;}
.footer-wrapper .footer-copyright{color: #fff;font-size:12px;line-height: 24px;}
.footer-wrapper .footer-copyright a{color:#fff;}
/*首页完 */







/** 直播列表页 **/
.match_zhibo_nav{width:180px;background: #fff;padding:20px 10px;}
.match_zhibo_nav .all{width: 160px;background: #000000;color: #fff;text-align: center;line-height: 48px;}
.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: #FDDC00;color:#FFF;}

[class*=" fa-"], [class^=fa-] {
  position:relative;
  display:inline-block;
  font-family:FontAwesome;
  font-style:normal;
  font-weight:400;
  -webkit-transform:translate(0, 0);
  -ms-transform:translate(0, 0);
  -o-transform:translate(0, 0);
  transform:translate(0, 0);
  text-rendering:auto;
  speak:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

@font-face {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
}
.fa-database:before {
  content: "\f1c0"
}

.fa-question:before {
  content: "\f128"
}
.fa-download:before {
  content: "\f019"
}
.fa-angle-right:before {
  content: "\f105"
}
.fa-angle-up:before {
  content: "\f106"
}
.fa-angle-down:before {
  content: "\f107"
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-star-empty:before {
  content: "\f006";
}
.fa-eye:before {
  content: "\f06e"
}
.fa-star:before {
  content: "\f005";
}
.fa-user-o:before{
  content:"\f2c0";
}





.ny_leftside {width: 120px;background: #214351;position: absolute;top:0px;left:-130px;}
.ny_leftside .all{width: 100%;color:#FEFEFE;text-align: center;align-items: center;line-height: 48px;}
.ny_leftside .navlist dl{}
.ny_leftside .navlist dl dt{font-weight:600;padding:14px;display: flex;justify-content: space-between;align-items: center;width: 100%;cursor: pointer;color:#FEFEFE;}
.ny_leftside .navlist dl dd{display: none}
.ny_leftside .navlist dl dd a{color:#FEFEFE;padding:11px 0px 11px 28px;display: block;}
.ny_leftside .navlist dl dd a.on{color:red;border-left:5px solid red;background: #F7F7F7;}
.ny_leftside .navlist dl.on dd{display: block;}
.ny_leftside .navlist dl.on dt{color:#FEFEFE;background-color:  #FE0000;}
.ny_leftside .navlist dl dd.on{background: #FEF0F0;}




.saishi_intro{background: #fff;}
.saishi_intro .pic{width: 88px;
  height: 88px;
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 50%;}
.saishi_intro .pic img{width: 100%;}
.saishi_intro .intro{width:calc(100% - 100px);color: #fff;font-size: 14px;line-height: 1.8;display:flex;justify-content: center;flex-direction: column;}
.saishi_intro .intro h3{font-size: 20px;font-weight: 400;padding-bottom: 5px;line-height: 1.5;color: #000000;font-size: 26px;}
.saishi_intro .content{font-size: 14px;color: #AAAAAA;line-height: 1.5;margin-top: 10px}





.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;
  font-size: 12px;
}

.match_saishi .intro .text span{width:30%}
.match_saishi .intro .text p{width:100%}
.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: #FDDC00;}

.saishi_item_main .luxianglist ul li{display: flex;justify-content: space-between;}
.saishi_item_main .luxianglist ul li img{width: 22px;height: 22px;display: inline-block;}
.saishi_item_main .newslist ul li .tit a{font-size: 18px;;font-weight: 600}





/** 直播列表页 **/
.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; }

.ny_match_list{width: 1000px;}
.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_analysis{background-color: #fff}
.match_analysis .senav{padding:0px 0px 0px 0px;display: flex;background: #E9F0F3;}
.match_analysis .senav span{font-size: 18px;font-weight:600;color: #8A8A8A;padding:18px 0px;text-align: center;cursor:pointer;flex:1;border-bottom: 4px solid #E9F0F3}
.match_analysis .senav span.on{color:#FF0101;border-bottom: 4px solid #FF0101}
.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_analysis .item .column_hd h2{font-weight: bold;color: #000000;font-size: 16px;}




.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_info .zhibo_info{margin-top:10px;}
.match_info .zhibo_info_tag{margin-top:10px;}
.match_info .zhibo_info_tag a{background: #214351;
  color: #fff;
  text-align: center;
  padding: 8px 22px;
  line-height: 30px;
  margin-right:8px;
  font-size:14px;
  border-radius: 3px;
}

.zhibo_btn{margin-top: 20px;display: flex;justify-content: center;}
.zhibo_btn a{

  color:#fff;
  display: inline-block;
  text-align: center;
  padding: 0px 20px;
  line-height: 44px;
  margin-right:10px;
  background: #FF0101;
  border-radius: 5px;
}





.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{height:450px;overflow:hidden}
.boxD{font-size:13px;line-height:1.5;color:#7a7a7a;}
.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:#214351;line-height:32px;color:#Fff}
.boxD .partdetail{display:none}
.boxD .partdetail.show{display:block}
.boxD .match_list_more{}






/** 直播内页篮球球员积分排名 **/
.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:#214351;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}
}
/** 直播内容页 **/





/** 新闻列表页 **/
.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: #FDDC00;color: #fff;}


.newslist ul li{margin:10px 0;display: inline-flex;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 0px;position: relative;width:calc(100% - 180px)}
.newslist ul li .text.luji{width:100%}
.newslist ul li .tit{font-size: 16px;color: #222222;line-height: 28px;padding-bottom:5px}
.newslist ul li .tit a{font-size: 18px;color: #222222;font-weight: 600}
.newslist ul li .desc{font-size: 12px;color: #656565;line-height: 1.5;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.newslist ul li .st{font-size: 12px;color: #9B9B9B;position: absolute;bottom:0px;left:0px;}
.newslist ul li .text.luji .st{position: relative;}

.loadmore{font-size: 16px;color: #007AFF;margin:0 auto 20px auto;font-weight: 600;width: 100px;text-align: center;cursor: pointer;}
.fenye{display:flex;justify-content: center;padding: 20px 0;font-size: 14px;}
.fenye ul li{ display: inline-block;font-size: 14px;margin:0 3px;line-height: 1.5;}
.fenye ul li a{font-size: 12px;color: #9B9B9B;display: block;padding:2px 6px;border:1px solid #9B9B9B;border-radius: 3px;}
.fenye ul li a:hover{background-color: #ff0101;color:#fff;border:1px solid #ff0101;}
.fenye ul li.active a{background-color: #ff0101;color:#fff;border:1px solid #ff0101;}



.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;display: flex;justify-content: space-between;}
.prenext a{width: 48%;line-height:1.5;padding:10px;background: #F5F6FA;border-radius: 4px;color: #555555}
.prenext a span{color: #000}



/** 新闻列表页右侧热点新闻 **/
.hot_news_list ul li{background: #F2F4F7;border-radius: 8px;padding:8px;display: flex;justify-content: space-between;margin-bottom: 10px}
.hot_news_list ul li span{display: block;width: 20px;display: flex;flex-direction: column;justify-content: center;font-size: 20px;align-items: center;color: #9F9F9F;}
.hot_news_list ul li a{display: block;width: calc(100% - 26px);font-size: 14px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
.hot_news_list ul li:nth-child(1) span{color: #EF4031;}
.hot_news_list ul li:nth-child(2) span{color: #EF4031;}
.hot_news_list ul li:nth-child(3) span{color: #EF4031;}
/** 新闻列表页 **/



.nyright_saishi_list .live_right_item{margin-bottom:5px;display:flex;justify-content:space-between; flex-direction: column;border-bottom:1px solid #F5F7F9;padding:5px 0}
.nyright_saishi_list .live_right_item .top{font-size: 12px;color:#8A8A8A;margin-bottom: 10px;}
.nyright_saishi_list .live_right_item .top a{font-size: 12px;color:#8A8A8A;}
.nyright_saishi_list .live_team_left{width: 60%;text-align: left;}
.nyright_saishi_list .live_team_left a{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.nyright_saishi_list .live_team_left a .qiudui{display: flex;flex-direction: row;align-items: center;}
.nyright_saishi_list .live_team_left img{display:block;width:26px;height:26px;vertical-align:middle;margin:2px 5px 2px 0px;}
.nyright_saishi_list .live_team_left span{font-size: 14px;}
.nyright_saishi_list .live_team_right{display: flex;justify-content:center;flex-direction: column; align-items: center}
.nyright_saishi_list .live_team_right a{width: 80px;background: #214351;border-radius: 4px;text-align: center;line-height: 32px;color: #fff;font-size: 14px;}




/** 球队球员 **/
.qiuyuanlist{}


.qiuyuanlist{width:100%;}
.qiuyuanlist .hot_qiuyuan_main{width:100%;display: flex;flex-wrap: wrap;margin-bottom:30px;}
.qiuyuanlist .hot_qiuyuan_main .hot_member_item{width:23%;margin:1%}
.qiuyuanlist .hot_qiuyuan_main .hot_member_item a{display: flex;width: 100%;height: 100%;}
.qiuyuanlist .hot_qiuyuan_main .hot_member_item .pic{width: 60px;height: 60px;display: flex;justify-content:center;overflow: hidden;background: #F5F7F9;border-radius: 3px;align-items: center;}
.qiuyuanlist .hot_qiuyuan_main .hot_member_item .pic img {padding: 8px;max-width: 100%;max-height: 100%;height: auto;}
.qiuyuanlist .hot_qiuyuan_main .hot_member_item .info {width:calc(100% - 68px);color: rgba(0, 0, 0, 1);font-size: 14px;display: flex;justify-content: space-between;flex-direction: column;padding:5px 0px 5px 10px;}
.qiuyuanlist .hot_qiuyuan_main .hot_member_item .info em{font-size: 12px;font-weight: 400;color:#666;}




.qdqyinfo .qdqy_logo{background:#000;padding:20px 0;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #fff}
.qdqyinfo .qdqy_logo img{width:100px;height:100px;border-radius: 50%;padding:10px;background:#fff;}
.qdqyinfo .qdqy_logo h1{font-size: 16px;line-height: 2}

.qdqyinfo .qy_qyxx ul{display: flex;flex-wrap: wrap;border-left:1px solid #EFEFEF;border-top:1px solid #EFEFEF;}
.qdqyinfo .qy_qyxx ul li{display: flex;width:33.333%;border-bottom:1px solid #EFEFEF;border-right:1px solid #EFEFEF;box-sizing: border-box;justify-content: center;flex-direction: column;align-items: center;color: #ADADAD;font-size: 12px;padding:15px 0;}
.qdqyinfo .qy_qyxx ul li span{font-size: 16px;font-weight: 400;color: #000}

.qdqy_lmtit{font-size: 16px;font-weight: 600;padding:20px 0;}




/** 专题页 **/
.hot_zt_intro{display: flex;justify-content: center;flex-direction: column;}
.hot_zt_intro .pic{display: flex;margin-bottom:18px;}
.hot_zt_intro .pic img{height:40px;background-color:#bd1a2d;border-radius:10px;padding:5px 15px;display:block}
.hot_zt_intro .pic span{padding:10px;border-radius: 10px;color:#bd1a2d;font-size:18px;font-weight: 600;}
.hot_zt_intro h1{border-radius: 10px;color:#bd1a2d;font-size:22px;font-weight: 600;text-align:center;line-height:40px;padding:0 10px 0 0}
.hot_zt_intro .text{font-size:14px;line-height:1.5;font-weight:400;overflow:hidden;background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.hot_zt_intro .text.show{height:auto!important;max-height:unset!important}

#loadMoreBtn{margin: 10px auto 0px auto;
  border-radius: 5px;
  background-color:#214351;
  font-size: 12px;
  display: block;
  padding: 5px 20px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;

}
#loadMoreBtn span{color:#fff;}
#loadMoreBtn img{height:12px;padding-left:3px;}
#loadMoreBtn img.up{transform:rotateX(-180deg);}

.rel a{padding:3px 5px;border-radius:8px;background-color:#a5a5a5;color:#fff;display:inline-block;margin:5px 5px 2px 0px;font-size:14px;}

#match_zt_jieshao{position: relative;padding: 0;overflow: hidden;max-height:150px;overflow:hidden;line-height: 1.6;}
#match_zt_jieshao p{line-height: 1.6;margin-bottom: 5px;}
#match_zt_jieshao img{width:100%!important;max-width:500px!important;height:auto!important;margin:10px auto;display:block}


/** 专题页 **/


/** live **/
.fixed_score_box{width:100%;display:block;padding:50px 50px;box-sizing:border-box}
.fixed_score_box .fixed_score_top{display:flex;justify-content:space-between;flex-wrap: wrap}
.fixed_score_box .fixed_score_top .play_btn{position: relative;width: 100%;margin-top:-20px;margin-bottom: 20px}
.fixed_score_box .fixed_score_top .play_btn img{z-index: 1;position: relative;}
.fixed_score_box .fixed_score_top .play_btn:after{content:"";height: 1px;background-color: #ccc;display: block;width: 100%;position: absolute;top:50%;z-index: 0}
.score_name{text-align:center;    padding-top: 30px;}
.score_name_left{
  display:flex;
  align-items:center;
  justify-content: center;
  width: 188px;
  height: 188px;
  background: #FEFEFE;
  border: 2px solid #F1F1F1;
  flex-direction: column;
}
.score_name_right .image_container,.score_name_left .image_container{display:flex;justify-content:center;align-items:center}
.score_name_left h1,.score_name_left h2{height:26px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;line-height:26px;color:#000}

.score_name_right .image_container img,.score_name_left .image_container img{width:88px;height:88px;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:20px 0;padding:0 12px}
.match_score > div{font-size:48px;font-family:DIN;font-weight:bold;line-height:39px;}
.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%)}






.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 .fixed_score_top .play_btn:after{height: 0}
  .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,  .score_name_left h2{text-align:center}
  .score_name_left{}
  .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}
  .fixed_score_box .fixed_score_top{display: flex;flex-wrap: nowrap;}
}
/** end live **/

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




.match_filter li a i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px -2px 0;
}
.icon-zhongyao {
}
.icon-zuqiu {
}
.icon-lanqiu {
}
.icon-quanbu {
}
.get-more-match {display:block;padding: 15px;text-align: center;font-size: 16px;color: #cf0d0d;margin-top: 15px}











/*录像列表*/
.luxianglist ul{}
.luxianglist ul li{padding:10px 2px;border-bottom: 1px solid #F2F2F2;display: flex;justify-content: space-between;align-items: center;}
.luxianglist ul li a{font-size: 14px;}
.luxianglist ul li img{width:22px;height: 22px;margin-right: 5px;}
.luxianglist ul li span.time{color:#9B9B9B;font-size:12px;}



.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;}
.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;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.saishi_item .qiudui .qiudui_item .title .t2{font-size: 12px;color: #656565;font-weight: 400;padding-top: 10px;}




/**电视频道**/
.dianshi_pindao .column_hd {border-bottom: 1px solid #EFEFEF;margin-bottom: 10px;padding-bottom: 10px;}
.dianshi_pindao .pindao_pic_list{display:grid;grid-template-columns: repeat(auto-fit,minmax(120px, 1fr));grid-gap: 10px;}
.dianshi_pindao .pindao_pic_list li{width: 120px;}
.dianshi_pindao .pindao_pic_list li .pic a{width: 120px;height: 120px;background: #FFFFFF;border: 1px solid #EBEBEB;display:flex;justify-content: center;align-items:center;}
.dianshi_pindao .pindao_pic_list li .pic img{max-width: 100%;max-height: 100%; display:block}
.dianshi_pindao .pindao_pic_list li p{text-align:center;padding:10px 0}
.dianshi_pindao .pindao_text_list{display:grid;grid-template-columns: repeat(auto-fit,minmax(120px, 1fr));grid-gap: 10px;}
.dianshi_pindao .pindao_text_list li a{border: 1px solid #EBEBEB;border-radius:4px;text-align:center;width: 120px;height: 48px;background: #FFFFFF;border: 1px solid #EBEBEB;border-radius: 6px;line-height:48px;display:block}
.dianshi_pindao .pindao_text_list li a:hover{background:#bd1a2d;color:#fff}

.pindao_detail img{max-width:100%;}
.pindao_detail{width:100%;}
.pindao_detail .pindao_sp{width:100%;}
.pindao_detail .pindao_js{width:100%;}
.pindao_detail .pindao_js .pic{width: 120px;height: 120px;background: #FFFFFF;border: 1px solid #EBEBEB;display: flex;justify-content: center;align-items: center;}
.pindao_detail .pindao_js .pic img{width: 80px;height: 80px; display:block}
.pindao_detail .pindao_js .text{width:calc(100% - 130px);display:flex;justify-content: center;align-items:flex-start;line-height: 1.5;flex-direction: column;}
/**电视频道**/
ao_js .text{width:calc(100% - 130px);display:flex;justify-content: center;align-items:flex-start;line-height: 1.5;flex-direction: column;}
/**电视频道**/






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








@media (max-width: 1200px) {
  .con_center{max-width:100%;width: 100%;}
  .mx96{width:96%;margin:2%;}
  .main-page {
    background: #fff;
  }
  .w840{width:100%}
  .w340{width:100%}
  .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) {
  .pd20{padding:20px 10px;}
  .header {height: auto;line-height:unset;top:0;left:0;z-index: 20;background-color: #000}
  .header .con_center{align-items: center;padding:0 10px;}

  .header_menu{left:0;background-color: #000;width: 100%;height:100%;z-index: 10}
  .header_menu ul{width: 100%}
  .header_menu li{width:100%;line-height: 3;border-bottom: 1px solid #F0F0F0;text-align: left;text-indent: 2em;background-color: #000}
  .header_menu li.header_menu_item {
    text-indent:0;
    padding:0;
    min-width: unset;
    width:25%;
    border:0;
  }
  .header_menu li.header_menu_item a{
     border:0;color:#fff;
  }
  .header_logo img{height:40px;}
  .mobilemenu img{height:32px;}
  .section1 .t1{text-indent:20px;font-size: 24px;}
  .section1 .t2{text-indent:20px;font-size: 16px;}
  .section1 .btn {
    width: 120px;
    background: #FF0101;
    border-radius: 18px;
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
  }

  .nav-link:after {
      top: 50%;
      right: 36%;
  }
  .nav-menu {
    top:100%;
  }
  .section-news .pic{width: 160px;height: 110px;}
  .section-news .pic img{width:100%;display: block;}
  .section-news .text{width:calc(100% - 170px);position: relative;padding:2px 0;}
  .section-news .text .title{line-height: 1.5;font-size: 16px;color:#000000;padding-bottom: 10px}
  .section-news .text .desc{display:none;}
  .section-news .text .time{position: absolute;bottom:2px;width: 100%;text-align: left;color: #000;font-size: 12px;}
  .footer-wrapper{padding:0px 20px 70px 20px;}








  .match-item{display:flex;padding:0}
  .match-item .info_left{width:25%;display:flex;flex-direction: column;align-items: flex-start;}
  .match-item .info_left .league{padding:0;width:auto;}
  .match-item .info_left .time{width:auto;}
  .match-item .info_left .time em{display:inline-block;margin-right:0px;font-weight:400;padding:0;font-size:12px;}
  .match-item .info_center{width:53%;display:block}
  .match-item .info_right{width:22%;}
  .match-item .info_center .home{width:80%;float:left;justify-content: flex-start;padding:4px 0}
  .match-item .info_center .away{width:80%;float:left;justify-content: flex-start;padding:4px 0}
  .match-item .info_center .score{display:flex;flex-direction:column;float:right;width:30px;}
  .match-item .info_center .home .left{display: flex;flex-direction: row;}
  .match-item .info_center .away .right{display: flex;flex-direction:row;justify-content: flex-start;width:auto}
  .match-item .info_center .score .fenge.all-pa{justify-content: center;
    display: flex;
    padding-top: 10px;}

  .match-item .info_center .score .fenge{display: none}
  .match-item .info_center .home .left > img{margin:0;width:16px;height:16px;}
  .match-item .info_center .away .right > img{margin:0;width:16px;height:16px;}
  .match-item .info_center .home .left .text{padding-left:5px;width:100%;}
  .match-item .info_center .away .right .text{padding-left:5px;width:100%;}

  .match-item .info_center .home .left .text a{line-height:1.5;}
  .match-item .info_center .home .right .text a{line-height:1.5;}
  .match-item .info_center .score span{display:block;line-height:1.4;padding:4px 0}




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

  .match_zhibo_nav{display: none;}
  .position-container{font-size:12px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .match_zhibo_nav_m{display: block;color:#66CAF8;display: flex; }
  .match_zhibo_nav_m img{width:34px;}



  .match_zhibo_nav{position: fixed;width: 100%;;margin:0;background-color: rgb(235 235 235 / 100%);}
  .match_zhibo_nav .all{background:#F2F8F6;color:#FDDC00;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;}




  .position{background:#081224;color: #fff;text-indent: 1em;line-height: 20px;font-size: 14px;padding: 5px 0;}



  .ny_leftside{width:100%;left:0;top:46px;z-index: 9}
  .ny_leftside .navlist{display:none}
  .ny_leftside .all{width:96%;background: #FF0101;border-radius: 8px;margin:1% 2% 0 2%;}
  .ny_leftside .navlist dl{display:flex;flex-wrap: wrap;padding:10px 10px;}
  .ny_leftside .navlist dl.on{border:0;margin:5px;background: unset;}
  .ny_leftside .navlist dl dt{padding:8px;}
  .ny_leftside .navlist dl dd{display: inline-block;}
  .ny_leftside .navlist dl dd{width: 32.3%;line-height: 36px;background: #081224;border-radius: 8px;margin:0.5% 0.5%;}
  .ny_leftside .navlist dl dd a{color: #fff;padding:0;text-align: center}
  .ny_leftside .navlist dl dd a.on{border:0;background:#FE0000;color: #fff;border-radius: 5px}









  .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:0}
  .ny_match_list .match_list{padding:10px;}
  .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:12px;display:none}





  .newslist ul{padding:0 10px}
  .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% - 32%)}
   .newslist ul li .text.luji{width:100%}
  .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;}



  .qiuyuanlist .hot_qiuyuan_main .hot_member_item{width: 48%;margin:1%;}


  .video_list ul{padding:0 10px;}
  .luxianglist ul{padding:0 10px;}

  .tags_list {padding:0 10px}
  .match_analysis .item{padding:0 10px}
  .match_allinfo .top .zhuangtai .bf{line-height:60px;font-size:40px}
  .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{margin-bottom: 5px;padding: 0px 5px;font-size: 16px;}
  .saishi_item .qiudui .qiudui_item{width:48%}
  .match_saishi .intro .text span{width:100%}
}


.fixed_score_box h1.detail_h1 {
    font-size: 20px;
    font-weight: bold;
    padding:10px;
    text-align: center;
}

.fixed_detail_desc {
    padding:10px;
  clear:both;
  line-height:28px;
}


.detailzb-live-box {
    border-color: #1c969f;
    border-width: 2px;
    border-radius: 3px;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    display: flex;
    gap: 3px;
    width: max-content;
    border-style: solid;
    padding: 12px 18px;
    margin-top: 5px;
}

.detailzb-live-box-p1 {
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(28 150 159/1);
    font-size: 14px;
    line-height: 15px;
}


.source-text {
    color:#D3E1E2;
    font-size:13px;
}

.detailzb-live-box:hover {
    color:#fff !important;
    background:#1c969f ;
}

.detailzb-live-box:hover .detailzb-live-box-p1,.detailzb-live-box:hover .source-text {
    color:#fff !important;
}



.footer_leargue {padding:10px 0}



.banner-content{
  position: relative;
  margin: 10px 0;
  height: 200px;
}

.banner-content img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-text{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3%;
  color: #fff;
  text-align: left;
}

.banner-text h1{
  margin: 1px 0;
  font-size: 28px;
}

.banner-text h2{
  margin: 1px 0;
  letter-spacing: 5px;
  color:#fff;
}

.banner-text .join-link{
  display: inline-block;
  padding: 5px 10px;
  background: #01a81a;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  font-size: 14px;
  margin-top: 10px;
}

.banner-text .join-link:hover{
  transform: scale(1.1);
  transition: all 0.3s ease;
}


@media (max-width: 768px) {
  .banner-text h1{
     font-size: 22px;
  }

  .banner-text h2{
      font-size: 16px;
  }
  
  .banner-text .join-link{
      display: inline-block;
      /*padding: 2px 9px;*/
      background: #01a81a;
      color: #fff;
      text-decoration: none;
      border-radius: 5px;
      font-size: 10px;
      margin-top: 10px;
      width: 120px;
      /* height: 30px;
      line-height: 30px; */
      text-align: center;
      font-size: 14px;
  }
  
  .banner-text .join-link:hover{
      transform: scale(1.1);
      transition: all 0.3s ease;
  }
}








.download-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 40px 4%;
  background-color: #000;
  max-width: 1280px;
  margin: 0 auto;
}

.text-block {
  flex: 1;
  min-width: 300px;
}

.text-block h1 {
  color: #fff;
  font-size: 2.9rem;
  margin-bottom: 10px;
}

.text-block p {
  font-size: 1.2rem;
  color: #ccc;
  margin-bottom: 30px;
}

.button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.app-name{
  margin-bottom: 15px;
  color: #71757a;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  width: 180px;
}

.store-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffc107;
  color: #000;
  padding: 10px 65px;
  border-radius: 10px;
  font-weight: bold;
  text-decoration: none;
}

.store-button img {
  height: 28px;
  margin-right: 10px;
}

.go-register {
  background-color: #444;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 10px 30px;
  font-size: 1rem;
  cursor: pointer;
}

.image-block {
  flex: 1;
  min-width: 300px;
  text-align: center;
}

.image-block img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .download-section {
    flex-direction: column;
    text-align: center;
  }

  .button-group {
    justify-content: center;
  }
}

.value-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60px 5%;
  flex-wrap: wrap;
  background-color: #000;
  max-width: 1280px;
  margin: 0 auto;
}

.value-left {
  flex: 1;
  min-width: 300px;
  text-align: center;
}

.value-left img {
  max-width: 100%;
  height: auto;
}

.value-right {
  flex: 1;
  min-width: 300px;
  padding: 20px;
  text-align: right;
}

.value-right h2 {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 20px;
}

.value-right p {
  font-size: 1.1rem;
  color: #ccc;
  line-height: 1.6;
}

.mobile-app{
  display: none;
}

@media (max-width: 768px) {
  .value-section {
    flex-direction: column;
    text-align: center;
    display: none;
  }
  .value-right {
    padding-top: 30px;
  }

  .text-block{
    margin-top: 25%;
  }

  .text-block h1{
    font-size: 1.9em;
  }

  .store-button {
    width: 150px;
    font-size: 12px;
  }

  .button-group{
    display: none;
  }
}


.app-store-btn {
  margin: 40px auto 0 auto; 
  background-color: #f5a400;
  color: #000;
  display: none;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.app-store-btn img {
  width: 120px;
}

@media (max-width: 480px) {
  .app-store-btn {
    display: flex;
    width: 60%;
    justify-content: center;
  }
}