/* 模块 */
.popup-personal{
  width: 1140px;
  height: 673px;
  background-color: #1B1839;
  border-radius: 30px;
  padding: 30px;
}
/* 模块 */

/* 模块左侧 */
$popup-personal-size:200px;
.popup-personal-left{
  width: $popup-personal-size;
  margin-right: 15px;
  height: 100%;
}
/* 模块左侧 */

/* 用户信息 */
.personal-info{
  @include square($popup-personal-size);
  background-color: rgba(255,255,255,0.08);
  border-radius: 10px;
  padding-top: 6px;
}
.personal-info-header{
  margin-top: 13px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #fff;
  width: $popup-personal-size;
  padding: 0 10px;
}
.personal-nickname{
  width: auto;
  max-width: 100%;
}
.personal-avatar{
  @include square(110px);
}
.personal-sex{
  background-color: #5C88E0;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  height: 20px;
  padding: 0 7px;
  border-radius: 10px;
  margin-left: 10px;
}
.personal-sex-girl{
  background-color: #F191AC;
}
.personal-sex-left{
  margin-left: 3px;
}
.personal-id{
  width: 100%;
  padding: 0 20px;
  margin-top: 6px;
  font-size: 14px;
  color: #727084;
}
.personal-id-margin{
  margin-left: 6px;

}
/* 用户信息 */

/* 菜单栏 */
.personal-menu{
  background-color: rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 17px 20px;
  margin-top: 15px;
}
.personal-menu-item{
  width: 100%;
  height: 30px;
  margin-top: 20px;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}
.personal-menu-item:first-child{
  margin-top: 0;
}
.personal-menu-item-active{
  background-color: rgba(255,255,255,0.1);
  border-radius: 15px;
  cursor: default;
}
.menu-item-icon{
  @include square(18px);
  margin-right: 8px;
}
/* 菜单栏 */

/* 关闭按钮 */
.popup-personal-close{
  right: 15px;
  top: 10px;

}
.popup-personal-close-icon{
  font-size: 16px;
  font-weight: bold;
  color: #C1BED5;
}
/* 关闭按钮 */