.market-price-desc{border:1px solid rgba(255,255,255,.0837);border-radius:7px;padding:16px 16px 12px;font-weight:400;font-size:12px;line-height:16px;color:#ffffff5d;margin:24px 0 32px}.slippage-setting>div{background-color:unset;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{width:4px;height:10px;border-radius:2px;background-color:#7f8083}.quantity-slider .MuiSlider-mark.MuiSlider-markActive{opacity:1;background:linear-gradient(0deg,#fed702,#fed702),#ffc412}.quantity-slider .MuiSlider-thumb{width:14px;height:14px;box-shadow:none!important}.quantity-slider .MuiSlider-thumb:before{z-index:4;transform:scale(.7);background:#000}.quantity-slider .MuiSlider-thumb.Mui-active,.quantity-slider .MuiSlider-thumb:hover{box-shadow:none}.quantity-slider .MuiSlider-thumb:after{width:14px;height:14px}.quantity-slider .MuiSlider-markLabel{font-weight:500;font-size:10px;line-height:13px;color:#ffffff5d}.quantity-slider .MuiSlider-markLabel.MuiSlider-markLabelActive{color:#ffffff5d}.dialog-cross-ctr .x-dialog-ctr{width:440px}.dialog-cross-ctr .x-dialog-content{font-size:14px;color:var(--Content-Contrast)}.dialog-cross-ctr .lv-current-line{font-weight:500;font-size:16px;color:var(--Content-Primary)}.dialog-cross-ctr .lv-current-line .gap-point{margin:0 4px}.dialog-cross-ctr .lv-current-value{color:var(--Brand-Default)}.dialog-cross-ctr .tips-txt:before{display:inline-block;content:"";width:3px;height:3px;margin:0 4px 3px 0;border-radius:4px;background:var(--Content-Contrast)}.dialog-cross-ctr .value-txt{margin-left:4px;vertical-align:bottom;color:var(--Content-Primary)}.dialog-cross-ctr .value-label{margin-left:4px}.dialog-cross-ctr .cross-input-area{margin:12px auto 16px;height:42px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-radius:8px;background:var(--Content-Inverse);border:1px solid transparent}.dialog-cross-ctr .cross-input-area:hover{border:1px solid var(--Border-Primary)}.dialog-cross-ctr .cross-input-area.when-input-focus{border:1px solid var(--Brand-Default)}.dialog-cross-ctr .cross-quick-btn{width:18px;height:18px;border-radius:4px;text-align:center;line-height:18px;font-size:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dialog-cross-ctr .text-ruler{position:absolute;font-size:30px;z-index:-1;opacity:0}.dialog-cross-ctr .cross-ratio-input{min-width:8px;position:relative;padding:0;background:transparent;border:none}.dialog-cross-ctr .cross-ratio-input.x-order-input-ctr-focus{border:none;outline:none}.dialog-cross-ctr .cross-ratio-input:after{content:"x";position:absolute;right:-16px;bottom:0;color:var(--Content-Primary);font-size:24px}.dialog-cross-ctr .cross-ratio-input .x-order-input{padding:0;text-align:right;font-size:30px;width:100%;max-width:100%}.dialog-cross-ctr .static-cross-line{margin-top:-10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--Content-Primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.dialog-cross-ctr .tips-area{margin-top:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dialog-cross-ctr .tips-line{padding-top:10px}.dialog-cross-ctr .dup-line{line-height:1.8}.dialog-cross-ctr .warn-tips-ctr{margin-top:4px}.dialog-cross-ctr .warn-tips{display:flex;color:var(--Functional-Red-Negative)}.dialog-cross-ctr .tips-icon{position:relative;top:3px;left:-2px;width:16px;height:16px;fill:var(--Functional-Red-Negative)}.tpOsl-ctr .flex-dialog-line{display:flex;justify-content:space-between;align-items:center}.tpOsl-ctr .tpOSl-ratio-line{margin-bottom:12px}.tpOsl-ctr .trigger-price-line-ctr{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.tpOsl-ctr .trigger-price-line,.tpOsl-ctr .trigger-price-line-type{display:flex;align-items:center;height:40px;border-radius:6px;background:var(--Content-Inverse)}.tpOsl-ctr .trigger-price-line{flex:1;max-width:346px;justify-content:space-between;padding-right:8px;border:1px solid var(--Border-Primary)}.tpOsl-ctr .trigger-price-line .x-dropdown{margin-left:6px}.tpOsl-ctr .trigger-price-line .x-order-input-ctr{height:38px}.tpOsl-ctr .trigger-price-line-type{margin-left:8px;min-width:80px;padding-left:8px;justify-content:center;border:1px solid var(--Border-Primary)}.tpOsl-ctr .dialog-order-input{margin:12px 0}.tpOsl-ctr .dialog-order-input.tpOSl-input-price{border:none;flex:1;max-width:288px;padding-right:0}.tpOsl-ctr .dialog-order-input.tpOSl-input-profit{width:116px}.tpOsl-ctr .tp-sl-dropdown{font-size:12px}.tpOsl-ctr .tpOSl-input-tips{overflow:hidden;margin-bottom:8px;padding:8px;line-height:16px;border-radius:6px;background-color:var(--trade-btn-bg);color:var(--Content-Contrast)}.tpOsl-ctr .tpOSl-input-tips.need-ani{height:0;animation:showInputTips .1s linear forwards}.tpOsl-ctr .tpOSl-ratio-btn{flex:1;height:28px;text-align:center;line-height:28px;padding:0 14px;border:1px solid transparent;border-radius:4px;background:var(--trade-btn-bg);color:var(--Content-Contrast);transition:color .2s;cursor:pointer}.tpOsl-ctr .tpOSl-ratio-btn:not(.tpOsl-ctr .tpOSl-ratio-btn:nth-of-type(1)){margin-left:8px}.tpOsl-ctr .tpOSl-ratio-btn:hover,.tpOsl-ctr .tpOSl-ratio-btn.active{color:var(--Brand-Default);border:1px solid var(--Brand-Default)}.trade-banner-ctr{margin:0 12px 16px;height:76px;background:var(--Content-Inverse);border-radius:14px;border:1px solid var(--Brand-Default-Opacity)}.trade-banner-ctr .trade-banner-swiper{height:100%}.trade-banner-ctr .trade-banner-item{position:relative;display:flex;padding:0 8px 0 102px;border-radius:14px;justify-content:space-between;align-items:center;cursor:pointer;overflow:hidden}.trade-banner-ctr .banner-img{position:absolute;z-index:-1;top:0;left:0;height:76px}.trade-banner-ctr .trade-banner-detail{height:100%;padding-top:14px;font-size:12px}.trade-banner-ctr .trade-banner-title{font-weight:700}.trade-banner-ctr .trade-banner-desc{margin-top:4px;color:var(--Content-Contrast);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.trade-banner-ctr .banner-go{display:flex;flex-shrink:0;width:20px;height:20px;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center}.trade-banner-ctr .banner-go-icon{width:14px;height:14px;fill:var(--Brand-Default)}.dialog-vip-level{color:var(--Content-Primary)}.dialog-vip-level .x-dialog-ctr{width:520px}.dialog-vip-level .vip-level-ctr{padding:24px}.dialog-vip-level .userData+.userData{margin-top:68px}.dialog-vip-level .title{color:var(--Content-Primary, #fff);font-size:16px;font-style:normal;font-weight:700;line-height:130%}.dialog-vip-level .subTitle{color:var(--Content-Tertiary, #b3b3b3);font-size:14px;font-style:normal;font-weight:400;line-height:130%}.dialog-vip-level .infoBox{border-radius:var(--padding-margin-3-xs-8, 8px);background:var(--Container-Secondary, #272727);padding:16px}.dialog-vip-level .infoBox:nth-of-type(2){margin-top:8px}.dialog-vip-level .infoBox p{color:var(--Content-Contrast, #909090);font-size:14px;font-style:normal;font-weight:400;line-height:130%}.dialog-vip-level .infoBox h1{color:var(--Content-Primary, #fff);font-size:18px;font-style:normal;font-weight:700;line-height:130%}.dialog-vip-level .infoBox .progress{margin:12px 0;position:relative;height:4px;border-radius:var(--padding-margin-4-xs-4, 4px);background:var(--Container-Primary, #000)}.dialog-vip-level .infoBox .progress .progressValue{position:absolute;top:0;left:0;height:100%;border-radius:var(--padding-margin-4-xs-4, 4px);background:var(--Brand-Default, #fed702)}.dialog-vip-level .feeDetail{margin-top:24px}.dialog-vip-level .feeDetail h1{color:var(--Content-Primary, #fff);font-size:24px;font-style:normal;font-weight:700;line-height:130%}.dialog-vip-level .feeDetail h3{color:var(--Content-Primary, #fff);font-size:16px;font-style:normal;font-weight:500;line-height:130%;margin-bottom:16px}.dialog-vip-level .tableArea{overflow:auto;margin-bottom:32px}.dialog-vip-level .tableArea p{border:2px solid var(--Border-Primary, #252525);border-bottom:none;text-align:center;padding:10px;color:#fff;font-size:14px}.dialog-vip-level .tableArea .tableScrool{border:1px solid var(--Border-Primary, #252525);overflow:auto}.dialog-vip-level .tableArea .history_table{width:100%;font-weight:400;font-size:14px;color:#fff}.dialog-vip-level .tableArea .history_table thead{padding:12px 16px}.dialog-vip-level .tableArea .history_table thead tr{color:#909090}.dialog-vip-level .tableArea .history_table thead tr th{min-width:61px}.dialog-vip-level .tableArea .history_table thead tr th:not(.dialog-vip-level .tableArea .history_table thead tr th:nth-of-type(1)){word-wrap:break-word;word-break:break-all;overflow-wrap:break-word}.dialog-vip-level .tableArea .history_table thead tr th:last-child span{margin-left:8px;position:relative;top:2px}.dialog-vip-level .tableArea .history_table thead th,.dialog-vip-level .tableArea .history_table tbody td{font-size:12px;vertical-align:middle;text-align:left;padding:4px 12px;border:1px solid #252525}.dialog-vip-level .tableArea .history_table thead th span,.dialog-vip-level .tableArea .history_table tbody td span{display:block}.dialog-vip-level .tableArea .history_table td:nth-of-type(1),.dialog-vip-level .tableArea .history_table td:nth-of-type(3){text-align:center}.dialog-vip-level .view-more-level{display:flex;align-items:center;justify-content:center;cursor:pointer}.dialog-vip-level .view-more-level:hover{opacity:.9}.dialog-vip-level .view-more-level .more-link-icon{margin-left:4px;width:12px;height:12px;fill:var(--Content-Primary)}.order-confirm-ctr{padding-bottom:4px}.order-confirm-ctr .order-confirm-item{display:flex;padding-bottom:12px;justify-content:space-between;font-size:12px;color:var(--Content-Contrast)}.order-confirm-ctr .order-confirm-value{font-weight:700;color:var(--Content-Primary)}
