@font-face {
  font-family: "font";
  src: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/font.woff);
}
@font-face {
  font-family: "reel";
  src: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/reel.ttf);
}
.wrap {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bg.jpg)
    no-repeat center/cover;
  width: 7.5rem;
  box-sizing: border-box;
  overflow-x: hidden;
}

.wrap.saic {
  height: calc(100vh - 2.5rem);
}

.top {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/top-bg.png)
    no-repeat center/cover;
  position: fixed;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 1.11rem;
  display: flex;
  align-items: center;
  z-index: 1000;
}
.top-logo {
  width: 1.01rem;
  height: 1.01rem;
  margin: 0 0.1rem 0 0.2rem;
}
.top-titles {
  margin-right: 0.4rem;
}
.top-titles h1 {
  font-size: 0.3rem;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 0.1rem;
}
.top-titles h2 {
  font-size: 0.2rem;
  color: #ffffff;
  font-weight: 400;
}
.top-link {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/top-btn.png)
    no-repeat center/cover;
  width: 1.76rem;
  height: 0.62rem;
  font-family: "font";
  font-size: 0.26rem;
  color: #1e1e1e;
  display: inline-block;
  text-align: center;
  line-height: 0.62rem;
  margin-left: 0.05rem;
}

.live {
  margin-top: 0.26rem;
  position: relative;
}
.title-box {
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/title-bg2.png")
    no-repeat center/cover;
  width: 7.17rem;
  height: 0.81rem;
  margin: 0 auto;
  padding-top: 0.05rem;
  box-sizing: border-box;
  color: #ffffff;
}
.title-text {
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/title-text.png")
    no-repeat center/cover;
  width: 2.74rem;
  height: 0.59rem;
  font-size: 0.3rem;
  font-family: "font";
  font-weight: 400;
  text-align: center;
  line-height: 0.59rem;
  margin: 0 auto;
}
.title-left {
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/title-bg.png")
    no-repeat center/cover;
}
.title-left .title-text {
  margin-left: 0.12rem;
}

.live-vs {
  position: absolute;
  display: flex;
  right: 0.4rem;
  top: 0.2rem;
  color: #ffffff;
  align-items: center;
}
.matchName {
  font-size: 0.28rem;
  width: 1.4rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.teamName {
  font-size: 0.24rem;
  width: 1rem;
  text-align: center;
}
.vs {
  font-size: 0.22rem;
  margin: 0 0.1rem;
}
.live-video {
  background: url("https://game.gtimg.cn/images/codm/web202103/sp-new-bg.png")
    no-repeat center/cover;
  width: 7.5rem;
  height: 4.3rem;
  margin-top: 0.33rem;
  position: relative;
}
.live-video .live-pic {
  width: 6.9rem;
  height: 3.88rem;
  position: absolute;
  left: 50%;
  bottom: 0.47rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.head-box {
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/head-box.png")
    no-repeat center/cover;
  width: 0.58rem;
  height: 0.57rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.head-box img {
  width: 0.53rem;
  height: 0.53rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.team-left,
.team-right {
  position: absolute;
  display: flex;
  color: #ffffff;
  align-items: center;
  width: 3rem;
  justify-content: space-between;
  top: 0.05rem;
}
.team-left {
  left: 0.3rem;
}
.team-right {
  right: 0.28rem;
}
.team-left .head-box {
  margin-right: 0.3rem;
}
.team-right .head-box {
  margin-left: 0.3rem;
}
.team-left .video-teamName,
.team-right .video-teamName {
  font-size: 0.24rem;
  flex: 1;
  text-align: center;
}
.team-left .video-teamScore {
  font-family: "font";
  font-size: 0.39rem;
  margin-right: 0.25rem;
}
.team-right .video-teamScore {
  font-family: "font";
  font-size: 0.39rem;
  margin-left: 0.25rem;
}
.pack-up {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  font-size: 0.18rem;
  color: #f9e655;
  bottom: 0.08rem;
}

.match-progress {
  width: 7.1rem;
  
  margin: 0.35rem auto 0;
  padding: 0.2rem 1px 0;
  position: relative;
  background-color: #383838;
  border-top: 1px solid #f9e655;
}
.atabox{
  width: 100%;
  margin-bottom: 0.16rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.atabox1::after{
  display: block;
  content: "";
  width: 100%;
  height: 0.03rem;
  background: #f9e655;
  position: absolute;
  top: -0.2rem;
  left: 0;
}
.atab1{
  display: block;
  width: 1.5rem;
  height: 0.4rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/atab1.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 0.4rem;
  color: #ffffff;
  font-size: 0.24rem;
  font-family: "font";
  font-weight: 400;
}
.atab1.on{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/atab2.png) no-repeat;
  background-size: 100% 100%;
  color: #252525;
}
.match-title {
  font-size: 0.24rem;
  font-family: "font";
  font-weight: 400;
  height: 0.49rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.match-progress .match-title {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/saic-top-bg.png) no-repeat center/cover;
}
.matchYear,
.matchType,
.matchLunci {
  padding: 0 0.1rem;
}
.match-progress ul {
  height: 3.75rem;
  padding: 0 0.1rem;
  overflow-y: auto;
}
.empty-wrap {
  height: 3.75rem;
  position: relative;
}
.empty-wrap span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  font-size: .2rem;
  font-weight: bold;
  color: #F4E154;
}
.match-progress .match-item {
  height: 0.9rem;
  border-bottom: 1px solid #8d8e8d;
  display: flex;
  align-items: center;
}
.match-item.matching-item {
  background-color: rgba(255, 255, 255, 0.25);
}
.match-item .matchTime {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1.2rem;
  margin-right: 0.1rem;
}
.matchTime .matchTime-date {
  font-size: 0.2rem;
  color: #ffffff;
}
.matchTime .matchTime-clock {
  font-size: 0.26rem;
  color: #f9e655;
}
.matchScore {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #ffffff;
}
.matchTeamHead-box {
  width: 0.56rem;
  height: 0.56rem;
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/match-head-log.png")
    no-repeat center/cover;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.matchTeamHead-box img {
  width: 0.4rem;
}
.matchTeamHead-box.vic {
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/match-head-bg-vic.png")
    no-repeat center/cover;
  width: 0.6rem;
  height: 0.71rem;
  margin-bottom: 0.1rem;
  padding-top: 0.15rem;
  margin-left: -0.04rem;
}
.matchTeamName {
  width: 0.8rem;
  text-align: center;
}
.matchTeamScore {
  width: 0.36rem;
  height: 0.38rem;
  font-family: "font";
  text-align: center;
  line-height: 0.38rem;
  border: 1px solid #ffffff;
  margin: 0 0.1rem;
}
.matchTeamScore.vic {
  color: #f9e655;
  border-color: #f9e655;
}
.matchStatus {
  font-size: 0;
  text-indent: -9999rem;
  width: 1.13rem;
  height: 0.38rem;
  text-align: center;
  line-height: 0.38rem;
  margin-left: 0.3rem;
}

.matchStatus.matched {
  background: url("//game.gtimg.cn/images/codm/web202103/replay.png") no-repeat center/cover;
  border: 1px solid #f9e655;
  color: #f9e655;
}

.matchStatus.matching {
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/watching.png") no-repeat center/cover;
}

.matchStatus.nomatch {
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/nowatch.png") no-repeat center/cover;
  width: .87rem;
  height: .2rem;
  color: #ffffff;
  margin-left: .43rem;
}

.adv-swp {
  width: 6.85rem;
  margin: 0.44rem 0 0 0.23rem;
}

.adv {
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/adv-bg.png") no-repeat 0  -0.34rem/7.1rem 2.72rem;
  width: 100%;
  position: relative;
}
.adv a {
  width: 100%;
}

.adv a img {
  width: 100%;
  border: 1px solid #F4E154;
  box-sizing: border-box;
}
.adv-swiper-pagination {
  position: initial;
  height: .03rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(.1rem);
}
.adv-swiper-pagination:after,.adv-swiper-pagination:before{
  width: .09rem;
  height: 2.35rem;
  content: "";
  position: absolute;
  left: 0;
  top: -2.45rem;
  background: #F4E154;
}
.adv-swiper-pagination:after {
  left: initial;
  right: .2rem;
}
.adv-swiper-pagination .swiper-pagination-bullet {
  width: .42rem;
  height: .03rem;
  background: #fff;
  border-radius: 0;
  opacity: 1;
   margin: 0 .1rem;
}
.adv-swiper-pagination .swiper-pagination-bullet-active{
  background: #f9e655;
}
.news {
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/news.png")
    no-repeat center/cover;
  width: 7.13rem;
  height: 4.26rem;
  margin: 0.45rem auto 0;
  padding: 0.09rem 0.1rem 0.11rem 0.14rem;
}
.news ul {
  height: 100%;
  overflow-y: auto;
  padding-right: 0.15rem;
}
.news ul .words {
  max-width: 5.3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news ul .date {
  color: #a4a4a4;
  font-size: 0.2rem;
  width: 1.1rem;
  white-space: nowrap;
  overflow: hidden;
}
.new-item {
  font-size: 0.24rem;
  color: #ffffff;
  padding: 0.24rem 0;
  border-bottom: 1px solid #8d8e8d;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rank {
  margin-top: 0.85rem;
}
.rank-btn-box,
.video-btn-box {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.2rem;
  margin: 0.2rem -0.1rem 0 0;
}
.rank-btn-box .changeBtn,
.video-btn-box .changeBtn {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/btn-noactive.png)
    no-repeat 0 0/1.7rem 0.4rem;
  width: 1.7rem;
  height: 0.4rem;
  font-family: "font";
  font-size: 0.24rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.4rem;
  margin: 0.4rem 0.1rem 0 0;
}
.changeBtn.active {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/btn-active.png)
    no-repeat center/cover;
  color: #000;
}
.rank-content {
  width: 7.1rem;
  /* height: 6.3rem; */
  margin: 0.2rem auto 0;
  padding: 0.07rem 0.1rem 0 1px;
}
.rank-title {
  background: url(//game.gtimg.cn/images/codm/web202103/0611.png)
    no-repeat center/cover;
  height: 0.49rem;
  padding: 0 0.15rem;
  font-family: "font";
}
.rank-title,
.rank-item {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #ffffff;
  font-family: "font";
}
.rank-title span,
.rank-item span {
  text-align: center;
}
.rank-content ul {
  padding: 0 0.15rem;
  background-color: #363735;
}
.rank-item {
  height: 0.9rem;
  border-bottom: 1px solid #8d8e8d;
}
.rank-item .first {
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/first.png")
    no-repeat center/cover;
  line-height: 0.55rem;
  color: #c34d0d;
}
.rank-item .second {
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/second.png")
    no-repeat center/cover;
  line-height: 0.55rem;
  color: #f9e655;
}
.rank-item .third {
  background: url("//game.gtimg.cn/images/codm/web202103/ossweb-img-m/third.png")
    no-repeat center/cover;
  line-height: 0.55rem;
}

.rank-content .rankNum,
.rank-content .rankNum-cont {
  width: 0.5rem;
  margin-left: 0.3rem;
}
.rank-content .rankNum-cont {
  font-family: "font";
}
.jifen-rank .rankTeam,
.jifen-rank .rankTeam-cont,
.kd-rank .rankPlayer,
.kd-rank .rankPlayer-cont,
.rate-rank .rankPlayer,
.rate-rank .rankPlayer-cont {
  width: 2.3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding-left: 0.7rem;
  white-space: nowrap;

}
.jifen-rank .rankTeam {
  justify-content: center;
  padding: 0;
}
.rank-img-box {
  width: 0.56rem;
  height: 0.56rem;
  flex-shrink: 0;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/match-head-log.png)
    no-repeat center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.1rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.rank-img-box img {
  width: 0.4rem;
}
.jifen-rank .shengfuChang,
.jifen-rank .shengfuChang-cont {
  width: 1.25rem;
}
.jifen-rank .shengfuChang-cont {
  color: #f9e655;
  font-family: "font";
}
.jifen-rank .shengfuJu,
.jifen-rank .shengfuJu-cont {
  width: 1.25rem;
}
.jifen-rank .shengfuJu-cont {
  color: #f9e655;
  font-family: "font";
}
.jifen-rank .rankScore,
.jifen-rank .rankScore-cont {
  width: 1rem;
}

.kd-rank .rankPlayer,
.kd-rank .rankPlayer-cont,
.rate-rank .rankPlayer,
.rate-rank .rankPlayer-cont {
  width: 2.7rem;
}
.kd-rank .ownTeam,
.kd-rank .ownTeam-cont,
.rate-rank .ownTeam,
.rate-rank .ownTeam-cont {
  width: 1.6rem;
  display: flex;
  justify-content: center;
}
.kd-rank .kd,
.kd-rank .kd-cont,
.rate-rank .rate,
.rate-rank .rate-cont {
  width: 1.6rem;
}

.video {
  margin-top: 0.95rem;
}
.video .exchange {
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #8d8e8d;
  width: 7.1rem;
  margin: 0 auto;
}
.video .exchange a {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/exchange.png)
    no-repeat center/cover;
  width: 0.95rem;
  height: 0.3rem;
  font-size: 0.22rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.3rem;
  margin-right: 0.15rem;
  margin-bottom: 0.2rem;
}
.video-box {
  padding: 0 0.1rem;
  margin-right: -0.1rem;
  /* height: 10rem; */
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 0.3rem;
  position: relative;
  align-content: flex-start;
}
.video-box::-webkit-scrollbar {
  background-color: #252525;
  width: 0.06rem;
  overflow: hidden;
}
.video-box::-webkit-scrollbar-thumb {
  background: #f9e655;
  width: 0.06rem;
}
.video-box:before{
  content:'';
  display: block;
  width: 7.2rem;
  height: 0.02rem;
  background-color: #ccc;
  position: absolute;
  top:-1px;
  left: 0.1rem;
}
.video-item {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/vd-name-bg.png)
    no-repeat center/cover;
  width: 2.33rem;
  height: 2.4rem;
  float: left;
  margin-right: 0.1rem;
  margin-top: 0.2rem;
  display: block;
}
.video-item .kv {
  width: 2.33rem;
  height: 1.31rem;
}
.video-msg {
  height: 0.91rem;
  color: #ffffff;
  padding: 0.06rem 0.04rem 0;
  line-height: 1;
}
.video-msg .videoName {
  height: 0.7rem;
  font-size: 0.2rem;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: .3rem;
  height: 0.6rem;
}
.video-msg .count-time {
  font-size: 0.18rem;
  display: flex;
  justify-content: flex-end;
}
.video-msg .count-time span:nth-of-type(1) {
  display: none;
}

.video-msg .count-time span:nth-of-type(2) {
  max-width: .9rem;
  overflow: hidden;
  white-space: nowrap;
}

.club {
  margin-top: 0.85rem;
  position: relative;
}
.club::after {
  content: " ";
  display: block;
  margin: 0.3rem auto 0;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/club-bottom.png)
    no-repeat center/cover;
  width: 7.1rem;
  height: 0.21rem;
}
.sw-box {
  width: 6.6rem;
  margin-top: 0.58rem;
}
.sw-left {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/sw-left.png)
    no-repeat center/cover;
  width: 0.28rem;
  height: 0.37rem;
  left: 0.1rem;
}
.sw-right {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/sw-right.png)
    no-repeat center/cover;
  width: 0.27rem;
  height: 0.37rem;
  right: 0.1rem;
}
.sw-left,
.sw-right {
  top: 1.8rem;
  margin: 0;
}
.club-head {
  font-size: 0.24rem;
}
.clubLogo {
  width: 1.13rem;
  height: 1.13rem;
  background: #ffffff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clubLogo img {
  width: 0.8rem;
}
.clubName {
  color: #ffffff;
  display: block;
  margin: 0.1rem auto 0;
  text-align: center;
}
.club-head.on .clubName {
  color: #333;
  background-color: #f9e655;
}
.club-intro {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/jlb-desc.png)
    no-repeat center/cover;
  width: 7.13rem;
  height: 2.54rem;
  margin: 0.35rem auto 0;
  padding-top: 0.1rem;
  display: flex;
}
.club-intro-head {
  width: 1.67rem;
  height: 1.67rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #ffffff;
  margin: 0.35rem 0 0 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.club-intro-head img {
  width: 1.05rem;
}
.club-intro-desc {
  flex: 1;
  margin: 0.25rem 0 0 0.34rem;
}
.club-intro-name {
  font-size: 0.34rem;
  color: #f9e655;
  margin: -0.03rem 0 0.25rem 0.3rem;
}
.club-intro-text {
  font-size: 0.24rem;
  color: #ffffff;
  line-height: 1.5;
  height: 1.5rem;
  overflow-y: auto;
}
.club-cy {
  margin-top: 0.28rem;
}
.club-cy-title {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/jlb-cy-title.png)
    no-repeat center/cover;
  width: 7.09rem;
  height: 0.42rem;
  font-size: 0.24rem;
  text-align: center;
  font-family: "font";
  font-weight: 400;
  line-height: 0.42rem;
  margin-bottom: 0.1rem;
}
.club-cy-box {
  padding: 0 0.2rem;
  margin-right: -0.27rem;
  height: 5.32rem;
  overflow-y: auto;
}
.club-cy-item {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/jlb-cy-bg.png)
    no-repeat center/cover;
  width: 1.57rem;
  height: 2.19rem;
  float: left;
  margin-right: 0.27rem;
  margin-top: 0.47rem;
  font-size: 0.24rem;
}
.cy-pic {
  width: 1.48rem;
  height: 1.73rem;
  margin: 0.05rem auto 0;
}
.cy-pic img {
  width: 100%;
  height: 100%;
}
.cy-name {
  color: #ffffff;
  height: 0.31rem;
  margin-top: 0.03rem;
  text-align: center;
  line-height: 0.31rem;
}

.narrate {
  margin-top: 0.48rem;
}
.narrate ul {
  padding: 0 0.2rem;
  margin: 0.15rem -0.35rem 0 0;
  height: 3.86rem;
  overflow-y: auto;
}
.narrate-item {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/narrate.png)
    no-repeat center/cover;
  width: 1.15rem;
  height: 1.53rem;
  float: left;
  margin-right: 0.34rem;
  margin-top: 0.4rem;
}
.narrate-head {
  width: 1.11rem;
  height: 1.12rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0.02rem auto 0;
  display: block;
}
.narrateName {
  font-size: 0.22rem;
  margin-top: 0.06rem;
  height: 0.32rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.32rem;
}

.partner {
  margin-top: 1rem;
  padding-bottom: 0.5rem;
}
.partner ul {
  padding: 0 0.2rem;
  margin: 0.1rem -0.15rem 0 0;
}
.partner-item {
  float: left;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/partner-item.png)
    no-repeat center/cover;
  width: 2.25rem;
  height: 0.74rem;
  margin-right: 0.15rem;
  margin-top: 0.45rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.partner-item img {
  width: 2.96rem;
  height: 0.82rem;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}

#afooter {
  width: 7.5rem;
  background: #000;
  font-size: 0.22rem;
  color: #666;
  text-align: center;
  padding: 0.5rem 0 0.5rem;
  margin-top: -1px;
  box-sizing: border-box;
  padding-bottom: 1.33rem;
}

[v-cloak] {
  display: none;
}

#live-box {
  width: 7.1rem;
  height: 4.1rem;
  padding: 0.2rem 0 0 0.2rem;
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.videoDialog {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/dia-bg.png)
    no-repeat center/cover;
  width: 7.06rem;
  height: 4.22rem;
  padding-right: 0.1rem;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 9999;
}
.videoDialog::before {
  content: "";
  background: rgba(0,0,0,.7);
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.dia-close {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/close.png)
    no-repeat center/cover;
  width: 0.49rem;
  height: 0.49rem;
  right: 0.1rem;
  position: absolute;
  top: -0.6rem;
  z-index: 99;
}
.play {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/play.png)
    no-repeat center/cover;
  width: 0.71rem;
  height: 0.82rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

#video-box {
  width: 6.5rem;
  height: 3.63rem;
  margin: 0.28rem auto 0;
  position: relative;
  z-index: 99;
}
.bottom-tab{
  width: 7.5rem;
  height: 0.83rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bot-tab.png) no-repeat center/cover;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  z-index: 999;
}
.bottom-tab a{
  flex:1;
  text-align: center;
  display: block;
  font-size: .28rem;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.bottom-tab a.on{
  color:#f9e655;
}
.bottom-tab a.on:before{
  content:'';
  display: block;
  height: 0.03rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f9e655;
  width: 100%;
}
.bottom-tab .index i{
  display: block;
  width: 0.31rem;
  height: 0.27rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bot-m.png) no-repeat center/cover;
}
.bottom-tab .index.on i{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bot-m-on.png) no-repeat center/cover;
}
.bottom-tab .sc i{
  display: block;
  width: 0.24rem;
  height: 0.24rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bot-sc.png) no-repeat center/cover;
}
.bottom-tab .sc.on i{

  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bot-sc-on.png) no-repeat center/cover;
}
.bottom-tab .zd i{
  display: block;
  width: 0.3rem;
  height: 0.29rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bot-zd.png) no-repeat center/cover;
}
.bottom-tab .zd.on i{

  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bot-zd-on.png) no-repeat center/cover;
}
.bottom-tab .sj i{
  display: block;
  width: 0.27rem;
  height: 0.26rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bot-sj.png) no-repeat center/cover;
}
.bottom-tab .sj.on i{

  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bot-sj-on.png) no-repeat center/cover;
}
.bottom-tab .sp i{
  display: block;
  width: 0.24rem;
  height: 0.25rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bot-sp.png) no-repeat center/cover;
}
.bottom-tab .sp.on i{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bot-sp-on.png) no-repeat center/cover;
}
.bottom-tab a i{
  margin-right: 0.07rem;
}
.bottom-tab a:after{
  content:'';
  display: block;
  position: absolute;
  top:0.13rem;
  right: 0;
  width: 1px;
  height: 0.6rem;
  background-color: #777;
}
.bottom-tab a:last-of-type:after{
  content:'';
  background:none;
}

.mod.saicheng{
  width: 7.5rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/sc-bg.png) no-repeat center/cover;
}
.saicheng .ti{
  width: 6.8rem;
  height: 0.75rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/sc-ti-bg.png) no-repeat center/cover;
  margin:0.2rem auto 0;
  color:#f9e655;
  font-size: .28rem;
  text-align: center;
  font-family:'font' ;
  line-height: .72rem;
}
.saicheng .saic-ul-cont .day-time{
  width: 1.63rem;
  height: 0.32rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/sc-time-bg.png) no-repeat center/cover;
  line-height: .32rem;
  text-align: center;
  font-size: .2rem;
  color:#fff;
  margin-left: 0.83rem;
  position: relative;
  /* margin-top: 0.3rem; */
}
.saicheng .saic-ul-cont .day-time:before{
  content:'';
  display: block;
  width: 0.87rem;
  height: 0.26rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/time-icon.png) no-repeat center/cover;
  position: absolute;
  top:0.03rem;
  left: -0.95rem;
}
.saicheng .saic-ul{
  width: 6.93rem;
  margin:0.2rem auto 0;
  background: rgba(100,100,100,.2);
  padding:0 0.15rem 0.2rem;
  box-sizing: border-box;
}
.saicheng .saic-ul li{
  height: 0.92rem;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  font-size: .24rem;
  color:#fff;
}

.saicheng .saic-ul .saic-info{
  text-align: center;
}
.saicheng .saic-ul .saic-img{
  width: 0.56rem;
  height: 0.56rem;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  /* overflow: hidden; */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: .1rem;
}
.saicheng .saic-ul .saic-img.winner:after{
  content:'';
  display: block;
  width: 0.56rem;
  height: 0.69rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/winner-tx.png) no-repeat center/cover;
  position: absolute;
  top:-0.13rem;
  left:0;
}
.saicheng .saic-ul .saic-img.team-b{
  margin-left: 0px;
}
.saicheng .saic-ul .saic-img img{
  width: 0.4rem;
}
.saicheng .saic-ul .sc-team-name{
  width: .95rem;
  display: block;
  /* margin-left: .15rem; */
  text-align: center;
}
.saicheng .saic-ul .sc-score{
  width: 0.36rem;
  height: 0.38rem;
  border:1px solid #fff;
  box-sizing: border-box;
  display: block;
  text-align: center;
  line-height: .38rem;
  font-family: 'font';
  font-size: .24rem;
}
.saicheng .saic-ul .sc-score.winner{
  color: #f9e655;
  border-color: #f9e655;
}
.saicheng .saic-ul .sc-score.on{
  color: #f9e655;
  border-color: #f9e655;
}
.saicheng .saic-ul .status.on{
  color: #f9e655;
}
.saicheng .saic-ul .mh{
  margin:0 .1rem;
}
.saicheng .saic-ul .sc-btn{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/nowatch.png) no-repeat center/0.87rem 0.2rem;
  width: 1.13rem;
  height: 0.38rem;
  display: block;
  margin-left: .15rem;
}
.saicheng .saic-ul .sc-btn.huifang{
  width: 1.13rem;
  height: 0.38rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/watched.png) no-repeat center/cover;
}
.saicheng .saic-ul .sc-btn.watch{
  width: 1.13rem;
  height: 0.38rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/gkzb.png) no-repeat center/cover;
}

.saicheng .saic-ul-cont{
  position: relative;
  border-left: 1px dashed #f9e655;
  padding-top:.3rem;
  width: 7.23rem;
  margin:0 auto 0;
}
.saicheng .saic-ul-cont:first-of-type:before{
  width: 0.08rem;
  height: 0.03rem;
  background-color: #f9e655;
  content:'';
  display: block;
  position: absolute;
  left: -0.04rem;
  top:0;
}
.mod.zd .club{
  margin-top: .1rem;
}
.mod.zd .cb-sw-cont{
  position: relative;
}
.mod.zd .sw-left,.mod.zd .sw-right{
  top:0.42rem;
}
.mod.zd .club-intro{
  width: 7.1rem;
  height: 2.42rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/zdjj-bg.png) no-repeat center/cover;
}
.mod.zd .club-intro-head{
  margin-top: 0.29rem;
}
.mod.zd .club-intro-desc{
  margin-top: 0.14rem;
}
.mod.zd .club-intro-name{
  margin-bottom: 0.15rem;
}
.mod.zd .club-intro-text{
  width: 4.5rem;
}
.mod.zd .club-head{
  position: relative;
  width: 1.3rem !important;
  /* margin-right: 0 !important; */
}
.mod.zd .club-head.on:before{
  width: 1.3rem;
  height: 1.86rem;
  content:'';
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/zdxz-bg.png) no-repeat center/cover;
  position: absolute;
  top:0;
  left: 0;
  
}
.mod.zd .sw-box{
  height: 1.86rem;
}
.mod.zd .club-head .clubName{
  margin-top: 0.2rem;
}
.mod.zd .club-head .clubName.on{
  width: 1.24rem;
  height: 0.28rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/zd-xz-wz.png) no-repeat center/cover;
  color:#000;
  line-height: .28rem;


}
.mod.zd .clubLogo{
  margin-top: 0.15rem;
}
.sj .top-tab{
  display: flex;
  height: 0.73rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/sj-top-tab.png) no-repeat center/cover;
  font-size: .32rem;
  font-family: 'font';
}
.sj .top-tab a{
  display: block;
  height: 0.73rem;
  text-align: center;
  line-height: .73rem;
  color:#fff;
  flex:1;
  position: relative;
}
.sj .top-tab a.on{
  color:#f9e655;
}
.sj .top-tab a.on:after{
  content:'';
  display: block;
  position: absolute;
  bottom: 0.05rem;
  left: 1px;
  background-color: #f9e655;
  width: 100%;
  height: 0.03rem;
  margin-top: 0.2rem;
}

.sj .ss-tab{
  display: flex;
  margin-top: 0.2rem;
  margin-left: 0.2rem;
  font-size: .24rem;
  font-family: 'font';
}
.sj .ss-tab a{
  width: 1.7rem;
  height: 0.4rem;
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/btn-noactive.png) no-repeat center/cover;
  margin-left: 0.2rem;
  color:#fff;
  line-height: .4rem;
  text-align: center;
}
.sj .ss-tab a.on{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/btn-active.png) no-repeat center/cover;
    color: #000;
}
.sj .sj-qieh{
  display: none;
}
.sj .sj-qieh.on{
  display: block;
}
.sj .gr-ti{
  font-size: .28rem;
  font-family: 'font';
  color:#f9e655;
  margin-top: .2rem;
  margin-left: .2rem;
  position: relative;
}
.sj .gr-ti:before{
  content:'';
  display: inline-block;
  height: 0.22rem;
  width: 0.06rem;
  background-color: #f9e655;
  margin-right: .13rem;
}
.sj .gr-ti:after{
  content:'';
  display: inline-block;
  height: 0.02rem;
  width: 7.05rem;
  background-color: #f9e655;
  position: absolute;
  bottom: -0.1rem;
  left: 0;

}
.sj .gr-lieb{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/rank-bg.png) no-repeat center/cover;
  width: 7.1rem;
  height: 6.3rem;
  margin: 0.3rem auto 0;
  padding: 0.07rem 0.1rem 0 1px;
}
.sj .gr-tab{
  font-size: .24rem;
  height: 0.49rem;
  font-family:'font';
  display: flex;
}
.sj .gr-tab span{
  color:#fff;
  display: block;
  height: 0.49rem;
  text-align: center;
  line-height: .49rem;
}
.sj .gr-tab .pm{
  width: 1.4rem;
}
.sj .gr-tab .xs{
  width: calc(100% - 1.4rem);
}
.sj .gr-tab .sszd{
  width: 1.9rem;
}
.sj .cjmz .gr-tab .sszd{
  width: 1.7rem;
}
.sj .gr-tab .kd{
  width: 1.4rem;
}
.sj .gun .gr-tab .kd {
  flex: 1;
}
.sj .cjmz .gr-tab .kd{
  width: 1.6rem;
}
.sj .gr-ul{
  font-size: .24rem;
  color:#fff;
  height: 5.5rem;
  overflow-y: auto;
}
.sj .gr-ul::-webkit-scrollbar {
  background-color: #252525;
  width: 0.06rem;
  overflow: hidden;
}
.sj .gr-ul::-webkit-scrollbar-thumb {
  background: #f9e655;
  width: 0.06rem;
}
.sj .gr-ul li{
  height: 0.9rem;
  border-bottom: 1px solid rgba(255,255,255,.3);
  display: flex;
  align-items: center;
}
.sj .gr-ul .pm{
  font-size: .3rem;
  color:#fff;
  font-family:'font';
  text-align: center;
  width: 1.4rem;
  display: block;
  position: relative;
}
.sj .gr-ul .pm.first{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/first.png) no-repeat center/0.5rem 0.55rem;
    line-height: 0.55rem;
    color: #c34d0d;
}
.sj .gr-ul .pm.second{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/second.png) no-repeat center/0.5rem 0.55rem;
    line-height: 0.55rem;
    color: #f9e655;
}
.sj .gr-ul .pm.third{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/third.png) no-repeat center/0.5rem 0.55rem;
    line-height: 0.55rem;
}
.sj .gr-ul .xs-info{
  width: 2.62rem;
  display: flex;
  align-items: center;
  margin-left: .15rem;
}
.sj .gr-ul .xs-info .xs-name{
  margin-left: 0.15rem;
}
.sj .gr-ul .xs-info .tx-img{
  width: 0.57rem;
  height: 0.57rem;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
}
.sj .gr-ul .xs-info .tx-img img{
  width: 0.38rem;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  left: 0;
  margin:auto;
}
.sj .gr-ul .zd-img{
  width: 0.57rem;
  height: 0.57rem;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
}
.sj .gr-ul .zd-img img{
  width: 0.4rem;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  left: 0;
  margin:auto;
}
.sj .gr-ul .kd{
  width: 1.4rem;
  text-align: center;
  margin-left: .77rem;
}
.sj .cjmz .gr-ul .kd{
  margin-left: 0.66rem;
}
.mod.sj{
  margin-bottom: .5rem;
}
.mod.sj .promotion-map {
  margin-top: .3rem;
}
.vd .pager{
  width: 5rem;
  display: flex;
  justify-content: space-between;
  margin:0.5rem auto 0;
}
.qx-name{
  width: calc(100% - 1.4rem);
  text-align: center;
}
.qx-name2{
  width: 1.9rem;
  text-align: center;
}
.kd2{
  text-align: center;
  flex: 1;
}
.vd .pager a{
  display: block;
  width: 1.5rem;
  height: 0.5rem;
  color:#eee;
  font-size: 0.26rem;
  text-align: center;
  line-height: 0.5rem;
  border:1px solid #5555;
  background: rgba(255,255,255,.2);
}
.vd .vd-tab{
  display: flex;
  margin-top: 0.2rem;
  margin-left: 0.2rem;
  font-size: .24rem;
  font-family: 'font';
}
.vd .vd-tab a{
  width: 1.7rem;
  height: 0.4rem;
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/btn-noactive.png) no-repeat center/cover;
  margin-left: 0.2rem;
  color:#fff;
  line-height: .4rem;
  text-align: center;
}
.vd .vd-tab a.on{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/btn-active.png) no-repeat center/cover;
    color: #000;
}
.vd .video-msg .count-time span:nth-of-type(1){
  display: block;
}
.none{
  width: 2.76rem;
  height: 3.29rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/zwts.png) no-repeat center/cover;
  display: none;
  font-size: .24rem;
  color:#fff;
  padding-top:0.18rem;
  padding-left: 0.19rem;
  margin:3rem auto 0;
}
.sj .none{
  margin:1.15rem auto 0;
}
.none.show{
  display: block;
}
.saicheng .match-progress {
  background: none;
  height: calc(100% - 3.27rem);
  overflow-y: hidden;
  
}
.saicheng .match-title{
  width: 7.1rem;
  height: 0.59rem;
}
.saicheng .match-progress ul{
  height: calc(100% - 1.15rem);
  background: rgba(64,65,65,.7);
}
.promotion {
  margin-top: .9rem;
}
.promotion .match-title{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/titleplayoff.png) no-repeat center/cover;
  width: 7.17rem;
  height: .81rem;
  margin-bottom: .56rem;
}

.promotion-map {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/playoffmap.png) no-repeat center/cover;
  width: 6.94rem;
  height: 11.49rem;
  margin: 0 auto;
  font-size: .16rem;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
  padding: 0 .32rem 0 .3rem;
  position: relative;
  font-family: reel;
}
.promotion-map>div{
  width: 2.82rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.promotion-map .groupbox {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.promotion-map .groupbox:nth-of-type(1) {
  margin-top: .98rem;
}
.promotion-map .groupbox:nth-of-type(2) {
  margin-top: .88rem;
}
.promotion-map .groupvictory .groupbox:nth-of-type(3){
  width: 75%;
  margin-top: 1.48rem;
}
.promotion-map .groupbox:nth-of-type(3) .v-group {
  width: 100%;
}
.promotion-map .groupfaill .groupbox:nth-of-type(3){
  width: 75%;
  margin-top: .48rem;
}
.promotion-map .groupfaill .groupbox:nth-of-type(4){
  width: 54%;
  margin-top: .58rem;
  transform: translateX(.39rem);
}
.promotion-map .groupfaill .groupbox:nth-of-type(4) .v-group {
  width: 100%;
}
.promotion-map .v-group {
  width: 1.12rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.promotion-map .groupvictory .finals {
  margin-top: 1.62rem;
}
.promotion-map .groupfaill .finals {
  margin-top: .42rem;
}
.promotion-map .finals .img-wrap {
  width: 0.44rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.promotion-map .v-group .time {
  position: absolute;
  left: .2rem;
  top: -.4rem;
}
.promotion-map .groupbox:nth-of-type(2) .v-group .time {
  top: -.3rem;
}
.promotion-map .groupbox:nth-of-type(3) .v-group .time {
  top: -.2rem;
  left: 0.65rem;
}
.promotion-map .groupbox:nth-of-type(4) .v-group .time {
  top: -.2rem;
  left: 0.4rem;
}
.promotion-map .vs-team {
  width: .42rem;
  height: 1.62rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-size: .2rem;
  color: #959595;
  position: relative;
}
.promotion-map .vs-team.victory {
  color: #fff;
}
.promotion-map .vs-team.playing {
  color: #fff;
}
.promotion-map .vs-team.playing:before {
  display: none;
}
.promotion-map .vs-team.faill:before {
  display: none;
}
/* .promotion-map .vs-team:before {
  content: "";
  width: .15rem;
  height: .03rem;
  background: #000;
  position: absolute;
  left: 50%;
  top: .2rem;
  transform: translateX(-50%);
} */
.promotion-map .vs-team.victory:before {
  content: "";
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/victory.png) no-repeat center/cover;
  width: .53rem;
  height: .32rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  top: auto;
  transform: translateX(-50%);
}
.promotion-map .team-score1 {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  font-size: 0.2rem;
  font-family: 'font';
  color: #000;
}
.promotion-map .vs-team .team-img {
  width: .44rem;
}
.promotion-map .vs-team .team-img[src = ""] {
  height: .44rem;
  opacity: 0;
}
.promotion-map .vs-team .name {
  margin-top: 0.44rem;
  width: .16rem;
  height: 0.9rem;
  display: flex;
  align-items: center;
  word-break: break-all;
  line-height: 0.16rem;
  text-align: center;
  font-size: 0.16rem;
}

.promotion-map .last {
  position: absolute;
  bottom: 1rem;
  left: 48.4%;
  transform: translateX(-50%);
}


.history {
  margin-top: .8rem;
  font-family: reel;
}
.history .match-title {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/titlehistory.png) no-repeat center/cover;
  width: 7.17rem;
  height: .81rem;
}
.history .tablists,.saicheng .tablists{
  width: 7.17rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: .26rem auto .34rem;
}
.history .tablists .tab,.saicheng .tablists .tab{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/tablechoose.png) no-repeat center/cover;
  width: 1.7rem;
  height: .4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .24rem;
  color: #fff;
  margin: 0 .05rem;
  font-family: "font";
}
.history .tablists .tab.on,.saicheng .tablists .tab.on {
  background-image: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/tableon.png);
  color: #000;
}
.fighttable {
  width: 7.1rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.fighttable .tabletitles {
  background: url(//game.gtimg.cn/images/codm/web202103/0611.png) no-repeat center/cover;
  width: 7.1rem;
  height: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.fighttable .tabletitles .tabletitle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(7.1rem / 17);
  height: 60%;
  line-height: 0.5rem;
  text-align: center;
  font-size: 0.12rem;
  color: #fff;
  border-left: 0.01rem solid #acacac;
}
.fighttable .tabletitles .tabletitle:first-child {
  border-left: none;
}
.fighttable .tabletitles .team-wrap {
  display: flex;
  width: calc(7.1rem / 17 * 14 );
  align-items: center;
  height: 100%;
  line-height: 100%;
}
.fighttable .tabletitles img {
  max-width: 60%;
}
.fighttable .showbox {
  width: 100%;
  overflow: hidden;
  height: .5rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/listsbg.png) repeat 0 0;
  transition: height 1000ms linear;
}
.fighttable .showbox.showall {
  height: auto !important;
}
.fighttable .lists {
  height: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: .2rem;
  color: #fff;
  border-bottom: 1px solid #8d8e8d;
}
.fighttable .lists .list {
  width: calc(7.1rem / 17);;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.12rem;
}
.fighttable .lists .list.yellow {
  color: #f9e655 ;
}
.fighttable .lists .list.grey {
  color: #8e8e8e ;
}
.fighttable .lists .img-wrap {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #e8e8e8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fighttable .lists img {
  width: .32rem;
  background: #e8e8e8;
  border-radius: 50%;
}

.fighttable  .playoffsw {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/playoffswitch.png) no-repeat center/cover;
  width: 7.25rem;
  height: .52rem;
  transform: translateX(-.08rem);
  font-size: .18rem;
  color: #f9e655;
  font-family: "˼ԴºÚÌå";
  box-sizing: border-box;
  padding: 0 0 .05rem .16rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}