page{
	background-color: #F4F4F4;
}
.wrap{margin-top: 30rpx;}
.payeeinfo{
	height: 143rpx;
	background: #FFFFFF;
	border-radius: 20rpx;
	padding-left: 30rpx;
	margin-bottom: 20rpx;
	.payeeinfo-text{
		margin-left: 19rpx;
		.name{
			font-size: 36rpx;
			font-weight: 500;
			color: #5B5B5B;
			line-height: 50rpx;
			letter-spacing: 1px;
		}
		.id{
			font-size: 30rpx;
			font-weight: 400;
			color: #5B5B5B;
			line-height: 42rpx;
			letter-spacing: 1px;
		}
	}
}

.attence-block{
	background: #FFFFFF;
	border-radius: 20rpx;
	padding: 38rpx 30rpx 69rpx;
	margin-bottom: 20rpx;
}

.today-attence{
	margin-bottom: 71rpx;
	.today-attence-item{
		flex: 1;
		height: 105rpx;
		padding: 20rpx 23rpx 0;
		background: #E2F2FF;
		border-radius: 10rpx;
		font-weight: 400;
		letter-spacing: 1px;
		.u-icon{margin-right: 7rpx;}
		.work-time{
			font-size: 28rpx;
			color: #515151;
			line-height: 40rpx;
		}
		.my-time{
			font-size: 24rpx;
			color: #515151;
			line-height: 33rpx;
		}
	}
	.today-attence-item + .today-attence-item{
		margin-left: 19rpx;
	}
}

.attence-button{
	width: 249rpx;
	height: 249rpx;
	margin: 0 auto 30rpx;
	border-radius: 50%;
	border: 20rpx solid #EAF3FE;
	align-content: center;
	justify-content: center;
	background: linear-gradient(180deg, #56ABFF 0%, #0062D5 100%);
	.attence-button-type{
		font-size: 36rpx;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 50rpx;
	}
	.attence-button-time{
		font-size: 28rpx;
		font-weight: 400;
		color: #A7CCF5;
		line-height: 40rpx;
	}
}

.position-tip{
	text-align: center;
	font-size: 24rpx;
	font-weight: 400;
	color: #7D7D7D;
	line-height: 33rpx;	
	margin-bottom: 37rpx;
	.u-icon{
		margin-right: 11rpx;
	}
}

.statistics{
	padding-top: 45rpx;
	border-top: 1px solid #EAEAEA;
	.statistics-item{
		flex: 1;
		text-align: center;
		.statistics-item-til{
			font-size: 30rpx;
			font-weight: 400;
			color: #5C5C5C;
			line-height: 42rpx;
		}
		.statistics-item-con{
			font-size: 30rpx;
			font-weight: 400;
			color: #0667D8;
			line-height: 42rpx;
			.number{
				font-size: 50rpx;
				line-height: 70rpx;
				letter-spacing: 2px;
			}
		}
	}
}

.bottom{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 76rpx;
}

.remark{
	.submit-btn{
		position: absolute;
		right: 40rpx;
		top:40rpx;
	}
	.content{
		padding: 40rpx;
	}
	.remark-tip{
		margin-top: 24rpx;
		font-size: 26rpx;
		color: #333;
	}
}