<link href="__PUBLIC__/css/reset.css" rel="stylesheet"/>
<link href="__PUBLIC__/css/common.css" rel="stylesheet"/>
<link href="__PUBLIC__/css/style.css" rel="stylesheet"/>
<style type="text/css">
	/*.uploadbox-fpage {
		width: 552px;
		height: 720px;
	}
	.uploadbox-li-fpage {
		width:550px;
		clear: both;
		border: 1px dashed #ccc;
		height: 180px;
	    padding: 10px;
	    position: relative;
	}
	.uploadbox-li-fpage:hover {
		border: 1px solid #1ab394 !important;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.asDefault-box {
		position: absolute;
	    top: 0;
	    opacity: 0;
	    border: 1px solid #f0f0f0;
	    margin-top: 10px;
	    width: 120px;
	    height: 120px;
	}
	.upload-pW {
		width: 120px !important;
	}
	.uploadinp2-cover {
		display: inline-block;
    	width: 100%;
    	height: 30px;
    	background: #f5f5f5;
    	border: none;
    	cursor: pointer;
	}
	.uploadbox-left {
		width: 130px;
	}
	.uploadbox-right{
		width: 360px;
	}
	.inp-fpage{width: 240px !important;}*/
</style>

<div class="ibox-content">
	<ul class="uploadbox-fpage boxsizing">
		<li class="uploadbox-li-fpage boxsizing radius3">
			<div class="left uploadbox-left">
				<div class="img-style">
					<img src="../../static/img/default.png" alt="" class="uploadimg boxsizing"/>
				</div>
				<div class="asDefault-box">
					<a href="#" class="img-dele" title="移除">X</a>
					<!--<p class="asDefault boxsizing green-font"><i class="font-face icon-ok-circle blue-i i-padding green-font"></i>默认主图</p>-->
				</div>
				<div class="operationbox boxsizing">
					<!--<p class="left sort">排序<input type="text" name="" id="" placeholder="2" class="sort-inp"/></p>-->
					<p class="left upload-p upload-pW">
						<input type="file" class="upload-inp2" hidefocus="true"/>
						<span class="uploadinp2-cover boxsizing"><i class="font-face icon-upload-alt up-icon"></i>上传</span>
					</p>
				</div>
			</div>
			<div class="left uploadbox-right jurisdiction2">
	            <dl class="juris-dl2 boxsizing">
	                <dt class="left text-r boxsizing">文字：</dt>
	                <dd class="left text-l">
	                    <input type="text" name="img" id="img" class="com-inp1 radius3 boxsizing inp-fpage">
	                </dd>
	            </dl>
	            <dl class="juris-dl2 boxsizing">
	                <dt class="left text-r boxsizing">操作：</dt>
	                <dd class="left text-l">
	                    <select class="com-sele radius3 juris-dl-sele" name="type" id="type" style="width: 80px;">
	                        <option value="url">链接</option>
	                        <option value="goods">商品ID</option>
	                        <option value="category">商品分类ID</option>
	                        <option value="redpacket">优惠券ID</option>
	                    </select>
	                    <input type="text" class="com-inp1 radius3 boxsizing" name="data" id="data" style="width: 157px;"> <span class="help-block m-b-none"></span>
	                </dd>
	            </dl>
			</div>
		</li>
		<li class="uploadbox-li-fpage boxsizing radius3">
			<div class="left uploadbox-left">
				<div class="img-style">
					<img src="../../static/img/default.png" alt="" class="uploadimg boxsizing"/>
				</div>
				<div class="asDefault-box">
					<a href="#" class="img-dele" title="移除">X</a>
					<!--<p class="asDefault boxsizing"><i class="font-face icon-ok-circle blue-i i-padding"></i>默认主图</p>-->
				</div>
				<div class="operationbox boxsizing">
					<!--<p class="left sort">排序<input type="text" name="" id="" placeholder="2" class="sort-inp"/></p>-->
					<p class="left upload-p upload-pW">
						<input type="file" class="upload-inp2" hidefocus="true"/>
						<span class="uploadinp2-cover boxsizing"><i class="font-face icon-upload-alt up-icon"></i>上传</span>
					</p>
				</div>
			</div>
			<div class="left uploadbox-right jurisdiction2">
	            <dl class="juris-dl2 boxsizing">
	                <dt class="left text-r boxsizing">文字：</dt>
	                <dd class="left text-l">
	                    <input type="text" name="img" id="img" class="com-inp1 radius3 boxsizing inp-fpage">
	                </dd>    
	            </dl>
	            <dl class="juris-dl2 boxsizing">
	                <dt class="left text-r boxsizing">操作：</dt>
	                <dd class="left text-l">
	                    <select class="com-sele radius3 juris-dl-sele" name="type" id="type" style="width: 80px;">
	                        <option value="url">链接</option>
	                        <option value="goods">商品ID</option>
	                        <option value="category">商品分类ID</option>
	                        <option value="redpacket">优惠券ID</option>
	                    </select>
	                    <input type="text" class="com-inp1 radius3 boxsizing" name="data" id="data" style="width: 157px;"> <span class="help-block m-b-none"></span>
	                </dd>
	            </dl>
			</div>
		</li>
		<li class="uploadbox-li-fpage boxsizing radius3">
			<div class="left uploadbox-left">
				<div class="img-style">
					<img src="../../static/img/default.png" alt="" class="uploadimg boxsizing inp-fpage"/>
				</div>
				<div class="asDefault-box">
					<a href="#" class="img-dele" title="移除">X</a>
					<!--<p class="asDefault boxsizing"><i class="font-face icon-ok-circle blue-i i-padding"></i>默认主图</p>-->
				</div>
				<div class="operationbox boxsizing">
					<!--<p class="left sort">排序<input type="text" name="" id="" placeholder="2" class="sort-inp"/></p>-->
					<p class="left upload-p upload-pW">
						<input type="file" class="upload-inp2" hidefocus="true"/>
						<span class="uploadinp2-cover boxsizing"><i class="font-face icon-upload-alt up-icon"></i>上传</span>
					</p>
				</div>
			</div>
			<div class="left uploadbox-right jurisdiction2">
	            <dl class="juris-dl2 boxsizing">
	                <dt class="left text-r boxsizing">文字：</dt>
	                <dd class="left text-l">
	                    <input type="text" name="img" id="img" class="com-inp1 radius3 boxsizing inp-fpage">
	                </dd>
	            </dl>
	            <dl class="juris-dl2 boxsizing">
	                <dt class="left text-r boxsizing">操作：</dt>
	                <dd class="left text-l">
	                    <select class="com-sele radius3 juris-dl-sele" name="type" id="type" style="width: 80px;">
	                        <option value="url">链接</option>
	                        <option value="goods">商品ID</option>
	                        <option value="category">商品分类ID</option>
	                        <option value="redpacket">优惠券ID</option>
	                    </select>
	                    <input type="text" class="com-inp1 radius3 boxsizing" name="data" id="data" style="width: 157px;"> <span class="help-block m-b-none"></span>
	                </dd>
	            </dl>
			</div>
		</li>
		<li class="uploadbox-li-fpage boxsizing radius3">
			<div class="left uploadbox-left">
				<div class="img-style">
					<img src="../../static/img/default.png" alt="" class="uploadimg boxsizing"/>
				</div>
				<div class="asDefault-box">
					<a href="#" class="img-dele" title="移除">X</a>
					<!--<p class="asDefault boxsizing"><i class="font-face icon-ok-circle blue-i i-padding"></i>默认主图</p>-->
				</div>
				<div class="operationbox boxsizing">
					<!--<p class="left sort">排序<input type="text" name="" id="" placeholder="2" class="sort-inp"/></p>-->
					<p class="left upload-p upload-pW">
						<input type="file" class="upload-inp2" hidefocus="true"/>
						<span class="uploadinp2-cover boxsizing"><i class="font-face icon-upload-alt up-icon"></i>上传</span>
					</p>
				</div>
			</div>
			<div class="left uploadbox-right jurisdiction2">
	            <dl class="juris-dl2 boxsizing">
	                <dt class="left text-r boxsizing">文字：</dt>
	                <dd class="left text-l">
	                    <input type="text" name="img" id="img" class="com-inp1 radius3 boxsizing inp-fpage">
	                </dd>
	            </dl>
	            <dl class="juris-dl2 boxsizing">
	                <dt class="left text-r boxsizing">操作：</dt>
	                <dd class="left text-l">
	                    <select class="com-sele radius3 juris-dl-sele" name="type" id="type" style="width: 80px;">
	                        <option value="url">链接</option>
	                        <option value="goods">商品ID</option>
	                        <option value="category">商品分类ID</option>
	                        <option value="redpacket">优惠券ID</option>
	                    </select>
	                    <input type="text" class="com-inp1 radius3 boxsizing" name="data" id="data" style="width: 157px;"> <span class="help-block m-b-none"></span>
	                </dd>
	            </dl>
			</div>
		</li>
	</ul>
</div>
<script type="text/javascript" src="__PUBLIC__/js/common2.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){
		//鼠标滑过时，添加样式
		$('.asDefault-box').bind('click',function(){
			$(this).addClass('asDefault-box-cli').parents('li').siblings().find('.asDefault-box').removeClass('asDefault-box-cli')
			$(this).children().addClass('green-font').parents('li').siblings().children().children().removeClass('green-font');
			$(this).children('.img-dele').addClass('green-bor').parents('li').siblings().children().children().removeClass('green-bor');
			$(this).find('i').addClass('green-font').parents('li').siblings().children().find('i').removeClass('green-font');
			
		})
 		
		$('.upload-inp2').hover(function(){
			$(this).next().css('background','#f0f0f0')
		},function(){
			$(this).next().css('background','#f5f5f5')
		})
	})
</script>



