

.drag-addModule{ clear:both; padding:40px 20px; position:relative; text-align:center;border:1px dashed #21B384;}
.drag-addModule span{ padding:5px 15px; display:inline-block; margin:0px 5px; font-size:12px; cursor:pointer; text-align:center;background:#21B384;color:#fff;border-radius:3px;border:1px solid #21B384;}
.drag-addModule .drag-split-btn{background:none;color:#21B384;}

.drag-addModule-tips{ position:absolute;left:0;top:0;width:100%;height:100%; z-index:1; background:#fff; color:#ff7a20; letter-spacing:3px; font-size:13px; line-height:108px;}

.drag-moduleBoxBg{width:100%;height:100%;background:rgba(0,0,0,0.3); position:fixed;top:0;left:0; z-index:99990;}

/*编辑、删除按钮*/
.drag-operating{ position:absolute;top:0;right:0; display:none; z-index:90;height:22px;}
.drag-operating span{ padding:0px 10px;height:22px; margin-left:1px; line-height:22px;float:left;background:rgba(0,0,0,0.3);color:#fff; font-size:12px; text-align:center; cursor:pointer; -webkit-transition:0.3s; transition:0.3s;}
.drag-operating span:hover{ background:#21B384;}
.drag-operating span.drag-td{ cursor:move; }
.drag-operating span i{ font-size:14px;}

.drag-relative{ position:relative !important;}

.drag-dashed-line{ display:none;}
.drag-dashed-line .ddl-l{width:0px;height:100%;border-left:1px dashed #21B384; position:absolute;left:0;top:0; z-index:9;}
.drag-dashed-line .ddl-r{width:0px;height:100%;border-right:1px dashed #21B384; position:absolute;right:0;top:0; z-index:9;}
.drag-dashed-line .ddl-t{width:100%;height:0px;border-top:1px dashed #21B384; position:absolute;left:0;top:0; z-index:9;}
.drag-dashed-line .ddl-b{width:100%;height:0px;border-bottom:1px dashed #21B384; position:absolute;left:0;bottom:0; z-index:9;}


.drag-format-close{width:32px;height:32px; background:#333; position:absolute;bottom:0;right:0; background:url(/admin/drag/images/close.png) no-repeat; display:none; cursor:pointer; z-index:1;}
.drag-format-close:hover{ background:url(/admin/drag/images/close-on.png) no-repeat;}

#dragEmptyBox{ text-align:center; position:relative;height:60px; line-height:60px;font-size:12px;color:#31b3d7; background:#f4fdff;border:1px dashed #9ed5e4; }
#dragEmptyBox span{ position:absolute;width:80px; text-align:center;height:14px; line-height:14px;left:50%;margin-left:-40px;top:50%;margin-top:-7px; }


#dragBoxWrap{width:300px;max-height:160px;left:0px;top:0px; position:fixed; background:#fff;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index:9; cursor:move; overflow:hidden;_zoom:1; z-index:9999999; }
#dragBoxWrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#dragBoxWrap .drag-operating{ display:none !important;}

#dragBoxWrap .drag-dashed-line{ display:none !important;}


.dragInitialCont{ background:#fff;border:1px dashed #dbdbdb; display:none; font-size:12px;color:#c2c2c2; line-height:24px; padding:60px 20px; text-align:center;}


.drag-z-index{ z-index:99999; }


.drag-setup-btn{width:18px;height:18px; position:absolute;right:0;bottom:5px; background:#21b384;color:#fff; line-height:16px; text-align:center; cursor:pointer; z-index:99;}

.drag-setup-btn i{ font-size:14px;}

