.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-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 .2s ease .5s}.contract-content .zoomIn-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.contract-content .zoomIn-enter,.contract-content .zoomIn-leave-to{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:flex-start;width:88%;max-width:900px;margin-left:60px}.currentSymbol .symbol-info .activePrice-item{margin-top:-13px}.currentSymbol .symbol-info .info-item{font-size:12px;text-align:left;position:relative;display:flex;flex-direction:column-reverse}.currentSymbol .symbol-info .info-item.top{top:14px}.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%}}.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;border-top-style:solid;border-top-width:1px}.co-market-box .co-market-symbol .thead{width:100%;height:30px;box-sizing:border-box;padding:0 16px;display:flex;align-items:center;border-bottom-style:solid;border-bottom-width:1px}.co-market-box .co-market-symbol .tbody{height:340px;box-sizing:border-box}.co-market-box .co-market-symbol .tbody .tr{box-sizing:border-box;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}.co-market-box .top-menu{line-height:30px;font-size:12px;transition:all .5s ease;z-index:101;padding:10px 16px}.co-market-box .top-menu.lefts{left:0}.co-market-box .top-menu .top-menu-bar{position:relative;height:30px;width:100%}.co-market-box .top-menu .top-menu-bar .hover_hide{display:block}.co-market-box .top-menu .top-menu-bar .hover_show{display:none}.co-market-box .top-menu .top-menu-bar .slide-btn{position:absolute;top:0;padding:8px 0;z-index:9;cursor:pointer;display:none}.co-market-box .top-menu .top-menu-bar .slide-btn:hover .hover_show{display:block}.co-market-box .top-menu .top-menu-bar .slide-btn:hover .hover_hide{display:none}.co-market-box .top-menu .top-menu-bar .slide-btn-cur{display:block}.co-market-box .top-menu .top-menu-bar .icon-left{left:0;padding-right:5px}.co-market-box .top-menu .top-menu-bar .icon-right{right:0;padding-left:5px}.co-market-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}.co-market-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}.co-market-box .top-menu .time-line .hoverShow,.co-market-box .top-menu .time-line:hover .hoverHide{display:none}.co-market-box .top-menu .time-line:hover .hoverShow{display:inline-block}.co-market-box .top-menu.hide{opacity:0;z-index:1}.not-data{text-align:center;padding-top:80px}.not-data p{margin-top:5px}.not-data .icon{font-size:36px}.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}.full-btn .hover-show[data-v-2b7f295a]{display:none}.full-btn:hover .hover-show[data-v-2b7f295a]{display:inline}.full-btn:hover .hover-hide[data-v-2b7f295a]{display:none}.co-trade-box{font-size:12px;padding:0}.co-trade-box .block-header{padding:15px 15px 0;display:flex;flex-direction:column;gap:10px 0}.co-trade-box .timerList{display:flex;flex-wrap:wrap;gap:0 8px}.co-trade-box .timerItem{height:24px;width:70px;display:inline-block;line-height:24px;font-size:12px;box-sizing:border-box;text-align:center;border-radius:3px;cursor:pointer}.co-trade-box .timerItem.show-dialog-btn-left{border-radius:2px 0 0 2px}.co-trade-box .timerItem.show-dialog-btn-right{border-radius:0 2px 2px 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:22px;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{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 .2s ease .5s}.co-trade-box .tip-show-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.co-trade-box .tip-show-enter,.co-trade-box .tip-show-leave-to{transform:translateY(10px);opacity:0}.co-trade-box .hint-father{margin-top:20px}.co-trade-box .hint-father>a{cursor:pointer;border-bottom-style:dashed;border-bottom-width:1px;position:relative}@keyframes developIn{0%{height:0;opacity:1;padding-top:0}to{opacity:1;height:37px;padding-top:12px}}@keyframes developInTwo{0%{height:0;opacity:1}to{opacity:1;height:92px}}.input-tips-enter-active,.input-tips-leave-active{transition:all .5s}.input-tips-enter,.input-tips-leave-to{transform:translateY(-5px);opacity:0}.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}.newTrade-progress{width:100%;padding:8px 0;position:relative;cursor:pointer;margin-bottom:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.newTrade-progress:hover .progress-current .progress-percent{display:block}.newTrade-progress.disabled .progress-current .progress-percent{display:none}.newTrade-progress .progress-line{width:100%;height:4px}.newTrade-progress .progress-percent{display:none;position:absolute;bottom:18px;right:-28px;padding:6px 18px;font-size:12px;border-radius:2px}.newTrade-progress .progress-percent .arrow{position:absolute;border-width:4px;border-style:solid;border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;left:40%;bottom:-8px}.newTrade-progress .progress-dot{position:absolute;width:100%;height:4px;left:0;top:8px;display:flex;justify-content:space-between;align-items:center}.newTrade-progress .progress-dot li{width:10px;height:10px;border-radius:100%;text-align:center;line-height:10px}.newTrade-progress .progress-dot li:first-child{transform:translateX(-4px)}.newTrade-progress .progress-dot li span{display:inline-block;width:8px;height:8px;border-radius:100%}.newTrade-progress .progress-current{width:14px;height:4px;position:absolute;top:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.newTrade-progress .progress-current .spot{position:absolute;width:8px;height:8px;border-radius:100%;border-width:3px;border-style:solid;top:-5px;right:-5px;z-index:2}#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_trade .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_trade .set-order-box .item .unit{float:right;margin-right:16px}#coTradeBox_trade .set-order-box .redio-box{margin-left:10px}#coTradeBox_trade .set-order-box .redio-box .common-redio{position:relative;top:-.5px}#coTradeBox_trade .set-order-box .redio-box .common-redio .icon-16{font-size:12px}#coTradeBox_trade .set-order-box .redio-box .redioText{margin-left:5px;font-size:12px}#coTradeBox_trade .set-order-box .tip{width:378px;font-size:12px;color:#f2a816;line-height:20px;font-weight:400;margin-top:20px;margin-bottom:15px}#coTradeBox_trade .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_trade .first-drop-tip .txt{font-size:12px;-webkit-transform-origin:0 0;transform-origin:0 0;margin-bottom:10px}#coTradeBox_trade .first-drop-tip .confirm{font-size:12px;cursor:pointer;float:right}.not-logon-button[data-v-871a8170]{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-871a8170]{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}.sl-swap-assets{padding-bottom:10px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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 .itemDescribe{line-height:1.5}.sl-swap-assets .itemDescribe>span{padding:0 15px;display:inline-block;line-height:43px;width:100%;box-sizing:border-box}.sl-swap-assets .itemDescribe>p{padding:10px 15px}.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}.openFutures-box .text p{margin:0 0 10px}.openFutures-box .text-auto{height:auto!important}.openFutures-box .opions{cursor:pointer}.openFutures-box .opions .common-checkout{margin-bottom:-1px}