twong329/view/xcx/components/mine/index.wxss

.mine { text-align: center; margin: auto; background-color: #f5f5f5; }
.mine .banner { width: 100%; height: 360rpx;  margin: 20rpx auto; background-color: #fff; }
.mine .content { width: 100%; height: 200rpx; background-color: #fff; margin-top: 20rpx; padding-top: 20rpx; }
.mine .content .btn { width: 300rpx; height: 100rpx; line-height: 100rpx; margin: auto; background-color: #e93323!important;  color: #fff; border-radius: 45rpx; }
.mine .content .bottom { display: flex; }
.mine .content .bottom .space { width: 100%; flex-shrink: 2; }
.mine .content .bottom .rule { font-size: 32rpx; text-decoration: underline; width: 156rpx; margin-right: 46rpx; }

.mine .details { width: 100%; background-color: #fff; margin-top: 20rpx; display: flex; height: 120rpx; padding-top: 10rpx; padding-bottom: 10rpx;}
.mine .details .totals { flex-shrink: 2; margin-left: 32rpx;  width: 50%; text-align: left; display: flex; }
.mine .details .totals image { width: 86rpx; height: 86rpx; }
.mine .details .totals .text { margin-left: 20rpx; }
.mine .details .totals .title { font-size: 28rpx; }
.mine .details .totals .value { font-size: 40rpx; }
.mine .details .totals .value .bit { font-weight: bold; margin-left: 8rpx; }
.mine .details .progress { text-align: left; }
.mine .details .progress .title { font-size: 28rpx; }
.mine .details .progress .value { font-size: 40rpx; }
.mine .details .progress .value .bit { font-weight: bold; margin-left: 8rpx; }

.mine .history { width: 100%; background-color: #fff; margin-top: 20rpx; }
.mine .history .title { height: 88rpx; width: 431rpx; margin: auto; margin-bottom: 20rpx; }
.mine .history .title image { width: 100%; height: 100%; }
.mine .history .noRecord { margin-top: 42rpx; color: gray; }
.mine .history .item { height: 64rpx; line-height: 64rpx; margin-top: 10rpx; text-align: left; margin-left: 64rpx; }
.mine .history .item .out { color: red; }
.mine .history .item .in { color: green; }
.mine .history .item .symbol { margin-left: 12rpx; }
.mine .history .item .icon { width: 48rpx; height: 48rpx; margin-left: 12rpx; margin-right: 12rpx; }