<template>

	<view class="box">

		<!-- <view class="bg">

		</view> -->
		<u--image src="/static/test/bg.png" width="750rpx" height="660rpx" style="position: absolute; top: 0;" />

		<view class="li">
			<u--image src="/static/test/JM.png" width="690rpx" height="200rpx" style="position: absolute;" />
			<view class="btn">
				我是居民用户
			</view>

		</view>
		<!-- <view class="" style="margin: 100rpx auto;width: 690rpx;">
			<u--image src="/static/test/JM.png" width="690rpx" height="200rpx" />

		</view> -->

	</view>
</template>

<script>
</script>

<style lang='scss' scoped>
	.box {
		width: 750rpx;
		height: 100vh;
		background: linear-gradient(to bottom, #FFF4DB, #FFEAC3);
		padding-top: 400rpx;
	}

	.bg {
		width: 750rpx;
		height: 660rpx;
		background-image: url('/static/test/bg.png');
		background-size: 100% 100%;
		position: relative;

	}


	.li {
		margin: 0rpx auto;
		width: 690rpx;
		height: 200rpx;
		background-image: url('/static/test/JM.png');
		background-size: 100% 100%;
		position: relative;

		.btn {
			z-index: 999;
			position: absolute;
			width: 287rpx;
			height: 76rpx;
			border-radius: 40rpx 40rpx 40rpx 40rpx;
			opacity: 1;
			border: 2rpx solid #FF5E0C;
			text-align: center;
			line-height: 76rpx;
			color: #FF5E0C;
			font-size: 34rpx;
			right: 50rpx;
			bottom: 50rpx;

		}
	}
</style>