/* packageB/member/love/donate/DonateIndex.wxss */
.iconshow {
  animation: ident 5s;
}

@keyframes ident {
  0% {
    opacity: 0;
    height: 0%;
  }

  50% {
    opacity: 0.75;
    height: 50%;
  }

  100% {
    opacity: 1;
    height: 100%;
  }
}

.iconNone {
  display: none;
}

.inTO {
  transform: translateY(55.04rpx);
  transition: 3s;
}

.DonateIndex {
  min-height: 100vh;
  background: #fff;
  overflow: hidden;
}

.DonateIndex .DonateIndexSta {
  margin: 0 auto;
  margin-top: 53.12rpx;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.DonateIndex .DonateIndexSta .iconfont {
  font-size: 96rpx;
  color: #f15353;
  border-radius: 100%;
}

.DonateIndex .DonateIndexSta .resoveStatus {
  font-size: 24rpx;
  color: #4f4f4f;
}

.DonateIndex .btn {
  margin: 0 auto;
  width: 649.92rpx;
  height: 80rpx;
  background-color: #f15353;
  border-radius: 9.92rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fffffe;
  font-size: 30.08rpx;
  margin-top: 124.16rpx;
}

.DonateIndex .donate {
  width: 660.16rpx;
  background-color: #fff;
  box-shadow: 0rpx 2.24rpx 19.2rpx 0rpx rgba(216, 216, 216, 0.69);
  border-radius: 15.04rpx;
  margin: 0 auto;
  margin-top: 34.88rpx;
  padding: 0 34.88rpx;
  box-sizing: border-box;
  padding-top: 34.88rpx;
  padding-bottom: 25.92rpx;
}

.DonateIndex .donate .person {
  display: flex;
  align-items: center;
  margin-top: 25.92rpx;
}

.DonateIndex .donate .person .personImg {
  width: 45.12rpx;
  height: 45.12rpx;
  background-color: #cbc9c9;
  margin-right: 13.12rpx;
}

.DonateIndex .donate .person .personImg image {
  width: 100%;
  height: 100%;
}

.DonateIndex .donate .person .perName {
  font-size: 22.08rpx;
}

.DonateIndex .donate .bind {
  text-align: left;
}

.DonateIndex .donate .bind .vuser {
  font-size: 25.92rpx;
  color: #333;
}

.DonateIndex .donate .user {
  display: flex;
  align-items: center;
}

.DonateIndex .donate .user .userimg {
  width: 80rpx;
  height: 80rpx;
  background-color: #cbc9c9;
  border-radius: 100%;
  margin-right: 22.08rpx;
}

.DonateIndex .donate .user .userimg image {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.DonateIndex .donate .user .text {
  flex: 1;
  overflow: hidden;
  text-align: left;
  font-size: 32rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.DonateIndex .donate .line {
  width: 590.08rpx;
  height: 0.96rpx;
  background-color: #f1f1f1;
  margin: 34.88rpx 0;
}
