tpx/tpxttt/unpackage/dist/dev/mp-weixin/plugins/community/poster/poster.wxss

@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;
}