//引入全局配置
@import "./c/conf";
@import "./c/mx";

.m-modal {
	@include shield;

	.wrap {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		box-sizing: border-box;
		width: 540rpx;
		padding: 30rpx 20rpx;
		background-color: #ffffff;
		border-radius: 10rpx;

		.title {
			margin-top: 10rpx;
			text-align: center;
			font-size: 34rpx;
			font-family: Source Han Serif SC;
			font-weight: 500;
			color: rgba(51, 51, 51, 1);
			line-height: 60rpx;
		}

		.hint {
			padding: 10rpx 20rpx;
			font-size: 26rpx;
			font-family: Source Han Serif SC;
			font-weight: 500;
			color: $fc1;
			line-height: 42rpx;
			text {
				color: #ff1111;
			}
		}

		.operate {
			margin-top: 30rpx;
			padding: 15rpx 35rpx;
			overflow: hidden;

			.btn2 {
				box-sizing: border-box;
				color: #ffffff;
				background-color: rgba(230, 0, 0, 1);
				text-align: center;
				margin: 0 auto;
				padding: 0;
				width: 200rpx;
				height: 60rpx;
				min-height: 60rpx;
				line-height: 60rpx;
				border-radius: 60rpx;
				font-size: 32rpx;
				font-family: Source Han Serif SC;
				font-weight: 500;
			}

			.btn {
				float: right;
				box-sizing: border-box;
				color: #ffffff;
				background-color: rgba(230, 0, 0, 1);
				text-align: center;
				padding: 0;
				width: 180rpx;
				height: 60rpx;
				min-height: 60rpx;
				line-height: 60rpx;
				border-radius: 60rpx;
				font-size: 32rpx;
				font-family: Source Han Serif SC;
				font-weight: 500;
				&.btn-off {
					float: left;
					background-color: #f4f4f4;
					color: $fc3;
				}
			}
		}
	}
}