/* pages/integralWater.wxss */
page{
  background: #ffffff;
}
.integral{
  padding-bottom: 50rpx;
  border-top: 1px solid rgba(151, 151, 151, 0.1);
}
.detail-left{
  width: 50%;
}

.text-point {
  color: rgba(51, 51, 51, 1);
  font-size: 42rpx;
  margin-left: 10rpx;
}

/* 新布局开始 */
.new-container{
  height: 150rpx;
  padding-left: 50rpx;
  padding-right: 42rpx;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.05),
    0px 0px 3px 0px rgba(0, 0, 0, 0.03);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new-container .new-container-lf{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.new-container .new-container-lf .new-point-info{
  display: flex;
  align-items: center;
}

.new-container .new-container-lf .new-point-info image{
  width:28rpx;
  height:36rpx;
  margin-right: 10rpx;
}

.new-container .new-container-rg{

}

.new-container .new-container-rg .new-integral-vip-rules{
    width: 133rpx;
    height: 42rpx;
    line-height: 42rpx;
    border-radius: 34rpx;
    font-size: 23rpx;
    text-align: center;
    border: 1px solid rgba(204, 204, 204, 1);
}

.title-time-point {
  color: rgba(102, 102, 102, 1);
  font-size: 22rpx;
  text-align: left;
  margin-top: 8rpx;
}


/* 新布局结束 */

.mall-title {
  height: 150rpx;
  padding-left: 50rpx;
  padding-right: 42rpx;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.05),
    0px 0px 3px 0px rgba(0, 0, 0, 0.03);
  
}
.title-num-point {
  padding-top: 30rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.integral-vip-rules {
  width: 133rpx;
  height: 42rpx;
  line-height: 42rpx;
  border-radius: 34rpx;
  font-size: 23rpx;
  text-align: center;
  border: 1px solid rgba(204, 204, 204, 1);
}


.point-img {
  width: 28rpx;
  height: 36rpx;
}

.title-img-point {
  display: flex;
  align-items: center;
}

.integral-detail{
  border-radius: 10rpx;
  padding-left: 30rpx;
  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 30rpx;
}
.tips-detail{
  font-size: 24rpx;
  color: #333;
  margin-bottom: 10rpx;
}
.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: auto;
  padding-top:20rpx;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.detail-num image{
  width: 24rpx;
  height: 24rpx;
  margin-left: 10rpx;
}

.add {
  color: #fc921e;
}
.less{
  color: #333;
}
.detail-integral{
  display: flex;
  justify-content: space-between;
  padding: 0 40rpx;
  margin-bottom: 20rpx;
}
.detail-list-no {
  font-size: 24rpx;
  color: #333;
  padding-top: 200rpx;
  text-align: center;
}

.detail-integral:active{
  opacity: 0.7;
}

.minus {
  color: #000
}