/* packageI/allowanceIndex/allowanceAchievement/allowanceAchievement.wxss */
#allowanceAchievement{
    background-color: #f5f5f5;
}
.topbox {
    width: 100%;
    height: 120rpx;
    background-color: #ee2e2b;
  }
  
  .listBox {
    padding: 0 30.08rpx;
    padding-bottom: 90rpx;
    box-sizing: border-box;
    background-color: #fff;
  }
  .listBox .lis:last-child {
    border-bottom: none;
  }
  .moreGoodsSHow{
    max-height: 230rpx;
  }
  .listBox .seleBox {
    position: relative;
    padding: 20.16rpx;
    overflow: hidden;
    background-color: #fff;
    transition: 0.3s;
  }
  .listBox .seleBox .moreGoods {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 22.08rpx;
    color: #666666;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .listBox .seleBox .seleBoxList {
    display: flex;
    width: 100%;
    margin-bottom: 24rpx;
  }
  .listBox .seleBox .seleBoxList .seleList {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 24rpx;
  }
  .listBox .seleBox .seleBoxList .seleList .price {
    font-size: 22.08rpx;
    color: #666666;
    display: flex;
  }
  .listBox .seleBox .seleBoxList .seleList .price .num {
    font-size: 22.08rpx;
    color: #f15353;
  }
  .listBox .seleBox .seleBoxList .seleList .title {
    text-align: left;
  }
  .listBox .seleBox .seleBoxList .goodImg {
    width: 76.16rpx;
    height: 76.16rpx;
    border-radius: 4.16rpx;
    margin-right: 14.08rpx;
  }
  .listBox .seleBox .seleBoxList .goodImg image {
    width: 100%;
    height: 100%;
    border-radius: 4.16rpx;
  }
  .listBox .lis {
    display: flex;
    align-items: center;
    border-bottom: 0.0313rem solid #ebebeb;
    padding: 26.88rpx 0;
    background: #ffffff;
    padding-left: 16rpx;
  }
  .listBox .lis .no_listData {
    display: flex;
    align-items: center;
    flex: 1;
  }
  .listBox .lis .no_listData .selectBtn {
    color: #666666;
    margin: 0 16rpx;
  }
  .listBox .lis .iconRever {
    transform: rotate(270deg) !important;
  }
  .listBox .lis .listData {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .listBox .lis .listData .listTop {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .listBox .lis .listData .listTop .name {
    font-size: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    text-align: left;
  }
  .listBox .lis .listData .listTop .order {
    font-size: 22.08rpx;
  }
  .listBox .lis .listData .listBottom {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 9.6rpx 0;
  }
  .listBox .lis .listData .listBottom .grade {
    color: #666666;
    font-size: 20.16rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
  }
  .listBox .lis .listData .listBottom_right {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    font-size: 20.16rpx;
  }
  .listBox .lis .listData .listBottom_right .order {
    font-size: 20.16rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    text-align: left;
    margin-right: 19.2rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
  }
  .listBox .lis .listData .listBottom_right .order .price {
    color: #f15353;
  }
  .listBox .lis .listData .listBottom_right .date {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    color: #666666;
    font-size: 20.16rpx;
  }
  .listBox .lis .img {
    width: 60.16rpx;
    height: 60.16rpx;
    background-color: #f05152;
    border-radius: 100%;
    margin-right: 10.88rpx;
    flex-shrink: 0;
  }
  .listBox .lis .img image {
    width: 100%;
    height: 100%;
    border-radius: 100%;
  }
  
  .contenbox {
    width: 710.08rpx;
    height: 144.96rpx;
    background-color: #ffffff;
    border-radius: 9.92rpx;
    margin: 0 auto;
    margin-top: -37.44rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 20.16rpx;
  }
  .contenbox .contenLeft {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .contenbox .contenRight {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .contenbox .contenLeft_top {
    font-size: 28.16rpx;
    color: #f15353;
    margin-bottom: 22.4rpx;
    display: flex;
    align-items: center;
  }
  .contenbox .contenLeft_top span {
    color: #414141;
  }
  .contenbox .contenLeft_bottom {
    font-size: 24rpx;
    color: #666666;
  }
  .contenbox .line {
    width: 0.96rpx;
    height: 78.08rpx;
    background-color: #e9e9e9;
  }