.vdr{-ms-touch-action:none;touch-action:none;border:1px dashed #000}.handle,.vdr{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.handle{width:10px;height:10px;background:#eee;border:1px solid #333}.handle-tl{top:-10px;left:-10px;cursor:nw-resize}.handle-tm{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr{top:-10px;right:-10px;cursor:ne-resize}.handle-ml{left:-10px;cursor:w-resize}.handle-ml,.handle-mr{top:50%;margin-top:-5px}.handle-mr{right:-10px;cursor:e-resize}.handle-bl{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}.node-wrap[data-v-3fb69f04]{cursor:move}.node-wrap .img[data-v-3fb69f04],.node-wrap .text[data-v-3fb69f04]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.node-wrap .img[data-v-3fb69f04]{background:#fbfbfc;text-align:center;height:100%}.node-wrap .img .icon[data-v-3fb69f04]{font-size:18px;color:#55637d;padding-top:22px}.node-wrap .img .txt[data-v-3fb69f04]{font-size:14px;color:#55637d}.preview[data-v-eeb8b6ee]{position:relative;width:100%}.bg[data-v-eeb8b6ee]{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wrap[data-v-0e23baa5]{height:100vh;background:#eee}.top[data-v-0e23baa5]{width:100%;background:#fff;-webkit-box-shadow:0 1px 4px 0 rgba(125,143,164,.3);box-shadow:0 1px 4px 0 rgba(125,143,164,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 22px}.top .back[data-v-0e23baa5]{cursor:pointer}.top .left[data-v-0e23baa5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top .title[data-v-0e23baa5]{color:#000;font-size:14px;font-weight:600;margin:0 24px;cursor:pointer}.top .line[data-v-0e23baa5]{width:1px;height:16px;background-color:rgba(0,0,0,.14)}.top .tip[data-v-0e23baa5]{background-color:#fffbe6;border-radius:2px;padding:5px 8px;font-size:14px;color:#874d00;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:24px}.top .tip i[data-v-0e23baa5]{margin-right:4px}.containerWrap[data-v-0e23baa5]{display:-webkit-box;display:-ms-flexbox;display:flex}.action[data-v-0e23baa5],.canvasWrap[data-v-0e23baa5],.category[data-v-0e23baa5],.sideMenu[data-v-0e23baa5]{height:calc(100vh - 48px);overflow-y:scroll}.tpl-move[data-v-0e23baa5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sideMenu[data-v-0e23baa5]{width:52px;padding:8px}.sideMenu .item[data-v-0e23baa5]{width:36px;height:36px;line-height:36px;text-align:center;color:#748095;margin-bottom:8px;cursor:pointer}.sideMenu .active[data-v-0e23baa5]{background-color:#e3e5f0;border-radius:4px;color:#0052cc}.category[data-v-0e23baa5]{padding:8px;width:178px;background-color:#fff;-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.1);box-shadow:0 6px 10px 0 rgba(0,0,0,.1)}.category .lable[data-v-0e23baa5]{font-weight:600;font-size:12px;color:rgba(0,0,0,.6);padding:8px 0;border-bottom:1px solid #e1e7ee;margin-bottom:8px}.category ul[data-v-0e23baa5]{padding-left:0}.category ul li[data-v-0e23baa5]{list-style:none;font-size:14px;color:#999;line-height:36px;padding:0 8px;margin:8px 0}.category ul li[data-v-0e23baa5]:hover{background-color:#e3e5f0;border-radius:4px;color:#0052cc;cursor:pointer}.canvasWrap[data-v-0e23baa5]{width:calc(100% - 510px);background-color:#eee}.canvasWrap .content[data-v-0e23baa5]{background-color:#fff;margin:48px auto 0}.action[data-v-0e23baa5]{width:280px;padding:0 8px;background-color:#fff;-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.1);box-shadow:0 6px 10px 0 rgba(0,0,0,.1)}.action .type[data-v-0e23baa5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 8px;border-bottom:1px solid #e1e7ee}.action .type .name[data-v-0e23baa5]{font-size:16px;color:#000;font-weight:600}.action .type .del[data-v-0e23baa5]{color:#55637d;padding-left:18px;border-left:1px solid #e1e7ee;cursor:pointer}.action .editor[data-v-0e23baa5]{padding:24px 8px;border-bottom:1px solid #e1e7ee}.action .editor[data-v-0e23baa5]:last-child{border:0}.action .editor .tpl-option[data-v-0e23baa5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 3px;margin-bottom:24px}.action .editor .tpl-option[data-v-0e23baa5]:last-child{margin-bottom:0}.action .editor .tpl-option .title[data-v-0e23baa5]{margin-right:8px}.action .editor .tpl-option .text[data-v-0e23baa5]{-webkit-box-flex:1;-ms-flex:1;flex:1}.action .editor .tpl-option .text .uploadImg[data-v-0e23baa5]{width:155px;height:98px;background-color:rgba(85,99,125,.05);border-radius:2px;border:1px solid #b5bbc7;text-align:center;overflow:hidden}.action .editor .tpl-option .text .uploadImg .add[data-v-0e23baa5]{font-size:26px;margin-top:16px}.action .editor .tpl-option .text .uploadImg .word[data-v-0e23baa5]{color:#55637d;font-size:14px;margin-top:-8px}.action .editor .tpl-option .text .finishImg[data-v-0e23baa5]{position:relative}.action .editor .tpl-option .text .finishImg .img[data-v-0e23baa5]{width:155px;height:98px}.action .editor .tpl-option .text .finishImg .mask[data-v-0e23baa5]{width:155px;height:98px;background-color:rgba(0,0,0,.5);position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 8px}.action .editor .tpl-option .text .finishImg .mask .item[data-v-0e23baa5]{padding:8px 20px;width:69px;height:69px}.action .editor .tpl-option .text .finishImg .mask .item .icon[data-v-0e23baa5]{font-size:20px;color:#fff}.action .editor .tpl-option .text .finishImg .mask .item .txt[data-v-0e23baa5]{font-size:14px;color:#fff;margin-top:-5px}.action .editor .tpl-option .text .finishImg .mask .item[data-v-0e23baa5]:hover{background-color:#000;border-radius:4px;opacity:.5;cursor:pointer}.action .editor .tpl-option .text .finishImg .mask .divider[data-v-0e23baa5]{width:1px;height:31px;background-color:hsla(0,0%,100%,.45)}.action .editor .help[data-v-0e23baa5]{margin-top:-16px;margin-bottom:16px;color:red;font-size:13px}.action .editor .tpl-option-img[data-v-0e23baa5]{-webkit-box-align:initial;-ms-flex-align:initial;align-items:normal}.action .editor .tpl-option-img .title[data-v-0e23baa5]{margin-top:4px}