/* 游戏头部 */
.game-header{
  padding: 20px 0;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.game-avatar{
  @include square(77px);
}
.game-content{
  margin-left: 14px;
}
.game-title{
  font-size: 30px;
  line-height: 36px;
  max-width: 60%;
  color: #666;
  font-weight: 500;
}
.game-price-group{
  color: #FF9023;
  font-size: 18px;
  line-height: 40px;
  max-width: 35%;
}
.game-price-group span{
  font-size: 40px;
  font-weight: bold;
  margin: 0 4px;
}
.game-option{
  color: #999;
}
.game-option aside{
  margin-left: 14px;
}

.game-option aside:first-child{
  margin-left: 0;
}
/* 游戏头部 */

/* 步进器 */
.game-number{
  margin-top: 8px;
  height: 36px;
}
.stepper-margin{
  margin-left: 10px;
}
/* 步进器 */

/* 按钮 */
.game-button{
  width: 80px;
  height: 30px;
  background: linear-gradient(90deg, #FF58E7, #FF9023);
  border-radius: 15px;
  font-size: 14px;
  color: #fff;
  margin-left: 18px;
}
.game-reverse{
  background: #FFF1FD!important;
  color: #FF58E7;
  border: 1px solid #FF58E7;
}
.game-login-button{
  background: $main-linear;
}
/* 按钮 */

/* 音频 */
.game-audio{
  width: 112px;
  height: 34px;
  border-radius: 5px;
  margin-left: 8px;
  background: linear-gradient(90deg, #FF58E7, #FF54B0);
  font-size: 20px;
  line-height: 24px;
}
.game-audio span{
  margin-left: 6px;
}
.game-audio-loading{
  @include square(36px);
}
/* 音频 */
.game-audio-group{
  align-items: flex-end;
}
$audio-height:10px;
$audio-diff-height:2px;
.play-audio-item{
  width: 2px;
  height: $audio-height;
  background-color: #fff;
  margin-right: 3px;
  border-radius: 30px;
  flex-shrink: 0;
}
.play-audio-1{
  height: $audio-height - ($audio-diff-height * 2);
}
.play-audio-2{
  height: $audio-height - $audio-diff-height;
}
/* 陪玩模块 */

/* 语音播放的动画模块 */
$animate:1s;
.play-audio-animate-1 {
  animation: $animate animateAudio infinite linear 0.6s;
}
.play-audio-animate-2 {
  animation: $animate animateAudio infinite linear 0.3s;
}
.play-audio-animate-0 {
  animation: $animate animateAudio infinite linear;
}

@keyframes animateAudio {
  0%{
    opacity: 1;
  }
  50%{
    opacity: 0.2;
  }
  100%{
    opacity: 1;
  }
}
/* 语音播放的动画模块 */


/* 交易流程 */
.game-transaction{
  padding: 15px 0;
}
.game-introduce{
  font-size: 16px;
  width: 36px;
  line-height: 30px;
  color: #999;
}
.transaction-item{
  font-size: 15px;
  color: #999;
  line-height: 20px;
}
.transaction-icon{
  @include square(30px);
  margin-bottom: 10px;
}
.transaction-right{
  @include square(20px);
  margin: 0 8px;
}
/* 交易流程 */

/* 描述 */
.game-describe{
  height: 44px;
  background-color: #F4F4F4;
  margin-top: 2px;
  padding: 0 20px;
  font-size: 14px;
  color: #999;
  line-height: 20px;
}
.game-describe-icon{
  @include square(24px);
  margin-right: 10px;
}

/* 描述 */

/* tab分类 */
.game-tab-header{
  height: 50px;
  border-bottom: 1px solid #eee;
}
.game-tab-item{
  font-size: 16px;
  color: #999;
  font-weight: 400;
  margin-right: 50px;
  height: 50px
}
.game-tab-item-select{
  color: #333;
  font-weight: bold;
}
.game-tab-score{
  font-size: 14px;
  color: #999;
  line-height: 18px;
}
.game-tab-line{
  left: 0;
  right: 0;
  height: 2px;
  bottom: 0;
  background-color: #FF58E7;
}
.game-score-number{
  font-size: 16px;
  color: #FF9024;
  margin-left: 5px;
  font-weight: bold;
}
/* tab分类 */
