.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: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%}}.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-trade-box{font-size:12px;padding:0}.co-trade-box .block-header{height:39px;line-height:39px;padding:0 15px;justify-content:space-between;align-items:center;font-size:14px}.co-trade-box .block-header.title{border-top-width:0;border-bottom-width:1px;border-bottom-style:solid}.co-trade-box .block-header .tab{display:inline-block;height:48px;line-height:48px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:28px;font-size:14px}.co-trade-box .block-header .tab em{font-size:12px}.co-trade-box .block-header .contract-data:hover{opacity:.8}.co-trade-box .block-header .assets-tit{display:flex;align-items:center}.co-trade-box .block-header .assets-tit span{font-size:14px}.co-trade-box .block-header .assets-tit i{font-size:12px;margin-left:3px}.co-trade-box .block-header a{font-size:12px;float:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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 .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}@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}#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-43ca6e9b]{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-43ca6e9b]{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}