ContractTradeDropdown.79747fda.css

.loader{display:block}[dir=ltr] .loader{-webkit-animation:sk-rotateplane-ltr 1.2s ease-in-out infinite;animation:sk-rotateplane-ltr 1.2s ease-in-out infinite}[dir=rtl] .loader{-webkit-animation:sk-rotateplane-rtl 1.2s ease-in-out infinite;animation:sk-rotateplane-rtl 1.2s ease-in-out infinite}@-webkit-keyframes sk-rotateplane-ltr{0%{-webkit-transform:perspective(120px)}25%{-webkit-transform:perspective(120px) rotateY(180deg)}50%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}75%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}to{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@-webkit-keyframes sk-rotateplane-rtl{0%{-webkit-transform:perspective(120px)}25%{-webkit-transform:perspective(120px) rotateY(-180deg)}50%{-webkit-transform:perspective(120px) rotateY(-180deg) rotateX(180deg)}75%{-webkit-transform:perspective(120px) rotateY(-180deg) rotateX(180deg)}to{-webkit-transform:perspective(120px) rotateY(-180deg) rotateX(180deg)}}@keyframes sk-rotateplane-ltr{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotateplane-rtl{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(179.9deg)}}.by-popover__container .by-dropdown-item__secondary--left{min-height:400px;min-width:200px}.by-popover__container .by-dropdown-item__secondary--left-trade{overflow:auto}.by-popover__container .by-dropdown-item__secondary--left--item{padding:20px 16px}.by-popover__container .by-dropdown-item__secondary--right{max-height:645px}.by-popover__container .by-dropdown-item__secondary--left-trade::-webkit-scrollbar,.by-popover__container .by-dropdown-item__secondary--right::-webkit-scrollbar{background:transparent;height:6px;width:6px}.by-popover__container .by-dropdown-item__secondary--left-trade::-webkit-scrollbar-thumb,.by-popover__container .by-dropdown-item__secondary--right::-webkit-scrollbar-thumb{background:#8b8c8f;border-radius:16px}.by-popover__container .by-dropdown-item__secondary .header__nav__third-menu{bottom:0;min-width:310px}.by-popover__container .by-dropdown-item__secondary .header__nav__third-menu .header__nav__third-menu-content,.by-popover__container .by-dropdown-item__secondary .header__nav__third-menu .header__nav__third-menu-inner{height:100%}.by-uniframe-v2 .header_drop_down.by-uniframe-v2.header_drop_down__second,.by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2{padding:12px}.by-uniframe-v2 .header_drop_down.by-uniframe-v2.header_drop_down__second .by-dropdown-item,.by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2 .by-dropdown-item{padding:unset}.by-uniframe-v2 .header_drop_down.by-uniframe-v2.header_drop_down__second .header__nav__secondary-link,.by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2 .header__nav__secondary-link{line-height:0;min-width:220px;padding:16px 12px;position:relative}.by-uniframe-v2 .header_drop_down.by-uniframe-v2.header_drop_down__second .header__nav__secondary-link-active,.by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2 .header__nav__secondary-link-active{background-color:hsla(0,0%,100%,.06);border-radius:5px;color:var(--brand-color-01);font-weight:600}.by-uniframe-v2 .header_drop_down.by-uniframe-v2.header_drop_down__second .header__nav-item,.by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2 .header__nav-item{line-height:16px}.by-uniframe-v2 .header_drop_down.by-uniframe-v2.header_drop_down__second .header__nav-item .icon.iconfont.icon-down,.by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2 .header__nav-item .icon.iconfont.icon-down{position:absolute;top:16px}[dir=ltr] .by-uniframe-v2 .header_drop_down.by-uniframe-v2.header_drop_down__second .header__nav-item .icon.iconfont.icon-down,[dir=ltr] .by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2 .header__nav-item .icon.iconfont.icon-down{right:12px;transform:scale(.7) rotate(-90deg)}[dir=rtl] .by-uniframe-v2 .header_drop_down.by-uniframe-v2.header_drop_down__second .header__nav-item .icon.iconfont.icon-down,[dir=rtl] .by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2 .header__nav-item .icon.iconfont.icon-down{left:12px;transform:scale(.7) rotate(90deg)}.by-uniframe-v2 .header_drop_down.by-uniframe-v2.header_drop_down__second .header__nav-item-desc,.by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2 .header__nav-item-desc{color:#fff;display:block;font-size:12px;font-weight:400;line-height:14px;margin-top:8px;max-width:272px;opacity:.6}.by-uniframe-v2 .header_drop_down.by-uniframe-v2.header_drop_down__second .by-dropdown-item.by-dropdown-item--xx-large:hover,.by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2 .by-dropdown-item.by-dropdown-item--xx-large:hover{border-radius:5px}.by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2{padding:unset}.by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2 .header__nav__secondary-link{padding:16px 24px}.by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2 .header__nav__secondary-link:hover{background:hsla(0,0%,100%,.06);border-radius:5px;color:var(--brand-color-01)}.by-uniframe-v2 .header_drop_down.by-uniframe-v2.trade_drop_down_v2 .header__nav-item-desc{color:#fff}[dir=ltr] .by-uniframe-v2 .by-dropdown-item__secondary--right--item-wrap .by-dropdown-item__secondary--right--item-inner.by-dropdown-item__more--right--item-inner{padding-left:0}[dir=rtl] .by-uniframe-v2 .by-dropdown-item__secondary--right--item-wrap .by-dropdown-item__secondary--right--item-inner.by-dropdown-item__more--right--item-inner{padding-right:0}.by-uniframe-v2 .by-dropdown-item__secondary--right--item-wrap .by-dropdown-item__secondary--right--item-inner.by-dropdown-item__more--right--item-inner span.more-than-derivatives__divide-line{background-color:#71757a;display:inline-block;height:8px;margin:0 4px;max-width:1px;min-width:1px;position:relative;top:-1px}.header_drop_down__trade .by-dropdown__anchor{position:relative}.header_drop_down__trade .header__tip.header__tip-tab{top:8px}[dir=ltr] .header_drop_down__trade .header__tip.header__tip-tab{right:10px}[dir=rtl] .header_drop_down__trade .header__tip.header__tip-tab{left:10px}.by-popover__container .header__tip.header__tip-tab{top:8px}[dir=ltr] .by-popover__container .header__tip.header__tip-tab{right:10px}[dir=rtl] .by-popover__container .header__tip.header__tip-tab{left:10px}.by-popover__container .header__tip{color:var(--brand-color-01);display:block;font-size:12px;font-weight:700;position:absolute;top:-8px;transform:scale(.65)}[dir=ltr] .by-popover__container .header__tip{right:-24px}[dir=rtl] .by-popover__container .header__tip{left:-24px}[dir=ltr] .by-popover__container .header__tip.header__tip-tab-drop{right:-4px}[dir=rtl] .by-popover__container .header__tip.header__tip-tab-drop{left:-4px}.by-popover__container .by-dropdown-item__secondary--right .by-dropdown-item__next-symbol .header__tip-inner{color:var(--brand-color-01);display:inline-block;font-size:var(--size-12);font-weight:700;position:absolute;top:-3px;transform:scale(.65)}.by-popover__container .header__tip-hot{top:-7px}.by-popover__container .header__tip-lever{background-color:rgba(247,166,0,.12);border-radius:var(--size-4);color:var(--brand-color-01);display:inline-flex;font-size:var(--size-10);font-weight:400;height:var(--size-18);justify-content:center;line-height:var(--size-14);margin:auto var(--size-4);min-width:var(--size-28);padding:var(--size-2)}.by-popover__container .by-dropdown-item__secondary--left{min-height:514px;padding:16px 12px}[dir=ltr] .by-popover__container .by-dropdown-item__secondary--left--item .title-icon .icon-down{transform:scale(.7) rotate(-90deg)}[dir=rtl] .by-popover__container .by-dropdown-item__secondary--left--item .title-icon .icon-down{transform:scale(.7) rotate(90deg)}.by-popover__container .by-dropdown-item__secondary--left--item .title{color:var(--color-white);font-size:var(--size-14);font-weight:600;height:var(--size-14);position:relative;white-space:nowrap}[dir=ltr] .by-popover__container .by-dropdown-item__secondary--left--item .title{padding-right:18px}[dir=rtl] .by-popover__container .by-dropdown-item__secondary--left--item .title{padding-left:18px}.by-popover__container .by-dropdown-item__secondary--left--item .desc{color:hsla(0,0%,100%,.65);font-size:var(--size-12);font-weight:400;line-height:var(--size-16);margin-top:10px;max-width:272px}.by-popover__container .header__dropdown-content .by-dropdown-item{padding:0}.by-popover__container .header_drop_down_lang{min-width:128px!important}.by-popover__container .by-dropdown-item__secondary{display:flex;max-height:calc(100vh - 80px);min-height:260px}.by-popover__container .by-dropdown-item__secondary--left--item{height:auto;padding:16px 12px}.by-popover__container .by-dropdown-item__secondary--left--item.active{background:hsla(0,0%,100%,.06)}.by-popover__container .by-dropdown-item__secondary--left--item.active .title-icon .icon-down,.by-popover__container .by-dropdown-item__secondary--left--item.active .title-icon .title{color:var(--brand-color-01)}.by-popover__container .by-dropdown-item__secondary--left--item .title-icon{display:flex;justify-content:space-between;white-space:nowrap}.by-popover__container .by-dropdown-item__secondary--right{background:hsla(0,0%,100%,.06);color:var(--color-white);font-weight:600;min-width:310px;overflow-y:auto;white-space:nowrap}.by-popover__container .by-dropdown-item__secondary--right a.by-dropdown-item__secondary--right--item-wrap{display:flex}.by-popover__container .by-dropdown-item__secondary--right.by-dropdown-item__secondary--derivatives-right{max-width:310px}.by-popover__container .by-dropdown-item__secondary--right.by-dropdown-item__secondary--derivatives-right .by-dropdown-item__secondary--right--item-desc{line-height:var(--size-16);white-space:pre-wrap;word-break:break-word}.by-popover__container .by-dropdown-item__secondary--right.by-dropdown-item__secondary--right-fixed-bg{overflow-y:hidden}.by-popover__container .by-dropdown-item__secondary--right.by-dropdown-item__secondary--right-scroll-bg{overflow-y:auto!important}.by-popover__container .by-dropdown-item__secondary--right--item{font-size:var(--size-14);font-weight:600}.by-popover__container .by-dropdown-item__next-symbol,.by-popover__container .by-dropdown-item__next-symbol-new{display:inline-block;position:relative}.by-popover__container .by-dropdown-item__secondary--right .by-dropdown-item__next-symbol span{display:none}.by-popover__container .by-dropdown-item__secondary--right .by-dropdown-item__next-symbol-new span{color:var(--brand-color-01);display:block;font-size:12px;font-weight:700;position:absolute;top:-8px;transform:scale(.65)}[dir=ltr] .by-popover__container .by-dropdown-item__secondary--right .by-dropdown-item__next-symbol-new span{right:-24px}[dir=rtl] .by-popover__container .by-dropdown-item__secondary--right .by-dropdown-item__next-symbol-new span{left:-24px}.by-popover__container .by-dropdown-item__secondary--right--item-quote-currency{display:inline-block}.by-popover__container .by-dropdown-item__secondary--right--dropdown-tags-box::-webkit-scrollbar,.by-popover__container .by-dropdown-item__secondary--right::-webkit-scrollbar{background:transparent;height:6px;width:6px}.by-popover__container .by-dropdown-item__secondary--right--dropdown-tags-box::-webkit-scrollbar-thumb,.by-popover__container .by-dropdown-item__secondary--right::-webkit-scrollbar-thumb{background:#8b8c8f;border-radius:16px}.by-popover__container .by-dropdown-item__secondary--right--dropdown-tags{padding:0 8px;position:relative}.by-popover__container .by-dropdown-item__secondary--right--dropdown-tags .icon-down{display:inline-block;font-size:12px;transform:scale(.8);transition:transform .15s linear;will-change:transform}[dir=ltr] .by-popover__container .by-dropdown-item__secondary--right--dropdown-tags .icon-down{margin-left:8px}[dir=rtl] .by-popover__container .by-dropdown-item__secondary--right--dropdown-tags .icon-down{margin-right:8px}[dir=ltr] .by-popover__container .by-dropdown-item__secondary--right--dropdown-tags:hover .icon-down{transform:scale(.8) rotate(180deg)}[dir=rtl] .by-popover__container .by-dropdown-item__secondary--right--dropdown-tags:hover .icon-down{transform:scale(.8) rotate(-180deg)}.by-popover__container .by-dropdown-item__secondary--right--dropdown-tags-box{background-color:#222328;border-radius:4px;height:auto;max-height:400px;max-width:120px;overflow-y:auto;position:absolute;top:38px;visibility:hidden;width:auto;z-index:999}[dir=ltr] .by-popover__container .by-dropdown-item__secondary--right--dropdown-tags-box{right:0}[dir=rtl] .by-popover__container .by-dropdown-item__secondary--right--dropdown-tags-box{left:0}.by-popover__container .by-dropdown-item__secondary--right--dropdown-tags-box-show{visibility:visible}.by-popover__container .by-dropdown-item__secondary--right--dropdown-tag-item{color:#fff;cursor:pointer;font-size:12px;height:100%;line-height:32px;overflow:hidden;padding:2px 12px;text-overflow:ellipsis;white-space:nowrap;width:100%}.by-popover__container .by-dropdown-item__secondary--right--dropdown-tag-item-active,.by-popover__container .by-dropdown-item__secondary--right--dropdown-tag-item:hover{background-color:#38393d;color:#ffb11a}.by-popover__container .by-dropdown-item__secondary--right--sub--tags{display:flex;flex-flow:row;justify-content:flex-start;line-height:40px}[dir=ltr] .by-popover__container .by-dropdown-item__secondary--right--sub--tags{margin-left:3px}[dir=rtl] .by-popover__container .by-dropdown-item__secondary--right--sub--tags{margin-right:3px}.by-popover__container .by-dropdown-item__secondary--right--sub--tags .tab-item{color:hsla(0,0%,100%,.65);cursor:pointer;font-size:12px;height:20px;line-height:20px;margin:10px 5px 0;padding:0 10px}.by-popover__container .by-dropdown-item__secondary--right--sub--tags .tab-item:hover{color:var(--color-base-8)}.by-popover__container .by-dropdown-item__secondary--right--sub--tags .tab-item.active{background:rgba(247,166,0,.08);border-radius:4px;color:#f7a600}.by-dropdown-item__next-symbol--delisted-tag{color:#71757a;display:inline-block;font-size:16px;font-weight:600}[dir=ltr] .by-dropdown-item__next-symbol--delisted-tag{margin-left:2px;transform:scale(.5) translate(-50%,-10px)}[dir=rtl] .by-dropdown-item__next-symbol--delisted-tag{margin-right:2px;transform:scale(.5) translate(50%,-10px)}.by-dp-item__next-symbol--delisted-tag--with-new{position:relative}[dir=ltr] .by-dp-item__next-symbol--delisted-tag--with-new{right:-22px}[dir=rtl] .by-dp-item__next-symbol--delisted-tag--with-new{left:-22px}.by-dp-item__next-symbol--delisted-tag--with-hot{position:relative}[dir=ltr] .by-dp-item__next-symbol--delisted-tag--with-hot{right:-14px}[dir=rtl] .by-dp-item__next-symbol--delisted-tag--with-hot{left:-14px}