@import "../../assets/css/_var.scss";

.sider-wrapper {
  min-width: 160px;
  background-color: #fff;
  width: 12.5vw;
  .top {
    padding: 0 24px;
    height: 60px;
    line-height: 60px;
    h3 {
      text-align: center;
      box-shadow: 0px 1px 0px 0px rgba(234, 234, 237, 1);
      i {
        display: inline-block;
        width: 24px;
        height: 24px;
        background: #fff url(../../assets/images/account@2x.png) no-repeat
          center/cover;
        vertical-align: middle;
      }
      span {
        display: inline-block;
        padding-left: 8px;
        font-size: 18px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: rgba(50, 65, 80, 1);
        line-height: 28px;
        vertical-align: middle;
      }
    }
  }
  .bottom {
    .menu-item--active,
    .menu-item {
      text-align: center;
      font-size: 14px;
      padding: 17px 0 8px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
    }
    .menu-item {
      a {
        color: #7f8fa4;
      }
      &:hover {
        cursor: pointer;
        color: $main-lighter;
      }
    }
    .menu-item--active {
      a {
        color: $main-lighter;
      }
    }
  }
}