.template-select-container[data-v-46224f48]{width:100%;height:100%}.template-select-container .template-list[data-v-46224f48]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:400px;overflow:auto}.template-select-container .template-list .template-item[data-v-46224f48]{width:33%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.template-select-container .template-list .template-item .template-image[data-v-46224f48]{width:100px;height:100px;position:relative}.template-select-container .template-list .template-item .template-image img[data-v-46224f48]{width:100%;height:100%;position:relative;z-index:1}.template-select-container .template-list .template-item .template-image .select-mask[data-v-46224f48]{width:100%;height:100%;background-color:rgba(0,0,0,.5);color:#fff;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;font-size:26px;position:absolute;top:0;left:0;z-index:9}.template-select-container .template-list .template-item .template-name[data-v-46224f48]{text-align:center;padding:10px;font-size:14px;color:#333}.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}}.program[data-v-e4565f4c]{width:100%}.program .program-container[data-v-e4565f4c]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.program .program-container .left-content[data-v-e4565f4c]{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}.program .program-container .left-content .template-content[data-v-e4565f4c]{border:1px solid #f2f2f2;position:relative;-ms-flex-negative:0;flex-shrink:0}.program .program-container .left-content .template-content .drag-control[data-v-e4565f4c]{border:0}.program .program-container .left-content .template-content .control-active[data-v-e4565f4c]{border:1px dashed #000}.program .program-container .left-content .template-content .template-background-color[data-v-e4565f4c]{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.program .program-container .left-content .template-content .template-background-image[data-v-e4565f4c]{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}.program .program-container .left-content .template-content .control .control-content[data-v-e4565f4c],.program .program-container .left-content .template-content .control[data-v-e4565f4c]{position:relative;overflow:hidden}.program .program-container .left-content .template-content .control .control-content .view-control[data-v-e4565f4c],.program .program-container .left-content .template-content .control .control-content[data-v-e4565f4c],.program .program-container .left-content .template-content .control[data-v-e4565f4c]{width:100%;height:100%;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}.program .program-container .left-content .template-content .control .control-content .view-control .el-carousel[data-v-e4565f4c]{width:100%;height:100%}.program .program-container .left-content .template-content .control .control-content .view-control div[data-v-e4565f4c] img{width:100%;height:auto}.program .program-container .left-content .template-content .control span[data-v-e4565f4c]{margin-left:5px}.program .program-container .left-content .template-content .control .delete-btn[data-v-e4565f4c]{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%}.program .program-container .left-content .template-content .control .delete-btn i[data-v-e4565f4c]{margin-right:0}.program .program-container .template-controlbox[data-v-e4565f4c]{width:calc(100% - 520px);padding-left:10px}.program .program-container .template-controlbox .control-title[data-v-e4565f4c]{font-size:16px;font-weight:700}.program .program-container .template-controlbox .control-config .button-line[data-v-e4565f4c]{padding:10px 0}.program .program-container .template-controlbox .control-config .button-line .el-select[data-v-e4565f4c]{margin-right:10px}.program .program-container .template-controlbox .control-config .inline-input[data-v-e4565f4c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.program .program-container .template-controlbox .control-config .inline-input .el-input[data-v-e4565f4c]{margin-right:5px}.select-container[data-v-52abbf84]{width:100%;overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.select-container .select-group[data-v-52abbf84],.select-container .select-tree[data-v-52abbf84]{width:50%}