.x-nav-bar{align-items:center;background:var(--module-title-bg);border-radius:16px 16px 0 0;display:flex;height:48px;padding:0 16px;position:relative}.x-nav-bar .x-nav-item{color:var(--trade-font-grey);cursor:pointer;font-weight:700;margin-right:16px;-webkit-user-select:none;user-select:none;white-space:nowrap}.x-nav-bar .x-nav-item.x-nav-item-active,.x-nav-bar .x-nav-item:hover{color:var(--trade-color-operate)}.x-nav-bar .x-nav-indicator{background:var(--trade-color-operate);bottom:-1px;height:1px;left:16px;position:absolute;transition:all 0ms linear;width:20px}.kline-limit-order,.kline-market-order{background:var(--module-title-bg);color:var(--trade-font-light);position:absolute;-webkit-user-select:none;user-select:none;z-index:10}.kline-limit-order.active-ctr,.kline-market-order.active-ctr{z-index:11}.kline-limit-order.active-ctr .kline-order-input,.kline-market-order.active-ctr .kline-order-input{border:1px solid var(--trade-color-operate)}.kline-limit-order.active-ctr .size-tips,.kline-market-order.active-ctr .size-tips{display:block}.kline-limit-order .order-line,.kline-market-order .order-line{align-items:center;display:flex;padding-right:12px}.kline-limit-order .market-drag,.kline-market-order .market-drag{align-items:center;cursor:move;display:flex;justify-content:center;-webkit-user-select:none;user-select:none;width:20px}.kline-limit-order .market-drag-icon,.kline-market-order .market-drag-icon{pointer-events:none;width:8px}.kline-limit-order .kline-order-input,.kline-limit-order .order-btn,.kline-market-order .kline-order-input,.kline-market-order .order-btn{height:44px;padding:4px 8px 8px;text-align:center}.kline-limit-order .order-btn,.kline-market-order .order-btn{cursor:pointer;min-width:96px}.kline-limit-order .order-btn.order-buy,.kline-market-order .order-btn.order-buy{background:var(--trade-color-long-opacity);border-bottom:2px solid var(--trade-color-long)}.kline-limit-order .order-btn.order-sell,.kline-market-order .order-btn.order-sell{background:var(--trade-color-short-opacity);border-bottom:2px solid var(--trade-color-short)}.kline-limit-order .kline-order-input,.kline-market-order .kline-order-input{border:1px solid transparent;position:relative;width:102px}.kline-limit-order .size-tips,.kline-market-order .size-tips{background:var(--module-title-bg);color:var(--trade-font-grey);display:none;font-size:12px;left:0;padding:8px;position:absolute;top:-42px;-webkit-transform:translateX(-22%);transform:translateX(-22%);white-space:nowrap}.kline-limit-order .size-tips:after,.kline-market-order .size-tips:after{background:var(--module-title-bg);border-radius:2px;bottom:-4px;content:"";height:12px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:12px;z-index:-1}.kline-limit-order .btn-label,.kline-limit-order .input-label,.kline-market-order .btn-label,.kline-market-order .input-label{font-size:12px;margin-bottom:4px}.kline-limit-order .input-label,.kline-market-order .input-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kline-limit-order .market-qty-input,.kline-market-order .market-qty-input{background:transparent;height:20px;padding:0}.kline-limit-order .market-qty-input.x-order-input-ctr-focus,.kline-market-order .market-qty-input.x-order-input-ctr-focus{outline:none}.kline-limit-order .market-qty-input .x-order-input,.kline-market-order .market-qty-input .x-order-input{padding-right:0;text-align:center;-webkit-user-select:auto;user-select:auto}.kline-limit-order .addition-line,.kline-market-order .addition-line{align-items:center;border-top:2px solid var(--trade-line-grey);display:flex;font-size:10px;justify-content:center}.kline-limit-order .order-qty-rate-line,.kline-market-order .order-qty-rate-line{display:flex;height:20px;justify-content:space-between;margin:auto;-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:center;transform-origin:center;width:156px}.kline-limit-order .qty-rate-item,.kline-market-order .qty-rate-item{background:#434343;border-radius:4px;cursor:pointer;font-size:10px;padding:2px 4px;-webkit-user-select:none;user-select:none}.kline-limit-order .qty-rate-item.rate-checked,.kline-limit-order .qty-rate-item:hover,.kline-market-order .qty-rate-item.rate-checked,.kline-market-order .qty-rate-item:hover{background:#5d5d5e}.kline-limit-order .limit-order-icon,.kline-market-order .limit-order-icon{fill:var(--trade-font-grey);cursor:pointer;height:16px;width:16px}.kline-limit-order .limit-order-icon:hover,.kline-market-order .limit-order-icon:hover{fill:var(--trade-font-light)}.kline-market-order{border-radius:8px;cursor:move;min-width:284px}.kline-market-order.default-bg{background:rgba(34,34,34,.8);opacity:.5;transition:opacity .1s linear}.kline-limit-order{border-radius:0 0 8px 8px;top:2000px}.kline-limit-order .order-line{padding-right:0}.kline-limit-order .kline-order-input{border-left:1px solid var(--trade-line-grey)}.x-depth-ctr{height:calc(100% - 10px);width:100%}.x-depth-ctr .x-depth-canvas{border:1px solid #fff;box-sizing:border-box;height:100%;width:100%}.funding-tips-ctr{background:var(--trade-body-bg);border-radius:12px;height:78px;min-width:138px;padding:10px 16px;position:absolute;z-index:3}.funding-tips-ctr .tips-datetime{color:var(--trade-font-grey);font-size:12px}.funding-tips-ctr .tips-rate{color:var(--trade-color-operate);font-size:18px;margin-top:8px}.tips-round{background:radial-gradient(circle at center,var(--trade-color-operate) 40%,var(--trade-color-operate-opacity) 100%);border-radius:4px;height:8px;opacity:.85;position:absolute;width:8px;z-index:3}.currency-detail-area{height:100%}.currency-detail-area .container{grid-gap:20px;align-items:center;height:100%;justify-content:center;width:100%}.currency-detail-area .container.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.currency-detail-area .container.grid .left,.currency-detail-area .container.grid .right{max-width:340px}.currency-detail-area .container.grid .left{margin:auto 20px auto auto}.currency-detail-area .container.grid .right{margin:auto auto auto 0}.currency-detail-area .container .left{margin:auto;width:100%}.currency-detail-area .container .right{margin:10px auto 0;padding-bottom:20px;width:100%}.currency-detail-area .container .row{display:flex}.currency-detail-area .container .row-start{align-items:center;display:flex;justify-content:flex-start}.currency-detail-area .container .row-between{align-items:center;display:flex;justify-content:space-between}.currency-detail-area .container .column{display:flex;flex-direction:column}.currency-detail-area .container .f-22{font-size:22px;font-weight:500;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-size:11px;font-weight:400;line-height:16px}.currency-detail-area .container .f-12{color:#dcdcdc;font-size:12px;font-weight:400;line-height:18px}.currency-detail-area .container .icon{height:36px;width:36px}.currency-detail-area .container .icon img,.currency-detail-area .container .icon svg{height:100%;width:100%}.currency-detail-area .container .color-light-grey{color:var(--dashboard-title-color)}.currency-detail-area .container .color-font-grey{color:var(--trade-font-grey)}.currency-detail-area .container .color-font-grey-2{color:#7f8083}.currency-detail-area .container .table-item{border-bottom:1px solid var(--trade-color-normal);padding:5px 0 4px}.currency-detail-area .loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.currency-detail-area .loading .x-loading{width:50px}.dialog-status-ctr .x-dialog-ctr{width:428px}.dialog-status-ctr .x-dialog-content{color:var(--trade-font-grey);font-size:12px;padding:0 24px}.dialog-status-ctr .form-item{margin:12px 0 24px}.dialog-status-ctr .form-item .form-item-title{margin-bottom:8px}.dialog-status-ctr .form-item .form-item-title .txt{color:hsla(0,0%,100%,.6);margin-right:2px}.dialog-status-ctr .form-item .form-item-title .desp{color:hsla(0,0%,100%,.6)}.dialog-status-ctr .account-content{border:1px solid hsla(0,0%,100%,.6);border-radius:8px;margin-top:16px;padding:8px}.dialog-status-ctr .account-content .checked-item{display:flex;margin-bottom:16px}.dialog-status-ctr .account-content .checked-item:last-of-type{margin-bottom:0}.dialog-status-ctr .account-content .checked-item .x-checkbox-ctr{display:flex}.dialog-status-ctr .account-content .checked-item .checked-content{font-size:12px;line-height:16px;margin-left:6px}.dialog-status-ctr .account-content .checked-item .checked-content .title{color:var(--trade-font-light)}.dialog-status-ctr .account-content .checked-item .checked-content .msg{color:hsla(0,0%,100%,.6);margin-top:4px}.dialog-status-ctr .dialog-btn{margin-top:24px;width:100%}.dialog-status-ctr .dialog-confirm{background-color:var(--trade-color-operate);color:var(--trade-btn-bg)}.dialog-status-ctr .dialog-confirm:hover .x-button-txt{color:var(--trade-body-bg)}.dialog-status-ctr .dialog-confirm .x-button-loading{fill:var(--trade-font-light);height:20px;width:20px}.dialog-status-ctr .max{color:#ffc412;cursor:pointer;font-size:14px;font-style:normal;font-weight:600;line-height:18px}.dialog-status-ctr .available{display:flex;justify-content:space-between}.dialog-status-ctr .available .value{color:#fff;font-size:12px;font-weight:500;line-height:16px}.dialog-status-ctr .enable{background:hsla(0,0%,100%,.08);border-radius:7px;margin:12px 0 0;padding:8px}.dialog-status-ctr .enable strong{display:block;font-size:12px;line-height:16px;margin:0 0 8px}.dialog-status-ctr .enable p{color:hsla(0,0%,100%,.606);font-size:12px;line-height:16px}.dialog-status-ctr .enablebtn{border:1px solid hsla(0,0%,100%,.6);border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.06);color:hsla(0,0%,100%,.6);font-size:14px;font-weight:600;height:44px;line-height:18px}.dialog-status-ctr .dialog-btn{border-radius:22px;font-size:14px;font-weight:600;height:44px;line-height:18px}.dialog-status-ctr .dropdown{width:100%}.dialog-status-ctr .dropdown .x-dropdown-show-line{background:hsla(0,0%,100%,.061);border-radius:7px;height:48px;justify-content:space-between;padding:0 12px}.dialog-status-ctr .dropdown .x-dropdown-list-ctr{width:100%}.dialog-status-ctr .dropdown .x-dropdown-item{align-items:center;display:flex;height:48px}.dialog-recall-bonus .x-dialog-ctr{color:var(--trade-font-grey);font-size:14px;text-align:center;width:400px}.dialog-recall-bonus .recall-bonus-ctr{padding-top:32px;text-align:center}.dialog-recall-bonus .recall-bonus-ctr .recall-feedback,.dialog-recall-bonus .recall-bonus-ctr .recall-icon-warn{height:78px;width:78px}.dialog-recall-bonus .recall-bonus-ctr .recall-icon-warn{fill:var(--trade-color-operate)}.dialog-recall-bonus .recall-bonus-ctr .recall-feedback{fill:var(--trade-color-long-constant)}.dialog-recall-bonus .recall-bonus-ctr .recall-status{color:var(--trade-font-light);font-size:16px;font-weight:700;margin:20px 0 12px}.dialog-recall-bonus .recall-bonus-ctr .recall-tips{line-height:18px;margin-bottom:28px}.dialog-recall-bonus .recall-bonus-ctr .recall-cancel,.dialog-recall-bonus .recall-bonus-ctr .recall-proceed{border-radius:22px;height:36px;width:178px}.dialog-recall-bonus .recall-bonus-ctr .recall-cancel{margin-left:12px}.dialog-recall-bonus .recall-bonus-ctr .recall-feedback-btn{border-radius:22px;height:36px;width:100%}.bordered{align-items:center;background:#141414;border-radius:99px;display:flex;flex-direction:row;justify-content:center;padding:2px 6px}.speed-rating-container{justify-content:space-between}.speed-rating-container,.speed-rating-container .children-container{align-items:center;display:flex}.speed-rating-container .children-container span{color:#aeaeb0;font-size:12px;font-weight:400;line-height:16px}#xToastArea{position:fixed;right:0;top:0;transition:all .1s linear}.x-toast-outer{overflow:hidden;padding:16px 16px 0 0}.x-toast-outer.x-toast-hide{-webkit-animation:hideToastOuter .12s linear forwards;animation:hideToastOuter .12s linear forwards}.x-toast-ctr{background:#1f1f1f;background:var(--trade-dialog-bg);border:1px solid #45464b;border:1px solid var(--trade-dialog-border-color);border-radius:8px;box-shadow:0 4px 24px #00000026;padding:16px;position:relative;-webkit-transform:translate(100%);transform:translate(100%);width:384px}.x-toast-ctr.toast-ctr-show{-webkit-animation:showToast .12s ease-in-out forwards;animation:showToast .12s ease-in-out forwards}.x-toast-info-ctr{display:flex}.x-toast-icon{flex-shrink:0;height:20px;width:20px}.x-toast-icon.Toast_info-icon{fill:#ffc412}.x-toast-icon.Toast_fail-icon{fill:var(--trade-color-short-constant)}.x-toast-icon.Toast_loading-icon,.x-toast-icon.Toast_success-icon{fill:var(--trade-color-long-constant)}.x-toast-icon-close{fill:#ffffff73;cursor:pointer;height:22px;position:absolute;right:10px;top:10px;width:22px}.x-toast-msg{color:#aeaeb0;color:var(--trade-toast-color);font-size:14px;margin-left:10px;text-align:justify}.x-toast-msg .x-toast-title{color:#fff;color:var(--trade-font-light);font-size:16px;font-weight:500}.x-toast-msg .x-toast-txt{color:hsla(0,0%,100%,.85);color:var(--awd-currency-label-color);font-size:14px;line-height:18px;margin-top:8px;text-align:left;white-space:break-spaces;word-break:break-word}.x-toast-operate-ctr{display:flex;padding-top:8px}.x-toast-operate-ctr .x-toast-btn-ctr{cursor:pointer;margin-left:auto}.Toast_loading-icon{-webkit-animation:rotate .6s linear infinite;animation:rotate .6s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes showToast{0%{-webkit-transform:matrix(1,0,0,1,372px,0);transform:matrix(1,0,0,1,372px,0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showToast{0%{-webkit-transform:matrix(1,0,0,1,372px,0);transform:matrix(1,0,0,1,372px,0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideToastOuter{to{height:0;padding-top:0}}@keyframes hideToastOuter{to{height:0;padding-top:0}}:root{--trade-dialog-mask:rgba(0,0,0,.4);--trade-dialog-bg:#1f1f1f;--trade-dialog-border-color:#45464b;--trade-btn-bg:#2a2a30;--trade-color-operate:#fed702;--trade-color-operate-hover:#b3890d;--trade-color-normal:#45464b;--trade-color-normal-hover:#333439;--trade-color-normal-disable:#2a2a30;--trade-font-light:#fff;--trade-font-grey:#aeaeb0;--trade-font-black:#121212;--trade-font-disable:#5d5d61;--trade-line-grey:#333439;--trade-toast-color:#aeaeb0;--awd-label-color:#aeaeb0;--awd-label-background-color:#333;--awd-border-color:#333;--awd-shadow-color:#121212;--awd-currency-label-color:hsla(0,0%,100%,.85);--awd-currency-label-background-color:hsla(0,0%,100%,.12);--awd-dialog-close-color:#dcdcdc;--awd-dialog-close-invert:0;--awd-asset-color:#aeaeb0}:root[theme=light]{--trade-dialog-mask:rgba(0,0,0,.4);--trade-dialog-bg:#fff;--trade-dialog-border-color:#fff;--trade-btn-bg:#fff;--trade-color-operate:#fed702;--trade-color-operate-hover:#b3890d;--trade-color-normal:#45464b;--trade-color-normal-hover:#333439;--trade-color-normal-disable:#fed70288;--trade-font-light:#000;--trade-font-grey:#aeaeb0;--trade-font-black:#121212;--trade-font-disable:#9a9a9a;--trade-line-grey:#f3f5f7;--trade-toast-color:#aeaeb0;--awd-label-color:#595959;--awd-label-background-color:#fff;--awd-border-color:#dedede;--awd-shadow-color:#f4f4f4;--awd-currency-label-color:rgba(0,0,0,.65);--awd-currency-label-background-color:rgba(0,0,0,.06);--awd-dialog-close-color:#000;--awd-dialog-close-invert:1;--awd-asset-color:#000}.apex-account-select-dialog .x-dialog-ctr{width:500px}.apex-account-select-dialog .x-dialog-title-ctr{border-bottom:none}.apex-account-select-dialog .x-button{border-radius:8px;padding:12px 0}.apex-account-select-dialog .x-button .x-button-txt{font-size:16px;font-weight:600;line-height:24px}.apex-account-select-dialog .x-button:not(.com-btn-disable) .x-button-txt{color:#121214}.apex-account-select-dialog .apex-account-content{display:flex;flex-direction:column;height:524px;justify-content:space-between}.apex-account-select-dialog .accounts{align-items:flex-start;display:flex;flex-direction:column;gap:24px;justify-content:center;margin-top:22px}.apex-account-select-dialog .accounts .com-btn-color-line{border-radius:12px;width:100%}.apex-account-select-dialog .accounts .x-button{justify-content:flex-start;padding:17.5px 24px}.apex-account-select-dialog .accounts .account-active.com-btn-color-line{border:1px solid var(--trade-color-operate-hover);color:var(--trade-color-operate-hover);position:relative}.apex-account-select-dialog .accounts .account-active .account-actice-icon{fill:var(--trade-color-operate-hover);height:17px;left:0;margin:0;position:absolute;top:0;-webkit-transform:translate(calc(-50% - 3.75px),calc(-50% - 10px));transform:translate(calc(-50% - 3.75px),calc(-50% - 10px));transition:all .2s linear;width:41px}.apex-account-select-dialog .accounts .btn-txt{align-items:center;display:flex;gap:12px;justify-content:flex-start}.apex-account-select-dialog .accounts .btn-txt .prefix-icon{height:45px;margin-right:16px;width:45px}.apex-account-select-dialog .accounts .btn-txt span{color:#fff;font-size:18px;font-weight:500;line-height:26px}.apex-account-select-dialog .next-btn{margin-top:24px}.apex-account-select-dialog .mask-loading{background-color:rgba(0,0,0,.4);height:100%;width:100%}.apex-account-select-dialog .mask-loading,.apex-account-select-dialog .mask-loading svg{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.apex-account-select-dialog .withdraw-tips{align-items:flex-start;background:var(--trade-font-black);border-radius:8px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:16px 12px}.apex-account-select-dialog .withdraw-tips .withdraw-tips-title{color:var(--trade-font-grey)}.apex-account-select-dialog .withdraw-tips .withdraw-tips-content{color:var(--dashboard-title-color);font-size:14px;font-weight:500;line-height:22px}.dialog-cross-ctr .x-dialog-ctr{width:460px}.dialog-cross-ctr .x-dialog-content{color:var(--trade-font-grey);font-size:14px;padding-top:24px}.dialog-cross-ctr .lv-current-value{color:var(--trade-font-grey);font-size:16px;text-align:center}.dialog-cross-ctr .tips-txt:before{background:var(--trade-font-grey);border-radius:4px;content:"";display:inline-block;height:3px;margin:0 4px 3px 0;width:3px}.dialog-cross-ctr .value-txt{color:var(--trade-font-light);margin-left:4px;vertical-align:bottom}.dialog-cross-ctr .value-label{margin-left:4px}.dialog-cross-ctr .cross-input-area{align-items:center;display:flex;justify-content:space-between;margin:12px auto 8px;width:240px}.dialog-cross-ctr .cross-quick-btn{border-radius:4px;cursor:pointer;font-size:20px;height:24px;line-height:20px;text-align:center;-webkit-user-select:none;user-select:none;width:24px}.dialog-cross-ctr .text-ruler{font-size:30px;opacity:0;position:absolute;z-index:-1}.dialog-cross-ctr .cross-ratio-input{background:transparent;border:none;min-width:8px;padding:0;position:relative}.dialog-cross-ctr .cross-ratio-input.x-order-input-ctr-focus{border:none}.dialog-cross-ctr .cross-ratio-input:after{bottom:6px;color:var(--trade-font-light);content:"x";font-size:24px;left:100%;position:absolute}.dialog-cross-ctr .cross-ratio-input .x-order-input{font-size:30px;max-width:100%;padding:0;text-align:right;width:100%}.dialog-cross-ctr .quick-item-ctr{border:1px solid var(--trade-line-grey);border-radius:28px;color:var(--trade-font-grey);display:flex;margin:10px 0 14px;overflow:hidden;padding:2px;position:relative}.dialog-cross-ctr .quick-item-ctr .quick-item{cursor:pointer;height:28px;line-height:28px;text-align:center;-webkit-user-select:none;user-select:none;width:82px}.dialog-cross-ctr .quick-item-ctr .quick-item.current-item{background:var(--trade-body-bg);border-radius:28px;color:var(--trade-font-light)}.dialog-cross-ctr .tips-line{padding-top:10px}.dialog-cross-ctr .dup-line{line-height:1.8}.dialog-cross-ctr .warn-tips-ctr{position:relative}.dialog-cross-ctr .warn-tips{color:var(--trade-color-short);left:0;position:absolute;top:4px}.dialog-cross-ctr .tips-icon{fill:var(--trade-color-short);height:16px;left:-2px;position:relative;top:3px;width:16px}.dialog-cross-ctr .cross-confirm-btn{border-radius:40px;font-size:16px;font-weight:700;height:44px;margin-top:72px}.x-ratio-group-ctr{align-items:center;background:var(--trade-btn-bg);border-radius:4px;display:flex;height:28px}.x-ratio-group-ctr.x-ratio-group-ctr-fixed{background:transparent}.x-ratio-group-ctr.x-ratio-group-ctr-fixed .x-ratio-ctr{padding:0 8px 0 0}.x-ratio-group-ctr.x-ratio-group-ctr-fixed .x-ratio-group-icon-ctr{background:var(--trade-body-bg);border-radius:4px}.x-ratio-group-icon-ctr{cursor:pointer;height:28px;line-height:28px;text-align:center;-webkit-user-select:none;user-select:none;width:68px}.x-ratio-group-icon{fill:var(--trade-font-grey);height:8px;width:32px}.x-ratio-group-icon:hover{fill:var(--trade-font-light)}.x-ratio-ctr{flex:1 1;padding:2px 6px}.x-ratio-ctr.disable-ratio-ctr .x-ratio-stop,.x-ratio-ctr.disable-ratio-ctr .x-ratio.type-any-value{cursor:not-allowed}.x-ratio-ctr:not(.disable-ratio-ctr) .x-ratio-stop:hover{color:var(--trade-font-light)}.x-ratio{background:var(--trade-font-grey);border-radius:6px;height:8px;position:relative;-webkit-user-select:none;user-select:none}.x-ratio.type-any-value{cursor:pointer}.x-ratio-cursor{background:var(--trade-body-bg);border:4px solid var(--trade-color-operate);border-radius:50%;bottom:0;height:18px;margin:auto 0;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:18px;z-index:1}.x-ratio-cursor.need-time-function{transition:left .15s linear}.x-ratio-cursor:after,.x-ratio-cursor:before{background:var(--trade-tips-bg);position:absolute}.x-ratio-cursor:after{border-radius:4px;bottom:-56px;box-shadow:4px 4px 8px var(--trade-module-bg);color:var(--trade-font-light);font-size:14px;height:40px;left:-25px;line-height:42px;text-align:center;width:58px}.x-ratio-cursor:before{bottom:-20px;height:8px;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px;z-index:-1}.x-ratio-cursor:hover:before{content:""}.x-ratio-cursor:hover:after{content:attr(data-value)}.x-radio-current{background:var(--trade-color-operate);border-radius:6px;height:8px;position:absolute}.x-radio-current.need-time-function{transition:width .15s linear}.x-ratio-stop-ctr{align-items:center;display:flex;justify-content:space-between}.x-ratio-stop{background:var(--trade-body-bg);border-radius:4px;color:var(--trade-font-grey);cursor:pointer;height:28px;line-height:28px;text-align:center;width:62px}.x-ratio-stop.stop-current{color:var(--trade-font-light)}.tpOsl-ctr .flex-dialog-line{align-items:center;display:flex;justify-content:space-between}.tpOsl-ctr .tpOSl-ratio-line{margin-bottom:12px}.tpOsl-ctr .trigger-price-line-ctr{align-items:center;display:flex;justify-content:space-between;margin:8px 0}.tpOsl-ctr .trigger-price-line,.tpOsl-ctr .trigger-price-line-type{align-items:center;background:var(--trade-body-bg);border-radius:6px;display:flex;height:40px}.tpOsl-ctr .trigger-price-line{justify-content:space-between;padding-right:8px;width:236px}.tpOsl-ctr .trigger-price-line .x-dropdown{margin-left:6px}.tpOsl-ctr .trigger-price-line-type{justify-content:center;width:104px}.tpOsl-ctr .dialog-order-input{margin:12px 0}.tpOsl-ctr .dialog-order-input.tpOSl-input-price{flex:1 1;max-width:240px;padding-right:0}.tpOsl-ctr .dialog-order-input.tpOSl-input-profit{width:116px}.tpOsl-ctr .tpOSl-input-tips{background-color:var(--trade-btn-bg);border-radius:6px;color:var(--trade-font-grey);line-height:16px;margin-bottom:8px;overflow:hidden;padding:8px}.tpOsl-ctr .tpOSl-input-tips.need-ani{-webkit-animation:showInputTips .1s linear forwards;animation:showInputTips .1s linear forwards;height:0}.tpOsl-ctr .tpOSl-ratio-btn{background:var(--trade-btn-bg);border:1px solid transparent;border-radius:4px;color:var(--trade-font-grey);cursor:pointer;height:28px;line-height:28px;padding:0 14px;text-align:center;transition:color .2s;width:72px}.tpOsl-ctr .tpOSl-ratio-btn.active,.tpOsl-ctr .tpOSl-ratio-btn:hover{border:1px solid var(--trade-color-operate);color:var(--trade-color-operate)}.symbols-select-ctr{-webkit-animation:showSymbolSelect .15s linear forwards;animation:showSymbolSelect .15s linear forwards;background:var(--trade-module-bg);border-radius:6px;box-shadow:0 8px 16px var(--trade-body-bg);cursor:default;font-size:12px;height:382px;left:-16px;opacity:.98;position:absolute;top:56px;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:236px;z-index:1}.symbols-select-ctr.symbols-select-ctr-hide{-webkit-animation:hideSymbolSelect .15s linear forwards;animation:hideSymbolSelect .15s linear forwards}.symbols-select-ctr.symbols-select-ctr-freeze{display:none}.symbols-select-ctr .symbols-select-title{background:var(--module-title-bg);border-radius:16px 16px 0 0;font-size:14px;font-weight:500;line-height:42px;padding-left:16px}.symbols-select-ctr .symbol-list-ctr{height:340px;overflow-y:scroll;padding:2px 4px}.symbols-select-ctr .symbol-item{align-items:center;cursor:pointer;display:flex;height:40px;padding:0 18px 0 10px}.symbols-select-ctr .symbol-item.current-symbol,.symbols-select-ctr .symbol-item:hover{background:var(--trade-btn-bg);border-radius:4px}.symbols-select-ctr .symbol-icon{width:20px}.symbols-select-ctr .symbol-name{margin-left:4px}.symbols-select-ctr .symbol-tag-icon{height:14px;margin-left:8px}.symbols-select-ctr .symbol-realtime-info{margin-left:auto;text-align:right}.symbols-select-ctr .realtime-trend{align-items:center;display:flex;justify-content:end;margin-top:2px}.symbols-select-ctr .realtime-trend.trend-up{color:var(--trade-color-long)}.symbols-select-ctr .realtime-trend.trend-down{color:var(--trade-color-short)}.symbols-select-ctr .trend-up-icon{fill:var(--trade-color-long);height:14px;width:14px}.symbols-select-ctr .trend-down-icon{fill:var(--trade-color-short);height:14px;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:14px}.symbols-select-ctr .x-nav-bar{background:transparent;border-bottom:1px solid var(--trade-line-grey);border-radius:0}.symbols-select-ctr .x-nav-bar .x-nav-item{cursor:default}@-webkit-keyframes showSymbolSelect{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes showSymbolSelect{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes hideSymbolSelect{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes hideSymbolSelect{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.setting-ctr-mask{-webkit-animation:showSettingMask .15s linear forwards;animation:showSettingMask .15s linear forwards;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2}.setting-ctr-mask.setting-ctr-mask-hide{-webkit-animation:hideSettingMask .15s linear forwards;animation:hideSettingMask .15s linear forwards}.setting-ctr{-webkit-animation:showSettingCtr .15s linear forwards;animation:showSettingCtr .15s linear forwards;background:var(--trade-module-bg);bottom:0;box-shadow:4px 4px 20px var(--trade-body-bg);overflow-x:hidden;padding:40px 0 16px;position:absolute;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:400px}.setting-ctr.setting-ctr-hide{-webkit-animation:hideSettingCtr .15s linear forwards;animation:hideSettingCtr .15s linear forwards}.setting-ctr .setting-nav{border-bottom:none;padding:0 40px}.setting-ctr .setting-nav.x-nav-bar{background:transparent}.setting-ctr .setting-nav .x-nav-item{font-size:20px;font-weight:500}.setting-ctr .nav-detail-setting{padding:0 40px;top:100px}.setting-ctr .setting-title{color:var(--trade-font-light);font-size:20px;font-weight:600;margin-bottom:8px}.setting-ctr .setting-close-icon{fill:var(--trade-font-grey);cursor:pointer;height:24px;position:absolute;right:40px;top:54px;width:24px;z-index:1}.setting-ctr .setting-close-icon:hover{fill:var(--trade-font-light)}.setting-ctr .setting-item-ctr{position:relative}.setting-ctr .setting-item-title{color:var(--trade-font-grey);font-size:14px;font-weight:500;padding:16px 0}.setting-ctr .setting-item-title.with-top-border{border-top:1px solid var(--trade-line-grey)}.setting-ctr .color-panel{bottom:0;position:absolute;right:0}.setting-ctr .color-box{height:16px;width: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}@-webkit-keyframes showSettingCtr{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes showSettingCtr{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes hideSettingCtr{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes hideSettingCtr{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes showSettingMask{0%{background-color:transparent}to{background-color:var(--trade-dialog-mask)}}@keyframes showSettingMask{0%{background-color:transparent}to{background-color:var(--trade-dialog-mask)}}@-webkit-keyframes hideSettingMask{0%{background-color:var(--trade-dialog-mask)}to{background-color:transparent}}@keyframes hideSettingMask{0%{background-color:var(--trade-dialog-mask)}to{background-color:transparent}}.symbol-items-ctr{height:160px;position:relative}.symbol-show-item{align-items:center;background:var(--trade-module-bg);display:flex;height:32px;justify-content:space-between;left:0;padding-right:8px;position:absolute;right:0;transition:top .15s linear}.symbol-show-item.current-drag-item{display:none}.symbol-show-item:hover{background:var(--trade-btn-bg)}.drag-icon-ctr,.symbol-show-item .x-checkbox-ctr{-webkit-user-select:none;user-select:none}.drag-icon-ctr{flex:1 1;line-height:32px;text-align:right}.drag-icon-ctr:active{cursor:grabbing}.drag-icon-ctr:active .drag-icon{fill:var(--trade-font-light)}.drag-icon{fill:var(--trade-font-grey);cursor:grab;height:8px;width:8px}.drag-icon:active,.drag-icon:hover{fill:var(--trade-font-light)}.drag-icon:active{cursor:grabbing}@-webkit-keyframes showSymbolItemEdit{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes showSymbolItemEdit{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes hideSymbolItemEdit{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes hideSymbolItemEdit{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.x-popover{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.x-popover.is-inline{display:inline-flex}.x-popover-content-ctr{position:absolute}.x-popover-content-ctr.align-top{bottom:100%;padding-bottom:10px}.x-popover-content-ctr.align-top .x-popover-content{box-shadow:-4px -8px 8px var(--trade-font-black)}.x-popover-content-ctr.align-top .x-popover-content:before{bottom:-4px;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.x-popover-content-ctr.align-bottom{padding-top:10px;top:100%}.x-popover-content-ctr.align-bottom .x-popover-content{box-shadow:4px 8px 8px var(--trade-font-black)}.x-popover-content-ctr.align-bottom .x-popover-content:before{left:50%;top:-4px;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.x-popover-content-ctr.align-right{left:100%;padding-left:10px}.x-popover-content-ctr.align-right .x-popover-content{box-shadow:4px 8px 8px var(--trade-font-black)}.x-popover-content-ctr.align-right .x-popover-content:before{left:-4px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.x-popover-content-ctr.align-left{padding-right:10px;right:100%}.x-popover-content-ctr.align-left .x-popover-content{box-shadow:-6px 4px 8px var(--trade-font-black)}.x-popover-content-ctr.align-left .x-popover-content:before{right:-4px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.x-popover-content{-webkit-animation:showPopover .12s linear;animation:showPopover .12s linear;background:var(--trade-popover-bg);border-radius:4px;color:var(--trade-font-black);min-width:80px;padding:4px 8px;position:relative}.x-popover-content:before{background:var(--trade-popover-bg);border-radius:2px;content:"";height:8px;position:absolute;-webkit-transform-origin:center center;transform-origin:center center;width:8px;z-index:-1}@-webkit-keyframes showPopover{0%{opacity:0}to{opacity:100%}}@keyframes showPopover{0%{opacity:0}to{opacity:100%}}.market-price-desc{border:1px solid hsla(0,0%,100%,.084);border-radius:7px;color:hsla(0,0%,100%,.363);font-size:12px;font-weight:400;line-height:16px;margin:24px 0 32px;padding:16px 16px 12px}.slippage-setting>div{background-color:initial;padding:24px 0 0}.slippage-setting>div .slippage-setting-title{margin-bottom:12px}.slippage-setting>div .slippage-setting-input-container{flex-direction:row-reverse}.quantity-slider .MuiSlider-rail{background-color:#7f8083;border-radius:99px;opacity:1}.quantity-slider .MuiSlider-track{background:linear-gradient(0deg,#fed702,#fed702),#ffc412;border:none}.quantity-slider .MuiSlider-mark{background-color:#7f8083;border-radius:2px;height:10px;width:4px}.quantity-slider .MuiSlider-mark.MuiSlider-markActive{background:linear-gradient(0deg,#fed702,#fed702),#ffc412;opacity:1}.quantity-slider .MuiSlider-thumb{box-shadow:none!important;height:14px;width:14px}.quantity-slider .MuiSlider-thumb:before{background:#000;-webkit-transform:scale(.7);transform:scale(.7);z-index:4}.quantity-slider .MuiSlider-thumb.Mui-active,.quantity-slider .MuiSlider-thumb:hover{box-shadow:none}.quantity-slider .MuiSlider-thumb:after{height:14px;width:14px}.quantity-slider .MuiSlider-markLabel{color:hsla(0,0%,100%,.363);font-size:10px;font-weight:500;line-height:13px}.quantity-slider .MuiSlider-markLabel.MuiSlider-markLabelActive{color:hsla(0,0%,100%,.363)}.dialog-share-ctr{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-share-ctr .x-dialog-ctr{background-color:#000;overflow:hidden;padding-bottom:0;width:448px}.dialog-share-ctr .x-dialog-title-ctr{background-color:#000;border-bottom:none}.dialog-share-ctr .x-dialog-content{background-color:#000;padding:0}.dialog-share-ctr .x-dropdown-list-ctr .x-dropdown-item{text-align:center}.dialog-share-ctr .x-dropdown-list-ctr.align-top{right:10px;top:auto}.dialog-share-ctr .top{max-height:316px;overflow:scroll;padding-bottom:68px;padding-top:20px;scrollbar-width:2px}.dialog-share-ctr .bottom{background:#1f1f1f;border-radius:0 0 12px 12px;padding:24px 24px 32px}.dialog-share-ctr .bottom .btn-group{margin-top:20px}.dialog-share-ctr .bottom .download-btn{color:hsla(0,0%,100%,.85);margin-right:12px}.dialog-share-ctr .bottom .copy-share-btn,.dialog-share-ctr .bottom .download-btn{border-radius:40px;font-size:16px;font-weight:500;line-height:24px;min-height:44px;min-width:188px;padding:10px 16px;text-align:center}.dialog-share-ctr .bottom .copy-share-btn{color:#121212;margin-left:12px}.dialog-share-ctr .bottom .img-size{font-size:15px;font-weight:400;line-height:22px;margin-left:8px}.dialog-share-ctr .bottom .img-size .x-dropdown-list-inner-ctr{left:8px;width:68px!important}.dialog-share-ctr .bottom .img-size .x-dropdown-list-inner-ctr:before{right:26px}.dialog-share-ctr .bottom .img-size .x-dropdown-show-line{background:#333439;border-radius:20px;color:hsla(0,0%,100%,.85);padding:5px 12px;width:68px}.dialog-share-ctr .bottom .img-size .x-dropdown-show-line .current-txt{flex:1 1;text-align:center}.f-13{color:var(--trade-font-grey);font-size:13px;font-weight:400;line-height:20px}.column,.column-start{display:flex;flex-direction:column}.column-start{align-items:flex-start}.row-between{justify-content:space-between}.row,.row-between{align-items:center;display:flex}.row{height:auto}.row-center{align-items:center;display:flex;flex-direction:column;justify-content:center}.f-15{color:var(--trade-font-grey);font-size:15px;font-weight:400;line-height:22px}.card{-webkit-box-reflect:below 0 -webkit-gradient(linear,left top,left bottom,from(transparent),to(hsla(0,0%,98%,.2)));background-color:var(--trade-dialog-bg);background-repeat:no-repeat;background-size:cover;border-radius:12px;cursor:pointer;line-height:.5!important;margin:0 auto;overflow:hidden;width:400px}.card .card-top{flex:1 1;padding:0 32px}.card .card-top>.column:first-of-type{flex:1 1;margin-bottom:10px}.card .card-top .price{justify-content:space-between;width:100%}.card .card-top .price:nth-of-type(2){margin-top:8px}.card .card-top .title{color:#aeaeb0;display:block;font-size:13px;font-weight:400;line-height:20px;margin-right:8px}.card .card-top .entry-price,.card .card-top .oracle-price{color:#fed702;display:block;font-size:13px;font-weight:400;line-height:20px}.card .card-top .unrealised-pnl-rate{font-size:30px;font-weight:500;line-height:40px;margin-top:14px}.card .card-top .unrealised-pnl-rate.long{color:var(--trade-color-long-constant)}.card .card-top .unrealised-pnl-rate.short{color:var(--trade-color-short-constant)}.card .card-top .side{align-items:center;border-radius:4px;display:flex;height:20px;justify-content:center;padding:0 4px;position:relative}.card .card-top .side span{font-size:13px;font-weight:500;line-height:20px}.card .card-top .side .shadow{border-radius:4px}.card .card-top .side.long span{color:var(--trade-color-long-constant)}.card .card-top .side.long .shadow{background:var(--trade-color-long-opacity-constant);content:"";height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.card .card-top .side.short span{color:var(--trade-color-short-constant)}.card .card-top .side.short .shadow{background:var(--trade-color-short-opacity-constant);height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.card .card-top .icon{height:40px;margin-right:8px;width:40px}.card .card-top .icon img{display:inline-block;height:100%;object-fit:fill;width:100%}.card .card-top .symbol{color:#fff;font-size:16px;font-weight:500;line-height:24px}.card .card-bottom{background:var(--trade-dialog-bg);display:flex;height:80px;justify-content:space-between}.card .card-bottom .qr-share{background:var(--trade-font-light);border-radius:4px;padding:2px}.card .card-bottom .qr-share>img{height:52px;width:52px}.full-screen{-webkit-animation:showMask,showContent .16s linear forwards;animation:showMask,showContent .16s linear forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:11}.full-screen,.full-screen .column-center{align-items:center;display:flex;justify-content:center}.full-screen .column-center{flex-direction:column}.full-screen .close-btn{cursor:pointer;margin-top:24px}.full-screen .card{-webkit-box-reflect:initial}@-webkit-keyframes showMask{0%{background-color:transparent}to{background-color:var(--trade-dialog-mask)}}@keyframes showMask{0%{background-color:transparent}to{background-color:var(--trade-dialog-mask)}}@-webkit-keyframes showContent{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showContent{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.share-content{position:relative}.share-content:hover .dialog-share-tooltip{opacity:1}.share-content .dialog-share-tooltip{background:var(--dashboard-title-color);border-radius:8px;color:var(--trade-body-bg);font-size:14px;font-weight:400;left:50%;opacity:0;padding:10px;position:absolute;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:20}.share-content .dialog-share-tooltip>span{display:inline-block;height:100%;width:100%}.share-content .dialog-share-tooltip .tooltip-arrow{background:#dcdcdc;bottom:-8px;color:var(--dashboard-title-color);height:16px;left:50%;position:absolute;-webkit-transform:rotate(45deg) translateX(-50%);transform:rotate(45deg) translateX(-50%);width:16px;z-index:-1}.share-content .dialog-bottom{top:180px}.layout-done .react-grid-item{transition:all .2s linear}.view-main .react-grid-item .draggable-module{cursor:grab}.view-main .react-grid-item.react-draggable-dragging{transition-duration:0ms;z-index:1}.view-main .react-grid-item.react-draggable-dragging .draggable-module{cursor:grabbing}.view-main .react-grid-item.react-grid-placeholder{background:rgba(255,0,0,.2);cursor:grabbing;transition-duration:60ms;-webkit-user-select:none;user-select:none}.view-main .react-grid-item .react-resizable-handle{cursor:se-resize}.view-main .react-grid-item:hover .react-resizable-handle:after{content:""}.view-main .react-grid-item .react-resizable-handle:after{border-bottom:2px solid var(--trade-font-grey);border-right:2px solid var(--trade-font-grey);bottom:0;height:4px;position:absolute;right:0;width:4px}.page-trade{color:var(--trade-font-light);padding-right:4px}.page-trade .x-nav-bar{height:36px}.page-trade .view-main{display:flex;padding-bottom:40px;position:relative}.page-trade .view-main-left{flex:1 1;position:relative;transition:all .1s linear}.page-trade .view-main-right{bottom:44px;height:auto!important;overflow-y:scroll;position:absolute;top:4px;-webkit-user-select:none;user-select:none;width:372px}.page-trade .view-main-right .main-right-drag{cursor:grab;height:16px;left:0;position:absolute;right:0;top:0;z-index:1}.page-trade .view-main-right .main-right-drag:active{cursor:grabbing}.page-trade .view-port{display:flex}.page-trade .view-port-chart{flex-grow:1;height:100%}.page-trade .view-port-history{height:100%}.page-trade .view-positions{height:100%;position:relative}.page-trade .view-header,.page-trade .view-main-right,.page-trade .view-port-chart,.page-trade .view-port-history,.page-trade .view-positions{background-color:var(--trade-module-bg);border-radius:16px}.page-trade .draggable-module-ctr{position:relative}.page-trade .draggable-module{height:10px;left:0;position:absolute;right:0;top:0;z-index:1}.page-trade .flex-line{align-items:center;display:flex}.page-trade .flex-line.align-center{justify-content:center}.page-trade .flex-line-loves,.page-trade .flex-line.align-between{justify-content:space-between}.page-trade .flex-line-loves{align-items:center;display:flex}.page-trade .x-checkbox-label,.page-trade .x-order-label{color:var(--trade-font-light)}.view-header{align-items:center;display:flex;height:56px;margin-left:8px;padding:0 16px;position:relative}.view-header .nextEl,.view-header .prevEl{color:#fff}.view-header .nextEl{margin-right:20px}.view-header .swiper{margin-right:10px;width:480px}.view-header .swiper .swiper-slide{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.view-header .swiper .swiper-button-prev{left:-10px}.view-header .swiper .swiper-button-next{right:-10px}.view-header .swiper .swiper-button-next:after,.view-header .swiper .swiper-button-prev:after{color:#fff;font-size:12px}.view-header .currency-pair{align-items:center;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;height:100%;min-width:130px;position:relative;-webkit-user-select:none;user-select:none}.view-header .currency-pair .pair-txt{flex-shrink:0;font-size:18px;font-weight:600;margin:0 10px 0 8px}.view-header .currency-pair .pair-txt-gap{margin:0 4px;position:relative;top:-1px}.view-header .currency-pair .coin-icon{border-radius:50%;flex-shrink:0;height:24px;width:24px}.view-header .currency-pair .coin-icon:nth-of-type(2){margin-left:-4px}.view-header .currency-pair .symbol-list-drop{fill:var(--trade-font-light);flex-shrink:0;height:18px;margin-left:auto;width:18px}.view-header .current-value{border-left:1px solid var(--trade-line-grey);flex-grow:0;flex-shrink:0;font-size:18px;font-weight:500;margin-left:10px;min-width:110px;padding:0 8px;text-align:center}.view-header .detail-ctr{flex-shrink:0;font-size:12px;min-width:78px;padding:0 10px;position:relative}.view-header .detail-ctr.daily-up .detail-value{color:var(--trade-color-long)}.view-header .detail-ctr.daily-down .detail-value{color:var(--trade-color-short)}.view-header .detail-ctr .detail-title{color:var(--trade-font-grey)}.view-header .detail-ctr .detail-value{margin-top:4px}.view-header .last-detail-ctr{cursor:pointer;width:182px}.view-header .view-header-right{align-items:center;bottom:0;display:flex;margin-left:auto;position:absolute;right:16px;top:0}.view-header .view-header-right-in-by{align-items:center;display:flex;flex:1 1;gap:4px;justify-content:space-between;margin-right:auto}.view-header .view-header-right-in-by .setting-guidance{right:52px;top:6px}.view-header .header-icon-ctr:not(.basic){align-items:center;background:var(--trade-line-grey);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px 10px;transition:all .1s linear;-webkit-user-select:none;user-select:none;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.view-header .header-icon-ctr:not(.basic) span{color:var(--trade-color-operate);font-size:14px;font-weight:500;line-height:18px;margin-left:4px;transition:all .1s linear}.view-header .header-icon-ctr:not(.basic) .icon-edit-indicator{fill:var(--trade-color-operate);height:20px;transition:all .1s linear;width:20px}.view-header .header-icon-ctr:not(.basic):hover{background-color:var(--trade-color-operate)}.view-header .header-icon-ctr:not(.basic):hover .icon-edit-indicator{fill:#000}.view-header .header-icon-ctr:not(.basic):hover span{color:#000}.view-header .header-icon-ctr.basic{cursor:pointer;padding:15.5px 12px;position:relative}.view-header .header-icon-ctr.basic .icon-edit-indicator{fill:#fff;height:22px;width:22px}.view-header .header-icon-ctr.basic:hover{background:#2a2a30}.view-header .header-icon-ctr.basic:hover .icon-edit-indicator{fill:var(--trade-color-operate)}.view-header .setting-guidance{align-items:center;background:var(--trade-color-operate);border-radius:8px;color:var(--trade-font-black);display:flex;height:40px;padding:0 2px;position:absolute;right:48px;white-space:nowrap}.view-header .setting-guidance:after{background:var(--trade-color-operate);content:"";height:12px;position:absolute;right:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:12px}.view-header .header-icon-ctr.icon-t2e{background:linear-gradient(263.68deg,#fdc80d 23.65%,#fa8e03);margin-left:20px;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.view-header .header-icon-ctr.icon-t2e span{color:#1f1f1f}.view-header .header-icon-ctr.icon-t2e .icon-edit-indicator{fill:var(--trade-font-grey);height:22px;transition:all .1s linear;width:22px}.view-header .close-setting-guidance{fill:var(--trade-font-black);cursor:pointer;height:20px;margin:0 4px;opacity:.8;width:20px}.view-header .close-setting-guidance.star{height:28px;width:28px}.view-header .close-setting-guidance:hover{opacity:1}.view-header .icon-edit-indicator{fill:var(--trade-font-grey);height:22px;transition:all .1s linear;width:22px}.nav-detail-ctr{bottom:0;position:absolute;top:40px;width:100%}.nav-detail-ctr.with-animation{transition:all .24s linear}.nav-detail-ctr.nav-detail-ctr-left-hide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.nav-detail-ctr.nav-detail-ctr-right-hide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.view-port-chart{height:100%;overflow:hidden;position:relative}.view-port-chart .chart-area{height:100%;width:100%}.view-port-chart .funding-ctr{height:100%;position:relative;width:100%}.view-port-chart .loading-ctr{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.view-port-chart .loading-ctr .x-loading{width:50px}.view-port-chart .funding-rate-operate{display:flex;position:absolute;right:0;top:0;z-index:3}.view-port-chart .funding-rate-btn{color:var(--trade-font-grey);cursor:pointer;margin:0 8px;-webkit-user-select:none;user-select:none}.view-port-chart .funding-rate-btn.current-rate,.view-port-chart .funding-rate-btn:hover{color:var(--trade-font-light)}.view-port-chart .chart-funding{padding:16px 20px 16px 16px}.view-port-history{overflow:hidden;position:relative}.view-port-history .nav-detail-ctr{display:flex;flex-direction:column}.view-port-history .nav-detail-ctr .trade-line-ctr{color:var(--trade-font-grey);display:flex;font-size:12px;padding:12px 16px}.view-port-history .nav-detail-ctr .trade-line-ctr.enable-click{cursor:pointer}.view-port-history .nav-detail-ctr .trade-line-ctr.enable-click:hover{background:var(--trade-btn-bg)}.view-port-history .nav-detail-ctr .trade-line-ctr.enable-click:active{opacity:.8}.view-port-history .nav-detail-ctr .trade-item-ctr{align-items:center;height:24px;padding:0 16px}.view-port-history .nav-detail-ctr .trade-detail-area{flex-grow:1;overflow-x:hidden;overflow-y:auto}.view-port-history .nav-detail-ctr .trade-item{text-align:right;width:33.33%}.view-port-history .nav-detail-ctr .trade-item:first-of-type{text-align:left}.view-port-history .nav-detail-ctr .trade-item-total{height:22px;line-height:22px;margin-left:10px;overflow:hidden;position:relative}.view-port-history .nav-detail-ctr .trade-item-total-cursor{height:100%;position:absolute;right:100%;top:0;-webkit-transform:translateX(0);transform:translateX(0);transition:all .12s ease-in-out;width:100%}.view-port-history .nav-detail-ctr .trade-item-total-cursor.item-sell{background:var(--trade-color-long-opacity)}.view-port-history .nav-detail-ctr .trade-item-total-cursor.item-buy{background:var(--trade-color-short-opacity)}.view-order-book{display:flex;flex-direction:column;font-size:12px;height:100%}.view-order-book .order-book-type-ctr{align-items:center;display:flex;padding:8px 16px 4px}.view-order-book .order-book-type-btn{cursor:pointer;height:24px;margin-right:10px;-webkit-user-select:none;user-select:none;width:24px}.view-order-book .order-book-type-btn.current,.view-order-book .order-book-type-btn:not(.current):hover{background:var(--trade-line-grey);border-radius:4px}.view-order-book .order-book-type-btn.type-btn-buy{fill:var(--trade-color-long)}.view-order-book .order-book-type-btn.type-btn-sell{fill:var(--trade-color-short)}.view-order-book .order-book-deep{background:var(--trade-btn-bg);border-radius:8px;font-size:12px;margin-left:auto}.view-order-book .order-book-deep .x-dropdown-show-line{padding:4px 8px 4px 10px}.view-order-book .order-book-deep .current-txt{margin-left:auto}.view-order-book .order-book-data-ctr{flex:1 1;position:relative}.view-order-book .order-book-data-ctr .long-data-ctr,.view-order-book .order-book-data-ctr .short-data-ctr{overflow:hidden}.view-order-book .order-book-data-ctr-ani .long-data-ctr,.view-order-book .order-book-data-ctr-ani .short-data-ctr{transition:all .12s linear}.view-order-book .order-book-title-ctr{align-items:center;color:var(--trade-font-grey);display:flex;height:24px;padding:0 16px}.view-order-book .order-book-item{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:33.33%}.view-order-book .order-book-item:first-of-type{text-align:left}.view-order-book .current-price-ctr{align-items:center;background:var(--trade-font-black);display:flex;font-size:16px;font-weight:600;height:34px;justify-content:space-between;padding:0 16px}.view-order-book .last-price{align-items:center;display:flex}.view-order-book .last-price .last-price-icon{height:22px;width:22px}.view-order-book .last-price.is-up{color:var(--trade-color-long)}.view-order-book .last-price.is-up .last-price-icon{fill:var(--trade-color-long)}.view-order-book .last-price.is-down{color:var(--trade-color-short)}.view-order-book .last-price.is-down .last-price-icon{fill:var(--trade-color-short);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.view-order-book .reference-price{align-items:center;color:var(--trade-color-operate);display:flex}.view-order-book .reference-price .oracle-price-icon{fill:var(--trade-color-operate);height:22px;width:22px}.view-order-book .order-book-item-ctr{align-items:center;color:var(--trade-font-grey);display:flex;font-size:12px;height:24px;padding:0 16px}.view-order-book .order-book-item-ctr.item-buy-ctr{-webkit-animation:showBuyOrder .3s linear;animation:showBuyOrder .3s linear}.view-order-book .order-book-item-ctr.item-sell-ctr{-webkit-animation:showSellOrder .3s linear;animation:showSellOrder .3s linear}.view-order-book .order-book-item-ctr.enable-click{cursor:pointer}.view-order-book .order-book-item-ctr.enable-click:hover{background:var(--trade-btn-bg)}.view-order-book .order-book-item-ctr.enable-click:active{opacity:.8}.view-order-book .has-buy-order-icon,.view-order-book .has-sell-order-icon{position:relative}.view-order-book .has-buy-order-icon:before,.view-order-book .has-sell-order-icon:before{border-radius:50%;content:"";height:4px;left:10px;position:absolute;top:10px;width:4px}.view-order-book .has-buy-order-icon:before{background:var(--trade-color-long)}.view-order-book .has-sell-order-icon:before{background:var(--trade-color-short)}.trade-order-copy .copy-icon{cursor:pointer;display:inline-block;margin-left:2px;position:relative;top:2px}.trade-order-copy .copy-icon:hover>svg{fill:var(--trade-font-light)}.trade-order-copy .copy-icon>svg{fill:var(--trade-font-grey)}.view-positions{display:flex;flex-direction:column}.view-positions .positions-nav{flex-shrink:0}.view-positions .positions-nav .x-nav-item{line-height:36px}.view-positions .positions-operate-ctr{align-items:center;display:flex;height:36px;padding-right:16px;position:absolute;right:0;top:0}.view-positions .positions-ctr{flex-grow:1;height:100%;overflow-x:scroll;position:relative;width:100%}.view-positions .action-btn{background:var(--trade-btn-bg);border-radius:4px;height:30px;line-height:30px;padding:0 12px}.view-positions .action-btn.action-btn-add{min-width:54px}.view-positions .action-btn.action-btn-add-sm{margin-right:0;margin-top:4px}.view-positions .action-btn:nth-of-type(2){margin-left:8px}.view-positions .action-btn .x-button-txt{font-size:12px}.view-positions .table-padding-bottom{height:16px}.view-positions .positions-table{border-collapse:collapse;border-spacing:0;position:absolute;width:100%}.view-positions .positions-table .x-table-tr{border-bottom:4px solid transparent}.view-positions .positions-table .symbol-td{cursor:pointer;position:relative}.view-positions .positions-table .symbol-td:before{border-radius:8px 0 0 8px;content:"";height:40px;margin-right:6px;width:2px}.view-positions .positions-table .symbol-td.symbol-td-long{background:linear-gradient(90deg,var(--trade-color-long-stop-start) 0,var(--trade-module-bg) 100%) 18px}.view-positions .positions-table .symbol-td.symbol-td-long:before{border-left:2px solid var(--trade-color-long)}.view-positions .positions-table .symbol-td.symbol-td-short{background:linear-gradient(90deg,var(--trade-color-short-stop-start) 0,var(--trade-module-bg) 100%) 18px}.view-positions .positions-table .symbol-td.symbol-td-short:before{border-left:2px solid var(--trade-color-short)}.view-positions .positions-table .base-coin{height:18px;margin-right:4px;width:18px}.view-positions .positions-table .other-coin{height:12px;position:relative;right:6px;top:8px;width:12px}.view-positions .positions-table .item-contract{padding-bottom:2px}.view-positions .positions-table .edit-ceil{align-items:center;display:flex;font-size:10px;height:50px;justify-content:center}.view-positions .positions-table .edit-ceil .edit-ceil-icon{fill:var(--trade-font-light);cursor:pointer;height:16px;width:16px}.view-positions .positions-table .edit-ceil .edit-ceil-icon:hover{fill:var(--trade-color-operate)}.view-positions .positions-table .edit-ceil .edit-ceil-icon:active{opacity:.9}.view-positions .positions-table .adl-item{background:#3b3b3b;display:inline-block;height:8px;margin:0 1px;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);width:4px}.view-positions .positions-table .adl-item.adl-in{background:#36f092}.view-positions .positions-table .adl-item.adl-in:nth-of-type(2){background:#e4ff3d}.view-positions .positions-table .adl-item.adl-in:nth-of-type(3){background:#ffdf34}.view-positions .positions-table .adl-item.adl-in:nth-of-type(4){background:#ffae35}.view-positions .positions-table .adl-item.adl-in:nth-of-type(5){background:#ff6635}.view-positions .positions-table td:first-of-type,.view-positions .positions-table th:first-of-type{background:var(--trade-module-bg);left:0;position:-webkit-sticky;position:sticky}.view-positions .positions-table.has-action-table td:last-of-type,.view-positions .positions-table.has-action-table th:last-of-type{background:var(--trade-module-bg);position:-webkit-sticky;position:sticky;right:0}.view-positions .positions-table.has-action-table.can-scroll-row td:last-of-type:before,.view-positions .positions-table.has-action-table.can-scroll-row th:last-of-type:before{box-shadow:-2px 0 2px var(--trade-body-bg);content:"";height:100%;left:0;position:absolute;top:0;width:1px}.view-positions .exit-price-tips{top:3px}.view-positions .exit-price-tips .x-popover-content{font-size:14px;padding:16px 10px}.view-positions .item-tips-line{white-space:nowrap}.view-positions .item-tips-icon{fill:var(--trade-font-grey);cursor:help;height:16px;width:16px}.view-positions .item-tips-icon.adjust-top{margin-top:4px}.view-create-order{font-size:14px}.view-create-order .create-order-top{align-items:center;background:var(--module-title-bg);display:flex;justify-content:space-between}.view-create-order .order-type-nav{border-bottom:none;border-radius:0;padding:0 0 0 10px}.view-create-order .create-order-top-right{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding-right:12px}.view-create-order .condition-type-selector{margin-left:-12px}.view-create-order .condition-type-selector .x-dropdown-list-ctr{padding-top:18px;right:-12px;top:6px}.view-create-order .condition-type-selector .x-dropdown-item{height:40px;line-height:40px;padding:0 12px}.view-create-order .condition-type-selector .current-txt{display:none}.view-create-order .cross-btn{align-items:center;background:var(--trade-body-bg);border-radius:8px;color:var(--trade-color-operate);cursor:pointer;display:flex;font-weight:600;height:30px;padding:8px}.view-create-order .create-order-area{font-size:12px;padding:12px 12px 0}.view-create-order #createOrderPanel{padding-bottom:2px}.view-create-order .qty-input-ctr{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.view-create-order .qty-input-ctr.qty-input-ctr-show-value .order-input-qty{width:172px}.view-create-order .qty-input-ctr.qty-input-ctr-show-value .x-order-input{padding-right:8px;width:92px}.view-create-order .qty-input-ctr.qty-input-ctr-show-value .x-order-input-clear{display:none}.view-create-order .qty-input-ctr.qty-input-ctr-show-value .order-input-value{width:168px}.view-create-order .qty-input-ctr.qty-input-ctr-show-value .order-input-value .x-order-input{opacity:1}.view-create-order .order-input-qty{transition:all .12s linear;width:272px}.view-create-order .order-input-qty .x-order-input{width:60px}.view-create-order .order-input-value{transition:all .12s linear;width:68px}.view-create-order .order-input-value:hover{color:var(--trade-font-light)}.view-create-order .order-input-value .x-order-input{opacity:0;padding-right:0;transition:all .12s linear;width:0}.view-create-order .order-input-trigger{flex:1 1;max-width:240px}.view-create-order .order-input{margin-bottom:8px}.view-create-order .condition-price-line{align-items:center;background:var(--trade-body-bg);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding-right:8px}.view-create-order .condition-type-btn{background:var(--trade-btn-bg);border-radius:4px;cursor:pointer;height:32px;line-height:32px;text-align:center;-webkit-user-select:none;user-select:none;width:150px}.view-create-order .condition-type-btn.current{color:var(--trade-color-operate)}.view-create-order .condition-type-btn:not(.current):hover{color:var(--trade-font-light)}.view-create-order .condition-type-btn:not(.current):active{color:var(--trade-font-grey)}.view-create-order .tpOsl-ctr{color:var(--trade-font-grey);display:none}.view-create-order .tpOsl-ctr.tpOsl-ctr-show{-webkit-animation:showTpOSlCtr .1s linear forwards;animation:showTpOSlCtr .1s linear forwards;display:block}.view-create-order .tpOsl-ctr .flex-line-loves{padding:16px 0}.view-create-order .create-order-btn{border-radius:12px;box-shadow:inset -1px -4px 0 rgba(0,0,0,.32);color:var(--trade-font-black);flex-direction:column;font-size:14px;font-weight:600;height:52px;opacity:.9;padding-top:2px;text-align:center;width:168px}.view-create-order .create-order-btn .order-btn-txt{font-weight:700}.view-create-order .create-order-btn .order-btn-value{font-size:12px;padding-top:1px}.view-create-order .create-order-btn .order-btn-value.has-value{opacity:.9}.view-create-order .create-order-btn .x-button-loading{height:20px;width:20px}.view-create-order .create-order-btn-line{margin:24px 0 16px}.view-create-order .create-order-line{margin:12px 0}.view-create-order .market-series-tips{background:linear-gradient(0deg,rgba(254,215,2,.15),rgba(254,215,2,.15)),#141414;border-radius:8px;font-size:12px;line-height:18px;margin:0 12px 16px;padding:8px 12px 8px 8px;position:relative}.view-create-order .market-series-tips .tips-close-icon{fill:var(--trade-font-grey);cursor:pointer;height:12px;position:absolute;right:4px;top:4px;width:12px}.view-create-order .market-series-tips .tips-close-icon:hover{fill:var(--trade-font-light)}.view-create-order .market-series-tips .market-series-tips-icon{fill:var(--trade-color-operate);height:16px;position:relative;top:4px;width:16px}.property-ctr{color:var(--trade-font-grey);font-size:12px}.property-ctr #assetCtr{padding:12px 12px 2px}.property-ctr .symbol-infos{padding:0 12px 20px}.property-ctr .property-title{align-items:center;color:var(--trade-font-light);display:flex}.property-ctr .property-title .eye-icon{fill:var(--trade-font-light);cursor:pointer;height:16px;margin-left:4px;width:16px}.property-ctr .flex-line-loves{margin-bottom:12px}.property-ctr .flex-line-loves.no-margin{margin:0}.property-ctr .flex-line-loves.total-line{margin:12px 0}.property-ctr .property-btn-deposit,.property-ctr .property-btn-withdraw{border-radius:8px;min-width:80px;padding:0 8px}.property-ctr .property-btn-deposit{height:30px}.property-ctr .property-btn-withdraw{background:var(--trade-color-operate-opacity);color:var(--trade-color-operate);height:32px;margin-left:8px}.property-ctr .detail-info,.property-ctr .property-item-value.has-value{color:var(--trade-font-light)}.property-ctr .detail-info{justify-content:normal;padding-top:16px}.property-ctr .detail-info .property-item-value{margin-left:4px}.login-ctr{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:start;padding-top:224px}.login-ctr .login-logo{width:98px}.login-ctr .logo-tips{color:var(--trade-font-light);font-size:14px;line-height:1.8;margin-top:10px;padding:0 40px;text-align:center}.login-ctr .login-btn{border-radius:32px;font-size:14px;font-weight:500;line-height:32px;margin-top:20px;width:160px}.risk-rate-table.x-table-com thead{background:var(--trade-btn-bg)}.risk-rate-table.x-table-com .x-table-tr:hover td{background:var(--trade-module-bg)!important}.risk-rate-table.x-table-com .x-table-tr:hover td.in-level{background:rgba(254,215,2,.2)!important}.risk-rate-table .in-level{background:rgba(254,215,2,.2);color:var(--trade-color-operate)}.risk-rate-table .in-level:first-of-type{position:relative}.risk-rate-table .in-level:first-of-type:before{border:4px solid transparent;border-left:4px solid var(--trade-color-operate);content:"";left:8px;position:absolute;top:16px}.risk-rate-table .risk-value-ceil{align-items:center;display:flex}.risk-rate-table .risk-value-item,.risk-rate-table .risk-value-item-second{width:64px}.risk-rate-table .risk-value-item-second.text-align-center,.risk-rate-table .risk-value-item.text-align-center{text-align:center}.risk-rate-table .risk-value-gap{margin:0 4px}.risk-rate-table .risk-value-item-second{text-align:right}@-webkit-keyframes showTpOSlCtr{0%{height:0}90%{height:88px}to{height:auto}}@keyframes showTpOSlCtr{0%{height:0}90%{height:88px}to{height:auto}}@-webkit-keyframes inputShow{0%{height:0}to{height:42px}}@keyframes inputShow{0%{height:0}to{height:42px}}@-webkit-keyframes loadingCircle{0%,to{-webkit-transform:scale(.2);transform:scale(.2)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes loadingCircle{0%,to{-webkit-transform:scale(.2);transform:scale(.2)}50%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes showBuyOrder{0%,to{background:transparent}50%{background:var(--trade-color-long-opacity)}}@keyframes showBuyOrder{0%,to{background:transparent}50%{background:var(--trade-color-long-opacity)}}@-webkit-keyframes showSellOrder{0%,to{background:transparent}50%{background:var(--trade-color-short-opacity)}}@keyframes showSellOrder{0%,to{background:transparent}50%{background:var(--trade-color-short-opacity)}}.com-loading-with-animation{position:relative}.com-loading-with-animation:after{-webkit-animation:loadingCircle .8s linear infinite;animation:loadingCircle .8s linear infinite;background:radial-gradient(hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,0) 100%);border-radius:50%;bottom:0;content:"";height:80px;left:0;margin:auto;position:absolute;right:0;top:0;width:80px}.tooltip-icon-ctr{position:relative;top:2px}.with-help{cursor:help}.tooltip-icon{fill:var(--trade-font-grey);cursor:help;height:13px;margin-left:2px;width:13px}.tooltip-icon:hover{fill:var(--trade-font-light)}.trade-tooltip .MuiTooltip-tooltip{background-color:var(--trade-popover-bg);color:var(--trade-font-light);font-size:14px;font-weight:400;padding:10px}.trade-tooltip .MuiTooltip-arrow{color:var(--trade-popover-bg)}.trade-tooltip.closePnL-tips .MuiTooltip-tooltip{min-width:200px}.cross-bottom-tooltip{right:16px}.com-color-short{color:var(--trade-color-short)!important}.com-color-long{color:var(--trade-color-long)!important}.com-color-brand{color:var(--trade-color-operate)!important}.com-icon-color-brand{fill:var(--trade-color-operate);height:14px;width:14px}.com-btn-operate-color{background:var(--trade-color-operate);color:var(--trade-font-black)}.tpOsl-price{color:var(--trade-font-light)}.tpOsl-ratio-tp{color:var(--trade-color-long)}.tpOsl-ratio-reverse .tpOsl-ratio-tp,.tpOsl-ratio-sl{color:var(--trade-color-short)}.tpOsl-ratio-reverse .tpOsl-ratio-sl{color:var(--trade-color-long)}.tips-full-icon-ctr{line-height:7px}.tips-full-icon-ctr .tips-full-icon{fill:var(--trade-font-grey);height:14px;width:14px}.index-price-tips .MuiTooltip-tooltip{min-width:344px}.index-price-tips .index-price-tips-area{color:var(--trade-font-light);font-size:14px;padding:6px}.index-price-tips .index-price-tips-title{font-weight:700}.index-price-tips .index-price-tips-detail-ctr{border:1px solid hsla(0,0%,100%,.08);border-radius:8px;border-top:none;margin-top:16px}.index-price-tips .tips-detail-tr{align-items:center;border-top:1px solid hsla(0,0%,100%,.08);display:flex;height:32px}.index-price-tips .detail-tr-header{background:hsla(0,0%,100%,.08);border-radius:8px 8px 0 0}.index-price-tips .tips-detail-item{flex:1 1;text-align:center}.guide-ctr{bottom:0;left:0;position:fixed;right:0;top:0;z-index:101}.guide-detail-dialog{background:var(--trade-dialog-bg);border-radius:8px;padding:16px 14px;position:absolute;-webkit-user-select:none;user-select:none;width:360px}.guide-detail-dialog .guide-dialog-title-ctr{align-items:center;border-radius:8px 8px 0 0;color:var(--trade-font-light);display:flex;font-size:16px;font-weight:600;height:24px;justify-content:space-between}.guide-detail-dialog .guide-dialog-close{fill:var(--trade-font-light);cursor:pointer;height:32px;opacity:.8;padding:6px;-webkit-user-select:none;user-select:none;width:32px}.guide-detail-dialog .guide-dialog-close:hover{background-color:var(--trade-color-normal);border-radius:8px;opacity:1}.guide-detail-dialog .guide-video-ctr{background:#333;border-radius:4px;height:184px;margin-top:12px}.guide-detail-dialog .guide-video{height:100%;object-fit:cover;width:100%}.guide-detail-dialog .guide-tips{color:var(--trade-font-grey);font-size:14px;line-height:22px;margin-top:8px}.guide-detail-dialog .guide-operate-ctr{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.guide-detail-dialog .guide-btn-ctr{align-items:center;display:flex}.guide-detail-dialog .guide-operate-back-btn{color:var(--trade-font-grey);cursor:pointer;margin-right:16px;transition:all .12s linear}.guide-detail-dialog .guide-operate-back-btn:hover{color:var(--trade-font-light)}.guide-detail-dialog .guide-operate-back-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.guide-detail-dialog .guide-operate-btn{border-radius:4px;cursor:pointer;height:32px;line-height:32px;min-width:80px;padding:0 12px;text-align:center}.guide-detail-dialog .guide-step-ctr{color:var(--trade-font-grey)}.guide-detail-dialog .guide-step-ctr .current-Step{color:var(--trade-font-light)}.guide-detail-dialog .guide-step-ctr .step-gaps{margin:0 4px}.guide-detail-dialog .guide-arrow{background:var(--trade-dialog-bg);border-radius:2px;height:16px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:16px;z-index:0}.guide-detail-dialog .guide-arrow.align-top-right{right:24px;top:-6px}.guide-detail-dialog .guide-arrow.align-right-bottom{bottom:24px;right:-6px}.guide-detail-dialog .guide-arrow.align-right-top{right:-6px;top:24px}.guide-detail-dialog .guide-arrow.align-bottom-right{bottom:-6px;right:24px}.dialog-usd-tips .usd-tips-ctr{color:var(--trade-font-light);font-size:14px;padding:40px 0}.dialog-usd-tips .usd-tips-detail{line-height:22px}.dialog-usd-tips .usd-tips-show{margin-top:18px}.dialog-usd-tips .usd-tips-show .x-checkbox-label{color:var(--trade-font-light);font-size:12px}.dialog-usd-tips .usd-tips-confirm-btn{border-radius:8px;font-size:16px;font-weight:600;height:44px}.AdvertiseWindow{background:linear-gradient(88.72deg,#352c0b 1.45%,#302707);border-radius:40px;bottom:20px;box-shadow:0 16px 24px rgba(0,0,0,.16);height:76px;position:absolute;right:16px;width:460px;z-index:99}.AdvertiseWindow .closeIcon{cursor:pointer;position:absolute;right:-5px;top:-5px}.AdvertiseWindow .content{align-items:center;display:flex}.AdvertiseWindow .content img{display:inline-block;height:73.35px;margin-right:20px;width:67.25px}.AdvertiseWindow .content .text{color:#fed702;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:150%;width:260px}.AdvertiseWindow .content .btn{align-items:center;background:#fed702;border-radius:43px;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:32px;justify-content:center;padding:4px 16px;position:absolute;right:16px;width:76px}