.captcha-container.data-v-2ca77e4c {
		/* margin: 20rpx auto; */
		-webkit-user-select: none;
		        user-select: none;
		background-color: #fff;
		width: 600rpx;
		height: 800rpx;
		margin: 0 auto;
		z-index: 999;
		border-radius: 30rpx;
		overflow: hidden;
		padding: 0 30rpx;
}
.captcha-image.data-v-2ca77e4c {
		position: relative;
		overflow: hidden;
}
.bg-image.data-v-2ca77e4c {
		position: relative;
		z-index: 1;
		display: block;
		/* margin-top: 30rpx; */
		width: 100%;
		height: 100%;
}
.overlay.data-v-2ca77e4c {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		pointer-events: none;
}
.hole.data-v-2ca77e4c,
	.piece.data-v-2ca77e4c {
		position: absolute;
		z-index: 101;
		border-radius: 5rpx;
		box-shadow: 0 0 6rpx rgba(0, 0, 0, 0.4);
}
.hole.data-v-2ca77e4c {
		background-color: rgba(0, 0, 0, 0.3);
}
.piece.data-v-2ca77e4c {
		background-repeat: no-repeat;
		background-size: cover;
		cursor: grab;
}
.slider-bar.data-v-2ca77e4c {
		position: relative;
		height: 160rpx;
		margin-top: 0rpx;
		background: #eee;
		border-radius: 80rpx;
		width: 600rpx;
}
.slider-button.data-v-2ca77e4c {
		position: absolute;
		top: 20rpx;
		width: 120rpx;
		height: 120rpx;
		background: #fff;
		border-radius: 60rpx;
		box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.2);
		transition: background 0.3s;
		-webkit-user-select: none;
		        user-select: none;
}
.slider-button.success.data-v-2ca77e4c {
		background: #4caf50;
}
.font-title.data-v-2ca77e4c {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 80rpx;
		font-size: 30rpx;
		font-weight: 700;
}