.contract-content{position:relative;min-width:1280px;width:100%;box-sizing:border-box}[dir] .contract-content{padding:5px}.contract-content .contract-content-main{position:relative}[dir=ltr] .contract-content .contract-content-main{margin-right:360px}[dir=rtl] .contract-content .contract-content-main{margin-left:360px}.contract-content .layout-block-Klinw{position:relative}[dir] .contract-content .layout-block-Klinw{padding-top:5px}[dir=ltr] .contract-content .layout-block-Klinw{padding-right:325px}[dir=rtl] .contract-content .layout-block-Klinw{padding-left:325px}.contract-content .layout-block-depth{position:absolute;top:75px;width:320px;z-index:1}[dir=ltr] .contract-content .layout-block-depth{right:0;float:left}[dir=rtl] .contract-content .layout-block-depth{left:0;float:right}.contract-content .layout-block-trade{position:absolute;top:5px;width:355px;height:calc(100% - 10px)}[dir=ltr] .contract-content .layout-block-trade{right:5px;float:right}[dir=rtl] .contract-content .layout-block-trade{left:5px;float:left}.contract-content .layout-block-trade:hover{z-index:999}[dir] .contract-content .layout-block-order{margin-top:5px}.contract-content .zoomIn-enter-active{transition:all .2s ease .5s}.contract-content .zoomIn-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.contract-content .zoomIn-enter,.contract-content .zoomIn-leave-to{opacity:0}[dir] .contract-content .zoomIn-enter,[dir] .contract-content .zoomIn-leave-to{transform:translateY(-10px)}@media screen and (min-width:1660px){.contract-content .layout-block-depth{top:0}}.currentSymbol{height:70px;align-items:center;display:flex;position:relative}[dir] .currentSymbol{border-bottom-width:0;border-bottom-style:solid}.currentSymbol .operations-btn{position:relative;z-index:12;height:70px}[dir] .currentSymbol .operations-btn{padding:0 16px}[dir=ltr] .currentSymbol .operations-btn{border-right-width:1px;border-right-style:solid}[dir=rtl] .currentSymbol .operations-btn{border-left-width:1px;border-left-style:solid}.currentSymbol .operations-btn .activePrice-item{display:none}.currentSymbol .symbol-total{font-size:18px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:22px;height:22px;font-weight:700}[dir] .currentSymbol .symbol-total{cursor:pointer;margin-top:24px}.currentSymbol .symbol-total .hoverShow,.currentSymbol .symbol-total:hover .hoverHide{display:none}.currentSymbol .symbol-total:hover .hoverShow{display:block}.currentSymbol .symbol-info{height:34px;display:flex;justify-content:space-around;width:76%;max-width:700px}[dir] .currentSymbol .symbol-info .activePrice-item{margin-top:-13px}.currentSymbol .symbol-info .info-item{font-size:12px;position:relative}[dir=ltr] .currentSymbol .symbol-info .info-item{text-align:left}[dir=rtl] .currentSymbol .symbol-info .info-item{text-align:right}.currentSymbol .symbol-info .info-item span{display:block}.currentSymbol .symbol-info .info-item .explain{display:inline-block}[dir] .currentSymbol .symbol-info .info-item .explain{border-bottom-style:dashed;border-bottom-width:1px;cursor:pointer}[dir] .currentSymbol .symbol-info .info-item .tit{padding-bottom:2px}[dir] .currentSymbol .symbol-info .info-item .vla{margin-top:6px}.currentSymbol .symbol-info .info-item .vla-l{display:inline}.currentSymbol .symbol-info .info-item .explain-text{width:320px;position:absolute;top:22px;z-index:20;line-height:1.5}[dir] .currentSymbol .symbol-info .info-item .explain-text{padding:15px 20px;border-width:0;border-style:solid;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.2)}[dir=ltr] .currentSymbol .symbol-info .info-item .explain-text{left:50%;margin-left:-180px;text-align:left}[dir=rtl] .currentSymbol .symbol-info .info-item .explain-text{right:50%;margin-right:-180px;text-align:right}.currentSymbol .symbol-info .info-item .explain-text-w{width:168px}[dir=ltr] .currentSymbol .symbol-info .info-item .explain-text-w{margin-left:-106px}[dir=rtl] .currentSymbol .symbol-info .info-item .explain-text-w{margin-right:-106px}.currentSymbol .symbol-info .info-item .triangle{position:absolute;top:-6px;width:10px;height:10px}[dir] .currentSymbol .symbol-info .info-item .triangle{border-top-width:0;border-top-style:solid}[dir=ltr] .currentSymbol .symbol-info .info-item .triangle{left:50%;margin-left:-5px;border-left-width:0;border-left-style:solid;transform:rotate(45deg)}[dir=rtl] .currentSymbol .symbol-info .info-item .triangle{right:50%;margin-right:-5px;border-right-width:0;border-right-style:solid;transform:rotate(-45deg)}.currentSymbol .symbol-info .info-item:hover .explain-text{display:block}.currentSymbol .counter-and-set{flex:1;display:none;justify-content:flex-end}[dir=ltr] .currentSymbol .counter-and-set{padding-right:16px}[dir=rtl] .currentSymbol .counter-and-set{padding-left:16px}.currentSymbol .counter-and-set .hover-show{display:none}[dir] .currentSymbol .counter-and-set .set-btn-icon{cursor:pointer}[dir=ltr] .currentSymbol .counter-and-set .set-btn-icon{margin-left:12px}[dir=rtl] .currentSymbol .counter-and-set .set-btn-icon{margin-right:12px}.currentSymbol .counter-and-set .set-btn-icon:hover .hover-hide{display:none}.currentSymbol .counter-and-set .set-btn-icon:hover .hover-show{display:inline}.currentSymbol .market-block{position:absolute;width:355px;z-index:100;top:70px}[dir=ltr] .currentSymbol .market-block{left:0}[dir=rtl] .currentSymbol .market-block{right:0}.currentSymbol .contract-desc{position:absolute;font-size:12px}[dir] .currentSymbol .contract-desc{cursor:pointer}[dir=ltr] .currentSymbol .contract-desc{right:18px}[dir=rtl] .currentSymbol .contract-desc{left:18px}.currentSymbol .contract-desc:hover{opacity:.8}.currentSymbol .set-button{flex:1;display:flex;max-width:130px}[dir=ltr] .currentSymbol .set-button{padding-left:5px}[dir=rtl] .currentSymbol .set-button{padding-right:5px}.currentSymbol .set-button span{display:inline-block;width:56px;height:24px;line-height:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px}[dir] .currentSymbol .set-button span{text-align:center;border-width:1px;border-style:solid;cursor:pointer}[dir=ltr] .currentSymbol .set-button span{margin:0 0 0 5px}[dir=rtl] .currentSymbol .set-button span{margin:0 5px 0 0}.currentSymbol .activePrice{line-height:32px;font-size:20px;font-weight:500}.currentSymbol .activePrice i{font-size:12px;font-weight:400}[dir] .currentSymbol .activePrice i{padding:0 5px;border-radius:3px}[dir=ltr] .currentSymbol .activePrice i{margin-left:3px}[dir=rtl] .currentSymbol .activePrice i{margin-right:3px}[dir=ltr] .currentSymbol .rose{text-align:left}[dir=rtl] .currentSymbol .rose{text-align:right}.currentSymbol .market-shade{position:fixed;top:0;bottom:0;z-index:10;opacity:.1}[dir=ltr] .currentSymbol .market-shade,[dir=rtl] .currentSymbol .market-shade{left:0;right:0}.currentSymbol .triangle-down{vertical-align:middle;display:inline-block;transition:all .3s ease-in-out}[dir] .currentSymbol .triangle-down{padding:0}[dir=ltr] .currentSymbol .triangle-down{margin:-2px 0 0 4px}[dir=rtl] .currentSymbol .triangle-down{margin:-2px 4px 0 0}[dir=ltr] .currentSymbol .triangle-down.triangle-down-active{transform:rotate(180deg)}[dir=rtl] .currentSymbol .triangle-down.triangle-down-active{transform:rotate(-180deg)}@media screen and (max-width:1451px){[dir] .currentSymbol .operations-btn .symbol-total{margin-top:12px}.currentSymbol .operations-btn .activePrice-item{display:block;height:22px;line-height:22px}.currentSymbol .symbol-info{width:73%}.currentSymbol .symbol-info .activePrice-item{display:none}}@media screen and (max-width:1345px){.currentSymbol .symbol-info{width:70%}}@media screen and (min-width:1660px){[dir=ltr] .currentSymbol{margin-right:325px}[dir=rtl] .currentSymbol{margin-left:325px}}.market-slide-fade-enter-active,.market-slide-fade-leave-active{transition:all .3s ease-out}[dir] .market-slide-fade-enter,[dir] .market-slide-fade-leave-to{transform:translateY(-40px)}[dir] .co-market-box{box-shadow:0 4px 10px 0 rgba(0,0,0,.2)}.co-market-box .market-tab{box-sizing:border-box}[dir=ltr] .co-market-box .market-tab{padding:8px 18px 0 16px}[dir=rtl] .co-market-box .market-tab{padding:8px 16px 0 18px}.co-market-box .market-tab .category-select-box{display:flex;position:relative}[dir] .co-market-box .market-tab .category-select-box{border-radius:2px;margin-top:2px}[dir=ltr] .co-market-box .market-tab .category-select-box{left:-10px}[dir=rtl] .co-market-box .market-tab .category-select-box{right:-10px}.co-market-box .market-tab .category-select-box .tab{flex:1;height:32px;line-height:32px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px;max-width:78px}[dir] .co-market-box .market-tab .category-select-box .tab{text-align:center;cursor:pointer}.co-market-box .market-tab .category-select-box .tab .s,.co-market-box .market-tab .category-select-box .tab:hover .h{display:none}.co-market-box .market-tab .category-select-box .tab:hover .s{display:block}[dir] .co-market-box .market-tab .category-select-box .tab.main-1-bg{border-radius:2px}.co-market-box .market-tab .category-select-box .underline{position:absolute;bottom:0;width:36px;height:2px;transition:all .3s}[dir=ltr] .co-market-box .market-tab .category-select-box .underline{left:21px}[dir=rtl] .co-market-box .market-tab .category-select-box .underline{right:21px}.co-market-box .market-tab .search{width:321px}.co-market-box .market-tab .search .input-find-content{width:100%}[dir=ltr] .co-market-box .market-tab .search .input-find-content .iconbox{float:left}[dir=rtl] .co-market-box .market-tab .search .input-find-content .iconbox{float:right}.co-market-box .market-tab .search .input-find-content input{width:262px;line-height:28px;height:28px;font-size:12px}[dir=ltr] .co-market-box .market-tab .search .input-find-content input{padding-left:5px}[dir=rtl] .co-market-box .market-tab .search .input-find-content input{padding-right:5px}.co-market-box .co-market-symbol{font-size:12px}[dir] .co-market-box .co-market-symbol{border-top-style:solid;border-top-width:1px}.co-market-box .co-market-symbol .thead{width:100%;height:30px;box-sizing:border-box;display:flex;align-items:center}[dir] .co-market-box .co-market-symbol .thead{padding:0 16px;border-bottom-style:solid;border-bottom-width:1px}.co-market-box .co-market-symbol .tbody{height:340px;box-sizing:border-box}.co-market-box .co-market-symbol .tbody .tr{box-sizing:border-box;display:flex;height:30px;align-items:center;position:relative}[dir] .co-market-box .co-market-symbol .tbody .tr{padding:0 16px}.co-market-box .co-market-symbol .tbody .tr:hover .bg{display:block;position:absolute;top:0;height:100%;width:100%}[dir=ltr] .co-market-box .co-market-symbol .tbody .tr:hover .bg{left:0}[dir=rtl] .co-market-box .co-market-symbol .tbody .tr:hover .bg{right:0}.co-market-box .co-market-symbol .tbody span,.co-market-box .co-market-symbol .thead span{flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .co-market-box .co-market-symbol .tbody span,[dir] .co-market-box .co-market-symbol .thead span{cursor:pointer}[dir=ltr] .co-market-box .co-market-symbol .tbody span.td-rose,[dir=ltr] .co-market-box .co-market-symbol .thead span.td-rose{text-align:right}[dir=rtl] .co-market-box .co-market-symbol .tbody span.td-rose,[dir=rtl] .co-market-box .co-market-symbol .thead span.td-rose{text-align:left}.co-market-box .co-market-symbol .tbody span.td-symbol,.co-market-box .co-market-symbol .thead span.td-symbol{min-width:150px}.co-market-box .sorte{width:14px;height:14px;display:inline-block;vertical-align:middle}[dir] .not-data{text-align:center;padding-top:80px}[dir] .not-data p{margin-top:5px}.not-data .icon{font-size:36px}.codepath-container .coDepth{position:relative;overflow:hidden}.codepath-container .block-header{display:none}.codepath-container .tab-item{display:block}[dir] .codepath-container .tab-item{margin-bottom:5px}.codepath-container .tab-item .block-header{display:block;height:61px;font-size:14px;z-index:99;position:relative;box-sizing:border-box}[dir] .codepath-container .tab-item .block-header{padding:10px 10px 0 10px}.codepath-container .tab-item .block-header .switch-btn{display:block!important}[dir] .codepath-container .tab-item .block-header .switch-btn{border-radius:2px;margin-top:5px}[dir=ltr] .codepath-container .tab-item .block-header .switch-btn{float:left}[dir=rtl] .codepath-container .tab-item .block-header .switch-btn{float:right}.codepath-container .tab-item .block-header .switch-btn .tooltip-container{line-height:8px;font-size:12px}[dir=ltr] .codepath-container .tab-item .block-header .switch-btn .tooltip-container{margin:0 10px 0 0}[dir=rtl] .codepath-container .tab-item .block-header .switch-btn .tooltip-container{margin:0 0 0 10px}.codepath-container .tab-item .block-header .switch-btn .dtIcon{font-size:16px;display:inline-block;height:23px;line-height:23px;width:23px;position:relative}[dir] .codepath-container .tab-item .block-header .switch-btn .dtIcon{cursor:pointer;text-align:center;border-radius:50%}.codepath-container .tab-item .block-header .switch-btn .dtIcon-act{opacity:1}[dir] .codepath-container .tab-item .coNewTrade-container .block-header{padding:0 10px}.codepath-container .tab-item.is-show{display:block}.codepath-container .current-price{height:30px;line-height:30px;font-size:12px;position:relative;top:-6px}[dir] .codepath-container .current-price{padding:0 15px;margin-top:0}.codepath-container .current-price .price-box{height:30px;line-height:30px;font-size:12px;position:relative}.codepath-container .current-price .price-box span{vertical-align:middle;min-width:100px;display:inline-block;box-sizing:border-box}[dir=ltr] .codepath-container .current-price .price-box .price{margin-right:10px}[dir=rtl] .codepath-container .current-price .price-box .price{margin-left:10px}.codepath-container .current-price .price-box .indexPrice{font-size:14px}[dir=ltr] .codepath-container .current-price .price-box .indexPrice{margin-right:15px}[dir=rtl] .codepath-container .current-price .price-box .indexPrice{margin-left:15px}.codepath-container .current-price .price-box .tagPrice{position:absolute}[dir=ltr] .codepath-container .current-price .price-box .tagPrice{right:0;text-align:right}[dir=rtl] .codepath-container .current-price .price-box .tagPrice{left:0;text-align:left}[dir=ltr] .codepath-container .current-price .price-box .tagPrice .tagPrice-icon{margin-right:1px}[dir=rtl] .codepath-container .current-price .price-box .tagPrice .tagPrice-icon{margin-left:1px}.codepath-container .current-price .jb{display:inline-block}[dir=ltr] .codepath-container .current-price .jb{margin-left:10px;float:right}[dir=rtl] .codepath-container .current-price .jb{margin-right:10px;float:left}.codepath-container .current-price .jb i{vertical-align:middle;display:inline-block;width:6px;height:14px}[dir] .codepath-container .current-price .jb i{border-width:1px;border-style:solid;border-radius:2px}[dir=ltr] .codepath-container .current-price .jb i{margin-right:3px}[dir=rtl] .codepath-container .current-price .jb i{margin-left:3px}.codepath-container .title-tab .tab{display:inline-block;height:38px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}[dir] .codepath-container .title-tab .tab{border-bottom-style:solid;border-bottom-width:0;cursor:pointer}[dir=ltr] .codepath-container .title-tab .tab{margin-right:28px}[dir=rtl] .codepath-container .title-tab .tab{margin-left:28px}[dir] .codepath-container .title-tab .tab.main-1-bd{border-bottom-style:solid;border-bottom-width:2px}[dir] .codepath-container .title-tab .tab-rtwo{margin:0}.codepath-container .depath-class{position:absolute;top:22px}[dir] .codepath-container .depath-class{padding:0 0 0 0;cursor:pointer}[dir=ltr] .codepath-container .depath-class{right:15px}[dir=rtl] .codepath-container .depath-class{left:15px}.codepath-container .depath-class .depath-class-select{height:23px;line-height:23px;font-size:12px;min-width:50px;display:inline-block}[dir] .codepath-container .depath-class .depath-class-select{padding:0 5px;border-radius:2px}[dir=ltr] .codepath-container .depath-class .depath-class-select{text-align:right}[dir=rtl] .codepath-container .depath-class .depath-class-select{text-align:left}.codepath-container .depath-class .triangle-down{width:10px;height:10px;vertical-align:middle;display:inline-block;transition:all .3s ease-in-out}[dir] .codepath-container .depath-class .triangle-down{margin:0;padding:0}.codepath-container .depath-class .triangle-down svg{vertical-align:top}[dir=ltr] .codepath-container .depath-class .triangle-down.triangle-down-active{transform:rotate(180deg)}[dir=rtl] .codepath-container .depath-class .triangle-down.triangle-down-active{transform:rotate(-180deg)}.codepath-container .depath-class span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.codepath-container .depath-class ul{display:none;position:absolute;top:23px;min-width:50px}[dir=ltr] .codepath-container .depath-class ul{right:0;text-align:right}[dir=rtl] .codepath-container .depath-class ul{left:0;text-align:left}.codepath-container .depath-class ul li{height:24px;line-height:24px;font-size:12px}[dir] .codepath-container .depath-class ul li{padding:0 10px;cursor:pointer;margin-bottom:1px}.codepath-container .depath-class .slideInDown-enter-active{transition:all .3s ease}.codepath-container .depath-class .slideInDown-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.codepath-container .depath-class .slideInDown-enter,.codepath-container .depath-class .slideInDown-leave-to{opacity:0}[dir] .codepath-container .depath-class .slideInDown-enter,[dir] .codepath-container .depath-class .slideInDown-leave-to{transform:translateY(-15px)}.codepath-container .depath-class .hoverShow,.codepath-container .depath-class:hover .hoverHide{display:none}.codepath-container .depath-class:hover .hoverShow,.codepath-container .depath-class:hover ul{display:block}@media screen and (min-width:1820px){.codepath-container .title-tab{display:none}.codepath-container .tab-item,.codepath-container .tab-item .block-header{display:block}}.tableList-container .thead{height:29px;line-height:29px;font-size:12px}.tableList-container .thead span{display:inline-block}.tableList-container .thead span:first-child{box-sizing:border-box}[dir=ltr] .tableList-container .thead span:first-child{text-align:left;padding-left:15px}[dir=rtl] .tableList-container .thead span:first-child{text-align:right;padding-right:15px}.tableList-container .tbody{position:relative;font-size:12px;transiton:height .5s ease;width:100%}[dir] .tableList-container .tbody{-webkit-transition:height .5s ease;margin-top:-4px}[dir=ltr] .tableList-container .tbody{padding:1px 2px 9px 0}[dir=rtl] .tableList-container .tbody{padding:1px 0 9px 2px}[dir] .tableList-container .tbody.no-padding{padding:0}.tableList-container .tbody .symbol-item{line-height:16px;position:relative}[dir] .tableList-container .tbody .symbol-item{cursor:pointer}[dir=ltr] .tableList-container .tbody .symbol-item{padding:0 15px 0 0}[dir=rtl] .tableList-container .tbody .symbol-item{padding:0 0 0 15px}.tableList-container .tbody .symbol-item .bg{display:none}.tableList-container .tbody .symbol-item.change-item .change{position:absolute;top:0;height:100%;width:100%;opacity:0}[dir=ltr] .tableList-container .tbody .symbol-item.change-item .change{animation:opacity2 1s 0s 1;left:2px}[dir=rtl] .tableList-container .tbody .symbol-item.change-item .change{animation:opacity2 1s 0s 1;right:2px}.tableList-container .tbody .symbol-item:hover .bg{display:block;position:absolute;top:0;height:100%;width:100%}[dir=ltr] .tableList-container .tbody .symbol-item:hover .bg{left:0}[dir=rtl] .tableList-container .tbody .symbol-item:hover .bg{right:0}.tableList-container .tbody .symbol-item span.td-symbol{box-sizing:border-box}[dir=ltr] .tableList-container .tbody .symbol-item span.td-symbol{text-align:left;padding-left:16px}[dir=rtl] .tableList-container .tbody .symbol-item span.td-symbol{text-align:right;padding-right:16px}.tableList-container .tbody .active-price-point{display:inline-block;width:4px;height:4px;vertical-align:2px}[dir] .tableList-container .tbody .active-price-point{border-radius:100px}.tableList-container .tbody span,.tableList-container .thead span{display:inline-block;position:relative;z-index:9}[dir=ltr] .tableList-container .tbody span,[dir=ltr] .tableList-container .thead span{text-align:right}[dir=rtl] .tableList-container .tbody span,[dir=rtl] .tableList-container .thead span{text-align:left}.tableList-container .tbody span .icon,.tableList-container .thead span .icon{display:inline-block;vertical-align:middle;height:16px}[dir] .tableList-container .tbody span .icon,[dir] .tableList-container .thead span .icon{background:red}[dir=ltr] .tableList-container .tbody span .icon,[dir=ltr] .tableList-container .thead span .icon{float:left;margin:8px 5px 0 0}[dir=rtl] .tableList-container .tbody span .icon,[dir=rtl] .tableList-container .thead span .icon{float:right;margin:8px 0 0 5px}.tableList-container .tbody span .hover_show,.tableList-container .thead span .hover_show{display:none}.tableList-container .tbody span:hover .hover_show,.tableList-container .thead span:hover .hover_show{display:block}.tableList-container .tbody span:hover .hover_hide,.tableList-container .thead span:hover .hover_hide{display:none}.tableList-container .tr-bg{position:absolute;height:16px;top:0;z-index:1;width:10%;transiton:width .5s ease}[dir] .tableList-container .tr-bg{padding:0;-webkit-transition:width .5s ease}[dir=ltr] .tableList-container .tr-bg{right:-20px}[dir=rtl] .tableList-container .tr-bg{left:-20px}.tableList-container .tr-value{position:relative;z-index:2}@keyframes opacity2{0%{opacity:1}to{opacity:0}}.Int-contract-content .tableList-container .asksOPtion{position:static}.Int-contract-content .tableList-container .tbodyBar{overflow:initial!important}.coNewTrade-container .block-header{height:39px!important;line-height:39px!important;font-size:14px!important}[dir] .coNewTrade-container .block-header{padding:0 15px!important}.coNewTrade-container .thead{height:24px;line-height:24px;font-size:12px}[dir=ltr] .coNewTrade-container .thead{padding:0 15px 0 0}[dir=rtl] .coNewTrade-container .thead{padding:0 0 0 15px}.coNewTrade-container .thead span{display:inline-block;white-space:nowrap}.coNewTrade-container .tbody{font-size:12px;height:68px;box-sizing:border-box}[dir] .coNewTrade-container .tbody{padding:0 0 3px}.coNewTrade-container .tbody .symbol-item{line-height:17px;position:relative}[dir] .coNewTrade-container .tbody .symbol-item{cursor:pointer}.coNewTrade-container .tbody .symbol-item .bg{display:none}.coNewTrade-container .tbody .symbol-item .rose{position:absolute;top:1px;font-size:12px}[dir=ltr] .coNewTrade-container .tbody .symbol-item .rose{left:10px}[dir=rtl] .coNewTrade-container .tbody .symbol-item .rose{right:10px}.coNewTrade-container .tbody .symbol-item:hover .bg{display:block;position:absolute;top:0;height:100%;width:100%}[dir=ltr] .coNewTrade-container .tbody .symbol-item:hover .bg{left:0}[dir=rtl] .coNewTrade-container .tbody .symbol-item:hover .bg{right:0}.coNewTrade-container .tbody .symbol-item.change-item .change{position:absolute;top:2px;height:80%;width:100%;opacity:0}[dir=ltr] .coNewTrade-container .tbody .symbol-item.change-item .change{animation:opacityZ 2s 0s 1;left:0}[dir=rtl] .coNewTrade-container .tbody .symbol-item.change-item .change{animation:opacityZ 2s 0s 1;right:0}.coNewTrade-container .tbody span,.coNewTrade-container .thead span{display:inline-block;position:relative}[dir=ltr] .coNewTrade-container .tbody span,[dir=ltr] .coNewTrade-container .thead span{text-align:right}[dir=rtl] .coNewTrade-container .tbody span,[dir=rtl] .coNewTrade-container .thead span{text-align:left}.coNewTrade-container .tbody span .icon,.coNewTrade-container .thead span .icon{display:inline-block;vertical-align:middle;height:15px}[dir] .coNewTrade-container .tbody span .icon,[dir] .coNewTrade-container .thead span .icon{background:red}[dir=ltr] .coNewTrade-container .tbody span .icon,[dir=ltr] .coNewTrade-container .thead span .icon{float:left;margin:8px 5px 0 0}[dir=rtl] .coNewTrade-container .tbody span .icon,[dir=rtl] .coNewTrade-container .thead span .icon{float:right;margin:8px 0 0 5px}.coNewTrade-container .tbody span .hover_show,.coNewTrade-container .thead span .hover_show{display:none}.coNewTrade-container .tbody span:hover .hover_show,.coNewTrade-container .thead span:hover .hover_show{display:block}.coNewTrade-container .tbody span:hover .hover_hide,.coNewTrade-container .thead span:hover .hover_hide{display:none}.coNewTrade-container .tbody span.td-symbol,.coNewTrade-container .tbody span:first-child,.coNewTrade-container .thead span.td-symbol,.coNewTrade-container .thead span:first-child{box-sizing:border-box}[dir=ltr] .coNewTrade-container .tbody span.td-symbol,[dir=ltr] .coNewTrade-container .tbody span:first-child,[dir=ltr] .coNewTrade-container .thead span.td-symbol,[dir=ltr] .coNewTrade-container .thead span:first-child{text-align:left;padding-left:15px}[dir=rtl] .coNewTrade-container .tbody span.td-symbol,[dir=rtl] .coNewTrade-container .tbody span:first-child,[dir=rtl] .coNewTrade-container .thead span.td-symbol,[dir=rtl] .coNewTrade-container .thead span:first-child{text-align:right;padding-right:15px}.coNewTrade-container .tr-bg{position:absolute;height:20px;top:0;z-index:1;opacity:.16;width:10%;transiton:width .5s ease}[dir] .coNewTrade-container .tr-bg{padding:0;-webkit-transition:width .5s ease}[dir=ltr] .coNewTrade-container .tr-bg{left:0}[dir=rtl] .coNewTrade-container .tr-bg{right:0}@media screen and (min-width:1660px){.coNewTrade-container .tbody{height:143px}}@keyframes opacityZ{0%{opacity:1}to{opacity:0}}.future-canter-echart-box{z-index:9;position:relative}[dir] .future-canter-echart-box{border-radius:2px}.future-canter-echart-box .tv_chart_container_loading{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.future-canter-echart-box .loader{color:#2b61ff;width:4px;aspect-ratio:1}[dir] .future-canter-echart-box .loader{border-radius:50%}[dir=ltr] .future-canter-echart-box .loader{box-shadow:19px 0 0 7px,38px 0 0 3px,57px 0 0 0;transform:translateX(-38px);animation:l21-ltr .5s linear infinite alternate}[dir=rtl] .future-canter-echart-box .loader{box-shadow:-19px 0 0 7px,-38px 0 0 3px,-57px 0 0 0;transform:translateX(38px);animation:l21-rtl .5s linear infinite alternate}.future-canter-echart-box .kline-bg{position:absolute;bottom:130px;z-index:999}[dir=ltr] .future-canter-echart-box .kline-bg{left:15px}[dir=rtl] .future-canter-echart-box .kline-bg{right:15px}.future-canter-echart-box .kline-bg .kline-img{max-width:calc(100% - 85px)}.future-canter-echart-box .inline{position:absolute;top:30px;height:1px;z-index:9;width:100%}.future-canter-echart-box .top-menu{line-height:30px;font-size:12px;position:absolute;transition:all .5s ease;z-index:101}[dir] .future-canter-echart-box .top-menu{padding:0}[dir=ltr] .future-canter-echart-box .top-menu{left:130px;right:180px}[dir=rtl] .future-canter-echart-box .top-menu{right:130px;left:180px}[dir=ltr] .future-canter-echart-box .top-menu.lefts{left:0}[dir=rtl] .future-canter-echart-box .top-menu.lefts{right:0}.future-canter-echart-box .top-menu .top-menu-bar{position:relative;height:30px;width:100%}.future-canter-echart-box .top-menu .top-menu-bar .hover_hide{display:block}.future-canter-echart-box .top-menu .top-menu-bar .hover_show{display:none}.future-canter-echart-box .top-menu .top-menu-bar .slide-btn{position:absolute;top:0;z-index:9;display:none}[dir] .future-canter-echart-box .top-menu .top-menu-bar .slide-btn{padding:8px 0;cursor:pointer}.future-canter-echart-box .top-menu .top-menu-bar .slide-btn:hover .hover_show{display:block}.future-canter-echart-box .top-menu .top-menu-bar .slide-btn:hover .hover_hide{display:none}.future-canter-echart-box .top-menu .top-menu-bar .slide-btn-cur{display:block}[dir=ltr] .future-canter-echart-box .top-menu .top-menu-bar .icon-left{left:0;padding-right:5px}[dir=ltr] .future-canter-echart-box .top-menu .top-menu-bar .icon-right,[dir=rtl] .future-canter-echart-box .top-menu .top-menu-bar .icon-left{right:0;padding-left:5px}[dir=rtl] .future-canter-echart-box .top-menu .top-menu-bar .icon-right{left:0;padding-right:5px}.future-canter-echart-box .top-menu .top-menu-box{height:30px;width:-moz-max-content;width:max-content;white-space:nowrap;position:absolute;top:0;transiton:left .2s linear}[dir=ltr] .future-canter-echart-box .top-menu .top-menu-box{left:0;-webkit-transition:left .2s linear}[dir=rtl] .future-canter-echart-box .top-menu .top-menu-box{right:0;-webkit-transition:right .2s linear}.future-canter-echart-box .top-menu .time-line{-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .future-canter-echart-box .top-menu .time-line{padding:2px 5px;cursor:pointer;border-radius:2px}[dir=ltr] .future-canter-echart-box .top-menu .time-line{margin-right:4px}[dir=rtl] .future-canter-echart-box .top-menu .time-line{margin-left:4px}.future-canter-echart-box .top-menu .time-line .hoverShow,.future-canter-echart-box .top-menu .time-line:hover .hoverHide{display:none}.future-canter-echart-box .top-menu .time-line:hover .hoverShow{display:inline-block}.future-canter-echart-box .top-menu.hide{opacity:0;z-index:1}.future-canter-echart-box .mask-bg{height:30px;position:absolute;z-index:999}[dir=ltr] .future-canter-echart-box .mask-bg,[dir=rtl] .future-canter-echart-box .mask-bg{left:0;right:0}.future-canter-echart-box .slide{position:absolute;top:0;width:100%;opacity:0;transition:all .5s ease;overflow:hidden;height:100%;z-index:2}[dir=ltr] .future-canter-echart-box .slide{left:0}[dir=rtl] .future-canter-echart-box .slide{right:0}.future-canter-echart-box .slide.selected{opacity:1;z-index:3}[dir] .future-canter-echart-box .slide.selected{transform:translateX(0)}.future-canter-echart-box .top-tab{position:absolute;height:30px;line-height:30px;z-index:101}[dir=ltr] .future-canter-echart-box .top-tab{right:40px;text-align:right}[dir=rtl] .future-canter-echart-box .top-tab{left:40px;text-align:left}.future-canter-echart-box .top-tab .switch-chart-type{font-size:12px}[dir] .future-canter-echart-box .top-tab .switch-chart-type{cursor:pointer;padding:2px 5px;border-radius:2px}[dir=ltr] .future-canter-echart-box .top-tab .switch-chart-type{margin-right:5px}[dir=rtl] .future-canter-echart-box .top-tab .switch-chart-type{margin-left:5px}.future-canter-echart-box .tv_chart_container{height:100%;width:100%}[dir] .future-canter-echart-box .loading-indicator{background:none}.future-canter-echart-box .coverKlineBox{position:absolute;top:30px;bottom:0;z-index:99}[dir=ltr] .future-canter-echart-box .coverKlineBox,[dir=rtl] .future-canter-echart-box .coverKlineBox{left:0;right:0}.future-canter-echart-box .fade-enter-active,.future-canter-echart-box .fade-leave-active{transition:opacity .8s}.future-canter-echart-box .fade-enter,.future-canter-echart-box .fade-leave-to{opacity:0}.future-canter-echart-box .loading{position:absolute;top:50%;z-index:999}[dir=ltr] .future-canter-echart-box .loading{left:50%;margin:-25px 0 0 -25px}[dir=rtl] .future-canter-echart-box .loading{right:50%;margin:-25px -25px 0 0}@keyframes l21-ltr{50%{box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px}to{box-shadow:19px 0 0 0,38px 0 0 3px,57px 0 0 7px}}@keyframes l21-rtl{50%{box-shadow:-19px 0 0 3px,-38px 0 0 7px,-57px 0 0 3px}to{box-shadow:-19px 0 0 0,-38px 0 0 3px,-57px 0 0 7px}}.canter-echart-full{-o-object-fit:contain;object-fit:contain;position:fixed!important;top:0!important;bottom:0!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}[dir] .canter-echart-full{transform:none!important;margin:0!important}[dir=ltr] .canter-echart-full,[dir=rtl] .canter-echart-full{right:0!important;left:0!important}@media (max-width:460px){[dir=ltr] .ex-canter-echart-box .top-menu{left:75px}[dir=rtl] .ex-canter-echart-box .top-menu{right:75px}}.select-more{position:relative;line-height:17px;display:inline-block;height:21px;box-sizing:border-box;vertical-align:middle}[dir] .select-more{cursor:pointer;border-radius:2px}[dir=ltr] .select-more{padding:2px 20px 2px 0}[dir=rtl] .select-more{padding:2px 0 2px 20px}[dir=ltr] .select-more em{margin-left:5px}[dir=rtl] .select-more em{margin-right:5px}.select-more .icon-triangle{position:absolute;top:7px;width:10px;height:10px;transition:all .3s ease-in-out}[dir=ltr] .select-more .icon-triangle{right:5px}[dir=rtl] .select-more .icon-triangle{left:5px}.select-more .icon-triangle svg{vertical-align:top}.select-more .time-more-list{position:absolute;top:21px;height:0;overflow:hidden;box-sizing:border-box;transition:all .3s ease-in-out;min-width:160px}[dir] .select-more .time-more-list{padding:0 5px;border-radius:2px}[dir=ltr] .select-more .time-more-list{left:-80px}[dir=rtl] .select-more .time-more-list{right:-80px}.select-more .time-more-list .time-line{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block}[dir] .select-more .time-more-list .time-line{padding:4px 5px;cursor:pointer;border-radius:2px;margin-top:5px}[dir=ltr] .select-more .time-more-list .time-line{margin-right:4px}[dir=rtl] .select-more .time-more-list .time-line{margin-left:4px}.select-more:hover .time-more-list{height:35px}[dir=ltr] .select-more:hover .icon-triangle{transform:rotate(180deg)}[dir=rtl] .select-more:hover .icon-triangle{transform:rotate(-180deg)}.show-order-line{display:inline-block;position:relative;line-height:17px;box-sizing:border-box;vertical-align:middle}[dir] .show-order-line{cursor:pointer;border-radius:2px;margin-top:-7px}[dir=ltr] .show-order-line,[dir=rtl] .show-order-line{margin-left:6px;margin-right:6px}.show-order-line svg{vertical-align:bottom}.show-order-line .order-line-option{position:absolute;top:21px;height:0;display:none;box-sizing:border-box;transition:all .3s ease-in-out;min-width:120px}[dir] .show-order-line .order-line-option{border-radius:2px;padding:0 10px}[dir=ltr] .show-order-line .order-line-option{left:-70px;text-align:left}[dir=rtl] .show-order-line .order-line-option{right:-70px;text-align:right}[dir=ltr] .show-order-line .order-line-option .common-checkout{margin-right:10px}[dir=rtl] .show-order-line .order-line-option .common-checkout{margin-left:10px}.show-order-line .order-line-option:hover{height:90px;display:block}[dir] .show-order-line .order-line-option:hover{padding:5px 10px}.show-order-line .order-line-option li{line-height:28px;font-size:12px}[dir] .show-order-line .order-line-option li{cursor:pointer}.show-order-line .order-line-option li .checkBoxlabel{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block}[dir] .show-order-line .order-line-option li .checkBoxlabel{cursor:pointer}[dir] .show-order-line .order-line-option li .checkBoxlabel .tooltip-container span{border-bottom-style:dashed;border-bottom-width:1px}.show-order-line .hover-show{display:none}.show-order-line:hover .order-line-option{height:90px;display:block}[dir] .show-order-line:hover .order-line-option{padding:5px 10px}.show-order-line:hover .hover-show{display:inline-block}.show-order-line:hover .hover-hide{display:none}.full-btn{font-size:12px}[dir] .full-btn{cursor:pointer;padding:2px 5px;border-radius:2px}[dir=ltr] .full-btn{margin:0 5px 0 0}[dir=rtl] .full-btn{margin:0 0 0 5px}.echart-box{width:100%;height:100%}.full-btn .hover-show[data-v-ceaf3e02]{display:none}.full-btn:hover .hover-show[data-v-ceaf3e02]{display:inline}.full-btn:hover .hover-hide[data-v-ceaf3e02]{display:none}.co-trade-box{font-size:12px}[dir] .co-trade-box{padding:0}.co-trade-box .title-block{font-size:14px}[dir] .co-trade-box .title-block{padding:13px 15px 0 15px}.co-trade-box .title-block .tab{display:inline-block;height:38px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}[dir] .co-trade-box .title-block .tab{border-bottom-style:solid;border-bottom-width:0;cursor:pointer}[dir=ltr] .co-trade-box .title-block .tab{margin-right:28px}[dir=rtl] .co-trade-box .title-block .tab{margin-left:28px}[dir] .co-trade-box .title-block .tab.main-1-bd{border-bottom-style:solid;border-bottom-width:2px}[dir] .co-trade-box .title-block.no-border{border:none;margin-top:27px}.co-trade-box .title-block .show-dialog-btn{height:24px;width:78px;display:inline-block;line-height:24px;font-size:12px;box-sizing:border-box}[dir] .co-trade-box .title-block .show-dialog-btn{text-align:center;border-radius:3px;cursor:pointer}[dir=ltr] .co-trade-box .title-block .show-dialog-btn.show-dialog-btn-left{border-radius:2px 0 0 2px}[dir=ltr] .co-trade-box .title-block .show-dialog-btn.show-dialog-btn-right,[dir=rtl] .co-trade-box .title-block .show-dialog-btn.show-dialog-btn-left{border-radius:0 2px 2px 0}[dir=rtl] .co-trade-box .title-block .show-dialog-btn.show-dialog-btn-right{border-radius:2px 0 0 2px}.co-trade-box .counter-and-set{flex:1;justify-content:flex-end;position:relative}[dir=ltr] .co-trade-box .counter-and-set{float:right}[dir=rtl] .co-trade-box .counter-and-set{float:left}.co-trade-box .counter-and-set:hover{z-index:15}.co-trade-box .counter-and-set .hover-show{display:none}[dir] .co-trade-box .counter-and-set .set-btn-icon{cursor:pointer}[dir=ltr] .co-trade-box .counter-and-set .set-btn-icon{margin-left:12px}[dir=rtl] .co-trade-box .counter-and-set .set-btn-icon{margin-right:12px}.co-trade-box .counter-and-set .set-btn-icon:hover .hover-hide{display:none}.co-trade-box .counter-and-set .set-btn-icon:hover .hover-show{display:inline}[dir] .co-trade-box .trade-form{padding:15px}.co-trade-box .trade-form .category-select-box{width:100%;display:flex;position:relative}[dir] .co-trade-box .trade-form .category-select-box{border-radius:2px;margin-bottom:12px}.co-trade-box .trade-form .category-select-box .tab{flex:1;height:40px;line-height:40px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;position:relative}[dir] .co-trade-box .trade-form .category-select-box .tab{text-align:center;cursor:pointer}.co-trade-box .trade-form .category-select-box .tab-active-bg{position:absolute;width:50%;height:100%;transition:all .5s}[dir] .co-trade-box .trade-form .category-select-box .tab-active-bg{border-radius:2px}[dir=ltr] .co-trade-box .trade-form .category-select-box .tab-active-bg{left:50%}[dir=rtl] .co-trade-box .trade-form .category-select-box .tab-active-bg{right:50%}[dir=ltr] .co-trade-box .trade-form .category-tab-box,[dir=rtl] .co-trade-box .trade-form .category-tab-box{margin-left:-15px;margin-right:-15px}.co-trade-box .trade-form .category-tab-box .commonTab-tab{color:#fff}[dir] .co-trade-box .trade-form .category-tab-box .commonTab-tab li:nth-child(3){margin:0}.co-trade-box .trade-form .isMarket-form-input{position:relative}.co-trade-box .trade-form .convert{height:26px;line-height:26px;position:absolute;top:-34px;z-index:90}[dir] .co-trade-box .trade-form .convert{padding:0 15px;border-radius:2px}[dir=ltr] .co-trade-box .trade-form .convert{right:0}[dir=rtl] .co-trade-box .trade-form .convert{left:0}.co-trade-box .trade-form .convert .arrow{display:inline-block;width:8px;height:8px;bottom:-4px;position:absolute}[dir=ltr] .co-trade-box .trade-form .convert .arrow{transform:rotate(45deg);right:40%}[dir=rtl] .co-trade-box .trade-form .convert .arrow{transform:rotate(-45deg);left:40%}.co-trade-box .trade-form .available,.co-trade-box .trade-form .hold-position,.co-trade-box .trade-form .openable{display:flex;align-items:center;justify-content:space-between}[dir] .co-trade-box .trade-form .available,[dir] .co-trade-box .trade-form .hold-position,[dir] .co-trade-box .trade-form .openable{margin-top:12px}.co-trade-box .trade-form .available>div label,.co-trade-box .trade-form .hold-position>div label,.co-trade-box .trade-form .openable>div label{-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=ltr] .co-trade-box .trade-form .available>div label,[dir=ltr] .co-trade-box .trade-form .hold-position>div label,[dir=ltr] .co-trade-box .trade-form .openable>div label{margin-right:5px}[dir=rtl] .co-trade-box .trade-form .available>div label,[dir=rtl] .co-trade-box .trade-form .hold-position>div label,[dir=rtl] .co-trade-box .trade-form .openable>div label{margin-left:5px}.co-trade-box .trade-form .available>div span,.co-trade-box .trade-form .hold-position>div span,.co-trade-box .trade-form .openable>div span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.co-trade-box .trade-form .available .right{width:30px;display:block}[dir] .co-trade-box .trade-form .available .right{text-align:center;cursor:pointer}.co-trade-box .trade-form .available .right .icon{vertical-align:middle}[dir] .co-trade-box .trade-form .openable{margin-top:16px}.co-trade-box .trade-form .submit-button{height:40px}[dir] .co-trade-box .trade-form .submit-button{margin-top:12px}.co-trade-box .trade-form .submit-button .not-logon-button{height:100%;line-height:40px}[dir] .co-trade-box .trade-form .submit-button .not-logon-button{text-align:center;cursor:pointer}.co-trade-box .trade-form .submit-button .common-button{transition:none}[dir=ltr] .co-trade-box .trade-form .submit-button .common-button{float:left}[dir=rtl] .co-trade-box .trade-form .submit-button .common-button{float:right}[dir=ltr] .co-trade-box .trade-form .submit-button .buyBtn{margin-right:8px}[dir=rtl] .co-trade-box .trade-form .submit-button .buyBtn{margin-left:8px}.co-trade-box .trade-form .percentage{display:flex}[dir] .co-trade-box .trade-form .percentage{text-align:center;margin:4px -2px 0 -2px;border-radius:2px}.co-trade-box .trade-form .percentage span{flex:1;height:24px;line-height:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .co-trade-box .trade-form .percentage span{cursor:pointer;margin:0 2px;border-radius:2px;border-width:1px;border-style:solid}.co-trade-box .trade-form .tip-text{width:227px;position:absolute;bottom:26px;z-index:10;line-height:1.5}[dir] .co-trade-box .trade-form .tip-text{padding:20px;box-shadow:0 0 5px rgba(0,0,0,.2);border-width:0;border-style:solid;border-radius:5px}[dir=ltr] .co-trade-box .trade-form .tip-text{left:-10px}[dir=rtl] .co-trade-box .trade-form .tip-text{right:-10px}.co-trade-box .trade-form .tip-text .triangle{position:absolute;bottom:-5px;width:10px;height:10px}[dir] .co-trade-box .trade-form .tip-text .triangle{border-bottom-width:0;border-bottom-style:solid}[dir=ltr] .co-trade-box .trade-form .tip-text .triangle{left:10%;margin-left:-5px;border-right-width:0;border-right-style:solid;transform:rotate(45deg)}[dir=rtl] .co-trade-box .trade-form .tip-text .triangle{right:10%;margin-right:-5px;border-left-width:0;border-left-style:solid;transform:rotate(-45deg)}[dir=ltr] .co-trade-box .trade-form .rt-label-zjc{right:0;left:auto}[dir=rtl] .co-trade-box .trade-form .rt-label-zjc{left:0;right:auto}[dir=ltr] .co-trade-box .trade-form .rt-label-zjc .triangle{right:6%;left:auto}[dir=rtl] .co-trade-box .trade-form .rt-label-zjc .triangle{left:6%;right:auto}.co-trade-box .trade-form .rt-label{position:relative}[dir] .co-trade-box .trade-form .rt-label{border-bottom-style:dashed;border-bottom-width:1px}[dir] .co-trade-box .trade-form .option{margin-top:14px}.co-trade-box .trade-form .option span{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.co-trade-box .trade-form .option span .rt-label{vertical-align:text-top}[dir=ltr] .co-trade-box .trade-form .option span .rt-label{margin-left:5px}[dir=rtl] .co-trade-box .trade-form .option span .rt-label{margin-right:5px}[dir=ltr] .co-trade-box .trade-form .option .common-checkout{float:left}[dir=rtl] .co-trade-box .trade-form .option .common-checkout{float:right}.co-trade-box .trade-form .option .checkBoxlabel{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:16px}[dir] .co-trade-box .trade-form .option .checkBoxlabel{cursor:pointer}[dir=ltr] .co-trade-box .trade-form .option .checkBoxlabel{margin-left:5px}[dir=rtl] .co-trade-box .trade-form .option .checkBoxlabel{margin-right:5px}.co-trade-box .trade-form .option .stopCheckBox{display:block}[dir] .co-trade-box .trade-form .option .stopCheckBox{margin-top:10px}[dir=ltr] .co-trade-box .trade-form .option .rt-label0 .tip-text{left:-70px}[dir=rtl] .co-trade-box .trade-form .option .rt-label0 .tip-text{right:-70px}[dir=ltr] .co-trade-box .trade-form .option .rt-label1 .tip-text{left:-150px}[dir=rtl] .co-trade-box .trade-form .option .rt-label1 .tip-text{right:-150px}[dir=ltr] .co-trade-box .trade-form .option .rt-label2 .tip-text{left:-200px}[dir=rtl] .co-trade-box .trade-form .option .rt-label2 .tip-text{right:-200px}[dir=ltr] .co-trade-box .trade-form .option .zhiJianCang{float:right}[dir=rtl] .co-trade-box .trade-form .option .zhiJianCang{float:left}.co-trade-box .trade-form .stop-order-price{overflow:hidden}[dir] .co-trade-box .trade-form .stop-order-price{clear:both}[dir] .co-trade-box .trade-form .stop-order-price .select-price{margin-top:14px}.co-trade-box .trade-form .stop-order-price .select-price input{width:auto}[dir] .co-trade-box .trade-form .form-error{padding-top:8px;margin-bottom:10px;clear:both}[dir=ltr] .co-trade-box .trade-form .expireTime .list{text-align:right}[dir=rtl] .co-trade-box .trade-form .expireTime .list{text-align:left}.co-trade-box .trade-form .select-order-type{position:relative;display:inline-block}[dir] .co-trade-box .trade-form .select-order-type{cursor:pointer}.co-trade-box .trade-form .select-order-type.disabled-order-type{opacity:.4}[dir] .co-trade-box .trade-form .select-order-type.disabled-order-type{cursor:no-drop}[dir=ltr] .co-trade-box .trade-form .select-order-type .tip-text{left:0}[dir=rtl] .co-trade-box .trade-form .select-order-type .tip-text{right:0}.co-trade-box .trade-form .select-order-type .orde-type-ptions{box-sizing:border-box;overflow:hidden;width:100%}[dir] .co-trade-box .trade-form .select-order-type .orde-type-ptions{padding-top:12px}.co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item{height:24px;line-height:24px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item{cursor:pointer;margin-bottom:1px}[dir=ltr] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item{text-align:right;margin-right:26px}[dir=rtl] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item{text-align:left;margin-left:26px}[dir] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .redioText{border-bottom-width:1px;border-bottom-style:dashed;cursor:pointer}[dir=ltr] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .redioText{margin-left:5px}[dir=rtl] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .redioText{margin-right:5px}.co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text{bottom:36px}[dir=ltr] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text{text-align:left}[dir=rtl] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text{text-align:right}[dir=ltr] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text2 .triangle{left:auto;right:21%}[dir=rtl] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text2 .triangle{right:auto;left:21%}[dir=ltr] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text1 .triangle{left:51%}[dir=rtl] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text1 .triangle{right:51%}[dir=ltr] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text0 .triangle{left:18%}[dir=rtl] .co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text0 .triangle{right:18%}.co-trade-box .trade-form .select-order-type .ac-type{vertical-align:text-top;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=ltr] .co-trade-box .trade-form .select-order-type .ac-type{margin-left:5px}[dir=rtl] .co-trade-box .trade-form .select-order-type .ac-type{margin-right:5px}[dir] .co-trade-box .trade-form .select-order-type .ac-type .tit{border-bottom-style:dashed;border-bottom-width:1px}.co-trade-box .trade-form .select-order-type .ac-type .h-show{display:none}.co-trade-box .trade-form .select-order-type .ac-type .h-hide,.co-trade-box .trade-form .select-order-type .ac-type:hover .h-show{display:inline-block}.co-trade-box .trade-form .select-order-type .ac-type:hover .h-hide{display:none}.co-trade-box .trade-form .select-order-type .ac-type:hover .tip-text{display:block}.co-trade-box .trade-form .triangle-down{width:0;height:0;vertical-align:top;display:inline-block;transition:all .3s ease-in-out}[dir] .co-trade-box .trade-form .triangle-down{border-top-width:5px;border-top-style:solid;padding:8px 0 0;cursor:pointer}[dir=ltr] .co-trade-box .trade-form .triangle-down{border-left:6px solid transparent!important;border-right:6px solid transparent!important;margin:5px 0 0 4px}[dir=rtl] .co-trade-box .trade-form .triangle-down{border-right:6px solid transparent!important;border-left:6px solid transparent!important;margin:5px 4px 0 0}.co-trade-box .trade-form .triangle-down.triangle-down-active{top:-7px}[dir=ltr] .co-trade-box .trade-form .triangle-down.triangle-down-active{transform:rotate(180deg)}[dir=rtl] .co-trade-box .trade-form .triangle-down.triangle-down-active{transform:rotate(-180deg)}.co-trade-box .mask-div{position:fixed;width:100%;height:100%;top:0;z-index:10}[dir=ltr] .co-trade-box .mask-div{left:0}[dir=rtl] .co-trade-box .mask-div{right:0}[dir=ltr] .co-trade-box .developIn-enter-active,[dir=rtl] .co-trade-box .developIn-enter-active{animation:developIn .3s}[dir=ltr] .co-trade-box .developIn-leave-active,[dir=rtl] .co-trade-box .developIn-leave-active{animation:developIn .3s reverse}[dir=ltr] .co-trade-box .developInTwo-enter-active,[dir=rtl] .co-trade-box .developInTwo-enter-active{animation:developInTwo .3s}[dir=ltr] .co-trade-box .developInTwo-leave-active,[dir=rtl] .co-trade-box .developInTwo-leave-active{animation:developInTwo .3s reverse}.co-trade-box .tip-show-enter-active{transition:all .2s ease .5s}.co-trade-box .tip-show-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.co-trade-box .tip-show-enter,.co-trade-box .tip-show-leave-to{opacity:0}[dir] .co-trade-box .tip-show-enter,[dir] .co-trade-box .tip-show-leave-to{transform:translateY(10px)}@keyframes developIn{0%{height:0;opacity:1;padding-top:0}to{opacity:1;height:37px;padding-top:12px}}@keyframes developInTwo{0%{height:0;opacity:1}to{opacity:1;height:92px}}.input-tips-enter-active,.input-tips-leave-active{transition:all .5s}.input-tips-enter,.input-tips-leave-to{opacity:0}[dir] .input-tips-enter,[dir] .input-tips-leave-to{transform:translateY(-5px)}.select-price[data-v-286c85ec]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}[dir] .select-price[data-v-286c85ec]{margin-top:12px}.select-price .form-control[data-v-286c85ec]{height:32px;line-height:32px;font-size:12px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}[dir] .select-price .form-control[data-v-286c85ec]{border-radius:2px;border-style:solid;border-width:1px;border-radius:4px}[dir] .select-price .form-control .quantity-drop-down[data-v-286c85ec]{margin-top:7px}[dir=ltr] .select-price .form-control .quantity-drop-down[data-v-286c85ec]{float:right;margin-right:10px}[dir=rtl] .select-price .form-control .quantity-drop-down[data-v-286c85ec]{float:left;margin-left:10px}.select-price .form-control .quantity-drop-down .triangle-drop-down[data-v-286c85ec]{width:10px;height:10px;vertical-align:top;display:inline-block;-webkit-transition:all .3s;transition:all .3s}[dir] .select-price .form-control .quantity-drop-down .triangle-drop-down[data-v-286c85ec]{cursor:pointer;-webkit-transition:all .3s}[dir=ltr] .select-price .form-control .quantity-drop-down .triangle-drop-down[data-v-286c85ec]{margin:5px 0 0 4px;float:right}[dir=rtl] .select-price .form-control .quantity-drop-down .triangle-drop-down[data-v-286c85ec]{margin:5px 4px 0 0;float:left}.select-price .form-control .quantity-drop-down .triangle-drop-down svg[data-v-286c85ec]{vertical-align:top}[dir=ltr] .select-price .form-control .quantity-drop-down .triangle-drop-down.active[data-v-286c85ec]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] .select-price .form-control .quantity-drop-down .triangle-drop-down.active[data-v-286c85ec]{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.select-price .form-control input[data-v-286c85ec]{width:220px;height:100%;font-size:14px}[dir] .select-price .form-control input[data-v-286c85ec]{padding:0 8px}[dir=ltr] .select-price .form-control input[data-v-286c85ec]{float:right;text-align:right}[dir=rtl] .select-price .form-control input[data-v-286c85ec]{float:left;text-align:left}.select-price .form-control .percentage-vol[data-v-286c85ec]{width:220px;height:100%;font-size:12px}[dir] .select-price .form-control .percentage-vol[data-v-286c85ec]{padding:0 8px}[dir=ltr] .select-price .form-control .percentage-vol[data-v-286c85ec]{float:right;text-align:right}[dir=rtl] .select-price .form-control .percentage-vol[data-v-286c85ec]{float:left;text-align:left}.select-price .form-control input[data-v-286c85ec]:-moz-placeholder,.select-price .form-control input[data-v-286c85ec]:-ms-input-placeholder,.select-price .form-control input[data-v-286c85ec]::-moz-placeholder,.select-price .form-control input[data-v-286c85ec]::-webkit-input-placeholder{font-size:12px}[dir=ltr] .select-price .form-control .unit[data-v-286c85ec]{float:right;padding-right:16px}[dir=rtl] .select-price .form-control .unit[data-v-286c85ec]{float:left;padding-left:16px}[dir] .select-price .form-control .unit-right[data-v-286c85ec]{cursor:pointer}[dir=ltr] .select-price .form-control .unit-right[data-v-286c85ec]{padding-right:2px}[dir=rtl] .select-price .form-control .unit-right[data-v-286c85ec]{padding-left:2px}.select-price .form-control span.title[data-v-286c85ec]{position:absolute;font-size:12px}[dir=ltr] .select-price .form-control span.title[data-v-286c85ec]{left:8px}[dir=rtl] .select-price .form-control span.title[data-v-286c85ec]{right:8px}.select-price .market-price[data-v-286c85ec]{width:250px;height:32px;line-height:32px;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box}[dir] .select-price .market-price[data-v-286c85ec]{border-radius:2px;border-width:1px;border-style:solid;padding:0 8px;cursor:not-allowed}.select-price .rival-price[data-v-286c85ec]{width:250px;height:32px;line-height:32px;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}[dir] .select-price .rival-price[data-v-286c85ec]{border-radius:2px;padding:0 8px}.select-price .rival-price .triangle-down[data-v-286c85ec]{-webkit-transition:all .3s;transition:all .3s}[dir] .select-price .rival-price .triangle-down[data-v-286c85ec]{margin-top:14px;-webkit-transition:all .3s}[dir=ltr] .select-price .rival-price .triangle-down[data-v-286c85ec]{float:right}[dir=rtl] .select-price .rival-price .triangle-down[data-v-286c85ec]{float:left}[dir] .select-price .rival-price .triangle-down.active[data-v-286c85ec]{margin-top:7px}[dir=ltr] .select-price .rival-price .triangle-down.active[data-v-286c85ec]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] .select-price .rival-price .triangle-down.active[data-v-286c85ec]{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.select-price .rival-price .rival-opsition[data-v-286c85ec]{position:absolute;width:100%;z-index:9}[dir] .select-price .rival-price .rival-opsition[data-v-286c85ec]{cursor:pointer}[dir=ltr] .select-price .rival-price .rival-opsition[data-v-286c85ec]{left:0}[dir=rtl] .select-price .rival-price .rival-opsition[data-v-286c85ec]{right:0}[dir] .select-price .rival-price .opsition-item[data-v-286c85ec]{padding:0 10px;cursor:pointer}.select-price .rival-price:hover .rival-opsition[data-v-286c85ec]{display:block}.select-price .market-price-btn[data-v-286c85ec]{display:block;width:68px;height:32px;line-height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}[dir] .select-price .market-price-btn[data-v-286c85ec]{border-radius:2px;text-align:center;border-width:1px;border-style:solid}[dir=ltr] .select-price .market-price-btn[data-v-286c85ec]{margin-left:10px}[dir=rtl] .select-price .market-price-btn[data-v-286c85ec]{margin-right:10px}.select-price .tip-text2[data-v-286c85ec]{width:200px;position:absolute;bottom:34px;z-index:10;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);line-height:1.5}[dir] .select-price .tip-text2[data-v-286c85ec]{padding:20px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);border-width:0;border-style:solid;border-radius:5px}[dir=ltr] .select-price .tip-text2[data-v-286c85ec]{left:0}[dir=rtl] .select-price .tip-text2[data-v-286c85ec]{right:0}.select-price .tip-text2 .triangle[data-v-286c85ec]{position:absolute;bottom:-6px;width:10px;height:10px}[dir] .select-price .tip-text2 .triangle[data-v-286c85ec]{border-bottom-width:0;border-bottom-style:solid}[dir=ltr] .select-price .tip-text2 .triangle[data-v-286c85ec]{left:10%;margin-left:-5px;border-right-width:0;border-right-style:solid;-webkit-transform:rotate(45deg);transform:rotate(45deg)}[dir=rtl] .select-price .tip-text2 .triangle[data-v-286c85ec]{right:10%;margin-right:-5px;border-left-width:0;border-left-style:solid;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.select-price .promptText[data-v-286c85ec]{position:relative;line-height:18px;top:6px}[dir] .select-price .promptText[data-v-286c85ec]{border-bottom-style:dashed;border-bottom-width:1px;cursor:pointer}.select-price .promptText:hover .tip-text2[data-v-286c85ec]{display:block}.haveMarket .form-control input[data-v-286c85ec]{width:120px}.tip-shows2-enter-active[data-v-286c85ec]{-webkit-transition:all .2s ease .5s;transition:all .2s ease .5s}[dir] .tip-shows2-enter-active[data-v-286c85ec]{-webkit-transition:all .2s ease .5s}.tip-shows2-leave-active[data-v-286c85ec]{transition:all .2s cubic-bezier(1,.5,.8,1)}.tip-shows2-leave-active[data-v-286c85ec],[dir] .tip-shows2-leave-active[data-v-286c85ec]{-webkit-transition:all .2s cubic-bezier(1,.5,.8,1)}.tip-shows2-enter[data-v-286c85ec],.tip-shows2-leave-to[data-v-286c85ec]{-webkit-transform:translateY(10px);opacity:0}[dir] .tip-shows2-enter[data-v-286c85ec],[dir] .tip-shows2-leave-to[data-v-286c85ec]{-webkit-transform:translateY(10px);transform:translateY(10px)}.stop-profit-and-loss .not-reconfirm{-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .stop-profit-and-loss .not-reconfirm{margin-top:10px;cursor:pointer}.stop-profit-and-loss .not-reconfirm .common-checkout{vertical-align:middle;width:20px;height:20px}[dir=ltr] .stop-profit-and-loss .not-reconfirm .common-checkout{margin-right:5px}[dir=rtl] .stop-profit-and-loss .not-reconfirm .common-checkout{margin-left:5px}[dir] .stop-profit-and-loss .dialog-div{margin:20px 0;padding:10px 20px}.stop-profit-and-loss .dialog-div-module{font-size:14px;box-sizing:border-box;height:32px;line-height:32px}[dir] .stop-profit-and-loss .dialog-div-module{border-bottom-style:solid;border-width:0}[dir=ltr] .stop-profit-and-loss .dialog-div-module .td{float:right}[dir=rtl] .stop-profit-and-loss .dialog-div-module .td{float:left}[dir] .stop-profit-and-loss .margin-item{border-top-width:0;border-top-style:solid}.stop-profit-and-loss .title{font-size:14px}[dir] .stop-profit-and-loss .title{margin-bottom:10px}.leverMode-box{position:absolute;top:46px;width:360px;z-index:11}[dir] .leverMode-box{padding:0 20px}[dir=ltr] .leverMode-box{left:-70px}[dir=rtl] .leverMode-box{right:-70px}.leverMode-box .leverMode-header{height:36px;line-height:36px}[dir] .leverMode-box .leverMode-header{padding:10px 0}.leverMode-box .leverMode-header .leverMode-title{font-size:16px}[dir=ltr] .leverMode-box .leverMode-header .leverMode-header-close{float:right}[dir=rtl] .leverMode-box .leverMode-header .leverMode-header-close{float:left}.leverMode-box .footer-button{height:60px}[dir] .leverMode-box .footer-button{padding:10px 0}[dir=ltr] .leverMode-box .footer-button .common-button{float:right}[dir=rtl] .leverMode-box .footer-button .common-button{float:left}.leverMode-box .leverage-type{width:100%;display:flex}[dir] .leverMode-box .leverage-type{margin:0 auto;border-radius:2px}.leverMode-box .leverage-type>div{flex:1;height:24px;line-height:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .leverMode-box .leverage-type>div{border-radius:2px;border-style:solid;border-width:1px;text-align:center;cursor:pointer}.leverMode-box .max-can-open{font-size:14px;width:100%;line-height:1.5;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .leverMode-box .max-can-open{margin:0 auto 1px}[dir=ltr] .leverMode-box .max-can-open{padding:10px 20px 10px 0}[dir=rtl] .leverMode-box .max-can-open{padding:10px 0 10px 20px}.leverMode-box .max-can-open span{color:#f2a816}.leverMode-box .risk-warning{width:auto}[dir] .leverMode-box .risk-warning{margin-top:10px}[dir=ltr] .leverMode-box .risk-warning{float:left}[dir=rtl] .leverMode-box .risk-warning{float:right}.leverMode-box .add-and-sub{height:40px;width:100%;display:flex;align-items:center}[dir] .leverMode-box .add-and-sub{margin:10px auto;border-style:solid;border-width:1px;border-radius:2px}.leverMode-box .add-and-sub .label{font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=ltr] .leverMode-box .add-and-sub .label{padding-left:8px;padding-right:16px}[dir=rtl] .leverMode-box .add-and-sub .label{padding-right:8px;padding-left:16px}.leverMode-box .add-and-sub .options{width:38px;height:40px}.leverMode-box .add-and-sub .add,.leverMode-box .add-and-sub .sub{display:block;width:100%;height:20px;display:flex;align-items:center;justify-content:center}[dir] .leverMode-box .add-and-sub .add,[dir] .leverMode-box .add-and-sub .sub{cursor:pointer;border-width:1px;border-style:solid;border-radius:2px}.leverMode-box .add-and-sub .add .hover-show,.leverMode-box .add-and-sub .sub .hover-show{display:none}[dir=ltr] .leverMode-box .add-and-sub .add .icon,[dir=ltr] .leverMode-box .add-and-sub .sub .icon{transform:rotate(90deg)}[dir=rtl] .leverMode-box .add-and-sub .add .icon,[dir=rtl] .leverMode-box .add-and-sub .sub .icon{transform:rotate(-90deg)}.leverMode-box .add-and-sub .add:hover .hover-hide,.leverMode-box .add-and-sub .sub:hover .hover-hide{display:none}.leverMode-box .add-and-sub .add:hover .hover-show,.leverMode-box .add-and-sub .sub:hover .hover-show{display:block}[dir] .leverMode-box .add-and-sub .add{border-top-width:0;border-bottom-width:0}[dir=ltr] .leverMode-box .add-and-sub .add{border-right-width:0}[dir=rtl] .leverMode-box .add-and-sub .add{border-left-width:0}[dir=ltr] .leverMode-box .add-and-sub .add .icon{transform:rotate(-90deg)}[dir=rtl] .leverMode-box .add-and-sub .add .icon{transform:rotate(90deg)}[dir] .leverMode-box .add-and-sub .sub{border-bottom-width:0}[dir=ltr] .leverMode-box .add-and-sub .sub{border-right-width:0}[dir=rtl] .leverMode-box .add-and-sub .sub{border-left-width:0}.leverMode-box .add-and-sub .content{flex:1;height:38px;line-height:38px}[dir] .leverMode-box .add-and-sub .content{text-align:center}.leverMode-box .add-and-sub .content input{width:100%;height:100%;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=ltr] .leverMode-box .add-and-sub .content input{text-align:left}[dir=rtl] .leverMode-box .add-and-sub .content input{text-align:right}[dir] .leverMode-box .percentage-mag{margin-top:20px}.leverMode-box .risk-bar{flex:1;position:relative}[dir=ltr] .leverMode-box .risk-bar{background:linear-gradient(90deg,#04bc8b,#eb4d5c)}[dir=rtl] .leverMode-box .risk-bar{background:linear-gradient(-90deg,#04bc8b,#eb4d5c)}.leverMode-box .risk-Percentage{width:100%;height:15px;display:flex;position:relative}[dir] .leverMode-box .risk-Percentage{margin-top:30px}.leverMode-box .warning_icon{top:9px;position:absolute}[dir=ltr] .leverMode-box .warning_icon{right:10px}[dir=rtl] .leverMode-box .warning_icon{left:10px}.leverMode-box .gg_text{position:absolute;top:0;line-height:15px;font-size:16px;color:$white-color}[dir] .leverMode-box .gg_text{text-align:center}[dir=ltr] .leverMode-box .gg_text{left:0;right:0;text-shadow:1px 1px 2px #333}[dir=rtl] .leverMode-box .gg_text{right:0;left:0;text-shadow:-1px 1px 2px #333}.leverMode-box .percentage_bar{position:absolute;width:50%;top:0;height:15px}[dir=ltr] .leverMode-box .percentage_bar{left:0}[dir=rtl] .leverMode-box .percentage_bar{right:0}.leverMode-box .risk-num{position:absolute;z-index:9;top:0;height:15px;line-height:14px;font-size:14px}[dir=ltr] .leverMode-box .risk-num{left:0;padding-left:7px;border-left:3px solid #fff}[dir=rtl] .leverMode-box .risk-num{right:0;padding-right:7px;border-right:3px solid #fff}.leverMode-box .risk-num.transition{transition:all .3s linear}.leverMode-box .risk-num span{position:absolute;top:-20px}[dir=ltr] .leverMode-box .risk-num span{left:-10px}[dir=rtl] .leverMode-box .risk-num span{right:-10px}.leverMode-box .transaction-drag{position:relative;width:calc(100% - 15px);height:40px}[dir] .leverMode-box .transaction-drag{margin-top:25px}.leverMode-box .userMaxLevelBar{position:absolute;height:4px;top:0;z-index:1}[dir=ltr] .leverMode-box .userMaxLevelBar{left:4px}[dir=rtl] .leverMode-box .userMaxLevelBar{right:4px}.leverMode-box .drag-bar{position:absolute;height:4px;top:0;z-index:1}[dir=ltr] .leverMode-box .drag-bar{left:4px}[dir=rtl] .leverMode-box .drag-bar{right:4px}.leverMode-box .drag-cover,.leverMode-box .drag-def{position:absolute;display:block;height:4px;top:3px}[dir=ltr] .leverMode-box .drag-cover,[dir=ltr] .leverMode-box .drag-def{left:4px}[dir=rtl] .leverMode-box .drag-cover,[dir=rtl] .leverMode-box .drag-def{right:4px}.leverMode-box .drag-def{width:100%}[dir] .leverMode-box .drag-cover{background:#f0f}[dir] .leverMode-box .drag-turnColor{background:red}.leverMode-box .drag-step{position:absolute;display:block;top:-1px;width:12px;height:12px;z-index:5;box-sizing:border-box}[dir] .leverMode-box .drag-step{border-radius:100px;border-width:2px;border-style:solid;cursor:pointer}[dir=ltr] .leverMode-box .drag-step{left:0}[dir=rtl] .leverMode-box .drag-step{right:0}.leverMode-box .drag-step.transition{transition:all .2s ease}.leverMode-box .drag-step .icon_h{display:block;height:8px;width:3px}[dir] .leverMode-box .drag-step .icon_h{background:none}[dir=ltr] .leverMode-box .drag-step .icon_h{margin:3px 0 0 5px;border-left:1px solid #fff;border-right:1px solid #fff}[dir=rtl] .leverMode-box .drag-step .icon_h{margin:3px 5px 0 0;border-right:1px solid #fff;border-left:1px solid #fff}.leverMode-box .transaction-drag i{position:absolute;top:1px;display:block;width:8px;height:8px;z-index:4}[dir] .leverMode-box .transaction-drag i{cursor:pointer;border-width:1px;border-style:solid;border-top:none;border-bottom:none;border-radius:50px}[dir=ltr] .leverMode-box .transaction-drag i{text-align:right}[dir=rtl] .leverMode-box .transaction-drag i{text-align:left}[dir] .leverMode-box .transaction-drag i.selected{background:$input-focus-border}[dir=ltr] .leverMode-box .transaction-drag i.drag-step0{left:calc(25% + 4px)}[dir=rtl] .leverMode-box .transaction-drag i.drag-step0{right:calc(25% + 4px)}.leverMode-box .drag-step-wrap{display:inline-block;width:100%;position:relative}.leverMode-box .mark{display:inline-block;width:36px;top:20px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px}[dir] .leverMode-box .mark{text-align:center}[dir=ltr] .leverMode-box .mark{left:-12px}[dir=rtl] .leverMode-box .mark{right:-12px}[dir] .leverMode-box .no-drop .drag-step.transition,[dir] .leverMode-box .no-drop .transaction-drag i{cursor:no-drop}.depositMode-box{position:absolute;top:46px;width:320px;z-index:11}[dir] .depositMode-box{padding:0 20px}[dir=ltr] .depositMode-box{left:-40px}[dir=rtl] .depositMode-box{right:-40px}.depositMode-box .depositMode-header{height:36px;line-height:36px}[dir] .depositMode-box .depositMode-header{padding:10px 0}.depositMode-box .depositMode-header .depositMode-title{font-size:16px}[dir=ltr] .depositMode-box .depositMode-header .depositMode-header-close{float:right}[dir=rtl] .depositMode-box .depositMode-header .depositMode-header-close{float:left}.depositMode-box .footer-button{height:60px}[dir] .depositMode-box .footer-button{padding:10px 0}[dir=ltr] .depositMode-box .footer-button .common-button{float:right}[dir=rtl] .depositMode-box .footer-button .common-button{float:left}.depositMode-box .category-select-box{display:flex;overflow:hidden;position:relative}[dir] .depositMode-box .category-select-box{margin-bottom:15px;border-radius:2px;margin:10px 36px 15px 36px}.depositMode-box .category-select-box .tab{flex:1;height:30px;line-height:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}[dir] .depositMode-box .category-select-box .tab{text-align:center;cursor:pointer}.depositMode-box .category-select-box .tab-active-bg{position:absolute;width:50%;height:100%;transition:all .5s}[dir] .depositMode-box .category-select-box .tab-active-bg{border-radius:2px}[dir=ltr] .depositMode-box .category-select-box .tab-active-bg{left:50%}[dir=rtl] .depositMode-box .category-select-box .tab-active-bg{right:50%}.depositMode-box .text{line-height:20px}[dir] .depositMode-box .text{padding:20px 0}.depositModeDialog .dialog-frame{width:480px}.depositModeDialog .dialog-frame .dialog-frame-body{width:440px}.depositMode-show-enter-active{transition:all .2s ease}.depositMode-show-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.depositMode-show-enter,.depositMode-show-leave-to{opacity:0}[dir] .depositMode-show-enter,[dir] .depositMode-show-leave-to{transform:translateY(-10px)}.couponPopup[data-v-deba4f1a]{width:100%;height:100vh;position:fixed;top:0;bottom:0;z-index:99999999}[dir] .couponPopup[data-v-deba4f1a]{background:rgba(0,0,0,.21)}[dir=ltr] .couponPopup[data-v-deba4f1a],[dir=rtl] .couponPopup[data-v-deba4f1a]{left:0;right:0}.couponPopup .couponPopup_m1[data-v-deba4f1a]{width:474px;height:438px;-webkit-box-shadow:0 3px 97px 1px rgba(0,0,0,.15);position:absolute;top:50%}[dir] .couponPopup .couponPopup_m1[data-v-deba4f1a]{background:#fff;border-radius:20px;-webkit-box-shadow:0 3px 97px 1px rgba(0,0,0,.15);box-shadow:0 3px 97px 1px rgba(0,0,0,.15)}[dir=ltr] .couponPopup .couponPopup_m1[data-v-deba4f1a]{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] .couponPopup .couponPopup_m1[data-v-deba4f1a]{right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.couponPopup .couponPopup_m1 .title[data-v-deba4f1a]{color:#999;font-size:12px;width:90%}[dir] .couponPopup .couponPopup_m1 .title[data-v-deba4f1a]{margin:auto;padding-top:38px}[dir=ltr] .couponPopup .couponPopup_m1 .title[data-v-deba4f1a]{text-align:right}[dir=rtl] .couponPopup .couponPopup_m1 .title[data-v-deba4f1a]{text-align:left}.couponPopup .couponPopup_m1 .img[data-v-deba4f1a]{width:261px;height:104px}[dir] .couponPopup .couponPopup_m1 .img[data-v-deba4f1a]{margin:auto;padding-top:25px}.couponPopup .couponPopup_m1 .img img[data-v-deba4f1a]{width:100%;height:100%}.couponPopup .couponPopup_m1 .title_m2[data-v-deba4f1a]{font-size:18px;font-weight:700;color:#488bef}[dir] .couponPopup .couponPopup_m1 .title_m2[data-v-deba4f1a]{margin-top:28px;text-align:center}.couponPopup .couponPopup_m1 .text_m2[data-v-deba4f1a]{font-family:Source Han Sans CN;color:#333;width:90%;font-size:14px;letter-spacing:1px;line-height:25px}[dir] .couponPopup .couponPopup_m1 .text_m2[data-v-deba4f1a]{margin:20px auto}.couponPopup .couponPopup_m1 .text_m2 span[data-v-deba4f1a]{color:#111;font-weight:700}.couponPopup .couponPopup_m1 .btn_m2[data-v-deba4f1a]{width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .couponPopup .couponPopup_m1 .btn_m2[data-v-deba4f1a]{margin:15px auto}.couponPopup .couponPopup_m1 .btn_m2 button[data-v-deba4f1a]{width:167px;height:42px;color:#999;font-size:14px}[dir] .couponPopup .couponPopup_m1 .btn_m2 button[data-v-deba4f1a]{border-radius:8px;border:1px solid #ddd}.couponPopup .couponPopup_m1 .btn_m2 button[data-v-deba4f1a]:nth-child(2){color:#4386ed;font-size:14px}[dir] .couponPopup .couponPopup_m1 .btn_m2 button[data-v-deba4f1a]:nth-child(2){border:1px solid #4386ed}.checBox_box{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.checBox_box,.nouPon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#setOrderModalTip .dialog-frame{width:458px!important}#setOrderModalTip .set-order-tip{width:376px;font-size:14px;line-height:20px}[dir] #setOrderModalTip .set-order-tip{text-align:center}#setOrderModalTip .set-order-tip img{width:60px;height:60px}[dir] #setOrderModalTip .set-order-tip img{margin-top:10px}#setOrderModalTip .set-order-tip .tip{font-size:16px}[dir] #setOrderModalTip .set-order-tip .tip{margin-top:16px;margin-bottom:8px}[dir] #setOrderModalTip .set-order-tip .footer{margin-top:28px;margin-bottom:18px}#setOrderModal .dialog-frame{width:458px!important}#setOrderModal .common-button{width:378px}[dir] #setOrderModal .dialog-frame-bottom{margin-bottom:32px}#coTradeBox .set-order-box .item{width:378px;height:40px;line-height:40px;overflow:hidden}[dir] #coTradeBox .set-order-box .item{border-style:solid;border-width:1px;border-radius:4px;margin-bottom:12px;cursor:pointer}[dir=ltr] #coTradeBox .set-order-box .item .unit{float:right;margin-right:16px}[dir=rtl] #coTradeBox .set-order-box .item .unit{float:left;margin-left:16px}[dir=ltr] #coTradeBox .set-order-box .redio-box{margin-left:10px}[dir=rtl] #coTradeBox .set-order-box .redio-box{margin-right:10px}#coTradeBox .set-order-box .redio-box .common-redio{position:relative;top:-.5px}#coTradeBox .set-order-box .redio-box .common-redio .icon-16,#coTradeBox .set-order-box .redio-box .redioText{font-size:12px}[dir=ltr] #coTradeBox .set-order-box .redio-box .redioText{margin-left:5px}[dir=rtl] #coTradeBox .set-order-box .redio-box .redioText{margin-right:5px}#coTradeBox .set-order-box .tip{width:378px;font-size:12px;color:#f2a816;line-height:20px;font-weight:400;font-family:PingFang SC}[dir] #coTradeBox .set-order-box .tip{margin-top:20px;margin-bottom:15px}#coTradeBox .first-drop-tip{position:absolute}#coTradeBox .first-drop-tip,[dir] #coTradeBox .first-drop-tip{-webkit-box-shadow:0 9px 9px rgba(0,0,0,.02),0 3px 3px rgba(0,0,0,.02),0 1px 1px rgba(0,0,0,.02)}[dir] #coTradeBox .first-drop-tip{padding:10px 16px;box-shadow:0 9px 9px rgba(0,0,0,.02),0 3px 3px rgba(0,0,0,.02),0 1px 1px rgba(0,0,0,.02);border-radius:2px}[dir=ltr] #coTradeBox .first-drop-tip{right:0}[dir=rtl] #coTradeBox .first-drop-tip{left:0}#coTradeBox .first-drop-tip .txt{font-size:12px}[dir] #coTradeBox .first-drop-tip .txt{margin-bottom:10px}[dir=ltr] #coTradeBox .first-drop-tip .txt{-webkit-transform-origin:0 0;transform-origin:0 0}[dir=rtl] #coTradeBox .first-drop-tip .txt{-webkit-transform-origin:100% 0;transform-origin:100% 0}#coTradeBox .first-drop-tip .confirm{font-size:12px}[dir] #coTradeBox .first-drop-tip .confirm{cursor:pointer}[dir=ltr] #coTradeBox .first-drop-tip .confirm{float:right}[dir=rtl] #coTradeBox .first-drop-tip .confirm{float:left}.order-list-box .common-tabel-content{min-width:900px!important}.order-list-box .stop-order-info-dialog .closeBtnClass{display:none}.order-list-box .tab-box{-webkit-user-select:none;-moz-user-select:none;user-select:none}.order-list-box .tab-box .commonTab-tab{height:39px}.order-list-box .tab-box .tab-item{font-size:14px;display:inline-block;height:37px}[dir] .order-list-box .tab-box .tab-item{cursor:pointer}[dir=ltr] .order-list-box .tab-box .tab-item{margin-right:45px}[dir=rtl] .order-list-box .tab-box .tab-item{margin-left:45px}[dir] .order-list-box .tab-box .tab-item.selected{border-bottom-style:solid;border-bottom-width:2px}.order-list-box .tab-box .common-button{font-size:12px}[dir] .order-list-box .tab-box .common-button{margin-top:6px}[dir=ltr] .order-list-box .tab-box .common-button{float:right}[dir=rtl] .order-list-box .tab-box .common-button{float:left}.order-list-box .tab-box .is-show-active{font-size:12px;line-height:40px;position:relative;z-index:3}[dir=ltr] .order-list-box .tab-box .is-show-active{float:right;margin-right:15px}[dir=rtl] .order-list-box .tab-box .is-show-active{float:left;margin-left:15px}.order-list-box .tab-box .is-show-active .switchWrap{display:inline-block}[dir] .order-list-box .tab-box .is-show-active .switchWrap{margin-top:14px}[dir=ltr] .order-list-box .tab-box .is-show-active .switchWrap{margin-right:5px;float:left}[dir=rtl] .order-list-box .tab-box .is-show-active .switchWrap{margin-left:5px;float:right}.order-list-box .tab-box .is-show-active span.txt{display:inline-block}[dir=ltr] .order-list-box .tab-box .is-show-active span.txt{float:right}[dir=rtl] .order-list-box .tab-box .is-show-active span.txt{float:left}[dir=ltr] .order-list-box .tab-box-en_US .commonTab-tab li{margin-right:26px}[dir=rtl] .order-list-box .tab-box-en_US .commonTab-tab li{margin-left:26px}.order-list-box .sub-tab-box{height:34px}[dir] .order-list-box .sub-tab-box{border-bottom-width:1px;border-bottom-style:solid;padding:0 20px}.order-list-box .sub-tab-box .tab-item{font-size:12px;display:inline-block;height:24px;line-height:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .order-list-box .sub-tab-box .tab-item{cursor:pointer;padding:0 20px;margin-top:5px}.order-list-box .order-conent{height:255px;position:relative}.order-list-box .order-conent .c-table-box{position:relative}.order-list-box .order-conent .cancel-all{position:absolute;z-index:1;font-size:12px;top:8px}[dir=ltr] .order-list-box .order-conent .cancel-all{right:26px}[dir=rtl] .order-list-box .order-conent .cancel-all{left:26px}.order-list-box .table-body{min-height:200px}[dir] .order-list-box .table-body .stopOrder{margin:0!important}.order-list-box .not-login{position:absolute;top:44%;width:100%}[dir] .order-list-box .not-login{text-align:center}[dir] .order-list-box .not-login span{cursor:pointer}[dir] .order-list-box .table-head{padding:0}.order-list-box .table-head th{box-sizing:border-box}[dir=ltr] .order-list-box .table-head th{text-align:left}[dir=rtl] .order-list-box .table-head th{text-align:right}[dir=ltr] .order-list-box .table-head th:first-child{padding-left:20px;text-align:left}[dir=ltr] .order-list-box .table-head th:last-child,[dir=rtl] .order-list-box .table-head th:first-child{padding-right:20px;text-align:right}[dir=rtl] .order-list-box .table-head th:last-child{padding-left:20px;text-align:left}.order-list-box .table-head th.opera{opacity:0}[dir] .order-list-box .table-body .table-body-bar{padding:0}.order-list-box .table-body .table-body-bar td{position:relative}[dir=ltr] .order-list-box .table-body .table-body-bar td{text-align:left}[dir=rtl] .order-list-box .table-body .table-body-bar td{text-align:right}.order-list-box .table-body .table-body-bar td:first-child{font-size:14px}[dir=ltr] .order-list-box .table-body .table-body-bar td:first-child{padding-left:20px;text-align:left}[dir=ltr] .order-list-box .table-body .table-body-bar td:last-child,[dir=rtl] .order-list-box .table-body .table-body-bar td:first-child{padding-right:20px;text-align:right}[dir=rtl] .order-list-box .table-body .table-body-bar td:last-child{padding-left:20px;text-align:left}.order-list-box .table-body .table-body-bar td .futurs-name{min-width:200px}[dir=ltr] .order-list-box .table-body .table-body-bar td .futurs-name span{margin-right:5px}[dir=rtl] .order-list-box .table-body .table-body-bar td .futurs-name span{margin-left:5px}.order-list-box .table-body .table-body-bar td .futurs-name .sideBg{position:absolute;width:2px;height:12px;top:14px}[dir=ltr] .order-list-box .table-body .table-body-bar td .futurs-name .sideBg{left:16px}[dir=rtl] .order-list-box .table-body .table-body-bar td .futurs-name .sideBg{right:16px}.order-list-box .table-body .table-body-bar td .futurs-name .slide-type{font-size:12px}.order-list-box .table-body .table-body-bar .cancel_cause{min-width:80px}.order-list-box .table-body .table-body-bar .cancel_cause .icon{vertical-align:middle}.order-list-box .table-body .table-body-bar .cancel_cause .cancel_cause_text{display:none;position:absolute;width:100px;top:-10px;z-index:10;line-height:1.5;word-break:break-all}[dir] .order-list-box .table-body .table-body-bar .cancel_cause .cancel_cause_text{padding:10px;box-shadow:0 0 5px rgba(0,0,0,.2)}[dir=ltr] .order-list-box .table-body .table-body-bar .cancel_cause .cancel_cause_text{right:20px}[dir=rtl] .order-list-box .table-body .table-body-bar .cancel_cause .cancel_cause_text{left:20px}.order-list-box .table-body .table-body-bar .cancel_cause .cancel_cause-btn{position:relative}.order-list-box .table-body .table-body-bar .cancel_cause:hover .cancel_cause_text{display:block}[dir=ltr] .order-list-box .table-body .table-body-bar .cancel_cause.cancel_cause_right .cancel_cause_text{left:20px}[dir=rtl] .order-list-box .table-body .table-body-bar .cancel_cause.cancel_cause_right .cancel_cause_text{right:20px}[dir] .order-list-box .stop-order-info{margin-bottom:20px}[dir] .order-list-box .stop-order-info .item{padding:10px 20px}[dir] .order-list-box .stop-order-info .item .line{padding:10px 0 10px 0}.order-list-box .stop-order-info .item .line .td{display:inline-block;width:50%}.order-list-box .stop-order-info .item .line .td .tit{font-size:14px}[dir] .order-list-box .stop-order-info .item .line .td .tit{margin-bottom:10px}.order-list-box .stop-order-info .item .line .td .status{font-size:16px}[dir=ltr] .order-list-box .stop-order-info .item .line .right-text{text-align:right}[dir=rtl] .order-list-box .stop-order-info .item .line .right-text{text-align:left}.order-list-box .all-close-btn{line-height:40px;font-size:12px;position:relative;z-index:3}[dir] .order-list-box .all-close-btn{cursor:pointer}[dir=ltr] .order-list-box .all-close-btn{float:right;margin:0 20px 0 15px}[dir=rtl] .order-list-box .all-close-btn{float:left;margin:0 15px 0 20px}.order-list-box .copywriter{line-height:22px}.common-tabel-content .table-body{min-height:180px}[dir] .common-tabel-content .table-body .no-data{padding-bottom:0}.order-list-box .common-position-table{height:255px;position:relative}.order-list-box .common-position-table .positionLis-table table{width:100%}.order-list-box .common-position-table .positionLis-table .thead{line-height:30px}[dir] .order-list-box .common-position-table .positionLis-table .thead{border-bottom-width:1px;border-bottom-style:solid;text-align:center}[dir=ltr] .order-list-box .common-position-table .positionLis-table .thead th{padding-left:10px}[dir=ltr] .order-list-box .common-position-table .positionLis-table .thead th:last-child,[dir=rtl] .order-list-box .common-position-table .positionLis-table .thead th{padding-right:10px}[dir=rtl] .order-list-box .common-position-table .positionLis-table .thead th:last-child{padding-left:10px}[dir] .order-list-box .common-position-table .positionLis-table .tbody tr{border-bottom-width:1px;border-bottom-style:solid}.order-list-box .common-position-table .positionLis-table .tbody td{line-height:16px;vertical-align:middle;position:relative;min-width:80px}[dir] .order-list-box .common-position-table .positionLis-table .tbody td{padding:5px 0}[dir=ltr] .order-list-box .common-position-table .positionLis-table .tbody td{text-align:left;padding-left:10px}[dir=rtl] .order-list-box .common-position-table .positionLis-table .tbody td{text-align:right;padding-right:10px}.order-list-box .common-position-table .positionLis-table .tbody td .icon-s{vertical-align:middle}[dir] .order-list-box .common-position-table .positionLis-table .tbody td .icon-s{cursor:pointer}[dir=ltr] .order-list-box .common-position-table .positionLis-table .tbody td .icon-s{margin-right:5px}[dir=rtl] .order-list-box .common-position-table .positionLis-table .tbody td .icon-s{margin-left:5px}[dir=ltr] .order-list-box .common-position-table .positionLis-table .tbody td:first-child{padding-left:15px;text-align:left}[dir=rtl] .order-list-box .common-position-table .positionLis-table .tbody td:first-child{padding-right:15px;text-align:right}.order-list-box .common-position-table .positionLis-table .tbody td:last-child{min-width:50px}[dir=ltr] .order-list-box .common-position-table .positionLis-table .tbody td:last-child{padding-right:15px;text-align:right}[dir=rtl] .order-list-box .common-position-table .positionLis-table .tbody td:last-child{padding-left:15px;text-align:left}.order-list-box .common-position-table .positionLis-table .tbody .position-td7{min-width:120px}.order-list-box .common-position-table .positionLis-table .tbody .close-position{min-width:230px}.order-list-box .common-position-table .positionLis-table .tbody .sideBg{position:absolute;width:2px;height:80%;top:2px}[dir=ltr] .order-list-box .common-position-table .positionLis-table .tbody .sideBg{left:0}[dir=rtl] .order-list-box .common-position-table .positionLis-table .tbody .sideBg{right:0}.order-list-box .common-position-table .positionLis-table .tbody .symbol-name{font-size:14px;font-weight:500;position:relative}[dir=ltr] .order-list-box .common-position-table .positionLis-table .tbody .symbol-name{padding-left:5px}[dir=rtl] .order-list-box .common-position-table .positionLis-table .tbody .symbol-name{padding-right:5px}[dir] .order-list-box .common-position-table .positionLis-table .tbody .symbol-name img{cursor:pointer}.order-list-box .common-position-table .positionLis-table .tbody .symbol-type{font-size:12px}[dir] .order-list-box .common-position-table .positionLis-table .tbody .symbol-type{margin-top:4px}[dir=ltr] .order-list-box .common-position-table .positionLis-table .tbody .symbol-type{padding-left:5px}[dir=rtl] .order-list-box .common-position-table .positionLis-table .tbody .symbol-type{padding-right:5px}[dir] .order-list-box .common-position-table .positionLis-table .tbody .edit-stop-order{cursor:pointer}.order-list-box .common-position-table .positionLis-table .tbody .position-td7{min-width:140px}.order-list-box .common-position-table .positionLis-table .close-position{width:238px}[dir=ltr] .order-list-box .common-position-table .positionLis-table .close-position{text-align:left!important}[dir=rtl] .order-list-box .common-position-table .positionLis-table .close-position{text-align:right!important}.order-list-box .common-position-table .positionLis-table .close-position .tab-tilte{display:flex}[dir] .order-list-box .common-position-table .positionLis-table .close-position .tab-tilte li{cursor:pointer}[dir=ltr] .order-list-box .common-position-table .positionLis-table .close-position .tab-tilte li{margin-right:22px}[dir=rtl] .order-list-box .common-position-table .positionLis-table .close-position .tab-tilte li{margin-left:22px}.order-list-box .common-position-table .positionLis-table .close-position .tab-content{position:relative}.order-list-box .common-position-table .positionLis-table .close-position .tab-content input{height:30px;line-height:30px;box-sizing:border-box;font-size:12px}[dir] .order-list-box .common-position-table .positionLis-table .close-position .tab-content input{border-width:1px;border-style:solid;padding:0 5px;border-radius:4px}[dir=ltr] .order-list-box .common-position-table .positionLis-table .close-position .tab-content input{margin-right:4px}[dir=rtl] .order-list-box .common-position-table .positionLis-table .close-position .tab-content input{margin-left:4px}.order-list-box .common-position-table .positionLis-table .close-position .tab-content .tab-item-1 input{width:100px}[dir] .order-list-box .common-position-table .positionLis-table .close-position .tab-content .tab-item-1 .common-button{border-radius:4px}.order-list-box .common-position-table .positionLis-table .close-position .tab-content .tab-item-2{position:relative}.order-list-box .common-position-table .positionLis-table .close-position .tab-content .tab-item-2 input{width:80px}.order-list-box .common-position-table .positionLis-table .close-position .limit-btn{position:absolute;top:-5px}[dir=ltr] .order-list-box .common-position-table .positionLis-table .close-position .limit-btn{right:-8px}[dir=rtl] .order-list-box .common-position-table .positionLis-table .close-position .limit-btn{left:-8px}.order-list-box .common-position-table .positionLis-table .close-position .common-button{font-size:12px;line-height:24px!important}[dir=ltr] .order-list-box .common-position-table .positionLis-table .close-position .common-button{margin-right:5px}[dir=rtl] .order-list-box .common-position-table .positionLis-table .close-position .common-button{margin-left:5px}.order-list-box .common-position-table .positionLis-table .close-position .close-order-btn{display:inline-block;width:45%;line-height:24px}[dir] .order-list-box .common-position-table .positionLis-table .close-position .close-order-btn{text-align:center}.order-list-box .common-position-table .tip-text{width:240px;position:absolute;bottom:250px;z-index:10;line-height:1.5;white-space:normal;font-size:12px}[dir] .order-list-box .common-position-table .tip-text{padding:20px;box-shadow:0 0 5px rgba(0,0,0,.2);border-width:0;border-style:solid;border-radius:3px}[dir=ltr] .order-list-box .common-position-table .tip-text{left:0;text-align:left}[dir=rtl] .order-list-box .common-position-table .tip-text{right:0;text-align:right}.order-list-box .common-position-table .tip-arrow{width:8px;height:8px;position:absolute;bottom:-4px;display:none}[dir=ltr] .order-list-box .common-position-table .tip-arrow{left:10%;transform:rotate(45deg)}[dir=rtl] .order-list-box .common-position-table .tip-arrow{right:10%;transform:rotate(-45deg)}[dir=ltr] .order-list-box .common-position-table .tip-text6,[dir=ltr] .order-list-box .common-position-table .tip-text8,[dir=ltr] .order-list-box .common-position-table .tip-text9,[dir=ltr] .order-list-box .common-position-table .tip-text10{left:auto;right:0}[dir=rtl] .order-list-box .common-position-table .tip-text6,[dir=rtl] .order-list-box .common-position-table .tip-text8,[dir=rtl] .order-list-box .common-position-table .tip-text9,[dir=rtl] .order-list-box .common-position-table .tip-text10{right:auto;left:0}[dir=ltr] .order-list-box .common-position-table .tip-text10 .tip-arrow{left:48%}[dir=rtl] .order-list-box .common-position-table .tip-text10 .tip-arrow{right:48%}[dir] .order-list-box .common-position-table .loadingIng span{cursor:wait!important}.order-list-box .common-position-table .Slect-price-type .s-title{font-size:14px}[dir] .order-list-box .common-position-table .Slect-price-type .s-title{margin-bottom:10px}[dir] .order-list-box .common-position-table .Slect-price-type .slect-redio{cursor:pointer}[dir=ltr] .order-list-box .common-position-table .Slect-price-type .slect-redio span{margin:0 10px 0 0}[dir=rtl] .order-list-box .common-position-table .Slect-price-type .slect-redio span{margin:0 0 0 10px}[dir] .order-list-box .common-position-table .Slect-price-type .slect-redio p{padding-bottom:10px}[dir=ltr] .order-list-box .common-position-table .Slect-price-type .slect-redio .common-button{float:right}[dir=rtl] .order-list-box .common-position-table .Slect-price-type .slect-redio .common-button{float:left}.order-list-box .not-data{font-size:12px}[dir] .order-list-box .not-data{padding-top:80px;text-align:center}.order-list-box .not-data .icon{font-size:36px}[dir] .order-list-box .not-data p{margin-top:5px}.order-list-box .thead-box{height:40px;line-height:40px;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:0;display:flex;min-width:100%;width:100%}.order-list-box .thead-box .cell{display:inline-block;box-sizing:border-box;font-size:12px;white-space:nowrap;text-overflow:ellipsis;width:9%;min-width:-moz-min-content;min-width:min-content}[dir=ltr] .order-list-box .thead-box .cell{padding-left:10px;text-align:left}[dir=rtl] .order-list-box .thead-box .cell{padding-right:10px;text-align:right}[dir=ltr] .order-list-box .thead-box .cell:first-child{padding-left:15px;text-align:left}[dir=ltr] .order-list-box .thead-box .cell:last-child,[dir=rtl] .order-list-box .thead-box .cell:first-child{padding-right:15px;text-align:right}[dir=rtl] .order-list-box .thead-box .cell:last-child{padding-left:15px;text-align:left}.order-list-box .thead-box .cell:nth-child(8){min-width:110px;min-width:140px}.order-list-box .thead-box .cell .item-div:hover .tip-text{display:block}.order-list-box .positionLis-table-box{height:215px;font-size:12px}[dir] .order-list-box .positionLis-table-box{padding-top:40px}.order-list-box .columns-item{position:relative}[dir] .order-list-box .columns-item{cursor:pointer;border-bottom-style:dashed;border-bottom-width:1px}.order-list-box .amountDialog-box .copywriter{font-size:12px;line-height:22px}[dir] .order-list-box .amountDialog-box .copywriter{margin-bottom:20px}[dir] .order-list-box .amountDialog-box .amount-item{padding:18px 20px}.order-list-box .amountDialog-box .amount-item p{line-height:18px}[dir] .order-list-box .amountDialog-box .amount-item p{margin-top:5px}.order-list-box .amountDialog-box .amount-item p.tit{font-size:14px}[dir=ltr] .order-list-box .amountDialog-box .amount-item p .f_r{float:right}[dir=rtl] .order-list-box .amountDialog-box .amount-item p .f_r{float:left}.order-list-box .amountDialog-box .amount-item .profit{font-size:16px}.order-list-box .position-profit{-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .order-list-box .position-profit{cursor:pointer}[dir] .order-list-box .position-profit span{border-bottom-width:1px;border-bottom-style:solid}.order-list-box .position-profit .h-s{display:none}.order-list-box .position-profit:hover .h-s{display:inline}.order-list-box .position-profit:hover .h-i{display:none}.order-list-box .percentage-slide{display:inline-block;position:absolute;z-index:9}[dir] .order-list-box .percentage-slide{padding:0 5px;border-radius:3px;margin-top:3px}.order-list-box .percentage-slide span{font-size:12px;display:inline-block}[dir] .order-list-box .percentage-slide span{padding:1px 6px;border-radius:3px;margin:4px 2px;cursor:pointer}.order-list-box .percentage-vol{height:30px;line-height:30px;box-sizing:border-box;font-size:12px;width:100px;display:inline-block}[dir] .order-list-box .percentage-vol{padding:0 5px;border-radius:2px}[dir=ltr] .order-list-box .percentage-vol{margin-right:4px}[dir=rtl] .order-list-box .percentage-vol{margin-left:4px}.order-list-box .percentage-vol2{height:30px;line-height:30px;box-sizing:border-box;font-size:12px;width:80px;display:inline-block}[dir] .order-list-box .percentage-vol2{padding:0 5px;border-radius:2px}[dir=ltr] .order-list-box .percentage-vol2{margin-right:4px}[dir=rtl] .order-list-box .percentage-vol2{margin-left:4px}.positionzoomIn-enter-active{transition:all .2s ease .1s}.positionzoomIn-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.positionzoomIn-enter,.positionzoomIn-leave-to{opacity:0}[dir] .positionzoomIn-enter,[dir] .positionzoomIn-leave-to{transform:translateY(10px)}.setMarginCoin .category-select-box{width:100%;display:flex;position:relative}[dir] .setMarginCoin .category-select-box{border-radius:2px;margin-bottom:15px}.setMarginCoin .category-select-box .tab{flex:1;height:38px;line-height:38px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}[dir] .setMarginCoin .category-select-box .tab{text-align:center;cursor:pointer}.setMarginCoin .category-select-box .tab-active-bg{position:absolute;width:50%;height:100%;transition:all .5s}[dir] .setMarginCoin .category-select-box .tab-active-bg{border-radius:2px}[dir=ltr] .setMarginCoin .category-select-box .tab-active-bg{left:50%}[dir=rtl] .setMarginCoin .category-select-box .tab-active-bg{right:50%}[dir] .setMarginCoin .form-info{margin-bottom:20px}[dir] .setMarginCoin .form-info .info-block{padding:20px;margin-top:20px}.setMarginCoin .form-info .info-item{line-height:18px;display:flex;box-sizing:border-box;font-size:12px}.setMarginCoin .form-info .info-item .radio{line-height:50px}[dir] .setMarginCoin .form-info .info-item .radio{text-align:center}[dir] .setMarginCoin .form-info .info-item .radio span{cursor:pointer}[dir=ltr] .setMarginCoin .form-info .info-item .radio span{margin-right:36px}[dir=rtl] .setMarginCoin .form-info .info-item .radio span{margin-left:36px}.setMarginCoin .form-info .info-item p{flex:1;box-sizing:border-box}[dir] .setMarginCoin .form-info .info-item p{padding:6px 0}.setMarginCoin .form-info .info-item .text1{max-width:120px}[dir=ltr] .setMarginCoin .form-info .info-item .text2{text-align:right;border-left-width:0;border-left-style:solid;padding-right:10px}[dir=rtl] .setMarginCoin .form-info .info-item .text2{text-align:left;border-right-width:0;border-right-style:solid;padding-left:10px}[dir=ltr] .setMarginCoin .inp-marginCoin{margin-right:5px}[dir=rtl] .setMarginCoin .inp-marginCoin{margin-left:5px}.setMarginCoin .select-price .form-control{height:40px;line-height:40px}.setMarginCoin .percentage{display:flex}[dir] .setMarginCoin .percentage{text-align:center;margin:10px -5px 0 -5px;border-radius:2px}.setMarginCoin .percentage span{flex:1;height:28px;line-height:28px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .setMarginCoin .percentage span{border-width:0;cursor:pointer;margin:0 5px;border-radius:2px;border-width:1px;border-style:solid}.setMargin-dialog .dialog-frame{width:580px!important}.setMargin-dialog .dialog-frame-body{width:500px!important}.stop-order-mode .dialog-frame{width:580px!important;height:auto!important}.stop-order-mode .dialog-frame .dialog-frame-body{width:auto!important}[dir] .stop-order-mode .dialog-frame .dialog-frame-body{margin:0 40px}.stopOrderMode-box table{width:100%}[dir] .stopOrderMode-box table td,[dir] .stopOrderMode-box table th{padding:7px 0!important;text-align:center!important}[dir=ltr] .stopOrderMode-box table td:first-child,[dir=ltr] .stopOrderMode-box table th:first-child{text-align:left!important;padding-left:20px!important}[dir=ltr] .stopOrderMode-box table td:last-child,[dir=ltr] .stopOrderMode-box table th:last-child,[dir=rtl] .stopOrderMode-box table td:first-child,[dir=rtl] .stopOrderMode-box table th:first-child{text-align:right!important;padding-right:20px!important}[dir=rtl] .stopOrderMode-box table td:last-child,[dir=rtl] .stopOrderMode-box table th:last-child{text-align:left!important;padding-left:20px!important}[dir] .stopOrderMode-box table .thead{border-width:0!important}.stopOrderMode-box .block-title{line-height:32px;position:relative}[dir] .stopOrderMode-box .block-title{padding-top:30px;margin-bottom:10px}.stopOrderMode-box .block-title .tit{font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .stopOrderMode-box .block-title .tit{cursor:pointer;margin-top:10px}[dir=ltr] .stopOrderMode-box .block-title .tit{margin-right:20px}[dir=rtl] .stopOrderMode-box .block-title .tit{margin-left:20px}.stopOrderMode-box .block-box{min-height:224px}.stopOrderMode-box .form-block{width:100%;font-size:12px;display:flex}.stopOrderMode-box .form-block .select-price{flex:1}[dir] .stopOrderMode-box .form-block .select-price{margin-top:10px}.stopOrderMode-box .form-block .select-price .form-control{height:40px;line-height:40px}.stopOrderMode-box .form-block .select-price .form-control input{width:170px}.stopOrderMode-box .form-block .select-price .form-control span{-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=ltr] .stopOrderMode-box .form-block .select-price .form-control .unit{padding-right:20px}[dir=rtl] .stopOrderMode-box .form-block .select-price .form-control .unit{padding-left:20px}[dir=ltr] .stopOrderMode-box .form-block .select-price.limit-price{margin-left:12px}[dir=rtl] .stopOrderMode-box .form-block .select-price.limit-price{margin-right:12px}.stopOrderMode-box .tip-takeAmount{font-size:12px;line-height:18px}[dir] .stopOrderMode-box .tip-takeAmount{margin:10px 0 10px}.stopOrderMode-box .form-info{width:290px}[dir] .stopOrderMode-box .form-info{margin-bottom:20px;margin:18px 0 0}[dir=ltr] .stopOrderMode-box .form-info{float:right}[dir=rtl] .stopOrderMode-box .form-info{float:left}.stopOrderMode-box .form-info .info-item{display:flex;box-sizing:border-box;font-size:12px;height:66px;align-items:center}[dir] .stopOrderMode-box .form-info .info-item{margin-bottom:1px}.stopOrderMode-box .form-info .info-item p{flex:1}[dir=ltr] .stopOrderMode-box .form-info .info-item p{padding:10px 0 10px 10px}[dir=rtl] .stopOrderMode-box .form-info .info-item p{padding:10px 10px 10px 0}.stopOrderMode-box .form-info .info-item .text1{max-width:120px}[dir=ltr] .stopOrderMode-box .form-info .info-item .text2{text-align:right;border-left-width:1px;border-left-style:solid;padding-right:10px}[dir=rtl] .stopOrderMode-box .form-info .info-item .text2{text-align:left;border-right-width:1px;border-right-style:solid;padding-left:10px}.stopOrderMode-box .condition-list{position:absolute;top:20px}[dir=ltr] .stopOrderMode-box .condition-list{margin-right:10px;left:331px}[dir=rtl] .stopOrderMode-box .condition-list{margin-left:10px;right:331px}.stopOrderMode-box .condition-list span{font-size:12px;height:26px;display:block;box-sizing:border-box;max-width:180px;overflow:hidden}[dir] .stopOrderMode-box .condition-list span{border-width:1px;border-style:solid;padding:0 5px;cursor:pointer}.stopOrderMode-box .condition-list .condition-box{display:none;position:absolute;width:288px;top:26px;height:160px;overflow:auto}[dir] .stopOrderMode-box .condition-list .condition-box{border-width:1px;border-style:solid}[dir=ltr] .stopOrderMode-box .condition-list .condition-box{left:0}[dir=rtl] .stopOrderMode-box .condition-list .condition-box{right:0}.stopOrderMode-box .condition-list:hover .condition-box{display:block}.stopOrderMode-box .condition-list .order-c-table .tbody,.stopOrderMode-box .condition-list .order-c-table .thead{display:flex}.stopOrderMode-box .condition-list .order-c-table .tbody .td,.stopOrderMode-box .condition-list .order-c-table .tbody .th,.stopOrderMode-box .condition-list .order-c-table .thead .td,.stopOrderMode-box .condition-list .order-c-table .thead .th{flex:1;font-size:12px}[dir] .stopOrderMode-box .condition-list .order-c-table .tbody .td,[dir] .stopOrderMode-box .condition-list .order-c-table .tbody .th,[dir] .stopOrderMode-box .condition-list .order-c-table .thead .td,[dir] .stopOrderMode-box .condition-list .order-c-table .thead .th{text-align:center}.stopOrderMode-box .condition-list .order-c-table .tbody-box{height:128px}.stopOrderMode-box .block-expireTime{width:290px;position:relative;z-index:9}[dir] .stopOrderMode-box .block-expireTime{margin-top:6px}[dir=ltr] .stopOrderMode-box .block-expireTime{float:left}[dir=rtl] .stopOrderMode-box .block-expireTime{float:right}.stopOrderMode-box .block-expireTime .form-select .list{top:auto;bottom:30px}[dir] .stopOrderMode-box .block-expireTime .form-select .list{box-shadow:0 4px 10px 0 rgba(0,0,0,.2);padding:15px 0;border-width:1px;border-style:solid}.stopOrderMode-box .category-select-box{width:132px;display:flex;overflow:hidden}[dir] .stopOrderMode-box .category-select-box{margin-top:18px;margin-bottom:8px;border-radius:2px}.stopOrderMode-box .category-select-box .tab{flex:1;height:22px;line-height:22px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .stopOrderMode-box .category-select-box .tab{text-align:center;cursor:pointer}.stopOrderMode-box .percentage{display:flex}[dir] .stopOrderMode-box .percentage{text-align:center;margin:10px -5px 0 -5px;border-radius:2px}.stopOrderMode-box .percentage span{flex:1;height:28px;line-height:28px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .stopOrderMode-box .percentage span{border-width:0;cursor:pointer;margin:0 5px;border-radius:2px;border-width:1px;border-style:solid}.sl-swap-assets{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .sl-swap-assets{padding-bottom:10px}.sl-swap-assets .assets-risk{position:absolute;width:100%;bottom:0}[dir=ltr] .sl-swap-assets .assets-risk{left:0}[dir=rtl] .sl-swap-assets .assets-risk{right:0}.sl-swap-assets .block-header{height:39px;line-height:39px;justify-content:space-between;align-items:center;font-size:14px}[dir] .sl-swap-assets .block-header{padding:0 15px}[dir] .sl-swap-assets .block-header.title{border-top-width:5px;border-top-style:solid}.sl-swap-assets .block-header .tab{display:inline-block;height:38px;line-height:38px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}[dir] .sl-swap-assets .block-header .tab{cursor:pointer}[dir=ltr] .sl-swap-assets .block-header .tab{margin-right:28px}[dir=rtl] .sl-swap-assets .block-header .tab{margin-left:28px}.sl-swap-assets .block-header .tab em{font-size:12px}.sl-swap-assets .block-header .contract-data:hover{opacity:.8}.sl-swap-assets .block-header .assets-tit{display:flex;align-items:center}.sl-swap-assets .block-header .assets-tit span{font-size:14px}.sl-swap-assets .block-header .assets-tit i{font-size:12px}[dir=ltr] .sl-swap-assets .block-header .assets-tit i{margin-left:3px}[dir=rtl] .sl-swap-assets .block-header .assets-tit i{margin-right:3px}.sl-swap-assets .block-header a{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=ltr] .sl-swap-assets .block-header a{float:right}[dir=rtl] .sl-swap-assets .block-header a{float:left}[dir] .sl-swap-assets .assets-list{padding:10px 0}.sl-swap-assets .assets-list li{font-size:12px;display:flex;justify-content:space-between;align-items:center;line-height:30px;position:relative}[dir] .sl-swap-assets .assets-list li{padding:0 16px}.sl-swap-assets .assets-list li .clole-style{width:10px;height:10px}[dir] .sl-swap-assets .assets-list li .clole-style{background:#fff;margin-top:1px;border-radius:2px}[dir=ltr] .sl-swap-assets .assets-list li .clole-style{float:left;margin-right:5px}[dir=rtl] .sl-swap-assets .assets-list li .clole-style{float:right;margin-left:5px}[dir] .sl-swap-assets .assets-list li .clole-style.clole-style_1{background:#91c7ae}[dir] .sl-swap-assets .assets-list li .clole-style.clole-style_2{background:#62a0a8}[dir] .sl-swap-assets .assets-list li .clole-style.clole-style_3{background:#5183bb}.sl-swap-assets .assets-list li .bg{position:absolute;top:0;bottom:0;display:none}[dir=ltr] .sl-swap-assets .assets-list li .bg,[dir=rtl] .sl-swap-assets .assets-list li .bg{left:0;right:0}.sl-swap-assets .assets-list li:hover .bg{display:block}.sl-swap-assets .assets-list li span{position:relative}[dir] .sl-swap-assets .assets-list .fee{padding:10px;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:5px}.sl-swap-assets .operation-button{display:flex}[dir] .sl-swap-assets .operation-button{padding:10px 11px}.sl-swap-assets .operation-button span{flex:1;line-height:30px}[dir] .sl-swap-assets .operation-button span{text-align:center;margin:0 5px;border-radius:2px;cursor:inherit}.sl-swap-assets .risk{height:62px;display:flex;justify-content:space-between;align-items:center;font-size:12px}[dir] .sl-swap-assets .risk{padding:0 15px;border-top-width:1px;border-top-style:solid}.sl-swap-assets .risk h3{font-size:14px}[dir] .sl-swap-assets .risk .limit div{margin:8px 0}.sl-swap-assets .assetsChart{height:200px;position:relative}[dir] .sl-swap-assets .assetsChart{padding-top:10px}.sl-swap-assets .assetsChart .total-rate{position:absolute;top:90px;width:100%;font-size:12px;line-height:18px}[dir] .sl-swap-assets .assetsChart .total-rate{text-align:center}.sl-swap-assets .assetsChart .total-rate .text-il{width:100px}[dir] .sl-swap-assets .assetsChart .total-rate .text-il{margin:0 auto}.sl-swap-assets .assetsChart .total-rate .hint{top:auto;bottom:20px;width:293px}[dir] .sl-swap-assets .assetsChart .total-rate .hint{padding:5PX}[dir=ltr] .sl-swap-assets .assetsChart .total-rate .hint{left:-100px}[dir=rtl] .sl-swap-assets .assetsChart .total-rate .hint{right:-100px}.sl-swap-assets .assetsChart .total-rate .hint .triangle{position:absolute;top:-6px;width:10px;height:10px}[dir] .sl-swap-assets .assetsChart .total-rate .hint .triangle{border-top-width:1px;border-top-style:solid}[dir=ltr] .sl-swap-assets .assetsChart .total-rate .hint .triangle{left:50%;margin-left:-5px;border-left-width:1px;border-left-style:solid;transform:rotate(45deg)}[dir=rtl] .sl-swap-assets .assetsChart .total-rate .hint .triangle{right:50%;margin-right:-5px;border-right-width:1px;border-right-style:solid;transform:rotate(-45deg)}[dir] .sl-swap-assets .futures-info-list{padding:10px 0}.sl-swap-assets .futures-info-list .info-item{height:26px;width:100%;font-size:12px;line-height:26px;box-sizing:border-box}[dir] .sl-swap-assets .futures-info-list .info-item{border-bottom-width:0;border-bottom-style:solid;padding:0 15px}.sl-swap-assets .futures-info-list .info-item span{display:inline-block;width:50%}[dir=ltr] .sl-swap-assets .futures-info-list .info-item span.td{text-align:right}[dir=rtl] .sl-swap-assets .futures-info-list .info-item span.td{text-align:left}.sl-swap-assets .hint-father,.sl-swap-assets .hint-father>a{position:relative}[dir] .sl-swap-assets .hint-father>a{cursor:pointer;border-bottom-style:dashed;border-bottom-width:1px}.sl-swap-assets .hint{width:200px;position:absolute;bottom:35px;z-index:10;line-height:1.5}[dir] .sl-swap-assets .hint{padding:20px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.2)}[dir=ltr] .sl-swap-assets .hint{left:0}[dir=rtl] .sl-swap-assets .hint{right:0}.sl-swap-assets .hint .triangle{position:absolute;bottom:-5px;width:10px;height:10px}[dir] .sl-swap-assets .hint .triangle{border-bottom-width:0;border-bottom-style:solid}[dir=ltr] .sl-swap-assets .hint .triangle{left:10%;margin-left:-5px;border-right-width:0;border-right-style:solid;transform:rotate(45deg)}[dir=rtl] .sl-swap-assets .hint .triangle{right:10%;margin-right:-5px;border-left-width:0;border-left-style:solid;transform:rotate(-45deg)}.sl-swap-assets .tip-show-enter-active{transition:all .2s ease .5s}.sl-swap-assets .tip-show-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.sl-swap-assets .tip-show-enter,.sl-swap-assets .tip-show-leave-to{opacity:0}[dir] .sl-swap-assets .tip-show-enter,[dir] .sl-swap-assets .tip-show-leave-to{transform:translateY(10px)}.set-up-window .redio-block{align-items:center}[dir] .set-up-window .redio-block{padding:20px 0}.set-up-window .redio-block .label{display:block}[dir] .set-up-window .redio-block .redio-box{padding-top:16px}.set-up-window .redio-block .redio-box>span{display:inline-block;min-width:60px}[dir] .set-up-window .redio-block .redio-box>span{cursor:pointer}[dir=ltr] .set-up-window .redio-block .redio-box>span{margin-right:28px}[dir=rtl] .set-up-window .redio-block .redio-box>span{margin-left:28px}[dir=ltr] .set-up-window .redio-block .switchWrap{float:right}[dir=rtl] .set-up-window .redio-block .switchWrap{float:left}.set-up-window .ts-1{font-size:12px}[dir] .set-up-window .ts-1{padding:15px 0 10px}[dir] .set-up-window .redio-block2{margin-top:30px}[dir] .set-up-window .redio-block2 .item{padding:10px 0}.set-up-window .redio-block2 p.ts-2{line-height:20px;font-size:12px}[dir=ltr] .set-up-window .redio-block2 p.ts-2{padding:10px 0 0 26px}[dir=rtl] .set-up-window .redio-block2 p.ts-2{padding:10px 26px 0 0}.set-up-window .redio-block2 span{display:block}[dir] .set-up-window .redio-block2 span{cursor:pointer}.set-up-window .redio-block2 em{font-size:12px}[dir=ltr] .set-up-window .redio-block2 .common-redio{margin-right:6px}[dir=rtl] .set-up-window .redio-block2 .common-redio{margin-left:6px}[dir] .set-up-window .ts-3{padding-top:15px;margin-bottom:-10px}.set-up-window .ts-4{font-size:12px}[dir=ltr] .set-up-window .ts-4{padding-left:20px}[dir=rtl] .set-up-window .ts-4{padding-right:20px}.set-up-window .button-box{display:flex;justify-content:flex-end}[dir] .set-up-window .button-box{margin-top:40px}[dir=ltr] .set-up-window .button-box button{margin-right:20px}[dir=rtl] .set-up-window .button-box button{margin-left:20px}[dir] .set-up-window .redio-box2{margin-top:24px}.set-up-window .redio-box2 .item{transition:border-color .3s ease-in-out,box-shadow .15s ease-in-out}[dir] .set-up-window .redio-box2 .item{border-width:1px;border-style:solid;padding:12px;margin-bottom:22px;border-radius:2px;cursor:pointer}[dir] .set-up-window .redio-box2.disbledRedio{cursor:no-drop}[dir] .set-up-window .redio-box2.disbledRedio .item{border-width:0;cursor:no-drop}[dir] .set-up-window .redio-box2.disbledRedio .item .common-redio,[dir] .set-up-window .redio-box2.disbledRedio .item span{cursor:no-drop}.calculator-mode .dialog-frame{width:400px!important}.calculator-mode .dialog-frame .dialog-left-body{width:360px!important}[dir] .calculator-mode .dialog-frame .dialog-left-body{padding-top:20px!important}.calculatorMode-box{min-height:700px}.calculatorMode-box .category-select-box{width:100%;display:flex;overflow:hidden;position:relative}[dir] .calculatorMode-box .category-select-box{margin-bottom:15px;border-radius:2px}.calculatorMode-box .category-select-box .tab{flex:1;height:38px;line-height:38px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}[dir] .calculatorMode-box .category-select-box .tab{text-align:center;cursor:pointer}.calculatorMode-box .category-select-box .tab-active-bg{position:absolute;width:50%;height:100%;transition:all .5s}[dir] .calculatorMode-box .category-select-box .tab-active-bg{border-radius:2px}[dir=ltr] .calculatorMode-box .category-select-box .tab-active-bg{left:50%}[dir=rtl] .calculatorMode-box .category-select-box .tab-active-bg{right:50%}[dir] .calculatorMode-box .category-tab-box{margin-bottom:16px}[dir=ltr] .calculatorMode-box .category-tab-box,[dir=rtl] .calculatorMode-box .category-tab-box{margin-left:-20px;margin-right:-20px}.calculatorMode-box .form-block{font-size:12px}[dir] .calculatorMode-box .form-block .select-price{margin-top:12px}.calculatorMode-box .form-info{font-size:12px}[dir] .calculatorMode-box .form-info{margin:40px 0 0;padding:15px 20px;border-radius:4px}.calculatorMode-box .form-info .tit{display:flex;font-size:14px}[dir] .calculatorMode-box .form-info .tit{border-bottom-width:0;border-bottom-style:solid;margin-bottom:10px}.calculatorMode-box .form-info .info-item{display:flex;box-sizing:border-box;height:32px;align-items:center;font-size:14px}[dir] .calculatorMode-box .form-info .info-item{margin-bottom:1px;border-bottom-width:0;border-bottom-style:solid}.calculatorMode-box .form-info .info-item p{flex:1}.calculatorMode-box .form-info .info-item .text1{max-width:120px}[dir=ltr] .calculatorMode-box .form-info .info-item .text2{text-align:right;border-left-width:0;border-left-style:solid}[dir=rtl] .calculatorMode-box .form-info .info-item .text2{text-align:left;border-right-width:0;border-right-style:solid}.calculatorMode-box .active-lever{line-height:30px}[dir] .calculatorMode-box .active-lever{border-width:1px;border-style:solid;padding:0 8px}[dir=ltr] .calculatorMode-box .active-lever{text-align:right}[dir=rtl] .calculatorMode-box .active-lever{text-align:left}[dir=ltr] .calculatorMode-box .active-lever span{float:left}[dir=rtl] .calculatorMode-box .active-lever span{float:right}.calculatorMode-box .transaction-drag{position:relative;width:calc(100% - 15px);height:40px}[dir] .calculatorMode-box .transaction-drag{margin-top:40px}.calculatorMode-box .transaction-drag .drag-cover,.calculatorMode-box .transaction-drag .drag-def{position:absolute;display:block;height:4px;top:3px}[dir=ltr] .calculatorMode-box .transaction-drag .drag-cover,[dir=ltr] .calculatorMode-box .transaction-drag .drag-def{left:4px}[dir=rtl] .calculatorMode-box .transaction-drag .drag-cover,[dir=rtl] .calculatorMode-box .transaction-drag .drag-def{right:4px}.calculatorMode-box .transaction-drag .drag-def{width:100%}[dir] .calculatorMode-box .transaction-drag .drag-cover{background:#f0f}[dir] .calculatorMode-box .transaction-drag .drag-turnColor{background:red}.calculatorMode-box .transaction-drag .drag-step{position:absolute;display:block;top:-1px;width:12px;height:12px;z-index:5;box-sizing:border-box}[dir] .calculatorMode-box .transaction-drag .drag-step{border-radius:100px;border-width:2px;border-style:solid;cursor:pointer}[dir=ltr] .calculatorMode-box .transaction-drag .drag-step{left:0}[dir=rtl] .calculatorMode-box .transaction-drag .drag-step{right:0}.calculatorMode-box .transaction-drag .drag-step.transition{transition:all .2s ease}.calculatorMode-box .transaction-drag .drag-step .icon_h{display:block;height:8px;width:3px}[dir] .calculatorMode-box .transaction-drag .drag-step .icon_h{background:none}[dir=ltr] .calculatorMode-box .transaction-drag .drag-step .icon_h{margin:3px 0 0 5px;border-left:1px solid #fff;border-right:1px solid #fff}[dir=rtl] .calculatorMode-box .transaction-drag .drag-step .icon_h{margin:3px 5px 0 0;border-right:1px solid #fff;border-left:1px solid #fff}.calculatorMode-box .transaction-drag .drag-step .value{position:absolute;top:-35px;width:60px;height:24px;line-height:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir] .calculatorMode-box .transaction-drag .drag-step .value{text-align:center;border-radius:2px}[dir=ltr] .calculatorMode-box .transaction-drag .drag-step .value{left:50%;margin-left:-30px}[dir=rtl] .calculatorMode-box .transaction-drag .drag-step .value{right:50%;margin-right:-30px}.calculatorMode-box .transaction-drag .drag-step .value .arrow{width:10px;height:10px;position:absolute;bottom:-5px}[dir=ltr] .calculatorMode-box .transaction-drag .drag-step .value .arrow{transform:rotate(-45deg);left:25px}[dir=rtl] .calculatorMode-box .transaction-drag .drag-step .value .arrow{transform:rotate(45deg);right:25px}.calculatorMode-box .transaction-drag i{position:absolute;top:1px;display:block;width:8px;height:8px;z-index:4}[dir] .calculatorMode-box .transaction-drag i{cursor:pointer;border-width:1px;border-style:solid;border-top:none;border-bottom:none;border-radius:50px}[dir=ltr] .calculatorMode-box .transaction-drag i{text-align:right}[dir=rtl] .calculatorMode-box .transaction-drag i{text-align:left}[dir] .calculatorMode-box .transaction-drag i.selected{background:$input-focus-border}[dir=ltr] .calculatorMode-box .transaction-drag i.drag-step0{left:calc(25% + 4px)}[dir=rtl] .calculatorMode-box .transaction-drag i.drag-step0{right:calc(25% + 4px)}.calculatorMode-box .transaction-drag .drag-step-wrap{display:inline-block;width:100%;position:relative}.calculatorMode-box .transaction-drag .mark{display:inline-block;width:36px;top:20px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px}[dir] .calculatorMode-box .transaction-drag .mark{text-align:center}[dir=ltr] .calculatorMode-box .transaction-drag .mark{left:-12px}[dir=rtl] .calculatorMode-box .transaction-drag .mark{right:-12px}.calculatorMode-box .drag-bar{position:absolute;height:4px;top:0;z-index:1}[dir=ltr] .calculatorMode-box .drag-bar{left:4px}[dir=rtl] .calculatorMode-box .drag-bar{right:4px}[dir] .calculatorMode-box .max-can-open{padding:10px 0}[dir] .calculatorMode-box .no-drop .drag-step.transition,[dir] .calculatorMode-box .no-drop .transaction-drag i{cursor:no-drop}.calculatorMode-box .add-and-sub{height:40px;width:100%;display:flex;align-items:center}[dir] .calculatorMode-box .add-and-sub{margin:10px auto;border-style:solid;border-width:1px;border-radius:2px}.calculatorMode-box .add-and-sub .label{font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=ltr] .calculatorMode-box .add-and-sub .label{padding-left:8px;padding-right:16px}[dir=rtl] .calculatorMode-box .add-and-sub .label{padding-right:8px;padding-left:16px}.calculatorMode-box .add-and-sub .options{width:38px;height:40px}.calculatorMode-box .add-and-sub .add,.calculatorMode-box .add-and-sub .sub{display:block;width:100%;height:20px;display:flex;align-items:center;justify-content:center}[dir] .calculatorMode-box .add-and-sub .add,[dir] .calculatorMode-box .add-and-sub .sub{cursor:pointer;border-width:1px;border-style:solid;border-radius:2px}.calculatorMode-box .add-and-sub .add .hover-show,.calculatorMode-box .add-and-sub .sub .hover-show{display:none}[dir=ltr] .calculatorMode-box .add-and-sub .add .icon,[dir=ltr] .calculatorMode-box .add-and-sub .sub .icon{transform:rotate(90deg)}[dir=rtl] .calculatorMode-box .add-and-sub .add .icon,[dir=rtl] .calculatorMode-box .add-and-sub .sub .icon{transform:rotate(-90deg)}.calculatorMode-box .add-and-sub .add:hover .hover-hide,.calculatorMode-box .add-and-sub .sub:hover .hover-hide{display:none}.calculatorMode-box .add-and-sub .add:hover .hover-show,.calculatorMode-box .add-and-sub .sub:hover .hover-show{display:block}[dir] .calculatorMode-box .add-and-sub .add{border-top-width:0;border-bottom-width:0}[dir=ltr] .calculatorMode-box .add-and-sub .add{border-right-width:0}[dir=rtl] .calculatorMode-box .add-and-sub .add{border-left-width:0}[dir=ltr] .calculatorMode-box .add-and-sub .add .icon{transform:rotate(-90deg)}[dir=rtl] .calculatorMode-box .add-and-sub .add .icon{transform:rotate(90deg)}[dir] .calculatorMode-box .add-and-sub .sub{border-bottom-width:0}[dir=ltr] .calculatorMode-box .add-and-sub .sub{border-right-width:0}[dir=rtl] .calculatorMode-box .add-and-sub .sub{border-left-width:0}.calculatorMode-box .add-and-sub .content{flex:1;height:38px;line-height:38px}[dir] .calculatorMode-box .add-and-sub .content{text-align:center}.calculatorMode-box .add-and-sub .content input{width:100%;height:100%;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=ltr] .calculatorMode-box .add-and-sub .content input{text-align:left}[dir=rtl] .calculatorMode-box .add-and-sub .content input{text-align:right}.calculatorMode-box .warning-text{opacity:.6;line-height:18px}[dir] .calculatorMode-box .warning-text{margin-top:20px}