.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}}.template-container[data-v-5e7f5e15]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.template-container .left-content[data-v-5e7f5e15]{width:500px;height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:auto}.template-container .left-content .template-content[data-v-5e7f5e15]{border:1px solid #f2f2f2;position:relative;-ms-flex-negative:0;flex-shrink:0}.template-container .left-content .template-content .template-background-color[data-v-5e7f5e15]{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.template-container .left-content .template-content .template-background-image[data-v-5e7f5e15]{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}.template-container .left-content .template-content .control[data-v-5e7f5e15]{width:100%;height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.template-container .left-content .template-content .control span[data-v-5e7f5e15]{margin-left:5px}.template-container .left-content .template-content .control .delete-btn[data-v-5e7f5e15]{width:40px;height:40px;position:absolute;top:-20px;right:-20px;padding-top:18px;padding-right:18px;line-height:20px;text-align:center;font-size:14px;background-color:#f66;color:#fff;border-radius:50%}.template-container .left-content .template-content .control .delete-btn i[data-v-5e7f5e15]{margin-right:0}.template-container .template-controlbox[data-v-5e7f5e15]{width:calc(100% - 520px);padding-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.template-container .template-controlbox .control-container[data-v-5e7f5e15]{width:40%}.template-container .template-controlbox .control-container .control-title[data-v-5e7f5e15]{font-size:16px;color:#333;padding-bottom:10px}.template-container .template-controlbox .control-container .control-list[data-v-5e7f5e15]{width:100%}.template-container .template-controlbox .control-container .control-list .control-item[data-v-5e7f5e15]{border:1px solid #e2e2e2;border-top:0;width:100px;text-align:center;line-height:38px;font-size:14px;color:#333;cursor:pointer}.template-container .template-controlbox .control-container .control-list .control-item[data-v-5e7f5e15]:first-child{border-top:1px solid #e2e2e2;border-top-left-radius:10px;border-top-right-radius:10px}.template-container .template-controlbox .control-container .control-list .control-item[data-v-5e7f5e15]:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.template-container .template-controlbox .control-container .control-list .control-item[data-v-5e7f5e15]:hover{background-color:#f2f2f2}.template-container .template-controlbox .form-container[data-v-5e7f5e15]{width:60%}.inline-input[data-v-5e7f5e15]{width:100%}.inline-input .inline-item[data-v-5e7f5e15],.inline-input[data-v-5e7f5e15]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.inline-input .inline-item[data-v-5e7f5e15]{width:30%}.inline-input .inline-item .image-preview[data-v-5e7f5e15]{position:relative;width:100px;height:100px;overflow:hidden}.inline-input .inline-item .image-preview .image-close[data-v-5e7f5e15]{width:40px;height:40px;background-color:#f66;color:#fff;text-align:left;line-height:56px;border-radius:50%;padding-left:5px;position:absolute;top:-20px;right:-20px}.inline-input .inline-text[data-v-5e7f5e15]{width:120px;padding-right:12px;text-align:right;-ms-flex-negative:0;flex-shrink:0}.inline-input .inline-text[data-v-5e7f5e15]:last-child{margin-left:20px}