.van-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;width:88px;max-width:70%;min-height:88px;padding:16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-break:break-all;background-color:rgba(0,0,0,.7);border-radius:8px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-toast--unclickable{overflow:hidden}.van-toast--unclickable *{pointer-events:none}.van-toast--html,.van-toast--text{width:-webkit-fit-content;width:fit-content;min-width:96px;min-height:0;padding:8px 12px}.van-toast--html .van-toast__text,.van-toast--text .van-toast__text{margin-top:0}.van-toast--top{top:20%}.van-toast--bottom{top:auto;bottom:20%}.van-toast__icon{font-size:36px}.van-toast__loading{padding:4px;color:#fff}.van-toast__text{margin-top:8px}.elesigncode-vue{width:100%;height:100%}.draw_popper{background:#454545;-webkit-box-shadow:none;box-shadow:none;border:none}.draw_popper .el-color-dropdown__link-btn{display:none}.main[data-v-7f0b2c23]{position:absolute;z-index:10}.main.active[data-v-7f0b2c23]{z-index:11}.main .bg-383838[data-v-7f0b2c23]{background:#383838}.main .actions-icon[data-v-7f0b2c23]{position:absolute;background:#535353;border:1px solid #999;border-radius:5px;width:240px;height:500px;overflow:hidden;left:10px;top:0}.main .actions-icon .elesign-tabs[data-v-7f0b2c23]{height:40px;line-height:40px}.main .actions-icon .elesign-tabs .tab[data-v-7f0b2c23]{text-align:center;color:#fff;font-size:16px;cursor:pointer;min-width:50%;background:#212121;border-bottom:1px solid #999;border-right:1px solid #999}.main .actions-icon .elesign-tabs .tab.active[data-v-7f0b2c23]{background:none;border-bottom:none}.main .actions-icon .elesign-tabs .tab[data-v-7f0b2c23]:last-child{border-right:none}.main .actions-icon .action-wrap[data-v-7f0b2c23]{padding:10px}.main .actions-icon .tie[data-v-7f0b2c23]{color:#fff;font-size:14px}.main .actions-icon .blank[data-v-7f0b2c23]{border-bottom:1px solid #212121;padding-top:5px;margin:0 5px}.main .actions-icon .item-color[data-v-7f0b2c23]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.main .actions-icon .item-color img[data-v-7f0b2c23]{width:25px;height:25px}.main .actions-icon .item-color .color[data-v-7f0b2c23]{width:25px;height:25px;border:1px solid #fff;margin-right:15px;margin-top:15px;border-radius:15px}.main .actions-icon .item-huabi .text[data-v-7f0b2c23]{width:120px}.main .actions-icon .item-huabi .huabi-slider[data-v-7f0b2c23]{width:208px;-webkit-transform-origin:left center;transform-origin:left center}.main .actions-icon .item-huabi .huabi-slider[data-v-7f0b2c23] .el-slider__button{width:12px;height:12px}.main .actions-icon .item-huabi .huabi-slider[data-v-7f0b2c23] .el-slider__runway{background:#212121;height:4px}.main .actions-icon .item-huabi .huabi-slider[data-v-7f0b2c23] .el-slider__bar{height:4px}.main .actions-icon .item-huabi .lineWidth[data-v-7f0b2c23]{position:relative;left:-20px}.main .actions-icon .item-huabi .item-draw[data-v-7f0b2c23]{color:#fff;width:260px;position:relative;left:-20px}.main .actions-icon .item-huabi .item-draw .text[data-v-7f0b2c23]{position:absolute;left:10px}.main .actions-icon .item-huabi .item-draw .item-size[data-v-7f0b2c23]{width:40px;height:30px;position:relative}.main .actions-icon .item-huabi .item-draw .item-size[data-v-7f0b2c23]:nth-child(2){width:44px}.main .actions-icon .item-huabi .item-draw .item-size[data-v-7f0b2c23]:nth-child(3){width:50px}.main .actions-icon .item-huabi .item-draw .item-size[data-v-7f0b2c23]:nth-child(4){width:55px}.main .actions-icon .item-huabi .item-draw .item-size[data-v-7f0b2c23]:nth-child(5){width:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;padding-left:10px}.main .actions-icon .item-huabi .item-draw .item-size[data-v-7f0b2c23]:after{content:"";display:block;background:#979797;height:1px;position:absolute;width:100%;z-index:14}.main .actions-icon .item-huabi .item-draw .item-size[data-v-7f0b2c23]:first-child:after{width:50%;left:50%}.main .actions-icon .item-huabi .item-draw .item-size[data-v-7f0b2c23]:last-child:after{width:50%;left:0}.main .actions-icon .item-huabi .item-draw .item-size .size[data-v-7f0b2c23]{border:1px solid #eee;border-radius:100%;background:#535353;position:relative;z-index:15}.main .actions-icon .item-huabi .item-draw .item-size.active .size[data-v-7f0b2c23]{border:2px solid #fff}.main .actions-icon .item[data-v-7f0b2c23]{width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;border-radius:4px;background:#212121;cursor:pointer}.main .actions-icon .item img[data-v-7f0b2c23]{width:25px;height:25px}.main .actions-icon .item>[data-v-7f0b2c23],.main .actions-icon .item~div[data-v-7f0b2c23]{position:relative;z-index:1}.main .actions-icon .item.mar-auto[data-v-7f0b2c23]{margin:0 auto}.main .actions-icon .item.active[data-v-7f0b2c23]{background:#000;position:relative;-webkit-box-shadow:0 0 1px 2px hsla(0,0%,100%,.4);box-shadow:0 0 1px 2px hsla(0,0%,100%,.4)}.main .actions-icon .item.active[data-v-7f0b2c23]:before{content:"";display:block;position:absolute;background:#383838;width:100%;height:100%;top:-4px;padding:20px;z-index:0;border-top-left-radius:5px;border-top-right-radius:5px;padding-bottom:70px}.main .actions-icon[data-v-7f0b2c23] .el-color-picker__trigger{border:none}.main .actions-icon .button-wrap[data-v-7f0b2c23]{position:absolute;bottom:0;left:15px;bottom:15px;right:15px}.main .actions-icon .button-wrap .el-button--default[data-v-7f0b2c23]{background:#212121;border-radius:4px;border:1px solid #858585}.main .actions-icon-mobile[data-v-7f0b2c23]{left:0!important;bottom:0;height:105px;margin-left:0!important;top:auto;width:100%;position:fixed;background:#282828}.main .actions-icon-mobile .seeting[data-v-7f0b2c23]{height:50px}.main .actions-icon-mobile .seeting .item-color img[data-v-7f0b2c23]{width:25px;height:25px}.main .actions-icon-mobile .seeting .item-color .item[data-v-7f0b2c23]{width:20px;height:20px;border:1px solid #fff;margin-left:10px;border-radius:20px}.main .actions-icon-mobile .seeting .item-color .item.item-xiguan[data-v-7f0b2c23]{background:#212121;width:30px;height:30px;border:none;border-radius:3px}.main .actions-icon-mobile .seeting .item-color .item.item-xiguan.active[data-v-7f0b2c23]{background:#535353}.main .actions-icon-mobile .seeting .item-draw[data-v-7f0b2c23]{color:#fff;width:100%;padding:0 10px}.main .actions-icon-mobile .seeting .item-draw .text[data-v-7f0b2c23]{position:absolute;left:10px}.main .actions-icon-mobile .seeting .item-draw .item[data-v-7f0b2c23]{width:30px;height:30px;position:relative}.main .actions-icon-mobile .seeting .item-draw .item[data-v-7f0b2c23]:nth-child(2){width:34px}.main .actions-icon-mobile .seeting .item-draw .item[data-v-7f0b2c23]:nth-child(3){width:40px}.main .actions-icon-mobile .seeting .item-draw .item[data-v-7f0b2c23]:nth-child(4){width:45px}.main .actions-icon-mobile .seeting .item-draw .item[data-v-7f0b2c23]:nth-child(5){width:50px}.main .actions-icon-mobile .seeting .item-draw .item[data-v-7f0b2c23]:after{content:"";display:block;background:#979797;height:1px;position:absolute;width:100%;z-index:14}.main .actions-icon-mobile .seeting .item-draw .item[data-v-7f0b2c23]:first-child:after{width:50%;left:50%}.main .actions-icon-mobile .seeting .item-draw .item[data-v-7f0b2c23]:last-child:after{width:50%;left:0}.main .actions-icon-mobile .seeting .item-draw .item .size[data-v-7f0b2c23]{border:1px solid #979797;border-radius:100%;background:#282828;position:relative;z-index:15}.main .actions-icon-mobile .seeting .item-draw .item.active .size[data-v-7f0b2c23]{border:2px solid #fff}.main .actions-icon-mobile .tool[data-v-7f0b2c23]{padding:5px}.main .actions-icon-mobile .tool .item[data-v-7f0b2c23]{width:30px;height:30px;margin:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;background:#212121;border-radius:5px}.main .actions-icon-mobile .tool .item.item-color[data-v-7f0b2c23]{border:2px solid #fff}.main .actions-icon-mobile .tool .item img[data-v-7f0b2c23]{width:25px;height:25px}.main .actions-icon-mobile .tool .success-button .el-button[data-v-7f0b2c23]{width:86px}.item-wrap[data-v-7f0b2c23]{position:absolute;z-index:10}.item-wrap.active[data-v-7f0b2c23]{z-index:11}#myCanvas[data-v-7f0b2c23]{cursor:crosshair}.straw-out.active[data-v-7f0b2c23]{background:#212121!important;border:none!important}.straw-out.active[data-v-7f0b2c23]:before{display:none!important}.main[data-v-3f3fc6e2]{position:absolute;z-index:10}.main.active[data-v-3f3fc6e2]{z-index:11}.main .bg-383838[data-v-3f3fc6e2]{background:#383838}.main .actions-icon[data-v-3f3fc6e2]{position:absolute;background:#535353;border:1px solid #999;border-radius:5px;width:240px;height:500px;overflow:hidden;left:10px;top:0}.main .actions-icon .elesign-tabs[data-v-3f3fc6e2]{height:40px;line-height:40px}.main .actions-icon .elesign-tabs .tab[data-v-3f3fc6e2]{text-align:center;color:#fff;font-size:16px;cursor:pointer;min-width:50%;background:#212121;border-bottom:1px solid #999;border-right:1px solid #999}.main .actions-icon .elesign-tabs .tab.active[data-v-3f3fc6e2]{background:none;border-bottom:none}.main .actions-icon .elesign-tabs .tab[data-v-3f3fc6e2]:last-child{border-right:none}.main .actions-icon .action-wrap[data-v-3f3fc6e2]{padding:10px}.main .actions-icon .tie[data-v-3f3fc6e2]{color:#fff;font-size:14px}.main .actions-icon .blank[data-v-3f3fc6e2]{border-bottom:1px solid #212121;padding-top:5px;margin:0 5px}.main .actions-icon .item-color img[data-v-3f3fc6e2]{width:25px;height:25px}.main .actions-icon .item-color .item[data-v-3f3fc6e2]{width:20px;height:20px;border:1px solid #fff;margin-left:10px;border-radius:20px}.main .actions-icon .item-color .item.item-xiguan[data-v-3f3fc6e2]{background:#212121;width:30px;height:30px;border:none;border-radius:3px}.main .actions-icon .item-huabi .text[data-v-3f3fc6e2]{width:120px}.main .actions-icon .item-huabi .huabi-slider[data-v-3f3fc6e2]{width:208px;-webkit-transform-origin:left center;transform-origin:left center}.main .actions-icon .item-huabi .huabi-slider[data-v-3f3fc6e2] .el-slider__button{width:12px;height:12px}.main .actions-icon .item-huabi .huabi-slider[data-v-3f3fc6e2] .el-slider__runway{background:#212121;height:4px}.main .actions-icon .item-huabi .huabi-slider[data-v-3f3fc6e2] .el-slider__bar{height:4px}.main .actions-icon .item-huabi .lineWidth[data-v-3f3fc6e2]{position:relative;left:-20px}.main .actions-icon .item-huabi .item-draw[data-v-3f3fc6e2]{color:#fff;width:260px;position:relative;left:-20px}.main .actions-icon .item-huabi .item-draw .text[data-v-3f3fc6e2]{position:absolute;left:10px}.main .actions-icon .item-huabi .item-draw .item-size[data-v-3f3fc6e2]{width:40px;height:30px;position:relative}.main .actions-icon .item-huabi .item-draw .item-size[data-v-3f3fc6e2]:nth-child(2){width:44px}.main .actions-icon .item-huabi .item-draw .item-size[data-v-3f3fc6e2]:nth-child(3){width:50px}.main .actions-icon .item-huabi .item-draw .item-size[data-v-3f3fc6e2]:nth-child(4){width:55px}.main .actions-icon .item-huabi .item-draw .item-size[data-v-3f3fc6e2]:nth-child(5){width:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;padding-left:10px}.main .actions-icon .item-huabi .item-draw .item-size[data-v-3f3fc6e2]:after{content:"";display:block;background:#979797;height:1px;position:absolute;width:100%;z-index:14}.main .actions-icon .item-huabi .item-draw .item-size[data-v-3f3fc6e2]:first-child:after{width:50%;left:50%}.main .actions-icon .item-huabi .item-draw .item-size[data-v-3f3fc6e2]:last-child:after{width:50%;left:0}.main .actions-icon .item-huabi .item-draw .item-size .size[data-v-3f3fc6e2]{border:1px solid #eee;border-radius:100%;background:#535353;position:relative;z-index:15}.main .actions-icon .item-huabi .item-draw .item-size.active .size[data-v-3f3fc6e2]{border:2px solid #fff}.main .actions-icon .item[data-v-3f3fc6e2]{width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;border-radius:4px;background:#212121;cursor:pointer}.main .actions-icon .item>[data-v-3f3fc6e2],.main .actions-icon .item~div[data-v-3f3fc6e2]{position:relative;z-index:1}.main .actions-icon .item img[data-v-3f3fc6e2]{width:25px;height:25px}.main .actions-icon .item.mar-auto[data-v-3f3fc6e2]{margin:0 auto}.main .actions-icon .item.active[data-v-3f3fc6e2]{background:#000;position:relative;-webkit-box-shadow:0 0 1px 2px hsla(0,0%,100%,.4);box-shadow:0 0 1px 2px hsla(0,0%,100%,.4)}.main .actions-icon .item.active[data-v-3f3fc6e2]:before{content:"";display:block;position:absolute;background:#383838;width:100%;height:100%;top:-4px;padding:20px;z-index:0;border-top-left-radius:5px;border-top-right-radius:5px;padding-bottom:70px}.main .actions-icon[data-v-3f3fc6e2] .el-color-picker__trigger{border:none}.main .actions-icon .button-wrap[data-v-3f3fc6e2]{position:absolute;bottom:0;left:15px;bottom:15px;right:15px}.main .actions-icon .button-wrap .el-button--default[data-v-3f3fc6e2]{background:#212121;border-radius:4px;border:1px solid #858585}.main .actions-icon-mobile[data-v-3f3fc6e2]{left:0!important;bottom:0;height:105px;margin-left:0!important;top:auto;width:100%;position:fixed;background:#282828}.main .actions-icon-mobile .seeting[data-v-3f3fc6e2]{height:50px}.main .actions-icon-mobile .seeting .item-color img[data-v-3f3fc6e2]{width:25px;height:25px}.main .actions-icon-mobile .seeting .item-color .item[data-v-3f3fc6e2]{width:20px;height:20px;border:1px solid #fff;margin-left:10px;border-radius:20px}.main .actions-icon-mobile .seeting .item-color .item.item-xiguan[data-v-3f3fc6e2]{background:#212121;width:30px;height:30px;border:none;border-radius:3px}.main .actions-icon-mobile .seeting .item-draw[data-v-3f3fc6e2]{color:#fff;width:100%;padding:0 10px}.main .actions-icon-mobile .seeting .item-draw .text[data-v-3f3fc6e2]{position:absolute;left:10px}.main .actions-icon-mobile .seeting .item-draw .item[data-v-3f3fc6e2]{width:30px;height:30px;position:relative}.main .actions-icon-mobile .seeting .item-draw .item[data-v-3f3fc6e2]:nth-child(2){width:34px}.main .actions-icon-mobile .seeting .item-draw .item[data-v-3f3fc6e2]:nth-child(3){width:40px}.main .actions-icon-mobile .seeting .item-draw .item[data-v-3f3fc6e2]:nth-child(4){width:45px}.main .actions-icon-mobile .seeting .item-draw .item[data-v-3f3fc6e2]:nth-child(5){width:50px}.main .actions-icon-mobile .seeting .item-draw .item[data-v-3f3fc6e2]:after{content:"";display:block;background:#979797;height:1px;position:absolute;width:100%;z-index:14}.main .actions-icon-mobile .seeting .item-draw .item[data-v-3f3fc6e2]:first-child:after{width:50%;left:50%}.main .actions-icon-mobile .seeting .item-draw .item[data-v-3f3fc6e2]:last-child:after{width:50%;left:0}.main .actions-icon-mobile .seeting .item-draw .item .size[data-v-3f3fc6e2]{border:1px solid #979797;border-radius:100%;background:#282828;position:relative;z-index:15}.main .actions-icon-mobile .seeting .item-draw .item.active .size[data-v-3f3fc6e2]{border:2px solid #fff}.main .actions-icon-mobile .tool[data-v-3f3fc6e2]{padding:5px}.main .actions-icon-mobile .tool .item[data-v-3f3fc6e2]{width:30px;height:30px;margin:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;background:#212121;border-radius:5px}.main .actions-icon-mobile .tool .item.item-color[data-v-3f3fc6e2]{border:2px solid #fff}.main .actions-icon-mobile .tool .item img[data-v-3f3fc6e2]{width:25px;height:25px}.main .actions-icon-mobile .tool .success-button .el-button[data-v-3f3fc6e2]{width:86px}.van-toast_draw{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:80%;bottom:120px}.mask-dialog-wrap{overflow:initial;-webkit-box-shadow:none;box-shadow:none;border-radius:0;width:inherit;padding-right:250px;background:none!important}.mask-dialog-wrap .el-dialog__header{display:none}.mask-dialog-wrap .el-dialog__header .el-dialog__title{color:#fff}.mask-dialog-wrap .el-dialog__body{color:#fff;padding:0!important;overflow:initial}.app-mobile~.el-dialog__wrapper .el-dialog.mask-dialog-wrap{width:100vw;height:calc(var(--vh)*100);top:0!important;max-width:var(--height)!important;padding-right:0}.app-mobile~.el-dialog__wrapper .el-dialog.mask-dialog-wrap .el-dialog__body{padding:0!important;margin-top:40px;background:#535353;height:calc(var(--vh)*100 - 145px);max-height:calc(var(--vh)*100 - 145px);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}.app-mobile~.el-dialog__wrapper .el-dialog.mask-dialog-wrap .el-dialog__body .draw-wrap{background:none}.app-mobile~.el-dialog__wrapper .el-dialog.mask-dialog-wrap .el-dialog__body .header{position:fixed;left:0;top:0;width:100%;background:#000}.app-mobile~.el-dialog__wrapper .el-dialog.mask-dialog-wrap .el-dialog__body .hammer{position:fixed;top:40px;left:0;width:100vw;z-index:1;height:calc(var(--vh)*100 - 145px)}.draw-wrap[data-v-3fa50ae3]{color:#000;background:#535353;overflow:initial;position:relative;border-radius:10px}.draw-wrap .draw-wrap-tips[data-v-3fa50ae3]{position:absolute;top:12px;left:10px;right:10px;z-index:11}.draw-wrap .wrap[data-v-3fa50ae3]{position:relative;z-index:10}.draw-wrap .wrap .base-img[data-v-3fa50ae3]{position:absolute;width:100%;height:100%;z-index:10}.draw-wrap .wrap .ele-sign[data-v-3fa50ae3]{z-index:11;position:relative}.header[data-v-3fa50ae3]{height:40px;line-height:40px;overflow:hidden}.header.header-mobile[data-v-3fa50ae3]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header.header-mobile .elesign-tabs[data-v-3fa50ae3]{font-size:17px;color:#eee}.header.header-mobile .elesign-tabs .tab[data-v-3fa50ae3]{opacity:.8}.header.header-mobile .elesign-tabs .tab.active[data-v-3fa50ae3]{color:#608dff;opacity:1}.header.header-mobile .elesign-tabs .tab.active[data-v-3fa50ae3]:after{display:none}.header .back[data-v-3fa50ae3]{width:40px;height:40px;position:absolute;left:0}.header .elesign-tabs[data-v-3fa50ae3]{font-size:14px}.header .elesign-tabs .tab[data-v-3fa50ae3]{margin-left:40px;position:relative;cursor:pointer}.header .elesign-tabs .tab.active[data-v-3fa50ae3]{color:#608dff}.header .elesign-tabs .tab.active[data-v-3fa50ae3]:after{position:absolute;content:"";bottom:5px;height:2px;background:#fff;left:0;right:0}.header .elesign-tabs .tab[data-v-3fa50ae3]:first-child{margin-left:0}.header .actions .item[data-v-3fa50ae3]{width:30px;height:30px;margin-right:5px;cursor:pointer;position:relative}.header .actions .item[data-v-3fa50ae3]:hover{background:#535353;border-radius:4px}.header .actions .item img[data-v-3fa50ae3]{width:30px;height:30px}.header .actions .item.item-huabi:hover .huabi-slider[data-v-3fa50ae3]{display:block;left:-60px;padding-right:10px;top:-2px}.header .actions .item .huabi-slider[data-v-3fa50ae3]{width:60px;height:30px;position:absolute}.tips[data-v-3fa50ae3]{height:40px;line-height:40px}