page{background-color: #F4F4F4;}
.info-wrap{
	background: linear-gradient(145deg, #41AFF9 0%, #2D8CFB 100%);
}
.info{
	padding: 20rpx 40rpx 217rpx;
	.payee-no{
		font-size: 50rpx;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 70rpx;
		letter-spacing: 2rpx;
		text-align: center;
	}
	.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: -185rpx 40rpx 19rpx;
	font-weight: 400;
	.statistics-title{
		font-size: 32rpx;
		color: #8E8E8E;
		line-height: 33rpx;
	}
	.statistics-total{
		font-size: 26rpx;
		color: #8E8E8E;
		line-height: 37rpx;
		margin-bottom: 16rpx;
		.number{
			font-size: 66rpx;
			color: #3397FA;
			line-height: 92rpx;
			letter-spacing: 2rpx;
		}
	}
	.statistics-item-cell{
		flex: 1;
		.til{
			font-size: 28rpx;
			color: #8E8E8E;
			line-height: 33rpx;
		}
		.con{
			font-size: 34rpx;
			color: #3397FA;
			line-height: 48rpx;
		}
	}
	.statistics-item-cell + .statistics-item-cell{
		border-left: 1px solid rgba(151, 151, 151, .3);
	}
}

.time{
	margin: 20rpx 40rpx;
	background: #FFFFFF;
	box-shadow: 0px 10rpx 5rpx 0px rgba(0, 0, 0, 0.05);
	border-radius: 15rpx;
	height: 119rpx;
	line-height: 119rpx;
	text-align: center;
	font-size: 30rpx;
	color: #3D3D3D;
	.dd{
		color: #FA751D;
	}
	.u-icon{
		margin-left: 10rpx;
	}
}