/* product-info.wxss 1:1 (rpx/2=px) */
.container{background:linear-gradient(180deg,#fff,#f8f8f8);min-height:100%}

/* 导航栏 */
.detail-navbar{height:44px;position:relative}

/* 商品轮播图 */
.detail-swiper{width:100%;height:100vw;max-height:480px;overflow:hidden;position:relative}
.detail-swiper-wrap{display:flex;transition:transform .5s ease;height:100%}
.detail-swiper-slide{min-width:100%;height:100%}
.detail-swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}
.detail-dots{position:absolute;bottom:14px;right:14px;background:rgba(0,0,0,.4);color:#fff;border-radius:20px;padding:3px 10px;font-size:12px;z-index:10}

/* 主内容区 */
.main{padding:10px 15px}

/* 价格区 */
.price{color:#5c5bea;font-size:27px;display:flex;align-items:center}
.price>text,.price-unit{font-size:12px;font-weight:300}
.price-tag{background:#5c5bea;border-radius:5.5px;color:#fff;font-size:13.5px;font-weight:600;height:23px;margin-left:10px;padding:0 5px;display:flex;align-items:center;justify-content:center}
.share{color:#87888c;font-size:11px;margin-left:auto;display:flex;flex-direction:column;align-items:center}
.share>img{height:25px;width:25px}

/* 标题描述 */
.title{color:#090b0f;font-size:15.5px;font-weight:600;margin-top:15px}
.desc-label{background:#5c5bea;border-radius:10px;color:#fff;font-size:12px;height:20px;margin-top:14.5px;width:63.5px;display:flex;align-items:center;justify-content:center}
.product-desc{background:#fafafa;border-radius:7px;color:#333;font-size:12px;padding:12.5px;margin-top:10px}

/* 规格选择 */
.spec{margin-top:30px;display:flex;align-items:center;justify-content:space-between}
.spec-title{color:#a7a7a7;font-size:13.5px}
.spec-value{color:#1c1c1c;font-size:13.5px;margin-left:18px}
.spec>img{height:8.5px;width:5px}

/* 图文详情 */
.detail{margin-top:25px;display:flex;align-items:center;justify-content:center}
.detail-tit{color:#6a6a6a;font-size:12.5px;margin:0 9px}
.detail-line{border:1px solid #dfdfdf;height:0;width:41.5px}
.detail-content{margin-top:15px}
.detail-content img{width:100%;display:block}

/* 底部栏 */
.footer{height:82.5px}
.footer-box{background:#fff;bottom:0;box-shadow:0 -1px 5.5px 1px rgba(87,86,179,.1);height:82.5px;padding:8px 15px;width:100%;position:fixed;left:50%;transform:translateX(-50%);max-width:480px;z-index:9;display:flex;align-items:center}
.footer-box>.u-flex-y-center{flex:1;min-width:0}
.footer-handle{color:#87888c;font-size:11px;font-weight:300;display:flex;flex-direction:column;align-items:center}
.footer-handle>img{height:22px;width:22px}
.footer-handle:not(:first-child){margin-left:15px}
.footer-buy{background:#6558db;border-radius:21px;color:#fff;font-size:14.5px;height:42px;width:248px;display:flex;align-items:center;justify-content:center;margin-left:auto;border:none;cursor:pointer}

/* 规格弹窗 popup */
.popup-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;display:none}
.popup-mask.show{display:block}
.popup{position:fixed;left:50%;bottom:0;transform:translateX(-50%) translateY(100%);width:100%;max-width:480px;background:#fff;height:450px;padding:17.5px;z-index:9999;transition:transform .3s ease;border-radius:18px 18px 0 0}
.popup.show{transform:translateX(-50%) translateY(0)}
.popup-close{position:absolute;top:12px;right:14px;font-size:24px;color:#999;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5}
.popup-cover{height:68px;margin-right:15px;width:68px;border-radius:5px;object-fit:cover}
.popup_title{color:#000;font-size:18px;font-weight:600}
.popup_price{color:#5c5bea;font-size:16px;font-weight:600}
.popup_spec{height:225px;margin-top:11px;overflow-y:auto;overflow-x:hidden}
.popup_text{color:#0c0c0c;font-size:13.5px;font-weight:600;margin-bottom:20px}
.popup_spec-item{align-items:center;background:#f6f6f6;border-radius:7px;color:#010101;display:inline-flex;font-size:12.5px;height:36px;margin-bottom:11px;margin-right:10px;padding:0 20px;cursor:pointer}
.popup_spec-item.active{background:#5c5bea;color:#fff}
.popup_form{background:#f8f8f8;border-radius:20px;height:40px;margin-top:15px;width:130px;display:flex;align-items:center}
.popup_form-input{color:#010101;font-size:14.5px;font-weight:600;padding:0 5px;text-align:center;width:50px;border:none;background:transparent}
.popup_form-btn{background:#f4f4f4;border-radius:50%;height:40px;width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.popup_form-btn>img{height:100%;width:100%}
.popup_num{color:#151515;font-size:14.5px}
.popup_footer{margin-top:27.5px}
.popup_footer_btn{border:1px solid #5c5bea;border-radius:18px;color:#5c5bea;font-size:16.5px;height:36px;width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.popup_footer_btn.buy{background:#5c5bea;color:#fff}
.popup_footer_btn.no-stock1{border:1px solid #a3a3a3;color:#a3a3a3}