.index-common{
  width:100%;
  height: 100%;
  .mint-loadmore{
    min-height: 80%;
  }
  .wrap {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    margin-top:0.3rem;
  }

  .wrap .text {
    float: right;
    margin-left: -5px;
    width: 100%;
    word-break: break-all;
  }

  .wrap::before {
    float: left;
    width: 5px;
    content: '';
    height: 40px;
  }
  .wrap::after {
    float: right;

    content: "...";
    height: 20px;
    line-height: 20px;
    /* 为三个省略号的宽度 */
    width: 3em;
    /* 使盒子不占位置 */
    margin-left: -3em;
    /* 移动省略号位置 */
    position: relative;
    left: 100%;
    top: -20px;
    padding-right: 5px;
    background-color:#FFEDD0;
  }


  .yo-scroll {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background:#fff;
  }

  .table-header-view {
    width: 100%;
    height: 3.2rem;
    background-image: url("../../../static/images/index/index_bg.png");
    background-size:100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    flex-direction: row;
    .table-header-img{
      margin: 0.53rem 0.27rem 0 0.4rem;
      width: 1.6rem;
      height: 1.6rem;
      border-radius:50%;
    }
    .user-info{
      margin-top: 0.67rem;
      flex: 1;
      .user-nickname{
        line-height: 0.67rem;
        font-size: 0.48rem;
      }
      .user-phone{
        margin-top: 0.13rem;
        line-height: 0.53rem;
        font-size: 0.37rem;
      }
    }

    .user-integral{
      margin-top: 0.93rem;
      height: 0.8rem;
      background: rgba(0,0,0,0.10);
      border-radius: 0.48rem 0 0 0.48rem;

      .index-right-img{
        width:0.3rem;
        height:0.3rem;
        vertical-align: middle;

      }
      .index-right-fen{
        font-size:0.48rem;
        vertical-align: middle;
      }
      .index-right-text{
        font-size:0.37rem;
        vertical-align: middle;
      }
      div{
        margin: auto 0.27rem auto 0.27rem;
        font-size: 0.46rem;
        line-height: 0.8rem;
      }
    }


  }
  .index-content{
    //position: absolute;
    //top: 4.6rem;
    //left: 0.4rem;
    //right: 0.4rem;
    //bottom: 1.3rem;
    margin-top: -0.6rem;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    margin-bottom: 0.2rem;
    background:#fff;
    border-radius:16/75rem;
    box-shadow: -4/75rem 0 16/75rem 0 rgba(153,153,153,0.30), 4/75rem 4/75rem 16/75rem 0 rgba(153,153,153,0.30);
    width: auto;
    .index-content-header{
      height:1.32rem;
      font-size:0.43rem;
      color: #181818;
      line-height:1.32rem;
      padding-left:0.4rem;
    }
    .border{
      border-bottom:1px solid  #E5E5E5;
    }
    .index-content-content{
      padding-left:0.4rem;
      padding-right:0.4rem;
      padding-bottom: 0.4rem;
      display:block;
      .index-content-list{
        width:50%;
        //height:4.85rem;
        padding-top:0.8rem;
        //border:1px solid red;
        text-align:center;
        display:inline-block;
        .index-content-list-border{
          width:2.93rem;
          min-height:1.87rem;
          background:#FFEDD0;
          border-radius:8/75rem;
          margin:0 auto;
          padding-bottom:0.2rem;
          .index-content-list-img-or-text{
            .index-content-list-img-width{
              width:1.07rem;
              height:1.07rem;
              margin-top:0.2rem;
            }
            .index-content-list-text-top{
              margin-top:0.2rem;
              margin-left:0.1rem;
              font-size: 0.32rem;
              color: #333333;
              //padding-right:0.2rem;
              //overflow:hidden;
              //text-overflow:ellipsis;
              //white-space:nowrap;
              //width:100px;
              width: 200/75rem;
              height:1rem;
              line-height: 0.5rem;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;

              //word-break: break-all;
              //text-overflow: ellipsis;
              //display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
              //-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
              //-webkit-line-clamp: 2; /** 显示的行数 **/
              //overflow: hidden;  /** 隐藏超出的内容 **/
              .index-content-list-text{
                font-size:0.32rem;
                color:#333333;
              }
            }

          }
        }
        .index-content-list-math{
          font-size:0.37rem;
          color: #FF3B30;
          margin-top:0.2rem;
        }
        .index-content-list-count{
          font-size:0.32rem;
          color:#999999;
          margin-top:0.1rem;
        }
        .index-content-list-btn{
          margin-top:0.32rem;
          width:2.13rem;
          height:0.75rem;
          line-height:0.75rem;
          border-radius:0.37rem;
          background:#FF6735;
          display:inline-block;
          text-align:center;
          .index-content-list-btn-text{
            font-size:0.37rem;
            color:#fff;
          }
        }


        .index-content-list-btn-gray{
          margin-top:0.32rem;
          width:2.13rem;
          height:0.75rem;
          line-height:0.75rem;
          border-radius:0.37rem;
          background:#BBBBBB;;
          display:inline-block;
          text-align:center;
          .index-content-list-btn-text{
            font-size:0.37rem;
            color:#fff;
          }
        }

      }
    }
  }
  .height{
    height:1.31rem;
  }
}