.fs-14.data-v-7de3d702 {
	font-size: 28rpx;
}
.fs-52.data-v-7de3d702 {
	font-size: 52rpx;
}
.ml-1.data-v-7de3d702 {
	margin-left: 4rpx;
}
.uni-icon.data-v-7de3d702 {
	font-size: 28rpx;
}
.uni-icon-timefill.data-v-7de3d702 {
	color: #CCCCCC;
	width: 26rpx;
	height: 26rpx;
}
.page-body.data-v-7de3d702 {
	padding: 0 24rpx;
	background-color: #fff;
	height: 100%;
	box-sizing: border-box;
}
.today.data-v-7de3d702 {
	padding: 20rpx 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
}
.date-text.data-v-7de3d702 {
	color: #A3A3A3;
	
	font-size: 22rpx;
	/* line-height: 50rpx; */
	/* margin-left: 8rpx; */
}
.company-title.data-v-7de3d702 {
	font-size: 28rpx;
	line-height: 1.5;
	font-weight: bolder;
	padding-top: 32rpx;
	padding-bottom: 20rpx;
	border-top: 2rpx solid #edeef2;
}
.map-box.data-v-7de3d702 {
	margin-bottom: 40rpx;
}
.punching-date-box.data-v-7de3d702 {
	padding-left: 30rpx;
	position: relative;
}
.punching-date-box.data-v-7de3d702:nth-child(2)::before {
	content: '';
	position: absolute; 
	height: 190rpx;
	width: 2rpx;
	display: block;
	background-color: #e0e0e0;
	top: -172rpx;
	left: 36rpx;
	z-index: 0;
}
.punching-date-box + .punching-date-box.data-v-7de3d702 {
	margin-top: 96rpx;
}
.punching-date-box .circle.data-v-7de3d702 {
	background-color: #b2b2b2;
	width: 16rpx;
	height: 16rpx;
	border-radius: 50%;
	margin-right: 8rpx;
}
.punching-date-box .circle.now.data-v-7de3d702 {
	background-color: #57AAEE;
}
.punching-date-box .title.data-v-7de3d702 {
	font-size: 28rpx;
	color: #9EA2A4;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
}
.punching-date-box .clockState.data-v-7de3d702 {
	color: #FF8556;
	margin-left: 12rpx;
	font-size: 24rpx;
	font-weight: 700;
}
.punching-date-box .date-text.data-v-7de3d702 {
	color: #353638;
	font-size: 30rpx;
	padding-left: 30rpx;
	line-height: 60rpx;
}
.btn-box.data-v-7de3d702 {
	margin-top: 80rpx;
}
.btn.data-v-7de3d702 {
	border-radius: 50%;
	margin: 0 auto;
	width: 252rpx;
	height: 252rpx;
	color: #fff;
	text-align: center;
	padding-top: 60rpx;
	background: -webkit-linear-gradient(#65bef9 0%, #50a0e8 100%);
	background: linear-gradient(#65bef9 0%, #50a0e8 100%);
	box-sizing: border-box;
}
.bg-gray.btn.data-v-7de3d702 {
	background:  #c4cbcf;
}
.able-text.data-v-7de3d702 {
	color: #8B8D8E;
	font-size: 22rpx;
	margin-top: 32rpx;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
}
.able-text image.data-v-7de3d702 {
	width: 24rpx;
	height: 24rpx;
	margin-right: 8rpx;
}
.pop-body.data-v-7de3d702 {
	height: 664rpx;
	width: 564rpx;
	position: relative;
}
.pop-body image.data-v-7de3d702 {
	width: 497rpx;
	height: 363rpx;
	position: absolute;
	top: -46px;
	-webkit-transform: translateX(-48%);
	        transform: translateX(-48%);
	margin: 0 50%;
}
.tip-text.data-v-7de3d702 {
	
	font-size: 46rpx;
	text-align: center;
	color: #7B95A9;
}
.tip-time.data-v-7de3d702 {
	text-align: center;
	color: #5EB4F3;
	font-size: 72rpx;
	margin-top: 260rpx;
}
.pop-btn.data-v-7de3d702 {
	border-top: 2rpx solid #ececec;
	font-size: 28rpx;
	height: 90rpx;
	line-height: 90rpx;
	text-align: center;
	color: #56A8ED;
	margin-top: 120rpx;
}