<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			.tangram-suggestion-main {
				z-index: 999999;
			}
		</style>
	</head>

	<body style="visibility: hidden;">
		<div class="header">
			<div class="header_con">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<!--<img src="../img/title_news.png" class="oc_logo" />-->
				<p class="title">申请开店</p>
			</div>
		</div>
		<div class="mui-scroll-wrapper scroll_out_t">
			<div class="mui-scroll">
				<div class=" con" style="transform: translateY(20px);">
					<div class="con-nav">
						<ul>
							<li class="active">①基本信息</li>
							<li>②直营人收款方式</li>
							<li>③认证信息</li>
							<li class="cssNavEnd">④注册协议</li>
						</ul>
					</div>

					<div class="con-content clearfix">

						<div class="num" >
							<div class="row shadown_wai">
								<label for="">店铺名称</label>
								<div class="right">
									<input type="text" name="" id="shopName" class="inp" value="" placeholder="请输入店铺名称" />
								</div>
							</div>
							<div class="row shadown_wai">
								<label for="">直营人姓名</label>
								<div class="right">
									<input type="text" name="" id="userName" class="inp" value="" placeholder="请输入直营人姓名" />
								</div>
							</div>
							<div class="row shadown_wai">
								<label for="">联系方式</label>
								<div class="right">
									<input type="text" name="" id="phone" class="inp" value="" placeholder="请输入联系方式" /></div>
							</div>
							<div class="row shadown_wai areainp">
								<label for="">店铺区域</label>
								<div class="selectarea right">
									<select id="provinceId" data-level=1 class="inp area">
										<option value="">请选择省</option>
									</select>
									<select id="cityId" data-level=2 class="inp area">
										<option value="">请选择市</option>
									</select>
									<select id="countyId" data-level=3 class="inp area">
										<option value="">请选择区</option>
									</select>
									<select id="townId" data-level=4 class="inp area">
										<option value="">请选择镇</option>
									</select>
									<select id="villageId" data-level=5 class="inp">
										<option value="">请选择村</option>
									</select>

								</div>

							</div>
							<div class="row shadown_wai">
								<label for="">详细地址</label>
								<div class="right">
									<input type="text" name="" id="shopAddress" class="inp" value="" placeholder="请输入具体地址" />

								</div>
							</div>
							<div id="searchResultPanel" style="display: none;"></div>
							<!-- <input type="text" name="" id="shopAddress" class="inp" value="" placeholder="请输入具体地址" /> -->

							<div class="row shadown_wai storepos">
								<label for="">店铺位置</label>
								<input type="hidden" name="" id="lng" class="user_pos inp" value="" placeholder="经度" />
								<input type="hidden" name="" id="lat" class="user_pos inp" value="" placeholder="纬度" />
								<input type="hidden" name="" id="address" class="user_address" value="" placeholder="纬度" />
								<div id="allmap" class="right">

								</div>
								<!-- <div class="sx" style="height: 2px;"></div> -->
								<!-- <input type="text" name="" id="familyIdCard" class="inp" value="" placeholder="请输入联系方式" /> -->
							</div>

						</div>



						<div class="num" style="display: none;">
							<div class="row shadown_wai">
								<label for="">持卡人</label>
								<!-- <select name="" id="_select">
								</select> -->
								<input type="text" name="" id="accountName" value="" class="inp" placeholder="请输入持卡人姓名" />
							</div>
							<div class="row shadown_wai">
								<label for="">持卡银行</label>
								<select name="" id="bankName" class="bankname inp">
								</select>
								<!-- <input type="text" value='' id="bankName" class="banknameinp inp" placeholder="请输入或选择持卡银行" style="display:none"> -->
							</div>
							<div class="row shadown_wai">
								<label for="">银行卡号</label>
								<input type="text" name="" id="bankNo" class="inp" value="" placeholder="请输入银行卡号" />
							</div>
						</div>
						<div class="num" style="display: none;" >
							
							<div class="renzhengphoto shadown_wai">
								<label>请上传身份证正反两面</label>
								<!-- <label for="">上传证件</label> -->
								<div class='photos'>
									<label><!-- 请上传身份证正反两面 --></label>
									<div class="photos_con oneImg">
										<div class="sfzzm photo">
											<div class="sfzzmimg photoimg"><img src="../img/pjimg.png" class='ossfile' id='idCardFront' alt=""></div>
											<span class="">身份证国徽面</span>
										</div>
										<input type="hidden" value='' class='sfzzmimginp inp' id="idCardFrontImg">

										<div class="sfzfm photo ">
											<div class="sfzfmimg photoimg"> <img src="../img/pjimg.png" class='ossfile' id='idCardBack' alt=""></div>
											<input type="hidden" value='' class='sfzfmimginp inp' id="idCardBackImg">
											<span class="">身份证人面</span>
										</div>
									</div>
								</div>
							</div>
							<div class="renzhengphoto shadown_wai">
								<label for="">直营人委托书</label>
								<input type="hidden" value='' class='gallery inp' id="commissionImg">
								<div class='photos'>
									<!-- <span></span> -->
									<label><!-- 请上传身份证正反两面 --></label>
									<div class="photos_con  batchImg">
										<div class="weituoshu photo">
											<div class="weituoshuimg photoimg"> <img src="../img/pjimg.png" class='ossfile' id='commission' alt=""></div>
											<span class=""></span>

										</div>
									</div>

								</div>
							</div>
							<div class="renzhengphoto shadown_wai">
								<!-- <label for="">店铺照片</label> -->
								<label>直营人营业执照身份证人面店铺大门照</label>
								<input type="hidden" value='' class='shopsimginp inp' id="businessLicenceImg">
								<div class='photos'>
									<!-- <span>(照片需要直营人营业执照身份证人面店铺大门)</span> -->
									<label></label>
									<div class="photos_con  batchImg">
										<div class="shopsimg photo">
											<div class="shopsimgimg photoimg"> <img src="../img/pjimg.png" class='ossfile' id='businessLicence' alt=""></div>
											<span class=""></span>

										</div>
									</div>

								</div>
							</div>


						</div>
						<div class="num" style="display: none;">
							<div class="confirmationtext">
								<div class="confirmationtext_con shadown_wai">
								</div>
								<div class="renzhengphoto shadown_wai">
									<label for="">手持确认书</label>
									<input type="hidden" value='' class='confirmation inp' id="confirmationImg">
									<div class='photos'>
										<!-- <span>(照片需要直营人营业执照身份证人面店铺大门)</span> -->
										<div class="photos_con  batchImg">
											<div class="querenshu photo">
												<div class="querenshuimg photoimg"> <img src="../img/pjimg.png" class='ossfile' id='confirmation' alt=""></div>
												
											</div>
										</div>

									</div>
								</div>
								<!-- <div class="renzhengphoto shadown_wai ">
									<label for="">手持确认书</label>
									<input type="hidden" value='' class='confirmationImg inp' id="confirmationImg">
									<div class='photos'>
										<span></span>

										<div class="photos_con">
											<div class="querenshu photo">
												<img src="" class='ossfile' id='confirmation' alt="">
											</div>
										</div> 
									</div>
								</div> -->
							</div>
						</div>
					</div>
					<div class="oper">
						<div class="pre">
							<div class="pre_btn " style="display: none;">上一步</div>
							<div class="pre_btn" style="display: none;">上一步</div>
							<div class="pre_btn" style="display: none;">上一步</div>
							<div class="pre_btn" style="display: none;">上一步</div>
						</div>
						<div class="next">
							<!-- <div class="oper">	</div> -->
							<div class="bc_btn">下一步</div>
							<div class="bc_btn" style="display: none;">下一步</div>
							<div class="bc_btn" style="display: none;">下一步</div>
							<div class="bc_btn finish" style="display: none;">完成</div>
						</div>
					</div>

				</div>
			</div>


	</body>
	<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.min.js"></script>
	<script src="../js/uploader.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Zm7kae5pzZogp8a0uwIOlyyz"></script>
	<script type="text/javascript">
		mui.plusReady(function() {
			var element;
			var parent = document.body;
			element = document.createElement('script');
			element.src = localStorage.getItem("jsUrl") + 'common.js?ver=' + localStorage.getItem('version');
			parent.appendChild(element);

			element.onload = function() {
				var style = [JZL.getCssUrl('applicationopen.css'), JZL.getCssUrl('addqrrz.css'), JZL.getCssUrl("global.css"),
					JZL.getCssUrl("header.css")
				];
				JZL.css_init(style);
				var script = [JZL.getJsUrl('applicationopen.js'),JZL.getJsUrl('mapcommon.js')];
				JZL.js_init(script);
				setTimeout(function() {
					parent.style.visibility = "visible";
				}, 100);
				

			};
		})
	</script>
</html>