SOURCE

'use strict';(function(factory){if(typeof define==='function'&&define.amd){define(['jquery'],factory);}else{factory(jQuery);}}(function($){var IS_TOUCH_DEVICE=('ontouchstart'in document.documentElement);var DRAG_THRESHOLD=5;var counter=0;var dragEvents=(function(){if(IS_TOUCH_DEVICE){return{START:'touchstart',MOVE:'touchmove',END:'touchend'};}
else{return{START:'mousedown',MOVE:'mousemove',END:'mouseup'};}}());$.fn.arrangeable=function(options){var dragging=false;var $clone;var dragElement;var originalClientX,originalClientY;var $elements;var touchDown=false;var leftOffset,topOffset;var eventNamespace;if(typeof options==="string"){if(options==='destroy'){if(this.eq(0).data('drag-arrange-destroy')){this.eq(0).data('drag-arrange-destroy')();}
return this;}}
options=$.extend({"dragEndEvent":"drag.end.arrangeable"},options);var dragEndEvent=options["dragEndEvent"];$elements=this;eventNamespace=getEventNamespace();this.each(function(){var dragSelector=options.dragSelector;var self=this;var $this=$(this);if(dragSelector){$this.on(dragEvents.START+eventNamespace,dragSelector,dragStartHandler);}else{$this.on(dragEvents.START+eventNamespace,dragStartHandler);}
function dragStartHandler(e){e.stopPropagation();touchDown=true;originalClientX=e.clientX||e.originalEvent.touches[0].clientX;originalClientY=e.clientY||e.originalEvent.touches[0].clientY;dragElement=self;}});$(document).on(dragEvents.MOVE+eventNamespace,dragMoveHandler).on(dragEvents.END+eventNamespace,dragEndHandler);function dragMoveHandler(e){if(!touchDown){return;}
var $dragElement=$(dragElement);var dragDistanceX=(e.clientX||e.originalEvent.touches[0].clientX)-originalClientX;var dragDistanceY=(e.clientY||e.originalEvent.touches[0].clientY)-originalClientY;if(dragging){e.stopPropagation();$clone.css({left:leftOffset+dragDistanceX,top:topOffset+dragDistanceY});shiftHoveredElement($clone,$dragElement,$elements);}else if(Math.abs(dragDistanceX)>DRAG_THRESHOLD||Math.abs(dragDistanceY)>DRAG_THRESHOLD){$clone=clone($dragElement);leftOffset=dragElement.offsetLeft-parseInt($dragElement.css('margin-left'))-
parseInt($dragElement.css('padding-left'));topOffset=dragElement.offsetTop-parseInt($dragElement.css('margin-top'))-
parseInt($dragElement.css('padding-top'));$clone.css({left:leftOffset,top:topOffset});$dragElement.parent().append($clone);$dragElement.css('visibility','hidden');dragging=true;}}
function dragEndHandler(e){if(dragging){e.stopPropagation();dragging=false;$clone.remove();dragElement.style.visibility='visible';$(dragElement).parent().trigger(dragEndEvent,[$(dragElement)]);}
touchDown=false;}
function destroy(){$elements.each(function(){var dragSelector=options.dragSelector;var $this=$(this);if(dragSelector){$this.off(dragEvents.START+eventNamespace,dragSelector);}else{$this.off(dragEvents.START+eventNamespace);}});$(document).off(dragEvents.MOVE+eventNamespace).off(dragEvents.END+eventNamespace);$elements.eq(0).data('drag-arrange-destroy',null);$elements=null;dragMoveHandler=null;dragEndHandler=null;}
this.eq(0).data('drag-arrange-destroy',destroy);};function clone($element){var $clone=$element.clone();$clone.css({position:'absolute',width:$element.width(),height:$element.height(),'z-index':100000});return $clone;}
function getHoveredElement($clone,$dragElement,$movableElements){var cloneOffset=$clone.offset();var cloneWidth=$clone.width();var cloneHeight=$clone.height();var cloneLeftPosition=cloneOffset.left;var cloneRightPosition=cloneOffset.left+cloneWidth;var cloneTopPosition=cloneOffset.top;var cloneBottomPosition=cloneOffset.top+cloneHeight;var $currentElement;var horizontalMidPosition,verticalMidPosition;var offset,overlappingX,overlappingY,inRange;for(var i=0;i<$movableElements.length;i++){$currentElement=$movableElements.eq(i);if($currentElement[0]===$dragElement[0]){continue;}
offset=$currentElement.offset();horizontalMidPosition=offset.left+0.5*$currentElement.width();verticalMidPosition=offset.top+0.5*$currentElement.height();overlappingX=(horizontalMidPosition<cloneRightPosition)&&(horizontalMidPosition>cloneLeftPosition);overlappingY=(verticalMidPosition<cloneBottomPosition)&&(verticalMidPosition>cloneTopPosition);inRange=overlappingX&&overlappingY;if(inRange){return $currentElement[0];}}}
function shiftHoveredElement($clone,$dragElement,$movableElements){var hoveredElement=getHoveredElement($clone,$dragElement,$movableElements);if(hoveredElement!==$dragElement[0]){var hoveredElementIndex=$movableElements.index(hoveredElement);var dragElementIndex=$movableElements.index($dragElement);if(hoveredElementIndex<dragElementIndex){$(hoveredElement).before($dragElement);}else{$(hoveredElement).after($dragElement);}
shiftElementPosition($movableElements,dragElementIndex,hoveredElementIndex);}}
function shiftElementPosition(arr,fromIndex,toIndex){var temp=arr.splice(fromIndex,1)[0];return arr.splice(toIndex,0,temp);}
function getEventNamespace(){counter+=1;return '.drag-arrange-'+counter;}}));
$(function () {
    $('.content').arrangeable({ dragSelector: $(this) });

    $('.budgetShell').arrangeable({ dragSelector: $(this) });

    $('.tiaoShell').arrangeable({ dragSelector: $(this) });
    $(document).on("click", ".jia", function () {
        $(this).parent('div').after('<div class="content"><span class="icon"><i class="fa fa-arrows"></i></span><span class="short"><input value="1" name="NO"/></span><span class="middle"><div style="width:100%; height:32px; margin:auto; position:relative"><select style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"/></div></span><span class="long"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"/></div></span><span class="short"><a href="">查看</a></span><span class="short"><input type="text" /></span><span class="short"><input type="text" /></span><span class="short"><input type="text" /></span><span class="short"><input type="text" /></span><span class="long"><textarea></textarea></span><span class="icon jian"><img src="img/delete.png"/></span><span class="icon jia"><img src="img/add.png"/></span></div>');
    });

    $(document).on("click", ".jian", function () {
        $(this).parent('div').remove();
    });


    $(document).on("click", ".iconAdd", function () {
        $(this).parent().parent('div').after('<div class="tiaoShell"><div class="tiaoTop"><span class="iconMov"><i class="fa fa-arrows"></i></span><span class="tex"><input type="text" value="顶面工程"></span><span class="iconDel"><img src="img/delete.png"></span><span class="iconAdd"><img src="img/add.png"></span></div><div class="content"><span class="icon"><i class="fa fa-arrows"></i></span><span class="short"><input value="1" name="NO"></span><span class="middle"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="long"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="short"><a href="">查看</a></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="long"><textarea></textarea></span><span class="icon jian"><img src="img/delete.png"></span><span class="icon jia"><img src="img/add.png"></span></div><!--复制 小--><div class="content"><span class="icon"><i class="fa fa-arrows"></i></span><span class="short"><input value="1" name="NO"></span><span class="middle"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="long"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="short"><a href="">查看</a></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="long"><textarea></textarea></span><span class="icon jian"><img src="img/delete.png"></span><span class="icon jia"><img src="img/add.png"></span></div><div class="content"><span class="icon"><i class="fa fa-arrows"></i></span><span class="short"><input value="1" name="NO"></span><span class="middle"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="long"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="short"><a href="">查看</a></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="long"><textarea></textarea></span><span class="icon jian"><img src="img/delete.png"></span><span class="icon jia"><img src="img/add.png"></span></div><div class="content"><span class="icon"></span><span class="short"></span><span class="middle"></span><span class="long"></span><span class="short"></span><span class="short"></span><span class="short">小计</span><span class="short"></span><span class="short"><input type="text"></span><span class="long"></span><span class="icon"></span><span class="icon"></span></div></div>');
    });

    $(document).on("click", ".iconDel", function () {
        console.log($(this).parent().parent('div'))
        $(this).parent().parent('div').remove();
    });

    $(document).on("click", ".iconAdd1", function () {
        $(this).parent().parent('div').after('<div class="budgetShell"><!--头 begin--><div class="title"><span class="iconMov"><i class="fa fa-arrows"></i></span><span class="tex"><input type="text" value="客厅、走廊、餐厅"></span><span class="iconDel1"><img src="img/delete.png"></span><span class="iconAdd1"><img src="img/add.png"></span></div><!--头 end--><div class="tiaoShell"><div class="tiaoTop"><span class="iconMov"><i class="fa fa-arrows"></i></span><span class="tex"><input type="text" value="顶面工程"></span><span class="iconDel"><img src="img/delete.png"></span><span class="iconAdd"><img src="img/add.png"></span></div><div class="content"><span class="icon"><i class="fa fa-arrows"></i></span><span class="short"><input value="1" name="NO"></span><span class="middle"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="long"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="short"><a href="">查看</a></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="long"><textarea></textarea></span><span class="icon jian"><img src="img/delete.png"></span><span class="icon jia"><img src="img/add.png"></span></div><!--复制 小--><div class="content"><span class="icon"><i class="fa fa-arrows"></i></span><span class="short"><input value="1" name="NO"></span><span class="middle"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="long"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="short"><a href="">查看</a></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="long"><textarea></textarea></span><span class="icon jian"><img src="img/delete.png"></span><span class="icon jia"><img src="img/add.png"></span></div><div class="content"><span class="icon"><i class="fa fa-arrows"></i></span><span class="short"><input value="1" name="NO"></span><span class="middle"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="long"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="short"><a href="">查看</a></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="long"><textarea></textarea></span><span class="icon jian"><img src="img/delete.png"></span><span class="icon jia"><img src="img/add.png"></span></div><div class="content"><span class="icon"></span><span class="short"></span><span class="middle"></span><span class="long"></span><span class="short"></span><span class="short"></span><span class="short">小计</span><span class="short"></span><span class="short"><input type="text"></span><span class="long"></span><span class="icon"></span><span class="icon"></span></div></div><!--复制 中--><div class="tiaoShell"><div class="tiaoTop"><span class="iconMov"><i class="fa fa-arrows"></i></span><span class="tex"><input type="text" value="墙面工程"></span><span class="iconDel"><img src="img/delete.png"></span><span class="iconAdd"><img src="img/add.png"></span></div><div class="content"><span class="icon"><i class="fa fa-arrows"></i></span><span class="short"><input value="1" name="NO"></span><span class="middle"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="long"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="short"><a href="">查看</a></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="long"><textarea></textarea></span><span class="icon jian"><img src="img/delete.png"></span><span class="icon jia"><img src="img/add.png"></span></div><div class="content"><span class="icon"><i class="fa fa-arrows"></i></span><span class="short"><input value="1" name="NO"></span><span class="middle"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="long"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="short"><a href="">查看</a></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="long"><textarea></textarea></span><span class="icon jian"><img src="img/delete.png"></span><span class="icon jia"><img src="img/add.png"></span></div><div class="content"><span class="icon"><i class="fa fa-arrows"></i></span><span class="short"><input value="1" name="NO"></span><span class="middle"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="long"><div style="width:100%; height:32px; margin:auto; position:relative"><select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable"><option value="0">顶面基层处理</option><option value="0">顶面乳胶漆</option><option value="0">直线吊顶</option><option value="0">石膏顶角线</option></select><input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;"></div></span><span class="short"><a href="">查看</a></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="short"><input type="text"></span><span class="long"><textarea></textarea></span><span class="icon jian"><img src="img/delete.png"></span><span class="icon jia"><img src="img/add.png"></span></div><div class="content"><span class="icon"></span><span class="short"></span><span class="middle"></span><span class="long"></span><span class="short"></span><span class="short"></span><span class="short">小计</span><span class="short"></span><span class="short"><input type="text"></span><span class="long"></span><span class="icon"></span><span class="icon"></span></div></div></div>');
    });

    $(document).on("click", ".iconDel1", function () {
        $(this).parent().parent('div').remove();
    });
});

<div class="shell">

<div class="head">
<div class="headTop"><h4>公司装修预算表</h4></div>
<div class="headTable">
<div class="row">
<div class="block">
<span>公司名称</span>
<input type="text" value="山东欧舟装饰工程有限公司" />
</div>
<div class="block">
<span>公司地址</span>
<input type="text" value="济南市历下区银座赛博数码广场13层" />
</div>
<div class="block">
<span>联系电话</span>
<input type="text" value="0531-88665598" />
</div>
<div class="block">
<span>工程类型</span>
<input type="text" value="普通家装" />
</div>
</div>
<div class="row">
<div class="block">
<span>客户姓名</span>
<input type="text" value="" />
</div>
<div class="block">
<span>工程地址</span>
<input type="text" value="" />
</div>
<div class="block">
<span>联系电话</span>
<input type="text" value="" />
</div>
<div class="block">
<span>房屋类型</span>
<input type="text" value="" />
</div>
</div>
<div class="row">
<div class="block">
<span>设计师</span>
<input type="text" value="" />
</div>
<div class="block">
<span>联系电话</span>
<input type="text" value="" />
</div>
<div class="block">
<span>开工日期</span>
<input type="text" value="" />
</div>
<div class="block">
<span>竣工日期</span>
<input type="text" value="" />
</div>
</div>
</div>
</div>


<div class="budget">
<div class="budgetTop">
<span class="icon"></span>
<span class="short">序号</span>
<span class="middle">项目</span>
<span class="long">品牌</span>
<span class="short">图片</span>
<span class="short">单位</span>
<span class="short">工程量</span>
<span class="short">单价</span>
<span class="short">合价</span>
<span class="long">备注信息</span>
<span class="icon"></span>
<span class="icon"></span>
</div>
<div class="budgetShell">

<div class="title">
<span class="iconMov"><i class="fa fa-arrows"></i></span>
<span class="tex"><input type="text" value="客厅、走廊、餐厅" /></span>
<span class="iconDel1 fa fa-minus-square"></span>
<span class="iconAdd1 fa fa-plus-square"></span>
</div>

<div class="tiaoShell">
<div class="tiaoTop">
<span class="iconMov"><i class="fa fa-arrows"></i></span>
<span class="tex"><input type="text" value="顶面工程" /></span>
<span class="iconDel fa fa-minus-square"></span>
<span class="iconAdd fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"><i class="fa fa-arrows"></i></span>
<span class="short"><input value="1" name="NO" /></span>
<span class="middle">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="long">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="short"><a href="">查看</a></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="long"><textarea></textarea></span>
<span class="icon jian fa fa-minus-square"></span>
<span class="icon jia fa fa-plus-square"></span>
</div>

<div class="content">
<span class="icon"><i class="fa fa-arrows"></i></span>
<span class="short"><input value="1" name="NO" /></span>
<span class="middle">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="long">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="short"><a href="">查看</a></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="long"><textarea></textarea></span>
<span class="icon jian fa fa-minus-square"></span>
<span class="icon jia fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"><i class="fa fa-arrows"></i></span>
<span class="short"><input value="1" name="NO" /></span>
<span class="middle">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="long">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="short"><a href="">查看</a></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="long"><textarea></textarea></span>
<span class="icon jian fa fa-minus-square"></span>
<span class="icon jia fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"></span>
<span class="short"></span>
<span class="middle"></span>
<span class="long"></span>
<span class="short"></span>
<span class="short"></span>
<span class="short">小计</span>
<span class="short"></span>
<span class="short"><input type="text" /></span>
<span class="long"></span>
<span class="icon"></span>
<span class="icon"></span>
</div>
</div>

<div class="tiaoShell">
<div class="tiaoTop">
<span class="iconMov"><i class="fa fa-arrows"></i></span>
<span class="tex"><input type="text" value="墙面工程" /></span>
<span class="iconDel fa fa-minus-square"></span>
<span class="iconAdd fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"><i class="fa fa-arrows"></i></span>
<span class="short"><input value="1" name="NO" /></span>
<span class="middle">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="long">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
 </div>
</span>
<span class="short"><a href="">查看</a></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="long"><textarea></textarea></span>
<span class="icon jian fa fa-minus-square"></span>
<span class="icon jia fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"><i class="fa fa-arrows"></i></span>
<span class="short"><input value="1" name="NO" /></span>
<span class="middle">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="long">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="short"><a href="">查看</a></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="long"><textarea></textarea></span>
<span class="icon jian fa fa-minus-square"></span>
<span class="icon jia fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"><i class="fa fa-arrows"></i></span>
<span class="short"><input value="1" name="NO" /></span>
<span class="middle">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="long">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="short"><a href="">查看</a></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="long"><textarea></textarea></span>
<span class="icon jian fa fa-minus-square"></span>
<span class="icon jia fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"></span>
<span class="short"></span>
<span class="middle"></span>
<span class="long"></span>
<span class="short"></span>
<span class="short"></span>
<span class="short">小计</span>
<span class="short"></span>
<span class="short"><input type="text" /></span>
<span class="long"></span>
<span class="icon"></span>
<span class="icon"></span>
</div>
</div>
</div>

<div class="budgetShell">
<div class="title">
<span class="iconMov"><i class="fa fa-arrows"></i></span>
<span class="tex"><input type="text" value="主卧" /></span>
<span class="iconDel1 fa fa-minus-square"></span>
<span class="iconAdd1 fa fa-plus-square"></span>
</div>
<div class="tiaoShell">
<div class="tiaoTop">
<span class="iconMov"><i class="fa fa-arrows"></i></span>
<span class="tex"><input type="text" value="顶面工程" /></span>
<span class="iconDel fa fa-minus-square"></span>
<span class="iconAdd fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"><i class="fa fa-arrows"></i></span>
<span class="short"><input value="1" name="NO" /></span>
<span class="middle">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="long">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="short"><a href="">查看</a></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="long"><textarea></textarea></span>
<span class="icon jian fa fa-minus-square"></span>
<span class="icon jia fa fa-plus-square"></span>
</div>

<div class="content">
<span class="icon"><i class="fa fa-arrows"></i></span>
<span class="short"><input value="1" name="NO" /></span>
<span class="middle">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="long">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="short"><a href="">查看</a></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="long"><textarea></textarea></span>
<span class="icon jian fa fa-minus-square"></span>
<span class="icon jia fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"><i class="fa fa-arrows"></i></span>
<span class="short"><input value="1" name="NO" /></span>
<span class="middle">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="long">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="short"><a href="">查看</a></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="long"><textarea></textarea></span>
<span class="icon jian fa fa-minus-square"></span>
<span class="icon jia fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"></span>
<span class="short"></span>
<span class="middle"></span>
<span class="long"></span>
 <span class="short"></span>
<span class="short"></span>
<span class="short">小计</span>
<span class="short"></span>
<span class="short"><input type="text" /></span>
<span class="long"></span>
<span class="icon"></span>
<span class="icon"></span>
</div>
</div>

<div class="tiaoShell">
<div class="tiaoTop">
<span class="iconMov"><i class="fa fa-arrows"></i></span>
<span class="tex"><input type="text" value="墙面工程" /></span>
<span class="iconDel fa fa-minus-square"></span>
<span class="iconAdd fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"><i class="fa fa-arrows"></i></span>
<span class="short"><input value="1" name="NO" /></span>
<span class="middle">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="long">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="short"><a href="">查看</a></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="long"><textarea></textarea></span>
<span class="icon jian fa fa-minus-square"></span>
<span class="icon jia fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"><i class="fa fa-arrows"></i></span>
<span class="short"><input value="1" name="NO" /></span>
<span class="middle">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="long">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="short"><a href="">查看</a></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="long"><textarea></textarea></span>
<span class="icon jian fa fa-minus-square"></span>
<span class="icon jia fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"><i class="fa fa-arrows"></i></span>
<span class="short"><input value="1" name="NO" /></span>
<span class="middle">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
<option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="long">
<div style="width:100%; height:32px; margin:auto; position:relative">
<select id="select1" style="width:100%; height:100%;line-height:32px; position:absolute; left:0px; top:0px" class="editable">
<option value="0">顶面基层处理</option>
<option value="0">顶面乳胶漆</option>
<option value="0">直线吊顶</option>
 <option value="0">石膏顶角线</option>
</select>
<input type="text" id="text1" style="width:84%;font-size:12px; height:32px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; color:#666666;" />
</div>
</span>
<span class="short"><a href="">查看</a></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="short"><input type="text" /></span>
<span class="long"><textarea></textarea></span>
<span class="icon jian fa fa-minus-square"></span>
<span class="icon jia fa fa-plus-square"></span>
</div>
<div class="content">
<span class="icon"></span>
<span class="short"></span>
<span class="middle"></span>
<span class="long"></span>
<span class="short"></span>
<span class="short"></span>
<span class="short">小计</span>
<span class="short"></span>
<span class="short"><input type="text" /></span>
<span class="long"></span>
<span class="icon"></span>
<span class="icon"></span>
</div>
</div>
</div>
</div>

<div class="footerShell">
<div class="zongji">
<div class="zongji1">
<span class="zong_long">以上项目总计:</span>
<span class="short"></span>
<span class="short"><input type="text" value="5678" /></span>
<span class="long_last"><input type="text" value="备注" /></span>
</div>
<div class="zongji1">
<span class="zong_long">设计费:</span>
<span class="short"></span>
<span class="short"><input type="text" value="5678" /></span>
<span class="long_last"><input type="text" value="备注" /></span>
</div>
<div class="zongji1">
<span class="zong_long">以上所有项目总计:</span>
<span class="short"></span>
<span class="short"><input type="text" value="5678" /></span>
<span class="long_last"><input type="text" value="备注" /></span>
</div>
</div>
<div class="footer">
<div class="footer_title">温馨提示</div>
<div class="tishi">
<input type="text" value="1.为了维护您的利益，请您不要接受任何口头承诺。" />
</div>
<div class="tishi">
<input type="text" value="2.所有物业押金及各种形式的管理款项由甲方承担。" />
</div>
<div class="tishi">
<input type="text" value="3.计算乳胶漆面积和墙砖面积时，门窗洞口面积减半计算，以上墙漆报价不含特殊墙面处理。" />
</div>
<div class="tishi">
<input type="text" value="4.瓷砖加5%损耗，木地板加5%损耗，铝扣板集成吊顶10%损耗。" />
</div>
</div>
</div>

</div>
<div class="buttonShell">
<div class="button">
<input type="button" value="保存" class="testButton" />
<input type="button" value="导出为Excel" class="testButton" />
<input type="button" value="导出数据" class="testButton" />
<input type="button" value="未命名" class="testButton" />
</div>
</div>

@charset "utf-8";
body {
    padding: 0;
    margin: 0;
    font-family: 微软雅黑
}

h4,
select,
img,
textarea {
    padding: 0;
    margin: 0
}

input,
select {
    outline: medium;
    border: none;
    font-size: 14px;
    font-family: 微软雅黑;
    color: #666
}

a {
    text-decoration: none;
    color: #428bca
}

a:hover {
    color: #f37b53
}

.shell {
    width: 1600px;
    height: auto;
    margin: 0 auto;
    border: solid 1px #e0e0e0
}

.head {
    width: 100%;
    height: auto
}

.head .headTop {
    width: 100%;
    height: 40px;
    background: #f37b53
}

.head .headTop h4 {
    width: 100%;
    hegiht: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    letter-spacing: 2px
}

.head .headTable {
    width: 100%;
    hegiht: auto;
    font-size: 14px
}

.head .headTable .row {
    width: 100%;
    height: 32px;
    border-bottom: solid 1px #e0e0e0;
    overflow: hidden
}

.block {
    width: 400px;
    height: 32px;
    overflow: hidden;
    float: left
}

.block span {
    width: 79px;
    line-height: 32px;
    text-align: center;
    border-right: #e0e0e0 solid 1px;
    float: left
}

.block input {
    width: 319px;
    line-height: 32px;
    text-align: center;
    border-right: #e0e0e0 solid 1px;
    float: left
}

.row div:last-child input {
    border: none
}

.budget {
    width: 100%;
    height: auto
}

.budgetTop {
    width: 100%;
    height: 32px;
    background: #ddd;
    color: #666;
    font-weight: 700;
    font-size: 14px;
    overflow: hidden
}

.budgetTop span {
    line-height: 32px;
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;
    height: 32px
}

.budgetTop .icon {
    width: 32px;
    height: 32px;
    border-right: solid 1px #f0f0f0
}

.budgetTop span:last-child {
    border: none
}

.budgetTop .long {
    width: 499px;
    border-right: solid 1px #f0f0f0
}

.budgetTop .middle {
    width: 141px;
    border-right: solid 1px #f0f0f0
}

.budgetTop .short {
    width: 59px;
    border-right: solid 1px #f0f0f0
}

.budgetShell {
    width: 100%
}

.title {
    width: 100%;
    height: 32px;
    background: #efefef;
    color: #666;
    font-weight: 700;
    font-size: 14px;
    overflow: hidden;
    border-bottom: #e0e0e0 solid 1px
}

.title span {
    float: left;
    display: block;
    text-align: center;
    line-height: 32px;
    color: #43a6dd
}

.iconMov,
.iconDel,
.iconAdd,
.iconAdd1,
.iconDel1 {
    width: 32px;
    height: 32px;
    border-right: solid 1px #e0e0e0;
    cursor: pointer
}

.title span:last-child {
    border: none
}

.title .tex {
    width: 1501px;
    border-right: solid 1px #e0e0e0;
    line-height: 32px;
    text-align: center
}

.title .tex input {
    width: 100%;
    line-height: 32px;
    text-align: center;
    background: #efefef;
    font-size: 14px;
    font-weight: 700;
    color: #666
}

.iconMov img,
.iconAdd img,
.iconDel img,
.iconAdd1 img,
.iconDel1 img {
    margin-top: 8px
}

.tiaoTop {
    width: 100%;
    height: 32px;
    background: #fff;
    color: #666;
    font-weight: 700;
    font-size: 14px;
    overflow: hidden;
    border-bottom: #e0e0e0 solid 1px;
    background: #f9f9f9
}

.tiaoTop span {
    float: left;
    display: block;
    text-align: center;
    line-height: 32px;
    color: #43a6dd
}

.tiaoTop span:last-child {
    border: none
}

.tiaoTop .tex {
    width: 1501px;
    border-right: solid 1px #e0e0e0;
    line-height: 32px;
    text-align: center
}

.tiaoTop .tex input {
    width: 100%;
    line-height: 32px;
    text-align: center;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    color: #666
}

.content {
    width: 100%;
    height: 32px;
    background: #fff;
    color: #666;
    font-size: 12px;
    overflow: hidden;
    border-bottom: #e0e0e0 solid 1px
}

.content span {
    line-height: 32px;
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;
    height: 32px
}

.content .icon {
    width: 32px;
    height: 32px;
    border-right: #e0e0e0 solid 1px;
    cursor: pointer
}

.content span:last-child {
    border: none
}

.content .long {
    width: 499px;
    border-right: #e0e0e0 solid 1px
}

.content .long textarea {
    width: 100%;
    text-align: center;
    border: none;
    outline: medium
}

.content .middle {
    width: 141px;
    border-right: #e0e0e0 solid 1px;
    position: relative
}

.content .short {
    width: 59px;
    border-right: #e0e0e0 solid 1px
}

.content .short input {
    text-align: center;
    width: 100%;
    line-height: 32px;
    font-size: 12px
}

.content .icon img {
    margin-top: 8px
}

select {
    font-size: 12px;
    color: #666
}

.footerShell {
    width: 100%;
    height: auto
}

.zongji1 span {
    display: block;
    float: left
}

.zongji1 {
    height: 32px;
    width: 100%;
    border-bottom: #e0e0e0 solid 1px;
    overflow: hidden
}

.zong_long {
    width: 914px;
    line-height: 32px;
    border-right: #e0e0e0 solid 1px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #666;
    letter-spacing: 2px
}

.zongji1 .short {
    width: 59px;
    border-right: #e0e0e0 solid 1px;
    height: 32px
}

.zongji1 .short input {
    text-align: center;
    width: 100%;
    line-height: 32px;
    font-size: 12px
}

.zongji1 .long_last {
    width: 565px;
    line-height: 32px;
    height: 32px
}

.zongji1 .long_last input {
    width: 98%;
    line-height: 32px;
    height: 32px;
    padding-left: 2%
}

.footer {
    width: 100%;
    height: auto
}

.footer .footer_title {
    width: 99%;
    border-bottom: solid 1px #e0e0e0;
    height: 32px;
    line-height: 32px;
    text-align: left;
    padding-left: 1%;
    font-weight: 700;
    color: #666
}

.tishi {
    width: 100%;
    height: 32px;
    line-height: 32px;
    border-bottom: solid 1px #e0e0e0;
    color: #666;
    font-size: 14px
}

.tishi input {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%
}

.buttonShell {
    width: 1600px;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px
}

.button {
    width: 100%;
    text-align: center
}

.testButton {
    color: #fff;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: #ebebeb 0 0 5px 0;
    border-width: 1px;
    border-color: #ebebeb;
    border-style: solid;
    border-radius: 8px;
    background-color: #f37b53
}