yutang/pages/wallet/wallet.wxss

/* pages/personal/wallet/wallet.wxss */

page {
  background: rgba(244, 244, 244, 1);
}

.wallet {
  width: 100%;
  height: 100vh;
}

/* 显示余额  begin */
.top{
  height:301rpx;
  display:flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
.detailed{
  position: absolute;
  top: 81rpx;
  right: 60rpx;
  font-size: 28rpx;
  color: white;
  z-index: 10;
}
.balance {
  width: 90%;
  height: 266rpx;
  color: #fff;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.balance view:nth-of-type(1) {
  font-size: 28rpx;
  padding: 48rpx 0rpx 0rpx 49rpx;
}

.balance image {
  position: absolute;
  left: 0rpx;
  top: 0rpx;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.balance .money {
  font-size: 60rpx;
  letter-spacing: 5rpx;
  padding-left: 8rpx;
}

.balance1 {
  width: 100%;
  margin: 45rpx 0 0 62rpx;
}

/* 显示余额 end */

/* 列表 begin */

.walletList view {
  background: #fff;
  font-size: 28rpx;
  padding: 10rpx 28rpx 10rpx 50rpx;
}


.walletList .iconfont {
  font-size: 55rpx;
}

.walletList .state {
  color: #999;
}
.tixian{
  width: 90%;
  height: auto;
  display: flex;
  flex-direction: column;
  background: white;
  margin: 20rpx auto;
  align-items: center;
  padding-bottom: 30rpx;
}
.tixian .title{
  width: 90%;
  padding: 50rpx 0rpx;
}
.tixian .view{
  width: 90%;
  border-bottom: 1rpx solid #ccc;
  display: flex;
  align-items: center;
  font-size: 46rpx;
  font-weight: 800;
}
.tixian .text{
  width: 90%;
  display: flex;
  padding: 50rpx 0rpx;
}
.tixian .btn{
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80rpx;
  border-radius: 20rpx;
}
.tixian .cencal{
  padding-top: 20rpx;
  font-size: 28rpx;
}