.trade-box{font-size:.12rem;padding:0;padding-bottom:.2rem}.trade-box .title-block{height:29px;line-height:29px;padding:0 .15rem}.trade-box .title-block .tab{display:inline-block;border-bottom-style:solid;border-bottom-width:0;height:28px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:.3rem;font-size:14px}.trade-box .title-block .tab.a-12-bd{border-bottom-style:solid;border-bottom-width:2px}.trade-box .title-block .total-assets{float:right;height:28px}.trade-box .trade-block{float:left}.trade-box .trade-depth{float:left;width:50%}.trade-box .trade-form{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.trade-box .trade-form .transactionType{margin:.1rem 0}.trade-box .trade-form .have{margin-top:.1rem;display:inline-block}.trade-box .trade-form .top-mag{height:35px;line-height:35px}.trade-box .trade-form .top-mag .lov{float:right}.trade-box .trade-form .percentage{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:10px -5px 0 -5px}.trade-box .trade-form .percentage .per-item{display:block;width:25%;border:1px solid #3f3e54;margin:0 5px;text-align:center;line-height:24px;height:22px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:5px}.trade-box .trade-form .volume-trade{min-height:40px;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0}.trade-box .totalBalancesHide{cursor:pointer;margin-left:5px}.trade-box.b-2-cl:after{content:"";width:100%;height:10px;position:absolute;background-color:#1c1b21;left:0}.m-tab{width:100%;height:32px;line-height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;color:#7f829a;gap:5px}.m-tab>.item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;cursor:pointer}.m-tab>.curBg,.m-tab>.item{-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.m-tab>.curBg{position:absolute;width:50%;min-width:96px;height:100%;z-index:-1;left:50%}.m-tab>.curBg.buyActive{background:url(/static/img/new_h5/h5_buy_icon.svg) no-repeat 50%}.m-tab>.curBg.sellActive{background:url(/static/img/new_h5/h5_sell_icon.svg) no-repeat 50%;-webkit-transform:translateX(-24%);transform:translateX(-24%)}.z-cur{color:#fff}.xl-number-count{display:-webkit-box;display:-ms-flexbox;display:flex;border:.5px solid #3f3e54;width:160px;height:35px;border-radius:5px}.xl-number-count .xl-number-count-reduce{width:25%;text-align:center;margin:auto;border-right:.5px solid #3f3e54;height:18px;line-height:9px}.xl-number-count .xl-number-count-increase{width:25%;text-align:center;margin:auto;line-height:18px;border-left:.5px solid #3f3e54;height:18px;padding-right:3px}.xl-number-count .xl-number-count-content{width:50%}.xl-number-count input{width:100%;height:100%;color:#fff;text-align:center}.xl-equal{font-weight:400;font-size:14px;line-height:20px;color:#fff;padding-top:10px;padding-bottom:16px}.trade-input{height:96px;position:relative}.trade-input .icon-triangle{position:absolute;bottom:-.04rem;left:.2rem;width:0;height:0;border-width:5px 6px 0;border-style:solid;border-left-color:transparent!important;border-right-color:transparent!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.trade-input .input-item{height:60px;border-width:1px;border-style:solid;padding:0 15px;border-radius:2px;position:relative;cursor:text}.trade-input .input-item .tit{line-height:34px;height:30px}.trade-input .input-item .inputs{height:18px;line-height:18px;font-size:14px;width:90%}.trade-input .input-item .units{position:absolute;top:17px;right:15px}.trade-input .price-rate{height:24px;line-height:24px;padding:0 15px;border-radius:2px}.trade-input .disabledText{font-size:14px}.trade-input .error-msg{border-radius:2px;line-height:32px;height:30px;position:absolute;top:-36px;left:0;right:0;padding:0 20px}.trade-input .error-msg em{display:block;border-width:7px;position:absolute;bottom:-14px;left:15px;border-style:solid dashed dashed;border-color:#eb4d5c transparent transparent;font-size:0;line-height:0}.trade-input.disabledForm .input-item{border-style:dashed}.slide-fade-enter-active,.slide-fade-leave-active{-webkit-transition:all .5s;transition:all .5s}.slide-fade-enter,.slide-fade-leave-to{-webkit-transform:translateY(-5px);transform:translateY(-5px);opacity:0}#ex-tradeDepth .td-rose{display:none!important}#ex-tradeDepth .td-price,#ex-tradeDepth .td-symbol,#ex-tradeDepth .td-symbol0,#ex-tradeDepth .td-symbol1{width:50%!important;-webkit-box-sizing:border-box;box-sizing:border-box}#ex-tradeDepth .td-symbol,#ex-tradeDepth .td-symbol0{padding-left:0!important}#ex-tradeDepth .td-symbol1{padding-right:.15rem}#ex-tradeDepth .symbol-item{line-height:22px!important;height:22px}#ex-tradeDepth .tr-bg{height:.22rem!important;bottom:0!important;top:-.005rem!important;right:0!important;left:auto!important}.depthSelect .selectList{right:0;bottom:.2rem;z-index:99!important}.ex-depth-block{padding-left:15px}.ex-depth-block .depthSelect{float:right;margin:10px 15px 10px 0}.depth{width:100%;float:left;position:relative;overflow:hidden}.block-header{height:.39rem;line-height:.38rem;padding:0 .07rem 0 .15rem;font-size:14px;margin-top:1px}.current-price{height:.4rem;line-height:.4rem;font-size:12px;margin-top:-.05rem}.current-price .price{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:95%}.current-price .price .sy-price{margin-right:5px;font-size:14px}.current-price .depth-type{float:right}.current-price .depth-type .num{font-size:12px}.current-price .depth-type .switch-type-btn{line-height:15px;display:inline-block;float:right;margin:13px 0 0 5px;border-right:none}.current-price .depth-type .switch-type-btn .icon-switch{float:left;width:14px;height:14px;margin-left:2px;text-align:center;cursor:pointer}.current-price .depth-type .switch-type-btn .icon-switch .hoverShow,.current-price .depth-type .switch-type-btn .icon-switch:hover .hoverHide{display:none}.current-price .depth-type .switch-type-btn .icon-switch:hover .hoverShow{display:inline-block}.current-price .depth-type .switch-type-btn .noclick{cursor:auto}.switch-btn{float:right}.switch-btn .dtIcon{font-size:16px;margin-left:5px;cursor:pointer;display:inline-block;height:36px;line-height:36px;text-align:center;border-radius:50%;width:36px}.h4{display:inlin}.title-tab{margin-right:30px}.title-tab,.title-tab.title-new-tab{display:none}.trade-tableList .thead{height:.3rem;line-height:.3rem;font-size:12px}.trade-tableList .thead span{display:inline-block}.trade-tableList .tbody{padding:0 0 .05rem;position:relative;font-size:12px;transiton:height .5s ease;width:100%;-webkit-transition:height .5s ease}.trade-tableList .tbody.no-padding{padding:0}.trade-tableList .tbody .symbol-item{padding:0 .15rem 0 0;line-height:16px;cursor:pointer;position:relative}.trade-tableList .tbody .symbol-item .bg{display:none}.trade-tableList .tbody .symbol-item:hover .bg{display:block;position:absolute;top:0;left:0;height:100%;width:100%}.trade-tableList .tbody .symbol-item.change-item .change{position:absolute;-webkit-animation:opacity2 1s 0s 1;animation:opacity2 1s 0s 1;top:0;left:6px;height:100%;right:0;opacity:0}.trade-tableList .asksOPtion{position:absolute;bottom:0}.trade-tableList .tbody span,.trade-tableList .thead span{display:inline-block;text-align:right;position:relative;z-index:0}.trade-tableList .tbody span .icon,.trade-tableList .thead span .icon{display:inline-block;vertical-align:middle;height:15px;float:left;margin:8px 5px 0 0}.trade-tableList .tbody span .hover_show,.trade-tableList .thead span .hover_show{display:none}.trade-tableList .tbody span:hover .hover_show,.trade-tableList .thead span:hover .hover_show{display:block}.trade-tableList .tbody span:hover .hover_hide,.trade-tableList .thead span:hover .hover_hide{display:none}.trade-tableList .tbody span.td-symbol,.trade-tableList .tbody span.td-symbol0,.trade-tableList .thead span.td-symbol,.trade-tableList .thead span.td-symbol0{text-align:left;padding-left:.15rem}.trade-tableList .tbody span.td-symbol2,.trade-tableList .thead span.td-symbol2{float:right;padding-right:.15rem}.trade-tableList .tbody span.td-rose,.trade-tableList .thead span.td-rose{float:right}.trade-tableList .tr-bg{position:absolute;height:15px;top:0;left:0;z-index:0;padding:0;width:10%;transiton:width .5s ease;-webkit-transition:width .5s ease}.trade-tableList .Int-trade .asksOPtion{position:static}.trade-tableList .Int-trade .tbodyBar{overflow:initial!important}@-webkit-keyframes opacity2{0%{opacity:1}to{opacity:0}}@keyframes opacity2{0%{opacity:1}to{opacity:0}}.actBg[data-v-1ddf532d]{background-color:hsla(0,0%,100%,.2);-webkit-transition:all .5s;transition:all .5s}[data-v-1d0a40fe] #ex-tradeDepth .tr-bg{height:20px!important}.block-content[data-v-1d0a40fe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.current-price[data-v-1d0a40fe]{margin-top:.2rem;margin-bottom:.2rem}.price[data-v-1d0a40fe]{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:.2rem}.input-item[data-v-51eb1456]{height:.5rem!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.inputNew[data-v-51eb1456]{text-align:center;width:60%!important;height:40%!important;border-left:1px solid hsla(0,0%,100%,.08);border-right:1px solid hsla(0,0%,100%,.08)}.h5_icon[data-v-51eb1456]{width:10%;height:40%}.h5_reduce[data-v-51eb1456]{background:url(/static/img/new_h5/h5_reduce.svg) no-repeat 50%}.h5_increase[data-v-51eb1456]{background:url(/static/img/new_h5/h5_increase.svg) no-repeat 50%}.box[data-v-a2cd1f90]{width:35px;background:#a7a6ab;border-radius:25px;margin-left:.1rem;height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .2s ease;transition:all .2s ease;border:transparent;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box.selected[data-v-a2cd1f90]{background-color:#00f}.slider[data-v-a2cd1f90]{border:1px solid wheat;border-radius:25px;width:10px;height:10px;background:#d9d9d9;-webkit-transition:all .2s ease;transition:all .2s ease;margin:2px}.slider.selected[data-v-a2cd1f90]{position:relative;left:50%}.header[data-v-7731fdce]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:75px}.category[data-v-7731fdce],.header>span[data-v-7731fdce],.header[data-v-7731fdce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.category[data-v-7731fdce]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 18px}.category>span[data-v-7731fdce]{width:35%;gap:10px;height:41px;text-align:center;line-height:40px;background:hsla(0,0%,100%,.12);border-radius:76px}.row_1[data-v-7731fdce],.row_2[data-v-7731fdce],.row_3[data-v-7731fdce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.row_2>span[data-v-7731fdce],.row_3>span[data-v-7731fdce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:25px}.align_right[data-v-7731fdce]{text-align:right}.cancelOrder[data-v-7731fdce]{width:28px;height:20px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#226afd}.txt_1[data-v-7731fdce]{width:87px;color:#fff;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-ms-flex-positive:0;flex-grow:0}.txt_1[data-v-7731fdce],.txt_2[data-v-7731fdce]{height:21px;font-family:PingFang SC;font-style:normal;font-weight:600;font-size:15px;line-height:21px;text-align:center}.txt_2[data-v-7731fdce]{width:30px;color:#0c9;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-ms-flex-positive:0;flex-grow:0}.row_2_value[data-v-7731fdce]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:12px;color:#fff}.leverOrder-list-box{width:100%;position:relative;padding-bottom:.45rem}.leverOrder-list-box .order-conent{position:relative}.leverOrder-list-box .order-conent .common-table,.leverOrder-list-box .order-conent .tab-box{min-width:1200px}.leverOrder-list-box .notData{position:absolute;top:71px;left:0;right:0;bottom:0;padding-top:80px;text-align:center;font-size:12px}.leverOrder-list-box .notData p{margin-top:5px}.leverOrder-list-box .notData .icon{font-size:36px}.trade-content .table-body .marketPriceOrder,.trade-content .table-body .notShowe{display:none}.trade-content .table-body{min-height:300px}.tab-box{height:.4rem;line-height:.4rem;padding:0 .15rem;margin:0 auto 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:transparent}.tab-box .tab-item{font-size:14px;padding:0 20px;display:inline-block;cursor:pointer;height:37px;line-height:37px}.tab-box .tab-item.selected{background-color:hsla(0,0%,100%,.12);border-radius:25px}.opera div{padding-right:10px}.Int-trade .leverOrder-list-box{height:400px}.Int-trade .leverOrder-list-box .order-conent{height:350px}.Int-trade .leverOrder-list-box .table-head{padding:0 20px}[data-v-6875fa8e] .u-1-bg{background-color:#226afd}.item.buy_bg.default[data-v-6875fa8e]{background:url(/static/img/new_h5/h5_buy_gray.svg) no-repeat 50%}.item.sell_bg.default[data-v-6875fa8e]{background:url(/static/img/new_h5/h5_sell_gray.svg) no-repeat 50%;-webkit-transform:translateX(-24%);transform:translateX(-24%)}.item.sell_bg.z-cur[data-v-6875fa8e]{-webkit-transform:translateX(-24%);transform:translateX(-24%)}.between_g[data-v-6875fa8e]{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.shade[data-v-2f68470f]{-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;position:fixed;inset:0;z-index:210;background-color:rgba(0,0,0,.52)}.popup[data-v-2f68470f]{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;z-index:10075;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;bottom:0;top:0}.moveL-enter-active[data-v-2f68470f],.moveL-leave-active[data-v-2f68470f]{-webkit-transition:all .3s linear;transition:all .3s linear;-webkit-transform:translateX(0);transform:translateX(0)}.moveL-enter[data-v-2f68470f],.moveL-leave-to[data-v-2f68470f],.moveL-leave[data-v-2f68470f]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.rotating[data-v-2f68470f]{position:fixed;overflow:auto;top:0;left:0;height:100%;width:80%;z-index:998;-webkit-transition:all .3s;transition:all .3s;background-color:#000}.xl-modal-box[data-v-2f68470f]{z-index:10075;position:fixed;bottom:0;left:0;right:0;height:323px;background:#212029;border-radius:16px 16px 0 0}.xl-modal-title[data-v-2f68470f]{width:100%;height:50px}.xl-modal-title-text[data-v-2f68470f]{text-align:center;width:100%;color:#fff;line-height:57px;font-size:16px;font-weight:500}.nested-enter-active[data-v-2f68470f],.nested-leave-active[data-v-2f68470f]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.nested-leave-active[data-v-2f68470f]{-webkit-transition-delay:.25s;transition-delay:.25s}.nested-enter-from[data-v-2f68470f],.nested-leave-to[data-v-2f68470f]{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}.nested-enter-active .inner[data-v-2f68470f],.nested-leave-active .inner[data-v-2f68470f]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.nested-enter-active .inner[data-v-2f68470f]{-webkit-transition-delay:.25s;transition-delay:.25s}.nested-enter-from .inner[data-v-2f68470f],.nested-leave-to .inner[data-v-2f68470f]{-webkit-transform:translateX(30px);transform:translateX(30px);opacity:.001}.xl-layout[data-v-2c247c78]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 0;width:100%}.xl-layout .xl-layout-1[data-v-2c247c78]{width:8%}.xl-layout .xl-layout-2[data-v-2c247c78]{width:70%;line-height:.24rem;font-weight:500;font-size:.18rem;color:#fff}.xl-layout .xl-layout-3[data-v-2c247c78]{width:12%}.xl-layout .xl-layout-4[data-v-2c247c78]{width:10%}.xl-layout img[data-v-2c247c78]{width:24px;height:24px}.xl-layout .xl-layout-number[data-v-2c247c78]{font-weight:400;font-size:.18rem;line-height:25px;color:#ff2500}.xl-layout .xl-layout-number.u-1-cl[data-v-2c247c78]{color:#0c9}.xl-layout .xl-layout-number.u-4-cl[data-v-2c247c78]{color:#ff2500}.real-time[data-v-5e9d1f75]{padding:0 12px}