/* 容器 */
.detail-container-warp{
  height: 100%;
}
.detail-container{
  width: 1100px;
  height: 1010px;
  max-height: 100%;
  background-color: #F1F1F1;
  border-radius: 20px;
}
/* 容器 */

/* 头部 */
.detail-header{
  height: 110px;
  background: linear-gradient(90deg, #7B388F, #3F269A);
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  padding: 0 30px;
}
.detail-avatar{
  @include square(84px);
  margin-right: 10px;
}
.detail-header-id{
  margin-top: 15px;
}
$detail-follow:160px;
.detail-follow-container{
  width: $detail-follow;
  background-color: #FF9023;
  border-radius: 21px;
  height: 42px;
  margin-right: 50px;
}
.detail-follow-item{
  width: $detail-follow / 2;
}
.detail-follow-number{
  background-color: #fff;
  color: #FF9023;
  font-size: 16px;
  line-height: 18px;
  padding: 0 5px;
}
.detail-follow-icon{
  @include square(18px);
  margin-right: 4px;
}
.detail-follow-span{
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}
.detail-close-wrap{
  top: -32px;
  right: -10px;
}
.detail-close{
  font-size: 14px;
  color: #fff;
}
/* 头部 */

/* 内容部分 */
.detail-content-scroll {
  height: 880px;
}
.detail-content{
  padding: 10px;
}
/* 内容部分 */

/* 左侧内容 */
.detail-left{
  width: 450px;
}
/* 左侧内容 */

/* 轮播 */
.detail-banner{
  height: 586px;
  width: 100%;
  border-radius: 10px;
  padding: 10px;
  background-color: #fff;
}
.detail-banner-image{
  width: 100%;
  height: 430px;
  border-radius: 20px;
  margin-bottom: 10px;
}
.detail-banner-icon{
  @include square(85px);
  border: 1px solid transparent;
  flex-shrink: 0;
  border-radius: 5px;
}
.detail-banner-select{
  border-color: #FF1E8C;
}
.detail-banner-trigger{
  width: 16px;
  height: 85px;
  border-radius: 7px;
  background-color: #eee;
}
.detail-banner-images{
  padding: 0 10px;
}
.detail-introduction{
  height: 50px;
  font-size: 16px;
  line-height: 18px;
  color: #333;
  font-weight: 400;
}
.trigger-icon{
  @include square(15px);
}
/* 轮播 */

/* 礼物 */
.detail-gift{
  height: 288px;
  width: 100%;
  margin-top: 8px;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
}
/* 礼物 */

/* tab */
.detail-tab-header{
  background-color: #F6F6f6;
  height: 32px;
  margin-bottom: 10px;
}
.detail-tab-item,.detail-tab-header{
  border-radius: 16px;
}
.detail-tab-item{
  width: 100px;
  height: 100%;
  color: #333;
}
.detail-tab-icon{
  @include square(20px);
  margin-right: 7px;
}
.detail-tab-select{
  background: linear-gradient(90deg, #FF58E7, #FF54B1);
  color: #fff;
}
/* tab */

/* 游戏 */
.detail-game{
  margin-left: 8px;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
}
.detail-game-header-warp{
  padding-bottom: 20px;
}
.detail-game-header{
  height: 30px;
}
.detail-game-swiper{
  padding: 0 10px;
  height: 30px;
}
.detail-game-trigger{
  width: 12px;
  height: 30px;
  border-radius: 7px;
  background-color: #eee;
}
.detail-game-item{
  width: 80px;
  height: 30px;
  border-radius: 15px;
  color: #666;
  font-size: 14px;
  line-height: 18px;
}
.detail-game-trigger .trigger-icon{
  @include square(12px);
}
.detail-game-select{
  background: linear-gradient(90deg, #FF58E7, #FF54B0);
  color: #fff;
}
/* 游戏 */