.container[data-v-7fe592f6]{-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;width:100%}.container .top-tool[data-v-7fe592f6]{height:50px;display:flex;justify-content:space-between;background-color:#273746}.container .top-tool .top-left-div[data-v-7fe592f6]{display:flex}.container .top-tool .top-left-div .color-div-a[data-v-7fe592f6],.container .top-tool .top-left-div .color-div[data-v-7fe592f6]{border-radius:50%;height:40px;width:40px;margin:5px 10px}.container .top-tool .top-left-div .color-div-a[data-v-7fe592f6]:hover,.container .top-tool .top-left-div .color-div[data-v-7fe592f6]:hover{cursor:pointer;box-shadow:0 0 10px #fff}.container .top-tool .top-left-div .color-div-a[data-v-7fe592f6]{box-shadow:0 0 10px #fff}.container .top-tool .top-left-div .getcolor-div[data-v-7fe592f6]{position:relative;margin:5px 10px}.container .top-tool .top-left-div .getcolor-div img[data-v-7fe592f6]{position:absolute;top:0;height:40px;width:40px;border-radius:50%}.container .top-tool .top-left-div .getcolor-div input[data-v-7fe592f6]{z-index:10;border-radius:50%;position:absolute;top:0;background-color:transparent;height:40px;width:40px;opacity:0;border:0;cursor:pointer}.container .top-tool .top-left-div .el-form-item__label[data-v-7fe592f6]{color:#fff!important}.container .top-tool .top-right-div[data-v-7fe592f6]{margin:0;display:flex}.container .top-tool .top-right-div .model-btn-a[data-v-7fe592f6],.container .top-tool .top-right-div .model-btn[data-v-7fe592f6]{background-color:#455769;border:0;padding:9px 15px;margin:auto 10px}.container .top-tool .top-right-div .model-btn-a img[data-v-7fe592f6],.container .top-tool .top-right-div .model-btn img[data-v-7fe592f6]{height:20px;width:20px}.container .top-tool .top-right-div .model-btn-a[data-v-7fe592f6]{border:0;background-color:hsla(0,0%,100%,.5)}.container .top-tool .top-right-div .clear-btn[data-v-7fe592f6],.container .top-tool .top-right-div .download-btn[data-v-7fe592f6]{margin:auto 10px}.container .top-tool .top-right-div .upload-btn[data-v-7fe592f6]{margin:auto 10px;height:40px;width:50px;padding:0;position:relative}.container .top-tool .top-right-div .upload-btn input[data-v-7fe592f6]{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;opacity:0;border:0}.container .middle-div[data-v-7fe592f6]{width:100%;height:calc(100% - 50px)}.container .middle-div .canvas-div[data-v-7fe592f6]{width:100%;height:94%;overflow:hidden;position:absolute;background-color:#000}.container .middle-div .canvas-div #myCanvas[data-v-7fe592f6]{background-color:#fff;display:flex;align-items:center;justify-content:center;margin-left:9%;margin-top:7%}.container .msg-div[data-v-7fe592f6]{position:absolute;z-index:10;background-color:hsla(0,0%,100%,.5);color:#000;padding:5px 20px}