.page-detail[data-v-22dcd0fd]{height:100%;width:100%;background:#f6f7f9;position:relative}.page-detail .header[data-v-22dcd0fd]{z-index:1000;width:100%}.page-detail .main[data-v-22dcd0fd]{height:100%;width:100%;padding-top:54px;overflow-y:auto}.page-detail .product-title[data-v-22dcd0fd]{font-size:14px;padding:12px;color:#999;align-items:flex-start;margin-bottom:8px;background:#fff;width:100%}.page-detail .product-title .product-name[data-v-22dcd0fd]{color:#333;font-size:14px;margin-bottom:5px}.page-detail .product-title .product-info[data-v-22dcd0fd]{display:flex;justify-content:space-between;align-items:center;font-size:12px}.page-detail .product-title .product-info .product-count .item+.item[data-v-22dcd0fd]{margin-left:5px}.page-detail .product-title .product-info .product-count .number[data-v-22dcd0fd]{display:inline-block;padding:0 5px;min-width:30px;text-align:center;white-space:nowrap}.page-detail .current-img[data-v-22dcd0fd]{width:100%;height:auto;overflow:hidden;min-height:200px}.page-detail .current-img img[data-v-22dcd0fd]{width:100%;height:auto}.page-detail .choose-color-box[data-v-22dcd0fd]{background:#fff;width:100%}.page-detail .choose-color-box .color-list-wrapper[data-v-22dcd0fd]{width:100%;overflow:scroll hidden;font-size:12px;padding:0 12px;white-space:nowrap}.page-detail .choose-color-box .color-list-wrapper[data-v-22dcd0fd]::-webkit-scrollbar{display:none}.page-detail .choose-color-box .color-list-wrapper .color-list[data-v-22dcd0fd]{display:inline-block;border:1px solid #e5e5e5;border-radius:5px;width:110px;padding:5px}.page-detail .choose-color-box .color-list-wrapper .color-list+.color-list[data-v-22dcd0fd]{margin-left:8px}.page-detail .choose-color-box .color-list-wrapper .color-list .color-list-top[data-v-22dcd0fd]{width:100%;height:100px;margin-bottom:2px}.page-detail .choose-color-box .color-list-wrapper .color-list .color-list-bot[data-v-22dcd0fd]{width:100%;height:32px;background:#f6f6f6;border-radius:5px;color:#333;word-break:break-all;white-space:pre-wrap;overflow:hidden;text-align:center}.page-detail .choose-color-box .color-list-wrapper .color-list .list-bot-special[data-v-22dcd0fd]{color:#5147e7;background:#ededfd}.page-detail .choose-color-box .color-list-wrapper .color-list-select[data-v-22dcd0fd]{border:1px solid rgba(102,93,230,.5)}.page-detail .choose-color-box.active[data-v-22dcd0fd]{position:absolute;bottom:0;left:0;height:65%;border-radius:12px 12px 0 0;box-shadow:0 -1px 3px #999;display:flex;flex-direction:column;z-index:2}.page-detail .choose-color-box.active .color-list-wrapper[data-v-22dcd0fd]{padding:0 12px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:10px;overflow:hidden scroll}.page-detail .choose-color-box.active .color-list-wrapper .color-list[data-v-22dcd0fd]{margin:0}.page-detail .choose-color-box.active .color-list-wrapper .color-list .color-list-top[data-v-22dcd0fd]{padding:5px}.page-detail .complete-color[data-v-22dcd0fd]{padding:12px 12px 20px 12px;display:flex;justify-content:space-between;font-size:14px}.page-detail .complete-color .left .info[data-v-22dcd0fd]{display:inline-block;margin-left:5px;color:#999;font-size:12px}.page-detail .complete-color .right[data-v-22dcd0fd]{font-size:14px;color:#666;align-items:center}.page-detail .color-list-container[data-v-22dcd0fd]{position:absolute;bottom:0;width:100%;height:70%;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -1px 3px #999;display:flex;flex-direction:column}.page-detail .color-list-container .color-total[data-v-22dcd0fd]{padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:10px;overflow:scroll}.page-detail .color-list-container .color-total .color-list[data-v-22dcd0fd]{border:1px solid #e5e5e5;border-radius:5px}.page-detail .color-list-container .color-total .color-list .color-list-top[data-v-22dcd0fd]{padding:5px}.page-detail .color-list-container .color-total .color-list .color-list-top img[data-v-22dcd0fd]{width:100%;height:110px;border-radius:5px}.page-detail .color-list-container .color-total .color-list .color-list-bot[data-v-22dcd0fd]{min-height:40px;background:#f6f6f6;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;color:#333;word-break:break-all;font-size:12px}.page-detail .color-list-container .color-total .color-list .list-bot-special[data-v-22dcd0fd]{color:#5147e7;background:#ededfd}.page-detail .color-list-container .color-total .color-list-select[data-v-22dcd0fd]{border:1px solid rgba(102,93,230,.5)}.page-detail .plate-info[data-v-22dcd0fd]{background:#fff;padding:12px 12px 60px;font-size:14px}.page-detail .plate-info .title[data-v-22dcd0fd]{color:#333;font-size:15px;white-space:nowrap;font-weight:700;margin-bottom:10px}.page-detail .plate-info .brand-intro>div[data-v-22dcd0fd]{text-align:left;display:grid;grid-template-columns:75px auto;margin-bottom:10px}.page-detail .plate-info .item[data-v-22dcd0fd]{color:#999;white-space:nowrap}.page-detail .plate-info .desc[data-v-22dcd0fd]{color:#333}.page-detail .footer[data-v-22dcd0fd]{background:hsla(0,0%,100%,.9333333333333333);position:absolute;width:100%;bottom:0;padding:20px 0;z-index:1;box-shadow:0 -1px 0 0 hsla(0,0%,80%,.5)}.page-detail .footer .fixed-container[data-v-22dcd0fd]{display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:14px;color:#666}.page-detail .footer .fixed-container .make-order[data-v-22dcd0fd]{padding:10px 0;width:90%;color:#fff;border:1px solid #5147e7;border-radius:25px;background:#5147e7}.page-detail .image-show[data-v-22dcd0fd]{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.4)}.page-detail .image-show img[data-v-22dcd0fd]{width:100%}.page-detail.component .header[data-v-22dcd0fd]{display:none}.page-detail.component .main[data-v-22dcd0fd]{padding-top:0}.page-detail.component .main .current-img[data-v-22dcd0fd]{pointer-events:none}.plan-management[data-v-00b670fa]{width:100%;height:100%;position:relative}.plan-management .header[data-v-00b670fa]{height:80px;padding:20px 0;display:flex;justify-content:space-between;align-items:center}.plan-management .header .title[data-v-00b670fa]{font-size:1.5rem;font-weight:600}.plan-management table[data-v-00b670fa]{width:100%;text-align:center;border-collapse:collapse;border-spacing:5}.plan-management table .noData[data-v-00b670fa]{height:200px;line-height:200px}.plan-management table thead[data-v-00b670fa]{width:100%;background:#b0c4de}.plan-management table thead td[data-v-00b670fa]{padding:10px 5px}.plan-management table tbody td[data-v-00b670fa]{padding:5px}.plan-management .m-form[data-v-00b670fa].el-input{width:200px}.plan-management[data-v-00b670fa].el-dialog{max-width:900px}.plan-management .uploader[data-v-00b670fa].el-upload{border:1px dashed #d9d9d9;border-radius:6px;position:relative;overflow:hidden!important}.plan-management .uploader[data-v-00b670fa].el-upload:hover{border-color:#409eff}.plan-management .uploader .uploader-icon[data-v-00b670fa]{width:148px;height:148px;line-height:148px;text-align:center}.plan-management .uploader .avatar[data-v-00b670fa]{width:auto;height:146px;display:block}.plan-management .product-group[data-v-00b670fa]{height:170px;overflow:hidden;position:relative}.plan-management .product-group .controler[data-v-00b670fa]{position:absolute;right:20px;top:5px}.plan-management .footer[data-v-00b670fa]{position:absolute;left:50%;bottom:2rem;transform:translateX(-50%)}.color-management .header[data-v-1895d7f8]{height:80px;padding:20px 0;display:flex;justify-content:space-between;align-items:center}.color-management .header .title[data-v-1895d7f8]{font-size:1.5rem;font-weight:600}.color-management .main .m-card[data-v-1895d7f8]{width:120px;height:145px;overflow:hidden;border:1px solid #d3d3d3;border-radius:6px;padding:6px;display:inline-block;margin:0 10px 10px 0;position:relative}.color-management .main .m-card .card-delete[data-v-1895d7f8]{display:none;position:absolute;right:-5px;top:-5px}.color-management .main .m-card .card-upload[data-v-1895d7f8]{display:none;position:absolute;left:45px;top:-5px}.color-management .main .m-card .card-edit[data-v-1895d7f8]{display:none;position:absolute;left:-5px;top:-5px}.color-management .main .m-card[data-v-1895d7f8]:hover{border-color:#789}.color-management .main .m-card:hover .card-delete[data-v-1895d7f8],.color-management .main .m-card:hover .card-edit[data-v-1895d7f8],.color-management .main .m-card:hover .card-upload[data-v-1895d7f8]{display:initial}.color-management .main .m-card .card-image[data-v-1895d7f8]{max-height:110px;overflow:hidden}.color-management .main .m-card .card-name[data-v-1895d7f8]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;font-size:14px}.color-management .main .m-tab-pane[data-v-1895d7f8]{height:100%;width:100%;overflow:scroll}.color-management .main .selector[data-v-1895d7f8]{width:100%}.color-management .main .uploader[data-v-1895d7f8]{display:block;height:148px;overflow:hidden}.color-management .main .new-card[data-v-1895d7f8]{display:inline-block}.admin-index[data-v-8e04ea1c]{width:100%;height:100%;background:#f5f5f5;display:grid;grid-template-columns:200px auto;grid-column-gap:6px;overflow:hidden}.admin-index .sidebar[data-v-8e04ea1c]{height:100%;width:100%;background:#fff}.admin-index .sidebar .nav-bar[data-v-8e04ea1c]{height:100%;width:100%}.admin-index .sidebar .nav-bar .nav-title[data-v-8e04ea1c]{text-align:center}.admin-index .main[data-v-8e04ea1c]{width:100%;height:100%;background:#fff;padding:10px;display:grid;grid-template-rows:40px auto;min-width:1200px}.admin-index .main .header[data-v-8e04ea1c]{height:auto;width:100%;font-size:14px;display:flex;justify-content:flex-end;align-items:center;padding:10px 20px}.admin-index .main .header .userinfo[data-v-8e04ea1c]{margin-right:18px}.admin-index .main .content[data-v-8e04ea1c]{width:100%;height:100%}