.page {
  position: relative;
  .logo {
    position: absolute;
    left: 32rpx;
    width: 327rpx;
    max-height: 100rpx;
  }
  .container {
    margin-top: 336rpx;
    padding: 64rpx 32rpx 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.76) 0%, #ffffff 100%) no-repeat top center/100% 186rpx;
    border-radius: 32rpx;

    .tel {
      .input {
        padding: 24rpx 48rpx;
        background-color: #f4f7fa;
        border-radius: 96rpx;
        font-size: 32rpx;
      }

      .place-input {
        color: #babdc1;
      }
    }

    .code-row {
      margin-top: 32rpx;
      display: flex;
      align-items: center;
      gap: 30rpx;
      background-color: #f4f7fa;
      border-radius: 96rpx;

      .code {
        flex: 1;
        padding: 24rpx 48rpx;
        font-size: 32rpx;
      }

      .place-code {
        color: #babdc1;
      }

      .btn {
        flex-shrink: 0;
        padding: 24rpx;
        width: 7em;
        text-align: center;
        color: #3795f7;
        font-size: 32rpx;
        border-radius: 96rpx;
      }
    }

    .protool {
      margin-top: 56rpx;
      display: flex;
      align-items: center;
      font-size: 28rpx;
      color: #999;

      .radio {
        transform: scale(0.7);
      }

      .link {
        color: #3795f7;
      }
    }

    .submit {
      margin-top: 70rpx;
      text-align: center;
      font-size: 36rpx;
      color: #3795f7;
      line-height: 84rpx;
      border: 1px solid rgba(55, 149, 247, 0.2);
      border-radius: 96rpx 96rpx 96rpx 96rpx;
    }

    .tel-btn {
      margin-top: 32rpx;
      text-align: center;
      font-size: 36rpx;
      color: #ffffff;
      line-height: 88rpx;
      border-radius: 96rpx 96rpx 96rpx 96rpx;
      background: linear-gradient(90deg, #134df6 16%, #3795f7 100%);
    }

    .visitor {
      margin-top: 236rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32rpx;
      line-height: 1;
      color: #3795f7;
    }
  }
}

.popup {
  padding: 33rpx 0 0;

  .popup-container {
    padding: 64rpx 44rpx 10rpx;
    width: 622rpx;
    box-sizing: border-box;
    background: linear-gradient(180deg, #e7f8ff 0%, #ffffff 100%);
    border-radius: 32rpx;
    position: relative;

    .content {
      font-size: 36rpx;
      color: #65686c;
      text-align: center;
      .link {
        color: #3795f7;
      }
    }

    .conform {
      margin-top: 48rpx;
      height: 88rpx;
      text-align: center;
      background: #3795f7;
      line-height: 86rpx;
      font-size: 36rpx;
      color: #ffffff;
      border-radius: 96rpx 96rpx 96rpx 96rpx;
    }

    .cancel {
      padding: 32rpx 0;
      font-size: 32rpx;
      color: #3795f7;
      text-align: center;
    }
  }
}