.component-list[data-v-1a39b834]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:10px;max-height:576px;overflow:hidden;margin-bottom:40px}.component-list[data-v-1a39b834]:hover{overflow:overlay}.component-list .list[data-v-1a39b834]{width:45%;height:80px;background-color:#f5f7fa;border-radius:2px;border:1px solid #e3e8ee;cursor:-webkit-grab;cursor:grab;margin-bottom:10px;text-align:center}.component-list .list[data-v-1a39b834]:nth-of-type(2n){margin-left:8px}.component-list .list[data-v-1a39b834]:hover{border:1px solid #397cf6}.component-list .list[data-v-1a39b834]:active{cursor:-webkit-grabbing;cursor:grabbing}.component-list .list .iconTitle[data-v-1a39b834]{color:#606266;font-size:12px}.component-list .list .iconfont[data-v-1a39b834]{font-size:26px;margin-top:8px;color:#898989}.attr-list[data-v-4899b765]{overflow:auto;padding-top:0}.attr-list .ivu-form-item[data-v-4899b765]{margin-bottom:0}.attr-list .ivu-form-item .ivu-form-item-label{font-size:13px!important}.v-text[data-v-4a4dcccd]{width:100%;height:100%;display:table}.v-text div[data-v-4a4dcccd]{display:table-cell;width:100%;height:100%;outline:none}.v-text .canEdit[data-v-4a4dcccd]{cursor:text;height:100%}.preview[data-v-4a4dcccd]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.editor[data-v-58c3e355]{position:relative;background:#fff;margin:auto;border-bottom:1px solid #eee}.editor .lock[data-v-58c3e355]{opacity:.5}.editor .lock[data-v-58c3e355]:hover{cursor:not-allowed}.edit .component[data-v-58c3e355]{outline:none;width:100%;height:100%}.templateDiv[data-v-11e33706]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:top;-ms-flex-align:top;align-items:top;-ms-flex-wrap:wrap;flex-wrap:wrap}.templateDiv .page[data-v-11e33706]{position:relative;border-bottom:1px solid #606266;width:595px;height:842px}.templateDiv .content[data-v-11e33706]{border:1px solid #ccc;display:inline-block}.templateDiv .leftContainer[data-v-11e33706]{-webkit-box-flex:0;-ms-flex:0 0 250px;flex:0 0 250px}.templateDiv .leftContainer .title[data-v-11e33706]{font-weight:700;font-stretch:normal;letter-spacing:1px;color:#333}.templateDiv .leftContainer .line[data-v-11e33706]{font-size:13px;padding:15px 0;border-bottom:1px solid #eee;width:100%}.templateDiv .leftContainer .colStyle[data-v-11e33706]{width:105px;height:80px;background-color:#f5f7fa;border-radius:2px;border:1px solid #eee;text-align:center;margin-bottom:10px}.templateDiv .leftContainer .colStyle[data-v-11e33706]:nth-child(2n){margin-left:10px}.templateDiv .leftContainer .iconfont[data-v-11e33706]{font-size:26px;margin-top:8px;display:inline-block;color:#898989}.templateDiv .leftContainer .iconTitle[data-v-11e33706]{color:#606266;font-size:12px}.templateDiv .leftContainer .inputList[data-v-11e33706]{max-height:520px;overflow-y:scroll}.templateDiv .leftContainer .inputList[data-v-11e33706]::-webkit-scrollbar{display:none}.templateDiv .wrap[data-v-11e33706]{display:inline-block;background-color:#f7f7f7;vertical-align:top;padding:15px;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:800px;overflow-y:scroll}.templateDiv .wrap .boxDom{position:absolute;font-size:18px;z-index:2;left:calc(50% - 298px)}.templateDiv .wrap .boxDom .content{border:1px solid #ccc}.templateDiv .wrap .boxDom .iconfont{visibility:hidden;position:relative}.templateDiv .wrap .boxDom:hover .iconfont{visibility:visible}