.vdr[data-v-79d2ed4a]{-ms-touch-action:none;touch-action:none}.handle[data-v-79d2ed4a],.vdr[data-v-79d2ed4a]{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.handle[data-v-79d2ed4a]{background:#fff;border:1px solid #333;z-index:111}.handle-tl[data-v-79d2ed4a]{cursor:nw-resize}.handle-tm[data-v-79d2ed4a]{cursor:n-resize}.handle-tr[data-v-79d2ed4a]{cursor:ne-resize}.handle-ml[data-v-79d2ed4a]{cursor:w-resize}.handle-mr[data-v-79d2ed4a]{cursor:e-resize}.handle-bl[data-v-79d2ed4a]{cursor:sw-resize}.handle-bm[data-v-79d2ed4a]{cursor:s-resize}.handle-br[data-v-79d2ed4a]{cursor:se-resize}.handle-rot[data-v-79d2ed4a]{-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:-webkit-grab;cursor:grab;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;text-indent:-9999px;vertical-align:middle}.handle-rot[data-v-79d2ed4a]:after,.handle-rot[data-v-79d2ed4a]:before{content:"";-webkit-box-sizing:inherit;box-sizing:inherit;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.handle-rot[data-v-79d2ed4a]:before{width:1em;height:1em;border:2px solid #333;border-right-color:transparent;border-radius:50%}.handle-rot[data-v-79d2ed4a]:after{width:0;height:0;border:.25em solid #333;border-left-color:transparent;border-top-color:transparent;left:100%;top:10%}[data-v-79d2ed4a] .active,[data-v-79d2ed4a] .el-color-picker__panel{z-index:999999!important}.computer-item[data-v-6ca75cb4]{border-radius:2px;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;color:hsla(0,0%,100%,.8);font-size:13px}.computer-def[data-v-6ca75cb4]{background-color:rgba(0,0,0,.4)}.computer-active[data-v-6ca75cb4]{background-color:#0c8d1e}.onlyUpload-pic[data-v-97d65d54]{width:100%;height:100%}.txtnew[data-v-ea6ea480]{width:100%;height:100%;font-size:14px;pointer-events:all}.txtnew[data-v-ea6ea480] textarea{height:100%!important;background-color:transparent;border:0;color:inherit;resize:none}.txtnew[data-v-ea6ea480] textarea::-webkit-input-placeholder{color:inherit}.txtnew[data-v-ea6ea480] textarea::-moz-placeholder{color:inherit}.txtnew[data-v-ea6ea480] textarea:-ms-input-placeholder{color:inherit}.txtnew[data-v-ea6ea480] textarea::-ms-input-placeholder{color:inherit}.txtnew[data-v-ea6ea480] textarea::placeholder{color:inherit}.txtnew[data-v-ea6ea480] .el-textarea__inner{padding:0}.el-icon-picture-outline[data-v-3abd17d9]{font-size:30px}.upload-out[data-v-3abd17d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.upload-out-def[data-v-3abd17d9]{background-color:#fbfdff;border:1px dashed #1d57f6;border-radius:6px;color:#1d57f6}.tip[data-v-3abd17d9]{font-size:12px;margin-top:6px}.bg-box[data-v-3abd17d9]{width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bg-box[data-v-3abd17d9],[data-v-3abd17d9] .box-pointUpload{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}table[data-v-40ae79d8]{width:100%;height:100%}table td[data-v-40ae79d8]{text-align:center;padding:8px 15px;font-size:14px}table .t-header[data-v-40ae79d8]{font-size:18px}.draging-item[data-v-44855668]{width:100%;height:100%;border:1px solid #0083bd}.tip[data-v-f8d42574]{color:#999;font-size:12px}.width200[data-v-f8d42574]{width:200px}.status-text[data-v-f8d42574]{width:30px;text-align:right;margin-right:10px}.computer-fontItem[data-v-f8d42574]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.panel_box[data-v-574d798c]{display:block;position:relative;width:34px;height:30px;margin:0 auto 50px;cursor:pointer}.bg-box[data-v-574d798c]{margin-bottom:30px}.title[data-v-574d798c]{white-space:nowrap;color:hsla(0,0%,100%,.8);font-size:12px;margin-top:10px}.menuImg[data-v-574d798c]{width:20px;height:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.timeImg[data-v-574d798c]{background-position:-3px -269px}.iconBg[data-v-574d798c]{background-color:transparent;border-radius:2px;text-align:center;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}.plane-left[data-v-574d798c]{width:50px;height:100%;overflow-y:auto;background-color:#043247;position:absolute}.main[data-v-574d798c]{height:calc(100vh - 48px);overflow:auto;margin-left:50px;top:48px;position:relative}.main-preview[data-v-574d798c]{height:100vh;top:0;margin-left:0}#designer_layout[data-v-574d798c]{opacity:1;position:relative}.canvas_conatiner[data-v-574d798c]{position:relative;width:1920px;height:1080px;cursor:default;padding:0}.prism-player[data-v-574d798c]{width:100%;height:100%;background:none!important;top:0;left:0}.designer_canvas[data-v-574d798c]{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden}.canvasDefBg[data-v-574d798c]{background-color:rgba(3,75,175,.85);background-repeat:repeat}.ref-line[data-v-574d798c]{position:absolute;background-color:#87ceeb;z-index:9999}.v-line[data-v-574d798c]{width:1px}.h-line[data-v-574d798c]{height:1px}.side-img[data-v-574d798c]{width:20px}[data-v-574d798c] .handle-rot{background:transparent}.top-del[data-v-574d798c]{position:absolute;top:-3px;left:-35px;color:rgba(0,0,0,.8);cursor:pointer;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:rgba(0,0,0,.1);padding:5px;text-align:center}.top-del .el-icon-delete[data-v-574d798c]:hover,.top-del .el-icon-setting[data-v-574d798c]:hover{color:#0083bd}.top-del .icon-set-box[data-v-574d798c]{width:200px;left:32px;top:0;background:#fff;z-index:999;padding:10px;min-height:100px;position:absolute}.top-del .icon-set-item[data-v-574d798c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.top-del .icon-set-item[data-v-574d798c] .el-select{width:80px}.top-del .item-label[data-v-574d798c]{font-size:14px}.top-del .select-color .item-label[data-v-574d798c]{margin-right:20px}.top-del-other[data-v-574d798c]{top:-32px;left:-52px}.top-btn[data-v-574d798c]{background-color:rgba(0,0,0,.5);border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-v-574d798c] .top-del .el-input.is-disabled .el-input__inner,[data-v-574d798c] .top-del .el-input__inner,[data-v-574d798c] .top-fun .el-input.is-disabled .el-input__inner,[data-v-574d798c] .top-fun .el-input__inner{background:transparent;border:0;color:#fff}[data-v-574d798c] .top-del input::-webkit-input-placeholder,[data-v-574d798c] .top-fun input::-webkit-input-placeholder{color:#fff}[data-v-574d798c] .top-del input::-moz-placeholder,[data-v-574d798c] .top-fun input::-moz-placeholder{color:#fff}[data-v-574d798c] .top-del input:-ms-input-placeholder,[data-v-574d798c] .top-fun input:-ms-input-placeholder{color:#fff}[data-v-574d798c] .top-del input::-ms-input-placeholder,[data-v-574d798c] .top-fun input::-ms-input-placeholder{color:#fff}[data-v-574d798c] .top-del input::placeholder,[data-v-574d798c] .top-fun input::placeholder{color:#fff}[data-v-574d798c] .top-del .el-color-picker__trigger,[data-v-574d798c] .top-fun .el-color-picker__trigger{width:16px;height:16px;padding:0;border:0}[data-v-574d798c] .top-del .el-color-picker__color,[data-v-574d798c] .top-fun .el-color-picker__color{border:0}[data-v-574d798c] .top-del .el-color-picker,[data-v-574d798c] .top-fun .el-color-picker{height:16px}[data-v-574d798c] .select-font .el-input.is-disabled .el-input__inner,[data-v-574d798c] .select-font .el-input__inner{color:rgba(0,0,0,.8);padding:0}[data-v-574d798c] .select-font input::-webkit-input-placeholder{color:rgba(0,0,0,.8)}[data-v-574d798c] .select-font input::-moz-placeholder{color:rgba(0,0,0,.8)}[data-v-574d798c] .select-font input:-ms-input-placeholder{color:rgba(0,0,0,.8)}[data-v-574d798c] .select-font input::-ms-input-placeholder{color:rgba(0,0,0,.8)}[data-v-574d798c] .select-font input::placeholder{color:rgba(0,0,0,.8)}.fontColorPicker .el-button--text[data-v-574d798c],[data-v-574d798c] .select-font .el-select__caret{display:none}.top-fun[data-v-574d798c]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:-65px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:300px}.top-fun i[data-v-574d798c]{display:inline-block}.top-fun .el-icon-setting[data-v-574d798c]{margin-left:30px}.top-fun-preview[data-v-574d798c]{top:-35px}.top-computer[data-v-574d798c]{width:300px;margin-left:10px;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;opacity:0}.top-computer-show[data-v-574d798c]{opacity:1}.computer-name[data-v-574d798c]{font-size:12px;max-width:120px;overflow:auto;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 15px}.computer-name[data-v-574d798c]:hover{cursor:pointer}[data-v-574d798c] .el-dialog{border-radius:12px}[data-v-574d798c] .el-dialog__header{padding:16px;border-bottom:1px solid #979797}[data-v-574d798c] .el-dialog__body{padding:10px 20px}[data-v-574d798c] .el-dialog__close:before{font-size:24px}[data-v-574d798c] .footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.plane-top[data-v-574d798c]{width:100%;position:absolute;color:#fff;z-index:1;padding:10px 20px;cursor:default;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;background-color:#043247;-webkit-box-sizing:border-box;box-sizing:border-box}.plane-top span[data-v-574d798c]{margin-left:20px}.right-btns[data-v-574d798c]{margin-left:30px;display:-webkit-box;display:-ms-flexbox;display:flex}.box-preview[data-v-574d798c]{pointer-events:none}.same-top[data-v-574d798c]{position:absolute;z-index:9999}.xline[data-v-574d798c]{width:1px;height:100%;background:rgba(0,0,0,.07);position:absolute}.yline[data-v-574d798c]{width:100%;height:1px;background:rgba(0,0,0,.07);position:absolute}.select-font[data-v-574d798c]{width:25px;margin:10px 0}.fontWeight[data-v-574d798c]{margin-top:10px;width:16px;height:16px;line-height:16px;text-align:center;font-size:14px}.fontWeight-active[data-v-574d798c]{font-weight:700}[data-v-574d798c] .el-dialog__wrapper{z-index:999999!important}.returnDialog[data-v-574d798c]{z-index:999999!important;top:28vh}.returnDialog[data-v-574d798c] .el-dialog__header{border-bottom:0}.el-color-picker__icon,.fontColorPicker{z-index:999999!important}.el-color-picker__icon .el-button--text,.fontColorPicker .el-button--text{display:none}.backIcon{position:absolute;right:20px;top:10px;z-index:1111}.bg-btn{margin-right:50px}.bg-btn,.uploadBg{color:#fff}.left-title{display:-webkit-box;display:-ms-flexbox;display:flex}.base-set{cursor:pointer;color:hsla(0,0%,100%,.7);margin-right:30px;line-height:28px}.top-fontStyle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.only-fontColor{margin-top:10px}.main::-webkit-scrollbar-thumb{background-color:#909298;border-radius:0}.drag-text{color:#fff;position:absolute}.resize-draging{border:1px solid #0083bd}.resize-fun{position:absolute;top:-26px;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:100px;font-size:14px;width:100%;text-align:center;background:hsla(0,0%,100%,.5);border-radius:2px;padding:2px 0}.resize-fun div{-webkit-box-flex:1;-ms-flex:1;flex:1}.resizebox-vuedrag .handle-rot{top:-42px!important}.box-pointNone{pointer-events:none;height:100%}