.mainPage{
  .info{
    height: .5rem;
    padding: 0 .2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    em{
      font-weight: bold;
    }
  }
  .list-title{
    height: .4rem;
    display: flex;
    padding: 0 .2rem;
    justify-content: space-around;
    align-items: center;
    background:rgba(242,242,242,1);
    span{
      display: block;
      width: 33.33%;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      text-align: center;
    }
  }
  .list-detail{
    height: .4rem;
    display: flex;
    padding: 0 .2rem;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #eee;
    span{
      display: block;
      width: 33.33%;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      text-align: center;
    }
  }
  ul{
    width: 100%;
    border-top: .01rem solid #eee;
    li{
      text-align: center;
      line-height: .46rem;
      position: relative;
      &.active::after{
        content: '';
        width: 50%;
        height: .02rem;
        background: #fc6243;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
      }
    }
  }
  .scollBody{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    >div{
      width: 100%;
      height: 100%;
      position: relative;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      transform: translateZ(0);
      -webkit-transform: translateZ(0);
      .noData{
        width: 100%;
        display: block;
        text-align: center;
        color: #666;
        line-height: .4rem;
      }
    }
  }
} 