.el-image-viewer__next[data-v-8cda4ea8]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-8cda4ea8]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-8cda4ea8]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-8cda4ea8]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-8cda4ea8],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-8cda4ea8]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-8cda4ea8]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-8cda4ea8]{border-color:var(--style-color-design)}.el-button--primary[data-v-8cda4ea8]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-8cda4ea8]:focus,.el-button--primary[data-v-8cda4ea8]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-8cda4ea8]{color:#1a1a1a}.diy[data-v-8cda4ea8]{width:1400px;display:flex;position:relative}.diy .left[data-v-8cda4ea8]{width:370px}.diy .left .left-button[data-v-8cda4ea8]{display:flex;justify-content:space-between}.diy .left .left-button .el-button--primary[data-v-8cda4ea8]{color:#848484;background-color:#fff;border-color:#848484}.diy .left .left-button .buttonStyle[data-v-8cda4ea8]{color:#fff;background-color:#55afae;border-color:#55afae}.diy .left .product .search[data-v-8cda4ea8]{margin-top:15px}.diy .left .product .options .typeList[data-v-8cda4ea8]{display:flex;margin-top:10px;justify-content:space-between}.diy .left .product .options .typeList .typeBtn[data-v-8cda4ea8]{color:#bfbfbf;font-size:14px;cursor:pointer}.diy .left .product .options .pickList[data-v-8cda4ea8]{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-8cda4ea8]{display:flex}.diy .left .product .options .pickList .typePick ul[data-v-8cda4ea8]{list-style:none;border-right:1px solid #ededed;width:80px}.diy .left .product .options .pickList .typePick ul li[data-v-8cda4ea8]{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-8cda4ea8]:hover{background:#ededed}.diy .left .product .options .pickList .typePick ul[data-v-8cda4ea8]:last-child{border-right:none}.diy .left .product .options .pickList .typePick ul:last-child i[data-v-8cda4ea8]{display:none}.diy .left .imgList[data-v-8cda4ea8]{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ededed}.diy .left .imgList .imgItem[data-v-8cda4ea8]{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-8cda4ea8]:hover{border:1px solid #55afae;cursor:pointer}.diy .left .imgList .imgItem img[data-v-8cda4ea8]{-o-object-fit:cover;object-fit:cover}.diy .left .imgList .imgPage[data-v-8cda4ea8]{margin-top:15px;display:flex;font-size:12px;align-items:center;justify-content:space-between;width:100%}.diy .right .flex[data-v-8cda4ea8]{display:flex}.diy .right .flex .imgList[data-v-8cda4ea8]{margin:0 20px;width:80px}.diy .right .flex .imgList .curimg[data-v-8cda4ea8]{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-8cda4ea8]:hover{border:1px solid #55afae;cursor:pointer}.diy .right .flex .imgList .curimg img[data-v-8cda4ea8]{width:100%}.diy .right .flex .canvas[data-v-8cda4ea8]{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-8cda4ea8]{position:absolute;top:0;left:0;width:100%;z-index:1;pointer-events:none}.diy .right .flex .swiper[data-v-8cda4ea8]{position:relative;width:258px;height:258px;margin-left:40px;border:1px solid #ededed}.diy .right .flex .swiper .swiper-slide[data-v-8cda4ea8]{width:258px;height:258px;display:flex;justify-content:center;align-items:center}.diy .right .flex .swiper img[data-v-8cda4ea8]{width:90%}.diy .right .flex .swiper .count[data-v-8cda4ea8]{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-8cda4ea8]{position:absolute;top:5px;left:5px;font-size:30px;cursor:pointer;color:#bfbfbf;z-index:10086}.diy .right .flex .swiper .detail[data-v-8cda4ea8]{color:#bfbfbf;font-size:14px}.diy .right .flex .swiper .detail .size[data-v-8cda4ea8]{margin-top:15px}.diy .right .flex .swiper .detail .size span[data-v-8cda4ea8]{margin-left:15px;color:#737373}.diy .right .flex .swiper .detail .quality[data-v-8cda4ea8]{margin-top:15px}.diy .right .flex .swiper .detail .quality span[data-v-8cda4ea8]{color:#009c2c;margin-left:15px}.diy .right .flex .swiper .specifications[data-v-8cda4ea8]{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}.diy .right .flex .swiper .specifications .title[data-v-8cda4ea8]{color:#999;font-size:14px;width:60px}.diy .right .flex .swiper .specifications .color[data-v-8cda4ea8]{display:flex}.diy .right .flex .swiper .specifications .color p[data-v-8cda4ea8]{display:flex;flex-wrap:wrap;width:100%}.diy .right .flex .swiper .specifications .color span[data-v-8cda4ea8]{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-8cda4ea8]{display:flex}.diy .right .flex .swiper .specifications .size p[data-v-8cda4ea8]{display:flex;flex-wrap:wrap;width:100%}.diy .right .flex .swiper .specifications .size span[data-v-8cda4ea8]{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-8cda4ea8]{display:flex;align-items:center}.diy .right .flex .swiper .specifications .button[data-v-8cda4ea8]{margin-top:20px}.diy .right .flex .swiper .specifications .button .but-car[data-v-8cda4ea8]{background:#f2987f;color:#fff}.diy .fiexd[data-v-8cda4ea8]{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-8cda4ea8]{font-size:30px;display:flex;justify-content:flex-end}.diy .fiexd .close i[data-v-8cda4ea8]{cursor:pointer}.diy .fiexd .swiper[data-v-8cda4ea8]{width:740px;height:600px;margin:0 auto;display:flex}.diy .fiexd .swiper .imgList[data-v-8cda4ea8]{width:100px;margin:0 20px;height:600px;overflow-y:scroll}.diy .fiexd .swiper .imgList .border[data-v-8cda4ea8]{border:1px solid #55afae}.diy .fiexd .swiper .imgList .imgItem[data-v-8cda4ea8]{cursor:pointer;width:90px;height:90px;display:flex;justify-content:center;align-items:center}.diy .fiexd .swiper .imgList .imgItem img[data-v-8cda4ea8]{width:90%;-o-object-fit:cover;object-fit:cover}.diy .fiexd .swiper .swiperOptions1[data-v-8cda4ea8]{width:600px;height:600px;border:1px solid #ededed}.diy .fiexd .swiper .swiperOptions1 .rs-box[data-v-8cda4ea8]{display:flex;justify-content:center;align-items:center}.diy .fiexd .swiper .swiperOptions1 .rs-box img[data-v-8cda4ea8]{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-639218c8]{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-639218c8]{width:100%;height:100%;display:block;touch-action:none;top:0;left:0}.controls[data-v-639218c8]{position:absolute;bottom:0;width:100%}.options[data-v-639218c8]{position:absolute;left:0}.option[data-v-639218c8]{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-639218c8]:hover{border-left:2px solid #fff;width:40px}.option.--is-active[data-v-639218c8]{border-right:2px solid grey;width:40px;cursor:default}.option.--is-active[data-v-639218c8]:hover{border-left:none}.option img[data-v-639218c8]{height:100%;width:auto;pointer-events:none}.info[data-v-639218c8]{padding:0 1em;display:flex;justify-content:flex-end}.info p[data-v-639218c8]{margin-top:0}.tray[data-v-639218c8]{width:100%;height:50px;position:relative;overflow-x:hidden}.tray__slide[data-v-639218c8]{position:absolute;display:flex;left:0;transform:translateX(-50%);-webkit-animation:wheelin-data-v-639218c8 1s ease-in-out 2s forwards;animation:wheelin-data-v-639218c8 1s ease-in-out 2s forwards}.tray__swatch[data-v-639218c8]{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-639218c8]:nth-child(5n+5){margin-right:20px}.drag-notice[data-v-639218c8]{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-639218c8]{-webkit-animation:popout-data-v-639218c8 .25s 3s forwards;animation:popout-data-v-639218c8 .25s 3s forwards}@-webkit-keyframes popout-data-v-639218c8{to{transform:scale(0)}}@keyframes popout-data-v-639218c8{to{transform:scale(0)}}@-webkit-keyframes wheelin-data-v-639218c8{to{transform:translateX(0)}}@keyframes wheelin-data-v-639218c8{to{transform:translateX(0)}}@media (max-width:960px){.options[data-v-639218c8]{top:0}.info[data-v-639218c8]{padding:0 1em 1em 0}.info__message[data-v-639218c8]{display:flex;align-items:flex-end}.info__message p[data-v-639218c8]{margin:0;font-size:.7em}}@media (max-width:720px){.info[data-v-639218c8]{flex-direction:column;justify-content:center;align-items:center;padding:0 1em 1em}.info__message[data-v-639218c8]{margin-bottom:1em}}@media (max-width:680px){.info[data-v-639218c8]{padding:1em 2em}.info__message[data-v-639218c8]{display:none}.options[data-v-639218c8]{bottom:50px}.option[data-v-639218c8]{margin-bottom:1px;padding:5px;height:45px;width:45px;display:flex}.option.--is-active[data-v-639218c8]{border-right:2px solid grey;width:47px}.option img[data-v-639218c8]{height:100%;width:auto;pointer-events:none}}.buttons[data-v-639218c8]{position:absolute;right:200px;top:12px}.buttons button[data-v-639218c8]{border:0;color:#000;background:transparent}.Pattern{color:#fff!important;background-color:var(--style-color-design)!important}.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-06b541ec]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-06b541ec]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-06b541ec]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-06b541ec]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-06b541ec],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-06b541ec]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-06b541ec]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-06b541ec]{border-color:var(--style-color-design)}.el-button--primary[data-v-06b541ec]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-06b541ec]:focus,.el-button--primary[data-v-06b541ec]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-06b541ec]{color:#1a1a1a}[data-v-06b541ec] .el-pager li.active{color:#fff!important}.content[data-v-06b541ec]{width:100%;background:#f5f5f5}.content .design-header-box[data-v-06b541ec]{display:flex;justify-content:space-between;align-items:center;padding:10px 48px;background-color:#fff}.content .design-header-box .design-header-left[data-v-06b541ec]{display:flex;align-items:center}.content .design-header-box .design-header-left .logo[data-v-06b541ec]{max-width:260px;max-height:64px;-o-object-fit:cover;object-fit:cover}.content .design-header-box .design-header-left .logo-divider[data-v-06b541ec]{width:1px;height:36px;margin:0 24px;background-color:#bfbfbf}.content .design-header-box .design-header-left .button[data-v-06b541ec]{display:flex;height:60px;align-items:center;width:100%;justify-content:center}.content .design-tabs[data-v-06b541ec]{min-height:500px;flex-shrink:0;border:none;box-shadow:none}.content .design-tabs[data-v-06b541ec] .el-tabs__header.is-left{margin-right:0}.content .design-tabs[data-v-06b541ec] .el-tabs__content{padding:0}.content .design-tabs[data-v-06b541ec] .el-tabs__item{height:96px;line-height:1;display:flex;align-items:center;justify-content:center}.content .design-tabs[data-v-06b541ec] .el-tabs__item .design-tabitem{text-align:center}.content .design-tabs[data-v-06b541ec] .el-tabs__item .design-tabitem .tabitem-img,.content .design-tabs[data-v-06b541ec] .el-tabs__item .design-tabitem .tabitem-img2{margin-bottom:8px}.content .design-tabs[data-v-06b541ec] .el-tabs__item .design-tabitem .tabitem-img2,.content .design-tabs[data-v-06b541ec] .el-tabs__item.is-active .tabitem-img,.content .design-tabs[data-v-06b541ec] .el-tabs__item:hover .tabitem-img{display:none}.content .design-tabs[data-v-06b541ec] .el-tabs__item.is-active .tabitem-img2,.content .design-tabs[data-v-06b541ec] .el-tabs__item:hover .tabitem-img2{display:inline-block}.content .designtabs-content[data-v-06b541ec]{padding:24px;width:390px;background-color:#fff}.lvjing_box[data-v-06b541ec]{display:flex;flex-wrap:wrap;width:420px;height:300px;overflow:scroll}.lvjing_box img[data-v-06b541ec]{cursor:pointer;width:60px;height:60px;margin:10px;-o-object-fit:cover;object-fit:cover}[data-v-06b541ec] .el-pagination__jump,[data-v-06b541ec] .el-radio.is-bordered+.el-radio.is-bordered{margin-left:0}[data-v-06b541ec] .el-radio.is-bordered{margin-top:16px}.elradioBox[data-v-06b541ec] .el-radio.is-bordered+.el-radio.is-bordered{margin-left:0!important;margin-top:4px!important}[data-v-06b541ec] .el-button--text{color:var(--style-color-design)}[data-v-06b541ec] .el-button--primary{color:#000;border-color:#b1b1b1}[data-v-06b541ec] .el-input__inner,[data-v-06b541ec] .el-input__suffix{color:#000}[data-v-06b541ec] .el-input__inner::-moz-placeholder{color:#000}[data-v-06b541ec] .el-input__inner:-ms-input-placeholder{color:#000}[data-v-06b541ec] .el-input__inner::placeholder{color:#000}[data-v-06b541ec] .el-input__inner{border:1px solid #b1b1b1}.el-input-group__prepend[data-v-06b541ec],[data-v-06b541ec] .el-input-group__append{border:1px solid #b1b1b1;border-left:0}[data-v-06b541ec] .el-select .el-input .el-select__caret{color:#000}.dwarn[data-v-06b541ec]{width:100%;background-color:#ff4d4f;color:#fff;font-size:12px;display:flex;justify-content:space-between;padding:2px 10px}.konva[data-v-06b541ec]{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-06b541ec]{position:absolute;top:0;left:0;display:flex;z-index:2}.konva .copy p[data-v-06b541ec]{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-06b541ec]{display:flex}.konva .copy .copy-list[data-v-06b541ec]{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-06b541ec]{font-size:12px;text-align:center;cursor:pointer;width:60px;height:22px;line-height:22px}.konva .copy .copy-list .item[data-v-06b541ec]:hover{background:#ededed}.konva .k-img[data-v-06b541ec]{width:600px;height:600px;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.konva .k-img img[data-v-06b541ec]{z-index:1;pointer-events:none;max-width:100%;max-height:100%}.konva .k-img1[data-v-06b541ec]{width:600px;height:600px;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.konva .k-img1 img[data-v-06b541ec]{z-index:2;pointer-events:none;max-width:100%;max-height:100%}.ct[data-v-06b541ec]{display:flex;justify-content:space-between;min-width:1400px;min-height:870px;position:relative}.ct .left[data-v-06b541ec]{width:486px;display:flex;position:relative}.ct .left .button[data-v-06b541ec]{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-06b541ec]{width:10px;height:10px;border:1px solid #737373}.ct .left .search[data-v-06b541ec]{display:flex;height:56px;padding:14px;box-sizing:border-box;justify-content:space-between;align-items:center;background:#f7f7f7;border-radius:8px}.ct .left .search .inp[data-v-06b541ec]{height:36px;width:250px;font-size:13px}.ct .left .search .btn[data-v-06b541ec]{height:40px;width:40px;border-radius:8px;cursor:pointer;background-color:var(--style-color-design)}.ct .left .search .btn i[data-v-06b541ec]{color:#fff}.ct .left .cascader[data-v-06b541ec]{display:flex;justify-content:space-between;margin:24px 0;padding:10px 5px;background-color:#f5f5f5;border-radius:25px;position:relative}.ct .left .cascader[data-v-06b541ec] .el-input__inner{background-color:#f5f5f5}.ct .left .cascader .options[data-v-06b541ec]{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-06b541ec]{width:85px;text-align:center}.ct .left .productList[data-v-06b541ec]{display:flex;height:600px;flex-wrap:wrap;align-content:flex-start;justify-content:space-between}.ct .left .productList .item[data-v-06b541ec]{width:74px;height:70px;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;margin-bottom:12.5px;overflow:hidden}.ct .left .productList .item img[data-v-06b541ec]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ct .left .productList .curItem[data-v-06b541ec]{border:1px solid var(--style-color-design)}.ct .left .imgPage[data-v-06b541ec]{margin-top:15px;display:flex;font-size:12px;align-items:center;justify-content:space-between;width:100%}.ct .left .product[data-v-06b541ec]{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-06b541ec]{border:1px solid #ededed;width:240px;height:240px;overflow:hidden}.ct .left .product .img img[data-v-06b541ec]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ct .left .product .title[data-v-06b541ec]{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-06b541ec]{display:flex;font-size:12px;justify-content:space-between}.ct .left .product .detail img[data-v-06b541ec]{width:18px;height:18px}.ct .left .product .detail p[data-v-06b541ec]{height:25px;line-height:25px;display:flex}.ct .left .product .detail p span[data-v-06b541ec]{display:block;font-size:12px;margin-left:10px}.ct .left .product .size[data-v-06b541ec]{display:flex;font-size:12px;height:20px;line-height:20px}.ct .left .product .size span[data-v-06b541ec]{color:#87ceeb}.ct .left .product .money[data-v-06b541ec]{font-size:14px;color:red}.ct .left .product .color[data-v-06b541ec]{margin-top:10px;display:flex;flex-wrap:wrap}.ct .left .product .color p[data-v-06b541ec]{width:20px;height:20px;border:1px solid #ededed;margin-right:10px;margin-top:10px}.ct .curProduct[data-v-06b541ec]{width:76px;margin-left:10px;height:608px;overflow:scroll}.ct .curProduct .item[data-v-06b541ec]{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-06b541ec]{width:100%;-o-object-fit:cover;object-fit:cover}.ct .curProduct[data-v-06b541ec] :first-child{margin-top:0}.ct .curProduct .curItem[data-v-06b541ec]{border:1px solid var(--style-color-design);color:var(--style-color-design)}.ct .canvas .button[data-v-06b541ec]{display:flex;height:76px;align-items:center;width:100%;justify-content:center}.ct .right[data-v-06b541ec]{width:488px;padding:24px;background-color:#fff;position:relative}.ct .right .edit[data-v-06b541ec]{display:flex;flex-wrap:wrap}.ct .right .edit .item[data-v-06b541ec]{width:52px;height:40px;margin:0 0 0 10px}.ct .right .opacity[data-v-06b541ec]{height:38px;line-height:38px;display:flex;margin-top:10px}.ct .right .opacity p[data-v-06b541ec]{width:19%;font-size:14px}.ct .right .opacity .lucency[data-v-06b541ec]{width:77%}.ct .right .imgEdit[data-v-06b541ec]{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:7px}.ct .right .imgEdit .item[data-v-06b541ec]{width:30%;border-radius:16px;background:#f5f5f5;margin-bottom:15px;text-align:center}.ct .right .fontEdit .flex[data-v-06b541ec]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ct .right .fontEdit .flex .fontFamliy[data-v-06b541ec]{width:80%}.ct .right .fontEdit .flex .fontClolr[data-v-06b541ec]{width:20%}.ct .right .fontEdit .flex .fontSize[data-v-06b541ec]{width:59%;display:flex}.ct .right .fontEdit .flex .fontButtom[data-v-06b541ec]{width:9%;text-align:center}.ct .right .fontEdit .flex .fontButtom img[data-v-06b541ec]{width:28px;height:28px}.ct .right .btns[data-v-06b541ec]{display:flex;justify-content:space-between;align-items:center}.ct .right .btns #btn1[data-v-06b541ec],.ct .right .btns #btn2[data-v-06b541ec],.ct .right .btns #btn3[data-v-06b541ec],.ct .right .btns #btn4[data-v-06b541ec]{width:23%;height:50px;font-size:12px}.ct .right .changeD[data-v-06b541ec]{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:12px}.ct .right .swiper[data-v-06b541ec]{position:relative;width:354px;height:354px;border:1px solid #ededed}.ct .right .swiper .swiper-slide[data-v-06b541ec]{width:354px;height:354px;display:flex;justify-content:center;align-items:center}.ct .right .swiper .swiper-slide .swiper-slide swiper-slide-active[data-v-06b541ec]{visibility:hidden}.ct .right .swiper img[data-v-06b541ec]{width:99%;-o-object-fit:cover;object-fit:cover}.ct .right .swiper .count[data-v-06b541ec]{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-06b541ec]{position:absolute;top:5px;left:5px;font-size:30px;cursor:pointer;color:#474747;z-index:1}.ct .right .swiper .pop2[data-v-06b541ec]{position:absolute;top:5px;right:5px;font-size:30px;cursor:pointer;color:#474747;z-index:1}.ct .right .swiper .detail[data-v-06b541ec]{color:#bfbfbf;font-size:14px}.ct .right .swiper .detail .size[data-v-06b541ec]{margin-top:15px}.ct .right .swiper .detail .size span[data-v-06b541ec]{margin-left:15px;color:#737373}.ct .right .swiper .detail .quality[data-v-06b541ec]{margin-top:15px}.ct .right .swiper .detail .quality span[data-v-06b541ec]{color:#9c8c00;margin-left:15px}.ct .right .swiper .specifications[data-v-06b541ec]{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}.ct .right .swiper .specifications .title[data-v-06b541ec]{color:#999;font-size:14px;width:60px}.ct .right .swiper .specifications .color[data-v-06b541ec]{display:flex}.ct .right .swiper .specifications .color p[data-v-06b541ec]{display:flex;flex-wrap:wrap;width:100%}.ct .right .swiper .specifications .color span[data-v-06b541ec]{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-06b541ec]{display:flex}.ct .right .swiper .specifications .size p[data-v-06b541ec]{display:flex;flex-wrap:wrap;width:100%}.ct .right .swiper .specifications .size span[data-v-06b541ec]{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-06b541ec]{display:flex;align-items:center}.ct .right .swiper .specifications .button[data-v-06b541ec]{margin-top:20px}.ct .right .swiper .specifications .button .but-car[data-v-06b541ec]{background:#f2987f;color:#fff}.ct .right .save[data-v-06b541ec]{position:absolute;bottom:278px}.cutp[data-v-06b541ec]{width:100%}.cutp .colors[data-v-06b541ec]{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;margin-bottom:20px}.cutp .colors p[data-v-06b541ec]{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-06b541ec]{border:2px solid var(--style-color-design)!important;background:var(--style-color-design);color:#fff}.cutp .colors p[data-v-06b541ec]:last-child{margin-right:0}.pick[data-v-06b541ec]{margin:14px 0}.pick .pick-item[data-v-06b541ec]{display:flex}.pick .pick-item .pick-item-label[data-v-06b541ec]{color:grey;font-size:14px;width:60px;flex-shrink:0}.pick .colors[data-v-06b541ec]{display:flex;flex-wrap:wrap}.pick .colors .colors-item[data-v-06b541ec]{width:36px;height:36px}.pick .colors .sizes-item[data-v-06b541ec]{line-height:36px;min-width:48px;height:36px;font-size:12px}.pick .colors p[data-v-06b541ec]{border:1px solid #ededed;border-radius:4px;margin-right:10px;cursor:pointer;text-align:center;margin-bottom:20px}.pick .colors .boder[data-v-06b541ec]{border:1px solid var(--style-color-design)!important;background:var(--style-color-design);color:#fff}.pick .colors p[data-v-06b541ec]:last-child{margin-right:0}.fiexd[data-v-06b541ec]{background:#fff;width:var(--min-width);padding:27px;z-index:20000;margin:36px auto;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.fiexd .close[data-v-06b541ec]{font-size:30px;display:flex;justify-content:flex-end}.fiexd .close i[data-v-06b541ec]{cursor:pointer}.fiexd .swiper[data-v-06b541ec]{width:940px;height:700px;margin:0 auto;display:flex}.fiexd .swiper .imgList[data-v-06b541ec]{width:100px;margin:0 20px;height:700px;overflow-y:scroll}.fiexd .swiper .imgList .border[data-v-06b541ec]{border:1px solid var(--style-color-design)}.fiexd .swiper .imgList .imgItem[data-v-06b541ec]{cursor:pointer;width:90px;height:90px;display:flex;justify-content:center;align-items:center}.fiexd .swiper .imgList .imgItem img[data-v-06b541ec]{width:90%;height:90%;-o-object-fit:contain;object-fit:contain}.fiexd .swiper .swiperOptions1[data-v-06b541ec]{width:700px;height:700px;border:1px solid #ededed}.fiexd .swiper .swiperOptions1 .rs-box[data-v-06b541ec]{display:flex;justify-content:center;align-items:center}.fiexd .swiper .swiperOptions1 .rs-box img[data-v-06b541ec]{height:100%;-o-object-fit:contain;object-fit:contain}.keylist[data-v-06b541ec]{width:250px}.keylist .keydow[data-v-06b541ec]{display:flex;justify-content:space-between;align-items:center;height:30px}.keylist .keydow .keybox[data-v-06b541ec]{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-06b541ec]{border:1px solid #fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper img[data-v-06b541ec]{width:100%;opacity:0}.cropper-head[data-v-06b541ec]{display:flex;flex-direction:row;padding:10px 260px;padding-right:0;align-items:center}.cropper-head .text1[data-v-06b541ec]{font-size:18px;font-weight:700;color:#595959}.cropper-head .text2[data-v-06b541ec]{font-size:14px;font-weight:700;color:#a6a6a6;margin-left:420px;align-items:center;display:flex}.cropper-head .text2 img[data-v-06b541ec]{margin-right:10px;width:14px}.cropper-content[data-v-06b541ec]{display:flex}.cropper-content .movetext[data-v-06b541ec]{-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-06b541ec]{margin-bottom:10px}.cropper-content .cropper[data-v-06b541ec]{width:640px;height:640px;overflow:hidden}.cropper-content .show-preview[data-v-06b541ec]{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-06b541ec]{overflow:hidden;border:1px solid #468ac8;background:#ccc}.footer-btn[data-v-06b541ec]{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-06b541ec]{width:260px;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between}.footer-btn .scope-btn span[data-v-06b541ec]{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-06b541ec]{font-size:32px;color:#333}.footer-btn .upload-btn[data-v-06b541ec]{flex:1;-webkit-flex:1;display:flex;margin-left:117px}.footer-btn .btn[data-v-06b541ec]{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-06b541ec]{margin-left:25px;width:200px}.before[data-v-06b541ec]{width:100%;height:100%;overflow:hidden}.top-right-r[data-v-06b541ec]{display:flex;justify-content:space-around}.top-right-r .item[data-v-06b541ec],.top-right-r .user-name[data-v-06b541ec]{display:flex;align-items:center;padding:0 14px;font-size:15px;color:#383838;cursor:pointer}.top-right-r .item .icon[data-v-06b541ec],.top-right-r .user-name .icon[data-v-06b541ec]{font-size:12px;margin-right:8px}.top-right-r .user-name[data-v-06b541ec]{padding:0;border-right:none}.top-right-r .nav-user[data-v-06b541ec]{display:flex;align-items:center;margin-left:24px;height:100%}.top-right-r .nav-user .icon[data-v-06b541ec]{height:20px;margin-right:6px}.top-right-r .nav-user .name[data-v-06b541ec]{font-size:14px;color:grey}.el-image-viewer__next[data-v-63e55717]{right:calc(50vw - 300px)}.el-image-viewer__prev[data-v-63e55717]{left:calc(50vw - 300px)}.el-table .cell.el-tooltip[data-v-63e55717]{white-space:break-spaces;min-width:50px}.el-slider__button-wrapper[data-v-63e55717]{z-index:1}.el-checkbox__input.is-checked .el-checkbox__inner[data-v-63e55717],.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-63e55717]{background-color:red;border-color:red}.el-radio__input.is-checked+.el-radio__label[data-v-63e55717]{color:var(--style-color-design)}.el-radio.is-bordered.is-checked[data-v-63e55717]{border-color:var(--style-color-design)}.el-button--primary[data-v-63e55717]{color:#171717;background-color:#fff;border-color:#dcdfe6}.el-button--primary[data-v-63e55717]:focus,.el-button--primary[data-v-63e55717]:hover{color:#fff;background-color:var(--style-color-design);border-color:var(--style-color-design)}.el-button--text[data-v-63e55717]{color:#1a1a1a}.design[data-v-63e55717]{min-width:var(--min-width);display:flex;flex-direction:column;align-items:center}