.echart-box{width:100%;height:100%}.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{padding:0 20px;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}.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}.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}.select-price[data-v-c47d5820]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:12px;position:relative}.select-price .form-control[data-v-c47d5820]{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-c47d5820]{float:right;margin-top:7px;margin-right:10px}.select-price .form-control .quantity-drop-down .triangle-drop-down[data-v-c47d5820]{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-c47d5820]{vertical-align:top}.select-price .form-control .quantity-drop-down .triangle-drop-down.active[data-v-c47d5820]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.select-price .form-control input[data-v-c47d5820]{padding:0 8px;width:220px;height:100%;font-size:14px;float:right;text-align:right}.select-price .form-control .percentage-vol[data-v-c47d5820]{padding:0 8px;width:220px;height:100%;font-size:12px;float:right;text-align:right}.select-price .form-control input[data-v-c47d5820]:-moz-placeholder,.select-price .form-control input[data-v-c47d5820]:-ms-input-placeholder,.select-price .form-control input[data-v-c47d5820]::-moz-placeholder,.select-price .form-control input[data-v-c47d5820]::-webkit-input-placeholder{font-size:12px}.select-price .form-control .unit[data-v-c47d5820]{float:right;padding-right:16px}.select-price .form-control .unit-right[data-v-c47d5820]{padding-right:2px;cursor:pointer}.select-price .form-control span.title[data-v-c47d5820]{position:absolute;left:8px;font-size:12px}.select-price .market-price[data-v-c47d5820]{height:40px;line-height:40px;border-width:1px;border-style:solid;cursor:not-allowed}.select-price .market-price[data-v-c47d5820],.select-price .rival-price[data-v-c47d5820]{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-c47d5820]{height:32px;line-height:32px;position:relative}.select-price .rival-price .triangle-down[data-v-c47d5820]{float:right;margin-top:14px;-webkit-transition:all .3s;transition:all .3s}.select-price .rival-price .triangle-down.active[data-v-c47d5820]{-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:7px}.select-price .rival-price .rival-opsition[data-v-c47d5820]{position:absolute;width:100%;left:0;z-index:9;cursor:pointer}.select-price .rival-price .opsition-item[data-v-c47d5820]{padding:0 10px;cursor:pointer}.select-price .rival-price:hover .rival-opsition[data-v-c47d5820]{display:block}.select-price .market-price-btn[data-v-c47d5820]{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-c47d5820]{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-c47d5820]{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-c47d5820]{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-c47d5820]{display:block}.haveMarket .form-control input[data-v-c47d5820]{width:120px}.tip-shows2-enter-active[data-v-c47d5820]{-webkit-transition:all .2s ease .5s;transition:all .2s ease .5s}.tip-shows2-leave-active[data-v-c47d5820]{-webkit-transition:all .2s cubic-bezier(1,.5,.8,1);transition:all .2s cubic-bezier(1,.5,.8,1)}.tip-shows2-enter[data-v-c47d5820],.tip-shows2-leave-to[data-v-c47d5820]{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}.drop-down-center[data-v-c47d5820]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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}