<template>
	<view class="container">
		<view class="dialog">
			<view class="title">
				<text class="t">风险提示</text>
			</view>
			<view class="content">
				<text class="t">您的账号暂不可用，详情请联系客服</text>
			</view>
			<view class="footer">
				<navigator class="btn" url="/pages/me/contact" style="height: 40px">
					<text class="t">去联系客服</text>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script></script>

<style scoped lang="scss">
.container {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999;
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(3px);
	display: flex;
	align-items: center;
	justify-content: center;
	.dialog {
		width: 90%;
		background-color: #fff;
		border-radius: 20upx;
		.title {
			height: 100upx;
			display: flex;
			align-items: center;
			justify-content: center;
			.t {
				font-size: 32upx;
				font-weight: bold;
			}
		}
		.content {
			padding: 0 50upx;
		}
		.footer {
			padding: 80upx 28upx 28upx;
			display: flex;
			.btn {
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				background-color: #dd8591;
				color: #fff;
				border-radius: 12upx;
				.t {
					font-size: 28upx;
				}
			}
		}
	}
}
</style>
