Mina_B/miniprogram/component/protocolConfirmationView/protocolConfirmationView.scss

/* component/protocolConfirmationView.wxss */
.protocol-confirmation-container {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;

	.protocol-confirmation-content {
		width: 640rpx;
		height: 70vh;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 32rpx 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;

		.content {
			width: 100%;
			height: calc(100% - 96rpx);

			.text-content {
				padding: 0 32rpx;
				box-sizing: border-box;
			}
		}

		.btn {
			width: 326rpx;
			height: 64rpx;
			font-size: 32rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #777777;
			background: #E6E6E6;
			border-radius: 62rpx 62rpx 62rpx 62rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.btn-active {
			color: #FFFFFF;
			background: #1A65FF;
		}
	}
}