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/checkin.jpg');
  background-size: 100%;
}
.radish-top__title {
    padding: 95rpx 0 0;
    font-size: 34rpx;
    color: #FFF;
    text-align: center;
    text-shadow: 1px 1px 1px #bb954d;
}
.radish-top__count {
    font-size: 70rpx;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #e6231d;
}
.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: 210rpx;
    right: calc(50% - 98rpx);
    width: 196rpx;
    height: 60rpx;
    border: 2rpx solid #eb4d20;
    margin: 48rpx auto 0;
    text-align: center;
    line-height: 60rpx;
    border-radius: 45px;
    font-size: 32rpx;
    color: #fff;
    right: calc(50% - 98rpx);
    background: linear-gradient(to right,#eb712c,#e71f1c);
}
.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;
}