.el-popper {
    --el-popper-border-radius: var(--el-popover-border-radius, 4px)
}

.el-popper {
    position: absolute;
    border-radius: var(--el-popper-border-radius);
    padding: 5px 11px;
    z-index: 2000;
    font-size: 12px;
    line-height: 20px;
    min-width: 10px;
    word-wrap: break-word;
    visibility: visible
}

.el-popper.is-dark {
    color: var(--el-bg-color);
    background: var(--el-text-color-primary);
    border: 1px solid var(--el-text-color-primary)
}

.el-popper.is-dark .el-popper__arrow:before {
    border: 1px solid var(--el-text-color-primary);
    background: var(--el-text-color-primary);
    right: 0
}

.el-popper.is-light {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light)
}

.el-popper.is-light .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light);
    background: var(--el-bg-color-overlay);
    right: 0
}

.el-popper.is-pure {
    padding: 0
}

.el-popper__arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: -1
}

.el-popper__arrow:before {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: -1;
    content: " ";
    transform: rotate(45deg);
    background: var(--el-text-color-primary);
    box-sizing: border-box
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow {
    bottom: -5px
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow:before {
    border-bottom-right-radius: 2px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
    top: -5px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before {
    border-top-left-radius: 2px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow {
    right: -5px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow:before {
    border-top-right-radius: 2px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow {
    left: -5px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow:before {
    border-bottom-left-radius: 2px
}

.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color: transparent!important;
    border-left-color: transparent!important
}

.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent!important;
    border-right-color: transparent!important
}

.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color: transparent!important;
    border-bottom-color: transparent!important
}

.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent!important;
    border-top-color: transparent!important
}

.el-popover {
    --el-popover-bg-color: var(--el-bg-color-overlay);
    --el-popover-font-size: var(--el-font-size-base);
    --el-popover-border-color: var(--el-border-color-lighter);
    --el-popover-padding: 12px;
    --el-popover-padding-large: 18px 20px;
    --el-popover-title-font-size: 16px;
    --el-popover-title-text-color: var(--el-text-color-primary);
    --el-popover-border-radius: 4px
}

.el-popover.el-popper {
    background: var(--el-popover-bg-color);
    min-width: 150px;
    border-radius: var(--el-popover-border-radius);
    border: 1px solid var(--el-popover-border-color);
    padding: var(--el-popover-padding);
    z-index: var(--el-index-popper);
    color: var(--el-text-color-regular);
    line-height: 1.4;
    text-align: justify;
    font-size: var(--el-popover-font-size);
    box-shadow: var(--el-box-shadow-light);
    word-break: break-all;
    box-sizing: border-box
}

.el-popover.el-popper--plain {
    padding: var(--el-popover-padding-large)
}

.el-popover__title {
    color: var(--el-popover-title-text-color);
    font-size: var(--el-popover-title-font-size);
    line-height: 1;
    margin-bottom: 12px
}

.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.el-popover.el-popper.is-dark {
    --el-popover-bg-color: var(--el-text-color-primary);
    --el-popover-border-color: var(--el-text-color-primary);
    --el-popover-title-text-color: var(--el-bg-color);
    color: var(--el-bg-color)
}

.el-popover.el-popper:focus,.el-popover.el-popper:focus:active {
    outline-width: 0
}

[data-v-32e32df1] .el-popper {
    height: 370px;
    padding: 0;
    width: 100%!important;
    inset: 60px auto auto!important;
    background-color: var(--search-input-container-background);
    box-shadow: 0 2px 5px #0b141a42,0 2px 10px px #0b141a29
}

[data-v-32e32df1] .el-popper .el-popper__arrow {
    display: none
}

[data-v-32e32df1] .el-popper .input-box {
    border: 1px solid transparent!important;
    border-left-width: 2px!important;
    border-right-width: 2px!important
}

[aria-describedby][data-v-32e32df1] {
    border-color: #008069!important
}

.input-box[data-v-32e32df1] {
    width: 292px;
    border-radius: 8px
}

.search-box[data-v-32e32df1] {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 35px;
    border-radius: 8px;
    padding: 0 12px;
    background-color: var(--search-input-container-background);
    transition: box-shadow .18s ease-out,background-color .25s ease-out;
    background-color: var(--search-input-background)
}

.search-box .input[data-v-32e32df1] {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background-color: transparent
}

.search-box .input[data-v-32e32df1]::placeholder {
    color: #606266
}

.nation-list[data-v-32e32df1] {
    overflow: hidden auto;
    cursor: pointer
}

.nation-list .item[data-v-32e32df1] {
    min-height: 68px!important;
    width: 286px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.nation-list .item[data-v-32e32df1]:hover {
    background-color: #f0f2f5
}

.nation-list .item .img[data-v-32e32df1] {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    object-fit: contain;
    min-width: 22px
}

.nation-list .item .name[data-v-32e32df1] {
    width: 100%;
    padding-right: 15px
}

.nation-list .item .name .t[data-v-32e32df1] {
    color: #111b21;
    font-size: 17px
}

.nation-list .item .phone[data-v-32e32df1] {
    text-align: right;
    min-width: 40px;
    font-size: 16px
}

.form[data-v-32e32df1] {
    width: 292px;
    height: 52px;
    border-radius: 8px;
    box-sizing: border-box
}

.form.error[data-v-32e32df1] {
    margin-bottom: 8px
}

.form .input[data-v-32e32df1] {
    box-sizing: border-box;
    border: 1px solid var(--border-default)!important;
    padding: 0 15px 0 24px;
    height: 100%;
    font-size: 16px;
    border-radius: 8px;
    outline: none
}

.form .input[data-v-32e32df1]:focus {
    border-color: #008069!important
}

.error[data-v-32e32df1] {
    font-size: 13px;
    text-align: center;
    color: var(--red);
    margin-bottom: 32px
}

.submit[data-v-32e32df1] {
    width: 254px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    padding: 0!important
}