@keyframes popping {
  from {
    transform: translateY(11.2px);
    opacity: 0.5;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.common-popup .close-icon {
  position: absolute;
  right: 24rpx;
  z-index: 1;
  box-sizing: border-box;
  padding: 10rpx;
  width: 52rpx;
  height: 52rpx;
}
.common-popup .bg {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.common-popup.red {
  overflow: hidden;
  animation: popping ease 300ms;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 750px;
  height: 1120px;
  background: transparent !important;
}
.common-popup.red .close-icon {
  top: 136rpx;
}
.common-popup.red .bg {
  top: 0;
  left: 0;
}
.common-popup.red .bottom-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160rpx;
  background: linear-gradient(to right, #FE8758, #FE9656);
}
.common-popup.orange {
  height: calc(100% - 422rpx);
  background: transparent !important;
}
.common-popup.orange .close-icon {
  top: 24rpx;
}
.common-popup.orange .bg {
  bottom: 0;
  left: 0;
}
.common-popup.white {
  height: calc(100% - 422rpx);
  background: #fff;
}
.common-popup.white .close-icon {
  top: 24rpx;
}
.common-popup.white .bg {
  top: 0;
  height: 240rpx;
}
.common-popup.address-collection-popup {
  height: calc(100% - 422rpx);
  background: #f5f5f5;
}