.index_by-select___T0Wn {
    position: relative
}

.index_by-select__country_container___DdJ6 {
    display: flex;
    align-items: center
}

.index_by-select__country_img__go0mF {
    display: flex
}

[dir=ltr] .index_by-select__country_img__go0mF {
    margin-right: 6px
}

[dir=rtl] .index_by-select__country_img__go0mF {
    margin-left: 6px
}

.index_by-select__arrow__lGLgF {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%) rotate(0);
    cursor: pointer;
    transition: transform .25s linear;
    pointer-events: none;
    fill: var(--gray-level-05)
}

.index_by-select__list___Ii9B {
    position: absolute;
    z-index: 1003;
    width: 100%;
    max-height: 340px !important;
    padding: 0 !important;
    list-style: none;
    background-color: var(--cht-gray-bg-float);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    transition: opacity .15s ease-in-out, height .25s linear
}

.index_by-select__list___Ii9B ul {
    max-height: 280px;
    margin: 0;
    overflow-y: auto;
    padding-inline-start: 0
}

.index_search-container__9vmmB {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 8px 12px
}

.index_search-innerbox__vjr_8 {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 40px;
    margin: 4px 0 0;
    line-height: 1.6;
    border: 1px solid var(--cht-gray-ele-line);
    background-color: var(--cht-gray-ele-line);
    border-radius: 4px
}

.index_search-container__9vmmB img {
    width: 1em;
    height: 1em
}

.index_citycode-search__hQcZA {
    flex: 1;
    height: 32px;
    border: #fff;
    outline: none;
    background-color: var(--cht-gray-ele-line);
    padding: 0;
    color: var(--cht-gray-t1-title)
}

[dir=ltr] .index_icon-search__YObho {
    margin-left: 8.5px;
    margin-right: 5px
}

[dir=rtl] .index_icon-search__YObho {
    margin-right: 8.5px;
    margin-left: 5px
}

.index_icon-cancel__mGNyU {
    cursor: pointer
}

[dir=ltr] .index_icon-cancel__mGNyU {
    margin-right: 8.5px;
    margin-left: 4px
}

[dir=rtl] .index_icon-cancel__mGNyU {
    margin-left: 8.5px;
    margin-right: 4px
}

.index_by-select___T0Wn[visible] .index_by-select__list___Ii9B {
    height: auto;
    visibility: visible;
    opacity: 1
}

.index_by-select__item__uXPQf {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    color: var(--cht-gray-t1-title);
    cursor: pointer
}

.index_by-select__item__column__Jj0iZ {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 4px 16px 16px;
    color: var(--cht-gray-t2);
    cursor: pointer
}

[dir=ltr] .index_by-select__item__uXPQf img {
    margin-right: 5px
}

[dir=rtl] .index_by-select__item__uXPQf img {
    margin-left: 5px
}

.index_by-select__item__uXPQf:hover {
    background-color: var(--cht-trans-hover)
}

.index_by-select__item__uXPQf[active] {
    color: var(--cht-brand-900-text)
}

.index_by-select__input__ZW2E7 {
    cursor: pointer
}

.index_by-selected-city-code__pedmn {
    display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid hsla(0, 0%, 60%, .2);
    transition: box-shadow .15s ease-in-out, border-color .15s ease-in-out
}

.index_by-selected-city-code__pedmn img {
    height: 15px
}

[dir=ltr] .index_by-selected-city-code__pedmn img {
    margin-right: 5px
}

[dir=rtl] .index_by-selected-city-code__pedmn img {
    margin-left: 5px
}

[dir=ltr] .index_by-select___T0Wn {
    margin-right: 16px
}

[dir=rtl] .index_by-select___T0Wn {
    margin-left: 16px
}

.index_by-select___T0Wn .index_by-select__arrow__lGLgF {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    line-height: 16px;
    transition: all .4s ease
}

[dir=ltr] .index_by-select___T0Wn .index_by-select__arrow__lGLgF {
    right: 8px;
    border-right: none
}

[dir=rtl] .index_by-select___T0Wn .index_by-select__arrow__lGLgF {
    left: 8px;
    border-left: none
}

.index_by-select___T0Wn .index_arrowFocus__Wtun5 {
    top: 12px
}

[dir=ltr] .index_by-select___T0Wn .index_arrowFocus__Wtun5 {
    right: 12px;
    transform: rotate(180deg)
}

[dir=rtl] .index_by-select___T0Wn .index_arrowFocus__Wtun5 {
    left: 12px;
    transform: rotate(-180deg)
}

.index_by-select___T0Wn .index_by-select__list___Ii9B {
    width: 100%;
    margin-top: 4px;
    border-radius: 4px
}

@media screen and (max-width:1000px) {
    .index_by-select___T0Wn .index_by-select__list___Ii9B {
        width: 382px
    }
}

@media screen and (max-width:446px) {
    .index_by-select___T0Wn .index_by-select__list___Ii9B {
        width: calc(100vw - 64px)
    }
}

.index_by-select___T0Wn .index_by-selected-city-code__pedmn {
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    transition: border-color .15s ease-in-out
}

.index_by-select___T0Wn .index_focus__2X0nF {
    border: 2px solid var(--cht-brand-700-normal)
}

.index_by-select___T0Wn ::-webkit-scrollbar {
    width: 10px
}

.index_by-select___T0Wn ::-webkit-scrollbar-track {
    border-radius: 5px
}

.index_by-select___T0Wn ::-webkit-scrollbar-thumb {
    background: #afafaf;
    border-radius: 5px
}

.index_by-select___T0Wn ::-webkit-scrollbar-thumb:hover {
    background: #949494
}

.index_by-select___T0Wn[newui][small] {
    margin-top: 16px
}

@media screen and (max-width:600px) {
    .index_by-select___T0Wn[newui][small] {
        margin-top: 14px
    }
}

@media (max-height:619px),
screen and (max-width:446px) {
    .index_by-select___T0Wn[newui][small] {
        margin-top: 0
    }
}

@media screen and (max-width:600px) {
    .index_by-select___T0Wn[newui][small] .index_by-select__arrow__lGLgF {
        top: 20px
    }
    .index_by-select___T0Wn[newui][small] .index_by-select__arrow__lGLgF[focus] {
        top: 10px
    }
}

@media (max-height:619px),
screen and (max-width:446px) {
    .index_by-select___T0Wn[newui][small] .index_by-select__arrow__lGLgF {
        top: 18px
    }
    .index_by-select___T0Wn[newui][small] .index_by-select__arrow__lGLgF[focus] {
        top: 10px
    }
}

.index_by-select___T0Wn[newui][small] .index_by-select__list___Ii9B {
    max-height: 300px !important
}

.index_by-select___T0Wn[newui][small] .index_by-select__list___Ii9B ul {
    max-height: 240px
}

.tab-panel_tabpanel__ns_Jy {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--cht-gray-t2);
    font-size: 14px;
    flex-shrink: 0;
    font-weight: 500;
    position: relative
}

[dir=ltr] .tab-panel_tabpanel__ns_Jy {
    margin-right: 20px
}

[dir=rtl] .tab-panel_tabpanel__ns_Jy {
    margin-left: 20px
}

.tab-panel_tabpanel__ns_Jy span {
    line-height: 22px
}

.tab-panel_tabpanelactive__TcbCr {
    color: var(--cht-gray-t1-title);
    font-weight: 600
}

.tab-panel_tabpanelactive__TcbCr:after {
    content: "";
    margin-top: 4px;
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color: var(--cht-brand-700-normal)
}

.index_by-input-newui-label__xP9_8 {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #000
}

[dir=ltr] .index_by-input-newui-field__input-space___Q2fs {
    padding-left: 20%
}

[dir=rtl] .index_by-input-newui-field__input-space___Q2fs {
    padding-right: 20%
}

.index_by-input-newui-field_image_wrapper__w7UIF {
    position: absolute;
    top: 10%
}

[dir=ltr] .index_by-input-newui-field_image_wrapper__w7UIF {
    left: 10%
}

[dir=rtl] .index_by-input-newui-field_image_wrapper__w7UIF {
    right: 10%
}

.index_by-input-newui-field_image__xrPv7 {
    height: 22.78px;
    width: 12px
}

.index_by-input-newui-field__input__L5sRe {
    font-weight: 500;
    outline: none;
    border: none;
    width: 100%;
    line-height: 40px;
    background: transparent
}

.index_by-input-newui-field__input__L5sRe[suffix] {
    width: 92%
}

.index_by-input-newui-field__7h5tq[disabled],
.index_by-input-newui-field__7h5tq[disabled] .index_by-input-newui-field__input__L5sRe {
    pointer-events: none;
    background-color: var(--gray-level-00);
    color: var(--gray-level-04);
    cursor: not-allowed
}

.index_by-input-newui-field_password_icon_wraper__d0ArB {
    position: absolute;
    top: 50%;
    transform: translateY(-10px);
    cursor: pointer
}

[dir=ltr] .index_by-input-newui-field_password_icon_wraper__d0ArB {
    right: 12px
}

[dir=rtl] .index_by-input-newui-field_password_icon_wraper__d0ArB {
    left: 12px
}

.index_by-input-newui-field_clear_icon_wraper__Z1uxM {
    position: absolute;
    top: 50%;
    transform: translateY(-10px);
    cursor: pointer
}

[dir=ltr] .index_by-input-newui-field_clear_icon_wraper_right_50__poAu7 {
    right: 50px
}

[dir=rtl] .index_by-input-newui-field_clear_icon_wraper_right_50__poAu7 {
    left: 50px
}

.index_by-input-newui-field_password_icon__aICGk {
    font-size: 20px;
    color: #999
}

.index_by-input-newui-field_clear_icon___2DjE {
    font-size: 12px;
    color: #999
}

.index_by-input-newui-field__7h5tq[error] {
    border: 1px solid #fe4539;
    padding: 1px 16px
}

.index_by-input-newui-error__W1SIr {
    color: #ff493d;
    font-size: 12px;
    line-height: 14px;
    padding-top: 2px;
    height: 32px;
    width: 100%
}

[dir=ltr] .index_by-input-newui-error__W1SIr {
    text-align: left
}

[dir=rtl] .index_by-input-newui-error__W1SIr {
    text-align: right
}

.index_by-input-newui-error__W1SIr[flex] {
    height: 16px
}

.index_by-input-newui-error__W1SIr[flex][error] {
    height: 32px
}

.index_by-input-newui__DrUxx input::-webkit-inner-spin-button,
.index_by-input-newui__DrUxx input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

.index_by-input-newui__DrUxx[data-small] .index_by-input-newui-label__xP9_8 {
    height: 16px;
    line-height: 16px;
    font-size: 12px
}

@media (max-height:619px),
screen and (max-width:600px) {
    .index_by-input-newui__DrUxx[data-small] .index_by-input-newui-label__xP9_8 {
        height: 14px;
        line-height: 14px;
        font-size: 11px
    }
}

@media (max-height:619px),
screen and (max-width:446px) {
    .index_by-input-newui__DrUxx[data-small] .index_by-input-newui-label__xP9_8 {
        display: none
    }
}

.index_by-input-newui__DrUxx[data-small] .index_by-input-newui-field__7h5tq {
    height: 44px
}

@media (max-height:619px),
screen and (max-width:600px) {
    .index_by-input-newui__DrUxx[data-small] .index_by-input-newui-field__7h5tq {
        height: 40px
    }
}

@media (max-height:619px),
screen and (max-width:446px) {
    .index_by-input-newui__DrUxx[data-small] .index_by-input-newui-field__7h5tq {
        font-size: 14px;
        height: 36px
    }
}

@media (max-height:619px),
screen and (max-width:600px) {
    .index_by-input-newui__DrUxx[data-small] .index_by-input-newui-field__input__L5sRe {
        line-height: 32px
    }
}

@media (max-height:619px),
screen and (max-width:446px) {
    .index_by-input-newui__DrUxx[data-small] .index_by-input-newui-field__input__L5sRe {
        height: 30px
    }
}

.index_by-input-newui__DrUxx[data-small] .index_by-input-newui-error__W1SIr {
    height: 30px
}

@media (max-height:619px),
screen and (max-width:600px) {
    .index_by-input-newui__DrUxx[data-small] .index_by-input-newui-error__W1SIr {
        font-size: 9px;
        line-height: 9px;
        height: 22px
    }
}

.index_by-input-newui__DrUxx[data-small] .index_by-input-newui-error__W1SIr[data-flex] {
    height: 15px
}

@media (max-height:619px),
screen and (max-width:600px) {
    .index_by-input-newui__DrUxx[data-small] .index_by-input-newui-error__W1SIr[data-flex] {
        height: 13px
    }
}

.index_by-input-newui__DrUxx[data-small] .index_by-input-newui-error__W1SIr[data-flex][data-error] {
    height: 30px
}

@media (max-height:619px),
screen and (max-width:600px) {
    .index_by-input-newui__DrUxx[data-small] .index_by-input-newui-error__W1SIr[data-flex][data-error] {
        height: 22px
    }
}

.index_by-input-email-newui__YlsYY {
    position: relative;
    flex: 1
}

.index_by-input-email-newui-list__pSS23 {
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    padding: 0;
    position: absolute;
    top: 70px;
    list-style: none;
    width: 100%;
    background-color: var(--cht-gray-t1-title-revert);
    z-index: 1003;
    color: var(--cht-gray-t1-title);
    transition: opacity .15s ease-in-out, height .25s linear;
    max-height: 340px;
    border-radius: 4px
}

.index_by-input-email-newui-list__pSS23 .index_item__vHxbe {
    line-height: 16px;
    padding: 16px;
    font-size: 14px;
    cursor: pointer;
    display: flex
}

.index_by-input-email-newui-list__pSS23 .index_item__vHxbe:hover {
    background: var(--cht-trans-hover)
}

.index_by-input-email-newui-list__pSS23 .index_item-value__wd08z {
    display: inline-block;
    max-width: calc(100% - 100px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--cht-gray-t1-title)
}

[dir=ltr] .index_by-input-email-newui-list__pSS23 .index_item-value__wd08z {
    text-align: left
}

[dir=rtl] .index_by-input-email-newui-list__pSS23 .index_item-value__wd08z {
    text-align: right
}

.index_pwdContainer__FlujG {
    position: relative
}

.index_lastStepTip__3aE8K {
    color: var(--cht-gray-t2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    width: auto !important
}

.index_tooltipNew__HvYD6 .index_tooltip__1pmmO .index_iconCorrect__80z8X {
    position: absolute
}

[dir=ltr] .index_tooltipNew__HvYD6 .index_tooltip__1pmmO .index_iconCorrect__80z8X {
    margin-left: -1px
}

[dir=rtl] .index_tooltipNew__HvYD6 .index_tooltip__1pmmO .index_iconCorrect__80z8X {
    margin-right: -1px
}

.index_tooltipNew__HvYD6 .index_tooltip-content__snXMR {
    position: absolute;
    width: 320px;
    padding: 16px;
    background-color: var(--cht-gray-bg-float);
    color: var(--cht-gray-t2);
    text-align: center;
    border-radius: 8px;
    box-shadow: var(--cht-shadow-l2);
    z-index: 10
}

[dir=ltr] .index_tooltipNew__HvYD6 .index_tooltip-content__snXMR {
    left: calc(50% - 160px)
}

[dir=rtl] .index_tooltipNew__HvYD6 .index_tooltip-content__snXMR {
    right: calc(50% - 160px)
}

.index_tooltipNew__HvYD6 .index_tooltip-content-tip__UvKzB {
    display: flex;
    padding-bottom: 8px;
    align-items: center
}

.index_tooltipNew__HvYD6 .index_tooltip-content-tip__UvKzB:last-child {
    padding-bottom: 0
}

.index_tooltipNew__HvYD6 .index_tooltip-content-tip__UvKzB .index_icon__m8MvY {
    display: inline-flex;
    height: 16px;
    width: 16px;
    border: 1px solid var(--cht-gray-t4-dis);
    border-radius: 9px
}

.index_tooltipNew__HvYD6 .index_tooltip-content-tip__UvKzB .index_checked__HCZ61 {
    color: #ededed;
    border: none
}

.index_tooltipNew__HvYD6 .index_tooltip-content-tip__UvKzB .index_label__RuC7f {
    width: auto;
    max-width: 228px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    display: inline-flex
}

[dir=ltr] .index_tooltipNew__HvYD6 .index_tooltip-content-tip__UvKzB .index_label__RuC7f {
    text-align: left;
    padding-left: 8px
}

[dir=rtl] .index_tooltipNew__HvYD6 .index_tooltip-content-tip__UvKzB .index_label__RuC7f {
    text-align: right;
    padding-right: 8px
}

.index_tooltipNew__HvYD6 .index_tooltip-content__snXMR:after {
    content: " ";
    position: absolute;
    top: 30%;
    margin-top: -5px;
    border-width: 8px;
    border-style: solid;
    bottom: 100%;
    border-color: transparent transparent var(--cht-gray-bg-float) transparent !important;
    top: auto
}

[dir=ltr] .index_tooltipNew__HvYD6 .index_tooltip-content__snXMR:after {
    right: 100%;
    border-color: transparent var(--cht-gray-bg-float) transparent transparent;
    left: 50%;
    right: auto
}

[dir=rtl] .index_tooltipNew__HvYD6 .index_tooltip-content__snXMR:after {
    left: 100%;
    border-color: transparent transparent transparent var(--cht-gray-bg-float);
    right: 50%;
    left: auto
}

.index_checkLabelWrapper__BqrW7 {
    display: flex;
    align-items: flex-start
}

.index_checkLabelWrapper__BqrW7>div {
    cursor: pointer
}

.index_trCheckbox__foLrS .index_checkLabelWrapper__BqrW7:not(:first-child) {
    margin-top: 8px
}

.index_trCheckbox__foLrS .index_checkLabelWrapper__BqrW7:first-child a,
.index_trCheckbox__foLrS .index_checkLabelWrapper__BqrW7:first-child svg,
.index_trCheckbox__foLrS .index_checkLabelWrapper__BqrW7:last-child a,
.index_trCheckbox__foLrS .index_checkLabelWrapper__BqrW7:last-child svg {
    color: var(--cht-brand-900-text) !important;
    font-weight: 500 !important
}

[dir=ltr] .index_trCheckbox__foLrS .index_checkLabelWrapper__BqrW7:first-child .index_label__cJeR0,
[dir=ltr] .index_trCheckbox__foLrS .index_checkLabelWrapper__BqrW7:last-child .index_label__cJeR0 {
    margin-left: 0
}

[dir=rtl] .index_trCheckbox__foLrS .index_checkLabelWrapper__BqrW7:first-child .index_label__cJeR0,
[dir=rtl] .index_trCheckbox__foLrS .index_checkLabelWrapper__BqrW7:last-child .index_label__cJeR0 {
    margin-right: 0
}

.index_label__cJeR0 {
    line-height: 18px;
    color: var(--cht-gray-t2);
    font-weight: 400;
    font-size: 12px
}

[dir=ltr] .index_label__cJeR0 {
    margin-left: 8px
}

[dir=rtl] .index_label__cJeR0 {
    margin-right: 8px
}

.index_label__cJeR0>a {
    color: var(--cht-brand-900-text) !important;
    font-weight: 500 !important;
    line-height: 18px;
    letter-spacing: 0
}

[dir=ltr] .index_label__cJeR0>a {
    text-align: left
}

[dir=rtl] .index_label__cJeR0>a {
    text-align: right
}

.index_refCodeWrapper__5WJ9y {
    margin-bottom: 20px;
    line-height: 22px
}

.index_refCodeWrapper__5WJ9y .index_refCodeText__emIbt {
    font-size: 14px;
    cursor: pointer;
    color: var(--cht-gray-t1-title)
}

.index_refCodeWrapper__5WJ9y .index_refCodeText__emIbt.index_cht-text-gray__rVXKS {
    color: var(--cht-gray-t2)
}

.index_refCodeWrapper__5WJ9y .index_refCodeText__emIbt+img {
    cursor: pointer
}

.index_refCodeWrapper__5WJ9y .index_refCodeText__emIbt.index_refCodeTextActive__JbKl1 {
    color: var(--cht-brand-700-normal)
}

.index_ref-code_container__m3cUR {
    display: flex;
    flex-direction: row;
    margin-top: 8px;
    align-items: center;
    font-size: 16px;
    color: var(--cht-gray-t1-title) !important;
    background-color: var(--cht-gray-ele-line);
    padding: 1px 0;
    font-weight: 500;
    transition: border-color .15s ease-in-out
}

.index_ref-code_container__m3cUR.index_ref-code_container--error___CapU {
    border: 1px solid var(--cht-red-700-normal)
}

.index_ref-code__rEo8n {
    border-radius: 4px;
    display: inline-block;
    padding: 0 16px;
    transition: box-shadow .15s ease-in-out, border-color .15s ease-in-out;
    position: relative;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px
}

.index_ref-code__input__rFx1x,
.index_ref-code__rEo8n {
    font-weight: 400;
    font-size: 14px;
    width: 92% !important;
    line-height: 22px;
    color: var(--cht-gray-t1-title) !important;
    outline: none;
    border: none;
    box-sizing: border-box
}

.index_ref-code__input__rFx1x::-moz-placeholder,
.index_ref-code__rEo8n::-moz-placeholder {
    color: #999;
    font-size: 16px;
    font-weight: 400
}

.index_ref-code__input__rFx1x::placeholder,
.index_ref-code__rEo8n::placeholder {
    color: #999;
    font-size: 16px;
    font-weight: 400
}

.index_ref-code_status_wraper__phsjq {
    display: inline-flex
}

[dir=ltr] .index_ref-code_status_wraper__phsjq {
    float: right;
    padding-right: 12px
}

[dir=rtl] .index_ref-code_status_wraper__phsjq {
    float: left;
    padding-left: 12px
}

.index_ref-code_icon__X_6P6 {
    font-size: 12px;
    line-height: 44px;
    cursor: pointer
}

.index_success__nIqV8 {
    color: #2ec068 !important
}

.index_refcode-message___xzBw {
    margin-top: 4px;
    color: var(--cht-red-700-normal)
}

.index_refcode-message_text__DeHl4 {
    font-weight: 400
}

.index_ref-code-label__eMYHe {
    display: none
}

.index_ban-country-dialog__KPW99 {
    position: fixed;
    top: 0;
    z-index: 1003;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    will-change: opacity, width, height
}

[dir=ltr] .index_ban-country-dialog__KPW99 {
    left: 0
}

[dir=rtl] .index_ban-country-dialog__KPW99 {
    right: 0
}

.index_ban-country-dialog__KPW99.index_visible__ft4ZN {
    width: 100vw;
    height: 100vh;
    opacity: 1
}

@media screen and (max-width:600px) {
    .index_ban-country-dialog__KPW99.index_visible__ft4ZN[attached] {
        top: 68px;
        align-items: flex-start
    }
}

.index_ban-country-dialog-container__IEUEl {
    display: flex;
    flex-flow: column;
    width: 492px;
    padding: 24px;
    font-size: 16px;
    font-family: var(--cht-font-family);
    font-style: normal;
    background-color: var(--cht-gray-bg-card);
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

@media screen and (max-width:600px) {
    .index_ban-country-dialog-container__IEUEl {
        width: 94vw
    }
}

[dir=ltr] .index_ban-country-dialog-container-close__bCZns {
    text-align: right
}

[dir=rtl] .index_ban-country-dialog-container-close__bCZns {
    text-align: left
}

.index_ban-country-dialog-container-close__bCZns .index_icon__BW8Mj {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 15px;
    cursor: pointer
}

[dir=ltr] .index_ban-country-dialog-container-close__bCZns .index_icon__BW8Mj {
    margin: 0 0 8px 8px
}

[dir=rtl] .index_ban-country-dialog-container-close__bCZns .index_icon__BW8Mj {
    margin: 0 8px 8px 0
}

.index_ban-country-dialog-container-title__eBN0S {
    padding-top: 16px;
    padding-bottom: 24px;
    color: var(--cht-gray-t1-title);
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0
}

[dir=ltr] .index_ban-country-dialog-container-title__eBN0S {
    text-align: left
}

[dir=rtl] .index_ban-country-dialog-container-title__eBN0S {
    text-align: right
}

.index_ban-country-dialog-container-title__eBN0S.index_center__NEWrV {
    text-align: center
}

.index_ban-country-dialog-container-desc__7PRGh,
.index_ban-country-dialog-container-section__gXQYK {
    padding-bottom: 16px;
    color: var(--cht-gray-t2);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

[dir=ltr] .index_ban-country-dialog-container-desc__7PRGh,
[dir=ltr] .index_ban-country-dialog-container-section__gXQYK {
    text-align: left
}

[dir=rtl] .index_ban-country-dialog-container-desc__7PRGh,
[dir=rtl] .index_ban-country-dialog-container-section__gXQYK {
    text-align: right
}

.index_ban-country-dialog-container-desc__7PRGh .index_inputContainer__jC2Fc,
.index_ban-country-dialog-container-section__gXQYK .index_inputContainer__jC2Fc {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 12px 4px
}

.index_ban-country-dialog-container-desc__7PRGh .index_inputContainer__jC2Fc:focus-within,
.index_ban-country-dialog-container-section__gXQYK .index_inputContainer__jC2Fc:focus-within {
    border-color: #ffb11a;
    outline: 2px solid #f5e8ce
}

.index_ban-country-dialog-container-desc__7PRGh .index_inputContainer__jC2Fc input,
.index_ban-country-dialog-container-section__gXQYK .index_inputContainer__jC2Fc input {
    outline: none
}

.index_ban-country-dialog-container-desc__7PRGh .index_errInput__bR3QR,
.index_ban-country-dialog-container-section__gXQYK .index_errInput__bR3QR {
    border-color: #f7497b
}

.index_ban-country-dialog-container-desc__7PRGh .index_displayNone__gFaKj,
.index_ban-country-dialog-container-section__gXQYK .index_displayNone__gFaKj {
    display: none
}

.index_ban-country-dialog-container-section__gXQYK {
    flex-grow: 1
}

.index_ban-country-dialog-container-section__gXQYK .index_label__ICg2G {
    padding-bottom: 16px
}

.index_ban-country-dialog-container-section__gXQYK .index_list__nEKXT {
    width: 400px;
    max-height: 160px;
    overflow: auto;
    overflow-y: scroll;
    line-height: 20px
}

@media screen and (max-width:600px) {
    .index_ban-country-dialog-container-section__gXQYK .index_list__nEKXT {
        width: 268px
    }
}

.index_ban-country-dialog-container-section__gXQYK .index_list__nEKXT ul {
    -moz-column-count: 1;
    column-count: 1;
    list-style-type: disc
}

[dir=ltr] .index_ban-country-dialog-container-section__gXQYK .index_list__nEKXT ul {
    padding-left: 20px
}

[dir=rtl] .index_ban-country-dialog-container-section__gXQYK .index_list__nEKXT ul {
    padding-right: 20px
}

.index_ban-country-dialog-container-section__gXQYK .index_list__nEKXT li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style-position: outside;
    list-style-type: disc
}

[dir=ltr] .index_ban-country-dialog-container-section__gXQYK .index_list__nEKXT li {
    padding-right: 10px
}

[dir=rtl] .index_ban-country-dialog-container-section__gXQYK .index_list__nEKXT li {
    padding-left: 10px
}

.index_ban-country-dialog-container-section__gXQYK .index_list__nEKXT::-webkit-scrollbar {
    width: 8px
}

.index_ban-country-dialog-container-section__gXQYK .index_list__nEKXT::-webkit-scrollbar-track {
    border-radius: 4px
}

.index_ban-country-dialog-container-section__gXQYK .index_list__nEKXT::-webkit-scrollbar-thumb {
    background: #afafaf;
    border-radius: 5px
}

.index_ban-country-dialog-container-section__gXQYK .index_list__nEKXT::-webkit-scrollbar-thumb:hover {
    background: #949494
}

.index_ban-country-dialog-container-btns__xmA0S {
    display: flex;
    justify-content: space-between;
    margin: 16px 0
}

@media screen and (max-width:600px) {
    .index_ban-country-dialog-container-btns__xmA0S {
        display: block;
        margin-bottom: 0
    }
}

.index_ban-country-dialog-container-btns__xmA0S.index_end__ZcfAM {
    justify-content: flex-end
}

.index_ban-country-dialog-container-btns__xmA0S.index_center__NEWrV {
    justify-content: center
}

.index_ban-country-dialog-container-btns__xmA0S button {
    display: inline-block;
    width: 200px;
    height: 42px;
    color: #17181e;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    outline: none;
    cursor: pointer
}

@media screen and (max-width:600px) {
    .index_ban-country-dialog-container-btns__xmA0S button {
        width: 100%;
        height: 48px;
        margin-bottom: 16px
    }
}

.index_ban-country-dialog-container-btns__xmA0S button :focus,
.index_ban-country-dialog-container-btns__xmA0S button :hover {
    outline: none
}

.index_ban-country-dialog-container-btns__xmA0S button.index_btn-default__5XDxr {
    background: var(--cht-brand-700-normal);
    border: none
}

.index_ban-country-dialog-container-btns__xmA0S button.index_btn-default__5XDxr:hover {
    background: #f9b833
}

.index_ban-country-dialog-container-btns__xmA0S button.index_btn-default__5XDxr:active {
    background: #c68500
}

.index_ban-country-dialog-container-btns__xmA0S button.index_btn-default__5XDxr.index_btn-width__Ch4c7 {
    width: 100%
}

.index_ban-country-dialog-container-btns__xmA0S button.index_btn-outline__kAg00 {
    color: var(--cht-brand-700-normal);
    background-color: transparent;
    border: 1px solid var(--cht-brand-700-normal)
}

.index_ban-country-dialog-container-btns__xmA0S button.index_btn-outline__kAg00:hover {
    color: #f9b833;
    border: 1px solid #f9b833
}

.index_ban-country-dialog-container-btns__xmA0S button.index_btn-outline__kAg00:active {
    color: #c68500;
    border: 1px solid #c68500
}

.index_ban-country-dialog-container__IEUEl .index_icon__BW8Mj.index_done__lxlnH {
    color: #089f3c;
    font-size: 60px;
    text-align: center
}

@media screen and (max-width:600px) {
    body.index_branch-banner-is-active__ST4v4 .index_ban-country-dialog__KPW99[visible][attached] {
        top: 144px !important
    }
}

.index_ban-ip-dialog__RrU4B {
    position: fixed;
    top: 0;
    z-index: 1003;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .1s ease-in, width 0s linear .1s, height 0s linear .1s;
    will-change: opacity, width, height
}

[dir=ltr] .index_ban-ip-dialog__RrU4B {
    left: 0
}

[dir=rtl] .index_ban-ip-dialog__RrU4B {
    right: 0
}

.index_ban-ip-dialog__RrU4B.index_visible__NtbgL,
.index_ban-ip-dialog__RrU4B[visible] {
    width: 100vw;
    height: 100vh;
    opacity: 1
}

.index_ban-ip-dialog_container__UZV6B {
    width: 472px;
    padding-top: 16px;
    padding-bottom: 40px;
    font-size: 14px;
    background-color: var(--cht-gray-ele-edge);
    border-radius: 12px;
    box-shadow: 0 2px 8px 0 var(--cht-modal-mask-bg)
}

.index_ban-ip-dialog_title__amRIS {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 24px 32px;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    font-size: 24px;
    line-height: 24px
}

.index_ban-ip-dialog_xxx-wraper__xLSkI {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer
}

.index_ban-ip-dialog_xxx__9n95_ {
    color: rgba(0, 0, 0, .4);
    font-size: 14px
}

.index_ban-ip-dialog_content__2ZS2U {
    box-sizing: border-box;
    padding: 0 32px 37px;
    color: var(--cht-gray-t1-title);
    font-weight: 400;
    line-height: 20px
}

.index_ban-ip-dialog_next_tip__xBlh4 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 32px
}

.index_ban-ip-dialog_next_tip_icon__9S0WJ {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border: 1px solid #979797;
    border-radius: 2px;
    cursor: pointer
}

.index_ban-ip-dialog_next_tip_icon__9S0WJ.index_selected__bOgI_,
.index_ban-ip-dialog_next_tip_icon__9S0WJ[isSelected] {
    border: 0
}

.index_ban-ip-dialog_next_tip_text__15N36 {
    color: #666;
    font-size: 12px
}

[dir=ltr] .index_ban-ip-dialog_next_tip_text__15N36 {
    margin-left: 6px
}

[dir=rtl] .index_ban-ip-dialog_next_tip_text__15N36 {
    margin-right: 6px
}

.index_ban-ip-dialog_btns__yeu8i {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 52px;
    padding: 0 32px;
    line-height: 20px
}

.index_ban-ip-dialog_btn__57vFY {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 32px;
    overflow: hidden;
    color: #101014;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    background: #ffb11a;
    border-radius: 4px;
    cursor: pointer
}

.index_ban-ip-dialog_btn__57vFY:hover {
    opacity: .9
}

.index_ban-ip-dialog_selected__NpVp_ {
    width: 14px;
    height: 14px
}

.index_ban-ip-dialog_check_wraper__kNBX4 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    background-color: #faad15;
    border-radius: 2px
}

.index_ban-ip-dialog_check__F95R9 {
    color: #fff;
    font-size: 12px
}

#index_tg-widget-container__B6D0v,
.index_tg-widget-container__B6D0v {
    position: absolute;
    top: 0;
    opacity: .01;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden
}

[dir=ltr] #index_tg-widget-container__B6D0v,
[dir=ltr] .index_tg-widget-container__B6D0v {
    right: 0
}

[dir=rtl] #index_tg-widget-container__B6D0v,
[dir=rtl] .index_tg-widget-container__B6D0v {
    left: 0
}

.index_thirdPartyContainer__dTzBY .index_header__Iko8v {
    border-top: 1px solid var(--cht-gray-ele-line);
    text-align: center;
    display: flex;
    justify-content: center
}

.index_thirdPartyContainer__dTzBY .index_header__Iko8v .index_context__vc6YZ {
    display: inline-block;
    padding: 0 16px;
    background: #fff;
    font-weight: 400;
    color: var(--cht-gray-t2)
}

.index_thirdPartyContainer__dTzBY .index_telegram-btn__cz_ac:hover .cht-bg-modal-bg {
    border: 1px solid var(--cht-gray-t4-dis);
    background-color: rgba(56, 68, 82, .06);
    color: var(--cht-gray-t2)
}

.index_thirdPartyContainer__dTzBY .index_telegram-btn__cz_ac:hover .index_btnDark___Xr6B {
    box-shadow: 0 0 0 3px var(--cht-brand-100-bg)
}

.index_thirdPartyContainer__dTzBY .index_telegram-btn__cz_ac:hover .index_btnDark___Xr6B.index_btnDarkRow__KeuYb {
    background-color: #25282c !important;
    color: #adb1b8
}

.index_thirdPartyContainer__dTzBY .index_telegram-btn__cz_ac:focus .cht-bg-modal-bg {
    border: 1px solid var(--cht-gray-t4-dis);
    background-color: rgba(56, 68, 82, .06);
    color: var(--cht-gray-t2)
}

.index_thirdPartyContainer__dTzBY .index_telegram-btn__cz_ac:focus .index_btnDark___Xr6B {
    box-shadow: 0 0 0 3px var(--cht-brand-100-bg)
}

.index_thirdPartyContainer__dTzBY .index_telegram-btn__cz_ac:focus .index_btnDark___Xr6B.index_btnDarkRow__KeuYb {
    background-color: #25282c !important;
    color: #adb1b8
}

.index_thirdPartyContainer__dTzBY .index_tgBtn__0K_O0 {
    overflow: hidden
}

.index_thirdPartyContainer__dTzBY .index_tgBtn__0K_O0:hover .cht-bg-modal-bg {
    border: 1px solid var(--cht-gray-t4-dis);
    background-color: rgba(56, 68, 82, .06);
    color: var(--cht-gray-t2)
}

.index_thirdPartyContainer__dTzBY .index_tgBtn__0K_O0:hover .index_btnDark___Xr6B {
    box-shadow: 0 0 0 3px var(--cht-brand-100-bg)
}

.index_thirdPartyContainer__dTzBY .index_tgBtn__0K_O0:hover .index_btnDark___Xr6B.index_btnDarkRow__KeuYb {
    background-color: #25282c !important;
    color: #adb1b8;
    box-shadow: none
}

.index_thirdPartyContainer__dTzBY .index_tgBtn__0K_O0:focus .cht-bg-modal-bg {
    border: 1px solid var(--cht-gray-t4-dis);
    background-color: rgba(56, 68, 82, .06);
    color: var(--cht-gray-t2)
}

.index_thirdPartyContainer__dTzBY .index_tgBtn__0K_O0:focus .index_btnDark___Xr6B {
    box-shadow: 0 0 0 3px var(--cht-brand-100-bg)
}

.index_thirdPartyContainer__dTzBY .index_tgBtn__0K_O0:focus .index_btnDark___Xr6B.index_btnDarkRow__KeuYb {
    background-color: #25282c !important;
    color: #adb1b8;
    box-shadow: none
}

.index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg {
    display: flex;
    justify-content: center;
    cursor: pointer
}

.index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg .index_appleBtn__QexlD {
    font-family: var(--cht-font-family);
    border: 1px solid var(--cht-gray-t4-dis)
}

.index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg .index_btnDark___Xr6B {
    color: #fff;
    background: #16171a;
    border: 1px solid #595d61
}

.index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg .index_btnDark___Xr6B:focus,
.index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg .index_btnDark___Xr6B:hover {
    box-shadow: 0 0 0 3px var(--cht-brand-100-bg)
}

.index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg .index_appleLogo__8Q4jM {
    width: 18px;
    height: 18px
}

.index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg .index_btn__SqlRE {
    flex: 1;
    line-height: 46px;
    height: 46px;
    background: var(--cht-gray-bg-page);
    border-radius: 4px;
    border: 0;
    font-size: 14px;
    color: #15192a;
    display: flex;
    justify-content: center;
    cursor: pointer
}

[dir=ltr] .index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg .index_btn__SqlRE:not(:first-child) {
    margin-left: 10px
}

[dir=rtl] .index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg .index_btn__SqlRE:not(:first-child) {
    margin-right: 10px
}

.index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg .index_btn__SqlRE:hover {
    background: #f0f0f0
}

.index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg .index_btn__SqlRE .index_googleLogo__TheQ3 {
    width: 16px;
    height: 16px;
    line-height: 46px;
    border-radius: 8px;
    background: #e4e4e4;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir=ltr] .index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg .index_btn__SqlRE .index_googleLogo__TheQ3 {
    margin-right: 8px
}

[dir=rtl] .index_thirdPartyContainer__dTzBY .index_btnContainer__mjUrg .index_btn__SqlRE .index_googleLogo__TheQ3 {
    margin-left: 8px
}

.index_thirdPartyContainer__wcLO2 .index_header__WYbwI {
    border-top: 1px solid var(--cht-gray-ele-line);
    text-align: center;
    display: flex;
    justify-content: center
}

.index_thirdPartyContainer__wcLO2 .index_header__WYbwI .index_context__0jc_E {
    display: inline-block;
    padding: 0 16px;
    background: #fff;
    font-weight: 400;
    color: var(--cht-gray-t2)
}

.index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d {
    display: flex;
    justify-content: center;
    cursor: pointer
}

.index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d .index_appleBtn__w7wXs {
    font-family: var(--cht-font-family);
    border: 1px solid var(--cht-gray-t4-dis)
}

.index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d .index_btnDark__Mv70p {
    color: #fff;
    background: #16171a;
    border: 1px solid #595d61
}

.index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d .index_btnDark__Mv70p:focus,
.index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d .index_btnDark__Mv70p:hover {
    box-shadow: 0 0 0 3px var(--cht-brand-100-bg)
}

.index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d .index_appleLogo__3hNsa {
    width: 18px;
    height: 18px
}

.index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d .index_btn__4f4_Y {
    flex: 1;
    line-height: 46px;
    height: 46px;
    background: var(--cht-gray-bg-page);
    border-radius: 4px;
    border: 0;
    font-size: 14px;
    color: #15192a;
    display: flex;
    justify-content: center;
    cursor: pointer
}

[dir=ltr] .index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d .index_btn__4f4_Y:not(:first-child) {
    margin-left: 10px
}

[dir=rtl] .index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d .index_btn__4f4_Y:not(:first-child) {
    margin-right: 10px
}

.index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d .index_btn__4f4_Y:hover {
    background: #f0f0f0
}

.index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d .index_btn__4f4_Y .index_googleLogo__uYf71 {
    width: 16px;
    height: 16px;
    line-height: 46px;
    border-radius: 8px;
    background: #e4e4e4;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir=ltr] .index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d .index_btn__4f4_Y .index_googleLogo__uYf71 {
    margin-right: 8px
}

[dir=rtl] .index_thirdPartyContainer__wcLO2 .index_btnContainer__R0R4d .index_btn__4f4_Y .index_googleLogo__uYf71 {
    margin-left: 8px
}

.index_thirdPartyContainer__w1rdT #uniframe-cht-login {
    display: block !important
}

.index_thirdPartyContainer__w1rdT .iframe {
    cursor: pointer
}

.index_thirdPartyContainer__w1rdT .cht-thirdparty-box-row .cht-thirdparty-row {
    font-size: 12px;
    line-height: 18px;
    width: auto !important;
    height: 24px !important;
    box-shadow: none !important;
    padding: 2px 8px;
    border: none !important;
    gap: 4px !important;
    border-radius: 4px;
    font-weight: 400;
    background-color: transparent !important
}

.index_thirdPartyContainer__w1rdT .cht-thirdparty-box-row .cht-thirdparty-row:hover {
    background-color: #25282c !important
}

.index_thirdPartyContainer__w1rdT .cht-thirdparty-box-row .cht-thirdparty-row:hover span:last-child {
    color: #adb1b8 !important
}

.index_thirdPartyContainer__w1rdT .cht-thirdparty-box-row .cht-thirdparty-row span:first-child {
    width: 22px;
    height: 22px
}

.index_thirdPartyContainer__w1rdT .cht-thirdparty-new-col {
    flex-direction: column
}

.index_thirdPartyContainer__w1rdT .cht-thirdparty-new-col .cht-text-tab-gray,
.index_thirdPartyContainer__w1rdT .cht-thirdparty-new-col .cht-thirdparty-col,
.index_thirdPartyContainer__w1rdT .cht-thirdparty-new-col button,
.index_thirdPartyContainer__w1rdT .cht-thirdparty-new-col>div {
    width: 100%
}

.index_thirdPartyContainer__w1rdT .cht-thirdparty-new-col button {
    gap: 6px;
    min-height: 48px;
    height: auto;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 24px
}

.index_thirdPartyContainer__w1rdT .index_header__BWH50 {
    border-top: 1px solid var(--cht-gray-ele-line);
    text-align: center;
    display: flex;
    justify-content: center
}

.index_thirdPartyContainer__w1rdT .index_header__BWH50 .index_context__TwCed {
    display: inline-block;
    padding: 0 16px;
    background: var(--cht-gray-bg-card);
    font-weight: 400;
    color: var(--cht-gray-t2)
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq {
    display: flex;
    justify-content: center;
    cursor: pointer
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleBtnDarkBox__GctsC {
    height: auto;
    background: transparent;
    border: 1px solid #595d61
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleBtnDarkBox__GctsC:hover {
    box-shadow: 0 0 0 3px var(--cht-brand-100-bg)
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleBtnDarkBox__GctsC.index_googleBtnDarkBoxRow__0hzPW {
    border-radius: 4px
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleBtnDarkBox__GctsC.index_googleBtnDarkBoxRow__0hzPW:hover {
    box-shadow: none
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_btnDark__ribjJ {
    color: #fff;
    background: #16171a;
    border: 1px solid #595d61
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleLogo__iDG_v {
    width: 18px !important;
    height: 18px !important
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleBtn__HxDPi {
    font-family: var(--cht-font-family)
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5 {
    opacity: .0001;
    position: absolute;
    top: 0;
    transform: scaleX(10) scaleY(2)
}

[dir=ltr] .index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5 {
    left: 0
}

[dir=rtl] .index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5 {
    right: 0
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5:focus+.index_googleBtn__HxDPi,
.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5:hover+.index_googleBtn__HxDPi {
    background-color: rgba(56, 68, 82, .06)
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5:focus+.index_googleBtn__HxDPi.index_btnDark__ribjJ,
.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5:hover+.index_googleBtn__HxDPi.index_btnDark__ribjJ {
    background-color: #16171a;
    color: #adb1b8
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5:focus+.index_googleBtn__HxDPi.index_btnDark__ribjJ.index_cht-thirdparty-row__dkQ6U,
.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5:hover+.index_googleBtn__HxDPi.index_btnDark__ribjJ.index_cht-thirdparty-row__dkQ6U {
    background-color: #25282c !important
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5:focus.index_googleBtn__HxDPi,
.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5:hover.index_googleBtn__HxDPi {
    background-color: rgba(56, 68, 82, .06)
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5:focus.index_googleBtn__HxDPi.index_btnDark__ribjJ,
.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5:hover.index_googleBtn__HxDPi.index_btnDark__ribjJ {
    background-color: #16171a;
    color: #adb1b8
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5:focus.index_googleBtn__HxDPi.index_btnDark__ribjJ.index_cht-thirdparty-row__dkQ6U,
.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5:hover.index_googleBtn__HxDPi.index_btnDark__ribjJ.index_cht-thirdparty-row__dkQ6U {
    background-color: #25282c !important
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_googleContainer__FYdu5>div {
    height: 100%
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_btn__PUGNZ {
    flex: 1;
    line-height: 46px;
    height: 46px;
    background: #f8fafc;
    border-radius: 4px;
    border: 0;
    font-size: 14px;
    color: #15192a;
    display: flex;
    justify-content: center;
    cursor: pointer
}

[dir=ltr] .index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_btn__PUGNZ:not(:first-child) {
    margin-left: 10px
}

[dir=rtl] .index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_btn__PUGNZ:not(:first-child) {
    margin-right: 10px
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_btn__PUGNZ:hover {
    background: #f0f0f0
}

.index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_btn__PUGNZ .index_googleLogo__iDG_v {
    width: 16px;
    height: 16px;
    line-height: 46px;
    border-radius: 8px;
    background: #e4e4e4;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir=ltr] .index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_btn__PUGNZ .index_googleLogo__iDG_v {
    margin-right: 8px
}

[dir=rtl] .index_thirdPartyContainer__w1rdT .index_btnContainer__lx5Oq .index_btn__PUGNZ .index_googleLogo__iDG_v {
    margin-left: 8px
}

.index_wait_right_info__MvUvH {
    font-size: 50vh;
    color: transparent;
    width: 100%;
    height: 100%
}

.index_wait_loading_rotate__SEtxp {
    color: #fff;
    font-size: 28px;
    position: absolute;
    margin-top: -312px;
    text-align: center;
    width: 400px
}

.index_skeletons-box__rxNGN {
    padding: 40px;
    position: absolute;
    top: 0
}

[dir=ltr] .index_skeletons-box__rxNGN {
    left: 0
}

[dir=rtl] .index_skeletons-box__rxNGN {
    right: 0
}

.index_skeletons-box__rxNGN .index_skeletons__T02oZ {
    position: relative;
    display: block;
    width: 100%;
    min-height: 20px;
    overflow: hidden;
    background-color: rgba(56, 68, 82, .06);
    border-radius: 8px;
    animation: index_pulse__3ozF6 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.index_skeletons-box__rxNGN .index_skeletons__T02oZ.index_skeletons-header__4c_vH {
    height: 32px;
    margin-bottom: 32px
}

.index_skeletons-box__rxNGN .index_skeletons__T02oZ.index_skeletons-desc__D7lt4 {
    height: 18px;
    margin-bottom: 12px
}

.index_skeletons-box__rxNGN .index_skeletons__T02oZ.index_skeletons-image__T0wMx {
    height: 280px;
    width: 304px;
    margin-top: 40px
}

.index_skeletons-box__rxNGN .index_skeletons-bars__6y__X .index_skeletons-desc__D7lt4:last-child {
    width: 50%
}

.index_skeletons-box-left__bYNKl {
    position: absolute;
    top: 0
}

[dir=ltr] .index_skeletons-box-left__bYNKl {
    left: 0
}

[dir=rtl] .index_skeletons-box-left__bYNKl {
    right: 0
}

.index_skeletons-box-left__bYNKl .index_skeletons__T02oZ {
    position: relative;
    display: block;
    min-height: 20px;
    overflow: hidden;
    background-color: rgba(56, 68, 82, .06);
    border-radius: 8px;
    animation: index_pulse__3ozF6 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.index_skeletons-box-left__bYNKl .index_skeletons__T02oZ.index_skeletons-header__4c_vH {
    height: 32px
}

.index_skeletons-box-left__bYNKl .index_skeletons__T02oZ.index_skeletons-desc__D7lt4 {
    height: 22px
}

.index_skeletons-box-left__bYNKl .index_skeletons__T02oZ.index_skeletons-input__Un2sj {
    height: 48px;
    margin: 8px 0 16px
}

.index_skeletons-box-left__bYNKl .index_skeletons__T02oZ.index_skeletons-button__aefre {
    height: 48px;
    margin: 24px 0
}

.index_skeletons-box-left__bYNKl .index_skeletons__T02oZ.index_skeletons-term__hXevS {
    height: 36px;
    margin-top: 32px
}

@keyframes index_pulse__3ozF6 {
    50% {
        opacity: .5
    }
}

.index_by-select__OOl8W {
    position: relative
}

.index_by-select__country_container__7zkZX {
    display: flex;
    align-items: center
}

.index_by-select__country_img__B_RV6 {
    margin-top: 4px;
    display: inline-block
}

[dir=ltr] .index_by-select__country_img__B_RV6 {
    margin-right: 16px
}

[dir=rtl] .index_by-select__country_img__B_RV6 {
    margin-left: 16px
}

.index_by-select__arrow__GT21p {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%) rotate(0);
    cursor: pointer;
    transition: transform .25s linear;
    pointer-events: none;
    fill: var(--gray-level-05)
}

.index_by-select__list__thyEc {
    position: absolute;
    z-index: 1003;
    width: 100%;
    max-height: 340px !important;
    padding: 0 !important;
    list-style: none;
    background-color: var(--cht-gray-bg-float);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    transition: opacity .15s ease-in-out, height .25s linear
}

.index_by-select__list__thyEc ul {
    max-height: 280px;
    margin: 0;
    overflow-y: auto;
    padding-inline-start: 0
}

.index_search-container__fWBIC {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 8px 12px
}

.index_search-innerbox__zcFkU {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 40px;
    margin: 4px 0 0;
    line-height: 1.6;
    border: 1px solid var(--cht-gray-ele-line);
    background-color: var(--cht-gray-ele-line);
    border-radius: 4px
}

.index_search-container__fWBIC img {
    width: 1em;
    height: 1em
}

.index_citycode-search__usrRB {
    flex: 1;
    height: 32px;
    border: #fff;
    outline: none;
    background-color: var(--cht-gray-ele-line);
    padding: 0;
    color: var(--cht-gray-t1-title)
}

[dir=ltr] .index_icon-search__G6qEr {
    margin-left: 8.5px;
    margin-right: 5px
}

[dir=rtl] .index_icon-search__G6qEr {
    margin-right: 8.5px;
    margin-left: 5px
}

.index_icon-cancel__8Mf1t {
    cursor: pointer
}

[dir=ltr] .index_icon-cancel__8Mf1t {
    margin-right: 8.5px;
    margin-left: 4px
}

[dir=rtl] .index_icon-cancel__8Mf1t {
    margin-left: 8.5px;
    margin-right: 4px
}

.index_by-select__OOl8W[visible] .index_by-select__list__thyEc {
    height: auto;
    visibility: visible;
    opacity: 1
}

.index_by-select__item__gn0AR {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    color: var(--cht-gray-t1-title);
    cursor: pointer
}

.index_by-select__item__column__rHwZA {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 4px 16px 16px;
    color: var(--cht-gray-t2);
    cursor: pointer
}

.index_by-select__item__gn0AR img {
    height: 17px
}

[dir=ltr] .index_by-select__item__gn0AR img {
    margin-right: 5px
}

[dir=rtl] .index_by-select__item__gn0AR img {
    margin-left: 5px
}

.index_by-select__item__gn0AR:hover {
    background-color: var(--cht-trans-hover)
}

.index_by-select__item__gn0AR[active] {
    color: var(--cht-brand-900-text)
}

.index_by-select__input__1eHkY {
    cursor: pointer
}

.index_by-selected-city-code___ZVhv {
    display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid hsla(0, 0%, 60%, .2);
    transition: box-shadow .15s ease-in-out, border-color .15s ease-in-out
}

.index_by-selected-city-code___ZVhv img {
    height: 15px
}

[dir=ltr] .index_by-selected-city-code___ZVhv img {
    margin-right: 5px
}

[dir=rtl] .index_by-selected-city-code___ZVhv img {
    margin-left: 5px
}

.index_by-select__OOl8W {
    width: 115px
}

[dir=ltr] .index_by-select__OOl8W {
    margin-right: 10px
}

[dir=rtl] .index_by-select__OOl8W {
    margin-left: 10px
}

.index_by-select__OOl8W .index_by-select__arrow__GT21p {
    line-height: 16px;
    color: #999;
    transition: all .4s ease;
    fill: #999
}

[dir=ltr] .index_by-select__OOl8W .index_by-select__arrow__GT21p {
    right: 8px;
    border-right: none
}

[dir=rtl] .index_by-select__OOl8W .index_by-select__arrow__GT21p {
    left: 8px;
    border-left: none
}

.index_by-select__OOl8W .index_arrowFocus__JivfT {
    top: 12px
}

[dir=ltr] .index_by-select__OOl8W .index_arrowFocus__JivfT {
    right: 12px;
    transform: rotate(180deg)
}

[dir=rtl] .index_by-select__OOl8W .index_arrowFocus__JivfT {
    left: 12px;
    transform: rotate(-180deg)
}

.index_by-select__OOl8W .index_by-select__list__thyEc {
    width: 260px;
    margin-top: 4px;
    border-radius: 4px
}

@media screen and (max-width:1000px) {
    .index_by-select__OOl8W .index_by-select__list__thyEc {
        width: 382px
    }
}

@media screen and (max-width:446px) {
    .index_by-select__OOl8W .index_by-select__list__thyEc {
        width: calc(100vw - 64px)
    }
}

.index_by-select__OOl8W .index_by-selected-city-code___ZVhv {
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    transition: border-color .15s ease-in-out
}

.index_by-select__OOl8W .index_focus__wTY5d {
    border: 2px solid var(--cht-brand-700-normal)
}

.index_by-select__OOl8W ::-webkit-scrollbar {
    width: 10px
}

.index_by-select__OOl8W ::-webkit-scrollbar-track {
    border-radius: 5px
}

.index_by-select__OOl8W ::-webkit-scrollbar-thumb {
    background: #afafaf;
    border-radius: 5px
}

.index_by-select__OOl8W ::-webkit-scrollbar-thumb:hover {
    background: #949494
}

.index_by-select__OOl8W[newui][small] {
    margin-top: 16px
}

@media screen and (max-width:600px) {
    .index_by-select__OOl8W[newui][small] {
        margin-top: 14px
    }
}

@media (max-height:619px),
screen and (max-width:446px) {
    .index_by-select__OOl8W[newui][small] {
        margin-top: 0
    }
}

@media screen and (max-width:600px) {
    .index_by-select__OOl8W[newui][small] .index_by-select__arrow__GT21p {
        top: 20px
    }
    .index_by-select__OOl8W[newui][small] .index_by-select__arrow__GT21p[focus] {
        top: 10px
    }
}

@media (max-height:619px),
screen and (max-width:446px) {
    .index_by-select__OOl8W[newui][small] .index_by-select__arrow__GT21p {
        top: 18px
    }
    .index_by-select__OOl8W[newui][small] .index_by-select__arrow__GT21p[focus] {
        top: 10px
    }
}

.index_by-select__OOl8W[newui][small] .index_by-select__list__thyEc {
    max-height: 300px !important
}

.index_by-select__OOl8W[newui][small] .index_by-select__list__thyEc ul {
    max-height: 240px
}

/*# sourceMappingURL=af8e0d7428e093ce.css.map*/