[data-v-37fe2b8c]{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.icon[data-v-37fe2b8c]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}[data-v-37fe2b8c] .el-dialog{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;margin-top:100px!important}[data-v-37fe2b8c] .el-dialog>div{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-37fe2b8c] .el-dialog .el-dialog__header{padding:0 20px}[data-v-37fe2b8c] .el-dialog .el-dialog__header p{padding:20px 0;border-bottom:1px solid #bdbdbd}[data-v-37fe2b8c] .el-dialog .el-dialog__body{padding:10px 20px;-webkit-box-flex:1;-ms-flex:1;flex:1;height:0;padding-top:0;position:relative}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body{height:100%;overflow-y:auto;padding-top:20px}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .board{position:relative;min-height:500px;height:500px}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .board canvas{position:absolute;margin:0 auto;left:0;right:0;top:0}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .board #ctx_front{z-index:5}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .board #ctx_back{z-index:3}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .board #ctx_base{z-index:1}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .board #text{position:absolute;z-index:-1;resize:none;outline:none;border:1px dashed #eee;overflow:hidden;background:transparent;line-height:30px;display:none}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .tools{width:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:5;background:#fff;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings{top:534px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;padding:5px 10px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:auto}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings .tool_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;word-break:keep-all}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings .tool_item:not(:last-of-type){margin-right:25px}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings .go_up{margin-right:0!important}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings button{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;background:#fff;border:none;outline:none;cursor:pointer;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings button svg{color:#333;font-size:18px;margin-right:5px}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings button span{white-space:nowrap}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings button /deep/ .el-color-picker{position:absolute;left:0;top:0;width:100%;height:100%}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings button /deep/ .el-color-picker .el-color-picker__trigger{width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings .slide{width:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings .slide svg{font-size:18px;margin-right:5px}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings .slide /deep/ .el-slider{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;margin-left:10px}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings .slide /deep/ .el-slider .el-slider__button-wrapper .el-slider__button{width:12px;height:12px}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings .pull{position:absolute;right:20px;bottom:-45px;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:start;-ms-flex-pack:start;justify-content:flex-start;margin-right:0}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings .pull .line{width:2px;height:30px;background:#1e90ff}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .settings .pull .round{width:15px;height:15px;border-radius:50%;background:#1e90ff;cursor:pointer}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars{top:100px;right:30px;z-index:10;padding:15px;border-top-left-radius:4px;border-bottom-left-radius:4px;border:1px solid #eee;width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars .tool_item{cursor:pointer}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars .tool_item:not(:last-of-type){margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:10px}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars .tool_item svg{font-size:24px;margin-right:8px}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars .tool_item span{font-size:18px}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars .tool_item:hover span,[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars .tool_item:hover svg{color:#1e90ff}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars .activeTool{color:#1e90ff;border-color:#1e90ff!important}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars .activeTool span,[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars .activeTool svg{color:#1e90ff}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars .arrow{width:20px;height:20px;text-align:center;line-height:20px;border-radius:50%;border:1px solid #606266;color:#606266;position:absolute;left:-10px;background:#fff;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars .el-icon-s-tools{left:-30px;width:30px;height:30px;line-height:30px;font-size:20px;color:#1e90ff;border-color:#1e90ff}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .bars .el-icon-arrow-right{left:calc(100% - 10px)}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .hideTools{right:-100px}[data-v-37fe2b8c] .el-dialog .el-dialog__body .d_body .noExpand{top:-50px}[data-v-37fe2b8c] .el-dialog .activeTool{color:#1e90ff;border-color:#1e90ff!important}[data-v-37fe2b8c] .el-dialog .activeTool svg{color:#1e90ff}[data-v-37fe2b8c] .el-dialog .activeTool span{border-color:#1e90ff;color:#1e90ff}[data-v-37fe2b8c] .el-dialog .tool_item{font-size:16px;border:1px solid #eee;padding:5px 10px}[data-v-37fe2b8c] .el-dialog .el-dialog__footer{text-align:center!important}[data-v-37fe2b8c] .el-dialog .el-dialog__footer span button{padding-left:40px;padding-right:40px}[data-v-37fe2b8c] .el-dialog .el-dialog__footer span button:first-of-type{margin-right:50px}[data-v-37fe2b8c] .el-dialog .el-dialog__footer span button:last-of-type{margin-left:50px}.imgDraw[data-v-37fe2b8c]{height:500px}