/* pages/member/ClockPunchRecord/ClockPunchRecord.wxss */
.record {
  color: #fff;
  text-align: left;
}

.record .record-content {
  height: 302rpx;
  background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/clockin_bg.png');
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 80rpx;
}

.record .record-content .h3 {
  line-height: 80rpx;
  padding: 20rpx 24rpx 0 24rpx;
  font-size: 36rpx;
}

.record .record-content .record-data {
  padding-top: 20rpx;
  padding-bottom: 20rpx;
  font-size: 30rpx;
  display: flex;
}

.record .record-content .record-data .data_box {
  width: 220rpx;
  padding-left: 24rpx;
}

.record .record-content .record-data .data {
  font-size: 40rpx;
}

.record .record-content .record-data .amount {
  font-size: 24rpx;
}

.record .record-detail {
  color: #333;
  background: #fff;
}

.record .record-detail .h3 {
  line-height: 80rpx;
  border-bottom: solid 2rpx #ebebeb;
  padding-left: 28rpx;
  font-size: 36rpx;
  color: #666;
}

.record .record-detail .record-detail-list {
  display: flex;
  justify-content: space-between;
  color: #8c8c8c;
  margin-left: 28rpx;
  padding-right: 28rpx;
  font-size: 34rpx;
  height: 88rpx;
  line-height: 88rpx;
}

.record .record-detail .record-detail-list .time {
  font-size: 28rpx;
}

.record .record-detail .record-detail-list .state {
  color: #666;
}

.record .record-detail .record-detail-list .amount {
  float: right;
  color: #ffb14c;
}
