jje_spread_uniapp/pages/my/index.rpx.css

.page {
	background: #f7f7f7;
	padding: 0rpx 32rpx;
	height: 100vh;
}
.use{
	padding-top: 30rpx;
}
.avatar{
	width: 100rpx;
	height: 100rpx;
	padding: 4rpx;
	border-radius: 8rpx;
	background: #f7f7f7;
}
.avatar image{
	width: 100rpx;
	height: 100rpx;
}
.useMsg{
	margin-left: 24rpx;
}
.name{
	font-size: 28rpx;
	font-weight: bold;
}
.tag{
	font-size: 20rpx;
	background: #FFE50C;
	margin-left: 24rpx;
	padding: 2rpx 10rpx;
	border-radius: 10rpx;
}
.phone{
	font-size: 24rpx;
}

.statistics {
	width: 686rpx;
	height: 320rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(255, 224, 92, 0.05);
	border-radius: 24rpx;
	margin-top: 40rpx;
}

.statisticsTitle {
	font-size: 32rpx;
	font-weight: 600;
	color: #333333;
	margin-left: 32rpx;
	margin-top: 20rpx;
}
.statisticsItem {
	width: 33%;
	height: 160rpx;
	margin-top: 40rpx;
}

.statisticsItemBorder {
	border-left: 4rpx solid #EEEEEE;
}
.statisticsKey {
	font-size: 24rpx;
	font-weight: 400;
	color: #999999;
	line-height: 60rpx;
}

.statisticsValue {
	font-size: 36rpx;
	font-weight: bold;
	color: #333333;
}
.tuoke {
	width: 686rpx;
	height: 308rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(255, 224, 92, 0.05);
	background: linear-gradient(180deg, #FFFCED 0%, #FFFFFF 100%);
	border-radius: 24rpx;
	margin-top: 24rpx;
	padding: 1rpx 0;
}