<template>
	<view>
		<view class="searchBox flex-between">
			<view class="inputBox">
				<img src="https://static.ticket.sz-trip.com/taihu/images/scenic/searchGray.png" alt="">
				<view>
					搜索你想要的产品
				</view>
			</view>
			<view class="btn">
				搜索
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.searchBox{
		width: 697rpx;
		height: 67rpx;
		background: rgba(242, 242, 242, .7);
		border-radius: 33rpx;
		margin: auto;
		padding: 0 7rpx 0 29rpx;
		box-sizing: border-box;
		
		.inputBox{
			display: flex;
			align-items: center;
			font-size: 31rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #999999;
			
			img{
				width: 28rpx;
				height: 30rpx;
				margin-right: 19rpx;
			}
		}
		
		.btn{
			width: 107rpx;
			height: 53rpx;
			background: #00D7ED;
			border-radius: 27rpx;
			text-align: center;
			line-height: 53rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
		}
	}
</style>