.Page.Chat {
  background: #fff;
  > scroll-view {
    width: 100%;
    height: 100%;
    .PageContent {
      position: relative;
      overflow: hidden;
      min-height: 100vh;
      > .ListItem {
        padding: 20px 30px;
        position: relative;
        overflow: hidden;
        align-items: center;
        border-top: 2px solid rgba(0, 0, 0, 0.05);
        &:first-child {
          border: none;
        }
        > .Icon {
          width: 80px;
          height: 80px;
          position: relative;
          overflow: visible;
          > view {
            width: 100%;
            height: 100%;
            border-radius: 6px;
            background: #ccc;
            position: relative;
            overflow: hidden;
            z-index: 1;
            > image {
              width: 100%;
              height: 100%;
            }
          }
          >.Num {
            width: 30px;
            line-height: 30px;
            display: inline-block;
            text-align: center;
            color: #fff;
            background: #F02222;
            border-radius: 100%;
            position: absolute;
            z-index: 2;
            right: -10px;
            top: -10px;
            font-size: 18px;
          }
        }
        >.flex-item {
          margin-left: 20px;
          >.flex-h {
            align-items: center;
            >text {
              font-size: 20px;
              color: #888;
              line-height: 40px;
              &:first-child {
                font-size: 28px;
                color: #333;
              }
            }
          }
          >.Msg {
            >text {
              display: block;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              font-size: 24px;
              color: #888;
              line-height: 40px;
            }
          }
        }
      }
      >.NoData {
        >text {
          display: block;
          text-align: center;
          font-size: 28px;
          color: #ccc;
          &.iconfont {
            font-size: 160px;
            margin-bottom: 40px;
          }
        }
      }
    }
  }
}
