.contract-content{position:relative;padding:5px;min-width:1280px;width:100%;box-sizing:border-box}.contract-content .contract-content-main{position:relative;margin-right:360px}.contract-content .layout-block-Klinw{position:relative;padding-right:325px;padding-top:5px}.contract-content .layout-block-depth{position:absolute;top:75px;right:0;width:320px;float:left;z-index:10}.contract-content .layout-block-trade{position:absolute;top:5px;right:5px;width:355px;float:right;height:calc(100% - 10px)}.contract-content .layout-block-trade:hover{z-index:999}.contract-content .layout-block-order{margin-top:5px}.contract-content .zoomIn-enter-active{transition:all .3s ease}.contract-content .zoomIn-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.contract-content .zoomIn-enter,.contract-content .zoomIn-leave-to{transform:translateY(-10px);opacity:0}@media screen and (min-width:1660px){.contract-content .layout-block-depth{top:0}}.currentSymbol{height:70px;border-bottom-width:0;border-bottom-style:solid;align-items:center;display:flex;position:relative}.currentSymbol .operations-btn{position:relative;z-index:12;padding:0 16px;border-right-width:1px;border-right-style:solid;height:70px}.currentSymbol .operations-btn .activePrice-item{display:none}.currentSymbol .symbol-total{font-size:18px;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:22px;height:22px;margin-top:24px;font-weight:700}.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:88%;max-width:900px}.currentSymbol .symbol-info .activePrice-item{margin-top:-13px}.currentSymbol .symbol-info .info-item{font-size:12px;text-align:left;position:relative}.currentSymbol .symbol-info .info-item span{display:block}.currentSymbol .symbol-info .info-item .explain{border-bottom-style:dashed;border-bottom-width:1px;display:inline-block;cursor:pointer}.currentSymbol .symbol-info .info-item .tit{padding-bottom:2px}.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;padding:15px 20px;position:absolute;left:50%;margin-left:-180px;top:22px;z-index:20;text-align:left;line-height:1.5;border-width:0;border-style:solid;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.2)}.currentSymbol .symbol-info .info-item .explain-text-w{width:168px;margin-left:-106px}.currentSymbol .symbol-info .info-item .triangle{position:absolute;top:-6px;left:50%;margin-left:-5px;width:10px;height:10px;border-left-width:0;border-left-style:solid;border-top-width:0;border-top-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;padding-right:16px}.currentSymbol .counter-and-set .hover-show{display:none}.currentSymbol .counter-and-set .set-btn-icon{margin-left:12px;cursor:pointer}.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;left:0}.currentSymbol .contract-desc{position:absolute;right:18px;font-size:12px;cursor:pointer}.currentSymbol .contract-desc:hover{opacity:.8}.currentSymbol .set-button{flex:1;display:flex;max-width:130px;padding-left:5px}.currentSymbol .set-button span{display:inline-block;width:56px;text-align:center;height:24px;line-height:24px;border-width:1px;border-style:solid;margin:0 0 0 5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px}.currentSymbol .activePrice{line-height:32px;font-size:20px;font-weight:500}.currentSymbol .activePrice i{font-size:12px;padding:0 5px;border-radius:3px;font-weight:400;margin-left:3px}.currentSymbol .rose{text-align:left}.currentSymbol .market-shade{position:fixed;top:0;left:0;bottom:0;right:0;z-index:10;opacity:.1}.currentSymbol .triangle-down{margin:-2px 0 0 4px;vertical-align:middle;padding:0;display:inline-block;transition:all .3s ease-in-out}.currentSymbol .triangle-down.triangle-down-active{transform:rotate(180deg)}@media screen and (max-width:1451px){.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){.currentSymbol{margin-right:325px}}.market-slide-fade-enter-active,.market-slide-fade-leave-active{transition:all .3s ease-out}.market-slide-fade-enter,.market-slide-fade-leave-to{transform:translateY(-40px)}.co-market-box{box-shadow:0 4px 10px 0 rgba(0,0,0,.2)}.co-market-box .market-tab{padding:8px 18px 0 16px;box-sizing:border-box}.co-market-box .market-tab .category-select-box{display:flex;border-radius:2px;margin-top:2px;position:relative;left:-10px}.co-market-box .market-tab .category-select-box .tab{flex:1;height:32px;line-height:32px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px;max-width:78px}.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}.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;left:21px;transition:all .3s}.co-market-box .market-tab .search{width:321px}.co-market-box .market-tab .search .input-find-content{width:100%}.co-market-box .market-tab .search .input-find-content .iconbox{float:left}.co-market-box .market-tab .search .input-find-content input{width:262px;line-height:28px;height:28px;padding-left:5px;font-size:12px}.co-market-box .co-market-symbol{font-size:12px}.co-market-box .co-market-symbol .thead{width:100%;height:30px;box-sizing:border-box;padding:0 16px;display:flex;align-items:center}.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;padding:0 16px;display:flex;height:30px;align-items:center;position:relative}.co-market-box .co-market-symbol .tbody .tr:hover .bg{display:block;position:absolute;top:0;left:0;height:100%;width:100%}.co-market-box .co-market-symbol .tbody span,.co-market-box .co-market-symbol .thead span{flex:1;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.co-market-box .co-market-symbol .tbody span.td-rose,.co-market-box .co-market-symbol .thead span.td-rose{text-align:right}.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}.not-data{text-align:center;padding-top:80px}.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}.codepath-container .tab-item .block-header{display:block;height:61px;padding:10px 10px 0 10px;font-size:14px;z-index:99;position:relative;box-sizing:border-box}.codepath-container .tab-item .block-header .switch-btn{display:block!important;float:left;border-radius:2px;margin-top:5px}.codepath-container .tab-item .block-header .switch-btn .tooltip-container{line-height:8px;font-size:12px;margin:0 10px 0 0}.codepath-container .tab-item .block-header .switch-btn .dtIcon{font-size:16px;cursor:pointer;display:inline-block;height:23px;line-height:23px;text-align:center;border-radius:50%;width:23px;position:relative}.codepath-container .tab-item .block-header .switch-btn .dtIcon-act{opacity:1}.codepath-container .tab-item .coNewTrade-container .block-header{padding:0 10px}.codepath-container .tab-item.is-show{display:block}.codepath-container .current-price{padding:0 15px;margin-top:0;top:-6px}.codepath-container .current-price,.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}.codepath-container .current-price .price-box .price{margin-right:10px}.codepath-container .current-price .price-box .indexPrice{font-size:14px;margin-right:15px}.codepath-container .current-price .price-box .tagPrice{position:absolute;right:0;text-align:right}.codepath-container .current-price .price-box .tagPrice .tagPrice-icon{margin-right:1px}.codepath-container .current-price .jb{margin-left:10px;display:inline-block;float:right}.codepath-container .current-price .jb i{vertical-align:middle;display:inline-block;width:6px;margin-right:3px;height:14px;border-width:1px;border-style:solid;border-radius:2px}.codepath-container .title-tab .tab{display:inline-block;border-bottom-style:solid;border-bottom-width:0;height:38px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:28px;font-size:14px}.codepath-container .title-tab .tab.main-1-bd{border-bottom-style:solid;border-bottom-width:2px}.codepath-container .title-tab .tab-rtwo{margin:0}.codepath-container .depath-class{position:absolute;padding:0 0 0 0;cursor:pointer;top:22px;right:15px}.codepath-container .depath-class .depath-class-select{padding:0 5px;height:23px;line-height:23px;border-radius:2px;font-size:12px;min-width:50px;display:inline-block;text-align:right}.codepath-container .depath-class .triangle-down{width:10px;height:10px;margin:0;vertical-align:middle;padding:0;display:inline-block;transition:all .3s ease-in-out}.codepath-container .depath-class .triangle-down svg{vertical-align:top}.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;right:0;min-width:50px;text-align:right}.codepath-container .depath-class ul li{height:24px;line-height:24px;padding:0 10px;cursor:pointer;margin-bottom:1px;font-size:12px}.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{transform:translateY(-15px);opacity:0}.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{text-align:left;box-sizing:border-box;padding-left:15px}.tableList-container .tbody{padding:1px 2px 9px 0;position:relative;font-size:12px;transiton:height .5s ease;width:100%;-webkit-transition:height .5s ease;margin-top:-4px}.tableList-container .tbody.no-padding{padding:0}.tableList-container .tbody .symbol-item{padding:0 15px 0 0;line-height:16px;cursor:pointer;position:relative}.tableList-container .tbody .symbol-item .bg{display:none}.tableList-container .tbody .symbol-item.change-item .change{position:absolute;animation:opacity2 1s 0s 1;top:0;left:2px;height:100%;width:100%;opacity:0}.tableList-container .tbody .symbol-item:hover .bg{display:block;position:absolute;top:0;left:0;height:100%;width:100%}.tableList-container .tbody .symbol-item span.td-symbol{text-align:left;box-sizing:border-box;padding-left:16px}.tableList-container .tbody .active-price-point{display:inline-block;width:4px;height:4px;border-radius:100px;vertical-align:2px}.tableList-container .tbody span,.tableList-container .thead span{display:inline-block;text-align:right;position:relative;z-index:9}.tableList-container .tbody span .icon,.tableList-container .thead span .icon{display:inline-block;vertical-align:middle;height:16px;background:red;float:left;margin:8px 5px 0 0}.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;right:-20px;z-index:1;padding:0;width:10%;transiton:width .5s ease;-webkit-transition:width .5s ease}.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;padding:0 15px!important;font-size:14px!important}.coNewTrade-container .thead{height:24px;line-height:24px;padding:0 15px 0 0;font-size:12px}.coNewTrade-container .thead span{display:inline-block;white-space:nowrap}.coNewTrade-container .tbody{padding:0 0 3px;font-size:12px;height:68px;box-sizing:border-box}.coNewTrade-container .tbody .symbol-item{line-height:17px;cursor:pointer;position:relative}.coNewTrade-container .tbody .symbol-item .bg{display:none}.coNewTrade-container .tbody .symbol-item .rose{position:absolute;top:1px;left:10px;font-size:12px}.coNewTrade-container .tbody .symbol-item:hover .bg{display:block;position:absolute;top:0;left:0;height:100%;width:100%}.coNewTrade-container .tbody .symbol-item.change-item .change{position:absolute;animation:opacityZ 2s 0s 1;top:2px;left:0;height:80%;width:100%;opacity:0}.coNewTrade-container .tbody span,.coNewTrade-container .thead span{display:inline-block;text-align:right;position:relative}.coNewTrade-container .tbody span .icon,.coNewTrade-container .thead span .icon{display:inline-block;vertical-align:middle;height:15px;background:red;float:left;margin:8px 5px 0 0}.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{text-align:left;box-sizing:border-box;padding-left:15px}.coNewTrade-container .tr-bg{position:absolute;height:20px;top:0;left:0;z-index:1;opacity:.16;padding:0;width:10%;transiton:width .5s ease;-webkit-transition:width .5s ease}@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;border-radius:2px}.future-canter-echart-box .kline-bg{position:absolute;bottom:130px;left:15px;z-index:999}.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;padding:0;position:absolute;left:108px;right:180px;transition:all .5s ease;z-index:101}.future-canter-echart-box .top-menu.lefts{left: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;padding:8px 0;z-index:9;cursor:pointer;display:none}.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}.future-canter-echart-box .top-menu .top-menu-bar .icon-left{left:0;padding-right:5px}.future-canter-echart-box .top-menu .top-menu-bar .icon-right{right:0;padding-left: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;left:0;transiton:left .2s linear;-webkit-transition:left .2s linear}.future-canter-echart-box .top-menu .time-line{padding:2px 5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:2px;margin-right: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;left:0;right:0;z-index:999}.future-canter-echart-box .slide{position:absolute;top:0;left:0;width:100%;opacity:0;transition:all .5s ease;overflow:hidden;height:100%;z-index:2}.future-canter-echart-box .slide.selected{transform:translateX(0);opacity:1;z-index:3}.future-canter-echart-box .top-tab{position:absolute;right:0;height:30px;line-height:30px;text-align:right;z-index:101;display:flex;align-items:center}.future-canter-echart-box .top-tab .switch-chart-type{margin-right:5px;cursor:pointer;font-size:12px;padding:0 6px;border-radius:2px;float:left}.future-canter-echart-box .tv_chart_container{height:100%;width:100%}.future-canter-echart-box .loading-indicator{background:none}.future-canter-echart-box .coverKlineBox{position:absolute;top:30px;left:0;right:0;bottom:0;z-index:99}.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%;left:50%;z-index:999;margin:-25px 0 0 -25px}.canter-echart-full{-o-object-fit:contain;object-fit:contain;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left: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;transform:none!important;margin:0!important}@media (max-width:460px){.ex-canter-echart-box .top-menu{left:75px}}.select-more{padding:2px 20px 2px 0;position:relative;cursor:pointer;line-height:17px;display:inline-block;border-radius:2px;height:21px;box-sizing:border-box;vertical-align:middle}.select-more em{margin-left:5px}.select-more .icon-triangle{position:absolute;right:5px;top:7px;width:10px;height:10px;transition:all .3s ease-in-out}.select-more .icon-triangle svg{vertical-align:top}.select-more .time-more-list{position:absolute;top:21px;left:-80px;padding:0 5px;border-radius:2px;height:0;overflow:hidden;box-sizing:border-box;transition:all .3s ease-in-out;min-width:160px}.select-more .time-more-list .time-line{padding:4px 5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:2px;margin-right:4px;margin-top:5px;display:inline-block}.select-more:hover .time-more-list{height:35px}.select-more:hover .icon-triangle{transform:rotate(180deg)}.show-order-line{vertical-align:middle;display:inline-block;position:relative;cursor:pointer;border-radius:2px;box-sizing:border-box;margin:0!important;padding:0 12px!important}.show-order-line:hover.order-line-option{padding:5px 10px;height:90px;display:block}.show-order-line .order-line-option{position:absolute;top:28px;left:-70px;border-radius:2px;height:0;display:none;box-sizing:border-box;transition:all .3s ease-in-out;min-width:160px;padding:0 10px;text-align:left}.show-order-line .order-line-option .common-checkout{margin-right:10px}.show-order-line .order-line-option li{line-height:28px;cursor:pointer;font-size:12px}.show-order-line .order-line-option li .checkBoxlabel{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:inline-block}.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{padding:5px 10px;height:90px;display:block}.show-order-line:hover .hover-show{display:inline-block}.show-order-line:hover .hover-hide{display:none}.full-btn{margin:0 5px 0 0;cursor:pointer;font-size:12px;padding:2px 5px;border-radius:2px}.echart-box{width:100%;height:100%}.full-btn .hover-show[data-v-3819dea4]{display:none}.full-btn:hover .hover-show[data-v-3819dea4]{display:inline}.full-btn:hover .hover-hide[data-v-3819dea4]{display:none}.co-trade-box{font-size:12px;padding:0}.co-trade-box .title-block{padding:13px 15px 0 15px;font-size:14px}.co-trade-box .title-block .tab{display:inline-block;border-bottom-style:solid;border-bottom-width:0;height:38px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:28px;font-size:14px}.co-trade-box .title-block .tab.main-1-bd{border-bottom-style:solid;border-bottom-width:2px}.co-trade-box .title-block.no-border{border:none;margin-top: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;text-align:center;border-radius:3px;cursor:pointer}.co-trade-box .title-block .show-dialog-btn.show-dialog-btn-left{border-radius:2px 0 0 2px}.co-trade-box .title-block .show-dialog-btn.show-dialog-btn-right{border-radius:0 2px 2px 0}.co-trade-box .counter-and-set{flex:1;justify-content:flex-end;float:right;position:relative}.co-trade-box .counter-and-set:hover{z-index:15}.co-trade-box .counter-and-set .hover-show{display:none}.co-trade-box .counter-and-set .set-btn-icon{margin-left:12px;cursor:pointer}.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}.co-trade-box .trade-form{padding:15px}.co-trade-box .trade-form .category-select-box{width:100%;display:flex;border-radius:2px;margin-bottom:12px;position:relative}.co-trade-box .trade-form .category-select-box .tab{flex:1;height:40px;line-height:40px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;position:relative}.co-trade-box .trade-form .category-select-box .tab-active-bg{position:absolute;width:50%;height:100%;transition:all .5s;left:50%;border-radius:2px}.co-trade-box .trade-form .category-tab-box .commonTab-tab{color:#fff}.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;padding:0 15px;position:absolute;border-radius:2px;top:-34px;right:0;z-index:90}.co-trade-box .trade-form .convert .arrow{display:inline-block;width:8px;height:8px;bottom:-4px;position:absolute;transform:rotate(45deg);right: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;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{margin-right:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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;text-align:center;cursor:pointer}.co-trade-box .trade-form .available .right .icon{vertical-align:middle}.co-trade-box .trade-form .openable{margin-top:16px}.co-trade-box .trade-form .submit-button{margin-top:12px;height:40px}.co-trade-box .trade-form .submit-button .common-button{float:left;transition:none}.co-trade-box .trade-form .submit-button .buyBtn{margin-right:8px}.co-trade-box .trade-form .percentage{display:flex;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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 2px;border-radius:2px;border-width:1px;border-style:solid}.co-trade-box .trade-form .tip-text{width:227px;padding:12px 16px;position:absolute;left:-10px;bottom:26px;z-index:10;box-shadow:0 0 5px rgba(0,0,0,.2);line-height:1.5;border-width:0;border-style:solid;border-radius:5px}.co-trade-box .trade-form .tip-text .triangle{position:absolute;bottom:-5px;left:10%;margin-left:-5px;width:10px;height:10px;border-right-width:0;border-right-style:solid;border-bottom-width:0;border-bottom-style:solid;transform:rotate(45deg)}.co-trade-box .trade-form .rt-label-zjc{right:0;left:auto}.co-trade-box .trade-form .rt-label-zjc .triangle{right:6%;left:auto}.co-trade-box .trade-form .rt-label{border-bottom-style:dashed;border-bottom-width:1px;position:relative}.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;margin-left:5px}.co-trade-box .trade-form .option .common-checkout{float:left}.co-trade-box .trade-form .option .checkBoxlabel{display:inline-block;margin-left:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;line-height:16px}.co-trade-box .trade-form .option .stopCheckBox{display:block;margin-top:10px}.co-trade-box .trade-form .option .rt-label0 .tip-text{left:-70px}.co-trade-box .trade-form .option .rt-label1 .tip-text{left:-150px}.co-trade-box .trade-form .option .rt-label2 .tip-text{left:-200px}.co-trade-box .trade-form .option .zhiJianCang{float:right}.co-trade-box .trade-form .stop-order-price{overflow:hidden;clear:both}.co-trade-box .trade-form .stop-order-price .select-price{margin-top:14px}.co-trade-box .trade-form .form-error{padding-top:8px;margin-bottom:10px;clear:both}.co-trade-box .trade-form .expireTime .list{text-align:right}.co-trade-box .trade-form .select-order-type{position:relative;display:inline-block;cursor:pointer}.co-trade-box .trade-form .select-order-type.disabled-order-type{opacity:.4;cursor:no-drop}.co-trade-box .trade-form .select-order-type .tip-text{left:0}.co-trade-box .trade-form .select-order-type .orde-type-ptions{padding-top:12px;box-sizing:border-box;overflow:hidden;width:100%}.co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item{height:24px;line-height:24px;cursor:pointer;margin-bottom:1px;text-align:right;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:26px}.co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .redioText{margin-left:5px;border-bottom-width:1px;border-bottom-style:dashed;cursor:pointer}.co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text{bottom:36px;text-align:left}.co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text2 .triangle{left:auto;right:21%}.co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text1 .triangle{left:51%}.co-trade-box .trade-form .select-order-type .orde-type-ptions .option-item .tip-text0 .triangle{left:18%}.co-trade-box .trade-form .select-order-type .ac-type{vertical-align:text-top;margin-left:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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;border-left:6px solid transparent!important;border-right:6px solid transparent!important;border-top-width:5px;border-top-style:solid;margin:5px 0 0 4px;vertical-align:top;padding:8px 0 0;display:inline-block;cursor:pointer;transition:all .3s ease-in-out}.co-trade-box .trade-form .triangle-down.triangle-down-active{transform:rotate(180deg);top:-7px}.co-trade-box .mask-div{position:fixed;width:100%;height:100%;top:0;left:0;z-index:10}.co-trade-box .developIn-enter-active{animation:developIn .3s}.co-trade-box .developIn-leave-active{animation:developIn .3s reverse}.co-trade-box .developInTwo-enter-active{animation:developInTwo .3s}.co-trade-box .developInTwo-leave-active{animation:developInTwo .3s reverse}.co-trade-box .tip-show-enter-active{transition:all .3s ease}.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{transform:translateY(10px);opacity:0}@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 .3s}.input-tips-enter,.input-tips-leave-to{transform:translateY(-5px);opacity:0}.select-price[data-v-3c230912]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:12px;position:relative}.select-price .form-control[data-v-3c230912]{height:32px;line-height:32px;border-radius:2px;font-size:12px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-style:solid;border-width:1px;border-radius:4px}.select-price .form-control .quantity-drop-down[data-v-3c230912]{float:right;margin-top:7px;margin-right:10px}.select-price .form-control .quantity-drop-down .triangle-drop-down[data-v-3c230912]{width:10px;height:10px;margin:5px 0 0 4px;vertical-align:top;display:inline-block;cursor:pointer;float:right;-webkit-transition:all .3s;transition:all .3s}.select-price .form-control .quantity-drop-down .triangle-drop-down svg[data-v-3c230912]{vertical-align:top}.select-price .form-control .quantity-drop-down .triangle-drop-down.active[data-v-3c230912]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.select-price .form-control input[data-v-3c230912]{padding:0 8px;width:220px;height:100%;font-size:14px;float:right;text-align:right}.select-price .form-control .percentage-vol[data-v-3c230912]{padding:0 8px;width:220px;height:100%;font-size:12px;float:right;text-align:right}.select-price .form-control input[data-v-3c230912]:-moz-placeholder,.select-price .form-control input[data-v-3c230912]:-ms-input-placeholder,.select-price .form-control input[data-v-3c230912]::-moz-placeholder,.select-price .form-control input[data-v-3c230912]::-webkit-input-placeholder{font-size:12px}.select-price .form-control .unit[data-v-3c230912]{float:right;padding-right:16px}.select-price .form-control .unit-right[data-v-3c230912]{padding-right:2px;cursor:pointer}.select-price .form-control span.title[data-v-3c230912]{position:absolute;left:8px;font-size:12px}.select-price .market-price[data-v-3c230912]{height:40px;line-height:40px;border-width:1px;border-style:solid;cursor:not-allowed}.select-price .market-price[data-v-3c230912],.select-price .rival-price[data-v-3c230912]{width:250px;border-radius:2px;font-size:12px;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box}.select-price .rival-price[data-v-3c230912]{height:32px;line-height:32px;position:relative}.select-price .rival-price .triangle-down[data-v-3c230912]{float:right;margin-top:14px;-webkit-transition:all .3s;transition:all .3s}.select-price .rival-price .triangle-down.active[data-v-3c230912]{-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:7px}.select-price .rival-price .rival-opsition[data-v-3c230912]{position:absolute;width:100%;left:0;z-index:9;cursor:pointer}.select-price .rival-price .opsition-item[data-v-3c230912]{padding:0 10px;cursor:pointer}.select-price .rival-price:hover .rival-opsition[data-v-3c230912]{display:block}.select-price .market-price-btn[data-v-3c230912]{display:block;width:68px;height:40px;line-height:40px;margin-left:10px;border-radius:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-width:1px;border-style:solid}.select-price .tip-text2[data-v-3c230912]{width:200px;padding:20px;position:absolute;left:0;bottom:34px;z-index:10;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);line-height:1.5;border-width:0;border-style:solid;border-radius:5px}.select-price .tip-text2 .triangle[data-v-3c230912]{position:absolute;bottom:-6px;left:10%;margin-left:-5px;width:10px;height:10px;border-right-width:0;border-right-style:solid;border-bottom-width:0;border-bottom-style:solid;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.select-price .promptText[data-v-3c230912]{border-bottom-style:dashed;border-bottom-width:1px;position:relative;line-height:18px;cursor:pointer;top:6px}.select-price .promptText:hover .tip-text2[data-v-3c230912]{display:block}.haveMarket .form-control input[data-v-3c230912]{width:120px}.tip-shows2-enter-active[data-v-3c230912]{-webkit-transition:all .2s ease .5s;transition:all .2s ease .5s}.tip-shows2-leave-active[data-v-3c230912]{-webkit-transition:all .2s cubic-bezier(1,.5,.8,1);transition:all .2s cubic-bezier(1,.5,.8,1)}.tip-shows2-enter[data-v-3c230912],.tip-shows2-leave-to[data-v-3c230912]{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}.drop-down-center[data-v-3c230912]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stop-profit-and-loss .not-reconfirm{margin-top:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.stop-profit-and-loss .not-reconfirm .common-checkout{vertical-align:middle}.stop-profit-and-loss .dialog-div{margin:20px 0;padding:10px 20px}.stop-profit-and-loss .dialog-div-module{border-bottom-style:solid;border-width:0;font-size:14px;box-sizing:border-box;height:32px;line-height:32px}.stop-profit-and-loss .dialog-div-module .td{float:right}.stop-profit-and-loss .margin-item{border-top-width:0;border-top-style:solid}.stop-profit-and-loss .title{font-size:14px;margin-bottom:10px}.leverMode-box{z-index:11}.leverMode-box .leverMode-header{height:36px;line-height:36px;padding:10px 0}.leverMode-box .leverMode-header .leverMode-title{font-size:16px}.leverMode-box .leverMode-header .leverMode-header-close{float:right}.leverMode-box .footer-button{padding:10px 0;height:60px}.leverMode-box .footer-button .common-button{float:right}.leverMode-box .leverage-type{width:100%;margin:0 auto;display:flex;border-radius:2px}.leverMode-box .leverage-type>div{flex:1;height:24px;line-height:24px;border-radius:2px;border-style:solid;border-width:1px;text-align:center;cursor:pointer}.leverMode-box .leverage-type>div,.leverMode-box .max-can-open{-webkit-user-select:none;-moz-user-select:none;user-select:none}.leverMode-box .max-can-open{font-size:14px;width:100%;margin:0 auto 1px;padding:10px 20px 10px 0;line-height:1.5;box-sizing:border-box}.leverMode-box .max-can-open span{color:#f2a816}.leverMode-box .risk-warning{float:left;width:auto;margin-top:10px}.leverMode-box .add-and-sub{height:40px;width:100%;margin:10px auto;display:flex;align-items:center}.leverMode-box .add-and-sub .label{padding-left:8px;font-size:14px;padding-right:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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;cursor:pointer;display:flex;justify-content:center;border-radius:2px}.leverMode-box .add-and-sub .add .hover-show,.leverMode-box .add-and-sub .add:hover .hover-hide,.leverMode-box .add-and-sub .sub .hover-show,.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}.leverMode-box .add-and-sub .add{border-top-width:0;align-items:flex-end}.leverMode-box .add-and-sub .add,.leverMode-box .add-and-sub .sub{border-right-width:0;border-bottom-width:0}.leverMode-box .add-and-sub .content{flex:1;height:38px;line-height:38px;text-align:center}.leverMode-box .add-and-sub .content input{width:100%;height:100%;font-size:14px;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.leverMode-box .percentage-mag{margin-top:20px}.leverMode-box .risk-bar{flex:1;background:linear-gradient(90deg,#04bc8b,#eb4d5c);position:relative}.leverMode-box .risk-Percentage{margin-top:30px;width:100%;height:15px;display:flex;position:relative}.leverMode-box .warning_icon{top:9px;position:absolute;right:10px}.leverMode-box .gg_text{position:absolute;top:0;left:0;right:0;text-align:center;line-height:15px;font-size:16px;color:$white-color;text-shadow:1px 1px 2px #333}.leverMode-box .percentage_bar{position:absolute;width:50%;left:0;top:0;height:15px}.leverMode-box .risk-num{position:absolute;z-index:9;left:0;padding-left:7px;top:0;height:15px;line-height:14px;border-left:3px solid #fff;font-size:14px}.leverMode-box .risk-num.transition{transition:all .3s linear}.leverMode-box .risk-num span{position:absolute;top:-20px;left:-10px}.leverMode-box .transaction-drag{position:relative;width:calc(100% - 15px);margin-top:25px;height:40px}.leverMode-box .drag-bar,.leverMode-box .userMaxLevelBar{position:absolute;height:4px;top:0;z-index:1;left:4px}.leverMode-box .drag-cover,.leverMode-box .drag-def{position:absolute;display:block;height:4px;top:3px;left:4px}.leverMode-box .drag-def{width:100%}.leverMode-box .drag-cover{background:#f0f}.leverMode-box .drag-turnColor{background:red}.leverMode-box .drag-step{position:absolute;left:0;display:block;top:-1px;border-radius:100px;border-width:2px;border-style:solid;width:12px;height:12px;cursor:pointer;z-index:5;box-sizing:border-box}.leverMode-box .drag-step.transition{transition:all .2s ease}.leverMode-box .drag-step .icon_h{display:block;height:8px;width:3px;margin:3px 0 0 5px;background:none;border-left:1px solid #fff;border-right:1px solid #fff}.leverMode-box .transaction-drag i{position:absolute;top:1px;display:block;width:8px;height:8px;cursor:pointer;z-index:4;text-align:right;border-width:1px;border-style:solid;border-top:none;border-bottom:none;border-radius:50px}.leverMode-box .transaction-drag i.selected{background:$input-focus-border}.leverMode-box .transaction-drag i.drag-step0{left:calc(25% + 4px)}.leverMode-box .drag-step-wrap{display:inline-block;width:100%;position:relative}.leverMode-box .mark{display:inline-block;width:36px;text-align:center;left:-12px;top:20px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px}.leverMode-box .no-drop .drag-step.transition,.leverMode-box .no-drop .transaction-drag i{cursor:no-drop}.depositMode-box{z-index:11}.depositMode-box .depositMode-header{height:36px;line-height:36px;padding:10px 0}.depositMode-box .depositMode-header .depositMode-title{font-size:16px}.depositMode-box .depositMode-header .depositMode-header-close{float:right}.depositMode-box .footer-button{padding:10px 0;height:60px}.depositMode-box .footer-button .common-button{float:right}.depositMode-box .category-select-box{display:flex;margin-bottom:15px;border-radius:2px;overflow:hidden;margin:10px 36px 15px 36px;position:relative}.depositMode-box .category-select-box .tab{flex:1;height:30px;line-height:30px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.depositMode-box .category-select-box .tab-active-bg{position:absolute;width:50%;height:100%;transition:all .5s;left:50%;border-radius:2px}.depositMode-box .text{line-height:20px;padding:20px 0 0}.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{transform:translateY(-10px);opacity:0}.transfer-window .common-input-content .input-line-errorStence{bottom:-2px}.transfer-window .coin-box{height:70px;display:flex;padding:0 16px;align-items:center}.transfer-window .coin-box>span{margin-right:28px}.transfer-window .ways{height:70px;margin-top:1px;display:flex;align-items:center;justify-content:center;padding:0 16px;position:relative}.transfer-window .ways .account{position:absolute;top:20px;transition:all 1s}.transfer-window .ways h3{font-size:12px}.transfer-window .ways p{font-size:14px;margin-top:8px}.transfer-window .ways .transfer-icon{cursor:pointer}.transfer-window .transfer-vol{margin-top:30px}.transfer-window .transfer-vol .right{font-size:12px;display:inline-block;padding-bottom:5px}.transfer-window .can-transfer{margin-top:8px;font-size:12px;position:relative}.transfer-window .can-transfer .bonus-vol{cursor:pointer;margin-top:5px}.transfer-window .can-transfer .bonus-vol:hover+.bonus-hint{display:block}.transfer-window .can-transfer .bonus-vol>a{border-bottom-style:dashed;border-bottom-width:1px;cursor:pointer}.transfer-window .can-transfer .bonus-hint{display:none;position:absolute;bottom:20px;left:0;padding:10px;z-index:1000;line-height:1.8;width:340px}.transfer-window .can-transfer2{margin-top:4px;text-align:right}.transfer-box .transfer-content{width:440px;height:88px;margin-bottom:23px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.transfer-box .transfer-content li{float:left}.transfer-box .transfer-content .transfer-page{width:194px;padding-left:0}.transfer-box .transfer-content .transfer-page-side{font-size:12px;line-height:16px}.transfer-box .transfer-content .transfer-page-name{margin-top:10px;font-size:14px;line-height:40px;padding-left:12px;font-weight:500}.transfer-box .transfer-content .transfer-icon{width:48px;height:40px;line-height:40px;text-align:center;margin-top:27px}.transfer-box .transfer-content .transfer-icon .icon{cursor:pointer}.transfer-box .common-v5-select{margin-bottom:23px}.transfer-box .transfer-all{font-size:14px;margin-right:12px;cursor:pointer}.transfer-window .dialog-frame-options{left:40px}.transfer-window .dialog-frame-options .common-button{width:100%}#setOrderModalTip .set-order-tip{width:376px;font-size:14px;line-height:20px;text-align:center}#setOrderModalTip .set-order-tip img{width:60px;height:60px;margin-top:10px}#setOrderModalTip .set-order-tip .tip{font-size:16px;margin-top:16px;margin-bottom:8px}#setOrderModalTip .set-order-tip .footer{margin-top:28px;margin-bottom:18px}#setOrderModal .common-button{width:378px}#coTradeBox .set-order-box .item{width:378px;height:40px;border-style:solid;border-width:1px;line-height:40px;overflow:hidden;border-radius:4px;margin-bottom:12px;cursor:pointer}#coTradeBox .set-order-box .item .unit{float:right;margin-right:16px}#coTradeBox .set-order-box .redio-box{margin-left:10px}#coTradeBox .set-order-box .redio-box .common-redio{position:relative;top:-.5px}#coTradeBox .set-order-box .redio-box .common-redio .icon-16{font-size:12px}#coTradeBox .set-order-box .redio-box .redioText{margin-left:5px;font-size:12px}#coTradeBox .set-order-box .tip{width:378px;font-size:12px;color:#f2a816;line-height:20px;font-weight:400;margin-top:20px;margin-bottom:15px}#coTradeBox .first-drop-tip{padding:10px 16px;-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);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;position:absolute;right:0}#coTradeBox .first-drop-tip .txt{font-size:12px;-webkit-transform-origin:0 0;transform-origin:0 0;margin-bottom:10px}#coTradeBox .first-drop-tip .confirm{font-size:12px;cursor:pointer;float:right}.not-logon-button[data-v-e87edd78]{line-height:40px;cursor:pointer;border-radius:2px;-webkit-transition:all .3s;transition:all .3s;display:inline-block;text-align:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}.not-logon-button span[data-v-e87edd78]{display:inline-block;margin:0 5px}.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;padding-left:16px}.order-list-box .tab-box .commonTab-tab{height:39px}.order-list-box .tab-box .tab-item{font-size:14px;margin-right:45px;display:inline-block;cursor:pointer;height:37px}.order-list-box .tab-box .tab-item.selected{border-bottom-style:solid;border-bottom-width:2px}.order-list-box .tab-box .common-button{float:right;margin-top:6px;font-size:12px}.order-list-box .tab-box .is-show-active{float:right;font-size:12px;line-height:44px;margin-right:15px;position:relative;z-index:3}.order-list-box .tab-box .is-show-active .switchWrap{display:inline-block;margin-right:8px;margin-top:12px;float:left}.order-list-box .tab-box .is-show-active span.txt{display:inline-block;float:right}.order-list-box .tab-box-en_US .commonTab-tab li{margin-right:26px}.order-list-box .sub-tab-box{height:34px;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;cursor:pointer;height:24px;line-height:24px;padding:0 20px;margin-top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.order-list-box .order-conent,.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:2px;right:10px}.order-list-box .not-login{position:absolute;top:44%;width:100%;text-align:center;margin-top:140px}.order-list-box .not-login span{cursor:pointer}.order-list-box .table-head{margin-top:14px}.order-list-box .table-head .th{min-width:-moz-fit-content;min-width:fit-content}.order-list-box .table-head th{text-align:left;box-sizing:border-box}.order-list-box .table-head th:first-child{padding-left:20px;text-align:left}.order-list-box .table-head th:last-child{padding-right:20px;text-align:right}.order-list-box .table-head th.opera{opacity:0}.order-list-box .table-body .table-body-bar{padding:0;min-height:0}.order-list-box .table-body .table-body-bar td{position:relative;text-align:left}.order-list-box .table-body .table-body-bar td:first-child{padding-left:20px;text-align:left;font-size:14px}.order-list-box .table-body .table-body-bar td:last-child{padding-right:20px;text-align:right}.order-list-box .table-body .table-body-bar td .futurs-name{min-width:200px}.order-list-box .table-body .table-body-bar td .futurs-name span{margin-right:5px}.order-list-box .table-body .table-body-bar td .futurs-name .sideBg{position:absolute;width:2px;height:12px;top:14px;left: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 .cancel_cause_text{display:none;position:absolute;width:100px;padding:10px;right:20px;top:-10px;z-index:10;box-shadow:0 0 5px rgba(0,0,0,.2);line-height:1.5;word-break:break-all}.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}.order-list-box .table-body .table-body-bar .cancel_cause.cancel_cause_right .cancel_cause_text{left:20px}.order-list-box .stop-order-info{margin-bottom:20px}.order-list-box .stop-order-info .item{padding:10px 20px}.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;margin-bottom:10px}.order-list-box .stop-order-info .item .line .td .status{font-size:16px}.order-list-box .stop-order-info .item .line .right-text{text-align:right}.order-list-box .all-close-btn{float:right;margin:0 20px 0 15px;line-height:40px;font-size:12px;position:relative;z-index:3;cursor:pointer}.order-list-box .copywriter{line-height:22px}.common-tabel-content .table-body{min-height:180px}.common-tabel-content .table-body .no-data{padding-bottom:0}.promptTextBox{max-width:320px;padding:8px 12px 4px;position:fixed;top:900px;z-index:10;line-height:18px;text-align:left;border-radius:4px;font-size:12px}.promptTextBox.promptText-hide{z-index:-1}.promptTextBox .tip-arrow{position:absolute;left:50%;margin-left:-6px;bottom:-12px}.order-list-box .hide-updateDom{position:absolute;width:0;height:0;overflow:hidden;opacity:0;display:none;z-index:-1px}.order-list-box .common-position-table{min-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;border-bottom-width:1px;border-bottom-style:solid;text-align:center}.order-list-box .common-position-table .positionLis-table .thead th{padding-left:10px}.order-list-box .common-position-table .positionLis-table .thead th:last-child{padding-right:10px}.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{text-align:left;padding:5px 0;line-height:16px;vertical-align:middle;position:relative;padding-left:10px;min-width:80px}.order-list-box .common-position-table .positionLis-table .tbody td .icon-s{vertical-align:middle;margin-right:5px;cursor:pointer}.order-list-box .common-position-table .positionLis-table .tbody td:first-child{padding-left:15px;text-align:left}.order-list-box .common-position-table .positionLis-table .tbody td:last-child{padding-right:15px;min-width:50px;text-align:right}.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;left:0}.order-list-box .common-position-table .positionLis-table .tbody .symbol-name{font-size:14px;font-weight:500;padding-left:5px;position:relative}.order-list-box .common-position-table .positionLis-table .tbody .symbol-type{font-size:12px;padding-left:5px;margin-top:4px}.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;text-align:left!important}.order-list-box .common-position-table .positionLis-table .close-position .tab-tilte{display:flex}.order-list-box .common-position-table .positionLis-table .close-position .tab-tilte li{margin-right:22px;cursor:pointer}.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;border-width:1px;border-style:solid;box-sizing:border-box;margin-right:4px;padding:0 5px;font-size:12px;border-radius:4px}.order-list-box .common-position-table .positionLis-table .close-position .tab-content .tab-item-1 input{width:100px}.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;right:-8px}.order-list-box .common-position-table .positionLis-table .close-position .common-button{margin-right:5px;font-size:12px;line-height:24px!important}.order-list-box .common-position-table .positionLis-table .close-position .close-order-btn{display:inline-block;width:45%;line-height:24px;text-align:center}.order-list-box .common-position-table .tip-text{width:240px;padding:8px 12px;position:absolute;left:0;bottom:255px;z-index:10;box-shadow:0 0 5px rgba(0,0,0,.2);line-height:1.5;border-width:0;border-style:solid;white-space:normal;text-align:left;border-radius:3px;font-size:12px;background-color:#7b828e}.order-list-box .common-position-table .tip-arrow{position:absolute;left:10%;bottom:-12px}.order-list-box .common-position-table .tip-text6,.order-list-box .common-position-table .tip-text8,.order-list-box .common-position-table .tip-text9,.order-list-box .common-position-table .tip-text10{left:auto;right:0}.order-list-box .common-position-table .tip-text10 .tip-arrow{left:48%}.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;margin-bottom:10px}.order-list-box .common-position-table .Slect-price-type .slect-redio{cursor:pointer}.order-list-box .common-position-table .Slect-price-type .slect-redio span{margin:0 10px 0 0}.order-list-box .common-position-table .Slect-price-type .slect-redio p{padding-bottom:10px}.order-list-box .common-position-table .Slect-price-type .slect-redio .common-button{float:right}.order-list-box .common-position-table .adlLevel{margin-left:4px;cursor:pointer}.order-list-box .common-position-table .adlLevel .adlLevel-item{width:2px;height:8px;display:inline-block;margin-right:2px}.order-list-box .common-position-table .adlLevel .highlight:first-child,.order-list-box .common-position-table .adlLevel .highlight:nth-child(2){background:#00b595}.order-list-box .common-position-table .adlLevel .highlight:nth-child(3){background:#ffa693}.order-list-box .common-position-table .adlLevel .highlight:nth-child(4),.order-list-box .common-position-table .adlLevel .highlight:nth-child(5){background:#d1425e}.order-list-box .not-data{padding-top:80px;text-align:center;font-size:12px}.order-list-box .not-data .icon{font-size:36px}.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;padding-left:10px;box-sizing:border-box;text-align:left;font-size:12px;white-space:nowrap;text-overflow:ellipsis;width:9%;min-width:-moz-min-content;min-width:min-content}.order-list-box .thead-box .cell:first-child{padding-left:15px;text-align:left}.order-list-box .thead-box .cell:last-child{padding-right:15px;text-align:right}.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;padding-top:40px}.order-list-box .columns-item{position:relative;cursor:pointer;border-bottom-style:dashed;border-bottom-width:1px}.order-list-box .amountDialog-box .copywriter{font-size:12px;line-height:22px;margin-bottom:20px}.order-list-box .amountDialog-box .amount-item{padding:18px 20px}.order-list-box .amountDialog-box .amount-item p{line-height:18px;margin-top:5px}.order-list-box .amountDialog-box .amount-item p.tit{font-size:14px}.order-list-box .amountDialog-box .amount-item p .f_r{float:right}.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;cursor:pointer}.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{padding:0 5px;border-radius:3px;display:inline-block;margin-top:3px;position:absolute;z-index:9}.order-list-box .percentage-slide span{padding:1px 6px;border-radius:3px;margin:4px 2px;font-size:12px;display:inline-block;cursor:pointer}.order-list-box .percentage-vol{width:100px}.order-list-box .percentage-vol,.order-list-box .percentage-vol2{height:30px;line-height:30px;box-sizing:border-box;margin-right:4px;padding:0 5px;font-size:12px;border-radius:2px;display:inline-block}.order-list-box .percentage-vol2{width:80px}.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{transform:translateY(10px);opacity:0}.setMarginCoin .category-select-box{width:100%;display:flex;border-radius:2px;margin-bottom:15px;position:relative}.setMarginCoin .category-select-box .tab{flex:1;height:38px;line-height:38px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.setMarginCoin .category-select-box .tab-active-bg{position:absolute;width:50%;height:100%;transition:all .5s;left:50%;border-radius:2px}.setMarginCoin .form-info{margin-bottom:20px}.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;text-align:center}.setMarginCoin .form-info .info-item .radio span{margin-right:36px;cursor:pointer}.setMarginCoin .form-info .info-item p{flex:1;padding:6px 0;box-sizing:border-box}.setMarginCoin .form-info .info-item .text1{max-width:120px}.setMarginCoin .form-info .info-item .text2{text-align:right;border-left-width:0;border-left-style:solid;padding-right:10px}.setMarginCoin .inp-marginCoin{margin-right:5px}.setMarginCoin .select-price .form-control{height:40px;line-height:40px}.setMarginCoin .percentage{display:flex;text-align:center;margin:10px -5px 0 -5px;border-radius:2px}.setMarginCoin .percentage span{flex:1;height:28px;line-height:28px;border-width:0;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 5px;border-radius:2px;border-width:1px;border-style:solid}.stop-order-mode .dialog-frame{height:auto!important}.stop-order-mode .dialog-frame .dialog-frame-body{width:auto!important}.stopOrderMode-box table{width:100%}.stopOrderMode-box table td,.stopOrderMode-box table th{padding:7px 0!important;text-align:center!important}.stopOrderMode-box table td:first-child,.stopOrderMode-box table th:first-child{text-align:left!important;padding-left:20px!important}.stopOrderMode-box table td:last-child,.stopOrderMode-box table th:last-child{text-align:right!important;padding-right:20px!important}.stopOrderMode-box table .thead{border-width:0!important}.stopOrderMode-box .stopOrderMode-currentInfo{display:flex;padding:12px;border-radius:4px;justify-content:space-between}.stopOrderMode-box .stopOrderMode-currentInfo .info-key{font-size:14px;line-height:16px;margin-bottom:8px}.stopOrderMode-box .stopOrderMode-currentInfo .info-value{font-size:14px;line-height:16px}.stopOrderMode-box .stopOrderMode-currentInfo li:last-child{text-align:right}.stopOrderMode-box .block-title{padding-top:24px;margin-bottom:10px;position:relative}.stopOrderMode-box .block-title .tit{font-size:16px;margin-right:34px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:10px}.stopOrderMode-box .block-title .tit:last-child{margin-right:0}.stopOrderMode-box .form-block{width:100%;font-size:12px;display:flex}.stopOrderMode-box .form-block .select-price{margin-top:10px;flex:1}.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}.stopOrderMode-box .form-block .select-price .form-control .unit{padding-right:20px}.stopOrderMode-box .form-block .select-price.limit-price{margin-left:12px}.stopOrderMode-box .tip-takeAmount{margin:10px 0 10px;font-size:12px;line-height:18px}.stopOrderMode-box .form-info{margin-bottom:20px;width:290px;float:right;margin:18px 0 0}.stopOrderMode-box .form-info .info-item{margin-bottom:1px;display:flex;box-sizing:border-box;font-size:12px;height:66px;align-items:center}.stopOrderMode-box .form-info .info-item p{flex:1;padding:10px 0 10px 10px}.stopOrderMode-box .form-info .info-item .text1{max-width:120px}.stopOrderMode-box .form-info .info-item .text2{text-align:right;border-left-width:1px;border-left-style:solid;padding-right:10px}.stopOrderMode-box .condition-list{position:absolute;margin-right:10px;left:331px;top:20px}.stopOrderMode-box .condition-list span{font-size:12px;border-width:1px;border-style:solid;padding:0 5px;height:26px;display:block;box-sizing:border-box;cursor:pointer;max-width:180px;overflow:hidden}.stopOrderMode-box .condition-list .condition-box{display:none;border-width:1px;border-style:solid;position:absolute;width:288px;left:0;top:26px;height:160px;overflow:auto}.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;text-align:center;font-size:12px}.stopOrderMode-box .condition-list .order-c-table .tbody-box{height:128px}.stopOrderMode-box .block-expireTime{width:290px;float:left;margin-top:6px;position:relative;z-index:9}.stopOrderMode-box .block-expireTime .form-select .list{box-shadow:0 4px 10px 0 rgba(0,0,0,.2);padding:15px 0;top:auto;bottom:30px;border-width:1px;border-style:solid}.stopOrderMode-box .category-select-box{width:128px;margin-top:16px}.stopOrderMode-box .percentage{display:flex;text-align:center;margin:10px -5px 0 -5px;border-radius:2px}.stopOrderMode-box .percentage span{flex:1;height:28px;line-height:28px;border-width:0;cursor:pointer;font-size:12px;margin:0 5px;border-radius:2px;border-width:1px;border-style:solid}.sl-swap-assets,.stopOrderMode-box .percentage span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sl-swap-assets{padding-bottom:10px;position:relative}.sl-swap-assets .assets-risk{position:absolute;width:100%;left:0;bottom:0}.sl-swap-assets .block-header{height:39px;line-height:39px;padding:0 15px;justify-content:space-between;align-items:center;font-size:14px}.sl-swap-assets .block-header.title{border-top-width:4px;border-top-style:solid}.sl-swap-assets .block-header .tab{display:inline-block;height:48px;line-height:48px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:28px;font-size:14px}.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;margin-left:3px}.sl-swap-assets .block-header a{font-size:12px;float:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sl-swap-assets .assets-list{padding:10px 0 0}.sl-swap-assets .assets-list li{font-size:12px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;line-height:30px;position:relative}.sl-swap-assets .assets-list li .clole-style{background:#fff;width:10px;height:10px;float:left;margin-top:1px;margin-right:5px;border-radius:2px}.sl-swap-assets .assets-list li .clole-style.clole-style_1{background:#91c7ae}.sl-swap-assets .assets-list li .clole-style.clole-style_2{background:#62a0a8}.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;left:0;right:0;display:none}.sl-swap-assets .assets-list li:hover .bg{display:block}.sl-swap-assets .assets-list li span{position:relative}.sl-swap-assets .assets-list .fee{padding:10px;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:5px}.sl-swap-assets .operation-button{padding:10px 11px 12px;display:flex}.sl-swap-assets .operation-button span{flex:1;line-height:32px;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;padding:0 15px;font-size:12px;border-top-width:1px;border-top-style:solid}.sl-swap-assets .risk h3{font-size:14px}.sl-swap-assets .risk .limit div{margin:8px 0}.sl-swap-assets .assetsChart{height:200px;position:relative;padding-top:10px}.sl-swap-assets .assetsChart .total-rate{position:absolute;top:90px;text-align:center;width:100%;font-size:12px;line-height:18px}.sl-swap-assets .assetsChart .total-rate .text-il{width:100px;margin:0 auto}.sl-swap-assets .assetsChart .total-rate .hint{left:-100px;top:auto;bottom:20px;width:293px;padding:5PX;background-color:#7b828e;color:#fff}.sl-swap-assets .assetsChart .total-rate .hint .triangle{position:absolute;top:-6px;left:50%;margin-left:-5px;width:10px;height:10px;border-left-width:1px;border-left-style:solid;border-top-width:1px;border-top-style:solid;transform:rotate(45deg)}.sl-swap-assets .futures-info-list{padding:10px 0}.sl-swap-assets .futures-info-list .info-item{height:32px;width:100%;border-bottom-width:0;border-bottom-style:solid;font-size:12px;line-height:32px;padding:4px 15px;box-sizing:border-box}.sl-swap-assets .futures-info-list .info-item span{display:inline-block;width:50%}.sl-swap-assets .futures-info-list .info-item span.td{text-align:right}.sl-swap-assets .hint-father{position:relative}.sl-swap-assets .hint-father>a{cursor:pointer;border-bottom-style:dashed;border-bottom-width:1px;position:relative}.sl-swap-assets .hint{width:200px;padding:8px 12px 4px 12px;position:absolute;left:0;bottom:35px;z-index:10;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.2);line-height:1.5}.sl-swap-assets .hint .triangle{position:absolute;bottom:-12px;left:10%;margin-left:-5px}.sl-swap-assets .unRealized-tip-box{width:280px;position:absolute;left:0;bottom:0;height:80px;padding-bottom:30px}.sl-swap-assets .unRealized-tip-box .hint{width:280px}.sl-swap-assets .unRealized-tip-box .s-title{font-size:14px;margin-bottom:10px}.sl-swap-assets .unRealized-tip-box .slect-redio{cursor:pointer}.sl-swap-assets .unRealized-tip-box .slect-redio span{margin:0 10px 0 0;display:inline-block;line-height:18px}.sl-swap-assets .unRealized-tip-box .slect-redio span .common-redio{float:left;margin:1px 6px 0 0}.sl-swap-assets .unRealized-tip-box .slect-redio p{padding-bottom:10px}.sl-swap-assets .unRealized-tip-box .loadingIng span{cursor:wait!important}.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{transform:translateY(10px);opacity:0}.openFutures-box .openFutures-main-text{word-wrap:break-word}.openFutures-box .text{line-height:20px;height:400px}.openFutures-box .text p{margin:0 0 10px}.set-up-window .redio-block{align-items:center;padding:20px 0}.set-up-window .redio-block .label{display:block}.set-up-window .redio-block .redio-box{padding-top:16px}.set-up-window .redio-block .redio-box>span{display:inline-block;margin-right:28px;cursor:pointer;min-width:60px}.set-up-window .redio-block .switchWrap{float:right}.set-up-window .ts-1{padding:15px 0 10px;font-size:12px}.set-up-window .redio-block2{margin-top:30px}.set-up-window .redio-block2 .item{padding:10px 0}.set-up-window .redio-block2 p.ts-2{line-height:20px;padding:10px 0 0 26px;font-size:12px}.set-up-window .redio-block2 span{display:block;cursor:pointer}.set-up-window .redio-block2 em{font-size:12px}.set-up-window .redio-block2 .common-redio{margin-right:6px}.set-up-window .ts-3{padding-top:15px;margin-bottom:-10px}.set-up-window .ts-4{padding-left:20px;font-size:12px}.set-up-window .button-box{display:flex;justify-content:flex-end;margin-top:40px}.set-up-window .button-box button{margin-right:20px}.set-up-window .redio-box2{margin-top:24px}.set-up-window .redio-box2 .item{border-width:1px;border-style:solid;padding:12px;margin-bottom:22px;border-radius:2px;cursor:pointer;transition:border-color .3s ease-in-out,box-shadow .15s ease-in-out}.set-up-window .redio-box2.disbledRedio{cursor:no-drop}.set-up-window .redio-box2.disbledRedio .item{border-width:0;cursor:no-drop}.set-up-window .redio-box2.disbledRedio .item .common-redio,.set-up-window .redio-box2.disbledRedio .item span{cursor:no-drop}.calculator-mode .dialog-left-body{width:100%!important;margin:0!important;padding:0!important}.calculatorMode-box{min-height:700px}.calculatorMode-box .category-select-box{width:100%;display:flex;border-radius:4px;margin-bottom:15px;overflow:hidden;position:relative}.calculatorMode-box .category-select-box .tab{flex:1;height:32px;line-height:32px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.calculatorMode-box .category-select-box .tab.active{color:#fff}.calculatorMode-box .category-select-box .tab-active-bg{position:absolute;width:50%;height:100%;transition:all .5s;left:50%;border-radius:4px}.calculatorMode-box .category-tab-box{margin-bottom:16px;border-bottom-width:1px;border-bottom-style:solid;padding:0 24px}.calculatorMode-box .block-box{padding:0 24px}.calculatorMode-box .form-block{font-size:14px}.calculatorMode-box .form-block .positionTypeSelect{margin-bottom:16px}.calculatorMode-box .form-block .select-price{margin-top:8px}.calculatorMode-box .form-info{margin:32px 0 0;padding:24px 16px;font-size:16px;border-radius:4px}.calculatorMode-box .form-info .tit{border-bottom-width:0;border-bottom-style:solid;display:flex;margin-bottom:10px;font-size:14px}.calculatorMode-box .form-info .info-item{margin-bottom:1px;display:flex;box-sizing:border-box;height:32px;align-items:center;border-bottom-width:0;border-bottom-style:solid;font-size:14px}.calculatorMode-box .form-info .info-item p{flex:1}.calculatorMode-box .form-info .info-item .text1{max-width:120px}.calculatorMode-box .form-info .info-item .text2{text-align:right;border-left-width:0;border-left-style:solid}.calculatorMode-box .active-lever{line-height:30px;border-width:1px;border-style:solid;text-align:right;padding:0 8px}.calculatorMode-box .active-lever span{float:left}.calculatorMode-box .transaction-drag{position:relative;width:calc(100% - 15px);margin-top:40px;height:40px}.calculatorMode-box .transaction-drag .drag-cover,.calculatorMode-box .transaction-drag .drag-def{position:absolute;display:block;height:4px;top:3px;left:4px}.calculatorMode-box .transaction-drag .drag-def{width:100%}.calculatorMode-box .transaction-drag .drag-cover{background:#f0f}.calculatorMode-box .transaction-drag .drag-turnColor{background:red}.calculatorMode-box .transaction-drag .drag-step{position:absolute;left:0;display:block;top:-1px;border-radius:100px;border-width:2px;border-style:solid;width:12px;height:12px;cursor:pointer;z-index:5;box-sizing:border-box}.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;margin:3px 0 0 5px;background:none;border-left:1px solid #fff;border-right:1px solid #fff}.calculatorMode-box .transaction-drag .drag-step .value{position:absolute;top:-35px;width:60px;height:24px;line-height:24px;text-align:center;border-radius:4px;left:50%;margin-left:-30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px}.calculatorMode-box .transaction-drag .drag-step .value .arrow{width:10px;height:10px;position:absolute;bottom:-6px;left:25px;line-height:0}.calculatorMode-box .transaction-drag i{position:absolute;top:1px;display:block;width:8px;height:8px;cursor:pointer;z-index:4;text-align:right;border-width:1px;border-style:solid;border-top:none;border-bottom:none;border-radius:50px}.calculatorMode-box .transaction-drag i.selected{background:$input-focus-border}.calculatorMode-box .transaction-drag i.drag-step0{left: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;text-align:center;left:-12px;top:20px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px}.calculatorMode-box .drag-bar{position:absolute;height:4px;top:0;z-index:1;left:4px}.calculatorMode-box .max-can-open{padding:10px 0}.calculatorMode-box .no-drop .drag-step.transition,.calculatorMode-box .no-drop .transaction-drag i{cursor:no-drop}.calculatorMode-box .add-and-sub{height:40px;width:100%;margin:10px auto;display:flex;border-style:solid;border-width:1px;align-items:center;border-radius:2px}.calculatorMode-box .add-and-sub .label{padding-left:8px;font-size:14px;padding-right:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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;cursor:pointer;display:flex;align-items:center;justify-content:center;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}.calculatorMode-box .add-and-sub .add .icon,.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}.calculatorMode-box .add-and-sub .add{border-right-width:0;border-top-width:0;border-bottom-width:0}.calculatorMode-box .add-and-sub .add .icon{transform:rotate(-90deg)}.calculatorMode-box .add-and-sub .sub{border-right-width:0;border-bottom-width:0}.calculatorMode-box .add-and-sub .content{flex:1;height:38px;line-height:38px;text-align:center}.calculatorMode-box .add-and-sub .content input{width:100%;height:100%;font-size:14px;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.calculatorMode-box .warning-text{line-height:16px;margin-top:12px;font-size:12px}.calculatorMode-box .warning-text-all{line-height:18px}