kabao/pages/balance/balance-detail.wxss

.bg { position: absolute; top: 0; left: 0; width: 100%; height: 324rpx; z-index: 0; }
.info-img { width: 36rpx; height: 36rpx; margin-right: 20rpx; }
.info-2 { margin: 30rpx 0; font-size: 30pt; line-height: 1; }
.info-btn { width: 168rpx; height: 56rpx; font-size: 13pt; border-radius: 28rpx; border: 1rpx solid #fff; }
.ad { width: 100%; height: 180rpx; margin-bottom: 20rpx; }
.ad wx-image { width: 100%; height: 100%; }
.record { background-color: #fff; width: 100%; }
.record-time { width: 100%; height: 80rpx; color: #353535; }
.record-img { width: 12rpx; height: 20rpx; }
.record-list { width: 100%; background-color: #fff; }
.record-one { width: 100%; height: 140rpx; border-top: 1rpx solid #e2e2e2; padding: 0 24rpx; }
.record-1 { color: #353535; margin-top: 30rpx; margin-bottom: 15rpx; }
.record-2 { color: #666; font-size: 9pt; }
.record-3 { font-size: 13pt; color: #ff4544; }
.record-4 { font-size: 13pt; color: #3fc24c; }
.modal-h { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; }
.body-h { padding: 50rpx; background-color: #fff; width: 600rpx; border-radius: 10rpx; }
.btn-h { margin-top: 64rpx; width: 100%; height: 80rpx; background-color: #ff4544; border-radius: 10rpx; color: #fff; }
.hm-balance-card {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 750rpx;
  height: 400rpx;
}

.box {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  width: 719.91rpx;
  height: 380rpx;
  border-radius: 10rpx;
}

.layer {
  position: absolute;
  top: 0;
  align-self: center;
  width: 719.91rpx;
  height: 350rpx;
  overflow: hidden;
  border-radius: 10rpx;
}

.hd {
  display: flex;
  position: relative;
  align-items: flex-end;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 32.23rpx;
  margin-left: 53.72rpx;
  width: 633.95rpx;
  height: 51.58rpx;
}

.info {
	max-width: 569.48rpx;
	height: 35rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 35rpx;
	white-space: nowrap;
	color: rgba(19, 19, 21, 0.5);
	font-size: 29rpx;
	font-weight: 400;
}

.wrap {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  background-color: rgba(28, 143, 248, 0);
  width: 51.58rpx;
  height: 51.58rpx;
}

.empty {
  position: absolute;
  top: 20.42rpx;
  left: 19.34rpx;
  border-width: 2px;
  border-style: solid;
  border-radius: 9.67rpx;
  border-color: rgba(255, 255, 255, 1);
  width: 12.89rpx;
  height: 12.89rpx;
}

.zhanghaoguanli {
  position: relative;
  width: 37.61rpx;
  height: 37.61rpx;
}

.bd {
  position: relative;
  opacity: 1;
  margin-top: 4.3rpx;
  margin-left: 53.72rpx;
  max-width: 653.3rpx;
  height: 75.21rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 75.21rpx;
  white-space: nowrap;
  color: #ffffff;
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 69.84rpx;
  font-weight: normal;
}

.main {
  position: relative;
  opacity: 1;
  /* margin-top: 133.24rpx; */
  margin-left: 53.72rpx;
  max-width: 653.3rpx;
  height: 36.53rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 36.53rpx;
  white-space: pre;
  color: #ffffff;
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 32.23rpx;
  font-weight: normal;
}

.ft {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 35.46rpx;
  margin-left: 53.72rpx;
  height: 66.62rpx;
}

.block {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-right: 83.81rpx;
  height: 66.62rpx;
}

.date {
  position: relative;
  /* max-width: 68.77rpx; */
  height: 25.79rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25.79rpx;
  white-space: nowrap;
  color: rgba(19, 19, 21, 0.6);
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 21.49rpx;
  font-weight: normal;
}

.word {
  position: relative;
  opacity: 1;
  margin-top: 4.3rpx;
  line-height: 36.53rpx;
  white-space: nowrap;
  color: #ffffff;
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 26.23rpx;
  font-weight: normal;
}

.group {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-right: 340.62rpx;
  height: 66.62rpx;
}

.cvv {
  position: relative;
  line-height: 25.79rpx;
  white-space: nowrap;
  color: rgba(19, 19, 21, 0.6);
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 21.49rpx;
  font-weight: normal;
}

.num {
  position: relative;
  opacity: 1;
  margin-top: 4.3rpx;
  line-height: 36.53rpx;
  white-space: nowrap;
  color: #ffffff;
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 26.23rpx;
  font-weight: normal;
}

.largeIcon {
  margin-top: 18.27rpx;
  width: 73.07rpx;
  height: 42.98rpx;
}