		
		<div class="tipsbox">
			<div class="tips boxsizing radius3">
				<div class="tips-titbox">
					<h1 class="tip-tit"><i class="tips-icon-lamp"></i>操作提示</h1>
					<span class="open-span span-icon"><i class="open-icon"></i></span>
				</div>
			</div>
			<ol class="tips-list" id="tips-list">
				<li>1.网站全局基本设置，商城及其他模块相关内容在其各容在其各自栏目设置项其各自栏目设置项内进行操作。</li>
				<li>2.网站全局基本设置，商城及其他模块相关内容在其各自栏目设置项内进行操作。</li>
				<li>3.网站全局基本设置，商城及其他模块相关内容在其各自栏目设置项内在其各自栏目设置项在其各自栏目设置项进行操作。</li>
			</ol>
		</div>
		<div class="iframeCon">
			<div class="white-bg text-c">
				<div class="coupon-con">
					<div class="coupon-left">
						<div class="phoneH">
							<h2 class="phone-tit">ShopDZ商城</h2>
						</div>
						<div class="group-commodity">
							<div class="commodityImg-box">
								<img src="__PUBLIC__/admin/images/com.png" alt="拼团商品图片"  class="commodityImg"/>
								<div class="groupIntroduce">
									<div class="introduceCover"></div>
									<div class="introduceCon">
										<span class="groupPerson-num">4人团</span>
										<img src="__PUBLIC__/admin/images/groupH.png" alt="指示团长图标" class="groupHead"/>
										<p class="groupHead-welfare">团长福利：<span>成员赠2000积分</span></p>
									</div>
								</div>
							</div>
							<div class="group-comDet">
								<div class="group-comName">商品名称商品名称商品名称商名称商品名称商名称商品名称商品名称商品名称商品名称</div>
								<p  class="group-comDescribe">这里是商品描述这里是商品描述这里是商品描述这里是商品描述这里是商品描述</p>
								<div class="groupDet-spec">
									<p class="group-comSpec"><span>两米床</span><span>清新蓝</span></p>
									<div class="timeLimit"><img src="__PUBLIC__/admin/images/time.png" alt="限时图标" class="time-icon"/>组团时限：<span>24</span>小时</div>
								</div>
							</div>
							<div class="playGroup-way">
								<div class="playGroup">
									<a href="#">
										<span class="playGroup-tit">拼团玩法</span>
										<img src="__PUBLIC__/admin/images/jtr.png" alt="" class="playGroup-point"/>
									</a>
								</div>
								<ul class="groupStep-list">
									<li><span class="groupStep-num">1</span>选择商品</li>
									<li><span class="groupStep-num">2</span>支付开团</li>
									<li><span class="groupStep-num">3</span>邀请好友</li>
									<li><span class="groupStep-num">4</span>拼团成功</li>
								</ul>
								<p class="playGroup-remind">支付开团并邀请4人参团，人数不足自动退款，详情点击上方拼团玩法</p>
							</div>
							<div class="commodity-details">
								<h1 class="commodityDet-tit">商品详情</h1>
							</div>
							<div class="foot-btnbox">
								<a href="#" class="foot-combtn foot-leftBtn"><span class="btn-price">¥589</span>正价购买</a>
								<a href="#" class="foot-combtn foot-rightBtn"><span class="btn-price">¥289</span>支付开团</a>
							</div>
						</div>
					</div>
					<div class="coupon-right">
			             <div class="couponR-con">
			             	<div class="coupon-edit-box paddingB100">
			             		<h1 class="soupon-edit-tit">拼团基础信息</h1>
			             		<table class="coupon-table">
			             			<tr>
			             				<td width="100">活动名称</td>
			             				<td><input type="text" class="coupon-inp"/></td>
			             			</tr>
			             			<tr>
			             				<td>拼团商品</td>
			             				<td>
			             					<!--<input type="button" value="选择商品" class="group-choice-btn"/>-->
			             					<div class="group-choice-again">
			             						<p class="fight-pro-name ellipsis">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称</p>
			             						<input type="button" name="" id="" value="重新选择" class="group-choice-btn2"/>
			             					</div>
			             					<!--<div class="data-operBox">
						 						<div class="group-choice-again">
						 							<p class="fight-pro-name"><a href="#">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称</a></p>
						 							<span class="data-operation">操作<i class="data-icon"></i></span>
						 						</div>
						 						<ul class="simulate-sele group-sele">
						 							<li><a href="#">修改</a></li>
						 							<li><a href="#">删除</a></li>
						 						</ul>
						 					</div>-->
										</td>
			             			</tr>
			             			<tr>
			             				<td width="100">显示商品名称</td>
			             				<td><input type="text" class="coupon-inp"/></td>
			             			</tr>
			             			<tr>
			             				<td>封面图片</td>
			             				<td>
			             					<div class="fight-group-choice">
			             						<input type="text" class="group-img-route"/>
			             						<input type="file" name="" id="" value="选择图片" class="group-file-btn"/>
			             						<input type="button" value="选择图片" class="group-file-cover"/>
			             					</div>
			             				</td>
			             			</tr>
			             			<tr>
			             				<td>拼团价格</td>
			             				<td>
			             					<div class="release-price coupon-table-num">
												<input type="text" class="price-inp left"/>
												<span class="price-unit left">元</span>
											</div>
										</td>
			             			</tr>
			             			<tr>
			             				<td class="alignT9">商品简介</td>
			             				<td>
			             					<textarea name="" rows="" cols="" class="com-textarea1 group-area"></textarea>
			             				</td>
			             			</tr>
			             		</table>
			             		<h1 class="soupon-edit-tit">拼团规则</h1>
			             		<table class="coupon-table">
			             			<tr>
			             				<td width="100">商品库存数</td>
			             				<td>
			             					<p class="group-pro-num"><span>6666</span>/件</p>
			             				</td>
			             			</tr>
			             			
			             			<tr>
			             				<td>成团人数</td>
			             				<td class="group-td">
			             					<div class="release-price coupon-table-num">
												<input type="text" class="price-inp left"/>
												<span class="price-unit left">人</span>
											</div>
			             					<span class="tips-tag" tips="提示2提示提示提示提示提示"><i class="tips-icon"></i></span>
			             				</td>
			             			</tr>
			             			<tr>
			             				<td>最大成团数量</td>
			             				<td class="group-td">
			             					<div class="release-price coupon-table-num">
												<input type="text" class="price-inp left"/>
												<span class="price-unit left">个</span>
											</div>
			             					<span class="tips-tag" tips="提示2提示提示提示提示提示"><i class="tips-icon"></i></span>
			             				</td>
			             			</tr>
			             			<tr>
			             				<td>最大开团数量</td>
			             				<td class="group-td">
			             					<div class="release-price coupon-table-num">
												<input type="text" class="price-inp left"/>
												<span class="price-unit left">个</span>
											</div>
			             					<span class="tips-tag" tips="提示2提示提示提示提示提示"><i class="tips-icon"></i></span>
			             				</td>
			             			</tr>
			             			<tr>
			             				<td>每人参团限制</td>
			             				<td class="group-td">
			             					<div class="release-price coupon-table-num">
												<input type="text" class="price-inp left"/>
												<span class="price-unit left">次</span>
											</div>
			             					<span class="tips-tag" tips="提示2提示提示提示提示提示"><i class="tips-icon"></i></span>
			             				</td>
			             			</tr>
			             			<tr>
			             				<td>组团时限</td>
			             				<td class="group-td">
			             					<div class="release-price coupon-table-num group-limit">
												<input type="text" class="price-inp left"/>
												<span class="price-unit left">小时</span>
											</div>
											<span class="tips-tag" tips="提示2提示提示提示提示提示"><i class="tips-icon"></i></span>
			             				</td>
			             			</tr>
			             			<tr>
			             				<td>生效时间</td>
			             				<td>
			             					<p class="time-box coupon-time-box"><input type="text" class="coupon-inp hasDatepicker" id="ostime" name="stime" readonly=""><i class="timeinp-icon"></i></p>
			             				</td>
			             			</tr>
			             			<tr>
			             				<td>过期时间</td>
			             				<td>
			             					<p class="time-box coupon-time-box"><input type="text" class="coupon-inp hasDatepicker" id="ostime" name="stime" readonly=""><i class="timeinp-icon"></i></p>
			             				</td>
			             			</tr>
			             			<tr>
			             				<td>是否免物流费</td>
			             				<td>
			             					<div class="button-holder coupon-holder">
			             						<p class="radiobox coupon-radiobox"><input type="radio" id="radio-1-7" name="radio-1-set" class="regular-radio" checked="checked"><label for="radio-1-7"></label><span class="radio-word black-font">是</span></p>
												<p class="radiobox coupon-radiobox"><input type="radio" id="radio-1-8" name="radio-1-set" class="regular-radio"><label for="radio-1-8"></label><span class="radio-word black-font">否</span></p>
											</div>
			             				</td>
			             			</tr>
			             			<tr>
			             				<td>团长福利</td>
			             				<td class="posiR">
			             					<div class="welfareChoice">
			             						<p class="welfareClick"><input type="text" name="" id="" value="无福利" readonly="readonly" class="welfareInp"/><span class="color-click-span"><i class="color-icon"></i></span></p>
			             					</div>
			             					<ul class="welfareList">
												<li><a href="javascript:void(0);">无福利</a></li>
												<li><a href="javascript:void(0);">赠送积分</a></li>
												<li><a href="javascript:void(0);">购买立减</a></li>
												<li><a href="javascript:void(0);">购买折扣</a></li>
											</ul>
			             				</td>
			             			</tr>
			             			<tr class="none jifen">
			             				<td>
			             				</td>
			             				<td>
			             					<div class="release-price coupon-table-num group-limit">
												<input type="text" class="price-inp left"/>
												<span class="price-unit left">积分</span>
											</div>
			             				</td>
			             			</tr>
			             			<tr class="none money">
			             				<td></td>
			             				<td>
			             					<div class="release-price coupon-table-num">
												<input type="text" class="price-inp left"/>
												<span class="price-unit left">元</span>
											</div>
										</td>
			             			</tr>
			             			<tr class="none zhe">
			             				<td></td>
			             				<td>
			             					<div class="release-price coupon-table-num">
												<input type="text" class="price-inp left"/>
												<span class="price-unit left">折</span>
											</div>
										</td>
			             			</tr>
			             		</table>
			             	</div>
			             	
			             </div>
			             <s>
			                <i class="bg-jt"></i>
			            </s>
					</div>
				</div>
				<div class="btn-box-center borderT-none">
					<input type="button" class="btn1 radius3" value="确认提交">
					<input type="button" class="btn1 radius3 marginL5" value="返回列表">
				</div>
			</div>
		</div>

<script type="text/javascript">
$(function(){
	$('.welfareClick .color-click-span').bind('click',function(){
		$(this).children('i').toggleClass('color-active');
		$('.welfareList').slideToggle();
	});
	$('.welfareList li').bind('click',function(){
		var val=$(this).text();
		$('.welfareList').hide();
		$('.welfareClick .color-click-span').children('i').removeClass('color-active');
		$('.welfareInp').val(val);
		if($(this).index() == 1){
			$('.jifen').removeClass('none');
			$('.money').addClass('none');
			$('.zhe').addClass('none');
			$('.coupon-edit-box').css('padding-bottom','65px');
		} else if($(this).index() == 2){
			$('.jifen').addClass('none');
			$('.zhe').addClass('none');
			$('.money').removeClass('none');
			$('.coupon-edit-box').css('padding-bottom','65px');
		} else if($(this).index() == 3){
			$('.jifen').addClass('none');
			$('.money').addClass('none');
			$('.zhe').removeClass('none');
			$('.coupon-edit-box').css('padding-bottom','65px');
		} else {
			$('.jifen').addClass('none');
			$('.money').addClass('none');
			$('.zhe').addClass('none');
			$('.coupon-edit-box').css('padding-bottom','100px');
		}
		
	});
	$('.color-span').css('background','#63b359');
	
	$('.couponR-con span.tips-tag').each(function() {
		var _this = this;
		$(_this).bind(
			{
				mousemove:function(){
					e=arguments.callee.caller.arguments[0] || window.event; 
					tip = $(_this).attr('tips');
					remindNeed($(_this),e,tip);
				},
				mouseout:function() {
					$('.tip-remind').remove();
				}
			}
		);
	});
})


	function Rotate(){
		$('.data-operation').mouseenter(function(){
			$('.data-icon').addClass('jt-rotate');
			$(this).parent().next().show();
		});
		$('.simulate-sele').mouseleave(function(){
			//alert('鼠标离开下拉框');
			$(this).hide();
			$('.data-icon').removeClass('jt-rotate');
		});
		
	}
			
	Rotate();
	
</script>