@charset "UTF-8"; .text-center.data-v-e242fdc8 { text-align: center; } .font-weight.data-v-e242fdc8 { font-weight: bold; } .page-width.data-v-e242fdc8 { width: 100%; } .goods-hover-class.data-v-e242fdc8 { opacity: .9; background-color: #f7f7f7; } .background-image.data-v-e242fdc8 { background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } /*全局文字大小*/ /* 屏幕宽度*/ page.data-v-e242fdc8 { font-size: 32rpx; background: #f7f7f7; } .page-width.data-v-e242fdc8 { width: 100%; } .u-hover-class.data-v-e242fdc8 { opacity: .9; background-color: #f7f7f7; } .safe-area-inset-bottom.data-v-e242fdc8 { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .data-v-e242fdc8::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .app-scroll.data-v-e242fdc8 { width: 100%; white-space: nowrap; padding: 0 14rpx; } .poster-goods .head.data-v-e242fdc8 { width: 100%; } .poster-goods .head .poster.data-v-e242fdc8 { margin: 50rpx auto; width: 450rpx; height: 800.4rpx; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; position: relative; } .poster-goods .head .poster .activity-bg.data-v-e242fdc8 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .poster-goods .head .poster .middleman-tip.data-v-e242fdc8 { position: absolute; color: #353535; font-size: 18rpx; width: 358.2rpx; margin: 0 auto; } .poster-goods .head .poster .middleman-tip .middleman-avatar.data-v-e242fdc8 { -webkit-flex-shrink: 0; flex-shrink: 0; width: 58.2rpx; height: 58.2rpx; margin-right: 12rpx; } .poster-goods .head .poster .goods-list.data-v-e242fdc8 { position: absolute; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .poster-goods .head .poster .goods-list .goods-price.data-v-e242fdc8 { color: #ff4544; } .poster-goods .head .poster .goods-list .goods-original-price.data-v-e242fdc8 { color: #999999; text-decoration: line-through; } .poster-goods .head .poster .goods-list .goods.data-v-e242fdc8 { height: 72rpx; -webkit-flex-shrink: 0; flex-shrink: 0; margin: 0 15rpx 31.2rpx; } .poster-goods .head .poster .goods-list .goods .goods-cover.data-v-e242fdc8 { height: 72rpx; width: 72rpx; margin-right: 8.4rpx; border-radius: 4.8rpx; } .poster-goods .head .poster .goods-list .goods .goods-info.data-v-e242fdc8 { width: 99.6rpx; -webkit-align-content: space-between; align-content: space-between; font-size: 14.4rpx; } .poster-goods .head .poster .goods-list .goods .goods-info .goods-original-price.data-v-e242fdc8 { font-size: 12rpx; } .poster-goods .head .poster .goods-list.number-1.data-v-e242fdc8 { margin-top: -12rpx; } .poster-goods .head .poster .goods-list.number-1 .goods.data-v-e242fdc8 { height: 100%; } .poster-goods .head .poster .goods-list.number-1 .goods .goods-cover.data-v-e242fdc8 { width: 216rpx; height: 216rpx; margin-right: 0; margin: 0 auto; } .poster-goods .head .poster .goods-list.number-1 .goods .goods-info.data-v-e242fdc8 { width: 348rpx; text-align: center; margin: 12rpx auto; font-size: 16.8rpx; } .poster-goods .head .poster .goods-list.number-1 .goods .goods-info .goods-price.data-v-e242fdc8 { margin-top: 10rpx; } .poster-goods .head .poster .goods-list.number-1 .goods .goods-info .goods-original-price.data-v-e242fdc8 { font-size: 14.4rpx; } .poster-goods .head .poster .goods-list.number-2.data-v-e242fdc8 { margin-top: -2.4rpx; } .poster-goods .head .poster .goods-list.number-2 .goods.data-v-e242fdc8 { height: 270rpx; width: 174rpx; border: 2rpx solid #e2e2e2; border-radius: 4.8rpx; } .poster-goods .head .poster .goods-list.number-2 .goods .goods-cover.data-v-e242fdc8 { width: 172rpx; height: 172rpx; margin-right: 0; border-radius: 0; } .poster-goods .head .poster .goods-list.number-2 .goods .goods-info.data-v-e242fdc8 { width: 153.6rpx; text-align: center; margin: 10rpx auto; } .poster-goods .head .poster .goods-list.number-2 .goods .goods-info .goods-price.data-v-e242fdc8 { margin-top: 10rpx; } .poster-goods .head .poster .goods-list.number-3.data-v-e242fdc8 { margin-top: -14.4rpx; } .poster-goods .head .poster .goods-list.number-3 .goods.data-v-e242fdc8 { height: 90rpx; margin-bottom: 19.2rpx; } .poster-goods .head .poster .goods-list.number-3 .goods .goods-cover.data-v-e242fdc8 { height: 90rpx; width: 90rpx; margin-right: 14.4rpx; } .poster-goods .head .poster .goods-list.number-3 .goods .goods-info.data-v-e242fdc8 { width: 270rpx; } .poster-goods .head .poster .goods-list.number-4.data-v-e242fdc8 { margin-top: -21.6rpx; } .poster-goods .head .poster .goods-list.number-4 .goods.data-v-e242fdc8 { margin-bottom: 12rpx; } .poster-goods .head .poster .goods-list.number-4 .goods .goods-info.data-v-e242fdc8 { width: 288rpx; } .poster-goods .head .poster .activity.data-v-e242fdc8 { position: absolute; } .poster-goods .head .poster .activity .activity-qrcode.data-v-e242fdc8 { width: 216rpx; height: 144rpx; } .poster-goods .head .poster .activity .activity-qrcode image.data-v-e242fdc8 { width: 144rpx; height: 144rpx; } .poster-goods .head .poster .activity .activity-info.data-v-e242fdc8 { width: 198rpx; font-size: 13.2rpx; color: #353535; } .poster-goods .head .poster .activity .activity-info .activity-avatar.data-v-e242fdc8 { width: 19.8rpx; height: 19.8rpx; margin: 0 6rpx; } .poster-goods .head .poster .style-1 .goods-list.data-v-e242fdc8 { top: 234rpx; left: 0; } .poster-goods .head .poster .style-1 .middleman-tip.data-v-e242fdc8 { top: 87.6rpx; left: 46.8rpx; } .poster-goods .head .poster .style-1 .activity.data-v-e242fdc8 { bottom: 66rpx; left: 38.4rpx; } .poster-goods .head .poster .style-2 .goods-list.data-v-e242fdc8 { top: 114rpx; left: 0; } .poster-goods .head .poster .style-2 .middleman-tip.data-v-e242fdc8 { bottom: 255rpx; left: 48rpx; } .poster-goods .head .poster .style-2 .activity.data-v-e242fdc8 { bottom: 90rpx; left: 0; } .poster-goods .head .poster .style-3 .goods-list.data-v-e242fdc8 { top: 186rpx; left: 0; } .poster-goods .head .poster .style-3 .middleman-tip.data-v-e242fdc8 { top: 98.4rpx; left: 48rpx; } .poster-goods .head .poster .style-3 .activity.data-v-e242fdc8 { bottom: 54rpx; left: 0; } .poster-goods .head .poster .style-4 .goods-list.data-v-e242fdc8 { top: 290.4rpx; left: 0; } .poster-goods .head .poster .style-4 .middleman-tip.data-v-e242fdc8 { top: 68.4rpx; left: 33.6rpx; } .poster-goods .head .poster .style-4 .middleman-tip .middleman-avatar.data-v-e242fdc8 { margin-right: 24rpx; } .poster-goods .head .poster .style-4 .activity.data-v-e242fdc8 { bottom: 54rpx; left: 0; } .poster-goods .setting.data-v-e242fdc8 { padding-top: 20rpx; font-size: 24rpx; color: #353535; background: #FFFFFF; padding-bottom: 48rpx; } .poster-goods .setting .line.data-v-e242fdc8 { margin-bottom: 24rpx; } .poster-goods .setting .line .label.data-v-e242fdc8 { height: 56rpx; } .poster-goods .setting .line .label icon.data-v-e242fdc8 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMA8uLbzkgfC7BylzMRUZk3GrdxD/1jsssAAACJSURBVBjTdZFZDoUwCEWxrXbU1if7X+sTCHEInp/CyU3TAiATch9x9BykZetXUFavdj/g4tjFJniSyPr4stGfduZyKQ5dWbieEYIUExKTRAL8OEmSNaczdDo2VAq1FQYdDhVHbQMGL0Q0M1uf9258r/0G+73m3+w5fM7s1PGeTN+70L3VBq3q3v7kHw4QIgjkYAAAAABJRU5ErkJggg==); background-size: 100% 100%; height: 21rpx; width: 21rpx; background-repeat: no-repeat; margin-left: 24rpx; border-radius: 50%; } .poster-goods .setting .line .label text.data-v-e242fdc8 { line-height: 1; padding-left: 12rpx; padding-right: 12rpx; } .poster-goods .setting .line .style-input.data-v-e242fdc8 { position: relative; height: 56rpx; padding: 0 20rpx; background: #f7f7f7; border-radius: 5rpx; margin: 0 14rpx; } .poster-goods .setting .line .style-input .type-pure.data-v-e242fdc8 { height: 32rpx; width: 32rpx; margin-right: 10rpx; background: #d8d8d8; } .poster-goods .setting .line .style-input .type-gradient.data-v-e242fdc8 { height: 32rpx; width: 32rpx; margin-right: 10rpx; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAPFBMVEXY2NjY2NjY2NjY2NjY2Nj////7+/vi4uL39/f6+vrx8fHa2trm5ubd3d3q6ur9/f3z8/Ps7Ozt7e3f398xU+CaAAAABHRSTlPr51NSCrNYyQAAAKdJREFUOMvN09sOwiAQRVHaehiuLdX//1ehEy5RQJ+M+4lkVkggIFZxmyQ2wfNhC88n/RhYoilwEtA0Bh5Xdgh2Bu4bsOtg34E9EJNxQgBCBSXSgPJxIZP0FdT4mITUvQc4hZQcAgJHL+A0Jy80uJBB3VfxBrlHCxxS+yVzpgUq3zOhdDTAg9PmQM1VYNBLF+DRjzIw6KcKkP0S+Ldn3+3z512X6Xx7Au0yEnme8gMNAAAAAElFTkSuQmCC); background-size: 100% 100%; } .poster-goods .setting .active.data-v-e242fdc8 { border-width: 3rpx; border-style: solid; background: #FFFFFF !important; } .poster-goods .setting .icon-active.data-v-e242fdc8 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAaVBMVEUAAAD/////3Nr//////v3/29j/8vH/9/b/////////////////9PP/////////////////+/v/7u3/9/f/9/b/////////////7+7//////////////////////Pz/8/L/////6+r///9JWyilAAAAInRSTlMA9wMXDAEGKA/045IK++3lUT03IBzog0kt09G7qJl9dFowGgtV2QAAAQdJREFUOMu91NtugzAMgGHbHQmMY1t62Hnz+z/kZiaThNnSbtr/qgqfLOQqAP+rW7K3GEAKx7PL+okg69CYrH2AsurdYJcK/nTFLduD1YwZG5g/wS4W017BLWN9Z4rlbfvEJgvtBrzKXhIjSzHzoyx7Za2j+El+fSg7Ggpl2LJwUkaOqmFJma1G/fOwYBO+UKZYlMFGZqxzZbNWHs4/qlFlsu4kj2NkVVsWQKKwjFGVs3JvAX/RqVCVLuS8njzL0VhD3kEZg0atbjXFK9ulw3qmUlFiCH5NYnxx1VdxZTpHERYMyVTV9gJisGZxxtybGtFgjF05avC+SLiv9KUiIptMqXTPr6XfN56YYCk/I1mAAAAAAElFTkSuQmCC); height: 38rpx; width: 38rpx; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: -19rpx; right: -19rpx; z-index: 10; border-radius: 50%; } .poster-goods .setting .line-input.data-v-e242fdc8 { position: relative; border-radius: 5rpx; margin: 0 14rpx 14rpx; background: #f7f7f7; width: 140rpx; height: 56rpx; } .poster-goods .setting .line-input .icon-square.data-v-e242fdc8 { background-size: 100% 100%; height: 32rpx; width: 32rpx; background-repeat: no-repeat; } .poster-goods .setting .line-input text.data-v-e242fdc8 { margin-left: 10rpx; } .poster-goods .setting .color-bg.data-v-e242fdc8 { position: relative; display: inline-block; height: 60rpx; width: 60rpx; border-radius: 5rpx; border: 1px solid #e5e5e5; margin-right: 26rpx; margin-top: 19rpx; } .poster-goods .button.data-v-e242fdc8 { font-size: 32rpx; border-radius: 40rpx; height: 68rpx; margin: 34rpx auto 0; color: #ffffff; width: 500rpx; }