:root {
    --hbg-global-text-color: #000;
    --hbg-global-rise-color: #0094ff;
    --hbg-global-fall-color: #e94359;
    --hbg-header-height: 64px;
    --hbg-header-item-height: 64px
}

@media screen and (max-width:743px) {
    :root {
        --hbg-header-height: 44px;
        --hbg-header-item-height: 44px
    }
}

:root .global-common-header--mobile {
    --hbg-header-height: 44px;
    --hbg-header-item-height: 44px
}

:root .global-common-header--stacking {
    --hbg-header-height: 128px
}

.global-common-header,
.hbg-drawer {
    --hbg-header-main-bgcolor: #161616;
    --hbg-header-main-txtcolor: #e6e6e6;
    --hbg-header-primary-color: #0094ff;
    --hbg-header-main-hover-bgcolor: #313132;
    --hbg-header-dropdown-bgcolor: #1e1e1f;
    --hbg-header-three-bgcolor: #1e1e1f;
    --hbg-header-three-color: #f0f1f4;
    --hbg-header-three-item-hovercolor: #313132;
    --hbg-header-three-hovercolor: #0094ff;
    --hbg-header-secondary-txtcolor: #8c8c93;
    --hbg-header-tertiary-txtcolor: #b2b8c7;
    --hbg-header-split-color: hsla(0, 0%, 100%, .06);
    --hbg-header-scrollbar-bgcolor: hsla(0, 0%, 100%, .07);
    --hbg-header-button-color: #8c8c93;
    --hbg-header-button-hovercolor: #313132;
    --hbg-header-user-txt-color: #d7ddeb
}

.global-common-header--light,
.hbg-drawer--light {
    --hbg-header-main-bgcolor: #fff;
    --hbg-header-main-txtcolor: #000;
    --hbg-header-primary-color: #0173e5;
    --hbg-header-main-hover-bgcolor: #f5f5f5;
    --hbg-header-dropdown-bgcolor: #fff;
    --hbg-header-secondary-txtcolor: #565656;
    --hbg-header-tertiary-txtcolor: #575759;
    --hbg-header-three-bgcolor: #fff;
    --hbg-header-three-color: #000;
    --hbg-header-three-item-hovercolor: #f5f5f5;
    --hbg-header-three-hovercolor: #0173e5;
    --hbg-header-split-color: rgba(0, 0, 0, .06);
    --hbg-header-scrollbar-bgcolor: rgba(0, 0, 0, .07);
    --hbg-header-button-color: #565656;
    --hbg-header-button-hovercolor: #f5f5f5;
    --hbg-header-user-txt-color: #000
}

.mini-toastr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    color: #263241;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    right: 15px;
    top: 90px;
    z-index: 99999999
}

.mini-toastr.rb {
    bottom: 36px;
    top: auto
}

@-webkit-keyframes slideInto {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInto {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes enSlideInto {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes enSlideInto {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.mini-toastr__notification {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-left: 4px solid;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 16px rgba(69, 97, 137, .2);
    box-shadow: 0 4px 16px rgba(69, 97, 137, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin-bottom: 10px;
    max-width: 400px;
    min-width: 220px;
    padding: 21px 16px;
    text-align: left;
    white-space: pre-wrap;
    word-break: break-all
}

html.mobile .mini-toastr__notification {
    font-size: 28px;
    padding: 42px 32px
}

.mini-toastr__notification.devices-toast {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #4b5565;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    line-height: 20px;
    padding: 24px 24px 24px 52px;
    position: relative
}

.mini-toastr__notification.devices-toast .mini-toastr-notification__icon {
    color: #0173e5;
    left: 20px;
    margin: 0;
    position: absolute;
    top: 24px
}

.mini-toastr__notification.devices-toast .mini-toastr-notification__title {
    color: #1c242c;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.mini-toastr__notification.devices-toast .mini-toastr-notification__message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    color: #4b5565;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 8px
}

.mini-toastr__notification.devices-toast a {
    font-weight: 500;
    line-height: 14px;
    margin-top: 16px
}

.mini-toastr-in {
    -webkit-animation: slideInto .5s;
    animation: slideInto .5s
}

.mini-toastr-out {
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
    -webkit-transition: .8s ease-out;
    transition: .8s ease-out
}

.mini-toastr-notification__icon {
    -ms-flex-negative: 0;
    display: inline-block;
    flex-shrink: 0;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 12px;
    width: 20px
}

html.mobile .mini-toastr-notification__icon {
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    width: 30px
}

.-error {
    border-left-color: #fa5252
}

.-success {
    border-left-color: #12b886
}

.-info {
    border-left-color: #0173e5
}

.fed-icon__arrow {
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px
}

.fed-icon__arrow:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0uOTYgMCAzLjk2IDMuOTZMLjk2IDcuOTJsLS44NS0uODUgMy4xMTMtMy4xMUwuMTEuODQ5Ljk2IDB6IiBmaWxsPSIjOTA5MDkwIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg1djhIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=) no-repeat;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 5px
}

.fed-icon__arrow--white:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0uOTYgMCAzLjk2IDMuOTZMLjk2IDcuOTJsLS44NS0uODUgMy4xMTMtMy4xMUwuMTEuODQ5Ljk2IDB6IiBmaWxsPSIjZmZmIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg1djhIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=)
}

.fed-icon__arrow--right {
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px
}

.fed-icon__arrow--right:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0uOTYgMCAzLjk2IDMuOTZMLjk2IDcuOTJsLS44NS0uODUgMy4xMTMtMy4xMUwuMTEuODQ5Ljk2IDB6IiBmaWxsPSIjOTA5MDkwIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg1djhIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=) no-repeat;
    content: "";
    height: 8px;
    left: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    width: 5px
}

.fed-icon__arrow--right--white:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0uOTYgMCAzLjk2IDMuOTZMLjk2IDcuOTJsLS44NS0uODUgMy4xMTMtMy4xMUwuMTEuODQ5Ljk2IDB6IiBmaWxsPSIjZmZmIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg1djhIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=)
}

.global-common-header--dark .fed-icon__arrow--right:after,
.global-common-header--dark .fed-icon__arrow:after,
.hbg-drawer--dark .fed-icon__arrow--right:after,
.hbg-drawer--dark .fed-icon__arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0uOTYgMCAzLjk2IDMuOTZMLjk2IDcuOTJsLS44NS0uODUgMy4xMTMtMy4xMUwuMTEuODQ5Ljk2IDB6IiBmaWxsPSIjQjJCOEM3Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg1djhIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=)
}

i.coin-icon_box {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    display: inline-block;
    font-size: 0;
    overflow: hidden
}

i.coin-icon_box .coin_icon {
    border-radius: 50%;
    height: 100%;
    opacity: 0;
    vertical-align: middle;
    width: 100%
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 0
}

.tile {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.fed-ly-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.fed-ly-columns>* {
    margin-bottom: 2px
}

.fed-ly-columns>:last-child {
    margin-bottom: 0
}

.fed-ly-columns.is-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.fed-ly-columns.is-right .hbg-finance-cell-item__label {
    font-weight: 500
}

.fed-text-align.is-right {
    text-align: right
}

.loading-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center
}

.loading-container .img-container {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48c3R5bGU+QGtleWZyYW1lcyBsb2FkezAle3RyYW5zZm9ybTpyb3RhdGUoMCl9fTwvc3R5bGU+PGcgc3R5bGU9ImFuaW1hdGlvbjpsb2FkIDFzIGxpbmVhciBpbmZpbml0ZTt0cmFuc2Zvcm0tb3JpZ2luOmNlbnRlciBjZW50ZXIiPjxsaW5lYXJHcmFkaWVudCBpZD0icmlnaHQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTUwIiB5MT0iMjAiIHgyPSIxNTAiIHkyPSIxODAiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAxNzNlNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAxNzNlNSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTEwMCAwdjIwYzQ0LjEgMCA4MCAzNS45IDgwIDgwcy0zNS45IDgwLTgwIDgwdjIwYzU1LjIgMCAxMDAtNDQuOCAxMDAtMTAwUzE1NS4yIDAgMTAwIDB6IiBmaWxsPSJ1cmwoI3JpZ2h0KSIvPjxsaW5lYXJHcmFkaWVudCBpZD0ibGVmdCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI1MCIgeTE9IjAiIHgyPSI1MCIgeTI9IjE4MCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDE3M2U1IiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMTczZTUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0yMCAxMDBjMC00NC4xIDM1LjktODAgODAtODBWMEM0NC44IDAgMCA0NC44IDAgMTAwczQ0LjggMTAwIDEwMCAxMDB2LTIwYy00NC4xIDAtODAtMzUuOS04MC04MHoiIGZpbGw9InVybCgjbGVmdCkiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiMwMTczZTUiLz48L2c+PC9zdmc+) no-repeat 50%;
    background-size: 32px 32px;
    height: 32px;
    width: 32px
}

.coin_box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: contain;
    border-radius: 50%;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    justify-items: center;
    overflow: hidden
}

.coin_box .coin_icon {
    border-radius: 50%;
    height: 100%;
    opacity: 0;
    vertical-align: middle;
    width: 100%
}

.animated {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes noani {
    0% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes noani {
    0% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes logo {
    0% {
        background: hsla(0, 0%, 100%, .4);
        -webkit-transform: skewX(25deg) translate(-20px);
        transform: skewX(25deg) translate(-20px)
    }

    to {
        background: #fff;
        -webkit-transform: skewX(25deg) translate(100px);
        transform: skewX(25deg) translate(100px)
    }
}

@keyframes logo {
    0% {
        background: hsla(0, 0%, 100%, .4);
        -webkit-transform: skewX(25deg) translate(-20px);
        transform: skewX(25deg) translate(-20px)
    }

    to {
        background: #fff;
        -webkit-transform: skewX(25deg) translate(100px);
        transform: skewX(25deg) translate(100px)
    }
}

@-webkit-keyframes fadeInDropdown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -48px, 0);
        transform: translate3d(0, -48px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDropdown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -48px, 0);
        transform: translate3d(0, -48px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeOutDropdown {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -48px, 0);
        transform: translate3d(0, -48px, 0)
    }
}

@keyframes fadeOutDropdown {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -48px, 0);
        transform: translate3d(0, -48px, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes widthIn {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes widthIn {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.resize-observer {
    background-color: transparent;
    border: none;
    opacity: 0
}

.resize-observer,
.resize-observer object {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.global-common-header,
.hbg-drawer {
    --fed-btn-triangle-border-color: hsla(0, 0%, 100%, .15);
    --fed-btn-block-bgcolor: #1e1e1f;
    --fed-btn-block-bgcolor-hover: #313132;
    --fed-btn-block-txt-color: #d7ddeb;
    --fed-btn-block-hovercolor: #8c8c93;
    --fed-btn-default-color: #0094ff;
    --fed-btn-default-bgcolor: rgba(1, 115, 229, .1);
    --fed-btn-primary-color: #fff;
    --fed-btn-primary-bgcolor: #0094ff
}

.global-common-header--light,
.hbg-drawer--light {
    --fed-btn-triangle-border-color: rgba(0, 0, 0, .15);
    --fed-btn-block-bgcolor: #fff;
    --fed-btn-block-bgcolor-hover: #f0f0f0;
    --fed-btn-block-txt-color: #000;
    --fed-btn-block-hovercolor: #8a8a8e;
    --fed-btn-default-color: #0173e5;
    --fed-btn-default-bgcolor: rgba(1, 115, 229, .1);
    --fed-btn-primary-color: #fff;
    --fed-btn-primary-bgcolor: #007cd6
}

.fed-btn-triangle {
    border-bottom: 1px solid var(--fed-btn-triangle-border-color);
    border-top: 1px solid var(--fed-btn-triangle-border-color);
    color: var(--hbg-header-main-txtcolor);
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 16px;
    overflow: visible;
    padding: 0 11px 0 2px;
    position: relative
}

.fed-btn-triangle:before {
    top: -1px;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.fed-btn-triangle:after,
.fed-btn-triangle:before {
    border-left: 1px solid var(--fed-btn-triangle-border-color);
    content: "";
    height: 12px;
    left: 0;
    position: absolute
}

.fed-btn-triangle:after {
    bottom: -1px;
    -webkit-transform: rotate(-42deg);
    transform: rotate(-42deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.fed-btn-block {
    background: var(--fed-btn-block-bgcolor);
    color: var(--fed-btn-block-txt-color);
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    text-align: center
}

.fed-btn-block:hover {
    background: var(--fed-btn-block-bgcolor-hover);
    color: var(--fed-btn-block-hovercolor)
}

.fed-btn {
    background: var(--fed-btn-default-bgcolor);
    border-radius: 4px;
    color: var(--fed-btn-default-color);
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.fed-btn--primary,
.fed-btn--primary:hover {
    background: var(--fed-btn-primary-bgcolor);
    color: var(--fed-btn-primary-color)
}

.fed-btn--block {
    display: block
}

.global-common-header,
.hbg-drawer {
    --hbg-cell-subtitle-color: rgba(240, 241, 244, .5)
}

.global-common-header--light,
.hbg-drawer--light {
    --hbg-cell-subtitle-color: rgba(0, 0, 0, .5)
}

.hbg-cell {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    height: 44px;
    justify-content: space-between;
    padding: 0 16px
}

.hbg-cell,
.hbg-cell__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hbg-cell__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    justify-items: center
}

.hbg-cell__title p {
    margin: 0
}

.hbg-cell__kyc {
    line-height: 18px
}

.hbg-cell__kyc p {
    max-width: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hbg-cell__kyc i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9ImEiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjAiIGhlaWdodD0iMTQiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIxMy4zMzMiIHJ4PSIyIiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjY2NyA1LjUyOWgxOC42NjZWLjE5NUguNjY3VjUuNTN6bTAgOGgxOC42NjZWOC4xOTVILjY2N3Y1LjMzNHoiIGZpbGw9IiMxMDg3NTMiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4zMzMgMTMuNTI4SDguNjY3VjguMTk1aC04VjUuNTI4aDhWLjE5NWgyLjY2NnY1LjMzM2g4djIuNjY3aC04djUuMzMzeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjQ0NSAxMy41MjhoLS44OVY3LjMwNkguNjY4di0uODg5aDguODg5Vi4xOTVoLjg4OXY2LjIyMmg4Ljg4OHYuODg5aC04Ljg4OHY2LjIyMnoiIGZpbGw9IiMyNjI2MjYiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjU1NiAxMy41MjhoLS44OVY2LjQxN2gtOHYtLjg4OWg4Vi4xOTVoLjg5djUuMzMzaDkuNzc3di44OUg5LjU1NnY3LjExeiIgZmlsbD0iI0ZDRDQ0OSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDkuOTczYTMuMTExIDMuMTExIDAgMSAwIDAtNi4yMjIgMy4xMTEgMy4xMTEgMCAwIDAgMCA2LjIyMnoiIGZpbGw9InVybCgjYikiLz48cGF0aCBkPSJNMTAgOS4wODRhMi4yMjIgMi4yMjIgMCAxIDAgMC00LjQ0NCAyLjIyMiAyLjIyMiAwIDAgMCAwIDQuNDQ0eiIgc3Ryb2tlPSIjMEU2NzNGIiBzdHJva2Utd2lkdGg9Ii44ODkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMC40NCAxLjc4Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgNy43NWMuNDkxIDAgLjQ0NS0uMzk3LjQ0NS0uODg4IDAtLjQ5LjA0Ni0uODg5LS40NDUtLjg4OS0uNDkgMC0uNDQ0LjM5OC0uNDQ0Ljg4OSAwIC40OS0uMDQ3Ljg4OS40NDQuODg5eiIgZmlsbD0iIzBFNjczRiIvPjwvZz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImIiIHgxPSI2Ljg4OSIgeTE9IjMuNzUxIiB4Mj0iNi44ODkiIHkyPSI5Ljk3MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNFMDJDNDIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEMjIwMzYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
    display: block;
    height: 14px;
    margin: 3px 0 0 8px;
    width: 20px
}

.hbg-cell__kyc span {
    border-radius: 2px;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    margin-left: 8px;
    padding: 0 4px
}

.hbg-cell__kyc_c0 {
    border: 1px solid #00a171;
    color: #00a171
}

.hbg-cell__kyc_c1 {
    border: 1px solid #fe8731;
    color: #fe8731
}

.hbg-cell__kyc_c2 {
    border: 1px solid #edbf60;
    color: #edbf60
}

.hbg-cell__icon {
    height: 24px;
    margin-right: 4px;
    width: 24px
}

.hbg-cell__content {
    color: var(--hbg-cell-subtitle-color);
    font-size: 14px
}

.hbg-cell.is-link {
    cursor: pointer
}

.hbg-cell.is-link:hover {
    background: var(--hbg-header-main-hover-bgcolor)
}

.hbg-cell.is-link:hover,
a.hbg-cell {
    color: var(--hbg-header-main-txtcolor)
}

a.hbg-cell {
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none
}

a.hbg-cell:hover {
    color: var(--hbg-header-main-txtcolor)
}

.hbg-cell-group {
    background: var(--hbg-header-main-bgcolor)
}

.fed-nft-avatar {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.fed-nft-avatar__lottie {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.fed-nft-avatar--mask {
    height: 90%;
    left: 50%;
    -webkit-mask-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/nft-mask.d40688c.png);
    mask-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/nft-mask.d40688c.png);
    -webkit-mask-mode: match-source;
    mask-mode: match-source;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 1
}

.fed-nft-avatar--mask>img {
    height: 100% !important;
    width: 100% !important
}

.fed-nft-avatar-mask {
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(120deg);
    transform: translate(-50%, -50%) rotate(120deg)
}

.fed-nft-avatar-mask__box2,
.fed-nft-avatar-mask__box3 {
    height: 100%;
    overflow: hidden;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    width: 100%
}

.global-common-header,
.hbg-drawer {
    --dropdown-content-subtitle-color: #5e5e61;
    --dropdown-active-bg-color: #313132;
    --dropdown-txt-color: #e6e6e6
}

.global-common-header--light,
.hbg-drawer--light {
    --dropdown-content-subtitle-color: #8a8a8e;
    --dropdown-active-bg-color: #f5f5f5;
    --dropdown-txt-color: #000
}

.global-common-header--light .hb-dropdown--open .toggle .toggle__triangle,
.hbg-drawer--light .hb-dropdown--open .toggle .toggle__triangle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03IDkgMy0yLjVWNUg0djEuNUw3IDl6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hb-dropdown-wrap {
    display: inline-block;
    position: relative
}

.hb-dropdown-wrap .hb-dropdown__content {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .06);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .06);
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 9999
}

.hb-dropdown-wrap .hb-dropdown__content.show {
    display: block
}

.hb-dropdown-wrap .hb-dropdown__trigger {
    height: 100%
}

.hb-dropdown-wrap .hb-dropdown__trigger,
.hb-dropdown-wrap .toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hb-dropdown-wrap .toggle {
    padding: 0 12px
}

.hb-dropdown-wrap .toggle .toggle__triangle {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03IDkgMy0yLjVWNUg0djEuNUw3IDl6IiBmaWxsPSIjOEM4QzkzIi8+PC9zdmc+) no-repeat;
    height: 14px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 14px
}

.hb-dropdown-wrap .toggle .toggle__triangle--expend {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03IDkgMy0yLjVWNUg0djEuNUw3IDl6IiBmaWxsPSIjRTZFNkU2IiBvcGFjaXR5PSIuOSIvPjwvc3ZnPg==);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.trade-financing-dropdown .hb-dropdown__content,
.trade-financing-dropdown .hb-dropdown__content .hbg-seting {
    overflow: inherit !important
}

.hbg_small_search_dropdown .hb-dropdown__content {
    right: -80px !important
}

.hb-menu-dropdown .toggle {
    color: var(--hbg-header-main-txtcolor);
    cursor: pointer
}

.hb-menu-dropdown .toggle__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    position: relative
}

.hb-menu-dropdown .toggle__title .hbg-title-tag1 {
    left: 100%;
    position: absolute;
    top: -10px;
    -webkit-transform: translateX(-12px);
    transform: translateX(-12px)
}

.hb-menu-dropdown .toggle__icon {
    height: 20px;
    margin-right: 4px;
    width: 20px
}

.hb-menu-dropdown__body {
    background: var(--hbg-header-dropdown-bgcolor);
    border-radius: 0 0 8px 8px;
    color: var(--hbg-header-main-txtcolor);
    font-size: 14px;
    height: 100%;
    padding: 12px 4px
}

.hb-menu-dropdown__body--single {
    height: 100%;
    max-width: 400px;
    min-width: 288px
}

.hb-menu-dropdown__body--multi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    max-height: 500px;
    min-width: 200px
}

.hb-menu-dropdown__body--multi>div {
    -webkit-box-flex: 1;
    -ms-flex-negative: 0;
    -ms-flex: 1;
    flex: 1;
    flex-shrink: 0
}

.hb-menu-dropdown__body--default {
    padding: 0
}

.hb-menu-dropdown__body>div {
    height: 100%;
    overflow: auto
}

.hb-menu-dropdown__body__items {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto
}

.hb-menu-dropdown__body__items::-webkit-scrollbar {
    background: transparent;
    border-radius: 0;
    width: 5px
}

.hb-menu-dropdown__body__items::-webkit-scrollbar-thumb {
    background-color: var(--hbg-header-scrollbar-bgcolor);
    border-radius: 0;
    width: 5px
}

.hb-menu-dropdown__body__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--dropdown-txt-color);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52px;
    line-height: 20px;
    overflow: hidden;
    padding: 16px 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hb-menu-dropdown__body__item.active,
.hb-menu-dropdown__body__item:active,
.hb-menu-dropdown__body__item:hover {
    background: var(--dropdown-active-bg-color)
}

.hb-menu-dropdown__body__item.active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03LjI5MyA5Ljc3NyA0LjYxMy00LjYxMy0xLjQxNC0xLjQxNC00LjYxMyA0LjYxMy0yLjEyMS0yLjEyLTEuNDE0IDEuNDEzIDIuMTIgMi4xMjF2LjAwMWwxLjQxNCAxLjQxNXYtLjAwMWguMDAxbDEuNDE0LTEuNDE0eiIgZmlsbD0iIzAwOTRmZiIvPjwvc3ZnPg==);
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    font-weight: 500;
    padding-right: 40px
}

.hb-menu-dropdown__body__item--multi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 200px
}

.hb-menu-dropdown__body__item--single {
    height: 100%;
    overflow: auto
}

.hb-menu-dropdown__body__item--single::-webkit-scrollbar {
    background: transparent;
    border-radius: 0;
    width: 5px
}

.hb-menu-dropdown__body__item--single::-webkit-scrollbar-thumb {
    background-color: var(--hbg-header-scrollbar-bgcolor);
    border-radius: 0;
    width: 5px
}

.hb-menu-dropdown__body__item__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.hb-menu-dropdown__body__item__txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 18px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal
}

.hb-menu-dropdown__body__item__sub {
    color: var(--dropdown-content-subtitle-color);
    line-height: 1.4;
    padding: 16px 0 4px 24px;
    text-align: left
}

.hb-dropdown--open .toggle {
    background: var(--hbg-header-dropdown-bgcolor);
    color: var(--hbg-header-main-txtcolor);
    position: relative
}

.hb-dropdown--open .toggle:after {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: widthIn;
    animation-name: widthIn;
    background: #0094ff;
    content: "";
    display: none;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.hb-dropdown--open .toggle .toggle__triangle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03IDkgMy0yLjVWNUg0djEuNUw3IDl6IiBmaWxsPSIjRTZFNkU2IiBvcGFjaXR5PSIuOSIvPjwvc3ZnPg==);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hb-dropdown--open .hb-menu-dropdown__body {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDropdown;
    animation-name: fadeInDropdown;
    -webkit-animation-timing-function: cubic-bezier(.16, 0, .18, 1);
    animation-timing-function: cubic-bezier(.16, 0, .18, 1)
}

.hb-dropdown--hide .toggle {
    background: var(--hbg-header-dropdown-bgcolor);
    position: relative
}

.hb-dropdown--hide .toggle:after {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: widthIn;
    animation-name: widthIn;
    background: #0094ff;
    content: "";
    display: none;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.hb-dropdown--hide .toggle .toggle__triangle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03IDkgMy0yLjVWNUg0djEuNUw3IDl6IiBmaWxsPSIjRTZFNkU2IiBvcGFjaXR5PSIuOSIvPjwvc3ZnPg==);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hb-dropdown--hide .hb-menu-dropdown__body {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: fadeInDropdown;
    animation-name: fadeInDropdown
}

.hb-dropdown--hide .toggle {
    background: var(--hbg-header-main-bgcolor);
    color: var(--hbg-header-main-txtcolor)
}

.hb-dropdown--hide .toggle .toggle__triangle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03IDkgMy0yLjVWNUg0djEuNUw3IDl6IiBmaWxsPSIjOEM4QzkzIi8+PC9zdmc+);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.hb-dropdown--hide .hb-dropdown__content {
    overflow: hidden !important;
    pointer-events: none
}

.hb-dropdown--hide .hb-menu-dropdown__body {
    -webkit-animation-duration: .27s;
    animation-duration: .27s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutDropdown;
    animation-name: fadeOutDropdown;
    -webkit-animation-timing-function: cubic-bezier(.16, 0, .18, 1);
    animation-timing-function: cubic-bezier(.16, 0, .18, 1);
    pointer-events: none
}

.header-nav__right .hb-dropdown__content {
    -webkit-box-shadow: var(--hbg-dropdown-shadow);
    box-shadow: var(--hbg-dropdown-shadow)
}

.global-common-header {
    --hbg-dropdown-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4)
}

.global-common-header--light {
    --hbg-dropdown-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1)
}

.hbg-dropdown-v2 {
    position: relative
}

.hbg-dropdown-v2 :first-child {
    z-index: 3
}

.hbg-dropdown-v2 :nth-child(2) {
    z-index: 2
}

.hbg-dropdown-v2__trigger {
    background: var(--hbg-header-main-bgcolor);
    color: var(--hbg-header-main-txtcolor);
    cursor: pointer;
    height: 100%;
    padding: 0 12px
}

.hbg-dropdown-v2__trigger,
.hbg-dropdown-v2__trigger-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hbg-dropdown-v2__trigger-title em {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap
}

.hbg-dropdown-v2__trigger-float-img {
    max-height: 64px;
    vertical-align: bottom
}

.hbg-dropdown-v2__trigger-triangle {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03IDkgMy0yLjVWNUg0djEuNUw3IDl6IiBmaWxsPSIjOEM4QzkzIi8+PC9zdmc+) no-repeat 50%;
    height: 14px;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    width: 14px
}

.hbg-dropdown-v2__trigger-triangle--expend {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hbg-dropdown-v2__content {
    border-radius: 0 0 8px 8px;
    -webkit-box-shadow: var(--hbg-dropdown-shadow);
    box-shadow: var(--hbg-dropdown-shadow);
    display: none;
    overflow: inherit !important
}

.hbg-dropdown-v2__body {
    background: var(--hbg-header-dropdown-bgcolor);
    border-radius: 0 0 8px 8px;
    padding: 12px 4px
}

.hbg-dropdown-v2__body-item {
    cursor: pointer;
    height: 80px;
    padding: 16px 24px 16px 0
}

.hbg-dropdown-v2__body-item,
.hbg-dropdown-v2__body-item-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hbg-dropdown-v2__body-item-icon {
    -ms-flex-negative: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    flex-shrink: 0;
    justify-content: center;
    padding-left: 10px;
    width: 70px
}

.hbg-dropdown-v2__body-item-icon-img {
    height: 30px;
    width: 30px
}

.hbg-dropdown-v2__body-item-icon-placeholder {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 50%;
    height: 30px;
    width: 30px
}

.hbg-dropdown-v2__body-item-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.hbg-dropdown-v2__body-item-title {
    color: var(--hbg-header-main-txtcolor);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px
}

.hbg-dropdown-v2__body-item-title-sub-float {
    display: inline;
    position: relative
}

.hbg-dropdown-v2__body-item-title-sub-float-img {
    bottom: 0;
    height: 34px;
    left: 10px;
    position: absolute
}

.hbg-dropdown-v2__body-item-subtitle {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--hbg-header-main-txtcolor);
    display: -webkit-box;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    opacity: .5;
    overflow: hidden;
    text-overflow: ellipsis
}

.hbg-dropdown-v2__body-item-three-right-icon {
    opacity: .5
}

.hbg-dropdown-v2__body-item:hover .hbg-dropdown-v2__body-item-three-right-icon {
    opacity: 1
}

.hbg-dropdown-v2__body-item:hover .hbg-dropdown-v2__body-item-three-nav-wrap {
    display: block
}

.hbg-dropdown-v2__body-item-three-nav-wrap {
    background: transparent;
    border-radius: 0 0 8px 8px;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .06);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .06);
    color: var(--hbg-header-three-color);
    cursor: auto;
    display: none;
    left: 340px;
    padding: 0 0 0 4px;
    position: absolute;
    top: 0;
    width: 344px;
    z-index: 5
}

.hbg-dropdown-v2__body-item-three-nav-wrap>div {
    background: var(--hbg-header-three-bgcolor);
    border-radius: 0 0 8px 8px;
    height: 100%;
    padding: 12px 4px;
    position: relative
}

.hbg-dropdown-v2__body-item-three-nav-wrap-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    padding-left: 24px
}

.hbg-dropdown-v2__body-item-three-nav-wrap-item span {
    word-wrap: break-word;
    display: inline-block;
    line-height: 16px;
    white-space: normal;
    width: 100%
}

.hbg-dropdown-v2__body-item-three-nav-wrap-item:hover {
    background: var(--hbg-header-three-item-hovercolor);
    color: var(--hbg-header-three-hovercolor);
    font-weight: 500
}

.hbg-dropdown-v2__body-item:hover {
    background: var(--hbg-header-main-hover-bgcolor)
}

.hbg-dropdown-v2__body-item:hover .hbg-dropdown-v2__body-item-title {
    font-weight: 500
}

.hbg-dropdown-v2__body-muti {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.hbg-dropdown-v2__body-muti .hbg-dropdown-v2__body-group {
    -webkit-box-flex: 1;
    -ms-flex-negative: 0;
    -ms-flex: 1;
    flex: 1;
    flex-shrink: 0
}

.hbg-dropdown-v2__body-muti .hbg-dropdown-v2__body-group:hover {
    z-index: 10
}

.hbg-dropdown-v2--open .hbg-dropdown-v2__trigger {
    background: var(--hbg-header-dropdown-bgcolor);
    position: relative
}

.hbg-dropdown-v2--open .hbg-dropdown-v2__trigger-triangle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03IDkgMy0yLjVWNUg0djEuNUw3IDl6IiBmaWxsPSIjRTZFNkU2IiBvcGFjaXR5PSIuOSIvPjwvc3ZnPg==);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hbg-dropdown-v2--open .hbg-dropdown-v2__content {
    display: block
}

.hbg-dropdown-v2--open .hbg-dropdown-v2__body {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: fadeInDropdown;
    animation-name: fadeInDropdown;
    -webkit-animation-timing-function: cubic-bezier(.16, 0, .18, 1);
    animation-timing-function: cubic-bezier(.16, 0, .18, 1)
}

.hbg-dropdown-v2--hide .hbg-dropdown-v2__trigger {
    background: var(--hbg-header-main-bgcolor);
    color: var(--hbg-header-main-txtcolor)
}

.hbg-dropdown-v2--hide .hbg-dropdown-v2__trigger-triangle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03IDkgMy0yLjVWNUg0djEuNUw3IDl6IiBmaWxsPSIjOEM4QzkzIi8+PC9zdmc+);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.hbg-dropdown-v2--hide .hbg-dropdown-v2__content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
    pointer-events: none
}

.hbg-dropdown-v2--hide .hbg-dropdown-v2__body {
    -webkit-animation-duration: .27s;
    animation-duration: .27s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutDropdown !important;
    animation-name: fadeOutDropdown !important;
    -webkit-animation-timing-function: cubic-bezier(.16, 0, .18, 1);
    animation-timing-function: cubic-bezier(.16, 0, .18, 1);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    pointer-events: none
}

.global-common-header--light .hbg-dropdown-v2__trigger-triangle {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03IDkgMy0yLjVWNUg0djEuNUw3IDl6IiBmaWxsPSIjOEE4QThFIi8+PC9zdmc+) no-repeat 50%;
    height: 14px;
    width: 14px
}

.global-common-header--light .hbg-dropdown-v2--open .hbg-dropdown-v2__trigger-triangle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03IDkgMy0yLjVWNUg0djEuNUw3IDl6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.global-common-header--light .hbg-dropdown-v2--hide .hbg-dropdown-v2__trigger-triangle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im03IDkgMy0yLjVWNUg0djEuNUw3IDl6IiBmaWxsPSIjOEE4QThFIi8+PC9zdmc+)
}

.hbg-nav-menu-v2 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    justify-content: flex-start;
    position: relative
}

.hbg-nav-menu-v2__item {
    height: 100%
}

.hbg-nav-menu-v2__item .hbg-dropdown-v2__content {
    width: 344px
}

.hbg-nav-menu-v2__item .hbg-dropdown-v2__content-muti {
    width: 658px
}

.hbg-nav-menu-v2__activebar {
    border-top: 2px solid #0173e5;
    height: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 100
}

.hbg-nav-menu-v2__activebar--ani {
    -webkit-transition: all .3s cubic-bezier(.16, 0, .18, 1);
    transition: all .3s cubic-bezier(.16, 0, .18, 1)
}

.hbg-nav-menu-v2__hover .hb-dropdown--hide .hb-menu-dropdown__body,
.hbg-nav-menu-v2__hover .hbg-dropdown-v2--hide .hbg-dropdown-v2__body {
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: noani;
    animation-name: noani;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.hbg-nav-menu-v2__disable-ani .hbg-dropdown-v2--open .hbg-dropdown-v2__body {
    -webkit-animation: none;
    animation: none
}

.hbg-nav-menu-v2__disable-ani .hbg-dropdown-v2--hide .hbg-dropdown-v2__body {
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: noani;
    animation-name: noani;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.hbg-nav-menu-v2__disable-ani .hb-dropdown--open .hb-menu-dropdown__body {
    -webkit-animation: none;
    animation: none
}

.hbg-nav-menu-v2__disable-ani .hb-dropdown--hide .hb-menu-dropdown__body {
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: noani;
    animation-name: noani;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    pointer-events: none
}

.global-common-header,
.hbg-drawer {
    --hbg-header-search-bgcolor: #1e1e1f;
    --hbg-search-input-bgcolor: #313132;
    --hbg-search-input-color: #8c8c93;
    --hbg-search-active-input-color: #e6e6e6;
    --hbg-item-hover-color: #313132;
    --hbg-search-txt-color: #e6e6e6;
    --hbg-search-tag-color: #8c8c93;
    --hbg-scrollbar-color: #5e5e61;
    --hbg-search-shadow: none;
    --hbg-next-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzFFMUUxRiIgZD0iTTAgNDBoMjhWMEgweiIvPjxwYXRoIGQ9Ik04LjI0MyAxNS43NTcgMTIuNDg1IDIwbC00LjI0MiA0LjI0MyIgc3Ryb2tlPSIjOEE4QThFIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
    --hbg-next-hover-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzFFMUUxRiIgZD0iTTAgNDBoMjhWMEgweiIvPjxwYXRoIGQ9Ik04LjI0MyAxNS43NTcgMTIuNDg1IDIwbC00LjI0MiA0LjI0MyIgc3Ryb2tlPSIjRTZFNkU2IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
    --hbg-prev-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzFFMUUxRiIgZD0iTTI4IDQwSDBWMGgyOHoiLz48cGF0aCBkPSJNMTkuNzU3IDE1Ljc1NyAxNS41MTUgMjBsNC4yNDIgNC4yNDMiIHN0cm9rZT0iIzhBOEE4RSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
    --hbg-prev-hover-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzFFMUUxRiIgZD0iTTI4IDQwSDBWMGgyOHoiLz48cGF0aCBkPSJNMTkuNzU3IDE1Ljc1NyAxNS41MTUgMjBsNC4yNDIgNC4yNDMiIHN0cm9rZT0iI0U2RTZFNiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)
}

.global-common-header--light,
.hbg-drawer--light {
    --hbg-header-search-bgcolor: #fff;
    --hbg-search-input-bgcolor: #f5f5f5;
    --hbg-search-input-color: #565656;
    --hbg-search-active-input-color: #000;
    --hbg-item-hover-color: #f5f5f5;
    --hbg-search-txt-color: #000;
    --hbg-search-tag-color: #565656;
    --hbg-scrollbar-color: #ddd;
    --hbg-search-shadow: 0 4px 16px 0 rgba(0, 0, 0, .1);
    --hbg-next-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgNDBoMjhWMEgweiIvPjxwYXRoIGQ9Ik04LjI0MyAxNS43NTcgMTIuNDg1IDIwbC00LjI0MiA0LjI0MyIgc3Ryb2tlPSIjOEE4QThFIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
    --hbg-next-hover-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgNDBoMjhWMEgweiIvPjxwYXRoIGQ9Ik04LjI0MyAxNS43NTcgMTIuNDg1IDIwbC00LjI0MiA0LjI0MyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
    --hbg-prev-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI4IDQwSDBWMGgyOHoiLz48cGF0aCBkPSJNMTkuNzU3IDE1Ljc1NyAxNS41MTUgMjBsNC4yNDIgNC4yNDMiIHN0cm9rZT0iIzhBOEE4RSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
    --hbg-prev-hover-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI4IDQwSDBWMGgyOHoiLz48cGF0aCBkPSJNMTkuNzU3IDE1Ljc1NyAxNS41MTUgMjBsNC4yNDIgNC4yNDMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)
}

.common-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    height: 60px;
    padding: 0 16px
}

.common-item:hover {
    background: var(--hbg-item-hover-color)
}

.common-scrollbar::-webkit-scrollbar {
    background: transparent;
    border-radius: 0;
    width: 5px
}

.common-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--hbg-header-scrollbar-bgcolor);
    border-radius: 0;
    width: 5px
}

.hbg-user-avatar__border {
    border-color: var(--hbg-header-primary-color)
}

.flex-layout {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.common-input .search__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTMuNzUiIGN5PSIxMy43NSIgcj0iNS4yNSIgc3Ryb2tlPSIjOEM4QzkzIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Im0xNy43NSAxNy43NSAyLjUgMi41IiBzdHJva2U9IiM4QzhDOTMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=);
    cursor: pointer;
    height: 28px;
    left: 6px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px
}

.common-input .search__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.common-input .search__input input {
    background: var(--hbg-search-input-bgcolor);
    border: none;
    border-radius: 4px;
    color: var(--hbg-search-input-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    line-height: normal;
    outline: none;
    padding: 2px 0 2px 40px;
    width: 100%
}

.common-input .search__input input::-webkit-input-placeholder {
    color: var(--hbg-search-input-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.common-input .search__input input::-moz-placeholder {
    color: var(--hbg-search-input-color)
}

.common-input .search__input input:-ms-input-placeholder {
    color: var(--hbg-search-input-color)
}

.common-input .search__input input:focus {
    border: 1px solid #0173e5;
    color: var(--hbg-search-active-input-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.common-input .clear__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjgxOCAxNi42MzZBNi44MTggNi44MTggMCAxIDAgOS44MTggM2E2LjgxOCA2LjgxOCAwIDAgMCAwIDEzLjYzNnptMi41NzItNS4yMS0xLjYwOC0xLjYwOCAxLjYwNy0xLjYwN2EuNjgyLjY4MiAwIDAgMC0uOTY0LS45NjRMOS44MTggOC44NTQgOC4yMTEgNy4yNDdhLjY4Mi42ODIgMCAwIDAtLjk2NC45NjRsMS42MDcgMS42MDctMS42MDcgMS42MDdhLjY4Mi42ODIgMCAxIDAgLjk2NC45NjRsMS42MDctMS42MDYgMS42MDcgMS42MDdhLjY4Mi42ODIgMCAwIDAgLjk2NC0uOTY1eiIgZmlsbD0iIzVFNUU2MSIvPjwvc3ZnPg==);
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

.loading-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 120px;
    justify-content: center
}

.hbg_small-search-wrapper,
.header__search-wrapper {
    background: var(--hbg-header-search-bgcolor)
}

.hbg_small-search-wrapper .search__box,
.header__search-wrapper .search__box {
    z-index: 1
}

.hbg_small-search-wrapper .search__box .search__hot-container,
.header__search-wrapper .search__box .search__hot-container {
    border-radius: 0 0 8px 8px;
    width: 360px
}

.hbg_small-search-wrapper .search__box .search__hot-container .hot-tab-list,
.header__search-wrapper .search__box .search__hot-container .hot-tab-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding: 9px 20px
}

.hbg_small-search-wrapper .search__box .search__hot-container .hot-tab-list .tab-item,
.header__search-wrapper .search__box .search__hot-container .hot-tab-list .tab-item {
    color: var(--hbg-search-input-color);
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.hbg_small-search-wrapper .search__box .search__hot-container .hot-tab-list .active-tab-item,
.header__search-wrapper .search__box .search__hot-container .hot-tab-list .active-tab-item {
    color: var(--hbg-search-active-input-color);
    font-size: 16px
}

.hbg_small-search-wrapper .search__box .search__hot-container .search-container,
.header__search-wrapper .search__box .search__hot-container .search-container {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 480px;
    overflow-y: auto;
    overflow: hidden
}

.hbg_small-search-wrapper .search__box .search__hot-container .search-container::-webkit-scrollbar,
.header__search-wrapper .search__box .search__hot-container .search-container::-webkit-scrollbar {
    background: transparent;
    border-radius: 0;
    width: 5px
}

.hbg_small-search-wrapper .search__box .search__hot-container .search-container::-webkit-scrollbar-thumb,
.header__search-wrapper .search__box .search__hot-container .search-container::-webkit-scrollbar-thumb {
    background-color: var(--hbg-header-scrollbar-bgcolor);
    border-radius: 0;
    width: 5px
}

.hbg_small-search-wrapper .search__box .earn-list,
.hbg_small-search-wrapper .search__box .fun-list,
.hbg_small-search-wrapper .search__box .hot-list,
.hbg_small-search-wrapper .search__box .news-list,
.hbg_small-search-wrapper .search__box .notice-list,
.hbg_small-search-wrapper .search__box .poloniex-list,
.hbg_small-search-wrapper .search__box .spot-list,
.hbg_small-search-wrapper .search__box .swap-list,
.hbg_small-search-wrapper .search__box .user-list,
.header__search-wrapper .search__box .earn-list,
.header__search-wrapper .search__box .fun-list,
.header__search-wrapper .search__box .hot-list,
.header__search-wrapper .search__box .news-list,
.header__search-wrapper .search__box .notice-list,
.header__search-wrapper .search__box .poloniex-list,
.header__search-wrapper .search__box .spot-list,
.header__search-wrapper .search__box .swap-list,
.header__search-wrapper .search__box .user-list {
    padding: 0 4px
}

.hbg_small-search-wrapper .search__box .earn-list .earn-item,
.hbg_small-search-wrapper .search__box .earn-list .hot-item,
.hbg_small-search-wrapper .search__box .earn-list .poloniex-item,
.hbg_small-search-wrapper .search__box .earn-list .spot-item,
.hbg_small-search-wrapper .search__box .earn-list .swap-item,
.hbg_small-search-wrapper .search__box .hot-list .earn-item,
.hbg_small-search-wrapper .search__box .hot-list .hot-item,
.hbg_small-search-wrapper .search__box .hot-list .poloniex-item,
.hbg_small-search-wrapper .search__box .hot-list .spot-item,
.hbg_small-search-wrapper .search__box .hot-list .swap-item,
.hbg_small-search-wrapper .search__box .poloniex-list .earn-item,
.hbg_small-search-wrapper .search__box .poloniex-list .hot-item,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item,
.hbg_small-search-wrapper .search__box .spot-list .earn-item,
.hbg_small-search-wrapper .search__box .spot-list .hot-item,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item,
.hbg_small-search-wrapper .search__box .spot-list .spot-item,
.hbg_small-search-wrapper .search__box .spot-list .swap-item,
.hbg_small-search-wrapper .search__box .swap-list .earn-item,
.hbg_small-search-wrapper .search__box .swap-list .hot-item,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item,
.hbg_small-search-wrapper .search__box .swap-list .spot-item,
.hbg_small-search-wrapper .search__box .swap-list .swap-item,
.header__search-wrapper .search__box .earn-list .earn-item,
.header__search-wrapper .search__box .earn-list .hot-item,
.header__search-wrapper .search__box .earn-list .poloniex-item,
.header__search-wrapper .search__box .earn-list .spot-item,
.header__search-wrapper .search__box .earn-list .swap-item,
.header__search-wrapper .search__box .hot-list .earn-item,
.header__search-wrapper .search__box .hot-list .hot-item,
.header__search-wrapper .search__box .hot-list .poloniex-item,
.header__search-wrapper .search__box .hot-list .spot-item,
.header__search-wrapper .search__box .hot-list .swap-item,
.header__search-wrapper .search__box .poloniex-list .earn-item,
.header__search-wrapper .search__box .poloniex-list .hot-item,
.header__search-wrapper .search__box .poloniex-list .poloniex-item,
.header__search-wrapper .search__box .poloniex-list .spot-item,
.header__search-wrapper .search__box .poloniex-list .swap-item,
.header__search-wrapper .search__box .spot-list .earn-item,
.header__search-wrapper .search__box .spot-list .hot-item,
.header__search-wrapper .search__box .spot-list .poloniex-item,
.header__search-wrapper .search__box .spot-list .spot-item,
.header__search-wrapper .search__box .spot-list .swap-item,
.header__search-wrapper .search__box .swap-list .earn-item,
.header__search-wrapper .search__box .swap-list .hot-item,
.header__search-wrapper .search__box .swap-list .poloniex-item,
.header__search-wrapper .search__box .swap-list .spot-item,
.header__search-wrapper .search__box .swap-list .swap-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    height: 60px;
    padding: 0 16px
}

.hbg_small-search-wrapper .search__box .earn-list .earn-item:hover,
.hbg_small-search-wrapper .search__box .earn-list .hot-item:hover,
.hbg_small-search-wrapper .search__box .earn-list .poloniex-item:hover,
.hbg_small-search-wrapper .search__box .earn-list .spot-item:hover,
.hbg_small-search-wrapper .search__box .earn-list .swap-item:hover,
.hbg_small-search-wrapper .search__box .hot-list .earn-item:hover,
.hbg_small-search-wrapper .search__box .hot-list .hot-item:hover,
.hbg_small-search-wrapper .search__box .hot-list .poloniex-item:hover,
.hbg_small-search-wrapper .search__box .hot-list .spot-item:hover,
.hbg_small-search-wrapper .search__box .hot-list .swap-item:hover,
.hbg_small-search-wrapper .search__box .poloniex-list .earn-item:hover,
.hbg_small-search-wrapper .search__box .poloniex-list .hot-item:hover,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item:hover,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item:hover,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item:hover,
.hbg_small-search-wrapper .search__box .spot-list .earn-item:hover,
.hbg_small-search-wrapper .search__box .spot-list .hot-item:hover,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item:hover,
.hbg_small-search-wrapper .search__box .spot-list .spot-item:hover,
.hbg_small-search-wrapper .search__box .spot-list .swap-item:hover,
.hbg_small-search-wrapper .search__box .swap-list .earn-item:hover,
.hbg_small-search-wrapper .search__box .swap-list .hot-item:hover,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item:hover,
.hbg_small-search-wrapper .search__box .swap-list .spot-item:hover,
.hbg_small-search-wrapper .search__box .swap-list .swap-item:hover,
.header__search-wrapper .search__box .earn-list .earn-item:hover,
.header__search-wrapper .search__box .earn-list .hot-item:hover,
.header__search-wrapper .search__box .earn-list .poloniex-item:hover,
.header__search-wrapper .search__box .earn-list .spot-item:hover,
.header__search-wrapper .search__box .earn-list .swap-item:hover,
.header__search-wrapper .search__box .hot-list .earn-item:hover,
.header__search-wrapper .search__box .hot-list .hot-item:hover,
.header__search-wrapper .search__box .hot-list .poloniex-item:hover,
.header__search-wrapper .search__box .hot-list .spot-item:hover,
.header__search-wrapper .search__box .hot-list .swap-item:hover,
.header__search-wrapper .search__box .poloniex-list .earn-item:hover,
.header__search-wrapper .search__box .poloniex-list .hot-item:hover,
.header__search-wrapper .search__box .poloniex-list .poloniex-item:hover,
.header__search-wrapper .search__box .poloniex-list .spot-item:hover,
.header__search-wrapper .search__box .poloniex-list .swap-item:hover,
.header__search-wrapper .search__box .spot-list .earn-item:hover,
.header__search-wrapper .search__box .spot-list .hot-item:hover,
.header__search-wrapper .search__box .spot-list .poloniex-item:hover,
.header__search-wrapper .search__box .spot-list .spot-item:hover,
.header__search-wrapper .search__box .spot-list .swap-item:hover,
.header__search-wrapper .search__box .swap-list .earn-item:hover,
.header__search-wrapper .search__box .swap-list .hot-item:hover,
.header__search-wrapper .search__box .swap-list .poloniex-item:hover,
.header__search-wrapper .search__box .swap-list .spot-item:hover,
.header__search-wrapper .search__box .swap-list .swap-item:hover {
    background: var(--hbg-item-hover-color)
}

.hbg_small-search-wrapper .search__box .earn-list .earn-item .icon-symbol,
.hbg_small-search-wrapper .search__box .earn-list .hot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .earn-list .poloniex-item .icon-symbol,
.hbg_small-search-wrapper .search__box .earn-list .spot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .earn-list .swap-item .icon-symbol,
.hbg_small-search-wrapper .search__box .hot-list .earn-item .icon-symbol,
.hbg_small-search-wrapper .search__box .hot-list .hot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .hot-list .poloniex-item .icon-symbol,
.hbg_small-search-wrapper .search__box .hot-list .spot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .hot-list .swap-item .icon-symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .earn-item .icon-symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .hot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .icon-symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .icon-symbol,
.hbg_small-search-wrapper .search__box .spot-list .earn-item .icon-symbol,
.hbg_small-search-wrapper .search__box .spot-list .hot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .icon-symbol,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .icon-symbol,
.hbg_small-search-wrapper .search__box .swap-list .earn-item .icon-symbol,
.hbg_small-search-wrapper .search__box .swap-list .hot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .icon-symbol,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .icon-symbol,
.header__search-wrapper .search__box .earn-list .earn-item .icon-symbol,
.header__search-wrapper .search__box .earn-list .hot-item .icon-symbol,
.header__search-wrapper .search__box .earn-list .poloniex-item .icon-symbol,
.header__search-wrapper .search__box .earn-list .spot-item .icon-symbol,
.header__search-wrapper .search__box .earn-list .swap-item .icon-symbol,
.header__search-wrapper .search__box .hot-list .earn-item .icon-symbol,
.header__search-wrapper .search__box .hot-list .hot-item .icon-symbol,
.header__search-wrapper .search__box .hot-list .poloniex-item .icon-symbol,
.header__search-wrapper .search__box .hot-list .spot-item .icon-symbol,
.header__search-wrapper .search__box .hot-list .swap-item .icon-symbol,
.header__search-wrapper .search__box .poloniex-list .earn-item .icon-symbol,
.header__search-wrapper .search__box .poloniex-list .hot-item .icon-symbol,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .icon-symbol,
.header__search-wrapper .search__box .poloniex-list .spot-item .icon-symbol,
.header__search-wrapper .search__box .poloniex-list .swap-item .icon-symbol,
.header__search-wrapper .search__box .spot-list .earn-item .icon-symbol,
.header__search-wrapper .search__box .spot-list .hot-item .icon-symbol,
.header__search-wrapper .search__box .spot-list .poloniex-item .icon-symbol,
.header__search-wrapper .search__box .spot-list .spot-item .icon-symbol,
.header__search-wrapper .search__box .spot-list .swap-item .icon-symbol,
.header__search-wrapper .search__box .swap-list .earn-item .icon-symbol,
.header__search-wrapper .search__box .swap-list .hot-item .icon-symbol,
.header__search-wrapper .search__box .swap-list .poloniex-item .icon-symbol,
.header__search-wrapper .search__box .swap-list .spot-item .icon-symbol,
.header__search-wrapper .search__box .swap-list .swap-item .icon-symbol {
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    width: 20px
}

.hbg_small-search-wrapper .search__box .fun-list .fun-item,
.header__search-wrapper .search__box .fun-list .fun-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    gap: 16px;
    height: 60px;
    padding: 0 16px
}

.hbg_small-search-wrapper .search__box .fun-list .fun-item:hover,
.header__search-wrapper .search__box .fun-list .fun-item:hover {
    background: var(--hbg-item-hover-color)
}

.hbg_small-search-wrapper .search__box .fun-list .fun-item .icon-img,
.header__search-wrapper .search__box .fun-list .fun-item .icon-img {
    border-radius: 50%;
    height: 30px;
    width: 30px
}

.hbg_small-search-wrapper .search__box .fun-list .fun-item .fun-name,
.header__search-wrapper .search__box .fun-list .fun-item .fun-name {
    color: var(--hbg-search-txt-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.hbg_small-search-wrapper .search__box .news-list .item,
.hbg_small-search-wrapper .search__box .notice-list .item,
.header__search-wrapper .search__box .news-list .item,
.header__search-wrapper .search__box .notice-list .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    gap: 2px;
    height: 60px;
    justify-content: center;
    padding: 0 16px
}

.hbg_small-search-wrapper .search__box .news-list .item:hover,
.hbg_small-search-wrapper .search__box .notice-list .item:hover,
.header__search-wrapper .search__box .news-list .item:hover,
.header__search-wrapper .search__box .notice-list .item:hover {
    background: var(--hbg-item-hover-color)
}

.hbg_small-search-wrapper .search__box .news-list .item .name,
.hbg_small-search-wrapper .search__box .notice-list .item .name,
.header__search-wrapper .search__box .news-list .item .name,
.header__search-wrapper .search__box .notice-list .item .name {
    color: var(--hbg-search-txt-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    width: 100%
}

.hbg_small-search-wrapper .search__box .news-list .item .time,
.hbg_small-search-wrapper .search__box .notice-list .item .time,
.header__search-wrapper .search__box .news-list .item .time,
.header__search-wrapper .search__box .notice-list .item .time {
    color: var(--hbg-search-tag-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.hbg_small-search-wrapper .search__box .news-list .item,
.hbg_small-search-wrapper .search__box .notice-list .item,
.header__search-wrapper .search__box .news-list .item,
.header__search-wrapper .search__box .notice-list .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hbg_small-search-wrapper .search__box .user-list .user-item,
.header__search-wrapper .search__box .user-list .user-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    gap: 12px;
    height: 60px;
    padding: 0 16px
}

.hbg_small-search-wrapper .search__box .user-list .user-item:hover,
.header__search-wrapper .search__box .user-list .user-item:hover {
    background: var(--hbg-item-hover-color)
}

.hbg_small-search-wrapper .search__box .user-list .user-item .icon-user-img,
.header__search-wrapper .search__box .user-list .user-item .icon-user-img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.hbg_small-search-wrapper .search__box .user-list .user-item .content,
.header__search-wrapper .search__box .user-list .user-item .content {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between
}

.hbg_small-search-wrapper .search__box .user-list .user-item .content .user-desc .name,
.header__search-wrapper .search__box .user-list .user-item .content .user-desc .name {
    color: var(--hbg-search-txt-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 2px
}

.hbg_small-search-wrapper .search__box .user-list .user-item .content .user-desc .fans,
.header__search-wrapper .search__box .user-list .user-item .content .user-desc .fans {
    color: var(--hbg-search-tag-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.hbg_small-search-wrapper .search__box .user-list .user-item .content .action .button,
.header__search-wrapper .search__box .user-list .user-item .content .action .button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #adadb4;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    justify-content: center;
    min-width: 64px;
    padding: 0 8px
}

.hbg_small-search-wrapper .search__box .user-list .user-item .content .action .button span,
.header__search-wrapper .search__box .user-list .user-item .content .action .button span {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.hbg_small-search-wrapper .search__box .user-list .user-item .content .action .blue-button,
.header__search-wrapper .search__box .user-list .user-item .content .action .blue-button {
    background: #0173e5
}

.hbg_small-search-wrapper .search__box .hot-list .hot-item .num,
.header__search-wrapper .search__box .hot-list .hot-item .num {
    color: var(--hbg-search-tag-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    text-transform: capitalize;
    width: 17px
}

.hbg_small-search-wrapper .search__box .hot-list .hot-item:first-child .num,
.header__search-wrapper .search__box .hot-list .hot-item:first-child .num {
    color: #fa6e6e
}

.hbg_small-search-wrapper .search__box .hot-list .hot-item:nth-child(2) .num,
.header__search-wrapper .search__box .hot-list .hot-item:nth-child(2) .num {
    color: #ff8336
}

.hbg_small-search-wrapper .search__box .hot-list .hot-item:nth-child(3) .num,
.header__search-wrapper .search__box .hot-list .hot-item:nth-child(3) .num {
    color: #fa0
}

.hbg_small-search-wrapper .search__box .hot-list .hot-topic .content,
.header__search-wrapper .search__box .hot-list .hot-topic .content {
    color: var(--hbg-search-txt-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap
}

.hbg_small-search-wrapper .search__box .hot-list .hot-topic .hot-img,
.header__search-wrapper .search__box .hot-list .hot-topic .hot-img {
    height: 14px;
    width: 14px
}

.hbg_small-search-wrapper .search__box .hot-list .hot-finance .content,
.header__search-wrapper .search__box .hot-list .hot-finance .content {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between
}

.hbg_small-search-wrapper .search__box .hot-list .hot-finance .content .info,
.header__search-wrapper .search__box .hot-list .hot-finance .content .info {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.hbg_small-search-wrapper .search__box .hot-list .hot-finance .content .info .name,
.header__search-wrapper .search__box .hot-list .hot-finance .content .info .name {
    color: var(--hbg-search-txt-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: capitalize
}

.hbg_small-search-wrapper .search__box .hot-list .hot-finance .content .info .tag,
.header__search-wrapper .search__box .hot-list .hot-finance .content .info .tag {
    color: var(--hbg-search-tag-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.hbg_small-search-wrapper .search__box .hot-list .hot-finance .content .rate,
.header__search-wrapper .search__box .hot-list .hot-finance .content .rate {
    color: #00a171;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: capitalize
}

.hbg_small-search-wrapper .search__box .poloniex-list,
.hbg_small-search-wrapper .search__box .spot-list,
.hbg_small-search-wrapper .search__box .swap-list,
.header__search-wrapper .search__box .poloniex-list,
.header__search-wrapper .search__box .spot-list,
.header__search-wrapper .search__box .swap-list {
    min-height: 60px
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item,
.hbg_small-search-wrapper .search__box .spot-list .spot-item,
.hbg_small-search-wrapper .search__box .spot-list .swap-item,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item,
.hbg_small-search-wrapper .search__box .swap-list .spot-item,
.hbg_small-search-wrapper .search__box .swap-list .swap-item,
.header__search-wrapper .search__box .poloniex-list .poloniex-item,
.header__search-wrapper .search__box .poloniex-list .spot-item,
.header__search-wrapper .search__box .poloniex-list .swap-item,
.header__search-wrapper .search__box .spot-list .poloniex-item,
.header__search-wrapper .search__box .spot-list .spot-item,
.header__search-wrapper .search__box .spot-list .swap-item,
.header__search-wrapper .search__box .swap-list .poloniex-item,
.header__search-wrapper .search__box .swap-list .spot-item,
.header__search-wrapper .search__box .swap-list .swap-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content,
.header__search-wrapper .search__box .poloniex-list .spot-item .content,
.header__search-wrapper .search__box .poloniex-list .swap-item .content,
.header__search-wrapper .search__box .spot-list .poloniex-item .content,
.header__search-wrapper .search__box .spot-list .spot-item .content,
.header__search-wrapper .search__box .spot-list .swap-item .content,
.header__search-wrapper .search__box .swap-list .poloniex-item .content,
.header__search-wrapper .search__box .swap-list .spot-item .content,
.header__search-wrapper .search__box .swap-list .swap-item .content {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .info,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .info,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .info,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .info,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .info,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .info,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .info,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .info,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .info,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .info,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .info,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .info,
.header__search-wrapper .search__box .spot-list .spot-item .content .info,
.header__search-wrapper .search__box .spot-list .swap-item .content .info,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .info,
.header__search-wrapper .search__box .swap-list .spot-item .content .info,
.header__search-wrapper .search__box .swap-list .swap-item .content .info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info .symbol-info,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .info .symbol-info,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .info .symbol-info,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .info .symbol-info,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .info .symbol-info,
.header__search-wrapper .search__box .spot-list .spot-item .content .info .symbol-info,
.header__search-wrapper .search__box .spot-list .swap-item .content .info .symbol-info,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .info .symbol-info,
.header__search-wrapper .search__box .swap-list .spot-item .content .info .symbol-info,
.header__search-wrapper .search__box .swap-list .swap-item .content .info .symbol-info {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .spot-list .spot-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .spot-list .swap-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .swap-list .spot-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .swap-list .swap-item .content .info .symbol-info .symbol {
    color: var(--hbg-search-txt-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .14px;
    line-height: normal
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .spot-list .spot-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .spot-list .swap-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .swap-list .spot-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .swap-list .swap-item .content .info .symbol-info .currency {
    color: var(--hbg-search-tag-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .12px;
    line-height: normal;
    margin-left: 2px
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info .ratio,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .info .ratio,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .info .ratio,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .info .ratio,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .info .ratio,
.header__search-wrapper .search__box .spot-list .spot-item .content .info .ratio,
.header__search-wrapper .search__box .spot-list .swap-item .content .info .ratio,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .info .ratio,
.header__search-wrapper .search__box .swap-list .spot-item .content .info .ratio,
.header__search-wrapper .search__box .swap-list .swap-item .content .info .ratio {
    background: #007bff;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 4px;
    padding: 0 4px
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .price-box,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .price-box,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .price-box,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .price-box,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .price-box,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .price-box,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .price-box,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .price-box,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .price-box,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .price-box,
.header__search-wrapper .search__box .spot-list .spot-item .content .price-box,
.header__search-wrapper .search__box .spot-list .swap-item .content .price-box,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .price-box,
.header__search-wrapper .search__box .swap-list .spot-item .content .price-box,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box .price,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .price,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .price-box .price,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .price-box .price,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .price-box .price,
.header__search-wrapper .search__box .spot-list .spot-item .content .price-box .price,
.header__search-wrapper .search__box .spot-list .swap-item .content .price-box .price,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .price-box .price,
.header__search-wrapper .search__box .swap-list .spot-item .content .price-box .price,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box .price {
    color: var(--hbg-search-txt-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .14px;
    line-height: normal
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box .rate,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .rate,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .price-box .rate,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .price-box .rate,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .price-box .rate,
.header__search-wrapper .search__box .spot-list .spot-item .content .price-box .rate,
.header__search-wrapper .search__box .spot-list .swap-item .content .price-box .rate,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .price-box .rate,
.header__search-wrapper .search__box .swap-list .spot-item .content .price-box .rate,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box .rate {
    color: var(--hbg-search-txt-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box .up,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .up,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .price-box .up,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .price-box .up,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .price-box .up,
.header__search-wrapper .search__box .spot-list .spot-item .content .price-box .up,
.header__search-wrapper .search__box .spot-list .swap-item .content .price-box .up,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .price-box .up,
.header__search-wrapper .search__box .swap-list .spot-item .content .price-box .up,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box .up {
    color: #00a171
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box .down,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .down,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .price-box .down,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .price-box .down,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .price-box .down,
.header__search-wrapper .search__box .spot-list .spot-item .content .price-box .down,
.header__search-wrapper .search__box .spot-list .swap-item .content .price-box .down,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .price-box .down,
.header__search-wrapper .search__box .swap-list .spot-item .content .price-box .down,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box .down {
    color: #e94359
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .action,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .action,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .action,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .action,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .action,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .action,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .action,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .action,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .action,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .action,
.header__search-wrapper .search__box .poloniex-list .spot-item .action,
.header__search-wrapper .search__box .poloniex-list .swap-item .action,
.header__search-wrapper .search__box .spot-list .poloniex-item .action,
.header__search-wrapper .search__box .spot-list .spot-item .action,
.header__search-wrapper .search__box .spot-list .swap-item .action,
.header__search-wrapper .search__box .swap-list .poloniex-item .action,
.header__search-wrapper .search__box .swap-list .spot-item .action,
.header__search-wrapper .search__box .swap-list .swap-item .action {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgb3BhY2l0eT0iLjAxIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIxIiBmaWxsPSIjMUIyMDJFIi8+PHBhdGggZD0iTTEyLjA3MiA0LjcxMmEuNS41IDAgMCAxIC44NTYgMGwxLjcxMiAyLjg0NWEuNS41IDAgMCAwIC4zMTYuMjI5bDMuMjM1Ljc1YS41LjUgMCAwIDEgLjI2NC44MTRsLTIuMTc2IDIuNTA3YS41LjUgMCAwIDAtLjEyLjM3MWwuMjg2IDMuMzA4YS41LjUgMCAwIDEtLjY5My41MDRsLTMuMDU3LTEuMjk1YS40OTkuNDk5IDAgMCAwLS4zOSAwTDkuMjQ4IDE2LjA0YS41LjUgMCAwIDEtLjY5My0uNTA0bC4yODctMy4zMDhhLjUuNSAwIDAgMC0uMTItLjM3TDYuNTQ0IDkuMzVhLjUuNSAwIDAgMSAuMjY0LS44MTVsMy4yMzUtLjc1YS41LjUgMCAwIDAgLjMxNi0uMjI4bDEuNzEyLTIuODQ1eiIgc3Ryb2tlPSIjNUU1RTYxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
    height: 20px;
    width: 20px
}

.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .action-active,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .action-active,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .action-active,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .action-active,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .action-active,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .action-active,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .action-active,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .action-active,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .action-active,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .action-active,
.header__search-wrapper .search__box .poloniex-list .spot-item .action-active,
.header__search-wrapper .search__box .poloniex-list .swap-item .action-active,
.header__search-wrapper .search__box .spot-list .poloniex-item .action-active,
.header__search-wrapper .search__box .spot-list .spot-item .action-active,
.header__search-wrapper .search__box .spot-list .swap-item .action-active,
.header__search-wrapper .search__box .swap-list .poloniex-item .action-active,
.header__search-wrapper .search__box .swap-list .spot-item .action-active,
.header__search-wrapper .search__box .swap-list .swap-item .action-active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgb3BhY2l0eT0iLjAxIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIxIiBmaWxsPSIjMUIyMDJFIi8+PHBhdGggZD0iTTEyLjA3MiA0LjcxMmEuNS41IDAgMCAxIC44NTYgMGwxLjcxMiAyLjg0NGEuNS41IDAgMCAwIC4zMTYuMjI5bDMuMjM0Ljc0OWEuNS41IDAgMCAxIC4yNjUuODE1bC0yLjE3NiAyLjUwNmEuNS41IDAgMCAwLS4xMi4zN2wuMjg2IDMuMzA3YS41LjUgMCAwIDEtLjY5My41MDRsLTMuMDU3LTEuMjk1YS41LjUgMCAwIDAtLjM5IDBsLTMuMDU3IDEuMjk1YS41LjUgMCAwIDEtLjY5My0uNTA0bC4yODctMy4zMDZhLjUuNSAwIDAgMC0uMTItLjM3MUw2LjU0NCA5LjM0OWEuNS41IDAgMCAxIC4yNjUtLjgxNWwzLjIzNC0uNzVhLjUuNSAwIDAgMCAuMzE2LS4yMjhsMS43MTItMi44NDR6IiBmaWxsPSIjMDE3M0U1IiBzdHJva2U9IiMwMTczRTUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+)
}

.hbg_small-search-wrapper .search__box .swap-list .swap-item,
.header__search-wrapper .search__box .swap-list .swap-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info .symbol,
.header__search-wrapper .search__box .swap-list .swap-item .content .info .symbol {
    color: var(--hbg-search-txt-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: uppercase
}

.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info .currency,
.header__search-wrapper .search__box .swap-list .swap-item .content .info .currency {
    color: var(--hbg-search-tag-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    margin-left: 2px
}

.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box {
    margin-right: 4px
}

.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box .price,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box .price {
    color: var(--hbg-search-txt-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px
}

.hbg_small-search-wrapper .search__box .earn-list .earn-item .content,
.header__search-wrapper .search__box .earn-list .earn-item .content {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between
}

.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .info,
.header__search-wrapper .search__box .earn-list .earn-item .content .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .info .symbol,
.header__search-wrapper .search__box .earn-list .earn-item .content .info .symbol {
    color: var(--hbg-search-txt-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase
}

.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .info .type,
.header__search-wrapper .search__box .earn-list .earn-item .content .info .type {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0173e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px
}

.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .info .type img,
.header__search-wrapper .search__box .earn-list .earn-item .content .info .type img {
    -webkit-box-flex: 1;
    display: block;
    -ms-flex: 1;
    flex: 1;
    height: 16px;
    margin-left: 4px;
    width: 100%
}

.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .rate,
.header__search-wrapper .search__box .earn-list .earn-item .content .rate {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .rate .value,
.header__search-wrapper .search__box .earn-list .earn-item .content .rate .value {
    color: #00a171;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .rate .value em,
.header__search-wrapper .search__box .earn-list .earn-item .content .rate .value em {
    font-style: normal
}

.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .rate .txt,
.header__search-wrapper .search__box .earn-list .earn-item .content .rate .txt {
    color: var(--hbg-search-tag-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.hbg_small-search-wrapper .search__box .live-list,
.header__search-wrapper .search__box .live-list {
    grid-gap: 12px 6px;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, 157px);
    padding: 12px 20px
}

.hbg_small-search-wrapper .search__box .live-list .live-item,
.header__search-wrapper .search__box .live-list .live-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    height: 130px;
    width: 100%
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-container,
.header__search-wrapper .search__box .live-list .live-item .live-container {
    border-radius: 8px;
    cursor: pointer;
    height: 88px;
    position: relative;
    width: 100%
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-container img,
.header__search-wrapper .search__box .live-list .live-item .live-container img {
    border-radius: 8px;
    height: 100%;
    width: 100%
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper {
    bottom: 0;
    height: 16px;
    left: 0;
    position: absolute;
    width: 63px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .tag-container,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .tag-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-left-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .tag-container .tag,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .tag-container .tag {
    display: inline-block;
    height: 9px;
    margin-left: 6px;
    width: 9px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .tag-container .txt,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .tag-container .txt {
    color: #fff;
    font-size: 8.6px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 1.4px;
    text-transform: capitalize;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .unstart,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .unstart {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48cGF0aCBkPSJNMCAuNDAyaDU2LjA5YTMuODEgMy44MSAwIDAgMSAzLjY5NyAyLjg4N2wzLjA4OSAxMi4zNTZIMFYuNDAyeiIgZmlsbD0iIzAwOTRGRiIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJhIiB4PSItNC43NjMiIHk9Ii00LjM2MSIgd2lkdGg9IjcyLjQwMiIgaGVpZ2h0PSIyNC43NjkiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjIuMzgyIi8+PGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzE2XzIwMTgiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzE2XzIwMTgiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+) no-repeat 50%;
    background-size: 63px 16px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .unstart .tag,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .unstart .tag {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy40NTkgNS4wMjRjMCAxLjg1Mi0xLjQ2MiAzLjMzNC0zLjI0IDMuMzM0LTEuNzc4IDAtMy4yNC0xLjQ4Mi0zLjI0LTMuMzM0IDAtMS44NTMgMS40NjItMy4zMzUgMy4yNC0zLjMzNSAxLjc3OCAwIDMuMjQgMS40ODIgMy4yNCAzLjMzNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIuOTUzIi8+PHBhdGggZD0iTTQuMjE5IDMuNDM1VjUuNWwxLjA1MS44IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjk1MyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+) no-repeat 50%;
    background-size: 9px 10px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48cGF0aCBkPSJNMCAxLjkxN0MwIC44NTguODU4IDAgMS45MTcgMGg1NC41MDdhMy44MzMgMy44MzMgMCAwIDEgMy43MTkgMi45MDRsMi41MTIgMTAuMDQ4YTEuOTE3IDEuOTE3IDAgMCAxLTEuODYgMi4zODFIMFYxLjkxN3oiIGZpbGw9IiNGRTg3MzEiLz48L2c+PGRlZnM+PGZpbHRlciBpZD0iYSIgeD0iLTQuNzkyIiB5PSItNC43OTIiIHdpZHRoPSI3Mi4yOTYiIGhlaWdodD0iMjQuOTE3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVHYXVzc2lhbkJsdXIgaW49IkJhY2tncm91bmRJbWFnZUZpeCIgc3RkRGV2aWF0aW9uPSIyLjM5NiIvPjxmZUNvbXBvc2l0ZSBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8xNl8yMDg4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8xNl8yMDg4IiByZXN1bHQ9InNoYXBlIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==) no-repeat 50%;
    background-size: 63px 16px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live .tag,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live .tag {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHg9Ii4xNDYiIHk9IjQuMDk4IiB3aWR0aD0iMS4zNDIiIGhlaWdodD0iMi41ODciIHJ4PSIuNjcxIiBmaWxsPSIjZmZmIi8+PHJlY3QgeD0iMi44NjgiIHk9Ii42NDgiIHdpZHRoPSIxLjM0MiIgaGVpZ2h0PSI2LjAzNyIgcng9Ii42NzEiIGZpbGw9IiNmZmYiLz48cmVjdCB4PSI1LjU5IiB5PSIzLjIzNSIgd2lkdGg9IjEuMzQyIiBoZWlnaHQ9IjMuNDUiIHJ4PSIuNjcxIiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat 50%;
    background-size: 7px 7px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live-end,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live-end {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48cGF0aCBkPSJNMCAuNDAyaDU2LjA5YTMuODEgMy44MSAwIDAgMSAzLjY5NyAyLjg4N2wzLjA4OSAxMi4zNTZIMFYuNDAyeiIgZmlsbD0iIzAwQTE3MSIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJhIiB4PSItNC43NjMiIHk9Ii00LjM2MSIgd2lkdGg9IjcyLjQwMiIgaGVpZ2h0PSIyNC43NjkiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjIuMzgyIi8+PGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzEwMzJfODIyNSIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfMTAzMl84MjI1IiByZXN1bHQ9InNoYXBlIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==) no-repeat 50%;
    background-size: 63px 16px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live-end .tag,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live-end .tag {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi44NSA0LjkxM2EuMS4xIDAgMCAxIDAgLjE3NGwuMjUuNDMzLS4yNS0uNDMzLTQuMiAyLjQyNGEuMS4xIDAgMCAxLS4xNS0uMDg2di00Ljg1YS4xLjEgMCAwIDEgLjE1LS4wODZsNC4yIDIuNDI0eiIgc3Ryb2tlPSIjZmZmIi8+PC9zdmc+) no-repeat 50%;
    background-size: 9px 9px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .title,
.header__search-wrapper .search__box .live-list .live-item .live-content .title {
    color: var(--hbg-search-txt-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    width: 100%
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 12px;
    justify-content: space-between;
    margin-top: 6px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .speaker .nick-img,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .speaker .nick-img {
    border-radius: 50%;
    height: 20px;
    width: 20px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .speaker .nick-img img,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .speaker .nick-img img {
    height: 100%;
    width: 100%
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .speaker .nick-name,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .speaker .nick-name {
    color: var(--hbg-search-tag-color);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .action,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .action span,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .action span {
    color: #0173e5;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .action .action-arrow,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .action .action-arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNjgyIDEuOTkzYS40NS40NSAwIDAgMSAuNjM3IDBsMi4yOTggMi4yOThhLjUuNSAwIDAgMSAwIC43MDhMMy4zMTkgNy4yOTdhLjQ1LjQ1IDAgMCAxLS42MzctLjYzN2wyLjAxNi0yLjAxNUwyLjY4MiAyLjYzYS40NS40NSAwIDAgMSAwLS42Mzd6IiBmaWxsPSIjMDE3M0U1Ii8+PC9zdmc+);
    height: 9px;
    width: 6px
}

.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .disable-action,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .disable-action {
    background: #8c8c93;
    pointer-events: none
}

.hbg_small-search-wrapper .search__box .search__prompt-container,
.header__search-wrapper .search__box .search__prompt-container {
    border-radius: 0 0 8px 8px;
    width: 360px
}

.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list,
.header__search-wrapper .search__box .search__prompt-container .prompt-list {
    max-height: 480px;
    overflow-y: auto;
    width: 100%
}

.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list::-webkit-scrollbar,
.header__search-wrapper .search__box .search__prompt-container .prompt-list::-webkit-scrollbar {
    background: transparent;
    border-radius: 0;
    width: 5px
}

.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list::-webkit-scrollbar-thumb,
.header__search-wrapper .search__box .search__prompt-container .prompt-list::-webkit-scrollbar-thumb {
    background-color: var(--hbg-header-scrollbar-bgcolor);
    border-radius: 0;
    width: 5px
}

.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item,
.header__search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    height: 60px;
    height: 40px;
    padding: 10px 20px
}

.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item:hover,
.header__search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item:hover {
    background: var(--hbg-item-hover-color)
}

.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item:last-child:hover,
.header__search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item:last-child:hover {
    border-radius: 0 0 8px 8px
}

.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item .prompt-icon,
.header__search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item .prompt-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBzdHJva2U9IiM1RTVFNjEiIHN0cm9rZS13aWR0aD0iMS4yIj48Y2lyY2xlIGN4PSI5LjUiIGN5PSI5LjUiIHI9IjQuOSIvPjxwYXRoIGQ9Im0xMyAxMyAyLjE2NiAyLjE2NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNCA0KSIgZD0iTTAgMGgxMnYxMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
    height: 20px;
    width: 20px
}

.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item .prompt-content,
.header__search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item .prompt-content {
    color: var(--hbg-search-txt-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.hbg_small-search-wrapper .search__box .search__prompt-container .no-content,
.header__search-wrapper .search__box .search__prompt-container .no-content {
    padding: 20px 0
}

.hbg_small-search-wrapper .search__box .search__result-container,
.header__search-wrapper .search__box .search__result-container {
    border-radius: 0 0 8px 8px;
    padding-bottom: 16px;
    width: 360px
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container,
.header__search-wrapper .search__box .search__result-container .nav-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding: 0 20px;
    position: relative;
    width: 100%
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .nav_list-container,
.header__search-wrapper .search__box .search__result-container .nav-container .nav_list-container {
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .nav_list-container ::-webkit-scrollbar,
.header__search-wrapper .search__box .search__result-container .nav-container .nav_list-container ::-webkit-scrollbar {
    display: none
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list,
.header__search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list .nav-item,
.header__search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list .nav-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: var(--hbg-search-tag-color);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 20px;
    text-align: center;
    white-space: nowrap
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list .nav-item:hover,
.header__search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list .nav-item:hover {
    color: var(--hbg-search-txt-color)
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list .active-nav-item,
.header__search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list .active-nav-item {
    color: var(--hbg-search-txt-color);
    font-size: 16px;
    line-height: 22px
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .next-container,
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .pre-container,
.header__search-wrapper .search__box .search__result-container .nav-container .next-container,
.header__search-wrapper .search__box .search__result-container .nav-container .pre-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .next-container .icon-img,
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .pre-container .icon-img,
.header__search-wrapper .search__box .search__result-container .nav-container .next-container .icon-img,
.header__search-wrapper .search__box .search__result-container .nav-container .pre-container .icon-img {
    background: var(--hbg-next-img) no-repeat center;
    background-size: 24px 40px;
    height: 40px;
    width: 24px
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .next-container:hover .icon-img,
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .pre-container:hover .icon-img,
.header__search-wrapper .search__box .search__result-container .nav-container .next-container:hover .icon-img,
.header__search-wrapper .search__box .search__result-container .nav-container .pre-container:hover .icon-img {
    background: var(--hbg-next-hover-img) no-repeat center;
    background-size: 24px 40px
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .pre-container,
.header__search-wrapper .search__box .search__result-container .nav-container .pre-container {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: 0;
    padding-right: 4px
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .pre-container .icon-img,
.header__search-wrapper .search__box .search__result-container .nav-container .pre-container .icon-img {
    background: var(--hbg-prev-img) no-repeat center;
    background-size: 24px 40px
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .pre-container:hover .icon-img,
.header__search-wrapper .search__box .search__result-container .nav-container .pre-container:hover .icon-img {
    background: var(--hbg-prev-hover-img) no-repeat center;
    background-size: 24px 40px
}

.hbg_small-search-wrapper .search__box .search__result-container .nav-container .next-container,
.header__search-wrapper .search__box .search__result-container .nav-container .next-container {
    padding-left: 4px;
    right: 0
}

.hbg_small-search-wrapper .search__box .search__result-container .nav_padding-left,
.header__search-wrapper .search__box .search__result-container .nav_padding-left {
    padding-left: 28px
}

.hbg_small-search-wrapper .search__box .search__result-container .nav_padding-right,
.header__search-wrapper .search__box .search__result-container .nav_padding-right {
    padding-right: 28px
}

.hbg_small-search-wrapper .search__box .search__result-container .search__list-container,
.header__search-wrapper .search__box .search__result-container .search__list-container {
    max-height: 480px;
    overflow-y: auto
}

.hbg_small-search-wrapper .search__box .search__result-container .search__list-container::-webkit-scrollbar,
.header__search-wrapper .search__box .search__result-container .search__list-container::-webkit-scrollbar {
    background: transparent;
    border-radius: 0;
    width: 5px
}

.hbg_small-search-wrapper .search__box .search__result-container .search__list-container::-webkit-scrollbar-thumb,
.header__search-wrapper .search__box .search__result-container .search__list-container::-webkit-scrollbar-thumb {
    background-color: var(--hbg-header-scrollbar-bgcolor);
    border-radius: 0;
    width: 5px
}

.hbg_small-search-wrapper .search__box .search__result-container .search__list-container .search-list .search-item .search-header,
.header__search-wrapper .search__box .search__result-container .search__list-container .search-list .search-item .search-header {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-end;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    justify-content: space-between;
    padding: 0 20px
}

.hbg_small-search-wrapper .search__box .search__result-container .search__list-container .search-list .search-item .search-header .name,
.header__search-wrapper .search__box .search__result-container .search__list-container .search-list .search-item .search-header .name {
    color: var(--hbg-search-tag-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.hbg_small-search-wrapper .search__box .search__result-container .search__list-container .search-list .search-item .search-header .arrow-img,
.header__search-wrapper .search__box .search__result-container .search__list-container .search-list .search-item .search-header .arrow-img {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMi4yNDMgNiA0LjI0MiA0LjI0My00LjI0MiA0LjI0MiIgc3Ryb2tlPSIjOEE4QThFIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat 50%;
    background-size: 8px 20px;
    height: 20px;
    width: 8px
}

.hbg_small-search-wrapper .no-content,
.header__search-wrapper .no-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 0
}

.hbg_small-search-wrapper .no-content .no-img,
.header__search-wrapper .no-content .no-img {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/no-content.31dc611.svg);
    height: 76px;
    width: 76px
}

.hbg_small-search-wrapper .no-content span,
.header__search-wrapper .no-content span {
    color: #4c4c4e;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 12px
}

.header__search-wrapper {
    border-radius: 4px;
    height: 32px;
    width: 200px
}

.header__search-wrapper,
.header__search-wrapper .header__search-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__search-wrapper .header__search-container {
    gap: 8px;
    height: 100%;
    position: relative;
    width: 100%
}

.header__search-wrapper .header__search-container .header__search-input-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.header__search-wrapper .header__search-container .header__search-input-container .search__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTMuNzUiIGN5PSIxMy43NSIgcj0iNS4yNSIgc3Ryb2tlPSIjOEM4QzkzIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Im0xNy43NSAxNy43NSAyLjUgMi41IiBzdHJva2U9IiM4QzhDOTMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=);
    cursor: pointer;
    height: 28px;
    left: 6px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px
}

.header__search-wrapper .header__search-container .header__search-input-container .search__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.header__search-wrapper .header__search-container .header__search-input-container .search__input input {
    background: var(--hbg-search-input-bgcolor);
    border: none;
    border-radius: 4px;
    color: var(--hbg-search-input-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    line-height: normal;
    outline: none;
    padding: 2px 0 2px 40px;
    width: 100%
}

.header__search-wrapper .header__search-container .header__search-input-container .search__input input::-webkit-input-placeholder {
    color: var(--hbg-search-input-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.header__search-wrapper .header__search-container .header__search-input-container .search__input input::-moz-placeholder {
    color: var(--hbg-search-input-color)
}

.header__search-wrapper .header__search-container .header__search-input-container .search__input input:-ms-input-placeholder {
    color: var(--hbg-search-input-color)
}

.header__search-wrapper .header__search-container .header__search-input-container .search__input input:focus {
    border: 1px solid #0173e5;
    color: var(--hbg-search-active-input-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.header__search-wrapper .header__search-container .header__search-input-container .clear__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjgxOCAxNi42MzZBNi44MTggNi44MTggMCAxIDAgOS44MTggM2E2LjgxOCA2LjgxOCAwIDAgMCAwIDEzLjYzNnptMi41NzItNS4yMS0xLjYwOC0xLjYwOCAxLjYwNy0xLjYwN2EuNjgyLjY4MiAwIDAgMC0uOTY0LS45NjRMOS44MTggOC44NTQgOC4yMTEgNy4yNDdhLjY4Mi42ODIgMCAwIDAtLjk2NC45NjRsMS42MDcgMS42MDctMS42MDcgMS42MDdhLjY4Mi42ODIgMCAxIDAgLjk2NC45NjRsMS42MDctMS42MDYgMS42MDcgMS42MDdhLjY4Mi42ODIgMCAwIDAgLjk2NC0uOTY1eiIgZmlsbD0iIzVFNUU2MSIvPjwvc3ZnPg==);
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

.header__search-wrapper .header__search-container .search__box {
    border-radius: 0 0 8px 8px;
    -webkit-box-shadow: var(--hbg-search-shadow);
    box-shadow: var(--hbg-search-shadow);
    position: absolute;
    top: 48px
}

.header__search-wrapper .header__search-container .search__box .search__hot-container,
.header__search-wrapper .header__search-container .search__box .search__prompt-container,
.header__search-wrapper .header__search-container .search__box .search__result-container {
    background: var(--hbg-header-search-bgcolor);
    padding: 16px 0
}

.hbg_small-search-wrapper .search-input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding: 8px 16px;
    width: 100%
}

.hbg_small-search-wrapper .search-input-wrapper .search-input-container {
    height: 40px;
    position: relative;
    width: 100%
}

.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTMuNzUiIGN5PSIxMy43NSIgcj0iNS4yNSIgc3Ryb2tlPSIjOEM4QzkzIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Im0xNy43NSAxNy43NSAyLjUgMi41IiBzdHJva2U9IiM4QzhDOTMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=);
    cursor: pointer;
    height: 28px;
    left: 6px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px
}

.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__input input {
    background: var(--hbg-search-input-bgcolor);
    border: none;
    border-radius: 4px;
    color: var(--hbg-search-input-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    line-height: normal;
    outline: none;
    padding: 2px 0 2px 40px;
    width: 100%
}

.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__input input::-webkit-input-placeholder {
    color: var(--hbg-search-input-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__input input::-moz-placeholder {
    color: var(--hbg-search-input-color)
}

.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__input input:-ms-input-placeholder {
    color: var(--hbg-search-input-color)
}

.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__input input:focus {
    border: 1px solid #0173e5;
    color: var(--hbg-search-active-input-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.hbg_small-search-wrapper .search-input-wrapper .search-input-container .clear__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjgxOCAxNi42MzZBNi44MTggNi44MTggMCAxIDAgOS44MTggM2E2LjgxOCA2LjgxOCAwIDAgMCAwIDEzLjYzNnptMi41NzItNS4yMS0xLjYwOC0xLjYwOCAxLjYwNy0xLjYwN2EuNjgyLjY4MiAwIDAgMC0uOTY0LS45NjRMOS44MTggOC44NTQgOC4yMTEgNy4yNDdhLjY4Mi42ODIgMCAwIDAtLjk2NC45NjRsMS42MDcgMS42MDctMS42MDcgMS42MDdhLjY4Mi42ODIgMCAxIDAgLjk2NC45NjRsMS42MDctMS42MDYgMS42MDcgMS42MDdhLjY4Mi42ODIgMCAwIDAgLjk2NC0uOTY1eiIgZmlsbD0iIzVFNUU2MSIvPjwvc3ZnPg==);
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

.hbg_small-search-wrapper .search__txt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: var(--hbg-search-txt-color);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: normal;
    min-width: 60px
}

@media screen and (max-width:1024px) {
    .hbg_drawer__search {
        height: 100%
    }

    .hbg_drawer__search .hbg-drawer__content {
        border: 0;
        height: 100%;
        overflow: hidden
    }

    .hbg_small-search-wrapper {
        height: 100%;
        width: 100%
    }

    .hbg_small-search-wrapper .hbg-search-container {
        -webkit-box-flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
        width: 100%
    }

    .hbg_small-search-wrapper .hbg-search-container .search-input-wrapper {
        width: auto
    }

    .hbg_small-search-wrapper .hbg-search-container .search-input-wrapper .search-input-container .search__input {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .hbg_small-search-wrapper .hbg-search-container .search__box {
        -webkit-box-flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        overflow: hidden
    }

    .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container,
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container {
        -webkit-box-flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden;
        width: 100%
    }

    .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search__list-container .live-list,
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container .live-list {
        -ms-flex-pack: distribute;
        display: grid;
        justify-content: space-around
    }

    .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search-container,
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search__list-container,
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search-container,
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container {
        height: 100%;
        max-height: none;
        overflow-y: auto
    }

    .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search-container::-webkit-scrollbar,
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search__list-container::-webkit-scrollbar,
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search-container::-webkit-scrollbar,
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container::-webkit-scrollbar {
        background: transparent;
        border-radius: 0;
        width: 5px
    }

    .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search-container::-webkit-scrollbar-thumb,
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search__list-container::-webkit-scrollbar-thumb,
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search-container::-webkit-scrollbar-thumb,
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container::-webkit-scrollbar-thumb {
        background-color: var(--hbg-header-scrollbar-bgcolor);
        border-radius: 0;
        width: 5px
    }

    .hbg_small-search-wrapper .hbg-search-container .search__box .search__prompt-container {
        -webkit-box-flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden;
        padding-bottom: 16px;
        width: 100%
    }

    .hbg_small-search-wrapper .hbg-search-container .search__box .search__prompt-container .prompt-list {
        height: 100%;
        max-height: none
    }
}

@media screen and (min-width:745px) and (max-width:1024px) {
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container {
        max-height: none
    }

    .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container .live-list {
        display: grid;
        grid-template-columns: repeat(4, 157px)
    }
}

@media screen and (min-width:540px) and (max-width:744px) {
    .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container {
        max-height: none
    }

    .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container .live-list {
        display: grid;
        grid-template-columns: repeat(3, 157px)
    }
}

.spot-content,
.swap-content {
    display: contents
}

@media screen and (min-width:1024px) {

    html[lang=en-IN] .search__hot-container .hot-tab-list,
    html[lang=en-in] .search__hot-container .hot-tab-list,
    html[lang=en] .search__hot-container .hot-tab-list,
    html[lang=es-ES] .search__hot-container .hot-tab-list,
    html[lang=es-LA] .search__hot-container .hot-tab-list,
    html[lang=es-es] .search__hot-container .hot-tab-list,
    html[lang=es-la] .search__hot-container .hot-tab-list,
    html[lang=es] .search__hot-container .hot-tab-list,
    html[lang=fr-FR] .search__hot-container .hot-tab-list,
    html[lang=fr-fr] .search__hot-container .hot-tab-list,
    html[lang=fr] .search__hot-container .hot-tab-list,
    html[lang=id-ID] .search__hot-container .hot-tab-list,
    html[lang=id-id] .search__hot-container .hot-tab-list,
    html[lang=id] .search__hot-container .hot-tab-list,
    html[lang=it-IT] .search__hot-container .hot-tab-list,
    html[lang=it-it] .search__hot-container .hot-tab-list,
    html[lang=it] .search__hot-container .hot-tab-list,
    html[lang=pt-PT] .search__hot-container .hot-tab-list,
    html[lang=pt-pt] .search__hot-container .hot-tab-list,
    html[lang=pt] .search__hot-container .hot-tab-list,
    html[lang=ru-RU] .search__hot-container .hot-tab-list,
    html[lang=ru-ru] .search__hot-container .hot-tab-list,
    html[lang=ru] .search__hot-container .hot-tab-list,
    html[lang=tr-TR] .search__hot-container .hot-tab-list,
    html[lang=tr-tr] .search__hot-container .hot-tab-list,
    html[lang=tr] .search__hot-container .hot-tab-list,
    html[lang=uk-UA] .search__hot-container .hot-tab-list,
    html[lang=uk-ua] .search__hot-container .hot-tab-list,
    html[lang=uk] .search__hot-container .hot-tab-list,
    html[lang=vi-VI] .search__hot-container .hot-tab-list,
    html[lang=vi-vi] .search__hot-container .hot-tab-list,
    html[lang=vi] .search__hot-container .hot-tab-list {
        height: auto !important
    }

    html[lang=en-IN] .search__hot-container .hot-tab-list .tab-item,
    html[lang=en-in] .search__hot-container .hot-tab-list .tab-item,
    html[lang=en] .search__hot-container .hot-tab-list .tab-item,
    html[lang=es-ES] .search__hot-container .hot-tab-list .tab-item,
    html[lang=es-LA] .search__hot-container .hot-tab-list .tab-item,
    html[lang=es-es] .search__hot-container .hot-tab-list .tab-item,
    html[lang=es-la] .search__hot-container .hot-tab-list .tab-item,
    html[lang=es] .search__hot-container .hot-tab-list .tab-item,
    html[lang=fr-FR] .search__hot-container .hot-tab-list .tab-item,
    html[lang=fr-fr] .search__hot-container .hot-tab-list .tab-item,
    html[lang=fr] .search__hot-container .hot-tab-list .tab-item,
    html[lang=id-ID] .search__hot-container .hot-tab-list .tab-item,
    html[lang=id-id] .search__hot-container .hot-tab-list .tab-item,
    html[lang=id] .search__hot-container .hot-tab-list .tab-item,
    html[lang=it-IT] .search__hot-container .hot-tab-list .tab-item,
    html[lang=it-it] .search__hot-container .hot-tab-list .tab-item,
    html[lang=it] .search__hot-container .hot-tab-list .tab-item,
    html[lang=pt-PT] .search__hot-container .hot-tab-list .tab-item,
    html[lang=pt-pt] .search__hot-container .hot-tab-list .tab-item,
    html[lang=pt] .search__hot-container .hot-tab-list .tab-item,
    html[lang=ru-RU] .search__hot-container .hot-tab-list .tab-item,
    html[lang=ru-ru] .search__hot-container .hot-tab-list .tab-item,
    html[lang=ru] .search__hot-container .hot-tab-list .tab-item,
    html[lang=tr-TR] .search__hot-container .hot-tab-list .tab-item,
    html[lang=tr-tr] .search__hot-container .hot-tab-list .tab-item,
    html[lang=tr] .search__hot-container .hot-tab-list .tab-item,
    html[lang=uk-UA] .search__hot-container .hot-tab-list .tab-item,
    html[lang=uk-ua] .search__hot-container .hot-tab-list .tab-item,
    html[lang=uk] .search__hot-container .hot-tab-list .tab-item,
    html[lang=vi-VI] .search__hot-container .hot-tab-list .tab-item,
    html[lang=vi-vi] .search__hot-container .hot-tab-list .tab-item,
    html[lang=vi] .search__hot-container .hot-tab-list .tab-item {
        font-size: 14px !important;
        line-height: 14px !important
    }

    html.en-in .search__hot-container .hot-tab-list,
    html.es-es .search__hot-container .hot-tab-list,
    html.es-la .search__hot-container .hot-tab-list,
    html.fr-fr .search__hot-container .hot-tab-list,
    html.id-id .search__hot-container .hot-tab-list,
    html.it-it .search__hot-container .hot-tab-list,
    html.pt-pt .search__hot-container .hot-tab-list,
    html.ru-ru .search__hot-container .hot-tab-list,
    html.tr-tr .search__hot-container .hot-tab-list,
    html.uk-ua .search__hot-container .hot-tab-list,
    html.vi-vi .search__hot-container .hot-tab-list {
        height: auto !important
    }

    html.en-in .search__hot-container .hot-tab-list .tab-item,
    html.es-es .search__hot-container .hot-tab-list .tab-item,
    html.es-la .search__hot-container .hot-tab-list .tab-item,
    html.fr-fr .search__hot-container .hot-tab-list .tab-item,
    html.id-id .search__hot-container .hot-tab-list .tab-item,
    html.it-it .search__hot-container .hot-tab-list .tab-item,
    html.pt-pt .search__hot-container .hot-tab-list .tab-item,
    html.ru-ru .search__hot-container .hot-tab-list .tab-item,
    html.tr-tr .search__hot-container .hot-tab-list .tab-item,
    html.uk-ua .search__hot-container .hot-tab-list .tab-item,
    html.vi-vi .search__hot-container .hot-tab-list .tab-item {
        font-size: 14px !important;
        line-height: 14px !important
    }
}

.spot-scroller,
.swap-scroller {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column
}

.spot-scroller .recycle-scroller,
.swap-scroller .recycle-scroller {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ReactVirtualized__List::-webkit-scrollbar {
    background: transparent;
    border-radius: 0;
    width: 5px
}

.ReactVirtualized__List::-webkit-scrollbar-thumb {
    background-color: var(--hbg-header-scrollbar-bgcolor);
    border-radius: 0;
    width: 5px
}

.model-dark {
    --hbg-model-switch-bgcolor: #1e1e1f;
    --hbg-switch-txtcolor: #e6e6e6;
    --hbg-switch-header-bordercolor: hsla(0, 0%, 100%, .06);
    --hbg-switch-operatecolor: #e6e6e6;
    --hbg-content-bghovercolor: #282829;
    --hbg-switch-search-bgcolor: #313132;
    --hbg-switch-search-txtcolor: #e6e6e6;
    --hbg-no-data-img: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/no_data.6a82a7f.svg);
    --hbg-tab-active-color: #fff
}

.model-light {
    --hbg-model-switch-bgcolor: #fff;
    --hbg-switch-txtcolor: #000;
    --hbg-switch-header-bordercolor: #ebebeb;
    --hbg-switch-operatecolor: #0173e5;
    --hbg-content-bghovercolor: #fafafa;
    --hbg-switch-search-bgcolor: #f5f5f5;
    --hbg-switch-search-txtcolor: #000;
    --hbg-no-data-img: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/no_data_light.f6d42aa.svg);
    --hbg-tab-active-color: #000
}

.vm--container .vm--overlay {
    background: rgba(0, 0, 0, .8) !important
}

.model-switch-container {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.model-switch-user {
    background: var(--hbg-model-switch-bgcolor) !important;
    border-radius: 8px !important
}

.model-switch-user .switch-user-container {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.model-switch-user .switch-user-container .switch-loading {
    background: rgba(0, 0, 0, .1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.model-switch-user .switch-user-container .switch-user-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    height: 72px;
    justify-content: space-between;
    padding: 22px 24px
}

.model-switch-user .switch-user-container .switch-user-header .switch-user_title {
    color: var(--hbg-switch-txtcolor);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.model-switch-user .switch-user-container .switch-user-header .switch-user_close {
    cursor: pointer;
    height: 24px;
    width: 24px
}

.model-switch-user .switch-user-container .switch-user-header .switch-user_close img {
    height: 100%;
    width: 100%
}

.model-switch-user .switch-user-container .switch-user-body {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.model-switch-user .switch-user-container .switch-user-body .main-user {
    width: 100%
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    padding: 0 24px 8px
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_header .main-user_title {
    color: var(--hbg-switch-txtcolor);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 14px 24px
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content:hover {
    background: var(--hbg-content-bghovercolor);
    border-radius: 8px
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar {
    position: relative
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar .user_img {
    border: 1px solid transparent;
    border-radius: 50%;
    height: 42px;
    overflow: hidden;
    padding: 1px;
    width: 42px
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar .user_img img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar i {
    bottom: 1px;
    display: block;
    height: 8px;
    position: absolute;
    right: 0;
    width: 8px;
    z-index: 2
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar .user_avatar_big {
    height: 20px;
    width: 20px
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar .user_avatar__live {
    background: var(--hbg-user-info-live);
    background-size: 100% 100%
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar .user_avatar__v {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/icon-v.e11efc7.svg) no-repeat;
    background-size: 100% 100%
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user-info-container {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user-info-container .user_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    word-wrap: break-word;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    max-width: 460px;
    white-space: normal
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user-info-container .user_info .user_name {
    color: var(--hbg-switch-txtcolor);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    min-height: 22px
}

.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user-info-container .user_info .user_uid {
    color: #8a8a8e;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    min-height: 14px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 8px;
    overflow: hidden
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    height: 44px;
    justify-content: space-between;
    padding: 0 24px;
    position: relative
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header:after {
    background: var(--hbg-switch-header-bordercolor);
    bottom: 0;
    content: "";
    height: 1px;
    left: 24px;
    position: absolute;
    right: 24px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header .sub-user_tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    height: 100%
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header .sub-user_tab .sub-user_title {
    color: var(--hbg-switch-txtcolor);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header .user-tab_box .sub-user_title {
    color: #8a8a8e;
    cursor: pointer
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header .user-tab_box .tab-active {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--hbg-tab-active-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header .user-tab_box .tab-active:after {
    background: #0173e5;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 16px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header .sub-user_operate {
    color: #0173e5;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content {
    width: 100%
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content,
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container {
    padding-bottom: 24px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .loading-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-search {
    padding: 12px 24px 8px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-search .search__input {
    background: var(--hbg-switch-search-bgcolor);
    border-radius: 12px;
    height: 40px;
    padding: 10px 24px;
    width: 100%
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-search .search__input input {
    background: var(--hbg-switch-search-bgcolor);
    border: none;
    color: var(--hbg-switch-search-txtcolor);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    line-height: normal;
    outline: none;
    padding: 0;
    width: 100%
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-search .search__input input::-webkit-input-placeholder {
    color: #8a8a8e;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-search .search__input input::-moz-placeholder {
    color: #8a8a8e
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-search .search__input input:-ms-input-placeholder {
    color: #8a8a8e
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .u-wrapper {
    display: contents
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list {
    overflow-y: auto;
    padding-top: 8px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list::-webkit-scrollbar {
    background: transparent;
    border-radius: 0;
    width: 4px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list::-webkit-scrollbar-thumb {
    background-color: var(--hbg-model-switch-bgcolor);
    border-radius: 0;
    width: 4px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 14px 24px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item:hover {
    background: var(--hbg-content-bghovercolor);
    border-radius: 8px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item .u-img {
    border: 1px solid transparent;
    border-radius: 50%;
    height: 40px;
    overflow: hidden;
    padding: 1px;
    width: 40px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item .u-img img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item .u_content {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item .u_content .u_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    word-wrap: break-word;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    max-width: 460px;
    white-space: normal
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item .u_content .u_info .u_name {
    color: var(--hbg-switch-txtcolor);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    min-height: 20px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item .u_content .u_info .u_uid {
    color: #8a8a8e;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    min-height: 14px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .u-manage {
    cursor: default
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .u-check-img {
    border-radius: 50%;
    height: 20px;
    width: 20px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .u-check-img img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .u-clear {
    color: #e94359;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 6px 0
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding-top: 80px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data .no-data_img {
    background: var(--hbg-no-data-img) no-repeat center;
    background-size: 76px 76px;
    height: 76px;
    width: 76px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data .no-data_img img {
    height: 100%;
    width: 100%
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data .no-data_txt {
    color: var(--hbg-switch-txtcolor);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data_button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #0173e5;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    justify-content: center;
    padding: 0 12px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data_button span {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data_button:hover {
    background: #0069d9
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .u-user-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .u-user-list .add-button-container {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    padding: 20px 24px 0
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .u-user-list .add-button-container .add-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #0173e5;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: center;
    padding: 0 16px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .u-user-list .add-button-container .add-button span {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .u-user-list .add-button-container .add-button:hover {
    background: #0069d9
}

.model-switch-user .switch-user-container .switch-user-body .u-disabled {
    cursor: not-allowed;
    pointer-events: none
}

.del-user-dialog {
    background: #fff;
    border-radius: 8px;
    min-height: 180px
}

.del-user-dialog .d-user-dialog-container {
    padding: 0 24px
}

.del-user-dialog .d-user-dialog-container .del-user-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 22px 0
}

.del-user-dialog .d-user-dialog-container .del-user-header .del-user_title {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.del-user-dialog .d-user-dialog-container .del-user-header .del-user_close {
    cursor: pointer;
    height: 24px;
    width: 24px
}

.del-user-dialog .d-user-dialog-container .del-user-header .del-user_close img {
    height: 100%;
    width: 100%
}

.del-user-dialog .d-user-dialog-container .del-user-body {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.del-user-dialog .d-user-dialog-container .del-user-footer .del-button-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding: 20px 0 24px
}

.del-user-dialog .d-user-dialog-container .del-user-footer .del-button-container .button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: center;
    padding: 0 16px;
    width: 88px
}

.del-user-dialog .d-user-dialog-container .del-user-footer .del-button-container .cancel-button {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.del-user-dialog .d-user-dialog-container .del-user-footer .del-button-container .cancel-button:hover {
    background-color: #fafafa
}

.del-user-dialog .d-user-dialog-container .del-user-footer .del-button-container .confirm-button {
    background: #0173e5;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.del-user-dialog .d-user-dialog-container .del-user-footer .del-button-container .confirm-button:hover {
    background-color: #0069d9
}

.HBDrawer.HBDrawer--open .HBDrawer__overlay {
    display: block;
    opacity: 1
}

.HBDrawer.HBDrawer--open .HBDrawer__container {
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    visibility: visible
}

.HBDrawer.HBDrawer--open .hbg-user-info__detail .hbg-user-info__content .username_switch {
    width: auto
}

.HBDrawer .HBDrawer__overlay {
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .2s ease-in 0s;
    transition: opacity .2s ease-in 0s;
    width: 100%;
    z-index: 1001
}

.HBDrawer .HBDrawer__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: var(--hbg-header-main-bgcolor);
    border-radius: 0 0 8px 8px;
    color: var(--hbg-header-main-txtcolor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 80vh;
    overflow: auto;
    position: fixed;
    -webkit-transition: all .3s;
    transition: all .3s;
    visibility: hidden;
    width: 100% !important
}

.HBDrawer .HBDrawer__header {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: #0e1015;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    height: 64px;
    height: var(--hbg-header-height);
    justify-content: flex-end;
    justify-content: space-between;
    padding: 0 16px;
    position: relative
}

.HBDrawer .HBDrawer__close {
    cursor: pointer;
    height: 16px;
    width: 16px
}

.HBDrawer .hbg-user-dropdown__short {
    display: block
}

.hgb-popup-parent--hidden {
    overflow: hidden
}

.hbg-drawer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: var(--hbg-header-main-bgcolor);
    border-radius: 0 0 8px 8px;
    color: var(--hbg-header-main-txtcolor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    max-height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%;
    z-index: 1000
}

@media screen and (max-width:1027px) {
    .hbg-drawer {
        max-height: 80vh;
        width: 100%
    }
}

.hbg-drawer__title {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    height: 44px;
    justify-content: space-between;
    padding: 0 16px;
    position: relative
}

@media screen and (min-width:745px) and (max-width:1024px) {
    .hbg-drawer__title {
        background: var(--hbg-header-main-bgcolor);
        height: 64px
    }
}

.hbg-drawer__icon-back,
.hbg-drawer__title-close {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjExNCA1LjYzNiA0Ljc1IDEybTAgMCA2LjM2NCA2LjM2NE00Ljc1IDEyaDE0LjUiIHN0cm9rZT0iI0Q5RDlEOSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L3N2Zz4=) no-repeat 50%;
    background-size: 20px 20px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px
}

.hbg-drawer--light .hbg-drawer__icon-back,
.hbg-drawer--light .hbg-drawer__title-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjExNCA1LjYzNiA0Ljc1IDEybTAgMCA2LjM2NCA2LjM2NE00Ljc1IDEyaDE0LjUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L3N2Zz4=)
}

.hbg-drawer__title-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYuMzQ0IDYuMzQzIDExLjMxMyAxMS4zMTRtLjAwMS0xMS4zMTRMNi4zNDQgMTcuNjU3IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+)
}

@media screen and (max-width:1027px) {
    .hbg-drawer__title-close {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYuMzQ0IDYuMzQzIDExLjMxMyAxMS4zMTRtLjAwMS0xMS4zMTRMNi4zNDQgMTcuNjU3IiBzdHJva2U9IiNEOUQ5RDkiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+)
    }
}

.hbg-drawer__title-logo,
.hbg-drawer__title-logo-img {
    height: 16px;
    width: 55px
}

@media screen and (min-width:1028px) {
    .hbg-drawer__title-logo {
        display: none
    }
}

.hbg-drawer__title-close {
    height: 24px;
    position: absolute;
    right: 16px;
    top: 10px;
    width: 24px
}

.hbg-drawer__content {
    border-radius: 0 0 8px 8px;
    border-top: 1px solid var(--hbg-header-split-color);
    overflow: auto;
    padding: 0
}

.hbg-drawer__overlay {
    background-color: rgba(0, 0, 0, .5);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .2s ease-in 0s;
    transition: opacity .2s ease-in 0s;
    width: 100%;
    z-index: 1000
}

.hbg-drawer .hbg-user-info__detail .hbg-user-info__content .username_switch {
    width: auto
}

.draw-fade-enter-active {
    -webkit-animation: draw-fade-in .3s;
    animation: draw-fade-in .3s
}

.draw-fade-leave-active {
    -webkit-animation: draw-fade-out .3s;
    animation: draw-fade-out .3s
}

@-webkit-keyframes draw-fade-in {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes draw-fade-in {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes draw-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes draw-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes draw-fade-in__top-bottom {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes draw-fade-in__top-bottom {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes draw-fade-out__top-bottom {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes draw-fade-out__top-bottom {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.draw-fade__top-bottom-enter-active {
    -webkit-animation: draw-fade-in__top-bottom .3s;
    animation: draw-fade-in__top-bottom .3s
}

.draw-fade__top-bottom-leave-active {
    -webkit-animation: draw-fade-out__top-bottom .3s;
    animation: draw-fade-out__top-bottom .3s
}

.hbg-drawer .hbg-currencys,
.hbg-drawer .hbg-languages {
    width: 100%
}

.hbg-drawer .hbg-currencys .hb-menu-dropdown__body__item__sub,
.hbg-drawer .hbg-languages .hb-menu-dropdown__body__item__sub {
    display: none
}

.hbg-drawer .hbg-currencys .hb-menu-dropdown__body__items,
.hbg-drawer .hbg-languages .hb-menu-dropdown__body__items {
    max-height: none
}

.hbg-drawer .hbg-user-dropdown__short {
    display: block
}

.hbg-download {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px;
    width: 288px
}

.hbg-download__img {
    background: #fff;
    border: .5px solid #e9eaed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 110px;
    margin-right: 12px;
    padding: 4px;
    width: 110px
}

.hbg-download__img svg {
    height: 102px;
    width: 102px
}

.hbg-download__title {
    color: var(--hbg-header-main-txtcolor);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 9px
}

.hbg-download__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    padding: 4px 0
}

.hbg-download .fed-btn--primary {
    background: rgba(1, 115, 229, .1);
    border: 0;
    color: #0094ff
}

.global-common-header,
.hbg-drawer--dark {
    --hbg-user-info-bgcolor: hsla(0, 0%, 100%, .1);
    --hbg-user-info-live: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjUiIHk9IjMuNSIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE0IiByeD0iNyIgZmlsbD0iIzAxNzNFNSIvPjxyZWN0IHg9Ii41IiB5PSIzLjUiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNCIgcng9IjciIHN0cm9rZT0iIzE2MTYxNiIvPjxyZWN0IHg9IjUuMjk2IiB5PSIxMSIgd2lkdGg9IjIiIGhlaWdodD0iMyIgcng9IjEiIGZpbGw9IiNmZmYiLz48cmVjdCB4PSI5IiB5PSI3IiB3aWR0aD0iMiIgaGVpZ2h0PSI3IiByeD0iMSIgZmlsbD0iI2ZmZiIvPjxyZWN0IHg9IjEyLjcwNCIgeT0iOSIgd2lkdGg9IjIiIGhlaWdodD0iNSIgcng9IjEiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat;
    --hbg-header-user-txtcolor: #e6e6e6;
    --hbg-header-switch-txtcolor: #8c8c93;
    --hbg-header-switch-hovercolor: #e6e6e6;
    --switch-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjM3NSA0LjI1aC02LjI1bTAgMGgtMS43NVY0bDEuNS0uNzVoLjI1djF6bS0yLjUgMy41aDYuMjVtMCAwaDEuNzVWOGwtMS41Ljc1aC0uMjV2LTF6IiBzdHJva2U9IiM4QzhDOTMiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjwvc3ZnPg==);
    --switch-hover-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjM3NSA0LjI1aC02LjI1bTAgMGgtMS43NVY0bDEuNS0uNzVoLjI1djF6bS0yLjUgMy41aDYuMjVtMCAwaDEuNzVWOGwtMS41Ljc1aC0uMjV2LTF6IiBzdHJva2U9IiNFNkU2RTYiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjwvc3ZnPg==);
    --user-line-height: 26px;
    --switch-bordercolor: #333
}

.global-common-header .hbg-user-info__uid,
.hbg-drawer--dark .hbg-user-info__uid {
    color: #8c8c93
}

.global-common-header .hbg-user-info__uid-copy,
.hbg-drawer--dark .hbg-user-info__uid-copy {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDNoNHY1SDl2MWgzVjJINnYyLjVoMVYzeiIgZmlsbD0iI0YwRjFGNCIvPjxwYXRoIHN0cm9rZT0iI0YwRjFGNCIgZmlsbD0ibm9uZSIgZD0iTTIuNSA1LjVoNXY2aC01eiIvPjwvc3ZnPg==) no-repeat 50%;
    background-size: 12px 12px;
    height: 12px;
    width: 12px
}

.global-common-header--light,
.hbg-drawer--light {
    --hbg-user-info-bgcolor: rgba(0, 0, 0, .1);
    --hbg-user-info-live: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjUiIHk9IjMuNSIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE0IiByeD0iNyIgZmlsbD0iIzAxNzNFNSIvPjxyZWN0IHg9Ii41IiB5PSIzLjUiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNCIgcng9IjciIHN0cm9rZT0iI2ZmZiIvPjxyZWN0IHg9IjUuMjk2IiB5PSIxMSIgd2lkdGg9IjIiIGhlaWdodD0iMyIgcng9IjEiIGZpbGw9IiNmZmYiLz48cmVjdCB4PSI5IiB5PSI3IiB3aWR0aD0iMiIgaGVpZ2h0PSI3IiByeD0iMSIgZmlsbD0iI2ZmZiIvPjxyZWN0IHg9IjEyLjcwNCIgeT0iOSIgd2lkdGg9IjIiIGhlaWdodD0iNSIgcng9IjEiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat;
    --hbg-header-user-txtcolor: #000;
    --hbg-header-switch-txtcolor: #565656;
    --hbg-header-switch-hovercolor: #000;
    --switch-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjg3NSA0LjI1aC03LjI1bTAgMGgtMS43NVY0bDEuNS0uNzVoLjI1djF6bS0yLjUgMy41aDcuMjVtMCAwaDEuNzVWOGwtMS41Ljc1aC0uMjV2LTF6IiBzdHJva2U9IiM1NjU2NTYiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjwvc3ZnPg==);
    --switch-hover-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjg3NSA0Ljc1aC03LjI1bTAgMGgtMS43NVY0LjVsMS41LS43NWguMjV2MXptLTIuNSAzLjVoNy4yNW0wIDBoMS43NXYuMjVsLTEuNS43NWgtLjI1di0xeiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUiLz48L3N2Zz4=);
    --user-line-height: 22px;
    --switch-bordercolor: #ddd
}

.global-common-header--light .hbg-user-info__uid,
.hbg-drawer--light .hbg-user-info__uid {
    background: #fafafa;
    border-radius: 100px;
    color: #000;
    padding: 2px 4px
}

.global-common-header--light .hbg-user-info__uid-copy,
.hbg-drawer--light .hbg-user-info__uid-copy {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDNoNHY1SDl2MWgzVjJINnYyLjVoMVYzeiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIgZD0iTTIuNSA1LjVoNXY2aC01eiIvPjwvc3ZnPg==) no-repeat 50%;
    background-size: 14px 14px;
    height: 14px;
    width: 14px
}

.hbg-user-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.hbg-user-info__avatar {
    border-radius: 50%;
    cursor: pointer;
    height: 44px;
    -webkit-transition: width .3s;
    transition: width .3s;
    width: 44px
}

.hbg-user-info__avatar img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.hbg-user-info__detail {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    overflow: hidden
}

.hbg-user-info__content,
.hbg-user-info__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hbg-user-info__content {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-end;
    gap: 18px;
    justify-content: space-between
}

.hbg-user-info__switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid var(--switch-bordercolor);
    border-radius: 40px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    height: 22px;
    justify-content: center;
    padding: 0 8px
}

.hbg-user-info__switch:hover span {
    color: var(--hbg-header-switch-hovercolor)
}

.hbg-user-info__switch:hover .switch-img {
    background: var(--switch-hover-img) no-repeat center center;
    background-size: 12px 12px
}

.hbg-user-info__switch span {
    color: var(--hbg-header-switch-txtcolor);
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap
}

.hbg-user-info__switch .switch-img {
    background: var(--switch-img) no-repeat center center;
    background-size: 12px 12px;
    height: 12px;
    width: 12px
}

.hbg-user-info__username {
    color: var(--hbg-header-user-txtcolor);
    cursor: pointer;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: var(--user-line-height)
}

.hbg-user-info .username_switch {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.hbg-user-info__uid {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: 2px;
    line-height: 14px
}

.hbg-user-info .icon-copy-w,
.hbg-user-info__uid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hbg-user-info .icon-copy-w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.hbg-user-info__uid-copy {
    cursor: pointer;
    display: inline-block
}

.hbg-user-info__uid-copy--success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDNoNHY1SDl2MWgzVjJINnYyLjVoMVYzeiIgZmlsbD0iIzAwOTRmZiIvPjxwYXRoIHN0cm9rZT0iIzAwOTRmZiIgZmlsbD0ibm9uZSIgZD0iTTIuNSA1LjVoNXY2aC01eiIvPjwvc3ZnPg==)
}

.hbg-user-info__medals>img {
    height: 24px;
    width: 24px
}

.hbg-user-avatar {
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.hbg-user-avatar__img {
    height: 100%;
    width: 100%
}

.hbg-user-avatar__is-not-nft {
    border-radius: 50%;
    height: 100% !important;
    width: 100% !important
}

.hbg-user-avatar__border {
    border: 1px solid transparent;
    border-radius: 50%
}

.hbg-user-avatar__border,
.hbg-user-avatar__border-general {
    height: 100%;
    overflow: hidden;
    padding: 1px;
    width: 100%
}

.hbg-user-avatar i {
    bottom: 1px;
    display: block;
    height: 8px;
    position: absolute;
    right: 0;
    width: 8px;
    z-index: 2
}

.hbg-user-avatar__big {
    height: 20px !important;
    width: 20px !important
}

.hbg-user-avatar__live {
    background: var(--hbg-user-info-live);
    background-size: 100% 100%
}

.hbg-user-avatar__v {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/icon-v.e11efc7.svg) no-repeat;
    background-size: 100% 100%
}

.hbg-user-dropdown {
    padding: 0
}

.hbg-user-dropdown__user {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-shadow: inset 0 -1px 0 var(--hbg-header-split-color);
    box-shadow: inset 0 -1px 0 var(--hbg-header-split-color);
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    padding: 24px 28px;
    width: 100%
}

.hbg-user-dropdown .hbg-cell-group {
    -webkit-transition: border-bottom .3s;
    transition: border-bottom .3s
}

.hbg-user-dropdown .hbg-fee__border {
    margin-top: 12px;
    -webkit-transition: margin-bottom .3s;
    transition: margin-bottom .3s
}

.hbg-user-dropdown__short {
    display: none
}

.hb-dropdown-wrap .hbg-user-dropdown {
    height: 100%;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto
}

.hb-dropdown-wrap .hbg-user-dropdown::-webkit-scrollbar {
    background: transparent;
    border-radius: 0;
    width: 5px
}

.hb-dropdown-wrap .hbg-user-dropdown::-webkit-scrollbar-thumb {
    background-color: var(--hbg-header-scrollbar-bgcolor);
    border-radius: 0;
    width: 5px
}

.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell {
    height: 52px
}

.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell .hbg-cell__title {
    color: var(--hbg-header-user-txt-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell .hbg-cell-user_key p {
    position: relative
}

.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell .hbg-cell-user_key p:before {
    background: #e94359;
    border-radius: 50%;
    content: "";
    height: 6px;
    position: absolute;
    right: -8px;
    top: 0;
    width: 6px
}

.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell-group {
    background-color: transparent;
    border-bottom: 1px solid var(--hbg-header-split-color)
}

.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell-group a.hbg-cell {
    color: var(--hbg-header-main-txtcolor)
}

.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell-group .hbg-cell.is-link:hover {
    background: var(--hbg-header-main-hover-bgcolor)
}

.global-common-header {
    --pl-btn: #313132;
    --pl-btn-text: #292929;
    --pl-btn-hover: #0173e5;
    --icon-eye: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMjkyIDEwLjQ5N2E4LjMwOCA4LjMwOCAwIDAgMS0uMzItLjQ5N2MuMDc0LS4xMjQuMTgtLjI5NS4zMi0uNDk3QTEwLjA5IDEwLjA5IDAgMCAxIDQuNzEgNy44NjZDNS45ODcgNi42NzcgNy45MzQgNS41IDEwLjY1IDUuNWMyLjcyMSAwIDQuNzk4IDEuMTgxIDYuMjA4IDIuMzguNzA0LjYgMS4yMzYgMS4yIDEuNTkyIDEuNjUuMTQ4LjE4Ny4yNjYuMzQ4LjM1MS40N2E5Ljc2OCA5Ljc2OCAwIDAgMS0uMzUxLjQ3IDExLjgyNCAxMS44MjQgMCAwIDEtMS41OTIgMS42NWMtMS40MSAxLjE5OS0zLjQ4NyAyLjM4LTYuMjA4IDIuMzgtMi43MTYgMC00LjY2My0xLjE3OC01Ljk0LTIuMzY2YTEwLjEyMiAxMC4xMjIgMCAwIDEtMS40MTgtMS42Mzd6IiBzdHJva2U9IiNGRkYiIG9wYWNpdHk9Ii43Ii8+PGNpcmNsZSBjeD0iMTAuODk4IiBjeT0iMTAiIHI9IjIuODU3IiBvcGFjaXR5PSIuNyIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
    --icon-eye-close: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy40NjUgNS40MjJBOS41MTYgOS41MTYgMCAwIDAgMTAuNjQ4IDVjLTUuNzUgMC04LjI1IDUtOC4yNSA1cy45NyAxLjkzOCAzLjA4OCAzLjRsMS4wMy0xLjAyOWE4LjQwNCA4LjQwNCAwIDAgMS0xLjE3Ni0uOTE3QTkuMTk4IDkuMTk4IDAgMCAxIDQuMDc2IDEwYy4yNzktLjQuNjk4LS45MjggMS4yNjQtMS40NTQgMS4xNTUtMS4wNzUgMi44ODYtMi4xMTcgNS4zMDgtMi4xMTcuNTggMCAxLjEyOS4wNiAxLjY0NS4xNjVsMS4xNzItMS4xNzJ6bS01LjE0NCA5LjI4NmE5LjE4OCA5LjE4OCAwIDAgMCAyLjMyNy4yOTJjNS43NSAwIDguNzUtNSA4Ljc1LTVzLTEuMDY4LTEuNzgxLTMuMTUyLTMuMjE3bC0xLjAzIDEuMDNjLjM4LjI0Ni43MjUuNTA5IDEuMDM4Ljc3NUExMC45MTYgMTAuOTE2IDAgMCAxIDE3LjYzNSAxMGExMC45MiAxMC45MiAwIDAgMS0xLjM4MSAxLjQxMmMtMS4zIDEuMTA2LTMuMTcgMi4xNi01LjYwNiAyLjE2LS4zODkgMC0uNzYtLjAyNy0xLjExNC0uMDc3TDguMzIgMTQuNzA4em02LjI2Mi03LjI3MiAxLjA0Ny0xLjA0OC0xLjA0NyAxLjA0OHpNOC42OSAxMy4zMjdsLTEuMTQgMS4xNDEgMS4xNDEtMS4xNHoiIGZpbGw9IiNGRkYiIG9wYWNpdHk9Ii43Ii8+PHBhdGggZmlsbD0iI0ZGRiIgb3BhY2l0eT0iLjciIHN0cm9rZT0iIzIwMjIyQiIgc3Ryb2tlLXdpZHRoPSIuNzE0IiBkPSJtMTUuODk4IDMuNDk1IDEuNTY1IDEuNTY1TDYuMDA4IDE2LjUxNSA0LjQ0MyAxNC45NXoiLz48L3N2Zz4=);
    --icon-pl: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjY4My41OGE1LjUwNSA1LjUwNSAwIDEgMCA0LjI5NyA0Ljc5M2wtMS4xNzguMzE1YTQuMzA1IDQuMzA1IDAgMSAxLTMuNDMtMy45NDdsLjMxLTEuMTYyeiIgZmlsbD0iI0U2RTZFNiIvPjxwYXRoIGQ9Ik03Ljg1OC43NjVhNS44NjUgNS44NjUgMCAwIDEgMy4zNzggMy4zNzdMNi42MjIgNS4zOCA3Ljg1OC43NjV6IiBzdHJva2U9IiMwMTczRTUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
    --hbg-finance-tips-text: hsla(38, 73%, 97%, .6);
    --icon-finance-tips: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiA2QTYgNiAwIDEgMSAwIDZhNiA2IDAgMCAxIDEyIDB6TTYgNy4wMDJjLjQxMyAwIC43NS0uMzUzLjc1LS43ODZWMy4yODhjMC0uNDMzLS4zMzctLjc4Ni0uNzUtLjc4NnMtLjc1LjM1My0uNzUuNzg2djIuOTI4YzAgLjQzMy4zMzcuNzg2Ljc1Ljc4NnptLjc1IDEuNWEuNS41IDAgMCAwLS41LS41aC0uNWEuNS41IDAgMCAwLS41LjV2LjVhLjUuNSAwIDAgMCAuNS41aC41YS41LjUgMCAwIDAgLjUtLjV2LS41eiIgZmlsbD0iI0ZBQUQxNCIvPjwvc3ZnPg==);
    --pl-text: #e6e6e6;
    --otc-bg: #313132;
    --otc-bg-hover: #0173e5;
    --audit-color: #e6e6e6;
    --pl-btn-text-border: #0173e5;
    --otc-top-border: #292929
}

.global-common-header--light {
    --pl-btn: #f5f5f5;
    --pl-btn-text: #ebebeb;
    --pl-btn-hover: #0173e5;
    --icon-eye: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMjkyIDEwLjQ5N2E4LjMwOCA4LjMwOCAwIDAgMS0uMzItLjQ5N2MuMDc0LS4xMjQuMTgtLjI5NS4zMi0uNDk3QTEwLjA5IDEwLjA5IDAgMCAxIDQuNzEgNy44NjZDNS45ODcgNi42NzcgNy45MzQgNS41IDEwLjY1IDUuNWMyLjcyMSAwIDQuNzk4IDEuMTgxIDYuMjA4IDIuMzguNzA0LjYgMS4yMzYgMS4yIDEuNTkyIDEuNjUuMTQ4LjE4Ny4yNjYuMzQ4LjM1MS40N2E5Ljc2OCA5Ljc2OCAwIDAgMS0uMzUxLjQ3IDExLjgyNCAxMS44MjQgMCAwIDEtMS41OTIgMS42NWMtMS40MSAxLjE5OS0zLjQ4NyAyLjM4LTYuMjA4IDIuMzgtMi43MTYgMC00LjY2My0xLjE3OC01Ljk0LTIuMzY2YTEwLjEyMiAxMC4xMjIgMCAwIDEtMS40MTgtMS42Mzd6IiBzdHJva2U9IiMwMDAiIG9wYWNpdHk9Ii43Ii8+PGNpcmNsZSBjeD0iMTAuODk4IiBjeT0iMTAiIHI9IjIuODU3IiBvcGFjaXR5PSIuNyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
    --icon-eye-close: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy40NjUgNS40MjJBOS41MTYgOS41MTYgMCAwIDAgMTAuNjQ4IDVjLTUuNzUgMC04LjI1IDUtOC4yNSA1cy45NyAxLjkzOCAzLjA4OCAzLjRsMS4wMy0xLjAyOWE4LjQwNCA4LjQwNCAwIDAgMS0xLjE3Ni0uOTE3QTkuMTk4IDkuMTk4IDAgMCAxIDQuMDc2IDEwYy4yNzktLjQuNjk4LS45MjggMS4yNjQtMS40NTQgMS4xNTUtMS4wNzUgMi44ODYtMi4xMTcgNS4zMDgtMi4xMTcuNTggMCAxLjEyOS4wNiAxLjY0NS4xNjVsMS4xNzItMS4xNzJ6bS01LjE0NCA5LjI4NmE5LjE4OCA5LjE4OCAwIDAgMCAyLjMyNy4yOTJjNS43NSAwIDguNzUtNSA4Ljc1LTVzLTEuMDY4LTEuNzgxLTMuMTUyLTMuMjE3bC0xLjAzIDEuMDNjLjM4LjI0Ni43MjUuNTA5IDEuMDM4Ljc3NUExMC45MTYgMTAuOTE2IDAgMCAxIDE3LjYzNSAxMGExMC45MiAxMC45MiAwIDAgMS0xLjM4MSAxLjQxMmMtMS4zIDEuMTA2LTMuMTcgMi4xNi01LjYwNiAyLjE2LS4zODkgMC0uNzYtLjAyNy0xLjExNC0uMDc3TDguMzIgMTQuNzA4em02LjI2Mi03LjI3MiAxLjA0Ny0xLjA0OC0xLjA0NyAxLjA0OHpNOC42OSAxMy4zMjdsLTEuMTQgMS4xNDEgMS4xNDEtMS4xNHoiIGZpbGw9IiMwMDAiIG9wYWNpdHk9Ii43Ii8+PHBhdGggZmlsbD0iIzAwMCIgb3BhY2l0eT0iLjciIHN0cm9rZT0iIzIwMjIyQiIgc3Ryb2tlLXdpZHRoPSIuNzE0IiBkPSJtMTUuODk4IDMuNDk1IDEuNTY1IDEuNTY1TDYuMDA4IDE2LjUxNSA0LjQ0MyAxNC45NXoiLz48L3N2Zz4=);
    --icon-pl: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjY4My41OGE1LjUwNSA1LjUwNSAwIDEgMCA0LjI5NyA0Ljc5M2wtMS4xNzguMzE1YTQuMzA1IDQuMzA1IDAgMSAxLTMuNDMtMy45NDdsLjMxLTEuMTYyeiIgZmlsbD0iIzU2NTY1NiIvPjxwYXRoIGQ9Ik03Ljg1OC43NjVhNS44NjUgNS44NjUgMCAwIDEgMy4zNzggMy4zNzdMNi42MjIgNS4zOCA3Ljg1OC43NjV6IiBzdHJva2U9IiMwMTczRTUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
    --hbg-finance-tips-text: #000;
    --pl-text: #000;
    --otc-bg: #f5f5f5;
    --otc-bg-hover: #0173e5;
    --audit-color: #000;
    --pl-btn-text-border: #0173e5;
    --otc-top-border: #ebebeb
}

.hbg-finance-tips {
    padding: 10px 10px 5px
}

.hbg-finance-tips_val {
    background: rgba(224, 147, 0, .05);
    border: 1px solid rgba(224, 147, 0, .3);
    border-radius: 2px;
    color: var(--hbg-finance-tips-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 11px 16px;
    white-space: normal
}

.hbg-finance-tips_val i {
    -webkit-box-flex: 0;
    background-image: var(--icon-finance-tips);
    display: block;
    -ms-flex: 0 0 12px;
    flex: 0 0 12px;
    height: 12px;
    margin: 3px 8px 0 0;
    width: 12px
}

.hbg-finance-tips_val-box p {
    margin: 0
}

.hbg-finance-tips:hover {
    cursor: default
}

.hbg-finance-v2 {
    padding: 16px 24px
}

.hbg-finance-v2__title-bar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.hbg-finance-v2__title-bar .fed-icon__arrow--right {
    margin-left: auto
}

.hbg-finance-v2__title {
    color: #8c8c93;
    font-size: 14px;
    line-height: 20px;
    line-height: 16px;
    margin-right: 8px
}

.hbg-finance-v2__eye {
    background: var(--icon-eye) no-repeat 0 0;
    background-size: 14px 14px;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    width: 14px
}

.hbg-finance-v2__eye--close {
    background-image: var(--icon-eye-close)
}

.hbg-finance-v2__assets-title {
    color: var(--hbg-header-main-txtcolor);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 2px
}

.hbg-finance-v2__assets-val {
    color: var(--hbg-header-main-txtcolor);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 6.5px;
    overflow: hidden;
    text-overflow: ellipsis
}

.hbg-finance-v2__assets-pl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hbg-finance-v2__assets-pl-title {
    color: var(--hbg-header-secondary-txtcolor);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-right: 8px
}

.hbg-finance-v2__assets-pl-val {
    color: var(--hbg-header-tertiary-txtcolor);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    font-weight: 500;
    line-height: 16px;
    margin-right: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

.hbg-finance-v2__assets-pl-icon {
    background: var(--icon-pl) no-repeat center center;
    background-size: 12px 12px;
    display: inline-block;
    height: 12px;
    margin-right: 4px;
    width: 12px
}

.hbg-finance-v2__assets-pl-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--pl-btn);
    border-radius: 34px;
    color: var(--pl-btn-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 25px;
    line-height: 13px;
    margin-left: auto;
    padding: 6px 16px
}

.hbg-finance-v2__assets-pl-btn span {
    color: var(--pl-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px
}

.hbg-finance-v2__assets-pl-btn:hover {
    cursor: pointer
}

.hbg-finance-v2:hover {
    background: var(--hbg-header-main-hover-bgcolor)
}

.hbg-finance-v2:hover .hbg-finance-v2__assets .hbg-finance-v2__assets-pl .hbg-finance-v2__assets-pl-btn {
    border: 1px solid var(--pl-btn-text)
}

.hbg-finance-v2:hover .hbg-finance-v2__assets .hbg-finance-v2__assets-pl .hbg-finance-v2__assets-pl-btn:hover {
    border: 1px solid var(--pl-btn-hover)
}

.hbg-finance-v2__otc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 12px 24px
}

.hbg-finance-v2__otc span {
    -webkit-box-flex: 1;
    background: var(--otc-bg);
    border-radius: 32px;
    color: var(--otc-color);
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    text-align: center
}

.hbg-finance-v2__otc span:nth-child(2) {
    margin: 0 8px
}

.hbg-finance-v2__otc span:hover {
    background: var(--otc-bg-hover);
    color: #fff;
    cursor: pointer
}

.hbg-finance-v2__audit {
    padding: 0 24px
}

.hbg-finance-v2__audit .hbg-finance-v2__audit-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-top: 1px solid var(--otc-top-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

.hbg-finance-v2__audit .hbg-finance-v2__audit-content p {
    color: var(--audit-color);
    font-size: 14px;
    line-height: 20px
}

.hbg-finance-v2__audit:hover {
    background: var(--hbg-header-main-hover-bgcolor);
    cursor: pointer
}

.hbg-finance-v2__audit:hover p {
    font-weight: 500
}

.hbg-finance-dropdown {
    height: 100%;
    max-height: none !important;
    overflow: auto;
    padding: 4px
}

.hbg-finance-dropdown::-webkit-scrollbar {
    background: transparent;
    border-radius: 0;
    width: 5px
}

.hbg-finance-dropdown::-webkit-scrollbar-thumb {
    background-color: var(--hbg-header-scrollbar-bgcolor);
    border-radius: 0;
    width: 5px
}

.hbg-finance-cell-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    cursor: pointer;
    height: 52px;
    justify-content: space-between;
    overflow: hidden;
    padding: 16px 24px
}

.hbg-finance-cell-item,
.hbg-finance-cell-item__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hbg-finance-cell-item__title .hbg-finance-cell-item__label {
    color: var(--hbg-header-main-txtcolor);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.hbg-finance-cell-item__title .hbg-finance-cell-item__val {
    color: var(--hbg-header-secondary-txtcolor);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding-left: 8px
}

.hbg-finance-cell-item__value {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 12px;
    overflow: hidden;
    text-align: right
}

.hbg-finance-cell-item__value .hbg-finance-cell-item__label {
    color: var(--hbg-header-main-txtcolor);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.hbg-finance-cell-item__value .hbg-finance-cell-item__val {
    color: var(--hbg-header-main-txtcolor)
}

.hbg-finance-cell-item__value .hbg-finance-cell-item__val.is-rise {
    color: #00a171
}

.hbg-finance-cell-item__value .hbg-finance-cell-item__val.is-fall {
    color: #e94359
}

.hbg-finance-cell-item:hover {
    background: var(--hbg-header-main-hover-bgcolor)
}

.hbg-finance-cell-item:hover .hbg-finance-cell-item__title .hbg-finance-cell-item__label {
    font-weight: 700
}

.fed-collapes-item {
    position: relative
}

.fed-collapes-item:after {
    bottom: 0;
    content: "";
    display: none;
    left: 16px;
    position: absolute;
    right: 16px
}

.fed-collapes-item:last-child:after {
    display: none
}

.fed-collapes-item__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--hbg-header-main-bgcolor);
    color: var(--hbg-header-main-txtcolor);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 48px;
    line-height: 16px;
    padding: 0 16px
}

.fed-collapes-item__title .fed-icon__arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .3s;
    transition: all .3s
}

.fed-collapes-item__title[aria-expanded=false] .fed-icon__arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fed-collapes-item__title[aria-expanded=true] {
    color: var(--hbg-header-primary-color);
    font-weight: 700
}

.fed-collapes-item__title[aria-expanded=true] .fed-icon__arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0uOTYgMCAzLjk2IDMuOTZMLjk2IDcuOTJsLS44NS0uODUgMy4xMTMtMy4xMUwuMTEuODQ5Ljk2IDB6IiBmaWxsPSIjMDA5NGZmIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg1djhIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=)
}

.fed-collapes-item__title-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.fed-collapes-item__content {
    position: relative
}

.fed-collapes-item__content .hbg-cell-group {
    background: var(--hbg-header-main-bgcolor)
}

.fed-collapes-item__content .hbg-cell {
    padding: 0 40px
}

.fed-collapes-item__content .hbg-cell:after {
    display: none
}

.fed-collapes-item__content .hbg-cell:active,
.fed-collapes-item__content .hbg-cell:hover {
    background: var(--hbg-header-main-hover-bgcolor)
}

.fed-collapes-item__content .hbg-cell__title {
    color: var(--hbg-header-main-txtcolor);
    font-size: 14px;
    line-height: 16px
}

.fed-collapes-item__content:after {
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    bottom: 0;
    content: "";
    display: none;
    left: 0;
    position: absolute;
    width: 100%
}

.fed-collapes-item__content-wrapper {
    overflow: hidden;
    position: relative;
    -webkit-transition: height .3s;
    transition: height .3s
}

.fed-collapes-item__content-wrapper:after {
    border-bottom: 1px solid var(--hbg-header-split-color);
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hbg-panel-function .fed-collapes>.hbg-cell {
    padding: 0 16px
}

.hbg-panel-function .fed-collapes,
.hbg-panel-function .login-panel {
    border-bottom: 1px solid var(--hbg-header-split-color)
}

.hbg-login {
    padding: 24px 16px
}

.hbg-login__title {
    color: var(--hbg-header-main-txtcolor);
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 4px
}

.hbg-login__subtitle {
    color: var(--fed-btn-block-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

@media screen and (min-width:376px) {
    .hbg-login {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between
    }

    .hbg-login,
    .hbg-login__btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .hbg-login__btns {
        margin-left: 12px
    }

    .hbg-login__btns .fed-btn {
        min-width: 80px;
        text-align: center;
        white-space: nowrap
    }

    .hbg-login__btns .fed-btn:first-child {
        margin-right: 8px
    }
}

@media screen and (max-width:375px) {
    .hbg-login {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .hbg-login,
    .hbg-login__btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .hbg-login__btns {
        margin-top: 24px
    }

    .hbg-login__btns .fed-btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .hbg-login__btns .fed-btn:first-child {
        margin-right: 8px
    }
}

.hbg-more-btn {
    cursor: pointer;
    height: 13px;
    position: relative;
    width: 16px
}

.hbg-more-btn>div {
    background-color: var(--hbg-header-main-txtcolor);
    height: 3px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 16px
}

.hbg-more-btn__line0 {
    top: 0
}

.hbg-more-btn__line1 {
    top: 5px
}

.hbg-more-btn__line2 {
    bottom: 0
}

.hbg-more-btn__close>div {
    background-color: #0094ff;
    width: 17px
}

.hbg-more-btn__close .hbg-more-btn__line0 {
    left: -.9px;
    top: -.9px;
    -webkit-transform: rotate(45deg) scaleY(.5);
    transform: rotate(45deg) scaleY(.5)
}

.hbg-more-btn__close .hbg-more-btn__line1 {
    opacity: 0;
    width: 0
}

.hbg-more-btn__close .hbg-more-btn__line2 {
    bottom: -.9px;
    left: -.9px;
    -webkit-transform: rotate(-45deg) scaleY(.5);
    transform: rotate(-45deg) scaleY(.5)
}

.hbg-user-info__prime--level[data-level="0"] {
    --level: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9ImEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iI0Q5RDlEOSIgZD0iTS41IDBoMTR2MTRILjV6Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGQ9Ik03LjIzMi4yOThhLjY1Ni42NTYgMCAwIDEgLjY1NiAwbDUuMzEgMy4wNjVhLjY1Ni42NTYgMCAwIDEgLjMyOC41Njl2Ni4xMzFhLjY1Ni42NTYgMCAwIDEtLjMyOC41NjlsLTUuMzEgMy4wNjVhLjY1Ni42NTYgMCAwIDEtLjY1NiAwbC01LjMxLTMuMDY1YS42NTYuNjU2IDAgMCAxLS4zMjgtLjU2OVYzLjkzMmMwLS4yMzUuMTI1LS40NTEuMzI4LS41NjlMNy4yMzIuMjk4eiIgZmlsbD0idXJsKCNiKSIgc3Ryb2tlPSJ1cmwoI2MpIiBzdHJva2Utd2lkdGg9Ii4xODgiLz48ZyBmaWx0ZXI9InVybCgjZCkiPjxwYXRoIGQ9Ik03LjA5NyAxLjc5MWEuNzUuNzUgMCAwIDEgLjc1IDBsMy45NDcgMi4yNzhhLjc1Ljc1IDAgMCAxIC4zNzUuNjV2NC41NTdhLjc1Ljc1IDAgMCAxLS4zNzUuNjVsLTMuOTQ3IDIuMjc4YS43NS43NSAwIDAgMS0uNzUgMEwzLjE1MSA5LjkyNmEuNzUuNzUgMCAwIDEtLjM3NS0uNjVWNC43MTlhLjc1Ljc1IDAgMCAxIC4zNzUtLjY1bDMuOTQ2LTIuMjc4eiIgZmlsbD0idXJsKCNlKSIvPjwvZz48cGF0aCBkPSJNNy4xOTEgMS45NTNjLjE3NC0uMS4zODktLjEuNTYzIDBMMTEuNyA0LjIzMmMuMTc0LjEuMjgxLjI4Ni4yODEuNDg3djQuNTU3YS41NjIuNTYyIDAgMCAxLS4yOC40ODdsLTMuOTQ3IDIuMjc5Yy0uMTc0LjEtLjM4OS4xLS41NjMgMEwzLjI0NSA5Ljc2M2EuNTYyLjU2MiAwIDAgMS0uMjgyLS40ODdWNC43MTljMC0uMjAxLjEwOC0uMzg3LjI4Mi0uNDg3TDcuMTkgMS45NTN6IiBzdHJva2U9InVybCgjZikiIHN0cm9rZS13aWR0aD0iLjM3NSIvPjxnIGZpbHRlcj0idXJsKCNnKSI+PHBhdGggZD0iTTYuOTg1IDUuMDQyYS41NjMuNTYzIDAgMCAxIC45NzQgMGwxLjQ1IDIuNTExYS41NjIuNTYyIDAgMCAxLS40ODcuODQ0aC0yLjlhLjU2My41NjMgMCAwIDEtLjQ4Ny0uODQ0bDEuNDUtMi41MXoiIGZpbGw9InVybCgjaCkiLz48L2c+PC9nPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjQuNjc0IiB5MT0iMS45MjQiIHgyPSIxMS4wNTkiIHkyPSIxMS44OTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii4wMTMiIHN0b3AtY29sb3I9IiNFRUVGRjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM5RkFEQjciLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9IjUuMTExIiB5MT0iMi4wMTIiIHgyPSI5LjkyMiIgeTI9IjEyLjU5NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNCMkJBQzUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZSIgeDE9IjcuNDcyIiB5MT0iMi40NzgiIHgyPSI3LjQ3MiIgeTI9IjEyLjQyMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjM1NCIgc3RvcC1jb2xvcj0iIzRFNjc4MiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzlCQUFCNSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJmIiB4MT0iNS42OTMiIHkxPSIxLjk5OCIgeDI9IjcuNDcyIiB5Mj0iMTIuNDIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iLjUxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9Ii45NzkiIHN0b3AtY29sb3I9IiNmZmYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iaCIgeDE9IjcuNDcyIiB5MT0iNC4xOTgiIHgyPSI3LjQ3MiIgeTI9IjkuNzk2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0Y3RkJGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0MwQ0RENyIvPjwvbGluZWFyR3JhZGllbnQ+PGZpbHRlciBpZD0iZCIgeD0iMi43NzYiIHk9IjEuNjkiIHdpZHRoPSI5LjM5MyIgaGVpZ2h0PSIxMC42MTQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHk9IjEuMTI1Ii8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjIzNDc5MiAwIDAgMCAwIDAuMzA2OTQgMCAwIDAgMCAwLjM4MzMzMyAwIDAgMCAxIDAiLz48ZmVCbGVuZCBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfOTZfMTMxMDkiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJnIiB4PSI0LjcwOSIgeT0iNC4wMTEiIHdpZHRoPSI1LjUyNiIgaGVpZ2h0PSI1LjEzNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldC8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjM3NSIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjIzNTI5NCAwIDAgMCAwIDAuMzA1ODgyIDAgMCAwIDAgMC4zODQzMTQgMCAwIDAgMSAwIi8+PGZlQmxlbmQgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Xzk2XzEzMTA5Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93Xzk2XzEzMTA5IiByZXN1bHQ9InNoYXBlIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==)
}

.hbg-user-info__prime--level[data-level="1"] {
    --level: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/prime1.cec4769.svg)
}

.hbg-user-info__prime--level[data-level="2"] {
    --level: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/prime2.cec4769.svg)
}

.hbg-user-info__prime--level[data-level="3"] {
    --level: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/prime3.cec4769.svg)
}

.hbg-user-info__prime--level[data-level="4"] {
    --level: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/prime4.567e6a3.svg)
}

.hbg-user-info__prime--level[data-level="5"] {
    --level: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/prime5.567e6a3.svg)
}

.hbg-user-info__prime--level[data-level="6"] {
    --level: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/prime6.567e6a3.svg)
}

.hbg-user-info__prime--level[data-level="7"] {
    --level: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/prime7.bd8ce7e.svg)
}

.hbg-user-info__prime--level[data-level="8"] {
    --level: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/prime8.bd8ce7e.svg)
}

.hbg-user-info__prime--level[data-level="9"] {
    --level: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/prime9.bd8ce7e.svg)
}

.hbg-user-info__prime--level[data-level="10"] {
    --level: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/prime10.3e60b10.svg)
}

.hbg-user-info__prime--level[data-level="11"] {
    --level: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/prime11.3e60b10.svg)
}

.global-common-header,
.hbg-drawer--dark {
    --kyc-bg: #282829;
    --kyc-color: #d7deeb
}

.global-common-header .hbg-user-info__prime--level[data-level="0"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="0"] {
    --experience-color: #737e96;
    --experience-bg: #172736
}

.global-common-header .hbg-user-info__prime--level[data-level="1"],
.global-common-header .hbg-user-info__prime--level[data-level="2"],
.global-common-header .hbg-user-info__prime--level[data-level="3"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="1"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="2"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="3"] {
    --experience-color: #12b298;
    --experience-bg: #192925
}

.global-common-header .hbg-user-info__prime--level[data-level="4"],
.global-common-header .hbg-user-info__prime--level[data-level="5"],
.global-common-header .hbg-user-info__prime--level[data-level="6"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="4"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="5"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="6"] {
    --experience-color: #c68258;
    --experience-bg: #2f2323
}

.global-common-header .hbg-user-info__prime--level[data-level="7"],
.global-common-header .hbg-user-info__prime--level[data-level="8"],
.global-common-header .hbg-user-info__prime--level[data-level="9"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="7"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="8"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="9"] {
    --experience-color: #f28301;
    --experience-bg: #2a2419
}

.global-common-header .hbg-user-info__prime--level[data-level="10"],
.global-common-header .hbg-user-info__prime--level[data-level="11"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="10"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="11"] {
    --experience-color: #d7deeb;
    --experience-bg: #2c2b1b
}

.global-common-header--light,
.hbg-drawer--light {
    --kyc-bg: #f5f5f5;
    --kyc-color: #000
}

.global-common-header--light .hbg-user-info__prime--level[data-level="0"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="0"] {
    --experience-bg: #eef5fd
}

.global-common-header--light .hbg-user-info__prime--level[data-level="1"],
.global-common-header--light .hbg-user-info__prime--level[data-level="2"],
.global-common-header--light .hbg-user-info__prime--level[data-level="3"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="1"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="2"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="3"] {
    --experience-bg: #e7fdfa
}

.global-common-header--light .hbg-user-info__prime--level[data-level="4"],
.global-common-header--light .hbg-user-info__prime--level[data-level="5"],
.global-common-header--light .hbg-user-info__prime--level[data-level="6"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="4"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="5"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="6"] {
    --experience-bg: #fcede4
}

.global-common-header--light .hbg-user-info__prime--level[data-level="7"],
.global-common-header--light .hbg-user-info__prime--level[data-level="8"],
.global-common-header--light .hbg-user-info__prime--level[data-level="9"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="7"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="8"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="9"] {
    --experience-bg: #fff4e4
}

.global-common-header--light .hbg-user-info__prime--level[data-level="10"],
.global-common-header--light .hbg-user-info__prime--level[data-level="11"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="10"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="11"] {
    --experience-bg: #f0edf3
}

.hbg-user-info__prime {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 8px;
    justify-content: space-between
}

.hbg-user-info__prime,
.hbg-user-info__prime--dmc,
.hbg-user-info__prime--level,
.hbg-user-info__prime-kyc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hbg-user-info__prime--dmc,
.hbg-user-info__prime--level,
.hbg-user-info__prime-kyc {
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 4px;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    padding: 6px 8px 6px 4px
}

.hbg-user-info__prime--dmc span,
.hbg-user-info__prime--level span,
.hbg-user-info__prime-kyc span {
    padding-left: 8px
}

.hbg-user-info__prime--dmc:hover,
.hbg-user-info__prime--level:hover,
.hbg-user-info__prime-kyc:hover {
    cursor: pointer
}

.hbg-user-info__prime--level {
    background: var(--experience-bg);
    color: var(--experience-color)
}

.hbg-user-info__prime--level i {
    background: var(--level);
    display: block;
    height: 14px;
    width: 14px
}

.hbg-user-info__prime--dmc,
.hbg-user-info__prime-kyc {
    background: var(--kyc-bg);
    color: var(--kyc-color)
}

.hbg-user-info__prime--dmc i {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgMTRBNyA3IDAgMSAwIDcgMGE3IDcgMCAwIDAgMCAxNHoiIGZpbGw9IiMwMDZCM0YiLz48cGF0aCBkPSJtNyAuNTY3LjIyNi42OTdoLjczMWwtLjU5Mi40My4yMjcuNjk2TDcgMS45NmwtLjU5Mi40My4yMjYtLjY5Ni0uNTkyLS40M2guNzMxTDcgLjU2N3ptMy43OCAxLjIyOC0uMjI1LjY5Ni41OTEuNDNoLS43MzFsLS4yMjYuNjk2LS4yMjYtLjY5Nkg5LjIzbC41OTItLjQzLS4yMjYtLjY5NS41OTIuNDMuNTkyLS40M3ptMi4zMzggMy4yMTctLjU5Mi40My4yMjYuNjk3LS41OTItLjQzLS41OTIuNDMuMjI2LS42OTctLjU5Mi0uNDNoLjczMmwuMjI2LS42OTYuMjI2LjY5NmguNzMyem0wIDMuOTc3aC0uNzMybC0uMjI2LjY5Ni0uMjI2LS42OTZoLS43MzJsLjU5Mi0uNDMtLjIyNi0uNjk2LjU5Mi40My41OTItLjQzLS4yMjYuNjk1LjU5Mi40M3ptLTIuMzM3IDMuMjE2LS41OTItLjQzLS41OTIuNDMuMjI2LS42OTctLjU5Mi0uNDNoLjczMmwuMjI2LS42OTUuMjI2LjY5NmguNzMybC0uNTkyLjQzLjIyNi42OTZ6TTcgMTMuNDMzbC0uMjI2LS42OTdoLS43MzJsLjU5Mi0uNDMtLjIyNi0uNjk2LjU5Mi40My41OTItLjQzLS4yMjYuNjk2LjU5Mi40M2gtLjczMkw3IDEzLjQzM3ptLTMuNzgxLTEuMjI5LjIyNi0uNjk2LS41OTItLjQzaC43MzJsLjIyNi0uNjk2LjIyNi42OTZoLjczMWwtLjU5Mi40My4yMjYuNjk2LS41OTEtLjQzLS41OTIuNDN6TS44ODEgOC45ODhsLjU5Mi0uNDMtLjIyNi0uNjk3LjU5Mi40My41OTItLjQzLS4yMjYuNjk3LjU5Mi40M2gtLjczMmwtLjIyNi42OTYtLjIyNi0uNjk2SC44ODF6bS4wMDEtMy45NzZoLjczMmwuMjI2LS42OTYuMjI2LjY5NmguNzMybC0uNTkyLjQzLjIyNi42OTYtLjU5Mi0uNDMtLjU5Mi40My4yMjYtLjY5Ni0uNTkyLS40M3ptMi4zMzYtMy4yMTYuNTkyLjQzLjU5Mi0uNDMtLjIyNi42OTYuNTkyLjQzaC0uNzMybC0uMjI2LjY5Ni0uMjI2LS42OTZoLS43MzJsLjU5Mi0uNDMtLjIyNi0uNjk2eiIgZmlsbD0iI0ZDRDExNiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9Ii4xMzkiLz48cGF0aCBkPSJtNS4xNTggNi40MjMuNDMyLS43MzYgNC43NjktMS41NDQtLjQ5OC45OC0zLjEyNSAxLjgwMi0xLjU3OC0uNTAyeiIgZmlsbD0iI0ZDRDExNiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9Ii4xMzkiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJtNS4wODggNi41NC0uNTg0IDEuMDE1LjQwOS40OWgxLjQ1TDUuMDg3IDYuNTR6IiBmaWxsPSIjRDQxQzMwIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iLjEzOSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik01LjI2NCA2LjU2MyA2LjUzNyA4LjA4bC4xMTgtMS4wNTItMS4zOTEtLjQ2NnoiIGZpbGw9IiNGQ0QxMTYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIuMTM5IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0ibTQuOTg1IDguMTQzLjY4Ny4zMS43MzgtLjMxSDQuOTg1em0tMS4wNy0xLjgzOS4zMjMtLjA5Ni43NTkuMjYzLS41NzYuOTkxLS42OS0uODI5LjE4NC0uMzN6IiBmaWxsPSIjRDQxQzMwIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iLjEzOSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Im0zLjczMyA2LjYzMy0uMDQ4LjI2LjE1OC4zMDQuMTU5LS4yNC0uMjctLjMyNHptMS45MzUtMS4wODcgMy4xLTEuNzk3LS4wNTcuMjk4LS41MTQuNjcyLTIuNTMuODI3em0uMTIyIDIuOTc4LS4xNjQgMi4wOS41OTUtLjU2LjEzNC0xLjc3OS0uNTY2LjI0OXptLjY2Ni0uMjIyLjY1NCAxLjg5MnMtLjI5MS40MDgtLjM2Mi41MjVjLS4wMDMtLjAyNC0uNDQ0LS40MDktLjQ0NC0uNDA5bC4xNTItMi4wMDh6bS4wOTMtLjA2MiAxLjQ2IDEuNzU2LS44My4wOTYtLjYzLTEuODUxeiIgZmlsbD0iI0ZDRDExNiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9Ii4xMzkiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) no-repeat;
    display: block;
    height: 14px;
    width: 14px
}

.hbg-user-info__prime--dmc p {
    height: 14px;
    overflow: hidden;
    width: 14px
}

.hbg-user-info__prime--dmc p img {
    display: block;
    height: 100%;
    width: 100%
}

.hbg-user-info__prime-kyc-level {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.hbg-user-info__prime-kyc-level p {
    height: 14px;
    overflow: hidden;
    width: 14px
}

.hbg-user-info__prime-kyc-level p img {
    display: block;
    height: 100%;
    width: 100%
}

.hbg-user-info__prime .nokyc {
    background: rgba(254, 135, 49, .07);
    color: #fe8731
}

p {
    margin: 0;
    padding: 0
}

.hbg-seting {
    padding: 30px 24px 32px;
    width: 400px
}

.hbg-seting__bg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.hbg-seting__bg span {
    display: block;
    font-size: 14px;
    line-height: 20px
}

.hbg-seting__bg .switch {
    border: none;
    height: 20px;
    width: 38px
}

.hbg-seting__bg .switch .knobs,
.hbg-seting__bg .switch .layer {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hbg-seting__bg .switch .button {
    height: 20px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 38px
}

.hbg-seting__bg .switch .button.r,
.hbg-seting__bg .switch .button.r .layer {
    border-radius: 100px
}

.hbg-seting__bg .switch .checkbox {
    cursor: pointer;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 3
}

.hbg-seting__bg .switch .knobs {
    z-index: 2
}

.hbg-seting__bg .switch .layer {
    background-color: #383e4a;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    z-index: 1
}

.hbg-seting__bg .switch .layer--light {
    background-color: #adadb4
}

.hbg-seting__bg .switch .button .knobs:before {
    background-color: #fff;
    border-radius: 50%;
    color: #fff;
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iOS45NDUiIHk9IjIuODc1IiB3aWR0aD0iMS42NjciIGhlaWdodD0iMS42NjciIHJ4PSIuODMzIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA5Ljk0NSAyLjg3NSkiIGZpbGw9IiM1NjU2NTYiLz48cmVjdCB4PSIxMiIgeT0iNi4xNjciIHdpZHRoPSIxLjY2NyIgaGVpZ2h0PSIxLjY2NyIgcng9Ii44MzMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDEyIDYuMTY3KSIgZmlsbD0iIzU2NTY1NiIvPjxyZWN0IHg9IjExLjEyNSIgeT0iOS45NDYiIHdpZHRoPSIxLjY2NyIgaGVpZ2h0PSIxLjY2NyIgcng9Ii44MzMiIHRyYW5zZm9ybT0icm90YXRlKDEzNSAxMS4xMjUgOS45NDYpIiBmaWxsPSIjNTY1NjU2Ii8+PHJlY3QgeD0iNy44MzIiIHk9IjEyIiB3aWR0aD0iMS42NjciIGhlaWdodD0iMS42NjciIHJ4PSIuODMzIiB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNy44MzIgMTIpIiBmaWxsPSIjNTY1NjU2Ii8+PHJlY3QgeD0iNC4wNTUiIHk9IjExLjEyNSIgd2lkdGg9IjEuNjY3IiBoZWlnaHQ9IjEuNjY3IiByeD0iLjgzMyIgdHJhbnNmb3JtPSJyb3RhdGUoLTEzNSA0LjA1NSAxMS4xMjUpIiBmaWxsPSIjNTY1NjU2Ii8+PHJlY3QgeD0iMiIgeT0iNy44MzMiIHdpZHRoPSIxLjY2NyIgaGVpZ2h0PSIxLjY2NyIgcng9Ii44MzMiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyIDcuODMzKSIgZmlsbD0iIzU2NTY1NiIvPjxyZWN0IHg9IjIuODc1IiB5PSI0LjA1NCIgd2lkdGg9IjEuNjY3IiBoZWlnaHQ9IjEuNjY3IiByeD0iLjgzMyIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDIuODc1IDQuMDU0KSIgZmlsbD0iIzU2NTY1NiIvPjxjaXJjbGUgY3g9IjcuMDAxIiBjeT0iMi44MzMiIHI9Ii44MzMiIGZpbGw9IiM1NjU2NTYiLz48Y2lyY2xlIGN4PSI3IiBjeT0iNyIgcj0iMi41IiBmaWxsPSIjNTY1NjU2Ii8+PC9zdmc+);
    height: 14px;
    left: 4px;
    position: absolute;
    top: 3px;
    -webkit-transition: all .3s cubic-bezier(.18, .89, .35, 1.15);
    transition: all .3s cubic-bezier(.18, .89, .35, 1.15);
    width: 14px
}

.hbg-seting__bg .switch .button .checkbox:checked+.knobs:before {
    background-color: #fff;
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSA4Ljg4OUEzLjcyMyAzLjcyMyAwIDAgMSA3LjA1IDIuODlhNC4xMzcgNC4xMzcgMCAxIDAgMy45NSA2eiIgZmlsbD0iIzdFODY5NyIvPjxwYXRoIGQ9Im0xMSA4Ljg4OS4yMjMuMTEzYS4yNS4yNSAwIDAgMC0uMy0uMzUxbC4wNzcuMjM4ek03LjA1IDIuODlsLjE4OC4xNjVhLjI1LjI1IDAgMCAwLS4yMDMtLjQxNGwuMDE1LjI1em0zLjg3MyA1Ljc2MWMtLjMzOC4xMS0uNy4xNy0xLjA3NS4xN3YuNWEzLjk3IDMuOTcgMCAwIDAgMS4yMy0uMTk0bC0uMTU1LS40NzZ6bS0xLjA3NS4xN2EzLjQ3MyAzLjQ3MyAwIDAgMS0zLjQ3My0zLjQ3NGgtLjVhMy45NzMgMy45NzMgMCAwIDAgMy45NzMgMy45NzR2LS41ek02LjM3NSA1LjM0N2MwLS44NzguMzI1LTEuNjguODYzLTIuMjkybC0uMzc1LS4zM2EzLjk1OSAzLjk1OSAwIDAgMC0uOTg4IDIuNjIyaC41ek0zLjQyMiA3LjAyYTMuODg3IDMuODg3IDAgMCAxIDMuNjQ0LTMuODhsLS4wMy0uNDk4QTQuMzg3IDQuMzg3IDAgMCAwIDIuOTIyIDcuMDJoLjV6bTMuODg3IDMuODg3QTMuODg3IDMuODg3IDAgMCAxIDMuNDIyIDcuMDJoLS41YTQuMzg3IDQuMzg3IDAgMCAwIDQuMzg3IDQuMzg3di0uNXptMy40NjgtMi4xM2EzLjg4NyAzLjg4NyAwIDAgMS0zLjQ2OCAyLjEzdi41YzEuNzEgMCAzLjE5LS45NzggMy45MTQtMi40MDRsLS40NDYtLjIyNnoiIGZpbGw9IiM3RTg2OTciLz48L3N2Zz4=);
    left: 21px
}

.hbg-seting__bg .switch .button .knobs,
.hbg-seting__bg .switch .button .knobs:before,
.hbg-seting__bg .switch .button .layer {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.hbg-seting__bg--switch .switch-text {
    padding-bottom: 2px;
    position: relative;
    z-index: 0
}

.hbg-seting__bg--switch .switch-text .tips {
    background: #fff;
    border-radius: 4px;
    bottom: 25px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06), 0 0 6px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06), 0 0 6px 0 rgba(0, 0, 0, .04);
    color: #565656;
    display: none;
    font-size: 12px;
    left: 50%;
    line-height: 16px;
    padding: 16px 12px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 280px;
    z-index: 1
}

.hbg-seting__bg--switch .switch-text .tips:after {
    bottom: 0;
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggNmgxMGwtMy40NjQgNC4xNTZhMiAyIDAgMCAxLTMuMDcyIDBMOCA2eiIgZmlsbD0iI2ZmZiIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjYiIGhlaWdodD0iMjAuODc2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+PGZlT2Zmc2V0IGR5PSIyIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNCIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjEwOTgwNCAwIDAgMCAwIDAuMTQxMTc2IDAgMCAwIDAgMC4xNzI1NDkgMCAwIDAgMC4xIDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNTNfNjg4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzUzXzY4OCIgcmVzdWx0PSJzaGFwZSIvPjwvZmlsdGVyPjwvZGVmcz48L3N2Zz4=);
    height: 6px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 10px
}

.hbg-seting__bg--switch .switch-text:hover .tips {
    display: block
}

.hbg-seting__box {
    margin-top: 25px
}

.hbg-seting__box .line {
    background: #333;
    height: 1px;
    width: 100%
}

.hbg-seting__box .line--light {
    background: #ddd
}

.hbg-seting__box .set-title {
    color: var(--dropdown-content-subtitle-color);
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding-top: 28px
}

.hbg-seting__box .title--light {
    color: #8a8a8e
}

.hbg-seting__box .set-color {
    padding-top: 20px
}

.hbg-seting__box .set-color__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-top: 20px
}

.hbg-seting__box .set-color__item:first-child {
    padding-top: 0
}

.hbg-seting__box .set-color__item span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 20px
}

.hbg-seting__box .set-color__item span i {
    background: #00a171;
    border-radius: 2px;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    position: relative;
    width: 16px
}

.hbg-seting__box .set-color__item span i:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMiAzLjggMCA4bDEuMiAxLjIgMy0zTDYgOGw0LjItNC4yIDEuNSAxLjUuMy00LjUtNC41LjNMOSAyLjZsLTMgMy0xLjgtMS44eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
    content: "";
    display: block;
    height: 9px;
    left: 2px;
    position: absolute;
    top: 3px;
    width: 12px
}

.hbg-seting__box .set-color__item p {
    border: 1px solid #383e4a;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.hbg-seting__box .set-color .set-red i {
    background: #e94359
}

.hbg-seting__box .set-color--light span {
    color: #000
}

.hbg-seting__box .set-color--light p {
    border: 1px solid #adadb4
}

.hbg-seting__box .set-color--light p.active {
    border: 5px solid #0173e5;
    cursor: default
}

.hbg-seting__box .set-color--dark p.active {
    border: 5px solid #0094ff;
    cursor: default
}

.hbg-seting__box .set-type {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-top: 28px
}

.hbg-seting__box .set-type div {
    cursor: pointer
}

.hbg-seting__box .set-type div p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    padding-bottom: 8px
}

.hbg-seting__box .set-type div p i {
    border: 1px solid #383e4a;
    border-radius: 8px;
    display: block;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.hbg-seting__box .set-type div img {
    display: block;
    height: auto;
    width: 166px
}

.hbg-seting__box .set-type--light div p i {
    border: 1px solid #adadb4
}

.hbg-seting__box .set-type--dark .active,
.hbg-seting__box .set-type--light .active {
    border: 5px solid #0094ff;
    cursor: default
}

.hbg-seting__box .hbg-seting__bg {
    padding-top: 28px
}

.hbg-seting__box .hbg-seting__bg .switch-text {
    border-bottom: 1px dashed #383e4a;
    cursor: pointer
}

.hbg-seting__box .hbg-seting__bg .button .checkbox:checked+.knobs:before,
.hbg-seting__box .hbg-seting__bg .button .knobs:before {
    content: ""
}

.hbg-seting__box .hbg-seting__bg .button .layer--checked {
    background: #0094ff
}

.hbg-seting__box--light .line {
    background: #e6eaee
}

.hbg-seting__box--light .hbg-seting__bg .switch-text {
    border-bottom: 1px dashed #8a8a8e
}

.global-common-header-icon .icon,
.global-common-header-icon__msg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    display: inline-block;
    height: 24px;
    width: 24px
}

.global-common-header-icon__msg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMTIzIDUuNTA3SDIwdjEyLjk4NUg0bDIuMTIzLTIuOTY4VjUuNTA3eiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjBmMWY0IiBzdHJva2Utd2lkdGg9IjEuMzkxIi8+PHBhdGggZmlsbD0iI2YwZjFmNCIgZD0iTTEwLjQ5MiA5LjY4MWg1LjYwMXYxLjM5MWgtNS42MDF6bTAgMy4zOTdoNS42MDF2MS4zOTFoLTUuNjAxeiIvPjwvc3ZnPg==)
}

.global-common-header-icon__download {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iNy4wMDEiIHk9IjQiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxNiIgcng9Ii41IiBzdHJva2U9IiNGMEYxRjQiIHN0cm9rZS13aWR0aD0iMS4yIi8+PHBhdGggZD0iTTEyLjU2MyAxMHY2LjhtMCAwLTMuMDYyLTIuODcxbTMuMDYzIDIuODcxIDMuMDYyLTIuODcxTTEzLjUwMSA2LjVoLTIiIHN0cm9rZT0iI0YwRjFGNCIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)
}

.global-common-header-icon__download,
.global-common-header-icon__lang {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    display: inline-block;
    height: 24px;
    width: 24px
}

.global-common-header-icon__lang {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcwNCA4Ljk3YTYuNzE5IDYuNzE5IDAgMCAxIDYuMzQzLTMuOWwuMjE0IDEuNzgxLjAzNS4yODkuMjIuMTkgMi45MjUgMi41MTgtLjE2MiAzLjU5Mi0uMDI2LjU5Mi41Ny4xNjIgMi4wMDQuNTczYTYuNzQ5IDYuNzQ5IDAgMCAxLTIuNTUzIDIuNzcxbC0xLjAzOC0xLjQzNi0uMjA0LS4yODQtLjM0OS0uMDI1LTIuNzEyLS4yLS44My0uOTYzIDEuMzM4LTIuMzQuMjM1LS40MS0uMjctLjM5LTEuNi0yLjMxLS4yMzItLjMzNy0uNDA5LjAxNC0zLjQ5OS4xMTJ6bS0uNDkgMS41MTZhNi43MTggNi43MTggMCAwIDAgOC42NyA3LjY4OGwtLjY2LS45MTEtMi42NzMtLjE5Ny0uMzEtLjAyMi0uMjA0LS4yMzYtMS4zNzgtMS42LS4zNDUtLjQwMi4yNjItLjQ2IDEuMzY2LTIuMzktMS4wOTgtMS41ODctMy42My4xMTd6bTEzLjEyNSAyLjg2N2E2LjcyIDYuNzIgMCAwIDAtNC43NTQtOC4wNDlsLjEzIDEuMDc5IDIuOTggMi41NjYuMjc3LjIzOC0uMDE2LjM2NC0uMTUxIDMuMzY0IDEuNTM0LjQzOHptLTYuNTMzLTkuNzg3YTguMjE4IDguMjE4IDAgMSAwIDAgMTYuNDM2IDguMjE4IDguMjE4IDAgMCAwIDAtMTYuNDM2eiIgZmlsbD0iI2YwZjFmNCIvPjwvc3ZnPg==)
}

.global-common-header-icon__search {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAuOTQiIGN5PSIxMC45NCIgcj0iNi42OSIgc3Ryb2tlPSIjRTZFNkU2IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0xNS45IDE1LjkgMTkgMTkiIHN0cm9rZT0iI0U2RTZFNiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)
}

.global-common-header-icon__hamburg,
.global-common-header-icon__search {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    display: inline-block;
    height: 24px;
    width: 24px
}

.global-common-header-icon__hamburg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgMTJoMTZNNCA2LjVoMTZtLTE2IDExaDE2IiBzdHJva2U9IiNGMEYxRjQiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+)
}

.global-common-header-icon__seting {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMi45IiBzdHJva2U9IiNEN0RFRUIiIHN0cm9rZS13aWR0aD0iMS4yIi8+PHBhdGggZD0iTTE2LjA0MiA0LjY4NmEuNS41IDAgMCAxIC40MzMuMjVsMy45NjggNi44NzJhLjUuNSAwIDAgMSAwIC41bC0zLjk2OCA2Ljg3M2EuNS41IDAgMCAxLS40MzMuMjVIOC4xMDdhLjUuNSAwIDAgMS0uNDMzLS4yNWwtMy45NjgtNi44NzNhLjUuNSAwIDAgMSAwLS41bDMuOTY4LTYuODcyYS41LjUgMCAwIDEgLjQzMy0uMjVoNy45MzV6IiBzdHJva2U9IiNEN0RFRUIiIHN0cm9rZS13aWR0aD0iMS4yIi8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    display: inline-block;
    height: 24px;
    width: 24px
}

.global-common-header--light .global-common-header-icon__msg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMTI0IDYuMDA3YS41LjUgMCAwIDEgLjUtLjVoMTIuODc3YS41LjUgMCAwIDEgLjUuNXYxMS45ODZhLjUuNSAwIDAgMS0uNS41SDQuOTc0YS41LjUgMCAwIDEtLjQwNy0uNzkxbDEuNDY0LTIuMDQ3YS41LjUgMCAwIDAgLjA5My0uMjlWNi4wMDZ6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yIi8+PHJlY3QgeD0iMTAuMDAxIiB5PSI5LjY4MSIgd2lkdGg9IjYuMSIgaGVpZ2h0PSIxLjIiIHJ4PSIuNiIgZmlsbD0iIzAwMCIvPjxyZWN0IHg9IjEwLjAwMSIgeT0iMTMuMDc5IiB3aWR0aD0iNi4xIiBoZWlnaHQ9IjEuMiIgcng9Ii42IiBmaWxsPSIjMDAwIi8+PC9zdmc+)
}

.global-common-header--light .global-common-header-icon__download {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iNy4wMDEiIHk9IjQiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxNiIgcng9Ii41IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yIi8+PHBhdGggZD0iTTEyLjU2MyAxMHY2LjhtMCAwLTMuMDYyLTIuODcxbTMuMDYzIDIuODcxIDMuMDYyLTIuODcxTTEzLjUwMSA2LjVoLTIiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)
}

.global-common-header--light .global-common-header-icon__lang {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEyLjY5NiA0LjE4My4yODggMi4zODZhLjUuNSAwIDAgMCAuMTcuMzE5bDIuODcgMi40N2EuNS41IDAgMCAxIC4xNzMuNDAybC0uMTUgMy4zMTlhLjUuNSAwIDAgMCAuMzYzLjUwM2wyLjQyLjY5MSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS40NzIgOS4xMjdhNi44NyA2Ljg3IDAgMCAxIDEzLjIwMiAyLjY1NyA2Ljg2NSA2Ljg2NSAwIDAgMS0zLjQ0IDUuOTUzbC0uOTgyLTEuMzU5YTEuMSAxLjEgMCAwIDAtLjgxMS0uNDUzbC0yLjU0Mi0uMTg3LS45NC0xLjA5IDEuMjM0LTIuMTZhMS4xIDEuMSAwIDAgMC0uMDUtMS4xNzFMOS44NzcgOS40ODhhMS4xIDEuMSAwIDAgMC0uOTQtLjQ3M2wtMy40NjUuMTEyem0tLjM2MSAxLjEyMmE2Ljg2OCA2Ljg2OCAwIDAgMCA5LjAxMyA4LjAwMmwtLjgxOC0xLjEzMy0yLjUzNy0uMTg2YTEuMSAxLjEgMCAwIDEtLjc1Mi0uMzhsLTEuMDEzLTEuMTc1YTEuMSAxLjEgMCAwIDEtLjEyMS0xLjI2M2wxLjIzNy0yLjE2Ni0xLjE5OS0xLjczMi0zLjgwNy4xMjMtLjAwMy0uMDl6bTYuNjk2LTYuNTMzYTguMDY4IDguMDY4IDAgMSAwIDAgMTYuMTM2IDguMDY4IDguMDY4IDAgMCAwIDAtMTYuMTM2eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==)
}

.global-common-header--light .global-common-header-icon__search {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSI+PGNpcmNsZSBjeD0iMTAuOTQiIGN5PSIxMC45NCIgcj0iNi42OSIvPjxwYXRoIGQ9Ik0xNS45IDE1LjkgMTkgMTkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=)
}

.global-common-header--light .global-common-header-icon__hamburg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgMTJoMTZNNCA2LjVoMTZtLTE2IDExaDE2IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+)
}

.global-common-header--light .global-common-header-icon__seting {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMi45IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yIi8+PHBhdGggZD0iTTE2LjA0MiA0LjY4NmEuNS41IDAgMCAxIC40MzMuMjVsMy45NjggNi44NzJhLjUuNSAwIDAgMSAwIC41bC0zLjk2OCA2Ljg3M2EuNS41IDAgMCAxLS40MzMuMjVIOC4xMDdhLjUuNSAwIDAgMS0uNDMzLS4yNWwtMy45NjgtNi44NzNhLjUuNSAwIDAgMSAwLS41bDMuOTY4LTYuODcyYS41LjUgMCAwIDEgLjQzMy0uMjVoNy45MzV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yIi8+PC9zdmc+)
}

.global-common-header--light .hb-dropdown--open .header__user__body__item .global-common-header-icon__msg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMTI0IDYuMDA3YS41LjUgMCAwIDEgLjUtLjVoMTIuODc3YS41LjUgMCAwIDEgLjUuNXYxMS45ODZhLjUuNSAwIDAgMS0uNS41SDQuOTc0YS41LjUgMCAwIDEtLjQwNy0uNzkxbDEuNDY0LTIuMDQ3YS41LjUgMCAwIDAgLjA5My0uMjlWNi4wMDZ6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yIi8+PHJlY3QgeD0iMTAuMDAxIiB5PSI5LjY4MSIgd2lkdGg9IjYuMSIgaGVpZ2h0PSIxLjIiIHJ4PSIuNiIgZmlsbD0iIzAwMCIvPjxyZWN0IHg9IjEwLjAwMSIgeT0iMTMuMDc5IiB3aWR0aD0iNi4xIiBoZWlnaHQ9IjEuMiIgcng9Ii42IiBmaWxsPSIjMDAwIi8+PC9zdmc+) !important
}

.global-common-header--light .hb-dropdown--open .header__user__body__item .global-common-header-icon__download {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iNy4wMDEiIHk9IjQiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxNiIgcng9Ii41IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yIi8+PHBhdGggZD0iTTEyLjU2MyAxMHY2LjhtMCAwLTMuMDYyLTIuODcxbTMuMDYzIDIuODcxIDMuMDYyLTIuODcxTTEzLjUwMSA2LjVoLTIiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) !important
}

.global-common-header--light .hb-dropdown--open .header__user__body__item .global-common-header-icon__lang {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEyLjY5NiA0LjE4My4yODggMi4zODZhLjUuNSAwIDAgMCAuMTcuMzE5bDIuODcgMi40N2EuNS41IDAgMCAxIC4xNzMuNDAybC0uMTUgMy4zMTlhLjUuNSAwIDAgMCAuMzYzLjUwM2wyLjQyLjY5MSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS40NzIgOS4xMjdhNi44NyA2Ljg3IDAgMCAxIDEzLjIwMiAyLjY1NyA2Ljg2NSA2Ljg2NSAwIDAgMS0zLjQ0IDUuOTUzbC0uOTgyLTEuMzU5YTEuMSAxLjEgMCAwIDAtLjgxMS0uNDUzbC0yLjU0Mi0uMTg3LS45NC0xLjA5IDEuMjM0LTIuMTZhMS4xIDEuMSAwIDAgMC0uMDUtMS4xNzFMOS44NzcgOS40ODhhMS4xIDEuMSAwIDAgMC0uOTQtLjQ3M2wtMy40NjUuMTEyem0tLjM2MSAxLjEyMmE2Ljg2OCA2Ljg2OCAwIDAgMCA5LjAxMyA4LjAwMmwtLjgxOC0xLjEzMy0yLjUzNy0uMTg2YTEuMSAxLjEgMCAwIDEtLjc1Mi0uMzhsLTEuMDEzLTEuMTc1YTEuMSAxLjEgMCAwIDEtLjEyMS0xLjI2M2wxLjIzNy0yLjE2Ni0xLjE5OS0xLjczMi0zLjgwNy4xMjMtLjAwMy0uMDl6bTYuNjk2LTYuNTMzYTguMDY4IDguMDY4IDAgMSAwIDAgMTYuMTM2IDguMDY4IDguMDY4IDAgMCAwIDAtMTYuMTM2eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==) !important
}

.global-common-header--light .hb-dropdown--open .header__user__body__item .global-common-header-icon__search {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSI+PGNpcmNsZSBjeD0iMTAuOTQiIGN5PSIxMC45NCIgcj0iNi42OSIvPjxwYXRoIGQ9Ik0xNS45IDE1LjkgMTkgMTkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=) !important
}

.global-common-header--light .hb-dropdown--open .header__user__body__item .global-common-header-icon__hamburg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgMTJoMTZNNCA2LjVoMTZtLTE2IDExaDE2IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+) !important
}

.global-common-header--light .hb-dropdown--open .header__user__body__item .global-common-header-icon__seting {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMi45IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yIi8+PHBhdGggZD0iTTE2LjA0MiA0LjY4NmEuNS41IDAgMCAxIC40MzMuMjVsMy45NjggNi44NzJhLjUuNSAwIDAgMSAwIC41bC0zLjk2OCA2Ljg3M2EuNS41IDAgMCAxLS40MzMuMjVIOC4xMDdhLjUuNSAwIDAgMS0uNDMzLS4yNWwtMy45NjgtNi44NzNhLjUuNSAwIDAgMSAwLS41bDMuOTY4LTYuODcyYS41LjUgMCAwIDEgLjQzMy0uMjVoNy45MzV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yIi8+PC9zdmc+) !important
}

.global-common-header {
    color: var(--hbg-header-main-txtcolor);
    height: 64px;
    height: var(--hbg-header-height)
}

.global-common-header .header-wrap {
    background-color: var(--hbg-header-main-bgcolor);
    height: 64px;
    height: var(--hbg-header-height);
    left: 0;
    padding: 0 24px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.global-common-header .header-wrap:after {
    border-top: 1px solid var(--hbg-header-split-color);
    bottom: -1px;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.global-common-header .header-body {
    -webkit-box-flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    justify-content: space-between;
    margin: 0 auto;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 100%
}

.global-common-header .header-body,
.global-common-header .header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.global-common-header .header-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    height: var(--hbg-header-item-height)
}

.global-common-header .header-nav .header-nav-brand {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    margin-right: 24px;
    overflow: hidden;
    position: relative
}

.global-common-header .header-nav .header-nav-brand img {
    cursor: pointer;
    height: 28px;
    width: 68px
}

.global-common-header .header-nav .header-nav-brand i {
    display: none;
    height: 26px;
    left: 0;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTI1IiBoZWlnaHQ9IjIwMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik04Ny4wODIgNjIuNjM2Qzg3LjY4NCAzMi44MjYgNzAuODA0IDYuODUgNjIuMDEyLjYwN2MtLjA0LS4wNC0uODIzLS40NjItLjc2My43MDMgMCAuMDItLjAyLjAyLS4wMi4wNC0uOTAzIDU2LjMwOC0yOS44NDcgNzEuNDg0LTQ1LjU2MyA5Mi4xMi0zNC45MjUgNDUuODg5LTUuNzgxIDk4LjI0MyAzMS45NzQgMTA4LjE1OS42NDMuMTYxIDIuMzg5LjY4MyA1LjcgMS4zNjUgMS43MjcuMzYyIDIuMjI5LTEuMTA0Ljk2NC0zLjI5Mi00LjUxNi03Ljg0OS0xMi41NDUtMjEuMDk4LTE0LjEzLTM4LjEyMS0zLjYxMy0zOS41MjYgNDYuMjA1LTY0LjI1NyA0Ni45MDgtOTguOTQ1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDYuMTEgODEuNzI3Yy0uMzAxLS4yMjEtLjcyMi0uMjAxLS43NjIuMTgtLjgwMyA3LjE2Ny04LjIxIDIyLjAyMi0xNy45NjUgMzUuOTEzLTMyLjgzOCA0Ni44MzMtMTYuMjk4IDY4LjA3MS0zLjQ1MiA4Mi44MDYgMi4zNjggMi43MyAzLjU1MiAyLjEyOCA0Ljc5Ny4xODEgMS4xNjQtMS44NDcgMi45My00LjE5NiAxMC41MTgtNy43ODkgMS4xODQtLjU2MiAyOS44NDctMTUuNzc4IDMyLjk1OC01MC40MjYgMi45OTEtMzMuNTI0LTE4LjUwNy01NC43MjMtMjYuMDk0LTYwLjg2NXoiIGZpbGw9IiMwMDhDRDYiLz48cGF0aCBkPSJNMjc2LjYyMiA3My4xOTVWMTk2LjQzaC0yNi40MzV2LTQ5Ljc4M2gtNTAuODAydjQ5Ljc4M2gtMjcuMDk3VjczLjE5NWgyNy4wOTd2NDkuNzg0aDUwLjgwMlY3My4xOTVoMjYuNDM1em0xMjIuMjE4IDB2MjQuMzdoLTM3Ljk1NnY5OC44NDVoLTI3LjE5N1Y5Ny41NjVoLTM3LjI3NHYtMjQuMzdIMzk4Ljg0eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNDk1LjEwNSAxOTYuNTUxLTMxLjA3Mi00Mi44NzktMzAuODMgNDIuNjk4LTMwLjE0OC4wNCA0NS43MDQtNjIuOTEyLTQzLjEzNS02MC4zMDNoMzAuMTI4bDg5LjM2IDEyMy4zNTZoLTMwLjAwN3oiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtNDcyLjQ4MyAxMDAuNzc3IDE0LjkxNCAyMC43MTcgMzUuMzI3LTQ4LjMxOWgtMjkuOTY4bC0yMC4yNzMgMjcuNjAyeiIgZmlsbD0iIzAwOENENiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNTI1djIwM0gweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTI1IiBoZWlnaHQ9IjIwMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik04Ny4wODIgNjIuNjM2Qzg3LjY4NCAzMi44MjYgNzAuODA0IDYuODUgNjIuMDEyLjYwN2MtLjA0LS4wNC0uODIzLS40NjItLjc2My43MDMgMCAuMDItLjAyLjAyLS4wMi4wNC0uOTAzIDU2LjMwOC0yOS44NDcgNzEuNDg0LTQ1LjU2MyA5Mi4xMi0zNC45MjUgNDUuODg5LTUuNzgxIDk4LjI0MyAzMS45NzQgMTA4LjE1OS42NDMuMTYxIDIuMzg5LjY4MyA1LjcgMS4zNjUgMS43MjcuMzYyIDIuMjI5LTEuMTA0Ljk2NC0zLjI5Mi00LjUxNi03Ljg0OS0xMi41NDUtMjEuMDk4LTE0LjEzLTM4LjEyMS0zLjYxMy0zOS41MjYgNDYuMjA1LTY0LjI1NyA0Ni45MDgtOTguOTQ1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDYuMTEgODEuNzI3Yy0uMzAxLS4yMjEtLjcyMi0uMjAxLS43NjIuMTgtLjgwMyA3LjE2Ny04LjIxIDIyLjAyMi0xNy45NjUgMzUuOTEzLTMyLjgzOCA0Ni44MzMtMTYuMjk4IDY4LjA3MS0zLjQ1MiA4Mi44MDYgMi4zNjggMi43MyAzLjU1MiAyLjEyOCA0Ljc5Ny4xODEgMS4xNjQtMS44NDcgMi45My00LjE5NiAxMC41MTgtNy43ODkgMS4xODQtLjU2MiAyOS44NDctMTUuNzc4IDMyLjk1OC01MC40MjYgMi45OTEtMzMuNTI0LTE4LjUwNy01NC43MjMtMjYuMDk0LTYwLjg2NXoiIGZpbGw9IiMwMDhDRDYiLz48cGF0aCBkPSJNMjc2LjYyMiA3My4xOTVWMTk2LjQzaC0yNi40MzV2LTQ5Ljc4M2gtNTAuODAydjQ5Ljc4M2gtMjcuMDk3VjczLjE5NWgyNy4wOTd2NDkuNzg0aDUwLjgwMlY3My4xOTVoMjYuNDM1em0xMjIuMjE4IDB2MjQuMzdoLTM3Ljk1NnY5OC44NDVoLTI3LjE5N1Y5Ny41NjVoLTM3LjI3NHYtMjQuMzdIMzk4Ljg0eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNDk1LjEwNSAxOTYuNTUxLTMxLjA3Mi00Mi44NzktMzAuODMgNDIuNjk4LTMwLjE0OC4wNCA0NS43MDQtNjIuOTEyLTQzLjEzNS02MC4zMDNoMzAuMTI4bDg5LjM2IDEyMy4zNTZoLTMwLjAwN3oiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtNDcyLjQ4MyAxMDAuNzc3IDE0LjkxNCAyMC43MTcgMzUuMzI3LTQ4LjMxOWgtMjkuOTY4bC0yMC4yNzMgMjcuNjAyeiIgZmlsbD0iIzAwOENENiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNTI1djIwM0gweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
    -webkit-mask-mode: match-source;
    mask-mode: match-source;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 68px 26px;
    mask-size: 68px 26px;
    position: absolute;
    top: 0;
    width: 68px
}

.global-common-header .header-nav .header-nav-brand i:after {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: logo;
    animation-name: logo;
    -webkit-animation-timing-function: cubic-bezier(.16, 0, .18, 1);
    animation-timing-function: cubic-bezier(.16, 0, .18, 1);
    background: hsla(0, 0%, 100%, .3);
    content: "";
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px
}

.global-common-header .header-nav .header-nav-brand:hover i {
    display: block
}

.global-common-header .header-nav .header-nav-logocn i {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYzIiBoZWlnaHQ9IjIwMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODcuMDg0IDYyLjEzN2MuNjAyLTI5LjgxLTE2LjI3OS01NS43ODctMjUuMDctNjIuMDMtLjA0LS4wNC0uODI0LS40NjItLjc2NC43MDMgMCAuMDItLjAyLjAyLS4wMi4wNC0uOTAzIDU2LjMwOS0yOS44NDcgNzEuNDg1LTQ1LjU2NCA5Mi4xMjItMzQuOTI2IDQ1Ljg5LTUuNzggOTguMjQ1IDMxLjk3NSAxMDguMTYxLjY0My4xNjEgMi4zOS42ODMgNS43MDEgMS4zNjYgMS43MjYuMzYxIDIuMjI4LTEuMTA1Ljk2NC0zLjI5My00LjUxNy03Ljg0OS0xMi41NDYtMjEuMDk4LTE0LjEzMS0zOC4xMjEtMy42MTMtMzkuNTI3IDQ2LjIwNi02NC4yNTkgNDYuOTA5LTk4Ljk0OHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTA2LjExMyA4MS4yMjhjLS4zMDEtLjIyMS0uNzIzLS4yMDEtLjc2My4xOC0uODAzIDcuMTY3LTguMjEgMjIuMDIyLTE3Ljk2NSAzNS45MTQtMzIuODM4IDQ2LjgzNC0xNi4yOTkgNjguMDczLTMuNDUyIDgyLjgwNyAyLjM2OCAyLjczIDMuNTUyIDIuMTI4IDQuNzk3LjE4MSAxLjE2NC0xLjg0NyAyLjkzLTQuMTk2IDEwLjUxOC03Ljc4OSAxLjE4NC0uNTYyIDI5Ljg0Ny0xNS43NzkgMzIuOTU5LTUwLjQyNyAyLjk5LTMzLjU0NS0xOC41MDctNTQuNzIzLTI2LjA5NC02MC44NjZ6IiBmaWxsPSIjMDA4Q0Q2Ii8+PHBhdGggZD0iTTIzMS4xOTcgNjIuMDQyaDkuMjQ0YzUuNTYxIDAgMTAuMDY3IDQuNTEzIDEwLjA2IDEwLjA3NC0uMDIxIDExLjM1LS4wNjMgMjQuMjA0LjE3OSAzNC4xNzYuMjExIDguNDgxIDIuODEyIDM0LjQwMSAxNy40MzEgNTMuNTE1IDEwLjY5NiAxMy43OTMgMjUuMzA4IDE5LjkzMyAzMy45OTMgMjIuNTFhMTAuMTM1IDEwLjEzNSAwIDAgMSA3LjI2MiA5LjY1OWMuMDIxIDMuNDU1LjA4NCA3LjAxOS4wOTUgOS44N2EuNzAzLjcwMyAwIDAgMS0uNzc3LjcwM2MtMjQuMDU2LTIuNjA4LTU0LjcxLTIwLjItNjcuOTIzLTUzLjM3MS0uNzY2IDIuMDA3LTguMjgxIDIxLjE3LTI2LjM5NCAzNS42OTEtMTYuODkzIDEzLjU0My0zNi43OCAxNy4wMDktNDEuMDUxIDE3LjU5MmEuNjk4LjY5OCAwIDAgMS0uNzk0LS42OTJjLS4wMDQtMi43MjgtLjAyNS02LjMyLS4wMzItOS45MTItLjAwNy00LjQ5NiAyLjk4MS04LjQyNiA3LjI5Ny05LjY3NyAxNC4wNjMtNC4wNzggMjUuOTY5LTEyLjI1MyAzNC45MTgtMjQuMjY0IDE0LjE3Ni0xNy4zNzggMTYuNjE1LTUwLjAyOCAxNi41MTctNjIuMzg3LS4wODEtMTAuMjE4LS4wMTgtMjAuNDQtLjAxOC0zMC42NTR2LTIuODMzaC0uMDA3eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xODMuOTc5IDEzMS42NDVjLS41MjQtNS45NzItNC41NjMtNTIuMDY3LTUuMTM5LTU4LjcxNGEuNy43IDAgMCAxIC42OTktLjc2aDkuNzEyYzUuMjEzIDAgOS41NjEgMy45ODcgMTAuMDE0IDkuMTc4IDEuMzM2IDE1LjM0NyAzLjkyIDQ1LjA0NSA0LjM1NSA1MC4xOGEuNjk3LjY5NyAwIDAgMS0uNjk2Ljc1NmgtMTguMjQ2YS43LjcgMCAwIDEtLjY5Ni0uNjM2bC0uMDAzLS4wMDR6bTExOC4zODYtNTguNzExLTUuMTQ2IDU4LjcwN2EuNzA2LjcwNiAwIDAgMS0uNy42NDNoLTE4LjAzMWEuNzA0LjcwNCAwIDAgMS0uNy0uNzYzbDQuMzktNTAuMTY1YTEwLjA1OCAxMC4wNTggMCAwIDEgMTAuMDIyLTkuMTgxaDkuNDY5Yy40MTEgMCAuNzM1LjM1NS42OTkuNzYybC0uMDAzLS4wMDN6bTE2MC4xMDkgNS41MTctLjQ3Ni05Ljg0M2MtLjE5Ny00LjAyLTMuNDYyLTcuMTItNy4yODUtNi45MjRsLTExOC40MTkgNi4xMnYxNy4xMTFsNTQuNDEtMi43NzJ2MjEuNjRoLTUwLjAxM3YuMzI4aC0uMjk1djgyLjcyMWguMjk1di4xODFoMTYuOTE3di02NC45MzdoMzMuMDk2djgwLjQ1N2gxNi41NzJ2LTgwLjQ1N2gzNC44Njh2NDguNjI5aC0xNy41MDh2MTUuNjY4aDIwLjM2M2M3LjkyNSAwIDE0LjM0MS02LjcyNyAxNC4zNDEtMTUuMDI4di01Mi41MzRjMC04LjMwMi02LjQxNi0xNS4wMjgtMTQuMzQxLTE1LjAyOGgtMzcuNzIzVjgxLjI5bDU1LjIxNC0yLjg1NS0uMDE2LjAxNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYzIiBoZWlnaHQ9IjIwMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODcuMDg0IDYyLjEzN2MuNjAyLTI5LjgxLTE2LjI3OS01NS43ODctMjUuMDctNjIuMDMtLjA0LS4wNC0uODI0LS40NjItLjc2NC43MDMgMCAuMDItLjAyLjAyLS4wMi4wNC0uOTAzIDU2LjMwOS0yOS44NDcgNzEuNDg1LTQ1LjU2NCA5Mi4xMjItMzQuOTI2IDQ1Ljg5LTUuNzggOTguMjQ1IDMxLjk3NSAxMDguMTYxLjY0My4xNjEgMi4zOS42ODMgNS43MDEgMS4zNjYgMS43MjYuMzYxIDIuMjI4LTEuMTA1Ljk2NC0zLjI5My00LjUxNy03Ljg0OS0xMi41NDYtMjEuMDk4LTE0LjEzMS0zOC4xMjEtMy42MTMtMzkuNTI3IDQ2LjIwNi02NC4yNTkgNDYuOTA5LTk4Ljk0OHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTA2LjExMyA4MS4yMjhjLS4zMDEtLjIyMS0uNzIzLS4yMDEtLjc2My4xOC0uODAzIDcuMTY3LTguMjEgMjIuMDIyLTE3Ljk2NSAzNS45MTQtMzIuODM4IDQ2LjgzNC0xNi4yOTkgNjguMDczLTMuNDUyIDgyLjgwNyAyLjM2OCAyLjczIDMuNTUyIDIuMTI4IDQuNzk3LjE4MSAxLjE2NC0xLjg0NyAyLjkzLTQuMTk2IDEwLjUxOC03Ljc4OSAxLjE4NC0uNTYyIDI5Ljg0Ny0xNS43NzkgMzIuOTU5LTUwLjQyNyAyLjk5LTMzLjU0NS0xOC41MDctNTQuNzIzLTI2LjA5NC02MC44NjZ6IiBmaWxsPSIjMDA4Q0Q2Ii8+PHBhdGggZD0iTTIzMS4xOTcgNjIuMDQyaDkuMjQ0YzUuNTYxIDAgMTAuMDY3IDQuNTEzIDEwLjA2IDEwLjA3NC0uMDIxIDExLjM1LS4wNjMgMjQuMjA0LjE3OSAzNC4xNzYuMjExIDguNDgxIDIuODEyIDM0LjQwMSAxNy40MzEgNTMuNTE1IDEwLjY5NiAxMy43OTMgMjUuMzA4IDE5LjkzMyAzMy45OTMgMjIuNTFhMTAuMTM1IDEwLjEzNSAwIDAgMSA3LjI2MiA5LjY1OWMuMDIxIDMuNDU1LjA4NCA3LjAxOS4wOTUgOS44N2EuNzAzLjcwMyAwIDAgMS0uNzc3LjcwM2MtMjQuMDU2LTIuNjA4LTU0LjcxLTIwLjItNjcuOTIzLTUzLjM3MS0uNzY2IDIuMDA3LTguMjgxIDIxLjE3LTI2LjM5NCAzNS42OTEtMTYuODkzIDEzLjU0My0zNi43OCAxNy4wMDktNDEuMDUxIDE3LjU5MmEuNjk4LjY5OCAwIDAgMS0uNzk0LS42OTJjLS4wMDQtMi43MjgtLjAyNS02LjMyLS4wMzItOS45MTItLjAwNy00LjQ5NiAyLjk4MS04LjQyNiA3LjI5Ny05LjY3NyAxNC4wNjMtNC4wNzggMjUuOTY5LTEyLjI1MyAzNC45MTgtMjQuMjY0IDE0LjE3Ni0xNy4zNzggMTYuNjE1LTUwLjAyOCAxNi41MTctNjIuMzg3LS4wODEtMTAuMjE4LS4wMTgtMjAuNDQtLjAxOC0zMC42NTR2LTIuODMzaC0uMDA3eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xODMuOTc5IDEzMS42NDVjLS41MjQtNS45NzItNC41NjMtNTIuMDY3LTUuMTM5LTU4LjcxNGEuNy43IDAgMCAxIC42OTktLjc2aDkuNzEyYzUuMjEzIDAgOS41NjEgMy45ODcgMTAuMDE0IDkuMTc4IDEuMzM2IDE1LjM0NyAzLjkyIDQ1LjA0NSA0LjM1NSA1MC4xOGEuNjk3LjY5NyAwIDAgMS0uNjk2Ljc1NmgtMTguMjQ2YS43LjcgMCAwIDEtLjY5Ni0uNjM2bC0uMDAzLS4wMDR6bTExOC4zODYtNTguNzExLTUuMTQ2IDU4LjcwN2EuNzA2LjcwNiAwIDAgMS0uNy42NDNoLTE4LjAzMWEuNzA0LjcwNCAwIDAgMS0uNy0uNzYzbDQuMzktNTAuMTY1YTEwLjA1OCAxMC4wNTggMCAwIDEgMTAuMDIyLTkuMTgxaDkuNDY5Yy40MTEgMCAuNzM1LjM1NS42OTkuNzYybC0uMDAzLS4wMDN6bTE2MC4xMDkgNS41MTctLjQ3Ni05Ljg0M2MtLjE5Ny00LjAyLTMuNDYyLTcuMTItNy4yODUtNi45MjRsLTExOC40MTkgNi4xMnYxNy4xMTFsNTQuNDEtMi43NzJ2MjEuNjRoLTUwLjAxM3YuMzI4aC0uMjk1djgyLjcyMWguMjk1di4xODFoMTYuOTE3di02NC45MzdoMzMuMDk2djgwLjQ1N2gxNi41NzJ2LTgwLjQ1N2gzNC44Njh2NDguNjI5aC0xNy41MDh2MTUuNjY4aDIwLjM2M2M3LjkyNSAwIDE0LjM0MS02LjcyNyAxNC4zNDEtMTUuMDI4di01Mi41MzRjMC04LjMwMi02LjQxNi0xNS4wMjgtMTQuMzQxLTE1LjAyOGgtMzcuNzIzVjgxLjI5bDU1LjIxNC0yLjg1NS0uMDE2LjAxNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)
}

.global-common-header .header-nav .header-nav-logohk i {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYzIiBoZWlnaHQ9IjIwMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODcuMDg0IDYyLjEzN2MuNjAyLTI5LjgxLTE2LjI4LTU1Ljc4Ny0yNS4wNy02Mi4wMy0uMDQxLS4wNC0uODI0LS40NjItLjc2NC43MDMgMCAuMDItLjAyLjAyLS4wMi4wNC0uOTAzIDU2LjMwOS0yOS44NDcgNzEuNDg1LTQ1LjU2NCA5Mi4xMjItMzQuOTI2IDQ1Ljg5LTUuNzggOTguMjQ0IDMxLjk3NSAxMDguMTYxLjY0My4xNjEgMi4zODkuNjgzIDUuNyAxLjM2NSAxLjcyNy4zNjIgMi4yMjktMS4xMDQuOTY0LTMuMjkyLTQuNTE2LTcuODQ5LTEyLjU0NS0yMS4wOTgtMTQuMTMtMzguMTIyLTMuNjE0LTM5LjUyNiA0Ni4yMDYtNjQuMjU4IDQ2LjkwOS05OC45NDd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwNi4xMTMgODEuMjI4Yy0uMzAxLS4yMjEtLjcyMy0uMjAxLS43NjMuMTgtLjgwMyA3LjE2Ny04LjIxIDIyLjAyMi0xNy45NjUgMzUuOTE0LTMyLjgzOCA0Ni44MzMtMTYuMjk5IDY4LjA3Mi0zLjQ1MiA4Mi44MDcgMi4zNjggMi43MyAzLjU1MiAyLjEyOCA0Ljc5Ny4xODEgMS4xNjQtMS44NDcgMi45My00LjE5NiAxMC41MTgtNy43ODkgMS4xODQtLjU2MiAyOS44NDctMTUuNzc5IDMyLjk1OS01MC40MjcgMi45OS0zMy41NDUtMTguNTA3LTU0LjcyMy0yNi4wOTQtNjAuODY2eiIgZmlsbD0iIzAwOENENiIvPjxwYXRoIGQ9Ik0yMzAuMjY0IDY0LjAyaDkuMDk3YzUuNDcyIDAgOS45MDggNC40NDIgOS45IDkuOTE1LS4wMjEgMTEuMTctLjA2MiAyMy44Mi4xNzcgMzMuNjMzLjIwOCA4LjM0NiAyLjc2NyAzMy44NTQgMTcuMTUzIDUyLjY2NCAxMC41MjcgMTMuNTc1IDI0LjkwNiAxOS42MTggMzMuNDUzIDIyLjE1M2E5Ljk3OCA5Ljk3OCAwIDAgMSA3LjE0OCA5LjUwNmMuMDIgMy40LjA4MiA2LjkwNy4wOTIgOS43MTNhLjY5Mi42OTIgMCAwIDEtLjc2NS42OTJjLTIzLjY3My0yLjU2Ny01My44NDEtMTkuODgtNjYuODQyLTUyLjUyMy0uNzU1IDEuOTc1LTguMTUgMjAuODM0LTI1Ljk3NSAzNS4xMjMtMTYuNjI1IDEzLjMyOS0zNi4xOTcgMTYuNzM4LTQwLjM5OSAxNy4zMTNhLjY4Ny42ODcgMCAwIDEtLjc4Mi0uNjgxYy0uMDA0LTIuNjg0LS4wMjUtNi4yMTktLjAzMS05Ljc1NS0uMDA4LTQuNDI0IDIuOTMzLTguMjkyIDcuMTgxLTkuNTIzIDEzLjg0LTQuMDEyIDI1LjU1Ni0xMi4wNTggMzQuMzYzLTIzLjg3OCAxMy45NS0xNy4xMDIgMTYuMzUxLTQ5LjIzMyAxNi4yNTQtNjEuMzk2LS4wNzktMTAuMDU1LS4wMTgtMjAuMTE1LS4wMTgtMzAuMTY3VjY0LjAyaC0uMDA2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xODMuNzkyIDEzMi41MThjLS41MTUtNS44NzYtNC40ODktNTEuMjQtNS4wNTctNTcuNzhhLjY5LjY5IDAgMCAxIC42ODktLjc0OGg5LjU1OGE5Ljg5MyA5Ljg5MyAwIDAgMSA5Ljg1NCA5LjAzMWMxLjMxNSAxNS4xMDQgMy44NTggNDQuMzI5IDQuMjg2IDQ5LjM4NGEuNjg2LjY4NiAwIDAgMS0uNjg1Ljc0M2gtMTcuOTU2YS42ODguNjg4IDAgMCAxLS42ODUtLjYyN2wtLjAwNC0uMDAzek0zMDAuMyA3NC43NDFsLTUuMDY0IDU3Ljc3NGEuNjk0LjY5NCAwIDAgMS0uNjg4LjYzM2gtMTcuNzQ1YS42OTMuNjkzIDAgMCAxLS42ODktLjc1MWw0LjMyLTQ5LjM2OGE5Ljg5OCA5Ljg5OCAwIDAgMSA5Ljg2Mi05LjAzNWg5LjMxOWMuNDA1IDAgLjcyMy4zNS42ODguNzVsLS4wMDMtLjAwM3ptOTYuNDg1LTYuMDYxaC0xNC4yMTFjLS4zOTMgNS4xNC0yLjE3MSAxMC4yOC01LjMzNSAxNS40MDNoMTMuNjIzYzMuNTU2LTUuMTI0IDUuNTMtMTAuMjYzIDUuOTIzLTE1LjQwM3ptLTQ5LjE3MiAxNS40Yy0zLjE2Ni01LjEyMy00Ljk0NC0xMC40NTgtNS4zMzUtMTUuOTloLTE0Ljc5OWMxLjE5MSA2LjMxNSAzLjM0NSAxMS42NSA2LjUxIDE1Ljk5aDEzLjYyNHptLTMuNjQgNDYuMjA5YzYuMzE0LTMuNTU2IDkuODctMTIuNDQ5IDEwLjY1NC0yNi42NmgtNy4xMTRjMCA4LjY5Ni0xLjE5MSAxNS4wMS0zLjU1NyAxOC45NTl2Ny43MDFoLjAxN3ptMTEyLjU2Mi01NC41MTJoLTI3Ljg1YzEuMTktMy41NTggMi4xNjktNy41MDYgMi45NjktMTEuODQ2SDQxNS4wNmMtLjc5OSAxMi42NDQtNS4xMzkgMjIuNzEyLTEzLjAzNiAzMC4yMTh2MTEuMjU3YzMuMTQ5LTEuOTc0IDUuOTIzLTMuNzUzIDguMjg5LTUuMzM1IDIuMzY1IDcuNTA1IDYuMzE0IDE0LjYxOSAxMS44NDUgMjEuMzI1LTUuNTMxIDMuOTQ4LTEyLjQzMyA3LjMwOS0yMC43MzggMTAuMDY3djExLjI1OGMxNS4wMTEtNC43MzIgMjUuMDc4LTguODkyIDMwLjIxNy0xMi40MzMgNy41MDYgNC43MzEgMTcuMTgxIDguNjk2IDI5LjAyNiAxMS44NDV2LTExLjI1OGMtNy41MDYtMi4zNjUtMTMuODM2LTUuNTMxLTE4Ljk1OS05LjQ3OSA3LjExNC02LjcwNiAxMS40NTMtMTcuOTY0IDEzLjAzNi0zMy43NThoNy43NXYtNS44OWE1Ljk1NiA1Ljk1NiAwIDAgMC01Ljk1NS01Ljk1NXYtLjAxNnptLTI0LjI5NCAzNi43MjZjLTMuMTY1LTMuOTQ4LTYuMTM0LTEwLjQ1Ny04Ljg5Mi0xOS41NDZoLTQuNzQ4Yy43ODMtLjc4MyAxLjU2Ny0xLjc3OCAyLjM2Ni0yLjk1M2wyLjM2NS0yLjM2NmgxNy4xODFjLS43OTkgOS44Ny0zLjU1NyAxOC4xNzYtOC4yODggMjQuODgxbC4wMTYtLjAxNnptMTAuMDY1IDM3LjkyMUg0MDIuNjF2LTcuMTEzaC0xOC45NTl2Ny4xMTNoLTQ2LjIwNnY0My44NDFoMTcuNzY4di0zMS45OTZoMjguNDM4djQwLjI4NGgxOC45NTl2LTQwLjI4NGgyNy44ODR2MjAuNzM4aC0xMS44OTV2MTAuNjg2aDI5LjY2MlYxNTYuMzhhNS45NTYgNS45NTYgMCAwIDAtNS45NTUtNS45NTZ6bS01OS4yMzgtMjAuMTM1di03LjcwMWMtMi43NzMtMy45NDktNC4xNDQtMTAuMjYzLTQuMTQ0LTE4Ljk1OWgtNy4xMTRjLjM5MiAxMy40MjggNC4xNDUgMjIuMzIgMTEuMjU4IDI2LjY2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zNDEuNjA0IDk3LjEwMWgxNC4yMTF2NDMuMjM3aDE0LjgxNVY5Ny4xMDFoMTQuMjExdjQ0LjQyN2gxMy42MjN2LTQ4LjU0YTUuOTU3IDUuOTU3IDAgMCAwLTUuOTU1LTUuOTU0SDM3MC42M1Y2NC41MThoLTE0LjgxNXYyMi41MTZoLTI3LjI0N3Y1NC40OTRoMTMuMDM2Vjk3LjEwMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYzIiBoZWlnaHQ9IjIwMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODcuMDg0IDYyLjEzN2MuNjAyLTI5LjgxLTE2LjI4LTU1Ljc4Ny0yNS4wNy02Mi4wMy0uMDQxLS4wNC0uODI0LS40NjItLjc2NC43MDMgMCAuMDItLjAyLjAyLS4wMi4wNC0uOTAzIDU2LjMwOS0yOS44NDcgNzEuNDg1LTQ1LjU2NCA5Mi4xMjItMzQuOTI2IDQ1Ljg5LTUuNzggOTguMjQ0IDMxLjk3NSAxMDguMTYxLjY0My4xNjEgMi4zODkuNjgzIDUuNyAxLjM2NSAxLjcyNy4zNjIgMi4yMjktMS4xMDQuOTY0LTMuMjkyLTQuNTE2LTcuODQ5LTEyLjU0NS0yMS4wOTgtMTQuMTMtMzguMTIyLTMuNjE0LTM5LjUyNiA0Ni4yMDYtNjQuMjU4IDQ2LjkwOS05OC45NDd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwNi4xMTMgODEuMjI4Yy0uMzAxLS4yMjEtLjcyMy0uMjAxLS43NjMuMTgtLjgwMyA3LjE2Ny04LjIxIDIyLjAyMi0xNy45NjUgMzUuOTE0LTMyLjgzOCA0Ni44MzMtMTYuMjk5IDY4LjA3Mi0zLjQ1MiA4Mi44MDcgMi4zNjggMi43MyAzLjU1MiAyLjEyOCA0Ljc5Ny4xODEgMS4xNjQtMS44NDcgMi45My00LjE5NiAxMC41MTgtNy43ODkgMS4xODQtLjU2MiAyOS44NDctMTUuNzc5IDMyLjk1OS01MC40MjcgMi45OS0zMy41NDUtMTguNTA3LTU0LjcyMy0yNi4wOTQtNjAuODY2eiIgZmlsbD0iIzAwOENENiIvPjxwYXRoIGQ9Ik0yMzAuMjY0IDY0LjAyaDkuMDk3YzUuNDcyIDAgOS45MDggNC40NDIgOS45IDkuOTE1LS4wMjEgMTEuMTctLjA2MiAyMy44Mi4xNzcgMzMuNjMzLjIwOCA4LjM0NiAyLjc2NyAzMy44NTQgMTcuMTUzIDUyLjY2NCAxMC41MjcgMTMuNTc1IDI0LjkwNiAxOS42MTggMzMuNDUzIDIyLjE1M2E5Ljk3OCA5Ljk3OCAwIDAgMSA3LjE0OCA5LjUwNmMuMDIgMy40LjA4MiA2LjkwNy4wOTIgOS43MTNhLjY5Mi42OTIgMCAwIDEtLjc2NS42OTJjLTIzLjY3My0yLjU2Ny01My44NDEtMTkuODgtNjYuODQyLTUyLjUyMy0uNzU1IDEuOTc1LTguMTUgMjAuODM0LTI1Ljk3NSAzNS4xMjMtMTYuNjI1IDEzLjMyOS0zNi4xOTcgMTYuNzM4LTQwLjM5OSAxNy4zMTNhLjY4Ny42ODcgMCAwIDEtLjc4Mi0uNjgxYy0uMDA0LTIuNjg0LS4wMjUtNi4yMTktLjAzMS05Ljc1NS0uMDA4LTQuNDI0IDIuOTMzLTguMjkyIDcuMTgxLTkuNTIzIDEzLjg0LTQuMDEyIDI1LjU1Ni0xMi4wNTggMzQuMzYzLTIzLjg3OCAxMy45NS0xNy4xMDIgMTYuMzUxLTQ5LjIzMyAxNi4yNTQtNjEuMzk2LS4wNzktMTAuMDU1LS4wMTgtMjAuMTE1LS4wMTgtMzAuMTY3VjY0LjAyaC0uMDA2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xODMuNzkyIDEzMi41MThjLS41MTUtNS44NzYtNC40ODktNTEuMjQtNS4wNTctNTcuNzhhLjY5LjY5IDAgMCAxIC42ODktLjc0OGg5LjU1OGE5Ljg5MyA5Ljg5MyAwIDAgMSA5Ljg1NCA5LjAzMWMxLjMxNSAxNS4xMDQgMy44NTggNDQuMzI5IDQuMjg2IDQ5LjM4NGEuNjg2LjY4NiAwIDAgMS0uNjg1Ljc0M2gtMTcuOTU2YS42ODguNjg4IDAgMCAxLS42ODUtLjYyN2wtLjAwNC0uMDAzek0zMDAuMyA3NC43NDFsLTUuMDY0IDU3Ljc3NGEuNjk0LjY5NCAwIDAgMS0uNjg4LjYzM2gtMTcuNzQ1YS42OTMuNjkzIDAgMCAxLS42ODktLjc1MWw0LjMyLTQ5LjM2OGE5Ljg5OCA5Ljg5OCAwIDAgMSA5Ljg2Mi05LjAzNWg5LjMxOWMuNDA1IDAgLjcyMy4zNS42ODguNzVsLS4wMDMtLjAwM3ptOTYuNDg1LTYuMDYxaC0xNC4yMTFjLS4zOTMgNS4xNC0yLjE3MSAxMC4yOC01LjMzNSAxNS40MDNoMTMuNjIzYzMuNTU2LTUuMTI0IDUuNTMtMTAuMjYzIDUuOTIzLTE1LjQwM3ptLTQ5LjE3MiAxNS40Yy0zLjE2Ni01LjEyMy00Ljk0NC0xMC40NTgtNS4zMzUtMTUuOTloLTE0Ljc5OWMxLjE5MSA2LjMxNSAzLjM0NSAxMS42NSA2LjUxIDE1Ljk5aDEzLjYyNHptLTMuNjQgNDYuMjA5YzYuMzE0LTMuNTU2IDkuODctMTIuNDQ5IDEwLjY1NC0yNi42NmgtNy4xMTRjMCA4LjY5Ni0xLjE5MSAxNS4wMS0zLjU1NyAxOC45NTl2Ny43MDFoLjAxN3ptMTEyLjU2Mi01NC41MTJoLTI3Ljg1YzEuMTktMy41NTggMi4xNjktNy41MDYgMi45NjktMTEuODQ2SDQxNS4wNmMtLjc5OSAxMi42NDQtNS4xMzkgMjIuNzEyLTEzLjAzNiAzMC4yMTh2MTEuMjU3YzMuMTQ5LTEuOTc0IDUuOTIzLTMuNzUzIDguMjg5LTUuMzM1IDIuMzY1IDcuNTA1IDYuMzE0IDE0LjYxOSAxMS44NDUgMjEuMzI1LTUuNTMxIDMuOTQ4LTEyLjQzMyA3LjMwOS0yMC43MzggMTAuMDY3djExLjI1OGMxNS4wMTEtNC43MzIgMjUuMDc4LTguODkyIDMwLjIxNy0xMi40MzMgNy41MDYgNC43MzEgMTcuMTgxIDguNjk2IDI5LjAyNiAxMS44NDV2LTExLjI1OGMtNy41MDYtMi4zNjUtMTMuODM2LTUuNTMxLTE4Ljk1OS05LjQ3OSA3LjExNC02LjcwNiAxMS40NTMtMTcuOTY0IDEzLjAzNi0zMy43NThoNy43NXYtNS44OWE1Ljk1NiA1Ljk1NiAwIDAgMC01Ljk1NS01Ljk1NXYtLjAxNnptLTI0LjI5NCAzNi43MjZjLTMuMTY1LTMuOTQ4LTYuMTM0LTEwLjQ1Ny04Ljg5Mi0xOS41NDZoLTQuNzQ4Yy43ODMtLjc4MyAxLjU2Ny0xLjc3OCAyLjM2Ni0yLjk1M2wyLjM2NS0yLjM2NmgxNy4xODFjLS43OTkgOS44Ny0zLjU1NyAxOC4xNzYtOC4yODggMjQuODgxbC4wMTYtLjAxNnptMTAuMDY1IDM3LjkyMUg0MDIuNjF2LTcuMTEzaC0xOC45NTl2Ny4xMTNoLTQ2LjIwNnY0My44NDFoMTcuNzY4di0zMS45OTZoMjguNDM4djQwLjI4NGgxOC45NTl2LTQwLjI4NGgyNy44ODR2MjAuNzM4aC0xMS44OTV2MTAuNjg2aDI5LjY2MlYxNTYuMzhhNS45NTYgNS45NTYgMCAwIDAtNS45NTUtNS45NTZ6bS01OS4yMzgtMjAuMTM1di03LjcwMWMtMi43NzMtMy45NDktNC4xNDQtMTAuMjYzLTQuMTQ0LTE4Ljk1OWgtNy4xMTRjLjM5MiAxMy40MjggNC4xNDUgMjIuMzIgMTEuMjU4IDI2LjY2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zNDEuNjA0IDk3LjEwMWgxNC4yMTF2NDMuMjM3aDE0LjgxNVY5Ny4xMDFoMTQuMjExdjQ0LjQyN2gxMy42MjN2LTQ4LjU0YTUuOTU3IDUuOTU3IDAgMCAwLTUuOTU1LTUuOTU0SDM3MC42M1Y2NC41MThoLTE0LjgxNXYyMi41MTZoLTI3LjI0N3Y1NC40OTRoMTMuMDM2Vjk3LjEwMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)
}

.global-common-header .header-nav .header-nav-menu {
    height: 100%
}

.global-common-header .header-user,
.global-common-header .header-user__not-logined,
.global-common-header .header-user__not-logined-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.global-common-header .header-user__not-logined-item {
    margin-right: 4px
}

.global-common-header .header-user__navmenu {
    position: relative
}

.global-common-header .header-nav__right,
.global-common-header .header-user__navmenu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.global-common-header .header-nav__right {
    background-color: var(--hbg-header-main-bgcolor);
    gap: 4px;
    height: 64px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 11
}

.global-common-header .header__user {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--hbg-header-main-txtcolor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.global-common-header .header__user__hamburg {
    display: none;
    height: 100%;
    padding: 0 0 0 12px
}

.global-common-header .header__user__hamburg .global-common-header-icon__hamburg {
    cursor: pointer
}

.global-common-header .header__user__avatar__item {
    height: 64px;
    height: var(--hbg-header-item-height)
}

.global-common-header .header__user__avatar__item .hb-dropdown__content {
    top: 100%
}

.global-common-header .header__user__body,
.global-common-header .header__user__body__my {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.global-common-header .header__user__body__my {
    margin-right: 0;
    width: auto
}

.global-common-header .header__user__body__my>.header__user__avatar {
    display: none
}

.global-common-header .header__user__body__extra {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-right: 0;
    position: relative;
    width: auto
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry i {
    cursor: pointer;
    display: inline-block
}

.global-common-header .header__user__body__extra .primeicon-default i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/icon10.67fb2f8.svg) no-repeat 50%/24px auto;
    height: 24px;
    width: 24px
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level="0"] i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/0.335824a.svg) no-repeat 50%/contain;
    height: 20px;
    width: 39px
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level="1"] i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/1.913c0d2.svg) no-repeat 50%/contain;
    height: 20px;
    width: 39px
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level="2"] i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/2.842c129.svg) no-repeat 50%/contain;
    height: 20px;
    width: 39px
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level="3"] i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/3.ffaca15.svg) no-repeat 50%/contain;
    height: 20px;
    width: 39px
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level="4"] i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/4.415210b.svg) no-repeat 50%/contain;
    height: 20px;
    width: 39px
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level="5"] i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/5.be905b8.svg) no-repeat 50%/contain;
    height: 20px;
    width: 39px
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level="6"] i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/6.693748c.svg) no-repeat 50%/contain;
    height: 20px;
    width: 39px
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level="7"] i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/7.93df9af.svg) no-repeat 50%/contain;
    height: 20px;
    width: 39px
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level="8"] i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/8.7c3318e.svg) no-repeat 50%/contain;
    height: 20px;
    width: 39px
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level="9"] i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/9.3e88686.svg) no-repeat 50%/contain;
    height: 20px;
    width: 39px
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level="10"] i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/10.b03c696.svg) no-repeat 50%/contain;
    height: 20px;
    width: 39px
}

.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level="11"] i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/11.3abdf00.svg) no-repeat 50%/contain;
    height: 20px;
    width: 39px
}

.global-common-header .header__user__body__extra .hbg_search_item:hover {
    background: var(--hbg-header-dropdown-bgcolor)
}

.global-common-header .header__user__body__item {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-clip: border-box !important;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 64px;
    height: var(--hbg-header-item-height);
    justify-content: center;
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    white-space: nowrap;
    width: auto
}

.global-common-header .header__user__body__item .header__user__avatar {
    padding: 0 12px
}

.global-common-header .header__user__body__item .toggle {
    height: 100%
}

.global-common-header .header__user__body__item.hb-menu-dropdown {
    position: relative
}

.global-common-header .header__user__avatar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 0 12px
}

.global-common-header .header__user__avatar img {
    display: block
}

.global-common-header .header__user .hbg-user_key {
    position: relative
}

.global-common-header .header__user .hbg-user_key:before {
    background: #e94359;
    border-radius: 50%;
    content: "";
    height: 6px;
    position: absolute;
    right: 6px;
    top: 20px;
    width: 6px
}

.global-common-header .header__menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.global-common-header .header__menu .header__menu__item {
    color: var(--hbg-header-main-txtcolor);
    font-size: 14px;
    height: 100%;
    margin-right: 24px
}

.global-common-header .header__menu .header__menu__item .toggle {
    height: 100%
}

.global-common-header .header__menu .header__menu__item:last-child {
    margin-right: 0
}

@media (max-width:743px) {
    .global-common-header .hbg-nav-menu-v2 {
        display: none
    }
}

.global-common-header .hbg-currencys .hb-menu-dropdown__body__item,
.global-common-header .hbg-languages .hb-menu-dropdown__body__item {
    height: 52px
}

@media screen and (max-width:744px) {

    .global-common-header .hbg-currencys .hb-menu-dropdown__body__item:hover:not(.active),
    .global-common-header .hbg-languages .hb-menu-dropdown__body__item:hover:not(.active) {
        font-weight: 500
    }
}

.global-common-header .header-user__item-btn {
    background-color: transparent;
    border-radius: 4px;
    color: var(--hbg-header-button-color);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 16px;
    position: relative;
    white-space: nowrap
}

.global-common-header .header-user__item-btn span {
    position: relative;
    z-index: 2
}

.global-common-header .header-user__item-btn:hover:after {
    border-radius: 4px;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.global-common-header .header-user__item-btn:hover {
    border-radius: 4px;
    color: var(--hbg-header-main-txtcolor)
}

.global-common-header .header-user__item-btn:hover:after {
    background-color: var(--hbg-header-button-hovercolor);
    display: block
}

.global-common-header .header-user__item-btn--primary:hover {
    color: var(--hbg-header-main-txtcolor)
}

.global-common-header .header-user__item-btn--primary:hover:after {
    background-color: hsla(0, 0%, 100%, .1);
    display: block
}

.global-common-header .header-user__item-btn--primary {
    background-color: #0173e5;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 8px 16px;
    white-space: nowrap
}

.global-common-header .hb-dropdown--open .header__user__avatar {
    background: var(--hbg-header-dropdown-bgcolor);
    position: relative
}

.global-common-header .hb-dropdown--open .header__user__avatar:after {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: widthIn;
    animation-name: widthIn;
    background: #0094ff;
    content: "";
    display: none;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.global-common-header .hb-dropdown--open .header__user__body__item .global-common-header-icon__msg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMTIzIDYuMDA4YS41LjUgMCAwIDEgLjUtLjVIMTkuNWEuNS41IDAgMCAxIC41LjV2MTEuOTg1YS41LjUgMCAwIDEtLjUuNUg0Ljk3M2EuNS41IDAgMCAxLS40MDctLjc5bDEuNDY0LTIuMDQ3YS41LjUgMCAwIDAgLjA5My0uMjkxVjYuMDA4eiIgc3Ryb2tlPSIjRTZFNkU2IiBzdHJva2Utd2lkdGg9IjEuMiIvPjxyZWN0IHg9IjEwIiB5PSI5LjY4IiB3aWR0aD0iNi4xIiBoZWlnaHQ9IjEuMiIgcng9Ii42IiBmaWxsPSIjRTZFNkU2Ii8+PHJlY3QgeD0iMTAiIHk9IjEzLjA3OCIgd2lkdGg9IjYuMSIgaGVpZ2h0PSIxLjIiIHJ4PSIuNiIgZmlsbD0iI0U2RTZFNiIvPjwvc3ZnPg==)
}

.global-common-header .hb-dropdown--open .header__user__body__item .global-common-header-icon__download {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iNyIgeT0iNCIgd2lkdGg9IjExIiBoZWlnaHQ9IjE2IiByeD0iLjUiIHN0cm9rZT0iI0U2RTZFNiIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48cGF0aCBkPSJNMTIuNTYzIDEwdjYuOG0wIDBMOS41IDEzLjkyOW0zLjA2MyAyLjg3MSAzLjA2Mi0yLjg3MU0xMy41IDYuNWgtMiIgc3Ryb2tlPSIjRTZFNkU2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+)
}

.global-common-header .hb-dropdown--open .header__user__body__item .global-common-header-icon__lang {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEyLjY5NSA0LjE4NC4yODggMi4zODVhLjUuNSAwIDAgMCAuMTcuMzJsMi44NyAyLjQ3YS41LjUgMCAwIDEgLjE3My40MDFsLS4xNSAzLjMyYS41LjUgMCAwIDAgLjM2My41MDJsMi40Mi42OTIiIHN0cm9rZT0iI0U2RTZFNiIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNDcgOS4xMjlhNi44NyA2Ljg3IDAgMCAxIDEzLjIwNCAyLjY1NiA2Ljg2NSA2Ljg2NSAwIDAgMS0zLjQ0MiA1Ljk1M2wtLjk4LTEuMzU4YTEuMSAxLjEgMCAwIDAtLjgxMi0uNDUzbC0yLjU0Mi0uMTg3LS45MzktMS4wOSAxLjIzNC0yLjE2YTEuMSAxLjEgMCAwIDAtLjA1MS0xLjE3MUw5Ljg3NiA5LjQ5YTEuMSAxLjEgMCAwIDAtLjk0LS40NzNsLTMuNDY2LjExMnptLS4zNiAxLjEyYTYuODY4IDYuODY4IDAgMCAwIDkuMDEzIDguMDAybC0uODE3LTEuMTMtMi41MzctLjE4OGExLjEgMS4xIDAgMCAxLS43NTMtLjM3OUw5LjAwNCAxNS4zOGExLjEgMS4xIDAgMCAxLS4xMjItMS4yNjRsMS4yMzctMi4xNjUtMS4xOTktMS43MzItMy44MDcuMTIzLS4wMDMtLjA5MnptNi42OTYtNi41MzJhOC4wNjggOC4wNjggMCAxIDAgMCAxNi4xMzUgOC4wNjggOC4wNjggMCAwIDAgMC0xNi4xMzV6IiBmaWxsPSIjRTZFNkU2Ii8+PC9zdmc+)
}

.global-common-header .hb-dropdown--open .header__user__body__item .global-common-header-icon__search {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAuOTQiIGN5PSIxMC45NCIgcj0iNi42OSIgc3Ryb2tlPSIjRTZFNkU2IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0xNS45IDE1LjkgMTkgMTkiIHN0cm9rZT0iI0U2RTZFNiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)
}

.global-common-header .hb-dropdown--open .hbg-user-avatar__border {
    border-color: var(--hbg-header-primary-color)
}

.global-common-header .header__user__body__my .header__user__body__item:hover {
    color: var(--hbg-header-primary-color)
}

.global-common-header .header-body--mobile .header-nav .header-nav-brand {
    height: 20px
}

.global-common-header .header-body--mobile .header-nav .header-nav-brand img {
    height: 20px;
    width: 68px
}

.global-common-header .header-body--mobile .header-nav .header-nav-brand i {
    display: none;
    height: 20px;
    -webkit-mask-size: 68px 20px;
    mask-size: 68px 20px;
    width: 68px
}

.global-common-header .header-body--mobile .hbg-nav-menu-v2 {
    clip: rect(0, 0, 0, 0);
    position: absolute
}

.global-common-header .header-body--mobile .header__user__body__my>.header__user__avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 12px
}

.global-common-header .header-body--mobile .header__user__body__my>.header__user__avatar--open .hbg-user-avatar__border {
    border-color: var(--hbg-header-primary-color)
}

.global-common-header .header-body--mobile .header__user__body__my .hbg-user_key:before {
    position: absolute;
    top: 0
}

.global-common-header .header-body--mobile .hbg_small_search_dropdown {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 4px 12px
}

.global-common-header .header-body--mobile .hbg_small_search_dropdown:hover {
    background: var(--hbg-header-dropdown-bgcolor)
}

.global-common-header .header-body--mobile .hbg_small_search_dropdown .icon__search--active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAuOTQiIGN5PSIxMC45NCIgcj0iNi42OSIgc3Ryb2tlPSIjRTZFNkU2IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0xNS45IDE1LjkgMTkgMTkiIHN0cm9rZT0iI0U2RTZFNiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)
}

.global-common-header .header-body--mobile .header-user__not-logined .small_logined,
.global-common-header .header-body--mobile .header__user__body__item {
    display: none
}

.global-common-header .header-body--mobile .hbg_search_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.global-common-header .header-body--mobile .header__user__hamburg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:1024px) {
    .global-common-header .header-nav .header-nav-brand {
        height: 20px
    }

    .global-common-header .header-nav .header-nav-brand img {
        height: 20px;
        width: 68px
    }

    .global-common-header .header-nav .header-nav-brand i {
        display: none;
        height: 20px;
        -webkit-mask-size: 68px 20px;
        mask-size: 68px 20px;
        width: 68px
    }

    .global-common-header .hbg-nav-menu-v2 {
        clip: rect(0, 0, 0, 0);
        position: absolute
    }

    .global-common-header .header__user__body__my>.header__user__avatar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 12px
    }

    .global-common-header .header__user__body__my>.header__user__avatar--open .hbg-user-avatar__border {
        border-color: var(--hbg-header-primary-color)
    }

    .global-common-header .header__user__body__my .hbg-user_key:before {
        position: absolute;
        top: 0
    }

    .global-common-header .hbg_small_search_dropdown {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        padding: 4px 12px
    }

    .global-common-header .hbg_small_search_dropdown:hover {
        background: var(--hbg-header-dropdown-bgcolor)
    }

    .global-common-header .hbg_small_search_dropdown .icon__search--active {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAuOTQiIGN5PSIxMC45NCIgcj0iNi42OSIgc3Ryb2tlPSIjRTZFNkU2IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0xNS45IDE1LjkgMTkgMTkiIHN0cm9rZT0iI0U2RTZFNiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)
    }

    .global-common-header .header-user__not-logined .small_logined,
    .global-common-header .header__user__body__item {
        display: none
    }

    .global-common-header .hbg_search_item,
    .global-common-header .header__user__hamburg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .global-common-header .header__user__hamburg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .global-common-header .header-user__not-logined .small_logined {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .global-common-header .header__user__body__extra .header__user__body__item--prime-entry {
        display: none
    }

    .global-common-header .hbg-nav-menu-v2 {
        clip: auto;
        position: relative
    }
}

.global-common-header--stacking,
.global-common-header--stacking .header-wrap {
    height: 128px
}

.global-common-header--stacking .hbg-nav-menu-v2 {
    left: 0;
    position: absolute;
    top: 64px
}

.global-common-header--mobile,
.global-common-header--mobile .header-wrap {
    height: 44px
}

@media screen and (max-width:770px) {
    .global-common-header .header-nav__right {
        height: 44px
    }
}

@media screen and (max-width:743px) {
    .global-common-header .header-nav .header-nav-brand {
        height: 20px
    }

    .global-common-header .header-nav .header-nav-brand img {
        height: 20px;
        width: 68px
    }
}

.global-common-header .header__user__body__extra .header__user__body__item {
    padding: 0 12px
}

.global-common-header .header__user__body__extra .hb-dropdown--open .header__user__body__item {
    background: var(--hbg-header-dropdown-bgcolor);
    position: relative
}

.global-common-header .header__user__body__extra .hb-dropdown--open .header__user__body__item:after {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: widthIn;
    animation-name: widthIn;
    background: #0094ff;
    content: "";
    display: none;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.global-common-header .header__user__body__extra .hb-dropdown--hide .header__user__body__item {
    background: var(--hbg-header-main-bgcolor);
    color: var(--hbg-header-main-txtcolor)
}

.hbg-header-dropdown-btn:hover {
    background-color: var(--hbg-header-dropdown-bgcolor)
}

.fed-hbg-footer {
    background-color: #1e1e1f;
    color: #e6e6e6;
    font-size: 12px;
    overflow: hidden
}

.fed-hbg-footer .footer-nav-brand {
    cursor: pointer;
    display: inline-block
}

.fed-hbg-footer a {
    cursor: pointer
}

.fed-hbg-footer * {
    background-color: transparent
}

.fed-hbg-footer .fed-collapes-item:after {
    border-bottom-color: rgba(233, 234, 237, .1)
}

.fed-hbg-footer .fed-collapes-item__content .hbg-cell-group {
    background-color: transparent
}

.fed-hbg-footer .fed-collapes-item__content:after {
    border-bottom-color: rgba(233, 234, 237, .1)
}

.fed-hbg-footer a.hbg-cell {
    color: #e6e6e6
}

.fed-hbg-footer a.hbg-cell .hbg-cell__title {
    color: #e6e6e6;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.fed-hbg-footer a.hbg-cell:hover {
    background-color: none;
    color: #0173e5
}

.fed-hbg-footer a.hbg-cell:hover .hbg-cell__title {
    color: #0173e5
}

.fed-hbg-footer .fed-collapes-item__title {
    color: #e6e6e6;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.fed-hbg-footer .fed-collapes-item__title[aria-expanded=true] {
    color: #0173e5
}

.fed-hbg-footer__dropdown {
    display: block;
    margin-top: 18px
}

.fed-hbg-footer__dropdown .toggle {
    border: 1px solid #4c4c4e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    padding: 0 8px
}

.fed-hbg-footer__dropdown .toggle.active {
    color: #f0f1f4
}

.fed-hbg-footer__dropdown .toggle .toggle__title {
    -webkit-box-flex: 1;
    color: #e6e6e6;
    display: inline-block;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fed-hbg-footer__social .channel {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    position: relative;
    width: 24px
}

.fed-hbg-footer__social .channel:hover {
    background: #0173e5;
    border-radius: 12px
}

.fed-hbg-footer__social .channel:hover .qcode {
    opacity: 1;
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px);
    visibility: visible
}

.fed-hbg-footer__social .channel .qcode {
    background: #fff;
    border-radius: 8px;
    bottom: 0;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .06), 0 0 6px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .06), 0 0 6px 0 rgba(0, 0, 0, .04);
    color: #000;
    cursor: auto;
    font-size: 12px;
    font-weight: 700;
    left: -75px;
    line-height: 16px;
    opacity: 0;
    padding: 16px 0;
    position: absolute;
    text-align: center;
    -webkit-transform: translateY(-22px);
    transform: translateY(-22px);
    -webkit-transition: all .1s;
    transition: all .1s;
    visibility: hidden;
    width: 180px;
    z-index: 10
}

.fed-hbg-footer__social .channel .qcodeimg {
    border: 1px solid #ddd;
    height: 122px;
    margin: 8px auto 16px;
    width: 122px
}

.fed-hbg-footer__social .channel .qcodeimg img {
    height: 110px;
    margin-top: 6px;
    width: 110px
}

.fed-hbg-footer__social .channel .customer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #8a8a8e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    justify-content: center
}

.fed-hbg-footer__social .channel .customer .copy {
    height: 14px;
    margin: 0 0 0 5px;
    padding: 0;
    width: 14px
}

.fed-hbg-footer__social .channel .customer .copy .copy-icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjOEE4QThFIj48cGF0aCBkPSJNNiAxaDJhMiAyIDAgMCAxIDIgMnY2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMiA0YTEgMSAwIDAgMSAxLTFoNGExIDEgMCAwIDEgMSAxdjZhMSAxIDAgMCAxLTEgMUgzYTEgMSAwIDAgMS0xLTFWNHoiLz48L2c+PC9zdmc+) no-repeat 50%;
    background-size: 14px 14px;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    width: 14px
}

.fed-hbg-footer__social .channel .customer .copy .copy-icon--success,
.fed-hbg-footer__social .channel .customer .copy .copy-icon:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjMDE3M0U1Ij48cGF0aCBkPSJNNiAxaDJhMiAyIDAgMCAxIDIgMnY2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMiA0YTEgMSAwIDAgMSAxLTFoNGExIDEgMCAwIDEgMSAxdjZhMSAxIDAgMCAxLTEgMUgzYTEgMSAwIDAgMS0xLTFWNHoiLz48L2c+PC9zdmc+)
}

.fed-hbg-footer__social .svg-icon,
.fed-hbg-footer__social-icon {
    height: 24px;
    vertical-align: top;
    width: 24px
}

.fed-hbg-footer__social .svg-icon {
    fill: #fff;
    stroke: #fff
}

.fed-hbg-footer__copyright {
    font-size: 12px;
    line-height: 14px
}

.fed-hbg-footer__logo {
    height: 18px;
    vertical-align: top;
    width: 47px
}

.fed-hbg-footer__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.fed-hbg-footer__main .fed-hbg-footer-links {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.fed-hbg-footer__main .fed-hbg-footer__sider {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.fed-hbg-footer .hb-dropdown__content {
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .06);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .06);
    overflow: hidden
}

.fed-hbg-footer .hb-menu-dropdown__body {
    background: #313132;
    color: #f0f1f4
}

.fed-hbg-footer .hb-menu-dropdown__body .hb-menu-dropdown__body__item {
    color: #e6e6e6;
    height: auto;
    padding: 12px 20px
}

.fed-hbg-footer__group {
    font-size: 12px;
    line-height: 14px
}

.fed-hbg-footer__group a {
    color: #f0f1f4;
    -webkit-text-decoration: none;
    text-decoration: none
}

.fed-hbg-footer__group a:hover {
    color: #0173e5
}

.fed-hbg-footer .fed-collapes-item__content-wrapper:after {
    display: none
}

.fed-hbg-footer__bar-wrapper {
    -webkit-box-shadow: 0 -1px 0 rgba(233, 234, 237, .1);
    box-shadow: 0 -1px 0 rgba(233, 234, 237, .1)
}

.fed-hbg-footer__language {
    display: none
}

.fed-hbg-footer__language .fed-hbg-footer__lang-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fed-hbg-footer .hb-menu-dropdown__body__item--single {
    max-height: 200px;
    max-height: 320px;
    overflow: auto
}

.fed-hbg-footer .hb-menu-dropdown__body__item--single::-webkit-scrollbar {
    background: transparent;
    border-radius: 0;
    width: 5px
}

.fed-hbg-footer .hb-menu-dropdown__body__item--single::-webkit-scrollbar-thumb {
    background-color: rgba(204, 210, 218, .3);
    border-radius: 0;
    width: 5px
}

@media screen and (max-width:1023px) {
    .fed-hbg-footer__dropdown {
        display: none
    }

    .fed-hbg-footer__sider {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        justify-content: space-between;
        padding: 16px 17px
    }

    .fed-hbg-footer__group,
    .fed-hbg-footer__sider {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .fed-hbg-footer__group a {
        margin-left: 16px
    }

    .fed-hbg-footer__bar .fed-hbg-footer__social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        padding: 16px
    }

    .fed-hbg-footer__bar .fed-hbg-footer__social .channel {
        border-radius: 14px;
        height: 24px;
        width: 24px
    }

    .fed-hbg-footer__bar .fed-hbg-footer__social .svg-icon,
    .fed-hbg-footer__bar .fed-hbg-footer__social-icon {
        height: 24px;
        width: 24px
    }

    .fed-hbg-footer__bar .fed-hbg-footer__copyright {
        color: #8a8a8e;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px
    }

    .fed-hbg-footer__language {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        -webkit-box-shadow: inset 0 -.5px 0 rgba(233, 234, 237, .1), inset 0 .5px 0 rgba(233, 234, 237, .1);
        box-shadow: inset 0 -.5px 0 rgba(233, 234, 237, .1), inset 0 .5px 0 rgba(233, 234, 237, .1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        justify-content: space-between;
        padding: 0 16px
    }

    .fed-hbg-footer__language .fed-hbg-footer__lang-copyright {
        color: hsla(0, 0%, 90%, .6);
        font-size: 10px
    }

    .fed-hbg-footer .fed-collapes-item__title {
        height: 40px
    }

    .fed-hbg-footer .hbg-cell__title {
        font-size: 12px
    }

    .fed-hbg-footer .hbg-cell {
        height: 36px
    }
}

@media screen and (min-width:745px) and (max-width:1024px) {
    .fed-hbg-footer .fed-hbg-footer__lang-copyright {
        display: none
    }

    .fed-hbg-footer__bar {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding: 18px 32px
    }

    .fed-hbg-footer__bar .fed-hbg-footer__social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        padding: 0
    }

    .fed-hbg-footer__language {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end
    }
}

@media screen and (max-width:744px) {
    .fed-hbg-footer__bar .fed-hbg-footer__social {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    .fed-hbg-footer__bar .fed-hbg-footer__social .channel {
        margin: 0
    }

    .fed-hbg-footer .fed-hbg-footer__copyright {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .fed-hbg-footer__logo {
        height: 24px;
        vertical-align: top;
        width: 62px
    }

    .fed-hbg-footer__sider {
        width: 123px
    }

    .fed-hbg-footer__group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 12px
    }

    .fed-hbg-footer__group a {
        color: #f0f1f4;
        margin-bottom: 12px;
        -webkit-text-decoration: none;
        text-decoration: none
    }

    .fed-hbg-footer__main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 auto;
        max-width: 1260px;
        padding: 40px 30px
    }

    .fed-hbg-footer__main,
    .fed-hbg-footer__main .fed-collapes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .fed-hbg-footer__main .fed-collapes .fed-collapes-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 20px
    }

    .fed-hbg-footer__main .fed-collapes-item:after {
        display: none
    }

    .fed-hbg-footer__main .fed-collapes-item__title {
        cursor: default;
        padding: 0
    }

    .fed-hbg-footer__main .fed-collapes-item__content:after,
    .fed-hbg-footer__main .fed-collapes-item__title .fed-icon__arrow {
        display: none
    }

    .fed-hbg-footer__main .fed-collapes-item__content-wrapper {
        display: block !important;
        height: auto !important
    }

    .fed-hbg-footer__main .hbg-cell {
        height: auto;
        margin-bottom: 12px;
        padding: 0
    }

    .fed-hbg-footer__main .fed-hbg-footer-links {
        -webkit-box-flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -ms-flex: 1;
        flex: 1;
        order: 1
    }

    .fed-hbg-footer__main .fed-hbg-footer__sider {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .fed-hbg-footer__bar {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1260px;
        padding: 18px 30px
    }

    .fed-hbg-footer__bar,
    .fed-hbg-footer__social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .fed-hbg-footer__social {
        gap: 12px
    }
}

.fedui-root {
    color: #a3aaba;
    font-size: 14px
}

.fedui-root,
.fedui-root *,
.fedui-root :after,
.fedui-root :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fedui-root a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.fedui-root dd,
.fedui-root dl,
.fedui-root dt,
.fedui-root li,
.fedui-root ul {
    margin: 0;
    padding: 0
}

.fedui-root li,
.fedui-root ul {
    list-style: none
}

@font-face {
    font-display: block;
    font-family: fedui-icon;
    font-style: normal;
    font-weight: 400;
    src: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/fonts/fedui-icon.da6b407.eot);
    src: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/fonts/fedui-icon.da6b407.eot#iefix) format("embedded-opentype"), url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/fonts/fedui-icon.41c8281.ttf) format("truetype"), url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/fonts/fedui-icon.31552c6.woff) format("woff"), url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/fedui-icon.078d0cc.svg#fedui-icon) format("svg")
}

[class*=" fedui-icon-"],
[class^=fedui-icon-] {
    speak: never;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: fedui-icon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.fedui-icon-tiktok:before {
    content: "\e916"
}

.fedui-icon-locale:before {
    content: "\e900"
}

.fedui-icon-vip2:before {
    content: "\e901"
}

.fedui-icon-vip1:before {
    content: "\e902"
}

.fedui-icon-info:before {
    content: "\e903"
}

.fedui-icon-tongzhi:before {
    content: "\e904"
}

.fedui-icon-shouji:before {
    content: "\e905"
}

.fedui-icon-xiajiantou:before {
    content: "\e906"
}

.fedui-icon-coinmarketcap:before {
    content: "\e907"
}

.fedui-icon-weibo:before {
    content: "\e908"
}

.fedui-icon-instagram:before {
    content: "\e909"
}

.fedui-icon-medium:before {
    content: "\e90a"
}

.fedui-icon-telegram:before {
    content: "\e90b"
}

.fedui-icon-youtube:before {
    content: "\e90c"
}

.fedui-icon-twitter:before {
    content: "\e90d"
}

.fedui-icon-facebook:before {
    content: "\e90e"
}

.fedui-icon-youjiantou:before {
    content: "\e90f"
}

.fedui-icon-chat:before {
    content: "\e910"
}

.fedui-icon-clingecko:before {
    content: "\e911"
}

.fedui-icon-facebook1:before {
    content: "\e912"
}

.fedui-icon-sub-account:before {
    content: "\e913"
}

.fedui-icon-discord:before {
    content: "\e914"
}

.fedui-icon-download:before {
    content: "\e915"
}

.fedui-icon-info1:before {
    content: "\e917"
}

@-webkit-keyframes fedui-show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fedui-show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fedui-footer-locales-down>span,
.fedui-footer-right dt,
.fedui-header-group-left a,
.fedui-header-group-left>dt,
.fedui-header-group-right a,
.fedui-header-group-right>dt,
.fedui-header-locales-dropdowns-single p>a,
.fedui-header-notice-dropdowns-list dd,
.fedui-header-notice-dropdowns-list dt,
.fedui-line-1 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fedui-footer-link a,
.fedui-footer-locales-down>span,
.fedui-footer-locales-text .fedui-icon-xiajiantou,
.fedui-footer-right a,
.fedui-footer-simple a,
.fedui-footer[data-mobile=true] .fedui-footer-inner dt:after,
.fedui-header-download>a,
.fedui-header-group-icon,
.fedui-header-group-icon:after,
.fedui-header-group-icon:before,
.fedui-header-group-left a,
.fedui-header-group-right a,
.fedui-header-info-dropdowns-content>a,
.fedui-header-info-text,
.fedui-header-locales-dropdowns-single p>a,
.fedui-header-m-head-icon:after,
.fedui-header-m-head-icon:before,
.fedui-header-m-menu dt:after,
.fedui-header-menu-dropdowns a,
.fedui-header-menu-dropdowns-big a,
.fedui-header-menu-text,
.fedui-header-menu-text a,
.fedui-header-menu-text i,
.fedui-header-mob a,
.fedui-header-modal-container button,
.fedui-header-nav>a,
.fedui-header-nav>div,
.fedui-header-nologin>a,
.fedui-header-notice-dropdowns-list dl,
.fedui-header-notice-dropdowns>footer button,
.fedui-header-notice-dropdowns>header a,
.fedui-header-notice-icon,
.fedui-transition {
    -webkit-transition: all .3s;
    transition: all .3s
}

.fedui-flex-space-between,
.fedui-header-left,
.fedui-header-m-head,
.fedui-header-menu-text,
.fedui-header-nologin,
.fedui-header-pc,
.fedui-header-right,
.fedui-header-userinfo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.fedui-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

.fedui-column-main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.fedui-root-overflow-hidden body,
html.fedui-root-overflow-hidden {
    height: 100%;
    overflow: hidden
}

.fedui-header {
    background-color: #181b25;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    min-width: 1310px;
    padding-left: 19px;
    padding-right: 19px;
    position: relative;
    width: 100%;
    z-index: 10
}

.fedui-header-pc .fedui-header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fedui-header-group {
    position: relative
}

.fedui-header-group-inner {
    cursor: pointer;
    height: 32px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    width: 32px
}

.fedui-header-group-inner:after {
    bottom: -8px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 0;
    padding-right: 20px;
    position: absolute;
    width: 100%
}

.fedui-header-group-icon,
.fedui-header-group-icon:after,
.fedui-header-group-icon:before {
    background-color: #a3aaba;
    border-radius: 2px;
    content: "";
    font-size: 0;
    height: 2px;
    position: absolute;
    top: 0
}

.fedui-header-group-icon {
    left: 3px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    width: 26px
}

.fedui-header-group-icon:before {
    right: 0;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    width: 14px
}

.fedui-header-group-icon:after {
    left: 0;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    width: 14px
}

.fedui-header-group-dropdowns {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 20px 0 rgba(28, 28, 30, .12);
    box-shadow: 0 0 20px 0 rgba(28, 28, 30, .12);
    display: none;
    left: 0;
    position: absolute;
    top: 36px;
    width: 600px;
    z-index: 1
}

.fedui-header-group-left,
.fedui-header-group-right {
    width: 300px
}

.fedui-header-group-left>dt,
.fedui-header-group-right>dt {
    color: #909090;
    height: 62px;
    line-height: 62px;
    overflow: hidden;
    padding-left: 24px
}

.fedui-header-group-left a,
.fedui-header-group-right a {
    background-repeat: no-repeat;
    color: #1c1c1e;
    cursor: pointer
}

.fedui-header-group-left a:hover,
.fedui-header-group-right a:hover {
    background-color: #edf4fb !important;
    color: #0173e5
}

.fedui-header-group-left a {
    background-position: 22px 17px;
    background-size: 46px;
    font-size: 16px;
    height: 80px;
    line-height: 80px;
    padding-left: 80px;
    padding-right: 10px
}

.fedui-header-group-left a:hover {
    background-color: #edf4fb !important;
    color: #0173e5
}

.fedui-header-group-left a[data-type=global] {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/global.8748095.png)
}

.fedui-header-group-left a[data-type=kr] {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/kr.4e19ac2.png)
}

.fedui-header-group-left a[data-type=jp] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAi4SURBVHgB7VlNbFXHFf7O3Pfwv3kG1EBpqA0UaFqCcRIaqY4wwSiwqXBVKU2kJFRVpahSZRN1UykVZtkuYltRu+iiJd24itIm2ZTQGvyM0jQkCrg/qaPSYMsB0yaB9/wDNrbfnZ6Ze2fu3PdnO2STiGPdN3Pnzpz55sz5mzFwh+7Q55sInwIdPinbPMIurrb5Es3MNIXgUZTlWca4HONy2Pcx9MohSuM26RMDP/yyTCVq0QmJLimRchlJ80NBlQrnGZWEoVwOx3kRY/gEtGLghwdlatUijjGiznC8VMCkhMtN8h9BhKXTRqTXFC1L4MSCxwvYt7IFrAj4owOyk+fq5lGriUHICLk0UlULoDKzKdB6LAWlhi8xJhh8/z56AcukZQN/dFD2CFYL825BF2FoJUp5EleNFO4OokWbPryQ3v79dBSfBnClGjWEl3mytiK9Lf6wQvlfjITNIhxJR/3iaIZvSuxj1cmiDCWwBNUIDDLDXZQn2lCyFpBwGq1Fku2KUOf1u1UX9SYcNQvam2tZUPy6rxwuUe7jE2dZPQSaBcPjEu5Dpq6+eTyhCIByHV70TbfpR0R1NYZ4jBkffpe6HvBue+J12VMOW0lVefJ1+RR//U3M6Cg20tVf/R4aZiBRt8wfC6shkacpwl8KHP3tg9SH5QI/8lfZyB8GmVljgdZKZ2Q4mXTayFmkNG4xbN965RIOvn0aX7o2gapbc7j4xc14a3sLzn31PhnOYPuGLDOoxOYTuwv1PVFiNd08caPVP2mhxpYqQz8tyOq11l0SBT4bh84NkALt0lcmLuln7UyGTu5pjyQeuFclgAa6hWNcPVoEY5yeZmkvehjVwCgyIusEKPLDiFQjmtD176GqPDDyDh4beAnl6Bff/gHe37g5UhmKYsJiEg35Ui8wzlwSx8gYX2gsQoTG5xiTkjK3a+mKwLACYxTaQKU7fs/IeSxFj5w7HY0NgGvjVfVVvo7SKAucO7eFXkPqJ/AEJNz3gDkJisCR41n0kMhTYAvr9lK08eMJK6DQMxmhKH5dZYE/fUG2Kd1Wk6qBalB1ErJlLfDD7aDvbw0WUJ0APbwBUI92a8EirMv0vEByeke4nK2oXBK4MlYRzmkE5IXj+T2lsLn9E3nS3uvqp+LRsQnYUR/1eawJlEoC66uC96GPAk9g9NnUBWx0pIkvbMCWD0bLAr90d5PdrWAUTGH4qLQ5XQp4s6mb1PTFccRNOHJ1+kdJyPhvckA7rlCeaT2ALf2/KhkzFJ3feb9k6cJG1PxkQOpIan16TFVEqCYmuuntDrZcGn0N9TvQx2AbZagaUVQMo6CJjGObmuh06/6SoM+0tssL97ZAm0gYcdU4ra6BM1A4drljYhLXvtsEgDAyOmmrEQWZNFa9bq2WeKCejzUZgZ21EntW+3hrUtDbUwKZhYh3+qF2ZFMNaPn7O2gaH8Uc6/3VuzbgDLePbdqscx0Z+XFbmHxHRicqt0tAXe/J/CzV7WlDunlv8CQ925Qr2v06g35uPIFZP9YcCwlFPpDzEj+acGvvDrIaElcVN4kiWzdqorYO1kXx94Pr4qhcNGvYgL+7Pmf7Wx8f8hShGpjHuD8KVdBRNas6MazuC4PJGlckomyOYvVQh3fWSLq/ThYFbejrNRKPNPjxzDLkYwXghUDdbJN0CiwpCmiqLB05eUC2aApLkaTVsyYh6Vvrchpo/jngLxfnbJsqD6zx8VCKlcxJW2OpMVkDdHfZBCBd11E0uCkoIXEPw+7gGGBnQQcafDQkQuNxxv/8VBYdv/wf3nh/zrb948o8nvv1ZZq8OkvkSNGWTpQuJjSbs3tlgPOODBm3ZtUlfliQ7SkfLbXSSttI98XzN9CTnkay0sMzv89gas7Xi/rymgTe+3gRJ1/7ENnr85HeCrj12Bzak4Q5kCPI4ZLA2dSGzSnGblmk4/TNOp8eZtd3JbuIH7+asdK+nM2h92wAOlEpMHHTR8/QtP5WVyXQuq0KPnf+8x8ZfGYejrFKIxxjkESRL7d5kQpy7HFLAv9ZE6VZt7JGRexW8ntLjY9D7KMvT+bweH8GfxiZs/7q8f7r+O+cRKKC9KMW8MKFm3hzfF5/f2Z/vW7L8TXBwMBHmJxccI9qVkVcT+bsiCpHFbaSwBVxEOijyF1pRhf/M4P2qkVMTOXwJKuBApms8DSo59+8EYL29ONVCC75YaA/GZjCFR5zz11JvRNqjEJ5ZvAarl6dKwraCMzJPFXiMJSPsyB/6B6VKb8K18158t2RGfzzXzPo2FGBgdF5TN+K/MjzB+vxo9cm46zsjVDwvrFeoH6VwAjredjB9t+9qw7bttbY0bIQnY7QHDabujfEb7qKJj7dH8qehXnZNfzuNMbG5xA7SMKZ38bAvMOnzcJKIHLYfG17De7ZVpMfUcmZ50T3evpeHocS9ypJHE+fzRy5Meun1BajyLyF9ziFt1tFpZhH/x6bxfRsju7dUYPqKk/GxvHVHBvl8WLjqBTDlt9d62Lvou82Cq+poraASfGl2Lw2do9RnF81C2jPzlqsrku43Y/8dF3x+8SSwBV949VMLxtHZ+nUyOUUqIosx7SEIgdLDGrbNlViOz/MqvfZtaXvEcsCV9T6p6lBLtoKUS9XQZapPJpNwLOmQgyf2lu7G2VoybvDRDLXAZFk8LJZe09C/KrTZJrS/iDwso7BkogDRL4Ru4un9C1/oQNL0JISN7T/jele8rxOZ/YSLAodRGyteeMJ0eWYlH7f6QdrC070twVc0cELs0dYSsd4UCOssOKLIOvOg6usuBEjPI2Q3RBV+ur/RDn/+Kn7qnuxTFoRcA1+ZLbRk6JbCHpKA0QpB5ynAOFs+f+xkIvom1lIdqd3l78Pv23ghg7zAlDhdXNM3gt1Vi3iTvKCqBvDsjIn+zCV6H1lhYBvG7hL3/lgoY0Nso1TSXUSb9SHbnW4DcSd1UAlZ56C0nJh8W8v3Z1M4w59xuj/JghPH9ofWkkAAAAASUVORK5CYII=)
}

.fedui-header-group-right {
    border-left: 1px solid #e9eaed;
    padding-bottom: 4px !important
}

.fedui-header-group-right a {
    background-position: 12px 10px;
    background-size: 28px 28px;
    height: 48px;
    line-height: 48px;
    padding-left: 48px;
    padding-right: 10px
}

.fedui-header-group-right a[data-type=info] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIzMi45ODklIiB5MT0iMTA1LjM1MiUiIHgyPSI2MC4zOTIlIiB5Mj0iLTE1LjY4OSUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjRjZGOEZCIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0JDQzJGQSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBvcGFjaXR5PSIuMiIgZD0iTTAgMGgyMHYyMEgweiIvPjxwYXRoIGQ9Ik0xNC4yMTYgMy4yNWgxLjJjLjU5OSAwIDEuMDg0LjQ3IDEuMDg0IDEuMDV2MTIuNjVjMCAuNTgtLjQ4NSAxLjA1LTEuMDgzIDEuMDVINC41ODNjLS41OTggMC0xLjA4My0uNDctMS4wODMtMS4wNVY0LjNjMC0uNTguNDg1LTEuMDUgMS4wODMtMS4wNWgxLjcyMSIgc3Ryb2tlPSIjMzU3Q0UxIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik03LjUzOSA0LjUzNGgzLjA2NEwzLjcxOSAxMmwyLjAwNC00Ljk2MUgzTDQuNzIzIDBIMTB6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjUgMikiLz48L2c+PC9zdmc+)
}

.fedui-header-group-right a[data-type=pow] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xOC41MTcgNi4yMi0uNDkxLS42MjYtLjQ5Mi42MjUtMS45NTMgMi40ODYtMi4zMS0xLjg1Mi0uNDktLjM5NC0uMzkuNDkzLTIuNzgzIDMuNTE1aDEuNTk0bDEuNzc4LTIuMjQ2IDEuNzg4IDEuNDM0LS42MDcuODEyaDEuNjI1bDIuMjQtMi44NSAyLjI0IDIuODVoMS41OUwxOC41MTYgNi4yMlptNC4yMDQgNS4zNUg4LjczNWwtLjYzNy44MDVoMTUuMjU2bC0uNjMzLS44MDVaIiBmaWxsPSIjMDE3M0U1Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjI4NSA3LjA5NEgzLjY2djEuMjVoMi40OTFsLjY5NSAzLjg5NS4wOTIuNTE1IDEuMjg1IDcuMjAyLjA5Mi41MTVoMy4xNDRhNC4wNzIgNC4wNzIgMCAwIDEgMC0xLjI1SDkuMzYzbC0xLjE1NS02LjQ2N0gyMi44MmwtMS4yNjYgNi40NjdoLTIuMTA3YTQuMDY1IDQuMDY1IDAgMCAxIC4wMDEgMS4yNUgyMi41ODNsLjA5OS0uNTA1IDEuNTEtNy43MTcuMTQ2LS43NDVINy45ODRMNy4yOSA3LjYwOWwtLjA5Mi0uNTE1SDQuMjg1WiIgZmlsbD0iIzFDMUMxRSIvPjxjaXJjbGUgY3g9IjE1LjQ1NSIgY3k9IjE5LjgzOCIgcj0iMi41NzIiIHN0cm9rZT0iIzFDMUMxRSIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9zdmc+)
}

.fedui-header-group-right a[data-type=chat] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjMyOCA1LjY1NmgtLjYyNXYxMGgyLjYyNXYtMS4yNUg1Ljk1M3YtNy41aDEwLjI1djEuMzc1aDEuMjVWNS42NTZINS4zMjhaIiBmaWxsPSIjMUMxQzFFIi8+PHBhdGggZD0iTTIzLjc5NyAyMC4zNDRoLTR2MmwtNC0yaC02di0xMGgxNHYxMFoiIHN0cm9rZT0iIzFDMUMxRSIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+PHBhdGggZD0iTTE0LjMgMTUuNXMuNzcgMSAyLjUgMWMxLjczMiAwIDIuNS0xIDIuNS0xIiBzdHJva2U9IiMwMTczRTUiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjwvc3ZnPg==)
}

.fedui-header-group-right a[data-type=wallet] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1IDE1LjVhMiAyIDAgMCAxIDItMmg1djRoLTVhMiAyIDAgMCAxLTItMnYwWiIgc3Ryb2tlPSIjMDE3M0U1IiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48cGF0aCBkPSJNMjIgMjF2LjYyNWguNjI1VjIxSDIyWk02IDIxaC0uNjI1di42MjVINlYyMVptMC0xMWgtLjYyNXYuNjI1SDZWMTBabTE2IDBoLjYyNXYtLjYyNUgyMlYxMFpNNi42MjUgMTMuNXYtLjYyNWgtMS4yNXYuNjI1aDEuMjVaTTE3IDdoLjYyNXYtLjYyNUgxN1Y3Wk02IDd2LS42MjVoLS42MjVWN0g2Wm0xNiAxMy4zNzVINnYxLjI1aDE2di0xLjI1Wk0yMS4zNzUgMTB2MTFoMS4yNVYxMGgtMS4yNVpNNiAxMC42MjVoMTF2LTEuMjVINnYxLjI1Wm0xMSAwaDV2LTEuMjVoLTV2MS4yNVpNMTYuMzc1IDd2M2gxLjI1VjdoLTEuMjVabS05Ljc1IDNWN2gtMS4yNXYzaDEuMjVaTTYgNy42MjVoMTF2LTEuMjVINnYxLjI1Wk02LjYyNSAyMXYtNy41aC0xLjI1VjIxaDEuMjVaIiBmaWxsPSIjMUMxQzFFIi8+PC9zdmc+)
}

.fedui-header-group-right a[data-type=cn] {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/cn.8eb2aba.svg)
}

.fedui-header-group-right a[data-type=capital] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgN2g5djE0SDdWN1oiIHN0cm9rZT0iIzFDMUMxRSIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+PHBhdGggZD0iTTkgMTFoNE05IDE0aDQiIHN0cm9rZT0iIzAxNzNFNSIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+PHBhdGggZD0iTTIxIDIxaC01VjExaDV2Ny41TTUgMjFoMTgiIHN0cm9rZT0iIzFDMUMxRSIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+PC9zdmc+)
}

.fedui-header-group-right a[data-type=eco] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjRjZGOEZCIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0JDQzlGQSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMCAwaDIwdjIwSDB6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAxKSI+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0ibTcgOCA0IDEwSDN6Ii8+PGNpcmNsZSBzdHJva2U9IiMzNTdDRTEiIHN0cm9rZS13aWR0aD0iMS41IiBjeD0iNyIgY3k9IjciIHI9IjciLz48Y2lyY2xlIHN0cm9rZT0iIzM1N0NFMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIGN4PSI3IiBjeT0iNyIgcj0iMyIvPjwvZz48L2c+PC9zdmc+)
}

.fedui-header-group-right a[data-type=cloud] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQyMyAxMi4xYy4yNDYtMi4xMjQgMi4wMzQtMy43NjQgNC4xOTItMy43NjQgMS4zMDcgMCAyLjQ3Ni42IDMuMjUyIDEuNTQ3LjY2NC44MS44NzcgMS40MyAxLjE3MiAyLjMzOGwuMTU1LjQ4LjUwMy0uMDUxIDEuMTgtLjEyMWMxLjkzLjAxNiAzLjQ5OCAxLjYwMiAzLjQ5OCAzLjU2NyAwIDEuOTc2LTEuNTg1IDMuNTY4LTMuNTI5IDMuNTY4aC00LjQwNGwtLjc5Ni42OC0uNjY5LjU3aDUuODdjMi42NDQgMCA0Ljc3OC0yLjE2MyA0Ljc3OC00LjgxOHMtMi4xMzQtNC44MTctNC43NzktNC44MTdoLS4wMzJsLS4wMzIuMDAzLS43MTMuMDczYy0uMjU3LS43NDYtLjU1OS0xLjQ0LTEuMjM1LTIuMjY0YTUuNDQ0IDUuNDQ0IDAgMCAwLTQuMjItMi4wMDVjLTIuNzE3IDAtNC45NjUgMS45OTYtNS4zOTYgNC42MDRhNC44MiA0LjgyIDAgMCAwLTIuODQzIDQuNDA2di42MjVoMS4yNXYtLjYyNWMwLTEuNTU2Ljk4NS0yLjg3NyAyLjM1NC0zLjM2NWwuMzAzLS4xMDguMDg4LS4zMS4wMzMtLjExMy4wMTQtLjA1LjAwNi0uMDVaIiBmaWxsPSIjMDAwIi8+PHBhdGggZD0ibTUuMTEgMTkuNzYyIDMuNjA5LTIuOCAyLjk1MyAyLjI0IDMuOTM3LTMuMzZ2LS4yOGgtMy4yOCIgc3Ryb2tlPSIjMDE3M0U1IiBzdHJva2Utd2lkdGg9IjEuMjUiLz48L3N2Zz4=)
}

.fedui-header-group-right a[data-type=chain] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjYyNSAxNC42OTVhNy4zNzUgNy4zNzUgMCAwIDEgMTQuNzUgMHYuMDAyYy40NC4wNDIuODU4LjE1NCAxLjI0NC4zMjZhOC42MjUgOC42MjUgMCAxIDAtMy45MzkgNi45MTkgNC4wMjYgNC4wMjYgMCAwIDEtLjkxNS0uOTA0IDcuMzc1IDcuMzc1IDAgMCAxLTExLjE0LTYuMzQzWiIgZmlsbD0iIzFDMUMxRSIvPjxjaXJjbGUgY3g9IjIwLjk5NiIgY3k9IjE4LjY4IiByPSIyIiBzdHJva2U9IiMwMTczRTUiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iMTQiIGN5PSI2LjY4IiByPSIyIiBmaWxsPSIjZmZmIiBzdHJva2U9IiMxQzFDMUUiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNyIgY3k9IjE4LjY4IiByPSIyIiBmaWxsPSIjZmZmIiBzdHJva2U9IiMxQzFDMUUiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+)
}

.fedui-header-group-right a[data-type=defilabs] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMTAuNzQyaDE2djExSDZ2LTExWiIgc3Ryb2tlPSIjMUMxQzFFIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48cGF0aCBkPSJNMTIgMTkuMjQydi01LjM1N2guNGwzLjIgNC43MTRoLjR2LTUuMzU3IiBzdHJva2U9IiMwMTczRTUiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNTIgNi4yNThoLS4zNTdsLS4xODEuMzA4LTEuNTggMi42ODRoMS40NUw4LjcxIDcuNTA4aDEwLjU3OWwxLjAyNSAxLjc0MmgxLjQ1bC0xLjU3OS0yLjY4NC0uMTgxLS4zMDhIOC4zNTJabTEzLjg3MyA0LjQ5MmgtMS4wMjlsLjI2NS40NS43NjQtLjQ1Wm0tMTUuNDIyIDBoLTEuMDNsLjc2NS40NS4yNjUtLjQ1WiIgZmlsbD0iIzFDMUMxRSIvPjwvc3ZnPg==)
}

.fedui-header-group:hover .fedui-header-group-icon,
.fedui-header-group:hover .fedui-header-group-icon:after,
.fedui-header-group:hover .fedui-header-group-icon:before {
    background-color: #0173e5
}

.fedui-header-group:hover .fedui-header-group-icon:after,
.fedui-header-group:hover .fedui-header-group-icon:before {
    width: 100%
}

.fedui-header-group:hover .fedui-header-group-dropdowns {
    -webkit-animation: fedui-show .3s ease-out forwards;
    animation: fedui-show .3s ease-out forwards;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1
}

.fedui-header-logo {
    height: 22px;
    margin: 0;
    padding-left: 16px
}

.fedui-header-logo img {
    height: 22px;
    vertical-align: top
}

.fedui-header-nav {
    padding-left: 40px
}

.fedui-header-nav>a,
.fedui-header-nav>div {
    color: #a3aaba;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin-left: 24px;
    vertical-align: top
}

.fedui-header-nav>a:first-child,
.fedui-header-nav>div:first-child {
    margin-left: 0
}

.fedui-header-nav>a.fedui-active,
.fedui-header-nav>a:hover,
.fedui-header-nav>div.fedui-active,
.fedui-header-nav>div:hover {
    color: #f0f1f4
}

.fedui-header-nav>a[data-hot],
.fedui-header-nav>div[data-hot] {
    margin-right: 20px;
    position: relative
}

.fedui-header-nav>a[data-hot]:after,
.fedui-header-nav>div[data-hot]:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAWCAYAAAHFie4mAAAABGdBTUEAALGPC/xhBQAAA21JREFUSA3NVltIFUEY/mZ2hYpeArOMHhKLoohewsisiC4kRBFdXrqJHq2IyG4YBWGRJWkU+JRZKulLN6KQCiEhzLKXwAzCC/aQWcegHqKgc2anmdGd3T1njtZBqYHdmf/7v/+fyz//v0t+hcAR2yTofBvgskUuLFM9MTHNoORLl5FCoj0bmZA+ZdN9cSpnLxs5e9fC2dtmpZN9HJG11npGPieKqCcdYWBej8GAxmIp1zjsc10Ktg43Qz6y2epVOaCE6LF0vX26tQLs8lqFy1fc1HTTWTgPSiEOXZOMxIDWL0SLsM0vJxrHTZ2I+Ke4Ph15Kv7myvZV5odhHX8GzFigMZfnAtqhC8T2hAYpTmsNSGZ2LE3LKixScnpfaNAvy1tK1xSD5p4A/9ABdmV9IBKxdvoMxeUeTKlBWsBrEoJ2mISt0SR4QEbK34HaoVXS6lmKKFq7rirZOtYCu6wbVkEDVEQnp4Is2aFyw67oh7Rz80Qa6KB43sRoqGoA6fNFklBET81RanZ9J+xqB9EiCtbeCGt3DdijcnH6PdpcOySzsmAPJyGoDf76Hmh2Hpy7JZosB4R4tSmgGBb0lvn7V5DZrJ6KlUrNP4v0n5ppskuIaYcmBheX2A41qG1LPd14Bk5bvYmqMe2Q93dqEJGf4OFeJUeKLFjFj2Ff+gT8+ApWm6d5fFBwBNffxvwe6qCIlN1uV+O2f7akxpEQwkkZJjAa8y0nmCdpWB+h68E60aaqlNOwz4W8PjUDVqhR3Pn7cJ5c9HCRTHT1IZCFuSAzFwmcKx+8ownO0ypd7YjIE7qiyLNLMGLlXrmNWyDNXAon5kOm/aRMhNL3v9GQtec6aE4+WFNZsPTKRW84jZRqBqf1Blh9AXhbHZh43CYrAV1egMhJUSl81cDVyz5ugX7laGOSE1KLi9bsAm9vCNLFJp2HpeBf+mDn16nvi8zjv23GBZK02bq4BhxOmhIQyfS5Q3K4O4AHhGEdSZ9n+NcLMI2CcYE83AN2c2+8gSjedLH3MyKrGF13FHRLOVjlqni+QOjm8/I3EM7zOqN+NNC4wIRGsYX/YyeiR6bB2n9Hfbpk9eR97cqcZGRBRsLpeqY4+D6Y0O1Iiv++zOhvyUi7+Je6QIhFBG/bE3CAVCG5eIzHTiKFuMUPYup4+B4Ln78BSH5zQlx0+J8AAAAASUVORK5CYII=) no-repeat 50%/20px 11px;
    content: "";
    height: 11px;
    position: absolute;
    right: -22px;
    top: 11px;
    width: 20px
}

.fedui-header-nav>a.fedui-nav-margin,
.fedui-header-nav>div.fedui-nav-margin {
    margin-right: 0
}

.fedui-header-nav>a.fedui-nav-margin:after,
.fedui-header-nav>div.fedui-nav-margin:after {
    right: 0;
    top: 8px
}

.fedui-header-nav>a.fedui-nav-margin i,
.fedui-header-nav>div.fedui-nav-margin i {
    font-size: 9px;
    margin-left: -1px;
    margin-top: 4px
}

.fedui-header-nav>a.fedui-nav-get170,
.fedui-header-nav>div.fedui-nav-get170 {
    background-color: #e78c04;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin-top: 13px;
    padding: 0 8px
}

.fedui-header-nav>a.fedui-nav-get170:hover,
.fedui-header-nav>div.fedui-nav-get170:hover {
    background-color: #faac14
}

.fedui-header-nav>a.fedui-nav-get170:active,
.fedui-header-nav>div.fedui-nav-get170:active {
    background-color: #e78c04
}

.fedui-header-nav .fedui-theme-text,
.fedui-header-nav>a .fedui-theme-text,
.fedui-header-nav>div .fedui-theme-text {
    white-space: nowrap
}

.fedui-header-nav .fedui-header-menu-text a.fedui-active,
.fedui-header-nav>.fedui-active {
    border-bottom: 3px solid #0173e5
}

.fedui-header-nav-projectcenter .fedui-header-menu-dropdowns {
    left: -24px
}

.fedui-header-right {
    color: #a3aaba
}

.fedui-header-nologin>a {
    color: #a3aaba;
    height: 48px;
    line-height: 48px;
    margin-left: 16px
}

.fedui-header-nologin>a.fedui-header-register {
    background: #0173e5;
    border-radius: 2px;
    color: #fff;
    height: 28px;
    line-height: 28px;
    padding-left: 16px;
    padding-right: 16px
}

.fedui-header-nologin>a.fedui-header-register:hover {
    background: #4d9ded
}

.fedui-header-nologin>a.fedui-active,
.fedui-header-nologin>a:hover {
    color: #f0f1f4
}

.fedui-header-nologin>a:first-child {
    margin-left: 0
}

.fedui-header-notice {
    margin-left: 24px;
    position: relative
}

.fedui-header-notice-icon {
    cursor: pointer;
    height: 48px;
    line-height: 52px;
    position: relative;
    text-align: center;
    width: 24px
}

.fedui-header-notice-icon>i {
    font-size: 18px
}

.fedui-header-notice-icon>.activity {
    background: #f95a50;
    border-radius: 14px;
    color: #fff;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 14px;
    line-height: 14px;
    padding: 0 3px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: 11px
}

.fedui-header-notice-icon>.system {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #f95a50;
    border: 1px solid #1b2945;
    border-radius: 6px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-style: normal;
    height: 6px;
    justify-content: center;
    position: absolute;
    right: 4px;
    top: 15px;
    width: 6px
}

.fedui-header-notice-dropdowns {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
    box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
    display: none;
    height: 480px;
    position: absolute;
    right: -100px;
    top: 44px;
    width: 400px
}

.fedui-header-notice-dropdowns>header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAABGdBTUEAALGPC/xhBQAADj1JREFUeAHVW3mQVMUZ73fM7Mwe7C7sLrvszuyBHEZXUAgih5FAjDGmzKUmKf5JpaJlJZUUSSoeiIwSo5aaq5KQVCVVqdIqk5hS/sjlQURAhbgQFDEg7LIMu+yyLAvLHnO+99K/ftNvet68NzNvWdQ0vOnu7+rv+7pfv+6vewkR0pLfdvmWR3qvEUBE4pVrN51Ywss837uldR8jEJGr1oW6dr9yciknkiGWVy6bF+oaPEHIrsVLunr+es9iwFXfQF2nkaE41U1omxL5NBkiHbecPACwvCfSth+FC33N94Ogv9sgyHnK04EjeF7UCk7I8uUP9F5+/ZbBdhFYsAnmh1Wb+haliKaKXLwcVHreVkXkvPnhrq3BdlImjZPVB/YtjWkdiyzOCiXc1X/MILdKx8mEFrU8aRGcOgbB3KhwV3W7SaQGFd+JmJZq5QDePnIoKe+IzBmWFIN728KDERUu00IUsgpEYIRQzmAJEIcERxbKoRX6mQlwYp63sH5dVXXgMeiOEfLzRD2TB/eJglV0n93A2XWhbWPDpGVsWCIGzJfo02KyDf77mcbGZesHuRDVXxaIJ5KJcg6QiBoY6JYy5IQKoPySRFZ2n2EkjcuiFjMAriYA2VTW0AUNYMJAcihHdeCRpuxE3huWAFMeITdEXlUxxnjdnmNwiLA8ARy5MhKdYxCtwdBUTSnX+3bf13qO48Q8RwC1V1r+YDRnYhGJUXbV4PqN/aGEnG6wMzjV9zwc3k97hvW+DIIbIkOVpTKDXtSSCYhpsQVA2NM11zXdaYfxOh+96spNJ65Ic6iQX31tqIvoEqH5nb9ImJaNaVVv3Xxwx90CGVEpc0AEoIwpdGwEg8Sg/2iqwA8hVcrYx82S+QstmAkiEOUx2mHj9Bk7J7F838hCRvKpXy7YbKe1phwRwVqn458P4/tHdhKpXyLxVdG/iXQo5wnQzoe6xjmzPVebH5cr++8RheQJgNpmcsqVtTWVWXa/4o+pJBDoI/G49frWZGZL8U3UiP7SUHL4/iyrWdoVaXqPNcP71E5QrM4+DZzIqxD+TnBDmZxShXBmMOUIAGBF5PhiTZMVlO1JVaSB1yPhUyI8T4CI5OXb/mwopw5GFzqNWk6Tl9PO2btx9uk8uA3gqgDecLeX1CajaNVHlPTuLS1vOxHmKeBlXnISWAwm9h9oLQVKmU2LCS8VLyv6xJuR9sOWAujj6MEoW7iVKqRzadP6igrf1+lHtzqd1Hf0HD376MiZ+NkXO1f/IagkOg7FOn9y95Hfb3OTpyi69kak/QDzQKnDv7W1fk1ldeAJLhQfbExYSPdKN5E2iS0pOZrly9/as9TnsxarObgyPTUk4+uXA3WpNDbO/oqhBZ4Yp3MVplvMmBdGDDblYv7aPrnekbPnhW+vdERQYEL2NUiF3luRsbYi3EUXKiJIKJtDSUvFyNmjLzN4z95fb/BVzBzt+Oxj7wiEeUUV331CdMeJQ6SG1TntU/ezBJ34UDYCJNj4OQZecPviXSZB4V8Viw59knS4kU0Ohv9F5c8w8VZL5scKSpirtwy7iA91YYwEG7MLbqc2GEepgxAC2mbU/0aWJNtCj3eNRHpGnReBTo1Xx84f5ioTL0ooRPHP0Ot20CWDnwmmXtBl8swF6czPnBpygvHvgqUAiIrtD5wETQUWVsIHn4tISfDmKADApZwRZUUefTMSOoZ2eMpTgCOQXxc5vlDX5MyqTMR4K4sW2zkLKmAnvn7jMbqA9hVcQGOhFBwfOvHSk4sm7PxOdU8KQMCqR0/UyumymlQyVWkomk8mhq6npYSiyqPxpqEz++5amnJqyA1WkgLXPnJ6trjycxPG4XStGZ/TGT783O0SneQKp4IK3BA5VYd9eGER7lgsRHY93PwO38s4UboqMJ2vZFAJHtkRaRgvSYFL9RqW6erQzkeaT9qVyPOAlxnRLqxY3UmJnO2VPXJWTKBXPLaxWOyKfJYCmHQMjX9jRZLpLWOljW7mUpkCCC5MZcZbSSOFhfbRvBF7vvrB/qs4jCmQJG1XckAp+cz6wKylK5qf1OlOxe/33YEFKvi2LvjG53cuXrYTC9NCchDJw0IYNMwVXgbe1ctCr1KuKouZiTDIt1JfJPP13Tnt2mNbIhKT1etbWg/JmN9FRKHyFVeFupIJqSoZIwRPgj0Gy+2NQ84L81b8yU0edR4LTqjFPi5cQHtH86ZkHDW6DMksgNiQpWVWdfhm1gRSLZzfKUdwOS9E4EQImJaUb9XwmUFr1hjO1GnGQyko8vTH/bXbiPOWgJEEBhrqrdeQM7nlzN2T1PVxiSRozh50Ba3jWX/oHzms0XNl73/vhbY9OUBbRUvr1SV7wHQ/l8BdAHewDiAJ/xKy+pVtJDVBdyw09ez91dbQuvv2sorLj6waZSUrAA8g9GnGrlDiTVM4HQzYolU0rLTwC1oXFd0X6ESSS1YAo97se9p0zigUNYGpGXwZyoWTpCmpogro482PE01Zm2CNUndj6JteZ0XehKmTgI+FutSagVUGSbN3h9OJuc/vGy+qQGJcWQv3ws3ZJJbhEGd84vScv5fPjn4yy5db0tXEeRWLyKSWDOaisjW4ngW+0WbGcnEcgNINL/u0V7KS8kuIQ6tYwSaDNWY4M5+G2I9FOqob6C6Zp4xG5uAgGjH2nRg9cxfHlpLLpS6fubCJuP7iZMwgeGIxyXxoL8fo46lxhDhpYhMR9mm8gWL56cTwxskkeSZOJ58YU8Ig8ZiUHEqcXVGMV8TzEJ41mrx8EUVBUynzUw/wWlMxtk9TEeaVB0t18QDMUgC7VX6s5lWoF3p7wNJSAEKgGXawXgR6ocWBi53eGgMi4mJ3RKIslPlxoR3OcE5AwG6LGP6oFu10w5cKF6OiTjyOHhAJEUdMa0aTCCuljEion/S+uyOyhq6+3FNRBTjrjT94uyJW2dBaaNoGLaKfOx+5LG8LxuXY85IVsDMWqkPZeFnFTMNXUVVM4UJygMO3SkpNjAUSEyNeZ+1isoG/aAdgU5Uicxtw2Op2UlOKIl5oMLwkogz5SPdQsSFWTO6UHIAXtI/0dkxlN1lMoang8aK3kLYeHnn0IsOTAzA9xkky/EHs4b0YwWkx3QaIPyp+6TjOLS/qAAQSVjzUN1fX9Go3IR9FOD6ob2xu6S4UnYPeBR0w3R/ED8NR4sLLqX1HB+AdH9D6LxevQzkx/7/AsABsUpr/6zRH5Dngg+r1cNuMcMvc6p/CiX3doxuivReil9qhTqMhZzGKVc/FRMW9GFDXVHET3ee24kHZC+9UaWGb/YTYGgFezyK8KFHbEKhrbZ/1HZ8q30hnHRWba+xmeeNWGQAaR5iRPP7ahsRnZlXLI44H+biL9FT0h5u2j9487EUPi1a41MF0wMpttMDG3GL0WJh/eeOXA+X+e6hVLKiB2AmPIjHrWZ0LNaNLK42nydeM73NgwXz/+Y899t3ep/9SkMgFibNarCxZXAZrbBp+dCH1Dq6ZWU7vGMx6llpblZhEzAYyzO7N9j3vd+TZ9CXfg9mhkQU7lq6qOryB3o/cLd6PdCR0ADKbCXlPxtnfxa7XRflVM8oba6vrttGIaVWCBi1SiKbS2BLKSRpFMQPbZhkw4ADn5T7d8Uqf2IRVPjOuDI727pprATwUYDNsV3HwSdXzwFqYtKqi9r5kzFBZt9PDGATR2ADALx8EvIChwQZAdhRsjL9I7g2sIYur3y3YEMLPS5+4cquvvKakU2EnYbBdxamvE3KqsGRMvgZGmcMe9sFI8zXgIUzkpoPQCnDm+8/apOSRie3k/P495Oa658ktoV2kvdK88dY73qjvOzr2HI+741pM6MYtBa/FFLIDtqs48iZ0bzVdiQ5xGma1yzMN5PFdbr/ZpknLJ0hzSMikonEF2WFcR/75XpTER6M0xHwBTpP733365eq2zsFZV98x6HYjqlRbYLuK836NRm1KZSpGh5MTbj93gxhLNl8JbjRGAv7jVUGivyhkGAFXAq2kPBBmQIDL2q48QLNpSbBdxWUH2o51qfxiJSdoiJjpjx/TKlqgFavOsBSFl8OtbLI48jscxk1VZ9iu4qYHjXlN2QGpc3M20ttnX2DzGcZxxqisUhlYxgEmHbAigLqCVtncUIw/HqYX9U3pkqI976vt/3G2LW8l2K7imovaV+856MebSoyra7M6wwr8Nyc20LB3G4WMvZzWeudzfOaVX1nnqyVTdgBsh1qklMtIoHNKWloNXDg5+yE9rawV8dxeRxg12upxWihIKwiw6Cg/PXvaPiN0erOiup/ACax5RR48ZQ4ANvN3Aez0PI/6IgB1wdrFQUn9naMI/j4gRzKHhZnT6qSe/ubZ+Ln/MNw0/tDlL7umAJHWbhCXrBBsnMZ2mKjh2LkDfZNnl9Pzs9040hKfGF0Fmsdc9HyNlmPsyIvmCWk3eC6F8bARtnI7rREAACK8aW3eFZcyEOLXqhpVw/9VmSi4t8OWsXR90K0T7UhaSj6bVMYGuXLTnSMwoipHD4mR5BwHoEGqFI0B9i74qER8p8sJiBy/sbntCHU2pl0r5TmAY3C1K04m539UI8Bcz2K5GSkuf7/kW4N2gZf67yrs7U1n3emSoF2+6wgQCfFafOKBUy1e/nZN5P+gyzD8tR/N6bMPdyc9SnKAyIhXI60l517KiVJsr9SyOcH5u92Gupsczw7ggjAq1jw0MCut6c0fljNMo+X+Vzc3nS2lt7nuYj5lB4hCUGZ/jXR0qE6Nx+vogfi0L6jQBhYw6UBgODyvYbiUi+HgKZamzQFuDeFaZHCkvtJISEFF8ZclE/GAJCmqpKQVXJcDH7al+HMew9DS+JNnTaM3Q8uMWGzmmXGv1/Hd9HCD/w+eZAQhXHfAmAAAAABJRU5ErkJggg==) no-repeat 16px 16px/32px;
    color: #1c1c1e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    justify-content: space-between;
    line-height: 64px;
    padding: 0 16px 0 56px
}

.fedui-header-notice-dropdowns>header h3 {
    font-weight: 500;
    margin: 0
}

.fedui-header-notice-dropdowns>header a {
    color: #0173e5;
    font-size: 12px;
    font-weight: 500
}

.fedui-header-notice-dropdowns>header a:hover {
    opacity: .7
}

.fedui-header-notice-dropdowns>footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-top: 1px solid #e5eaf6;
    height: 50px;
    justify-content: space-between;
    padding: 0 16px
}

.fedui-header-notice-dropdowns>footer,
.fedui-header-notice-dropdowns>footer .checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px
}

.fedui-header-notice-dropdowns>footer .checkbox {
    color: #263241;
    height: 18px;
    padding-left: 22px;
    position: relative
}

.fedui-header-notice-dropdowns>footer .checkbox input {
    background-color: #000;
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.fedui-header-notice-dropdowns>footer .checkbox input+i {
    border: 1px solid rgba(154, 165, 181, .5);
    border-radius: 2px;
    display: inline-block;
    height: 14px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 14px
}

.fedui-header-notice-dropdowns>footer .checkbox input:checked+i {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIC41SDJBMS41IDEuNSAwIDAgMCAuNSAydjEwQTEuNSAxLjUgMCAwIDAgMiAxMy41aDEwYTEuNSAxLjUgMCAwIDAgMS41LTEuNVYyQTEuNSAxLjUgMCAwIDAgMTIgLjVaTTUuNSA3Ljk4Mmw0LjYxNi00LjYxNmExLjI1IDEuMjUgMCAwIDEgMS43NjggMS43NjhsLTUuNSA1LjVhMS4yNSAxLjI1IDAgMCAxLTEuNzY4IDBsLTIuNS0yLjVhMS4yNSAxLjI1IDAgMCAxIDEuNzY4LTEuNzY4TDUuNSA3Ljk4MloiIHN0cm9rZT0iIzM1N0NFMSIgZmlsbD0iIzM1N0NFMSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 0;
    border: none
}

.fedui-header-notice-dropdowns>footer button {
    background: none;
    border: none;
    color: #0173e5;
    cursor: pointer;
    font-size: 12px;
    height: 18px;
    margin: 0;
    outline: none;
    padding: 0
}

.fedui-header-notice-dropdowns>footer button:hover {
    opacity: .7
}

.fedui-header-notice-dropdowns>footer button:disabled {
    color: #9aa5b5;
    cursor: not-allowed;
    opacity: 1
}

.fedui-header-notice-dropdowns-list {
    scrollbar-highlight-color: rgba(127, 143, 164, .4);
    height: 366px;
    overflow-y: auto
}

.fedui-header-notice-dropdowns-list>a {
    color: #1c1c1e;
    cursor: pointer;
    display: block;
    font-size: 12px;
    margin: 0 16px;
    overflow: visible;
    -webkit-transition: none;
    transition: none
}

.fedui-header-notice-dropdowns-list>a+a {
    border-top: 1px solid #e6ecf2
}

.fedui-header-notice-dropdowns-list dl {
    color: #9aa5b5;
    font-size: 14px;
    margin: 0 -16px;
    padding: 8px 16px 6px 26px
}

.fedui-header-notice-dropdowns-list dl:hover {
    background-color: rgba(233, 234, 237, .5)
}

.fedui-header-notice-dropdowns-list dl:hover.unread dt {
    color: #0173e5
}

.fedui-header-notice-dropdowns-list dl.unread {
    position: relative
}

.fedui-header-notice-dropdowns-list dl.unread dt {
    color: #1c1c1e
}

.fedui-header-notice-dropdowns-list dl.unread:before {
    background-color: #ef5656;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 16px;
    position: absolute;
    top: 15px;
    width: 6px
}

.fedui-header-notice-dropdowns-list dd,
.fedui-header-notice-dropdowns-list dt {
    line-height: 22px
}

.fedui-header-notice-dropdowns-list dt {
    font-weight: 500
}

.fedui-header-notice-dropdowns-list dd.time {
    font-size: 12px;
    line-height: 18px
}

.fedui-header-notice-dropdowns-list::-webkit-scrollbar-thumb {
    background-color: rgba(127, 143, 164, .4) !important
}

.fedui-header-notice-dropdowns-loading {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+QGtleWZyYW1lcyBsb2FkezAle3RyYW5zZm9ybTpyb3RhdGUoMCl9dG97dHJhbnNmb3JtOnJvdGF0ZSgtMzYwZGVnKX19PC9zdHlsZT48ZyBzdHlsZT0iYW5pbWF0aW9uOmxvYWQgMXMgbGluZWFyIGluZmluaXRlO3RyYW5zZm9ybS1vcmlnaW46Y2VudGVyIGNlbnRlciI+PGxpbmVhckdyYWRpZW50IGlkPSJyaWdodCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxNTAiIHkxPSIyMCIgeDI9IjE1MCIgeTI9IjE4MCI+PHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMDA1MmE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojMzU3Y2UxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMTAwIDB2MjBjNDQuMSAwIDgwIDM1LjkgODAgODBzLTM1LjkgODAtODAgODB2MjBjNTUuMiAwIDEwMC00NC44IDEwMC0xMDBTMTU1LjIgMCAxMDAgMHoiIHN0eWxlPSJmaWxsOnVybCgjcmlnaHQpIi8+PGxpbmVhckdyYWRpZW50IGlkPSJsZWZ0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwIiB5MT0iMCIgeDI9IjUwIiB5Mj0iMTgwIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMzNTdjZTE7c3RvcC1vcGFjaXR5OjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMzNTdjZTEiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0yMCAxMDBjMC00NC4xIDM1LjktODAgODAtODBWMEM0NC44IDAgMCA0NC44IDAgMTAwczQ0LjggMTAwIDEwMCAxMDB2LTIwYy00NC4xIDAtODAtMzUuOS04MC04MHoiIHN0eWxlPSJmaWxsOnVybCgjbGVmdCkiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMCIgcj0iMTAiIHN0eWxlPSJmaWxsOiMwMDUyYTkiLz48L2c+PC9zdmc+) no-repeat 50%/40px;
    font-size: 0;
    height: 366px
}

.fedui-header-notice-dropdowns-empty {
    height: 366px;
    position: relative
}

.fedui-header-notice-dropdowns-empty>p {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/notice-empty.f236fe9.png) no-repeat top/80px;
    color: #596a7a;
    left: 0;
    margin: 0;
    padding-top: 96px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.fedui-header-notice:hover .fedui-header-notice-icon {
    color: #fff
}

.fedui-header-notice:hover .fedui-header-notice-dropdowns {
    -webkit-animation: fedui-show .3s ease-out forwards;
    animation: fedui-show .3s ease-out forwards;
    display: none
}

.fedui-header-mob {
    height: 48px;
    line-height: 48px;
    margin-left: 24px;
    text-align: center;
    width: 24px
}

.fedui-header-mob a {
    color: hsla(0, 0%, 100%, .8);
    display: block
}

.fedui-header-mob a:hover {
    color: #fff
}

.fedui-header-mob i {
    font-size: 18px
}

.fedui-header-download {
    cursor: pointer;
    height: 48px;
    line-height: 52px;
    margin-left: 16px;
    padding: 0 13px;
    position: relative;
    text-align: center
}

.fedui-header-download:before {
    background: #434954;
    content: "";
    height: 24px;
    left: 0;
    margin-top: -12px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 1px
}

.fedui-header-download>a {
    color: #a3aaba;
    display: block;
    line-height: 55px
}

.fedui-header-download>a img {
    color: hsla(0, 0%, 100%, .8);
    width: 13px
}

.fedui-header-download>a img:hover {
    color: #fff
}

.fedui-header-download i {
    color: #a3aaba;
    font-size: 18px;
    vertical-align: 0
}

.fedui-header-download i:hover {
    color: #f0f1f4
}

.fedui-header-download-dropdowns {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
    box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
    display: none;
    padding: 8px 16px 8px 10px;
    position: absolute;
    right: -50px;
    top: 44px
}

.fedui-header-download-dropdowns img {
    display: block
}

.fedui-header-download-qr {
    border: 1px solid #dfe2e7;
    border-radius: 2px;
    height: 108px;
    padding: 8px;
    width: 108px
}

.fedui-header-download-qrtext {
    padding-left: 20px;
    text-align: left
}

.fedui-header-download-qrtext p {
    color: #1c1c1e;
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
    white-space: nowrap
}

.fedui-header-download-qrtext p:first-child {
    margin-top: 9px
}

.fedui-header-download-qrtext a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0173e5;
    border-radius: 2px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    line-height: 1;
    margin-top: 12px;
    padding: 9px 16px;
    white-space: nowrap
}

.fedui-header-download-qrtext a i {
    color: #fff;
    font-size: 12px;
    margin-left: 10px
}

.fedui-header-download-qrtext a:hover {
    color: #fff;
    opacity: .7
}

.fedui-header-download:hover>i {
    color: #f0f1f4
}

.fedui-header-download:hover .fedui-header-download-dropdowns {
    -webkit-animation: fedui-show .3s ease-out forwards;
    animation: fedui-show .3s ease-out forwards;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fedui-header-locales {
    padding: 0 15px;
    position: relative
}

.fedui-header-locales,
.fedui-header-locales-text {
    cursor: pointer;
    height: 48px;
    line-height: 52px
}

.fedui-header-locales i,
.fedui-header-locales-text i {
    font-size: 18px;
    vertical-align: 0
}

.fedui-header-locales i {
    color: #a3aaba;
    cursor: pointer
}

.fedui-header-locales i:hover {
    color: #f0f1f4
}

.fedui-header-locales-dropdowns {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
    box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
    display: none;
    font-size: 0;
    height: 327px;
    overflow: hidden;
    padding-bottom: 4px;
    padding-top: 4px;
    position: absolute;
    right: 0;
    top: 44px;
    width: 286px
}

.fedui-header-locales-dropdowns-single {
    float: left;
    width: 140px
}

.fedui-header-locales-dropdowns-single .single-title {
    color: #909090;
    font-size: 12px;
    line-height: 14px;
    padding: 16px 0 16px 16px;
    width: 140px
}

.fedui-header-locales-dropdowns-single p {
    height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin
}

.fedui-header-locales-dropdowns-single p::-webkit-scrollbar {
    background: #ecf1f8;
    border-radius: 3px 3px 0 0;
    width: 2px
}

.fedui-header-locales-dropdowns-single p::-webkit-scrollbar-thumb {
    background-color: #ccd2da;
    border-radius: 3px;
    width: 2px
}

.fedui-header-locales-dropdowns-single p>a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1c1c1e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 16px;
    padding: 12px 6px 12px 16px;
    vertical-align: top;
    white-space: normal;
    word-break: break-word
}

.fedui-header-locales-dropdowns-single p>a i {
    color: #1c1c1e;
    font-family: PingFang SC;
    font-size: 14px;
    margin-right: 8px
}

.fedui-header-locales-dropdowns-single p>a:hover {
    background-color: #edf4fb;
    color: #0173e5
}

.fedui-header-locales-dropdowns-single p>a:hover i {
    color: #0173e5
}

.fedui-header-locales-dropdowns-single p>a img {
    width: 10px
}

.fedui-header-locales-dropdowns-single p>a.hide {
    display: none
}

.fedui-header-locales:hover>i {
    color: #f0f1f4
}

.fedui-header-locales:hover .fedui-header-locales-dropdowns {
    -webkit-animation: fedui-show .3s ease-out forwards;
    animation: fedui-show .3s ease-out forwards;
    display: block
}

.fedui-header-order {
    padding-left: 24px
}

.fedui-header-order .fedui-header-menu-dropdowns {
    max-width: 300px;
    min-width: 247px;
    padding: 16px 0
}

.fedui-header-order .fedui-header-menu-dropdowns>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 8px 8px 16px
}

.fedui-header-order .fedui-header-menu-dropdowns>a .menu-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.fedui-header-order .fedui-header-menu-dropdowns>a.fedui-active,
.fedui-header-order .fedui-header-menu-dropdowns>a:hover {
    background-color: #edf4fb;
    color: #0173e5
}

.fedui-header-order .fedui-header-menu-dropdowns>a span {
    white-space: normal
}

.fedui-header-finance .fedui-header-menu-dropdowns {
    left: -24px;
    max-width: 300px;
    min-width: 247px;
    padding: 16px 0
}

.fedui-header-finance .fedui-header-menu-dropdowns>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 8px 8px 16px
}

.fedui-header-finance .fedui-header-menu-dropdowns>a .menu-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.fedui-header-finance .fedui-header-menu-dropdowns>a.fedui-active,
.fedui-header-finance .fedui-header-menu-dropdowns>a:hover {
    background-color: #edf4fb;
    color: #0173e5
}

.fedui-header-finance .fedui-header-menu-dropdowns>a>span {
    white-space: normal
}

.fedui-header-finance .fedui-header-menu-dropdowns .fedui-header-finance-points {
    text-overflow: clip;
    white-space: pre-wrap
}

.fedui-header-finance .fedui-header-menu-dropdowns .fedui-header-finance-points span {
    display: inline-block;
    margin-right: 4px
}

.fedui-header-finance .fedui-header-menu-dropdowns .fedui-header-finance-points em {
    background-color: rgba(250, 100, 0, .1);
    border-radius: 2px;
    color: #fa6400;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    height: 14px;
    line-height: 14px;
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap
}

.fedui-header-menu {
    position: relative
}

.fedui-header-menu .fedui-active,
.fedui-header-menu .fedui-active a {
    color: #f0f1f4
}

.fedui-header-menu-text {
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap
}

.fedui-header-menu-text a {
    color: #a3aaba;
    height: 48px;
    line-height: 48px
}

.fedui-header-menu-text i {
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    -webkit-transform-origin: center 11px;
    transform-origin: center 11px;
    vertical-align: 0;
    width: 24px
}

.fedui-header-menu-dropdowns {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
    box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
    display: none;
    left: 0;
    max-width: 260px;
    min-width: 140px;
    padding: 4px 8px;
    position: absolute;
    top: 44px
}

.fedui-header-menu-dropdowns a {
    border-radius: 2px;
    color: #1c1c1e;
    display: block;
    line-height: 20px;
    min-height: 40px;
    overflow: hidden;
    padding: 10px 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fedui-header-menu-dropdowns a[data-beta],
.fedui-header-menu-dropdowns a[data-hot],
.fedui-header-menu-dropdowns a[data-new] {
    padding-right: 25px;
    position: relative
}

.fedui-header-menu-dropdowns a[data-beta]:after,
.fedui-header-menu-dropdowns a[data-hot]:after,
.fedui-header-menu-dropdowns a[data-new]:after {
    content: "";
    height: 11px;
    margin-left: 2px;
    position: absolute;
    top: 14px;
    width: 20px
}

.fedui-header-menu-dropdowns a[data-hot]:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAWCAYAAAHFie4mAAAABGdBTUEAALGPC/xhBQAAA21JREFUSA3NVltIFUEY/mZ2hYpeArOMHhKLoohewsisiC4kRBFdXrqJHq2IyG4YBWGRJWkU+JRZKulLN6KQCiEhzLKXwAzCC/aQWcegHqKgc2anmdGd3T1njtZBqYHdmf/7v/+fyz//v0t+hcAR2yTofBvgskUuLFM9MTHNoORLl5FCoj0bmZA+ZdN9cSpnLxs5e9fC2dtmpZN9HJG11npGPieKqCcdYWBej8GAxmIp1zjsc10Ktg43Qz6y2epVOaCE6LF0vX26tQLs8lqFy1fc1HTTWTgPSiEOXZOMxIDWL0SLsM0vJxrHTZ2I+Ke4Ph15Kv7myvZV5odhHX8GzFigMZfnAtqhC8T2hAYpTmsNSGZ2LE3LKixScnpfaNAvy1tK1xSD5p4A/9ABdmV9IBKxdvoMxeUeTKlBWsBrEoJ2mISt0SR4QEbK34HaoVXS6lmKKFq7rirZOtYCu6wbVkEDVEQnp4Is2aFyw67oh7Rz80Qa6KB43sRoqGoA6fNFklBET81RanZ9J+xqB9EiCtbeCGt3DdijcnH6PdpcOySzsmAPJyGoDf76Hmh2Hpy7JZosB4R4tSmgGBb0lvn7V5DZrJ6KlUrNP4v0n5ppskuIaYcmBheX2A41qG1LPd14Bk5bvYmqMe2Q93dqEJGf4OFeJUeKLFjFj2Ff+gT8+ApWm6d5fFBwBNffxvwe6qCIlN1uV+O2f7akxpEQwkkZJjAa8y0nmCdpWB+h68E60aaqlNOwz4W8PjUDVqhR3Pn7cJ5c9HCRTHT1IZCFuSAzFwmcKx+8ownO0ypd7YjIE7qiyLNLMGLlXrmNWyDNXAon5kOm/aRMhNL3v9GQtec6aE4+WFNZsPTKRW84jZRqBqf1Blh9AXhbHZh43CYrAV1egMhJUSl81cDVyz5ugX7laGOSE1KLi9bsAm9vCNLFJp2HpeBf+mDn16nvi8zjv23GBZK02bq4BhxOmhIQyfS5Q3K4O4AHhGEdSZ9n+NcLMI2CcYE83AN2c2+8gSjedLH3MyKrGF13FHRLOVjlqni+QOjm8/I3EM7zOqN+NNC4wIRGsYX/YyeiR6bB2n9Hfbpk9eR97cqcZGRBRsLpeqY4+D6Y0O1Iiv++zOhvyUi7+Je6QIhFBG/bE3CAVCG5eIzHTiKFuMUPYup4+B4Ln78BSH5zQlx0+J8AAAAASUVORK5CYII=) no-repeat 50%/20px 11px
}

.fedui-header-menu-dropdowns a[data-new]:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRkE2NDAwIiBkPSJNMCAwaDIwdjlIM2wtMyAyeiIvPjxwYXRoIGQ9Ik0yLjgyIDcuNFYzLjZsMi40OTQgMy44aC43NTFWMmgtLjgxOXYzLjc5MkwyLjc1MSAySDJ2NS40aC44MlptOC4xMDcgMHYtLjczNkg4LjI5NVY1LjA0MWgyLjI0NXYtLjcyOEg4LjI5NVYyLjczNmgyLjYzMlYySDcuNDc2djUuNGgzLjQ1Wm0yLjYyNCAwIDEuMDkyLTMuNzg1IDEuMSAzLjc4NWguNzEzbDEuNDEtNS40aC0uODY0bC0uOTQgMy44NkwxNC45NzYgMmgtLjY2bC0xLjA4NSAzLjg2LS45NC0zLjg2aC0uODY1bDEuNDEgNS40aC43MTRaIiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==) no-repeat 50%/20px 11px
}

.fedui-header-menu-dropdowns a[data-beta]:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgyMHY5SDMuMDI5TDAgMTFWMFoiIGZpbGw9IiNGQTY0MDAiLz48cGF0aCBkPSJNMiA3LjQxNVYxLjVoMi4wOTZjLjY3IDAgMS4xOTYuMTM0IDEuNTc1LjQwMi4zOC4yNjYuNTcuNjY1LjU3IDEuMTk5IDAgLjI2Mi0uMDkxLjQ5OC0uMjc0LjcwNmExLjYzNiAxLjYzNiAwIDAgMS0uNzIuNDZjLjM5LjA3NS42OTQuMjUuOTE0LjUyMy4yMjQuMjc0LjMzNi41OTIuMzM2Ljk1NSAwIC41NDItLjE5Mi45NTYtLjU3NCAxLjI0My0uMzguMjg1LS44OTYuNDI3LTEuNTQ5LjQyN0gyWm0uODctMi43NzV2Mi4xNWgxLjUwNGMuMzk0IDAgLjcwMi0uMDkuOTIyLS4yNjkuMjIxLS4xODEuMzMxLS40MzcuMzMxLS43NjggMC0uMzQ2LS4wOTItLjYxOS0uMjc4LS44MTYtLjE4Mi0uMTk4LS40NjQtLjI5Ny0uODQ3LS4yOTdIMi44N1ptMC0uNjI1aDEuNDA3Yy4zMjQgMCAuNTg3LS4wODIuNzktLjI0NC4yMDMtLjE2NS4zMDQtLjM5NC4zMDQtLjY4NyAwLS4zMi0uMTEtLjU1OC0uMzMtLjcxNS0uMjE4LS4xNi0uNTMzLS4yNC0uOTQ1LS4yNEgyLjg3djEuODg2Wk05LjE0NyA3LjVjLS42NjUgMC0xLjE5NC0uMjAzLTEuNTg5LS42MS0uMzktLjQwOC0uNTg3LS45MzgtLjU4Ny0xLjU4OHYtLjE3OGMwLS42MjYuMjAyLTEuMTQ2LjYwNS0xLjU2LjQwNi0uNDE3Ljg4Ni0uNjI2IDEuNDM5LS42MjYuNjQ0IDAgMS4xMy4xNzkgMS40Ni41MzYuMzMuMzU4LjQ5NS44MzQuNDk1IDEuNDN2LjVINy44NzJsLS4wMTQuMDJjLjAxLjQyMy4xMjUuNzcuMzUgMS4wNDQuMjIzLjI3MS41MzYuNDA2LjkzOS40MDYuMjk0IDAgLjU1Mi0uMDM4Ljc3Mi0uMTEzLjIyNC0uMDc5LjQxNi0uMTg2LjU3OC0uMzIxbC4zNC41MmMtLjE3LjE1NC0uMzk2LjI4My0uNjc1LjM4Ni0uMjguMTAzLS42MTguMTU0LTEuMDE1LjE1NFptLS4xMzItMy45MzJhLjk3Ljk3IDAgMCAwLS43NDYuMzQgMS41MzIgMS41MzIgMCAwIDAtLjM4Ljg1bC4wMS4wMkgxMC4xdi0uMTA1YzAtLjMxNC0uMDkxLS41NzctLjI3My0uNzg4LS4xODMtLjIxMi0uNDUzLS4zMTctLjgxMi0uMzE3Wk0xMi42NDUgMS45NTl2MS4wNmguOTA0di41OTNoLS45MDR2Mi42N2MwIC4yMDUuMDQ1LjM1LjEzNi40MzRhLjUzNi41MzYgMCAwIDAgLjM3MS4xMjYgMS4wNjggMS4wNjggMCAwIDAgLjMyNi0uMDU3bC4xMTUuNTQ4YS43OC43OCAwIDAgMS0uMjg3LjExOCAxLjQ2OCAxLjQ2OCAwIDAgMS0uMzc1LjA0OWMtLjM1MyAwLS42MzMtLjA5OC0uODQyLS4yOTItLjIxLS4xOTgtLjMxNC0uNTA3LS4zMTQtLjkyN1YzLjYxMmgtLjc1OVYzLjAyaC43NlYxLjk2aC44NjlaTTE3LjEwNCA3LjQxNWE4LjIxNSA4LjIxNSAwIDAgMS0uMDctLjM1IDIuNzQ4IDIuNzQ4IDAgMCAxLS4wMjctLjMwOCAxLjk5MiAxLjk5MiAwIDAgMS0uNjM1LjUzMmMtLjI2LjE0LS41MzkuMjExLS44MzkuMjExLS40OTcgMC0uODc2LS4xMTYtMS4xMzgtLjM1LS4yNi0uMjM1LS4zODktLjU1OS0uMzg5LS45NyAwLS40Mi4xODQtLjc0OC41NTItLjk4My4zNy0uMjM5Ljg3Mi0uMzU4IDEuNTA1LS4zNThoLjk0NHYtLjQzNGMwLS4yNTgtLjA4NS0uNDYtLjI1Ni0uNjEtLjE3LS4xNTEtLjQxMi0uMjI3LS43MjQtLjIyNy0uMjc5IDAtLjUwNy4wNjYtLjY4NC4xOTktLjE3My4xMy0uMjYuMjg3LS4yNi40NzFoLS44M2wtLjAwOC0uMDI0Yy0uMDE4LS4zMi4xNDUtLjYxMi40OS0uODc4LjM0Ny0uMjY1Ljc5NC0uMzk4IDEuMzQxLS4zOTguNTQxIDAgLjk3Ny4xMjcgMS4zMDYuMzgyLjMzLjI1Mi40OTQuNjE2LjQ5NCAxLjA5M3YyLjExNmMwIC4xNTcuMDEuMzA5LjAyNy40NTUuMDE4LjE0Ni4wNS4yOS4wOTcuNDNoLS44OTZabS0xLjQ0My0uNTg1Yy4zMTUgMCAuNTk5LS4wNzUuODUyLS4yMjQuMjUzLS4xNDkuNDE4LS4zMi40OTQtLjUxMlY1LjM4aC0uOTc1Yy0uMzUgMC0uNjMxLjA4Mi0uODQzLjI0NC0uMjA5LjE2My0uMzEzLjM1NC0uMzEzLjU3MyAwIC4xOTUuMDY2LjM1LjE5OC40NjMuMTMzLjExNC4zMjguMTcuNTg3LjE3WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat 50%/20px 11px
}

.fedui-header-menu-dropdowns a.fedui-active,
.fedui-header-menu-dropdowns a:hover {
    background-color: #edf4fb;
    color: #0173e5
}

.fedui-header-menu-dropdowns-big {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
    box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
    display: none;
    left: 0;
    max-width: 460px;
    min-width: 140px;
    padding: 16px 0;
    position: absolute;
    top: 44px;
    width: 460px
}

.fedui-header-menu-dropdowns-big a {
    border-radius: 2px;
    color: #1c1c1e;
    display: block;
    line-height: 20px;
    min-height: 40px;
    overflow: hidden;
    padding: 10px 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fedui-header-menu-dropdowns-big a[data-beta],
.fedui-header-menu-dropdowns-big a[data-hot],
.fedui-header-menu-dropdowns-big a[data-new] {
    padding-right: 25px;
    position: relative
}

.fedui-header-menu-dropdowns-big a[data-beta]:after,
.fedui-header-menu-dropdowns-big a[data-hot]:after,
.fedui-header-menu-dropdowns-big a[data-new]:after {
    content: "";
    height: 11px;
    margin-left: 2px;
    position: absolute;
    top: 14px;
    width: 20px
}

.fedui-header-menu-dropdowns-big a[data-hot]:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAWCAYAAAHFie4mAAAABGdBTUEAALGPC/xhBQAAA21JREFUSA3NVltIFUEY/mZ2hYpeArOMHhKLoohewsisiC4kRBFdXrqJHq2IyG4YBWGRJWkU+JRZKulLN6KQCiEhzLKXwAzCC/aQWcegHqKgc2anmdGd3T1njtZBqYHdmf/7v/+fyz//v0t+hcAR2yTofBvgskUuLFM9MTHNoORLl5FCoj0bmZA+ZdN9cSpnLxs5e9fC2dtmpZN9HJG11npGPieKqCcdYWBej8GAxmIp1zjsc10Ktg43Qz6y2epVOaCE6LF0vX26tQLs8lqFy1fc1HTTWTgPSiEOXZOMxIDWL0SLsM0vJxrHTZ2I+Ke4Ph15Kv7myvZV5odhHX8GzFigMZfnAtqhC8T2hAYpTmsNSGZ2LE3LKixScnpfaNAvy1tK1xSD5p4A/9ABdmV9IBKxdvoMxeUeTKlBWsBrEoJ2mISt0SR4QEbK34HaoVXS6lmKKFq7rirZOtYCu6wbVkEDVEQnp4Is2aFyw67oh7Rz80Qa6KB43sRoqGoA6fNFklBET81RanZ9J+xqB9EiCtbeCGt3DdijcnH6PdpcOySzsmAPJyGoDf76Hmh2Hpy7JZosB4R4tSmgGBb0lvn7V5DZrJ6KlUrNP4v0n5ppskuIaYcmBheX2A41qG1LPd14Bk5bvYmqMe2Q93dqEJGf4OFeJUeKLFjFj2Ff+gT8+ApWm6d5fFBwBNffxvwe6qCIlN1uV+O2f7akxpEQwkkZJjAa8y0nmCdpWB+h68E60aaqlNOwz4W8PjUDVqhR3Pn7cJ5c9HCRTHT1IZCFuSAzFwmcKx+8ownO0ypd7YjIE7qiyLNLMGLlXrmNWyDNXAon5kOm/aRMhNL3v9GQtec6aE4+WFNZsPTKRW84jZRqBqf1Blh9AXhbHZh43CYrAV1egMhJUSl81cDVyz5ugX7laGOSE1KLi9bsAm9vCNLFJp2HpeBf+mDn16nvi8zjv23GBZK02bq4BhxOmhIQyfS5Q3K4O4AHhGEdSZ9n+NcLMI2CcYE83AN2c2+8gSjedLH3MyKrGF13FHRLOVjlqni+QOjm8/I3EM7zOqN+NNC4wIRGsYX/YyeiR6bB2n9Hfbpk9eR97cqcZGRBRsLpeqY4+D6Y0O1Iiv++zOhvyUi7+Je6QIhFBG/bE3CAVCG5eIzHTiKFuMUPYup4+B4Ln78BSH5zQlx0+J8AAAAASUVORK5CYII=) no-repeat 50%/20px 11px
}

.fedui-header-menu-dropdowns-big a[data-new]:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRkE2NDAwIiBkPSJNMCAwaDIwdjlIM2wtMyAyeiIvPjxwYXRoIGQ9Ik0yLjgyIDcuNFYzLjZsMi40OTQgMy44aC43NTFWMmgtLjgxOXYzLjc5MkwyLjc1MSAySDJ2NS40aC44MlptOC4xMDcgMHYtLjczNkg4LjI5NVY1LjA0MWgyLjI0NXYtLjcyOEg4LjI5NVYyLjczNmgyLjYzMlYySDcuNDc2djUuNGgzLjQ1Wm0yLjYyNCAwIDEuMDkyLTMuNzg1IDEuMSAzLjc4NWguNzEzbDEuNDEtNS40aC0uODY0bC0uOTQgMy44NkwxNC45NzYgMmgtLjY2bC0xLjA4NSAzLjg2LS45NC0zLjg2aC0uODY1bDEuNDEgNS40aC43MTRaIiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==) no-repeat 50%/20px 11px
}

.fedui-header-menu-dropdowns-big a[data-beta]:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgyMHY5SDMuMDI5TDAgMTFWMFoiIGZpbGw9IiNGQTY0MDAiLz48cGF0aCBkPSJNMiA3LjQxNVYxLjVoMi4wOTZjLjY3IDAgMS4xOTYuMTM0IDEuNTc1LjQwMi4zOC4yNjYuNTcuNjY1LjU3IDEuMTk5IDAgLjI2Mi0uMDkxLjQ5OC0uMjc0LjcwNmExLjYzNiAxLjYzNiAwIDAgMS0uNzIuNDZjLjM5LjA3NS42OTQuMjUuOTE0LjUyMy4yMjQuMjc0LjMzNi41OTIuMzM2Ljk1NSAwIC41NDItLjE5Mi45NTYtLjU3NCAxLjI0My0uMzguMjg1LS44OTYuNDI3LTEuNTQ5LjQyN0gyWm0uODctMi43NzV2Mi4xNWgxLjUwNGMuMzk0IDAgLjcwMi0uMDkuOTIyLS4yNjkuMjIxLS4xODEuMzMxLS40MzcuMzMxLS43NjggMC0uMzQ2LS4wOTItLjYxOS0uMjc4LS44MTYtLjE4Mi0uMTk4LS40NjQtLjI5Ny0uODQ3LS4yOTdIMi44N1ptMC0uNjI1aDEuNDA3Yy4zMjQgMCAuNTg3LS4wODIuNzktLjI0NC4yMDMtLjE2NS4zMDQtLjM5NC4zMDQtLjY4NyAwLS4zMi0uMTEtLjU1OC0uMzMtLjcxNS0uMjE4LS4xNi0uNTMzLS4yNC0uOTQ1LS4yNEgyLjg3djEuODg2Wk05LjE0NyA3LjVjLS42NjUgMC0xLjE5NC0uMjAzLTEuNTg5LS42MS0uMzktLjQwOC0uNTg3LS45MzgtLjU4Ny0xLjU4OHYtLjE3OGMwLS42MjYuMjAyLTEuMTQ2LjYwNS0xLjU2LjQwNi0uNDE3Ljg4Ni0uNjI2IDEuNDM5LS42MjYuNjQ0IDAgMS4xMy4xNzkgMS40Ni41MzYuMzMuMzU4LjQ5NS44MzQuNDk1IDEuNDN2LjVINy44NzJsLS4wMTQuMDJjLjAxLjQyMy4xMjUuNzcuMzUgMS4wNDQuMjIzLjI3MS41MzYuNDA2LjkzOS40MDYuMjk0IDAgLjU1Mi0uMDM4Ljc3Mi0uMTEzLjIyNC0uMDc5LjQxNi0uMTg2LjU3OC0uMzIxbC4zNC41MmMtLjE3LjE1NC0uMzk2LjI4My0uNjc1LjM4Ni0uMjguMTAzLS42MTguMTU0LTEuMDE1LjE1NFptLS4xMzItMy45MzJhLjk3Ljk3IDAgMCAwLS43NDYuMzQgMS41MzIgMS41MzIgMCAwIDAtLjM4Ljg1bC4wMS4wMkgxMC4xdi0uMTA1YzAtLjMxNC0uMDkxLS41NzctLjI3My0uNzg4LS4xODMtLjIxMi0uNDUzLS4zMTctLjgxMi0uMzE3Wk0xMi42NDUgMS45NTl2MS4wNmguOTA0di41OTNoLS45MDR2Mi42N2MwIC4yMDUuMDQ1LjM1LjEzNi40MzRhLjUzNi41MzYgMCAwIDAgLjM3MS4xMjYgMS4wNjggMS4wNjggMCAwIDAgLjMyNi0uMDU3bC4xMTUuNTQ4YS43OC43OCAwIDAgMS0uMjg3LjExOCAxLjQ2OCAxLjQ2OCAwIDAgMS0uMzc1LjA0OWMtLjM1MyAwLS42MzMtLjA5OC0uODQyLS4yOTItLjIxLS4xOTgtLjMxNC0uNTA3LS4zMTQtLjkyN1YzLjYxMmgtLjc1OVYzLjAyaC43NlYxLjk2aC44NjlaTTE3LjEwNCA3LjQxNWE4LjIxNSA4LjIxNSAwIDAgMS0uMDctLjM1IDIuNzQ4IDIuNzQ4IDAgMCAxLS4wMjctLjMwOCAxLjk5MiAxLjk5MiAwIDAgMS0uNjM1LjUzMmMtLjI2LjE0LS41MzkuMjExLS44MzkuMjExLS40OTcgMC0uODc2LS4xMTYtMS4xMzgtLjM1LS4yNi0uMjM1LS4zODktLjU1OS0uMzg5LS45NyAwLS40Mi4xODQtLjc0OC41NTItLjk4My4zNy0uMjM5Ljg3Mi0uMzU4IDEuNTA1LS4zNThoLjk0NHYtLjQzNGMwLS4yNTgtLjA4NS0uNDYtLjI1Ni0uNjEtLjE3LS4xNTEtLjQxMi0uMjI3LS43MjQtLjIyNy0uMjc5IDAtLjUwNy4wNjYtLjY4NC4xOTktLjE3My4xMy0uMjYuMjg3LS4yNi40NzFoLS44M2wtLjAwOC0uMDI0Yy0uMDE4LS4zMi4xNDUtLjYxMi40OS0uODc4LjM0Ny0uMjY1Ljc5NC0uMzk4IDEuMzQxLS4zOTguNTQxIDAgLjk3Ny4xMjcgMS4zMDYuMzgyLjMzLjI1Mi40OTQuNjE2LjQ5NCAxLjA5M3YyLjExNmMwIC4xNTcuMDEuMzA5LjAyNy40NTUuMDE4LjE0Ni4wNS4yOS4wOTcuNDNoLS44OTZabS0xLjQ0My0uNTg1Yy4zMTUgMCAuNTk5LS4wNzUuODUyLS4yMjQuMjUzLS4xNDkuNDE4LS4zMi40OTQtLjUxMlY1LjM4aC0uOTc1Yy0uMzUgMC0uNjMxLjA4Mi0uODQzLjI0NC0uMjA5LjE2My0uMzEzLjM1NC0uMzEzLjU3MyAwIC4xOTUuMDY2LjM1LjE5OC40NjMuMTMzLjExNC4zMjguMTcuNTg3LjE3WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat 50%/20px 11px
}

.fedui-header-menu-dropdowns-big a.fedui-active,
.fedui-header-menu-dropdowns-big a:hover {
    background-color: #edf4fb;
    color: #0173e5
}

.fedui-header-menu:hover {
    z-index: 11
}

.fedui-header-menu:hover .fedui-header-menu-text,
.fedui-header-menu:hover .fedui-header-menu-text a {
    color: #f0f1f4
}

.fedui-header-menu:hover .fedui-header-menu-text i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fedui-header-menu:hover .fedui-header-menu-dropdowns {
    -webkit-animation: fedui-show .3s ease-out forwards;
    animation: fedui-show .3s ease-out forwards;
    display: block
}

.fedui-header-info {
    padding-left: 24px;
    position: relative
}

.fedui-header-info .fedui-active {
    color: #f0f1f4
}

.fedui-header-info-text {
    cursor: pointer;
    height: 48px;
    line-height: 52px;
    text-align: center;
    width: 24px
}

.fedui-header-info-text>i {
    font-size: 18px
}

.fedui-header-info-text .fedui-icon-info {
    font-size: 16px
}

.fedui-header-info-dropdowns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .14);
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 350px;
    min-height: 236px;
    min-width: 247px;
    overflow-y: hidden !important;
    overflow: hidden;
    padding-bottom: 16px;
    position: absolute;
    right: -140px;
    top: 44px;
    z-index: 11
}

.fedui-header-info-dropdowns-header {
    -ms-flex-negative: 0;
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip.bg.0.25a6062.png) no-repeat 0 0;
    background-size: 100% auto;
    flex-shrink: 0;
    height: 107px;
    width: 100%
}

.fedui-header-info-dropdowns-header-name {
    color: #1c242c;
    height: 16px;
    left: 24px;
    line-height: 14px;
    position: absolute;
    top: 22px;
    width: 136px
}

.fedui-header-info-dropdowns-header-uid {
    color: rgba(28, 36, 44, .6);
    font-size: 12px;
    height: 12px;
    left: 24px;
    line-height: 12px;
    position: absolute;
    top: 44px;
    width: 136px
}

.fedui-header-info-dropdowns-header-vip {
    border-radius: 18px 0 0 18px;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .14);
    box-shadow: 0 2px 20px rgba(0, 0, 0, .14);
    overflow: hidden;
    position: absolute;
    right: 1px;
    top: 64px
}

.fedui-header-info-dropdowns-header-vip a {
    background: #e1e9f6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAkCAMAAABhT1LIAAAAaVBMVEXy9v8AAADj6/b2+f/w9Pz4+v/0+P7x9v34+v/////2+f/m7Pft8vvz+P76/P/p7/n5+//0+P78/f/z9v7y9v7z9//1+f74+//09//+/v/7/f/////9/f/7/P/5+v/3+v/6/f/6/f////9z0VwUAAAAI3RSTlOzAP7Y6M7d5NT90fjv4Pb08u/57Oi28cK82V0Q56VAxa9sEfNvafUAAAFKSURBVFjDzdjNdoIwEIbh0BDD0CbFEEFA6c/9X2QnE6rM4bjOPO5cvUcRyaeqnWX+Nm7oyDCcSd/HPsZYE1tba507ZTppUIvMpkX4liYn4pyzpE4+Np/ZO3lDu5TZ+IyVIFbyaNH7FPOEJTzFIdaSa/YlPGXVPvhoxutFFfFMuYfgTZkKnrI0IehCITxluYEfVSE8pQndVRXCU+7gi5fklBXCqIqjlAm0Ki+lzOAvqryUMkGrBMCUXwAJH0pK+YGbkgBTRmiUBJgywZeSAFM6KH9721KEXLXCUgR9QYIuW0E/ZkG3OEE3fkF/h9UMQcLHIuzRSdIDpaDH7KpqQMrhQ9KRrFqMlIOqpOM7WnUQMmqwqYech+PUkznHV6c2MWx24qsTsqi2tPSkF6Khh009xwHMd8fZKZewAUyzAcw8/A9gVMNSbE1eDWB/eSAdPX7F6jYAAAAASUVORK5CYII=) no-repeat;
    background-size: auto 18px;
    border-radius: 9px 0 0 9px;
    border-right: none;
    color: #737e92;
    display: block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    max-width: 180px;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 18px;
    position: relative
}

.fedui-header-info-dropdowns-header-vip i {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    width: 12px
}

.fedui-header-info-dropdowns-header>a {
    height: 64px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.fedui-header-info-dropdowns-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    position: relative
}

.fedui-header-info-dropdowns-content::-webkit-scrollbar {
    height: 3px;
    width: 4px
}

.fedui-header-info-dropdowns-content::-webkit-scrollbar-thumb {
    background: rgba(34, 34, 34, .2);
    border-radius: 2px
}

.fedui-header-info-dropdowns-content>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
    color: #2b3d4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 18px;
    min-height: 40px;
    overflow: hidden;
    padding: 8px 8px 8px 16px
}

.fedui-header-info-dropdowns-content>a .menu-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.fedui-header-info-dropdowns-content>a.fedui-active,
.fedui-header-info-dropdowns-content>a:hover {
    background-color: #edf4fb;
    color: #0173e5
}

.fedui-header-info-dropdowns-content>a span {
    display: inline-block;
    margin-right: 8px
}

.fedui-header-info-dropdowns-content>a em {
    background-color: rgba(250, 100, 0, .1);
    border-radius: 2px;
    color: #fa6400;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    height: 14px;
    line-height: 14px;
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap
}

.fedui-header-info-dropdowns-content>a .identity {
    background-color: rgba(250, 100, 0, .1);
    color: #faac14
}

.fedui-header-info-dropdowns .last-child {
    border-top: 1px solid #e7ebee
}

.fedui-header-info-dropdowns[data-level="1"] .fedui-header-info-dropdowns-header {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip.bg.1.f7abfeb.png)
}

.fedui-header-info-dropdowns[data-level="1"] .fedui-header-info-dropdowns-header-name {
    color: #283765
}

.fedui-header-info-dropdowns[data-level="1"] .fedui-header-info-dropdowns-header-uid {
    color: rgba(40, 55, 101, .7)
}

.fedui-header-info-dropdowns[data-level="1"] .fedui-header-info-dropdowns-header-vip a {
    background-color: #a2b5ed;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAAkCAMAAABYKOOTAAAArlBMVEW9zvq1x/axw/XF1P2uwPK5yvmrvfLH1//B0fzK2P8AAACou/Hb5v7c6v/Z5P60xffX5f/G1Prw9P/m7f7f6f/T3vy+zvnS4f+rvvPB0Pm7zPeuwPTK2v/Z6P/N2fqwwvTt8v/q7/7P2/zJ1vrS4f+4yPfN3P/g8P+3yPf3+f709v/Z5//Z5f/Y6P/a6P/q8v/i7v/5/P/Y5//7/f/+///u9v/m8P/1+f/y+P/e6/+PWwbPAAAAL3RSTlOzs7Ozs7Ozs7OzALPp/uHD19X17u3gzsK50cu8t/jbv/Px3djSyb0Qxvn3qGxdQrox1lYAAAKfSURBVFjDzZjZepswEIWNFygFUeoNXBs7i5ekWWrLbpy8/4tFwkIjHyDEX3KhI7j/vzPD6DCtn4Y2j0k0ZG/bQi/bF6l/hv7nes11lNrl2uc67A9S+93u/m+/37+6ur4eDAbDYSgURaPR6OZmPp/f3v4WmkzG4/EfodXd3S+hxWI6naZp6rpuYEA9xewt15aoNBRRaayjhiIqBXUPUJJJUSmoiVAOtVpJJgm1kExpV1BpqOeIMRYuk/XM8zrykH4YalWpJw/JqVSb1BWn3dVyDQVBQE49MJYtZ55SB0RINVSgMpHJJIGICbAIahMzFmsk4ZMHTB0wCp1qAVLvHMgBJvFILmLqklGBKt8mZFnie1pQPcOpWiqTCZ1SZFC/OqeKRo/5cO37vkdcWDw0ClVXPLSKqACJmFT5HnhGTLXVq2+pXgmqguuj6okHe+qZ88SX8rCpiArq14BV9qmqqUimUaqnIh4DEzolns+XzxGn2SmlOqeeeDY7Qfm1VGhUWcQkXiSSb1NTEZOEivkSmMS3B041McGUqmx1ADKHJ7Z6a8O5NAoLiMPzQiw0Cr8+KKBJJKEeeUhMRHQZU71R1FIOAFXfM6fhmajqYVOZSJdNKgep2h875ZavmZgnpeJ9pacc+TTOc5hTeCGHfA1QuteJqXkkmE4BFTrVRafEgUbPqvq8AwKnvp4SQNBTBEVU352n2pflKSyfLXmKGt23J0/pkWBTniqGp1V5Sl0zluWp/EK2LU/J6GJdnpIhz7o8lcdhy/KU+nGwK08Vv1hW5Sn9M2pTnlK/7ZzFM3vy1NmCw5Y8VVoF+RbkqU8uzUiwyTuWl2a7yk0eLc1okzcWOzPa5AnlS7OgYr3YuMjTWAh1UFBVmzxYL06K9eIZVHqCege8oabCnDh3jQAAAABJRU5ErkJggg==);
    color: #44568b
}

.fedui-header-info-dropdowns[data-level="2"] .fedui-header-info-dropdowns-header {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip.bg.2.c5b4908.png)
}

.fedui-header-info-dropdowns[data-level="2"] .fedui-header-info-dropdowns-header-name {
    color: #475374
}

.fedui-header-info-dropdowns[data-level="2"] .fedui-header-info-dropdowns-header-uid {
    color: rgba(71, 83, 116, .7)
}

.fedui-header-info-dropdowns[data-level="2"] .fedui-header-info-dropdowns-header-vip a {
    background-color: #dde2ff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAkCAMAAABhT1LIAAAApVBMVEXq7v/h5v/l6v/x9v/s8v/e5P/v8v8AAADr8f/t8/3w9P3r8P7s8f7+/v/7/P75+//s8f30+P/z9v7s8f3w9P39/f/5+/709/7s8f3z9/7u8v309/34+f/3+v/7/f/7/P/19/79/v/3+v/2+P31+P73+/3y9fz6+v39/f/7+/7W4Pfs8vzd5vnk6/r+/v/x9fzh6fnZ4/f6/P73+v7n7fvz9v31+P2FcJb+AAAAKnRSTlOzs7Ozs7OzALrT2b7D/PTvx7jjz9756+bLv9bp0cEO+OzVxpJMO6ufa1oaNi3vAAACdklEQVRYw82Y2XqbMBCFzZLUCMRmFgMxjrN0b93Wy/s/WiXF4wEkRTg3cMxn+/L/zoyGo1l86qh9ef5ceYTUnuetVus4DgLf95fL5b3juuzH94MgiOP1erXy6pqQLEvTsnl8jKIw3Ob0t9A/psPhcD6fT6f9/rRn+gE6Ho+/hP4w/XzTX6bvXB2UlyQt0yzLCCEcZS1QAoHiuosOCifxPEApG4ES5pRKKAyES02iRXmtmqYkGz9xLroXcl32gBbuwiR7IMtij0531t1ViPJcFOVGYAAJsLDHQGLjR7BIOOxjIEGUdhMVDwABpjgAgrrNFLMvMkqbRkWFFGiKgEEOlS+2wRWLs6hNUbnyFBaJ0xeS9JrlI7Ygh7lAX8IISaRe4UJf3m8W/sgc2CsSidVHed2GUB2pVwbdoiHpQckaf4J2W+hYgytqT2ytLdgr1rhe+ZaHWB75CLljYEAKEvYYbEGUXf7gqFGgcQEDOfSDBTS0xdZiIEpLt3pT5AoZDpG6b+1xvfKVFspGYV9oCpKYpq1+1JoP84ZCfbSDxXyAUMr6jETZ0SdNfQymoEym6KbtsEARrdSmYN+iNCS9fzcM24ErOU00IA64Mv7VrHkdapvFgHJzXrE/mlcMBZoyr2DbTp5Xrod5+rwCI24GeaWlOe/bWeQV8TqcR17hIWEmeYVHp5nkFREoZ5FXLjF7DnkFLh8zyCvXK9n0eQUvqpPnFbi+R3B9nyivyEuNKrk5rxgHnB6mI3nVk/JNTw2rnvht6yQmrlj1+LDquWydsrRsGtw6CYlND+x65KWTkLR0YlIvwGpcgL23dSKwANNvnbosRy4gkVn+A109eo/R6WAoAAAAAElFTkSuQmCC);
    color: #7c88ae
}

.fedui-header-info-dropdowns[data-level="3"] .fedui-header-info-dropdowns-header {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip.bg.3.b4123e9.png)
}

.fedui-header-info-dropdowns[data-level="3"] .fedui-header-info-dropdowns-header-name {
    color: #71501b
}

.fedui-header-info-dropdowns[data-level="3"] .fedui-header-info-dropdowns-header-uid {
    color: rgba(113, 80, 27, .7)
}

.fedui-header-info-dropdowns[data-level="3"] .fedui-header-info-dropdowns-header-vip a {
    background-color: #fdedd8;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAkCAMAAABhT1LIAAAAS1BMVEUAAAD/+vP////+/PX++vT++fH++fD/+vP/+vL///f55Mb76M7869P65sr44sL97Nb97tn+9+3+9OX//fv/+vL98N3+9en98eD/+/WiXZNxAAAACnRSTlMA4RD058ezcWJEnp3SbwAAAk1JREFUWMPNmN2WgyAMhLd/2xZQ6ca2vv+TbsgiEALSs17ogPb07juTiGO+Uh2vl8MJZk1eY6ZHplfUT0lv0vP9ZLJBg7tQCcjtAKgIAjPJlGDQqsFwAr8CyFtwRBqGcj8DwMPqTvUk1au6OtVl0nRp3KnMfGUaEjkOpIko3+iDVX0i/FPlSGE03fxiHLhou7UAYx1NQDlibZ49V9sTaQretLClTGIYS3DleIJJe4K2KbgljZauzJZIlgFXBPG+GEI5wMhqI1xpstRA6LfcK4zFWjP4PlG9RMElMeafen2kKYX6ZDB2+EO5A3QFkH7BFSRRnEOHLTu3YYslW4wr0Jl1bBvGQXBftA7GcBCvUtMaDkMoN4AWiTQlF7GQLaI85QqhjOfwT5BxPWvLKAp3jYXDEIQ0hfan5wqiHL0pQkscrFdQvmOrMJIja1vqlSs8aiS1CtFxK55kYYtJq7RsC25EuYD92JWuWB9+8AuYJkhw5QC6QrJ0yMn6BGdkfeRpK96I5MoJVBmk1bScpXTAEUOrWSzdyJVq1y6YQkd/7krpgCMRDgdxxvAzrobSzisFW1bmFVGgf+YVjWtdXuFtuy6v6JV5hT3Mq/JKtzavJEfc5nklHPzb55X5dbiPvHKDqd9JXnHRaQd5xRgfKLfPK4hCMXtSe8gr88fHDvLK/EnWbZ9X4ofq5nklfr6PVm2aV9hQY3rFoUY7r3BT1ucVNuoJ0x05aRqz4c4jTHdexTGTnDRZ3KkGkomSAzBiYRS46kOv6qApH3gxEKpLxvILX372Brf06dYAAAAASUVORK5CYII=);
    color: #9e7f5c
}

.fedui-header-info-dropdowns[data-level="4"] .fedui-header-info-dropdowns-header {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip.bg.4.4dfd4c4.png)
}

.fedui-header-info-dropdowns[data-level="4"] .fedui-header-info-dropdowns-header-name {
    color: #4b4e71
}

.fedui-header-info-dropdowns[data-level="4"] .fedui-header-info-dropdowns-header-uid {
    color: rgba(75, 78, 113, .7)
}

.fedui-header-info-dropdowns[data-level="4"] .fedui-header-info-dropdowns-header-vip a {
    background-color: #dbe3ff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAAkCAMAAAA9xRHsAAAATlBMVEUAAAD4+//////4/P/7/f/3+v/4+//4/P/6+//9/v/m7v/g6P/j6//p8f/d5f/b4//r8//z+P/8/f/x9v/5+//u9f/2+v/+///u8v/q7/+y4gtUAAAACnRSTlMA4RD05cezcWJE01VzZAAAAkhJREFUWMPNmN1yozAMRkOSblOSgPEP3n3/F11JthFBoLrtdMYnNlcd5sxnyxU+rTm/v3UXFwBjzHPBACHjiImZCV+wmUjYaBFPwJ9NiCP+LvwjeuSB3AsDMo4n5taVF6DikzEEO0pJ6RhtckygIBsSbJhYDFkyGbLixxVfEZIa0/cwNOjN/QOe+9w5FQFpwFgzghXOAiv+8TP5mVfBOkeSFNRZDqgpLKXiufPe8f5j+hoowyNL0MNRGSItLQ0mGV78nCI0G0McVY5KjHcYSoTSEYZQ7CwYGiFIktWOx6h7cc/xFdqH1mdDuRWfv7nOA06ZoSyXD2sDCgJypSvLBYbCXZEcpGWpaVa82inpkZ+s6J8JUoiPr5XzsEnxZq0pSEkOUedwnelRfy6OMEVFdyXEnSMnPar0eiVGJURZ0qM4F8+RQ9w/dWpQl1qXHESQG8nTe/Rs+N1qAbSV1o4cESLO1xTf4nS4E2vXGVHLRT8YN4zbhb5GJ0JkflIqHKISI8MhbhUvMRRFGDBFvVSlqFnST6kXYUk/Vox2Edwtlsp27JMc63cjb0ZWjAbgHBvsF1cL/Wy0X7zaUi7N9ovLodNuv1iO7ob7xfwPsOl+kdqItvtFbMYa7xexpW28X6QPg6b7xfx51XK/iHR+brlfzJ/6PrTbL/KFSbP94urayTXaL64u76bJBdNgv8jcujndUL7e0hqcJiyo17R2uQLNWGR9SesO7kBXO4b9SVZeJGdFztIksmBwhFDMWKGIoKEHQ3LULpKJzUXyf9TqHZ6dpN9QAAAAAElFTkSuQmCC);
    color: #6d6dbb
}

.fedui-header-info-dropdowns[data-level="5"] {
    background-color: #1a1a1a
}

.fedui-header-info-dropdowns[data-level="5"] .fedui-header-info-dropdowns-header {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip.bg.5.74c0828.png)
}

.fedui-header-info-dropdowns[data-level="5"] .fedui-header-info-dropdowns-header-name {
    color: #e6d8a0
}

.fedui-header-info-dropdowns[data-level="5"] .fedui-header-info-dropdowns-header-uid {
    color: hsla(48, 58%, 76%, .7)
}

.fedui-header-info-dropdowns[data-level="5"] .fedui-header-info-dropdowns-header-vip a {
    background-color: #303030;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAkCAMAAAA5MMHRAAAAdVBMVEUAAAA7OzpCQkI1NTU2NjU3NzY5OTk4ODc6Ojc+PjwzMzMlJSUpKSktLS0wMDA4ODdkY11paGJFREJ8enJvbWY9PDuHhXtdXFdZWFNKSUd4dm5OTUqDgXiAfnVUU091c2tRUEyLiX5ycGlgX1pWVVFBQD81NTRkrzGRAAAAC3RSTlMA4RDk87NxYkTHx4gfLbQAAAHvSURBVFjDzZjrcoJADEZLvbZkN0rVtsit3N7/EZss1MUOjmZ/ODnK6AwOngmE/cjLlNf1W5QkyTdxJqqqKoq2bb+IT6Jpmh2zdxyYui7LMk3TD0ee5xlxIn4Y/pJlec770pR+WR+IPbEjmoaOSYdu26KoqvOZ/jVhuu5IIGLfW2snepuoo91ekP2IqeBuXpCYCJ4co2DGgjkLkmHtBZlrwcHwtuB20dEeayB+AIiB3hKMASPBWtrMRHBF0jZ+HKCXUBFkiqPhePFFMr1gO3jcjvWIwW95PIJET3iODb/cp6iAvoLREWMho57EUYqv4ErsB7wJJMfygdDPDBXcIoK4gCT3jBZxggs0Yj1hF5thk/SI7+INYixGXMCgErKgsIDh92quHogvQRJ8RQyTi4X1A3EXWye4RhuHACGLHQSsJO9onqMX2sULBLmesE8MBN4HWXCJgR0SsNoZEOrxKQ7pkaGCAoLP8pygtjw4PcUq86BvEqV58HKb0ZoH19jHhN48OCx1mvOgCwua8yDHLdV5kEuoOg+6yK84Dw4PTYrz4PjYqTcPXh7cteZBP/pQmgenwyOVefCPbTSO37TlwZkBZnJ3gOnnl1cj1pz4N2HN/IQ1Lcu6npuwFjcHmL21d0fAXpANRRPW08wImBGNgH8BQ1smZi0SLKMAAAAASUVORK5CYII=);
    color: #e6d8a0
}

.fedui-header-info-dropdowns[data-level="5"]>a {
    color: #777154
}

.fedui-header-info-dropdowns[data-level="5"]>a.fedui-active,
.fedui-header-info-dropdowns[data-level="5"]>a:hover {
    background-color: rgba(0, 0, 0, .7);
    color: #0173e5
}

.fedui-header-info-dropdowns[data-level="5"] .fedui-header-info-dropdowns-content>a {
    color: #777154
}

.fedui-header-info-dropdowns[data-level="5"] .fedui-header-info-dropdowns-content>a.fedui-active,
.fedui-header-info-dropdowns[data-level="5"] .fedui-header-info-dropdowns-content>a:hover {
    background-color: #1a1a1a;
    color: #e6d8a0
}

.fedui-header-info-dropdowns[data-level="5"] .last-child {
    border-top: 1px solid hsla(25, 30%, 64%, .1)
}

.fedui-header-info-dropdowns[data-type="2"] .fedui-header-info-dropdowns-header {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip.bg.0.25a6062.png) !important
}

.fedui-header-info-dropdowns[data-type="2"] .fedui-header-info-dropdowns-header-vip {
    display: none
}

.fedui-header-info-dropdowns[data-type="2"] .fedui-header-info-dropdowns-header-name,
.fedui-header-info-dropdowns[data-type="2"] .fedui-header-info-dropdowns-header-uid {
    width: 170px
}

.fedui-header-info:hover .fedui-header-info-text {
    color: #fff
}

.fedui-header-info:hover .fedui-header-info-dropdowns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-animation: fedui-show .3s ease-out forwards;
    animation: fedui-show .3s ease-out forwards;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.fedui-header[data-mobile=true] {
    background-color: #1b2945;
    border-bottom: none;
    min-width: 320px;
    padding-left: 0;
    padding-right: 0
}

.fedui-header-m {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.fedui-header-m-head {
    height: 48px;
    position: relative;
    z-index: 11
}

.fedui-header-m-head-left {
    height: 100%;
    position: relative;
    width: 74px
}

.fedui-header-m-head-logo {
    height: 48px;
    left: 50%;
    margin-left: -24px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 48px
}

.fedui-header-m-head-logo img {
    margin-top: 10px
}

.fedui-header-m-head-icon:after,
.fedui-header-m-head-icon:before,
.fedui-header-m-head-left:before {
    background-color: #d2d6ec;
    border-radius: 2px;
    content: "";
    font-size: 0;
    height: 2px;
    left: 24px;
    position: absolute;
    width: 24px;
    z-index: 2
}

.fedui-header-m-head-left:after,
.fedui-header-m-head-left:before {
    top: 23px
}

.fedui-header-m-head-icon {
    height: 100%;
    position: relative;
    width: 100%
}

.fedui-header-m-head-icon:before {
    top: 17px
}

.fedui-header-m-head-icon:after {
    top: 29px
}

.fedui-header-m-head[data-dropdowns=nav] .fedui-header-m-head-icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 6px 4px;
    transform-origin: 6px 4px
}

.fedui-header-m-head[data-dropdowns=nav] .fedui-header-m-head-icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 4px -3px;
    transform-origin: 4px -3px
}

.fedui-header-m-head[data-dropdowns=nav] .fedui-header-m-head-left:before {
    display: none
}

.fedui-header-m-head-info {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 64px
}

.fedui-header-m-head-info i {
    font-size: 16px
}

.fedui-header-m-nologin a {
    border: 1px solid #0173e5;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin: 40px 24px 0;
    text-align: center
}

.fedui-header-m-nologin a:active {
    background-color: #0173e5
}

.fedui-header-m-nologin-register {
    background-color: #0173e5;
    margin-top: 16px !important
}

.fedui-header-m-nav {
    -webkit-overflow-scrolling: touch;
    background-color: #1b2946;
    border-top: 1px solid rgba(0, 0, 0, .5);
    display: none;
    height: 100%;
    left: 0;
    margin-top: 48px;
    min-width: 320px;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 48px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.fedui-header-m-nav[data-dropdowns=true] {
    -webkit-animation: fedui-show .3s ease-out forwards;
    animation: fedui-show .3s ease-out forwards;
    display: block
}

.fedui-header-m-menu br {
    display: none
}

.fedui-header-m-menu dt,
.fedui-header-m-menu>a {
    background-color: #1b2945;
    color: hsla(0, 0%, 100%, .8);
    display: block;
    font-size: 18px;
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    padding: 0 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fedui-header-m-menu dt[data-hot],
.fedui-header-m-menu>a[data-hot] {
    position: relative
}

.fedui-header-m-menu dt[data-hot]:after,
.fedui-header-m-menu>a[data-hot]:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAWCAYAAAHFie4mAAAABGdBTUEAALGPC/xhBQAAA21JREFUSA3NVltIFUEY/mZ2hYpeArOMHhKLoohewsisiC4kRBFdXrqJHq2IyG4YBWGRJWkU+JRZKulLN6KQCiEhzLKXwAzCC/aQWcegHqKgc2anmdGd3T1njtZBqYHdmf/7v/+fyz//v0t+hcAR2yTofBvgskUuLFM9MTHNoORLl5FCoj0bmZA+ZdN9cSpnLxs5e9fC2dtmpZN9HJG11npGPieKqCcdYWBej8GAxmIp1zjsc10Ktg43Qz6y2epVOaCE6LF0vX26tQLs8lqFy1fc1HTTWTgPSiEOXZOMxIDWL0SLsM0vJxrHTZ2I+Ke4Ph15Kv7myvZV5odhHX8GzFigMZfnAtqhC8T2hAYpTmsNSGZ2LE3LKixScnpfaNAvy1tK1xSD5p4A/9ABdmV9IBKxdvoMxeUeTKlBWsBrEoJ2mISt0SR4QEbK34HaoVXS6lmKKFq7rirZOtYCu6wbVkEDVEQnp4Is2aFyw67oh7Rz80Qa6KB43sRoqGoA6fNFklBET81RanZ9J+xqB9EiCtbeCGt3DdijcnH6PdpcOySzsmAPJyGoDf76Hmh2Hpy7JZosB4R4tSmgGBb0lvn7V5DZrJ6KlUrNP4v0n5ppskuIaYcmBheX2A41qG1LPd14Bk5bvYmqMe2Q93dqEJGf4OFeJUeKLFjFj2Ff+gT8+ApWm6d5fFBwBNffxvwe6qCIlN1uV+O2f7akxpEQwkkZJjAa8y0nmCdpWB+h68E60aaqlNOwz4W8PjUDVqhR3Pn7cJ5c9HCRTHT1IZCFuSAzFwmcKx+8ownO0ypd7YjIE7qiyLNLMGLlXrmNWyDNXAon5kOm/aRMhNL3v9GQtec6aE4+WFNZsPTKRW84jZRqBqf1Blh9AXhbHZh43CYrAV1egMhJUSl81cDVyz5ugX7laGOSE1KLi9bsAm9vCNLFJp2HpeBf+mDn16nvi8zjv23GBZK02bq4BhxOmhIQyfS5Q3K4O4AHhGEdSZ9n+NcLMI2CcYE83AN2c2+8gSjedLH3MyKrGF13FHRLOVjlqni+QOjm8/I3EM7zOqN+NNC4wIRGsYX/YyeiR6bB2n9Hfbpk9eR97cqcZGRBRsLpeqY4+D6Y0O1Iiv++zOhvyUi7+Je6QIhFBG/bE3CAVCG5eIzHTiKFuMUPYup4+B4Ln78BSH5zQlx0+J8AAAAASUVORK5CYII=) no-repeat 50%/20px 11px;
    content: "";
    display: inline-block;
    height: 11px;
    left: 1px;
    position: relative;
    top: -11px;
    width: 20px
}

.fedui-header-m-menu dl[data-dropdowns=true] dt {
    color: #fff
}

.fedui-header-m-menu dl[data-dropdowns=true] dt:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fedui-header-m-menu dl[data-dropdowns=true] dd {
    -webkit-animation: fedui-show .3s ease-out forwards;
    animation: fedui-show .3s ease-out forwards;
    display: block
}

.fedui-header-m-menu dt {
    position: relative
}

.fedui-header-m-menu dt:after {
    content: "\e905";
    font-family: fedui-icon !important;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin-top: -8px;
    position: absolute;
    right: 24px;
    text-align: center;
    top: 50%;
    width: 16px
}

.fedui-header-m-menu dd {
    background-color: #152137;
    display: none
}

.fedui-header-m-menu dd a {
    color: hsla(0, 0%, 100%, .8);
    display: block;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    padding: 0 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fedui-header-m-menu a em {
    background-color: rgba(250, 100, 0, .1);
    border-radius: 2px;
    color: #fa6400;
    font-size: 12px;
    font-style: normal;
    height: 14px;
    line-height: 14px;
    margin-left: 4px;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: 2px
}

.fedui-header-m-menu .fedui-active {
    color: #fff
}

.fedui-header-m-menu .fedui-header-m-menu-logout {
    background-color: #0173e5 !important;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin: 24px;
    text-align: center
}

.fedui-header-m-sub {
    background-color: #1b2945;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    height: 102px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 28px
}

.fedui-header-m-sub-name {
    color: #eaeeff;
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    margin: 0
}

.fedui-header-m-sub-uid {
    color: #aebfeb;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    margin: 8px 0 0
}

.fedui-header-m-vip-bd {
    background-color: #1b2945;
    border-bottom: 1px solid rgba(0, 0, 0, .5)
}

.fedui-header-m-vip {
    height: 102px;
    margin-left: 104px;
    margin-right: 24px;
    position: relative
}

.fedui-header-m-vip:before {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip0.a53fe1f.png) no-repeat 50%/100%;
    content: "";
    height: 56px;
    left: -80px;
    position: absolute;
    top: 23px;
    width: 56px
}

.fedui-header-m-vip[data-level="1"] a {
    border-color: #e4af7f;
    color: #e4af7f
}

.fedui-header-m-vip[data-level="1"]:before {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip1.2232ca7.png)
}

.fedui-header-m-vip[data-level="2"] a {
    border-color: #c59365;
    color: #c59365
}

.fedui-header-m-vip[data-level="2"]:before {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip2.6e064bb.png)
}

.fedui-header-m-vip-name {
    color: #eaeeff;
    font-size: 20px;
    height: 24px;
    left: 0;
    line-height: 24px;
    margin: 0;
    position: absolute;
    top: 28px;
    width: 100%
}

.fedui-header-m-vip-uid {
    font-size: 12px;
    margin: 0 auto 0 0
}

.fedui-header-m-vip .fedui-flex-space-between,
.fedui-header-m-vip .fedui-header-left,
.fedui-header-m-vip .fedui-header-m-head,
.fedui-header-m-vip .fedui-header-menu-text,
.fedui-header-m-vip .fedui-header-nologin,
.fedui-header-m-vip .fedui-header-pc,
.fedui-header-m-vip .fedui-header-right,
.fedui-header-m-vip .fedui-header-userinfo {
    left: 0;
    position: absolute;
    top: 57px;
    width: 100%
}

.fedui-header-m-vip a {
    border: 1px solid #91a4c2;
    border-radius: 12px;
    color: #91a4c2;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    margin-left: 8px;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap
}

.fedui-header-m-user {
    padding-bottom: 136px
}

.fedui-header-vip-greeting {
    height: 144px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 48px
}

.fedui-header-vip-greeting-notification {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: auto 96px;
    border-radius: 6px;
    -webkit-box-shadow: -2px 2px 15px rgba(0, 0, 0, .3);
    box-shadow: -2px 2px 15px rgba(0, 0, 0, .3);
    cursor: pointer;
    display: none;
    font-weight: 500;
    height: 96px;
    line-height: 20px;
    margin: 24px;
    padding: 0 16px 0 104px;
    width: 380px
}

.fedui-header-vip-greeting-notification:before {
    -webkit-animation: card-lights 1s ease-in-out 1s 2;
    animation: card-lights 1s ease-in-out 1s 2;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(hsla(0, 0%, 100%, .2)), to(transparent));
    background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .2), transparent);
    content: "";
    display: block;
    height: 96px;
    left: -250px;
    opacity: .6;
    position: absolute;
    top: 24px;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    width: 40px;
    z-index: 1
}

@-webkit-keyframes card-lights {
    0% {
        height: 0;
        left: 10px
    }

    24% {
        height: 96px
    }

    to {
        left: 120%
    }
}

@keyframes card-lights {
    0% {
        height: 0;
        left: 10px
    }

    24% {
        height: 96px
    }

    to {
        left: 120%
    }
}

.fedui-header-vip-greeting-notification[data-level="1"] {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip.greeting.1.59097ed.png);
    color: #283765;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fedui-header-vip-greeting-notification[data-level="2"] {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip.greeting.2.2a8bb53.png);
    color: #445070;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fedui-header-vip-greeting-notification[data-level="3"] {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip.greeting.3.3cae1ec.png);
    color: #76531b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fedui-header-vip-greeting-notification[data-level="4"] {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip.greeting.4.f7fa9a9.png);
    color: #4b4e71;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fedui-header-vip-greeting-notification[data-level="5"] {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/vip.greeting.5.81e0bb8.png);
    color: #e6d8a0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fedui-header .menu-icon {
    background-size: 100% 100%;
    display: inline-block;
    height: 40px;
    line-height: 0;
    width: 40px
}

.fedui-header .menu-icon-adc {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI4LjI1IDkuMjVIOS43NXYyMC41aDkuNDY3YTcuMjMgNy4yMyAwIDAgMS0uNzctMS41SDExLjI1di0xNy41aDE1LjV2Ny44NzRjLjUyMy4xMSAxLjAyNS4yNzcgMS41LjQ5NFY5LjI1WiIgZmlsbD0iIzE0MTgxRiIvPjxwYXRoIGQ9Ik0xNCAxNGgxMHYxLjVIMTRWMTRaTTE0IDE4LjVoNVYyMGgtNXYtMS41WiIgZmlsbD0iIzE0MTgxRiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuMjQyIDE5Ljk2N2E1Ljc1IDUuNzUgMCAxIDAgMCAxMS41IDUuNzUgNS43NSAwIDAgMCAwLTExLjVabS00LjI1IDUuNzVhNC4yNSA0LjI1IDAgMSAxIDguNSAwIDQuMjUgNC4yNSAwIDAgMS04LjUgMFoiIGZpbGw9IiMxQzFDMUUiLz48cGF0aCBkPSJNMjQuNiAyNi4yMTVWMjMuOUgyMi45di43MjJoLjVWMjguNzk2SDIzLjg4NWwuMDMtLjAzNCA0LjE2LTQuNjk2LjE0Ny0uMTY2aC0xLjc3MWwtLjAzLjAzOC0xLjgyMSAyLjI3N1oiIGZpbGw9IiMxQzFDMUUiIHN0cm9rZT0iIzFDMUMxRSIgc3Ryb2tlLXdpZHRoPSIuMiIvPjwvc3ZnPg==)
}

.fedui-header .menu-icon-brokerage {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE3LjIyNiAxNSAxLjE0MSAxLjE0LTEuMjM4IDEuMjM5aDguOTQ2djEuNzExSDE0di0uODY0TDE3LjIyNiAxNVpNMjIuODQ5IDI1bC0xLjE0LTEuMTQgMS4yMzctMS4yMzlIMTRWMjAuOTFoMTIuMDc1di44NjRMMjIuODUgMjVaIiBmaWxsPSIjMUMxQzFFIi8+PGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMTEuMjUiIHN0cm9rZT0iIzFDMUMxRSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-c2c {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yNC42NTcgMTkuMzY3IDUuNjU3IDUuNjU3LTUuNjU3IDUuNjU3TDE5IDI1LjAyNGw1LjY1Ny01LjY1N1ptMCAyLjEyMS0zLjUzNiAzLjUzNiAzLjUzNiAzLjUzNiAzLjUzNS0zLjUzNi0zLjUzNS0zLjUzNloiIGZpbGw9IiMxQzFDMUUiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkgOWg4LjV2OC41SDlWOVptMS41IDEuNVYxNkgxNnYtNS41aC01LjVaTTE3LjUgMjguMTQ2SDl2LTguNWg4LjV2OC41Wm0tNy0xLjV2LTUuNUgxNnY1LjVoLTUuNVpNMjAgOWg4LjV2OC41SDIwVjlabTEuNSAxLjVWMTZIMjd2LTUuNWgtNS41WiIgZmlsbD0iIzE0MTgxRiIvPjwvc3ZnPg==)
}

.fedui-header .menu-icon-points {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMS41IDExdjYuODUxbC0uNjEuMTE3YTIuMjUgMi4yNSAwIDAgMCAwIDQuNDJsLjYxLjExNlYzMEg5di03LjQ5NmwuNi0uMTIyYTIuMjUxIDIuMjUxIDAgMCAwIDAtNC40MUw5IDE3Ljg1VjExaDIyLjVaTTMwIDEyLjVIMTAuNXY0LjE3OGEzLjc1IDMuNzUgMCAwIDEgMCA2Ljk5OVYyOC41SDMwdi00LjgxYTMuNzUgMy43NSAwIDAgMSAwLTcuMDI0VjEyLjVaIiBmaWxsPSIjMTQxODFGIi8+PHBhdGggZD0ibTI0LjQyIDE2LjMzMS04LjQ4NSA4LjQ4NSIgc3Ryb2tlPSIjMTQxODFGIiBzdHJva2Utd2lkdGg9IjEuNDIiLz48Y2lyY2xlIGN4PSIyMyIgY3k9IjI0IiByPSIxLjQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSIxNyIgY3k9IjE4IiByPSIxLjQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-dm {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzFDMUMxRSIgZD0iTTI1Ljc1IDIyLjc1aC05LjV2MS41aDkuNXpNMjQuMTY3IDE0Ljc3bC43LjI3LS43LS4yN1ptLjI5Ni0uNzcuNy4yNjkuNDQ1LTEuMTYtMS4yMzMuMTQ2LjA4OC43NDVabS40MDQgMS4wNC4yOTYtLjc3MS0xLjQtLjUzOC0uMjk2Ljc3IDEuNC41MzhabS0uNDkyLTEuNzg1LTMuNzc0LjQ0Ni4xNzYgMS40OSAzLjc3NC0uNDQ2LS4xNzYtMS40OVptLS45MDggMS4yNDdhNy44NDIgNy44NDIgMCAwIDEtNi41NDIgNC45OTRsLjE1IDEuNDkzYTkuMzQyIDkuMzQyIDAgMCAwIDcuNzkzLTUuOTVsLTEuNDAxLS41MzdaIi8+PHBhdGggZD0iTTMwIDlIMTJ2MTguNWgxLjV2LTE3aDE1VjI5aC0xOFYxOC43NUg5VjMwLjVoMjFWOVoiIGZpbGw9IiMxNDE4MUYiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-earn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjUgMTcuMjI2YTUuNzUgNS43NSAwIDAgMSAxMC41MDktMy4yMjhsLjcyMy0xLjUxOGE3LjI1IDcuMjUgMCAwIDAtMTEuODQ2IDguMjJsMS41ODYtLjI3NGE1LjcyNCA1LjcyNCAwIDAgMS0uOTcyLTMuMloiIGZpbGw9IiMxQzFDMUUiLz48cGF0aCBkPSJtMjEuNTk5IDE3LjE1LTIuNDI1LTIuNDI0LTIuNDI0IDIuNDI0IDIuNDI0IDIuNDI0TDIxLjYgMTcuMTVaIiBmaWxsPSIjMUMxQzFFIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi40MTUgMTIuMDE0aDUuMjUyVjI5LjgybC0yMy4zMzQuMjA0IDMuNTA1LTcuOTQ3TDIyLjUgMjAuMjM0bDMuOTE0LTguMjJabS45NDcgMS41LTMuODQgOC4wNjYtMTAuNjM2IDEuODM4LTIuMjQzIDUuMDg2IDE5LjUyMy0uMTd2LTE0LjgyaC0yLjgwNFoiIGZpbGw9IiMxNDE4MUYiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-etc {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI4LjI1IDkuMjVIOS43NXYyMC41aDkuNDY3YTcuMjMgNy4yMyAwIDAgMS0uNzctMS41SDExLjI1di0xNy41aDE1LjV2Ny44NzRjLjUyMy4xMSAxLjAyNS4yNzcgMS41LjQ5NFY5LjI1WiIgZmlsbD0iIzE0MTgxRiIvPjxwYXRoIGQ9Ik0xNCAxNGgxMHYxLjVIMTRWMTRaTTE0IDE4LjVoNVYyMGgtNXYtMS41WiIgZmlsbD0iIzE0MTgxRiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuMjQyIDE5Ljk2N2E1Ljc1IDUuNzUgMCAxIDAgMCAxMS41IDUuNzUgNS43NSAwIDAgMCAwLTExLjVabS00LjI1IDUuNzVhNC4yNSA0LjI1IDAgMSAxIDguNSAwIDQuMjUgNC4yNSAwIDAgMS04LjUgMFoiIGZpbGw9IiMxQzFDMUUiLz48cGF0aCBkPSJtMjUuMjQyIDI0LTIuMTIgMi4xMjEgMi4xMiAyLjEyMiAyLjEyMi0yLjEyMkwyNS4yNDIgMjRaIiBmaWxsPSIjMUMxQzFFIi8+PC9zdmc+)
}

.fedui-header .menu-icon-eth2 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE5IDE0LTMuNSA1LjVMMTkgMThsMy41IDEuNUwxOSAxNFpNMTkgMjZsLTMuNS00LjUgMy41IDIgMy41LTJMMTkgMjZaIiBmaWxsPSIjMUMxQzFFIi8+PHBhdGggZD0ibTE5IDE5LTMuNSAxLjUgMy41IDIgMy41LTJMMTkgMTlaIiBmaWxsPSIjMUMxQzFFIi8+PHBhdGggZD0iTTE5IDguNWM2LjM1MSAwIDExLjUgNS4xNDkgMTEuNSAxMS41IDAgMS4wMzQtLjEzNiAyLjAzNi0uMzkyIDIuOTg5YTMuNTkzIDMuNTkzIDAgMCAwLTEuNjIuNDU0bC0uMDA2LjAwMy0uMTE4LjA3MUE5Ljk3NyA5Ljk3NyAwIDAgMCAyOSAyMGMwLTUuNTIzLTQuNDc3LTEwLTEwLTEwUzkgMTQuNDc3IDkgMjBzNC40NzcgMTAgMTAgMTBjLjM5NCAwIC43ODMtLjAyMyAxLjE2NS0uMDY3VjMwLjVjMCAuMzM1LjA5My42NDcuMjU2LjkxMy0uNDY2LjA1OC0uOTQuMDg3LTEuNDIxLjA4Ny02LjM1MSAwLTExLjUtNS4xNDktMTEuNS0xMS41UzEyLjY0OSA4LjUgMTkgOC41Wk0yNi43NTggMjcuODE1di4xMjdhMi4yMDggMi4yMDggMCAwIDAtLjA2Ni4wMDZsLjA2Ni0uMTMzWiIgZmlsbD0iIzE0MTgxRiIvPjxwYXRoIGQ9Ik0yMS42NjQgMzAuNzVoNC4yM3YtMS4wODZoLTIuNTMybDEuMTM4LTEuMjRjLjIwMi0uMjE4LjM4Ni0uNDQyLjU1My0uNjcxbC4wMDEtLjAwMWMuMTcxLS4yMzguMzEtLjQ3OS40MTQtLjcyNC4xMDgtLjI1NS4xNjUtLjUxMy4xNjUtLjc3NCAwLS41MTgtLjE3Ni0uOTU1LS41MzgtMS4yODYtLjM2MS0uMzMyLS44NDgtLjQ4NC0xLjQyNy0uNDg0LS40MzggMC0uODI2LjA4Ni0xLjE1LjI3MWExLjgwNCAxLjgwNCAwIDAgMC0uNzIzLjczM2MtLjE2MS4zMDUtLjI0LjYzOC0uMjQuOTk2di4yNWgxLjIzdi0uMjVjMC0uMTk5LjAzNS0uMzYzLjA5OC0uNDk5YS42ODYuNjg2IDAgMCAxIC4yNzUtLjNjLjEyMS0uMDcxLjI4Ny0uMTE1LjUxLS4xMTUuMjU4IDAgLjQyMy4wOC41MzUuMjEybC4wMDMuMDAzYS44MS44MSAwIDAgMSAuMTk2LjU1NWMwIC4xMi0uMDIuMjM4LS4wNi4zNTZhMS43NSAxLjc1IDAgMCAxLS4yMzQuNDIxIDYuOTA1IDYuOTA1IDAgMCAxLS41MTYuNjI1bC0xLjkyOCAyLjE0N3YuODYxWk0yNi45NTMgMjkuNDM0YS42NzkuNjc5IDAgMCAwLS41Mi4yMS42OTMuNjkzIDAgMCAwLS4xOC40NzdjMCAuMTc4LjA1OS4zNC4xODIuNDcybC4wMDMuMDAzYS42OTQuNjk0IDAgMCAwIC41MTUuMTk3Yy4xOTIgMCAuMzgtLjA1My41MTctLjE5OWEuNjY1LjY2NSAwIDAgMCAuMTg2LS40NzMuNjcyLjY3MiAwIDAgMC0uNzAzLS42ODhaIiBmaWxsPSIjMTQxODFGIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0zMS4zOTMgMzAuNTU1LjAwMi0uMDAxYy4zMjYtLjE5Ni41NjItLjUwOS43Mi0uOTEuMTYyLS40MS4yMzctLjkzNy4yMzctMS41N3YtLjg3YzAtLjYzNi0uMDc2LTEuMTYyLS4yNDItMS41NjQtLjE2MS0uMzk4LS40LS43MDQtLjcyOC0uODkyYTIuMTM0IDIuMTM0IDAgMCAwLTEuMDc3LS4yNjRjLS40IDAtLjc2Mi4wODUtMS4wNzcuMjYzLS4zMjguMTg5LS41NjkuNDk1LS43MzMuODkydi4wMDFjLS4xNjMuNDAyLS4yMzcuOTI4LS4yMzcgMS41NjN2Ljg3MWMwIC42MzMuMDc1IDEuMTYyLjI0IDEuNTdsLjAwMi4wMDNjLjE2Ni40MDEuNDA4LjcxMi43MzUuOTA4aC4wMDJhMi4wOSAyLjA5IDAgMCAwIDEuMDc2LjI3M2MuNDA0IDAgLjc2Ny0uMDg4IDEuMDgtLjI3M1ptLTEuMDg4LTQuOTg1Yy4xODggMCAuMzI5LjA0Ny40MzcuMTI3bC4wMDIuMDAyYy4xMDIuMDczLjE5Ny4yMDUuMjY3LjQzLjA3LjIyNC4xMS41MzguMTEuOTUzdjEuMTA1YzAgLjQxMi0uMDQuNzMtLjExLjk2M3YuMDAyYy0uMDcuMjM0LS4xNjUuMzc4LS4yNjguNDZhLjY3NC42NzQgMCAwIDEtLjQzLjEzLjY5My42OTMgMCAwIDEtLjQzNC0uMTMxYy0uMTA2LS4wODUtLjIwNC0uMjMtLjI3Ny0uNDYzLS4wNzMtLjIzMi0uMTE0LS41NS0uMTE0LS45NnYtMS4xMDZjMC0uNDE0LjA0LS43MjguMTEtLjk1MS4wNzMtLjIyNi4xNy0uMzU5LjI3LS40MzJsLjAwMy0uMDAyYS43MDQuNzA0IDAgMCAxIC40MzQtLjEyN1oiIGZpbGw9IiMxNDE4MUYiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-exchange {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/menu-icon-exchange.35748ff.svg)
}

.fedui-header .menu-icon-finance {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjcxIDE0LjcxaDE4LjU4djE0LjU4SDEwLjcxVjE0LjcxWiIgc3Ryb2tlPSIjMTQxODFGIiBzdHJva2Utd2lkdGg9IjEuNDIiLz48cGF0aCBkPSJNMTAuNiAxMS42aDExLjh2Mi44SDEwLjZ2LTIuOFoiIHN0cm9rZT0iIzE0MTgxRiIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48cGF0aCBkPSJNMTkuNzEgMjAuNzFoOS41OHY0LjU4aC05LjU4di00LjU4WiIgc3Ryb2tlPSIjMTQxODFGIiBzdHJva2Utd2lkdGg9IjEuNDIiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-futures {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzFDMUMxRSIgZD0iTTI2IDI0Ljc1aC05LjV2MS41SDI2eiIvPjxwYXRoIGQ9Ik0zMCA5SDEydjE4LjVoMS41di0xN2gxNVYyOWgtMThWMTguNzVIOVYzMC41aDIxVjlaIiBmaWxsPSIjMTQxODFGIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC4yMjQgMTJ2MS4yMTFjLS4yNDkuMDQ3LS40OC4xMjItLjY5NC4yMjctLjM4OC4xOTMtLjY5NC40Ny0uOTEuODMyLS4yMTYuMzY1LS4zMi43OS0uMzIgMS4yNjcgMCAuNDU3LjA5Ni44NjMuMjk5IDEuMjA3bC4wMDIuMDAzYy4yMDEuMzMuNDg0LjYwNS44NC44MjQuMzUuMjEzLjc2LjM5MSAxLjIyNS41MzUuMzYuMTE4LjYzLjI0My44MjMuMzcybC4wMDQuMDAzYy4xOTkuMTI4LjMyNC4yNTkuMzk2LjM4NWEuOTE0LjkxNCAwIDAgMSAuMTEzLjQ1OGMwIC4yMTgtLjA1LjM5NS0uMTQuNTM5YS45MS45MSAwIDAgMS0uNDA4LjM0NWwtLjAwMS4wMDFhMS42NiAxLjY2IDAgMCAxLS43MDUuMTMyYy0uMTUzIDAtLjMwNi0uMDItLjQ2LS4wNmExLjE2IDEuMTYgMCAwIDEtLjM5NS0uMjAzIDEuMDA4IDEuMDA4IDAgMCAxLS4yOC0uMzgxIDEuNzMzIDEuNzMzIDAgMCAxLS4xMDktLjY2M3YtLjI1SDE4di4yNWMwIC40OC4wNzUuOS4yMzggMS4yNTQuMTU4LjM0LjM3My42Mi42NDguODM0LjI2Ni4yMDYuNTY0LjM1NS44OTMuNDQ2LjExNy4wMzMuMjM1LjA2LjM1My4wOHYxLjA1N2gxLjN2LTEuMDU4Yy4yNjUtLjA0My41MTEtLjExNC43MzctLjIxNGEyLjIxIDIuMjEgMCAwIDAgLjk4NC0uODExdi0uMDAyYy4yNC0uMzY3LjM1My0uODA3LjM1My0xLjMwNyAwLS40NTUtLjA5LS44NTctLjI4Ni0xLjE5NGEyLjMzMyAyLjMzMyAwIDAgMC0uODIxLS44MTggNS40NjUgNS40NjUgMCAwIDAtMS4yMy0uNTQ2IDQuNjIgNC42MiAwIDAgMS0uODctLjM3OGMtLjE5Ny0uMTI0LS4zMTgtLjI1LS4zODQtLjM3M2EuOTk2Ljk5NiAwIDAgMS0uMTEtLjQ4M2MwLS4yMi4wNC0uMzk4LjExMy0uNTQ0bC4wMDEtLjAwMWEuNzMzLjczMyAwIDAgMSAuMzI0LS4zM2wuMDAxLS4wMDFjLjE1LS4wODIuMzUzLS4xMy42MjItLjEzLjM2IDAgLjYwOC4xMjUuNzguMzYzLjE4OC4yNi4yOTEuNi4yOTEgMS4wNHYuMjVoMS40OTl2LS4yNWMwLS41NjctLjA5OC0xLjA2NC0uMzA1LTEuNDhhMi4xNDcgMi4xNDcgMCAwIDAtLjg5Ny0uOTYxIDIuNDI0IDIuNDI0IDAgMCAwLS43LS4yNTdWMTJoLTEuMzFaIiBmaWxsPSIjMUMxQzFFIi8+PC9zdmc+)
}

.fedui-header .menu-icon-global {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3LjE0MyAxMy4wMDJBOS45NjcgOS45NjcgMCAwIDEgMzAgMjBjMCA1LjUyMy00LjQ3NyAxMC0xMCAxMHMtMTAtNC40NzctMTAtMTBjMC0yLjQ0OC44OC00LjY5IDIuMzQtNi40MjkiIHN0cm9rZT0iIzE0MTgxRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48cGF0aCBkPSJNMTkuNzUgMTB2MTQuMzVtMCAwLTUuMjUtNC44NzVtNS4yNSA0Ljg3NUwyNSAxOS40NzUiIHN0cm9rZT0iIzE0MTgxRiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-grid {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMyAxMC41aC0yLjI1VjEySDMwdjE3LjVIMTBWMTJoOS4yNXYtMS41SDE3VjloNnYxLjVabS0xMS41IDNoMTdWMjhoLTE3VjEzLjVaIiBmaWxsPSIjMTQxODFGIi8+PHBhdGggZD0iTTcuNSAyMy41di01SDl2NUg3LjVaTTMxIDE4LjV2NWgxLjV2LTVIMzFaIiBmaWxsPSIjMTQxODFGIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS44NzUgMTcuNzQ3aDMuODc4djEuMzY3bC00LjQ3NiAzLjgxOS0yLjgzNS0yLjE1LTIuOTggMi4zMTItLjkyNC0xLjE5IDMuODk0LTMuMDJMMjEuMjIyIDIxbDIuMDQ4LTEuNzQ3aC0xLjM5NXYtMS41MDZaIiBmaWxsPSIjMUMxQzFFIi8+PC9zdmc+)
}

.fedui-header .menu-icon-margin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNS41IDIwLjVhNSA1IDAgMSAwIDAtMTAgNSA1IDAgMCAwIDAgMTBabTAgMS41YTYuNSA2LjUgMCAxIDAgMC0xMyA2LjUgNi41IDAgMCAwIDAgMTNaTTEyIDI0LjVhMi41IDIuNSAwIDEgMCAwLTUgMi41IDIuNSAwIDAgMCAwIDVabTAgMS41YTQgNCAwIDEgMCAwLTggNCA0IDAgMCAwIDAgOFoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJtMjMuNDU0IDI0Ljk3NCA4LjI5Ni0yLjIyMy0uMzg4LTEuNDUtOC41NDcgMi4yOWMuMzIyLjM5LjU0Ny44NjQuNjM5IDEuMzgzWk0yMS45OTQgMjUuMzY1bC0yLjg1Ni43NjVhMS40OTQgMS40OTQgMCAwIDEgLjIzLTEuNjE0bDEuNjItLjQzNWMuNTQ4LjE4OS45NTMuNjg2IDEuMDA2IDEuMjg0Wk0xNy41NCAyNS4wMDVhMy4wMjMgMy4wMjMgMCAwIDAgLjEzOCAxLjUxNmwtOC4xNDQgMi4xODItLjM4OC0xLjQ0OCA4LjM5NS0yLjI1WiIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0xOS4wMTIgMjUuNjkxYy4wNzIuNTY1LjQ1OCAxLjAzMS45NzcgMS4yMmwuNTExLS45NDIuNTEyLjk0MWMuNTItLjE4OC45MDUtLjY1NC45NzYtMS4yMTlsLS45MTctMS41NzlhMS40OTYgMS40OTYgMCAwIDAtMS4xNCAwbC0uOTE5IDEuNThaTTE5LjI2OCAyOC4yMzZsLTEuMzY3IDIuNTE0SDIzLjFsLTEuMzY3LTIuNTE0Yy40Ny0uMjEyLjg3Ny0uNTQzIDEuMTgtLjk1M2wyLjg4OCA0Ljk2N0gxNS4ybDIuODg2LTQuOTY3Yy4zMDQuNDEuNzEuNzQgMS4xODEuOTUzWiIgZmlsbD0iIzE0MTgxRiIvPjxwYXRoIGQ9Ik0yMC44ODggMjYuOTQ5YTEuNSAxLjUgMCAxIDAtLjc3Ni0yLjg5OCAxLjUgMS41IDAgMCAwIC43NzYgMi44OThaIiBmaWxsPSIjMTQxODFGIi8+PC9zdmc+)
}

.fedui-header .menu-icon-option {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjI0IDEwaDE4LjV2MTAuMzI4bC0xLjUgMS41VjExLjVoLTE1LjVWMjloOC4zMzdsMS41IDEuNUgxMC4yNFYxMFoiIGZpbGw9IiMxNDE4MUYiLz48cGF0aCBkPSJNMjQuNDkgMTQuNzVoLTEwdjEuNWgxMHYtMS41Wk0xOS40OSAxOS4yNWgtNXYxLjVoNXYtMS41WiIgZmlsbD0iIzE0MTgxRiIvPjxwYXRoIGQ9Im0zMS44NTUgMjQuOTkyLTEgMS0xLjA4Ni0xLjA4NXY0Ljg0M2gtMS41VjI0LjkybC0xLjA3MSAxLjA3Mi0xLTEgMi44MjgtMi44MjkgMi44MjkgMi44MjhaTTI0LjQ5IDIyLjk4N2gtMS41djQuODA2bC0xLjE0Ni0xLjE0Ny0xIDEgMi44MjkgMi44MjkgMi44MjgtMi44MjktMS0xLTEuMDEgMS4wMXYtNC42NjlaIiBmaWxsPSIjMUMxQzFFIi8+PC9zdmc+)
}

.fedui-header .menu-icon-p2p {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjMTQxODFGIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTcuNzUgMTEuNzVoMjIuNXYxNi41SDcuNzV6Ii8+PHBhdGggZD0iTTcgMTdoMjRNMTguNSAyNGg4IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+)
}

.fedui-header .menu-icon-pledge {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5IDEwLjc1YTcuMjUgNy4yNSAwIDAgMC02LjUxMiAxMC40NDFjLS40NzMuMzA5LS45MjIuNjItMS4yNTEuODVhOC43NSA4Ljc1IDAgMSAxIDE1Ljk5Ni0xLjA2OWwtLjQyLjA4NGMtLjQ0Ny4wOTMtLjkxNS4yLTEuMzkyLjMxM0E3LjI1IDcuMjUgMCAwIDAgMTkgMTAuNzVaIiBmaWxsPSIjMUMxQzFFIi8+PHBhdGggZD0ibTIxLjM2IDEzLjYwOS0yLjc1IDQuNSAxLjI4Ljc4MiAyLjc1LTQuNS0xLjI4LS43ODJaIiBmaWxsPSIjMTQxODFGIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy4xNDcgMjIuMjM1YzEuMTYtLjIzMiAyLjUtLjIzNyAzLjUyNS0uMDQuNTE3LjA5OC44OTkuMjM4IDEuMTMyLjM4NGEuNjQ4LjY0OCAwIDAgMSAuMTk2LjE3NGMwIC4wNzQtLjAyNC4yMzEtLjM2My41MDgtLjM1OC4yOTMtLjk2Ni42MzItMS45MzUgMS4wNWEuNzUuNzUgMCAwIDAgLjQ1MiAxLjQyM2MxLjIyOS0uMjU4IDIuNTIxLS41ODQgMy43NjQtLjlsLjA2My0uMDE1YzEuMjI3LS4zMTEgMi40LS42MDkgMy40NDMtLjgyNiAxLjA3NC0uMjIzIDEuOTUyLS4zNDggMi41OC0uMzMyLjMxMy4wMDguNTEuMDUxLjYyLjA5OC4wNDUuMDIuMDY2LjAzNS4wNzIuMDRhLjQyNi40MjYgMCAwIDEtLjAyNy4zOTNjLS4wOS4xNy0uMjguMzgtLjYwMy42MjUtLjMxNy4yNDEtLjcwNy40NzktMS4xNC43MjYtLjEzMS4wNzUtLjI2OC4xNTItLjQwOC4yMy0uMzAzLjE3LS42MTYuMzQ3LS45LjUyLS43NTQuNDU4LTIuMjcgMS4xNTctMy43MzEgMS43NzktMS40NzQuNjI3LTIuNzY1IDEuMTIyLTMuMDc0IDEuMjAyLS40NzguMTIzLTEuMTk4LjE5NC0yLjExNS4yMjEtLjkwNC4wMjctMS45NTMuMDEtMy4wNjYtLjAyNy0uNzQzLS4wMjQtMS41MTgtLjA1Ny0yLjI5NC0uMDktMS41MjItLjA2NC0zLjA0Ni0uMTI4LTQuMzM4LS4xMjhhLjc1Ljc1IDAgMCAwIDAgMS41YzEuMjYyIDAgMi43MjcuMDYyIDQuMjI3LjEyNS43ODQuMDM0IDEuNTc4LjA2NyAyLjM1Ny4wOTIgMS4xMjIuMDM3IDIuMjA3LjA1NiAzLjE1OC4wMjguOTQtLjAyOCAxLjc5OC0uMTAyIDIuNDQ1LS4yNjkuNDQyLS4xMTQgMS44NDctLjY2MSAzLjI4Ny0xLjI3NCAxLjQ1Mi0uNjE4IDMuMDY0LTEuMzU1IDMuOTI0LTEuODc4LjI2MS0uMTYuNTM2LS4zMTMuODI2LS40NzZsLjQ0Ni0uMjUyYy40NDItLjI1My45MDUtLjUzIDEuMzA0LS44MzUuMzkzLS4yOTkuNzgzLS42NjYgMS4wMjMtMS4xMmExLjkyMiAxLjkyMiAwIDAgMCAuMDk2LTEuNjRjLS4xNy0uNDM4LS41MS0uNzE1LS44ODItLjg3My0uMzU1LS4xNS0uNzYzLS4yMDYtMS4xNjktLjIxNy0uODEyLS4wMi0xLjgzNC4xMzctMi45MjMuMzYzLTEuMDc2LjIyNC0yLjI3Ni41MjgtMy40ODkuODM2bC0uMjYuMDY2Yy4wODQtLjIwOC4xMy0uNDMzLjEzLS42NzYgMC0uNjg2LS40NDYtMS4xNTctLjg5Ny0xLjQ0LS40NTUtLjI4Ny0xLjA0MS0uNDczLTEuNjUtLjU5LTEuMjI1LS4yMzMtMi43Ni0uMjIzLTQuMS4wNDUtMS4xOTMuMjM4LTIuMzUuODYtMy4yNjggMS40NS0uNDY1LjI5OC0uODgzLjU5Ny0xLjIyNy44NDktLjEwOC4wNzktLjIwNi4xNS0uMjk0LjIxNmExNC4wMiAxNC4wMiAwIDAgMS0uNDguMzQ2Yy0uMDkuMDYtLjI4My4xNDQtLjU4Mi4yMzNhOS43NzkgOS43NzkgMCAwIDEtLjkyNC4yMTcgMTcuMzU2IDE3LjM1NiAwIDAgMS0xLjA3Mi4xNjhsLS4wNjguMDA4LS4wMTYuMDAyaC0uMDA1YS43NS43NSAwIDEgMCAuMTY3IDEuNDkxaC4wMDhsLjAyLS4wMDMuMDc5LS4wMWExNy43NjggMTcuNzY4IDAgMCAwIDEuMTY4LS4xODNjLjM0Mi0uMDY1LjcyLS4xNDggMS4wNjktLjI1Mi4zMzQtLjA5OS43MDQtLjIzMy45ODgtLjQyMy4xNS0uMS4zNTItLjI1LjU3NS0uNDE0bC4yNTMtLjE4NmMuMzM0LS4yNDUuNzIzLS41MjMgMS4xNS0uNzk3Ljg2OC0uNTU2IDEuODM2LTEuMDU4IDIuNzUzLTEuMjQyWk05IDI1bC4wODQuNzQ1TDkgMjVaIiBmaWxsPSIjMTQxODFGIi8+PC9zdmc+)
}

.fedui-header .menu-icon-candy {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyLjg3MyAxOC44MDMuNy4yNjgtLjctLjI2OFptLjI5Ni0uNzcuNy4yNjguNDQ1LTEuMTYtMS4yMzMuMTQ2LjA4OC43NDVabS40MDQgMS4wMzguMjk2LS43Ny0xLjQtLjUzNy0uMjk2Ljc3IDEuNC41MzdabS0uNDkyLTEuNzg0LTMuNzc0LjQ0Ni4xNzYgMS40OSAzLjc3NC0uNDQ2LS4xNzYtMS40OVptLS45MDggMS4yNDdhNy44NDIgNy44NDIgMCAwIDEtNi41NDIgNC45OTVsLjE1IDEuNDkyYTkuMzQyIDkuMzQyIDAgMCAwIDcuNzkyLTUuOTVsLTEuNC0uNTM3WiIgZmlsbD0iIzFDMUMxRSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQgMTQuNXYtNWgxLjV2NUgxNFpNMjQuNSAxNC41di01SDI2djVoLTEuNVoiIGZpbGw9IiMxNDE4MUYiLz48cGF0aCBkPSJNMTUuNSAxMS41aC02VjMwaDIxVjExLjVoLTZWMTNIMjl2MTUuNUgxMVYxM2g0LjV2LTEuNVoiIGZpbGw9IiMxNDE4MUYiLz48cGF0aCBkPSJNMTcgMTN2LTEuNWg2VjEzaC02WiIgZmlsbD0iIzE0MTgxRiIvPjwvc3ZnPg==)
}

.fedui-header .menu-icon-polkadot {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yMC41IDkuNzI4LTkgNS4xNDN2MTAuMjU4bDkgNS4xNDMgOS01LjE0MlYxNC44N2wtOS01LjE0MlpNMzEgMTQgMjAuNSA4IDEwIDE0djEybDEwLjUgNkwzMSAyNlYxNFoiIGZpbGw9IiMxNDE4MUYiLz48cGF0aCBkPSJNMTUuNzEgMjAuMDU4YTQuMjA3IDQuMjA3IDAgMCAxLS4yNTQtMS40MjVjMC0yLjQyNyAyLjE3Mi00LjM3NCA0LjgwOC00LjM3NCAyLjYzNiAwIDQuODA4IDEuOTQ3IDQuODA4IDQuMzc0IDAgMi4zMTEtMS45NjggNC4xOS00LjQ0IDQuMzYzaC0uMDAxbC0uMDI1LjAwMS0uMDY4LjAwNC0uMjE3LjAxNGE3LjQzIDcuNDMgMCAwIDAtLjQxNi4wMzZoLS4wMDNjLS42MzYuMDc2LTEuMTcuNTEzLTEuMzEgMS4xbC0uMS40MjJjLS4wNTMuMjE3LS4xMDQuNDM2LS4xMS40NjdsLS4wMDEuMDA1Yy0uMDg5LjM3Ni0uNDk1LjYwNC0uODg5LjUyNy0uMzk2LS4wNzctLjY2Ni0uNDQyLS41NzYtLjgyMi4wMjEtLjA5OC4zODUtMS42NDEuNzQ2LTMuMTY5bC43MzYtMy4xMThjLjA4OS0uMzc2LjQ5NS0uNjA0Ljg4OS0uNTI3LjM5Ni4wNzcuNjY2LjQ0Mi41NzYuODIybC0uNjEgMi41NTUtLjA5NS40MjMuMDg0LS4wMTMuMDA3LS4wMDFjLjA2Mi0uMDEuMTM1LS4wMjIuMjE2LS4wMzMuMTY2LS4wMjMuNDE2LS4wNDMuNjIxLS4wNTcuMTAzLS4wMDguMTk2LS4wMTMuMjYzLS4wMTdsLjA4LS4wMDVoLjAyMmwuMDA3LS4wMDFjMS43MzYtLjA4OCAzLjEwNi0xLjM5OCAzLjEwNi0yLjk3NiAwLTEuNjg2LTEuNTYyLTMuMDY0LTMuNDctMi45NzUtMS43MTIuMDc3LTMuMDgyIDEuMzU0LTMuMTMgMi44ODgtLjAxMi4zNi4wNDguNzIuMTggMS4wNTd2LjAwM2MuMTM0LjM3Ni0uMDkuNzctLjQ3NS44ODdoLS4wMDFjLS4zOTEuMTE0LS44MjQtLjA3My0uOTU3LS40MzVaTTIwLjM0NSAyNS40MTRhLjkwMy45MDMgMCAwIDEgMS4wNzUtLjcwM2MuNTAyLjEuODAzLjU3NC43MDMgMS4wNzZhLjkwMy45MDMgMCAwIDEtMS4wNzYuNzAzLjkwMy45MDMgMCAwIDEtLjcwMi0xLjA3NloiIGZpbGw9IiMxQzFDMUUiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-pow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yNi4wMzUgOC43NS0uNTktLjc1LS41OS43NS0yLjcyIDMuNDYyLTMuMjItMi41ODMtLjU5LS40NzItLjQ2OC41OTEtMy43MzMgNC43MTZoMS45MTNsMi41MjgtMy4xOTMgMi41ODYgMi4wNzUtLjgzNSAxLjExOGgxLjk1OGwzLjE3MS00LjAzNiAzLjE3MSA0LjAzNmgxLjkwOGwtNC40OS01LjcxM1oiIGZpbGw9IiMxQzFDMUUiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYgOS45NjRoNC42MjhsMS4wNyA2aDIyLjIxM2wtMi4zNDkgMTJIMjYuMTNhNC4yNTEgNC4yNTEgMCAwIDEtOC4zNjggMGgtNS40NDRsLTIuOTQ1LTE2LjVINnYtMS41Wm0xMS43NjEgMTYuNWE0LjI1MSA0LjI1MSAwIDAgMSA4LjM2OCAwaDQuMTk5bDEuNzYxLTlIMTEuOTY3bDEuNjA2IDloNC4xODhabTQuMTg0LTJhMi43NSAyLjc1IDAgMSAwIDAgNS41IDIuNzUgMi43NSAwIDAgMCAwLTUuNVoiIGZpbGw9IiMxNDE4MUYiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-primepool {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Ljg3MSAxNC4zNzFoMjIuMnY1LjgyNWgtMjIuMnYtNS44MjVabTEuNSAxLjV2Mi44MjVoMTkuMnYtMi44MjVoLTE5LjJaIiBmaWxsPSIjMTQxODFGIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC42ODggMTguNzVoMTguNDQ4djEyLjQ2NUgxMC42ODhWMTguNzVabTEuNSAxLjV2OS40NjVoMTUuNDQ3VjIwLjI1SDEyLjE4OVoiIGZpbGw9IiMxNDE4MUYiLz48cGF0aCBkPSJNMTkuMTcxIDIxLjk5MWgxLjZ2Ni4xMmgtMS42di02LjEyWk0xNi4zMTIgOS4zNDVsLTMuNDE0IDMuNDE1IDEuNjQgMS42NGgyLjEyMWwtMS42NC0xLjY0IDEuMjkzLTEuMjkzIDIuOTMzIDIuOTMzaDEuMjYybDIuOTMxLTIuOTMxIDEuMjkzIDEuMjkzLTEuNjM4IDEuNjM4aDIuMTJsMS42NC0xLjYzOS0zLjQxNS0zLjQxNC0zLjU2MiAzLjU2Mi0zLjU2NC0zLjU2NFoiIGZpbGw9IiMxNDE4MUYiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-swap {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzFDMUMxRSIgZD0iTTI2IDI0Ljc1aC05LjV2MS41SDI2eiIvPjxwYXRoIGQ9Ik0zMCA5SDEydjE4LjVoMS41di0xN2gxNVYyOWgtMThWMTguNzVIOVYzMC41aDIxVjlaIiBmaWxsPSIjMTQxODFGIi8+PGNpcmNsZSBjeD0iMjEiIGN5PSIxOCIgcj0iNC4yNSIgc3Ryb2tlPSIjMTQxODFGIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGZpbGw9IiMxNDE4MUYiIGQ9Im0yMS4xMjEgMTYgMi4xMjEgMi4xMjEtMi4xMjEgMi4xMjJMMTkgMTguMTJ6Ii8+PC9zdmc+)
}

.fedui-header .menu-icon-usdt {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI4LjI1IDkuMjVIOS43NXYyMC41aDkuNDY3YTcuMjMgNy4yMyAwIDAgMS0uNzctMS41SDExLjI1di0xNy41aDE1LjV2Ny44NzRjLjUyMy4xMSAxLjAyNS4yNzcgMS41LjQ5NFY5LjI1WiIgZmlsbD0iIzE0MTgxRiIvPjxwYXRoIGQ9Ik0xNCAxNGgxMHYxLjVIMTRWMTRaTTE0IDE4LjVoNVYyMGgtNXYtMS41WiIgZmlsbD0iIzE0MTgxRiIvPjxwYXRoIGQ9Im0yNC40MzQgMjcuNTA2IDMuNjItMi44ODctLjkzNS0xLjE3My0yLjU2OCAyLjA0OC0xLjA0Ny0xLjA1NS0xLjA2NSAxLjA1NyAxLjk5NSAyLjAxWiIgZmlsbD0iIzFDMUMxRSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuMjQyIDE5Ljk2N2E1Ljc1IDUuNzUgMCAxIDAgMCAxMS41IDUuNzUgNS43NSAwIDAgMCAwLTExLjVabS00LjI1IDUuNzVhNC4yNSA0LjI1IDAgMSAxIDguNSAwIDQuMjUgNC4yNSAwIDAgMS04LjUgMFoiIGZpbGw9IiMxQzFDMUUiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-wallet {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS42IDE1LjhWMTdjLS4yIDAtLjUuMS0uNy4yLS40LjItLjcuNS0uOS44LS4yLjQtLjMuOC0uMyAxLjNzLjEuOS4zIDEuMmMuMi4zLjUuNi44LjguNC4yLjguNCAxLjIuNS40LjEuNi4yLjguNC4yLjEuMy4zLjQuNC4xLjEuMS4zLjEuNXMwIC40LS4xLjVjLS4xLjEtLjIuMy0uNC4zLS4yLjEtLjQuMS0uNy4xLS4yIDAtLjMgMC0uNS0uMS0uMSAwLS4zLS4xLS40LS4yLS4xLS4xLS4yLS4yLS4zLS40LS4xLS4yLS4xLS40LS4xLS43di0uMmgtMS41di4yYzAgLjUuMS45LjIgMS4zLjIuMy40LjYuNi44LjMuMi42LjQuOS40LjEgMCAuMi4xLjQuMXYxLjFoMS4zdi0xLjFjLjMgMCAuNS0uMS43LS4yLjQtLjIuNy0uNSAxLS44LjItLjQuNC0uOC40LTEuM3MtLjEtLjktLjMtMS4yYy0uMi0uMy0uNS0uNi0uOC0uOC0uMy0uMi0uOC0uNC0xLjItLjUtLjQtLjEtLjctLjMtLjktLjQtLjItLjEtLjMtLjMtLjQtLjQtLjEtLjEtLjEtLjMtLjEtLjVzMC0uNC4xLS41Yy4xLS4xLjItLjMuMy0uMy4yLS4xLjQtLjEuNi0uMS40IDAgLjYuMS44LjQuMi4zLjMuNi4zIDF2LjRoMS41di0uMmMwLS42LS4xLTEuMS0uMy0xLjUtLjItLjQtLjUtLjctLjktMS0uMi0uMS0uNC0uMi0uNy0uM3YtMS4yaC0xLjJaIiBmaWxsPSIjMUMxQzFFIi8+PHBhdGggZD0iTTI3LjIgMTAuMmMtLjYuOS0xLjMgMS45LTEuNiAyLjNsLS45IDEuMy43LjVjMy4zIDIuNSA1LjMgNi41IDUuMyAxMC42IDAgMS4yLS4zIDIuMi0uOSAyLjktLjYuNy0xLjQgMS4zLTIuNiAxLjctMS40LjQtNC40LjUtNy43LjUtMi45IDAtNS4yOTUtLjE2NS02LjMtLjUtMS4yLS40LTItLjktMi42LTEuNy0uNi0uNy0uOS0yLS45LTMuMi4xLTQuMSAyLjEtNy45IDUuMy0xMC4zbC4yLS4xLjYtLjQtLjQtLjYtLjUtLjdjLS4zLS40LTEtMS40LTEuNi0yLjMtLjEtLjItLjItLjMtLjMtLjVoMTQuNWMtLjEuMi0uMi4zLS4zLjVaIiBzdHJva2U9IiMxNDE4MUYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-staking {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS44MjUgOS43MzIgMTEgMTQuODI3djEwLjE5MWw4LjgyNSA1LjA5NSA4LjgyNi01LjA5NXYtMTAuMTlsLTguODI2LTUuMDk2Wm0xMC4zMjYgNC4yM0wxOS44MjUgOCA5LjUgMTMuOTYxdjExLjkyM2wxMC4zMjUgNS45NjEgMTAuMzI2LTUuOTZWMTMuOTZaIiBmaWxsPSIjMTQxODFGIi8+PHBhdGggZD0iTTE5LjY2IDE3LjM0N2ExLjQyMyAxLjQyMyAwIDEgMCAwLTIuODQ3IDEuNDIzIDEuNDIzIDAgMCAwIDAgMi44NDdaTTE0LjgyMiAyMy43OWwyLjcyNi01Ljg0NWMuMzUuMzY1Ljc5Mi42NCAxLjI5Ljc4NWwtMS42NjEgMy41Nmg0Ljk4OWwtMS41OTMtMy41ODlhMi45MjYgMi45MjYgMCAwIDAgMS4yNy0uODM0bDIuNjMgNS45MjNoLTkuNjVaIiBmaWxsPSIjMUMxQzFFIi8+PC9zdmc+)
}

.fedui-header .menu-icon-creditcard {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgZD0iTTkuNzUgMTEuNzVoMjAuNXYxNi4xSDkuNzV6Ii8+PHBhdGggZD0iTTkgMTcuOTU2aDIyTTIxLjEgMjQuNTU3aDYuNiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==)
}

.fedui-header .menu-icon-history {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgZD0iTTEwLjc1IDEzLjE4M2gxNi4zMzh2MTYuNjgySDEwLjc1eiIvPjxwYXRoIGQ9Ik0xMy43ODQgMjQuMzk4aDEwLjU0TTEzLjc4NCAyMS4xNTVoMTAuNTRNMTMuNzg0IDE3LjkxMWg0Ljg2NE0xOC42NDkgMTBIMzB2OS43MyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==)
}

.fedui-header .menu-icon-savings {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3LjIgMTAuMmMtLjYuOS0xLjMgMS45LTEuNiAyLjNsLS45IDEuMy43LjVjMy4zIDIuNSA1LjMgNi41IDUuMyAxMC42IDAgMS4yLS4zIDIuMi0uOSAyLjktLjYuNy0xLjQgMS4zLTIuNiAxLjctMS40LjQtNC40LjUtNy43LjUtMi45IDAtNS4yOTUtLjE2NS02LjMtLjUtMS4yLS40LTItLjktMi42LTEuNy0uNi0uNy0uOS0yLS45LTMuMi4xLTQuMSAyLjEtNy45IDUuMy0xMC4zbC4yLS4xLjYtLjQtLjQtLjYtLjUtLjdjLS4zLS40LTEtMS40LTEuNi0yLjMtLjEtLjItLjItLjMtLjMtLjVoMTQuNWMtLjEuMi0uMi4zLS4zLjVaIiBzdHJva2U9IiMxNDE4MUYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjMzNyAxOWgzLjg3OHYxLjM2N2wtNC40NzYgMy44MTktMi44MzUtMi4xNS0yLjk4IDIuMzEyLS45MjQtMS4xOSAzLjg5NC0zLjAyIDIuNzkgMi4xMTUgMi4wNDgtMS43NDdoLTEuMzk1VjE5WiIgZmlsbD0iIzFDMUMxRSIvPjwvc3ZnPg==)
}

.fedui-header .menu-icon-account {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI5LjU0MyAxMi4yOTVjLTUuMDI4LS4xMzctOC4yNzctMi41MDQtOS4yNDMtMy4zMWEuNDcyLjQ3MiAwIDAgMC0uMy0uMTExLjQ4LjQ4IDAgMCAwLS4zLjEwOGMtLjk2LjgxLTQuMjEyIDMuMTc2LTkuMjQgMy4zMTNhLjQ2NS40NjUgMCAwIDAtLjQ2LjQ2djkuNDM4YzAgNC4yMjQgNi4zNCA5LjIwMiAxMCA5LjIwMiAzLjU2IDAgMTAtNC45NzggMTAtOS4yMDJ2LTkuNDM1YS40NjUuNDY1IDAgMCAwLS40NTctLjQ2M1ptLTEuNDAzIDkuOWMwIDMuMTUtNS41ODQgNy4zNC04LjEzNyA3LjM0LTEuMjk2IDAtMy40MTUtMS4wNTQtNS4xNTMtMi41NjItMS44NDMtMS41OTgtMi45ODctMy40My0yLjk4Ny00Ljc3N3YtOC4xMjNjMy44MzEtLjM4NyA2LjU5NC0xLjg4OSA4LjEzNy0yLjk3MiAxLjU0MyAxLjA4MyA0LjMwNiAyLjU4NSA4LjEzNyAyLjk3MnY4LjEyM2guMDAzWiIgZmlsbD0iIzE0MTgxRiIvPjxwYXRoIGQ9Im0xNy4yMjggMTkuNTM5LS41OTYtLjYtMS4yIDEuMTkuNTk2LjYwMSAxLjItMS4xOTFabTEuNjY4IDIuODgxLS42LjU5Ni41MzQuNTM4LjU5NC0uNDczLS41MjgtLjY2Wm02LjI2LTMuOTEuNjYtLjUyNy0xLjA1NC0xLjMyMy0uNjYxLjUyNyAxLjA1NCAxLjMyM1ptLTkuMTI4IDIuMjIgMi4yNjggMi4yODYgMS4yLTEuMTkyLTIuMjY4LTIuMjg1LTEuMiAxLjE5MVptMy4zOTYgMi4zNTEgNS43MzEtNC41NzEtMS4wNTQtMS4zMjMtNS43MzIgNC41NzIgMS4wNTUgMS4zMjJaIiBmaWxsPSIjMTQxODFGIi8+PC9zdmc+)
}

.fedui-header .menu-icon-auth {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyIDE3aDZNMjIgMjBoNE05Ljk1NyAxMkgzMXYxNkg5VjEyIiBzdHJva2U9IiMxNDE4MUYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PHJlY3QgeD0iMTQuMTA1IiB5PSIxNSIgd2lkdGg9IjMuNzg5IiBoZWlnaHQ9IjQuNDIxIiByeD0iMS44OTUiIHN0cm9rZT0iIzE0MTgxRiIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48cGF0aCBkPSJNMTIgMjQuOTIyaDh2LTEuNjg0bC0xLjMzMy0xLjI2M2gtNS4zMzRMMTIgMjMuMjM4djEuNjg0WiIgc3Ryb2tlPSIjMTQxODFGIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==)
}

.fedui-header .menu-icon-setting1 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMTAuNzUiIHN0cm9rZT0iIzE0MTgxRiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjIyNCAxNXYxLjIxMWMtLjI0OS4wNDctLjQ4LjEyMi0uNjk0LjIyOC0uMzg4LjE5Mi0uNjk0LjQ3LS45MS44MzEtLjIxNi4zNjUtLjMyLjc5LS4zMiAxLjI2NyAwIC40NTcuMDk2Ljg2My4yOTkgMS4yMDdsLjAwMi4wMDNjLjIwMS4zMy40ODQuNjA1Ljg0LjgyNC4zNS4yMTMuNzYuMzkxIDEuMjI1LjUzNS4zNi4xMTguNjMuMjQzLjgyMy4zNzJsLjAwNC4wMDNjLjE5OS4xMjguMzI0LjI1OS4zOTYuMzg1YS45MTQuOTE0IDAgMCAxIC4xMTMuNDU4YzAgLjIxOC0uMDUuMzk1LS4xNC41MzlhLjkxLjkxIDAgMCAxLS40MDguMzQ1bC0uMDAxLjAwMWExLjY2IDEuNjYgMCAwIDEtLjcwNS4xMzJjLS4xNTMgMC0uMzA2LS4wMi0uNDYtLjA2YTEuMTYgMS4xNiAwIDAgMS0uMzk1LS4yMDMgMS4wMDggMS4wMDggMCAwIDEtLjI4LS4zODEgMS43MzMgMS43MzMgMCAwIDEtLjEwOS0uNjYzdi0uMjVIMTd2LjI1YzAgLjQ4LjA3NS45LjIzOCAxLjI1NC4xNTguMzQuMzczLjYyLjY0OC44MzQuMjY2LjIwNi41NjQuMzU1Ljg5My40NDYuMTE3LjAzMy4yMzUuMDYuMzUzLjA4djEuMDU3aDEuM3YtMS4wNThjLjI2NS0uMDQzLjUxMS0uMTE0LjczNy0uMjE0YTIuMjEgMi4yMSAwIDAgMCAuOTg0LS44MTF2LS4wMDJjLjI0LS4zNjcuMzUzLS44MDcuMzUzLTEuMzA3IDAtLjQ1NS0uMDktLjg1Ny0uMjg2LTEuMTk0YTIuMzMzIDIuMzMzIDAgMCAwLS44MjEtLjgxOCA1LjQ2NSA1LjQ2NSAwIDAgMC0xLjIzLS41NDYgNC42MiA0LjYyIDAgMCAxLS44Ny0uMzc4Yy0uMTk3LS4xMjQtLjMxOC0uMjUtLjM4NC0uMzczYS45OTYuOTk2IDAgMCAxLS4xMS0uNDgzYzAtLjIyLjA0LS4zOTguMTEzLS41NDRsLjAwMS0uMDAxYS43MzMuNzMzIDAgMCAxIC4zMjQtLjMzbC4wMDEtLjAwMWMuMTUtLjA4Mi4zNTMtLjEzLjYyMi0uMTMuMzYgMCAuNjA4LjEyNS43OC4zNjMuMTg4LjI2LjI5MS42LjI5MSAxLjA0di4yNWgxLjQ5OXYtLjI1YzAtLjU2Ny0uMDk4LTEuMDY0LS4zMDUtMS40OGEyLjE0NyAyLjE0NyAwIDAgMC0uODk3LS45NjEgMi40MjQgMi40MjQgMCAwIDAtLjctLjI1N1YxNWgtMS4zMVoiIGZpbGw9IiMxQzFDMUUiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-fee {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTI0LjQyIDE1LjMzMS04LjQ4NSA4LjQ4NSIgc3Ryb2tlPSIjMTQxODFGIiBzdHJva2Utd2lkdGg9IjEuNDIiLz48Y2lyY2xlIGN4PSIyMyIgY3k9IjIzIiByPSIxLjQiIHN0cm9rZT0iIzE0MTgxRiIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSIxNyIgY3k9IjE3IiByPSIxLjQiIHN0cm9rZT0iIzE0MTgxRiIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxMC43NSIgc3Ryb2tlPSIjMTQxODFGIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==)
}

.fedui-header .menu-icon-coupon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9ImEiIGZpbGw9IiNmZmYiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzEgMjNhMi41IDIuNSAwIDAgMSAwLTV2LTdIOXY3LjA1YTIuNSAyLjUgMCAwIDEgMCA0LjlWMzBoMjJ2LTdaIi8+PC9tYXNrPjxwYXRoIGQ9Ik0zMSAyM2gxLjV2LTEuNUgzMVYyM1ptMC01djEuNWgxLjVWMThIMzFabTAtN2gxLjVWOS41SDMxVjExWk05IDExVjkuNUg3LjVWMTFIOVptMCA3LjA1SDcuNXYxLjIyNmwxLjIwMi4yNDRMOSAxOC4wNVptMCA0LjktLjI5OC0xLjQ3LTEuMjAyLjI0NHYxLjIyNkg5Wk05IDMwSDcuNXYxLjVIOVYzMFptMjIgMHYxLjVoMS41VjMwSDMxWm0tNC05LjVhNCA0IDAgMCAwIDQgNHYtM2ExIDEgMCAwIDEtMS0xaC0zWm00LTRhNCA0IDAgMCAwLTQgNGgzYTEgMSAwIDAgMSAxLTF2LTNaTTI5LjUgMTF2N2gzdi03aC0zWk05IDEyLjVoMjJ2LTNIOXYzWm0xLjUgNS41NVYxMWgtM3Y3LjA1aDNabS0xLjc5OCAxLjQ3Yy40NTUuMDkzLjc5OC40OTguNzk4Ljk4aDNhNCA0IDAgMCAwLTMuMjAyLTMuOTJsLS41OTYgMi45NFptLjc5OC45OGMwIC40ODItLjM0My44ODctLjc5OC45OGwuNTk2IDIuOTRBNCA0IDAgMCAwIDEyLjUgMjAuNWgtM1ptMSA5LjV2LTcuMDVoLTNWMzBoM1pNMzEgMjguNUg5djNoMjJ2LTNaTTI5LjUgMjN2N2gzdi03aC0zWiIgZmlsbD0iIzE0MTgxRiIgbWFzaz0idXJsKCNhKSIvPjxwYXRoIGQ9Ik0xNy45NTQgMjAuNDRoLjAwMWMuNDM0LjMyNSAxLjA2Ni41NzMgMS44OS43NDcuNTU0LjExOC45Mi4yNTQgMS4xMTIuNDAxLjE4OS4xNDYuMjguMzI1LjI4LjU0YS42NTQuNjU0IDAgMCAxLS4yOTcuNTY2Yy0uMjAxLjE0Mi0uNDk0LjIxNy0uODg1LjIxNy0uMzc5IDAtLjY5Ni0uMDg5LS45NTUtLjI2My0uMjUtLjE2OC0uMzg4LS40MzctLjQwNC0uODJsLS4wMDMtLjA2aC0xLjUzOWwtLjAxNC4wNDMtLjAxMy4wMzgtLjAwMy4wMDh2LjAwOWMtLjAyNi42MTQuMjMgMS4xNTYuNzU3IDEuNjI0LjUzMS40NyAxLjI1Mi43IDIuMTU1LjcuODQzIDAgMS41MjktLjE5NCAyLjA1LS41OS41MjctLjM5Ni43OTMtLjkxNS43OTMtMS41NTQgMC0uNTc2LS4yMTctMS4wMzUtLjY1Mi0xLjM3LS40MjYtLjMzNC0xLjA3Ni0uNTg4LTEuOTQzLS43NjZhNS43MzEgNS43MzEgMCAwIDEtLjY5Ni0uMTc1IDEuNDY1IDEuNDY1IDAgMCAxLS40MDItLjE4OC42MzYuNjM2IDAgMCAxLS4yNDktLjUyOGMwLS4yMjIuMDg5LS40MDguMjctLjU2Mi4xOC0uMTU2LjQ0Ny0uMjQuODEtLjI0LjM2NiAwIC42NDUuMDk5Ljg0Ni4yODlhLjkwNS45MDUgMCAwIDEgLjMwNC42ODR2LjA2MmgxLjU4N2wuMDE0LS4wNDIuMDEzLS4wMzguMDAzLS4wMDl2LS4wMDljLjAyMi0uNjMtLjIyNC0xLjE1OC0uNzMzLTEuNTgtLjUwNS0uNDI3LTEuMTg2LS42MzctMi4wMzQtLjYzNy0uODA2IDAtMS40NjIuMjA3LTEuOTYzLjYyNC0uNS40MTctLjc1Mi45MjUtLjc1MiAxLjUyMSAwIC41NjkuMjE3IDEuMDIzLjY1MiAxLjM1N1oiIGZpbGw9IiMxNDE4MUYiIHN0cm9rZT0iIzE0MTgxRiIgc3Ryb2tlLXdpZHRoPSIuMTI1Ii8+PHBhdGggZD0iTTIwLjA2IDE3LjVWMTZtMCA3LjVWMjUiIHN0cm9rZT0iIzE0MTgxRiIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+PC9zdmc+)
}

.fedui-header .menu-icon-score {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMjQiIGN5PSIyNCIgcj0iNiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjMUMxQzFFIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Im0yNCAyMi0yIDIuMTIxIDIgMi4xMjIgMi0yLjEyMkwyNCAyMloiIHN0cm9rZT0iIzFDMUMxRSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48Y2lyY2xlIGN4PSIxNyIgY3k9IjE4IiByPSI4IiBmaWxsPSIjZmZmIiBzdHJva2U9IiMxQzFDMUUiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0iTTE3LjEyMSAxNiAxNSAxOC4xMjFsMi4xMjEgMi4xMjIgMi4xMjItMi4xMjJMMTcuMTIgMTZaIiBzdHJva2U9IiMxQzFDMUUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9zdmc+)
}

.fedui-header .menu-icon-invitation {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4xMjUgMTQuMjVhNS4yNSA1LjI1IDAgMSAxIDEwLjUgMHYxLjVhNS4yNSA1LjI1IDAgMSAxLTEwLjUgMHYtMS41Wm01LjI1LTMuNzVhMy43NSAzLjc1IDAgMCAwLTMuNzUgMy43NXYxLjVhMy43NSAzLjc1IDAgMSAwIDcuNSAwdi0xLjVhMy43NSAzLjc1IDAgMCAwLTMuNzUtMy43NVpNMTAuNzQzIDIyLjVoMTMuMjY0bDMuNjE4IDMuNDI3VjMxaC0yMC41di01LjA3M2wzLjYxOC0zLjQyN1ptLjU5OCAxLjUtMi43MTYgMi41NzNWMjkuNWgxNy41di0yLjkyN0wyMy40MSAyNEgxMS4zNFoiIGZpbGw9IiMxNDE4MUYiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI0Ljg3NSAxN2g4djEuNWgtOFYxN1oiIGZpbGw9IiMxQzFDMUUiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI5LjYyNSAxMy43NXY4aC0xLjV2LThoMS41WiIgZmlsbD0iIzFDMUMxRSIvPjwvc3ZnPg==)
}

.fedui-header .menu-icon-api {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIxLjk3NSAxMS4yLTQuNTU2IDE3TTI1LjEzMyAxNC4xMzMgMzAuOTk5IDIwbC01Ljg2NiA1Ljg2N00xNC44NjUgMTQuMTMzIDkgMjBsNS44NjYgNS44NjciIHN0cm9rZT0iIzE0MTgxRiIgc3Ryb2tlLXdpZHRoPSIxLjY1MyIvPjwvc3ZnPg==)
}

.fedui-header .menu-icon-sub {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNCAxMi4yNWE1LjI1IDUuMjUgMCAxIDEgMTAuNSAwdjEuNWE1LjI1IDUuMjUgMCAxIDEtMTAuNSAwdi0xLjVabTUuMjUtMy43NWEzLjc1IDMuNzUgMCAwIDAtMy43NSAzLjc1djEuNWEzLjc1IDMuNzUgMCAxIDAgNy41IDB2LTEuNWEzLjc1IDMuNzUgMCAwIDAtMy43NS0zLjc1Wm0tNi42MzIgMTJIMjJWMjJoLTguNzg0TDEwLjUgMjQuNTczVjI2aC0uMDExdjNIOXYtNS4wNzNsMy42MTgtMy40MjdaIiBmaWxsPSIjMTQxODFGIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC42OTIgMjYuNTIzYTEuNjU3IDEuNjU3IDAgMCAwLTEuNzAyLTEuNTg0bC0uODYxLjAyNC0uMDQyLTEuNS44NjEtLjAyNGEzLjE1NyAzLjE1NyAwIDAgMSAuMjM3IDYuMzA5bC0uNjczLjAzMWEzLjI5MiAzLjI5MiAwIDAgMS0zLjQxMy0yLjgyMmwxLjQ4NS0uMjEyYy4xMy45MTQuOTM1IDEuNTggMS44NTggMS41MzZsLjY3Mi0uMDMyYTEuNjU3IDEuNjU3IDAgMCAwIDEuNTc4LTEuNzI2WiIgZmlsbD0iIzFDMUMxRSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAuODMgMjcuMDRjLjAzOS45MDQuNzk2IDEuNjEgMS43MDEgMS41ODRsLjg2MS0uMDI0LjA0MyAxLjUtLjg2Mi4wMjRhMy4xNTcgMy4xNTcgMCAwIDEtLjIzNy02LjMwOWwuNjczLS4wMzJhMy4yOTIgMy4yOTIgMCAwIDEgMy40MTQgMi44MjJsLTEuNDg1LjIxM2ExLjc5MiAxLjc5MiAwIDAgMC0xLjg1OC0xLjUzNmwtLjY3My4wMzFhMS42NTcgMS42NTcgMCAwIDAtMS41NzcgMS43MjdaIiBmaWxsPSIjMUMxQzFFIi8+PC9zdmc+)
}

.fedui-header .menu-icon-kol {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjMxNSAxMC4wMDVDMTMuMTU1IDEwLjE0MiA5IDE0LjM4OCA5IDE5LjU0OGMwIDUuMjk3IDQuMjQ3IDkuNTQzIDkuNTg5IDkuNTQzIDUuMzQzIDAgOS41OS0zLjQ3IDkuNTktOS4yN2EuMjk1LjI5NSAwIDAgMC0uMjc1LS4yNzNoLTkuMDg3YS4yOTUuMjk1IDAgMCAxLS4yNzQtLjI3NHYtOC45OTZjLjA0Ni0uMTM2LS4wOS0uMjczLS4yMjgtLjI3M1pNMTcuNjMgMTEuMXY5LjA0MmMwIC4xMzcuMDQ2LjIyOC4xODMuMjI4aDkuNDA2YzAgNC4xMS0zLjQyNSA3Ljc2Mi04LjYzIDcuNzYyLTUuMjA1IDAtOC42My0zLjgzNS04LjYzLTguNjMgMC00Ljc5NCA0Ljc5NC04LjQwMSA3LjY3MS04LjQwMVpNMTkuNjg1IDljNS4wNjguMTM3IDkuMTc4IDQuMiA5LjMxNSA5LjI3IDAgLjEzNi0uMTM3LjMxOS0uMjc0LjMxOWgtOS4wNDFjLS4xMzcgMC0uMjI4LS4xODMtLjIyOC0uMzJWOS4yM2MwLS4xMzguMDktLjIyOS4yMjgtLjIyOVptLjgyMiAxLjAwNWgtLjEzN3Y3LjY3aDcuNjI1YzAtMy4xOTYtMy40Ny03Ljc2Mi03LjYyNS03LjY3aC4xMzdaIiBmaWxsPSIjMTQxODFGIiBzdHJva2U9IiMxNDE4MUYiIHN0cm9rZS13aWR0aD0iLjMiLz48L3N2Zz4=)
}

.fedui-header .menu-icon-broker {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI4LjI1IDkuMjVIOS43NXYyMC41aDkuNDY3YTcuMjMgNy4yMyAwIDAgMS0uNzctMS41SDExLjI1di0xNy41aDE1LjV2Ny44NzRjLjUyMy4xMSAxLjAyNS4yNzcgMS41LjQ5NFY5LjI1WiIgZmlsbD0iIzE0MTgxRiIvPjxwYXRoIGQ9Ik0xNCAxNGgxMHYxLjVIMTRWMTRaTTE0IDE4LjVoNVYyMGgtNXYtMS41WiIgZmlsbD0iIzE0MTgxRiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuMjQyIDE5Ljk2N2E1Ljc1IDUuNzUgMCAxIDAgMCAxMS41IDUuNzUgNS43NSAwIDAgMCAwLTExLjVabS00LjI1IDUuNzVhNC4yNSA0LjI1IDAgMSAxIDguNSAwIDQuMjUgNC4yNSAwIDAgMS04LjUgMFoiIGZpbGw9IiMxQzFDMUUiLz48cGF0aCBkPSJNMjQuNiAyNi4yMTVWMjMuOUgyMi45di43MjJoLjVWMjguNzk2SDIzLjg4NWwuMDMtLjAzNCA0LjE2LTQuNjk2LjE0Ny0uMTY2aC0xLjc3MWwtLjAzLjAzOC0xLjgyMSAyLjI3N1oiIGZpbGw9IiMxQzFDMUUiIHN0cm9rZT0iIzFDMUMxRSIgc3Ryb2tlLXdpZHRoPSIuMiIvPjwvc3ZnPg==)
}

.fedui-header .menu-icon-logout {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4Ljg1NiAxMUgxMnYxOC4yODVoNi44NTdNMTYuMzYzIDIwLjY2M2gxMS42MzhtMCAwLTQuNzI4IDUuMDkxTTI4IDIwLjY2M2wtNC43MjgtNS4wOTIiIHN0cm9rZT0iIzE0MTgxRiIgc3Ryb2tlLXdpZHRoPSIxLjcxNCIvPjwvc3ZnPg==)
}

.fedui-header .fedui-header-info-dropdowns[data-level="5"] .menu-icon-account {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI5LjU0MyAxMi4yOTVjLTUuMDI4LS4xMzctOC4yNzctMi41MDQtOS4yNDMtMy4zMWEuNDcyLjQ3MiAwIDAgMC0uMy0uMTExLjQ4LjQ4IDAgMCAwLS4zLjEwOGMtLjk2LjgxLTQuMjEyIDMuMTc2LTkuMjQgMy4zMTNhLjQ2NS40NjUgMCAwIDAtLjQ2LjQ2djkuNDM4YzAgNC4yMjQgNi4zNCA5LjIwMiAxMCA5LjIwMiAzLjU2IDAgMTAtNC45NzggMTAtOS4yMDJ2LTkuNDM1YS40NjUuNDY1IDAgMCAwLS40NTctLjQ2M1ptLTEuNDAzIDkuOWMwIDMuMTUtNS41ODQgNy4zNC04LjEzNyA3LjM0LTEuMjk2IDAtMy40MTUtMS4wNTQtNS4xNTMtMi41NjItMS44NDMtMS41OTgtMi45ODctMy40My0yLjk4Ny00Ljc3N3YtOC4xMjNjMy44MzEtLjM4NyA2LjU5NC0xLjg4OSA4LjEzNy0yLjk3MiAxLjU0MyAxLjA4MyA0LjMwNiAyLjU4NSA4LjEzNyAyLjk3MnY4LjEyM2guMDAzWiIgZmlsbD0iIzc3NzE1NCIvPjxwYXRoIGQ9Im0xNi42MjggMjAuMTM0IDIuMjY4IDIuMjg2IDUuNzMyLTQuNTcxIiBzdHJva2U9IiM3NzcxNTQiIHN0cm9rZS13aWR0aD0iMS42OTIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48L3N2Zz4=)
}

.fedui-header .fedui-header-info-dropdowns[data-level="5"] .menu-icon-auth {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyIDE3aDZNMjIgMjBoNE05Ljk1NyAxMkgzMXYxNkg5VjEyIiBzdHJva2U9IiM3NzcxNTQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PHJlY3QgeD0iMTQuMTA1IiB5PSIxNSIgd2lkdGg9IjMuNzg5IiBoZWlnaHQ9IjQuNDIxIiByeD0iMS44OTUiIHN0cm9rZT0iIzc3NzE1NCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48cGF0aCBkPSJNMTIgMjQuOTIyaDh2LTEuNjg0bC0xLjMzMy0xLjI2M2gtNS4zMzRMMTIgMjMuMjM4djEuNjg0WiIgc3Ryb2tlPSIjNzc3MTU0IiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==)
}

.fedui-header .fedui-header-info-dropdowns[data-level="5"] .menu-icon-setting1 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMTAuNzUiIHN0cm9rZT0iIzc3NzE1NCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjIyNCAxNXYxLjIxMWMtLjI0OS4wNDctLjQ4LjEyMi0uNjk0LjIyOC0uMzg4LjE5Mi0uNjk0LjQ3LS45MS44MzEtLjIxNi4zNjUtLjMyLjc5LS4zMiAxLjI2NyAwIC40NTcuMDk2Ljg2My4yOTkgMS4yMDdsLjAwMi4wMDNjLjIwMS4zMy40ODQuNjA1Ljg0LjgyNC4zNS4yMTMuNzYuMzkxIDEuMjI1LjUzNS4zNi4xMTguNjMuMjQzLjgyMy4zNzJsLjAwNC4wMDNjLjE5OS4xMjguMzI0LjI1OS4zOTYuMzg1YS45MTQuOTE0IDAgMCAxIC4xMTMuNDU4YzAgLjIxOC0uMDUuMzk1LS4xNC41MzlhLjkxLjkxIDAgMCAxLS40MDguMzQ1bC0uMDAxLjAwMWExLjY2IDEuNjYgMCAwIDEtLjcwNS4xMzJjLS4xNTMgMC0uMzA2LS4wMi0uNDYtLjA2YTEuMTYgMS4xNiAwIDAgMS0uMzk1LS4yMDMgMS4wMDggMS4wMDggMCAwIDEtLjI4LS4zODEgMS43MzMgMS43MzMgMCAwIDEtLjEwOS0uNjYzdi0uMjVIMTd2LjI1YzAgLjQ4LjA3NS45LjIzOCAxLjI1NC4xNTguMzQuMzczLjYyLjY0OC44MzQuMjY2LjIwNi41NjQuMzU1Ljg5My40NDYuMTE3LjAzMy4yMzUuMDYuMzUzLjA4djEuMDU3aDEuM3YtMS4wNThjLjI2NS0uMDQzLjUxMS0uMTE0LjczNy0uMjE0YTIuMjEgMi4yMSAwIDAgMCAuOTg0LS44MTF2LS4wMDJjLjI0LS4zNjcuMzUzLS44MDcuMzUzLTEuMzA3IDAtLjQ1NS0uMDktLjg1Ny0uMjg2LTEuMTk0YTIuMzMzIDIuMzMzIDAgMCAwLS44MjEtLjgxOCA1LjQ2NSA1LjQ2NSAwIDAgMC0xLjIzLS41NDYgNC42MiA0LjYyIDAgMCAxLS44Ny0uMzc4Yy0uMTk3LS4xMjQtLjMxOC0uMjUtLjM4NC0uMzczYS45OTYuOTk2IDAgMCAxLS4xMS0uNDgzYzAtLjIyLjA0LS4zOTguMTEzLS41NDRsLjAwMS0uMDAxYS43MzMuNzMzIDAgMCAxIC4zMjQtLjMzbC4wMDEtLjAwMWMuMTUtLjA4Mi4zNTMtLjEzLjYyMi0uMTMuMzYgMCAuNjA4LjEyNS43OC4zNjMuMTg4LjI2LjI5MS42LjI5MSAxLjA0di4yNWgxLjQ5OXYtLjI1YzAtLjU2Ny0uMDk4LTEuMDY0LS4zMDUtMS40OGEyLjE0NyAyLjE0NyAwIDAgMC0uODk3LS45NjEgMi40MjQgMi40MjQgMCAwIDAtLjctLjI1N1YxNWgtMS4zMVoiIGZpbGw9IiM3NzcxNTQiLz48L3N2Zz4=)
}

.fedui-header .fedui-header-info-dropdowns[data-level="5"] .menu-icon-fee {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTI0LjQyIDE1LjMzMS04LjQ4NSA4LjQ4NSIgc3Ryb2tlPSIjNzc3MTU0IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxjaXJjbGUgY3g9IjIzIiBjeT0iMjMiIHI9IjEuNCIgc3Ryb2tlPSIjNzc3MTU0IiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjE3IiBjeT0iMTciIHI9IjEuNCIgc3Ryb2tlPSIjNzc3MTU0IiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjEwLjc1IiBzdHJva2U9IiM3NzcxNTQiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+)
}

.fedui-header .fedui-header-info-dropdowns[data-level="5"] .menu-icon-coupon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9ImEiIGZpbGw9IiNmZmYiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzEgMjNhMi41IDIuNSAwIDAgMSAwLTV2LTdIOXY3LjA1YTIuNSAyLjUgMCAwIDEgMCA0LjlWMzBoMjJ2LTdaIi8+PC9tYXNrPjxwYXRoIGQ9Ik0zMSAyM2gxLjV2LTEuNUgzMVYyM1ptMC01djEuNWgxLjVWMThIMzFabTAtN2gxLjVWOS41SDMxVjExWk05IDExVjkuNUg3LjVWMTFIOVptMCA3LjA1SDcuNXYxLjIyNmwxLjIwMi4yNDRMOSAxOC4wNVptMCA0LjktLjI5OC0xLjQ3LTEuMjAyLjI0NHYxLjIyNkg5Wk05IDMwSDcuNXYxLjVIOVYzMFptMjIgMHYxLjVoMS41VjMwSDMxWm0tNC05LjVhNCA0IDAgMCAwIDQgNHYtM2ExIDEgMCAwIDEtMS0xaC0zWm00LTRhNCA0IDAgMCAwLTQgNGgzYTEgMSAwIDAgMSAxLTF2LTNaTTI5LjUgMTF2N2gzdi03aC0zWk05IDEyLjVoMjJ2LTNIOXYzWm0xLjUgNS41NVYxMWgtM3Y3LjA1aDNabS0xLjc5OCAxLjQ3Yy40NTUuMDkzLjc5OC40OTguNzk4Ljk4aDNhNCA0IDAgMCAwLTMuMjAyLTMuOTJsLS41OTYgMi45NFptLjc5OC45OGMwIC40ODItLjM0My44ODctLjc5OC45OGwuNTk2IDIuOTRBNCA0IDAgMCAwIDEyLjUgMjAuNWgtM1ptMSA5LjV2LTcuMDVoLTNWMzBoM1pNMzEgMjguNUg5djNoMjJ2LTNaTTI5LjUgMjN2N2gzdi03aC0zWiIgZmlsbD0iIzc3NzE1NCIgbWFzaz0idXJsKCNhKSIvPjxwYXRoIGQ9Ik0xNy45NTQgMjAuNDRoLjAwMWMuNDM0LjMyNSAxLjA2Ni41NzMgMS44OS43NDcuNTU0LjExOC45Mi4yNTQgMS4xMTIuNDAxLjE4OS4xNDYuMjguMzI1LjI4LjU0YS42NTQuNjU0IDAgMCAxLS4yOTcuNTY2Yy0uMjAxLjE0Mi0uNDk0LjIxNy0uODg1LjIxNy0uMzc5IDAtLjY5Ni0uMDg5LS45NTUtLjI2My0uMjUtLjE2OC0uMzg4LS40MzctLjQwNC0uODJsLS4wMDMtLjA2aC0xLjUzOWwtLjAxNC4wNDMtLjAxMy4wMzgtLjAwMy4wMDh2LjAwOWMtLjAyNi42MTQuMjMgMS4xNTYuNzU3IDEuNjI0LjUzMS40NyAxLjI1Mi43IDIuMTU1LjcuODQzIDAgMS41MjktLjE5NCAyLjA1LS41OS41MjctLjM5Ni43OTMtLjkxNS43OTMtMS41NTQgMC0uNTc2LS4yMTctMS4wMzUtLjY1Mi0xLjM3LS40MjYtLjMzNC0xLjA3Ni0uNTg4LTEuOTQzLS43NjZhNS43MzEgNS43MzEgMCAwIDEtLjY5Ni0uMTc1IDEuNDY1IDEuNDY1IDAgMCAxLS40MDItLjE4OC42MzYuNjM2IDAgMCAxLS4yNDktLjUyOGMwLS4yMjIuMDg5LS40MDguMjctLjU2Mi4xOC0uMTU2LjQ0Ny0uMjQuODEtLjI0LjM2NiAwIC42NDUuMDk5Ljg0Ni4yODlhLjkwNS45MDUgMCAwIDEgLjMwNC42ODR2LjA2MmgxLjU4N2wuMDE0LS4wNDIuMDEzLS4wMzguMDAzLS4wMDl2LS4wMDljLjAyMi0uNjMtLjIyNC0xLjE1OC0uNzMzLTEuNTgtLjUwNS0uNDI3LTEuMTg2LS42MzctMi4wMzQtLjYzNy0uODA2IDAtMS40NjIuMjA3LTEuOTYzLjYyNC0uNS40MTctLjc1Mi45MjUtLjc1MiAxLjUyMSAwIC41NjkuMjE3IDEuMDIzLjY1MiAxLjM1N1oiIGZpbGw9IiM3NzcxNTQiIHN0cm9rZT0iIzc3NzE1NCIgc3Ryb2tlLXdpZHRoPSIuMTI1Ii8+PHBhdGggZD0iTTIwLjA2IDE3LjVWMTZtMCA3LjVWMjUiIHN0cm9rZT0iIzc3NzE1NCIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+PC9zdmc+)
}

.fedui-header .fedui-header-info-dropdowns[data-level="5"] .menu-icon-score {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjI3MyAyNS43OTRBNiA2IDAgMSAwIDI1IDE4LjA4MyIgc3Ryb2tlPSIjNzc3MTU0IiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Im0yNCAyMi0yIDIuMTIxIDIgMi4xMjIgMi0yLjEyMkwyNCAyMloiIHN0cm9rZT0iIzc3NzE1NCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48Y2lyY2xlIGN4PSIxNyIgY3k9IjE4IiByPSI4IiBzdHJva2U9IiM3NzcxNTQiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0iTTE3LjEyMSAxNiAxNSAxOC4xMjFsMi4xMjEgMi4xMjIgMi4xMjItMi4xMjJMMTcuMTIgMTZaIiBzdHJva2U9IiM3NzcxNTQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9zdmc+)
}

.fedui-header .fedui-header-info-dropdowns[data-level="5"] .menu-icon-invitation {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4xMjUgMTQuMjVhNS4yNSA1LjI1IDAgMSAxIDEwLjUgMHYxLjVhNS4yNSA1LjI1IDAgMSAxLTEwLjUgMHYtMS41Wm01LjI1LTMuNzVhMy43NSAzLjc1IDAgMCAwLTMuNzUgMy43NXYxLjVhMy43NSAzLjc1IDAgMSAwIDcuNSAwdi0xLjVhMy43NSAzLjc1IDAgMCAwLTMuNzUtMy43NVpNMTAuNzQzIDIyLjVoMTMuMjY0bDMuNjE4IDMuNDI3VjMxaC0yMC41di01LjA3M2wzLjYxOC0zLjQyN1ptLjU5OCAxLjUtMi43MTYgMi41NzNWMjkuNWgxNy41di0yLjkyN0wyMy40MSAyNEgxMS4zNFpNMjQuODc1IDE3aDh2MS41aC04VjE3WiIgZmlsbD0iIzc3NzE1NCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjkuNjI1IDEzLjc1djhoLTEuNXYtOGgxLjVaIiBmaWxsPSIjNzc3MTU0Ii8+PC9zdmc+)
}

.fedui-header .fedui-header-info-dropdowns[data-level="5"] .menu-icon-api {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIxLjk3NCAxMS4yLTQuNTU1IDE3TTI1LjEzMyAxNC4xMzMgMzAuOTk5IDIwbC01Ljg2NiA1Ljg2Nk0xNC44NjUgMTQuMTMzIDkgMjBsNS44NjYgNS44NjYiIHN0cm9rZT0iIzc3NzE1NCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L3N2Zz4=)
}

.fedui-header .fedui-header-info-dropdowns[data-level="5"] .menu-icon-sub {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNCAxMi4yNWE1LjI1IDUuMjUgMCAxIDEgMTAuNSAwdjEuNWE1LjI1IDUuMjUgMCAxIDEtMTAuNSAwdi0xLjVabTUuMjUtMy43NWEzLjc1IDMuNzUgMCAwIDAtMy43NSAzLjc1djEuNWEzLjc1IDMuNzUgMCAxIDAgNy41IDB2LTEuNWEzLjc1IDMuNzUgMCAwIDAtMy43NS0zLjc1Wm0tNi42MzIgMTJIMjJWMjJoLTguNzg0TDEwLjUgMjQuNTczVjI2aC0uMDExdjNIOXYtNS4wNzNsMy42MTgtMy40MjdaTTI4LjY5MiAyNi41MjNhMS42NTcgMS42NTcgMCAwIDAtMS43MDItMS41ODRsLS44NjEuMDI0LS4wNDItMS41Ljg2MS0uMDI0YTMuMTU3IDMuMTU3IDAgMCAxIC4yMzcgNi4zMDlsLS42NzMuMDMxYTMuMjkyIDMuMjkyIDAgMCAxLTMuNDEzLTIuODIybDEuNDg1LS4yMTJjLjEzLjkxNC45MzUgMS41OCAxLjg1OCAxLjUzNmwuNjcyLS4wMzJhMS42NTcgMS42NTcgMCAwIDAgMS41NzgtMS43MjZaIiBmaWxsPSIjNzc3MTU0Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC44MyAyNy4wNGMuMDM5LjkwNC43OTYgMS42MSAxLjcwMSAxLjU4NGwuODYxLS4wMjQuMDQzIDEuNS0uODYyLjAyNGEzLjE1NyAzLjE1NyAwIDAgMS0uMjM3LTYuMzA5bC42NzMtLjAzMmEzLjI5MiAzLjI5MiAwIDAgMSAzLjQxNCAyLjgyMmwtMS40ODUuMjEzYTEuNzkyIDEuNzkyIDAgMCAwLTEuODU4LTEuNTM2bC0uNjczLjAzMWExLjY1NyAxLjY1NyAwIDAgMC0xLjU3NyAxLjcyN1oiIGZpbGw9IiM3NzcxNTQiLz48L3N2Zz4=)
}

.fedui-header .fedui-header-info-dropdowns[data-level="5"] .menu-icon-kol {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjMxNSAxMC4wMDVDMTMuMTU1IDEwLjE0MiA5IDE0LjM4OCA5IDE5LjU0OGMwIDUuMjk3IDQuMjQ3IDkuNTQzIDkuNTg5IDkuNTQzIDUuMzQzIDAgOS41OS0zLjQ3IDkuNTktOS4yN2EuMjk1LjI5NSAwIDAgMC0uMjc1LS4yNzNoLTkuMDg3YS4yOTUuMjk1IDAgMCAxLS4yNzQtLjI3NHYtOC45OTZjLjA0Ni0uMTM2LS4wOS0uMjczLS4yMjgtLjI3M1pNMTcuNjMgMTEuMXY5LjA0MmMwIC4xMzcuMDQ2LjIyOC4xODMuMjI4aDkuNDA2YzAgNC4xMS0zLjQyNSA3Ljc2Mi04LjYzIDcuNzYyLTUuMjA1IDAtOC42My0zLjgzNS04LjYzLTguNjMgMC00Ljc5NCA0Ljc5NC04LjQwMSA3LjY3MS04LjQwMVpNMTkuNjg1IDljNS4wNjguMTM3IDkuMTc4IDQuMiA5LjMxNSA5LjI3IDAgLjEzNi0uMTM3LjMxOS0uMjc0LjMxOWgtOS4wNDFjLS4xMzcgMC0uMjI4LS4xODMtLjIyOC0uMzJWOS4yM2MwLS4xMzguMDktLjIyOS4yMjgtLjIyOVptLjgyMiAxLjAwNWgtLjEzN3Y3LjY3aDcuNjI1YzAtMy4xOTYtMy40Ny03Ljc2Mi03LjYyNS03LjY3aC4xMzdaIiBmaWxsPSIjNzc3MTU0IiBzdHJva2U9IiM3NzcxNTQiIHN0cm9rZS13aWR0aD0iLjMiLz48L3N2Zz4=)
}

.fedui-header .fedui-header-info-dropdowns[data-level="5"] .menu-icon-broker {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI4LjI1IDkuMjVIOS43NXYyMC41aDkuNDY3YTcuMjMgNy4yMyAwIDAgMS0uNzctMS41SDExLjI1di0xNy41aDE1LjV2Ny44NzRjLjUyMy4xMSAxLjAyNS4yNzcgMS41LjQ5NFY5LjI1WiIgZmlsbD0iIzc3NzE1NCIvPjxwYXRoIGQ9Ik0xNCAxNGgxMHYxLjVIMTRWMTRaTTE0IDE4LjVoNVYyMGgtNXYtMS41WiIgZmlsbD0iIzc3NzE1NCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuMjQyIDE5Ljk2N2E1Ljc1IDUuNzUgMCAxIDAgMCAxMS41IDUuNzUgNS43NSAwIDAgMCAwLTExLjVabS00LjI1IDUuNzVhNC4yNSA0LjI1IDAgMSAxIDguNSAwIDQuMjUgNC4yNSAwIDAgMS04LjUgMFoiIGZpbGw9IiM3NzcxNTQiLz48cGF0aCBkPSJNMjQuNiAyNi4yMTVWMjMuOUgyMi45di43MjJoLjVWMjguNzk2SDIzLjg4NWwuMDMtLjAzNCA0LjE2LTQuNjk2LjE0Ny0uMTY2aC0xLjc3MWwtLjAzLjAzOC0xLjgyMSAyLjI3N1oiIGZpbGw9IiM3NzcxNTQiIHN0cm9rZT0iIzc3NzE1NCIgc3Ryb2tlLXdpZHRoPSIuMiIvPjwvc3ZnPg==)
}

.fedui-header .fedui-header-info-dropdowns[data-level="5"] .menu-icon-logout {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4Ljg1NyAxMUgxMnYxOC4yODVoNi44NTdNMTYuMzYzIDIwLjY2M0gyOG0wIDAtNC43MjcgNS4wOTFNMjggMjAuNjYzbC00LjcyNy01LjA5MiIgc3Ryb2tlPSIjNzc3MTU0IiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==)
}

.fedui-header-fixed {
    height: 48px
}

.fedui-header-fixed .fedui-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

@supports (bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom)) {
    .fedui-header-m-nav {
        padding-bottom: calc(48px + env(safe-area-inset-bottom))
    }
}

@media screen and (max-width:1400px) {

    .fedui-header:not([data-locale=zh-cn]):not([data-locale=zh-hk]):not([data-locale=zh-tc]) .fedui-header-info,
    .fedui-header:not([data-locale=zh-cn]):not([data-locale=zh-hk]):not([data-locale=zh-tc]) .fedui-header-order {
        padding-left: 16px
    }

    .fedui-header:not([data-locale=zh-cn]):not([data-locale=zh-hk]):not([data-locale=zh-tc]) .fedui-header-notice {
        margin-left: 16px
    }

    .fedui-header:not([data-locale=zh-cn]):not([data-locale=zh-hk]):not([data-locale=zh-tc]) .fedui-header-locales {
        padding-left: 16px
    }

    .fedui-header:not([data-locale=zh-cn]):not([data-locale=zh-hk]):not([data-locale=zh-tc]) .fedui-header-nav {
        padding-left: 24px
    }

    .fedui-header:not([data-locale=zh-cn]):not([data-locale=zh-hk]):not([data-locale=zh-tc]) .fedui-header-nav>a,
    .fedui-header:not([data-locale=zh-cn]):not([data-locale=zh-hk]):not([data-locale=zh-tc]) .fedui-header-nav>div {
        margin-left: 12px
    }

    .fedui-header:not([data-locale=zh-cn]):not([data-locale=zh-hk]):not([data-locale=zh-tc]) .fedui-header-nav>a:first-child,
    .fedui-header:not([data-locale=zh-cn]):not([data-locale=zh-hk]):not([data-locale=zh-tc]) .fedui-header-nav>div:first-child {
        margin-left: 0
    }

    .fedui-header[data-locale=zh-cn] .fedui-header-nav>a,
    .fedui-header[data-locale=zh-cn] .fedui-header-nav>div,
    .fedui-header[data-locale=zh-hk] .fedui-header-nav>a,
    .fedui-header[data-locale=zh-hk] .fedui-header-nav>div,
    .fedui-header[data-locale=zh-tc] .fedui-header-nav>a,
    .fedui-header[data-locale=zh-tc] .fedui-header-nav>div {
        margin-left: 24px
    }

    .fedui-header[data-locale=zh-cn] .fedui-header-nav>a:first-child,
    .fedui-header[data-locale=zh-cn] .fedui-header-nav>div:first-child,
    .fedui-header[data-locale=zh-hk] .fedui-header-nav>a:first-child,
    .fedui-header[data-locale=zh-hk] .fedui-header-nav>div:first-child,
    .fedui-header[data-locale=zh-tc] .fedui-header-nav>a:first-child,
    .fedui-header[data-locale=zh-tc] .fedui-header-nav>div:first-child {
        margin-left: 0
    }
}

.fedui-header-modal-mask {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 9998
}

.fedui-header-modal-wrapper {
    background-color: #fff;
    border-radius: 2px;
    width: 480px
}

.fedui-header-modal-container>header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #263241;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    height: 72px;
    padding: 0 24px;
    position: relative
}

.fedui-header-modal-container>header button.close {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik02Ljk4OCA1LjU5OCAxLjY5NS4zMDVBMSAxIDAgMCAwIC4yOCAxLjcybDUuMjkzIDUuMjkzTC4yOCAxMi4zMDVhMSAxIDAgMCAwIDEuNDE0IDEuNDE0bDUuMjkzLTUuMjkzIDUuMjkzIDUuMjkzYTEgMSAwIDAgMCAxLjQxNC0xLjQxNEw4LjQwMiA3LjAxMmw1LjI5My01LjI5M0ExIDEgMCAxIDAgMTIuMjguMzA1TDYuOTg4IDUuNTk4WiIgaWQ9ImEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48dXNlIGZpbGw9IiM3RjhGQTQiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI2EiLz48ZyBtYXNrPSJ1cmwoI2IpIiBmaWxsPSIjN0Y4RkE0Ij48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNSAtNSkiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat 50%;
    height: 24px;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px
}

.fedui-header-modal-container>header button.close:hover {
    opacity: .7
}

.fedui-header-modal-container>footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    justify-content: flex-end;
    padding: 0 24px
}

.fedui-header-modal-container>footer button {
    border-radius: 2px;
    font-size: 14px;
    height: 40px;
    margin: 0;
    padding: 0 16px
}

.fedui-header-modal-container>footer button+button {
    margin-left: 16px
}

.fedui-header-modal-container>footer button.primary {
    background-color: #0173e5;
    color: #fff
}

.fedui-header-modal-container>footer button.primary:hover {
    background-color: rgba(1, 115, 229, .7)
}

.fedui-header-modal-container>footer button.secondary {
    background: none;
    color: #0173e5
}

.fedui-header-modal-container>footer button.secondary:hover {
    color: rgba(1, 115, 229, .7)
}

.fedui-header-modal-container button {
    border: none;
    cursor: pointer;
    outline: none
}

.fedui-header-modal-body {
    color: #3c4d5d;
    line-height: 22px;
    padding: 0 24px
}

.modal-enter,
.modal-leave-active {
    opacity: 0
}

.slide-fade-enter-active,
.slide-fade-leave-active {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.slide-fade-enter,
.slide-fade-leave-to {
    opacity: 0;
    -webkit-transform: translateX(420px);
    transform: translateX(420px)
}

.fedui-nav-dm {
    position: relative
}

.fedui-nav-dm span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.fedui-nav-dm span i {
    font-size: 12px;
    height: 12px;
    margin-left: 9px;
    position: relative;
    width: 12px
}

.fedui-nav-dm span i:before {
    margin-top: -6px;
    position: absolute;
    right: 0;
    top: 50%
}

.fedui-nav-dm:hover span i {
    margin-top: -4px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.fedui-nav-dm .nav-dm-dl {
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 15px 0 rgba(28, 36, 44, .1);
    box-shadow: 0 2px 15px 0 rgba(28, 36, 44, .1);
    left: -8px;
    max-width: 120px;
    padding: 4px 0;
    position: absolute;
    top: 48px;
    width: 120px
}

.fedui-nav-dm .nav-dm-dl dd {
    color: #314655;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px
}

.fedui-nav-dm .nav-dm-dl dd:hover {
    background-color: rgba(242, 246, 250, .7);
    color: #12b298
}

.fedui-footer {
    background-color: #181b25;
    color: #808799;
    min-width: 1310px;
    padding-bottom: 100px;
    padding-top: 100px;
    width: 100%
}

.fedui-footer-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 1200px
}

.fedui-footer-logo {
    height: 23px
}

.fedui-footer-copyright {
    color: #6a707f;
    font-size: 12px;
    line-height: 12px;
    padding-top: 16px
}

.fedui-footer-link {
    margin-left: -8px;
    padding-top: 22px
}

.fedui-footer-link a {
    border-radius: 50%;
    color: #f0f1f4;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-left: 8px;
    margin-top: 8px;
    text-align: center;
    vertical-align: top;
    width: 24px
}

.fedui-footer-link a i {
    font-size: 24px;
    vertical-align: top
}

.fedui-footer-link a:hover {
    background-color: #0173e5;
    color: #f0f1f4
}

.fedui-footer-left {
    width: 170px
}

.fedui-footer-right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.fedui-footer-right dl {
    margin-right: 24px;
    width: 164px
}

.fedui-footer-right dt {
    line-height: 20px;
    padding-bottom: 8px
}

.fedui-footer-right a {
    word-wrap: break-word;
    color: #f0f1f4;
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding-top: 8px
}

.fedui-footer-right a:hover {
    color: #0173e5
}

.fedui-footer-right .footer-right-introduced {
    margin-right: 0;
    width: auto
}

.fedui-footer-right .footer-right-introduced dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fedui-footer-right .footer-right-introduced dd div:first-child {
    margin-right: 12px
}

.fedui-footer[data-mobile=true] {
    min-width: 320px;
    padding-bottom: 0;
    padding-top: 0
}

.fedui-footer[data-mobile=true] .fedui-footer-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%
}

.fedui-footer[data-mobile=true] .fedui-footer-inner dl {
    width: 100%
}

.fedui-footer[data-mobile=true] .fedui-footer-inner dl[data-dropdowns=true] dt:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fedui-footer[data-mobile=true] .fedui-footer-inner dl[data-dropdowns=true] dd {
    -webkit-animation: fedui-show .3s ease-out forwards;
    animation: fedui-show .3s ease-out forwards;
    display: block
}

.fedui-footer[data-mobile=true] .fedui-footer-inner dt {
    border-bottom: 1px solid #353640;
    color: #697080;
    font-size: 18px;
    height: 56px;
    line-height: 56px;
    padding-left: 24px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fedui-footer[data-mobile=true] .fedui-footer-inner dt:after {
    content: "\e905";
    font-family: fedui-icon !important;
    font-size: 16px;
    position: absolute;
    right: 24px;
    top: 0
}

.fedui-footer[data-mobile=true] .fedui-footer-inner dd {
    background-color: #191a1f;
    border-bottom: 1px solid #353640;
    display: none;
    padding: 8px 0 16px
}

.fedui-footer[data-mobile=true] .fedui-footer-inner dd a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #d5def2;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 24px;
    min-height: 40px;
    overflow: hidden;
    padding: 8px 24px
}

.fedui-footer[data-mobile=true] .fedui-footer-right {
    display: block;
    width: 100%
}

.fedui-footer[data-mobile=true] .fedui-footer-left {
    padding: 42px 24px 0
}

.fedui-footer[data-mobile=true] .fedui-footer-link {
    margin-left: -16px;
    margin-top: -16px;
    overflow: hidden;
    padding-top: 24px
}

.fedui-footer[data-mobile=true] .fedui-footer-link a {
    height: 32px;
    line-height: 32px;
    margin-left: 16px;
    margin-top: 16px;
    width: 32px
}

.fedui-footer[data-mobile=true] .fedui-footer-link a i {
    font-size: 32px
}

.fedui-footer-simple {
    background-color: #13161e;
    color: #808799;
    font-size: 12px;
    height: 48px;
    line-height: 24px;
    min-width: 1310px;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;
    width: 100%
}

.fedui-footer-simple-locales {
    display: none
}

.fedui-footer-simple li {
    display: inline-block;
    margin-left: 16px;
    padding-left: 16px;
    position: relative
}

.fedui-footer-simple li:before {
    background-color: #808799;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: -1px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 4px
}

.fedui-footer-simple li:first-child {
    margin-left: 0;
    padding-left: 0
}

.fedui-footer-simple li:first-child:before {
    display: none
}

.fedui-footer-simple a {
    color: #808799
}

.fedui-footer-simple a:hover {
    color: #0173e5
}

.fedui-footer-simple[data-mobile=true] {
    height: auto;
    min-width: 320px;
    padding: 4px 0 0
}

.fedui-footer-simple[data-mobile=true] li {
    display: block;
    line-height: 40px;
    margin-left: 0;
    padding-left: 0;
    text-align: left
}

.fedui-footer-simple[data-mobile=true] li:before {
    display: none
}

.fedui-footer-simple[data-mobile=true] li>a,
.fedui-footer-simple[data-mobile=true] li>span {
    display: block;
    padding-left: 24px;
    padding-right: 24px
}

.fedui-footer-simple[data-mobile=true] a {
    color: #808799
}

.fedui-footer-simple[data-mobile=true] a:active {
    color: #0173e5
}

.fedui-footer-locales {
    display: inline-block;
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative
}

.fedui-footer-locales-center {
    text-align: center
}

.fedui-footer-locales-text {
    color: #d5def2;
    display: inline-block;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fedui-footer-locales-text>span {
    padding-left: 10px;
    padding-right: 10px
}

.fedui-footer-locales-text .fedui-icon-xiajiantou {
    color: #697080;
    display: inline-block;
    font-size: 12px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: 2px
}

.fedui-footer-locales-text .fedui-icon-locale {
    font-size: 22px;
    vertical-align: -3px
}

.fedui-footer-locales-down {
    background-color: #fff;
    border-radius: 2px;
    bottom: 110px;
    -webkit-box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
    box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
    display: none;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    text-align: left;
    width: 300px
}

.fedui-footer-locales-down>span {
    color: #1c1c1e;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 24px;
    vertical-align: top;
    width: 150px
}

.fedui-footer-locales-down>span:hover {
    background-color: rgba(242, 246, 250, .7);
    color: #0173e5
}

.fedui-footer-locales[data-dropdowns=true] .fedui-footer-locales-down {
    display: block
}

.fedui-footer-locales[data-dropdowns=true] .fedui-icon-xiajiantou {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.fedui-header-pc .fedui-header-info-fee>span {
    display: block
}

.fedui-header[data-locale=tr-tr] .fedui-header-pc .fedui-header-info-fee>span,
.fedui-header[data-locale=zh-cn] .fedui-header-pc .fedui-header-info-fee>span,
.fedui-header[data-locale=zh-hk] .fedui-header-pc .fedui-header-info-fee>span,
.fedui-header[data-locale=zh-tc] .fedui-header-pc .fedui-header-info-fee>span,
.fedui-header[data-locale=zh-tw] .fedui-header-pc .fedui-header-info-fee>span {
    display: inline-block
}

.fedui-header[data-locale=ru-ru] .fedui-header-m-info-fee {
    line-height: 20px
}

.fedui-header[data-locale=ru-ru] .fedui-header-m-info-fee span {
    display: block;
    padding-top: 8px
}

.fedui-header[data-locale=ru-ru] .fedui-header-m-info-fee em {
    margin-left: 0
}

.fedui-footer[data-locale=ko-kr] .fedui-footer-right a,
.fedui-footer[data-locale=zh-cn] .fedui-footer-right a,
.fedui-footer[data-locale=zh-hk] .fedui-footer-right a,
.fedui-footer[data-locale=zh-tc] .fedui-footer-right a,
.fedui-footer[data-locale=zh-tw] .fedui-footer-right a {
    line-height: 18px
}

.vue-recycle-scroller {
    position: relative
}

.vue-recycle-scroller.direction-vertical:not(.page-mode) {
    overflow-y: auto
}

.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
    overflow-x: auto
}

.vue-recycle-scroller.direction-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vue-recycle-scroller__slot {
    -webkit-box-flex: 1;
    -ms-flex: auto 0 0px;
    flex: auto 0 0
}

.vue-recycle-scroller__item-wrapper {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative
}

.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
    left: 0;
    position: absolute;
    top: 0;
    will-change: transform
}

.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
    width: 100%
}

.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
    height: 100%
}

.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
    width: 100%
}

.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
    height: 100%
}

.resize-observer[data-v-b329ee4c] {
    background-color: transparent;
    border: none;
    opacity: 0
}

.resize-observer[data-v-b329ee4c],
.resize-observer[data-v-b329ee4c] object {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.el-input__inner,
.el-textarea__inner {
    background-image: none
}

.el-loading-fade-enter,
.el-loading-fade-leave-active {
    opacity: 0
}

.el-input__inner,
.el-textarea__inner {
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-input__inner,
.el-select-dropdown__list,
.el-tag,
.el-textarea__inner {
    -webkit-box-sizing: border-box
}

.el-input__inner,
.el-select-dropdown__item.is-disabled:hover {
    background-color: #fff
}

.el-input__inner {
    font-size: inherit
}

.el-input__inner:hover,
.el-select:hover .el-input__inner {
    border-color: #c0c4cc
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #409eff
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after,
.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
    margin-left: 0
}

.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 20px
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.el-input,
.el-textarea {
    width: 100%
}

.el-date-table,
.el-time-panel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.el-month-table,
.el-year-table {
    border-collapse: collapse;
    font-size: 12px
}

.el-date-editor .el-range-input,
.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
    padding: 0;
    text-align: center
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    border-color: #409eff
}

.el-picker-panel,
.el-time-panel {
    border: 1px solid #e4e7ed;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-picker-panel__btn,
.el-time-panel__btn {
    background-color: transparent;
    font-size: 12px
}

.el-input,
.el-textarea {
    font-size: 14px;
    width: 100%
}

.el-input__inner,
.el-textarea__inner {
    -webkit-box-sizing: border-box;
    color: #606266
}

.el-input,
.el-textarea {
    display: inline-block
}

.el-input__icon,
.el-input__prefix,
.el-input__suffix {
    height: 100%
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-checkbox,
.el-checkbox-button__inner {
    font-size: 14px;
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-checkbox {
    white-space: nowrap
}

.el-checkbox-button__inner,
.el-checkbox__input {
    line-height: 1;
    outline: 0;
    vertical-align: middle;
    white-space: nowrap
}

.el-checkbox-button__inner,
.el-table-filter,
.el-tag {
    -webkit-box-sizing: border-box
}

.el-tag {
    display: inline-block
}

.el-checkbox,
.el-checkbox-button__inner,
.el-table th.el-table__cell {
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-checkbox,
.el-checkbox__input {
    cursor: pointer
}

.el-checkbox,
.el-checkbox-button__inner,
.el-checkbox__input,
.el-tag {
    display: inline-block;
    white-space: nowrap
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
    margin-left: 10px
}

.el-checkbox-button__inner,
.el-table,
.el-tag {
    -webkit-box-sizing: border-box
}

.el-checkbox-button {
    display: inline-block;
    position: relative
}

.el-checkbox-button__inner {
    position: relative;
    -moz-user-select: none
}

.el-tag,
.el-tooltip__popper {
    border-radius: 4px;
    font-size: 12px
}

@font-face {
    font-display: "auto";
    font-family: element-icons;
    font-style: normal;
    font-weight: 400;
    src: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/fonts/element-icons.535877f.woff) format("woff"), url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/fonts/element-icons.732389d.ttf) format("truetype")
}

[class*=" el-icon-"],
[class^=el-icon-] {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: element-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    vertical-align: baseline
}

.el-icon-ice-cream-round:before {
    content: "\e6a0"
}

.el-icon-ice-cream-square:before {
    content: "\e6a3"
}

.el-icon-lollipop:before {
    content: "\e6a4"
}

.el-icon-potato-strips:before {
    content: "\e6a5"
}

.el-icon-milk-tea:before {
    content: "\e6a6"
}

.el-icon-ice-drink:before {
    content: "\e6a7"
}

.el-icon-ice-tea:before {
    content: "\e6a9"
}

.el-icon-coffee:before {
    content: "\e6aa"
}

.el-icon-orange:before {
    content: "\e6ab"
}

.el-icon-pear:before {
    content: "\e6ac"
}

.el-icon-apple:before {
    content: "\e6ad"
}

.el-icon-cherry:before {
    content: "\e6ae"
}

.el-icon-watermelon:before {
    content: "\e6af"
}

.el-icon-grape:before {
    content: "\e6b0"
}

.el-icon-refrigerator:before {
    content: "\e6b1"
}

.el-icon-goblet-square-full:before {
    content: "\e6b2"
}

.el-icon-goblet-square:before {
    content: "\e6b3"
}

.el-icon-goblet-full:before {
    content: "\e6b4"
}

.el-icon-goblet:before {
    content: "\e6b5"
}

.el-icon-cold-drink:before {
    content: "\e6b6"
}

.el-icon-coffee-cup:before {
    content: "\e6b8"
}

.el-icon-water-cup:before {
    content: "\e6b9"
}

.el-icon-hot-water:before {
    content: "\e6ba"
}

.el-icon-ice-cream:before {
    content: "\e6bb"
}

.el-icon-dessert:before {
    content: "\e6bc"
}

.el-icon-sugar:before {
    content: "\e6bd"
}

.el-icon-tableware:before {
    content: "\e6be"
}

.el-icon-burger:before {
    content: "\e6bf"
}

.el-icon-knife-fork:before {
    content: "\e6c1"
}

.el-icon-fork-spoon:before {
    content: "\e6c2"
}

.el-icon-chicken:before {
    content: "\e6c3"
}

.el-icon-food:before {
    content: "\e6c4"
}

.el-icon-dish-1:before {
    content: "\e6c5"
}

.el-icon-dish:before {
    content: "\e6c6"
}

.el-icon-moon-night:before {
    content: "\e6ee"
}

.el-icon-moon:before {
    content: "\e6f0"
}

.el-icon-cloudy-and-sunny:before {
    content: "\e6f1"
}

.el-icon-partly-cloudy:before {
    content: "\e6f2"
}

.el-icon-cloudy:before {
    content: "\e6f3"
}

.el-icon-sunny:before {
    content: "\e6f6"
}

.el-icon-sunset:before {
    content: "\e6f7"
}

.el-icon-sunrise-1:before {
    content: "\e6f8"
}

.el-icon-sunrise:before {
    content: "\e6f9"
}

.el-icon-heavy-rain:before {
    content: "\e6fa"
}

.el-icon-lightning:before {
    content: "\e6fb"
}

.el-icon-light-rain:before {
    content: "\e6fc"
}

.el-icon-wind-power:before {
    content: "\e6fd"
}

.el-icon-baseball:before {
    content: "\e712"
}

.el-icon-soccer:before {
    content: "\e713"
}

.el-icon-football:before {
    content: "\e715"
}

.el-icon-basketball:before {
    content: "\e716"
}

.el-icon-ship:before {
    content: "\e73f"
}

.el-icon-truck:before {
    content: "\e740"
}

.el-icon-bicycle:before {
    content: "\e741"
}

.el-icon-mobile-phone:before {
    content: "\e6d3"
}

.el-icon-service:before {
    content: "\e6d4"
}

.el-icon-key:before {
    content: "\e6e2"
}

.el-icon-unlock:before {
    content: "\e6e4"
}

.el-icon-lock:before {
    content: "\e6e5"
}

.el-icon-watch:before {
    content: "\e6fe"
}

.el-icon-watch-1:before {
    content: "\e6ff"
}

.el-icon-timer:before {
    content: "\e702"
}

.el-icon-alarm-clock:before {
    content: "\e703"
}

.el-icon-map-location:before {
    content: "\e704"
}

.el-icon-delete-location:before {
    content: "\e705"
}

.el-icon-add-location:before {
    content: "\e706"
}

.el-icon-location-information:before {
    content: "\e707"
}

.el-icon-location-outline:before {
    content: "\e708"
}

.el-icon-location:before {
    content: "\e79e"
}

.el-icon-place:before {
    content: "\e709"
}

.el-icon-discover:before {
    content: "\e70a"
}

.el-icon-first-aid-kit:before {
    content: "\e70b"
}

.el-icon-trophy-1:before {
    content: "\e70c"
}

.el-icon-trophy:before {
    content: "\e70d"
}

.el-icon-medal:before {
    content: "\e70e"
}

.el-icon-medal-1:before {
    content: "\e70f"
}

.el-icon-stopwatch:before {
    content: "\e710"
}

.el-icon-mic:before {
    content: "\e711"
}

.el-icon-copy-document:before {
    content: "\e718"
}

.el-icon-full-screen:before {
    content: "\e719"
}

.el-icon-switch-button:before {
    content: "\e71b"
}

.el-icon-aim:before {
    content: "\e71c"
}

.el-icon-crop:before {
    content: "\e71d"
}

.el-icon-odometer:before {
    content: "\e71e"
}

.el-icon-time:before {
    content: "\e71f"
}

.el-icon-bangzhu:before {
    content: "\e724"
}

.el-icon-close-notification:before {
    content: "\e726"
}

.el-icon-microphone:before {
    content: "\e727"
}

.el-icon-turn-off-microphone:before {
    content: "\e728"
}

.el-icon-position:before {
    content: "\e729"
}

.el-icon-postcard:before {
    content: "\e72a"
}

.el-icon-message:before {
    content: "\e72b"
}

.el-icon-chat-line-square:before {
    content: "\e72d"
}

.el-icon-chat-dot-square:before {
    content: "\e72e"
}

.el-icon-chat-dot-round:before {
    content: "\e72f"
}

.el-icon-chat-square:before {
    content: "\e730"
}

.el-icon-chat-line-round:before {
    content: "\e731"
}

.el-icon-chat-round:before {
    content: "\e732"
}

.el-icon-set-up:before {
    content: "\e733"
}

.el-icon-turn-off:before {
    content: "\e734"
}

.el-icon-open:before {
    content: "\e735"
}

.el-icon-connection:before {
    content: "\e736"
}

.el-icon-link:before {
    content: "\e737"
}

.el-icon-cpu:before {
    content: "\e738"
}

.el-icon-thumb:before {
    content: "\e739"
}

.el-icon-female:before {
    content: "\e73a"
}

.el-icon-male:before {
    content: "\e73b"
}

.el-icon-guide:before {
    content: "\e73c"
}

.el-icon-news:before {
    content: "\e73e"
}

.el-icon-price-tag:before {
    content: "\e744"
}

.el-icon-discount:before {
    content: "\e745"
}

.el-icon-wallet:before {
    content: "\e747"
}

.el-icon-coin:before {
    content: "\e748"
}

.el-icon-money:before {
    content: "\e749"
}

.el-icon-bank-card:before {
    content: "\e74a"
}

.el-icon-box:before {
    content: "\e74b"
}

.el-icon-present:before {
    content: "\e74c"
}

.el-icon-sell:before {
    content: "\e6d5"
}

.el-icon-sold-out:before {
    content: "\e6d6"
}

.el-icon-shopping-bag-2:before {
    content: "\e74d"
}

.el-icon-shopping-bag-1:before {
    content: "\e74e"
}

.el-icon-shopping-cart-2:before {
    content: "\e74f"
}

.el-icon-shopping-cart-1:before {
    content: "\e750"
}

.el-icon-shopping-cart-full:before {
    content: "\e751"
}

.el-icon-smoking:before {
    content: "\e752"
}

.el-icon-no-smoking:before {
    content: "\e753"
}

.el-icon-house:before {
    content: "\e754"
}

.el-icon-table-lamp:before {
    content: "\e755"
}

.el-icon-school:before {
    content: "\e756"
}

.el-icon-office-building:before {
    content: "\e757"
}

.el-icon-toilet-paper:before {
    content: "\e758"
}

.el-icon-notebook-2:before {
    content: "\e759"
}

.el-icon-notebook-1:before {
    content: "\e75a"
}

.el-icon-files:before {
    content: "\e75b"
}

.el-icon-collection:before {
    content: "\e75c"
}

.el-icon-receiving:before {
    content: "\e75d"
}

.el-icon-suitcase-1:before {
    content: "\e760"
}

.el-icon-suitcase:before {
    content: "\e761"
}

.el-icon-film:before {
    content: "\e763"
}

.el-icon-collection-tag:before {
    content: "\e765"
}

.el-icon-data-analysis:before {
    content: "\e766"
}

.el-icon-pie-chart:before {
    content: "\e767"
}

.el-icon-data-board:before {
    content: "\e768"
}

.el-icon-data-line:before {
    content: "\e76d"
}

.el-icon-reading:before {
    content: "\e769"
}

.el-icon-magic-stick:before {
    content: "\e76a"
}

.el-icon-coordinate:before {
    content: "\e76b"
}

.el-icon-mouse:before {
    content: "\e76c"
}

.el-icon-brush:before {
    content: "\e76e"
}

.el-icon-headset:before {
    content: "\e76f"
}

.el-icon-umbrella:before {
    content: "\e770"
}

.el-icon-scissors:before {
    content: "\e771"
}

.el-icon-mobile:before {
    content: "\e773"
}

.el-icon-attract:before {
    content: "\e774"
}

.el-icon-monitor:before {
    content: "\e775"
}

.el-icon-search:before {
    content: "\e778"
}

.el-icon-takeaway-box:before {
    content: "\e77a"
}

.el-icon-paperclip:before {
    content: "\e77d"
}

.el-icon-printer:before {
    content: "\e77e"
}

.el-icon-document-add:before {
    content: "\e782"
}

.el-icon-document:before {
    content: "\e785"
}

.el-icon-document-checked:before {
    content: "\e786"
}

.el-icon-document-copy:before {
    content: "\e787"
}

.el-icon-document-delete:before {
    content: "\e788"
}

.el-icon-document-remove:before {
    content: "\e789"
}

.el-icon-tickets:before {
    content: "\e78b"
}

.el-icon-folder-checked:before {
    content: "\e77f"
}

.el-icon-folder-delete:before {
    content: "\e780"
}

.el-icon-folder-remove:before {
    content: "\e781"
}

.el-icon-folder-add:before {
    content: "\e783"
}

.el-icon-folder-opened:before {
    content: "\e784"
}

.el-icon-folder:before {
    content: "\e78a"
}

.el-icon-edit-outline:before {
    content: "\e764"
}

.el-icon-edit:before {
    content: "\e78c"
}

.el-icon-date:before {
    content: "\e78e"
}

.el-icon-c-scale-to-original:before {
    content: "\e7c6"
}

.el-icon-view:before {
    content: "\e6ce"
}

.el-icon-loading:before {
    content: "\e6cf"
}

.el-icon-rank:before {
    content: "\e6d1"
}

.el-icon-sort-down:before {
    content: "\e7c4"
}

.el-icon-sort-up:before {
    content: "\e7c5"
}

.el-icon-sort:before {
    content: "\e6d2"
}

.el-icon-finished:before {
    content: "\e6cd"
}

.el-icon-refresh-left:before {
    content: "\e6c7"
}

.el-icon-refresh-right:before {
    content: "\e6c8"
}

.el-icon-refresh:before {
    content: "\e6d0"
}

.el-icon-video-play:before {
    content: "\e7c0"
}

.el-icon-video-pause:before {
    content: "\e7c1"
}

.el-icon-d-arrow-right:before {
    content: "\e6dc"
}

.el-icon-d-arrow-left:before {
    content: "\e6dd"
}

.el-icon-arrow-up:before {
    content: "\e6e1"
}

.el-icon-arrow-down:before {
    content: "\e6df"
}

.el-icon-arrow-right:before {
    content: "\e6e0"
}

.el-icon-arrow-left:before {
    content: "\e6de"
}

.el-icon-top-right:before {
    content: "\e6e7"
}

.el-icon-top-left:before {
    content: "\e6e8"
}

.el-icon-top:before {
    content: "\e6e6"
}

.el-icon-bottom:before {
    content: "\e6eb"
}

.el-icon-right:before {
    content: "\e6e9"
}

.el-icon-back:before {
    content: "\e6ea"
}

.el-icon-bottom-right:before {
    content: "\e6ec"
}

.el-icon-bottom-left:before {
    content: "\e6ed"
}

.el-icon-caret-top:before {
    content: "\e78f"
}

.el-icon-caret-bottom:before {
    content: "\e790"
}

.el-icon-caret-right:before {
    content: "\e791"
}

.el-icon-caret-left:before {
    content: "\e792"
}

.el-icon-d-caret:before {
    content: "\e79a"
}

.el-icon-share:before {
    content: "\e793"
}

.el-icon-menu:before {
    content: "\e798"
}

.el-icon-s-grid:before {
    content: "\e7a6"
}

.el-icon-s-check:before {
    content: "\e7a7"
}

.el-icon-s-data:before {
    content: "\e7a8"
}

.el-icon-s-opportunity:before {
    content: "\e7aa"
}

.el-icon-s-custom:before {
    content: "\e7ab"
}

.el-icon-s-claim:before {
    content: "\e7ad"
}

.el-icon-s-finance:before {
    content: "\e7ae"
}

.el-icon-s-comment:before {
    content: "\e7af"
}

.el-icon-s-flag:before {
    content: "\e7b0"
}

.el-icon-s-marketing:before {
    content: "\e7b1"
}

.el-icon-s-shop:before {
    content: "\e7b4"
}

.el-icon-s-open:before {
    content: "\e7b5"
}

.el-icon-s-management:before {
    content: "\e7b6"
}

.el-icon-s-ticket:before {
    content: "\e7b7"
}

.el-icon-s-release:before {
    content: "\e7b8"
}

.el-icon-s-home:before {
    content: "\e7b9"
}

.el-icon-s-promotion:before {
    content: "\e7ba"
}

.el-icon-s-operation:before {
    content: "\e7bb"
}

.el-icon-s-unfold:before {
    content: "\e7bc"
}

.el-icon-s-fold:before {
    content: "\e7a9"
}

.el-icon-s-platform:before {
    content: "\e7bd"
}

.el-icon-s-order:before {
    content: "\e7be"
}

.el-icon-s-cooperation:before {
    content: "\e7bf"
}

.el-icon-bell:before {
    content: "\e725"
}

.el-icon-message-solid:before {
    content: "\e799"
}

.el-icon-video-camera:before {
    content: "\e772"
}

.el-icon-video-camera-solid:before {
    content: "\e796"
}

.el-icon-camera:before {
    content: "\e779"
}

.el-icon-camera-solid:before {
    content: "\e79b"
}

.el-icon-download:before {
    content: "\e77c"
}

.el-icon-upload2:before {
    content: "\e77b"
}

.el-icon-upload:before {
    content: "\e7c3"
}

.el-icon-picture-outline-round:before {
    content: "\e75f"
}

.el-icon-picture-outline:before {
    content: "\e75e"
}

.el-icon-picture:before {
    content: "\e79f"
}

.el-icon-close:before {
    content: "\e6db"
}

.el-icon-check:before {
    content: "\e6da"
}

.el-icon-plus:before {
    content: "\e6d9"
}

.el-icon-minus:before {
    content: "\e6d8"
}

.el-icon-help:before {
    content: "\e73d"
}

.el-icon-s-help:before {
    content: "\e7b3"
}

.el-icon-circle-close:before {
    content: "\e78d"
}

.el-icon-circle-check:before {
    content: "\e720"
}

.el-icon-circle-plus-outline:before {
    content: "\e723"
}

.el-icon-remove-outline:before {
    content: "\e722"
}

.el-icon-zoom-out:before {
    content: "\e776"
}

.el-icon-zoom-in:before {
    content: "\e777"
}

.el-icon-error:before {
    content: "\e79d"
}

.el-icon-success:before {
    content: "\e79c"
}

.el-icon-circle-plus:before {
    content: "\e7a0"
}

.el-icon-remove:before {
    content: "\e7a2"
}

.el-icon-info:before {
    content: "\e7a1"
}

.el-icon-question:before {
    content: "\e7a4"
}

.el-icon-warning-outline:before {
    content: "\e6c9"
}

.el-icon-warning:before {
    content: "\e7a3"
}

.el-icon-goods:before {
    content: "\e7c2"
}

.el-icon-s-goods:before {
    content: "\e7b2"
}

.el-icon-star-off:before {
    content: "\e717"
}

.el-icon-star-on:before {
    content: "\e797"
}

.el-icon-more-outline:before {
    content: "\e6cc"
}

.el-icon-more:before {
    content: "\e794"
}

.el-icon-phone-outline:before {
    content: "\e6cb"
}

.el-icon-phone:before {
    content: "\e795"
}

.el-icon-user:before {
    content: "\e6e3"
}

.el-icon-user-solid:before {
    content: "\e7a5"
}

.el-icon-setting:before {
    content: "\e6ca"
}

.el-icon-s-tools:before {
    content: "\e7ac"
}

.el-icon-delete:before {
    content: "\e6d7"
}

.el-icon-delete-solid:before {
    content: "\e7c9"
}

.el-icon-eleme:before {
    content: "\e7c7"
}

.el-icon-platform-eleme:before {
    content: "\e7ca"
}

.el-icon-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.el-pagination {
    color: #303133;
    font-weight: 700;
    padding: 2px 5px;
    white-space: nowrap
}

.el-pagination:after,
.el-pagination:before {
    content: "";
    display: table
}

.el-pagination:after {
    clear: both
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    min-width: 35.5px;
    vertical-align: top
}

.el-pagination .el-input__inner {
    -moz-appearance: textfield;
    line-height: normal;
    text-align: center
}

.el-pagination .el-input__suffix {
    right: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-pagination .el-select .el-input {
    margin: 0 5px;
    width: 100px
}

.el-pagination .el-select .el-input .el-input__inner {
    border-radius: 3px;
    padding-right: 25px
}

.el-pagination button {
    background: 0 0;
    border: none;
    padding: 0 6px
}

.el-pagination button:focus {
    outline: 0
}

.el-pagination button:hover {
    color: #409eff
}

.el-pagination button:disabled {
    background-color: #fff;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
    background: 50% no-repeat #fff;
    background-size: 16px;
    color: #303133;
    cursor: pointer;
    margin: 0
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.el-pagination .btn-prev {
    padding-right: 12px
}

.el-pagination .btn-next {
    padding-left: 12px
}

.el-pagination .el-pager li.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-pager li,
.el-pager li.btn-quicknext:hover,
.el-pager li.btn-quickprev:hover {
    cursor: pointer
}

.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li,
.el-pagination--small .el-pager li.btn-quicknext,
.el-pagination--small .el-pager li.btn-quickprev,
.el-pagination--small .el-pager li:last-child {
    border-color: transparent;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    min-width: 22px
}

.el-pagination--small .arrow.disabled {
    visibility: hidden
}

.el-pagination--small .more:before,
.el-pagination--small li.more:before {
    line-height: 24px
}

.el-pagination--small button,
.el-pagination--small span:not([class*=suffix]) {
    height: 22px;
    line-height: 22px
}

.el-pagination--small .el-pagination__editor,
.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
    height: 22px
}

.el-pagination__sizes {
    color: #606266;
    font-weight: 400;
    margin: 0 10px 0 0
}

.el-pagination__sizes .el-input .el-input__inner {
    font-size: 13px;
    padding-left: 8px
}

.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: #409eff
}

.el-pagination__total {
    color: #606266;
    font-weight: 400;
    margin-right: 10px
}

.el-pagination__jump {
    color: #606266;
    font-weight: 400;
    margin-left: 24px
}

.el-pagination__jump .el-input__inner {
    padding: 0 3px
}

.el-pagination__rightwrapper {
    float: right
}

.el-pagination__editor {
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 28px;
    line-height: 18px;
    margin: 0 2px;
    padding: 0 2px;
    text-align: center
}

.el-pager,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
    padding: 0
}

.el-dialog,
.el-pager li {
    -webkit-box-sizing: border-box
}

.el-pagination__editor.el-input {
    width: 50px
}

.el-pagination__editor.el-input .el-input__inner {
    height: 28px
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background-color: #f4f4f5;
    border-radius: 2px;
    color: #606266;
    margin: 0 5px;
    min-width: 30px
}

.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.disabled {
    color: #c0c4cc
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #409eff
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #409eff;
    color: #fff
}

.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .el-pager li {
    margin: 0 3px;
    min-width: 22px
}

.el-pager,
.el-pager li {
    display: inline-block;
    margin: 0;
    vertical-align: top
}

.el-pager {
    font-size: 0;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-pager .more:before {
    line-height: 30px
}

.el-pager li {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    min-width: 35.5px;
    padding: 0 4px;
    text-align: center
}

.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
    color: #303133;
    line-height: 28px
}

.el-pager li.btn-quicknext.disabled,
.el-pager li.btn-quickprev.disabled {
    color: #c0c4cc
}

.el-pager li.active+li {
    border-left: 0
}

.el-pager li:hover {
    color: #409eff
}

.el-pager li.active {
    color: #409eff;
    cursor: default
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@-webkit-keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.el-dialog {
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 50px;
    position: relative;
    width: 50%
}

.el-dialog.is-fullscreen {
    height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: auto;
    width: 100%
}

.el-dialog__wrapper {
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0
}

.el-dialog__header {
    padding: 20px 20px 10px
}

.el-dialog__headerbtn {
    background: 0 0;
    border: none;
    cursor: pointer;
    font-size: 16px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px
}

.el-dialog__headerbtn .el-dialog__close {
    color: #909399
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: #409eff
}

.el-dialog__title {
    color: #303133;
    font-size: 18px;
    line-height: 24px
}

.el-dialog__body {
    color: #606266;
    font-size: 14px;
    padding: 30px 20px;
    word-break: break-all
}

.el-dialog__footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 20px;
    text-align: right
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    padding: 25px 25px 30px;
    text-align: left;
    text-align: initial
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in .3s;
    animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out .3s;
    animation: dialog-fade-out .3s
}

@-webkit-keyframes dialog-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes dialog-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes dialog-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}

@keyframes dialog-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}

.el-autocomplete {
    display: inline-block;
    position: relative
}

.el-autocomplete-suggestion {
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0
}

.el-autocomplete-suggestion__wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 280px;
    padding: 10px 0
}

.el-autocomplete-suggestion__list {
    margin: 0;
    padding: 0
}

.el-autocomplete-suggestion li {
    color: #606266;
    cursor: pointer;
    font-size: 14px;
    line-height: 34px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-autocomplete-suggestion li.highlighted,
.el-autocomplete-suggestion li:hover {
    background-color: #f5f7fa
}

.el-autocomplete-suggestion li.divider {
    border-top: 1px solid #000;
    margin-top: 6px
}

.el-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px
}

.el-autocomplete-suggestion.is-loading li {
    color: #999;
    font-size: 20px;
    height: 100px;
    line-height: 100px;
    text-align: center
}

.el-autocomplete-suggestion.is-loading li:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-autocomplete-suggestion.is-loading li:hover {
    background-color: #fff
}

.el-autocomplete-suggestion.is-loading .el-icon-loading {
    vertical-align: middle
}

.el-dropdown {
    color: #606266;
    display: inline-block;
    font-size: 14px;
    position: relative
}

.el-dropdown .el-button-group {
    display: block
}

.el-dropdown .el-button-group .el-button {
    float: none
}

.el-dropdown .el-dropdown__caret-button {
    border-left: none;
    padding-left: 5px;
    padding-right: 5px;
    position: relative
}

.el-dropdown .el-dropdown__caret-button:before {
    background: hsla(0, 0%, 100%, .5);
    bottom: 5px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 5px;
    width: 1px
}

.el-dropdown .el-dropdown__caret-button.el-button--default:before {
    background: rgba(220, 223, 230, .5)
}

.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled):before {
    bottom: 0;
    top: 0
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
    padding-left: 0
}

.el-dropdown__icon {
    font-size: 12px;
    margin: 0 3px
}

.el-dropdown .el-dropdown-selfdefine:focus:active,
.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
    outline-width: 0
}

.el-dropdown [disabled] {
    color: #bbb;
    cursor: not-allowed
}

.el-dropdown-menu {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    left: 0;
    margin: 5px 0;
    padding: 10px 0;
    position: absolute;
    top: 0;
    z-index: 10
}

.el-dropdown-menu__item,
.el-menu-item {
    cursor: pointer;
    font-size: 14px;
    padding: 0 20px
}

.el-dropdown-menu__item {
    color: #606266;
    line-height: 36px;
    list-style: none;
    margin: 0;
    outline: 0
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #ecf5ff;
    color: #66b1ff
}

.el-dropdown-menu__item i {
    margin-right: 5px
}

.el-dropdown-menu__item--divided {
    border-top: 1px solid #ebeef5;
    margin-top: 6px;
    position: relative
}

.el-dropdown-menu__item--divided:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 6px;
    margin: 0 -20px
}

.el-dropdown-menu__item.is-disabled {
    color: #bbb;
    cursor: default;
    pointer-events: none
}

.el-dropdown-menu--medium {
    padding: 6px 0
}

.el-dropdown-menu--medium .el-dropdown-menu__item {
    font-size: 14px;
    line-height: 30px;
    padding: 0 17px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 6px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 6px;
    margin: 0 -17px
}

.el-dropdown-menu--small {
    padding: 6px 0
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    font-size: 13px;
    line-height: 27px;
    padding: 0 15px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 4px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 4px;
    margin: 0 -15px
}

.el-dropdown-menu--mini {
    padding: 3px 0
}

.el-dropdown-menu--mini .el-dropdown-menu__item {
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 3px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 3px;
    margin: 0 -10px
}

.el-menu {
    border-right: 1px solid #e6e6e6;
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: relative
}

.el-menu,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: #fff
}

.el-menu:after,
.el-menu:before {
    content: "";
    display: table
}

.el-breadcrumb__item:last-child .el-breadcrumb__separator,
.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
    display: none
}

.el-menu:after {
    clear: both
}

.el-menu.el-menu--horizontal {
    border-bottom: 1px solid #e6e6e6
}

.el-menu--horizontal {
    border-right: none
}

.el-menu--horizontal>.el-menu-item {
    border-bottom: 2px solid transparent;
    color: #909399;
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0
}

.el-menu--horizontal>.el-menu-item a,
.el-menu--horizontal>.el-menu-item a:hover {
    color: inherit
}

.el-menu--horizontal>.el-submenu {
    float: left
}

.el-menu--horizontal>.el-submenu:focus,
.el-menu--horizontal>.el-submenu:hover {
    outline: 0
}

.el-menu--horizontal>.el-submenu:focus .el-submenu__title,
.el-menu--horizontal>.el-submenu:hover .el-submenu__title {
    color: #303133
}

.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
    border-bottom: 2px solid #409eff;
    color: #303133
}

.el-menu--horizontal>.el-submenu .el-submenu__title {
    border-bottom: 2px solid transparent;
    color: #909399;
    height: 60px;
    line-height: 60px
}

.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow {
    margin-left: 8px;
    margin-top: -3px;
    position: static;
    vertical-align: middle
}

.el-menu--collapse .el-submenu,
.el-menu-item {
    position: relative
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-submenu__title {
    background-color: #fff;
    color: #909399;
    float: none;
    height: 36px;
    line-height: 36px;
    padding: 0 10px
}

.el-menu--horizontal .el-menu .el-menu-item.is-active,
.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
    color: #303133
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    color: #303133;
    outline: 0
}

.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 2px solid #409eff;
    color: #303133
}

.el-menu--collapse {
    width: 64px
}

.el-menu--collapse>.el-menu-item [class^=el-icon-],
.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-] {
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 24px
}

.el-menu--collapse>.el-menu-item span,
.el-menu--collapse>.el-submenu>.el-submenu__title span {
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0
}

.el-menu-item,
.el-submenu__title {
    height: 56px;
    line-height: 56px;
    list-style: none
}

.el-menu--collapse>.el-menu-item.is-active i {
    color: inherit
}

.el-menu--collapse .el-menu .el-submenu {
    min-width: 200px
}

.el-menu--collapse .el-submenu .el-menu {
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    left: 100%;
    margin-left: 5px;
    position: absolute;
    top: 0;
    z-index: 10
}

.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    -webkit-transform: none;
    transform: none
}

.el-menu--popup {
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    min-width: 200px;
    padding: 5px 0;
    z-index: 100
}

.el-menu--popup-bottom-start {
    margin-top: 5px
}

.el-menu--popup-right-start {
    margin-left: 5px;
    margin-right: 5px
}

.el-menu-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #303133;
    -webkit-transition: border-color .3s, background-color .3s, color .3s;
    transition: border-color .3s, background-color .3s, color .3s;
    white-space: nowrap
}

.el-radio-button__inner,
.el-submenu__title {
    -webkit-box-sizing: border-box;
    position: relative;
    white-space: nowrap
}

.el-menu-item * {
    vertical-align: middle
}

.el-menu-item i {
    color: #909399
}

.el-menu-item:focus,
.el-menu-item:hover {
    background-color: #ecf5ff;
    outline: 0
}

.el-menu-item.is-disabled {
    background: 0 0 !important;
    cursor: not-allowed;
    opacity: .25
}

.el-menu-item [class^=el-icon-] {
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: 24px
}

.el-menu-item.is-active {
    color: #409eff
}

.el-menu-item.is-active i {
    color: inherit
}

.el-submenu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.el-submenu__title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    font-size: 14px;
    padding: 0 20px;
    -webkit-transition: border-color .3s, background-color .3s, color .3s;
    transition: border-color .3s, background-color .3s, color .3s
}

.el-submenu__title * {
    vertical-align: middle
}

.el-submenu__title i {
    color: #909399
}

.el-submenu__title:focus,
.el-submenu__title:hover {
    background-color: #ecf5ff;
    outline: 0
}

.el-submenu__title.is-disabled {
    background: 0 0 !important;
    cursor: not-allowed;
    opacity: .25
}

.el-submenu__title:hover {
    background-color: #ecf5ff
}

.el-submenu .el-menu {
    border: none
}

.el-submenu .el-menu-item {
    height: 50px;
    line-height: 50px;
    min-width: 200px;
    padding: 0 45px
}

.el-submenu__icon-arrow {
    font-size: 12px;
    margin-top: -7px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.el-submenu.is-active .el-submenu__title {
    border-bottom-color: #409eff
}

.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.el-submenu.is-disabled .el-menu-item,
.el-submenu.is-disabled .el-submenu__title {
    background: 0 0 !important;
    cursor: not-allowed;
    opacity: .25
}

.el-submenu [class^=el-icon-] {
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: 24px
}

.el-menu-item-group>ul {
    padding: 0
}

.el-menu-item-group__title {
    color: #909399;
    font-size: 12px;
    line-height: normal;
    padding: 7px 0 7px 20px
}

.el-radio-button__inner,
.el-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.el-radio-group {
    font-size: 0
}

.el-radio-button {
    display: inline-block;
    outline: 0;
    position: relative
}

.el-radio-button__inner {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-left: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    outline: 0;
    padding: 12px 20px;
    text-align: center;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.el-radio-button__inner.is-round {
    padding: 12px 20px
}

.el-radio-button__inner:hover {
    color: #409eff
}

.el-radio-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-radio-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-radio-button:first-child .el-radio-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.el-radio-button__orig-radio {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: #409eff;
    border-color: #409eff;
    -webkit-box-shadow: -1px 0 0 0 #409eff;
    box-shadow: -1px 0 0 0 #409eff;
    color: #fff
}

.el-radio-button__orig-radio:disabled+.el-radio-button__inner {
    background-color: #fff;
    background-image: none;
    border-color: #ebeef5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner {
    background-color: #f2f6fc
}

.el-radio-button:last-child .el-radio-button__inner {
    border-radius: 0 4px 4px 0
}

.el-radio-button:first-child:last-child .el-radio-button__inner {
    border-radius: 4px
}

.el-radio-button--medium .el-radio-button__inner {
    border-radius: 0;
    font-size: 14px;
    padding: 10px 20px
}

.el-radio-button--medium .el-radio-button__inner.is-round {
    padding: 10px 20px
}

.el-radio-button--small .el-radio-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 9px 15px
}

.el-radio-button--small .el-radio-button__inner.is-round {
    padding: 9px 15px
}

.el-radio-button--mini .el-radio-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 7px 15px
}

.el-radio-button--mini .el-radio-button__inner.is-round {
    padding: 7px 15px
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    -webkit-box-shadow: 0 0 2px 2px #409eff;
    box-shadow: 0 0 2px 2px #409eff
}

.el-picker-panel,
.el-popover,
.el-select-dropdown,
.el-table-filter,
.el-time-panel {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    position: relative;
    vertical-align: middle
}

.el-switch__core,
.el-switch__label {
    cursor: pointer;
    display: inline-block
}

.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__label {
    color: #303133;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    -webkit-transition: .2s;
    transition: .2s;
    vertical-align: middle
}

.el-switch__label.is-active {
    color: #409eff
}

.el-switch__label--left {
    margin-right: 10px
}

.el-switch__label--right {
    margin-left: 10px
}

.el-switch__label * {
    display: inline-block;
    font-size: 14px;
    line-height: 1
}

.el-switch__input {
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.el-switch__core {
    background: #dcdfe6;
    border: 1px solid #dcdfe6;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    margin: 0;
    outline: 0;
    position: relative;
    -webkit-transition: border-color .3s, background-color .3s;
    transition: border-color .3s, background-color .3s;
    vertical-align: middle;
    width: 40px
}

.el-input__prefix,
.el-input__suffix {
    color: #c0c4cc;
    -webkit-transition: all .3s
}

.el-switch__core:after {
    background-color: #fff;
    border-radius: 100%;
    content: "";
    height: 16px;
    left: 1px;
    position: absolute;
    top: 1px;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 16px
}

.el-switch.is-checked .el-switch__core {
    background-color: #409eff;
    border-color: #409eff
}

.el-switch.is-checked .el-switch__core:after {
    left: 100%;
    margin-left: -17px
}

.el-switch.is-disabled {
    opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
    left: 10px
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
    right: 10px
}

.el-switch .label-fade-enter,
.el-switch .label-fade-leave-active {
    opacity: 0
}

.el-select-dropdown {
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0;
    position: absolute;
    z-index: 1001
}

.el-select-dropdown.is-multiple .el-select-dropdown__item {
    padding-right: 40px
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    background-color: #fff;
    color: #409eff
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: #f5f7fa
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e6da";
    font-family: element-icons;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    right: 20px
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0
}

.el-select-dropdown__empty {
    color: #999;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
    text-align: center
}

.el-select-dropdown__wrap {
    max-height: 274px
}

.el-select-dropdown__list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 6px 0
}

.el-select-dropdown__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-select-dropdown__item.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-select-dropdown__item.is-disabled:hover {
    background-color: #fff
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: #f5f7fa
}

.el-select-dropdown__item.selected {
    color: #409eff;
    font-weight: 700
}

.el-select-group {
    margin: 0;
    padding: 0
}

.el-select-group__wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px
}

.el-select-group__wrap:not(:last-of-type):after {
    background: #e4e7ed;
    bottom: 12px;
    content: "";
    display: block;
    height: 1px;
    left: 20px;
    position: absolute;
    right: 20px
}

.el-select-group__title {
    color: #909399;
    font-size: 12px;
    line-height: 30px;
    padding-left: 20px
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px
}

.el-select {
    display: inline-block;
    position: relative
}

.el-select .el-select__tags>span {
    display: contents
}

.el-select:hover .el-input__inner {
    border-color: #c0c4cc
}

.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px
}

.el-select .el-input__inner:focus {
    border-color: #409eff
}

.el-select .el-input .el-select__caret {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 14px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.el-select .el-input .el-select__caret.is-reverse {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.el-select .el-input .el-select__caret.is-show-close {
    border-radius: 100%;
    color: #c0c4cc;
    font-size: 14px;
    text-align: center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-select .el-input .el-select__caret.is-show-close:hover {
    color: #909399
}

.el-select .el-input.is-disabled .el-input__inner {
    cursor: not-allowed
}

.el-select .el-input.is-disabled .el-input__inner:hover {
    border-color: #e4e7ed
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner {
    border-color: #409eff
}

.el-select>.el-input {
    display: block
}

.el-select__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #666;
    font-size: 14px;
    height: 28px;
    margin-left: 15px;
    outline: 0;
    padding: 0
}

.el-select__input.is-mini {
    height: 14px
}

.el-select__close {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    right: 25px;
    top: 8px;
    z-index: 1000
}

.el-select__close:hover {
    color: #909399
}

.el-select__tags {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: normal;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: normal;
    z-index: 1
}

.el-select__tags-text {
    overflow: hidden;
    text-overflow: ellipsis
}

.el-select .el-tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f0f2f5;
    border-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2px 0 2px 6px;
    max-width: 100%
}

.el-select .el-tag__close.el-icon-close {
    -ms-flex-negative: 0;
    background-color: #c0c4cc;
    color: #fff;
    flex-shrink: 0;
    top: 0
}

.el-select .el-tag__close.el-icon-close:hover {
    background-color: #909399
}

.el-table,
.el-table__expanded-cell {
    background-color: #fff
}

.el-select .el-tag__close.el-icon-close:before {
    display: block;
    -webkit-transform: translateY(.5px);
    transform: translateY(.5px)
}

.el-table {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.el-table__empty-block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    min-height: 60px;
    text-align: center;
    width: 100%
}

.el-table__empty-text {
    color: #909399;
    line-height: 60px;
    width: 50%
}

.el-table__expand-column .cell {
    padding: 0;
    text-align: center
}

.el-table__expand-icon {
    color: #666;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    position: relative;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.el-table__expand-icon--expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%
}

.el-table__expanded-cell[class*=cell] {
    padding: 20px 50px
}

.el-table__expanded-cell:hover {
    background-color: transparent !important
}

.el-table__placeholder {
    display: inline-block;
    width: 20px
}

.el-table__append-wrapper {
    overflow: hidden
}

.el-table--fit {
    border-bottom: 0;
    border-right: 0
}

.el-table--fit .el-table__cell.gutter {
    border-right-width: 1px
}

.el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: auto
}

.el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: auto
}

.el-table thead {
    color: #909399;
    font-weight: 500
}

.el-table thead.is-group th.el-table__cell {
    background: #f5f7fa
}

.el-table .el-table__cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0;
    padding: 12px 0;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle
}

.el-table .el-table__cell.is-center {
    text-align: center
}

.el-table .el-table__cell.is-right {
    text-align: right
}

.el-table .el-table__cell.gutter {
    border-bottom-width: 0;
    border-right-width: 0;
    padding: 0;
    width: 15px
}

.el-table .el-table__cell.is-hidden>* {
    visibility: hidden
}

.el-table--medium .el-table__cell {
    padding: 10px 0
}

.el-table--small {
    font-size: 12px
}

.el-table--small .el-table__cell {
    padding: 8px 0
}

.el-table--mini {
    font-size: 12px
}

.el-table--mini .el-table__cell {
    padding: 6px 0
}

.el-table tr {
    background-color: #fff
}

.el-table tr input[type=checkbox] {
    margin: 0
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    border-bottom: 1px solid #ebeef5
}

.el-table th.el-table__cell.is-sortable {
    cursor: pointer
}

.el-table th.el-table__cell {
    background-color: #fff;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-table th.el-table__cell>.cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.el-table th.el-table__cell>.cell.highlight {
    color: #409eff
}

.el-table th.el-table__cell.required>div:before {
    background: #ff4d51;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 5px;
    vertical-align: middle;
    width: 8px
}

.el-table td.el-table__cell div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-date-table td,
.el-table .cell,
.el-table-filter {
    -webkit-box-sizing: border-box
}

.el-table td.el-table__cell.gutter {
    width: 0
}

.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 23px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.el-table .cell.el-tooltip {
    min-width: 50px;
    white-space: nowrap
}

.el-table--border,
.el-table--group {
    border: 1px solid #ebeef5
}

.el-table--border:after,
.el-table--group:after,
.el-table:before {
    background-color: #ebeef5;
    content: "";
    position: absolute;
    z-index: 1
}

.el-table--border:after,
.el-table--group:after {
    height: 100%;
    right: 0;
    top: 0;
    width: 1px
}

.el-table:before {
    bottom: 0;
    height: 1px;
    left: 0;
    width: 100%
}

.el-table--border {
    border-bottom: none;
    border-right: none
}

.el-table--border.el-loading-parent--relative {
    border-color: transparent
}

.el-table--border .el-table__cell,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #ebeef5
}

.el-table--border .el-table__cell:first-child .cell {
    padding-left: 10px
}

.el-table--border th.el-table__cell,
.el-table--border th.el-table__cell.gutter:last-of-type,
.el-table__fixed-right-patch {
    border-bottom: 1px solid #ebeef5
}

.el-table--hidden {
    visibility: hidden
}

.el-table__fixed,
.el-table__fixed-right {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    top: 0
}

.el-table__fixed-right:before,
.el-table__fixed:before {
    background-color: #ebeef5;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4
}

.el-table__fixed-right-patch {
    background-color: #fff;
    position: absolute;
    right: 0;
    top: -1px
}

.el-table__fixed-right {
    left: auto;
    right: 0;
    top: 0
}

.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper,
.el-table__fixed-right .el-table__fixed-header-wrapper {
    left: auto;
    right: 0
}

.el-table__fixed-header-wrapper {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3
}

.el-table__fixed-footer-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 3
}

.el-table__fixed-footer-wrapper tbody td.el-table__cell {
    background-color: #f5f7fa;
    border-top: 1px solid #ebeef5;
    color: #606266
}

.el-table__fixed-body-wrapper {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 37px;
    z-index: 3
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
    width: 100%
}

.el-table__footer-wrapper {
    margin-top: -1px
}

.el-table__footer-wrapper td.el-table__cell {
    border-top: 1px solid #ebeef5
}

.el-table__body,
.el-table__footer,
.el-table__header {
    border-collapse: separate;
    table-layout: fixed
}

.el-table__footer-wrapper,
.el-table__header-wrapper {
    overflow: hidden
}

.el-table__footer-wrapper tbody td.el-table__cell,
.el-table__header-wrapper tbody td.el-table__cell {
    background-color: #f5f7fa;
    color: #606266
}

.el-table__body-wrapper {
    overflow: hidden;
    position: relative
}

.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,
.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
    -webkit-box-shadow: none;
    box-shadow: none
}

.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
    border-left: 1px solid #ebeef5
}

.el-table .caret-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 34px;
    overflow: visible;
    overflow: initial;
    position: relative;
    vertical-align: middle;
    width: 24px
}

.el-table .sort-caret {
    border: 5px solid transparent;
    height: 0;
    left: 7px;
    position: absolute;
    width: 0
}

.el-table .sort-caret.ascending {
    border-bottom-color: #c0c4cc;
    top: 5px
}

.el-table .sort-caret.descending {
    border-top-color: #c0c4cc;
    bottom: 7px
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: #409eff
}

.el-table .descending .sort-caret.descending {
    border-top-color: #409eff
}

.el-table .hidden-columns {
    position: absolute;
    visibility: hidden;
    z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background: #fafafa
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell,
.el-table--striped .el-table__body tr.el-table__row--striped.selection-row td.el-table__cell {
    background-color: #ecf5ff
}

.el-table__body tr.hover-row.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped.selection-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
.el-table__body tr.hover-row.selection-row>td.el-table__cell,
.el-table__body tr.hover-row>td.el-table__cell {
    background-color: #f5f7fa
}

.el-table__body tr.current-row>td.el-table__cell,
.el-table__body tr.selection-row>td.el-table__cell {
    background-color: #ecf5ff
}

.el-table__column-resize-proxy {
    border-left: 1px solid #ebeef5;
    bottom: 0;
    left: 200px;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 10
}

.el-table__column-filter-trigger {
    cursor: pointer;
    display: inline-block;
    line-height: 34px
}

.el-table__column-filter-trigger i {
    color: #909399;
    font-size: 12px;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: #f5f7fa
}

.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
    bottom: 0;
    overflow: hidden
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-right: 3px;
    text-align: center;
    width: 20px
}

.el-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
}

.el-table-filter {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0
}

.el-table-filter__list {
    list-style: none;
    margin: 0;
    min-width: 100px;
    padding: 5px 0
}

.el-table-filter__list-item {
    cursor: pointer;
    font-size: 14px;
    line-height: 36px;
    padding: 0 10px
}

.el-table-filter__list-item:hover {
    background-color: #ecf5ff;
    color: #66b1ff
}

.el-table-filter__list-item.is-active {
    background-color: #409eff;
    color: #fff
}

.el-table-filter__content {
    min-width: 100px
}

.el-table-filter__bottom {
    border-top: 1px solid #ebeef5;
    padding: 8px
}

.el-table-filter__bottom button {
    background: 0 0;
    border: none;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    padding: 0 3px
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #f2f6fc
}

.el-table-filter__bottom button:hover {
    color: #409eff
}

.el-table-filter__bottom button:focus {
    outline: 0
}

.el-table-filter__bottom button.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-table-filter__wrap {
    max-height: 280px
}

.el-table-filter__checkbox-group {
    padding: 10px
}

.el-table-filter__checkbox-group label.el-checkbox {
    display: block;
    margin-bottom: 8px;
    margin-left: 5px;
    margin-right: 5px
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0
}

.el-date-table {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: #606266
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px
}

.el-date-table td {
    cursor: pointer;
    padding: 4px 0;
    position: relative;
    text-align: center;
    width: 32px
}

.el-date-table td,
.el-date-table td div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px
}

.el-date-table td div {
    padding: 3px 0
}

.el-date-table td span {
    border-radius: 50%;
    display: block;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin: 0 auto;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 24px
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: #c0c4cc
}

.el-date-table td.today {
    position: relative
}

.el-date-table td.today span {
    color: #409eff;
    font-weight: 700
}

.el-date-table td.today.end-date span,
.el-date-table td.today.start-date span {
    color: #fff
}

.el-date-table td.available:hover {
    color: #409eff
}

.el-date-table td.current:not(.disabled) span {
    background-color: #409eff;
    color: #fff
}

.el-date-table td.end-date div,
.el-date-table td.start-date div {
    color: #fff
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
    background-color: #409eff
}

.el-date-table td.start-date div {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px
}

.el-date-table td.end-date div {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px
}

.el-date-table td.disabled div {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed;
    opacity: 1
}

.el-date-table td.selected div {
    background-color: #f2f6fc;
    border-radius: 15px;
    margin-left: 5px;
    margin-right: 5px
}

.el-date-table td.selected div:hover {
    background-color: #f2f6fc
}

.el-date-table td.selected span {
    background-color: #409eff;
    border-radius: 15px;
    color: #fff
}

.el-date-table td.week {
    color: #606266;
    font-size: 80%
}

.el-month-table,
.el-year-table {
    border-collapse: collapse;
    font-size: 12px
}

.el-date-table th {
    border-bottom: 1px solid #ebeef5;
    color: #606266;
    font-weight: 400;
    padding: 5px
}

.el-month-table {
    margin: -1px
}

.el-month-table td {
    cursor: pointer;
    padding: 8px 0;
    text-align: center
}

.el-month-table td div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    padding: 6px 0
}

.el-month-table td.today .cell {
    color: #409eff;
    font-weight: 700
}

.el-month-table td.today.end-date .cell,
.el-month-table td.today.start-date .cell {
    color: #fff
}

.el-month-table td.disabled .cell {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-month-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-month-table td .cell {
    border-radius: 18px;
    color: #606266;
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    width: 60px
}

.el-month-table td .cell:hover {
    color: #409eff
}

.el-month-table td.in-range div,
.el-month-table td.in-range div:hover {
    background-color: #f2f6fc
}

.el-month-table td.end-date div,
.el-month-table td.start-date div {
    color: #fff
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
    background-color: #409eff;
    color: #fff
}

.el-month-table td.start-date div {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px
}

.el-month-table td.end-date div {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px
}

.el-month-table td.current:not(.disabled) .cell {
    color: #409eff
}

.el-year-table {
    margin: -1px
}

.el-year-table .el-icon {
    color: #303133
}

.el-year-table td {
    cursor: pointer;
    padding: 20px 3px;
    text-align: center
}

.el-year-table td.today .cell {
    color: #409eff;
    font-weight: 700
}

.el-year-table td.disabled .cell {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-year-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-year-table td .cell {
    color: #606266;
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    width: 48px
}

.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell {
    color: #409eff
}

.el-date-range-picker {
    width: 646px
}

.el-date-range-picker.has-sidebar {
    width: 756px
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 513px
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0
}

.el-date-range-picker__header {
    height: 28px;
    position: relative;
    text-align: center
}

.el-date-range-picker__header [class*=arrow-left] {
    float: left
}

.el-date-range-picker__header [class*=arrow-right] {
    float: right
}

.el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
}

.el-date-range-picker__content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 16px;
    width: 50%
}

.el-date-range-picker__content.is-left {
    border-right: 1px solid #e4e4e4
}

.el-date-range-picker__content .el-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px
}

.el-date-range-picker__editors-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right
}

.el-date-range-picker__time-header {
    border-bottom: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%
}

.el-date-range-picker__time-header>.el-icon-arrow-right {
    color: #303133;
    display: table-cell;
    font-size: 20px;
    vertical-align: middle
}

.el-date-range-picker__time-picker-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    background: #fff;
    position: absolute;
    right: 0;
    top: 13px;
    z-index: 1
}

.el-date-picker {
    width: 322px
}

.el-date-picker.has-sidebar.has-time {
    width: 434px
}

.el-date-picker.has-sidebar {
    width: 438px
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-picker .el-picker-panel__content {
    width: 292px
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-picker__editor-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative
}

.el-date-picker__time-header {
    border-bottom: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%
}

.el-date-picker__header {
    margin: 12px;
    text-align: center
}

.el-date-picker__header--bordered {
    border-bottom: 1px solid #ebeef5;
    margin-bottom: 0;
    padding-bottom: 12px
}

.el-date-picker__header--bordered+.el-picker-panel__content {
    margin-top: 0
}

.el-date-picker__header-label {
    color: #606266;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 0 5px;
    text-align: center
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
    color: #409eff
}

.el-date-picker__prev-btn {
    float: left
}

.el-date-picker__next-btn {
    float: right
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center
}

.el-date-picker__time-label {
    cursor: pointer;
    float: left;
    line-height: 30px;
    margin-left: 10px
}

.time-select {
    margin: 5px 0;
    min-width: 0
}

.time-select .el-picker-panel__content {
    margin: 0;
    max-height: 200px
}

.time-select-item {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 10px
}

.time-select-item.selected:not(.disabled) {
    color: #409eff;
    font-weight: 700
}

.time-select-item.disabled {
    color: #e4e7ed;
    cursor: not-allowed
}

.time-select-item:hover {
    background-color: #f5f7fa;
    cursor: pointer;
    font-weight: 700
}

.el-date-editor {
    display: inline-block;
    position: relative;
    text-align: left
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 220px
}

.el-date-editor--monthrange.el-input,
.el-date-editor--monthrange.el-input__inner {
    width: 300px
}

.el-date-editor--daterange.el-input,
.el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input,
.el-date-editor--timerange.el-input__inner {
    width: 350px
}

.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
    width: 400px
}

.el-date-editor--dates .el-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-date-editor .el-icon-circle-close {
    cursor: pointer
}

.el-date-editor .el-range__icon {
    color: #c0c4cc;
    float: left;
    font-size: 14px;
    line-height: 32px;
    margin-left: -5px
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #606266;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: center;
    width: 39%
}

.el-date-editor .el-range-input::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input:-ms-input-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input::-ms-input-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input::-moz-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input::placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-separator {
    color: #303133;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    line-height: 32px;
    margin: 0;
    padding: 0 5px;
    text-align: center;
    width: 5%
}

.el-date-editor .el-range__close-icon {
    color: #c0c4cc;
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 32px;
    width: 25px
}

.el-range-editor.el-input__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 3px 10px
}

.el-range-editor .el-range-input {
    line-height: 1
}

.el-range-editor--medium.el-input__inner {
    height: 36px
}

.el-range-editor--medium .el-range-separator {
    font-size: 14px;
    line-height: 28px
}

.el-range-editor--medium .el-range-input {
    font-size: 14px
}

.el-range-editor--medium .el-range__close-icon,
.el-range-editor--medium .el-range__icon {
    line-height: 28px
}

.el-range-editor--small.el-input__inner {
    height: 32px
}

.el-range-editor--small .el-range-separator {
    font-size: 13px;
    line-height: 24px
}

.el-range-editor--small .el-range-input {
    font-size: 13px
}

.el-range-editor--small .el-range__close-icon,
.el-range-editor--small .el-range__icon {
    line-height: 24px
}

.el-range-editor--mini.el-input__inner {
    height: 28px
}

.el-range-editor--mini .el-range-separator {
    font-size: 12px;
    line-height: 20px
}

.el-range-editor--mini .el-range-input {
    font-size: 12px
}

.el-range-editor--mini .el-range__close-icon,
.el-range-editor--mini .el-range__icon {
    line-height: 20px
}

.el-range-editor.is-disabled {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
    border-color: #e4e7ed
}

.el-range-editor.is-disabled input {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-range-editor.is-disabled input::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input:-ms-input-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input::-ms-input-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input::-moz-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input::placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled .el-range-separator {
    color: #c0c4cc
}

.el-picker-panel {
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    color: #606266;
    line-height: 30px;
    margin: 5px 0
}

.el-picker-panel__body-wrapper:after,
.el-picker-panel__body:after {
    clear: both;
    content: "";
    display: table
}

.el-picker-panel__content {
    margin: 15px;
    position: relative
}

.el-picker-panel__footer {
    background-color: #fff;
    border-top: 1px solid #e4e4e4;
    font-size: 0;
    padding: 4px;
    position: relative;
    text-align: right
}

.el-picker-panel__shortcut {
    background-color: transparent;
    border: 0;
    color: #606266;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 28px;
    outline: 0;
    padding-left: 12px;
    text-align: left;
    width: 100%
}

.el-picker-panel__shortcut:hover {
    color: #409eff
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #409eff
}

.el-picker-panel__btn {
    background-color: transparent;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    outline: 0;
    padding: 0 20px
}

.el-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-picker-panel__icon-btn {
    background: 0 0;
    border: 0;
    color: #303133;
    cursor: pointer;
    font-size: 12px;
    margin-top: 8px;
    outline: 0
}

.el-picker-panel__icon-btn:hover {
    color: #409eff
}

.el-picker-panel__icon-btn.is-disabled {
    color: #bbb
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.el-picker-panel__link-btn {
    vertical-align: middle
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    background-color: #fff;
    border-right: 1px solid #e4e4e4;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    padding-top: 6px;
    position: absolute;
    top: 0;
    width: 110px
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body,
.el-picker-panel__sidebar+.el-picker-panel__body {
    margin-left: 110px
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%
}

.el-time-spinner__wrapper {
    display: inline-block;
    max-height: 190px;
    overflow: auto;
    position: relative;
    vertical-align: top;
    width: 50%
}

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px
}

.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
    padding: 0;
    text-align: center
}

.el-time-spinner__wrapper.is-arrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #fff;
    cursor: default
}

.el-time-spinner__arrow {
    color: #909399;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1
}

.el-time-spinner__arrow:hover {
    color: #409eff
}

.el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px
}

.el-time-spinner__arrow.el-icon-arrow-down {
    bottom: 10px
}

.el-time-spinner__input.el-input {
    width: 70%
}

.el-time-spinner__list {
    list-style: none;
    margin: 0
}

.el-time-spinner__list:after,
.el-time-spinner__list:before {
    content: "";
    display: block;
    height: 80px;
    width: 100%
}

.el-time-spinner__item {
    color: #606266;
    font-size: 12px;
    height: 32px;
    line-height: 32px
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #f5f7fa;
    cursor: pointer
}

.el-time-spinner__item.active:not(.disabled) {
    color: #303133;
    font-weight: 700
}

.el-time-spinner__item.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-time-panel {
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    left: 0;
    margin: 5px 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 180px;
    z-index: 1000
}

.el-time-panel__content {
    font-size: 0;
    overflow: hidden;
    position: relative
}

.el-time-panel__content:after,
.el-time-panel__content:before {
    border-bottom: 1px solid #e4e7ed;
    border-top: 1px solid #e4e7ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    height: 32px;
    left: 0;
    margin-top: -15px;
    padding-top: 6px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    z-index: -1
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.el-time-panel__content:before {
    margin-left: 12%;
    margin-right: 12%;
    padding-left: 50%
}

.el-time-panel__content.has-seconds:after {
    left: 66.66667%
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.33333%
}

.el-time-panel__footer {
    border-top: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    line-height: 25px;
    padding: 4px;
    text-align: right
}

.el-time-panel__btn {
    background-color: transparent;
    border: none;
    color: #303133;
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    margin: 0 5px;
    outline: 0;
    padding: 0 5px
}

.el-time-panel__btn.confirm {
    color: #409eff;
    font-weight: 800
}

.el-time-range-picker {
    overflow: visible;
    width: 354px
}

.el-time-range-picker__content {
    padding: 10px;
    position: relative;
    text-align: center
}

.el-time-range-picker__cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%
}

.el-time-range-picker__header {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: center
}

.el-time-range-picker__body {
    border: 1px solid #e4e7ed;
    border-radius: 2px
}

.el-popover {
    background: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    color: #606266;
    font-size: 14px;
    line-height: 1.4;
    min-width: 150px;
    padding: 12px;
    position: absolute;
    text-align: justify;
    word-break: break-all;
    z-index: 2000
}

.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover,
.el-cascader__dropdown,
.el-color-picker__panel,
.el-message-box,
.el-notification {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-popover--plain {
    padding: 18px 20px
}

.el-popover__title {
    color: #303133;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 12px
}

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

.v-modal-enter {
    -webkit-animation: v-modal-in .2s ease;
    animation: v-modal-in .2s ease
}

.v-modal-leave {
    -webkit-animation: v-modal-out .2s ease forwards;
    animation: v-modal-out .2s ease forwards
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-message-box {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    display: inline-block;
    font-size: 18px;
    overflow: hidden;
    padding-bottom: 10px;
    text-align: left;
    vertical-align: middle;
    width: 420px
}

.el-message-box__wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0
}

.el-message-box__wrapper:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.el-message-box__header {
    padding: 15px 15px 10px;
    position: relative
}

.el-message-box__title {
    color: #303133;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 0;
    padding-left: 0
}

.el-message-box__headerbtn {
    background: 0 0;
    border: none;
    cursor: pointer;
    font-size: 16px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus,
.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border-color: #f56c6c
}

.el-message-box__headerbtn .el-message-box__close {
    color: #909399
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
    color: #409eff
}

.el-message-box__content {
    color: #606266;
    font-size: 14px;
    padding: 10px 15px
}

.el-message-box__container {
    position: relative
}

.el-message-box__input {
    padding-top: 15px
}

.el-message-box__status {
    font-size: 24px !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-message-box__status:before {
    padding-left: 1px
}

.el-message-box__status+.el-message-box__message {
    padding-left: 36px;
    padding-right: 12px
}

.el-message-box__status.el-icon-success {
    color: #67c23a
}

.el-message-box__status.el-icon-info {
    color: #909399
}

.el-message-box__status.el-icon-warning {
    color: #e6a23c
}

.el-message-box__status.el-icon-error {
    color: #f56c6c
}

.el-message-box__message {
    margin: 0
}

.el-message-box__message p {
    line-height: 24px;
    margin: 0
}

.el-message-box__errormsg {
    color: #f56c6c;
    font-size: 12px;
    margin-top: 2px;
    min-height: 18px
}

.el-message-box__btns {
    padding: 5px 15px 0;
    text-align: right
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 10px
}

.el-message-box__btns-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.el-message-box--center {
    padding-bottom: 30px
}

.el-message-box--center .el-message-box__header {
    padding-top: 30px
}

.el-message-box--center .el-message-box__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative
}

.el-message-box--center .el-message-box__status {
    padding-right: 5px;
    position: relative;
    text-align: center;
    top: auto;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.el-message-box--center .el-message-box__message {
    margin-left: 0
}

.el-message-box--center .el-message-box__btns,
.el-message-box--center .el-message-box__content {
    text-align: center
}

.el-message-box--center .el-message-box__content {
    padding-left: 27px;
    padding-right: 27px
}

.msgbox-fade-enter-active {
    -webkit-animation: msgbox-fade-in .3s;
    animation: msgbox-fade-in .3s
}

.msgbox-fade-leave-active {
    -webkit-animation: msgbox-fade-out .3s;
    animation: msgbox-fade-out .3s
}

@-webkit-keyframes msgbox-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes msgbox-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes msgbox-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}

@keyframes msgbox-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}

.el-breadcrumb {
    font-size: 14px;
    line-height: 1
}

.el-breadcrumb:after,
.el-breadcrumb:before {
    content: "";
    display: table
}

.el-breadcrumb:after {
    clear: both
}

.el-breadcrumb__separator {
    color: #c0c4cc;
    font-weight: 700;
    margin: 0 9px
}

.el-breadcrumb__separator[class*=icon] {
    font-weight: 400;
    margin: 0 6px
}

.el-breadcrumb__item {
    float: left
}

.el-breadcrumb__inner {
    color: #606266
}

.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
    color: #303133;
    font-weight: 700;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-breadcrumb__inner a:hover,
.el-breadcrumb__inner.is-link:hover {
    color: #409eff;
    cursor: pointer
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: #606266;
    cursor: text;
    font-weight: 400
}

.el-form--label-left .el-form-item__label {
    text-align: left
}

.el-form--label-top .el-form-item__label {
    display: inline-block;
    float: none;
    padding: 0 0 10px;
    text-align: left
}

.el-form--inline .el-form-item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.el-form--inline .el-form-item__label {
    display: inline-block;
    float: none
}

.el-form--inline .el-form-item__content {
    display: inline-block;
    vertical-align: top
}

.el-form--inline.el-form--label-top .el-form-item__content {
    display: block
}

.el-form-item {
    margin-bottom: 22px
}

.el-form-item:after,
.el-form-item:before {
    content: "";
    display: table
}

.el-form-item:after {
    clear: both
}

.el-form-item .el-form-item {
    margin-bottom: 0
}

.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
    margin-bottom: 18px
}

.el-form-item .el-input__validateIcon {
    display: none
}

.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
    line-height: 36px
}

.el-form-item--small .el-form-item__content,
.el-form-item--small .el-form-item__label {
    line-height: 32px
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px
}

.el-form-item--mini .el-form-item__content,
.el-form-item--mini .el-form-item__label {
    line-height: 28px
}

.el-form-item--mini .el-form-item__error {
    padding-top: 1px
}

.el-form-item__label-wrap {
    float: left
}

.el-form-item__label-wrap .el-form-item__label {
    display: inline-block;
    float: none
}

.el-form-item__label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    float: left;
    font-size: 14px;
    line-height: 40px;
    padding: 0 12px 0 0;
    text-align: right;
    vertical-align: middle
}

.el-form-item__content {
    font-size: 14px;
    line-height: 40px;
    position: relative
}

.el-form-item__content:after,
.el-form-item__content:before {
    content: "";
    display: table
}

.el-form-item__content:after {
    clear: both
}

.el-form-item__content .el-input-group {
    vertical-align: top
}

.el-form-item__error {
    color: #f56c6c;
    font-size: 12px;
    left: 0;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%
}

.el-form-item__error--inline {
    display: inline-block;
    left: auto;
    margin-left: 10px;
    position: relative;
    top: auto
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
    color: #f56c6c;
    content: "*";
    margin-right: 4px
}

.el-form-item.is-error .el-input-group__append .el-input__inner,
.el-form-item.is-error .el-input-group__prepend .el-input__inner {
    border-color: transparent
}

.el-form-item.is-error .el-input__validateIcon {
    color: #f56c6c
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-block
}

.el-tabs__header {
    margin: 0 0 15px;
    padding: 0;
    position: relative
}

.el-tabs__active-bar {
    background-color: #409eff;
    bottom: 0;
    height: 2px;
    left: 0;
    list-style: none;
    position: absolute;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    z-index: 1
}

.el-tabs__new-tab {
    border: 1px solid #d3dce6;
    border-radius: 3px;
    color: #d3dce6;
    cursor: pointer;
    float: right;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin: 12px 0 9px 10px;
    text-align: center;
    -webkit-transition: all .15s;
    transition: all .15s;
    width: 18px
}

.el-tabs__new-tab .el-icon-plus {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-tabs__new-tab:hover {
    color: #409eff
}

.el-tabs__nav-wrap {
    margin-bottom: -1px;
    overflow: hidden;
    position: relative
}

.el-tabs__nav-wrap:after {
    background-color: #e4e7ed;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.el-tabs__nav-wrap.is-scrollable {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
}

.el-tabs__nav-scroll {
    overflow: hidden
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
    color: #909399;
    cursor: pointer;
    font-size: 12px;
    line-height: 44px;
    position: absolute
}

.el-tabs__nav-next {
    right: 0
}

.el-tabs__nav-prev {
    left: 0
}

.el-tabs__nav {
    float: left;
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    white-space: nowrap;
    z-index: 2
}

.el-tabs__nav.is-stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%
}

.el-tabs__nav.is-stretch>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.el-tabs__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #303133;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    list-style: none;
    padding: 0 20px;
    position: relative
}

.el-tabs__item:focus,
.el-tabs__item:focus:active {
    outline: 0
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 2px 2px #409eff;
    box-shadow: inset 0 0 2px 2px #409eff
}

.el-tabs__item .el-icon-close {
    border-radius: 50%;
    margin-left: 5px;
    text-align: center;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs__item .el-icon-close:before {
    display: inline-block;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.el-tabs--card>.el-tabs__header .el-tabs__active-bar,
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left,
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none
}

.el-tabs__item .el-icon-close:hover {
    background-color: #c0c4cc;
    color: #fff
}

.el-tabs__item.is-active {
    color: #409eff
}

.el-tabs__item:hover {
    color: #409eff;
    cursor: pointer
}

.el-tabs__item.is-disabled {
    color: #c0c4cc;
    cursor: default
}

.el-tabs__content {
    overflow: hidden;
    position: relative
}

.el-tabs--card>.el-tabs__header {
    border-bottom: 1px solid #e4e7ed
}

.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close {
    font-size: 12px;
    height: 14px;
    line-height: 15px;
    overflow: hidden;
    position: relative;
    right: -2px;
    top: -1px;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    vertical-align: middle;
    width: 0
}

.el-tabs--card>.el-tabs__header .el-tabs__item {
    border-bottom: 1px solid transparent;
    border-left: 1px solid #e4e7ed;
    -webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1);
    transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
    border-left: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 13px;
    padding-right: 13px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
    width: 14px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: #fff
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left: 20px;
    padding-right: 20px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
    width: 14px
}

.el-tabs--border-card {
    background: #fff;
    border: 1px solid #dcdfe6;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04)
}

.el-tabs--border-card>.el-tabs__content {
    padding: 15px
}

.el-tabs--border-card>.el-tabs__header {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4e7ed;
    margin: 0
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    border: 1px solid transparent;
    color: #909399;
    margin-top: -1px;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,
.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
    margin-left: -1px
}

.el-col-offset-0,
.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
    margin-left: 0
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    background-color: #fff;
    border-left-color: #dcdfe6;
    border-right-color: #dcdfe6;
    color: #409eff
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #409eff
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
    color: #c0c4cc
}

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child,
.el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 0
}

.el-cascader-menu:last-child .el-cascader-node,
.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 20px
}

.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 20px
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid #dcdfe6
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-bottom: 0;
    margin-top: -1px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid transparent
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -1px -1px
}

.el-tabs--left,
.el-tabs--right {
    overflow: hidden
}

.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-scroll,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-scroll,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    height: 100%
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right,
.el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
    bottom: auto;
    height: auto;
    top: 0;
    width: 2px
}

.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    left: auto;
    top: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
    bottom: 0;
    right: auto
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-left:after {
    left: auto;
    right: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left:after,
.el-tabs--left .el-tabs__nav-wrap.is-right:after,
.el-tabs--right .el-tabs__nav-wrap.is-left:after,
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    bottom: auto;
    height: 100%;
    top: 0;
    width: 2px
}

.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right,
.el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
    float: none
}

.el-tabs--left .el-tabs__item.is-left,
.el-tabs--left .el-tabs__item.is-right,
.el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
    display: block
}

.el-tabs--left .el-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 10px
}

.el-button-group>.el-button:not(:last-child),
.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-left: none;
    text-align: left
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
    border-right: 1px solid #e4e7ed;
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
    border: none;
    border-right: 1px solid #fff;
    border-top: 1px solid #e4e7ed
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
    border-bottom: none
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
    border-bottom: 1px solid #e4e7ed;
    border-radius: 4px 0 0 4px;
    border-right: none
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
    float: none
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
    border-right: 1px solid #dfe4ed
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
    border: 1px solid transparent;
    margin: -1px 0 -1px -1px
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color: #d1dbe5 transparent
}

.el-tabs--right .el-tabs__header.is-right {
    float: right;
    margin-bottom: 0;
    margin-left: 10px
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -1px
}

.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    left: 0;
    right: auto
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid #e4e7ed
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 1px solid #e4e7ed;
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: none;
    border-left: 1px solid #fff;
    border-top: 1px solid #e4e7ed
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
    border-bottom: none
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
    border-bottom: 1px solid #e4e7ed;
    border-left: none;
    border-radius: 0 4px 4px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 1px solid #dfe4ed
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
    border: 1px solid transparent;
    margin: -1px -1px -1px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color: #d1dbe5 transparent
}

.slideInLeft-transition,
.slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    -webkit-animation: slideInRight-enter .3s;
    animation: slideInRight-enter .3s
}

.slideInRight-leave {
    -webkit-animation: slideInRight-leave .3s;
    animation: slideInRight-leave .3s;
    left: 0;
    position: absolute;
    right: 0
}

.slideInLeft-enter {
    -webkit-animation: slideInLeft-enter .3s;
    animation: slideInLeft-enter .3s
}

.slideInLeft-leave {
    -webkit-animation: slideInLeft-leave .3s;
    animation: slideInLeft-leave .3s;
    left: 0;
    position: absolute;
    right: 0
}

@-webkit-keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@-webkit-keyframes slideInRight-leave {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes slideInRight-leave {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@-webkit-keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@-webkit-keyframes slideInLeft-leave {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes slideInLeft-leave {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

.el-tree {
    background: #fff;
    color: #606266;
    cursor: default;
    position: relative
}

.el-tree__empty-block {
    height: 100%;
    min-height: 60px;
    position: relative;
    text-align: center;
    width: 100%
}

.el-tree__empty-text {
    color: #909399;
    font-size: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.el-tree__drop-indicator {
    background-color: #409eff;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.el-tree-node {
    outline: 0;
    white-space: nowrap
}

.el-tree-node:focus>.el-tree-node__content {
    background-color: #f5f7fa
}

.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
    background-color: #409eff;
    color: #fff
}

.el-tree-node__content:hover,
.el-upload-list__item:hover {
    background-color: #f5f7fa
}

.el-tree-node__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 26px
}

.el-tree-node__content>.el-tree-node__expand-icon {
    padding: 6px
}

.el-tree-node__content>label.el-checkbox {
    margin-right: 8px
}

.el-tree.is-dragging .el-tree-node__content {
    cursor: move
}

.el-tree.is-dragging .el-tree-node__content * {
    pointer-events: none
}

.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
    cursor: not-allowed
}

.el-tree-node__expand-icon {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 12px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default
}

.el-tree-node__label {
    font-size: 14px
}

.el-tree-node__loading-icon {
    color: #c0c4cc;
    font-size: 14px;
    margin-right: 8px
}

.el-tree-node>.el-tree-node__children {
    background-color: transparent;
    overflow: hidden
}

.el-tree-node.is-expanded>.el-tree-node__children {
    display: block
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #f0f7ff
}

.el-alert {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 8px 16px;
    position: relative;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    width: 100%
}

.el-alert.is-light .el-alert__closebtn {
    color: #c0c4cc
}

.el-alert.is-dark .el-alert__closebtn,
.el-alert.is-dark .el-alert__description {
    color: #fff
}

.el-alert.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.el-alert--success.is-light {
    background-color: #f0f9eb;
    color: #67c23a
}

.el-alert--success.is-light .el-alert__description {
    color: #67c23a
}

.el-alert--success.is-dark {
    background-color: #67c23a;
    color: #fff
}

.el-alert--info.is-light {
    background-color: #f4f4f5;
    color: #909399
}

.el-alert--info.is-dark {
    background-color: #909399;
    color: #fff
}

.el-alert--info .el-alert__description {
    color: #909399
}

.el-alert--warning.is-light {
    background-color: #fdf6ec;
    color: #e6a23c
}

.el-alert--warning.is-light .el-alert__description {
    color: #e6a23c
}

.el-alert--warning.is-dark {
    background-color: #e6a23c;
    color: #fff
}

.el-alert--error.is-light {
    background-color: #fef0f0;
    color: #f56c6c
}

.el-alert--error.is-light .el-alert__description {
    color: #f56c6c
}

.el-alert--error.is-dark {
    background-color: #f56c6c;
    color: #fff
}

.el-alert__content {
    display: table-cell;
    padding: 0 8px
}

.el-alert__icon {
    font-size: 16px;
    width: 16px
}

.el-alert__icon.is-big {
    font-size: 28px;
    width: 28px
}

.el-alert__title {
    font-size: 13px;
    line-height: 18px
}

.el-alert__title.is-bold {
    font-weight: 700
}

.el-alert .el-alert__description {
    font-size: 12px;
    margin: 5px 0 0
}

.el-alert__closebtn {
    cursor: pointer;
    font-size: 12px;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 12px
}

.el-alert-fade-enter,
.el-alert-fade-leave-active,
.el-loading-fade-enter,
.el-loading-fade-leave-active,
.el-notification-fade-leave-active,
.el-upload iframe {
    opacity: 0
}

.el-carousel__arrow--right,
.el-notification.right {
    right: 16px
}

.el-alert__closebtn.is-customed {
    font-size: 13px;
    font-style: normal;
    top: 9px
}

.el-notification {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 14px 26px 14px 13px;
    position: fixed;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    width: 330px
}

.el-notification.left {
    left: 16px
}

.el-notification__group {
    margin-left: 13px;
    margin-right: 8px
}

.el-notification__title {
    color: #303133;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.el-notification__content {
    color: #606266;
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    text-align: justify
}

.el-notification__content p {
    margin: 0
}

.el-notification__icon {
    font-size: 24px;
    height: 24px;
    width: 24px
}

.el-notification__closeBtn {
    color: #909399;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 18px
}

.el-notification__closeBtn:hover {
    color: #606266
}

.el-notification .el-icon-success {
    color: #67c23a
}

.el-notification .el-icon-error {
    color: #f56c6c
}

.el-notification .el-icon-info {
    color: #909399
}

.el-notification .el-icon-warning {
    color: #e6a23c
}

.el-notification-fade-enter.right {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.el-notification-fade-enter.left {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.el-input-number {
    display: inline-block;
    line-height: 38px;
    position: relative;
    width: 180px
}

.el-input-number .el-input {
    display: block
}

.el-input-number .el-input__inner {
    -webkit-appearance: none;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center
}

.el-input-number__decrease,
.el-input-number__increase {
    background: #f5f7fa;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    height: auto;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 40px;
    z-index: 1
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
    color: #409eff
}

.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
    border-color: #409eff
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-input-number__increase {
    border-left: 1px solid #dcdfe6;
    border-radius: 0 4px 4px 0;
    right: 1px
}

.el-input-number__decrease {
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dcdfe6;
    left: 1px
}

.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
    border-color: #e4e7ed;
    color: #e4e7ed
}

.el-input-number.is-disabled .el-input-number__decrease:hover,
.el-input-number.is-disabled .el-input-number__increase:hover {
    color: #e4e7ed;
    cursor: not-allowed
}

.el-input-number--medium {
    line-height: 34px;
    width: 200px
}

.el-input-number--medium .el-input-number__decrease,
.el-input-number--medium .el-input-number__increase {
    font-size: 14px;
    width: 36px
}

.el-input-number--medium .el-input__inner {
    padding-left: 43px;
    padding-right: 43px
}

.el-input-number--small {
    line-height: 30px;
    width: 130px
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    font-size: 13px;
    width: 32px
}

.el-input-number--small .el-input-number__decrease [class*=el-icon],
.el-input-number--small .el-input-number__increase [class*=el-icon] {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.el-input-number--small .el-input__inner {
    padding-left: 39px;
    padding-right: 39px
}

.el-input-number--mini {
    line-height: 26px;
    width: 130px
}

.el-input-number--mini .el-input-number__decrease,
.el-input-number--mini .el-input-number__increase {
    font-size: 12px;
    width: 28px
}

.el-input-number--mini .el-input-number__decrease [class*=el-icon],
.el-input-number--mini .el-input-number__increase [class*=el-icon] {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-input-number--mini .el-input__inner {
    padding-left: 35px;
    padding-right: 35px
}

.el-input-number.is-without-controls .el-input__inner {
    padding-left: 15px;
    padding-right: 15px
}

.el-input-number.is-controls-right .el-input__inner {
    padding-left: 15px;
    padding-right: 50px
}

.el-input-number.is-controls-right .el-input-number__decrease,
.el-input-number.is-controls-right .el-input-number__increase {
    height: auto;
    line-height: 19px
}

.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-input-number.is-controls-right .el-input-number__increase {
    border-bottom: 1px solid #dcdfe6;
    border-radius: 0 4px 0 0
}

.el-input-number.is-controls-right .el-input-number__decrease {
    border-left: 1px solid #dcdfe6;
    border-radius: 0 0 4px;
    border-right: none;
    bottom: 1px;
    left: auto;
    right: 1px;
    top: auto
}

.el-input-number.is-controls-right[class*=medium] [class*=decrease],
.el-input-number.is-controls-right[class*=medium] [class*=increase] {
    line-height: 17px
}

.el-input-number.is-controls-right[class*=small] [class*=decrease],
.el-input-number.is-controls-right[class*=small] [class*=increase] {
    line-height: 15px
}

.el-input-number.is-controls-right[class*=mini] [class*=decrease],
.el-input-number.is-controls-right[class*=mini] [class*=increase] {
    line-height: 13px
}

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

.el-tooltip__popper {
    word-wrap: break-word;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px;
    padding: 10px;
    position: absolute;
    z-index: 2000
}

.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.el-tooltip__popper .popper__arrow {
    border-width: 6px
}

.el-tooltip__popper .popper__arrow:after {
    border-width: 5px;
    content: " "
}

.el-button-group:after,
.el-button-group:before,
.el-color-dropdown__main-wrapper:after,
.el-link.is-underline:hover:after,
.el-page-header__left:after,
.el-progress-bar__inner:after,
.el-row:after,
.el-row:before,
.el-slider:after,
.el-slider:before,
.el-slider__button-wrapper:after,
.el-transfer-panel .el-transfer-panel__footer:after,
.el-upload-cover:after,
.el-upload-list--picture-card .el-upload-list__item-actions:after {
    content: ""
}

.el-tooltip__popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
    border-bottom-width: 0;
    border-top-color: #303133;
    bottom: -6px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    border-bottom-width: 0;
    border-top-color: #303133;
    bottom: 1px;
    margin-left: -5px
}

.el-tooltip__popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #303133;
    border-top-width: 0;
    top: -6px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #303133;
    border-top-width: 0;
    margin-left: -5px;
    top: 1px
}

.el-tooltip__popper[x-placement^=right] {
    margin-left: 12px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
    border-left-width: 0;
    border-right-color: #303133;
    left: -6px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    border-left-width: 0;
    border-right-color: #303133;
    bottom: -5px;
    left: 1px
}

.el-tooltip__popper[x-placement^=left] {
    margin-right: 12px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
    border-left-color: #303133;
    border-right-width: 0;
    right: -6px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
    border-left-color: #303133;
    border-right-width: 0;
    bottom: -5px;
    margin-left: -5px;
    right: 1px
}

.el-tooltip__popper.is-dark {
    background: #303133;
    color: #fff
}

.el-tooltip__popper.is-light {
    background: #fff;
    border: 1px solid #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-left-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
    border-left-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-right-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
    border-right-color: #fff
}

.el-slider:after,
.el-slider:before {
    display: table
}

.el-slider__button-wrapper .el-tooltip,
.el-slider__button-wrapper:after {
    display: inline-block;
    vertical-align: middle
}

.el-slider:after {
    clear: both
}

.el-slider__runway {
    background-color: #e4e7ed;
    border-radius: 3px;
    cursor: pointer;
    height: 6px;
    margin: 16px 0;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.el-slider__runway.show-input {
    margin-right: 160px;
    width: auto
}

.el-slider__runway.disabled {
    cursor: default
}

.el-slider__runway.disabled .el-slider__bar {
    background-color: #c0c4cc
}

.el-slider__runway.disabled .el-slider__button {
    border-color: #c0c4cc
}

.el-slider__runway.disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.disabled .el-slider__button-wrapper.hover,
.el-slider__runway.disabled .el-slider__button-wrapper:hover {
    cursor: not-allowed
}

.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
    cursor: not-allowed;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.el-slider__button-wrapper,
.el-slider__stop {
    position: absolute;
    -webkit-transform: translateX(-50%)
}

.el-slider__input {
    float: right;
    margin-top: 3px;
    width: 130px
}

.el-slider__input.el-input-number--mini {
    margin-top: 5px
}

.el-slider__input.el-input-number--medium {
    margin-top: 0
}

.el-slider__input.el-input-number--large {
    margin-top: -2px
}

.el-slider__bar {
    background-color: #409eff;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    height: 6px;
    position: absolute
}

.el-slider__button-wrapper {
    background-color: transparent;
    height: 36px;
    line-height: normal;
    text-align: center;
    top: -15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 36px;
    z-index: 1001
}

.el-image-viewer__btn,
.el-slider__button,
.el-step__icon-inner {
    -moz-user-select: none;
    -ms-user-select: none
}

.el-slider__button-wrapper:after {
    height: 100%
}

.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.el-slider__button-wrapper.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.el-slider__button {
    background-color: #fff;
    border: 2px solid #409eff;
    border-radius: 50%;
    height: 16px;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 16px
}

.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.el-slider__button.hover,
.el-slider__button:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.el-slider__button.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.el-slider__stop {
    background-color: #fff;
    border-radius: 100%;
    height: 6px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 6px
}

.el-slider__marks {
    height: 100%;
    left: 12px;
    top: 0;
    width: 18px
}

.el-slider__marks-text {
    color: #909399;
    font-size: 14px;
    margin-top: 15px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.el-slider.is-vertical {
    position: relative
}

.el-slider.is-vertical .el-slider__runway {
    height: 100%;
    margin: 0 16px;
    width: 6px
}

.el-slider.is-vertical .el-slider__bar {
    border-radius: 0 0 3px 3px;
    height: auto;
    width: 6px
}

.el-slider.is-vertical .el-slider__button-wrapper {
    left: -15px;
    top: auto
}

.el-slider.is-vertical .el-slider__button-wrapper,
.el-slider.is-vertical .el-slider__stop {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.el-slider.is-vertical.el-slider--with-input {
    padding-bottom: 58px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input {
    bottom: 22px;
    float: none;
    margin-top: 15px;
    overflow: visible;
    position: absolute;
    width: 36px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    margin-top: -1px;
    top: 32px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
    border-bottom-left-radius: 4px;
    right: 18px;
    width: 18px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    border-bottom-right-radius: 4px;
    width: 19px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
    border-color: #c0c4cc
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
    border-color: #409eff
}

.el-slider.is-vertical .el-slider__marks-text {
    left: 15px;
    margin-top: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.el-loading-parent--relative {
    position: relative !important
}

.el-loading-parent--hidden {
    overflow: hidden !important
}

.el-loading-mask {
    background-color: hsla(0, 0%, 100%, .9);
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 2000
}

.el-loading-mask.is-fullscreen {
    position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: -25px
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: 50px;
    width: 50px
}

.el-loading-spinner {
    margin-top: -21px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.el-col-pull-0,
.el-col-pull-1,
.el-col-pull-10,
.el-col-pull-11,
.el-col-pull-12,
.el-col-pull-13,
.el-col-pull-14,
.el-col-pull-15,
.el-col-pull-16,
.el-col-pull-17,
.el-col-pull-18,
.el-col-pull-19,
.el-col-pull-2,
.el-col-pull-20,
.el-col-pull-21,
.el-col-pull-22,
.el-col-pull-23,
.el-col-pull-24,
.el-col-pull-3,
.el-col-pull-4,
.el-col-pull-5,
.el-col-pull-6,
.el-col-pull-7,
.el-col-pull-8,
.el-col-pull-9,
.el-col-push-0,
.el-col-push-1,
.el-col-push-10,
.el-col-push-11,
.el-col-push-12,
.el-col-push-13,
.el-col-push-14,
.el-col-push-15,
.el-col-push-16,
.el-col-push-17,
.el-col-push-18,
.el-col-push-19,
.el-col-push-2,
.el-col-push-20,
.el-col-push-21,
.el-col-push-22,
.el-col-push-23,
.el-col-push-24,
.el-col-push-3,
.el-col-push-4,
.el-col-push-5,
.el-col-push-6,
.el-col-push-7,
.el-col-push-8,
.el-col-push-9,
.el-row,
.el-upload-dragger,
.el-upload-list__item {
    position: relative
}

.el-loading-spinner .el-loading-text {
    color: #409eff;
    font-size: 14px;
    margin: 3px 0
}

.el-loading-spinner .circular {
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite;
    height: 42px;
    width: 42px
}

.el-loading-spinner .path {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409eff;
    stroke-linecap: round;
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite
}

.el-loading-spinner i {
    color: #409eff
}

@-webkit-keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

.el-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-row:after,
.el-row:before {
    display: table
}

.el-row:after {
    clear: both
}

.el-row--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-col-0,
.el-row--flex:after,
.el-row--flex:before {
    display: none
}

.el-row--flex.is-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.el-row--flex.is-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.el-row--flex.is-justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.el-row--flex.is-justify-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.el-row--flex.is-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.el-row--flex.is-align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-row--flex.is-align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

[class*=el-col-] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

.el-col-0 {
    width: 0
}

.el-col-pull-0 {
    right: 0
}

.el-col-push-0 {
    left: 0
}

.el-col-1 {
    width: 4.16667%
}

.el-col-offset-1 {
    margin-left: 4.16667%
}

.el-col-pull-1 {
    right: 4.16667%
}

.el-col-push-1 {
    left: 4.16667%
}

.el-col-2 {
    width: 8.33333%
}

.el-col-offset-2 {
    margin-left: 8.33333%
}

.el-col-pull-2 {
    right: 8.33333%
}

.el-col-push-2 {
    left: 8.33333%
}

.el-col-3 {
    width: 12.5%
}

.el-col-offset-3 {
    margin-left: 12.5%
}

.el-col-pull-3 {
    right: 12.5%
}

.el-col-push-3 {
    left: 12.5%
}

.el-col-4 {
    width: 16.66667%
}

.el-col-offset-4 {
    margin-left: 16.66667%
}

.el-col-pull-4 {
    right: 16.66667%
}

.el-col-push-4 {
    left: 16.66667%
}

.el-col-5 {
    width: 20.83333%
}

.el-col-offset-5 {
    margin-left: 20.83333%
}

.el-col-pull-5 {
    right: 20.83333%
}

.el-col-push-5 {
    left: 20.83333%
}

.el-col-6 {
    width: 25%
}

.el-col-offset-6 {
    margin-left: 25%
}

.el-col-pull-6 {
    right: 25%
}

.el-col-push-6 {
    left: 25%
}

.el-col-7 {
    width: 29.16667%
}

.el-col-offset-7 {
    margin-left: 29.16667%
}

.el-col-pull-7 {
    right: 29.16667%
}

.el-col-push-7 {
    left: 29.16667%
}

.el-col-8 {
    width: 33.33333%
}

.el-col-offset-8 {
    margin-left: 33.33333%
}

.el-col-pull-8 {
    right: 33.33333%
}

.el-col-push-8 {
    left: 33.33333%
}

.el-col-9 {
    width: 37.5%
}

.el-col-offset-9 {
    margin-left: 37.5%
}

.el-col-pull-9 {
    right: 37.5%
}

.el-col-push-9 {
    left: 37.5%
}

.el-col-10 {
    width: 41.66667%
}

.el-col-offset-10 {
    margin-left: 41.66667%
}

.el-col-pull-10 {
    right: 41.66667%
}

.el-col-push-10 {
    left: 41.66667%
}

.el-col-11 {
    width: 45.83333%
}

.el-col-offset-11 {
    margin-left: 45.83333%
}

.el-col-pull-11 {
    right: 45.83333%
}

.el-col-push-11 {
    left: 45.83333%
}

.el-col-12 {
    width: 50%
}

.el-col-offset-12 {
    margin-left: 50%
}

.el-col-pull-12 {
    right: 50%
}

.el-col-push-12 {
    left: 50%
}

.el-col-13 {
    width: 54.16667%
}

.el-col-offset-13 {
    margin-left: 54.16667%
}

.el-col-pull-13 {
    right: 54.16667%
}

.el-col-push-13 {
    left: 54.16667%
}

.el-col-14 {
    width: 58.33333%
}

.el-col-offset-14 {
    margin-left: 58.33333%
}

.el-col-pull-14 {
    right: 58.33333%
}

.el-col-push-14 {
    left: 58.33333%
}

.el-col-15 {
    width: 62.5%
}

.el-col-offset-15 {
    margin-left: 62.5%
}

.el-col-pull-15 {
    right: 62.5%
}

.el-col-push-15 {
    left: 62.5%
}

.el-col-16 {
    width: 66.66667%
}

.el-col-offset-16 {
    margin-left: 66.66667%
}

.el-col-pull-16 {
    right: 66.66667%
}

.el-col-push-16 {
    left: 66.66667%
}

.el-col-17 {
    width: 70.83333%
}

.el-col-offset-17 {
    margin-left: 70.83333%
}

.el-col-pull-17 {
    right: 70.83333%
}

.el-col-push-17 {
    left: 70.83333%
}

.el-col-18 {
    width: 75%
}

.el-col-offset-18 {
    margin-left: 75%
}

.el-col-pull-18 {
    right: 75%
}

.el-col-push-18 {
    left: 75%
}

.el-col-19 {
    width: 79.16667%
}

.el-col-offset-19 {
    margin-left: 79.16667%
}

.el-col-pull-19 {
    right: 79.16667%
}

.el-col-push-19 {
    left: 79.16667%
}

.el-col-20 {
    width: 83.33333%
}

.el-col-offset-20 {
    margin-left: 83.33333%
}

.el-col-pull-20 {
    right: 83.33333%
}

.el-col-push-20 {
    left: 83.33333%
}

.el-col-21 {
    width: 87.5%
}

.el-col-offset-21 {
    margin-left: 87.5%
}

.el-col-pull-21 {
    right: 87.5%
}

.el-col-push-21 {
    left: 87.5%
}

.el-col-22 {
    width: 91.66667%
}

.el-col-offset-22 {
    margin-left: 91.66667%
}

.el-col-pull-22 {
    right: 91.66667%
}

.el-col-push-22 {
    left: 91.66667%
}

.el-col-23 {
    width: 95.83333%
}

.el-col-offset-23 {
    margin-left: 95.83333%
}

.el-col-pull-23 {
    right: 95.83333%
}

.el-col-push-23 {
    left: 95.83333%
}

.el-col-24 {
    width: 100%
}

.el-col-offset-24 {
    margin-left: 100%
}

.el-col-pull-24 {
    right: 100%
}

.el-col-push-24 {
    left: 100%
}

@media only screen and (max-width:767px) {
    .el-col-xs-0 {
        display: none;
        width: 0
    }

    .el-col-xs-offset-0 {
        margin-left: 0
    }

    .el-col-xs-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xs-push-0 {
        left: 0;
        position: relative
    }

    .el-col-xs-1 {
        width: 4.16667%
    }

    .el-col-xs-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xs-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-xs-2 {
        width: 8.33333%
    }

    .el-col-xs-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xs-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-xs-3 {
        width: 12.5%
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xs-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-xs-4 {
        width: 16.66667%
    }

    .el-col-xs-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xs-push-4 {
        left: 16.66667%;
        position: relative
    }

    .el-col-xs-5 {
        width: 20.83333%
    }

    .el-col-xs-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xs-push-5 {
        left: 20.83333%;
        position: relative
    }

    .el-col-xs-6 {
        width: 25%
    }

    .el-col-xs-offset-6 {
        margin-left: 25%
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xs-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-xs-7 {
        width: 29.16667%
    }

    .el-col-xs-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xs-push-7 {
        left: 29.16667%;
        position: relative
    }

    .el-col-xs-8 {
        width: 33.33333%
    }

    .el-col-xs-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xs-push-8 {
        left: 33.33333%;
        position: relative
    }

    .el-col-xs-9 {
        width: 37.5%
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xs-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-xs-10 {
        width: 41.66667%
    }

    .el-col-xs-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xs-push-10 {
        left: 41.66667%;
        position: relative
    }

    .el-col-xs-11 {
        width: 45.83333%
    }

    .el-col-xs-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xs-push-11 {
        left: 45.83333%;
        position: relative
    }

    .el-col-xs-12 {
        width: 50%
    }

    .el-col-xs-offset-12 {
        margin-left: 50%
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xs-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-xs-13 {
        width: 54.16667%
    }

    .el-col-xs-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xs-push-13 {
        left: 54.16667%;
        position: relative
    }

    .el-col-xs-14 {
        width: 58.33333%
    }

    .el-col-xs-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xs-push-14 {
        left: 58.33333%;
        position: relative
    }

    .el-col-xs-15 {
        width: 62.5%
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xs-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-xs-16 {
        width: 66.66667%
    }

    .el-col-xs-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xs-push-16 {
        left: 66.66667%;
        position: relative
    }

    .el-col-xs-17 {
        width: 70.83333%
    }

    .el-col-xs-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xs-push-17 {
        left: 70.83333%;
        position: relative
    }

    .el-col-xs-18 {
        width: 75%
    }

    .el-col-xs-offset-18 {
        margin-left: 75%
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xs-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-xs-19 {
        width: 79.16667%
    }

    .el-col-xs-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xs-push-19 {
        left: 79.16667%;
        position: relative
    }

    .el-col-xs-20 {
        width: 83.33333%
    }

    .el-col-xs-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xs-push-20 {
        left: 83.33333%;
        position: relative
    }

    .el-col-xs-21 {
        width: 87.5%
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xs-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-xs-22 {
        width: 91.66667%
    }

    .el-col-xs-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xs-push-22 {
        left: 91.66667%;
        position: relative
    }

    .el-col-xs-23 {
        width: 95.83333%
    }

    .el-col-xs-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xs-push-23 {
        left: 95.83333%;
        position: relative
    }

    .el-col-xs-24 {
        width: 100%
    }

    .el-col-xs-offset-24 {
        margin-left: 100%
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xs-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:768px) {
    .el-col-sm-0 {
        display: none;
        width: 0
    }

    .el-col-sm-offset-0 {
        margin-left: 0
    }

    .el-col-sm-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-sm-push-0 {
        left: 0;
        position: relative
    }

    .el-col-sm-1 {
        width: 4.16667%
    }

    .el-col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-sm-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-sm-2 {
        width: 8.33333%
    }

    .el-col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-sm-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-sm-3 {
        width: 12.5%
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-sm-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-sm-4 {
        width: 16.66667%
    }

    .el-col-sm-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-sm-push-4 {
        left: 16.66667%;
        position: relative
    }

    .el-col-sm-5 {
        width: 20.83333%
    }

    .el-col-sm-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-sm-push-5 {
        left: 20.83333%;
        position: relative
    }

    .el-col-sm-6 {
        width: 25%
    }

    .el-col-sm-offset-6 {
        margin-left: 25%
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-sm-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-sm-7 {
        width: 29.16667%
    }

    .el-col-sm-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-sm-push-7 {
        left: 29.16667%;
        position: relative
    }

    .el-col-sm-8 {
        width: 33.33333%
    }

    .el-col-sm-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-sm-push-8 {
        left: 33.33333%;
        position: relative
    }

    .el-col-sm-9 {
        width: 37.5%
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-sm-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-sm-10 {
        width: 41.66667%
    }

    .el-col-sm-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-sm-push-10 {
        left: 41.66667%;
        position: relative
    }

    .el-col-sm-11 {
        width: 45.83333%
    }

    .el-col-sm-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-sm-push-11 {
        left: 45.83333%;
        position: relative
    }

    .el-col-sm-12 {
        width: 50%
    }

    .el-col-sm-offset-12 {
        margin-left: 50%
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-sm-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-sm-13 {
        width: 54.16667%
    }

    .el-col-sm-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-sm-push-13 {
        left: 54.16667%;
        position: relative
    }

    .el-col-sm-14 {
        width: 58.33333%
    }

    .el-col-sm-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-sm-push-14 {
        left: 58.33333%;
        position: relative
    }

    .el-col-sm-15 {
        width: 62.5%
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-sm-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-sm-16 {
        width: 66.66667%
    }

    .el-col-sm-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-sm-push-16 {
        left: 66.66667%;
        position: relative
    }

    .el-col-sm-17 {
        width: 70.83333%
    }

    .el-col-sm-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-sm-push-17 {
        left: 70.83333%;
        position: relative
    }

    .el-col-sm-18 {
        width: 75%
    }

    .el-col-sm-offset-18 {
        margin-left: 75%
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-sm-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-sm-19 {
        width: 79.16667%
    }

    .el-col-sm-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-sm-push-19 {
        left: 79.16667%;
        position: relative
    }

    .el-col-sm-20 {
        width: 83.33333%
    }

    .el-col-sm-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-sm-push-20 {
        left: 83.33333%;
        position: relative
    }

    .el-col-sm-21 {
        width: 87.5%
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-sm-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-sm-22 {
        width: 91.66667%
    }

    .el-col-sm-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-sm-push-22 {
        left: 91.66667%;
        position: relative
    }

    .el-col-sm-23 {
        width: 95.83333%
    }

    .el-col-sm-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-sm-push-23 {
        left: 95.83333%;
        position: relative
    }

    .el-col-sm-24 {
        width: 100%
    }

    .el-col-sm-offset-24 {
        margin-left: 100%
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-sm-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:992px) {
    .el-col-md-0 {
        display: none;
        width: 0
    }

    .el-col-md-offset-0 {
        margin-left: 0
    }

    .el-col-md-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-md-push-0 {
        left: 0;
        position: relative
    }

    .el-col-md-1 {
        width: 4.16667%
    }

    .el-col-md-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-md-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-md-2 {
        width: 8.33333%
    }

    .el-col-md-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-md-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-md-3 {
        width: 12.5%
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-md-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-md-4 {
        width: 16.66667%
    }

    .el-col-md-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-md-push-4 {
        left: 16.66667%;
        position: relative
    }

    .el-col-md-5 {
        width: 20.83333%
    }

    .el-col-md-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-md-push-5 {
        left: 20.83333%;
        position: relative
    }

    .el-col-md-6 {
        width: 25%
    }

    .el-col-md-offset-6 {
        margin-left: 25%
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-md-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-md-7 {
        width: 29.16667%
    }

    .el-col-md-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-md-push-7 {
        left: 29.16667%;
        position: relative
    }

    .el-col-md-8 {
        width: 33.33333%
    }

    .el-col-md-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-md-push-8 {
        left: 33.33333%;
        position: relative
    }

    .el-col-md-9 {
        width: 37.5%
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-md-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-md-10 {
        width: 41.66667%
    }

    .el-col-md-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-md-push-10 {
        left: 41.66667%;
        position: relative
    }

    .el-col-md-11 {
        width: 45.83333%
    }

    .el-col-md-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-md-push-11 {
        left: 45.83333%;
        position: relative
    }

    .el-col-md-12 {
        width: 50%
    }

    .el-col-md-offset-12 {
        margin-left: 50%
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-md-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-md-13 {
        width: 54.16667%
    }

    .el-col-md-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-md-push-13 {
        left: 54.16667%;
        position: relative
    }

    .el-col-md-14 {
        width: 58.33333%
    }

    .el-col-md-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-md-push-14 {
        left: 58.33333%;
        position: relative
    }

    .el-col-md-15 {
        width: 62.5%
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-md-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-md-16 {
        width: 66.66667%
    }

    .el-col-md-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-md-push-16 {
        left: 66.66667%;
        position: relative
    }

    .el-col-md-17 {
        width: 70.83333%
    }

    .el-col-md-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-md-push-17 {
        left: 70.83333%;
        position: relative
    }

    .el-col-md-18 {
        width: 75%
    }

    .el-col-md-offset-18 {
        margin-left: 75%
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-md-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-md-19 {
        width: 79.16667%
    }

    .el-col-md-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-md-push-19 {
        left: 79.16667%;
        position: relative
    }

    .el-col-md-20 {
        width: 83.33333%
    }

    .el-col-md-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-md-push-20 {
        left: 83.33333%;
        position: relative
    }

    .el-col-md-21 {
        width: 87.5%
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-md-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-md-22 {
        width: 91.66667%
    }

    .el-col-md-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-md-push-22 {
        left: 91.66667%;
        position: relative
    }

    .el-col-md-23 {
        width: 95.83333%
    }

    .el-col-md-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-md-push-23 {
        left: 95.83333%;
        position: relative
    }

    .el-col-md-24 {
        width: 100%
    }

    .el-col-md-offset-24 {
        margin-left: 100%
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-md-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:1200px) {
    .el-col-lg-0 {
        display: none;
        width: 0
    }

    .el-col-lg-offset-0 {
        margin-left: 0
    }

    .el-col-lg-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-lg-push-0 {
        left: 0;
        position: relative
    }

    .el-col-lg-1 {
        width: 4.16667%
    }

    .el-col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-lg-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-lg-2 {
        width: 8.33333%
    }

    .el-col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-lg-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-lg-3 {
        width: 12.5%
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-lg-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-lg-4 {
        width: 16.66667%
    }

    .el-col-lg-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-lg-push-4 {
        left: 16.66667%;
        position: relative
    }

    .el-col-lg-5 {
        width: 20.83333%
    }

    .el-col-lg-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-lg-push-5 {
        left: 20.83333%;
        position: relative
    }

    .el-col-lg-6 {
        width: 25%
    }

    .el-col-lg-offset-6 {
        margin-left: 25%
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-lg-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-lg-7 {
        width: 29.16667%
    }

    .el-col-lg-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-lg-push-7 {
        left: 29.16667%;
        position: relative
    }

    .el-col-lg-8 {
        width: 33.33333%
    }

    .el-col-lg-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-lg-push-8 {
        left: 33.33333%;
        position: relative
    }

    .el-col-lg-9 {
        width: 37.5%
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-lg-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-lg-10 {
        width: 41.66667%
    }

    .el-col-lg-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-lg-push-10 {
        left: 41.66667%;
        position: relative
    }

    .el-col-lg-11 {
        width: 45.83333%
    }

    .el-col-lg-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-lg-push-11 {
        left: 45.83333%;
        position: relative
    }

    .el-col-lg-12 {
        width: 50%
    }

    .el-col-lg-offset-12 {
        margin-left: 50%
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-lg-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-lg-13 {
        width: 54.16667%
    }

    .el-col-lg-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-lg-push-13 {
        left: 54.16667%;
        position: relative
    }

    .el-col-lg-14 {
        width: 58.33333%
    }

    .el-col-lg-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-lg-push-14 {
        left: 58.33333%;
        position: relative
    }

    .el-col-lg-15 {
        width: 62.5%
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-lg-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-lg-16 {
        width: 66.66667%
    }

    .el-col-lg-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-lg-push-16 {
        left: 66.66667%;
        position: relative
    }

    .el-col-lg-17 {
        width: 70.83333%
    }

    .el-col-lg-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-lg-push-17 {
        left: 70.83333%;
        position: relative
    }

    .el-col-lg-18 {
        width: 75%
    }

    .el-col-lg-offset-18 {
        margin-left: 75%
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-lg-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-lg-19 {
        width: 79.16667%
    }

    .el-col-lg-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-lg-push-19 {
        left: 79.16667%;
        position: relative
    }

    .el-col-lg-20 {
        width: 83.33333%
    }

    .el-col-lg-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-lg-push-20 {
        left: 83.33333%;
        position: relative
    }

    .el-col-lg-21 {
        width: 87.5%
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-lg-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-lg-22 {
        width: 91.66667%
    }

    .el-col-lg-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-lg-push-22 {
        left: 91.66667%;
        position: relative
    }

    .el-col-lg-23 {
        width: 95.83333%
    }

    .el-col-lg-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-lg-push-23 {
        left: 95.83333%;
        position: relative
    }

    .el-col-lg-24 {
        width: 100%
    }

    .el-col-lg-offset-24 {
        margin-left: 100%
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-lg-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:1920px) {
    .el-col-xl-0 {
        display: none;
        width: 0
    }

    .el-col-xl-offset-0 {
        margin-left: 0
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xl-push-0 {
        left: 0;
        position: relative
    }

    .el-col-xl-1 {
        width: 4.16667%
    }

    .el-col-xl-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xl-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-xl-2 {
        width: 8.33333%
    }

    .el-col-xl-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xl-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-xl-3 {
        width: 12.5%
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xl-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-xl-4 {
        width: 16.66667%
    }

    .el-col-xl-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xl-push-4 {
        left: 16.66667%;
        position: relative
    }

    .el-col-xl-5 {
        width: 20.83333%
    }

    .el-col-xl-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xl-push-5 {
        left: 20.83333%;
        position: relative
    }

    .el-col-xl-6 {
        width: 25%
    }

    .el-col-xl-offset-6 {
        margin-left: 25%
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xl-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-xl-7 {
        width: 29.16667%
    }

    .el-col-xl-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xl-push-7 {
        left: 29.16667%;
        position: relative
    }

    .el-col-xl-8 {
        width: 33.33333%
    }

    .el-col-xl-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xl-push-8 {
        left: 33.33333%;
        position: relative
    }

    .el-col-xl-9 {
        width: 37.5%
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xl-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-xl-10 {
        width: 41.66667%
    }

    .el-col-xl-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xl-push-10 {
        left: 41.66667%;
        position: relative
    }

    .el-col-xl-11 {
        width: 45.83333%
    }

    .el-col-xl-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xl-push-11 {
        left: 45.83333%;
        position: relative
    }

    .el-col-xl-12 {
        width: 50%
    }

    .el-col-xl-offset-12 {
        margin-left: 50%
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xl-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-xl-13 {
        width: 54.16667%
    }

    .el-col-xl-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xl-push-13 {
        left: 54.16667%;
        position: relative
    }

    .el-col-xl-14 {
        width: 58.33333%
    }

    .el-col-xl-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xl-push-14 {
        left: 58.33333%;
        position: relative
    }

    .el-col-xl-15 {
        width: 62.5%
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xl-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-xl-16 {
        width: 66.66667%
    }

    .el-col-xl-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xl-push-16 {
        left: 66.66667%;
        position: relative
    }

    .el-col-xl-17 {
        width: 70.83333%
    }

    .el-col-xl-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xl-push-17 {
        left: 70.83333%;
        position: relative
    }

    .el-col-xl-18 {
        width: 75%
    }

    .el-col-xl-offset-18 {
        margin-left: 75%
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xl-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-xl-19 {
        width: 79.16667%
    }

    .el-col-xl-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xl-push-19 {
        left: 79.16667%;
        position: relative
    }

    .el-col-xl-20 {
        width: 83.33333%
    }

    .el-col-xl-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xl-push-20 {
        left: 83.33333%;
        position: relative
    }

    .el-col-xl-21 {
        width: 87.5%
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xl-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-xl-22 {
        width: 91.66667%
    }

    .el-col-xl-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xl-push-22 {
        left: 91.66667%;
        position: relative
    }

    .el-col-xl-23 {
        width: 95.83333%
    }

    .el-col-xl-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xl-push-23 {
        left: 95.83333%;
        position: relative
    }

    .el-col-xl-24 {
        width: 100%
    }

    .el-col-xl-offset-24 {
        margin-left: 100%
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xl-push-24 {
        left: 100%;
        position: relative
    }
}

@-webkit-keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

.el-upload {
    cursor: pointer;
    display: inline-block;
    outline: 0;
    text-align: center
}

.el-upload__input {
    display: none
}

.el-upload__tip {
    color: #606266;
    font-size: 12px;
    margin-top: 7px
}

.el-upload iframe {
    filter: alpha(opacity=0);
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.el-upload--picture-card {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 148px;
    line-height: 146px;
    vertical-align: top;
    width: 148px
}

.el-upload--picture-card i {
    color: #8c939d;
    font-size: 28px
}

.el-upload--picture-card:hover,
.el-upload:focus {
    border-color: #409eff;
    color: #409eff
}

.el-upload:focus .el-upload-dragger {
    border-color: #409eff
}

.el-upload-dragger {
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 180px;
    overflow: hidden;
    text-align: center;
    width: 360px
}

.el-upload-dragger .el-icon-upload {
    color: #c0c4cc;
    font-size: 67px;
    line-height: 50px;
    margin: 40px 0 16px
}

.el-upload-dragger+.el-upload__tip {
    text-align: center
}

.el-upload-dragger~.el-upload__files {
    border-top: 1px solid #dcdfe6;
    margin-top: 7px;
    padding-top: 5px
}

.el-upload-dragger .el-upload__text {
    color: #606266;
    font-size: 14px;
    text-align: center
}

.el-upload-dragger .el-upload__text em {
    color: #409eff;
    font-style: normal
}

.el-upload-dragger:hover {
    border-color: #409eff
}

.el-upload-dragger.is-dragover {
    background-color: rgba(32, 159, 255, .06);
    border: 2px dashed #409eff
}

.el-upload-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.el-upload-list__item {
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    font-size: 14px;
    line-height: 1.8;
    margin-top: 5px;
    -webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
    transition: all .5s cubic-bezier(.55, 0, .1, 1);
    width: 100%
}

.el-upload-list__item .el-progress {
    position: absolute;
    top: 20px;
    width: 100%
}

.el-upload-list__item .el-progress__text {
    position: absolute;
    right: 0;
    top: -13px
}

.el-upload-list__item .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-upload-list__item:first-child {
    margin-top: 10px
}

.el-upload-list__item .el-icon-upload-success {
    color: #67c23a
}

.el-upload-list__item .el-icon-close {
    color: #606266;
    cursor: pointer;
    display: none;
    opacity: .75;
    position: absolute;
    right: 5px;
    top: 5px
}

.el-upload-list__item .el-icon-close:hover {
    opacity: 1
}

.el-upload-list__item .el-icon-close-tip {
    color: #409eff;
    cursor: pointer;
    display: none;
    font-size: 12px;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 5px
}

.el-upload-list__item:hover .el-icon-close {
    display: inline-block
}

.el-upload-list__item:hover .el-progress__text {
    display: none
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus,
.el-upload-list__item.is-success .el-upload-list__item-name:hover {
    color: #409eff;
    cursor: pointer
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: inline-block
}

.el-upload-list__item.is-success:active,
.el-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0
}

.el-upload-list__item.is-success:active .el-icon-close-tip,
.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,
.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none
}

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item-name {
    color: #606266;
    display: block;
    margin-right: 40px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    -webkit-transition: color .3s;
    transition: color .3s;
    white-space: nowrap
}

.el-upload-list__item-name [class^=el-icon] {
    color: #909399;
    height: 100%;
    line-height: inherit;
    margin-right: 7px
}

.el-upload-list__item-status-label {
    display: none;
    line-height: inherit;
    position: absolute;
    right: 5px;
    top: 0
}

.el-upload-list__item-delete {
    color: #606266;
    display: none;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 0
}

.el-upload-list__item-delete:hover {
    color: #409eff
}

.el-upload-list--picture-card {
    display: inline;
    margin: 0;
    vertical-align: top
}

.el-upload-list--picture-card .el-upload-list__item {
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 148px;
    margin: 0 8px 8px 0;
    overflow: hidden;
    width: 148px
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-check,
.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
    color: #fff
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-close,
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture-card .el-upload-list__item-name {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    height: 100%;
    width: 100%
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    background: #13ce66;
    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    height: 24px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 40px
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.el-upload-list--picture-card .el-upload-list__item-actions {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    cursor: default;
    font-size: 20px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 100%
}

.el-upload-list--picture-card .el-upload-list__item-actions:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
    cursor: pointer;
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-actions span+span {
    margin-left: 15px
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    color: inherit;
    font-size: inherit;
    position: static
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
    display: inline-block
}

.el-upload-list--picture-card .el-progress {
    bottom: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 126px
}

.el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%
}

.el-upload-list--picture .el-upload-list__item {
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 92px;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px 10px 10px 90px;
    z-index: 0
}

.el-upload-list--picture .el-upload-list__item .el-icon-check,
.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
    color: #fff
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    right: -12px;
    top: -2px
}

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
    line-height: 70px;
    margin-top: 0
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
    display: none
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    background-color: #fff;
    display: inline-block;
    float: left;
    height: 70px;
    margin-left: -80px;
    position: relative;
    vertical-align: middle;
    width: 70px;
    z-index: 1
}

.el-upload-list--picture .el-upload-list__item-name {
    display: block;
    margin-top: 20px
}

.el-upload-list--picture .el-upload-list__item-name i {
    font-size: 70px;
    left: 9px;
    line-height: 1;
    position: absolute;
    top: 10px
}

.el-upload-list--picture .el-upload-list__item-status-label {
    background: #13ce66;
    -webkit-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    height: 26px;
    position: absolute;
    right: -17px;
    text-align: center;
    top: -7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 46px
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.el-upload-list--picture .el-progress {
    position: relative;
    top: -7px
}

.el-upload-cover {
    cursor: default;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.el-upload-cover:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-upload-cover img {
    display: block;
    height: 100%;
    width: 100%
}

.el-upload-cover__label {
    background: #13ce66;
    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    height: 24px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 40px
}

.el-upload-cover__label i {
    color: #fff;
    font-size: 12px;
    margin-top: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.el-upload-cover__progress {
    display: inline-block;
    position: static;
    vertical-align: middle;
    width: 243px
}

.el-upload-cover__progress+.el-upload__inner {
    opacity: 0
}

.el-upload-cover__content {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.el-upload-cover__interact {
    background-color: rgba(0, 0, 0, .72);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.el-upload-cover__interact .btn {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-top: 60px;
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    vertical-align: middle
}

.el-upload-cover__interact .btn span {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px
}

.el-upload-cover__interact .btn:hover {
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px)
}

.el-upload-cover__interact .btn:hover span {
    opacity: 1
}

.el-upload-cover__interact .btn i {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px
}

.el-upload-cover__title {
    background-color: #fff;
    bottom: 0;
    color: #303133;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    left: 0;
    line-height: 36px;
    margin: 0;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.el-upload-cover+.el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
}

.el-progress {
    line-height: 1;
    position: relative
}

.el-progress__text {
    color: #606266;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-left: 10px;
    vertical-align: middle
}

.el-progress__text i {
    display: block;
    vertical-align: middle
}

.el-progress--circle,
.el-progress--dashboard {
    display: inline-block
}

.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.el-progress--circle .el-progress__text i,
.el-progress--dashboard .el-progress__text i {
    display: inline-block;
    vertical-align: middle
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    display: block;
    margin-right: 0;
    padding-right: 0
}

.el-progress--text-inside .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: #67c23a
}

.el-progress.is-success .el-progress__text {
    color: #67c23a
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: #e6a23c
}

.el-badge__content,
.el-progress.is-exception .el-progress-bar__inner {
    background-color: #f56c6c
}

.el-progress.is-warning .el-progress__text {
    color: #e6a23c
}

.el-progress.is-exception .el-progress__text {
    color: #f56c6c
}

.el-progress-bar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: -55px;
    padding-right: 50px;
    vertical-align: middle;
    width: 100%
}

.el-card__header,
.el-message,
.el-step__icon {
    -webkit-box-sizing: border-box
}

.el-progress-bar__outer {
    background-color: #ebeef5;
    border-radius: 100px;
    height: 6px;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    background-color: #409eff;
    border-radius: 100px;
    height: 100%;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: right;
    top: 0;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    white-space: nowrap
}

.el-progress-bar__inner:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-progress-bar__innerText {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    vertical-align: middle
}

@keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

.el-time-spinner {
    white-space: nowrap;
    width: 100%
}

.el-spinner {
    display: inline-block;
    vertical-align: middle
}

.el-spinner-inner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 50px;
    width: 50px
}

.el-spinner-inner .path {
    stroke: #ececec;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.el-message {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #edf2fc;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    min-width: 380px;
    overflow: hidden;
    padding: 15px 15px 15px 20px;
    position: fixed;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity .3s, top .4s, -webkit-transform .4s;
    -webkit-transition: opacity .3s, top .4s, -webkit-transform .4s;
    transition: opacity .3s, transform .4s, top .4s;
    transition: opacity .3s, transform .4s, top .4s, -webkit-transform .4s
}

.el-message.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.el-message.is-closable .el-message__content {
    padding-right: 16px
}

.el-message p {
    margin: 0
}

.el-message--info .el-message__content {
    color: #909399
}

.el-message--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8
}

.el-message--success .el-message__content {
    color: #67c23a
}

.el-message--warning {
    background-color: #fdf6ec;
    border-color: #faecd8
}

.el-message--warning .el-message__content {
    color: #e6a23c
}

.el-message--error {
    background-color: #fef0f0;
    border-color: #fde2e2
}

.el-message--error .el-message__content {
    color: #f56c6c
}

.el-message__icon {
    margin-right: 10px
}

.el-message__content {
    font-size: 14px;
    line-height: 1;
    padding: 0
}

.el-message__content:focus {
    outline-width: 0
}

.el-message__closeBtn {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-message__closeBtn:focus {
    outline-width: 0
}

.el-message__closeBtn:hover {
    color: #909399
}

.el-message .el-icon-success {
    color: #67c23a
}

.el-message .el-icon-error {
    color: #f56c6c
}

.el-message .el-icon-info {
    color: #909399
}

.el-message .el-icon-warning {
    color: #e6a23c
}

.el-message-fade-enter,
.el-message-fade-leave-active {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.el-badge {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.el-badge__content {
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap
}

.el-badge__content.is-fixed {
    position: absolute;
    right: 10px;
    top: 0;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%)
}

.el-rate__icon,
.el-rate__item {
    display: inline-block;
    position: relative
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    border-radius: 50%;
    height: 8px;
    padding: 0;
    right: 0;
    width: 8px
}

.el-badge__content--primary {
    background-color: #409eff
}

.el-badge__content--success {
    background-color: #67c23a
}

.el-badge__content--warning {
    background-color: #e6a23c
}

.el-badge__content--info {
    background-color: #909399
}

.el-badge__content--danger {
    background-color: #f56c6c
}

.el-card {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    color: #303133;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-card__header {
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 20px
}

.el-card__body,
.el-main {
    padding: 20px
}

.el-rate {
    height: 20px;
    line-height: 1
}

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

.el-rate__item {
    font-size: 0;
    vertical-align: middle
}

.el-rate__icon {
    color: #c0c4cc;
    font-size: 18px;
    margin-right: 6px;
    -webkit-transition: .3s;
    transition: .3s
}

.el-rate__decimal,
.el-rate__icon .path2 {
    left: 0;
    position: absolute;
    top: 0
}

.el-rate__icon.hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.el-rate__decimal {
    display: inline-block;
    overflow: hidden
}

.el-step.is-vertical,
.el-steps {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-rate__text {
    font-size: 14px;
    vertical-align: middle
}

.el-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-steps--simple {
    background: #f5f7fa;
    border-radius: 4px;
    padding: 13px 8%
}

.el-steps--horizontal {
    white-space: nowrap
}

.el-steps--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%
}

.el-step {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative
}

.el-step:last-of-type .el-step__line {
    display: none
}

.el-step:last-of-type.is-flex {
    -ms-flex-preferred-size: auto !important;
    -ms-flex-negative: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-basis: auto !important;
    flex-grow: 0;
    flex-shrink: 0
}

.el-step:last-of-type .el-step__description,
.el-step:last-of-type .el-step__main {
    padding-right: 0
}

.el-step__head {
    position: relative;
    width: 100%
}

.el-step__head.is-process {
    border-color: #303133;
    color: #303133
}

.el-step__head.is-wait {
    border-color: #c0c4cc;
    color: #c0c4cc
}

.el-step__head.is-success {
    border-color: #67c23a;
    color: #67c23a
}

.el-step__head.is-error {
    border-color: #f56c6c;
    color: #f56c6c
}

.el-step__head.is-finish {
    border-color: #409eff;
    color: #409eff
}

.el-step__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    height: 24px;
    justify-content: center;
    position: relative;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    width: 24px;
    z-index: 1
}

.el-step.is-horizontal,
.el-step__icon-inner {
    display: inline-block
}

.el-step__icon.is-text {
    border: 2px solid;
    border-color: inherit;
    border-radius: 50%
}

.el-step__icon.is-icon {
    width: 40px
}

.el-step__icon-inner {
    color: inherit;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 25px;
    font-weight: 400
}

.el-step__icon-inner.is-status {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.el-step__line {
    background-color: #c0c4cc;
    border-color: inherit;
    position: absolute
}

.el-step__line-inner {
    border: 1px solid;
    border-color: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    width: 0
}

.el-step__main {
    text-align: left;
    white-space: normal
}

.el-step__title {
    font-size: 16px;
    line-height: 38px
}

.el-step__title.is-process {
    color: #303133;
    font-weight: 700
}

.el-step__title.is-wait {
    color: #c0c4cc
}

.el-step__title.is-success {
    color: #67c23a
}

.el-step__title.is-error {
    color: #f56c6c
}

.el-step__title.is-finish {
    color: #409eff
}

.el-step__description {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: -5px;
    padding-right: 10%
}

.el-step__description.is-process {
    color: #303133
}

.el-step__description.is-wait {
    color: #c0c4cc
}

.el-step__description.is-success {
    color: #67c23a
}

.el-step__description.is-error {
    color: #f56c6c
}

.el-step__description.is-finish {
    color: #409eff
}

.el-step.is-horizontal .el-step__line {
    height: 2px;
    left: 0;
    right: 0;
    top: 11px
}

.el-step.is-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-step.is-vertical .el-step__head {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 24px
}

.el-step.is-vertical .el-step__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 10px
}

.el-step.is-vertical .el-step__title {
    line-height: 24px;
    padding-bottom: 8px
}

.el-step.is-vertical .el-step__line {
    bottom: 0;
    left: 11px;
    top: 0;
    width: 2px
}

.el-step.is-vertical .el-step__icon.is-icon {
    width: 24px
}

.el-step.is-center .el-step__head,
.el-step.is-center .el-step__main {
    text-align: center
}

.el-step.is-center .el-step__description {
    padding-left: 20%;
    padding-right: 20%
}

.el-step.is-center .el-step__line {
    left: 50%;
    right: -50%
}

.el-step.is-simple {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-step.is-simple .el-step__head {
    font-size: 0;
    padding-right: 10px;
    width: auto
}

.el-step.is-simple .el-step__icon {
    background: 0 0;
    font-size: 12px;
    height: 16px;
    width: 16px
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 18px
}

.el-step.is-simple .el-step__icon-inner.is-status {
    -webkit-transform: scale(.8) translateY(1px);
    transform: scale(.8) translateY(1px)
}

.el-step.is-simple .el-step__main {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    position: relative
}

.el-step.is-simple .el-step__title {
    font-size: 16px;
    line-height: 20px
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
    max-width: 50%;
    word-break: break-all
}

.el-step.is-simple .el-step__arrow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.el-step.is-simple .el-step__arrow:after,
.el-step.is-simple .el-step__arrow:before {
    background: #c0c4cc;
    content: "";
    display: inline-block;
    height: 15px;
    position: absolute;
    width: 1px
}

.el-step.is-simple .el-step__arrow:before {
    -webkit-transform: rotate(-45deg) translateY(-4px);
    transform: rotate(-45deg) translateY(-4px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.el-step.is-simple .el-step__arrow:after {
    -webkit-transform: rotate(45deg) translateY(4px);
    transform: rotate(45deg) translateY(4px);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.el-step.is-simple:last-of-type .el-step__arrow {
    display: none
}

.el-carousel {
    position: relative
}

.el-carousel--horizontal {
    overflow-x: hidden
}

.el-carousel--vertical {
    overflow-y: hidden
}

.el-carousel__container {
    height: 300px;
    position: relative
}

.el-carousel__arrow {
    background-color: rgba(31, 45, 61, .11);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 36px;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s;
    width: 36px;
    z-index: 10
}

.el-carousel__arrow--left {
    left: 16px
}

.el-carousel__arrow:hover {
    background-color: rgba(31, 45, 61, .23)
}

.el-carousel__arrow i {
    cursor: pointer
}

.el-carousel__indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2
}

.el-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.el-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-carousel__indicators--outside {
    bottom: 26px;
    position: static;
    text-align: center;
    -webkit-transform: none;
    transform: none
}

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
    opacity: .64
}

.el-carousel__indicators--outside button {
    background-color: #c0c4cc;
    opacity: .24
}

.el-carousel__indicators--labels {
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: none;
    transform: none
}

.el-carousel__indicators--labels .el-carousel__button {
    font-size: 12px;
    height: auto;
    padding: 2px 18px;
    width: auto
}

.el-carousel__indicators--labels .el-carousel__indicator {
    padding: 6px 4px
}

.el-carousel__indicator {
    background-color: transparent;
    cursor: pointer
}

.el-carousel__indicator:hover button {
    opacity: .72
}

.el-carousel__indicator--horizontal {
    display: inline-block;
    padding: 12px 4px
}

.el-carousel__indicator--vertical {
    padding: 4px 12px
}

.el-carousel__indicator--vertical .el-carousel__button {
    height: 15px;
    width: 2px
}

.el-carousel__indicator.is-active button {
    opacity: 1
}

.el-carousel__button {
    background-color: #fff;
    border: none;
    cursor: pointer;
    display: block;
    height: 2px;
    margin: 0;
    opacity: .48;
    outline: 0;
    padding: 0;
    -webkit-transition: .3s;
    transition: .3s;
    width: 30px
}

.el-carousel__item,
.el-carousel__mask {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(-10px);
    transform: translateY(-50%) translateX(-10px)
}

.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(10px);
    transform: translateY(-50%) translateX(10px)
}

.el-carousel__item {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    z-index: 0
}

.el-carousel__item.is-active {
    z-index: 2
}

.el-carousel__item--card,
.el-carousel__item.is-animating {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.el-carousel__item--card {
    width: 50%
}

.el-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
    opacity: .12
}

.el-carousel__item--card.is-active {
    z-index: 2
}

.el-carousel__mask {
    background-color: #fff;
    opacity: .24;
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
    transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-fade-in-enter,
.el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
    transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
    opacity: 0;
    -webkit-transform: scale(.45);
    transform: scale(.45)
}

.collapse-transition {
    -webkit-transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out;
    transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
    -webkit-transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out;
    transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out
}

.el-list-enter-active,
.el-list-leave-active {
    -webkit-transition: all 1s;
    transition: all 1s
}

.el-list-enter,
.el-list-leave-active {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.el-opacity-transition {
    -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1);
    transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
}

.el-collapse {
    border-bottom: 1px solid #ebeef5;
    border-top: 1px solid #ebeef5
}

.el-collapse-item.is-disabled .el-collapse-item__header {
    color: #bbb;
    cursor: not-allowed
}

.el-collapse-item__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #ebeef5;
    color: #303133;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    outline: 0;
    -webkit-transition: border-bottom-color .3s;
    transition: border-bottom-color .3s
}

.el-collapse-item__arrow {
    font-weight: 300;
    margin: 0 8px 0 auto;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.el-collapse-item__arrow.is-active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: #409eff
}

.el-collapse-item__header.is-active {
    border-bottom-color: transparent
}

.el-collapse-item__wrap {
    background-color: #fff;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    will-change: height
}

.el-cascader__search-input,
.el-cascader__tags,
.el-tag {
    -webkit-box-sizing: border-box
}

.el-collapse-item__content {
    color: #303133;
    font-size: 13px;
    line-height: 1.769230769230769;
    padding-bottom: 25px
}

.el-collapse-item:last-child {
    margin-bottom: -1px
}

.el-popper .popper__arrow,
.el-popper .popper__arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.el-cascader,
.el-tag {
    display: inline-block
}

.el-popper .popper__arrow {
    border-width: 6px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.el-popper .popper__arrow:after {
    border-width: 6px;
    content: " "
}

.el-popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-popper[x-placement^=top] .popper__arrow {
    border-bottom-width: 0;
    border-top-color: #ebeef5;
    bottom: -6px;
    left: 50%;
    margin-right: 3px
}

.el-popper[x-placement^=top] .popper__arrow:after {
    border-bottom-width: 0;
    border-top-color: #fff;
    bottom: 1px;
    margin-left: -6px
}

.el-popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #ebeef5;
    border-top-width: 0;
    left: 50%;
    margin-right: 3px;
    top: -6px
}

.el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff;
    border-top-width: 0;
    margin-left: -6px;
    top: 1px
}

.el-popper[x-placement^=right] {
    margin-left: 12px
}

.el-popper[x-placement^=right] .popper__arrow {
    border-left-width: 0;
    border-right-color: #ebeef5;
    left: -6px;
    margin-bottom: 3px;
    top: 50%
}

.el-popper[x-placement^=right] .popper__arrow:after {
    border-left-width: 0;
    border-right-color: #fff;
    bottom: -6px;
    left: 1px
}

.el-popper[x-placement^=left] {
    margin-right: 12px
}

.el-popper[x-placement^=left] .popper__arrow {
    border-left-color: #ebeef5;
    border-right-width: 0;
    margin-bottom: 3px;
    right: -6px;
    top: 50%
}

.el-popper[x-placement^=left] .popper__arrow:after {
    border-left-color: #fff;
    border-right-width: 0;
    bottom: -6px;
    margin-left: -6px;
    right: 1px
}

.el-tag {
    background-color: #ecf5ff;
    border: 1px solid #d9ecff;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #409eff;
    font-size: 12px;
    height: 32px;
    line-height: 30px;
    padding: 0 10px;
    white-space: nowrap
}

.el-tag.is-hit {
    border-color: #409eff
}

.el-tag .el-tag__close {
    color: #409eff
}

.el-tag .el-tag__close:hover {
    background-color: #409eff;
    color: #fff
}

.el-tag.el-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399
}

.el-tag.el-tag--info.is-hit {
    border-color: #909399
}

.el-tag.el-tag--info .el-tag__close {
    color: #909399
}

.el-tag.el-tag--info .el-tag__close:hover {
    background-color: #909399;
    color: #fff
}

.el-tag.el-tag--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a
}

.el-tag.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag.el-tag--success .el-tag__close {
    color: #67c23a
}

.el-tag.el-tag--success .el-tag__close:hover {
    background-color: #67c23a;
    color: #fff
}

.el-tag.el-tag--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c
}

.el-tag.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.el-tag.el-tag--warning .el-tag__close {
    color: #e6a23c
}

.el-tag.el-tag--warning .el-tag__close:hover {
    background-color: #e6a23c;
    color: #fff
}

.el-tag.el-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c
}

.el-tag.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.el-tag.el-tag--danger .el-tag__close {
    color: #f56c6c
}

.el-tag.el-tag--danger .el-tag__close:hover {
    background-color: #f56c6c;
    color: #fff
}

.el-tag .el-icon-close {
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    position: relative;
    right: -5px;
    text-align: center;
    top: -1px;
    vertical-align: middle;
    width: 16px
}

.el-tag .el-icon-close:before {
    display: block
}

.el-tag--dark {
    background-color: #409eff;
    color: #fff
}

.el-tag--dark,
.el-tag--dark.is-hit {
    border-color: #409eff
}

.el-tag--dark .el-tag__close {
    color: #fff
}

.el-tag--dark .el-tag__close:hover {
    background-color: #66b1ff;
    color: #fff
}

.el-tag--dark.el-tag--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff
}

.el-tag--dark.el-tag--info.is-hit {
    border-color: #909399
}

.el-tag--dark.el-tag--info .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
    background-color: #a6a9ad;
    color: #fff
}

.el-tag--dark.el-tag--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag--dark.el-tag--success .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
    background-color: #85ce61;
    color: #fff
}

.el-tag--dark.el-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.el-tag--dark.el-tag--warning .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
    background-color: #ebb563;
    color: #fff
}

.el-tag--dark.el-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.el-tag--dark.el-tag--danger .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
    background-color: #f78989;
    color: #fff
}

.el-tag--plain {
    background-color: #fff;
    border-color: #b3d8ff;
    color: #409eff
}

.el-tag--plain.is-hit {
    border-color: #409eff
}

.el-tag--plain .el-tag__close {
    color: #409eff
}

.el-tag--plain .el-tag__close:hover {
    background-color: #409eff;
    color: #fff
}

.el-tag--plain.el-tag--info {
    background-color: #fff;
    border-color: #d3d4d6;
    color: #909399
}

.el-tag--plain.el-tag--info.is-hit {
    border-color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close {
    color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
    background-color: #909399;
    color: #fff
}

.el-tag--plain.el-tag--success {
    background-color: #fff;
    border-color: #c2e7b0;
    color: #67c23a
}

.el-tag--plain.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag--plain.el-tag--success .el-tag__close {
    color: #67c23a
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
    background-color: #67c23a;
    color: #fff
}

.el-tag--plain.el-tag--warning {
    background-color: #fff;
    border-color: #f5dab1;
    color: #e6a23c
}

.el-tag--plain.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.el-tag--plain.el-tag--warning .el-tag__close {
    color: #e6a23c
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
    background-color: #e6a23c;
    color: #fff
}

.el-tag--plain.el-tag--danger {
    background-color: #fff;
    border-color: #fbc4c4;
    color: #f56c6c
}

.el-tag--plain.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.el-tag--plain.el-tag--danger .el-tag__close {
    color: #f56c6c
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
    background-color: #f56c6c;
    color: #fff
}

.el-tag--medium {
    height: 28px;
    line-height: 26px
}

.el-tag--medium .el-icon-close {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-tag--small {
    height: 24px;
    line-height: 22px;
    padding: 0 8px
}

.el-tag--small .el-icon-close {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.el-tag--mini {
    height: 20px;
    line-height: 19px;
    padding: 0 5px
}

.el-tag--mini .el-icon-close {
    margin-left: -3px;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.el-cascader {
    font-size: 14px;
    line-height: 40px;
    position: relative
}

.el-cascader:not(.is-disabled):hover .el-input__inner {
    border-color: #c0c4cc;
    cursor: pointer
}

.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
    border-color: #409eff
}

.el-cascader .el-input {
    cursor: pointer
}

.el-cascader .el-input .el-input__inner {
    text-overflow: ellipsis
}

.el-cascader .el-input .el-icon-arrow-down {
    font-size: 14px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.el-cascader .el-input .el-icon-arrow-down.is-reverse {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.el-cascader .el-input .el-icon-circle-close:hover {
    color: #909399
}

.el-cascader--medium {
    font-size: 14px;
    line-height: 36px
}

.el-cascader--small {
    font-size: 13px;
    line-height: 32px
}

.el-cascader--mini {
    font-size: 12px;
    line-height: 28px
}

.el-cascader.is-disabled .el-cascader__label {
    color: #c0c4cc;
    z-index: 2
}

.el-cascader__dropdown {
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    font-size: 14px;
    margin: 5px 0
}

.el-cascader__tags {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 0;
    line-height: normal;
    position: absolute;
    right: 30px;
    text-align: left;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-cascader__tags .el-tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f0f2f5;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 2px 0 2px 6px;
    max-width: 100%;
    text-overflow: ellipsis
}

.el-cascader__tags .el-tag:not(.is-hit) {
    border-color: transparent
}

.el-cascader__tags .el-tag>span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader__tags .el-tag .el-icon-close {
    -webkit-box-flex: 0;
    background-color: #c0c4cc;
    color: #fff;
    -ms-flex: none;
    flex: none
}

.el-cascader__tags .el-tag .el-icon-close:hover {
    background-color: #909399
}

.el-cascader__suggestion-panel {
    border-radius: 4px
}

.el-cascader__suggestion-list {
    color: #606266;
    font-size: 14px;
    margin: 0;
    max-height: 204px;
    padding: 6px 0;
    text-align: center
}

.el-cascader__suggestion-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    justify-content: space-between;
    outline: 0;
    padding: 0 15px;
    text-align: left
}

.el-cascader__suggestion-item:focus,
.el-cascader__suggestion-item:hover {
    background: #f5f7fa
}

.el-cascader__suggestion-item.is-checked {
    color: #409eff;
    font-weight: 700
}

.el-cascader__suggestion-item>span {
    margin-right: 10px
}

.el-cascader__empty-text {
    color: #c0c4cc;
    margin: 10px 0
}

.el-cascader__search-input {
    -webkit-box-flex: 1;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    -ms-flex: 1;
    flex: 1;
    height: 24px;
    margin: 2px 0 2px 15px;
    min-width: 60px;
    outline: 0;
    padding: 0
}

.el-cascader__search-input::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-cascader__search-input:-ms-input-placeholder {
    color: #c0c4cc
}

.el-cascader__search-input::-ms-input-placeholder {
    color: #c0c4cc
}

.el-cascader__search-input::-moz-placeholder {
    color: #c0c4cc
}

.el-cascader__search-input::placeholder {
    color: #c0c4cc
}

.el-color-predefine {
    font-size: 12px;
    margin-top: 8px;
    width: 280px
}

.el-color-predefine,
.el-color-predefine__colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-color-predefine__colors {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.el-color-predefine__color-selector {
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    margin: 0 0 8px 8px;
    width: 20px
}

.el-color-predefine__color-selector:nth-child(10n+1) {
    margin-left: 0
}

.el-color-predefine__color-selector.selected {
    -webkit-box-shadow: 0 0 3px 2px #409eff;
    box-shadow: 0 0 3px 2px #409eff
}

.el-color-predefine__color-selector>div {
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.el-color-predefine__color-selector.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-hue-slider {
    background-color: red;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 12px;
    padding: 0 2px;
    position: relative;
    width: 280px
}

.el-color-hue-slider__bar {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red));
    background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
    height: 100%;
    position: relative
}

.el-color-hue-slider__thumb {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 1
}

.el-color-hue-slider.is-vertical {
    height: 180px;
    padding: 2px 0;
    width: 12px
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red));
    background: linear-gradient(180deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.el-color-svpanel {
    height: 180px;
    position: relative;
    width: 280px
}

.el-color-svpanel__black,
.el-color-svpanel__white {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.el-color-svpanel__white {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.el-color-svpanel__black {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent)
}

.el-color-svpanel__cursor {
    position: absolute
}

.el-color-svpanel__cursor>div {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    cursor: head;
    height: 4px;
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
    width: 4px
}

.el-color-alpha-slider {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 12px;
    position: relative;
    width: 280px
}

.el-color-alpha-slider__bar {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
    height: 100%;
    position: relative
}

.el-color-alpha-slider__thumb {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 1
}

.el-color-alpha-slider.is-vertical {
    height: 180px;
    width: 20px
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.el-color-dropdown {
    width: 300px
}

.el-color-dropdown__main-wrapper {
    margin-bottom: 6px
}

.el-color-dropdown__main-wrapper:after {
    clear: both;
    display: table
}

.el-color-dropdown__btns {
    margin-top: 6px;
    text-align: right
}

.el-color-dropdown__value {
    color: #000;
    float: left;
    font-size: 12px;
    line-height: 26px;
    width: 160px
}

.el-color-dropdown__btn {
    background-color: transparent;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    outline: 0;
    padding: 0 20px
}

.el-color-dropdown__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-color-dropdown__btn:hover {
    border-color: #409eff;
    color: #409eff
}

.el-color-dropdown__link-btn {
    color: #409eff;
    cursor: pointer;
    font-size: 12px;
    padding: 15px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.el-color-dropdown__link-btn:hover {
    color: tint(#409eff, 20%)
}

.el-color-picker {
    display: inline-block;
    height: 40px;
    line-height: normal;
    position: relative
}

.el-color-picker.is-disabled .el-color-picker__trigger {
    cursor: not-allowed
}

.el-color-picker--medium {
    height: 36px
}

.el-color-picker--medium .el-color-picker__trigger {
    height: 36px;
    width: 36px
}

.el-color-picker--medium .el-color-picker__mask {
    height: 34px;
    width: 34px
}

.el-color-picker--small {
    height: 32px
}

.el-color-picker--small .el-color-picker__trigger {
    height: 32px;
    width: 32px
}

.el-color-picker--small .el-color-picker__mask {
    height: 30px;
    width: 30px
}

.el-color-picker--small .el-color-picker__empty,
.el-color-picker--small .el-color-picker__icon {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(.8);
    transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker--mini {
    height: 28px
}

.el-color-picker--mini .el-color-picker__trigger {
    height: 28px;
    width: 28px
}

.el-color-picker--mini .el-color-picker__mask {
    height: 26px;
    width: 26px
}

.el-color-picker--mini .el-color-picker__empty,
.el-color-picker--mini .el-color-picker__icon {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(.8);
    transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker__mask {
    background-color: hsla(0, 0%, 100%, .7);
    border-radius: 4px;
    cursor: not-allowed;
    height: 38px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 38px;
    z-index: 1
}

.el-color-picker__trigger {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 40px;
    padding: 4px;
    width: 40px
}

.el-color-picker__color,
.el-color-picker__trigger {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.el-color-picker__color {
    border: 1px solid #999;
    border-radius: 2px;
    display: block;
    height: 100%;
    text-align: center;
    width: 100%
}

.el-color-picker__icon,
.el-input,
.el-textarea {
    display: inline-block;
    width: 100%
}

.el-color-picker__color.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-picker__color-inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.el-color-picker__empty {
    color: #999
}

.el-color-picker__empty,
.el-color-picker__icon {
    font-size: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.el-color-picker__icon {
    color: #fff;
    text-align: center
}

.el-input__prefix,
.el-input__suffix {
    position: absolute;
    text-align: center;
    top: 0
}

.el-color-picker__panel {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 6px;
    position: absolute;
    z-index: 10
}

.el-input__inner,
.el-textarea__inner,
.el-transfer-panel {
    -webkit-box-sizing: border-box
}

.el-textarea {
    font-size: 14px;
    position: relative;
    vertical-align: bottom
}

.el-textarea__inner {
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: block;
    font-size: inherit;
    line-height: 1.5;
    padding: 5px 15px;
    resize: vertical;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea__inner:hover {
    border-color: #c0c4cc
}

.el-textarea__inner:focus {
    border-color: #409eff;
    outline: 0
}

.el-textarea .el-input__count {
    background: #fff;
    bottom: 5px;
    color: #909399;
    font-size: 12px;
    position: absolute;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea.is-exceed .el-textarea__inner {
    border-color: #f56c6c
}

.el-textarea.is-exceed .el-input__count {
    color: #f56c6c
}

.el-input {
    font-size: 14px;
    position: relative
}

.el-input::-webkit-scrollbar {
    width: 6px;
    z-index: 11
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    background: #b4bccc;
    border-radius: 5px;
    width: 6px
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px
}

.el-input .el-input__clear {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-input .el-input__clear:hover {
    color: #909399
}

.el-input .el-input__count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #909399;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    height: 100%
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input,
.el-input__inner {
    font-size: inherit
}

.el-input .el-input__count .el-input__count-inner {
    background: #fff;
    display: inline-block;
    line-height: normal;
    padding: 0 5px
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-input__inner::-ms-reveal {
    display: none
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-input__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input__inner:hover {
    border-color: #c0c4cc
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #409eff;
    outline: 0
}

.el-input__suffix {
    height: 100%;
    pointer-events: none;
    right: 5px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    left: 5px
}

.el-input__icon,
.el-input__prefix {
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.el-input__icon {
    line-height: 40px;
    text-align: center;
    width: 25px
}

.el-input__icon:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-image-viewer__btn,
.el-image__preview,
.el-link,
.el-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer
}

.el-input.is-exceed .el-input__inner {
    border-color: #f56c6c
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #f56c6c
}

.el-input--suffix .el-input__inner {
    padding-right: 30px
}

.el-input--prefix .el-input__inner {
    padding-left: 30px
}

.el-input--medium {
    font-size: 14px
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px
}

.el-input--medium .el-input__icon {
    line-height: 36px
}

.el-input--small {
    font-size: 13px
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px
}

.el-input--small .el-input__icon {
    line-height: 32px
}

.el-input--mini {
    font-size: 12px
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px
}

.el-input--mini .el-input__icon {
    line-height: 28px
}

.el-input-group {
    border-collapse: separate;
    border-spacing: 0;
    display: inline-table;
    line-height: normal;
    width: 100%
}

.el-input-group>.el-input__inner {
    display: table-cell;
    vertical-align: middle
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: #f5f7fa;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    color: #909399;
    display: table-cell;
    padding: 0 20px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: 1px
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: 0
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 0;
    border-top: 0;
    color: inherit
}

.el-input-group__prepend {
    border-right: 0
}

.el-input-group__append {
    border-bottom-left-radius: 0;
    border-left: 0;
    border-top-left-radius: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input-group--prepend .el-input__inner {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-input__inner::-ms-clear {
    display: none;
    height: 0;
    width: 0
}

.el-transfer {
    font-size: 14px
}

.el-transfer__buttons {
    display: inline-block;
    padding: 0 30px;
    vertical-align: middle
}

.el-transfer__button {
    background-color: #409eff;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 0;
    margin: 0 auto;
    padding: 10px
}

.el-button-group>.el-button+.el-button,
.el-transfer-panel__item+.el-transfer-panel__item,
.el-transfer__button [class*=el-icon-]+span {
    margin-left: 0
}

.el-divider__text,
.el-image__error,
.el-link,
.el-timeline,
.el-transfer__button i,
.el-transfer__button span {
    font-size: 14px
}

.el-transfer__button.is-with-texts {
    border-radius: 4px
}

.el-transfer__button.is-disabled,
.el-transfer__button.is-disabled:hover {
    background-color: #f5f7fa;
    border: 1px solid #dcdfe6;
    color: #c0c4cc
}

.el-transfer__button:first-child {
    margin-bottom: 10px
}

.el-transfer__button:nth-child(2) {
    margin: 0
}

.el-transfer-panel {
    background: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    max-height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 200px
}

.el-transfer-panel__body {
    height: 246px
}

.el-transfer-panel__body.is-with-footer {
    padding-bottom: 40px
}

.el-transfer-panel__list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 246px;
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 6px 0
}

.el-transfer-panel__list.is-filterable {
    height: 194px;
    padding-top: 0
}

.el-transfer-panel__item {
    display: block !important;
    height: 30px;
    line-height: 30px;
    padding-left: 15px
}

.el-transfer-panel__item.el-checkbox {
    color: #606266
}

.el-transfer-panel__item:hover {
    color: #409eff
}

.el-transfer-panel__item.el-checkbox .el-checkbox__label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    line-height: 30px;
    overflow: hidden;
    padding-left: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.el-transfer-panel__item .el-checkbox__input {
    position: absolute;
    top: 8px
}

.el-transfer-panel__filter {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 15px;
    text-align: center;
    width: auto
}

.el-transfer-panel__filter .el-input__inner {
    border-radius: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    padding-left: 30px;
    padding-right: 10px;
    width: 100%
}

.el-transfer-panel__filter .el-input__icon {
    margin-left: 5px
}

.el-transfer-panel .el-transfer-panel__header {
    background: #f5f7fa;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 15px
}

.el-container,
.el-header {
    -webkit-box-sizing: border-box
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox {
    display: block;
    line-height: 40px
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    color: #303133;
    font-size: 16px;
    font-weight: 400
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    color: #909399;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    right: 15px
}

.el-transfer-panel .el-transfer-panel__footer {
    background: #fff;
    border-top: 1px solid #ebeef5;
    bottom: 0;
    height: 40px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.el-transfer-panel .el-transfer-panel__footer:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-container,
.el-timeline-item__node {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
    color: #606266;
    padding-left: 20px
}

.el-transfer-panel .el-transfer-panel__empty {
    color: #909399;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 6px 15px 0;
    text-align: center
}

.el-transfer-panel .el-checkbox__label {
    padding-left: 8px
}

.el-transfer-panel .el-checkbox__inner {
    border-radius: 3px;
    height: 14px;
    width: 14px
}

.el-transfer-panel .el-checkbox__inner:after {
    height: 6px;
    left: 4px;
    width: 3px
}

.el-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-preferred-size: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    flex-basis: auto;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 0
}

.el-container.is-vertical,
.el-drawer,
.el-empty,
.el-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.el-container.is-vertical {
    -ms-flex-direction: column;
    flex-direction: column
}

.el-header {
    padding: 0 20px
}

.el-aside,
.el-header {
    -ms-flex-negative: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-shrink: 0
}

.el-aside,
.el-main {
    overflow: auto
}

.el-main {
    -webkit-box-flex: 1;
    -ms-flex-preferred-size: auto;
    display: block;
    -ms-flex: 1;
    flex: 1;
    flex-basis: auto
}

.el-footer,
.el-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 20px
}

.el-timeline {
    list-style: none;
    margin: 0
}

.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
    display: none
}

.el-timeline-item {
    padding-bottom: 20px;
    position: relative
}

.el-timeline-item__wrapper {
    padding-left: 28px;
    position: relative;
    top: -3px
}

.el-timeline-item__tail {
    border-left: 2px solid #e4e7ed;
    height: 100%;
    left: 4px;
    position: absolute
}

.el-timeline-item__icon {
    color: #fff;
    font-size: 13px
}

.el-timeline-item__node {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e4e7ed;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute
}

.el-image__error,
.el-timeline-item__dot {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-timeline-item__node--normal {
    height: 12px;
    left: -1px;
    width: 12px
}

.el-timeline-item__node--large {
    height: 14px;
    left: -2px;
    width: 14px
}

.el-timeline-item__node--primary {
    background-color: #409eff
}

.el-timeline-item__node--success {
    background-color: #67c23a
}

.el-timeline-item__node--warning {
    background-color: #e6a23c
}

.el-timeline-item__node--danger {
    background-color: #f56c6c
}

.el-timeline-item__node--info {
    background-color: #909399
}

.el-timeline-item__dot {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute
}

.el-timeline-item__content {
    color: #303133
}

.el-timeline-item__timestamp {
    color: #909399;
    font-size: 13px;
    line-height: 1
}

.el-timeline-item__timestamp.is-top {
    margin-bottom: 8px;
    padding-top: 4px
}

.el-timeline-item__timestamp.is-bottom {
    margin-top: 8px
}

.el-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-weight: 500;
    justify-content: center;
    outline: 0;
    padding: 0;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    vertical-align: middle
}

.el-link.is-underline:hover:after {
    border-bottom: 1px solid #409eff;
    bottom: 0;
    height: 0;
    left: 0;
    position: absolute;
    right: 0
}

.el-link.el-link--default:after,
.el-link.el-link--primary.is-underline:hover:after,
.el-link.el-link--primary:after {
    border-color: #409eff
}

.el-link.is-disabled {
    cursor: not-allowed
}

.el-link [class*=el-icon-]+span {
    margin-left: 5px
}

.el-link.el-link--default {
    color: #606266
}

.el-link.el-link--default:hover {
    color: #409eff
}

.el-link.el-link--default.is-disabled {
    color: #c0c4cc
}

.el-link.el-link--primary {
    color: #409eff
}

.el-link.el-link--primary:hover {
    color: #66b1ff
}

.el-link.el-link--primary.is-disabled {
    color: #a0cfff
}

.el-link.el-link--danger.is-underline:hover:after,
.el-link.el-link--danger:after {
    border-color: #f56c6c
}

.el-link.el-link--danger {
    color: #f56c6c
}

.el-link.el-link--danger:hover {
    color: #f78989
}

.el-link.el-link--danger.is-disabled {
    color: #fab6b6
}

.el-link.el-link--success.is-underline:hover:after,
.el-link.el-link--success:after {
    border-color: #67c23a
}

.el-link.el-link--success {
    color: #67c23a
}

.el-link.el-link--success:hover {
    color: #85ce61
}

.el-link.el-link--success.is-disabled {
    color: #b3e19d
}

.el-link.el-link--warning.is-underline:hover:after,
.el-link.el-link--warning:after {
    border-color: #e6a23c
}

.el-link.el-link--warning {
    color: #e6a23c
}

.el-link.el-link--warning:hover {
    color: #ebb563
}

.el-link.el-link--warning.is-disabled {
    color: #f3d19e
}

.el-link.el-link--info.is-underline:hover:after,
.el-link.el-link--info:after {
    border-color: #909399
}

.el-link.el-link--info {
    color: #909399
}

.el-link.el-link--info:hover {
    color: #a6a9ad
}

.el-link.el-link--info.is-disabled {
    color: #c8c9cc
}

.el-divider {
    background-color: #dcdfe6;
    position: relative
}

.el-divider--horizontal {
    display: block;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.el-divider--vertical {
    display: inline-block;
    height: 1em;
    margin: 0 8px;
    position: relative;
    vertical-align: middle;
    width: 1px
}

.el-divider__text {
    background-color: #fff;
    color: #303133;
    font-weight: 500;
    padding: 0 20px;
    position: absolute
}

.el-image__error,
.el-image__placeholder {
    background: #f5f7fa
}

.el-divider__text.is-left {
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-divider__text.is-center {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.el-divider__text.is-right {
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-image__error,
.el-image__inner,
.el-image__placeholder {
    height: 100%;
    width: 100%
}

.el-image {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.el-image__inner {
    vertical-align: top
}

.el-image__inner--center {
    display: block;
    left: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.el-image__error {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c0c4cc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    vertical-align: middle
}

.el-image-viewer__wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.el-image-viewer__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    opacity: .8;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.el-button,
.el-checkbox,
.el-checkbox-button__inner,
.el-empty__image img,
.el-radio {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.el-image-viewer__close {
    background-color: #606266;
    color: #fff;
    font-size: 24px;
    height: 40px;
    right: 40px;
    top: 40px;
    width: 40px
}

.el-image-viewer__canvas {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.el-image-viewer__actions {
    background-color: #606266;
    border-color: #fff;
    border-radius: 22px;
    bottom: 30px;
    height: 44px;
    left: 50%;
    padding: 0 23px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 282px
}

.el-image-viewer__actions__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    align-items: center;
    color: #fff;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 23px;
    height: 100%;
    justify-content: space-around;
    text-align: justify;
    width: 100%
}

.el-image-viewer__next,
.el-image-viewer__prev {
    background-color: #606266;
    border-color: #fff;
    color: #fff;
    font-size: 24px;
    height: 44px;
    top: 50%;
    width: 44px
}

.el-image-viewer__prev {
    left: 40px
}

.el-image-viewer__next,
.el-image-viewer__prev {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-image-viewer__next {
    right: 40px;
    text-indent: 2px
}

.el-image-viewer__mask {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.viewer-fade-enter-active {
    -webkit-animation: viewer-fade-in .3s;
    animation: viewer-fade-in .3s
}

.viewer-fade-leave-active {
    -webkit-animation: viewer-fade-out .3s;
    animation: viewer-fade-out .3s
}

@-webkit-keyframes viewer-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes viewer-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes viewer-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}

@keyframes viewer-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}

.el-button {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    outline: 0;
    padding: 12px 20px;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s;
    white-space: nowrap
}

.el-button+.el-button,
.el-checkbox.is-bordered+.el-checkbox.is-bordered {
    margin-left: 10px
}

.el-button:focus,
.el-button:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

.el-button:active {
    border-color: #3a8ee6;
    color: #3a8ee6;
    outline: 0
}

.el-button::-moz-focus-inner {
    border: 0
}

.el-button [class*=el-icon-]+span {
    margin-left: 5px
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
    background: #fff;
    border-color: #409eff;
    color: #409eff
}

.el-button.is-active,
.el-button.is-plain:active {
    border-color: #3a8ee6;
    color: #3a8ee6
}

.el-button.is-plain:active {
    background: #fff;
    outline: 0
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    background-color: #fff;
    background-image: none;
    border-color: #ebeef5;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-button.is-disabled.el-button--text {
    background-color: transparent
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
    background-color: #fff;
    border-color: #ebeef5;
    color: #c0c4cc
}

.el-button.is-loading {
    pointer-events: none;
    position: relative
}

.el-button.is-loading:before {
    background-color: hsla(0, 0%, 100%, .35);
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: -1px
}

.el-button.is-round {
    border-radius: 20px;
    padding: 12px 23px
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 12px
}

.el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.el-button--primary.is-active,
.el-button--primary:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff
}

.el-button--primary:active {
    outline: 0
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    background-color: #a0cfff;
    border-color: #a0cfff;
    color: #fff
}

.el-button--primary.is-plain {
    background: #ecf5ff;
    border-color: #b3d8ff;
    color: #409eff
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
    background: #409eff;
    border-color: #409eff;
    color: #fff
}

.el-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff;
    outline: 0
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
    background-color: #ecf5ff;
    border-color: #d9ecff;
    color: #8cc5ff
}

.el-button--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.el-button--success:focus,
.el-button--success:hover {
    background: #85ce61;
    border-color: #85ce61;
    color: #fff
}

.el-button--success.is-active,
.el-button--success:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff
}

.el-button--success:active {
    outline: 0
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
    background-color: #b3e19d;
    border-color: #b3e19d;
    color: #fff
}

.el-button--success.is-plain {
    background: #f0f9eb;
    border-color: #c2e7b0;
    color: #67c23a
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
    background: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.el-button--success.is-plain:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
    outline: 0
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #a4da89
}

.el-button--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff
}

.el-button--warning:focus,
.el-button--warning:hover {
    background: #ebb563;
    border-color: #ebb563;
    color: #fff
}

.el-button--warning.is-active,
.el-button--warning:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff
}

.el-button--warning:active {
    outline: 0
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
    background-color: #f3d19e;
    border-color: #f3d19e;
    color: #fff
}

.el-button--warning.is-plain {
    background: #fdf6ec;
    border-color: #f5dab1;
    color: #e6a23c
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
    background: #e6a23c;
    border-color: #e6a23c;
    color: #fff
}

.el-button--warning.is-plain:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff;
    outline: 0
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #f0c78a
}

.el-button--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff
}

.el-button--danger:focus,
.el-button--danger:hover {
    background: #f78989;
    border-color: #f78989;
    color: #fff
}

.el-button--danger.is-active,
.el-button--danger:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff
}

.el-button--danger:active {
    outline: 0
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
    background-color: #fab6b6;
    border-color: #fab6b6;
    color: #fff
}

.el-button--danger.is-plain {
    background: #fef0f0;
    border-color: #fbc4c4;
    color: #f56c6c
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
    background: #f56c6c;
    border-color: #f56c6c;
    color: #fff
}

.el-button--danger.is-plain:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff;
    outline: 0
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f9a7a7
}

.el-button--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff
}

.el-button--info:focus,
.el-button--info:hover {
    background: #a6a9ad;
    border-color: #a6a9ad;
    color: #fff
}

.el-button--info.is-active,
.el-button--info:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff
}

.el-button--info:active {
    outline: 0
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
    background-color: #c8c9cc;
    border-color: #c8c9cc;
    color: #fff
}

.el-button--info.is-plain {
    background: #f4f4f5;
    border-color: #d3d4d6;
    color: #909399
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
    background: #909399;
    border-color: #909399;
    color: #fff
}

.el-button--info.is-plain:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff;
    outline: 0
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #bcbec2
}

.el-button--medium {
    border-radius: 4px;
    font-size: 14px;
    padding: 10px 20px
}

.el-button--medium.is-round {
    padding: 10px 20px
}

.el-button--medium.is-circle {
    padding: 10px
}

.el-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 9px 15px
}

.el-button--small.is-round {
    padding: 9px 15px
}

.el-button--small.is-circle {
    padding: 9px
}

.el-button--mini,
.el-button--mini.is-round {
    padding: 7px 15px
}

.el-button--mini {
    border-radius: 3px;
    font-size: 12px
}

.el-button--mini.is-circle {
    padding: 7px
}

.el-button--text {
    background: 0 0;
    border-color: transparent;
    color: #409eff;
    padding-left: 0;
    padding-right: 0
}

.el-button--text:focus,
.el-button--text:hover {
    background-color: transparent;
    border-color: transparent;
    color: #66b1ff
}

.el-button--text:active {
    background-color: transparent;
    color: #3a8ee6
}

.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
    border-color: transparent
}

.el-button-group .el-button--danger:last-child,
.el-button-group .el-button--danger:not(:first-child):not(:last-child),
.el-button-group .el-button--info:last-child,
.el-button-group .el-button--info:not(:first-child):not(:last-child),
.el-button-group .el-button--primary:last-child,
.el-button-group .el-button--primary:not(:first-child):not(:last-child),
.el-button-group .el-button--success:last-child,
.el-button-group .el-button--success:not(:first-child):not(:last-child),
.el-button-group .el-button--warning:last-child,
.el-button-group .el-button--warning:not(:first-child):not(:last-child),
.el-button-group>.el-dropdown>.el-button {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:first-child,
.el-button-group .el-button--danger:not(:first-child):not(:last-child),
.el-button-group .el-button--info:first-child,
.el-button-group .el-button--info:not(:first-child):not(:last-child),
.el-button-group .el-button--primary:first-child,
.el-button-group .el-button--primary:not(:first-child):not(:last-child),
.el-button-group .el-button--success:first-child,
.el-button-group .el-button--success:not(:first-child):not(:last-child),
.el-button-group .el-button--warning:first-child,
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group {
    display: inline-block;
    vertical-align: middle
}

.el-button-group:after,
.el-button-group:before {
    display: table
}

.el-button-group:after {
    clear: both
}

.el-button-group>.el-button {
    float: left;
    position: relative
}

.el-button-group>.el-button.is-disabled {
    z-index: 1
}

.el-button-group>.el-button:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.el-button-group>.el-button:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-button-group>.el-button:first-child:last-child {
    border-radius: 4px
}

.el-button-group>.el-button:first-child:last-child.is-round {
    border-radius: 20px
}

.el-button-group>.el-button:first-child:last-child.is-circle {
    border-radius: 50%
}

.el-button-group>.el-button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.el-button-group>.el-button.is-active,
.el-button-group>.el-button:not(.is-disabled):active,
.el-button-group>.el-button:not(.is-disabled):focus,
.el-button-group>.el-button:not(.is-disabled):hover {
    z-index: 1
}

.el-button-group>.el-dropdown>.el-button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-calendar {
    background-color: #fff
}

.el-calendar__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #ebeef5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 12px 20px
}

.el-backtop,
.el-page-header {
    display: -webkit-box;
    display: -ms-flexbox
}

.el-calendar__title {
    -ms-flex-item-align: center;
    align-self: center;
    color: #000
}

.el-calendar__body {
    padding: 12px 20px 35px
}

.el-calendar-table {
    table-layout: fixed;
    width: 100%
}

.el-calendar-table thead th {
    color: #606266;
    font-weight: 400;
    padding: 12px 0
}

.el-calendar-table:not(.is-range) td.next,
.el-calendar-table:not(.is-range) td.prev {
    color: #c0c4cc
}

.el-backtop,
.el-calendar-table td.is-today {
    color: #409eff
}

.el-calendar-table td {
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    vertical-align: top
}

.el-calendar-table td.is-selected {
    background-color: #f2f8fe
}

.el-calendar-table tr:first-child td {
    border-top: 1px solid #ebeef5
}

.el-calendar-table tr td:first-child {
    border-left: 1px solid #ebeef5
}

.el-calendar-table tr.el-calendar-table__row--hide-border td {
    border-top: none
}

.el-calendar-table .el-calendar-day {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 85px;
    padding: 8px
}

.el-calendar-table .el-calendar-day:hover {
    background-color: #f2f8fe;
    cursor: pointer
}

.el-backtop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    height: 40px;
    justify-content: center;
    position: fixed;
    width: 40px;
    z-index: 5
}

.el-backtop:hover {
    background-color: #f2f6fc
}

.el-page-header {
    line-height: 24px
}

.el-page-header,
.el-page-header__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-page-header__left {
    cursor: pointer;
    margin-right: 40px;
    position: relative
}

.el-page-header__left:after {
    background-color: #dcdfe6;
    height: 16px;
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.el-checkbox,
.el-checkbox__input {
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.el-page-header__left .el-icon-back {
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 18px;
    margin-right: 6px
}

.el-page-header__title {
    font-size: 14px;
    font-weight: 500
}

.el-page-header__content {
    color: #303133;
    font-size: 18px
}

.el-checkbox {
    color: #606266;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin-right: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-checkbox.is-bordered {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    line-height: normal;
    padding: 9px 20px 9px 10px
}

.el-checkbox.is-bordered.is-checked {
    border-color: #409eff
}

.el-checkbox.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed
}

.el-checkbox.is-bordered.el-checkbox--medium {
    border-radius: 4px;
    height: 36px;
    padding: 7px 20px 7px 10px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
    font-size: 14px;
    line-height: 17px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
    border-radius: 3px;
    height: 32px;
    padding: 5px 15px 5px 10px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    font-size: 12px;
    line-height: 15px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox.is-bordered.el-checkbox--mini {
    border-radius: 3px;
    height: 28px;
    padding: 3px 15px 3px 10px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
    font-size: 12px;
    line-height: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox__input {
    cursor: pointer;
    line-height: 1;
    outline: 0;
    vertical-align: middle
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    border-color: #c0c4cc;
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
    cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: #c0c4cc
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: #c0c4cc;
    border-color: #c0c4cc
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #409eff;
    border-color: #409eff
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #409eff
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #409eff
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display: none
}

.el-checkbox__inner {
    background-color: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 14px;
    position: relative;
    -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
    width: 14px;
    z-index: 1
}

.el-checkbox__inner:hover {
    border-color: #409eff
}

.el-checkbox__inner:after {
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg) scaleY(0);
    transform: rotate(45deg) scaleY(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .15s ease-in .05s;
    transition: -webkit-transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
    width: 3px
}

.el-checkbox__original {
    height: 0;
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    width: 0;
    z-index: -1
}

.el-checkbox-button,
.el-checkbox-button__inner {
    display: inline-block;
    position: relative
}

.el-checkbox__label {
    display: inline-block;
    font-size: 14px;
    line-height: 19px;
    padding-left: 10px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

.el-checkbox-button__inner {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-left: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    outline: 0;
    padding: 12px 20px;
    text-align: center;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    vertical-align: middle;
    white-space: nowrap
}

.el-checkbox-button__inner.is-round {
    padding: 12px 20px
}

.el-checkbox-button__inner:hover {
    color: #409eff
}

.el-checkbox-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-checkbox-button__original {
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1
}

.el-radio,
.el-radio__inner,
.el-radio__input {
    display: inline-block;
    position: relative
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    background-color: #409eff;
    border-color: #409eff;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff;
    color: #fff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409eff
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    background-color: #fff;
    background-image: none;
    border-color: #ebeef5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: #ebeef5
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409eff
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0
}

.el-checkbox-button--medium .el-checkbox-button__inner {
    border-radius: 0;
    font-size: 14px;
    padding: 10px 20px
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 10px 20px
}

.el-checkbox-button--small .el-checkbox-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 9px 15px
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 9px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 7px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 7px 15px
}

.el-checkbox-group {
    font-size: 0
}

.el-avatar,
.el-cascader-panel,
.el-radio,
.el-radio--medium.is-bordered .el-radio__label,
.el-radio__label {
    font-size: 14px
}

.el-radio {
    color: #606266;
    cursor: pointer;
    font-weight: 500;
    line-height: 1;
    margin-right: 30px;
    outline: 0;
    white-space: nowrap
}

.el-cascader-node>.el-radio,
.el-radio:last-child {
    margin-right: 0
}

.el-radio.is-bordered {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 12px 20px 0 10px
}

.el-cascader-menu,
.el-cascader-menu__list,
.el-radio__inner {
    -webkit-box-sizing: border-box
}

.el-radio.is-bordered.is-checked {
    border-color: #409eff
}

.el-radio.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed
}

.el-radio.is-bordered+.el-radio.is-bordered {
    margin-left: 10px
}

.el-radio--medium.is-bordered {
    border-radius: 4px;
    height: 36px;
    padding: 10px 20px 0 10px
}

.el-radio--mini.is-bordered .el-radio__label,
.el-radio--small.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio--medium.is-bordered .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio--small.is-bordered {
    border-radius: 3px;
    height: 32px;
    padding: 8px 15px 0 10px
}

.el-radio--small.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio--mini.is-bordered {
    border-radius: 3px;
    height: 28px;
    padding: 6px 15px 0 10px
}

.el-radio--mini.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio__input {
    cursor: pointer;
    line-height: 1;
    outline: 0;
    vertical-align: middle;
    white-space: nowrap
}

.el-radio__input.is-disabled .el-radio__inner {
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner:after {
    background-color: #f5f7fa;
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
    cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: #c0c4cc
}

.el-radio__input.is-disabled+span.el-radio__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
    background: #409eff;
    border-color: #409eff
}

.el-radio__input.is-checked .el-radio__inner:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
    color: #409eff
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: #409eff
}

.el-radio__inner {
    background-color: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 14px;
    width: 14px
}

.el-radio__inner:hover {
    border-color: #409eff
}

.el-radio__inner:after {
    background-color: #fff;
    border-radius: 100%;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
    width: 4px
}

.el-radio__original {
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    -webkit-box-shadow: 0 0 2px 2px #409eff;
    box-shadow: 0 0 2px 2px #409eff
}

.el-radio__label {
    padding-left: 10px
}

.el-scrollbar {
    overflow: hidden;
    position: relative
}

.el-scrollbar:active>.el-scrollbar__bar,
.el-scrollbar:focus>.el-scrollbar__bar,
.el-scrollbar:hover>.el-scrollbar__bar {
    opacity: 1;
    -webkit-transition: opacity .34s ease-out;
    transition: opacity .34s ease-out
}

.el-scrollbar__wrap {
    height: 100%;
    overflow: scroll
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    height: 0;
    width: 0
}

.el-scrollbar__thumb {
    background-color: hsla(220, 4%, 58%, .3);
    border-radius: inherit;
    cursor: pointer;
    display: block;
    height: 0;
    position: relative;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 0
}

.el-scrollbar__thumb:hover {
    background-color: hsla(220, 4%, 58%, .5)
}

.el-scrollbar__bar {
    border-radius: 4px;
    bottom: 2px;
    opacity: 0;
    position: absolute;
    right: 2px;
    -webkit-transition: opacity .12s ease-out;
    transition: opacity .12s ease-out;
    z-index: 1
}

.el-scrollbar__bar.is-vertical {
    top: 2px;
    width: 6px
}

.el-scrollbar__bar.is-vertical>div {
    width: 100%
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
}

.el-scrollbar__bar.is-horizontal>div {
    height: 100%
}

.el-cascader-panel {
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-cascader-panel.is-bordered {
    border: 1px solid #e4e7ed;
    border-radius: 4px
}

.el-cascader-menu {
    border-right: 1px solid #e4e7ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    min-width: 180px
}

.el-cascader-menu:last-child {
    border-right: none
}

.el-cascader-menu__wrap {
    height: 204px
}

.el-cascader-menu__list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    min-height: 100%;
    padding: 6px 0;
    position: relative
}

.el-cascader-menu__hover-zone {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.el-cascader-menu__empty-text {
    color: #c0c4cc;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.el-cascader-node {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    line-height: 34px;
    outline: 0;
    padding: 0 30px 0 20px;
    position: relative
}

.el-cascader-node.is-selectable.in-active-path {
    color: #606266
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: #409eff;
    font-weight: 700
}

.el-cascader-node:not(.is-disabled) {
    cursor: pointer
}

.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
    background: #f5f7fa
}

.el-cascader-node.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-cascader-node__prefix {
    left: 10px;
    position: absolute
}

.el-cascader-node__postfix {
    position: absolute;
    right: 10px
}

.el-cascader-node__label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-cascader-node>.el-radio .el-radio__label {
    padding-left: 0
}

.el-avatar {
    background: #c0c4cc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    width: 40px
}

.el-drawer,
.el-drawer__body>* {
    -webkit-box-sizing: border-box
}

.el-avatar>img {
    display: block;
    height: 100%;
    vertical-align: middle
}

.el-empty__image img,
.el-empty__image svg {
    height: 100%;
    vertical-align: top;
    width: 100%
}

.el-avatar--circle {
    border-radius: 50%
}

.el-avatar--square {
    border-radius: 4px
}

.el-avatar--icon {
    font-size: 18px
}

.el-avatar--large {
    height: 40px;
    line-height: 40px;
    width: 40px
}

.el-avatar--medium {
    height: 36px;
    line-height: 36px;
    width: 36px
}

.el-avatar--small {
    height: 28px;
    line-height: 28px;
    width: 28px
}

@-webkit-keyframes el-drawer-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes el-drawer-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes rtl-drawer-in {
    0% {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes rtl-drawer-in {
    0% {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes rtl-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
}

@keyframes rtl-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
}

@-webkit-keyframes ltr-drawer-in {
    0% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes ltr-drawer-in {
    0% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes ltr-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}

@keyframes ltr-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}

@-webkit-keyframes ttb-drawer-in {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes ttb-drawer-in {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes ttb-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes ttb-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes btt-drawer-in {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes btt-drawer-in {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes btt-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes btt-drawer-out {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.el-drawer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
    overflow: hidden;
    position: absolute
}

.el-drawer.rtl {
    -webkit-animation: rtl-drawer-out .3s;
    animation: rtl-drawer-out .3s;
    right: 0
}

.el-drawer__open .el-drawer.rtl {
    -webkit-animation: rtl-drawer-in .3s 1ms;
    animation: rtl-drawer-in .3s 1ms
}

.el-drawer.ltr {
    -webkit-animation: ltr-drawer-out .3s;
    animation: ltr-drawer-out .3s;
    left: 0
}

.el-drawer__open .el-drawer.ltr {
    -webkit-animation: ltr-drawer-in .3s 1ms;
    animation: ltr-drawer-in .3s 1ms
}

.el-drawer.ttb {
    -webkit-animation: ttb-drawer-out .3s;
    animation: ttb-drawer-out .3s;
    top: 0
}

.el-drawer__open .el-drawer.ttb {
    -webkit-animation: ttb-drawer-in .3s 1ms;
    animation: ttb-drawer-in .3s 1ms
}

.el-drawer.btt {
    -webkit-animation: btt-drawer-out .3s;
    animation: btt-drawer-out .3s;
    bottom: 0
}

.el-drawer__open .el-drawer.btt {
    -webkit-animation: btt-drawer-in .3s 1ms;
    animation: btt-drawer-in .3s 1ms
}

.el-drawer__wrapper {
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0
}

.el-drawer__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #72767b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    padding: 20px 20px 0
}

.el-drawer__header>:first-child,
.el-drawer__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.el-drawer__title {
    font-size: 1rem;
    line-height: inherit;
    margin: 0
}

.el-drawer__close-btn {
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 20px
}

.el-drawer__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto
}

.el-drawer__body>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-drawer.ltr,
.el-drawer.rtl {
    bottom: 0;
    height: 100%;
    top: 0
}

.el-drawer.btt,
.el-drawer.ttb,
.el-drawer__container {
    left: 0;
    right: 0;
    width: 100%
}

.el-drawer__container {
    bottom: 0;
    height: 100%;
    position: relative;
    top: 0
}

.el-drawer-fade-enter-active {
    -webkit-animation: el-drawer-fade-in .3s;
    animation: el-drawer-fade-in .3s
}

.el-drawer-fade-leave-active {
    animation: el-drawer-fade-in .3s reverse
}

.el-statistic {
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-variant: tabular-nums;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.el-statistic .head {
    color: #606266;
    font-size: 13px;
    margin-bottom: 4px
}

.el-statistic .con {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #303133;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Sans-serif;
    justify-content: center
}

.el-statistic .con .number {
    font-size: 20px;
    padding: 0 4px
}

.el-statistic .con span {
    display: inline-block;
    line-height: 100%;
    margin: 0
}

.el-popconfirm__main,
.el-skeleton__image {
    -webkit-box-align: center;
    display: -ms-flexbox;
    display: -webkit-box
}

.el-popconfirm__main {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-popconfirm__icon {
    margin-right: 5px
}

.el-popconfirm__action {
    margin: 0;
    text-align: right
}

@-webkit-keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.el-skeleton {
    width: 100%
}

.el-skeleton__first-line,
.el-skeleton__paragraph {
    background: #f2f2f2;
    height: 16px;
    margin-top: 16px
}

.el-skeleton.is-animated .el-skeleton__item {
    -webkit-animation: el-skeleton-loading 1.4s ease infinite;
    animation: el-skeleton-loading 1.4s ease infinite;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 400% 100%
}

.el-skeleton__item {
    background: #f2f2f2;
    border-radius: 4px;
    display: inline-block;
    height: 16px;
    width: 100%
}

.el-skeleton__circle {
    border-radius: 50%;
    height: 36px;
    line-height: 36px;
    width: 36px
}

.el-skeleton__circle--lg {
    height: 40px;
    line-height: 40px;
    width: 40px
}

.el-skeleton__circle--md {
    height: 28px;
    line-height: 28px;
    width: 28px
}

.el-skeleton__button {
    border-radius: 4px;
    height: 40px;
    width: 64px
}

.el-skeleton__p {
    width: 100%
}

.el-skeleton__p.is-last {
    width: 61%
}

.el-skeleton__p.is-first {
    width: 33%
}

.el-skeleton__text {
    height: 13px;
    width: 100%
}

.el-skeleton__caption {
    height: 12px
}

.el-skeleton__h1 {
    height: 20px
}

.el-skeleton__h3 {
    height: 18px
}

.el-skeleton__h5 {
    height: 16px
}

.el-skeleton__image {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: auto
}

.el-skeleton__image svg {
    fill: #dcdde0;
    height: 22%;
    width: 22%
}

.el-empty {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 40px 0;
    text-align: center
}

.el-empty__image {
    width: 160px
}

.el-empty__image img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-empty__image svg {
    fill: #dcdde0
}

.el-empty__description {
    margin-top: 20px
}

.el-empty__description p {
    color: #909399;
    font-size: 14px;
    margin: 0
}

.el-empty__bottom,
.el-result__title {
    margin-top: 20px
}

.el-descriptions {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #303133;
    font-size: 14px
}

.el-descriptions__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.el-descriptions__title {
    font-size: 16px;
    font-weight: 700
}

.el-descriptions--mini,
.el-descriptions--small {
    font-size: 12px
}

.el-descriptions__body {
    background-color: #fff;
    color: #606266
}

.el-descriptions__body .el-descriptions__table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    line-height: 1.5;
    text-align: left
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left {
    text-align: left
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center {
    text-align: center
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right {
    text-align: right
}

.el-descriptions .is-bordered {
    table-layout: auto
}

.el-descriptions .is-bordered .el-descriptions-item__cell {
    border: 1px solid #ebeef5;
    padding: 12px 10px
}

.el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 12px
}

.el-descriptions--medium.is-bordered .el-descriptions-item__cell {
    padding: 10px
}

.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 10px
}

.el-descriptions--small.is-bordered .el-descriptions-item__cell {
    padding: 8px 10px
}

.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 8px
}

.el-descriptions--mini.is-bordered .el-descriptions-item__cell {
    padding: 6px 10px
}

.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 6px
}

.el-descriptions-item {
    vertical-align: top
}

.el-descriptions-item__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.el-descriptions-item__container .el-descriptions-item__content,
.el-descriptions-item__container .el-descriptions-item__label {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.el-descriptions-item__container .el-descriptions-item__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.el-descriptions-item__label.has-colon:after {
    content: ":";
    position: relative;
    top: -.5px
}

.el-descriptions-item__label.is-bordered-label {
    background: #fafafa;
    color: #909399;
    font-weight: 700
}

.el-descriptions-item__label:not(.is-bordered-label) {
    margin-right: 10px
}

.el-descriptions-item__content {
    word-wrap: break-word;
    word-break: break-word
}

.el-result {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 40px 30px;
    text-align: center
}

.el-result__icon svg {
    height: 64px;
    width: 64px
}

.el-result__title p {
    color: #303133;
    font-size: 20px;
    line-height: 1.3;
    margin: 0
}

.el-result__subtitle {
    margin-top: 10px
}

.el-result__subtitle p {
    color: #606266;
    font-size: 14px;
    line-height: 1.3;
    margin: 0
}

.el-result__extra {
    margin-top: 30px
}

.el-result .icon-success {
    fill: #67c23a
}

.el-result .icon-error {
    fill: #f56c6c
}

.el-result .icon-info {
    fill: #909399
}

.el-result .icon-warning {
    fill: #e6a23c
}

.validate-checkboxs {
    display: inline-block;
    position: relative
}

.validate-checkboxs ul {
    padding: 0
}

.validate-checkboxs ul li,
.validate-checkboxs ul.oneline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.validate-checkboxs ul li label {
    display: inline-block;
    line-height: 16px;
    margin-right: 40px
}

.validate-checkboxs ul li label:active i.checkbox {
    opacity: .7
}

.validate-checkboxs ul li label.last {
    margin-right: 8px
}

.validate-checkboxs ul li label i.checkbox {
    border: 1px solid rgba(154, 165, 181, .5);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 16px;
    margin-right: 8px;
    margin-top: 1px;
    width: 16px
}

.validate-checkboxs ul li label input:checked~i.checkbox {
    background-color: #357ce1;
    border-color: #357ce1;
    position: relative
}

.validate-checkboxs ul li label input:checked~i.checkbox:after,
.validate-checkboxs ul li label input:checked~i.checkbox:before {
    background-color: #fff;
    content: "";
    height: 10px;
    left: 7px;
    position: absolute;
    top: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 2px
}

.validate-checkboxs ul li label input:checked~i.checkbox:after {
    height: 5px;
    left: 3px;
    top: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 2px
}

.validate-checkboxs ul li label input:disabled~i.checkbox {
    background-color: #f2f6fa;
    border-color: rgba(154, 165, 181, .5);
    cursor: not-allowed
}

.validate-checkboxs ul li label input:disabled~i.checkbox:after,
.validate-checkboxs ul li label input:disabled~i.checkbox:before {
    background-color: #9aa5b5
}

.validate-input {
    border: 1px solid #ecedf0;
    border-radius: 2px;
    display: inline-block;
    position: relative
}

.validate-input:hover {
    border-color: #357ce1
}

.validate-input.error {
    border-color: #ef5656
}

.validate-input.disabled {
    border-color: #ecedf0
}

.validate-input .countable {
    font-size: 12px;
    position: absolute;
    right: 0;
    text-align: right;
    top: -20px
}

.validate-input .input-label {
    color: #596a7a;
    font-size: 12px;
    padding: 0 0 0 16px
}

.validate-input .input-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.validate-input .input-extent {
    padding: 0 16px;
    position: relative
}

.validate-input .input-extent:before {
    border-left: 1px solid #cad7e0;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.validate-input .input-unit {
    color: #9ca9b5;
    font-size: 12px;
    padding: 0 8px
}

.validate-input input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #263241;
    flex-grow: 1;
    font-size: 14px;
    height: 40px;
    outline: none;
    padding: 0 16px
}

.validate-input input::-webkit-input-placeholder {
    color: #9aa5b5
}

.validate-input input::-moz-placeholder {
    color: #9aa5b5
}

.validate-input input:-ms-input-placeholder {
    color: #9aa5b5
}

.validate-input input:disabled {
    cursor: not-allowed
}

.validate-radios {
    position: relative
}

.validate-radios ul {
    padding: 0
}

.validate-radios ul li,
.validate-radios ul.oneline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.validate-radios ul li {
    height: 40px
}

.validate-radios ul li label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 40px
}

.validate-radios ul li label:active i.radio {
    opacity: .7
}

.validate-radios ul li label.last {
    margin-right: 8px
}

.validate-radios ul li label i.radio {
    border: 1px solid #9aa5b5;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.validate-radios ul li label input:checked~i.radio {
    background-color: #357ce1;
    border-color: #357ce1;
    position: relative
}

.validate-radios ul li label input:checked~i.radio:before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 5px;
    position: absolute;
    -webkit-transform: translateX(90%) translateY(90%);
    transform: translateX(90%) translateY(90%);
    width: 5px
}

.validate-selects {
    cursor: pointer;
    position: relative
}

.validate-selects:hover input {
    border-color: #357ce1
}

.validate-selects.visible {
    z-index: 2
}

.validate-selects input {
    border: 1px solid #ecedf0;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #263241;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    outline: none;
    padding-left: 16px;
    width: 100%
}

.validate-selects input::-webkit-input-placeholder {
    color: #9aa5b5
}

.validate-selects input::-moz-placeholder {
    color: #9aa5b5
}

.validate-selects input:-ms-input-placeholder {
    color: #9aa5b5
}

.validate-selects input.error {
    border-color: #ef5656
}

.validate-selects .select-icon {
    height: 10px;
    position: absolute;
    right: 16px;
    top: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 12px
}

.validate-selects .select-icon:after,
.validate-selects .select-icon:before {
    background-color: #9ca9b5;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px
}

.validate-selects .select-icon:after {
    left: 5px;
    top: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.validate-selects .select-icon.active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.validate-selects dl {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(49, 63, 77, .1);
    box-shadow: 0 2px 8px 0 rgba(49, 63, 77, .1);
    margin: 0;
    max-height: 169px;
    overflow: auto;
    padding-top: 4px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.validate-selects dl dt {
    color: #7f8fa4;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 16px
}

.validate-selects dl dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1c242c;
    height: 40px;
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.validate-selects dl dd.actived,
.validate-selects dl dd:hover {
    background-color: rgba(242, 246, 250, .7);
    color: #357ce1
}

.validate {
    position: relative
}

.validate .tooltips-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: calc(100% + 14px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    max-width: 480px;
    position: absolute;
    width: 10000px;
    z-index: 1
}

.validate .tooltips-wrap,
.validate .tooltips-wrap.center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.validate .tooltips-wrap.center {
    pointer-events: none;
    right: 50%
}

.validate .tooltips-wrap.left {
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.validate .tooltips-wrap.right {
    left: auto;
    right: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.validate .tooltips-wrap .tooltips {
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(28, 36, 44, .1);
    box-shadow: 0 2px 8px 0 rgba(28, 36, 44, .1);
    color: #000;
    font-size: 12px;
    line-height: 18px;
    padding: 10px;
    text-align: center;
    width: auto;
    z-index: 1
}

.validate .tooltips-wrap .tooltips:after,
.validate .tooltips-wrap .tooltips:before {
    border: 7px solid transparent;
    content: "";
    display: block;
    position: absolute
}

.validate .tooltips-wrap .tooltips:before {
    border-top-color: #fff;
    bottom: -13px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.validate .tooltips-wrap .tooltips:after {
    border-top-color: rgba(142, 153, 170, .1);
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.toast-container {
    position: fixed;
    right: 15px;
    top: 90px;
    z-index: 1000
}

.toast-container .toast-error[data-v-f2c5b7c0],
.toast-container .toast-info[data-v-f2c5b7c0],
.toast-container .toast-success[data-v-f2c5b7c0],
.toast-container .toast-warning[data-v-f2c5b7c0] {
    background: #fff;
    border-left: 4px solid;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 16px rgba(69, 97, 137, .2);
    box-shadow: 0 4px 16px rgba(69, 97, 137, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #263241;
    cursor: pointer;
    margin-bottom: 10px
}

@media screen and (max-width:751px) {

    .toast-container .toast-error[data-v-f2c5b7c0],
    .toast-container .toast-info[data-v-f2c5b7c0],
    .toast-container .toast-success[data-v-f2c5b7c0],
    .toast-container .toast-warning[data-v-f2c5b7c0] {
        max-width: 400px;
        min-width: 280px;
        padding: 30px 16px
    }

    .toast-container .toast-error .toast-icon[data-v-f2c5b7c0],
    .toast-container .toast-info .toast-icon[data-v-f2c5b7c0],
    .toast-container .toast-success .toast-icon[data-v-f2c5b7c0],
    .toast-container .toast-warning .toast-icon[data-v-f2c5b7c0] {
        font-size: 30px
    }

    .toast-container .toast-error .toast-content[data-v-f2c5b7c0],
    .toast-container .toast-info .toast-content[data-v-f2c5b7c0],
    .toast-container .toast-success .toast-content[data-v-f2c5b7c0],
    .toast-container .toast-warning .toast-content[data-v-f2c5b7c0] {
        font-size: 24px;
        margin-left: 40px
    }
}

@media screen and (min-width:751px) {

    .toast-container .toast-error[data-v-f2c5b7c0],
    .toast-container .toast-info[data-v-f2c5b7c0],
    .toast-container .toast-success[data-v-f2c5b7c0],
    .toast-container .toast-warning[data-v-f2c5b7c0] {
        max-width: 400px;
        min-width: 220px;
        padding: 21px 16px
    }

    .toast-container .toast-error .toast-icon[data-v-f2c5b7c0],
    .toast-container .toast-info .toast-icon[data-v-f2c5b7c0],
    .toast-container .toast-success .toast-icon[data-v-f2c5b7c0],
    .toast-container .toast-warning .toast-icon[data-v-f2c5b7c0] {
        font-size: 20px
    }

    .toast-container .toast-error .toast-content[data-v-f2c5b7c0],
    .toast-container .toast-info .toast-content[data-v-f2c5b7c0],
    .toast-container .toast-success .toast-content[data-v-f2c5b7c0],
    .toast-container .toast-warning .toast-content[data-v-f2c5b7c0] {
        font-size: 14px;
        margin-left: 32px
    }
}

.toast-container .toast-error .toast-icon[data-v-f2c5b7c0],
.toast-container .toast-info .toast-icon[data-v-f2c5b7c0],
.toast-container .toast-success .toast-icon[data-v-f2c5b7c0],
.toast-container .toast-warning .toast-icon[data-v-f2c5b7c0] {
    display: block;
    float: left;
    height: 20px;
    line-height: 1;
    margin-right: 12px;
    margin-top: -1px;
    vertical-align: middle;
    width: 20px
}

.toast-container .toast-error .toast-content[data-v-f2c5b7c0],
.toast-container .toast-info .toast-content[data-v-f2c5b7c0],
.toast-container .toast-success .toast-content[data-v-f2c5b7c0],
.toast-container .toast-warning .toast-content[data-v-f2c5b7c0] {
    color: #263241;
    display: block;
    line-height: 1.2;
    word-break: break-all
}

.toast-container .toast-info[data-v-f2c5b7c0] {
    border-left-color: currentColor;
    color: #357ce1
}

.toast-container .toast-success[data-v-f2c5b7c0] {
    border-left-color: currentColor;
    color: #12b886
}

.toast-container .toast-error[data-v-f2c5b7c0] {
    border-left-color: currentColor;
    color: #fa5252
}

.toast-container .toast-warning[data-v-f2c5b7c0] {
    border-left-color: currentColor;
    color: #faad14
}

.toast-container .slide-fade-enter-active[data-v-f2c5b7c0] {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.toast-container .slide-fade-leave-active[data-v-f2c5b7c0] {
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.toast-container .slide-fade-enter[data-v-f2c5b7c0],
.toast-container .slide-fade-leave-to[data-v-f2c5b7c0] {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px)
}

@-webkit-keyframes breathe {
    0% {
        opacity: .3
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .3
    }
}

@keyframes breathe {
    0% {
        opacity: .3
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .3
    }
}

.ui-captcha-input {
    text-align: center
}

.ui-captcha-input .u-captcha-flex {
    position: relative
}

.ui-captcha-input .u-captcha-flex .u-input {
    background: none;
    height: 100%;
    left: -100%;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 200%;
    z-index: 9
}

.ui-captcha-input .u-captcha-flex .u-captcha-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    justify-content: center
}

.ui-captcha-input .u-captcha-flex .u-captcha-box .u-breathe {
    -webkit-animation: breathe 2s ease infinite;
    animation: breathe 2s ease infinite
}

.ui-captcha-input .u-captcha-flex .u-captcha-box .u-char-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    color: #303133;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 30px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    line-height: 45px;
    margin: 0;
    position: relative;
    width: 40px
}

.ui-captcha-input .u-captcha-flex .u-captcha-box .u-middle-line {
    border: none
}

.ui-captcha-input .u-captcha-flex .u-captcha-box .u-box {
    border: 1px solid #ccd2da;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ui-captcha-input .u-captcha-flex .u-captcha-box .u-box-active {
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    border: 1px solid #2483ff;
    overflow: hidden
}

.ui-captcha-input .u-captcha-flex .u-captcha-box .u-middle-line-active {
    background: #2483ff
}

.ui-captcha-input .u-captcha-flex .u-captcha-box .u-placeholder-line {
    -webkit-animation: twinkling 1.5s ease infinite;
    animation: twinkling 1.5s ease infinite;
    background: #333;
    display: none;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1px
}

.ui-captcha-input .u-captcha-flex .u-captcha-box .u-animation-breathe {
    -webkit-animation-name: breathe;
    animation-name: breathe
}

.ui-captcha-input .u-captcha-flex .u-captcha-box .u-middle-line {
    background: #000;
    border-radius: 2px;
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%
}

.ui-captcha-input .u-captcha-flex .u-captcha-box .u-bottom-line-active {
    background: #2979ff
}

.ui-captcha-input .u-captcha-flex .u-captcha-box .u-bottom-line {
    background: #000;
    border-radius: 2px;
    bottom: 0;
    height: 4px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 80%
}

.ui-captcha-input-huge .u-captcha-flex .u-captcha-box .u-char-item {
    font-size: 14px;
    height: 48px;
    width: 48px
}

.ui-captcha-input-large .u-captcha-flex .u-captcha-box .u-char-item {
    font-size: 14px;
    height: 40px;
    width: 40px
}

.ui-captcha-input-middle .u-captcha-flex .u-captcha-box .u-char-item {
    font-size: 14px;
    height: 32px;
    width: 32px
}

.ui-captcha-input-small .u-captcha-flex .u-captcha-box .u-char-item {
    font-size: 12px;
    height: 28px;
    width: 28px
}

.ui-captcha-input-mini .u-captcha-flex .u-captcha-box .u-char-item {
    font-size: 12px;
    height: 22px;
    width: 22px
}

.ui-notification-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 100%;
    overflow-y: auto;
    padding: 24px;
    position: fixed;
    z-index: 9
}

.ui-notification-container.top-left {
    left: 0;
    top: 0
}

.ui-notification-container.top-right {
    right: 0;
    top: 0
}

.ui-notification-container.bottom-left {
    bottom: 0;
    left: 0
}

.ui-notification-container.bottom-right {
    bottom: 0;
    right: 0
}

.ui-notification {
    background: #fff;
    border: 1px solid #ccd2da;
    border-left: 0;
    border-radius: 2px 0 2px 2px;
    -webkit-box-shadow: 0 4px 16px rgba(73, 86, 102, .2);
    box-shadow: 0 4px 16px rgba(73, 86, 102, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1c242c;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    max-width: 400px;
    min-width: 220px;
    padding: 24px 16px 24px 20px;
    position: relative
}

.ui-notification:before {
    border-left: 4px solid;
    border-radius: 2px 0 2px 2px;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.ui-notification .ui-notification-icon {
    display: block;
    font-size: 20px;
    height: 20px;
    line-height: 1;
    margin-right: 16px;
    margin-top: 1px;
    width: 20px
}

.ui-notification .ui-notification-close {
    color: #9aa5b5;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    right: 16px;
    text-align: center;
    width: 20px
}

.ui-notification .ui-notification-content {
    color: #1c242c;
    display: block;
    line-height: 22px;
    word-break: break-all
}

.ui-notification .ui-notification-content .ui-notification-title {
    font-size: 14px;
    font-weight: 700;
    padding-right: 20px
}

.ui-notification-info {
    color: #2483ff
}

.ui-notification-success {
    color: #00b464
}

.ui-notification-error {
    color: #fa4d56
}

.ui-notification-warning {
    color: #faac14
}

.ui-radio {
    display: inline-block;
    margin-right: 24px
}

.ui-radio,
.ui-radio label {
    -webkit-transition: all .2s cubic-bezier(.645, .045, .355, 1);
    transition: all .2s cubic-bezier(.645, .045, .355, 1)
}

.ui-radio label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui-radio label:hover .ui-checkbox-decoration {
    border-color: #2483ff;
    -webkit-transition: border-color 0s ease .3s;
    transition: border-color 0s ease .3s
}

.ui-radio input {
    cursor: pointer;
    font-size: 30px;
    opacity: 0;
    position: absolute
}

.ui-radio .ui-radio-decoration {
    border: 1px solid #ccd2da;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 14px;
    margin-right: 8px;
    text-align: center;
    width: 14px
}

.ui-radio .ui-radio-decoration i {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 4px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: top;
    width: 4px
}

.ui-radio-checked .ui-radio-decoration {
    background: #2483ff;
    border-color: #2483ff
}

.ui-radio-disabled input,
.ui-radio-disabled label {
    cursor: not-allowed
}

.ui-radio-disabled .ui-radio-decoration {
    background: #f2f6fa;
    border-color: rgba(154, 165, 181, .5)
}

.ui-radio-disabled .ui-radio-decoration i {
    background-color: transparent
}

.ui-radio-disabled.ui-radio-checked .ui-radio-decoration {
    background: #9aa5b5;
    border-color: #9aa5b5
}

.ui-radio-disabled.ui-radio-checked .ui-radio-decoration i {
    background-color: #fff
}

.ui-radio-disabled:hover .ui-checkbox-decoration {
    border-color: rgba(154, 165, 181, .5)
}

.ui-radio-large .ui-radio-decoration {
    height: 16px;
    width: 16px
}

.ui-radio-large .ui-radio-decoration i:before {
    vertical-align: middle
}

.ui-radio-small .ui-radio-decoration {
    height: 12px;
    width: 12px
}

.ui-radio-button,
.ui-radio-tag {
    display: block;
    margin-right: 0;
    width: 100%
}

.ui-radio-button.ui-radio-small label,
.ui-radio-tag.ui-radio-small label {
    min-height: 28px
}

.ui-radio-button.ui-radio-middle label,
.ui-radio-tag.ui-radio-middle label {
    min-height: 32px
}

.ui-radio-button.ui-radio-large label,
.ui-radio-tag.ui-radio-large label {
    min-height: 40px
}

.ui-radio-button.ui-radio-huge label,
.ui-radio-tag.ui-radio-huge label {
    min-height: 48px
}

.ui-radio-button label,
.ui-radio-tag label {
    border: 1px solid #ccd2da;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding: 0 12px;
    position: relative;
    width: 100%
}

.ui-radio-button.ui-radio-checked:not(.ui-radio-disabled) label,
.ui-radio-button:not(.ui-radio-disabled):hover label,
.ui-radio-tag.ui-radio-checked:not(.ui-radio-disabled) label,
.ui-radio-tag:not(.ui-radio-disabled):hover label {
    border-color: #2483ff
}

.ui-radio-button.ui-radio-disabled label,
.ui-radio-tag.ui-radio-disabled label {
    color: #9aa5b5;
    cursor: no-drop
}

.ui-radio-button .ui-radio-decoration,
.ui-radio-tag .ui-radio-decoration {
    position: absolute
}

.ui-radio-button .ui-radio-content,
.ui-radio-tag .ui-radio-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 14px;
    text-align: center
}

.ui-radio-tag .ui-radio-decoration,
.ui-radio-tag .ui-radio-input {
    display: none
}

.ui-radio-tag label {
    background-color: #fff
}

.ui-radio-tag:not(.ui-radio-disabled):hover label {
    color: #2483ff
}

.ui-radio-tag.ui-radio-checked:not(.ui-radio-disabled) label {
    border-color: #2483ff;
    color: #2483ff
}

.ui-radio-tag.ui-radio-disabled label {
    color: #9aa5b5;
    cursor: no-drop
}

.ui-steppers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui-stepper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: #9aa5b5;
    flex-grow: 1
}

.ui-stepper .ui-stepper-decoration {
    position: relative
}

.ui-stepper .ui-stepper-decoration:after {
    border-top: 2px solid transparent;
    content: "";
    display: block;
    left: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.ui-stepper .ui-stepper-icon {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    line-height: 20px;
    position: relative;
    text-align: center;
    width: 24px;
    z-index: 2
}

.ui-stepper .ui-stepper-icon .icon-ui-process,
.ui-stepper .ui-stepper-icon .icon-ui-wait {
    background: transparent;
    border-radius: 50%;
    height: 12px;
    width: 12px
}

.ui-stepper .ui-stepper-icon .icon-ui-check,
.ui-stepper .ui-stepper-icon .icon-ui-process,
.ui-stepper .ui-stepper-icon .icon-ui-wait,
.ui-stepper .ui-stepper-icon i {
    display: inline-block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ui-stepper .ui-stepper-icon-default,
.ui-stepper .ui-stepper-icon-text {
    border: 2px solid transparent;
    border-radius: 50%
}

.ui-stepper .ui-stepper-icon-click:hover {
    cursor: pointer;
    opacity: .7
}

.ui-stepper .ui-stepper-icon-error {
    color: #fa4d56;
    font-size: 12px
}

.ui-stepper .ui-stepper-description,
.ui-stepper .ui-stepper-title {
    clear: both
}

.ui-stepper:last-of-type {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.ui-stepper:last-of-type .ui-stepper-decoration:after {
    display: none
}

.ui-stepper-wait .ui-stepper-icon .icon-ui-process,
.ui-stepper-wait .ui-stepper-icon .icon-ui-wait {
    background: #e6ecf2
}

.ui-stepper-wait .ui-stepper-decoration:after,
.ui-stepper-wait .ui-stepper-icon-default,
.ui-stepper-wait .ui-stepper-icon-text {
    border-color: #e6ecf2
}

.ui-stepper-wait .ui-stepper-decoration {
    color: #9aa5b5
}

.ui-stepper-process .ui-stepper-icon .icon-ui-process,
.ui-stepper-process .ui-stepper-icon .icon-ui-wait {
    background: #2483ff
}

.ui-stepper-process .ui-stepper-icon-default,
.ui-stepper-process .ui-stepper-icon-text {
    border-color: #2483ff
}

.ui-stepper-process .ui-stepper-decoration:after {
    border-color: #e6ecf2
}

.ui-stepper-process .ui-stepper-decoration,
.ui-stepper-process .ui-stepper-title {
    color: #2483ff
}

.ui-stepper-success .ui-stepper-icon .icon-ui-process,
.ui-stepper-success .ui-stepper-icon .icon-ui-wait {
    background: #2483ff
}

.ui-stepper-success .ui-stepper-decoration:after,
.ui-stepper-success .ui-stepper-icon-default,
.ui-stepper-success .ui-stepper-icon-text {
    border-color: #2483ff
}

.ui-stepper-success .ui-stepper-decoration,
.ui-stepper-success .ui-stepper-title {
    color: #2483ff
}

.ui-stepper-center {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.ui-stepper-center .ui-stepper-decoration {
    float: right;
    width: calc(50% + 12px)
}

.ui-stepper-center .ui-stepper-decoration:after {
    right: calc(-100% + 24px)
}

.ui-stepper-center:last-of-type {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ui-stepper-justify:last-of-type {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.ui-stepper-error .ui-stepper-icon .icon-ui-process,
.ui-stepper-error .ui-stepper-icon .icon-ui-wait {
    background: #fa4d56
}

.ui-stepper-error .ui-stepper-icon-default,
.ui-stepper-error .ui-stepper-icon-text {
    border-color: #fa4d56
}

.ui-stepper-error .ui-stepper-decoration,
.ui-stepper-error .ui-stepper-title {
    color: #fa4d56
}

.ui-stepper-error .icon-ui-close-large {
    font-size: 12px
}

.ui-tips {
    position: relative
}

.ui-tips-inline {
    display: inline-block
}

.ui-tips-block {
    display: block
}

.ui-tips .ui-tips-base {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    width: 280px;
    z-index: 9
}

.ui-tips .ui-tips-base.penetrate {
    pointer-events: none
}

.ui-tips .ui-tips-base.ui-tips-top-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: calc(100% + 12px);
    -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    font-size: 12px;
    justify-content: center;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-top-center .ui-tips-arrow {
    border-bottom-width: 6px;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    border-top-style: solid;
    border-top-width: 6px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    width: 0;
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-top-center .ui-tips-arrow-before {
    border-top-color: #dfe2e7;
    bottom: -6px
}

.ui-tips .ui-tips-base.ui-tips-top-center .ui-tips-arrow-after {
    border-top-color: #fff;
    bottom: -5px
}

.ui-tips .ui-tips-base.ui-tips-top-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    bottom: calc(100% + 12px);
    -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    font-size: 12px;
    justify-content: flex-start;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-28px);
    transform: translateX(-28px);
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-top-left .ui-tips-arrow {
    border-bottom-width: 6px;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    border-top-style: solid;
    border-top-width: 6px;
    content: "";
    height: 0;
    left: 22px;
    position: absolute;
    width: 0;
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-top-left .ui-tips-arrow-before {
    border-top-color: #dfe2e7;
    bottom: -6px
}

.ui-tips .ui-tips-base.ui-tips-top-left .ui-tips-arrow-after {
    border-top-color: #fff;
    bottom: -5px
}

.ui-tips .ui-tips-base.ui-tips-top-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    bottom: calc(100% + 12px);
    -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    font-size: 12px;
    justify-content: flex-end;
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(28px);
    transform: translateX(28px);
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-top-right .ui-tips-arrow {
    border-bottom-width: 6px;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    border-top-style: solid;
    border-top-width: 6px;
    content: "";
    height: 0;
    position: absolute;
    right: 22px;
    width: 0;
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-top-right .ui-tips-arrow-before {
    border-top-color: #dfe2e7;
    bottom: -6px
}

.ui-tips .ui-tips-base.ui-tips-top-right .ui-tips-arrow-after {
    border-top-color: #fff;
    bottom: -5px
}

.ui-tips .ui-tips-base.ui-tips-bottom-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    font-size: 12px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: calc(100% + 12px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-bottom-center .ui-tips-arrow {
    border-bottom-style: solid;
    border-bottom-width: 6px;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    border-top-width: 6px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    width: 0;
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-bottom-center .ui-tips-arrow-before {
    border-bottom-color: #dfe2e7;
    top: -6px
}

.ui-tips .ui-tips-base.ui-tips-bottom-center .ui-tips-arrow-after {
    border-bottom-color: #fff;
    top: -5px
}

.ui-tips .ui-tips-base.ui-tips-bottom-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    font-size: 12px;
    justify-content: flex-start;
    left: 50%;
    position: absolute;
    top: calc(100% + 12px);
    -webkit-transform: translateX(-28px);
    transform: translateX(-28px);
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-bottom-left .ui-tips-arrow {
    border-bottom-style: solid;
    border-bottom-width: 6px;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    border-top-width: 6px;
    content: "";
    height: 0;
    left: 22px;
    position: absolute;
    width: 0;
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-bottom-left .ui-tips-arrow-before {
    border-bottom-color: #dfe2e7;
    top: -6px
}

.ui-tips .ui-tips-base.ui-tips-bottom-left .ui-tips-arrow-after {
    border-bottom-color: #fff;
    top: -5px
}

.ui-tips .ui-tips-base.ui-tips-bottom-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    font-size: 12px;
    justify-content: flex-end;
    position: absolute;
    right: 50%;
    top: calc(100% + 12px);
    -webkit-transform: translateX(28px);
    transform: translateX(28px);
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-bottom-right .ui-tips-arrow {
    border-bottom-style: solid;
    border-bottom-width: 6px;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    border-top-width: 6px;
    content: "";
    height: 0;
    position: absolute;
    right: 22px;
    width: 0;
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-bottom-right .ui-tips-arrow-before {
    border-bottom-color: #dfe2e7;
    top: -6px
}

.ui-tips .ui-tips-base.ui-tips-bottom-right .ui-tips-arrow-after {
    border-bottom-color: #fff;
    top: -5px
}

.ui-tips .ui-tips-base.ui-tips-left-center {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    font-size: 12px;
    justify-content: flex-end;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(calc(-100% - 12px), -50%);
    transform: translate(calc(-100% - 12px), -50%);
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-left-center .ui-tips-arrow {
    border-bottom: 6px dashed transparent;
    border-left-style: solid;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top: 6px dashed transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-left-center .ui-tips-arrow-before {
    border-left-color: #dfe2e7;
    right: -6px
}

.ui-tips .ui-tips-base.ui-tips-left-center .ui-tips-arrow-after {
    border-left-color: #fff;
    right: -5px
}

.ui-tips .ui-tips-base.ui-tips-right-center {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .15));
    font-size: 12px;
    justify-content: flex-start;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(calc(100% + 12px), -50%);
    transform: translate(calc(100% + 12px), -50%);
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-right-center .ui-tips-arrow {
    border-bottom: 6px dashed transparent;
    border-left-width: 6px;
    border-right-style: solid;
    border-right-width: 6px;
    border-top: 6px dashed transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    z-index: 2
}

.ui-tips .ui-tips-base.ui-tips-right-center .ui-tips-arrow-before {
    border-right-color: #dfe2e7;
    left: -6px
}

.ui-tips .ui-tips-base.ui-tips-right-center .ui-tips-arrow-after {
    border-right-color: #fff;
    left: -5px
}

.ui-tips .ui-tips-base .ui-tips-wrap {
    background-color: #fff;
    border: 1px solid #ecf1f8;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(28, 36, 44, .1);
    box-shadow: 0 2px 8px 0 rgba(28, 36, 44, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1c242c;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    min-width: 56px;
    padding: 12px 16px;
    position: relative
}

.ui-tips .ui-tips-base .ui-tips-wrap.ui-tips-feature .ui-tips-title {
    color: #1c242c;
    font-size: 14px;
    font-weight: 500;
    height: 22px;
    line-height: 22px
}

.ui-tips .ui-tips-base .ui-tips-wrap.ui-tips-feature .ui-tips-content {
    padding: 4px 0
}

.ui-tips .ui-tips-base .ui-tips-wrap.ui-tips-feature .ui-tips-operator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1c242c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    min-height: 22px
}

.ui-tips .ui-tips-base .ui-tips-wrap .ui-tips-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.ui-tips .ui-tips-base .ui-tips-wrap .ui-tips-content>span {
    width: 100%
}

.ui-tips .ui-tips-base .ui-tips-wrap .ui-tips-content>i {
    line-height: 16px;
    margin-right: 8px
}

.ui-tips .ui-tips-base .ui-tips-wrap .ui-tips-content>i:before {
    margin: 0
}

.ui-tips .ui-tips-base {
    opacity: 0;
    visibility: hidden
}

.ui-tips .ui-tips-base.event-show,
.ui-tips .ui-tips-base.manual-show {
    opacity: 1;
    visibility: visible
}

.ui-tips .ui-tips-base.event-hide,
.ui-tips .ui-tips-base.manual-hide {
    opacity: 0;
    visibility: hidden
}

.ui-validate-error .ui-captcha-input input,
.ui-validate-error .ui-captcha-input input:hover,
.ui-validate-error .ui-checkbox .ui-checkbox-decoration,
.ui-validate-error .ui-input,
.ui-validate-error .ui-input:hover,
.ui-validate-error .ui-select .handle {
    border-color: #fa4d56
}

.ui-validate-item+.ui-validate-item {
    margin-top: 24px
}

.ui-validate-item .ui-validate-item-title {
    margin-bottom: 8px
}

.ui-checkbox {
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-transition: all .2s cubic-bezier(.645, .045, .355, 1);
    transition: all .2s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-checkbox label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui-checkbox label:hover .ui-checkbox-decoration {
    border-color: #2483ff;
    -webkit-transition: border-color 0s ease .3s;
    transition: border-color 0s ease .3s
}

.ui-checkbox input {
    cursor: pointer;
    font-size: 30px;
    margin: 0;
    opacity: 0;
    position: absolute
}

.ui-checkbox-decoration {
    -ms-flex-negative: 0;
    border: 1px solid #ccd2da;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    flex-shrink: 0;
    height: 14px;
    text-align: center;
    width: 14px
}

.ui-checkbox-decoration i {
    display: inline-block;
    font-size: 12px;
    height: 100%;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.ui-checkbox-decoration i.icon-ui-check {
    color: #fff
}

.ui-checkbox-decoration i.icon-ui-indeterminate {
    border-top: 2px solid #fff;
    height: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60%
}

.ui-checkbox-content-gap {
    padding-left: 8px
}

.ui-checkbox-align-start label {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ui-checkbox-align-center label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-checkbox-align-end label {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ui-checkbox-checked .ui-checkbox-decoration,
.ui-checkbox-indeterminate .ui-checkbox-decoration {
    background: #2483ff;
    border-color: #2483ff
}

.ui-checkbox-disabled input,
.ui-checkbox-disabled label {
    cursor: not-allowed
}

.ui-checkbox-disabled input:hover .ui-checkbox-decoration,
.ui-checkbox-disabled label:hover .ui-checkbox-decoration {
    border-color: rgba(154, 165, 181, .5)
}

.ui-checkbox-disabled .ui-checkbox-decoration {
    background: #ecf1f8;
    border-color: rgba(154, 165, 181, .5)
}

.ui-checkbox-disabled .ui-checkbox-decoration i.icon-ui-check {
    color: #9aa5b5
}

.ui-checkbox-large .ui-checkbox-decoration {
    height: 16px;
    width: 16px
}

.ui-checkbox-large .ui-checkbox-decoration i:before {
    vertical-align: middle
}

.ui-checkbox-small .ui-checkbox-decoration {
    height: 12px;
    width: 12px
}

.ui-checkbox-small .ui-checkbox-decoration i {
    -webkit-transform: scale(.7) translate(-10%);
    transform: scale(.7) translate(-10%)
}

.ui-select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    min-width: 60px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-select .handle {
    background: #fff;
    border: 1px solid #ccd2da;
    border-radius: 4px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    cursor: pointer;
    height: 100%;
    outline: none;
    overflow: hidden;
    padding-right: 12px;
    -webkit-transition: all .2s cubic-bezier(.645, .045, .355, 1);
    transition: all .2s cubic-bezier(.645, .045, .355, 1)
}

.ui-select .handle:hover {
    border-color: #2483ff
}

.ui-select .handle .label {
    color: #1c242c;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-select .handle .label span.placeholder {
    color: #9aa5b5
}

.ui-select .handle .icon-ui-dropdown-large {
    color: #9aa5b5;
    font-size: 12px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.ui-select .handle .filterable {
    background: none;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    outline: none;
    padding: 0 12px;
    position: absolute;
    width: 100%
}

.ui-select .options {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 15px 0 rgba(73, 86, 102, .2);
    box-shadow: 0 2px 15px 0 rgba(73, 86, 102, .2);
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    color: #1c242c;
    left: 0;
    margin-top: 8px;
    outline: none;
    overflow-y: auto;
    padding: 4px 0;
    position: absolute;
    width: 100%;
    z-index: 5
}

.ui-select .options.ui-select-option-overflow {
    white-space: nowrap;
    width: auto
}

.ui-select .options .options-empty {
    font-size: 12px;
    padding: 30px 0;
    text-align: center
}

.ui-select .options .options-empty i {
    background: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/icon-record.d3ddd76.svg) no-repeat 50% 50%;
    display: inline-block;
    height: 48px;
    margin-bottom: 8px;
    margin-top: 20px;
    width: 48px
}

.ui-select .options .filterable-box {
    padding: 4px 8px;
    position: relative
}

.ui-select .options .filterable-box .icon-ui-Clear,
.ui-select .options .filterable-box .icon-ui-search {
    left: 22px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ui-select .options .filterable-box .icon-ui-Clear {
    cursor: pointer;
    left: auto;
    right: 16px
}

.ui-select .options .filterable {
    border: 1px solid #ccd2da;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 32px;
    outline: none;
    padding: 0 12px 0 40px;
    width: 100%
}

.ui-select .options .filterable:focus {
    border-color: #2483ff
}

.ui-select-mini {
    input-font-size: 12px;
    radius: 4px;
    font-size: 12px;
    height: 22px
}

.ui-select-mini,
.ui-select-mini .handle,
.ui-select-mini .options .ui-select-option {
    line-height: 22px
}

.ui-select-small {
    input-font-size: 12px;
    radius: 4px;
    font-size: 12px;
    height: 28px;
    line-height: 28px
}

.ui-select-small .handle,
.ui-select-small .options .ui-select-option {
    line-height: 28px
}

.ui-select-middle {
    input-font-size: 14px;
    radius: 4px;
    font-size: 14px;
    height: 32px;
    line-height: 32px
}

.ui-select-middle .handle,
.ui-select-middle .options .ui-select-option {
    line-height: 32px
}

.ui-select-large {
    input-font-size: 14px;
    radius: 4px;
    font-size: 14px;
    height: 40px;
    line-height: 40px
}

.ui-select-huge,
.ui-select-large .handle,
.ui-select-large .options .ui-select-option {
    line-height: 40px
}

.ui-select-huge {
    input-font-size: 24px;
    radius: 8px;
    font-size: 14px;
    height: 48px
}

.ui-select-huge .handle {
    line-height: 48px
}

.ui-select-huge .options .ui-select-option {
    line-height: 40px
}

.ui-select-huge .handle .icon-ui-dropdown-large {
    right: 16px
}

.ui-select-huge .filterable {
    font-size: 14px
}

.ui-select-filtering .handle .label {
    opacity: .5
}

.ui-select-focus .handle {
    border-color: #2483ff
}

.ui-select-focus .handle .icon-ui-dropdown-large {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.ui-select-disabled .handle {
    background-color: #ecf1f8;
    color: #9aa5b5
}

.ui-select-disabled .handle .icon-ui-dropdown-large {
    cursor: no-drop
}

.ui-select-disabled .handle:hover {
    border-color: #ccd2da
}

.ui-select-disabled .filterable,
.ui-select-disabled .label {
    cursor: not-allowed
}

.ui-select-text {
    display: inline-block;
    min-width: auto
}

.ui-select-text .handle {
    border: none
}

.ui-select-text .handle .label {
    color: #2483ff;
    padding-left: 0
}

.ui-select-text .handle .label:hover,
.ui-select-text .handle:hover .icon-ui-dropdown-large {
    opacity: .7
}

.ui-select-text .handle .icon-ui-dropdown-large {
    color: #2483ff;
    display: inline-block
}

.ui-select-text .options {
    width: auto
}

.ui-select-text.ui-select-disabled .handle {
    background: none
}

.ui-select-text.ui-select-disabled .handle:hover .icon-ui-dropdown-large {
    opacity: 1
}

.ui-select-text.ui-select-disabled .handle .label {
    color: #9aa5b5
}

.ui-select-text.ui-select-disabled .handle .label:hover {
    opacity: 1
}

.ui-select-text.ui-select-disabled .handle .icon-ui-dropdown-large {
    color: rgba(154, 165, 181, .5)
}

.ui-select-option {
    cursor: pointer;
    line-height: 32px;
    padding: 0 12px
}

.ui-select-option.ui-select-option-selected,
.ui-select-option:hover {
    background: #f2f6fc;
    color: #2483ff
}

.ui-select-option.ui-select-option-disabled,
.ui-select-option.ui-select-option-disabled:hover {
    background: none;
    color: #9aa5b5;
    cursor: not-allowed
}

.ui-input input,
.ui-textarea textarea {
    border: 0;
    height: 100%;
    outline: none;
    width: 100%
}

.ui-input input::-webkit-inner-spin-button,
.ui-input input::-webkit-outer-spin-button,
.ui-textarea textarea::-webkit-inner-spin-button,
.ui-textarea textarea::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.ui-input input::-webkit-input-placeholder,
.ui-textarea textarea::-webkit-input-placeholder {
    color: #9aa5b5
}

.ui-input input::-moz-placeholder,
.ui-textarea textarea::-moz-placeholder {
    color: #9aa5b5
}

.ui-input input:-ms-input-placeholder,
.ui-textarea textarea:-ms-input-placeholder {
    color: #9aa5b5
}

.ui-input input:focus::-webkit-input-placeholder,
.ui-textarea textarea:focus::-webkit-input-placeholder {
    color: rgba(154, 165, 181, .5)
}

.ui-input input:focus::-moz-placeholder,
.ui-textarea textarea:focus::-moz-placeholder {
    color: rgba(154, 165, 181, .5)
}

.ui-input input:focus:-ms-input-placeholder,
.ui-textarea textarea:focus:-ms-input-placeholder {
    color: rgba(154, 165, 181, .5)
}

.ui-textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    height: 80px;
    position: relative;
    width: 100%
}

.ui-textarea.ui-textarea-readonly textarea:focus,
.ui-textarea.ui-textarea-readonly textarea:hover {
    border-color: #ccd2da
}

.ui-textarea textarea {
    border: 1px solid #ccd2da;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    padding: 8px 16px;
    -webkit-transition: all .2s cubic-bezier(.645, .045, .355, 1);
    transition: all .2s cubic-bezier(.645, .045, .355, 1)
}

.ui-textarea textarea:focus,
.ui-textarea textarea:hover {
    border-color: #2483ff
}

.ui-textarea textarea:disabled {
    border-color: #ccd2da;
    cursor: not-allowed
}

.ui-input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ccd2da;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-transition: all .2s cubic-bezier(.645, .045, .355, 1);
    transition: all .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.ui-input-icon {
    font-size: 14px
}

.ui-input-prepend {
    color: #495666;
    padding-left: 16px;
    white-space: nowrap
}

.ui-input-append {
    color: #9aa5b5;
    padding-right: 16px;
    white-space: nowrap
}

.ui-input .insert-icon {
    color: #9aa5b5;
    cursor: pointer;
    opacity: .5;
    padding: 0 8px
}

.ui-input .insert-icon.icon-ui-eyes {
    font-size: 12px
}

.ui-input .insert-icon.icon-ui-closed-eyes {
    font-size: 16px
}

.ui-input .insert-icon:before {
    margin: 0
}

.ui-input .insert-icon:hover {
    opacity: 1
}

.ui-input .pre-icon {
    cursor: auto;
    font-size: 14px
}

.ui-input .pre-icon:hover {
    opacity: .5
}

.ui-input .countable {
    font-size: 12px;
    position: absolute;
    right: 0;
    text-align: right;
    top: -20px
}

.ui-input input {
    background-color: transparent;
    color: #1c242c;
    font-size: 14px;
    padding: 0 16px
}

.ui-input:hover {
    border-color: #2483ff
}

.ui-input.ui-input-mobility {
    height: 54px
}

.ui-input.ui-input-mobility input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 16px
}

.ui-input.ui-input-mobility input:focus~label {
    font-size: 12px;
    line-height: 30px
}

.ui-input.ui-input-mobility label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #9aa5b5;
    height: 100%;
    left: 0;
    line-height: 54px;
    padding: 0 16px;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 100%
}

.ui-input.ui-input-mobility label.active {
    font-size: 12px;
    line-height: 30px
}

.ui-input-focus {
    border-color: #2483ff
}

.ui-input-disabled,
.ui-input-readonly {
    background-color: #f4f5f7;
    cursor: no-drop
}

.ui-input-disabled,
.ui-input-disabled:hover,
.ui-input-readonly,
.ui-input-readonly:hover {
    border-color: #ecf1f8
}

.ui-input-disabled input,
.ui-input-disabled input:focus::-webkit-input-placeholder,
.ui-input-readonly input,
.ui-input-readonly input:focus::-webkit-input-placeholder {
    color: #9aa5b5;
    cursor: no-drop
}

.ui-input-disabled-content input,
.ui-input-readonly-content input {
    background-color: #f2f6fa
}

.ui-input-search input {
    padding: 0
}

.ui-input-error {
    border-color: red
}

.ui-input-mini {
    input-font-size: 12px;
    radius: 4px;
    font-size: 12px;
    height: 22px;
    line-height: 22px
}

.ui-input-mini input {
    font-size: 12px
}

.ui-input-small {
    input-font-size: 12px;
    radius: 4px;
    font-size: 12px;
    height: 28px;
    line-height: 28px
}

.ui-input-small input {
    font-size: 12px
}

.ui-input-middle {
    input-font-size: 14px;
    radius: 4px;
    font-size: 14px;
    height: 32px;
    line-height: 32px
}

.ui-input-middle input {
    font-size: 14px
}

.ui-input-large {
    input-font-size: 14px;
    radius: 4px;
    font-size: 14px;
    height: 40px;
    line-height: 40px
}

.ui-input-large input {
    font-size: 14px
}

.ui-input-huge {
    input-font-size: 24px;
    radius: 8px;
    font-size: 14px;
    height: 48px;
    line-height: 40px
}

.ui-input-huge input {
    font-size: 14px
}

.ui-input-large .pre-icon {
    font-size: 16px
}

.ui-input-login {
    position: relative
}

.ui-input-login label {
    left: 16px;
    position: absolute;
    top: 8px
}

.ui-button-default {
    background-color: #fff;
    border-color: #ccd2da;
    color: #9aa5b5
}

.ui-button-default:hover {
    background-color: #fff;
    border-color: #2483ff;
    color: #2483ff
}

.ui-button-default:active {
    background-color: #fff;
    border-color: #1a64c8;
    color: #1a64c8
}

.ui-button-default:disabled:not(.ui-button-is-loading) {
    background-color: #fff;
    border-color: #deebff;
    color: #9aa5b5;
    cursor: no-drop
}

.ui-button-default .icon-loading {
    background: #9aa5b5
}

.ui-button-primary {
    background-color: #2483ff;
    border-color: #2483ff;
    color: #fff
}

.ui-button-primary:hover {
    background-color: #6ea6ff;
    border-color: #6ea6ff;
    color: #fff
}

.ui-button-primary:active {
    background-color: #1a64c8;
    border-color: #1a64c8;
    color: #fff
}

.ui-button-primary:disabled:not(.ui-button-is-loading) {
    background-color: #ecf1f8;
    border-color: #ecf1f8;
    color: #9aa5b5;
    cursor: no-drop
}

.ui-button-primary .icon-loading {
    background: #fff
}

.ui-button-secondary {
    background-color: #edf4ff;
    border-color: #edf4ff;
    color: #2483ff
}

.ui-button-secondary:hover {
    background-color: rgba(237, 244, 255, .7);
    border-color: rgba(237, 244, 255, .7);
    color: rgba(36, 131, 255, .7)
}

.ui-button-secondary:active {
    background-color: #c9deff;
    border-color: #c9deff;
    color: #2483ff
}

.ui-button-secondary:disabled:not(.ui-button-is-loading) {
    background-color: #deebff;
    border-color: #deebff;
    color: #9aa5b5;
    cursor: no-drop
}

.ui-button-secondary .icon-loading {
    background: #2483ff
}

.ui-button-link {
    color: #2483ff
}

.ui-button-link,
.ui-button-link:hover {
    background-color: transparent;
    border-color: transparent
}

.ui-button-link:hover {
    color: rgba(36, 131, 255, .7)
}

.ui-button-link:active {
    background-color: transparent;
    border-color: transparent;
    color: #1a64c8
}

.ui-button-link:disabled:not(.ui-button-is-loading) {
    background-color: transparent;
    border-color: transparent;
    color: #9aa5b5;
    cursor: no-drop
}

.ui-button-link .icon-loading {
    background: #2483ff
}

.ui-button-text {
    color: #1c242c
}

.ui-button-text,
.ui-button-text:hover {
    background-color: transparent;
    border-color: transparent
}

.ui-button-text:hover {
    color: rgba(28, 36, 44, .7)
}

.ui-button-text:active {
    background-color: transparent;
    border-color: transparent;
    color: #1c242c
}

.ui-button-text:disabled:not(.ui-button-is-loading) {
    background-color: transparent;
    border-color: transparent;
    color: #9aa5b5;
    cursor: no-drop
}

.ui-button-text .icon-loading {
    background: #1c242c
}

.ui-button-danger {
    background-color: #fa4d56;
    border-color: #fa4d56;
    color: #fff
}

.ui-button-danger:hover {
    background-color: #ff8389;
    border-color: #ff8389;
    color: #fff
}

.ui-button-danger:active {
    background-color: #da1e28;
    border-color: #da1e28;
    color: #fff
}

.ui-button-danger:disabled:not(.ui-button-is-loading) {
    background-color: #deebff;
    border-color: #deebff;
    color: #9aa5b5;
    cursor: no-drop
}

.ui-button-danger .icon-loading {
    background: #fff
}

.ui-button-success {
    background-color: #5fd291;
    border-color: #5fd291;
    color: #fff
}

.ui-button-success:hover {
    background-color: rgba(95, 210, 145, .7);
    border-color: rgba(95, 210, 145, .7);
    color: #fff
}

.ui-button-success:active {
    background-color: #28c878;
    border-color: #28c878;
    color: #fff
}

.ui-button-success:disabled:not(.ui-button-is-loading) {
    background-color: #deebff;
    border-color: #deebff;
    color: #9aa5b5;
    cursor: no-drop
}

.ui-button-success .icon-loading {
    background: #fff
}

.ui-button-tertiary {
    background-color: transparent;
    border-color: #2483ff;
    color: #2483ff
}

.ui-button-tertiary:hover {
    background-color: transparent;
    border-color: rgbargba(#2483ff, .7);
    color: rgba(36, 131, 255, .7)
}

.ui-button-tertiary:active {
    background-color: transparent;
    border-color: #1a64c8;
    color: #1a64c8
}

.ui-button-tertiary:disabled:not(.ui-button-is-loading) {
    background-color: transparent;
    border-color: #9aa5b5;
    color: #9aa5b5;
    cursor: no-drop
}

.ui-button-tertiary .icon-loading {
    background: #2483ff
}

.ui-button {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    height: 32px;
    outline: none;
    padding: 0 16px;
    -webkit-transition: all .2s cubic-bezier(.645, .045, .355, 1);
    transition: all .2s cubic-bezier(.645, .045, .355, 1)
}

.ui-button-icon {
    display: inline-block;
    height: 16px;
    margin-right: 6px;
    vertical-align: middle
}

.ui-button .icon-loading {
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+QGtleWZyYW1lcyBsb2FkezAle3RyYW5zZm9ybTpyb3RhdGUoMCl9dG97dHJhbnNmb3JtOnJvdGF0ZSgtMzYwZGVnKX19PC9zdHlsZT48ZyBzdHlsZT0iYW5pbWF0aW9uOmxvYWQgMXMgbGluZWFyIGluZmluaXRlO3RyYW5zZm9ybS1vcmlnaW46Y2VudGVyIGNlbnRlciI+PGxpbmVhckdyYWRpZW50IGlkPSJyaWdodCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxNTAiIHkxPSIyMCIgeDI9IjE1MCIgeTI9IjE4MCI+PHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMDA1MmE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojMzU3Y2UxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMTAwIDB2MjBjNDQuMSAwIDgwIDM1LjkgODAgODBzLTM1LjkgODAtODAgODB2MjBjNTUuMiAwIDEwMC00NC44IDEwMC0xMDBTMTU1LjIgMCAxMDAgMHoiIHN0eWxlPSJmaWxsOnVybCgjcmlnaHQpIi8+PGxpbmVhckdyYWRpZW50IGlkPSJsZWZ0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwIiB5MT0iMCIgeDI9IjUwIiB5Mj0iMTgwIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMzNTdjZTE7c3RvcC1vcGFjaXR5OjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMzNTdjZTEiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0yMCAxMDBjMC00NC4xIDM1LjktODAgODAtODBWMEM0NC44IDAgMCA0NC44IDAgMTAwczQ0LjggMTAwIDEwMCAxMDB2LTIwYy00NC4xIDAtODAtMzUuOS04MC04MHoiIHN0eWxlPSJmaWxsOnVybCgjbGVmdCkiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMCIgcj0iMTAiIHN0eWxlPSJmaWxsOiMwMDUyYTkiLz48L2c+PC9zdmc+) no-repeat center/contain;
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+QGtleWZyYW1lcyBsb2FkezAle3RyYW5zZm9ybTpyb3RhdGUoMCl9dG97dHJhbnNmb3JtOnJvdGF0ZSgtMzYwZGVnKX19PC9zdHlsZT48ZyBzdHlsZT0iYW5pbWF0aW9uOmxvYWQgMXMgbGluZWFyIGluZmluaXRlO3RyYW5zZm9ybS1vcmlnaW46Y2VudGVyIGNlbnRlciI+PGxpbmVhckdyYWRpZW50IGlkPSJyaWdodCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxNTAiIHkxPSIyMCIgeDI9IjE1MCIgeTI9IjE4MCI+PHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMDA1MmE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojMzU3Y2UxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMTAwIDB2MjBjNDQuMSAwIDgwIDM1LjkgODAgODBzLTM1LjkgODAtODAgODB2MjBjNTUuMiAwIDEwMC00NC44IDEwMC0xMDBTMTU1LjIgMCAxMDAgMHoiIHN0eWxlPSJmaWxsOnVybCgjcmlnaHQpIi8+PGxpbmVhckdyYWRpZW50IGlkPSJsZWZ0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwIiB5MT0iMCIgeDI9IjUwIiB5Mj0iMTgwIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMzNTdjZTE7c3RvcC1vcGFjaXR5OjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMzNTdjZTEiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0yMCAxMDBjMC00NC4xIDM1LjktODAgODAtODBWMEM0NC44IDAgMCA0NC44IDAgMTAwczQ0LjggMTAwIDEwMCAxMDB2LTIwYy00NC4xIDAtODAtMzUuOS04MC04MHoiIHN0eWxlPSJmaWxsOnVybCgjbGVmdCkiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMCIgcj0iMTAiIHN0eWxlPSJmaWxsOiMwMDUyYTkiLz48L2c+PC9zdmc+) no-repeat center/contain
}

.ui-button-mini {
    height: 22px;
    line-height: 22px
}

.ui-button-mini,
.ui-button-small {
    input-font-size: 12px;
    radius: 4px;
    font-size: 12px
}

.ui-button-small {
    height: 28px;
    line-height: 28px
}

.ui-button-middle {
    height: 32px;
    line-height: 32px
}

.ui-button-large,
.ui-button-middle {
    input-font-size: 14px;
    radius: 4px;
    font-size: 14px
}

.ui-button-large {
    height: 40px;
    line-height: 40px
}

.ui-button-huge {
    input-font-size: 24px;
    radius: 8px;
    font-size: 14px;
    height: 48px;
    line-height: 40px
}

.ui-button-mini {
    padding: 0 8px
}

.ui-button-large .ui-button-icon {
    height: 22px;
    width: 22px
}

.ui-button-is-loading {
    cursor: progress;
    position: relative
}

.ui-button-is-loading .icon-loading {
    left: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.ui-button-is-loading .ui-button-content {
    visibility: hidden
}

@font-face {
    font-display: block;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/fonts/icomoon.d42deff.eot);
    src: url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/fonts/icomoon.d42deff.eot#iefix) format("embedded-opentype"), url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/fonts/icomoon.5da8dd8.ttf) format("truetype"), url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/fonts/icomoon.38963f4.woff) format("woff"), url(https://hbg-fed-static-prd.hbfile.net/global/en-us/static/img/icomoon.33af1e1.svg#icomoon) format("svg")
}

[class*=" icon-"],
[class^=icon-] {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-ui-check:before {
    content: "\e930"
}

.icon-ui-account:before {
    content: "\e900"
}

.icon-ui-announcements:before {
    content: "\e901"
}

.icon-ui-download:before {
    content: "\e902"
}

.icon-ui-dropdown-large:before {
    content: "\e903"
}

.icon-ui-dropdown-small:before {
    content: "\e904"
}

.icon-ui-close-large:before {
    content: "\e905"
}

.icon-ui-close-small:before {
    content: "\e906"
}

.icon-ui-chn-skin:before {
    content: "\e907"
}

.icon-ui-calendar:before {
    content: "\e908"
}

.icon-ui-Clear:before {
    content: "\e909"
}

.icon-ui-copy:before {
    content: "\e90a"
}

.icon-ui-edit:before {
    content: "\e90b"
}

.icon-ui-export:before {
    content: "\e90c"
}

.icon-ui-favorite:before {
    content: "\e90d"
}

.icon-ui-full-screen:before {
    content: "\e90e"
}

.icon-ui-help:before {
    content: "\e90f"
}

.icon-ui-index:before {
    content: "\e910"
}

.icon-ui-information:before {
    content: "\e911"
}

.icon-ui-margin:before {
    content: "\e912"
}

.icon-ui-search:before {
    content: "\e913"
}

.icon-ui-sequence:before {
    content: "\e914"
}

.icon-ui-set:before {
    content: "\e915"
}

.icon-ui-switch:before {
    content: "\e916"
}

.icon-ui-closed-eyes:before {
    content: "\e917"
}

.icon-ui-eyes:before {
    content: "\e918"
}

.icon-ui-bright:before {
    content: "\e919"
}

.icon-ui-depth:before {
    content: "\e91a"
}

.icon-ui-danger:before {
    content: "\e91b"
}

.icon-ui-info:before {
    content: "\e91c"
}

.icon-ui-failure:before {
    content: "\e91d"
}

.icon-ui-success:before {
    content: "\e91e"
}

.icon-ui-warning:before {
    content: "\e91f"
}

.icon-ui-coinmarketcap:before {
    content: "\e920"
}

.icon-ui-facebook:before {
    content: "\e921"
}

.icon-ui-huobi-chat:before {
    content: "\e922"
}

.icon-ui-ins:before {
    content: "\e923"
}

.icon-ui-medium:before {
    content: "\e924"
}

.icon-ui-telegram:before {
    content: "\e925"
}

.icon-ui-twitter:before {
    content: "\e926"
}

.icon-ui-weibo:before {
    content: "\e927"
}

.icon-ui-youtube:before {
    content: "\e928"
}

.icon-ui-password:before {
    content: "\e929"
}

.icon-ui-fundpassword:before {
    content: "\e92a"
}

.icon-ui-anti-phishing-code:before {
    content: "\e92b"
}

.icon-ui-email:before {
    content: "\e92c"
}

.icon-ui-ga:before {
    content: "\e92d"
}

.icon-ui-phone:before {
    content: "\e92e"
}

.icon-ui-security-level:before {
    content: "\e92f"
}

.h5-toast-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0);
    width: 750px;
    z-index: 9999
}

.h5-toast-wrap .h5-toast {
    background-color: var(--Background-Toast);
    border-radius: 18px;
    color: var(--Functional-White);
    font-size: 32px;
    line-height: 44px;
    margin: auto;
    max-width: 650px;
    padding: 30px;
    text-align: center
}

.h5-toast-wrap .h5-toast+.h5-toast {
    margin-top: 20px
}

.h5-toast_container {
    left: 50%;
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
    width: auto
}

.h5-toast_container .h5-toast {
    background-color: var(--Background-Toast);
    border-radius: 4px;
    color: var(--Functional-White);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    min-width: 200px;
    padding: 14px 24px;
    text-transform: capitalize
}