/* pages/quality/detail/index.wxss */ page { width: 100%; min-height: 100%; } .container-goods { width: 100%; height: 100%; padding-bottom: 200rpx; } .pic-swiper { width: 100%; height: 347rpx; background-color: #fff; overflow: hidden; } .pic-swiper swiper { width: 100%; height: 100%; } .pic-swiper image { width: 100%; height: 100% !important; } .goods-base-info { padding: 36rpx 40rpx 30rpx 30rpx; margin-bottom: 10rpx; background-color: #fff; } .goods-base-info .goods-title { font-size: 36rpx; color: #1a1a1a; margin-bottom: 10rpx; word-break: break-all; } .goods-base-info .goods-classify, .goods-base-info .goods-total-num { font-size: 24rpx; color: #666; margin-bottom: 10rpx; } .goods-base-info .goods-price { font-size: 32rpx; font-family: PingFang SC, PingFang SC-Medium; font-weight: 500; color: #ec2e26; } .big-box { position: relative; padding-bottom: 300rpx; } .big-box .dim { position: absolute; top: 100rpx; left: 50%; text-align: center; transform: translateX(-50%); z-index: 10; } .big-box .showDim { display: none; } .big-box .dim image { width: 148rpx; height: 148rpx; } .big-box .dim .tip { text-align: center; font-size: 30rpx; font-family: FZZhunYuan-M02S, FZZhunYuan-M02S-Regular; font-weight: 400; text-align: left; color: #f0ce2c; } .vipBg { opacity: 0.55; } .vipBg::before { display: block; content: ""; position: absolute; width: 100%; height: 100%; /* opacity: 0.95; */ background: #333333; /* background-color: #fff; */ z-index: 9; } .goods-content { padding: 0 30rpx 30rpx; margin-bottom: 10rpx; background-color: #fff; font-family: PingFang SC, PingFang SC-Bold; font-weight: 700; } .goods-label { position: relative; height: 42rpx; padding: 30rpx 0 20rpx; font-size: 30rpx; color: #1a1a1a; } .goods-label .txt { position: relative; } .goods-label::before { display: block; content: ""; position: absolute; top: 35%; width: 6rpx; height: 35rpx; left: 1rpx; background: #ffdd36; border-radius: 3rpx; } .goods-remarks { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: left; color: #666666; line-height: 40rpx; } .btn { position: fixed; bottom: 0; left: 50%; width: 100%; padding: 30rpx 0; transform: translateX(-50%); background-color: #fff; } .btn button { width: 690rpx; height: 85rpx; text-align: center; line-height: 85rpx; background: #ffdc2f; border-radius: 43rpx; }