@charset "UTF-8";
/* associate/alive_pusher/components/invite-poster2/invite-poster2.wxss */
.poster {
  width: 100%;
  height: 100vh;
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  /* background-color: rgba(0, 0, 0, 0.6); */
}

.poster-wrap {
  width: 100%;
  height: 51.2vmin;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 2.1333333333vmin 2.1333333333vmin 0 0;
  backdrop-filter: blur(16px);
  animation: popping ease 300ms;
}

@keyframes popping {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.poster-header {
  height: 23.4666666667vmin;
  color: #333;
  font-family: PingFangSC-Medium;
  font-size: 4.2666666667vmin;
  color: #FFFFFF;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.close-icon-view {
  width: 8vmin;
  height: 8vmin;
  position: absolute;
  top: 8.5333333333vmin;
  right: 4vmin;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mask-layer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #ffffff;
  opacity: 0;
}

.poster-header_icon {
  width: 6.4vmin;
  height: 6.4vmin;
}

.header-text {
  font-size: 4.8vmin;
  height: 5.3333333333vmin;
  line-height: 5.3333333333vmin;
  color: #FFFFFF;
}

.poster-content {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.1333333333vmin;
}

.poster-content_image {
  width: 56vmin;
  height: 98.1333333333vmin;
  border-radius: 2.1333333333vmin;
  background-color: #D1E3FF;
}

.poster-list {
  padding: 8rpx 9.0666666667vmin 8rpx 0;
  position: relative;
}

.scroll-view {
  width: 100%;
  position: relative;
  white-space: nowrap;
}

.poster-item {
  width: 9.0666666667vmin;
  height: 16vmin;
  border-radius: 1.6vmin;
  margin-left: 4.2666666667vmin;
  background-color: #D1E3FF;
  display: inline-block;
}

.poster-list_mask {
  width: 8.5333333333vmin;
  height: 20.2666666667vmin;
  position: absolute;
  top: 0;
  right: 0;
  background: #FFFFFF;
  box-shadow: -8px 0px 8px -8px rgba(0, 0, 0, 0.3);
}

.poster-bottom {
  display: flex;
  padding-bottom: constant(safe-area-inset-bottom);
  /*兼容 IOS<11.2*/
  padding-bottom: env(safe-area-inset-bottom);
  /*兼容 IOS>11.2*/
}

.bottom-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  font-size: 3.7333333333vmin;
}

.bottom-item .view {
  height: 4.8vmin;
  margin-top: 2.1333333333vmin;
  background-color: #FFFFFF;
  font-size: 3.2vmin;
}

.bottom-item-text {
  height: 4.8vmin;
  margin-top: 2.1333333333vmin;
  font-size: 3.2vmin;
}

.bottom-item_img {
  width: 13.3333333333vmin;
  height: 13.3333333333vmin;
  border-radius: 50%;
}

.share-btn {
  width: 13.3333333333vmin;
  height: 13.3333333333vmin;
  border-radius: 50%;
  padding: 0;
}

.active-poster {
  border: 2px solid #1472FF;
}

.cancel-btn {
  width: 100%;
  height: 12.8vmin;
  background: #FFFFFF;
  color: #000000;
  font-size: 3.7333333333vmin;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 9.0666666667vmin;
}

.blank-view {
  position: absolute;
  bottom: 0;
  height: 9.0666666667vmin;
  width: 100%;
  background: #FFFFFF;
}

/*# sourceMappingURL=invite-poster.wxss.map */