.el-message[data-v-7a7f291a]{background:#fff;box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);border-radius:6px}.el-message .el-icon-info[data-v-7a7f291a]{color:#266fe8;font-size:24px}.el-message--info .el-message__content[data-v-7a7f291a]{color:rgba(0,0,0,.9)}.replace[data-v-7a7f291a]{width:100%;height:100%;overflow-y:auto}.replace[data-v-7a7f291a]::-webkit-scrollbar-thumb{background:#31394b}.replace-list1[data-v-7a7f291a]{display:grid;grid-template-columns:repeat(2,.8125rem);grid-column-gap:.04167rem;grid-row-gap:.04167rem;justify-items:center;width:100%;margin-bottom:.10417rem}.replace-list1-item[data-v-7a7f291a]{width:.8125rem;height:.26042rem;cursor:pointer;position:relative;border-radius:.01563rem;display:flex;align-items:center;justify-content:center;background-size:100%;background-position:top;transition:background 1s;border-radius:.03125rem;background-repeat:no-repeat;color:#fff;background:#31394b;font-size:.08333rem;font-weight:600}.replace-list1-click[data-v-7a7f291a]{border:.02083rem solid #d3fd24}.replace-list[data-v-7a7f291a]{display:grid;grid-template-columns:repeat(2,.8125rem);grid-column-gap:.04167rem;grid-row-gap:.04167rem;justify-items:center;width:100%;margin-bottom:.10417rem}.replace-list-item[data-v-7a7f291a]{width:.8125rem;height:1.14583rem;cursor:pointer;position:relative;border-radius:.01563rem;display:flex;align-items:center;justify-content:center;background-size:100%;background-position:top;transition:background 1s;border-radius:.03125rem;background-repeat:no-repeat}.replace-list-item .title[data-v-7a7f291a]{left:0;bottom:0;width:100%;height:.14583rem;font-size:.07292rem;color:#fff;font-weight:400;line-height:.14583rem;text-align:center;position:absolute;backdrop-filter:blur(.05208rem);border-radius:0 0 .03125rem .03125rem;background:rgba(35,47,62,.31)}.replace-list-click[data-v-7a7f291a]{border:.02083rem solid #d3fd24}.replace .label[data-v-7a7f291a]{margin-bottom:.08333rem;color:#fff}.replace .label p[data-v-7a7f291a]{margin:0;color:#e02020}.replace .inCreate[data-v-7a7f291a]{top:0;left:0;z-index:12;width:2.1875rem;height:100%;opacity:.5;cursor:no-drop;position:absolute;background:rgba(0,0,0,.5)}.el-message[data-v-3299de65]{background:#fff;box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);border-radius:6px}.el-message .el-icon-info[data-v-3299de65]{color:#266fe8;font-size:24px}.el-message--info .el-message__content[data-v-3299de65]{color:rgba(0,0,0,.9)}[data-v-3299de65] .vue-cropper{background-image:none}.cropper[data-v-3299de65]{top:0;left:0;width:100%;height:100%;z-index:99999999;position:absolute;background:#000}.cropper .cut[data-v-3299de65]{width:100%;height:90%}.cropper .btn[data-v-3299de65]{height:10%;display:flex;align-items:center;justify-content:space-around}.cropper .btn .btn-item[data-v-3299de65]{color:#fff;font-weight:600;font-size:.125rem;cursor:pointer}.el-message[data-v-7434fb06]{background:#fff;box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);border-radius:6px}.el-message .el-icon-info[data-v-7434fb06]{color:#266fe8;font-size:24px}.el-message--info .el-message__content[data-v-7434fb06]{color:rgba(0,0,0,.9)}[data-v-7434fb06] .rCS1w3zcxh{--moveable-color:transparent;--bounds-color:transparent}.upload[data-v-7434fb06]{width:100%;height:100%}.tab[data-v-7434fb06]{width:1.80208rem;height:.29167rem;background:hsla(0,0%,100%,.06);border-radius:5.20313rem;margin:0 auto}.tab .tab-item[data-v-7434fb06],.tab[data-v-7434fb06]{display:flex;align-items:center;justify-content:center}.tab .tab-item[data-v-7434fb06]{width:.88021rem;height:.25rem;font-size:.08333rem;font-weight:600;color:hsla(0,0%,100%,.6);line-height:.14583rem;cursor:pointer}.tab .tab-item.active[data-v-7434fb06]{border:.00521rem solid hsla(0,0%,100%,.29);background:#2e3137;border-radius:5.20313rem;color:#fff}.box[data-v-7434fb06]{width:fit-content;height:3.25521rem;display:flex;justify-content:center;align-items:center;margin:0 auto;background:#191d26}.box .line[data-v-7434fb06]{width:.00521rem;height:100%;background:#313748;border-right:.00521rem dashed #a5a5a5}.drawing-uploader[data-v-7434fb06]{width:2.44792rem;height:3.25521rem;display:flex;align-items:center;justify-content:center;background:#313748;border-radius:.08333rem}.drawing-uploader[data-v-7434fb06] .el-upload-dragger{border:0;width:unset;height:unset;background:transparent}.drawing-uploader-add[data-v-7434fb06]{display:flex;align-items:center;justify-content:inherit;font-size:.10417rem;font-weight:400;line-height:.14583rem;color:#12131e;flex-direction:column}.drawing-uploader-add img[data-v-7434fb06]{width:1.29688rem;height:1.1875rem;margin-bottom:.125rem}.drawing-uploader-add .btn[data-v-7434fb06]{width:1.21875rem;height:.32292rem;font-size:.10417rem;font-weight:600;color:#000;line-height:.14583rem;background:#d3fd24;display:flex;align-items:center;justify-content:center;border-radius:5.20313rem}.drawing-uploader-add .tips[data-v-7434fb06]{font-size:.10417rem;margin-top:.07292rem;font-weight:400;color:#9195a2;line-height:.14583rem}.drawing-uploader-box[data-v-7434fb06]{width:2.44792rem;height:3.25521rem;position:relative;border-radius:.08333rem;overflow:hidden;margin:0 auto;background:#313748}.drawing-uploader-box .cut[data-v-7434fb06]{position:absolute;top:.10417rem;right:.10417rem;width:.20833rem;height:.20833rem;cursor:pointer}.drawing-uploader-box .target[data-v-7434fb06]{position:absolute;width:100%;height:100%;top:0;left:0}.drawing-uploader-box .target .img[data-v-7434fb06]{width:100%;height:100%}.drawing-uploader-box .add[data-v-7434fb06]{position:absolute;left:0;right:0;bottom:.20833rem;margin:0 auto;width:.66667rem}.drawing-uploader-box .add .btn[data-v-7434fb06]{display:flex;align-items:center;justify-content:center;width:.66667rem;height:.26042rem;background:rgba(0,0,0,.4);border-radius:5.20313rem;font-weight:600;font-size:.08333rem;color:#fff}.drawing-uploader-box .add i[data-v-7434fb06]{width:.3125rem;height:.3125rem;font-size:.3125rem;top:0;left:0;right:0;bottom:0;margin:auto;position:absolute;color:hsla(0,0%,100%,.5)}.loading[data-v-7434fb06]{top:0;left:0;right:0;bottom:0;z-index:10;margin:auto;position:absolute;border-radius:.10417rem;flex-direction:column;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}.loading img[data-v-7434fb06]{width:.29167rem;height:.29167rem;animation:rotate-data-v-7434fb06 1s linear infinite}@keyframes rotate-data-v-7434fb06{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.el-message[data-v-3804906a]{background:#fff;box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);border-radius:6px}.el-message .el-icon-info[data-v-3804906a]{color:#266fe8;font-size:24px}.el-message--info .el-message__content[data-v-3804906a]{color:rgba(0,0,0,.9)}.container[data-v-3804906a]{display:flex;min-height:4.16667rem;align-items:flex-start;height:100vh;padding-top:.3125rem}.container-left[data-v-3804906a]{width:2.08333rem;height:100%;position:relative;padding:.125rem 0 .125rem .125rem;display:flex;flex-direction:column;background:#040b14}.container-left-scroll[data-v-3804906a]{flex:1;overflow:hidden;max-height:100%;padding:.11458rem .05729rem .72917rem .11458rem;border-radius:.125rem;background:#142138 url(../../static/img/left-bg.c858537f.png) no-repeat;background-size:cover}.container-left-scroll .sample[data-v-3804906a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.container-left-scroll .sample-img[data-v-3804906a]{width:.875rem;margin-top:1.04167rem}.container-left-footer[data-v-3804906a]{left:.125rem;bottom:.125rem;z-index:10;width:1.95833rem;position:absolute;flex-direction:column;padding-bottom:.0625rem;display:flex;align-items:center;justify-content:center;background:rgba(15,22,38,.48);border-radius:.125rem;border:.01042rem solid;padding:.125rem}.container-left-footer .magic-btn[data-v-3804906a]{display:flex;align-items:center;justify-content:inherit;width:1.72917rem;height:.45833rem;cursor:pointer;font-size:.125rem;font-weight:600;line-height:.11458rem;border-radius:.125rem;background:#d3fd24;color:#000}.container-left-footer .magic-btn img[data-v-3804906a]{width:.14583rem;height:.14583rem;margin:0 .0625rem}.container-left-footer .magic-btn[data-v-3804906a]:hover{opacity:.6}.container-left-footer .disabled[data-v-3804906a]{opacity:.6;cursor:default}.container .drawing-board[data-v-3804906a]{flex:1;height:100%;user-select:none;border-radius:.01563rem}.container .drawing-board-inner[data-v-3804906a]{height:100%;position:relative;padding:.125rem;background:#040b14}.container .drawing-board-inner-box[data-v-3804906a]{height:100%;padding:.20833rem .125rem .125rem;border-radius:.10417rem;background:#191d26}.container .drawing-board-inner-box .full[data-v-3804906a]{width:100%;height:100%;position:relative}.container .drawing-board-inner-box .full .example-box[data-v-3804906a]{height:100%;flex-direction:column;display:flex;align-items:center;justify-content:center}.container .drawing-board-inner-box .full .example-box .example[data-v-3804906a]{width:fit-content;height:4.16667rem;overflow:hidden;border-radius:.10417rem;margin:0 auto}.container .drawing-board-inner-box .full .example-box .example img[data-v-3804906a]{width:100%;height:100%;object-fit:contain}.container .drawing-board-inner-box .full .example-box .example video[data-v-3804906a]{width:100%;height:100%}.container .drawing-board-inner-box .full .example-box .operation[data-v-3804906a]{margin-top:.13542rem}.container .drawing-board-inner-box .full .example-box .operation-tips[data-v-3804906a]{font-size:.08333rem;color:#272d36;margin-bottom:.13542rem}.container .drawing-board-inner-box .full .example-box .operation-tips a[data-v-3804906a]{cursor:pointer;font-weight:600;color:#12131e;text-decoration:none}.container .drawing-board-inner-box .full .example-box .operation-btn[data-v-3804906a]{width:.95833rem;height:.27083rem;margin:0 auto;cursor:pointer;color:#000;border-radius:5.20313rem;background:#d3fd24;display:flex;align-items:center;justify-content:center;font-size:.09375rem;font-weight:600}.container .drawing-board-inner-box .full .example-box .operation-btn[data-v-3804906a]:hover{opacity:.5}.container .drawing-board-inner-loading[data-v-3804906a]{top:0;left:0;right:0;bottom:0;z-index:10;margin:auto;width:3.28125rem;height:3.28125rem;font-size:.08333rem;color:#fff;position:absolute;border-radius:.10417rem;flex-direction:column;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.71)}.container .drawing-board-inner-loading img[data-v-3804906a]{width:.29167rem;height:.29167rem;margin-bottom:.22917rem;animation:rotate-data-v-3804906a 1s linear infinite}@keyframes rotate-data-v-3804906a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container .drawing-board-inner-result[data-v-3804906a]{height:100%;flex-direction:column;display:flex;align-items:center;justify-content:center}.container .drawing-board-inner-result .createImg[data-v-3804906a]{width:fit-content;height:4.16667rem;overflow:hidden;border-radius:.10417rem;margin:0 auto}.container .drawing-board-inner-result .createImg img[data-v-3804906a]{width:100%;height:100%;object-fit:contain}.container .drawing-board-inner-result .createImg video[data-v-3804906a]{width:100%;height:100%}.container .drawing-board-inner-result .preview[data-v-3804906a]{display:flex;align-items:center;justify-content:inherit}.container .drawing-board-inner-result .preview-item[data-v-3804906a]{margin-right:.08333rem}.container .drawing-board-inner-result .preview-item[data-v-3804906a]:first-child{margin-right:.16667rem}.container .drawing-board-inner-result .preview-item .border[data-v-3804906a]{width:.52083rem;height:.52083rem;overflow:hidden;border-radius:.10417rem;border:.00521rem solid #cbc9d1}.container .drawing-board-inner-result .preview-item .border-active[data-v-3804906a]{border:.01042rem solid #d3fd24}.container .drawing-board-inner-result .preview-item .border-img[data-v-3804906a]{width:100%;height:100%;object-fit:contain}.container .drawing-board-inner-result .operation[data-v-3804906a]{margin-top:.13542rem}.container .drawing-board-inner-result .operation-tips[data-v-3804906a]{font-size:.08333rem;color:#272d36;margin-bottom:.13542rem}.container .drawing-board-inner-result .operation-tips a[data-v-3804906a]{cursor:pointer;font-weight:600;color:#12131e;text-decoration:none}.container .drawing-board-inner-result .operation-btn[data-v-3804906a]{width:.95833rem;height:.27083rem;margin:0 auto;cursor:pointer;color:#000;border-radius:5.20313rem;background:#d3fd24;display:flex;align-items:center;justify-content:center;font-size:.09375rem;font-weight:600}.container .drawing-board-inner-result .operation-btn[data-v-3804906a]:hover{opacity:.5}.use_px .drawing-board-inner-box[data-v-3804906a]{min-width:800px}.use_px .drawing-board-inner-loading[data-v-3804906a]{width:100%;height:100%}