.pay-box {
	position: relative;

	.pay-mask {
		position: fixed;
		z-index: 10;
		background: rgba(0, 0, 0, 0.8);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center;

		.inner-box {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -2em;
			margin-left: -4em;

			.qrcode-box {
				padding: 1em 0;
				text-align: center;

				.qrcode-title-box {
					color: white;
					margin-bottom: 1em;
				}

				img {
					width: 16em;
					margin: 0 auto;
				}
			}
		}

		.inner-box.qrcode {
			margin-top: -15em;
		}

		.cancel {
			margin-top: 1em;
		}
	}
}