<!doctype html>
<html lang="zh-CN">
<head>
<include file="public:top" />
<style>
.bm-form { border-bottom: dashed 1px #ddd; background-color:#fff; padding:10px 0 0 10px;width: 600px; height: 470px; overflow: hidden; }
.bm-form .pic .tip { margin-top: 10px; text-align: center; width: 340px; display: block; }
.bm-form table { width:100%; border-collapse:collapsed }
.bm-form .smt { width: 120px; height: 38px; cursor: pointer; color: #fff; border-radius: 3px;  border:none; text-shadow:1px 1px #ff5300;float:right; }
.bm-form .smt:hover { background-position: 0 -118px; }
.bm-form th, .bm-form td { padding-top:8px; padding-bottom:8px; vertical-align:top; font-size:14px }
.bm-form th { padding-right:5px; text-align:right; line-height:34px; font-weight:normal; }
.bm-form td { padding-right:30px; line-height:32px }
.bm-form td input, .bm-form td a, .bm-form td img { vertical-align:middle; margin-right:5px; }
.form-int, .form-sel, .form-textarea, .form-int-long, .form-int-short, .form-int-extrashort { width:240px; padding:8px; margin-right:5px; border-top: #ccc solid 1px; border-left: #ccc solid 1px; border-right: #ddd solid 1px; border-bottom: #ddd solid 1px; color:#666; font-size:14px; overflow:hidden }
.bm-form td label { margin-right:20px; font-size:14px; color:#666; line-height:36px; }
.bm-form td label input { margin-top:-3px; }
.bm-form .form-int { width:380px; }
.bm-form .form-sel { width:220px; }
.bm-form .form-textarea { width:380px; height:80px; }
.bm-form .form-int-long { width:350px }
.bm-form .form-int-short { width:380px;}
.bm-form .form-int-extrashort { width:100px }
.bm-form .form-text { color:#999 }
.bm-form .bcf { background: #f4f4f4; color:#999 }
.bm-form .form-tip, .form-tip-hasborder { margin-top:10px; font-size:12px; line-height:1.8em }
.bm-form .form-tip-hasborder { width:360px; border:solid 1px #fc9; background-color:#ffc; padding:10px 12px }
.bm-form .form-btn {padding:0px 0 }
.bm-form .form-btn .btn { width: 145px; height: 50px; line-height: 50px; text-align: center; display: block; color: #fff; font-size: 18px; background: url(/static/tqkpc/images/tag_state.gif) no-repeat 0 -160px; text-shadow:1px 1px #ff4700; border:none; cursor:pointer }
.bm-form .form-btn .btn:hover { background-position: 0 -212px; text-decoration: none; }
</style>

</head>
<body>
	<div class="bm-form" style="border:0">
		<form action="/?m=baoming&a=enroll" method="post" id="enroll-form">
			<table>
				<tbody>
					<tr>
						<th>报名商品地址：</th>
						<td><input name="goods_url" required="required" type="text" id="goods_url" placeholder="请填写活动商品的淘宝地址" class="form-int-short" value="" ></td>
					</tr>
					<tr>
						<th>活动价格：</th>
						<td><input name="goods_price" required="required" placeholder="请填写此商品参加活动的最低价格"  type="text" id="goods_price" class="form-int-short" value=""></td>
					</tr>
					<tr>
						<th>优惠券金额：</th>
						<td><input name="goods_quan" required="required" placeholder="请填写此商品参加活动专享优惠券金额" type="text" id="goods_quan" class="form-int-short" value=""></td>
					</tr>
					<tr>
						<th>联系人姓名：</th>
						<td><input name="person_name" required="required" placeholder="请填写您的称呼，方便客服联系。"  type="text" id="person_name" class="form-int-short" value=""></td>
					</tr>
					<tr>
						<th>联系人QQ：</th>
						<td><input name="person_qq" required="required" placeholder="如果您的商品符合要求，我们将通过您填写的QQ号与您联系" type="text" id="person_qq" class="form-int-short" value=""></td>
					</tr>
					<tr>
						<th>其它说明：</th>
						<td>
							<textarea id="reason" name="reason" class="form-textarea" placeholder="您还可以在这里从客观的角度评价您的商品优势，将有助于报名审核通过。" cols="30" rows="10"></textarea>
						</td>
					</tr>
					<tr>
						<th></th>
						<td>
							<div class="form-btn">
								<input type="hidden" name="from" value="{$_SERVER['HTTP_REFERER']}"/>
								<input type="submit" name="smt" value="提交报名" class="btn" id="smt">
							</div>
						</td>
					</tr>
				</tbody>
			</table>
		</form>
	</div>
	<yh:load type="js" href="__STATIC__/tqkpc/js/jquery.min.js,__STATIC__/tqkpc/layer/layer.js,__STATIC__/tqkpc/js/clipboard.min.js" />
	<script>
		$('#enroll-form').submit(function(){
			$.post($(this).attr('action'), $(this).serialize(), function(json){
				if(json.status != 1){
					layer.msg(json.msg, {
						icon: 2
					});
					return false;
				}
				layer.msg(json.msg, {
					icon: 1
				}, function(){
					var index = parent.layer.getFrameIndex(window.name);
					parent.layer.close(index);
				});
			}, 'json');
			return false;
		});
	</script>
</body>
</html>