.Page.myActivity {
  background: #fff;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  > scroll-view {
    width: 100%;
    height: 100vh;
    .PageContent {
      position: relative;
      overflow: hidden;
      min-height: 100vh;
      >.List {
        padding: 0 30px;
        position: relative;
        overflow: hidden;
        >.ListItem {
          position: relative;
          overflow: hidden;
          border-bottom: 2px solid rgba(0, 0, 0, 0.08);
          padding: 24px 0;
          align-items: center;
          >.Icon {
            width: 92px;
            height: 92px;
            position: relative;
            overflow: hidden;
            background: #eee;
            border-radius: 100%;
            margin-right: 30px;
            >image {
              width: 100%;
              height: 100%;
            }
          }
          >.flex-item {
            >text {
              display: block;
              font-size: 28px;
              color: #666;
              line-height: 1;
              margin-top: 12px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              &:first-child {
                font-size: 32px;
                color: #333;
                margin-top: 0;
              }
            }
          }
        }
      }
      > .PageBottom {
        text-align: center;
        font-size: 0;
        white-space: nowrap;
        > text {
          display: inline-block;
          font-size: 28px;
          color: #666;
          line-height: 40px;
          margin: 20px auto;
        }
      }
    }
  }
}
