/* pages/integralWater.wxss */
.integral{
  margin: 30rpx;
  padding-bottom: 50rpx;
}
.detail-left{
  width: 50%;
}
.integral-detail{
  border-radius: 10rpx;
  padding-left: 43%;
  height: 150rpx;
  box-shadow: 0 0 10px #ccc ;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-image: url("data:image/png;base64,[encoded data, 16856 characters]")
}
.integral-num {
  display: inline-block;
  text-align:center;
  padding-top: 34rpx;
}
.integral-vip-rules{
  width:100rpx;
  height:33rpx;
  line-height: 33rpx;
  display: inline-block;
  text-align: center;
  margin-left:38%;
  color: rgb(64, 205, 147);
  font-size: 22rpx;
  font-weight: 700;
  border: 4rpx solid rgb(64, 205, 147);
  padding: 5rpx 8rpx;
  border-radius: 50rpx;
  vertical-align:top;
  margin-top: 25rpx;
  margin-bottom: 40rpx;
}
.num-current {
  font-size: 36rpx;
  color: #333;
}
.num-title{
  font-size: 24rpx;
  color:#666
}
.integral-tips {
  padding: 45rpx 0
}
.tips-detail{
  font-size: 24rpx;
  color: #333;
}
.tips-much {
  font-size: 28rpx;
  color: #ccc
}
.tips-gomall {
  font-size: 28rpx;
  color: rgb(64, 205, 147);
}
.detail-title {
  font-size: 25rpx;
  color: #666;
  line-height: 50rpx;
  overflow: hidden;
  text-overflow:ellipsis;
}
.detail-time{
  font-size: 25rpx;
  color: #999;
}
.detail-num{
  font-size: 25rpx;
  text-align: left;
  width:10%;
  padding-top:20rpx;
}
.add {
  color: #fc921e;
}
.less{
  color: #333;
}
.detail-integral{
  display: flex;
  justify-content: space-between;
  padding: 0 60rpx 0 30rpx;
  margin-bottom: 20rpx;
}
.detail-list-no {
  font-size: 24rpx;
  color: #333;
  padding-top: 200rpx;
  text-align: center;
}

.minus {
  color: #000
}