.mine {
  width: 100%;
  overflow: scroll;
  background: linear-gradient(-150deg, #d4d4d4 0%, #d4d4d415 25%, #fff 100%);
  padding: 10px 12px 0;
  box-sizing: border-box;

  .topBoard {
    display: flex;
    justify-content: space-between;

    .icon {
      font-size: 20px !important;
      font-weight: 400 !important;
    }
  }

  .userSetting {
    padding: 27px 0;
    display: flex;
    justify-content: space-between;

    .lPart {
      display: flex;
      justify-content: center;
      flex-direction: column;

      .name {
        font-size: 20px;
        color: #333;
      }

      .link {
        font-size: 12px;
        color: #999;
      }
    }

    .avatar {
      width: 60px;
      height: 60px;
      border: 1px solid #ccc;
      box-sizing: border-box;
      border-radius: 50%;
      overflow: hidden;
    }
  }

  .menuList {
    padding: 25px 13px 34px;
    box-sizing: border-box;

    .menuListItem {
      margin-bottom: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .lPart {
        display: flex;
        align-items: center;

        .icon {
          margin-right: 12px;
        }

        .label {
          font-size: 15px;
          color: #232323;
        }
      }

      .tag {
        width: 6px;
        height: 10px;
        //background-color: yellowgreen;
      }

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  .banner {
    width: 100%;
    height: 130px;
    border: 1px solid #333333;
    border-radius: 10px;
    overflow: hidden;
  }
}