.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}