@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/reel.ttf);
}

.live-chat-cont::-webkit-scrollbar {
  background-color: #252525;
  width: 0.06rem;
  overflow: hidden;
}

.live-chat-cont::-webkit-scrollbar-thumb {
  background: #f9e655;
  width: 0.06rem;
}

.wrap {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/bg.jpg) no-repeat center/cover;
  width: 7.5rem;
  /* height: 64.08rem; */
  padding-top: 1.11rem;
  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; */
}

.sec2-stag {
  width: 100%;
  height: 0.4rem;
  margin-bottom: 0.3rem;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}

.sec2-stag a {
  width: 2.23rem;
  height: 0.4rem;
  display: block;
  text-align: center;
  color: #eeeeee;
  font-size: 0.2rem;
  line-height: 0.4rem;
  position: relative;
  font-family: 'font';
}

.sec2-stag a.on {
  color: #f9e655;
}

.sec2-stag a.on::after {
  content: "";
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/partner/sec2-line.png) no-repeat center/cover;
  width: 2.23rem;
  height: 0.02rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.atabox {
  width: 100%;
  height: .5rem;
  margin-bottom: 0.3rem;
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}

.atabox1::after {
  display: block;
  content: "";
  width: 100%;
  height: 0.03rem;
  background: #f9e655;
  position: absolute;
  top: -0.2rem;
  left: 0;
}

.atab1 {
  display: inline-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;
  margin-top: 0;
  margin-right: 0.22rem;
  vertical-align: top;
}
.atab1:last-child{
  margin-right: 0;
}

.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;
  background-color: #383838;
}

.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;
  font-family: 'font';
}

.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.1rem 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: #383838;
}

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

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

.logo-tit1 {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/partner/logo-tit1.png) no-repeat center/cover;
  width: 7.1rem;
  height: 0.45rem;
  margin: 0.3rem auto 0;
}

.logo-tit2 {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/partner/logo-tit2.png) no-repeat center/cover;
  width: 7.1rem;
  height: 0.45rem;
  margin: 0.4rem auto 0;
}

.logo-tit3 {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/partner/logo-tit3.png) no-repeat center/cover;
  width: 7.1rem;
  height: 0.45rem;
  margin: 0.4rem auto 0;
}

.logo-tit4 {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/partner/logo-tit4.png) no-repeat center/cover;
  width: 7.1rem;
  height: 0.45rem;
  margin: 0.4rem auto 0;
}

.logo-tit5 {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/partner/logo-tit5.png) no-repeat center/cover;
  width: 7.1rem;
  height: 0.72rem;
  margin: 0.4rem auto 0;
}

.logo-tit6 {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/partner/logo-tit6.png) no-repeat center/cover;
  width: 7.1rem;
  height: 0.45rem;
  margin: 0.4rem auto 0;
}

.partner {
  margin-top: 1rem;
  padding-bottom: 0.5rem;
}

.partner ul {
  padding: 0 0.2rem;
  margin: 0 -0.15rem 0 0;
}

.partner-item {
  float: left;
  width: 2.23rem;
  height: 0.74rem;
  margin-right: 0.19rem;
  margin-top: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.partner-item:nth-of-type(3n) {
  margin-right: 0;
}

.partner-item img {
  width: 2.23rem;
  height: 0.74rem;
}

#afooter {
  width: 7.5rem;
  height: 1.7rem;
  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; */
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

[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: 1.7rem;
  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 {
  height: 0.5rem;
  margin-top: 0.2rem;
  margin-left: 0.2rem;
  font-size: .24rem;
  font-family: 'font';
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}

.sj .ss-tab a {
  width: 1.7rem;
  height: 0.4rem;
  display: inline-block;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/btn-noactive.png) no-repeat center/cover;
  margin-right: 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;
  font-family: 'font';
}

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

.wrap .mod {
  display: none;
}

.wrap .mod.on {
  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;
}
.promotion3{
  margin-top: .4rem;
}
.promotion3 .match-title,.promotion4 .match-title {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/s3-jjttit.png) no-repeat center/cover;
  width: 7.1rem;
  height: .54rem;
  margin-bottom: .3rem;
}
.promotion4 .match-title {
  margin-bottom: .6rem;
}

.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-map3{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/s3-jhspic.png) no-repeat center/cover;
  width: 6.85rem;
  height: 12.77rem;
  padding: 0;
  color: #f9e655;
}
.promotion-map4{
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/s3-cgspic.png) no-repeat center/cover;
  width: 6.85rem;
  height: 7.63rem;
  padding: 0;
  color: #f9e655;
}

.promotion-map>div {
  width: 2.82rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.promotion-map3>div{
  width: 2.77rem;
}
.promotion-map4>div{
  width: 3.1rem;
}

.promotion-map3 .groupfaill{
  position: relative;
  left: -.03rem;
}
.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-map4 .groupbox:nth-of-type(1) {
  margin-top: 0rem;
}

.promotion-map .groupbox:nth-of-type(2) {
  margin-top: .88rem;
}
.promotion-map3 .groupbox:nth-of-type(2) {
  margin-top: .64rem;
}
.promotion-map4 .groupbox:nth-of-type(2) {
  margin-top: .64rem;
}
.promotion-map4 .groupbox:nth-of-type(2) .v-group{
  margin-left: 0.4rem;
  width: 2.32rem;
}

.promotion-map .groupvictory .groupbox:nth-of-type(3) {
  width: 75%;
  margin-top: 1.48rem;
}
.promotion-map3 .groupvictory .groupbox:nth-of-type(3) {
  margin-top: 1.74rem;
}

.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-map3 .groupfaill .groupbox:nth-of-type(3) {
  width: 75%;
  margin-top: .63rem;
  margin-left: .05rem;
}

.promotion-map .groupfaill .groupbox:nth-of-type(4) {
  width: 54%;
  margin-top: .58rem;
  transform: translateX(.39rem);
}
.promotion-map3 .groupfaill .groupbox:nth-of-type(4){
  width: 74%;
  margin-top: 0.63rem;
  transform: translateX(0.05rem);
}

.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-map4 .v-group {
  width: 1.22rem;
}
.promotion-map3 .groupfaill .v-group{
  width: 1.14rem;
}
.promotion-map3 .groupfaill .groupbox .v-group:nth-child(2){
  position: relative;
  left: 0.03rem;
}
.promotion-map .groupvictory .finals {
  margin-top: 1.62rem;
}
.promotion-map3 .groupvictory .finals {
  margin-top: 1.75rem;
  left: -.04rem;
}
.promotion-map4 .groupvictory .finals {
  margin-top: .6rem;
}

.promotion-map .groupfaill .finals {
  margin-top: .42rem;
}
.promotion-map3 .groupfaill .finals{
  margin-top: 0.62rem;
  margin-left: 0.1rem;
}
.promotion-map4 .groupfaill .finals{
  margin-top: 0.6rem;
  margin-left: -.05rem;
}
.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-map3 .v-group .time{
  left: 0;
  width: 100%;
  text-align: center;
}

.promotion-map .groupbox:nth-of-type(2) .v-group .time {
  top: -.4rem;
}

.promotion-map .groupbox:nth-of-type(3) .v-group .time {
  top: -.2rem;
  left: 0.65rem;
}
.promotion-map3 .groupbox:nth-of-type(3) .v-group .time {
  left: 50%;
  width: 50%;
  transform: translateX(-50%);
  top: 0.5rem;
}
.promotion-map4 .groupbox:nth-of-type(2) .v-group .time {
  left: 50%;
  width: 62%;
  text-align: center;
  transform: translateX(-50%);
  top: 0rem;
}

.promotion-map .groupbox:nth-of-type(4) .v-group .time {
  top: -.2rem;
  left: 0.4rem;
}
.promotion-map3 .groupbox:nth-of-type(4) .v-group .time {
  left: 0;
}

.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-map2 .vs-team {
  color: #fff;
}

.promotion-map2 .vs-team.faill {
  color: #959595;
}

.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-map3 .vs-team.victory:before,.promotion-map4 .vs-team.victory:before{
  display: none;
}
.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-map3 .team-score1{
  width: 0.44rem;
  height: 0.44rem;
  line-height: .44rem;
}

.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 .vs-team.finals .name {
  margin-top: 0;
}

.promotion-map .last {
  position: absolute;
  bottom: 1rem;
  left: 48.4%;
  transform: translateX(-50%);
}
.promotion-map3 .last{
  bottom: 2.4rem;
  left: 50%;
}
.promotion-map4 .last{
  bottom: 2.8rem;
  left: 50%;
}
.grouplast{
  width: 0.44rem;
  height: 1.62rem;
  position: absolute;
  bottom: 0.05rem;
  left: 50%;
  transform: translateX(-50%);
  padding-top: .05rem;
  box-sizing: border-box;
}
.grouplast img{
  width: 0.44rem;
  height: 0.44rem;
}
.grouplast .name{
  color: #fff;
  width: 0.16rem;
  margin: 0 auto;
  height: 0.9rem;
  display: flex;
  align-items: center;
  word-break: break-all;
  line-height: 0.16rem;
  text-align: center;
  font-size: 0.16rem;
}

.fzs-cont{
  width: 7.1rem;
  min-height: 4rem;
  margin: 0.4rem auto 0;
}
.fzs-tit{
  width: 7.1rem;
  height: 0.54rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/s3-fzs-tit.png) no-repeat center/cover;
  margin: 0 auto .2rem;
}
.fzs-ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fzs-ul .fzs-li{
  width: 3.45rem;
  height: 0.4rem;
  color: #fff;
  font-size: .24rem;
  font-family: font;
  text-align: center;
  line-height: .4rem;
}
.fzs-ul .fzs-li.on{
  color: #f9e655;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/fzs-on.png) no-repeat center/cover;
}
.fzs-table{
  width: 7.1rem;
  height: 3.74rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/fzs-table.png) no-repeat center/cover;
  margin: .3rem auto .2rem;
  padding-top: .42rem;
  box-sizing: border-box;
}

.fzs-cont .fourthfzs-table{
  background: url(//game.gtimg.cn/images/codm/web202103/s4_match/fzs-table.png) no-repeat center/cover;
  height: 3.2rem;
}
.fzs-tabul{
  display: flex;
  align-items: center;
  height: 0.55rem;
}
.fzs-tabli{
  text-align: center;
  line-height: .55rem;
  color: #fff;
  font-size: .24rem;
}
.fzs-tabli:nth-child(1){
  width: 1.24rem;
}
.fzs-tabli:nth-child(2){
  width: 1.48rem;
}
.fzs-tabli:nth-child(3){
  width: 1.48rem;
}
.fzs-tabli:nth-child(4){
  width: 1.48rem;
}
.fzs-tabli:nth-child(5){
  width: 1.48rem;
}
.fzs-desc,.sg-desc,.zdw-desc{
  text-align: center;
  color: #ababa9;
  font-size: .24rem;
}
.stagw1-nodata {
  text-align: center;
  font-size: .24rem;
  color: #f4e154;
  font-weight: bold;
  margin-top: 1.6rem;
}
.ssjd-tit{
  width: 7.1rem;
  height: 0.81rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/ssjd-tit.png) no-repeat center/cover;
  margin: 0 auto .4rem;
}
.sg-cont{
  width: 7.1rem;
  margin: 0.5rem auto 0;
}
.sg-tit{
  width: 7.1rem;
  height: 0.51rem;
  line-height: .71rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/sg-tit.png) no-repeat center/cover;
  text-align: center;
  color: #f9e655;
  font-size: .22rem;
  font-family: font;
}
.sg-table{
  width: 7.1rem;
  height: 7.56rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/sg-table.png) no-repeat center/cover;
  margin: .25rem auto 0.2rem;
  padding-top: .4rem;
  box-sizing: border-box;
}
.sg-ul{
  display: flex;
  height: 0.89rem;
  color: #fff;
  font-size: .24rem;
  text-align: center;
}
.sg-li{
  display: flex;
  align-items: center;
  justify-content: center;
}
.sg-li:nth-child(1){
  width: 1.9rem;
}
.sg-li:nth-child(2){
  width: 3rem;
}
.sg-li:nth-child(3){
  width: 2.2rem;
}
.img-bo{
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: .2rem;
}
.img-bo img{
  width: 0.4rem;
  height: 0.4rem;
}
.zdw-cont{
  width: 7.1rem;
  margin: 0 auto;
}
.zdw-cont .zdw-table{
  width: 7.1rem;
  height: 7.05rem;
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/zdw-table.png) no-repeat center/cover;
  padding-top: .4rem;
  box-sizing: border-box;
  margin-bottom: .2rem;
}
.zdw-cont .zdw-ul{
  display: flex;
  height: 0.553rem;
  color: #fff;
  font-size: .24rem;
  background:#3B3C39;
}
.zdw-cont .zdw-ul:nth-child(-n+8){
  background:#404030;
}
.zdw-cont .zdw-li{
  display: flex;
  justify-content: center;
  align-items: center;
}
.zdw-cont .zdw-li:nth-child(1){
  width: 0.85rem;
}
.zdw-cont .zdw-li:nth-child(2){
  width: 1.55rem;
}
.zdw-cont .zdw-li:nth-child(3){
  width: 1.35rem;
}
.zdw-cont .zdw-li:nth-child(4){
  width: 1.39rem;
}
.zdw-li:nth-child(5){
  width: 1.95rem;
}

.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.2rem;
  height: 0.5rem;
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  margin: .26rem auto .34rem;
}

.history .tablists .tab,
.saicheng .tablists .tab {
  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%;
  line-height: .4rem;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  font-size: .24rem;
  color: #fff;
  font-family: "font";
  margin-right: .23rem;
}
.history .tablists .tab:last-child,
.saicheng .tablists .tab:last-child{
  margin-right: 0;
}

.history .tablists .tab.on,
.saicheng .tablists .tab.on {
  background: url(//game.gtimg.cn/images/codm/web202103/ossweb-img-m/atab2.png) no-repeat;
  background-size: 100% 100%;
  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 .w12{
  width: calc(7.1rem / 17 * 12);
}
.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;
}