.consume{
  border-radius: 18rpx;
  background: linear-gradient(270deg, #FFDB00 0%, #FFC300 60%);
  box-shadow: 0 10rpx 10rpx 0 rgba(54, 98, 236, 0.2);
  margin:20rpx;
  padding:40rpx 30rpx;
  position:relative;
}
.consume .title{
  font-size: 32rpx;
}
.consume .point{
  font-size: 70rpx;
  margin-top:40rpx;
  font-weight: 600;
}
.consume .tips{
  position:absolute;
  right:0;top:32rpx;
  border-radius: 60rpx 0 0 60rpx;
  background-color: var(--main-color);
  line-height: 40rpx;
  font-size: 22rpx;
  padding:0 16rpx;
}

.btns{
  display: flex;
  margin:24rpx;
  gap: 16rpx;
}
.btns .item{
  border-radius: 12rpx;
  font-size: 26rpx;
  margin:0;
  padding:18rpx 34rpx;
  line-height: 1;
  min-width: 132rpx;
}
.btns .item:not([type=primary]){
  background-color: #fff;
  font-weight: normal;
}