.WoDeRenZheng {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f8f8f8;
  overflow: hidden;

  .Content {
    padding: 0 30px;
    position: relative;
    overflow: hidden;

    >.ListItem {
      position: relative;
      overflow: hidden;
      margin-bottom: 30px;
      background: #fff;
      border-radius: 10px;
      padding: 20px;

      &:first-child {
        margin-top: 30px;
      }

      >text {
        display: block;
        font-size: 28px;
        font-weight: bold;
        color: #000;
        line-height: 40px;
      }

      >.flex-h {
        align-items: center;
        position: relative;
        overflow: hidden;
        margin-top: 10px;

        >.flex-item {
          position: relative;
          overflow: hidden;
          margin-right: 10px;

          >text {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 24px;
            color: #666;
            line-height: 40px;
          }
        }

        >view:last-child {
          >text {
            font-size: 28px;
            color: #77A5F0;

            &.Red {
              color: #F35844;
            }

            &.Green {
              color: #44d61f;
            }
          }
        }
      }
    }

    >.AddBtn {
      margin-bottom: 30px;
      position: relative;
      overflow: hidden;

      >text {
        font-size: 28px;
        color: #fff;
        line-height: 80px;
        border-radius: 80px;
        background: #F35844;
        text-align: center;
        display: block;
      }
    }
  }
}