.jyb-base-action[data-v-04d4cb62]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ccc;margin-bottom:0;cursor:pointer;background:#1a1a20;color:#fff}.jyb-base-action .jyb-ba-left span[data-v-04d4cb62]{margin-right:10px}.jyb-base-action .jyb-ba-left[data-v-04d4cb62] .el-input__inner{background:#000;color:#fff;padding-right:0}.jyb-base-action .jyb-ba-right[data-v-04d4cb62]{font-size:16px;display:flex}.jyb-base-action .jyb-ba-right span[data-v-04d4cb62]{display:flex;align-content:center;margin-right:20px}.jyb-base-action .jyb-ba-right span .iconfont[data-v-04d4cb62]{font-size:24px;margin-right:6px}.template-action[data-v-04d4cb62]{background:#fff;height:100%;display:flex;flex-direction:column}.template[data-v-04d4cb62]{width:800px;height:700px;overflow:hidden;position:relative;margin:0 auto;background:#eee}.template-action__box[data-v-04d4cb62]{display:flex;background:#f3f4f8;flex:1;overflow:hidden}.template-action__box .temp_ab__left[data-v-04d4cb62]{display:flex;flex:1;overflow:hidden}.template-action__box .template-action__list[data-v-04d4cb62]{width:232px;margin:10px;border-radius:10px;padding:10px;flex-shrink:0}.template-action__box .template-action__list .template-al__item[data-v-04d4cb62]{width:100%;height:220px;display:flex;flex-wrap:wrap;align-content:space-between;background:#fff;margin-bottom:30px;padding-bottom:25px}.template-action__box .template-action__list .template-al__item[data-v-04d4cb62]:last-child{height:300px}.template-action__box .template-action__list li[data-v-04d4cb62]{display:flex;width:77px;flex-direction:column;justify-content:center;align-items:center;color:#999}.template-action__box .template-action__list li img[data-v-04d4cb62]{margin-bottom:10px}.template-action__box .template-action__list .t-al__title[data-v-04d4cb62]{width:100%;line-height:38px;border-bottom:1px dashed #aaa}.template-action__box .template-action__list1[data-v-04d4cb62]{list-style:none;background:#fff}.template-action__box .template-action__list1 li[data-v-04d4cb62]{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#999;margin-left:-50%;margin-top:-50%}.template-action__box .template-action__list1 li .iconfont[data-v-04d4cb62]{font-size:40px;margin-bottom:5px}.template-action__box .template-action__canvas[data-v-04d4cb62]{height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.template-action__box .template-action__canvas .template-action__canvas-box[data-v-04d4cb62]{background:#fff;position:relative;flex-shrink:0;left:50%;top:50%}.template-action__box .scroll-area[data-v-04d4cb62]{position:relative;margin:auto;width:100%;height:100%}.template-action__box .template-action__content[data-v-04d4cb62]{width:300px;margin:10px;background:#fff;flex-shrink:0;position:relative;z-index:1000}.template-action__box .template-action__content .template-action_desc[data-v-04d4cb62]{height:450px;overflow-y:scroll}.template-action__box .template-action__content .template-action_desc .template-action_desc-title[data-v-04d4cb62]{text-align:center;font-size:18px;font-weight:700;margin:0 10px;padding:10px;color:#0090ff;opacity:.7;border-bottom:2px solid #0090ff}.template-action__box .template-action__content .template-action__structure[data-v-04d4cb62]{box-shadow:-5px -5px 5px 0 #eee}.template-action__box .template-action__content .template-action__structure .template-action__structure-title[data-v-04d4cb62]{text-align:center;font-size:18px;font-weight:700;margin:0 10px;line-height:35px;color:#0090ff;opacity:.7;border-bottom:2px solid #0090ff}.max-canvas_box[data-v-04d4cb62]{width:4864px;height:6712px;position:relative;overflow:hidden}.max-canvas_box .max-canvas__ruler[data-v-04d4cb62]{position:absolute;top:0;left:0;width:100%;height:40px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAdpJREFUWEftmEtuwjAQhj01aq2grFCJhCpgww2649Wjl9eOG3CCsGODgtB4qolGNIQQFi4mqLFkWWFk/On32PMnoKQZY7pa6yEAjJRSQ/l5RURLRFzxs+d4l9eEZwMciYKsIrelKLgUBX3GLxTsaa3HADBWSnHntiCiBSIuBNBbnIgKAScAMFFKTQVwRkRzRJwLoM94L5+Dfa01g00BIAUkoplSaoaIPPIh8RnvFwF+iXo8cvsWQB4Z0FscAGpApx2oFXTN4VrBf6ugz4u4qBCc7tmiHORa7LOUcRZkSylkC8E1QG9moMCM3ARkw+rTTuXt3EupgkEQdLTWn0SU9rRQA6y5I+JaavHd4tba11LAMAxbADBAxAGP4mY2WusNEW0E+G7x4/EYlgJGUdRMkqRNRBERtQVoCwCxMWbLz/eM73a791JApVQjiqK3/X5vEPFNtvQQBEESx/GBn+8ZN8Z83AKUg/WYwRjDhvn6PfgYrN9Va0DXHXgWBbNe4PydxFUB1/nGmLwXOH/tdF3Adb4AnrzAxYu76wKu8+XjVdYLnH9ZcF3AdX7eCwBAJ61mrn/8V/MLvECrUoB5L2CtbVYKMO8FrLWNqgEWZktlcvBaLteArqe8VtBVwR+wXDlhnkNnSwAAAABJRU5ErkJggg==) repeat}.template-menus[data-v-04d4cb62]{font-size:14px;color:#777;height:150px;overflow-y:scroll;cursor:pointer}.template-menus .template-menus__title[data-v-04d4cb62]{margin:10px;padding:5px 10px}.template-menus .template-menus__content[data-v-04d4cb62]{margin:10px;padding:2px 10px;padding-left:30px}.template-menus .template-menus__content i[data-v-04d4cb62]{font-size:13px;margin-right:5px}.template-menus__active[data-v-04d4cb62]{color:#83b3f5;background:#f3f4f8}.template-attrs[data-v-04d4cb62]{display:flex;flex-direction:column;padding:0 10px}.template-attrs .temp-action__title[data-v-04d4cb62]{width:100%;padding:0 18px;height:31px;background:#e3f3ff;border-radius:3px;color:#666;border-bottom:2px solid #387eff;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center}.template-attrs .temp-action__title span[data-v-04d4cb62]:last-child{display:block;width:20px;height:20px}.template-attrs .temp-action__title span[data-v-04d4cb62]:last-child:after{display:block;content:"";border-bottom:2px solid #666;padding-right:20px;margin-top:9px}.template-attrs .temp-text__plane[data-v-04d4cb62]{overflow:hidden;transition:all .5s}.template-attrs .posi-keywords[data-v-04d4cb62]{display:flex;justify-content:space-between;margin:20px 0;padding:0 10px}.template-attrs .posi-keywords img[data-v-04d4cb62]{width:18px;height:18px}.template-attrs .posi-number[data-v-04d4cb62]{display:flex;flex-wrap:wrap;align-items:center;justify-items:center}.template-attrs .posi-number .posi-number__item[data-v-04d4cb62]{width:40%;display:flex;align-items:center;margin:0 2%;margin-bottom:15px;padding:0 3%;border-radius:5px;color:#999}.template-attrs .posi-number .posi-number__item span[data-v-04d4cb62]{display:block;width:35px}.template-attrs .posi-number .posi-number__item[data-v-04d4cb62] .el-input-number__decrease,.template-attrs .posi-number .posi-number__item[data-v-04d4cb62] .el-input-number__increase{border:none!important}.template-attrs .posi-number .posi-number__item[data-v-04d4cb62] input{border:none!important;background:#f6f7f8}.template-attrs .posi-number .posi-number__item[data-v-04d4cb62] .el-input__inner{padding-right:0;padding-left:0;width:50px}.template-attrs .posi-border[data-v-04d4cb62]{display:flex;justify-content:space-between;color:#999}.template-attrs .posi-border li[data-v-04d4cb62]{margin:5px;list-style:none;flex:1;display:flex;flex-direction:column;align-items:center}.template-attrs .posi-border li>span[data-v-04d4cb62]{margin-top:10px}.template-attrs .posi-border li[data-v-04d4cb62] .el-input-number--mini{width:100%}.template-attrs .posi-border li[data-v-04d4cb62] .el-input-number__decrease,.template-attrs .posi-border li[data-v-04d4cb62] .el-input-number__increase{border:none!important}.template-attrs .posi-border li[data-v-04d4cb62] input{border:none!important;background:#f6f7f8;padding:0 27px}.template-attrs .posi-border .posi-border__isb[data-v-04d4cb62]{display:flex;justify-content:center;align-items:center;flex-shrink:0}.template-attrs .posi-border .posi-border__isb .posi-border__isb-box[data-v-04d4cb62]{background:#f6f7f8;width:100%;height:28px;display:flex;justify-content:center;align-items:center;position:relative}.template-attrs .posi-border .posi-border__isb .posi-border__isb-box:hover .border-box-style[data-v-04d4cb62]{display:block}.template-attrs .posi-border .posi-border__isb .posi-border__isb1[data-v-04d4cb62]{width:25px;height:12px;border:1px solid #333}.template-attrs .posi-border .posi-border__isb .posi-border__isb3[data-v-04d4cb62]{width:25px;height:12px}.template-attrs .posi-border .posi-border__isb .border-box-style[data-v-04d4cb62]{background:#fff;padding:30px;width:60px;height:30px;position:absolute;top:-90px;left:-15px;box-shadow:0 0 8px 1px #ccc;z-index:1111;display:none}.template-attrs .posi-border .posi-border__isb .border-box-style p[data-v-04d4cb62]:first-child{height:10px;background:#ccc;width:77px;position:absolute;top:20px;left:20px}.template-attrs .posi-border .posi-border__isb .border-box-style p[data-v-04d4cb62]:nth-child(2){height:50px;background:#ccc;width:10px;position:absolute;top:20px;right:20px}.template-attrs .posi-border .posi-border__isb .border-box-style p[data-v-04d4cb62]:nth-child(3){height:10px;background:#ccc;width:70px;position:absolute;bottom:20px;left:20px}.template-attrs .posi-border .posi-border__isb .border-box-style p[data-v-04d4cb62]:nth-child(4){height:50px;background:#ccc;width:10px;position:absolute;top:20px;left:20px}.template-attrs .posi-border .posi-border__isb .posi-border__isb2[data-v-04d4cb62]{width:75px;height:1px;background:red;margin-top:-26px;transform:rotate(18deg);transform-origin:0 0}.template-attrs .bg_grey[data-v-04d4cb62]{background:#f6f7f8}.template-attrs .template-attrs__item[data-v-04d4cb62]{display:flex;align-items:center}.template-attrs .template-attrs__title[data-v-04d4cb62]{width:80px;margin-bottom:10px;margin-top:10px;margin-right:10px;flex-shrink:0}.template-attrs .temp-text__posi[data-v-04d4cb62]{display:flex;justify-content:space-between;margin-top:15px}.template-attrs .temp-text__posi img[data-v-04d4cb62]{width:25px;height:25px;padding:2px}.template-attrs .temp-text__posi .text-checked[data-v-04d4cb62]{border-radius:5px;background:#eee}.template-attrs .tat-w35[data-v-04d4cb62]{width:35px}.template-attrs .tat-w10[data-v-04d4cb62]{width:10px}.template-attrs .tat-w100[data-v-04d4cb62]{width:100px}.template-attrs .tat-w50[data-v-04d4cb62]{width:50px}.template-attrs .tat-w85[data-v-04d4cb62]{width:85px}.template-attrs .tat-w65[data-v-04d4cb62]{width:65px}.template-attrs .tat-ml50[data-v-04d4cb62]{margin-left:50px}.template-attrs .template-attrs__input[data-v-04d4cb62]{display:flex}.template-attrs .template-attrs__input[data-v-04d4cb62] .el-input-number--mini{width:100%}.template-attrs .template-attrs__input[data-v-04d4cb62] .el-input-number--mini input{border:none!important;background:#f6f7f8}.template-attrs .template-attrs__input[data-v-04d4cb62] .el-input-number--mini .el-input-number__decrease,.template-attrs .template-attrs__input[data-v-04d4cb62] .el-input-number--mini .el-input-number__increase{border:none!important}.template-attrs .template-attrs__input[data-v-04d4cb62] .el-radio-group{display:flex}.template-attrs .template-attrs__input[data-v-04d4cb62] .el-radio-group label{margin-right:10px;margin-left:0;font-size:16px}.template-attrs .template-attrs__input[data-v-04d4cb62] .el-upload button{padding:7px 16px}.template-attrs .template-attrs__input .el-input[data-v-04d4cb62]{margin-right:10px}.table-form[data-v-04d4cb62]{width:300px}.table-form[data-v-04d4cb62] input{width:50px;border:none;border-bottom:1px solid #ccc}.template-attrs__input button[data-v-04d4cb62]{padding:3px 10px}.template-attrs__input .iconfont[data-v-04d4cb62]{font-size:25px}.text-width[data-v-04d4cb62]{visibility:hidden;position:fixed;bottom:200px;white-space:nowrap}.template-action_dynamic-title[data-v-04d4cb62]{display:flex;justify-content:space-around;font-size:18px;font-weight:700;margin:0 10px;padding:10px;opacity:.7;cursor:pointer;z-index:1000}.template-action_dynamic-title .dynamic-attrs[data-v-04d4cb62]{color:red}.right-action[data-v-04d4cb62]{cursor:pointer}.right-action img[data-v-04d4cb62]{width:25px;height:25px;margin:0 15px}.right-action-ul[data-v-04d4cb62]{position:absolute;cursor:pointer;background:#333;border-radius:5px;padding:10px}.right-action-ul img[data-v-04d4cb62]{width:25px;height:25px;margin:0 15px}[data-v-04d4cb62] .el-upload--text{display:flex;flex-direction:column;width:auto;height:auto;border:none;color:#999}#canvas-preview[data-v-04d4cb62]{position:fixed;top:-5000px;left:-5000px;background:#fff;z-index:222}.draggable[data-v-04d4cb62]{cursor:pointer}.jyb-ba-left[data-v-04d4cb62]{display:flex;align-items:center}.el-form[data-v-ecbe0a1e]{width:90%}.size[data-v-ecbe0a1e] .el-checkbox.is-bordered.el-checkbox--small{height:42px}.size[data-v-ecbe0a1e] .el-checkbox__input{position:relative;top:-10px}.template-list[data-v-ecbe0a1e]{display:flex;flex-wrap:wrap}.template-list .template-box[data-v-ecbe0a1e]{width:160px;padding:10px;margin-right:15px;margin-bottom:15px;display:flex;flex-direction:column;align-items:center;border:1px solid #eee;position:relative}.template-list .template-box .template-img[data-v-ecbe0a1e]{width:100%;height:275px;overflow:hidden;position:relative}.template-list .template-box .template-img .img[data-v-ecbe0a1e]{background-size:cover;height:100%}.template-list .template-box img[data-v-ecbe0a1e]{width:150px}.template-list .template-box p[data-v-ecbe0a1e]{width:100%;margin-top:5px;padding-left:10px}.template-list .template-box__active[data-v-ecbe0a1e]{background:hsla(0,0%,78.4%,.1)}.no-template[data-v-ecbe0a1e]{line-height:40px;text-align:center}[data-v-ecbe0a1e] .el-form-item .el-checkbox__input{display:none}[data-v-ecbe0a1e] .el-checkbox.is-bordered.el-checkbox--small{width:125px;text-align:center;margin-left:0}.jyb-template__manage[data-v-e29b9460]{height:100%;padding:10px;background:#fff;display:flex;flex-direction:column}.jyb-template__manage .template-library-box[data-v-e29b9460]{flex:1;height:0}.jyb-template__manage .template-library-box .template-library-box1[data-v-e29b9460]{overflow-y:scroll;width:100%;height:100%}.jyb-base-action[data-v-e29b9460]{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:25px;border-bottom:1px solid #ccc}.jyb-base-action .jyb-tab[data-v-e29b9460]{list-style:none;display:flex;cursor:pointer;border-radius:5px;color:#000;border:1px solid #409eff}.jyb-base-action .jyb-tab li[data-v-e29b9460]{padding:10px 0;width:120px;text-align:center}.jyb-base-action .jyb-tab .active[data-v-e29b9460]{background:#409eff;color:#fff}.jyb-template__no[data-v-e29b9460]{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:200px;color:#999}.jyb-template__no button[data-v-e29b9460]{margin-top:10px}.el-dialog .el-form .el-input[data-v-e29b9460]{width:260px}.el-dialog .el-form .box-range[data-v-e29b9460]{display:flex}.el-dialog .el-form .box-range .el-input[data-v-e29b9460]{width:100px}.el-dialog .el-form .box-range input[data-v-e29b9460]{width:80px}.template-list[data-v-e29b9460]{display:flex;flex-wrap:wrap;align-items:flex-start;flex:1;height:0}.template-list .template-list1[data-v-e29b9460]{overflow-y:scroll;height:100%;width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;padding-top:5px}.template-list .template-box[data-v-e29b9460]{width:200px;margin-right:15px;margin-bottom:15px;margin-left:5px;border-radius:5px;padding:15px;box-shadow:0 0 5px 2px #ccc}.template-list .template-box img[data-v-e29b9460]{width:200px}.template-list .template-box p[data-v-e29b9460]{margin-top:10px}.template-list .template-box p[data-v-e29b9460]:nth-child(2){font-size:18px;font-weight:700;text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap}.template-img[data-v-e29b9460]{width:100%;height:300px;position:relative}.template-img .img[data-v-e29b9460]{background-size:cover;border:1px dashed #ccc;height:100%}.template-img .template-prev[data-v-e29b9460]{position:absolute;top:30px;right:10px;font-size:18px}.template-img .template-mask[data-v-e29b9460]{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;visibility:hidden}.template-img .template-mask>img[data-v-e29b9460]{position:absolute;left:10px;top:13px;width:36px}.template-img .template-mask>i[data-v-e29b9460]{font-size:50px;color:#fff;margin-top:-25px}.template-img .template-mask .template-mask__action[data-v-e29b9460]{position:absolute;bottom:0;left:0;height:50px;line-height:50px;display:flex;justify-content:space-between;width:100%;padding:0 10px;box-sizing:border-box;color:#fff}.template-img .template-mask .template-mask__action i[data-v-e29b9460]{font-size:30px}.template-img:hover .template-mask[data-v-e29b9460]{visibility:visible}.template{height:100%}