.hm-message {
    min-width: 100px;
    box-sizing: border-box;
    border-radius: 16px;
    position: fixed;
    overflow: hidden;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s, transform .4s;
    z-index: 5000;
    background: #333
}

[dir=ltr] .hm-message {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .hm-message {
    right: 50%;
    transform: translateX(50%)
}

.hm-message .hm-icon {
    width: 20px;
    height: 20px
}

[dir=ltr] .hm-message .hm-icon {
    margin-right: 10px
}

[dir=rtl] .hm-message .hm-icon {
    margin-left: 10px
}

.hm-message .hm-icon.zhengque {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAV9QTFRFAAAA////gP+AFb+AFb+AFMKFFcF8FLyAE7x9E72AE719Er1+FLt+FLx9Ert9Erx+E7t8E7t9Erx8FLx8E7x9E7t9E7x9Ert9E7t8E7t9Erx9Ert8E7t9E7t8E7t8E7t9Erx9/////v/++/79+v78+P379/379v369f369Pz58/z58vz48vv48fv37vr27Pr16/r06fnz6Pnz5/ny5vjy5fjx5Pfw4/fw4ffv4Pbu2vXr2PTpvezbrejSrOfRqefQqObPpebOo+XMn+TKnuPKnOPJmOLGlOHEjd/Aftq4c9eyYtKpYtKoXNClU86gUc2fT82dTcycS8ybScuaRcqZQ8qYQsmXP8eVN8WQNsWQNcSPNMSOMsSNMcONMMOML8OLLcKKLMKKK8KJKsGJKcGJKcGIHr+DF71/Fr1+F7x+Frx/Frx+Frx9Fbx+Fbx9FLx+FLt9E7t9E7t8Ert9Ert8hvtwhgAAACF0Uk5TAAECDBgZJSY1NmBhgIGLjJaXmJydsbO0x8jd3unq9PX7kkKN5QAAAatJREFUeJyVlWV7wjAQgINTfECRAYXO3Zm7u7u7MRiw+//PEiq0pRnd+6WX5n0ubXq5IhUmxsPGEhyXiLEexoRoOMIpUJAMO3Q1WzADGjJBW63nToMOabdGM/uAgt+s9CxRoBK1KPJF4A8i1ZzUdQV8kueCOrgEz8rVEzlrRWyAugSIZ89AXTJ2LIap0zmAbzEM4TpI0rz82WTvhhgnTYiheqc9PM9v54QRg7w076Sbx6yLogex+l7huIt4/c9FYcyiuK6XP+ok3sC5mBBiKCHPAfzI8WFHxbuQPEggqQxzL9N9a6WS4B20E2/wUvaAQ/L3m8JT8xUzv99GvKGrqodFaem3JjI5WyxDca+VhMPXCg8aUUwKl3nCTBF2WkgwcqP08MvI21OaE8ytZnLJ3uZBCYs8UlguLfAy2Tu1hzfcqRgtSt7ovWpdjFNdFEuCN/ZQ0Hi4KFBIeWOFeOOP76AhVFO4qzw/8fSl9SqFiwKqe7ubr5+gJaBzuAofUIN4uAwfV+MNwHhLMdykcE4/zVO3PeON9B+tubbZpyjNnmBmvGyc/D7irJdRP9wvcDr0GbQv7JYAAAAASUVORK5CYII=);
    background-size: 100%;
    background-repeat: no-repeat
}

.hm-message .hm-icon.cuowu {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMTguMzMzYTguMzMzIDguMzMzIDAgMTAwLTE2LjY2NiA4LjMzMyA4LjMzMyAwIDAwMCAxNi42NjZ6IiBzdHJva2U9IiNFQzQ1NTEiIHN0cm9rZS13aWR0aD0iMS42NjciIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTIuMzU3IDcuNjQzbC00LjcxNCA0LjcxNE03LjY0MyA3LjY0M2w0LjcxNCA0LjcxNCIgc3Ryb2tlPSIjRUM0NTUxIiBzdHJva2Utd2lkdGg9IjEuNjY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
    background-size: 100%;
    background-repeat: no-repeat;
    align-self: flex-start
}

.hm-message .hm-icon.alert {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAHJQTFRFAAAA8MMe/84Y+Mwd9sYc98cc+MYc+Mcc+Mkb+cka98cc98cb98Ya+Mcb+Mga+Mcc98Ua+cga+Mca+MYb+ccb98ca+Mgb+cca+ccb98cb+Mcb+Mcb+Mcb+Mcb98Yb98cb+Mcb+Mca+Mcb+MYb+ccc+McbwmgHHQAAACV0Uk5TABEVIzZASElMWVtgY2hqbYCHiJmfpKqussTM1uXo6u3u8fX4+pLnObQAAAEdSURBVHictZTZsoIwEAXbBcFdkE1UwCX//4u3ChCZIbn64nlLpyuQZYafx4vSoq6LNPL+s4K4NH3KOHBpuVHJrerRWHIce4WxptCecUZ6mVvMhl4oph4PMQzfXiAmNrAR4L13cS43gNuQ5PYFTwAngV5LJoKeAc4CJZ1YCXoFuApUtZ5vRJ4AT8n8RoyMzAQmCkWNmCo6g5lCaSPqW57DXKH2xmtFF7BQqLaKK1hZRf3pPewVKqybOcBBodR6PPft9q5Qezye+ZiuJEvzIWV317HE6XqtfjvuxEDiJSwl6V+uLOgpTAXoH65acgc7AQZtQBb/5SKGogk4yt+MW4BbRMXRAjJGCW1eiCXftj0gSAYFWSUurYn/as0+v84fwoSHBdfMi20AAAAASUVORK5CYII=);
    background-size: 100%;
    background-repeat: no-repeat
}

.hm-message p {
    flex: 1;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0
}

.hm-message-fade-enter,
.hm-message-fade-leave-active {
    opacity: 0
}

[dir=ltr] .hm-message-fade-enter,
[dir=ltr] .hm-message-fade-leave-active {
    transform: translate(-50%, -100%)
}

[dir=rtl] .hm-message-fade-enter,
[dir=rtl] .hm-message-fade-leave-active {
    transform: translate(50%, -100%)
}

@media screen and (max-width:768px) {
    .hm-message {
        width: 311px !important
    }
}

.number_medium[data-v-4ad2c7af] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-4ad2c7af]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.white .animate-item[data-v-4ad2c7af] {
    background-color: #161616
}

.black .animate-item[data-v-4ad2c7af] {
    background-color: #fff
}

.cube-icon-box[data-v-4ad2c7af] {
    display: flex;
    position: relative
}

.animate-item[data-v-4ad2c7af] {
    position: absolute;
    top: 4px;
    right: 4px;
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    border-radius: 1px;
    transition: transform .3s ease-in-out
}

.cube-icon[data-v-4ad2c7af] {
    cursor: pointer
}

.header-custom-dropdown-active .cube-icon path[data-v-4ad2c7af],
.header-custom-dropdown-active .cube-icon rect[data-v-4ad2c7af] {
    fill: #d8ae15 !important
}

.header-custom-dropdown-active .animate-item[data-v-4ad2c7af] {
    transform: rotate(0deg);
    background-color: #d8ae15 !important;
    top: 3px;
    right: 3px;
    width: 8.2px;
    height: 8.2px
}

.number_medium[data-v-58e08bc3] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-58e08bc3]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.arrow-icon[data-v-58e08bc3] {
    cursor: pointer;
    display: inline-block
}

.header-custom-dropdown-active .arrow-icon path[data-v-58e08bc3] {
    stroke: #d8ae15 !important;
    transform-origin: center
}

[dir=ltr] .header-custom-dropdown-active .arrow-icon path[data-v-58e08bc3] {
    transform: rotate(180deg)
}

[dir=rtl] .header-custom-dropdown-active .arrow-icon path[data-v-58e08bc3] {
    transform: rotate(-180deg)
}

.number_medium[data-v-67b97dc0] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-67b97dc0]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.hot-icon[data-v-67b97dc0] {
    cursor: pointer
}

.number_medium[data-v-12d1e450] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-12d1e450]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.new-icon-style[data-v-12d1e450] {
    width: 28px;
    height: 16px
}

.number_medium[data-v-9970f384] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-9970f384]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.btc-icon[data-v-9970f384] {
    cursor: pointer
}

.number_medium[data-v-65e15b75] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-65e15b75]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.copy-icon[data-v-65e15b75] {
    cursor: pointer;
    width: 35px;
    height: 16px
}

.number_medium[data-v-5d5c7570] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-5d5c7570]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.eth-icon[data-v-5d5c7570] {
    cursor: pointer
}

.number_medium[data-v-4afec84c] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-4afec84c]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.limited-time-icon[data-v-4afec84c] {
    cursor: pointer
}

.number_medium[data-v-7397f556] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-7397f556]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.spin-icon[data-v-7397f556] {
    cursor: pointer
}

.number_medium[data-v-48b00ad4] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-48b00ad4]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.top-trader-icon[data-v-48b00ad4] {
    cursor: pointer
}

.number_medium[data-v-d21d6676] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-d21d6676]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.search-icon[data-v-d21d6676] {
    cursor: pointer;
    display: inline-block
}

.number_medium[data-v-44e88a00] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-44e88a00]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.number_medium[data-v-94cece82] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-94cece82]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.number_medium[data-v-4bda649a] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-4bda649a]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.badge-icon[data-v-4bda649a] {
    position: relative;
    height: 24px;
    width: 24px;
    display: flex
}

.badge-icon .badge[data-v-4bda649a] {
    position: absolute;
    z-index: 1;
    top: -2px;
    height: 8px;
    line-height: 8px;
    width: 8px;
    text-align: center;
    border-radius: 9px;
    color: #fff;
    background: #d8ae15
}

[dir=ltr] .badge-icon .badge[data-v-4bda649a] {
    right: 2px
}

[dir=rtl] .badge-icon .badge[data-v-4bda649a] {
    left: 2px
}

.number_medium[data-v-4f7f3556] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-4f7f3556]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.number_medium[data-v-26dd3b58] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-26dd3b58]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.number_medium[data-v-f10503a6] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-f10503a6]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.number_medium[data-v-351b48d4] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-351b48d4]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.white.close-icon[data-v-351b48d4] {
    cursor: pointer
}

.white.close-icon:hover path[data-v-351b48d4] {
    stroke: #17171d
}

.black.close-icon[data-v-351b48d4] {
    cursor: pointer
}

.black.close-icon:hover path[data-v-351b48d4] {
    stroke: #fff
}

.number_medium[data-v-fce8db1c] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-fce8db1c]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.message-icon[data-v-fce8db1c] {
    position: relative;
    height: 24px;
    width: 24px;
    display: flex
}

.message-icon .badge[data-v-fce8db1c] {
    position: absolute;
    z-index: 1;
    top: -8px;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 9px;
    color: #fff;
    background: #f14b3f;
    font-size: 12px
}

[dir=ltr] .message-icon .badge[data-v-fce8db1c] {
    left: 10px
}

[dir=rtl] .message-icon .badge[data-v-fce8db1c] {
    right: 10px
}

.message-icon .badge.exLimit[data-v-fce8db1c] {
    width: 28px
}

.number_medium[data-v-c255512c] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-c255512c]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.white .tree-node-label[data-v-c255512c] {
    color: #17171d
}

.white .tree-node-label[data-v-c255512c]:hover {
    background-color: rgba(0, 0, 0, .05)
}

.black .tree-node-label[data-v-c255512c] {
    color: #fff
}

.black .tree-node-label[data-v-c255512c]:hover {
    background-color: hsla(0, 0%, 100%, .05)
}

.img-box[data-v-c255512c] {
    width: 16px
}

.tree-node[data-v-c255512c] {
    display: flex;
    width: 100%
}

.arrow-icon[data-v-c255512c] {
    transition: all .3s ease
}

.tree-node-label[data-v-c255512c] {
    flex: 1;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 0 12px;
    cursor: pointer;
    user-select: none;
    line-height: 56px;
    font-size: 16px;
    font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px
}

.tree-node-label-left[data-v-c255512c] {
    display: flex;
    align-items: center
}

.rotate-180[data-v-c255512c] {
    display: inline-block
}

[dir=ltr] .rotate-180[data-v-c255512c] {
    transform: rotate(180deg)
}

[dir=rtl] .rotate-180[data-v-c255512c] {
    transform: rotate(-180deg)
}

.number_medium[data-v-b8be14f8] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-b8be14f8]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.tree-container[data-v-b8be14f8] {
    width: 100%;
    font-size: 16px
}

.number_medium[data-v-50791bb6] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-50791bb6]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.language-select-dialog[data-v-50791bb6] .el-dialog {
    background: #262626;
    border-radius: 24px
}

.language-select-dialog[data-v-50791bb6] .el-dialog .el-dialog__header {
    padding: 20px 20px 0
}

.language-select-dialog[data-v-50791bb6] .el-dialog .el-dialog--center .el-dialog__body {
    padding: 20px 50px 36px
}

.language-select-dialog[data-v-50791bb6] .el-dialog .el-dialog__headerbtn {
    position: absolute;
    top: 18px !important
}

[dir=ltr] .language-select-dialog[data-v-50791bb6] .el-dialog .el-dialog__headerbtn {
    right: 24px !important;
    left: auto !important
}

[dir=rtl] .language-select-dialog[data-v-50791bb6] .el-dialog .el-dialog__headerbtn {
    left: 24px !important;
    right: auto !important
}

.language-select-dialog[data-v-50791bb6] .el-dialog .el-dialog__headerbtn .el-dialog__close {
    font-size: 18px;
    font-weight: 700
}

.language-select-dialog[data-v-50791bb6] .el-dialog .dialog-tab {
    height: 32px;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-align-items: flex-center;
    align-items: flex-center;
    align-items: center;
    flex-direction: row;
    gap: 40px;
    border-bottom: 1px solid #282828
}

.language-select-dialog[data-v-50791bb6] .el-dialog .dialog-tab span {
    display: inline-block;
    height: 32px;
    font-size: 18px;
    color: #8b8b8e;
    font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    cursor: pointer
}

.language-select-dialog[data-v-50791bb6] .el-dialog .dialog-tab span.active,
.language-select-dialog[data-v-50791bb6] .el-dialog .dialog-tab span:hover {
    color: #fff !important
}

.language-select-dialog[data-v-50791bb6] .el-dialog .dialog-tab .border {
    width: 24px;
    height: 2px;
    margin: 0 auto;
    transition: transform .3s ease, width .3s ease
}

.language-select-dialog[data-v-50791bb6] .el-dialog .dialog-tab .border.show {
    background: #fff
}

.language-select-dialog[data-v-50791bb6] .el-dialog .el-dialog__body {
    padding: 0
}

.language-select-dialog[data-v-50791bb6] .el-dialog .subnav-container {
    display: flex;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 40px
}

.language-select-dialog[data-v-50791bb6] .el-dialog .subnav-container .subnav-item {
    display: inline-block;
    min-width: 120px;
    height: 44px;
    line-height: 1.5;
    cursor: pointer;
    color: #fff;
    margin-bottom: 16px;
    width: 140px;
    -webkit-padding-start: 12px;
    padding-inline-start: 12px
}

[dir=ltr] .language-select-dialog[data-v-50791bb6] .el-dialog .subnav-container .subnav-item {
    text-align: left
}

[dir=rtl] .language-select-dialog[data-v-50791bb6] .el-dialog .subnav-container .subnav-item {
    text-align: right
}

.language-select-dialog[data-v-50791bb6] .el-dialog .subnav-container .subnav-item.active,
.language-select-dialog[data-v-50791bb6] .el-dialog .subnav-container .subnav-item:hover {
    color: #d8ae15
}

.language-select-dialog.white[data-v-50791bb6] .el-dialog {
    background: #fff
}

.language-select-dialog.white .dialog-tab[data-v-50791bb6] {
    border-bottom: 1px solid #e8e8e8;
    color: #17171d
}

.language-select-dialog.white .dialog-tab span.active[data-v-50791bb6],
.language-select-dialog.white .dialog-tab span[data-v-50791bb6]:hover {
    color: #17171d !important
}

.language-select-dialog.white .dialog-tab .border.show[data-v-50791bb6] {
    background: #17171d
}

.language-select-dialog.white .subnav-container .subnav-item[data-v-50791bb6] {
    color: #17171d
}

.language-select-dialog.white .subnav-container .subnav-item.active[data-v-50791bb6],
.language-select-dialog.white .subnav-container .subnav-item[data-v-50791bb6]:hover {
    color: #d8ae15
}

.number_medium[data-v-57eb15ee] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-57eb15ee]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.header-nav-item-active[data-v-57eb15ee] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    box-sizing: border-box;
    border-radius: 20px;
    gap: 4px
}

[dir=ltr] .header-nav-item-active[data-v-57eb15ee] {
    padding: 0 8px 0 4px
}

[dir=rtl] .header-nav-item-active[data-v-57eb15ee] {
    padding: 0 4px 0 8px
}

.active-img[data-v-57eb15ee] {
    height: 32px;
    object-fit: cover
}

.active-title[data-v-57eb15ee] {
    font-size: 13px;
    font-family: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700
}

.white.header-nav-item-active[data-v-57eb15ee] {
    background-color: rgba(23, 23, 29, .047058823529411764)
}

.white.header-nav-item-active[data-v-57eb15ee]:hover {
    background-color: rgba(23, 23, 29, .0784313725490196)
}

.white .active-title[data-v-57eb15ee] {
    color: #17171d
}

.black.header-nav-item-active[data-v-57eb15ee] {
    background-color: hsla(0, 0%, 100%, .08)
}

.black.header-nav-item-active[data-v-57eb15ee]:hover {
    background-color: #fff
}

.black.header-nav-item-active:hover .active-title[data-v-57eb15ee] {
    color: #17171d
}

.black .active-title[data-v-57eb15ee] {
    color: #fff
}

.number_medium[data-v-61b99f10] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-61b99f10]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.black.custom-nav-box li a[data-v-61b99f10] {
    color: #fff
}

.white.custom-nav-box li a[data-v-61b99f10] {
    color: #17171d
}

.custom-nav-box li a[data-v-61b99f10] {
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500
}

.custom-nav-box .dropdown-list-item-block[data-v-61b99f10] {
    box-sizing: content-box
}

.custom-nav-box .dropdown-list-item-block[data-v-61b99f10] .dropdown-list-item-title {
    line-height: 20px
}

.link-style[data-v-61b99f10] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.link-activity[data-v-61b99f10] {
    display: flex;
    align-items: center;
    height: 32px !important;
    background-color: hsla(0, 0%, 100%, .08);
    border-radius: 16px;
    padding: 0 12px !important;
    font-size: 14px;
    color: #d8ae15 !important
}

.link-activity .activity-icon[data-v-61b99f10] {
    height: 32px;
    width: auto
}

.link-activity-white[data-v-61b99f10] {
    background-color: rgba(0, 0, 0, .03) !important
}

.imgBox[data-v-61b99f10] {
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    flex-shrink: 0
}

.imgBox img[data-v-61b99f10] {
    width: 16px
}

.abroad-nav-item-container[data-v-61b99f10] {
    background-color: #262626;
    display: flex;
    border-radius: 24px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
    min-height: 270px
}

[dir=ltr] .abroad-nav-item-container .left-radius-24[data-v-61b99f10] {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

[dir=ltr] .abroad-nav-item-container .right-radius-24[data-v-61b99f10],
[dir=rtl] .abroad-nav-item-container .left-radius-24[data-v-61b99f10] {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

[dir=rtl] .abroad-nav-item-container .right-radius-24[data-v-61b99f10] {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

[dir=ltr] .abroad-nav-item-container .left-border[data-v-61b99f10] {
    border-left: 1px solid #151515
}

[dir=rtl] .abroad-nav-item-container .left-border[data-v-61b99f10] {
    border-right: 1px solid #151515
}

.abroad-nav-item-container .abroad-nav-item-left[data-v-61b99f10] {
    background-color: #262626;
    width: 280px;
    padding: 12px
}

.abroad-nav-item-container .abroad-nav-item-left .nav-item-subtitle[data-v-61b99f10] {
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px
}

[dir=ltr] .abroad-nav-item-container .abroad-nav-item-left .nav-item-subtitle[data-v-61b99f10] {
    margin-left: 12px
}

[dir=rtl] .abroad-nav-item-container .abroad-nav-item-left .nav-item-subtitle[data-v-61b99f10] {
    margin-right: 12px
}

.abroad-nav-item-container .abroad-nav-item-hub[data-v-61b99f10] {
    width: 228px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #262626;
    position: relative
}

[dir=ltr] .abroad-nav-item-container .abroad-nav-item-hub[data-v-61b99f10] {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

[dir=rtl] .abroad-nav-item-container .abroad-nav-item-hub[data-v-61b99f10] {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

.abroad-nav-item-container .abroad-nav-item-hub .abroad-nav-hub-img[data-v-61b99f10] {
    width: 148px;
    height: 100px;
    object-fit: cover;
    margin-top: 32px;
    cursor: pointer
}

.abroad-nav-item-container .abroad-nav-item-hub .abroad-nav-hub-title[data-v-61b99f10] {
    margin-top: 16px;
    font-size: 18px;
    color: #fff;
    cursor: pointer
}

.abroad-nav-item-container .abroad-nav-item-hub .abroad-nav-hub-title[data-v-61b99f10]:hover {
    color: #fff
}

.abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail-only[data-v-61b99f10] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 44px;
    border-radius: 12px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 14px;
    font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    color: #fff;
    margin-top: 32px;
    cursor: pointer
}

.abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail-only[data-v-61b99f10]:hover {
    background-color: #fff;
    color: #161616
}

.abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail[data-v-61b99f10] {
    width: 180px;
    height: 44px;
    border-radius: 12px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 14px;
    font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    color: #fff;
    margin-top: 32px;
    cursor: pointer
}

.abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont[data-v-61b99f10] {
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: center
}

.abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont .nav-item-btn-left[data-v-61b99f10] {
    display: inline-flex;
    align-items: center;
    gap: 12px
}

[dir=ltr] .abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont .nav-item-btn-left[data-v-61b99f10] {
    margin-left: 12px;
    text-align: left
}

[dir=rtl] .abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont .nav-item-btn-left[data-v-61b99f10] {
    margin-right: 12px;
    text-align: right
}

.abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont .nav-item-btn-left img[data-v-61b99f10] {
    width: 20px;
    height: 20px
}

.abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont .nav-item-btn-left .nav-item-icon-wrap[data-v-61b99f10] {
    position: relative;
    display: inline-flex;
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

.abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont .nav-item-btn-left .nav-item-icon-wrap img[data-v-61b99f10] {
    width: 20px;
    height: 20px;
    display: block
}

.abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont .nav-item-btn-left .nav-item-badge[data-v-61b99f10] {
    position: absolute;
    top: -10px;
    min-width: 16px;
    height: 18px;
    padding: 0 3px;
    border-radius: 999px;
    background: #d8ae15;
    color: #161616;
    font-size: 10px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
    box-sizing: border-box
}

[dir=ltr] .abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont .nav-item-btn-left .nav-item-badge[data-v-61b99f10] {
    right: -10px
}

[dir=rtl] .abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont .nav-item-btn-left .nav-item-badge[data-v-61b99f10] {
    left: -10px
}

.abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont img[data-v-61b99f10] {
    width: 12px;
    height: 12px
}

[dir=ltr] .abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont img[data-v-61b99f10] {
    margin-right: 12px
}

[dir=rtl] .abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail .nav-item-btn-cont img[data-v-61b99f10] {
    margin-left: 12px
}

.abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail[data-v-61b99f10]:hover {
    background-color: #fff;
    color: #161616
}

.white .abroad-nav-item-container[data-v-61b99f10] {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
    background-color: #fff
}

[dir=ltr] .white .abroad-nav-item-container .left-border[data-v-61b99f10] {
    border-left: 1px solid #f8f8f8
}

[dir=rtl] .white .abroad-nav-item-container .left-border[data-v-61b99f10] {
    border-right: 1px solid #f8f8f8
}

.white .abroad-nav-item-container .abroad-nav-item-left[data-v-61b99f10] {
    background-color: #fff
}

.white .abroad-nav-item-container .abroad-nav-item-left .nav-item-subtitle[data-v-61b99f10] {
    color: #17171d
}

.white .abroad-nav-item-container .abroad-nav-item-hub[data-v-61b99f10] {
    background-color: #fff
}

.white .abroad-nav-item-container .abroad-nav-item-hub .abroad-nav-hub-title[data-v-61b99f10],
.white .abroad-nav-item-container .abroad-nav-item-hub .abroad-nav-hub-title[data-v-61b99f10]:hover {
    color: #161616
}

.white .abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail[data-v-61b99f10] {
    border: 1px solid #161616;
    font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    color: #161616
}

.white .abroad-nav-item-container .abroad-nav-item-hub .nav-item-btn-detail[data-v-61b99f10]:hover {
    background-color: #000;
    color: #fff
}

.number_medium[data-v-20ec5e93] {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

[data-v-20ec5e93]:export {
    regularFont: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    mediumFont: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    boldFont: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif
}

.theme-black[data-v-20ec5e93] .el-loading-mask {
    background-color: transparent !important;
    border-radius: 0 0 24px 24px
}

.theme-black[data-v-20ec5e93] .el-loading-mask .el-loading-spinner .path {
    stroke: #f2f2f2
}

.theme-white[data-v-20ec5e93] .el-loading-mask {
    background-color: transparent !important;
    border-radius: 0 0 24px 24px
}

.theme-white[data-v-20ec5e93] .el-loading-mask .el-loading-spinner .path {
    stroke: #262626
}

.logo-gap[data-v-20ec5e93] {
    flex-grow: 0;
    width: 24px
}

.flex-shrink-0[data-v-20ec5e93] {
    flex-shrink: 0
}

[dir=ltr] .padding-left-24[data-v-20ec5e93] {
    padding-left: 24px
}

[dir=rtl] .padding-left-24[data-v-20ec5e93] {
    padding-right: 24px
}

.flex-1[data-v-20ec5e93] {
    flex: 1
}

.flex-algin-center[data-v-20ec5e93] {
    display: flex;
    align-items: center
}

.flex-gap-24[data-v-20ec5e93] {
    gap: 24px
}

.flex-gap-16[data-v-20ec5e93] {
    gap: 16px
}

.flex-end[data-v-20ec5e93] {
    justify-content: flex-end;
    width: 100%
}

.title-font[data-v-20ec5e93] {
    font-size: 16px !important;
    font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500
}

.theme-black .title-font[data-v-20ec5e93] {
    color: #fff
}

.theme-white .title-font[data-v-20ec5e93] {
    color: #17171d
}

:root {
    --white-text-primary: #17171d
}

.pointer {
    cursor: pointer
}

html[dir=rtl] .icon-more,
html[dir=rtl] .right-arrow {
    transform: rotateY(180deg)
}

html[dir=rtl] .notice {
    left: 16px
}

html[dir=rtl] .header .thirdLevel .third-level-item .third-level-icon {
    transform: rotateY(180deg)
}

html[dir=rtl] .header .nav .nav-menu .subnav.language-unit .subnav-item .language-tit {
    margin-right: 16px
}

html[dir=rtl] .header .nav .nav-menu .subnav.more .subnav-item li {
    padding-left: 28px;
    padding-right: 20px
}

html[dir=rtl] .header .nav .nav-menu .subnav li {
    padding-right: 16px
}

html[dir=rtl] .icon-nav-more,
html[dir=rtl] .icon-nav-more-r {
    left: 10px;
    transform: rotateY(180deg)
}

html:not([dir=rtl]) .header .nav .nav-menu .subnav.more .subnav-item li {
    padding-left: 16px
}

html:not([dir=rtl]) .header .nav .nav-menu .subnav li {
    padding-right: 28px;
    padding-left: 8px
}

html:not([dir=rtl]) .icon-nav-more,
html:not([dir=rtl]) .icon-nav-more-r {
    right: 10px
}

html:not([dir=rtl]) .header .nav .nav-menu .subnav.language-unit .subnav-item .language-tit {
    margin-left: 10px
}

html:not([dir=rtl]) .notice {
    right: 16px
}

v-cloak [v-cloak] {
    display: none
}

.right-arrow {
    width: 14px;
    height: 14px
}

.header .nav .nav-menu .subnav.more .subnav-item li {
    position: relative
}

.header {
    padding-top: 65px;
    background: #fff
}

.header .nav {
    position: fixed;
    box-sizing: border-box;
    padding: 0 24px;
    width: 100%;
    left: 0;
    top: 0;
    height: 65px;
    z-index: 2000;
    background: #fff;
    display: flex
}

.header .nav .markets-nav-item {
    font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500
}

.header .nav .logoBox {
    height: 100%;
    display: flex;
    align-items: center
}

.header .nav .logoBox .logo-weex {
    width: 133px;
    height: 28px
}

.header .nav .logoBox .i-logo {
    float: left;
    color: #fff;
    font-size: 32px;
    line-height: 1
}

.header .nav .nav-split {
    position: absolute;
    top: 23px;
    left: 0;
    width: 1px;
    height: 16px;
    background-color: hsla(0, 0%, 100%, .2)
}

.header .nav .icon-zhanghu {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
    font-size: 22px
}

.header .nav .icon-xiazaiAPP {
    float: left;
    margin-top: 1px;
    font-size: 22px;
    line-height: 16px
}

.header .nav .login-link,
.header .nav .register-link {
    white-space: nowrap;
    pointer-events: none
}

.header .nav .register-link {
    float: left;
    height: 32px;
    line-height: 32px !important;
    padding: 0 12px;
    background-color: #e6c325;
    color: #000 !important;
    border-radius: 8px;
    font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500
}

.header .nav .register-link:hover {
    background-color: #d8ae15;
    color: #000
}

.header .nav .nav-wrap {
    display: flex;
    justify-content: space-between;
    flex: 1
}

.header .nav .nav-menu {
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-align-items: flex-center;
    align-items: flex-center;
    align-items: center;
    line-height: 1;
    position: relative
}

.header .nav .nav-menu .itemselect {
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE0djE0SDB6Ii8+PHBhdGggZD0iTTcgMS4zNDNMMTIuNjU3IDcgNyAxMi42NTcgMS4zNDMgNyA3IDEuMzQzem0wIDQuMjQzTDUuNTg2IDcgNyA4LjQxNCA4LjQxNCA3IDcgNS41ODZ6IiBmaWxsPSIjRjhDNzFCIi8+PC9nPjwvc3ZnPg==)
}

.header .nav .nav-menu .future-class {
    width: 215px;
    margin: 24px 16px
}

.header .nav .nav-menu .future-class .right-arrow {
    align-self: flex-end
}

.header .nav .nav-menu .future-class li+li {
    margin-top: 12px
}

.header .nav .nav-menu .pinter-none {
    pointer-events: none
}

.header .nav .nav-menu .nav_hot {
    font-size: 10px;
    height: 12px;
    margin-left: 6px;
    position: relative;
    color: #fb5217;
    border: 1px solid #fb5217
}

.header .nav .nav-menu>li {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.header .nav .nav-menu>li.display-none {
    display: none
}

.header .nav .nav-menu>li .link-menu,
.header .nav .nav-menu>li>a {
    position: relative;
    cursor: pointer;
    color: #161616;
    font-size: 16px;
    line-height: 20px;
    display: flex
}

.header .nav .nav-menu>li .link-menu .new_icon_wrap,
.header .nav .nav-menu>li>a .new_icon_wrap {
    position: absolute;
    width: 30px;
    right: 0;
    top: -14px
}

.header .nav .nav-menu>li .link-menu .new_icon_wrap.r15,
.header .nav .nav-menu>li>a .new_icon_wrap.r15 {
    right: -15px
}

.header .nav .nav-menu>li .link-menu.red-dot,
.header .nav .nav-menu>li>a.red-dot {
    position: relative
}

.header .nav .nav-menu>li .link-menu.red-dot:after,
.header .nav .nav-menu>li>a.red-dot:after {
    content: " ";
    position: absolute;
    top: -4px;
    right: 6px;
    display: block;
    width: 6px;
    height: 6px;
    border: 2px solid #18222d;
    background: #ff3700;
    border-radius: 50%
}

.header .nav .nav-menu>li .link-menu .iconarrow,
.header .nav .nav-menu>li>a .iconarrow {
    width: 8px;
    height: 5px;
    line-height: 5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKBAMAAABPkMOvAAAAAXNSR0IArs4c6QAAAB5QTFRFAAAA////5+fn5OTk4eHh4uLi4eHh4eHh4eHh4uLiH3+f/wAAAAp0Uk5TAAUVL1R9orzM0Gh+2e4AAAA/SURBVHicJcYxDYBAAACxhqCBGRmM2GBEBjMayOfcMnynuqrqs83clqdq7BxVL9aqE676wFY3WJ6xA8drWk/8j+MX6dzVFjwAAAAASUVORK5CYII=);
    background-size: contain;
    background-repeat: no-repeat
}

.header .nav .nav-menu>li .link-menu .icon_nav_white,
.header .nav .nav-menu>li>a .icon_nav_white {
    width: 20px;
    height: 20px;
    background-image: url(/assets-weex/images/icon_nav_white.ccc9363.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.header .nav .nav-menu>li .link-menu .icon_nav_black,
.header .nav .nav-menu>li>a .icon_nav_black {
    width: 20px;
    height: 20px;
    background-image: url(/assets-weex/images/icon_nav_night.4bef7e4.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.header .nav .nav-menu>li .link-menu .icon-download-qrcode,
.header .nav .nav-menu>li>a .icon-download-qrcode {
    width: 16px;
    height: 17px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMSA4LjExaDEwLjg5N2wtNS41MDQgNS4wNzRMMy4xIDguMTF6bTEuODk5LTYuMTExYTEgMSAwIDAxMS0uOTk5aDVjLjU1MyAwIDEgLjQ0NyAxIC45OTlWOC4xMWgtN1YxLjk5OXpNMyAxNWgxMXYxLjVIM1YxNXoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.header .nav .nav-menu>li .link-menu .icon-download-qrcode.n,
.header .nav .nav-menu>li>a .icon-download-qrcode.n {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMSA4LjExaDEwLjg5N2wtNS41MDQgNS4wNzRMMy4xIDguMTF6bTEuODk5LTYuMTExYTEgMSAwIDAxMS0uOTk5aDVjLjU1MyAwIDEgLjQ0NyAxIC45OTlWOC4xMWgtN1YxLjk5OXpNMyAxNWgxMXYxLjVIM1YxNXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.header .nav .nav-menu>li .link-menu .icon-notice_num,
.header .nav .nav-menu>li>a .icon-notice_num {
    width: 17px;
    height: 17px;
    background-image: url(/assets-weex/images/icon_nav_notice_black.361ed4a.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.header .nav .nav-menu>li .link-menu .icon-notice_num.black,
.header .nav .nav-menu>li>a .icon-notice_num.black {
    background-image: url(/assets-weex/images/icon_nav_notice_white.5928125.png)
}

.header .nav .nav-menu>li .link-menu .icon-theme-moon,
.header .nav .nav-menu>li>a .icon-theme-moon {
    width: 18px;
    height: 18px;
    background-image: url(/assets-weex/images/icon_nav_moon.6c7f10b.svg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.header .nav .nav-menu>li .link-menu .icon-theme-sunny,
.header .nav .nav-menu>li>a .icon-theme-sunny {
    width: 18px;
    height: 18px;
    background-image: url(/assets-weex/images/icon_nav_sun.0d44557.svg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.header .nav .nav-menu>li:hover .subnav {
    opacity: 1;
    transition: all .2s;
    visibility: visible;
    transform: translateY(0)
}

.header .nav .nav-menu>li:hover .link-menu,
.header .nav .nav-menu>li:hover>a {
    color: #f8c71b;
    transition: all .35s
}

.header .nav .nav-menu>li:hover .icon_nav_black,
.header .nav .nav-menu>li:hover .icon_nav_white {
    background-image: url(/assets-weex/images/icon_nav_hover.5aa7831.svg)
}

.header .nav .nav-menu>li:hover .iconarrow,
.header .nav .nav-menu>li:hover .iconarrow2 {
    width: 10px;
    height: 10px;
    line-height: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMTAgMTBIMFYwaDEweiIvPjxwYXRoIGQ9Ik05IDhWNmgtLjAwMUw1LjQ3MyAyIDIuMDAxIDYgMiA4aDd6IiBmaWxsPSIjRjhDNzFCIi8+PC9nPjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

.header .nav .nav-menu>li:hover .icon-download-qrcode,
.header .nav .nav-menu>li:hover .icon-download-qrcode.n {
    width: 16px;
    height: 17px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMSA4LjExaDEwLjg5N2wtNS41MDQgNS4wNzRMMy4xIDguMTF6bTEuODk5LTYuMTExYTEgMSAwIDAxMS0uOTk5aDVjLjU1MyAwIDEgLjQ0NyAxIC45OTlWOC4xMWgtN1YxLjk5OXpNMyAxNWgxMXYxLjVIM1YxNXoiIGZpbGw9IiNGOEM3MUIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.header .nav .nav-menu>li:hover .icon-notice,
.header .nav .nav-menu>li:hover .icon-notice.n {
    background-image: url(/assets-weex/images/icon_nav_notice_h.d592a28.svg)
}

.header .nav .nav-menu>li:hover .icon-theme-moon {
    background-image: url(/assets-weex/images/icon_nav_moon_h.046b065.svg)
}

.header .nav .nav-menu>li:hover .icon-theme-sunny {
    background-image: url(/assets-weex/images/icon_nav_sun_h.d2fd233.svg)
}

.header .nav .nav-menu>li .iconImg {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat
}

.header .nav .nav-menu>li .iconImg1 {
    width: 34px;
    height: 34px;
    background-size: contain;
    background-repeat: no-repeat
}

.header .nav .nav-menu>li .icon-nav-more,
.header .nav .nav-menu>li .icon-nav-more-r {
    width: 16px;
    height: 16px;
    background: url(/assets-weex/images/icon_nav_more.e10e28b.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    display: none
}

.header .nav .nav-menu>li .line-item {
    cursor: pointer
}

.header .nav .nav-menu>li .line-item .menu-link {
    color: #fff;
    pointer-events: none
}

.header .nav .nav-menu>li .line-item .hot {
    display: inline-block;
    padding: 3px;
    border-radius: 2px;
    background-color: #ec4551;
    font-size: 10px;
    margin-left: 8px
}

.header .nav .nav-menu>li .line-item:hover .menu-link {
    color: #d8ae15
}

.header .nav .nav-menu>li .line-item:hover .icon-nav-more,
.header .nav .nav-menu>li .line-item:hover .icon-nav-more-r {
    display: block
}

.header .nav .nav-menu .subnav {
    color: #000;
    background: #f2f2f2;
    border-radius: 24px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .12);
    padding: 20px
}

.header .nav .nav-menu .subnav .account-logout-split {
    width: 210px;
    height: 1px
}

.header .nav .nav-menu .subnav li {
    margin-bottom: 10px;
    cursor: pointer
}

.header .nav .nav-menu .subnav li:last-child {
    margin-bottom: unset
}

.header .nav .nav-menu .subnav li .line-item {
    height: 70px;
    display: flex;
    align-items: center
}

.header .nav .nav-menu .subnav li .line-item .fee-info {
    display: flex;
    align-items: center;
    margin-left: 8px
}

.header .nav .nav-menu .subnav li .line-item .fee-info .fee0-wrap {
    height: 26px
}

.header .nav .nav-menu .subnav li .line-item .description {
    height: 70px
}

.header .nav .nav-menu .subnav li .line-item .description .title {
    height: 22px;
    font-size: 16px;
    color: #000;
    line-height: 22px;
    margin-top: 15px
}

.header .nav .nav-menu .subnav li .line-item .description .sub-tit {
    font-size: 12px;
    font-weight: 400;
    color: #777989;
    line-height: 17px;
    margin-top: 1px
}

.header .nav .nav-menu .subnav li .line-item.border {
    border-bottom: 1px solid #2b3d60
}

.header .nav .nav-menu .subnav li .line-item .iconfont {
    font-size: 14px;
    color: #9ea7b7;
    flex-shrink: 0
}

.header .nav .nav-menu .subnav li .line-item .iconfont_new {
    color: #9ea7b7
}

.header .nav .nav-menu .subnav li .line-item .zonglan {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAEtQTFRFAAAAgID/gICqcYCOcHqPdXyRcX2OcX2Ocn6NcXuLc3uMcXuKcHuLcnqMcXuLcXuLcXqKcXqKcXqLcHuKcHqKcXqKcHuLcXuKcHqK+P459QAAABh0Uk5TAAIGEhklKz1DTVmFj5SavcDC1djj7vP9dP4C9gAAAMlJREFUeJzNk9kOgyAQAFHxvi+c///SJqjUpl0laRo7T0uYsLDsqt+TNaMxY5NdaHHHRhefeemMY05lLz54MMtn2rx9rnXe2+ySlwGUgVJKBSWA9KIG6IM1DnqgEcQRyPdFDoyCaAC9LzRgvhW9U3s/xrs83gX3/0LvpvBvM//G/WeSajB8wAxVctDCekFkqUPntZzS7mbNBfV2vwWYCteyR3QxAct6zwqYIiUQTUBlwwEolEgBDDZ6GZV3nsMDoE5w+zeLV9wqPgBS6C+VSjhivAAAAABJRU5ErkJggg==)
}

.header .nav .nav-menu .subnav li .line2 {
    margin-left: 10px
}

.header .nav .nav-menu .subnav li .info-item {
    height: 58px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.header .nav .nav-menu .subnav li .info-item .minor img {
    display: block;
    width: 20px;
    height: 20px
}

.header .nav .nav-menu .subnav li .info-item .primary {
    margin-left: 8px
}

.header .nav .nav-menu .subnav li .info-item .primary p:first-child {
    font-size: 14px;
    color: #000
}

.header .nav .nav-menu .subnav li .info-item .primary p:last-child {
    font-size: 12px;
    color: #697281;
    margin-top: 8px
}

.header .nav .nav-menu .subnav li .info-item:hover .primary p:first-child {
    color: #f8c71b
}

.header .nav .nav-menu .subnav li a {
    display: inline-block;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    transition: all .35s
}

.header .nav .nav-menu .subnav.show {
    visibility: inherit;
    z-index: 2001;
    opacity: 1;
    transform: translateY(0);
    transition: all .2s
}

.header .nav .nav-menu .subnav.hide {
    visibility: hidden;
    z-index: -10;
    transition: all .2s
}

.header .nav .nav-menu .subnav.swap {
    min-width: 230px
}

.header .nav .nav-menu .subnav.swap .line-item {
    height: 50px
}

.header .nav .nav-menu .subnav.swap .line-item .tit {
    color: #f8c71b
}

.header .nav .nav-menu .subnav.copytrading {
    width: 230px
}

.header .nav .nav-menu .subnav.copytrading .line-item {
    height: 50px
}

.header .nav .nav-menu .subnav.copytrading .line-item .tit {
    color: #f8c71b
}

.header .nav .nav-menu .subnav.record {
    width: 230px;
    right: auto;
    left: -30px
}

.header .nav .nav-menu .subnav.record .line-item {
    height: 50px;
    width: 100%
}

.header .nav .nav-menu .subnav.asset {
    width: 255px;
    height: 290px;
    right: auto;
    left: -30px
}

.header .nav .nav-menu .subnav.account {
    width: 272px;
    right: -176px;
    padding: 16px 12.5px
}

.header .nav .nav-menu .subnav.account .account-info {
    padding: 12px;
    display: flex;
    cursor: pointer;
    border: 1px solid #d1d1d2;
    border-radius: 16px
}

.header .nav .nav-menu .subnav.account .account-info .verified-level-row {
    display: flex;
    align-items: center;
    margin-top: 8px
}

.header .nav .nav-menu .subnav.account .account-info .level-my-vip-tag {
    display: block
}

.header .nav .nav-menu .subnav.account .account-info .level-my-vip-tag span {
    position: absolute;
    left: 28px;
    top: 7px;
    color: #161616;
    font-size: 12px;
    font-family: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700
}

.header .nav .nav-menu .subnav.account .account-info .level-my-vip-tag img {
    width: 71px;
    height: 20px
}

.header .nav .nav-menu .subnav.account .account-info .account-details p.first-child {
    font-size: 14px;
    word-break: break-all;
    cursor: pointer;
    line-height: 20px
}

.header .nav .nav-menu .subnav.account .account-info .account-details p.last-child {
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-align-items: flex-center;
    align-items: flex-center;
    align-items: center;
    flex-direction: row
}

.header .nav .nav-menu .subnav.account .account-info .account-details p.last-child span {
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px
}

.header .nav .nav-menu .subnav.account .account-info .account-details p.last-child .i-copy {
    display: block;
    margin-left: 4px;
    width: 14px;
    height: 14px;
    cursor: pointer
}

.header .nav .nav-menu .subnav.account .account-info .account-details p.last-child .i-copy>img {
    display: block;
    width: 100%;
    height: 100%
}

.header .nav .nav-menu .subnav.account .account-info .account-avatar {
    width: 32px;
    height: 32px;
    cursor: pointer
}

.header .nav .nav-menu .subnav.account .account-info .account-avatar img {
    width: 100%;
    height: 100%
}

.header .nav .nav-menu .subnav.account .min-height-scroll {
    max-height: calc(100vh - 284px);
    overflow-y: auto
}

.header .nav .nav-menu .subnav.account .min-height-scroll::-webkit-scrollbar-track {
    background-color: transparent
}

.header .nav .nav-menu .subnav.account .min-height-scroll::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

.header .nav .nav-menu .subnav.account .min-height-scroll::-webkit-scrollbar-thumb {
    background-color: #b9b9bb
}

.header .nav .nav-menu .subnav.account .line-item {
    height: 40px;
    line-height: 1.25
}

.header .nav .nav-menu .subnav.account .line-item .iconfont {
    font-size: 14px;
    margin-right: 10px
}

.header .nav .nav-menu .subnav.account .line-item i {
    position: relative;
    top: -1px;
    font-size: 16px
}

.header .nav .nav-menu .subnav.account .line-item.logout2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    text-align: center;
    border-radius: 20px;
    font-size: 14px;
    line-height: 15.3px;
    cursor: pointer;
    background-color: #fff
}

.header .nav .nav-menu .subnav.account .line-item.logout2:hover {
    background-color: #e6e6e6
}

.header .nav .nav-menu .subnav.download {
    right: -86px;
    padding: 24px;
    max-width: 200px;
    box-sizing: border-box;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .10196078431372549);
    display: flex;
    flex-direction: column;
    align-items: center
}

.header .nav .nav-menu .subnav.download>div {
    color: #fff
}

.header .nav .nav-menu .subnav.download .line-item {
    height: 40px
}

.header .nav .nav-menu .subnav.download .line-item i {
    font-size: 20px;
    color: #fff
}

.header .nav .nav-menu .subnav.download .qr-code {
    width: 112px;
    height: 112px;
    background-color: #fff;
    transition: all .35s;
    border-radius: 10px
}

.header .nav .nav-menu .subnav.download .qr-code .qr-code-box {
    position: relative;
    top: 6px;
    display: flex;
    align-items: center;
    justify-content: center
}

.header .nav .nav-menu .subnav.download .qr-code>img {
    position: relative;
    width: 22px;
    height: 22px
}

.header .nav .nav-menu .subnav.download .img-container {
    width: 112px;
    height: 112px
}

.header .nav .nav-menu .subnav.download .tit {
    font-size: 14px;
    font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    color: #17171d;
    line-height: 19px;
    text-align: center;
    word-wrap: break-word;
    word-break: auto-phrase;
    margin-top: 8px
}

.header .nav .nav-menu .subnav.download .sub-tit {
    font-size: 12px;
    font-weight: 400;
    color: #777989;
    line-height: 17px;
    text-align: center;
    margin-top: 4px
}

.header .nav .nav-menu .subnav.download .more-download {
    display: inline-block;
    min-width: 84px;
    background: #161616;
    color: #fff;
    font-size: 14px;
    font-family: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    border-radius: 100px;
    text-align: center;
    margin-top: 16px;
    cursor: pointer;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 16px
}

.header .nav .nav-menu .subnav.download .more-download:hover {
    background: #232328
}

.header .nav .nav-menu .subnav.download .logo-qr {
    width: 22px;
    height: 22px;
    position: relative;
    top: -67px;
    left: 45px
}

.header .nav .nav-menu .subnav.more {
    width: 610px;
    gap: 10px
}

.header .nav .nav-menu .subnav.more .subnav-item {
    display: block;
    float: left;
    width: 300px;
    font-size: 14px
}

.header .nav .nav-menu .subnav.more .subnav-item li {
    display: block;
    height: 70px;
    line-height: 70px;
    padding-left: 16px;
    cursor: pointer
}

.header .nav .nav-menu .subnav.more .subnav-item li.active {
    color: #f8c71b
}

.header .nav .nav-menu .subnav.more .subnav-item li:hover {
    color: #f8c71b;
    transition: all .35s
}

.header .nav .nav-menu .subnav.language-unit {
    width: 330px
}

.header .nav .nav-menu .subnav.language-unit .subnav-item {
    display: block;
    float: left;
    width: 160px;
    font-size: 14px;
    font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500
}

.header .nav .nav-menu .subnav.language-unit .subnav-item .language-tit {
    height: 25px;
    font-family: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 25px;
    margin-bottom: 15px
}

.header .nav .nav-menu .subnav.language-unit .subnav-item li {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    cursor: pointer
}

.header .nav .nav-menu .subnav.language-unit .subnav-item li:last-child {
    margin-bottom: unset
}

.header .nav .nav-menu .subnav.language-unit .subnav-item li.active {
    color: #d8ae15
}

.header .nav .nav-menu .subnav.language-unit .subnav-item li:hover {
    color: #d8ae15;
    transition: all .35s
}

.header .nav .nav-menu .subnav.language-unit .subnav-split {
    position: absolute;
    top: 0;
    left: 151px;
    height: 100%;
    background-color: #ededed
}

.header .nav .nav-menu .subnav.copytrading {
    width: 200px
}

.header .nav .nav-menu .subnav.copytrading .red-dot {
    position: relative
}

.header .nav .nav-menu .subnav.copytrading .red-dot:after {
    content: " ";
    position: absolute;
    top: -1px;
    right: -3px;
    display: block;
    width: 6px;
    height: 6px;
    border: 2px solid #18222d;
    background: #ff3700;
    border-radius: 50%
}

.header .nav .nav-menu .msg-li:hover .icon-notice_num {
    background-image: url(/assets-weex/images/icon_nav_notice_hover.bacb3c9.png)
}

.header .nav .nav-menu .msg-wrap {
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.header .nav .nav-menu .notice.subnav {
    top: 55px;
    width: 520px;
    font-size: 12px;
    padding: 24px 0 12px
}

.header .nav .nav-menu .notice.subnav .notice-data {
    padding: 0;
    border-radius: 24px
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 0 24px 16px;
    line-height: 14px
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-l {
    display: flex;
    align-items: center
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-l .notice-num {
    font-weight: 500
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-l .notice-num,
.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-l .notice-t-info {
    font-size: 14px;
    font-family: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-r {
    display: flex;
    align-items: center;
    cursor: pointer
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-r .icon-more {
    width: 14px;
    height: 14px
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-header .line-item {
    width: 1px;
    height: 12px;
    margin: 0 8px
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-header .notice-load-more-text-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 12px
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-header .notice-load-more-text-item .all-read-more {
    width: 16px;
    height: 16px
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-list {
    box-sizing: border-box;
    border-radius: 0 0 24px 24px
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont {
    display: flex;
    cursor: pointer;
    margin-bottom: 12px
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .notice-icon {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-top: 6px;
    border-radius: 50%
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .cont {
    flex: 1
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .cont .item-tit {
    width: 438px;
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    font-size: 14px;
    font-family: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    margin-bottom: 8px
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .cont .item-sub-tit {
    width: 438px;
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 8px;
    line-height: 16px;
    white-space: normal
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .cont .item-sub-tit,
.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .cont .item-time {
    font-size: 12px;
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont:last-child {
    margin-bottom: 0
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-tab {
    width: 100%;
    padding: 0 24px 16px;
    box-sizing: border-box
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-tab .tab-wrap {
    position: relative;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-tab .tab-container {
    flex: 1;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 16px;
    margin: 0 16px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-tab .tab-container::-webkit-scrollbar {
    display: none
}

.header .nav .nav-menu .notice.subnav .notice-data .notice-tab .tab-item {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-family: PlusJakartaSans-Bold, Arial-Bold, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s
}

.header .nav .nav-menu .notice.subnav .notice-data .tab-arrow {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0
}

.header .nav .nav-menu .notice.subnav .notice-data .tab-arrow.rtl {
    transform: rotate(-180deg)
}

.header .nav .nav-menu .notice.subnav .notice-data .tab-arrow img {
    width: 16px;
    height: 16px
}

.header .nav .nav-menu .subnav li:hover {
    background: rgba(0, 0, 0, .03);
    border-radius: 12px
}

.header .nav .nav-menu .subnav li:hover a,
.header .nav .nav-menu .subnav li:hover i {
    color: #d8ae15 !important;
    transition: all .35s
}

.header .nav .nav-menu .subnav li:hover .tuichu {
    width: 20px;
    height: 20px;
    background: url(/assets-weex/images/icon_exit.15a96fe.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.header .nav .nav-menu .subnav li:hover .anquanshezhi,
.header .nav .nav-menu .subnav li:hover .shezhi,
.header .nav .nav-menu .subnav li:hover .user_agent {
    width: 24px;
    height: 24px;
    object-fit: contain
}

.header .nav .nav-menu .subnav li:hover .id_verified {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat
}

.header .nav .nav-menu .subnav li:hover .fuli {
    width: 24px;
    height: 24px;
    object-fit: contain
}

.header .nav .nav-menu .subnav li:hover .zonglan {
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAEtQTFRFAAAA//8A/9UA/7gA9cIA+LoA+b4A97wA97oA9bkA9roA9bgA9LkA9bgA9bkA9LkA9LkA9LgA9LgA9LgA9bgA9LgA9bkA9bgA9LgA4vHl7wAAABh0Uk5TAAIGEhklKz1DTVmFj5SavcDC1djj7vP9dP4C9gAAAMlJREFUeJzNk9kOgyAQAFHxvi+c///SJqjUpl0laRo7T0uYsLDsqt+TNaMxY5NdaHHHRhefeemMY05lLz54MMtn2rx9rnXe2+ySlwGUgVJKBSWA9KIG6IM1DnqgEcQRyPdFDoyCaAC9LzRgvhW9U3s/xrs83gX3/0LvpvBvM//G/WeSajB8wAxVctDCekFkqUPntZzS7mbNBfV2vwWYCteyR3QxAct6zwqYIiUQTUBlwwEolEgBDDZ6GZV3nsMDoE5w+zeLV9wqPgBS6C+VSjhivAAAAABJRU5ErkJggg==);
    background-size: contain;
    background-repeat: no-repeat
}

.header .nav .nav-menu .subnav li:hover .help {
    width: 24px;
    height: 24px;
    object-fit: contain
}

.header .nav .nav-menu .subnav li:hover .itemselect {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE0djE0SDB6Ii8+PHBhdGggZD0iTTcgMS4zNDNMMTIuNjU3IDcgNyAxMi42NTcgMS4zNDMgNyA3IDEuMzQzem0wIDQuMjQzTDUuNTg2IDcgNyA4LjQxNCA4LjQxNCA3IDcgNS41ODZ6IiBmaWxsPSIjRjhDNzFCIi8+PC9nPjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat
}

.header .thirdLevel {
    background: #222;
    color: #fff;
    border-radius: 0 24px 24px 0;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .12);
    padding: 24px 16px;
    border-left: 1px solid #2c2c2c;
    width: 180px
}

.header .thirdLevel .third-level-item {
    min-width: 180px !important;
    color: #fff
}

.header .thirdLevel .third-level-item .third-level-icon {
    visibility: hidden;
    width: 16px;
    height: 16px
}

.header .thirdLevel .third-level-item:hover .third-level-icon {
    visibility: visible
}

.header .thirdLevel li+li {
    margin-top: 12px
}

.header .img-hot {
    width: 32px;
    height: 16px
}

.header.submenu-theme-white .nav .nav-menu .subnav {
    background-color: #f2f2f2;
    box-shadow: 0 0 16px 0 hsla(0, 0%, 64.3%, .16);
    color: #000
}

.header.submenu-theme-white .nav .nav-menu .subnav li {
    color: #000
}

.header.submenu-theme-white .nav .nav-menu .subnav li .line-item.border {
    border-bottom: 1px solid #f2f2f2
}

.header.submenu-theme-white .nav .nav-menu .subnav li a {
    cursor: pointer;
    color: #000
}

.header.submenu-theme-white .nav .nav-menu .subnav li .primary p:first-child {
    color: #000
}

.header.submenu-theme-white .nav .nav-menu .subnav li:hover .primary p:first-child {
    color: #f8c71b
}

.header.submenu-theme-white .nav .nav-menu .subnav.account {
    background-color: #fff !important
}

.header.submenu-theme-white .nav .nav-menu .subnav.account .account-info {
    border: none
}

.header.submenu-theme-white .nav .nav-menu .subnav.account .account-info .account-details p.first-child,
.header.submenu-theme-white .nav .nav-menu .subnav.account .account-info .account-details p.last-child span {
    color: #161616
}

.header.submenu-theme-white .nav .nav-menu .subnav.account .line-item .logout2 {
    background: #161616 !important;
    color: #fff
}

.header.submenu-theme-white .nav .nav-menu .subnav.account .line-item .logout2:hover {
    background: #232328
}

.header.submenu-theme-white .nav .nav-menu .subnav.asset .assets-info-split {
    background-color: #f1f3f6
}

.header.submenu-theme-white .nav .nav-menu .subnav.language-unit .subnav-split {
    background: #f2f2f2
}

.header.submenu-theme-white .nav .nav-menu .subnav.language-unit li:hover {
    color: #f8c71b
}

.header.submenu-theme-white .nav .nav-menu .subnav.download .line-item i {
    color: #000
}

.header.submenu-theme-white .nav .nav-menu .subnav.copytrading .red-dot {
    position: relative
}

.header.submenu-theme-white .nav .nav-menu .subnav.copytrading .red-dot:after {
    border-color: #fff
}

.header.submenu-theme-white .nav .nav-menu .r-subnav {
    margin-left: 10px
}

.header .subnav-slide-fade-enter-active,
.header .subnav-slide-fade-leave-active {
    transform: translateY(0);
    opacity: 1;
    transition: all .2s
}

.header .subnav-slide-fade-leave-active {
    transition: all .2s
}

.header .subnav-slide-fade-enter,
.header .subnav-slide-fade-leave-to {
    transform: translateY(-30px)
}

.header .contract-calc__button {
    width: 22px;
    height: 22px;
    display: inline-block;
    line-height: 1 !important;
    cursor: pointer
}

.header .contract-calc__button i {
    font-size: 22px;
    color: #000
}

.header .contract-calc__button.black i {
    color: #fff
}

.header .contract-calc__button:hover i {
    color: #f8c71b
}

.no-pointer {
    pointer-events: none
}

.mobile-header {
    display: none;
    background: #18222d
}

.mobile-header .mobile-nav-box {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2000;
    height: 64px
}

.mobile-header .mobile-logo {
    float: left;
    margin-left: 1.06666667rem;
    padding-top: 12px
}

.mobile-header .mobile-logo .i-logo,
.mobile-header .mobile-logo a {
    color: #fff;
    font-size: 32px
}

[data-dpr="2"] .mobile-header .mobile-logo .i-logo,
[data-dpr="2"] .mobile-header .mobile-logo a {
    font-size: 64px
}

[data-dpr="2.5"] .mobile-header .mobile-logo .i-logo,
[data-dpr="2.5"] .mobile-header .mobile-logo a {
    font-size: 80px
}

[data-dpr="2.75"] .mobile-header .mobile-logo .i-logo,
[data-dpr="2.75"] .mobile-header .mobile-logo a {
    font-size: 88px
}

[data-dpr="3"] .mobile-header .mobile-logo .i-logo,
[data-dpr="3"] .mobile-header .mobile-logo a {
    font-size: 96px
}

[data-dpr="4"] .mobile-header .mobile-logo .i-logo,
[data-dpr="4"] .mobile-header .mobile-logo a {
    font-size: 128px
}

.mobile-header .mobile-nav {
    float: right
}

.mobile-header .mobile-nav .mobile-menu-icon {
    margin-top: 12px;
    margin-right: 12px;
    font-size: 32px;
    color: #fff
}

[data-dpr="2"] .mobile-header .mobile-nav .mobile-menu-icon {
    font-size: 64px
}

[data-dpr="2.5"] .mobile-header .mobile-nav .mobile-menu-icon {
    font-size: 80px
}

[data-dpr="2.75"] .mobile-header .mobile-nav .mobile-menu-icon {
    font-size: 88px
}

[data-dpr="3"] .mobile-header .mobile-nav .mobile-menu-icon {
    font-size: 96px
}

[data-dpr="4"] .mobile-header .mobile-nav .mobile-menu-icon {
    font-size: 128px
}

.mobile-header .mobile-nav .show-mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1021;
    width: 100%;
    max-width: 768px;
    height: 100vh;
    background-color: #fff
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-close {
    text-align: right;
    padding: 12px 12px 0 0
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-close .el-icon-close {
    display: inline-block;
    font-size: 32px;
    color: #000;
    cursor: pointer
}

[data-dpr="2"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-close .el-icon-close {
    font-size: 64px
}

[data-dpr="2.5"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-close .el-icon-close {
    font-size: 80px
}

[data-dpr="2.75"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-close .el-icon-close {
    font-size: 88px
}

[data-dpr="3"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-close .el-icon-close {
    font-size: 96px
}

[data-dpr="4"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-close .el-icon-close {
    font-size: 128px
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box {
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-box-pack: justify;
    -webkit-flex-pack: justify;
    -moz-flex-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left,
.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right {
    flex: 1;
    margin-top: .37333333rem
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul,
.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul {
    padding-left: 1.06666667rem;
    padding-right: 1.06666667rem;
    color: #000;
    font-size: 18px;
    line-height: 1.2
}

[data-dpr="2"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul,
[data-dpr="2"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul {
    font-size: 36px
}

[data-dpr="2.5"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul,
[data-dpr="2.5"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul {
    font-size: 45px
}

[data-dpr="2.75"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul,
[data-dpr="2.75"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul {
    font-size: 50px
}

[data-dpr="3"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul,
[data-dpr="3"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul {
    font-size: 54px
}

[data-dpr="4"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul,
[data-dpr="4"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul {
    font-size: 72px
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li,
.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li {
    position: relative;
    margin-bottom: 1.06666667rem
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li a,
.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li a {
    color: #000
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .el-icon-caret-bottom,
.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .el-icon-caret-bottom {
    font-size: 21px;
    margin-left: .24rem;
    color: #000
}

[data-dpr="2"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .el-icon-caret-bottom,
[data-dpr="2"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .el-icon-caret-bottom {
    font-size: 42px
}

[data-dpr="2.5"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .el-icon-caret-bottom,
[data-dpr="2.5"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .el-icon-caret-bottom {
    font-size: 53px
}

[data-dpr="2.75"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .el-icon-caret-bottom,
[data-dpr="2.75"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .el-icon-caret-bottom {
    font-size: 58px
}

[data-dpr="3"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .el-icon-caret-bottom,
[data-dpr="3"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .el-icon-caret-bottom {
    font-size: 63px
}

[data-dpr="4"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .el-icon-caret-bottom,
[data-dpr="4"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .el-icon-caret-bottom {
    font-size: 84px
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul,
.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    color: #000;
    font-size: 19px
}

[data-dpr="2"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul,
[data-dpr="2"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul {
    font-size: 38px
}

[data-dpr="2.5"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul,
[data-dpr="2.5"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul {
    font-size: 48px
}

[data-dpr="2.75"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul,
[data-dpr="2.75"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul {
    font-size: 52px
}

[data-dpr="3"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul,
[data-dpr="3"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul {
    font-size: 57px
}

[data-dpr="4"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul,
[data-dpr="4"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul {
    font-size: 76px
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul>li,
.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul>li {
    margin-bottom: .8rem
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul>li a,
.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul>li a {
    color: #000
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul>li .el-icon-caret-bottom,
.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul>li .el-icon-caret-bottom {
    font-size: 19px;
    margin-left: .24rem;
    color: #000
}

[data-dpr="2"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul>li .el-icon-caret-bottom,
[data-dpr="2"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul>li .el-icon-caret-bottom {
    font-size: 38px
}

[data-dpr="2.5"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul>li .el-icon-caret-bottom,
[data-dpr="2.5"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul>li .el-icon-caret-bottom {
    font-size: 48px
}

[data-dpr="2.75"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul>li .el-icon-caret-bottom,
[data-dpr="2.75"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul>li .el-icon-caret-bottom {
    font-size: 52px
}

[data-dpr="3"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul>li .el-icon-caret-bottom,
[data-dpr="3"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul>li .el-icon-caret-bottom {
    font-size: 57px
}

[data-dpr="4"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-left>ul>li .mobile-sub-menu>ul>li .el-icon-caret-bottom,
[data-dpr="4"] .mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right>ul>li .mobile-sub-menu>ul>li .el-icon-caret-bottom {
    font-size: 76px
}

.mobile-header .mobile-nav .show-mobile-menu .mobile-menu-box .mobile-nav-right {
    text-align: right;
    border-left: 1px solid #d0d1d4
}

@media screen and (min-width:769px) {
    .mobile-header {
        display: none
    }
}

@media screen and (max-width:768px) {
    .mobile-header {
        display: block
    }
}

.font-lg {
    font-size: 18px
}

.font-md {
    font-size: 16px
}

.theme-white.header .subnav {
    background-color: #f2f2f2
}

.theme-white.header .nav .nav-menu .subnav.swap .line-item .menu-link {
    color: #000
}

.theme-white.header .nav .nav-menu .subnav.swap .line-item .menu-link:hover {
    color: #f8c71b
}

.theme-white.header .nav .nav-menu .subnav.account .line-item.logout2 {
    background: #17171d !important;
    color: #fff !important
}

.theme-white.header .nav .nav-menu .subnav.account .line-item.logout2:hover {
    background: #232328 !important
}

.theme-white.header .thirdLevel {
    background: #f2f2f2 !important;
    box-shadow: 0 0 16px 0 hsla(0, 0%, 64.3%, .16);
    color: #161616 !important;
    border-left: 1px solid #d9d9d9
}

.theme-white.header .nav .nav-menu .notice.subnav {
    background: #f2f2f2;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1) !important
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data {
    background: #f2f2f2
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont:hover {
    background: rgba(0, 0, 0, .05) !important
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .notice-icon {
    background-color: #d8ae15
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .cont .item-sub-tit,
.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .cont .item-time,
.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .cont .item-tit {
    color: #8b8b8e
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont.unread .cont .item-sub-tit,
.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont.unread .cont .item-tit {
    color: #161616
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont:last-child {
    margin-bottom: 0
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-l .notice-num {
    color: #d8ae15
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-l .notice-t-info {
    color: #161616 !important
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-r:hover {
    color: #f8c71b
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-r:hover .icon-more {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0Y4QzcxQiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE0djE0SDB6Ii8+PHBhdGggZD0iTTQuNzggMTMuMDRMMi44IDExLjA2bDQuNTQtNC41NEwyLjggMS45OCA0Ljc4IDBsNi41MiA2LjUyeiIvPjwvZz48L3N2Zz4=) 50% no-repeat
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-r .icon-more {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE0djE0SDB6Ii8+PHBhdGggZmlsbD0iIzc3Nzk4OSIgZD0iTTQuNzggMTMuMDRMMi44IDExLjA2bDQuNTQtNC41NEwyLjggMS45OCA0Ljc4IDBsNi41MiA2LjUyeiIvPjwvZz48L3N2Zz4=) 50% no-repeat
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-header .line-item {
    background: hsla(0, 0%, 100%, .16)
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-header .notice-load-more-text-item {
    color: #8b8b8e
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-header .notice-load-more-text-item .all-read-more {
    background: url(/assets-weex/images/clear-read-icon.fa7a070.svg) 50% no-repeat;
    background-size: contain
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-header .notice-load-more-text-item:hover {
    color: #161616
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-header .notice-load-more-text-item:hover .all-read-more {
    background: url(/assets-weex/images/clear-unread-icon-white.3115c93.svg) 50% no-repeat;
    background-size: contain
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-tab .tab-item {
    color: #8b8b8e;
    border-bottom: 2px solid transparent
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-tab .tab-item:hover {
    color: #161616
}

.theme-white.header .nav .nav-menu .notice.subnav .notice-data .notice-tab .tab-item.active {
    color: #161616;
    border-bottom-color: #161616
}

.theme-white.header .nav .nav-menu .account {
    background-color: #fff !important
}

.theme-black.header,
.theme-black.header .nav {
    background: #000
}

.theme-black.header .nav .nav-menu>li .line-item,
.theme-black.header .nav .nav-menu>li .link-menu,
.theme-black.header .nav .nav-menu>li>a {
    color: #fff;
    cursor: pointer
}

.theme-black.header .nav .nav-menu>li:hover .link-menu,
.theme-black.header .nav .nav-menu>li:hover>a {
    color: #d8ae15
}

.theme-black.header .nav .nav-menu .subnav {
    background: #222;
    color: #fff
}

.theme-black.header .nav .nav-menu .subnav li .line-item .description .title {
    color: #fff
}

.theme-black.header .nav .nav-menu .subnav .notice-data {
    background: #222;
    color: #fff
}

.theme-black.header .nav .nav-menu .subnav .notice-data .notice-tab .tab-wrap .tab-item.active {
    color: #fff
}

.theme-black.header .nav .nav-menu .subnav .notice-data .notice-tab .notice-read {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAM9QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////qIieRwAAAER0Uk5TAAECAwULDxITHyAhI2lqa29wcXN2d4mLjI+QkpaYmZueqautrq+wsrPBxcbHy8zNztHT3N7f4ePk5uft8fP4+fr7/P6opXTfAAAA7UlEQVR4nN3S207CQBRA0QNSVGRKEQQUUaFe8FJb0BaVqlz2/38TYQoPTTpNSHhiv5ykZyWdZEZSVfrfP/0zMVaNAeKqEQyZ3Xb+GZr2hZgbkTa/RQOwwBaxwdoNlJwHL8mHyPMi8DcfHuslESsgp8CSS3i5MzSGK/nAFVOFe0KBphi7gHzQ1OD12tgbyIzc/qQ+mjMdZzZlPnJEZEI3+wRdJnoeBvjagMp7K1m0/NNM4LDUj7G44DwFtr9oQAKgsRsIeEqBoy14xtOzDQNbKeVCTSmlauCuxwA6GpQ/TXcdlkV30guz1lHvWPbRCorhU+qsK93dAAAAAElFTkSuQmCC) no-repeat 0/16px 16px;
    color: #fff
}

.theme-black.header .nav .nav-menu .subnav.language-unit .subnav-split {
    background: #545454
}

.theme-black.header .nav .nav-menu .subnav.download {
    background: #262626;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .10196078431372549)
}

.theme-black.header .nav .nav-menu .subnav.download .img-container,
.theme-black.header .nav .nav-menu .subnav.download .tit {
    color: #fff
}

.theme-black.header .nav .nav-menu .subnav li:hover {
    background: #333;
    color: #d8ae15
}

.theme-black.header .custom-container.black li:hover {
    background: hsla(0, 0%, 100%, .12) !important;
    color: #fff
}

.theme-black.header .header-assets-module .asset-link .btn {
    color: #fff
}

.theme-black.header .header-assets-module .asset-link .btn:hover {
    color: #000
}

.theme-black.header .nav .nav-menu .subnav.language-unit .subnav-item .language-tit {
    color: #fff
}

.theme-black.header .account-info {
    border-color: #474747 !important
}

.theme-black.header anquanshezhi .min-height-scroll {
    max-height: calc(100vh - 284px);
    overflow-y: auto
}

.theme-black.header anquanshezhi .min-height-scroll::-webkit-scrollbar-thumb {
    background-color: #5d5d61 !important
}

.theme-black.header .more-download {
    background: #fff !important;
    color: #161616 !important
}

.theme-black.header .more-download:hover {
    background: #e6e6e6 !important
}

.theme-black.header .opt-img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAM9QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////qIieRwAAAER0Uk5TAAECAwULDxITHyAhI2lqa29wcXN2d4mLjI+QkpaYmZueqautrq+wsrPBxcbHy8zNztHT3N7f4ePk5uft8fP4+fr7/P6opXTfAAAA7UlEQVR4nN3S207CQBRA0QNSVGRKEQQUUaFe8FJb0BaVqlz2/38TYQoPTTpNSHhiv5ykZyWdZEZSVfrfP/0zMVaNAeKqEQyZ3Xb+GZr2hZgbkTa/RQOwwBaxwdoNlJwHL8mHyPMi8DcfHuslESsgp8CSS3i5MzSGK/nAFVOFe0KBphi7gHzQ1OD12tgbyIzc/qQ+mjMdZzZlPnJEZEI3+wRdJnoeBvjagMp7K1m0/NNM4LDUj7G44DwFtr9oQAKgsRsIeEqBoy14xtOzDQNbKeVCTSmlauCuxwA6GpQ/TXcdlkV30guz1lHvWPbRCorhU+qsK93dAAAAAElFTkSuQmCC) no-repeat 50%/100%
}

.theme-black.header .nav .nav-menu .notice.subnav {
    background: #262626;
    box-shadow: none !important
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data {
    background: #262626
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont:hover {
    background: hsla(0, 0%, 100%, .05) !important
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .notice-icon {
    background-color: #d8ae15
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .cont .item-sub-tit,
.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .cont .item-time,
.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont .cont .item-tit {
    color: #8b8b8e
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont.unread .cont .item-sub-tit,
.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont.unread .cont .item-tit {
    color: #fff
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-list .notice-cont:last-child {
    margin-bottom: 0
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-l .notice-num {
    color: #d8ae15
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-l .notice-t-info {
    color: #fff
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-r:hover {
    color: #f8c71b
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-r:hover .icon-more {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0Y4QzcxQiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE0djE0SDB6Ii8+PHBhdGggZD0iTTQuNzggMTMuMDRMMi44IDExLjA2bDQuNTQtNC41NEwyLjggMS45OCA0Ljc4IDBsNi41MiA2LjUyeiIvPjwvZz48L3N2Zz4=) 50% no-repeat
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-header .header-r .icon-more {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE0djE0SDB6Ii8+PHBhdGggZmlsbD0iIzc3Nzk4OSIgZD0iTTQuNzggMTMuMDRMMi44IDExLjA2bDQuNTQtNC41NEwyLjggMS45OCA0Ljc4IDBsNi41MiA2LjUyeiIvPjwvZz48L3N2Zz4=) 50% no-repeat
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-header .line-item {
    background: hsla(0, 0%, 100%, .16)
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-header .notice-load-more-text-item {
    color: #8b8b8e
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-header .notice-load-more-text-item .all-read-more {
    background: url(/assets-weex/images/clear-read-icon.fa7a070.svg) 50% no-repeat
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-header .notice-load-more-text-item:hover {
    color: #fff
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-header .notice-load-more-text-item:hover .all-read-more {
    background: url(/assets-weex/images/clear-unread-icon.051fb2e.svg) 50% no-repeat
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-tab .tab-item {
    color: #8b8b8e;
    border-bottom: 2px solid transparent
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-tab .tab-item:hover {
    color: #fff
}

.theme-black.header .nav .nav-menu .notice.subnav .notice-data .notice-tab .tab-item.active {
    color: #fff;
    border-bottom-color: #fff
}

.theme-black.header .header .nav .nav-menu .subnav li:hover a[href$="events/my-vouchers"],
.theme-black.header .header .nav .nav-menu .subnav li:hover a[href$="events/my-vouchers"] i {
    color: inherit !important
}

.theme-black.header .header .nav .nav-menu .subnav a[href$="events/my-vouchers"] .coupons {
    width: 24px;
    height: 24px
}

@media screen and (max-width:769px) {
    .header-wrap {
        padding-top: 0
    }

    .header {
        display: none
    }
}

@media screen and (max-width:768px) {
    html[dir=rtl] .hamberger_item_sub {
        left: 2.66666667vw;
        padding-right: 12.26666667vw
    }

    html[dir=rtl] .triangle {
        transform: rotateY(180deg)
    }

    html[dir=rtl] .hamberger_list {
        left: 0
    }

    html[dir=rtl] .hamberger_list .close {
        float: left;
        left: 3.2vw
    }

    html:not([dir=rtl]) .hamberger_item_sub {
        right: 2.66666667vw;
        padding-left: 12.26666667vw
    }

    html:not([dir=rtl]) .hamberger_list {
        right: 0
    }

    html:not([dir=rtl]) .hamberger_list .close {
        float: right;
        right: 3.2vw
    }

    .mask {
        position: relative;
        background: rgba(15, 17, 21, .6);
        height: 100vh;
        z-index: 9
    }

    @keyframes MoveToLeft {
        0% {
            left: 100%
        }

        to {
            left: 20%
        }
    }

    .hamberger_list {
        position: absolute;
        background: #222;
        background-repeat: no-repeat;
        background-size: cover;
        top: 0;
        width: 80vw;
        height: 100%;
        display: flex;
        flex-direction: column;
        z-index: 9999;
        font-size: 4vw;
        animation-name: MoveToLeft;
        animation-duration: .3s;
        animation-delay: 0s;
        animation-iteration-count: 1
    }

    .hamberger_list .close {
        width: 5.6vw;
        position: absolute;
        top: 4.53333333vw
    }

    .hamberger_list .menu_header {
        width: 100vw;
        height: 20vw;
        box-sizing: border-box
    }

    .hamberger_list .menu_body {
        max-height: 160vw;
        overflow: auto;
        flex: 1
    }

    .hamberger_list .newRegister_btn {
        width: 72vw;
        height: 12vw;
        background: #e6c325;
        border-radius: 1.6vw;
        color: #000;
        line-height: 12vw;
        text-align: center;
        font-size: 3.73333333vw;
        font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
        font-weight: 500;
        margin-bottom: 8vw
    }

    [dir=ltr] .hamberger_list .newRegister_btn {
        margin-left: 4vw
    }

    [dir=rtl] .hamberger_list .newRegister_btn {
        margin-right: 4vw
    }

    .hamberger_list .hamberger_item {
        height: 13.33333333vw;
        line-height: 13.33333333vw;
        padding: 0 4vw;
        z-index: 9999999;
        color: #fff;
        font-family: PlusJakartaSans-Medium, Arial-Medium, -apple-system, BlinkMacSystemFont, sans-serif;
        font-weight: 500;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .hamberger_list .hamberger_item.hot-wrap {
        justify-content: unset
    }

    .hamberger_list .hamberger_item.WE-Launch {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background-color: transparent
    }

    .hamberger_list .hamberger_item.WE-Launch .img-hot {
        width: 8.53333333vw;
        height: 4.26666667vw
    }

    [dir=ltr] .hamberger_list .hamberger_item.WE-Launch .img-hot {
        margin-left: 2.13333333vw
    }

    [dir=rtl] .hamberger_list .hamberger_item.WE-Launch .img-hot {
        margin-right: 2.13333333vw
    }

    .hamberger_list .hamberger_item .hot {
        padding: .8vw;
        border-radius: .53333333vw;
        font-size: 2.66666667vw;
        background-color: #ec4551;
        color: #fff
    }

    [dir=ltr] .hamberger_list .hamberger_item .hot {
        margin-left: 2.13333333vw
    }

    [dir=rtl] .hamberger_list .hamberger_item .hot {
        margin-right: 2.13333333vw
    }

    .hamberger_list .hamberger_item.blog {
        justify-content: unset
    }

    .hamberger_list .hamberger_item.active {
        color: #f8c71b
    }

    .hamberger_list .hamberger_item.hide {
        display: none
    }

    .hamberger_list .fire {
        width: 5.33333333vw;
        height: 5.33333333vw
    }

    .hamberger_list .triangle {
        width: 3.73333333vw;
        height: 3.73333333vw;
        margin-top: 3.2vw
    }

    .hamberger_list .mode {
        width: 10.93333333vw;
        height: 5.86666667vw;
        margin-top: 4vw
    }

    .hamberger_list .hamberger_item_wrap .hamberger_item_sub {
        height: 8.8vw;
        line-height: 8.8vw;
        color: #777989;
        font-size: 3.73333333vw;
        list-style: none
    }

    .hamberger_list .hamberger_item_wrap .hamberger_item_sub.active,
    .hamberger_list .hamberger_item_wrap .lang_yellow {
        color: #f8c71b
    }
}

.number_medium {
    font-family: PlusJakartaSans-Regular, Arial, Arial-Regular, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400
}

@media screen and (max-width:768px) {
    * {
        margin: 0;
        padding: 0
    }

    html[dir=rtl] .header_mobile .header_nav .hamberger .hamberger_icon {
        left: 4vw
    }

    html:not([dir=rtl]) .header_mobile .header_nav .hamberger .hamberger_icon,
    html[dir=rtl] .header_mobile .header_nav .logo {
        right: 4vw
    }

    html:not([dir=rtl]) .header_mobile .header_nav .logo {
        left: 4vw
    }

    .header-placeholder,
    .header_mobile {
        height: 11.73333333vw
    }

    .header_mobile {
        position: fixed;
        width: 100%;
        line-height: 11.73333333vw;
        background-color: #000;
        top: 0;
        z-index: 9999
    }

    [dir=ltr] .header_mobile {
        left: 0
    }

    [dir=rtl] .header_mobile {
        right: 0
    }

    .header_mobile.hide {
        display: none
    }

    .header_mobile .header_nav .logo {
        position: absolute;
        width: 25.2vw;
        height: 5.33333333vw;
        top: 3.2vw;
        cursor: pointer
    }

    .header_mobile .header_nav .register_btn {
        position: absolute;
        width: 13.33333333vw;
        height: 6.66666667vw;
        top: 2.53333333vw;
        line-height: 6.66666667vw;
        background: #ffe82d;
        font-size: 3.2vw;
        border-radius: .53333333vw;
        color: #000;
        text-align: center;
        cursor: pointer
    }

    [dir=ltr] .header_mobile .header_nav .register_btn {
        right: 13.86666667vw
    }

    [dir=rtl] .header_mobile .header_nav .register_btn {
        left: 13.86666667vw
    }

    .header_mobile .header_nav .hamberger {
        position: relative
    }

    .header_mobile .header_nav .hamberger .hamberger_icon {
        position: absolute;
        width: 5.86666667vw;
        height: 5.86666667vw;
        top: 2.93333333vw
    }

    .header_mobile .menu {
        top: 0
    }

    [dir=ltr] .header_mobile .menu {
        right: 0
    }

    [dir=rtl] .header_mobile .menu {
        left: 0
    }
}

@media screen and (min-width:769px) {
    .header_mobile {
        display: none
    }
}