.el-image-viewer__next[data-v-e6074e54]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-e6074e54]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-e6074e54]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-e6074e54]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-e6074e54],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-e6074e54]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-e6074e54]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-e6074e54]{border-color:var(--style-color-design)}.el-button--primary[data-v-e6074e54]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-e6074e54]:focus,.el-button--primary[data-v-e6074e54]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-e6074e54]{color:#1a1a1a}.diy[data-v-e6074e54]{width:1400px;display:flex;position:relative}.diy .left[data-v-e6074e54]{width:370px}.diy .left .left-button[data-v-e6074e54]{display:flex;justify-content:space-between}.diy .left .left-button .el-button--primary[data-v-e6074e54]{color:#848484;background-color:#fff;border-color:#848484}.diy .left .left-button .buttonStyle[data-v-e6074e54]{color:#fff;background-color:#55afae;border-color:#55afae}.diy .left .product .search[data-v-e6074e54]{margin-top:15px}.diy .left .product .options .typeList[data-v-e6074e54]{display:flex;margin-top:10px;justify-content:space-between}.diy .left .product .options .typeList .typeBtn[data-v-e6074e54]{color:#bfbfbf;font-size:14px;cursor:pointer}.diy .left .product .options .pickList[data-v-e6074e54]{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);position:absolute;z-index:1000;background:#fff}.diy .left .product .options .pickList .typePick[data-v-e6074e54]{display:flex}.diy .left .product .options .pickList .typePick ul[data-v-e6074e54]{list-style:none;border-right:1px solid #ededed;width:80px}.diy .left .product .options .pickList .typePick ul li[data-v-e6074e54]{padding:8px;display:flex;justify-content:space-between;color:rgba(0,0,0,.85);font-size:14px;cursor:pointer}.diy .left .product .options .pickList .typePick ul li[data-v-e6074e54]:hover{background:#ededed}.diy .left .product .options .pickList .typePick ul[data-v-e6074e54]:last-child{border-right:none}.diy .left .product .options .pickList .typePick ul:last-child i[data-v-e6074e54]{display:none}.diy .left .imgList[data-v-e6074e54]{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ededed}.diy .left .imgList .imgItem[data-v-e6074e54]{margin-top:20px;width:75px;height:75px;border:1px solid #ededed;display:flex;align-items:center;justify-content:center}.diy .left .imgList .imgItem[data-v-e6074e54]:hover{border:1px solid #55afae;cursor:pointer}.diy .left .imgList .imgItem img[data-v-e6074e54]{-o-object-fit:cover;object-fit:cover}.diy .left .imgList .imgPage[data-v-e6074e54]{margin-top:15px;display:flex;font-size:12px;align-items:center;justify-content:space-between;width:100%}.diy .right .flex[data-v-e6074e54]{display:flex}.diy .right .flex .imgList[data-v-e6074e54]{margin:0 20px;width:80px}.diy .right .flex .imgList .curimg[data-v-e6074e54]{margin-bottom:20px;width:78px;height:78px;border:1px solid #fff;display:flex;align-items:center;justify-content:center}.diy .right .flex .imgList .curimg[data-v-e6074e54]:hover{border:1px solid #55afae;cursor:pointer}.diy .right .flex .imgList .curimg img[data-v-e6074e54]{width:100%}.diy .right .flex .canvas[data-v-e6074e54]{width:602px;height:602px;display:inline-block;padding:0;box-sizing:border-box;border:1px dashed #74c0fc;background:#f1f3f5;background-image:linear-gradient(45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0),linear-gradient(45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0);background-position:0 0,15px 15px;background-size:32px 32px;position:relative}.diy .right .flex .canvas img[data-v-e6074e54]{position:absolute;top:0;left:0;width:100%;z-index:1;pointer-events:none}.diy .right .flex .swiper[data-v-e6074e54]{position:relative;width:258px;height:258px;margin-left:40px;border:1px solid #ededed}.diy .right .flex .swiper .swiper-slide[data-v-e6074e54]{width:258px;height:258px;display:flex;justify-content:center;align-items:center}.diy .right .flex .swiper img[data-v-e6074e54]{width:90%}.diy .right .flex .swiper .count[data-v-e6074e54]{color:rgba(0,0,0,.85);font-size:14px;position:absolute;bottom:30px;width:100%;text-align:center;z-index:10086}.diy .right .flex .swiper .pop[data-v-e6074e54]{position:absolute;top:5px;left:5px;font-size:30px;cursor:pointer;color:#bfbfbf;z-index:10086}.diy .right .flex .swiper .detail[data-v-e6074e54]{color:#bfbfbf;font-size:14px}.diy .right .flex .swiper .detail .size[data-v-e6074e54]{margin-top:15px}.diy .right .flex .swiper .detail .size span[data-v-e6074e54]{margin-left:15px;color:#737373}.diy .right .flex .swiper .detail .quality[data-v-e6074e54]{margin-top:15px}.diy .right .flex .swiper .detail .quality span[data-v-e6074e54]{color:#009c2c;margin-left:15px}.diy .right .flex .swiper .specifications[data-v-e6074e54]{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}.diy .right .flex .swiper .specifications .title[data-v-e6074e54]{color:#999;font-size:14px;width:60px}.diy .right .flex .swiper .specifications .color[data-v-e6074e54]{display:flex}.diy .right .flex .swiper .specifications .color p[data-v-e6074e54]{display:flex;flex-wrap:wrap;width:100%}.diy .right .flex .swiper .specifications .color span[data-v-e6074e54]{display:flex;margin-right:8%;width:25%;height:20px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;margin-bottom:10px}.diy .right .flex .swiper .specifications .size[data-v-e6074e54]{display:flex}.diy .right .flex .swiper .specifications .size p[data-v-e6074e54]{display:flex;flex-wrap:wrap;width:100%}.diy .right .flex .swiper .specifications .size span[data-v-e6074e54]{display:flex;margin-right:8%;width:25%;height:20px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;margin-bottom:10px;color:#999;font-size:12px;justify-content:center;line-height:20px}.diy .right .flex .swiper .specifications .num[data-v-e6074e54]{display:flex;align-items:center}.diy .right .flex .swiper .specifications .button[data-v-e6074e54]{margin-top:20px}.diy .right .flex .swiper .specifications .button .but-car[data-v-e6074e54]{background:#f2987f;color:#fff}.diy .fiexd[data-v-e6074e54]{background:#fff;width:1400px;padding:50px;z-index:20000;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.diy .fiexd .close[data-v-e6074e54]{font-size:30px;display:flex;justify-content:flex-end}.diy .fiexd .close i[data-v-e6074e54]{cursor:pointer}.diy .fiexd .swiper[data-v-e6074e54]{width:740px;height:600px;margin:0 auto;display:flex}.diy .fiexd .swiper .imgList[data-v-e6074e54]{width:100px;margin:0 20px;height:600px;overflow-y:scroll}.diy .fiexd .swiper .imgList .border[data-v-e6074e54]{border:1px solid #55afae}.diy .fiexd .swiper .imgList .imgItem[data-v-e6074e54]{cursor:pointer;width:90px;height:90px;display:flex;justify-content:center;align-items:center}.diy .fiexd .swiper .imgList .imgItem img[data-v-e6074e54]{width:90%;-o-object-fit:cover;object-fit:cover}.diy .fiexd .swiper .swiperOptions1[data-v-e6074e54]{width:600px;height:600px;border:1px solid #ededed}.diy .fiexd .swiper .swiperOptions1 .rs-box[data-v-e6074e54]{display:flex;justify-content:center;align-items:center}.diy .fiexd .swiper .swiperOptions1 .rs-box img[data-v-e6074e54]{width:90%}.body[data-v-56b6109b]{margin:0;padding:0;font-family:Raleway,sans-serif;font-size:14px;color:#444;z-index:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#c[data-v-56b6109b]{width:100%;height:100%;display:block;touch-action:none;top:0;left:0}.controls[data-v-56b6109b]{position:absolute;bottom:0;width:100%}.options[data-v-56b6109b]{position:absolute;left:0}.option[data-v-56b6109b]{background-size:cover;background-position:50%;background-color:#fff;margin-bottom:3px;padding:2px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.option[data-v-56b6109b]:hover{border-left:2px solid #fff;width:40px}.option.--is-active[data-v-56b6109b]{border-right:2px solid grey;width:40px;cursor:default}.option.--is-active[data-v-56b6109b]:hover{border-left:none}.option img[data-v-56b6109b]{height:100%;width:auto;pointer-events:none}.info[data-v-56b6109b]{padding:0 1em;display:flex;justify-content:flex-end}.info p[data-v-56b6109b]{margin-top:0}.tray[data-v-56b6109b]{width:100%;height:50px;position:relative;overflow-x:hidden}.tray__slide[data-v-56b6109b]{position:absolute;display:flex;left:0;transform:translateX(-50%);-webkit-animation:wheelin-data-v-56b6109b 1s ease-in-out 2s forwards;animation:wheelin-data-v-56b6109b 1s ease-in-out 2s forwards}.tray__swatch[data-v-56b6109b]{transition:.1s ease-in;height:50px;min-width:50px;flex:1;box-shadow:0 4px 10px rgba(0,0,0,.3);background-size:cover;background-position:50%}.tray__swatch[data-v-56b6109b]:nth-child(5n+5){margin-right:20px}.drag-notice[data-v-56b6109b]{display:flex;justify-content:center;align-items:center;padding:2em;width:10em;height:10em;box-sizing:border-box;font-size:.9em;font-weight:800;text-transform:uppercase;text-align:center;border-radius:5em;background:#fff;position:absolute}.drag-notice.start[data-v-56b6109b]{-webkit-animation:popout-data-v-56b6109b .25s 3s forwards;animation:popout-data-v-56b6109b .25s 3s forwards}@-webkit-keyframes popout-data-v-56b6109b{to{transform:scale(0)}}@keyframes popout-data-v-56b6109b{to{transform:scale(0)}}@-webkit-keyframes wheelin-data-v-56b6109b{to{transform:translateX(0)}}@keyframes wheelin-data-v-56b6109b{to{transform:translateX(0)}}@media (max-width:960px){.options[data-v-56b6109b]{top:0}.info[data-v-56b6109b]{padding:0 1em 1em 0}.info__message[data-v-56b6109b]{display:flex;align-items:flex-end}.info__message p[data-v-56b6109b]{margin:0;font-size:.7em}}@media (max-width:720px){.info[data-v-56b6109b]{flex-direction:column;justify-content:center;align-items:center;padding:0 1em 1em}.info__message[data-v-56b6109b]{margin-bottom:1em}}@media (max-width:680px){.info[data-v-56b6109b]{padding:1em 2em}.info__message[data-v-56b6109b]{display:none}.options[data-v-56b6109b]{bottom:50px}.option[data-v-56b6109b]{margin-bottom:1px;padding:5px;height:45px;width:45px;display:flex}.option.--is-active[data-v-56b6109b]{border-right:2px solid grey;width:47px}.option img[data-v-56b6109b]{height:100%;width:auto;pointer-events:none}}.buttons[data-v-56b6109b]{position:absolute;right:200px;top:12px}.buttons button[data-v-56b6109b]{border:0;color:#000;background:transparent}.el-image-viewer__next[data-v-4ae0a5ca]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-4ae0a5ca]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-4ae0a5ca]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-4ae0a5ca]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-4ae0a5ca],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-4ae0a5ca]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-4ae0a5ca]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-4ae0a5ca]{border-color:var(--style-color-design)}.el-button--primary[data-v-4ae0a5ca]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-4ae0a5ca]:focus,.el-button--primary[data-v-4ae0a5ca]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-4ae0a5ca]{color:#1a1a1a}.lvjing_box[data-v-4ae0a5ca]{display:flex;flex-wrap:wrap;width:420px;height:300px;overflow:scroll}.lvjing_box img[data-v-4ae0a5ca]{cursor:pointer;width:60px;height:60px;margin:10px;-o-object-fit:cover;object-fit:cover}[data-v-4ae0a5ca] .el-pagination__jump,[data-v-4ae0a5ca] .el-radio.is-bordered+.el-radio.is-bordered{margin-left:0}[data-v-4ae0a5ca] .el-radio.is-bordered{margin-top:16px}.elradioBox[data-v-4ae0a5ca] .el-radio.is-bordered+.el-radio.is-bordered{margin-left:0!important;margin-top:4px!important}[data-v-4ae0a5ca] .el-button--text{color:var(--style-color-design)}[data-v-4ae0a5ca] .el-button--primary{color:#000;border-color:#b1b1b1}[data-v-4ae0a5ca] .el-input__inner,[data-v-4ae0a5ca] .el-input__suffix{color:#000}[data-v-4ae0a5ca] .el-input__inner::-moz-placeholder{color:#000}[data-v-4ae0a5ca] .el-input__inner:-ms-input-placeholder{color:#000}[data-v-4ae0a5ca] .el-input__inner::placeholder{color:#000}[data-v-4ae0a5ca] .el-input__inner{border:1px solid #b1b1b1}.el-input-group__prepend[data-v-4ae0a5ca],[data-v-4ae0a5ca] .el-input-group__append{border:1px solid #b1b1b1;border-left:0}[data-v-4ae0a5ca] .el-select .el-input .el-select__caret{color:#000}.dwarn[data-v-4ae0a5ca]{width:100%;background-color:#ff4d4f;color:#fff;font-size:12px;display:flex;justify-content:space-between;padding:2px 10px}.konva[data-v-4ae0a5ca]{width:602px;height:602px;display:inline-block;padding:0;box-sizing:border-box;border:1px dashed #74c0fc;background:#f1f3f5;background-image:linear-gradient(45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0),linear-gradient(45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0);background-position:0 0,15px 15px;background-size:32px 32px;position:relative}.konva .copy[data-v-4ae0a5ca]{position:absolute;top:0;left:0;display:flex;z-index:2}.konva .copy p[data-v-4ae0a5ca]{font-size:12px;cursor:pointer;display:flex;justify-content:center;width:60px;height:22px;background-color:#fff;border:1px solid #e1e1e1}.konva .copy:hover .copy-list[data-v-4ae0a5ca]{display:flex}.konva .copy .copy-list[data-v-4ae0a5ca]{width:60px;background-color:#fff;display:none;flex-wrap:wrap;justify-content:center;align-items:center;z-index:1000}.konva .copy .copy-list .item[data-v-4ae0a5ca]{font-size:12px;text-align:center;cursor:pointer;width:60px;height:22px;line-height:22px}.konva .copy .copy-list .item[data-v-4ae0a5ca]:hover{background:#ededed}.konva .copyd[data-v-4ae0a5ca]{position:absolute;top:22px;left:0;display:flex;z-index:2}.konva .copyd p[data-v-4ae0a5ca]{font-size:12px;cursor:pointer;display:flex;justify-content:center;width:60px;height:22px;background-color:#fff;border:1px solid #e1e1e1}.konva .copyd:hover .copy-list[data-v-4ae0a5ca]{display:flex}.konva .copyd .copy-list[data-v-4ae0a5ca]{width:60px;background-color:#fff;display:none;flex-wrap:wrap;justify-content:center;align-items:center;z-index:1000}.konva .copyd .copy-list .item[data-v-4ae0a5ca]{font-size:12px;text-align:center;cursor:pointer;width:60px;height:22px;line-height:22px}.konva .copyd .copy-list .item[data-v-4ae0a5ca]:hover{background:#ededed}.konva .k-img[data-v-4ae0a5ca]{width:600px;height:600px;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.konva .k-img img[data-v-4ae0a5ca]{z-index:1;pointer-events:none;max-width:100%;max-height:100%}.konva .k-img1[data-v-4ae0a5ca]{width:600px;height:600px;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.konva .k-img1 img[data-v-4ae0a5ca]{z-index:2;pointer-events:none;max-width:100%;max-height:100%}.ct[data-v-4ae0a5ca]{display:flex;min-width:1400px;position:relative}.ct .left[data-v-4ae0a5ca]{width:360px;display:flex;flex-direction:column;position:relative}.ct .left .button[data-v-4ae0a5ca]{width:355px;display:flex;flex-direction:row;justify-content:space-between;padding:14px 0;border-bottom:1px dashed #e5e5e5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ct .left .colorpicker[data-v-4ae0a5ca]{width:10px;height:10px;border:1px solid #737373}.ct .left .search[data-v-4ae0a5ca]{margin-top:15px;display:flex;width:355px}.ct .left .cascader[data-v-4ae0a5ca]{display:flex;justify-content:space-between;width:355px;margin:10px 0;padding:10px 0;background-color:#fafafa;position:relative}.ct .left .cascader .options[data-v-4ae0a5ca]{display:flex;flex-wrap:wrap;position:absolute;top:50px;left:150px;overflow-x:hidden;width:200px;height:315px;background:#fff;padding:10px;box-shadow:7px 7px 5px #637381;border:1px solid #637381}.ct .left .cascader .item[data-v-4ae0a5ca]{width:85px;text-align:center}.ct .left .productList[data-v-4ae0a5ca]{display:flex;height:460px;flex-wrap:wrap;align-content:flex-start}.ct .left .productList .item[data-v-4ae0a5ca]{width:78px;height:78px;box-sizing:border-box;border:1px solid #e5e5e5;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAIAAABLixI0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEwLTIyVDE2OjMxOjQ5KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMC0yMlQxNjozMzoyMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMC0yMlQxNjozMzoyMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmZGJmY2E1NC04Yzc4LTk3NGMtOGYyNC0xMmQ5MTMxNDI1ODgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZmRiZmNhNTQtOGM3OC05NzRjLThmMjQtMTJkOTEzMTQyNTg4IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZmRiZmNhNTQtOGM3OC05NzRjLThmMjQtMTJkOTEzMTQyNTg4Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmZGJmY2E1NC04Yzc4LTk3NGMtOGYyNC0xMmQ5MTMxNDI1ODgiIHN0RXZ0OndoZW49IjIwMTktMTAtMjJUMTY6MzE6NDkrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6l0qErAAAASklEQVQ4je3TwQkAMQhEUWdJYZZuW4JgOohzCSxk5vx5B0F0t02LiLExs4+JyMmS9aK1yF+jLLJz97H5671kybppsT9UVZl5CABsVSkOV58tY+kAAAAASUVORK5CYII=);background-repeat:repeat;background-position:50%;cursor:pointer;margin:0 12px 12px 0;overflow:hidden}.ct .left .productList .item img[data-v-4ae0a5ca]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ct .left .productList .curItem[data-v-4ae0a5ca]{border:1px solid var(--style-color-design)}.ct .left .imgPage[data-v-4ae0a5ca]{margin-top:15px;display:flex;font-size:12px;align-items:center;justify-content:space-between;width:100%}.ct .left .product[data-v-4ae0a5ca]{position:absolute;left:420px;top:180px;width:280px;border:1px solid #ededde;background:#fff;box-shadow:-7px 7px 5px #637381;z-index:100;padding:20px}.ct .left .product .img[data-v-4ae0a5ca]{border:1px solid #ededed;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAIAAABLixI0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEwLTIyVDE2OjMxOjQ5KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMC0yMlQxNjozMzoyMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMC0yMlQxNjozMzoyMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmZGJmY2E1NC04Yzc4LTk3NGMtOGYyNC0xMmQ5MTMxNDI1ODgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZmRiZmNhNTQtOGM3OC05NzRjLThmMjQtMTJkOTEzMTQyNTg4IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZmRiZmNhNTQtOGM3OC05NzRjLThmMjQtMTJkOTEzMTQyNTg4Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmZGJmY2E1NC04Yzc4LTk3NGMtOGYyNC0xMmQ5MTMxNDI1ODgiIHN0RXZ0OndoZW49IjIwMTktMTAtMjJUMTY6MzE6NDkrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6l0qErAAAASklEQVQ4je3TwQkAMQhEUWdJYZZuW4JgOohzCSxk5vx5B0F0t02LiLExs4+JyMmS9aK1yF+jLLJz97H5671kybppsT9UVZl5CABsVSkOV58tY+kAAAAASUVORK5CYII=);background-repeat:repeat;background-position:50%;width:240px;height:240px;overflow:hidden}.ct .left .product .img img[data-v-4ae0a5ca]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ct .left .product .title[data-v-4ae0a5ca]{margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:23px;max-height:46px;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px}.ct .left .product .detail[data-v-4ae0a5ca]{display:flex;font-size:12px;justify-content:space-between}.ct .left .product .detail img[data-v-4ae0a5ca]{width:18px;height:18px}.ct .left .product .detail p[data-v-4ae0a5ca]{height:25px;line-height:25px;display:flex}.ct .left .product .detail p span[data-v-4ae0a5ca]{display:block;font-size:12px;margin-left:10px}.ct .left .product .size[data-v-4ae0a5ca]{display:flex;font-size:12px;height:20px;line-height:20px}.ct .left .product .size span[data-v-4ae0a5ca]{color:#87ceeb}.ct .left .product .money[data-v-4ae0a5ca]{font-size:14px;color:red}.ct .left .product .color[data-v-4ae0a5ca]{margin-top:10px;display:flex;flex-wrap:wrap}.ct .left .product .color p[data-v-4ae0a5ca]{width:20px;height:20px;border:1px solid #ededed;margin-right:10px;margin-top:10px}.ct .curProduct[data-v-4ae0a5ca]{margin-top:76px;width:76px;margin-left:10px;height:608px;overflow:scroll}.ct .curProduct .item[data-v-4ae0a5ca]{width:66px;font-size:12px;border:1px solid #ededed;color:#666;margin-top:10px;cursor:pointer;display:flex;flex-direction:column}.ct .curProduct .item img[data-v-4ae0a5ca]{width:100%;-o-object-fit:cover;object-fit:cover}.ct .curProduct[data-v-4ae0a5ca] :first-child{margin-top:0}.ct .curProduct .curItem[data-v-4ae0a5ca]{border:1px solid var(--style-color-design);color:var(--style-color-design)}.ct .curProducth[data-v-4ae0a5ca]{margin-top:76px;width:76px;margin-left:10px;height:608px;overflow:scroll}.ct .curProducth .item[data-v-4ae0a5ca]{width:66px;border:1px solid #ededed;margin-top:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ct .curProducth .item img[data-v-4ae0a5ca]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ct .curProducth[data-v-4ae0a5ca] :first-child{margin-top:0}.ct .curProducth .curItem[data-v-4ae0a5ca]{border:1px solid var(--style-color-design)}.ct .canvas .button[data-v-4ae0a5ca]{display:flex;height:76px;align-items:center;width:100%;justify-content:center}.ct .right[data-v-4ae0a5ca]{width:370px;margin-left:20px;margin-bottom:13px;position:relative}.ct .right .edit[data-v-4ae0a5ca]{display:flex;flex-wrap:wrap;margin-top:8px}.ct .right .edit .item[data-v-4ae0a5ca]{width:47px;height:40px;margin:5px 5px 0 0}.ct .right .opacity[data-v-4ae0a5ca]{height:38px;line-height:38px;display:flex;margin-top:10px}.ct .right .opacity p[data-v-4ae0a5ca]{width:19%;font-size:14px}.ct .right .opacity .lucency[data-v-4ae0a5ca]{width:77%}.ct .right .imgEdit[data-v-4ae0a5ca]{display:flex;overflow:auto;justify-content:space-between;margin-top:7px}.ct .right .imgEdit .item[data-v-4ae0a5ca]{width:48%;margin-right:10px;text-align:center}.ct .right .fontEdit .flex[data-v-4ae0a5ca]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ct .right .fontEdit .flex .fontFamliy[data-v-4ae0a5ca]{width:80%}.ct .right .fontEdit .flex .fontClolr[data-v-4ae0a5ca]{width:20%}.ct .right .fontEdit .flex .fontSize[data-v-4ae0a5ca]{width:59%;display:flex}.ct .right .fontEdit .flex .fontButtom[data-v-4ae0a5ca]{width:9%;text-align:center}.ct .right .fontEdit .flex .fontButtom img[data-v-4ae0a5ca]{width:28px;height:28px}.ct .right .btns[data-v-4ae0a5ca]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ct .right .btns #btn1[data-v-4ae0a5ca],.ct .right .btns #btn2[data-v-4ae0a5ca],.ct .right .btns #btn3[data-v-4ae0a5ca],.ct .right .btns #btn4[data-v-4ae0a5ca]{width:23%;height:50px;font-size:12px}.ct .right .changeD[data-v-4ae0a5ca]{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:7px}.ct .right .swiper[data-v-4ae0a5ca]{position:absolute;bottom:0;width:370px;height:370px;border:1px solid #ededed}.ct .right .swiper .swiper-slide[data-v-4ae0a5ca]{width:370px;height:370px;display:flex;justify-content:center;align-items:center}.ct .right .swiper .swiper-slide .swiper-slide swiper-slide-active[data-v-4ae0a5ca]{visibility:hidden}.ct .right .swiper img[data-v-4ae0a5ca]{width:99%;-o-object-fit:cover;object-fit:cover}.ct .right .swiper .count[data-v-4ae0a5ca]{color:rgba(0,0,0,.85);font-size:14px;position:absolute;bottom:30px;width:100%;text-align:center;z-index:10086}.ct .right .swiper .pop[data-v-4ae0a5ca]{position:absolute;top:5px;left:5px;font-size:30px;cursor:pointer;color:#474747;z-index:1}.ct .right .swiper .pop2[data-v-4ae0a5ca]{position:absolute;top:5px;right:5px;font-size:30px;cursor:pointer;color:#474747;z-index:1}.ct .right .swiper .detail[data-v-4ae0a5ca]{color:#bfbfbf;font-size:14px}.ct .right .swiper .detail .size[data-v-4ae0a5ca]{margin-top:15px}.ct .right .swiper .detail .size span[data-v-4ae0a5ca]{margin-left:15px;color:#737373}.ct .right .swiper .detail .quality[data-v-4ae0a5ca]{margin-top:15px}.ct .right .swiper .detail .quality span[data-v-4ae0a5ca]{color:#9c8c00;margin-left:15px}.ct .right .swiper .specifications[data-v-4ae0a5ca]{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}.ct .right .swiper .specifications .title[data-v-4ae0a5ca]{color:#999;font-size:14px;width:60px}.ct .right .swiper .specifications .color[data-v-4ae0a5ca]{display:flex}.ct .right .swiper .specifications .color p[data-v-4ae0a5ca]{display:flex;flex-wrap:wrap;width:100%}.ct .right .swiper .specifications .color span[data-v-4ae0a5ca]{display:flex;margin-right:8%;width:25%;height:20px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;margin-bottom:10px}.ct .right .swiper .specifications .size[data-v-4ae0a5ca]{display:flex}.ct .right .swiper .specifications .size p[data-v-4ae0a5ca]{display:flex;flex-wrap:wrap;width:100%}.ct .right .swiper .specifications .size span[data-v-4ae0a5ca]{display:flex;margin-right:8%;width:25%;height:20px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;margin-bottom:10px;color:#999;font-size:12px;justify-content:center;line-height:20px}.ct .right .swiper .specifications .num[data-v-4ae0a5ca]{display:flex;align-items:center}.ct .right .swiper .specifications .button[data-v-4ae0a5ca]{margin-top:20px}.ct .right .swiper .specifications .button .but-car[data-v-4ae0a5ca]{background:#f2987f;color:#fff}.ct .right .save[data-v-4ae0a5ca]{position:absolute;bottom:278px}.cutp[data-v-4ae0a5ca]{width:100%}.cutp .colors[data-v-4ae0a5ca]{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;margin-bottom:20px}.cutp .colors p[data-v-4ae0a5ca]{padding:2px 6px;margin-right:10px;border:1px solid #ededed;cursor:pointer;text-align:center;font-size:12px;line-height:18px;min-width:48px;height:24px;margin-top:10px}.cutp .colors .boder[data-v-4ae0a5ca]{border:2px solid var(--style-color-design)!important;background:var(--style-color-design);color:#fff}.cutp .colors p[data-v-4ae0a5ca]:last-child{margin-right:0}.pick[data-v-4ae0a5ca]{width:1524px;text-align:end;margin:14px 0}.pick .colors[data-v-4ae0a5ca]{display:flex;justify-content:flex-end;margin-bottom:20px}.pick .colors p[data-v-4ae0a5ca]{padding:2px 6px;margin-right:10px;border:1px solid #ededed;cursor:pointer;text-align:center;font-size:12px;line-height:18px;min-width:48px;height:24px}.pick .colors .boder[data-v-4ae0a5ca]{border:2px solid var(--style-color-design)!important;background:var(--style-color-design);color:#fff}.pick .colors p[data-v-4ae0a5ca]:last-child{margin-right:0}.fiexd[data-v-4ae0a5ca]{background:#fff;width:var(--min-width);padding:27px;z-index:20000;margin-top:-56px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.fiexd .close[data-v-4ae0a5ca]{font-size:30px;display:flex;justify-content:flex-end}.fiexd .close i[data-v-4ae0a5ca]{cursor:pointer}.fiexd .swiper[data-v-4ae0a5ca]{width:940px;height:700px;margin:0 auto;display:flex}.fiexd .swiper .imgList[data-v-4ae0a5ca]{width:100px;margin:0 20px;height:700px;overflow-y:scroll}.fiexd .swiper .imgList .border[data-v-4ae0a5ca]{border:1px solid var(--style-color-design)}.fiexd .swiper .imgList .imgItem[data-v-4ae0a5ca]{cursor:pointer;width:90px;height:90px;display:flex;justify-content:center;align-items:center}.fiexd .swiper .imgList .imgItem img[data-v-4ae0a5ca]{width:90%;height:90%;-o-object-fit:contain;object-fit:contain}.fiexd .swiper .swiperOptions1[data-v-4ae0a5ca]{width:700px;height:700px;border:1px solid #ededed}.fiexd .swiper .swiperOptions1 .rs-box[data-v-4ae0a5ca]{display:flex;justify-content:center;align-items:center}.fiexd .swiper .swiperOptions1 .rs-box img[data-v-4ae0a5ca]{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.keylist[data-v-4ae0a5ca]{width:250px}.keylist .keydow[data-v-4ae0a5ca]{display:flex;justify-content:space-between;align-items:center;height:30px}.keylist .keydow .keybox[data-v-4ae0a5ca]{display:inline-block;height:16px;margin:0 2px 2px;padding:0 4px;background-color:var(--p-surface,#fff);box-shadow:0 0 0 1px var(--p-border-subdued,#c4cdd5),0 2px 0 0 var(--p-surface,#fff),0 2px 0 1px var(--p-border-subdued,#c4cdd5);border-radius:var(--p-border-radius-base,3px);font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:500;line-height:16px;color:var(--p-text-subdued,#637381);text-align:center;min-width:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper[data-v-4ae0a5ca]{border:1px solid #fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper img[data-v-4ae0a5ca]{width:100%;opacity:0}.cropper-head[data-v-4ae0a5ca]{display:flex;flex-direction:row;padding:10px 260px;padding-right:0;align-items:center}.cropper-head .text1[data-v-4ae0a5ca]{font-size:18px;font-weight:700;color:#595959}.cropper-head .text2[data-v-4ae0a5ca]{font-size:14px;font-weight:700;color:#a6a6a6;margin-left:420px;align-items:center;display:flex}.cropper-head .text2 img[data-v-4ae0a5ca]{margin-right:10px;width:14px}.cropper-content[data-v-4ae0a5ca]{display:flex}.cropper-content .movetext[data-v-4ae0a5ca]{-ms-writing-mode:tb-rl;writing-mode:tb-rl;font-size:12px;font-weight:700;color:#a6a6a6;padding-right:30px;letter-spacing:2px}.cropper-content .movetext img[data-v-4ae0a5ca]{margin-bottom:10px}.cropper-content .cropper[data-v-4ae0a5ca]{width:640px;height:640px;overflow:hidden}.cropper-content .show-preview[data-v-4ae0a5ca]{flex:1;-webkit-flex:1;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;overflow:hidden;background:#ccc;margin-left:40px}.preview[data-v-4ae0a5ca]{overflow:hidden;border:1px solid #468ac8;background:#ccc}.footer-btn[data-v-4ae0a5ca]{margin-top:30px;margin-left:47px;display:flex;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end}.footer-btn .scope-btn[data-v-4ae0a5ca]{width:260px;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between}.footer-btn .scope-btn span[data-v-4ae0a5ca]{display:inline-block;padding:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:5px;background:#fff;cursor:pointer}.footer-btn .scope-btn span i[data-v-4ae0a5ca]{font-size:32px;color:#333}.footer-btn .upload-btn[data-v-4ae0a5ca]{flex:1;-webkit-flex:1;display:flex;margin-left:117px}.footer-btn .btn[data-v-4ae0a5ca]{outline:none;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;padding:8px 15px;font-size:12px;border-radius:3px;color:#fff;background-color:#67c23a;border-color:#67c23a}.solide[data-v-4ae0a5ca]{margin-left:25px;width:200px}.before[data-v-4ae0a5ca]{width:100%;height:100%;overflow:hidden}.el-image-viewer__next[data-v-ea582ed8]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-ea582ed8]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-ea582ed8]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-ea582ed8]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-ea582ed8],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-ea582ed8]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-ea582ed8]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-ea582ed8]{border-color:var(--style-color-design)}.el-button--primary[data-v-ea582ed8]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-ea582ed8]:focus,.el-button--primary[data-v-ea582ed8]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-ea582ed8]{color:#1a1a1a}.design[data-v-ea582ed8]{min-width:var(--min-width);min-height:calc(100% - 20px);display:flex;flex-direction:column;align-items:center;margin-top:77px}.el-image-viewer__next[data-v-f404770e]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-f404770e]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-f404770e]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-f404770e]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-f404770e],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-f404770e]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-f404770e]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-f404770e]{border-color:var(--style-color-design)}.el-button--primary[data-v-f404770e]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-f404770e]:focus,.el-button--primary[data-v-f404770e]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-f404770e]{color:#1a1a1a}.diy[data-v-f404770e]{width:1400px;display:flex;position:relative}.diy .left[data-v-f404770e]{width:370px}.diy .left .left-button[data-v-f404770e]{display:flex;justify-content:space-between}.diy .left .left-button .el-button--primary[data-v-f404770e]{color:#848484;background-color:#fff;border-color:#848484}.diy .left .left-button .buttonStyle[data-v-f404770e]{color:#fff;background-color:#55afae;border-color:#55afae}.diy .left .product .search[data-v-f404770e]{margin-top:15px}.diy .left .product .options .typeList[data-v-f404770e]{display:flex;margin-top:10px;justify-content:space-between}.diy .left .product .options .typeList .typeBtn[data-v-f404770e]{color:#bfbfbf;font-size:14px;cursor:pointer}.diy .left .product .options .pickList[data-v-f404770e]{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);position:absolute;z-index:1000;background:#fff}.diy .left .product .options .pickList .typePick[data-v-f404770e]{display:flex}.diy .left .product .options .pickList .typePick ul[data-v-f404770e]{list-style:none;border-right:1px solid #ededed;width:80px}.diy .left .product .options .pickList .typePick ul li[data-v-f404770e]{padding:8px;display:flex;justify-content:space-between;color:rgba(0,0,0,.85);font-size:14px;cursor:pointer}.diy .left .product .options .pickList .typePick ul li[data-v-f404770e]:hover{background:#ededed}.diy .left .product .options .pickList .typePick ul[data-v-f404770e]:last-child{border-right:none}.diy .left .product .options .pickList .typePick ul:last-child i[data-v-f404770e]{display:none}.diy .left .imgList[data-v-f404770e]{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ededed}.diy .left .imgList .imgItem[data-v-f404770e]{margin-top:20px;width:75px;height:75px;border:1px solid #ededed;display:flex;align-items:center;justify-content:center}.diy .left .imgList .imgItem[data-v-f404770e]:hover{border:1px solid #55afae;cursor:pointer}.diy .left .imgList .imgItem img[data-v-f404770e]{-o-object-fit:cover;object-fit:cover}.diy .left .imgList .imgPage[data-v-f404770e]{margin-top:15px;display:flex;font-size:12px;align-items:center;justify-content:space-between;width:100%}.diy .right .flex[data-v-f404770e]{display:flex}.diy .right .flex .imgList[data-v-f404770e]{margin:0 20px;width:80px}.diy .right .flex .imgList .curimg[data-v-f404770e]{margin-bottom:20px;width:78px;height:78px;border:1px solid #fff;display:flex;align-items:center;justify-content:center}.diy .right .flex .imgList .curimg[data-v-f404770e]:hover{border:1px solid #55afae;cursor:pointer}.diy .right .flex .imgList .curimg img[data-v-f404770e]{width:100%}.diy .right .flex .canvas[data-v-f404770e]{width:602px;height:602px;display:inline-block;padding:0;box-sizing:border-box;border:1px dashed #74c0fc;background:#f1f3f5;background-image:linear-gradient(45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0),linear-gradient(45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0);background-position:0 0,15px 15px;background-size:32px 32px;position:relative}.diy .right .flex .canvas img[data-v-f404770e]{position:absolute;top:0;left:0;width:100%;z-index:1;pointer-events:none}.diy .right .flex .swiper[data-v-f404770e]{position:relative;width:258px;height:258px;margin-left:40px;border:1px solid #ededed}.diy .right .flex .swiper .swiper-slide[data-v-f404770e]{width:258px;height:258px;display:flex;justify-content:center;align-items:center}.diy .right .flex .swiper img[data-v-f404770e]{width:90%}.diy .right .flex .swiper .count[data-v-f404770e]{color:rgba(0,0,0,.85);font-size:14px;position:absolute;bottom:30px;width:100%;text-align:center;z-index:10086}.diy .right .flex .swiper .pop[data-v-f404770e]{position:absolute;top:5px;left:5px;font-size:30px;cursor:pointer;color:#bfbfbf;z-index:10086}.diy .right .flex .swiper .detail[data-v-f404770e]{color:#bfbfbf;font-size:14px}.diy .right .flex .swiper .detail .size[data-v-f404770e]{margin-top:15px}.diy .right .flex .swiper .detail .size span[data-v-f404770e]{margin-left:15px;color:#737373}.diy .right .flex .swiper .detail .quality[data-v-f404770e]{margin-top:15px}.diy .right .flex .swiper .detail .quality span[data-v-f404770e]{color:#009c2c;margin-left:15px}.diy .right .flex .swiper .specifications[data-v-f404770e]{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}.diy .right .flex .swiper .specifications .title[data-v-f404770e]{color:#999;font-size:14px;width:60px}.diy .right .flex .swiper .specifications .color[data-v-f404770e]{display:flex}.diy .right .flex .swiper .specifications .color p[data-v-f404770e]{display:flex;flex-wrap:wrap;width:100%}.diy .right .flex .swiper .specifications .color span[data-v-f404770e]{display:flex;margin-right:8%;width:25%;height:20px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;margin-bottom:10px}.diy .right .flex .swiper .specifications .size[data-v-f404770e]{display:flex}.diy .right .flex .swiper .specifications .size p[data-v-f404770e]{display:flex;flex-wrap:wrap;width:100%}.diy .right .flex .swiper .specifications .size span[data-v-f404770e]{display:flex;margin-right:8%;width:25%;height:20px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;margin-bottom:10px;color:#999;font-size:12px;justify-content:center;line-height:20px}.diy .right .flex .swiper .specifications .num[data-v-f404770e]{display:flex;align-items:center}.diy .right .flex .swiper .specifications .button[data-v-f404770e]{margin-top:20px}.diy .right .flex .swiper .specifications .button .but-car[data-v-f404770e]{background:#f2987f;color:#fff}.diy .fiexd[data-v-f404770e]{background:#fff;width:1400px;padding:50px;z-index:20000;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.diy .fiexd .close[data-v-f404770e]{font-size:30px;display:flex;justify-content:flex-end}.diy .fiexd .close i[data-v-f404770e]{cursor:pointer}.diy .fiexd .swiper[data-v-f404770e]{width:740px;height:600px;margin:0 auto;display:flex}.diy .fiexd .swiper .imgList[data-v-f404770e]{width:100px;margin:0 20px;height:600px;overflow-y:scroll}.diy .fiexd .swiper .imgList .border[data-v-f404770e]{border:1px solid #55afae}.diy .fiexd .swiper .imgList .imgItem[data-v-f404770e]{cursor:pointer;width:90px;height:90px;display:flex;justify-content:center;align-items:center}.diy .fiexd .swiper .imgList .imgItem img[data-v-f404770e]{width:90%;-o-object-fit:cover;object-fit:cover}.diy .fiexd .swiper .swiperOptions1[data-v-f404770e]{width:600px;height:600px;border:1px solid #ededed}.diy .fiexd .swiper .swiperOptions1 .rs-box[data-v-f404770e]{display:flex;justify-content:center;align-items:center}.diy .fiexd .swiper .swiperOptions1 .rs-box img[data-v-f404770e]{width:90%}.body[data-v-66faf150]{margin:0;padding:0;font-family:Raleway,sans-serif;font-size:14px;color:#444;z-index:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#c[data-v-66faf150]{width:100%;height:100%;display:block;touch-action:none;top:0;left:0}.controls[data-v-66faf150]{position:absolute;bottom:0;width:100%}.options[data-v-66faf150]{position:absolute;left:0}.option[data-v-66faf150]{background-size:cover;background-position:50%;background-color:#fff;margin-bottom:3px;padding:2px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.option[data-v-66faf150]:hover{border-left:2px solid #fff;width:40px}.option.--is-active[data-v-66faf150]{border-right:2px solid grey;width:40px;cursor:default}.option.--is-active[data-v-66faf150]:hover{border-left:none}.option img[data-v-66faf150]{height:100%;width:auto;pointer-events:none}.info[data-v-66faf150]{padding:0 1em;display:flex;justify-content:flex-end}.info p[data-v-66faf150]{margin-top:0}.tray[data-v-66faf150]{width:100%;height:50px;position:relative;overflow-x:hidden}.tray__slide[data-v-66faf150]{position:absolute;display:flex;left:0;transform:translateX(-50%);-webkit-animation:wheelin-data-v-66faf150 1s ease-in-out 2s forwards;animation:wheelin-data-v-66faf150 1s ease-in-out 2s forwards}.tray__swatch[data-v-66faf150]{transition:.1s ease-in;height:50px;min-width:50px;flex:1;box-shadow:0 4px 10px rgba(0,0,0,.3);background-size:cover;background-position:50%}.tray__swatch[data-v-66faf150]:nth-child(5n+5){margin-right:20px}.drag-notice[data-v-66faf150]{display:flex;justify-content:center;align-items:center;padding:2em;width:10em;height:10em;box-sizing:border-box;font-size:.9em;font-weight:800;text-transform:uppercase;text-align:center;border-radius:5em;background:#fff;position:absolute}.drag-notice.start[data-v-66faf150]{-webkit-animation:popout-data-v-66faf150 .25s 3s forwards;animation:popout-data-v-66faf150 .25s 3s forwards}@-webkit-keyframes popout-data-v-66faf150{to{transform:scale(0)}}@keyframes popout-data-v-66faf150{to{transform:scale(0)}}@-webkit-keyframes wheelin-data-v-66faf150{to{transform:translateX(0)}}@keyframes wheelin-data-v-66faf150{to{transform:translateX(0)}}@media (max-width:960px){.options[data-v-66faf150]{top:0}.info[data-v-66faf150]{padding:0 1em 1em 0}.info__message[data-v-66faf150]{display:flex;align-items:flex-end}.info__message p[data-v-66faf150]{margin:0;font-size:.7em}}@media (max-width:720px){.info[data-v-66faf150]{flex-direction:column;justify-content:center;align-items:center;padding:0 1em 1em}.info__message[data-v-66faf150]{margin-bottom:1em}}@media (max-width:680px){.info[data-v-66faf150]{padding:1em 2em}.info__message[data-v-66faf150]{display:none}.options[data-v-66faf150]{bottom:50px}.option[data-v-66faf150]{margin-bottom:1px;padding:5px;height:45px;width:45px;display:flex}.option.--is-active[data-v-66faf150]{border-right:2px solid grey;width:47px}.option img[data-v-66faf150]{height:100%;width:auto;pointer-events:none}}.buttons[data-v-66faf150]{position:absolute;right:200px;top:12px}.buttons button[data-v-66faf150]{border:0;color:#000;background:transparent}.el-image-viewer__next[data-v-56bc155f]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-56bc155f]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-56bc155f]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-56bc155f]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-56bc155f],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-56bc155f]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-56bc155f]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-56bc155f]{border-color:var(--style-color-design)}.el-button--primary[data-v-56bc155f]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-56bc155f]:focus,.el-button--primary[data-v-56bc155f]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-56bc155f]{color:#1a1a1a}.lvjing_box[data-v-56bc155f]{display:flex;flex-wrap:wrap;width:420px;height:300px;overflow:scroll}.lvjing_box img[data-v-56bc155f]{cursor:pointer;width:60px;height:60px;margin:10px;-o-object-fit:cover;object-fit:cover}[data-v-56bc155f] .el-pagination__jump{margin-left:0}.elradioBox[data-v-56bc155f] .el-radio.is-bordered+.el-radio.is-bordered{margin-left:0!important;margin-top:4px!important}[data-v-56bc155f] .el-button--text{color:var(--style-color-design)}[data-v-56bc155f] .el-button--primary{color:#000;border-color:#b1b1b1}[data-v-56bc155f] .el-input__inner,[data-v-56bc155f] .el-input__suffix{color:#000}[data-v-56bc155f] .el-input__inner::-moz-placeholder{color:#000}[data-v-56bc155f] .el-input__inner:-ms-input-placeholder{color:#000}[data-v-56bc155f] .el-input__inner::placeholder{color:#000}[data-v-56bc155f] .el-input__inner{border:1px solid #b1b1b1}.el-input-group__prepend[data-v-56bc155f],[data-v-56bc155f] .el-input-group__append{border:1px solid #b1b1b1;border-left:0}[data-v-56bc155f] .el-select .el-input .el-select__caret{color:#000}.dwarn[data-v-56bc155f]{width:601px;background-color:#ff4d4f;color:#fff;font-size:12px;display:flex;justify-content:space-between;padding:2px 10px}.konva[data-v-56bc155f]{width:602px;height:602px;display:inline-block;padding:0;box-sizing:border-box;border:1px dashed #74c0fc;background:#f1f3f5;background-image:linear-gradient(45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0),linear-gradient(45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0);background-position:0 0,15px 15px;background-size:32px 32px;position:relative}.konva .copy[data-v-56bc155f]{position:absolute;top:0;left:0;display:flex;z-index:2}.konva .copy p[data-v-56bc155f]{font-size:12px;cursor:pointer;display:flex;justify-content:center;width:60px;height:22px;background-color:#fff;border:1px solid #e1e1e1}.konva .copy:hover .copy-list[data-v-56bc155f]{display:flex}.konva .copy .copy-list[data-v-56bc155f]{width:60px;background-color:#fff;display:none;flex-wrap:wrap;justify-content:center;align-items:center;z-index:1000}.konva .copy .copy-list .item[data-v-56bc155f]{font-size:12px;text-align:center;cursor:pointer;width:60px;height:22px;line-height:22px}.konva .copy .copy-list .item[data-v-56bc155f]:hover{background:#ededed}.konva .k-img[data-v-56bc155f]{width:600px;height:600px;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.konva .k-img img[data-v-56bc155f]{z-index:1;pointer-events:none;max-width:100%;max-height:100%}.konva .k-img1[data-v-56bc155f]{width:600px;height:600px;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.konva .k-img1 img[data-v-56bc155f]{z-index:2;pointer-events:none;max-width:100%;max-height:100%}.ct[data-v-56bc155f]{display:flex;min-width:1400px;position:relative}.ct .left[data-v-56bc155f]{width:360px;display:flex;flex-direction:column;position:relative}.ct .left .button[data-v-56bc155f]{width:355px;display:flex;flex-direction:row;justify-content:space-between;padding:14px 0;border-bottom:1px dashed #e5e5e5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ct .left .colorpicker[data-v-56bc155f]{width:10px;height:10px;border:1px solid #737373}.ct .left .search[data-v-56bc155f]{margin-top:15px;display:flex;width:355px}.ct .left .cascader[data-v-56bc155f]{display:flex;justify-content:space-between;width:355px;margin:10px 0;padding:10px 0;background-color:#fafafa;position:relative}.ct .left .cascader .options[data-v-56bc155f]{display:flex;flex-wrap:wrap;position:absolute;top:50px;left:150px;overflow-x:hidden;width:200px;height:315px;background:#fff;padding:10px;box-shadow:7px 7px 5px #637381;border:1px solid #637381}.ct .left .cascader .item[data-v-56bc155f]{width:85px;text-align:center}.ct .left .productList[data-v-56bc155f]{display:flex;height:460px;flex-wrap:wrap;align-content:flex-start}.ct .left .productList .item[data-v-56bc155f]{width:78px;height:78px;box-sizing:border-box;border:1px solid #e5e5e5;cursor:pointer;margin:0 12px 12px 0;overflow:hidden}.ct .left .productList .item img[data-v-56bc155f]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ct .left .productList .curItem[data-v-56bc155f]{border:1px solid var(--style-color-design)}.ct .left .imgPage[data-v-56bc155f]{margin-top:15px;display:flex;font-size:12px;align-items:center;justify-content:space-between;width:100%}.ct .left .product[data-v-56bc155f]{position:absolute;left:420px;top:180px;width:280px;border:1px solid #ededde;background:#fff;box-shadow:-7px 7px 5px #637381;z-index:100;padding:20px}.ct .left .product .img[data-v-56bc155f]{border:1px solid #ededed;width:240px;height:240px;overflow:hidden}.ct .left .product .img img[data-v-56bc155f]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ct .left .product .title[data-v-56bc155f]{margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:23px;max-height:46px;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px}.ct .left .product .detail[data-v-56bc155f]{display:flex;font-size:12px;justify-content:space-between}.ct .left .product .detail img[data-v-56bc155f]{width:18px;height:18px}.ct .left .product .detail p[data-v-56bc155f]{height:25px;line-height:25px;display:flex}.ct .left .product .detail p span[data-v-56bc155f]{display:block;font-size:12px;margin-left:10px}.ct .left .product .size[data-v-56bc155f]{display:flex;font-size:12px;height:20px;line-height:20px}.ct .left .product .size span[data-v-56bc155f]{color:#87ceeb}.ct .left .product .money[data-v-56bc155f]{font-size:14px;color:red}.ct .left .product .color[data-v-56bc155f]{margin-top:10px;display:flex;flex-wrap:wrap}.ct .left .product .color p[data-v-56bc155f]{width:20px;height:20px;border:1px solid #ededed;margin-right:10px;margin-top:10px}.ct .curProduct[data-v-56bc155f]{margin-top:76px;width:76px;margin-left:10px;height:608px;overflow:scroll}.ct .curProduct .item[data-v-56bc155f]{width:66px;font-size:12px;border:1px solid #ededed;color:#666;margin-top:10px;cursor:pointer;display:flex;flex-direction:column}.ct .curProduct .item img[data-v-56bc155f]{width:100%;-o-object-fit:cover;object-fit:cover}.ct .curProduct[data-v-56bc155f] :first-child{margin-top:0}.ct .curProduct .curItem[data-v-56bc155f]{border:1px solid var(--style-color-design);color:var(--style-color-design)}.ct .canvas .button[data-v-56bc155f]{display:flex;height:76px;align-items:center;width:100%;justify-content:center}.ct .right[data-v-56bc155f]{width:370px;margin-left:20px;margin-bottom:13px;position:relative}.ct .right .edit[data-v-56bc155f]{display:flex;flex-wrap:wrap;margin-top:8px}.ct .right .edit .item[data-v-56bc155f]{width:47px;height:40px;margin:5px 5px 0 0}.ct .right .opacity[data-v-56bc155f]{height:38px;line-height:38px;display:flex;margin-top:10px}.ct .right .opacity p[data-v-56bc155f]{width:29%;font-size:14px}.ct .right .opacity .lucency[data-v-56bc155f]{width:64%}.ct .right .imgEdit[data-v-56bc155f]{display:flex;justify-content:space-between;margin-top:7px;overflow-x:scroll}.ct .right .imgEdit .item[data-v-56bc155f]{width:48%;margin-right:10px;text-align:center}.ct .right .fontEdit .flex[data-v-56bc155f]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ct .right .fontEdit .flex .fontFamliy[data-v-56bc155f]{width:80%}.ct .right .fontEdit .flex .fontClolr[data-v-56bc155f]{width:20%}.ct .right .fontEdit .flex .fontSize[data-v-56bc155f]{width:59%;display:flex}.ct .right .fontEdit .flex .fontButtom[data-v-56bc155f]{width:9%;text-align:center}.ct .right .fontEdit .flex .fontButtom img[data-v-56bc155f]{width:28px;height:28px}.ct .right .btns[data-v-56bc155f]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ct .right .btns #btn1[data-v-56bc155f],.ct .right .btns #btn2[data-v-56bc155f],.ct .right .btns #btn3[data-v-56bc155f],.ct .right .btns #btn4[data-v-56bc155f]{width:23%;height:50px;font-size:12px}.ct .right .changeD[data-v-56bc155f]{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:7px}.ct .right .swiper[data-v-56bc155f]{position:absolute;bottom:0;width:370px;height:370px;border:1px solid #ededed}.ct .right .swiper .swiper-slide[data-v-56bc155f]{width:370px;height:370px;display:flex;justify-content:center;align-items:center}.ct .right .swiper .swiper-slide .swiper-slide swiper-slide-active[data-v-56bc155f]{visibility:hidden}.ct .right .swiper img[data-v-56bc155f]{width:99%;-o-object-fit:cover;object-fit:cover}.ct .right .swiper .count[data-v-56bc155f]{color:rgba(0,0,0,.85);font-size:14px;position:absolute;bottom:30px;width:100%;text-align:center;z-index:10086}.ct .right .swiper .pop[data-v-56bc155f]{position:absolute;top:5px;left:5px;font-size:30px;cursor:pointer;color:#474747;z-index:1}.ct .right .swiper .pop2[data-v-56bc155f]{position:absolute;top:5px;right:5px;font-size:30px;cursor:pointer;color:#474747;z-index:1}.ct .right .swiper .detail[data-v-56bc155f]{color:#bfbfbf;font-size:14px}.ct .right .swiper .detail .size[data-v-56bc155f]{margin-top:15px}.ct .right .swiper .detail .size span[data-v-56bc155f]{margin-left:15px;color:#737373}.ct .right .swiper .detail .quality[data-v-56bc155f]{margin-top:15px}.ct .right .swiper .detail .quality span[data-v-56bc155f]{color:#9c8c00;margin-left:15px}.ct .right .swiper .specifications[data-v-56bc155f]{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}.ct .right .swiper .specifications .title[data-v-56bc155f]{color:#999;font-size:14px;width:60px}.ct .right .swiper .specifications .color[data-v-56bc155f]{display:flex}.ct .right .swiper .specifications .color p[data-v-56bc155f]{display:flex;flex-wrap:wrap;width:100%}.ct .right .swiper .specifications .color span[data-v-56bc155f]{display:flex;margin-right:8%;width:25%;height:20px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;margin-bottom:10px}.ct .right .swiper .specifications .size[data-v-56bc155f]{display:flex}.ct .right .swiper .specifications .size p[data-v-56bc155f]{display:flex;flex-wrap:wrap;width:100%}.ct .right .swiper .specifications .size span[data-v-56bc155f]{display:flex;margin-right:8%;width:25%;height:20px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;margin-bottom:10px;color:#999;font-size:12px;justify-content:center;line-height:20px}.ct .right .swiper .specifications .num[data-v-56bc155f]{display:flex;align-items:center}.ct .right .swiper .specifications .button[data-v-56bc155f]{margin-top:20px}.ct .right .swiper .specifications .button .but-car[data-v-56bc155f]{background:#f2987f;color:#fff}.ct .right .save[data-v-56bc155f]{position:absolute;bottom:278px}.cutp[data-v-56bc155f]{width:100%}.cutp .colors[data-v-56bc155f]{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;margin-bottom:20px}.cutp .colors p[data-v-56bc155f]{padding:2px 6px;margin-right:10px;border:1px solid #ededed;cursor:pointer;text-align:center;font-size:12px;line-height:18px;min-width:48px;height:24px;margin-top:10px}.cutp .colors .boder[data-v-56bc155f]{border:2px solid var(--style-color-design)!important;background:var(--style-color-design);color:#fff}.cutp .colors p[data-v-56bc155f]:last-child{margin-right:0}.pick[data-v-56bc155f]{width:1440px;text-align:end;margin:14px 0}.pick .colors[data-v-56bc155f]{display:flex;justify-content:flex-end;margin-bottom:20px}.pick .colors p[data-v-56bc155f]{padding:2px 6px;margin-right:10px;border:1px solid #ededed;cursor:pointer;text-align:center;font-size:12px;line-height:18px;min-width:48px;height:24px}.pick .colors .boder[data-v-56bc155f]{border:2px solid var(--style-color-design)!important;background:var(--style-color-design);color:#fff}.pick .colors p[data-v-56bc155f]:last-child{margin-right:0}.fiexd[data-v-56bc155f]{background:#fff;width:var(--min-width);padding:50px;z-index:20000;margin-top:-85px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.fiexd .close[data-v-56bc155f]{font-size:30px;display:flex;justify-content:flex-end}.fiexd .close i[data-v-56bc155f]{cursor:pointer}.fiexd .swiper[data-v-56bc155f]{width:940px;height:700px;margin:0 auto;display:flex}.fiexd .swiper .imgList[data-v-56bc155f]{width:100px;margin:0 20px;height:700px;overflow-y:scroll}.fiexd .swiper .imgList .border[data-v-56bc155f]{border:1px solid var(--style-color-design)}.fiexd .swiper .imgList .imgItem[data-v-56bc155f]{cursor:pointer;width:90px;height:90px;display:flex;justify-content:center;align-items:center}.fiexd .swiper .imgList .imgItem img[data-v-56bc155f]{width:90%;height:90%;-o-object-fit:contain;object-fit:contain}.fiexd .swiper .swiperOptions1[data-v-56bc155f]{width:700px;height:700px;border:1px solid #ededed}.fiexd .swiper .swiperOptions1 .rs-box[data-v-56bc155f]{display:flex;justify-content:center;align-items:center}.fiexd .swiper .swiperOptions1 .rs-box img[data-v-56bc155f]{width:100%}.keylist[data-v-56bc155f]{width:280px}.keylist .keydow[data-v-56bc155f]{display:flex;justify-content:space-between;align-items:center;height:30px}.keylist .keydow .keybox[data-v-56bc155f]{display:inline-block;height:16px;margin:0 2px 2px;padding:0 4px;background-color:var(--p-surface,#fff);box-shadow:0 0 0 1px var(--p-border-subdued,#c4cdd5),0 2px 0 0 var(--p-surface,#fff),0 2px 0 1px var(--p-border-subdued,#c4cdd5);border-radius:var(--p-border-radius-base,3px);font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:500;line-height:16px;color:var(--p-text-subdued,#637381);text-align:center;min-width:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper[data-v-56bc155f]{border:1px solid #fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper img[data-v-56bc155f]{width:100%;opacity:0}.cropper-head[data-v-56bc155f]{display:flex;flex-direction:row;padding:10px 120px;padding-right:0;align-items:center}.cropper-head .text1[data-v-56bc155f]{font-size:18px;font-weight:700;color:#595959}.cropper-head .text2[data-v-56bc155f]{font-size:14px;font-weight:700;color:#a6a6a6;margin-left:240px;align-items:center;display:flex}.cropper-head .text2 img[data-v-56bc155f]{margin-right:10px;width:14px}.cropper-content[data-v-56bc155f]{display:flex}.cropper-content .movetext[data-v-56bc155f]{-ms-writing-mode:tb-rl;writing-mode:tb-rl;font-size:12px;font-weight:700;color:#a6a6a6;padding-right:30px;letter-spacing:2px}.cropper-content .movetext img[data-v-56bc155f]{margin-bottom:10px}.cropper-content .cropper[data-v-56bc155f]{width:640px;height:640px;overflow:hidden}.cropper-content .show-preview[data-v-56bc155f]{flex:1;-webkit-flex:1;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;overflow:hidden;background:#ccc;margin-left:40px}.preview[data-v-56bc155f]{overflow:hidden;border:1px solid #468ac8;background:#ccc}.footer-btn[data-v-56bc155f]{margin-top:30px;margin-left:47px;display:flex;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end}.footer-btn .scope-btn[data-v-56bc155f]{width:260px;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between}.footer-btn .scope-btn span[data-v-56bc155f]{display:inline-block;padding:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:5px;background:#fff;cursor:pointer}.footer-btn .scope-btn span i[data-v-56bc155f]{font-size:32px;color:#333}.footer-btn .upload-btn[data-v-56bc155f]{flex:1;-webkit-flex:1;display:flex;margin-left:117px}.footer-btn .btn[data-v-56bc155f]{outline:none;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;padding:8px 15px;font-size:12px;border-radius:3px;color:#fff;background-color:#67c23a;border-color:#67c23a}.solide[data-v-56bc155f]{margin-left:25px;width:200px}.before[data-v-56bc155f]{width:100%;height:100%;overflow:hidden}.el-image-viewer__next[data-v-3520b28c]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-3520b28c]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-3520b28c]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-3520b28c]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-3520b28c],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-3520b28c]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-3520b28c]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-3520b28c]{border-color:var(--style-color-design)}.el-button--primary[data-v-3520b28c]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-3520b28c]:focus,.el-button--primary[data-v-3520b28c]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-3520b28c]{color:#1a1a1a}.design[data-v-3520b28c]{min-width:var(--min-width);display:flex;flex-direction:column;align-items:center;margin-top:77px}.el-image-viewer__next[data-v-d739297e]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-d739297e]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-d739297e]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-d739297e]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-d739297e],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-d739297e]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-d739297e]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-d739297e]{border-color:var(--style-color-design)}.el-button--primary[data-v-d739297e]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-d739297e]:focus,.el-button--primary[data-v-d739297e]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-d739297e]{color:#1a1a1a}.diy[data-v-d739297e]{width:1400px;display:flex;position:relative}.diy .left[data-v-d739297e]{width:370px}.diy .left .left-button[data-v-d739297e]{display:flex;justify-content:space-between}.diy .left .left-button .el-button--primary[data-v-d739297e]{color:#848484;background-color:#fff;border-color:#848484}.diy .left .left-button .buttonStyle[data-v-d739297e]{color:#fff;background-color:#55afae;border-color:#55afae}.diy .left .product .search[data-v-d739297e]{margin-top:15px}.diy .left .product .options .typeList[data-v-d739297e]{display:flex;margin-top:10px;justify-content:space-between}.diy .left .product .options .typeList .typeBtn[data-v-d739297e]{color:#bfbfbf;font-size:14px;cursor:pointer}.diy .left .product .options .pickList[data-v-d739297e]{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);position:absolute;z-index:1000;background:#fff}.diy .left .product .options .pickList .typePick[data-v-d739297e]{display:flex}.diy .left .product .options .pickList .typePick ul[data-v-d739297e]{list-style:none;border-right:1px solid #ededed;width:80px}.diy .left .product .options .pickList .typePick ul li[data-v-d739297e]{padding:8px;display:flex;justify-content:space-between;color:rgba(0,0,0,.85);font-size:14px;cursor:pointer}.diy .left .product .options .pickList .typePick ul li[data-v-d739297e]:hover{background:#ededed}.diy .left .product .options .pickList .typePick ul[data-v-d739297e]:last-child{border-right:none}.diy .left .product .options .pickList .typePick ul:last-child i[data-v-d739297e]{display:none}.diy .left .imgList[data-v-d739297e]{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ededed}.diy .left .imgList .imgItem[data-v-d739297e]{margin-top:20px;width:75px;height:75px;border:1px solid #ededed;display:flex;align-items:center;justify-content:center}.diy .left .imgList .imgItem[data-v-d739297e]:hover{border:1px solid #55afae;cursor:pointer}.diy .left .imgList .imgItem img[data-v-d739297e]{-o-object-fit:cover;object-fit:cover}.diy .left .imgList .imgPage[data-v-d739297e]{margin-top:15px;display:flex;font-size:12px;align-items:center;justify-content:space-between;width:100%}.diy .right .flex[data-v-d739297e]{display:flex}.diy .right .flex .imgList[data-v-d739297e]{margin:0 20px;width:80px}.diy .right .flex .imgList .curimg[data-v-d739297e]{margin-bottom:20px;width:78px;height:78px;border:1px solid #fff;display:flex;align-items:center;justify-content:center}.diy .right .flex .imgList .curimg[data-v-d739297e]:hover{border:1px solid #55afae;cursor:pointer}.diy .right .flex .imgList .curimg img[data-v-d739297e]{width:100%}.diy .right .flex .canvas[data-v-d739297e]{width:602px;height:602px;display:inline-block;padding:0;box-sizing:border-box;border:1px dashed #74c0fc;background:#f1f3f5;background-image:linear-gradient(45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0),linear-gradient(45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0);background-position:0 0,15px 15px;background-size:32px 32px;position:relative}.diy .right .flex .canvas img[data-v-d739297e]{position:absolute;top:0;left:0;width:100%;z-index:1;pointer-events:none}.diy .right .flex .swiper[data-v-d739297e]{position:relative;width:258px;height:258px;margin-left:40px;border:1px solid #ededed}.diy .right .flex .swiper .swiper-slide[data-v-d739297e]{width:258px;height:258px;display:flex;justify-content:center;align-items:center}.diy .right .flex .swiper img[data-v-d739297e]{width:90%}.diy .right .flex .swiper .count[data-v-d739297e]{color:rgba(0,0,0,.85);font-size:14px;position:absolute;bottom:30px;width:100%;text-align:center;z-index:10086}.diy .right .flex .swiper .pop[data-v-d739297e]{position:absolute;top:5px;left:5px;font-size:30px;cursor:pointer;color:#bfbfbf;z-index:10086}.diy .right .flex .swiper .detail[data-v-d739297e]{color:#bfbfbf;font-size:14px}.diy .right .flex .swiper .detail .size[data-v-d739297e]{margin-top:15px}.diy .right .flex .swiper .detail .size span[data-v-d739297e]{margin-left:15px;color:#737373}.diy .right .flex .swiper .detail .quality[data-v-d739297e]{margin-top:15px}.diy .right .flex .swiper .detail .quality span[data-v-d739297e]{color:#009c2c;margin-left:15px}.diy .right .flex .swiper .specifications[data-v-d739297e]{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}.diy .right .flex .swiper .specifications .title[data-v-d739297e]{color:#999;font-size:14px;width:60px}.diy .right .flex .swiper .specifications .color[data-v-d739297e]{display:flex}.diy .right .flex .swiper .specifications .color p[data-v-d739297e]{display:flex;flex-wrap:wrap;width:100%}.diy .right .flex .swiper .specifications .color span[data-v-d739297e]{display:flex;margin-right:8%;width:25%;height:20px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;margin-bottom:10px}.diy .right .flex .swiper .specifications .size[data-v-d739297e]{display:flex}.diy .right .flex .swiper .specifications .size p[data-v-d739297e]{display:flex;flex-wrap:wrap;width:100%}.diy .right .flex .swiper .specifications .size span[data-v-d739297e]{display:flex;margin-right:8%;width:25%;height:20px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;margin-bottom:10px;color:#999;font-size:12px;justify-content:center;line-height:20px}.diy .right .flex .swiper .specifications .num[data-v-d739297e]{display:flex;align-items:center}.diy .right .flex .swiper .specifications .button[data-v-d739297e]{margin-top:20px}.diy .right .flex .swiper .specifications .button .but-car[data-v-d739297e]{background:#f2987f;color:#fff}.diy .fiexd[data-v-d739297e]{background:#fff;width:1400px;padding:50px;z-index:20000;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.diy .fiexd .close[data-v-d739297e]{font-size:30px;display:flex;justify-content:flex-end}.diy .fiexd .close i[data-v-d739297e]{cursor:pointer}.diy .fiexd .swiper[data-v-d739297e]{width:740px;height:600px;margin:0 auto;display:flex}.diy .fiexd .swiper .imgList[data-v-d739297e]{width:100px;margin:0 20px;height:600px;overflow-y:scroll}.diy .fiexd .swiper .imgList .border[data-v-d739297e]{border:1px solid #55afae}.diy .fiexd .swiper .imgList .imgItem[data-v-d739297e]{cursor:pointer;width:90px;height:90px;display:flex;justify-content:center;align-items:center}.diy .fiexd .swiper .imgList .imgItem img[data-v-d739297e]{width:90%;-o-object-fit:cover;object-fit:cover}.diy .fiexd .swiper .swiperOptions1[data-v-d739297e]{width:600px;height:600px;border:1px solid #ededed}.diy .fiexd .swiper .swiperOptions1 .rs-box[data-v-d739297e]{display:flex;justify-content:center;align-items:center}.diy .fiexd .swiper .swiperOptions1 .rs-box img[data-v-d739297e]{width:90%}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#55afae!important;outline:0!important}.typeList .el-radio__input.is-checked .el-radio__inner{border-color:#55afae;background:#55afae}.typeList .el-radio{margin-right:10px;display:flex;align-items:center;color:#bfbfbf}.typeList .el-radio__input.is-checked+.el-radio__label{color:#55afae}.imgList .el-pager li.active{color:#55afae;cursor:default}.imgList .el-pager li:hover{color:#55afae;cursor:pointer}.swiper .swiper-button-next,.swiper .swiper-button-prev{background-color:hsla(0,0%,100%,0)}.swiper .swiper-button-next:after,.swiper .swiper-button-prev:after{color:#55afae}.body[data-v-23c1ece0]{margin:0;padding:0;font-family:Raleway,sans-serif;font-size:14px;color:#444;z-index:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#c[data-v-23c1ece0]{width:100%;height:100%;display:block;touch-action:none;top:0;left:0}.controls[data-v-23c1ece0]{position:absolute;bottom:0;width:100%}.options[data-v-23c1ece0]{position:absolute;left:0}.option[data-v-23c1ece0]{background-size:cover;background-position:50%;background-color:#fff;margin-bottom:3px;padding:2px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.option[data-v-23c1ece0]:hover{border-left:2px solid #fff;width:40px}.option.--is-active[data-v-23c1ece0]{border-right:2px solid grey;width:40px;cursor:default}.option.--is-active[data-v-23c1ece0]:hover{border-left:none}.option img[data-v-23c1ece0]{height:100%;width:auto;pointer-events:none}.info[data-v-23c1ece0]{padding:0 1em;display:flex;justify-content:flex-end}.info p[data-v-23c1ece0]{margin-top:0}.tray[data-v-23c1ece0]{width:100%;height:50px;position:relative;overflow-x:hidden}.tray__slide[data-v-23c1ece0]{position:absolute;display:flex;left:0;transform:translateX(-50%);-webkit-animation:wheelin-data-v-23c1ece0 1s ease-in-out 2s forwards;animation:wheelin-data-v-23c1ece0 1s ease-in-out 2s forwards}.tray__swatch[data-v-23c1ece0]{transition:.1s ease-in;height:50px;min-width:50px;flex:1;box-shadow:0 4px 10px rgba(0,0,0,.3);background-size:cover;background-position:50%}.tray__swatch[data-v-23c1ece0]:nth-child(5n+5){margin-right:20px}.drag-notice[data-v-23c1ece0]{display:flex;justify-content:center;align-items:center;padding:2em;width:10em;height:10em;box-sizing:border-box;font-size:.9em;font-weight:800;text-transform:uppercase;text-align:center;border-radius:5em;background:#fff;position:absolute}.drag-notice.start[data-v-23c1ece0]{-webkit-animation:popout-data-v-23c1ece0 .25s 3s forwards;animation:popout-data-v-23c1ece0 .25s 3s forwards}@-webkit-keyframes popout-data-v-23c1ece0{to{transform:scale(0)}}@keyframes popout-data-v-23c1ece0{to{transform:scale(0)}}@-webkit-keyframes wheelin-data-v-23c1ece0{to{transform:translateX(0)}}@keyframes wheelin-data-v-23c1ece0{to{transform:translateX(0)}}@media (max-width:960px){.options[data-v-23c1ece0]{top:0}.info[data-v-23c1ece0]{padding:0 1em 1em 0}.info__message[data-v-23c1ece0]{display:flex;align-items:flex-end}.info__message p[data-v-23c1ece0]{margin:0;font-size:.7em}}@media (max-width:720px){.info[data-v-23c1ece0]{flex-direction:column;justify-content:center;align-items:center;padding:0 1em 1em}.info__message[data-v-23c1ece0]{margin-bottom:1em}}@media (max-width:680px){.info[data-v-23c1ece0]{padding:1em 2em}.info__message[data-v-23c1ece0]{display:none}.options[data-v-23c1ece0]{bottom:50px}.option[data-v-23c1ece0]{margin-bottom:1px;padding:5px;height:45px;width:45px;display:flex}.option.--is-active[data-v-23c1ece0]{border-right:2px solid grey;width:47px}.option img[data-v-23c1ece0]{height:100%;width:auto;pointer-events:none}}.buttons[data-v-23c1ece0]{position:absolute;right:200px;top:12px}.buttons button[data-v-23c1ece0]{border:0;color:#000;background:transparent}.el-image-viewer__next[data-v-b7be36b0]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-b7be36b0]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-b7be36b0]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-b7be36b0]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-b7be36b0],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-b7be36b0]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-b7be36b0]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-b7be36b0]{border-color:var(--style-color-design)}.el-button--primary[data-v-b7be36b0]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-b7be36b0]:focus,.el-button--primary[data-v-b7be36b0]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-b7be36b0]{color:#1a1a1a}.order-sort[data-v-b7be36b0]{display:flex;align-items:center;justify-content:flex-end}.sort-item[data-v-b7be36b0]{padding:0 30px 0 16px;position:relative;color:grey;cursor:pointer;border-right:1px solid #f0f0f0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sort-item .asc[data-v-b7be36b0]{position:absolute;bottom:5px;right:10px}.sort-item .desc[data-v-b7be36b0]{position:absolute;bottom:-3px;right:10px}.sort-item .typeColor[data-v-b7be36b0]{color:#3f61f4}.sort-item[data-v-b7be36b0]:last-child{border:none}.el-image-viewer__next[data-v-6a45f57f]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-6a45f57f]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-6a45f57f]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-6a45f57f]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-6a45f57f],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-6a45f57f]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-6a45f57f]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-6a45f57f]{border-color:var(--style-color-design)}.el-button--primary[data-v-6a45f57f]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-6a45f57f]:focus,.el-button--primary[data-v-6a45f57f]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-6a45f57f]{color:#1a1a1a}body.el-popup-parent--hidden[data-v-6a45f57f]{visibility:hidden}.content[data-v-6a45f57f]{display:flex}.content .catalogue[data-v-6a45f57f]{width:16%;min-width:260px;height:1000px;overflow:scroll;border:1px solid #f0f0f0}.content .catalogue-text[data-v-6a45f57f]{font-size:14px;color:#404040;padding:14px;border-bottom:1px solid #f0f0f0;margin-bottom:24px}.content .table-coat[data-v-6a45f57f]{margin-left:24px;padding:0 16px;flex:1}.content .treeTabBar[data-v-6a45f57f]{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0;font-size:14px}.content .treeTabBar p[data-v-6a45f57f]{cursor:pointer}.content .treeTabBar p span[data-v-6a45f57f]{margin:0 6px}.content .treeTabBar p[data-v-6a45f57f]:last-child{color:#3f61f4}.content .treeTabBar p:last-child span[data-v-6a45f57f]{display:none}.content .libraryList[data-v-6a45f57f]{display:flex;flex-wrap:wrap}.content .libraryList .libraryItem[data-v-6a45f57f]{width:156px;height:200px;margin-top:12px;margin-right:21px}.content .libraryList .libraryItem .material-img-box[data-v-6a45f57f]{background-image:url(../img/lattice.1bd4520e.jpg);position:relative;cursor:pointer}.content .libraryList .libraryItem .material-img-box .check[data-v-6a45f57f]{width:130px;position:absolute;display:none;top:-2px;left:0;padding:2px;font-size:12px}.content .libraryList .libraryItem .material-img-box .showCheck[data-v-6a45f57f],.content .libraryList .libraryItem .material-img-box:hover .check[data-v-6a45f57f]{display:block}.content .libraryList .libraryItem .material-img-box .text[data-v-6a45f57f]{width:130px;position:absolute;display:none;bottom:0;left:0;padding:2px;background-color:rgba(0,0,0,.4);font-size:12px;text-align:center}.content .libraryList .libraryItem .material-img-box:hover .text[data-v-6a45f57f]{display:inline-block;color:#fff}.content .libraryList .libraryItem .material-img-box:hover .text span[data-v-6a45f57f]{display:block}.content .libraryList .libraryItem .material-file-box[data-v-6a45f57f],.content .libraryList .libraryItem .material-img-box[data-v-6a45f57f]{width:130px;height:130px;margin-right:12px;border-radius:4px;position:relative}.content .libraryList .libraryItem .material-file-box .material-img[data-v-6a45f57f],.content .libraryList .libraryItem .material-img-box .material-img[data-v-6a45f57f]{max-width:100%;max-height:100%;height:100%;width:auto}.content .libraryList .libraryItem .material-hover[data-v-6a45f57f]{background-image:url(../img/lattice.1bd4520e.jpg);width:450px;height:450px;position:relative;display:flex;align-items:center;justify-content:center;padding:0}.content .libraryList .libraryItem .material-hover .hover-img[data-v-6a45f57f]{max-width:100%;max-height:100%}.content .libraryList .libraryItem .material-hover .hover-info[data-v-6a45f57f]{position:absolute;background-color:rgba(0,0,0,.4);bottom:0;width:100%;padding:8px;line-height:20px;font-size:14px;color:#fff}.content .libraryList .libraryItem .material-hover .hover-info .hover-info-box[data-v-6a45f57f]{display:flex;justify-content:space-between}.content .libraryList .libraryItem .material-item[data-v-6a45f57f]{margin-top:4px;font-size:14px;color:#595959;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;overflow:hidden;text-align:center}.content .libraryList .libraryItem .material-item span[data-v-6a45f57f]{color:#8c8c8c}.content .libraryList .libraryItem .material-file[data-v-6a45f57f]{position:relative;cursor:pointer}.content .libraryList .libraryItem .material-file .text[data-v-6a45f57f]{width:130px;position:absolute;display:none;bottom:0;left:0;padding:2px;background-color:rgba(0,0,0,.4);font-size:12px;text-align:center}.content .libraryList .libraryItem .material-file:hover .text[data-v-6a45f57f]{display:inline-block;color:#fff}.bottomimg[data-v-6a45f57f]{margin-top:20px;display:flex;margin-left:260px}.bottomimg .title[data-v-6a45f57f]{font-size:14px;margin-right:20px;align-self:center;color:#404040}.bottomimg .radio[data-v-6a45f57f]{margin-right:20px}.bottom[data-v-6a45f57f]{margin-top:20px;display:flex;justify-content:space-between;margin-left:260px}.tooltip{font-size:24px;color:var(--style-color-design);margin-right:10px;cursor:pointer}.actionb{color:#fff;background-color:var(--style-color-design)}.el-image-viewer__next{right:calc(50vw - 300px)}.el-image-viewer__prev{left:calc(50vw - 300px)}.el-table .cell.el-tooltip{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label{color:var(--style-color-design)}.el-radio.is-bordered.is-checked{border-color:var(--style-color-design)}.el-button--primary{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary:focus,.el-button--primary:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text{color:#1a1a1a}.cascader .el-cascader .el-input .el-input__inner{background-color:#fafafa;border:none}.cascader .el-cascader ::-moz-placeholder{color:#000}.cascader .el-cascader :-ms-input-placeholder{color:#000}.cascader .el-cascader ::placeholder{color:#000}.cascader .el-input--suffix .el-input__inner{border:none;background-color:#fafafa}.cascader .options .el-checkbox-button__inner{margin:0 10px 10px 0!important;border:1px solid #ededed;border-radius:4px}.el-image-viewer__next[data-v-2f41a4c9]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-2f41a4c9]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-2f41a4c9]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-2f41a4c9]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-2f41a4c9],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-2f41a4c9]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-2f41a4c9]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-2f41a4c9]{border-color:var(--style-color-design)}.el-button--primary[data-v-2f41a4c9]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-2f41a4c9]:focus,.el-button--primary[data-v-2f41a4c9]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-2f41a4c9]{color:#1a1a1a}.lvjing_box[data-v-2f41a4c9]{display:flex;flex-wrap:wrap;width:420px;height:300px;overflow:scroll}.lvjing_box img[data-v-2f41a4c9]{cursor:pointer;width:60px;height:60px;margin:10px;-o-object-fit:cover;object-fit:cover}[data-v-2f41a4c9] .el-pagination__jump,[data-v-2f41a4c9] .el-radio.is-bordered+.el-radio.is-bordered{margin-left:0}[data-v-2f41a4c9] .el-radio.is-bordered{margin-top:16px}.elradioBox[data-v-2f41a4c9] .el-radio.is-bordered+.el-radio.is-bordered{margin-left:0!important;margin-top:4px!important}[data-v-2f41a4c9] .el-button--text{color:var(--style-color-design)}[data-v-2f41a4c9] .el-button--primary{color:#000;border-color:#b1b1b1}[data-v-2f41a4c9] .el-input__inner,[data-v-2f41a4c9] .el-input__suffix{color:#000}[data-v-2f41a4c9] .el-input__inner::-moz-placeholder{color:#000}[data-v-2f41a4c9] .el-input__inner:-ms-input-placeholder{color:#000}[data-v-2f41a4c9] .el-input__inner::placeholder{color:#000}[data-v-2f41a4c9] .el-input__inner{border:1px solid #b1b1b1}.el-input-group__prepend[data-v-2f41a4c9],[data-v-2f41a4c9] .el-input-group__append{border:1px solid #b1b1b1;border-left:0}[data-v-2f41a4c9] .el-select .el-input .el-select__caret{color:#000}.dwarn[data-v-2f41a4c9]{width:100%;background-color:#ff4d4f;color:#fff;font-size:12px;display:flex;justify-content:space-between;padding:2px 10px}.konva[data-v-2f41a4c9]{max-width:602px;max-height:602px;border:1px dashed #474747;display:inline-block;padding:0;position:relative}.konva .copy[data-v-2f41a4c9]{position:absolute;top:0;left:0;display:flex;z-index:2}.konva .copy p[data-v-2f41a4c9]{font-size:12px;cursor:pointer;display:flex;justify-content:center;width:60px;height:22px;background-color:#fff;border:1px solid #e1e1e1}.konva .copy:hover .copy-list[data-v-2f41a4c9]{display:flex}.konva .copy .copy-list[data-v-2f41a4c9]{width:60px;background-color:#fff;display:none;flex-wrap:wrap;justify-content:center;align-items:center;z-index:1000}.konva .copy .copy-list .item[data-v-2f41a4c9]{font-size:12px;text-align:center;cursor:pointer;width:60px;height:22px;line-height:22px}.konva .copy .copy-list .item[data-v-2f41a4c9]:hover{background:#ededed}.konva .k-img[data-v-2f41a4c9]{max-width:600px;max-height:600px;position:absolute;top:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center}.konva .k-img img[data-v-2f41a4c9]{z-index:1;pointer-events:none;max-width:100%;max-height:100%}.konva .k-img1[data-v-2f41a4c9]{width:600px;height:600px;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.konva .k-img1 img[data-v-2f41a4c9]{z-index:2;pointer-events:none;max-width:100%;max-height:100%}.ct[data-v-2f41a4c9]{display:flex;min-width:1400px;position:relative;justify-content:center}.ct .left[data-v-2f41a4c9]{width:360px;display:flex;flex-direction:column;position:relative}.ct .left .button[data-v-2f41a4c9]{width:355px;display:flex;flex-direction:row;justify-content:space-between;padding:14px 0;border-bottom:1px dashed #e5e5e5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ct .left .colorpicker[data-v-2f41a4c9]{width:10px;height:10px;border:1px solid #737373}.ct .left .search[data-v-2f41a4c9]{display:flex;width:355px}.ct .left .cascader[data-v-2f41a4c9]{display:flex;justify-content:space-between;width:355px;margin:10px 0;padding:10px 0;background-color:#fafafa;position:relative}.ct .left .cascader .options[data-v-2f41a4c9]{display:flex;flex-wrap:wrap;position:absolute;top:50px;left:150px;overflow-x:hidden;width:200px;height:315px;background:#fff;padding:10px;box-shadow:7px 7px 5px #637381;border:1px solid #637381}.ct .left .cascader .item[data-v-2f41a4c9]{width:85px;text-align:center}.ct .left .productList[data-v-2f41a4c9]{display:flex;height:460px;flex-wrap:wrap;align-content:flex-start}.ct .left .productList .item[data-v-2f41a4c9]{width:78px;height:78px;box-sizing:border-box;border:1px solid #e5e5e5;cursor:pointer;margin:0 12px 12px 0;overflow:hidden}.ct .left .productList .item img[data-v-2f41a4c9]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ct .left .productList .curItem[data-v-2f41a4c9]{border:1px solid var(--style-color-design)}.ct .left .imgPage[data-v-2f41a4c9]{margin-top:15px;display:flex;font-size:12px;align-items:center;justify-content:space-between;width:100%}.ct .left .product[data-v-2f41a4c9]{position:absolute;left:420px;top:180px;width:280px;border:1px solid #ededde;background:#fff;box-shadow:-7px 7px 5px #637381;z-index:100;padding:20px}.ct .left .product .img[data-v-2f41a4c9]{border:1px solid #ededed;width:240px;height:240px;overflow:hidden}.ct .left .product .img img[data-v-2f41a4c9]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ct .left .product .title[data-v-2f41a4c9]{margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:23px;max-height:46px;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px}.ct .left .product .detail[data-v-2f41a4c9]{display:flex;font-size:12px;justify-content:space-between}.ct .left .product .detail img[data-v-2f41a4c9]{width:18px;height:18px}.ct .left .product .detail p[data-v-2f41a4c9]{height:25px;line-height:25px;display:flex}.ct .left .product .detail p span[data-v-2f41a4c9]{display:block;font-size:12px;margin-left:10px}.ct .left .product .size[data-v-2f41a4c9]{display:flex;font-size:12px;height:20px;line-height:20px}.ct .left .product .size span[data-v-2f41a4c9]{color:#87ceeb}.ct .left .product .money[data-v-2f41a4c9]{font-size:14px;color:red}.ct .left .product .color[data-v-2f41a4c9]{margin-top:10px;display:flex;flex-wrap:wrap}.ct .left .product .color p[data-v-2f41a4c9]{width:20px;height:20px;border:1px solid #ededed;margin-right:10px;margin-top:10px}.ct .curProduct[data-v-2f41a4c9]{width:110px;margin-left:10px;height:608px;overflow:scroll}.ct .curProduct .item[data-v-2f41a4c9]{width:100px;font-size:15px;border:1px solid #ededed;color:#666;margin-top:10px;cursor:pointer;display:flex;flex-direction:column}.ct .curProduct .item img[data-v-2f41a4c9]{width:100%;-o-object-fit:cover;object-fit:cover}.ct .curProduct[data-v-2f41a4c9] :first-child{margin-top:0}.ct .curProduct .curItem[data-v-2f41a4c9]{border:1px solid var(--style-color-design);color:var(--style-color-design)}.ct .curProducth[data-v-2f41a4c9]{width:110px;margin-left:10px;height:608px;overflow:scroll}.ct .curProducth .item[data-v-2f41a4c9]{width:100px;font-size:12px;border:1px solid #ededed;color:#666;margin-top:10px;cursor:pointer;display:flex;flex-direction:column}.ct .curProducth .item img[data-v-2f41a4c9]{width:100%;border:1px solid;-o-object-fit:cover;object-fit:cover}.ct .curProducth[data-v-2f41a4c9] :first-child{margin-top:0}.ct .curProducth .curItem[data-v-2f41a4c9]{border:1px solid var(--style-color-design);color:var(--style-color-design)}.ct .canvas .button[data-v-2f41a4c9]{display:flex;height:76px;align-items:center;width:100%;justify-content:center}.ct .right[data-v-2f41a4c9]{width:370px;margin-left:20px;margin-bottom:13px;position:relative}.ct .right .edit[data-v-2f41a4c9]{display:flex;flex-wrap:wrap;margin-top:8px}.ct .right .edit .item[data-v-2f41a4c9]{width:47px;height:40px;margin:5px 5px 0 0}.ct .right .opacity[data-v-2f41a4c9]{height:38px;line-height:38px;display:flex;margin-top:10px}.ct .right .opacity p[data-v-2f41a4c9]{width:19%;font-size:14px}.ct .right .opacity .lucency[data-v-2f41a4c9]{width:77%}.ct .right .imgEdit[data-v-2f41a4c9]{display:flex;overflow:auto;justify-content:space-between;margin-top:7px}.ct .right .imgEdit .item[data-v-2f41a4c9]{width:48%;margin-right:10px;text-align:center}.ct .right .fontEdit .flex[data-v-2f41a4c9]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ct .right .fontEdit .flex .fontFamliy[data-v-2f41a4c9]{width:80%}.ct .right .fontEdit .flex .fontClolr[data-v-2f41a4c9]{width:20%}.ct .right .fontEdit .flex .fontSize[data-v-2f41a4c9]{width:59%;display:flex}.ct .right .fontEdit .flex .fontButtom[data-v-2f41a4c9]{width:9%;text-align:center}.ct .right .fontEdit .flex .fontButtom img[data-v-2f41a4c9]{width:28px;height:28px}.ct .right .btns[data-v-2f41a4c9]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ct .right .btns #btn1[data-v-2f41a4c9],.ct .right .btns #btn2[data-v-2f41a4c9],.ct .right .btns #btn3[data-v-2f41a4c9],.ct .right .btns #btn4[data-v-2f41a4c9]{width:23%;height:50px;font-size:12px}.ct .right .changeD[data-v-2f41a4c9]{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:7px}.ct .right .swiper[data-v-2f41a4c9]{position:absolute;bottom:0;width:370px;height:370px;border:1px solid #ededed}.ct .right .swiper .swiper-slide[data-v-2f41a4c9]{width:370px;height:370px;display:flex;justify-content:center;align-items:center}.ct .right .swiper .swiper-slide .swiper-slide swiper-slide-active[data-v-2f41a4c9]{visibility:hidden}.ct .right .swiper img[data-v-2f41a4c9]{width:99%;-o-object-fit:cover;object-fit:cover}.ct .right .swiper .count[data-v-2f41a4c9]{color:rgba(0,0,0,.85);font-size:14px;position:absolute;bottom:30px;width:100%;text-align:center;z-index:10086}.ct .right .swiper .pop[data-v-2f41a4c9]{position:absolute;top:5px;left:5px;font-size:30px;cursor:pointer;color:#474747;z-index:1}.ct .right .swiper .pop2[data-v-2f41a4c9]{position:absolute;top:5px;right:5px;font-size:30px;cursor:pointer;color:#474747;z-index:1}.ct .right .swiper .detail[data-v-2f41a4c9]{color:#bfbfbf;font-size:14px}.ct .right .swiper .detail .size[data-v-2f41a4c9]{margin-top:15px}.ct .right .swiper .detail .size span[data-v-2f41a4c9]{margin-left:15px;color:#737373}.ct .right .swiper .detail .quality[data-v-2f41a4c9]{margin-top:15px}.ct .right .swiper .detail .quality span[data-v-2f41a4c9]{color:#9c8c00;margin-left:15px}.ct .right .swiper .specifications[data-v-2f41a4c9]{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}.ct .right .swiper .specifications .title[data-v-2f41a4c9]{color:#999;font-size:14px;width:60px}.ct .right .swiper .specifications .color[data-v-2f41a4c9]{display:flex}.ct .right .swiper .specifications .color p[data-v-2f41a4c9]{display:flex;flex-wrap:wrap;width:100%}.ct .right .swiper .specifications .color span[data-v-2f41a4c9]{display:flex;margin-right:8%;width:25%;height:20px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;margin-bottom:10px}.ct .right .swiper .specifications .size[data-v-2f41a4c9]{display:flex}.ct .right .swiper .specifications .size p[data-v-2f41a4c9]{display:flex;flex-wrap:wrap;width:100%}.ct .right .swiper .specifications .size span[data-v-2f41a4c9]{display:flex;margin-right:8%;width:25%;height:20px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;margin-bottom:10px;color:#999;font-size:12px;justify-content:center;line-height:20px}.ct .right .swiper .specifications .num[data-v-2f41a4c9]{display:flex;align-items:center}.ct .right .swiper .specifications .button[data-v-2f41a4c9]{margin-top:20px}.ct .right .swiper .specifications .button .but-car[data-v-2f41a4c9]{background:#f2987f;color:#fff}.ct .right .save[data-v-2f41a4c9]{position:absolute;bottom:278px}.cutp[data-v-2f41a4c9]{width:100%}.cutp .colors[data-v-2f41a4c9]{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;margin-bottom:20px}.cutp .colors p[data-v-2f41a4c9]{padding:2px 6px;margin-right:10px;border:1px solid #ededed;cursor:pointer;text-align:center;font-size:12px;line-height:18px;min-width:48px;height:24px;margin-top:10px}.cutp .colors .boder[data-v-2f41a4c9]{border:2px solid var(--style-color-design)!important;background:var(--style-color-design);color:#fff}.cutp .colors p[data-v-2f41a4c9]:last-child{margin-right:0}.pick[data-v-2f41a4c9]{width:1440px;text-align:center;margin:14px 0}.pick .colors[data-v-2f41a4c9]{display:flex;justify-content:flex-end;margin-bottom:20px}.pick .colors p[data-v-2f41a4c9]{padding:2px 6px;margin-right:10px;border:1px solid #ededed;cursor:pointer;text-align:center;font-size:12px;line-height:18px;min-width:48px;height:24px}.pick .colors .boder[data-v-2f41a4c9]{border:2px solid var(--style-color-design)!important;background:var(--style-color-design);color:#fff}.pick .colors p[data-v-2f41a4c9]:last-child{margin-right:0}.fiexd[data-v-2f41a4c9]{background:#fff;width:var(--min-width);padding:27px;z-index:20000;margin-top:-56px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.fiexd .close[data-v-2f41a4c9]{font-size:30px;display:flex;justify-content:flex-end}.fiexd .close i[data-v-2f41a4c9]{cursor:pointer}.fiexd .swiper[data-v-2f41a4c9]{width:940px;height:700px;margin:0 auto;display:flex}.fiexd .swiper .imgList[data-v-2f41a4c9]{width:100px;margin:0 20px;height:700px;overflow-y:scroll}.fiexd .swiper .imgList .border[data-v-2f41a4c9]{border:1px solid var(--style-color-design)}.fiexd .swiper .imgList .imgItem[data-v-2f41a4c9]{cursor:pointer;width:90px;height:90px;display:flex;justify-content:center;align-items:center}.fiexd .swiper .imgList .imgItem img[data-v-2f41a4c9]{width:90%;height:90%;-o-object-fit:contain;object-fit:contain}.fiexd .swiper .swiperOptions1[data-v-2f41a4c9]{width:700px;height:700px;border:1px solid #ededed}.fiexd .swiper .swiperOptions1 .rs-box[data-v-2f41a4c9]{display:flex;justify-content:center;align-items:center}.fiexd .swiper .swiperOptions1 .rs-box img[data-v-2f41a4c9]{height:100%;-o-object-fit:contain;object-fit:contain}.keylist[data-v-2f41a4c9]{width:250px}.keylist .keydow[data-v-2f41a4c9]{display:flex;justify-content:space-between;align-items:center;height:30px}.keylist .keydow .keybox[data-v-2f41a4c9]{display:inline-block;height:16px;margin:0 2px 2px;padding:0 4px;background-color:var(--p-surface,#fff);box-shadow:0 0 0 1px var(--p-border-subdued,#c4cdd5),0 2px 0 0 var(--p-surface,#fff),0 2px 0 1px var(--p-border-subdued,#c4cdd5);border-radius:var(--p-border-radius-base,3px);font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:500;line-height:16px;color:var(--p-text-subdued,#637381);text-align:center;min-width:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper[data-v-2f41a4c9]{border:1px solid #fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper img[data-v-2f41a4c9]{width:100%;opacity:0}.cropper-head[data-v-2f41a4c9]{display:flex;flex-direction:row;padding:10px 260px;padding-right:0;align-items:center}.cropper-head .text1[data-v-2f41a4c9]{font-size:18px;font-weight:700;color:#595959}.cropper-head .text2[data-v-2f41a4c9]{font-size:14px;font-weight:700;color:#a6a6a6;margin-left:420px;align-items:center;display:flex}.cropper-head .text2 img[data-v-2f41a4c9]{margin-right:10px;width:14px}.cropper-content[data-v-2f41a4c9]{display:flex}.cropper-content .movetext[data-v-2f41a4c9]{-ms-writing-mode:tb-rl;writing-mode:tb-rl;font-size:12px;font-weight:700;color:#a6a6a6;padding-right:30px;letter-spacing:2px}.cropper-content .movetext img[data-v-2f41a4c9]{margin-bottom:10px}.cropper-content .cropper[data-v-2f41a4c9]{width:640px;height:640px;overflow:hidden}.cropper-content .show-preview[data-v-2f41a4c9]{flex:1;-webkit-flex:1;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;overflow:hidden;background:#ccc;margin-left:40px}.preview[data-v-2f41a4c9]{overflow:hidden;border:1px solid #468ac8;background:#ccc}.footer-btn[data-v-2f41a4c9]{margin-top:30px;margin-left:47px;display:flex;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end}.footer-btn .scope-btn[data-v-2f41a4c9]{width:260px;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between}.footer-btn .scope-btn span[data-v-2f41a4c9]{display:inline-block;padding:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:5px;background:#fff;cursor:pointer}.footer-btn .scope-btn span i[data-v-2f41a4c9]{font-size:32px;color:#333}.footer-btn .upload-btn[data-v-2f41a4c9]{flex:1;-webkit-flex:1;display:flex;margin-left:177px}.footer-btn .btn[data-v-2f41a4c9]{outline:none;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;padding:8px 15px;font-size:12px;border-radius:3px;color:#fff;background-color:#67c23a;border-color:#67c23a}.solide[data-v-2f41a4c9]{margin-left:25px;width:200px}.before[data-v-2f41a4c9]{width:100%;height:100%;overflow:hidden}.el-image-viewer__next[data-v-de8694d6]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-de8694d6]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-de8694d6]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-de8694d6]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-de8694d6],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-de8694d6]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-de8694d6]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-de8694d6]{border-color:var(--style-color-design)}.el-button--primary[data-v-de8694d6]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-de8694d6]:focus,.el-button--primary[data-v-de8694d6]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-de8694d6]{color:#1a1a1a}.design[data-v-de8694d6]{min-width:var(--min-width);display:flex;flex-direction:column;align-items:center;margin-top:77px}.el-image-viewer__next[data-v-2263bc88]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-2263bc88]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-2263bc88]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-2263bc88]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-2263bc88],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-2263bc88]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-2263bc88]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-2263bc88]{border-color:var(--style-color-design)}.el-button--primary[data-v-2263bc88]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-2263bc88]:focus,.el-button--primary[data-v-2263bc88]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-2263bc88]{color:#1a1a1a}.Order[data-v-2263bc88]{background-image:url(https://www.didaplan.cn/3D/thbg.png);background-repeat:no-repeat;background-size:cover;padding-top:20px;height:100vh}.Order .title[data-v-2263bc88]{margin-top:127px;margin-left:31px;font-size:33.07px;font-weight:400;letter-spacing:0;line-height:47.88px;color:#000;text-align:left;vertical-align:top}.Order[data-v-2263bc88] .el-input__inner{width:600px;height:109.12px;border-radius:6.61px;font-size:23.15px;font-weight:400;letter-spacing:0;line-height:33.51px;color:#595959}.product[data-v-2263bc88]{display:flex;align-items:center;justify-content:space-around}.product .img-box[data-v-2263bc88]{width:200px;height:200px;box-shadow:0 0 5px rgba(0,0,0,.1);margin-right:22px;position:relative;margin-bottom:8px}.product .img-box .img[data-v-2263bc88]{width:100%;height:100%}.product .img-box .status-text[data-v-2263bc88]{position:absolute;bottom:0;width:100%;left:0;font-size:12px;background-color:rgba(0,0,0,.2);color:#fff;text-align:center}.product .info .title[data-v-2263bc88]{display:flex;align-items:center;margin-bottom:6px}.product .info .title .title-text[data-v-2263bc88]{font-size:16px;color:#404040;margin-right:8px}.product .info .title .title-grade[data-v-2263bc88]{width:14px;height:auto}.product .info .config[data-v-2263bc88]{font-size:20px;color:#999}.product .info .association[data-v-2263bc88]{padding:7px 13px;border:1px solid #3f61f4;color:#3f61f4;margin-top:50px;font-size:27px;cursor:pointer}.color[data-v-2263bc88]{display:inline-block;border:1px solid #3f61f4;width:24px;height:16px;position:relative;top:3px}