book-hi/unpackage/dist/dev/mp-weixin/pages-mine/pages/wallet.wxss

@charset "UTF-8";
/** 
 * 主题色配置
 * 默认在 uni.scss 全局引入：@import '@/theme.scss';
 * <script> 下使用主题变量：import x from '@/theme.scss';
 */
.page.data-v-c179270e {
  background-color: #f8f8f8;
  font-family: PingFangSC;
}
.safeAreaPad.data-v-c179270e {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: content-box;
}
.data-v-c179270e:export {
  appThemeColor: #38C148;
  appThemeBgColor: #ffffff;
  appThemeBgGrayColor: #fafafa;
  appThemeBgGrayDeppColor: #f8f8f8;
  appThemeSearchBgColor: #F4F5F8;
  appThemeBorderColor: #efefef;
  appThemeTextColor: #333333;
  appThemeTextGrayColor: #8f92a1;
  appThemeTextGrayLightColor: #cccccc;
  appThemeTextGrayDeepColor: #696969;
  appThemeTextWhiteColor: #ffffff;
  appThemeTextBlackColor: #171717;
  appThemeTextBlackDeepColor: #16162e;
  appThemeTextMoneyColor: #f00;
  appThemeTextGrayWhiteColor: #c3c6cb;
  appThemeSkuGrayColor: #f5f5f8;
  appThemeCardGrayColor: #8f92a1;
  appThemeShopGrayColor: #888e98;
  appThemePointsSignBgColor: #f0f0f0;
  appThemePointsSignLabelColor: #dfdfdf;
  appThemePointsSignValueColor: #696969;
  appThemePointsSignYellowColor: #f9a906;
  appThemePointsSignBlueColor: #22ac38;
  appThemeNavbarTabColor: #696969;
  appThemeNavbarTabColorActive: #333333;
  appThemeShadow: 0px 2px 8px 0px rgba(27, 25, 86, 0.06);
  appZIndexDeep: 0;
  appZIndexNormal: 19;
  appZIndexAbsolute: 99;
  appZIndexFixed: 199;
  appZIndexPage: 999;
  appThemeBuyBtnBgColor: #ed3f14;
}
.wallet-page.data-v-c179270e {
  height: 100vh;
  background: #F5F5F5;
  padding: 10rpx 30rpx;
  box-sizing: border-box;
  overflow: hidden;
}
.wallet-page .balance-card.data-v-c179270e {
  background: #38C148;
  border-radius: 20rpx;
  padding: 30rpx 40rpx;
  color: #FFFFFF;
  z-index: 9;
  position: -webkit-sticky;
  position: sticky;
  top: 10rpx;
}
.wallet-page .balance-card .card-header.data-v-c179270e {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 28rpx;
}
.wallet-page .balance-card .card-header .detail-link.data-v-c179270e {
  display: flex;
  align-items: center;
  opacity: 0.9;
}
.wallet-page .balance-card .amount.data-v-c179270e {
  margin: 40rpx 0 20rpx;
}
.wallet-page .balance-card .amount .symbol.data-v-c179270e {
  font-size: 40rpx;
  margin-right: 8rpx;
}
.wallet-page .balance-card .amount .number.data-v-c179270e {
  font-size: 80rpx;
  font-weight: 500;
}
.wallet-page .balance-card .balance-info.data-v-c179270e {
  font-size: 26rpx;
  opacity: 0.9;
}
.wallet-page .balance-card .withdraw-btn.data-v-c179270e {
  margin-top: 40rpx;
  height: 60rpx;
  line-height: 60rpx;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 14rpx;
  font-size: 28rpx;
  width: 200rpx;
}
.wallet-page .detail-section.data-v-c179270e {
  background: #FFFFFF;
  border-radius: 20rpx;
  margin-top: 20rpx;
  padding: 0 30rpx;
  height: calc(100vh - 400rpx);
  overflow-y: auto;
}
.wallet-page .detail-section .section-header.data-v-c179270e {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100rpx;
  font-size: 30rpx;
  color: #333;
  border-bottom: 1px solid #EEEEEE;
}
.wallet-page .detail-section .section-header .filter.data-v-c179270e {
  display: flex;
  align-items: center;
  color: #666;
  font-size: 28rpx;
  margin-right: 8rpx;
}
.wallet-page .detail-section .detail-list .detail-item.data-v-c179270e {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30rpx 0;
  border-bottom: 1px solid #EEEEEE;
}
.wallet-page .detail-section .detail-list .detail-item.data-v-c179270e:last-child {
  border-bottom: none;
}
.wallet-page .detail-section .detail-list .detail-item .item-left .title.data-v-c179270e {
  font-size: 28rpx;
  color: #333;
  margin-bottom: 10rpx;
  display: block;
}
.wallet-page .detail-section .detail-list .detail-item .item-left .time.data-v-c179270e {
  font-size: 24rpx;
  color: #999;
}
.wallet-page .detail-section .detail-list .detail-item .item-right.data-v-c179270e {
  text-align: right;
}
.wallet-page .detail-section .detail-list .detail-item .item-right .amount.data-v-c179270e {
  display: block;
  font-size: 32rpx;
  margin-bottom: 10rpx;
  font-weight: 500;
}
.wallet-page .detail-section .detail-list .detail-item .item-right .amount.income.data-v-c179270e {
  color: #FF5B5B;
}
.wallet-page .detail-section .detail-list .detail-item .item-right .amount.expense.data-v-c179270e {
  color: #38C148;
}
.wallet-page .detail-section .detail-list .detail-item .item-right .status.data-v-c179270e {
  font-size: 24rpx;
  color: #999;
}