/* wxParse.wxss */ @import "/wxParse/wxParse.wxss"; .container { padding-bottom: 112rpx; } .slide-image { background: #fff; } .banner-box { height: 750rpx; } /* banner计数 */ .banner-num { position: absolute; right: 30rpx; margin-top: -70rpx; padding: 2rpx 18rpx; background: rgba(0, 0, 0, 0.363); border-radius: 50rpx; color: #fff; font-size: 26rpx; } /* 商品信息 */ .goods-info { background: #fff; padding: 25rpx 30rpx; } .info-item__top { height: 54rpx; margin-bottom: 30rpx; } .info-item__top .active-tag { width: 108rpx; color: #fff; background: #fe293f; padding: 3rpx 5rpx; border-radius: 15rpx; font-size: 24rpx; text-align: center; margin-right: 15rpx; } .floor-price__samll { font-size: 26rpx; line-height: 1; color: #fe293f; } /* 秒杀价 */ .floor-price { color: #fe293f; margin-right: 15rpx; font-size: 38rpx; line-height: 1; margin-bottom: -2rpx; } .original-price { font-size: 24rpx; line-height: 1; text-decoration: line-through; color: #959595; } .goods-sales { font-size: 24rpx; color: #959595; } .info-item__name .goods-name { font-size: 28rpx; } /* 商品分享 */ .goods-share__line { border-left: 1rpx solid #f4f4f4; height: 60rpx; margin: 0 30rpx; } .goods-share .share-btn { line-height: normal; padding: 0; background: none; border-radius: 0; box-shadow: none; font-size: 8pt; border: none; color: #191919; } .goods-share .share-btn::after { border: none; } .goods-share .share__icon { font-size: 40rpx; margin-bottom: 5rpx; } /* 商品卖点 */ .info-item_selling-point { margin-top: 15rpx; font-size: 24rpx; color: #808080; } /* 活动状态 */ .info-item_status { margin-top: 20rpx; padding: 15rpx 20rpx; font-size: 24rpx; border-radius: 6rpx; } .info-item_status .countdown-icon { font-size: 28rpx; margin-right: 15rpx; } /* 活动倒计时 */ .info-item_countdown { background: #f0f9ff; color: #8f8f8f; } .info-item_countdown .countdown-icon { color: #1397d8; } /* 活动已结束 */ .info-item_end { background: #ccc; color: #fff; } /* sku选择器 */ .sku-selector { padding: 25rpx 30rpx; } .item-title { font-size: 28rpx; } /* 商品评论 */ .goods-comment { padding: 20rpx 30rpx; } .goods-comment .item-title { font-size: 28rpx; margin-bottom: 30rpx; } .goods-comment .item-title .show-more { margin-right: 8rpx; font-size: 26rpx; } .comment-item { padding: 0 5rpx; } .user-info { margin-right: 15rpx; } .user-info .avatar { width: 50rpx; height: 50rpx; border-radius: 50%; margin-right: 10rpx; } .user-name { font-size: 24rpx; } .star-rating .star-icon { padding-right: 6rpx; color: #ccc; font-size: 26rpx; } .star-rating .star-icon.active { color: #f4a213; } .goods-comment-cont { font-size: 30rpx; color: #333; margin: 12rpx 0; } /* 商品详情 */ .goods-content .item-title { padding: 20rpx 30rpx; } /* 返回顶部 */ .widget-goTop { bottom: 210rpx; } /* 底部操作栏 */ .footer-fixed { height: 92rpx; } .footer-container { width: 100%; } .foo-item-fast { box-sizing: border-box; width: 256rpx; line-height: 1; } .fast-item { padding: 0 10rpx; line-height: 1; } .fast-item .fast-icon { margin-bottom: 6rpx; } .fast-item.fast-item_home { margin-right: 30rpx; } .foo-item-fast .fast-icon { font-size: 46rpx; } .foo-item-fast .fast-text { font-size: 24rpx; } /* 确认购买弹窗 */ .popup__trade { width: 750rpx; position: relative; padding-bottom: 92rpx; z-index: 999; } .popup__trade .trade-close { position: absolute; top: 20rpx; right: 20rpx; width: 50rpx; height: 50rpx; } .popup__trade .trade-main { background: #fff; box-sizing: border-box; padding: 30rpx 25rpx; } .popup__trade .footer-fixed { position: absolute; box-shadow: none; } .popup__trade .trade-main .goods-info { padding: 0; } .popup__trade .trade-main .goods-info .goods-image { margin-top: -80rpx; margin-right: 20rpx; } .popup__trade .trade-main .goods-info .goods-image image { width: 180rpx; height: 180rpx; border: 5rpx solid #fff; box-shadow: 0 4rpx 10rpx rgba(220, 220, 220, 0.79); } .popup__trade .trade-main .goods-info .line-price { color: #777; font-size: 26rpx; text-decoration: line-through; margin-left: 10rpx; } .popup__trade .trade-main .goods-info .goods-stock { padding-left: 10rpx; margin-top: 10rpx; color: #777; font-size: 26rpx; } .popup__trade .trade-main .goods-number { margin: 20rpx 0; justify-content: space-between; } .popup__trade .trade-main .goods-number .tips-text { color: #888; background: #fff; border-radius: 10rpx; margin-bottom: 10rpx; font-size: 26rpx; } /* 商品规格 */ .goods-attr { padding: 10rpx 0; } .goods-attr .goods-attr--scroll { max-height: 600rpx; } .goods-attr .group-item .tips-text { font-size: 26rpx; color: #888; margin-bottom: 10rpx; } .goods-attr .group-item .spec-item { display: inline-block; font-size: 26rpx; height: 55rpx; line-height: 55rpx; padding: 0 30rpx; margin: 0 20rpx 20rpx 0; border-radius: 8rpx; color: #888; border: 1rpx solid #e6e6e6; } .goods-attr .group-item .spec-item.cur { background: #f82169; border: 1rpx solid #f82169; color: #fff; } .goods-attr .group-item .spec-item.disabled { color: #dedede; cursor: not-allowed; background: #eee; border: 2rpx dashed #dedede; } .select-number { width: 202rpx; height: 52rpx; flex-direction: row; border: 1rpx solid rgb(231, 231, 231); border-radius: 5rpx; } .select-number .default { float: left; width: 60rpx; height: 52rpx; line-height: 48rpx; padding: 0; background: #fff; color: #444; font-size: 40rpx; border-radius: unset; } .select-number .disabled { background: #f7f7f7; color: #ddd; } .select-number button:after { content: none; border: none; } .select-number input { float: left; width: 80rpx; height: 52rpx; line-height: 52rpx; border-right: 1rpx solid #eee; border-left: 1rpx solid #eee; text-align: center; font-size: 28rpx; color: #444; }