page{background-color: #F4F4F4;}
.info-wrap{
	background: linear-gradient(145deg, #41AFF9 0%, #2D8CFB 100%);
}
.info{
	padding: 20rpx 40rpx 217rpx;
	
	.payee-no{
		font-size: 40rpx;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 56rpx;
	}
	.current-time{
		font-size: 24rpx;
		font-weight: 400;
		color: rgba(255,255,255,.5);
		line-height: 33rpx;
	}
}

.calendar-wrap{
	position: relative;
	padding: 0 40rpx;
	margin-top: -185rpx;
	.u-drawer{
		position: static;
	}
	/deep/ .u-mask{
		display: none;
	}
	/deep/ .u-drawer-content{
		position: static;
		border-radius:20rpx!important;
	}
	/deep/ .u-calendar__bottom{
		display: none; 
	}
	/deep/ .u-close,
	/deep/ .u-calendar__header{
		display: none;
	}
}

.statistics{
	background: #FFFFFF;
	border-radius: 15rpx;
	text-align: center;
	padding: 40rpx 0 50rpx;
	margin: 12rpx 40rpx 140rpx;
	font-weight: 400;
	.statistics-title{
		font-size: 24rpx;
		color: #8E8E8E;
		line-height: 33rpx;
	}
	.statistics-total{
		font-size: 26rpx;
		color: #8E8E8E;
		line-height: 37rpx;
		.number{
			font-size: 60rpx;
			color: #3397FA;
			line-height: 84rpx;
			letter-spacing: 2rpx;
		}
	}
	.statistics-item-cell{
		flex: 1;
	}
}