/* 容器 */
.choosing-skill-container{
  width: 856px;
  height: 526px;
  border: 2px solid #5F3CC6;
  background-color: #342971;
  border-radius: 10px;
  padding: 25px 32px;
}
/* 容器 */

/* 头部 */
.choosing-skill-header{
  margin-bottom: 8px;
}
.choosing-skill-title{
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
}
.choosing-skill-close{
  font-size: 18px;
}
.choosing-skill-close-wrap{
  right: 20px;
  top: 24px;
}
/* 头部 */

/* 游戏分类的头部 */
.skill-header-item {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  font-weight: 500;
}
.skill-cate-margin{
  margin-top: 20px;
}
.skill-header-content{
  margin-right: -14px;
}
.skill-item{
  width: 86px;
  height: 96px;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.1);
  margin-right: 14px;
  margin-top: 15px;
  font-size: 14px;
  line-height: 25px;
  cursor: pointer;
  padding: 5px;
  text-align: center;
}
.skill-item:hover{
  background: $main-linear;
}
.skill-header-icon{
  @include square(14px);
  background: $main-linear;
  border-radius: 50%;
  margin-right: 7px;
}
.skill-icon{
  @include square(42px);
  margin-bottom: 5px;
  flex-shrink: 0;
}
.skill-status{
  font-size: 12px;
  line-height: 14px;
}
.skill-item-disabled{
  opacity: 0.7;
  cursor: default;
}
.skill-item-disabled:hover{
  background: rgba(255,255,255,0.1);
}
.skill-status-item .skill-icon {
  margin-bottom: 2px;
}
.skill-status-item {
  line-height: 20px;
}
/* 游戏分类的头部 */