.match-stage{
  display: flex;
  flex-direction: row;
  align-items: center;
  height: .42rem;
  padding: 0 .08rem 0 .06rem;
  margin-right: .38rem;
  background: #060b19;
  &.match-stage-blue{
    .match-icon{
      background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/icon-stage-blue.png);
    }
    .match-name{
      color: #8cd2fc;
    }
    .match-time{
      color: #8cd2fc;
    }
    .exchange-icon{
      background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/icon-exchange-blue.png);
    }
  }
  &.match-stage-purple{
    .match-icon{
      background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/icon-stage-purple.png);
    }
    .match-name{
      color: #bc85ff;
    }
    .match-time{
      color: #bc85ff;
    }
    .exchange-icon{
      background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/icon-exchange-purple.png);
    }
  }
  &.match-stage-yellow{
    .match-icon{
      background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/icon-stage-yellow.png);
    }
    .match-name{
      color: #ffbe42;
    }
    .match-time{
      color: #ffbe42;
    }
    .exchange-icon{
      background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/icon-exchange-yellow.png);
    }
  }
}
.match-icon{
  width: .38rem;
  height: .35rem;
  background-repeat: no-repeat;
  background-size: 100%;
}
.match-name{
  position: relative;
  top: .02rem;
  font-family: GameFont;
  font-size: .22rem;
  margin-right: .06rem;
}
.match-time{
  position: relative;
  top: .04rem;
  line-height: .16rem;
  font-size: .16rem;
  font-family: gamefontyahei;
  margin-right: .12rem;
}
.exchange-icon{
  width: .24rem;
  height: .19rem;
  background-repeat: no-repeat;
  background-size: 100%;
}