.contract-content{position:relative}[dir=ltr] .left-block{left:5px}[dir=rtl] .left-block{right:5px}.left-block{width:300px;overflow:hidden;position:absolute;top:5px}[dir=ltr] .top-market{padding-left:305px}[dir=rtl] .top-market{padding-right:305px}[dir=ltr] .main-block{padding-left:305px}[dir=rtl] .main-block{padding-right:305px}[dir=ltr] .main-block{padding-right:650px}[dir=rtl] .main-block{padding-left:650px}.main-block{padding-top:0;padding-bottom:0}[dir=ltr] .right-block{right:5px}[dir=rtl] .right-block{left:5px}.right-block{position:absolute;top:125px;width:645px;overflow:hidden}[dir=ltr] .trade-content .left-expand .main-block{padding-left:305px}[dir=rtl] .trade-content .left-expand .main-block{padding-right:305px}.trade-content .left-shrinks .left-block{width:100px}[dir=ltr] .trade-content .left-shrinks .main-block{padding-left:105px}[dir=rtl] .trade-content .left-shrinks .main-block{padding-right:105px}[dir=ltr] .trade-shrinks .main-block{padding-left:305px}[dir=rtl] .trade-shrinks .main-block{padding-right:305px}[dir=ltr] .trade-shrinks .main-block{padding-right:325px}[dir=rtl] .trade-shrinks .main-block{padding-left:325px}.trade-shrinks .main-block{padding-top:0;padding-bottom:0}.trade-shrinks .right-block{width:320px}.chart-box{position:relative}.Int-contract-content{position:relative;padding:1px;overflow:hidden;height:100%}[dir=ltr] .Int-contract-content .left-block{left:0}[dir=rtl] .Int-contract-content .left-block{right:0}.Int-contract-content .left-block{top:0;min-height:740px;height:calc(100% - 365px)}.Int-contract-content .left-block .transaction{height:100%}[dir=ltr] .Int-contract-content .main-block{padding-left:306px}[dir=rtl] .Int-contract-content .main-block{padding-right:306px}.Int-contract-content .main-block{margin-top:-1px;height:calc(100% - 483px)}.Int-contract-content .main-block .center-block{height:100%}.Int-contract-content .main-block .chart-box{height:calc(100% - 70px)}[dir=ltr] .Int-contract-content .top-market{padding-left:306px}[dir=rtl] .Int-contract-content .top-market{padding-right:306px}[dir=ltr] .Int-contract-content .top-market{padding-right:0}[dir=rtl] .Int-contract-content .top-market{padding-left:0}.Int-contract-content .top-market{padding-top:0;padding-bottom:0}.Int-contract-content .right-block{top:120px;height:calc(100% - 485px)}@media screen and (max-height:1080px){.Int-contract-content .left-block{height:100%}[dir=ltr] .Int-contract-content .order-list{padding-left:306px}[dir=rtl] .Int-contract-content .order-list{padding-right:306px}}.market-fade-enter-active,.market-fade-leave-active{-webkit-transition:all .4s ease;transition:all .4s ease}.market-fade-enter,.market-fade-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}[dir=ltr] .co-market-box{left:0}[dir=rtl] .co-market-box{right:0}.co-market-box{font-size:12px;width:100%;margin-top:1px;position:fixed;top:.42rem;bottom:.42rem;z-index:99}.co-market-box .main-market-container{height:85px;border-bottom-width:1px;border-bottom-style:solid}.co-market-box .__rail-is-horizontal{display:none}.co-market-box .main-market-box{height:85px;overflow-x:scroll}.co-market-box .main-market{height:85px;display:-webkit-box;display:-ms-flexbox;display:flex}.co-market-box .market-item{width:90px;padding:10px 0;backrgound:red!important;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1}[dir=ltr] .co-market-box .market-item .border-bar{border-right-width:1px}[dir=rtl] .co-market-box .market-item .border-bar{border-left-width:1px}[dir=ltr] .co-market-box .market-item .border-bar{border-right-style:solid}[dir=rtl] .co-market-box .market-item .border-bar{border-left-style:solid}.co-market-box .market-item .border-bar{height:65px}[dir=ltr] .co-market-box .market-item .symbol-scope{padding-left:15px}[dir=ltr] .co-market-box .market-item .symbol-scope,[dir=rtl] .co-market-box .market-item .symbol-scope{padding-right:15px}[dir=rtl] .co-market-box .market-item .symbol-scope{padding-left:15px}.co-market-box .market-item .symbol-scope{text-align:center;padding-top:8px;padding-bottom:0;line-height:14px}.co-market-box .market-item .symbol-scope .name{font-size:16px}.co-market-box .market-item .symbol-scope .scope{margin-top:4px;display:block;font-size:12px}.co-market-box .market-item .price{text-align:center;font-size:12px;margin-top:4px}.co-market-box .sub-market{margin:1px 0 5px;font-size:12px;padding:0 15px;position:relative}.co-market-box .sub-market .sub-tab{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;position:relative;height:.5rem;line-height:.5rem;border-bottom-width:1px;border-bottom-style:solid}[dir=ltr] .co-market-box .sub-market .sub-tab .current-botton{left:50%}[dir=rtl] .co-market-box .sub-market .sub-tab .current-botton{right:50%}[dir=ltr] .co-market-box .sub-market .sub-tab .current-botton{margin-left:-20px}[dir=rtl] .co-market-box .sub-market .sub-tab .current-botton{margin-right:-20px}.co-market-box .sub-market .sub-tab .current-botton{position:absolute;bottom:0;width:40px;height:2px;display:none}[dir=ltr] .co-market-box .sub-market .difference{right:15px}[dir=rtl] .co-market-box .sub-market .difference{left:15px}.co-market-box .sub-market .difference{position:absolute;top:.2rem}.co-currentSymbol{height:.54rem;overflow:hidden;margin:1px 0}[dir=ltr] .co-currentSymbol .symbol-total{float:left}[dir=rtl] .co-currentSymbol .symbol-total{float:right}[dir=ltr] .co-currentSymbol .symbol-total{border-right-width:1px}[dir=rtl] .co-currentSymbol .symbol-total{border-left-width:1px}[dir=ltr] .co-currentSymbol .symbol-total{border-right-style:solid}[dir=rtl] .co-currentSymbol .symbol-total{border-left-style:solid}.co-currentSymbol .symbol-total{padding:0 .15rem 0 .15rem;margin-top:.1rem;line-height:.18rem}.co-currentSymbol .symbol-total span{vertical-align:middle}.co-currentSymbol .symbol-total .symbol-name{font-size:18px}[dir=ltr] .co-currentSymbol .symbol-total .symbol-number{margin-left:5px}[dir=rtl] .co-currentSymbol .symbol-total .symbol-number{margin-right:5px}.co-currentSymbol .symbol-total .symbol-number{font-size:16px}.co-currentSymbol .symbol-total .symbol-property{font-size:12px;display:block}[dir=ltr] .co-currentSymbol .symbol-info{float:right}[dir=rtl] .co-currentSymbol .symbol-info{float:left}.co-currentSymbol .symbol-info{padding:.12rem .15rem 0 0}[dir=ltr] .co-currentSymbol .symbol-info .info-item{float:left}[dir=rtl] .co-currentSymbol .symbol-info .info-item{float:right}[dir=ltr] .co-currentSymbol .symbol-info .info-item{margin-left:.2rem}[dir=rtl] .co-currentSymbol .symbol-info .info-item{margin-right:.2rem}[dir=ltr] .co-currentSymbol .symbol-info .info-item{text-align:right}[dir=rtl] .co-currentSymbol .symbol-info .info-item{text-align:left}.co-currentSymbol .symbol-info .info-item{font-size:12px}.co-currentSymbol .symbol-info .info-item span{display:block}.co-currentSymbol .symbol-info .info-item .vla{margin-bottom:.08rem}#coDepth .symbol-item{line-height:.25rem!important;height:.25rem!important}[dir=ltr] #coDepth .tr-bg{right:0!important}[dir=rtl] #coDepth .tr-bg{left:0!important}[dir=ltr] #coDepth .tr-bg{left:auto!important}[dir=rtl] #coDepth .tr-bg{right:auto!important}#coDepth .tr-bg{height:.25rem!important;bottom:0!important;top:0!important}.block-header{height:.39rem;line-height:.38rem;padding:0 .07rem 0 .15rem}.current-price{padding:0 15px;margin-top:-1px}.current-price .price-box{height:.4rem;line-height:.4rem}[dir=ltr] .current-price .jb{margin-left:10px}[dir=rtl] .current-price .jb{margin-right:10px}[dir=ltr] .current-price .jb{float:right}[dir=rtl] .current-price .jb{float:left}.current-price .jb{display:inline-block}[dir=ltr] .current-price .jb i{margin-right:3px}[dir=rtl] .current-price .jb i{margin-left:3px}.current-price .jb i{vertical-align:middle;display:inline-block;width:6px;height:14px;border-width:1px;border-style:solid;border-radius:2px}.trade-tableList .thead{height:.4rem;line-height:.4rem;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}[dir=ltr] .trade-tableList .tbody .symbol-item.change-item .change{left:2px}[dir=rtl] .trade-tableList .tbody .symbol-item.change-item .change{right:2px}.trade-tableList .tbody .symbol-item.change-item .change{position:absolute;-webkit-animation:opacity2 1s 0s 1;animation:opacity2 1s 0s 1;top:0;height:100%;width:100%;opacity:0}[dir=ltr] .trade-tableList .tbody .symbol-item:hover .bg{left:0}[dir=rtl] .trade-tableList .tbody .symbol-item:hover .bg{right:0}.trade-tableList .tbody .symbol-item:hover .bg{display:block;position:absolute;top:0;height:100%;width:100%}.trade-tableList .asksOPtion{bottom:0}[dir=ltr] .trade-tableList .tbody span,[dir=ltr] .trade-tableList .thead span{text-align:right}[dir=rtl] .trade-tableList .tbody span,[dir=rtl] .trade-tableList .thead span{text-align:left}.trade-tableList .tbody span,.trade-tableList .thead span{display:inline-block;position:relative;z-index:9}[dir=ltr] .trade-tableList .tbody span .icon,[dir=ltr] .trade-tableList .thead span .icon{float:left}[dir=rtl] .trade-tableList .tbody span .icon,[dir=rtl] .trade-tableList .thead span .icon{float:right}[dir=ltr] .trade-tableList .tbody span .icon,[dir=ltr] .trade-tableList .thead span .icon{margin-left:0}[dir=rtl] .trade-tableList .tbody span .icon,[dir=rtl] .trade-tableList .thead span .icon{margin-right:0}[dir=ltr] .trade-tableList .tbody span .icon,[dir=ltr] .trade-tableList .thead span .icon{margin-right:5px}[dir=rtl] .trade-tableList .tbody span .icon,[dir=rtl] .trade-tableList .thead span .icon{margin-left:5px}.trade-tableList .tbody span .icon,.trade-tableList .thead span .icon{display:inline-block;vertical-align:middle;height:15px;margin-top:8px;margin-bottom: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}[dir=ltr] .trade-tableList .tbody span.td-symbol,[dir=ltr] .trade-tableList .tbody span.td-symbol0,[dir=ltr] .trade-tableList .thead span.td-symbol,[dir=ltr] .trade-tableList .thead span.td-symbol0{text-align:left}[dir=rtl] .trade-tableList .tbody span.td-symbol,[dir=rtl] .trade-tableList .tbody span.td-symbol0,[dir=rtl] .trade-tableList .thead span.td-symbol,[dir=rtl] .trade-tableList .thead span.td-symbol0{text-align:right}[dir=ltr] .trade-tableList .tbody span.td-symbol,[dir=ltr] .trade-tableList .tbody span.td-symbol0,[dir=ltr] .trade-tableList .thead span.td-symbol,[dir=ltr] .trade-tableList .thead span.td-symbol0{padding-left:.15rem}[dir=rtl] .trade-tableList .tbody span.td-symbol,[dir=rtl] .trade-tableList .tbody span.td-symbol0,[dir=rtl] .trade-tableList .thead span.td-symbol,[dir=rtl] .trade-tableList .thead span.td-symbol0{padding-right:.15rem}[dir=ltr] .trade-tableList .tbody span.td-symbol2,[dir=ltr] .trade-tableList .thead span.td-symbol2{float:right}[dir=rtl] .trade-tableList .tbody span.td-symbol2,[dir=rtl] .trade-tableList .thead span.td-symbol2{float:left}[dir=ltr] .trade-tableList .tbody span.td-symbol2,[dir=ltr] .trade-tableList .thead span.td-symbol2{padding-right:.15rem}[dir=rtl] .trade-tableList .tbody span.td-symbol2,[dir=rtl] .trade-tableList .thead span.td-symbol2{padding-left:.15rem}[dir=ltr] .trade-tableList .tbody span.td-rose,[dir=ltr] .trade-tableList .thead span.td-rose{float:right}[dir=rtl] .trade-tableList .tbody span.td-rose,[dir=rtl] .trade-tableList .thead span.td-rose{float:left}[dir=ltr] .trade-tableList .tr-bg{left:0}[dir=rtl] .trade-tableList .tr-bg{right:0}.trade-tableList .tr-bg{position:absolute;height:15px;top:0;z-index:1;padding:0;width:10%;transiton:width .5s ease;-webkit-transition:width .5s ease}.trade-tableList .Int-contract-content .asksOPtion{position:static}.trade-tableList .Int-contract-content .tbodyBar{overflow:visible!important;overflow:initial!important}@-webkit-keyframes opacity2{0%{opacity:1}to{opacity:0}}@keyframes opacity2{0%{opacity:1}to{opacity:0}}.co-canter-echart-box{z-index:9;width:100%;position:relative}.co-canter-echart-box .inline{position:absolute;top:.7rem;height:1px;z-index:9;width:100%}[dir=ltr] .co-canter-echart-box .top-bar-block{padding-left:.15rem}[dir=rtl] .co-canter-echart-box .top-bar-block{padding-right:.15rem}.co-canter-echart-box .top-bar-block{height:.4rem;line-height:.4rem;position:relative;font-size:14px}.co-canter-echart-box .top-menu{line-height:.3rem;padding:0 .05rem;font-size:12px;-webkit-transition:all .5s ease;transition:all .5s ease;position:relative;z-index:9}.co-canter-echart-box .top-menu .top-menu-bar{position:relative;overflow:hidden;height:.3rem;width:100%}.co-canter-echart-box .top-menu .top-menu-bar .hover_hide{display:block}.co-canter-echart-box .top-menu .top-menu-bar .hover_show{display:none}.co-canter-echart-box .top-menu .top-menu-bar .slide-btn{position:absolute;top:0;padding:8px 0;z-index:9;cursor:pointer;display:none}.co-canter-echart-box .top-menu .top-menu-bar .slide-btn:hover .hover_show{display:block}.co-canter-echart-box .top-menu .top-menu-bar .slide-btn:hover .hover_hide{display:none}.co-canter-echart-box .top-menu .top-menu-bar .slide-btn-cur{display:block}[dir=ltr] .co-canter-echart-box .top-menu .top-menu-bar .icon-left{left:0}[dir=rtl] .co-canter-echart-box .top-menu .top-menu-bar .icon-left{right:0}[dir=ltr] .co-canter-echart-box .top-menu .top-menu-bar .icon-left{padding-right:5px}[dir=rtl] .co-canter-echart-box .top-menu .top-menu-bar .icon-left{padding-left:5px}[dir=ltr] .co-canter-echart-box .top-menu .top-menu-bar .icon-right{right:0}[dir=rtl] .co-canter-echart-box .top-menu .top-menu-bar .icon-right{left:0}[dir=ltr] .co-canter-echart-box .top-menu .top-menu-bar .icon-right{padding-left:5px}[dir=rtl] .co-canter-echart-box .top-menu .top-menu-bar .icon-right{padding-right:5px}[dir=ltr] .co-canter-echart-box .top-menu .top-menu-box{left:0}[dir=rtl] .co-canter-echart-box .top-menu .top-menu-box{right:0}.co-canter-echart-box .top-menu .top-menu-box{height:.3rem;overflow:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;white-space:nowrap;position:absolute;top:0;width:100%;transiton:left .2s linear;-webkit-transition:left .2s linear}.co-canter-echart-box .top-menu .time-line{display:inline-block;margin:0 .06rem;cursor:pointer;background:none;height:.28rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.co-canter-echart-box .top-menu .time-line.time-line-last{height:.32rem;margin:0;padding:0 .12rem 0 .1rem;background-size:8px!important}.co-canter-echart-box .top-menu .time-line.active{border-bottom-style:solid;border-bottom-width:2px}.co-canter-echart-box .top-menu .time-line .hoverShow,.co-canter-echart-box .top-menu .time-line:hover .hoverHide{display:none}.co-canter-echart-box .top-menu .time-line:hover .hoverShow{display:inline-block}[dir=ltr] .co-canter-echart-box .top-menu .full-btn{border-left-width:1px}[dir=ltr] .co-canter-echart-box .top-menu .full-btn,[dir=rtl] .co-canter-echart-box .top-menu .full-btn{border-right-width:1px}[dir=rtl] .co-canter-echart-box .top-menu .full-btn{border-left-width:1px}[dir=ltr] .co-canter-echart-box .top-menu .full-btn{border-left-style:solid}[dir=ltr] .co-canter-echart-box .top-menu .full-btn,[dir=rtl] .co-canter-echart-box .top-menu .full-btn{border-right-style:solid}[dir=rtl] .co-canter-echart-box .top-menu .full-btn{border-left-style:solid}.co-canter-echart-box .top-menu .full-btn{padding:0 14px}.co-canter-echart-box .top-menu.hide{opacity:0;z-index:1}[dir=ltr] .co-canter-echart-box .top-menu .sub-timer-box{left:0}[dir=rtl] .co-canter-echart-box .top-menu .sub-timer-box{right:0}.co-canter-echart-box .top-menu .sub-timer-box{position:absolute;top:.3rem;width:90%;padding:1px 5% 0}.co-canter-echart-box .top-menu .sub-timer-box span{width:25%;display:inline-block;text-align:center;height:.38rem;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:.38rem;position:relative}[dir=ltr] .co-canter-echart-box .top-menu .sub-timer-box span .xuanzhong-icon{right:0}[dir=rtl] .co-canter-echart-box .top-menu .sub-timer-box span .xuanzhong-icon{left:0}.co-canter-echart-box .top-menu .sub-timer-box span .xuanzhong-icon{position:absolute;top:0;line-height:0}.co-canter-echart-box .top-menu .sub-timer-box .active{border-width:1px;border-style:solid}[dir=ltr] .co-canter-echart-box .slide{left:0}[dir=rtl] .co-canter-echart-box .slide{right:0}.co-canter-echart-box .slide{position:absolute;top:.7rem;width:100%;opacity:0;-webkit-transition:all .5s ease;transition:all .5s ease;overflow:hidden;height:100%;z-index:2}.co-canter-echart-box .slide.selected{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;z-index:3}[dir=ltr] .co-canter-echart-box .top-tab{right:0}[dir=rtl] .co-canter-echart-box .top-tab{left:0}[dir=ltr] .co-canter-echart-box .top-tab{text-align:right}[dir=rtl] .co-canter-echart-box .top-tab{text-align:left}.co-canter-echart-box .top-tab{position:absolute;height:.4rem;top:0;line-height:.4rem;z-index:9}[dir=ltr] .co-canter-echart-box .top-tab .switch-chart-type{margin-right:15px}[dir=rtl] .co-canter-echart-box .top-tab .switch-chart-type{margin-left:15px}.co-canter-echart-box .top-tab .switch-chart-type{cursor:pointer}.co-canter-echart-box .tv_chart_container{height:100%;width:100%}.co-canter-echart-box .loading-indicator{background:none}[dir=ltr] .co-canter-echart-box .coverKlineBox{left:0}[dir=ltr] .co-canter-echart-box .coverKlineBox,[dir=rtl] .co-canter-echart-box .coverKlineBox{right:0}[dir=rtl] .co-canter-echart-box .coverKlineBox{left:0}.co-canter-echart-box .coverKlineBox{position:absolute;top:.7rem;bottom:0;z-index:99}.co-canter-echart-box .fade-enter-active,.co-canter-echart-box .fade-leave-active{-webkit-transition:opacity .8s;transition:opacity .8s}.co-canter-echart-box .fade-enter,.co-canter-echart-box .fade-leave-to{opacity:0}[dir=ltr] .co-canter-echart-box .loading{left:50%}[dir=rtl] .co-canter-echart-box .loading{right:50%}.co-canter-echart-box .loading{position:absolute;top:50%;z-index:999;margin:-25px 0 0 -25px}[dir=ltr] .co-canter-echart-full{right:0!important}[dir=ltr] .co-canter-echart-full,[dir=rtl] .co-canter-echart-full{left:0!important}[dir=rtl] .co-canter-echart-full{right:0!important}.co-canter-echart-full{-o-object-fit:contain;object-fit:contain;position:fixed!important;top:0!important;bottom:0!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;-webkit-transform:none!important;transform:none!important;margin:0!important}.Int-contract-content .co-canter-echart-box{height:100%}.echart-box{width:100%;height:100%}.co-trade-box{font-size:12px;padding:0}[dir=ltr] .co-trade-box .trade-depth{float:left}[dir=rtl] .co-trade-box .trade-depth{float:right}.co-trade-box .trade-depth{width:50%}.co-trade-box .title-block{height:.39rem;line-height:.39rem;padding:0 .15rem;border-bottom-width:1px;border-bottom-style:solid;font-size:14px}[dir=ltr] .co-trade-box .title-block .tab{margin-right:28px}[dir=rtl] .co-trade-box .title-block .tab{margin-left:28px}.co-trade-box .title-block .tab{display:inline-block;border-bottom-style:solid;border-bottom-width:0;height:38px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px}.co-trade-box .title-block .tab.main-1-bd{border-bottom-style:solid;border-bottom-width:2px}.co-trade-box .title-block.no-border{border:none;margin-top:.1rem}[dir=ltr] .co-trade-box .trade-form{float:left}[dir=rtl] .co-trade-box .trade-form{float:right}.co-trade-box .trade-form{width:50%;padding:0 .07rem 0 .15rem;-webkit-box-sizing:border-box;box-sizing:border-box}.co-trade-box .trade-form .transactionType{margin:.1rem 0}.co-trade-box .trade-form .trade-input{height:76px}[dir=ltr] .co-trade-box .trade-form .buyBtn{margin-right:16px}[dir=rtl] .co-trade-box .trade-form .buyBtn{margin-left:16px}[dir=ltr] .co-trade-box .trade-form .prime{margin-left:0}[dir=ltr] .co-trade-box .trade-form .prime,[dir=rtl] .co-trade-box .trade-form .prime{margin-right:0}[dir=rtl] .co-trade-box .trade-form .prime{margin-left:0}.co-trade-box .trade-form .prime{line-height:14px;font-size:12px;margin-top:0;margin-bottom:10px}[dir=ltr] .co-trade-box .trade-form .prime .p_r{text-align:right}[dir=rtl] .co-trade-box .trade-form .prime .p_r{text-align:left}.co-trade-box .trade-form .top-mag{height:14px;line-height:14px;margin-top:20px}[dir=ltr] .co-trade-box .trade-form .top-mag .lov{float:right}[dir=rtl] .co-trade-box .trade-form .top-mag .lov{float:left}.co-trade-box .trade-form .top-mag .lov{font-size:14px}.co-trade-box .top-mag-price{height:40px;line-height:40px;margin:0 .15rem;border-bottom-width:1px;border-bottom-style:solid;overflow:hidden}[dir=ltr] .co-trade-box .top-mag-price .top-mag{float:left}[dir=rtl] .co-trade-box .top-mag-price .top-mag{float:right}.co-trade-box .top-mag-price .top-mag{width:50%}[dir=ltr] .co-trade-box .top-mag-price .top-mag-right{text-align:right}[dir=rtl] .co-trade-box .top-mag-price .top-mag-right{text-align:left}.co-trade-box .account-info{padding:14px 15px}.co-trade-box .account-info .top-mag{height:24px;line-height:24px}[dir=ltr] .co-trade-box .account-info .top-mag .lov{float:right}[dir=rtl] .co-trade-box .account-info .top-mag .lov{float:left}.co-trade-box .account-info .top-mag .lov{font-size:14px}.co-trade-box .account-info .risk-bar{-ms-flex:1;-webkit-box-flex:1;flex:1;background:-webkit-gradient(linear,left top,right top,from(#04bc8b),to(#eb4d5c));background:linear-gradient(90deg,#04bc8b,#eb4d5c);position:relative}.co-trade-box .account-info .risk-Percentage{margin-top:30px;width:100%;height:15px;display:-ms-flexbox;display:-webkit-box;display:flex;position:relative}[dir=ltr] .co-trade-box .account-info .warning_icon{right:10px}[dir=rtl] .co-trade-box .account-info .warning_icon{left:10px}.co-trade-box .account-info .warning_icon{top:9px;position:absolute}[dir=ltr] .co-trade-box .account-info .gg_text{left:0}[dir=ltr] .co-trade-box .account-info .gg_text,[dir=rtl] .co-trade-box .account-info .gg_text{right:0}[dir=rtl] .co-trade-box .account-info .gg_text{left:0}.co-trade-box .account-info .gg_text{position:absolute;top:0;text-align:center;line-height:15px;font-size:16px;color:$white-color;text-shadow:1px 1px 2px #333}[dir=ltr] .co-trade-box .account-info .percentage_bar{left:0}[dir=rtl] .co-trade-box .account-info .percentage_bar{right:0}.co-trade-box .account-info .percentage_bar{position:absolute;width:50%;top:0;height:15px}[dir=ltr] .co-trade-box .account-info .risk-num{left:0}[dir=rtl] .co-trade-box .account-info .risk-num{right:0}[dir=ltr] .co-trade-box .account-info .risk-num{padding-left:7px}[dir=rtl] .co-trade-box .account-info .risk-num{padding-right:7px}[dir=ltr] .co-trade-box .account-info .risk-num{border-left:3px solid #fff}[dir=rtl] .co-trade-box .account-info .risk-num{border-right:3px solid #fff}.co-trade-box .account-info .risk-num{position:absolute;z-index:9;top:0;height:15px;line-height:14px;font-size:14px;text-shadow:2px 2px 3px #333}.co-trade-box .account-info .risk-num.transition{-webkit-transition:all .3s linear;transition:all .3s linear}[dir=ltr] .co-trade-box .account-info .risk-num span{left:-10px}[dir=rtl] .co-trade-box .account-info .risk-num span{right:-10px}.co-trade-box .account-info .risk-num span{position:absolute;top:-20px}.co-trade-box .account-info .transaction-drag{position:relative;width:calc(100% - 15px);margin-top:25px}[dir=ltr] .co-trade-box .account-info .drag-cover,[dir=ltr] .co-trade-box .account-info .drag-def{left:4px}[dir=rtl] .co-trade-box .account-info .drag-cover,[dir=rtl] .co-trade-box .account-info .drag-def{right:4px}.co-trade-box .account-info .drag-cover,.co-trade-box .account-info .drag-def{position:absolute;display:block;height:4px;top:3px}.co-trade-box .account-info .drag-def{width:100%;background:#293448}.co-trade-box .account-info .drag-cover{background:#f0f}.co-trade-box .account-info .drag-turnColor{background:red}[dir=ltr] .co-trade-box .account-info .drag-step{left:0}[dir=rtl] .co-trade-box .account-info .drag-step{right:0}.co-trade-box .account-info .drag-step{position:absolute;background:#24a0f5;display:block;top:-3px;border-radius:3px;width:15px;height:15px;cursor:pointer;z-index:5}.co-trade-box .account-info .drag-step.transition{-webkit-transition:all .2s ease;transition:all .2s ease}[dir=ltr] .co-trade-box .account-info .drag-step .icon_h{margin-left:5px}[dir=rtl] .co-trade-box .account-info .drag-step .icon_h{margin-right:5px}[dir=ltr] .co-trade-box .account-info .drag-step .icon_h{margin-right:0}[dir=rtl] .co-trade-box .account-info .drag-step .icon_h{margin-left:0}[dir=ltr] .co-trade-box .account-info .drag-step .icon_h{border-left:1px solid #fff}[dir=ltr] .co-trade-box .account-info .drag-step .icon_h,[dir=rtl] .co-trade-box .account-info .drag-step .icon_h{border-right:1px solid #fff}[dir=rtl] .co-trade-box .account-info .drag-step .icon_h{border-left:1px solid #fff}.co-trade-box .account-info .drag-step .icon_h{display:block;height:8px;width:3px;margin-top:3px;margin-bottom:0;background:none}[dir=ltr] .co-trade-box .account-info .transaction-drag i{text-align:right}[dir=rtl] .co-trade-box .account-info .transaction-drag i{text-align:left}[dir=ltr] .co-trade-box .account-info .transaction-drag i{border-right:1px solid #1a1f2a}[dir=ltr] .co-trade-box .account-info .transaction-drag i,[dir=rtl] .co-trade-box .account-info .transaction-drag i{border-left:1px solid #1a1f2a}[dir=rtl] .co-trade-box .account-info .transaction-drag i{border-right:1px solid #1a1f2a}.co-trade-box .account-info .transaction-drag i{background:#293448;position:absolute;top:1px;display:block;width:8px;height:8px;cursor:pointer;z-index:4}.co-trade-box .account-info .transaction-drag i.selected{background:$input-focus-border}[dir=ltr] .co-trade-box .account-info .transaction-drag i.drag-step0{left:calc(25% + 4px)}[dir=rtl] .co-trade-box .account-info .transaction-drag i.drag-step0{right:calc(25% + 4px)}.co-trade-box .account-info .drag-step-wrap{display:inline-block;width:100%;position:relative}[dir=ltr] .co-trade-box .account-info .mark{left:-10px}[dir=rtl] .co-trade-box .account-info .mark{right:-10px}.co-trade-box .account-info .mark{display:inline-block;width:30px;text-align:center;top:20px;position:absolute}.co-trade-box .common-dialog{position:relative;z-index:999}.co-trade-box .form-info .info-item{height:36px;padding:10px;margin-bottom:1px}.co-trade-box .form-info .info-item .text1{font-size:12px;line-height:18px}.co-trade-box .form-info .info-item .text2{font-size:14px;line-height:18px}.co-trade-box .form-info .info-item .text3{line-height:18px}.co-trade-box .form-info .info-item .name{font-size:16px;line-height:22px}[dir=ltr] .co-trade-box .form-info .info-item .price{float:right}[dir=rtl] .co-trade-box .form-info .info-item .price{float:left}.co-trade-box .form-info .info-item .price{font-size:14px;margin-top:12px}.co-trade-box .chiccw{margin-top:13px}.co-trade-box .lever-box{margin-bottom:.5rem}.co-trade-box .dialog-frame-body .lever-box{margin-bottom:0}.trade-input{height:96px;position:relative}.trade-input .input-item{height:58px;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%}[dir=ltr] .trade-input .input-item .units{right:15px}[dir=rtl] .trade-input .input-item .units{left:15px}.trade-input .input-item .units{position:absolute;top:17px}.trade-input .price-rate{height:24px;line-height:24px;padding:0 15px}.trade-input .disabledText{font-size:14px}[dir=ltr] .trade-input .error-msg{left:0}[dir=ltr] .trade-input .error-msg,[dir=rtl] .trade-input .error-msg{right:0}[dir=rtl] .trade-input .error-msg{left:0}.trade-input .error-msg{border-radius:2px;line-height:32px;height:30px;position:absolute;top:-44px;padding:0 20px}[dir=ltr] .trade-input .error-msg em{left:15px}[dir=rtl] .trade-input .error-msg em{right:15px}.trade-input .error-msg em{display:block;border-width:7px;position:absolute;bottom:-14px;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}.percentage-mag{margin-top:20px}.risk-bar{-ms-flex:1;-webkit-box-flex:1;flex:1;background:-webkit-gradient(linear,left top,right top,from(#04bc8b),to(#eb4d5c));background:linear-gradient(90deg,#04bc8b,#eb4d5c);position:relative}.risk-Percentage{margin-top:30px;width:100%;height:15px;display:-ms-flexbox;display:-webkit-box;display:flex;position:relative}[dir=ltr] .warning_icon{right:10px}[dir=rtl] .warning_icon{left:10px}.warning_icon{top:9px;position:absolute}[dir=ltr] .gg_text{left:0}[dir=ltr] .gg_text,[dir=rtl] .gg_text{right:0}[dir=rtl] .gg_text{left:0}.gg_text{position:absolute;top:0;text-align:center;line-height:15px;font-size:16px;color:$white-color;text-shadow:1px 1px 2px #333}[dir=ltr] .percentage_bar{left:0}[dir=rtl] .percentage_bar{right:0}.percentage_bar{position:absolute;width:50%;top:0;height:15px}[dir=ltr] .risk-num{left:0}[dir=rtl] .risk-num{right:0}[dir=ltr] .risk-num{padding-left:7px}[dir=rtl] .risk-num{padding-right:7px}[dir=ltr] .risk-num{border-left:3px solid #fff}[dir=rtl] .risk-num{border-right:3px solid #fff}.risk-num{position:absolute;z-index:9;top:0;height:15px;line-height:14px;font-size:14px}.risk-num.transition{-webkit-transition:all .3s linear;transition:all .3s linear}[dir=ltr] .risk-num span{left:-10px}[dir=rtl] .risk-num span{right:-10px}.risk-num span{position:absolute;top:-20px}.transaction-drag{position:relative;width:calc(100% - 15px);margin-top:25px;height:40px}[dir=ltr] .drag-cover,[dir=ltr] .drag-def{left:4px}[dir=rtl] .drag-cover,[dir=rtl] .drag-def{right:4px}.drag-cover,.drag-def{position:absolute;display:block;height:4px;top:3px}.drag-def{width:100%}.drag-cover{background:#f0f}.drag-turnColor{background:red}[dir=ltr] .drag-step{left:0}[dir=rtl] .drag-step{right:0}.drag-step{position:absolute;display:block;top:-3px;border-radius:3px;width:15px;height:15px;cursor:pointer;z-index:5}.drag-step.transition{-webkit-transition:all .2s ease;transition:all .2s ease}[dir=ltr] .drag-step .icon_h{margin-left:5px}[dir=rtl] .drag-step .icon_h{margin-right:5px}[dir=ltr] .drag-step .icon_h{margin-right:0}[dir=rtl] .drag-step .icon_h{margin-left:0}[dir=ltr] .drag-step .icon_h{border-left:1px solid #fff}[dir=ltr] .drag-step .icon_h,[dir=rtl] .drag-step .icon_h{border-right:1px solid #fff}[dir=rtl] .drag-step .icon_h{border-left:1px solid #fff}.drag-step .icon_h{display:block;height:8px;width:3px;margin-top:3px;margin-bottom:0;background:none}[dir=ltr] .transaction-drag i{text-align:right}[dir=rtl] .transaction-drag i{text-align:left}.transaction-drag i{position:absolute;top:1px;display:block;width:8px;height:8px;cursor:pointer;z-index:4;border-width:1px;border-style:solid;border-top:none;border-bottom:none}.transaction-drag i.selected{background:$input-focus-border}[dir=ltr] .transaction-drag i.drag-step0{left:calc(25% + 4px)}[dir=rtl] .transaction-drag i.drag-step0{right:calc(25% + 4px)}.drag-step-wrap{display:inline-block;width:100%;position:relative}[dir=ltr] .mark{left:-10px}[dir=rtl] .mark{right:-10px}.mark{display:inline-block;width:30px;text-align:center;top:20px;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-drop .drag-step.transition,.no-drop .transaction-drag i{cursor:no-drop}[dir=ltr] #co-tradeDepth{padding-left:.08rem}[dir=rtl] #co-tradeDepth{padding-right:.08rem}#co-tradeDepth .td-symbol1{white-space:nowrap}#co-tradeDepth .td-rose{display:none!important}#co-tradeDepth .td-price,#co-tradeDepth .td-symbol,#co-tradeDepth .td-symbol0,#co-tradeDepth .td-symbol1{width:50%!important;-webkit-box-sizing:border-box;box-sizing:border-box}[dir=ltr] #co-tradeDepth .td-symbol,[dir=ltr] #co-tradeDepth .td-symbol0{padding-left:0!important}[dir=rtl] #co-tradeDepth .td-symbol,[dir=rtl] #co-tradeDepth .td-symbol0{padding-right:0!important}[dir=ltr] #co-tradeDepth .td-symbol1{padding-right:.15rem}[dir=rtl] #co-tradeDepth .td-symbol1{padding-left:.15rem}#co-tradeDepth .symbol-item{line-height:22px!important;height:22px}[dir=ltr] #co-tradeDepth .tr-bg{right:0!important}[dir=rtl] #co-tradeDepth .tr-bg{left:0!important}[dir=ltr] #co-tradeDepth .tr-bg{left:auto!important}[dir=rtl] #co-tradeDepth .tr-bg{right:auto!important}#co-tradeDepth .tr-bg{height:.22rem!important;bottom:0!important;top:-.005rem!important}[dir=ltr] .depthSelect .selectList{right:0}[dir=rtl] .depthSelect .selectList{left:0}.coDepth{width:100%;position:relative;overflow:hidden}.block-header{height:39px;line-height:38px;padding:0 15px;font-size:14px;border-bottom-width:1px;border-bottom-style:solid}.tbody{padding:4px 0}.current-price{height:.4rem;line-height:.4rem;font-size:12px;margin-top:-.05rem}[dir=ltr] .current-price .price-box{float:left}[dir=rtl] .current-price .price-box{float:right}.current-price .price-box{height:40px;line-height:40px;font-size:12px;overflow:hidden}.current-price .price-box span{vertical-align:middle}[dir=ltr] .current-price .price-box .price{margin-right:10px}[dir=rtl] .current-price .price-box .price{margin-left:10px}[dir=ltr] .jb{margin-right:.15rem}[dir=rtl] .jb{margin-left:.15rem}[dir=ltr] .jb{float:right}[dir=rtl] .jb{float:left}.jb{display:inline-block}[dir=ltr] .jb i{margin-left:3px}[dir=rtl] .jb i{margin-right:3px}.jb i{vertical-align:middle;display:inline-block;width:6px;height:12px;border-width:1px;border-style:solid;border-radius:2px}[dir=ltr] .switch-btn{float:right}[dir=rtl] .switch-btn{float:left}[dir=ltr] .switch-btn .dtIcon{margin-left:5px}[dir=rtl] .switch-btn .dtIcon{margin-right:5px}.switch-btn .dtIcon{font-size:16px;cursor:pointer;display:inline-block;height:36px;line-height:36px;text-align:center;border-radius:50%;width:36px}.h4{display:inlin}[dir=ltr] .title-tab{margin-right:30px}[dir=rtl] .title-tab{margin-left:30px}.title-tab,.title-tab.title-new-tab,.trade-shrinks .h4{display:none}.trade-shrinks .title-tab{padding:0 3px;cursor:pointer;display:inline-block}.trade-shrinks .title-tab.title-new-tab{display:inline-block}.trade-shrinks .title-tab.selected,.trade-shrinks .title-tab:hover{border-bottom-style:solid;border-bottom-width:2px}[dir=ltr] .trade-shrinks .block-content,[dir=ltr] .trade-shrinks .new-tradb{left:0}[dir=rtl] .trade-shrinks .block-content,[dir=rtl] .trade-shrinks .new-tradb{right:0}.trade-shrinks .block-content,.trade-shrinks .new-tradb{position:absolute;top:40px;-webkit-transform:translate(-100%);transform:translate(-100%);-webkit-transition:-webkit-transform .35s cubic-bezier(.15,.3,.25,1) 0s;transition:-webkit-transform .35s cubic-bezier(.15,.3,.25,1) 0s;transition:transform .35s cubic-bezier(.15,.3,.25,1) 0s;transition:transform .35s cubic-bezier(.15,.3,.25,1) 0s,-webkit-transform .35s cubic-bezier(.15,.3,.25,1) 0s;will-change:transform}[dir=ltr] .trade-shrinks .block-content.is-show,[dir=ltr] .trade-shrinks .new-tradb.is-show{left:0}[dir=rtl] .trade-shrinks .block-content.is-show,[dir=rtl] .trade-shrinks .new-tradb.is-show{right:0}.trade-shrinks .block-content.is-show,.trade-shrinks .new-tradb.is-show{display:block;-webkit-transform:translate(0);transform:translate(0)}.trade-shrinks .new-tradb{-webkit-transform:translate(100%);transform:translate(100%)}.Int-contract-content .coDepth,.Int-contract-content .coDepth-block{height:100%}.Int-contract-content .block-content,.Int-contract-content .new-tradb{height:calc(100% - 40px)}.order-list-box{margin-top:1px}.order-list-box .order-conent{padding:0 .15rem .5rem}[dir=ltr] .order-list-box .handle-btn{text-align:right}[dir=rtl] .order-list-box .handle-btn{text-align:left}.order-list-box .form-info{margin-bottom:20px}.order-list-box .form-info .info-item{height:50px;padding:10px 20px;margin-bottom:1px}.order-list-box .form-info .info-item .radio{line-height:50px}[dir=ltr] .order-list-box .form-info .info-item .radio span{margin-right:36px}[dir=rtl] .order-list-box .form-info .info-item .radio span{margin-left:36px}.order-list-box .form-info .info-item .radio span{cursor:pointer}.order-list-box .form-info .info-item .text1{font-size:12px;margin-top:6px;line-height:22px}.order-list-box .inline-input{padding:0 10px}.order-list-box .inline-input .input-line-slot{line-height:26px}.order-list-box .table-body{min-height:250px}.trade-content .table-body .marketPriceOrder,.trade-content .table-body .notShowe{display:none}[dir=ltr] .trade-content .left-text{text-align:left}[dir=rtl] .trade-content .left-text{text-align:right}.tab-content{width:100%;overflow-x:scroll;padding:0 .15rem;-webkit-box-sizing:border-box;box-sizing:border-box}.tab-box,.tab-content{height:.4rem;display:-webkit-box;display:-ms-flexbox;display:flex}.tab-box{line-height:.4rem}[dir=ltr] .tab-box .tab-item{margin-right:.25rem}[dir=rtl] .tab-box .tab-item{margin-left:.25rem}.tab-box .tab-item{white-space:nowrap;font-size:14px;display:inline-block;cursor:pointer;height:37px}.tab-box .tab-item.selected{border-bottom-style:solid;border-bottom-width:2px}.order-list .common-table{min-width:1000px}.order-list .common-table .hover{cursor:pointer}.order-list .common-table .hover .hover_show{display:none}.order-list .common-table .hover:hover .hover_show{display:block}.order-list .common-table .hover:hover .hover_hide{display:none}.order-list .common-table .ctimeStr{width:100px;display:block}[dir=ltr] .opera div{padding-right:10px}[dir=rtl] .opera div{padding-left:10px}[dir=ltr] .level-l-box{left:0}[dir=rtl] .level-l-box{right:0}.level-l-box{font-size:12px;width:100%;margin-top:1px;position:fixed;top:0;bottom:0;z-index:99}[dir=ltr] .level-l-box .level-list{left:0}[dir=rtl] .level-l-box .level-list{right:0}.level-l-box .level-list{position:absolute;bottom:0;width:100%}.level-l-box .level-list li{text-align:center;height:.58rem;line-height:.58rem;border-bottom-width:1px;border-bottom-style:solid;border-color:#e2e9ef}.level-l-box .level-list .cancel-change-lever{height:.58rem;line-height:.58rem;margin-top:5px;text-align:center}.lever-fade-enter-active,.lever-fade-leave-active{-webkit-transition:all .4s ease;transition:all .4s ease}.lever-fade-enter,.lever-fade-leave-to{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}.newTrade{width:100%;margin-top:1px}.newTrade .block-header{height:39px;line-height:39px;padding:0 15px;font-size:14px}.newTrade .trade-shrinks .block-header{display:none}.newTrade .thead{height:.3rem;line-height:.3rem;padding:0 .15rem 0;font-size:12px}.newTrade .thead span{display:inline-block}.newTrade .tbody{padding:5px 0 5px;font-size:12px;transiton:height .5s ease;-webkit-transition:height .5s ease}.newTrade .tbody.no-padding{padding:0}.newTrade .tbody .symbol-item{padding:0 .15rem 0;line-height:26px;cursor:pointer;position:relative}.newTrade .tbody .symbol-item .bg{display:none}[dir=ltr] .newTrade .tbody .symbol-item:hover .bg{left:0}[dir=rtl] .newTrade .tbody .symbol-item:hover .bg{right:0}.newTrade .tbody .symbol-item:hover .bg{display:block;position:absolute;top:0;height:100%;width:100%}[dir=ltr] .newTrade .tbody .symbol-item.change-item .change{left:0}[dir=rtl] .newTrade .tbody .symbol-item.change-item .change{right:0}.newTrade .tbody .symbol-item.change-item .change{position:absolute;-webkit-animation:opacityZ 2s 0s 1;animation:opacityZ 2s 0s 1;top:2px;height:80%;width:100%;opacity:0}[dir=ltr] .newTrade .tbody span,[dir=ltr] .newTrade .thead span{text-align:right}[dir=rtl] .newTrade .tbody span,[dir=rtl] .newTrade .thead span{text-align:left}.newTrade .tbody span,.newTrade .thead span{display:inline-block;position:relative}[dir=ltr] .newTrade .tbody span .icon,[dir=ltr] .newTrade .thead span .icon{float:left}[dir=rtl] .newTrade .tbody span .icon,[dir=rtl] .newTrade .thead span .icon{float:right}[dir=ltr] .newTrade .tbody span .icon,[dir=ltr] .newTrade .thead span .icon{margin-left:0}[dir=rtl] .newTrade .tbody span .icon,[dir=rtl] .newTrade .thead span .icon{margin-right:0}[dir=ltr] .newTrade .tbody span .icon,[dir=ltr] .newTrade .thead span .icon{margin-right:5px}[dir=rtl] .newTrade .tbody span .icon,[dir=rtl] .newTrade .thead span .icon{margin-left:5px}.newTrade .tbody span .icon,.newTrade .thead span .icon{display:inline-block;vertical-align:middle;height:15px;margin-top:8px;margin-bottom:0}.newTrade .tbody span .hover_show,.newTrade .thead span .hover_show{display:none}.newTrade .tbody span:hover .hover_show,.newTrade .thead span:hover .hover_show{display:block}.newTrade .tbody span:hover .hover_hide,.newTrade .thead span:hover .hover_hide{display:none}[dir=ltr] .newTrade .tbody span.td-symbol,[dir=ltr] .newTrade .tbody span.td-symbol0,[dir=ltr] .newTrade .thead span.td-symbol,[dir=ltr] .newTrade .thead span.td-symbol0{text-align:left}[dir=rtl] .newTrade .tbody span.td-symbol,[dir=rtl] .newTrade .tbody span.td-symbol0,[dir=rtl] .newTrade .thead span.td-symbol,[dir=rtl] .newTrade .thead span.td-symbol0{text-align:right}[dir=ltr] .newTrade .tbody span.td-rose,[dir=ltr] .newTrade .tbody span.td-symbol2,[dir=ltr] .newTrade .thead span.td-rose,[dir=ltr] .newTrade .thead span.td-symbol2{float:right}[dir=rtl] .newTrade .tbody span.td-rose,[dir=rtl] .newTrade .tbody span.td-symbol2,[dir=rtl] .newTrade .thead span.td-rose,[dir=rtl] .newTrade .thead span.td-symbol2{float:left}[dir=ltr] .newTrade .tbody .rose,[dir=ltr] .newTrade .thead .rose{left:10px}[dir=rtl] .newTrade .tbody .rose,[dir=rtl] .newTrade .thead .rose{right:10px}.newTrade .tbody .rose,.newTrade .thead .rose{position:absolute;top:1px;font-size:12px}[dir=ltr] .newTrade .tr-bg{left:0}[dir=rtl] .newTrade .tr-bg{right:0}.newTrade .tr-bg{position:absolute;height:26px;top:0;z-index:1;opacity:.16;padding:0;width:10%;transiton:width .5s ease;-webkit-transition:width .5s ease}.newTrade .newTrade-tbody{overflow:auto}.newTrade .Int-trade .newTrade,.newTrade .Int-trade .newTrade .block-content{height:100%}.newTrade .Int-trade .newTrade .newCoTrade-tbody{height:calc(100% - 35px)}@-webkit-keyframes opacityZ{0%{opacity:1}to{opacity:0}}@keyframes opacityZ{0%{opacity:1}to{opacity:0}}