fohow_xcx/packageUser/pages/user/integral/integral.wxss

.bg {
  position: relative;
  width: 100%;
  min-height: 100%;
  background-color: #f3f3f3;
}
.radish-top {
  width: 100%;
  height: 360rpx;
  background-image: url('http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/user/pointbg.jpg');
  background-size: 100%;
}
.radish-top__title {
  padding: 46rpx 0 20rpx;
  font-size: 28rpx;
  color: #FFF;
  text-align: center;
}
.radish-top__count {
  font-size: 60rpx;
  color: #fff;
  text-align: center;
}
.radish-top__btn {
  position: absolute;
  top: 190rpx;
  left: 150rpx;
  width: 196rpx;
  height: 60rpx;
  border: 2rpx solid #fff;
  margin: 48rpx auto 0;
  text-align: center;
  line-height: 60rpx;
  border-radius: 8rpx;
  font-size: 28rpx;
  color: #fff;
}
.radish-top__btn1 {
  position: absolute;
  top: 190rpx;
  //right: 150rpx;
  width: 196rpx;
  height: 60rpx;
  border: 2rpx solid #fff;
  margin: 48rpx auto 0;
  text-align: center;
  line-height: 60rpx;
  border-radius: 8rpx;
  font-size: 28rpx;
  color: #fff;
  right:calc(50% - 98rpx)
}
.radish-main {
  background-color: #fff;
}
.radish-main__title {
  height: 50rpx;
  line-height: 50rpx;
  color: #bbbbbb;
  background-color: #f3f3f3;
  text-align: center;
  font-size: 24rpx;
}
.radish-main__line {
  margin: 0 20rpx;
  height: 100rpx;
  border-bottom: 1rpx solid #eeeeee;
}
.radish-main__left {
  float: left;
  width: 450rpx;
}
.radish-main__text {
  float: left;
  padding-top: 16rpx;
  font-size: 28rpx;
  color: #4c4c4c;
  width: 450rpx;
}
.radish-main__time {
  float: left;
  font-size: 18rpx;
  color: #bbbbbb;
  padding-top: 5rpx;
}
.radish-main__count {
  float: right;
  width: 260rpx;
  font-size: 28rpx;
  line-height: 100rpx;
  text-align: right;
  color: #eab86a;
}