html {
    width: 100vw;
}

.is_phone .layout {
    min-width: 0;
    width: 100%;
}

.is_phone .gate-otc-status-area-content {
    padding: 16px;
}

.is_phone .gate-otc-status-area-tips {
    gap: 8px;
}

.is_phone .gate-otc-status-area-tips-icon {
    width: 20px;
    height: 20px;
}

.is_phone .gate-otc-introduce-title {
    margin-bottom: 16px;
}

.is_phone .gate-otc-shot-introduce {
    margin-top: 16px;
}

.is_phone .gate-otc-status-area-container {
    width: 100%;
    margin-top: 16px;
}

/* .is_phone .gate-otc-guide-container {
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: unset;
    gap: 16px;
    align-items: normal;
} */

/* .is_phone .gate-otc-guide-item {
    display: flex;
    flex: 1 1 calc(50% - 8px);
    max-width: unset;
} */

/* .is_phone .gate-otc-guide-item-content {
    padding: 16px;
    width: 100%;
} */

/* .is_phone .gate-otc-guide-item-icon .iconpark-icon {
    width: 40px;
    height: 40px;
}

.is_phone .gate-otc-guide-container .gate-otc-guide-arrow-icon {
    display: none;
}

.is_phone .gate-otc-guide-item-describe .target-text {
    text-align: start;
} */

.is_phone .gate-otc-tooltip-container {
    display: none;
}

.is_phone .gate-otc-banner-description {
    margin: 16px 0 40px;
}

.is_phone .gate-otc-select-authentication-type .mantine-Group-root {
    margin: 0 8px;
}

.is_phone .gate-otc-form-item-container {
    flex-direction: column;
}

.is_phone .gate-otc-form-item-container > * {
    width: 100% !important;
}

.is_phone .gate-otc-apply-modal {
    height: calc(100% - 64px);
    max-height: unset;
}

.is_phone .gate-otc-billing-address-modal-container {
    gap: 16px;
}

.is_phone .gate-otc-billing-address-form-item-container {
    flex-direction: column;
    gap: 16px;
    margin: 0;
}

.is_phone .gate-otc-card-detail-item {
    flex-direction: column;
}

.is_phone .gate-otc-card-detail-item-label {
    width: 100%;
    max-width: unset;
    font-size: 14px;
}

.is_phone .gate-otc-card-detail-item-value {
    width: 100%;
    max-width: unset;
    text-align: start;
    padding: 8px 0;
    font-size: 14px;
}

.is_phone .gate-otc-help-center li {
    padding: 12px 0;
}

.is_phone .gate-otc-contact-container {
    padding: 40px 0;
}

.is_phone .gate-otc-ip-tips-container {
    margin-top: 16px;
}

.is_phone .advantage-container {
    padding-top: 28px;
    width: 100%;
    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: 40px;
}

.is_phone .advantage-container .advantage-item {
    width: calc(50% - 6px);
    padding: 12px 0;
}