.setting-ctr-mask{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;animation:showSettingMask .15s linear forwards}.setting-ctr-mask.setting-ctr-mask-hide{animation:hideSettingMask .15s linear forwards}.setting-ctr{position:absolute;top:0;right:0;bottom:0;width:400px;padding:40px 0;background:var(--Background-Secondary);box-shadow:4px 4px 20px var(--Content-Inverse);transform:translate(100%);animation:showSettingCtr .15s linear forwards;overflow-x:hidden}.setting-ctr.setting-ctr-hide{animation:hideSettingCtr .15s linear forwards}.setting-ctr .setting-nav.x-nav-bar{padding:0 40px;height:56px;background:transparent}.setting-ctr .setting-nav .x-nav-item{font-weight:500;font-size:20px}.setting-ctr .nav-detail-setting{top:100px;padding:0 40px 40px;overflow-y:auto}.setting-ctr .setting-title{margin-bottom:8px;font-size:20px;font-weight:600;color:var(--Content-Primary)}.setting-ctr .setting-close-icon{position:absolute;z-index:1;top:54px;right:40px;width:24px;height:24px;fill:var(--Content-Contrast);cursor:pointer}.setting-ctr .setting-close-icon:hover{fill:var(--Content-Primary)}.setting-ctr .setting-item-ctr{position:relative}.setting-ctr .single-item{margin-top:16px;display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--Border-Primary);font-size:14px;color:var(--Content-Primary)}.setting-ctr .setting-item-title{padding:16px 0;font-weight:500;font-size:14px;color:var(--Content-Contrast)}.setting-ctr .setting-item-title.with-top-border{border-top:1px solid var(--Border-Primary)}.setting-ctr .color-panel{position:absolute;right:0;bottom:0}.setting-ctr .color-box{width:16px;height:16px}.setting-ctr .v1-long{fill:var(--trade-v1-long)}.setting-ctr .v1-long-box{background:var(--trade-v1-long)}.setting-ctr .v1-short{fill:var(--trade-v1-short)}.setting-ctr .v1-short-box{background:var(--trade-v1-short)}.setting-ctr .classical-long{fill:var(--trade-classical-long)}.setting-ctr .classical-long-box{background:var(--trade-classical-long)}.setting-ctr .classical-short{fill:var(--trade-classical-short)}.setting-ctr .classical-short-box{background:var(--trade-classical-short)}.setting-ctr .setting-reset-layout-btn{display:inline-block}.setting-ctr .kline-config-check{display:block}.setting-ctr .kline-config-check .x-checkbox-label{height:32px}@keyframes showSettingCtr{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes hideSettingCtr{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes showSettingMask{0%{background-color:transparent}to{background-color:var(--trade-dialog-mask)}}@keyframes hideSettingMask{0%{background-color:var(--trade-dialog-mask)}to{background-color:transparent}}.symbol-items-ctr{position:relative;height:160px}.symbol-show-item{position:absolute;right:0;left:0;height:32px;display:flex;padding-right:8px;justify-content:space-between;align-items:center;transition:top .15s linear;background:var(--Background-Secondary)}.symbol-show-item.current-drag-item{display:none}.symbol-show-item:hover{background:var(--trade-btn-bg)}.symbol-show-item .x-checkbox-ctr{-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-icon-ctr{line-height:32px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-icon-ctr:active{cursor:grabbing}.drag-icon-ctr:active .drag-icon{fill:var(--Content-Primary)}.drag-icon{fill:var(--Content-Contrast);width:8px;height:8px;cursor:grab}.drag-icon:hover{fill:var(--Content-Primary)}.drag-icon:active{fill:var(--Content-Primary);cursor:grabbing}@keyframes showSymbolItemEdit{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes hideSymbolItemEdit{0%{transform:translate(0)}to{transform:translate(100%)}}.vaultModalContent{background:var(--Container-Primary2, #17181a);border-radius:var(--Border-radius-md, 8px) var(--Border-radius-md, 8px) var(--Border-radius-none, 0px) var(--Border-radius-none, 0px);padding-bottom:0!important}.vaultModalContent .x-dialog-title{font-size:18px;font-style:normal;font-weight:700;color:var(--Content-Primary, #fff)}.vaultModalContent .x-dialog-title-ctr{border-bottom:1px solid var(--Border-Primary, #252525)}.vaultOuter{padding:var(--padding-margin-md-20, 20px);gap:16px!important}.vaultCloseModel .x-dialog-ctr{border-radius:16px}.vaultCloseModel .x-dialog-close{width:16px!important;height:16px!important}.vaultCloseModel .x-dialog-title{font-size:16px;font-weight:600}.openVault-model-title{font-size:14px;font-weight:500;line-height:16px;margin-bottom:12px;color:#fff}.ower-content{margin-bottom:24px}.openVault-model{width:412px;display:flex;min-height:40px;max-height:268px;overflow:scroll}.openVault-model .openVault-radio-group{display:grid;grid-gap:8px;grid-template-columns:repeat(1,1fr);width:100%}.openVault-model .openVault-radio-group .x-radio-line{margin-top:0!important;background:#111;padding:17px;border-radius:8px;display:flex;flex-direction:row-reverse;justify-content:space-between;height:40px;font-size:14px}.openVault-model .openVault-radio-group .x-radio-label{margin-left:0!important}.openVault-model .openVault-radio-group .x-radio{width:16px;height:16px}.openVault-model .openVault-radio-group .x-radio:before{background:#7c7c7c}.footer-tips{font-size:14px;font-weight:400;color:#ffffffa6;margin-top:24px}.footer-tips p{line-height:21px}.kline-mask{position:absolute;z-index:9;top:0;right:0;left:0;bottom:0}.kline-market-order,.kline-limit-order{position:absolute;z-index:10;background:var(--module-title-bg);-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--Content-Primary)}.kline-market-order.active-ctr,.kline-limit-order.active-ctr{z-index:11}.kline-market-order.active-ctr .kline-order-input,.kline-limit-order.active-ctr .kline-order-input{border:1px solid var(--Brand-Default)}.kline-market-order.active-ctr .size-tips,.kline-limit-order.active-ctr .size-tips{display:block}.kline-market-order .order-line,.kline-limit-order .order-line{display:flex;align-items:center;padding-right:12px}.kline-market-order .market-drag,.kline-limit-order .market-drag{width:20px;display:flex;justify-content:center;align-items:center;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kline-market-order .market-drag-icon,.kline-limit-order .market-drag-icon{width:8px;pointer-events:none}.kline-market-order .order-btn,.kline-market-order .kline-order-input,.kline-limit-order .order-btn,.kline-limit-order .kline-order-input{height:44px;padding:4px 8px 8px;text-align:center}.kline-market-order .order-btn,.kline-limit-order .order-btn{min-width:96px;cursor:pointer}.kline-market-order .order-btn.order-buy,.kline-limit-order .order-btn.order-buy{background:var(--Functional-Green-Positive-Opacity);border-bottom:2px solid var(--Functional-Green-Positive)}.kline-market-order .order-btn.order-sell,.kline-limit-order .order-btn.order-sell{background:var(--Functional-Red-Negative-Opacity);border-bottom:2px solid var(--Functional-Red-Negative)}.kline-market-order .kline-order-input,.kline-limit-order .kline-order-input{position:relative;width:102px;border:1px solid transparent}.kline-market-order .size-tips,.kline-limit-order .size-tips{display:none;position:absolute;top:-42px;left:0;transform:translate(-22%);padding:8px;background:var(--module-title-bg);white-space:nowrap;font-size:12px;color:var(--Content-Contrast)}.kline-market-order .size-tips:after,.kline-limit-order .size-tips:after{content:"";position:absolute;z-index:-1;bottom:-4px;left:0;right:0;margin:0 auto;width:12px;height:12px;background:var(--module-title-bg);transform:rotate(45deg);border-radius:2px}.kline-market-order .btn-label,.kline-market-order .input-label,.kline-limit-order .btn-label,.kline-limit-order .input-label{margin-bottom:2px;font-size:12px}.kline-market-order .btn-value,.kline-limit-order .btn-value{font-size:12px}.kline-market-order .input-label,.kline-limit-order .input-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kline-market-order .market-qty-input,.kline-limit-order .market-qty-input{height:20px;padding:0;background:transparent}.kline-market-order .market-qty-input.x-order-input-ctr-focus,.kline-limit-order .market-qty-input.x-order-input-ctr-focus{outline:none}.kline-market-order .market-qty-input .x-order-input,.kline-limit-order .market-qty-input .x-order-input{text-align:center;padding-right:0;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.kline-market-order .addition-line,.kline-limit-order .addition-line{display:flex;justify-content:center;align-items:center;border-top:2px solid var(--Border-Primary);font-size:10px}.kline-market-order .order-qty-rate-line,.kline-limit-order .order-qty-rate-line{width:156px;height:20px;margin:auto;display:flex;justify-content:space-between;transform:scale(.7);transform-origin:center}.kline-market-order .qty-rate-item,.kline-limit-order .qty-rate-item{padding:2px 4px;background:#434343;border-radius:4px;font-size:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kline-market-order .qty-rate-item:hover,.kline-market-order .qty-rate-item.rate-checked,.kline-limit-order .qty-rate-item:hover,.kline-limit-order .qty-rate-item.rate-checked{background:#5d5d5e}.kline-market-order .limit-order-icon,.kline-limit-order .limit-order-icon{width:16px;height:16px;fill:var(--Content-Contrast);cursor:pointer}.kline-market-order .limit-order-icon:hover,.kline-limit-order .limit-order-icon:hover{fill:var(--Content-Primary)}.kline-market-order{min-width:284px;border-radius:8px;cursor:move}.kline-market-order.default-bg{background:#222c;opacity:.5;transition:opacity .1s linear}.kline-limit-order{top:2000px;border-radius:0 0 8px 8px}.kline-limit-order .order-line{padding-right:0}.kline-limit-order .kline-order-input{border-left:1px solid var(--Border-Primary)}.x-depth-ctr{width:100%;height:calc(100% - 10px)}.x-depth-ctr .x-depth-canvas{box-sizing:border-box;width:100%;height:100%;border:1px solid white}.funding-tips-ctr{position:absolute;z-index:3;padding:10px 16px;min-width:138px;height:78px;background:var(--Content-Inverse);border-radius:12px}.funding-tips-ctr .tips-datetime{font-size:12px;color:var(--Content-Contrast)}.funding-tips-ctr .tips-rate{margin-top:8px;font-size:18px;color:var(--Brand-Default)}.tips-round{position:absolute;z-index:3;width:8px;height:8px;border-radius:4px;background:radial-gradient(circle at center,var(--Brand-Default) 40%,var(--Brand-Default-Opacity) 100%);opacity:.85}.currency-detail-area{height:100%}.currency-detail-area .container{grid-gap:20px;align-items:center;width:100%;height:100%;justify-content:center}.currency-detail-area .container.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.currency-detail-area .container.grid .left{max-width:400px;margin:auto 20px auto auto}.currency-detail-area .container.grid .right{max-width:520px;margin:auto auto auto 0}.currency-detail-area .container .left{margin:auto;width:100%}.currency-detail-area .container .right{padding-bottom:20px;margin:10px auto 0;width:100%}.currency-detail-area .container .row{display:flex}.currency-detail-area .container .row-start{display:flex;align-items:center;justify-content:flex-start}.currency-detail-area .container .row-between{display:flex;align-items:center;justify-content:space-between}.currency-detail-area .container .column{display:flex;flex-direction:column}.currency-detail-area .container .f-22{font-weight:500;font-size:22px;line-height:33px}.currency-detail-area .container .f-13{font-size:13px;font-weight:400;line-height:18px}.currency-detail-area .container .f-11{font-weight:400;font-size:11px;line-height:16px}.currency-detail-area .container .f-12{font-weight:400;font-size:12px;line-height:18px;color:#dcdcdc}.currency-detail-area .container .icon{flex-shrink:0;width:36px;height:36px}.currency-detail-area .container .icon svg,.currency-detail-area .container .icon img{width:100%;height:100%}.currency-detail-area .container .color-light-grey{color:var(--dashboard-title-color)}.currency-detail-area .container .color-font-grey{color:var(--Content-Contrast)}.currency-detail-area .container .color-font-grey-2{color:#7f8083}.currency-detail-area .container .table-item{padding:5px 0 4px;border-bottom:1px solid var(--trade-color-normal)}.currency-detail-area .module-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.currency-detail-area .module-loading .x-loading{width:50px}.discount-rate{font-size:14px;color:var(--Content-Primary)}.discount-rate .discount-rate-title-ctr{padding:24px 48px}.discount-rate .discount-rate-title{padding-bottom:8px;font-weight:600;font-size:16px}.discount-rate .discount-rate-tips{margin-top:4px;line-height:1.3;font-size:12px;color:var(--Content-Contrast)}.discount-rate .discount-detail-title-row,.discount-rate .discount-detail-item{margin:0 48px;height:48px;display:flex;align-items:center;padding:0 16px}.discount-rate .discount-detail-title-row{justify-content:space-between;border-radius:10px;background:var(--module-title-bg)}.discount-rate .discount-detail-item{border-bottom:1px solid var(--Border-Primary)}.discount-rate .discount-item-ceil{flex:1;font-weight:500}.discount-rate .item-symbol-ceil{display:flex;align-items:center}.discount-rate .item-symbol-icon{margin-right:12px;width:24px;height:24px}.discount-rate .asset-item{display:flex;align-items:center;font-size:16px}.discount-rate .asset-icon{margin-right:4px;width:24px}.discount-rate .collateral-ratio .x-dropdown-item{width:112px}.discount-rate .collateral-ratio .x-dropdown-icon{width:16px;height:16px}@keyframes noticeAni{0%{height:0;overflow:hidden}to{margin:12px 12px 0;height:auto;padding:12px}}@keyframes gridNoticeAni{0%{height:0;overflow:hidden}to{margin:12px 0 -12px;height:auto;padding:12px}}.risk-notice-ctr{display:flex;align-items:center;border-radius:8px;background:#fed7021f;animation:noticeAni .3s forwards linear}.risk-notice-ctr.grid-tips-ctr{animation:gridNoticeAni .3s forwards linear}.risk-notice-ctr .risk-notice-tips{flex:1;font-size:12px;line-height:1.3;color:var(--Brand-Default)}.risk-notice-ctr .risk-notice-close{margin-left:8px;width:14px;height:14px;fill:#ffffff73;cursor:pointer}.trade-dialog-notice-ctr .dialog-notice-content{height:78px}.trade-dialog-notice-ctr .notice-content{margin-top:0}.trade-dialog-notice-ctr-in{position:fixed;width:348px;z-index:10;bottom:48px;right:16px}.trade-dialog-notice-ctr-in .dialog-notice-content{height:56px}.trade-dialog-notice-ctr-normal.x-notice-ctr{background:#292929}.trade-dialog-notice-ctr-normal .dialog-notice-content{height:78px}.trade-dialog-notice-ctr-normal .notice-content{margin-top:10px}.trade-dialog-notice-ctr,.trade-dialog-notice-ctr-in,.trade-dialog-notice-ctr-normal{background:linear-gradient(180deg,#fed7024d,#0000),#292929}.trade-dialog-notice-ctr .dialog-notice-swiper,.trade-dialog-notice-ctr-in .dialog-notice-swiper,.trade-dialog-notice-ctr-normal .dialog-notice-swiper{height:100%}.trade-dialog-notice-ctr .dialog-notice-swiper .swiper-pagination,.trade-dialog-notice-ctr-in .dialog-notice-swiper .swiper-pagination,.trade-dialog-notice-ctr-normal .dialog-notice-swiper .swiper-pagination{bottom:0;display:flex;width:200px}.trade-dialog-notice-ctr .dialog-notice-swiper .swiper-pagination-bullet,.trade-dialog-notice-ctr-in .dialog-notice-swiper .swiper-pagination-bullet,.trade-dialog-notice-ctr-normal .dialog-notice-swiper .swiper-pagination-bullet{margin:2px;width:4px;height:4px;background:var(--Content-Contrast)}.trade-dialog-notice-ctr .dialog-notice-swiper .swiper-pagination-bullet-active,.trade-dialog-notice-ctr-in .dialog-notice-swiper .swiper-pagination-bullet-active,.trade-dialog-notice-ctr-normal .dialog-notice-swiper .swiper-pagination-bullet-active{background:var(--Content-Primary)}.trade-dialog-notice-ctr .dialog-notice-banner-desc,.trade-dialog-notice-ctr-in .dialog-notice-banner-desc,.trade-dialog-notice-ctr-normal .dialog-notice-banner-desc{height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;margin-top:8px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.trade-dialog-notice-ctr .notice-operate-ctr,.trade-dialog-notice-ctr-in .notice-operate-ctr,.trade-dialog-notice-ctr-normal .notice-operate-ctr{position:relative;z-index:1;margin-top:-16px}.fav-instrument{height:44px;display:flex;align-items:center;padding:0 24px;border-top:4px solid var(--Border-Primary);border-bottom:4px solid var(--Border-Primary);background:var(--Background-Secondary)}.fav-instrument .favorite-icon{width:14px;height:14px;fill:var(--Content-Primary)}.fav-instrument .close-icon-ctr{margin-left:auto;width:20px;height:20px;border-radius:99px;background:var(--Container-Tertiary);display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.fav-instrument .close-icon-ctr:hover{opacity:.9}.fav-instrument .close-icon{width:12px;height:12px;fill:var(--Content-Primary)}.fav-instrument .top-type-slider{margin-left:18px}.fav-instrument .symbols-ctr{position:relative;margin-left:16px;margin-right:4px;flex:1;overflow-x:scroll;overflow-y:hidden;display:flex;align-items:center}.fav-instrument .ctr-arrow-left,.fav-instrument .ctr-arrow-right{position:sticky;display:flex;align-items:center;width:40px;top:0;z-index:9;color:#fff;padding:4px 0;border-radius:9999px;cursor:pointer}.fav-instrument .ctr-arrow-left{left:-1px;background:linear-gradient(270deg,#0d0f1100,#0d0f11 50.14%);justify-content:left}.fav-instrument .ctr-arrow-right{right:-1px;background:linear-gradient(270deg,#0d0f11 49.86%,#0d0f1100);justify-content:right}.fav-instrument .fav-arrow-icon{width:16px;height:16px;fill:var(--Content-Primary)}.fav-instrument .symbol-instrument-item{flex-shrink:0;height:12px;line-height:12px;padding:0 12px;font-weight:500;font-size:12px;cursor:pointer}.fav-instrument .symbol-instrument-item:first-of-type{padding-left:0}.fav-instrument .symbol-instrument-item:not(.fav-instrument .symbol-instrument-item:last-of-type){border-right:1px solid var(--Border-Secondary)}.fav-instrument .symbol-instrument-value{margin-left:4px;color:var(--Content-Contrast)}.x-type-slider{position:relative;height:28px;padding:2px;display:flex;align-items:center;border-radius:4px;background:var(--Container-Secondary)}.x-type-slider .x-type-slide{position:relative;padding:0 12px;min-width:38px;height:24px;line-height:24px;color:var(--Content-Tertiary);text-align:center;font-weight:500;font-size:14px;cursor:pointer;background:transparent;transition:all .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-type-slider .x-type-slide.x-type-slide-active{color:var(--Content-Inverse)}.x-type-slider .x-type-slide-indicator{height:calc(100% - 4px);position:absolute;top:2px;z-index:0;border-radius:4px;width:38px;background:var(--Brand-Default);transition:all .2s linear}