.contact-bg {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0,0,0,0.56);
  z-index: 10001;
}

.contact-bg>view {
  background-color: white;
  width: 100%;
  height: 432rpx;
  position: fixed;
  bottom: -532rpx;
  padding-bottom: env(safe-area-inset-bottom);
}

.contact-bg>view>view:first-child {
  width: 100%;
  height: 148rpx;
  display: flex;
}

.contact-bg>view>view:first-child>text {
  font-size: 28rpx;
  color: #999999;
  text-align: center;
  line-height: 44rpx;
  margin: auto auto;
}

.contact-bg>view>view:nth-child(2), .contact-bg>view>view:nth-child(4),
.contact-bg>view>view:nth-child(8) {
  width: 100%;
  height: 0.7px;
  margin-top: -0.7px;
  background-color: #eeeeee;
}

.contact-bg>view>view:nth-child(3), .contact-bg>view>view:nth-child(5),
.contact-bg>view>view:nth-child(7) {
  width: 100%;
  height: 100rpx;
  font-size: 34rpx;
  color: #333333;
  text-align: center;
  line-height: 100rpx;
}

.contact-bg>view>view:nth-child(4) {
  width: 100%;
  height: 16rpx;
  background-color: #f5f5f5;
}