html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  touch-action: manipulation;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}

[v-cloak] {
  display: none;
}

:root:root {
  /* 按钮相关 */
  --van-button-radius: clamp(0.25rem, 1.3333vw, 0.375rem);
  --van-button-normal-font-size: var(--van-font-size-md);
  --van-button-loading-icon-size: var(--van-font-size-lg);

  /* 选择器相关 */
  --van-picker-title-font-size: var(--van-line-height-sm);
  --van-picker-option-font-size: clamp(0.875rem, 4vw, 1rem);

  /* 弹窗相关 */
  --van-popup-round-radius: var(--van-font-size-xs);
  --van-dialog-radius: var(--van-font-size-xs);
  --van-dialog-round-button-height: clamp(2.5rem, 12vw, 3.125rem);
  --van-dialog-font-size: var(--van-line-height-sm);
  --van-dialog-has-title-message-padding-top: var(--van-line-height-md);

  /* 单元格相关 */
  --van-cell-large-vertical-padding: var(--van-font-size-md);
  --van-cell-large-title-font-size: var(--van-line-height-md);
  --van-divider-margin: var(--van-font-size-xs) 0;
  --van-cell-font-size: var(--van-font-size-md);
  --van-field-icon-size: var(--van-cell-font-size);
  --van-cell-horizontal-padding: var(--van-line-height-md);

  /* 其他 */
  --van-radius-max: var(--van-button-radius);
  --van-uploader-border-radius: var(--van-font-size-xs);

  /* search 相关 */
  --van-search-content-background: var(--cale-color);
  --van-search-input-height: clamp(2.375rem, 10.6667vw, 2.625rem);
  --van-search-padding: var(--van-line-height-md) var(--van-line-height-md) 0;

  /* 颜色 */
  --base-color-blue: rgba(0, 6, 193, 1);
  --base-color-red: rgba(238, 47, 33, 1);
  --van-picker-confirm-action-color: var(--base-color-red);
  --van-action-bar-button-danger-color: var(--base-color-blue);
  --van-radio-checked-icon-color: var(--base-color-blue);
  --van-checkbox-checked-icon-color: var(--base-color-blue);
  --van-dialog-header-font-weight: 600;
  --van-font-bold: 600;
  --van-cell-value-color: var(--van-cell-text-color);
  --van-duration-fast: 0s;
  --van-button-disabled-opacity: 1;
  --can-sub-btn-color: var(--base-color-blue);
  --van-field-error-message-color: var(--base-color-red);
  --van-cell-vertical-padding: clamp(0.4063rem, 2vw, 0.5313rem);
}

.van-theme-light {
  --app-background-color: rgba(255, 255, 255, 1);
  --vanCell-background: rgba(243, 245, 250, 1);
  --van-field-label-color: rgba(126, 126, 126, 1);
  --van-button-default-border-color: rgba(238, 238, 238, 1);
  --theme-sub-btn-color: rgba(175, 175, 175, 1);
  --van-tag-text-color: rgba(17, 18, 53, 1);
  --van-divider-border-color: rgba(250, 250, 250, 1);
  --cale-color: var(--vanCell-background);
  --van-cell-background: var(--app-background-color);
  --van-button-default-background: var(--van-button-default-border-color);
  --van-button-border-width: solid var(--van-button-default-border-color);
  --van-tag-default-color: var(--app-background-color);
  --van-action-bar-button-warning-color: var(--vanCell-background);
  --van-button-warning-color: var(--van-tag-text-color);
  --theme-spe-back-btn-color: var(--vanCell-background);
  --van-field-placeholder-text-color: var(--van-field-label-color);
  --van-checkbox-label-color: var(--van-tag-text-color);
  --van-nav-bar-icon-color: var(--van-tag-text-color);
}

.van-theme-dark {
  --app-background-color: rgba(0, 0, 0, 1);
  --van-field-label-color: rgba(160, 160, 160, 1);
  --van-button-default-border-color: rgba(35, 35, 35, 1);
  --cale-color: rgba(57, 57, 57, 1);
  --theme-sub-btn-color: rgba(255, 255, 255, 0.25);
  --van-dialog-background: rgba(23, 23, 23, 1);
  --van-popup-background: var(--van-dialog-background);
  --van-divider-border-color: var(--van-dialog-background);
  --van-cell-background: var(--app-background-color);
  --van-button-default-background: var(--van-button-default-border-color);
  --van-button-border-width: solid var(--van-button-default-border-color);
  --van-background-2: var(--app-background-color);
  --van-action-bar-background: var(--van-dialog-background);
  --van-tag-default-color: var(--app-background-color);
  --van-field-placeholder-text-color: var(--van-field-label-color);
  --van-action-bar-button-warning-color: var(--cale-color);
  --theme-spe-back-btn-color: var(--theme-sub-btn-color);
  --van-field-placeholder-text-color: var(--van-field-label-color);
  --van-checkbox-label-color: var(--van-field-label-color);
  --van-nav-bar-icon-color: var(--van-field-label-color);
  --van-toast-background: rgba(60, 63, 68, 0.8);
}

.van-theme-light body,
.van-theme-light #app {
  background-color: var(--app-background-color) !important;
}

.van-theme-dark body,
.van-theme-dark #app {
  background-color: var(--app-background-color) !important;
}

/* 空状态 */
.van-empty {
  padding-top: clamp(9.5625rem, 41.6vw, 9.9375rem);
}

/* 分隔线去除中间的线 */
.remove-divider-content.van-divider:before {
  content: unset;
}

.van-cell--large {
  font-weight: 600;
}

.van-config-provider {
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
}

.van-form {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.van-skeleton {
  margin: auto 0;
}

.form-content-scroll {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 输入框背景 */
.van-field__body {
  border-radius: var(--van-button-radius);
  padding: clamp(0.5313rem, 2.8vw, 0.7813rem) var(--van-font-size-sm);
  background: var(--cale-color);
}

/* 移除输入框背景 */
.remove-field-body .van-field__body {
  border-radius: unset;
  padding: unset;
  background: unset;
}

.logo-cell {
  padding-top: clamp(3.875rem, 17.0667vw, 4.125rem);
}

.logo-img {
  width: clamp(7.75rem, 33.6vw, 8rem);
  height: clamp(1.4375rem, 6.6667vw, 1.6875rem);
}

.submit-btn-container {
  padding: var(--van-font-size-xs) var(--van-line-height-md) clamp(2rem, 9.0667vw, 2.25rem);
  font-weight: 600;
  flex-shrink: 0;
}

/* 提交按钮 */
.spe-sub-btn {
  --van-button-default-color: var(--theme-sub-btn-color);
}

/* 返回按钮 */
.spe-back-Btn {
  --van-button-default-background: var(--theme-spe-back-btn-color);
}

/* 底部加密信息 */
.information-encrypted-icon {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-direction: row-reverse;
  color: rgba(126, 126, 126, 1);
  font-size: var(--van-font-size-sm);
}

/* 弹窗底部按钮- 上下布局 针对有确认和取消按钮的情况 */
.confirmDialog-className .van-dialog__footer {
  flex-direction: column-reverse;
  height: clamp(5.9375rem, 26.6667vw, 6.5625rem);
}

.confirmDialog-className button {
  border-radius: var(--van-radius-max);
}

.confirmDialog-className .van-dialog__confirm {
  margin-bottom: var(--van-font-size-xs);
}

/* 弹窗底部按钮- 左右布局 */
.confirmDialog-className-leftAndRight .van-dialog__footer {
  justify-content: space-around;
}

.confirmDialog-className-leftAndRight .van-dialog__confirm,
.confirmDialog-className-leftAndRight .van-dialog__cancel {
  flex: unset;
  width: clamp(7.375rem, 32vw, 7.625rem);
  height: clamp(2.0625rem, 9.3333vw, 2.3125rem);
}

.confirmDialog-className-leftAndRight button {
  border-radius: var(--van-radius-max);
}

/* 副标题文字大小 */
.subheading-title {
  font-size: var(--van-font-size-lg);
  padding-bottom: var(--van-search-input-height);
}

/* 副标题图标 */
.subheading-icon {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: baseline;
}

/* 针对有radio布局 */
.radio-field {
  margin-bottom: var(--van-search-input-height);
  padding-left: 0;
  padding-right: 0;
}

.van-radio-group.radio-group {
  --van-cell-line-height: clamp(2.125rem, 9.6vw, 2.375rem);
  width: 100%;
}

.radio-btn {
  padding-right: clamp(0.5625rem, 2.9333vw, 0.8125rem);
}

/* 自定义radio选中样式 */
.van-radio__icon--checked.van-radio__icon--dot {
  border-color: var(--van-radio-checked-icon-color);
  background: var(--van-radio-checked-icon-color);
}

.van-radio__icon--checked.van-radio__icon--dot .van-radio__icon--dot__icon {
  background: var(--van-cell-background);
}

/* 协议书 */
.van-list {
  --van-cell-vertical-padding: var(--van-button-radius);
  /* height: 143.7333vw; */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.van-list span {
  font-size: var(--van-font-size-lg);
}

/* 搜索国家地区 popup 样式 */
.popup-country-select.van-popup--bottom {
  height: 100%;
  background-color: var(--app-background-color);
}

.popup-country-select.van-popup .van-field__left-icon .van-icon {
  font-size: clamp(1.375rem, 6.4vw, 1.625rem);
}

/* 针对有checkbox布局 start对齐 */
.checkbox-flex-start.van-checkbox {
  align-items: flex-start;
}