.new-people-area {
  // background: url('https://appsync.lkbang.net/FiMntPpCix5FNsJaGDFCIlvGy4gu') no-repeat;
  background-size: contain;
  background-position: 100%  -30px; 
  background-color: #F7F7F7;
  min-height: 100%;
  padding:@padding-sm 0;
  /deep/ .cr-tabs__line {
    bottom: 0.6rem;
  }
  /deep/ .cr-tabs__content {
    padding: 0 @padding-sm;
    margin-top: 0;
  }
  .new-user-guidance {
    padding:0 @padding-sm;
    width:350px;
    height: 110px;
    img {
      width: 100%;
      height: 100%;
      border-radius: 8px;
    }
  }
  .top-img {
    width:350px;
    max-height: 110px;
    overflow: hidden;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .nav-con {
    &-grid {
      max-height: 500px;
      display: flex;
      flex-flow: column wrap;
      align-content:flex-start;
      width: 100%;
      overflow-y: hidden;
      overflow-x: scroll;
      .card-grid-item {
        width: 112px;
        max-height: 212px;
        display: flex;
        flex-direction: column;
        margin:12px 4px 0 0 ;
        .item-con {
          border-bottom-left-radius: 8px;
          border-bottom-right-radius:  8px;
          background-color: #fff;
          padding:0 4px @padding-sm 4px;
          .item-top {
            padding-top: 17px;
            color: #333;
            word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            .text-size(13);
            img {
              width: 22px;
              height: 13px;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              vertical-align: middle;
              padding-bottom: 2px;
            }
          }
          .item-btm {
            display: flex;
            justify-content: space-between;
            margin-top: 6px;
            .left {
              display: flex;
              flex-direction: column;
              justify-content:flex-end;
              .money{
                color: #EC3333;
                font-size:15px ;
                margin-top: 4px;
                letter-spacing: -1px;
                display: flex;
                flex-flow: row nowrap;
                text-indent:-2px;
                font-weight: @font-weight-bold;
                span{
                  position: relative;
                  left: -2px;
                }
              }
              img {
                width: 46px;
                height: 13px;
                box-sizing: border-box;
              }
            }
            .right {
              width: 30px;
              height: 30px;
              img {
                width: 100%;
                height: 100%;

              }
            }
          }
        }
      }
     /deep/ .cr-grid-item__content {
        background-color: transparent;
        padding: 0;
      }
    /deep/ .cr-image--img{
      border-top-left-radius:8px;
      border-top-right-radius:8px;
    }
    }
  }
  .tabs-sticky {
    z-index: 99;
  }
}