.mainPage{
  padding: 0 .3rem;
  box-sizing: border-box;
}
.list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .15rem 0;
  border-bottom: 1px solid rgba(238,238,238,1);
  >div:nth-of-type(1){
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    span:nth-of-type(1){
      color: #323645;
      font-size: .16rem;
      font-weight: bold;
    }
    span:nth-of-type(2){
      color: #323645;
      font-size: .12rem;
    }
  }
  >div:nth-of-type(2){
    width: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  // span{
  //   color: rgba(108,108,108,1);
  //   display: block;
  //   text-align: center;
  //   overflow:hidden;
  //   text-overflow:ellipsis;
  //   white-space:nowrap
  // }
  // span{
  //   flex: 1;
  // }
}
.title{
    border: 0px;
    span{
    color: #808080;
    position: relative;
    padding: 0 .3rem;
    font-size: .14rem;
  }
  .active{
    color: #000;
  }
  .active:after{
    background: #fc6243;
    bottom: -0.05rem;
    content: "";
    height: .02rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 50%;
  }
}
.bottomMsg{
  img{
    margin-top: 1.5rem;
    width: 1.5rem;
  }
}
.gray{
  opacity: .5;
}