.d-flex{ display: flex;}
.overflow-ellipsis{ text-overflow: ellipsis;overflow: hidden;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.article-menu-left{ width: 304px;max-width: 304px;min-width: 304px;position: sticky;left: 0;top: 0;box-sizing: border-box;min-height: 100%;border-right: 4px solid var(--color-bg-5);padding: 16px 8px;transition: width .2s linear 0s,min-width .2s linear 0s;background: var(--color-bg-1);}
.marketlist_view{ height: calc(100vh - 160px);}
.marketlist_view div::-webkit-scrollbar { width: 0;}
.menu-left-change-box{ display: flex;flex: 100%;align-items: center;justify-content: space-between;margin-bottom: 8px;}
/* .menu-left-change-btns-custom{ border: 1px solid var(--color-divider-2);}
.menu-left-change-box .menu-left-change-btns-custom .mantine-Tabs-tabsList{ flex-wrap: nowrap;background: var(--color-bg-1);}
.menu-left-change-btns-custom .mantine-Tabs-tabsList::after{ box-shadow: none;}
.menu-left-change-btns-custom .menu-left-change-btn-custom{ padding: 0 16px;}
.custom-loading-box{display: flex;align-items: center;justify-content: center;height: calc(100vh - 240px);}
.menu-left-change-btns-custom .menu-left-change-btn-custom:nth-of-type(1){ padding-left: 20px;}
.menu-left-change-btns-custom .menu-left-change-btn-custom:nth-last-of-type(1){ padding-right: 20px;}
.menu-left-change-btns{ padding: 4px;border: 1px solid var(--color-divider-2);border-radius: 4px;max-width: calc(100% - 56px);white-space: nowrap;}
.menu-left-change-btn{ cursor: pointer;padding: 6px 16px;font-weight: 400;font-size: 14px;color: var(--color-text-3);background: var(--color-bg-1);border-radius: 3px;}
.menu-left-change-btn.active{ background: var(--color-brand-1);color: var(--color-text-6);}
.menu-left-change-btn-custom{ height: 32px;}
.menu-left-change-btn-custom[data-active]{ color: var(--color-text-6);}
.menu-left-change-btn-custom[data-active]::before{ background: var(--color-brand-1);} */
.custom-loading-box{display: flex;align-items: center;justify-content: center;height: calc(100vh - 240px);}
.menu-left-change-btns{ display: flex;flex-flow: wrap;-webkit-box-pack: start;justify-content: flex-start;position: relative;background: var(--color-neutral-3);padding: 3px;border-radius: 99px;}
.menu-left-change-btn{ -webkit-tap-highlight-color: transparent;cursor: pointer;text-align: left;text-decoration: none;box-sizing: border-box;position: relative;white-space: nowrap;z-index: 0;display: flex;-webkit-box-align: center;align-items: center;height: 32px;font-size: 14px;font-weight: 500;border-radius: 99px;background: transparent;color: var(--color-text-2);padding: 0 16px;margin: 0;font-family: inherit;-webkit-box-pack: end;justify-content: flex-end;line-height: inherit;outline: 0!important;}
.menu-left-change-btn.active{ background: var(--color-cmpt-1);color: var(--color-text-1);}
.menu-left-change-ann{ margin-right: 4px;}
.menu-left-fold{ cursor: pointer;min-width: 36px;min-height: 40px;margin-right: -8px;display: flex;align-items: center;justify-content: center;}
.article_kinds{ display: flex;flex-direction: column;}
.kinds-btn-item{ padding: 4px 0;}
.kinds-btn-box{ display: flex;align-items: center;height: 40px;padding: 8px;box-sizing: border-box;width: 100%;border-radius: 4px;color: var(--color-text-1);font-size: 14px;cursor: pointer;}
.kinds-btn-box:not(.kinds-btn-selected):hover{ background: var(--color-card-7);}
.kinds-btn-icon{ width: 24px;height: 24px;margin-right: 8px;}
.kinds-btn-icon img{ width: 24px;height: 24px;}
.kinds-btn-selected{ background: var(--color-neutral-1);color: var(--color-text-9);}
.kinds-btn-dark-icon,.kinds-btn-light-icon,svg.kinds-btn-icon-default{ display: none;}
.kinds-btn-icon:not(.have-light-icon):not(.have-dark-icon) svg.kinds-btn-icon-default{ display: block;}
body:not(.classic-dark) .kinds-btn-box .kinds-btn-light-icon{ display: inline-flex;}
body.classic-dark .kinds-btn-box .kinds-btn-dark-icon{ display: inline-flex;}
.kinds-btn-selected .kinds-btn-icon svg.kinds-btn-icon-default path{ fill: var(--color-brand-1);}
.kinds-btn{ -webkit-line-clamp: 1;font-weight: 500;}
.article-menu-left[data-active=market] .change-sort-type-btn{ margin: 0;}
.article-market-container{ display: none;height: calc(100vh - 120px);width: 100%;}
.article-menu-left[data-active=market] .article-market-container{ display: block;}
.article-menu-left.menu-left-collapse[data-active=market] .article-market-container{ padding-top: 0;}
.article-menu-left[data-active=market] .article-kinds-container{ display: none;}
.article-market-container{ padding-top: 16px;background: var(--color-bg-1);border: 1px solid var(--color-divider-2);border-radius: 4px;}
.article-menu-market{ max-height: calc(100vh - 120px);overflow-y: scroll;overflow-x: hidden;}
.article-menu-market-link{ margin-bottom: 4px;}
.article-menu-market-item{ align-items: center;justify-content: space-between;box-sizing: border-box;padding: 8px 16px;border-radius: 4px;height: 52px;}
.article-menu-market-item:hover{ background: var(--color-card-7);}
.article-menu-market-coin-info{ display: flex;align-items: center;}
.article-menu-market-collapse{ display: flex;align-items: center;justify-content: space-between;flex: 1;}
.article-menu-market-coin-name{ max-width: 86px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;font-size: var(--font-body-s);font-weight: 400;}
.article-menu-market-icon img{ width: 28px;height: 28px;min-width: 28px;margin-right: 8px;}
.article-menu-market-coin-item{ display: flex;flex-direction: column;align-items: flex-start;color: var(--color-text-3);font-size: var(--font-body-s);}
.article-menu-market-coin{ color: var(--color-text-1);font-size: var(--font-body-m);margin-bottom: 4px;font-weight: 500;}
.article-menu-market-conditions{ display: flex;flex-direction: column;align-items: flex-end;color: var(--color-text-1);font-size: var(--font-body);}
.article-menu-market-price{ margin-bottom: 4px;max-width: 132px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;font-size: var(--font-body-m);font-weight: 500;}
.change-sort-type{ box-sizing: border-box;padding: 0 16px 16px;}
.change-sort-type .change-sort-type-btn[data-active]{ color: var(--color-text-1);}
.change-sort-type .change-sort-type-btn[data-active]::before{ background: var(--color-neutral-3);}
.change-sort-type .change-sort-type-btn:hover:not([data-active]){ color: var(--color-text-1);}
.article-menu-market-rise{ font-size: var(--font-body-s);font-weight: 500;}
.font-dec-color{ color: var(--color-pd-2);}
.font-add-color{ color: var(--color-pd-1);}
.article-market-list-box{ position: relative;}
.record_null{ position: relative;display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.no_record{ align-self: baseline;text-align: center;width: 50%;margin-top: 10px;}
.no_record_tips{ width: 100%;font-size: 14px;color: var(--color-text-3);align-self: center;}
.no_record_icon{ width: 100px;height: 80px;display: inline-block;background-image: url(/images/pro_trade/empty_icon_light.svg);background-size: 100%;background-repeat: no-repeat;filter: none;margin-bottom: 10px;}
.menu-left-collapse.article-menu-left[data-active=ann]{ width: 60px;min-width: 60px;}
.menu-left-collapse.article-menu-left[data-active=market]{ width: 124px;min-width: 124px;}
.menu-left-collapse.article-menu-left .menu-left-change-box{ justify-content: center;}
.menu-left-collapse.article-menu-left .menu-left-fold{ margin: 0;}
.menu-left-collapse.article-menu-left .menu-left-change-btns,.menu-left-collapse.article-menu-left .menu-left-change-btns-custom{ display: none;}
.menu-left-collapse.article-menu-left .kinds-btn-icon{ margin: 0;}
.menu-left-collapse.article-menu-left .kinds-btn{ display: none;}
.menu-left-collapse.article-menu-left .change-sort-type{ display: none;}
.menu-left-collapse.article-menu-left .article-market-container{ border: none;}
.menu-left-collapse.article-menu-left .article-menu-market-item{ padding: 8px;overflow: hidden;width: 100%;}
.menu-left-collapse.article-menu-left .article-menu-market-collapse{ flex-direction: column!important;align-items: flex-start;max-width: 48px;}
.menu-left-collapse.article-menu-left .article-menu-market-coin-name,.menu-left-collapse.article-menu-left .article-menu-market-price{ display: none;}
.menu-left-collapse.article-menu-left .article-menu-market-coin,.menu-left-collapse.article-menu-left .article-menu-market-rise{ max-width: 48px;display: inline-block;text-overflow: ellipsis;overflow: hidden;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: -webkit-box;}
.menu-left-collapse.article-menu-left .menu-left-fold{ transform: rotate(180deg);}
@media screen and (max-width:1650px){ .spot_scale_price{  letter-spacing: -1px;transform: scale(.95);margin-right: -4px; }}html[lang=ar] .article-menu-market-icon img,html[lang=ar] .kinds-btn-icon{ margin: 0 0 0 8px;}
html[lang=ar] .article-list-info-timer{ margin: 0 0 0 16px;}
html[lang=ar] .article-list-item-info-item svg{ margin: 0 0 0 4px;}
html[lang=ar] .article-menu-market-collapse{ flex-direction: row-reverse;}
html[lang=ar] .article-menu-market-conditions{ align-items: flex-start;}
html[lang=ar] .article-menu-market-coin-item{ align-items: flex-end;}
html[lang=ar] .article-details-content{ padding: 0 0 0 40px;}
html[lang=ar] .menu-left-fold{ margin: 0 0 0 -8px;}