.header-content{display:none}.trade-content .buttom-nav-common .buttom-nav-ul li span{font-size:14px!important;font-family:PingFangSC-Medium}.trade-content .drop-enter-active{animation:drop-in .3s}.trade-content .drop-leave-active{animation:drop-in .3s reverse}.trade-content .left-block{width:300px;overflow:hidden;position:absolute;left:5px;top:5px}.trade-content .main-block{height:900px;padding:0 650px 0 305px}.trade-content .right-block{position:absolute;top:5px;right:5px;width:645px;overflow:hidden}.trade-content .bottom-button{display:flex;padding:10px 6px 20px 16px;position:fixed;bottom:0;left:0;right:0;z-index:12;border-top-width:1px;border-top-style:solid}.trade-content .bottom-button .common-button{font-family:PingFangSC-Semibold}.trade-content .bottom-button .calculator-icon{padding:6px 10px}.trade-content .bottom-button .calculatorImg{width:22px}.trade-content .bottom-button .common-button{margin:0 10px 0 0;font-size:16px}@keyframes drop-in{0%{bottom:-100%;opacity:.7}to{opacity:1}}.trade-promt .prompt-frame{height:4.43rem!important}.market-fade-enter-active,.market-fade-leave-active{transition:all .4s ease}.market-fade-enter,.market-fade-leave-to{transform:translateX(-100%);opacity:0}.trade-noticeDialog .trade-noticeDialog-even{margin-bottom:20px;font-size:14px;line-height:22px}.trade-noticeDialog .trade-noticeDialog-even span{cursor:pointer}.market-shade{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:.3;z-index:999;transition:all 4s ease}.trade-box{font-size:.12rem;padding:0;padding-bottom:2rem;position:relative}.trade-box .trade-input-number-bd{border-style:solid;border-width:1px;height:73px;border-radius:4px;margin-top:-28px}.trade-box .category-tab-box{padding-top:10px;margin-left:-16px;margin-bottom:16px}.trade-box .category-tab-box .activeBorder{width:42px;left:16px}.trade-box .category-select-box{display:flex;margin-bottom:15px;overflow:hidden;border-radius:2px;position:absolute;left:-4px;top:-29px;margin:0 0;padding:0 10px;width:55%}.trade-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;margin:0 4px;border-radius:4px;transform:skew(-20deg);position:relative}.trade-box .category-select-box .tab label{transform:skew(20deg);display:inline-block;padding:0 15px 0 0;font-size:14px;font-family:PingFangSC-Semibold}.trade-box .category-select-box .tab .tab-bar{position:absolute;width:30%;left:-15px;height:100%;transform:skew(20deg);border-radius:4px 0 0 4px}.trade-box .category-select-box .tab:nth-child(2) label{padding:0 0 0 15px}.trade-box .category-select-box .tab:nth-child(2) .tab-bar{right:-15px;left:auto;border-radius:0 4px 4px 0}.trade-box .title-block{height:29px;line-height:29px;padding:0 .15rem}.trade-box .title-block .tab{display:inline-block;border-bottom-style:solid;border-bottom-width:0;height:28px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:.3rem;font-size:14px}.trade-box .title-block .tab.a-12-bd{border-bottom-style:solid;border-bottom-width:2px}.trade-box .title-block .total-assets{float:right;height:28px}.trade-box .trade-block .common-button{font-size:16px;font-family:PingFangSC-Semibold}.trade-box .trade-depth{float:left;width:50%}.trade-box .trade-form{width:100%;box-sizing:border-box}.trade-box .trade-form .transactionType{margin:.1rem 0}.trade-box .trade-form .have{margin-top:.1rem;display:flex;justify-content:space-between;position:relative;margin-bottom:12px}.trade-box .trade-form .have .right{font-family:DINPro-Bold}.trade-box .trade-form .top-mag{height:35px;line-height:35px}.trade-box .trade-form .top-mag .lov{float:right}.trade-box .trade-form .percentage{display:flex;position:relative;justify-content:space-between;margin:-54px 0 0 0;border-radius:0 0 4px 4px;border-width:0;border-style:solid;border-top-width:1px}.trade-box .trade-form .percentage .per-item{display:block;width:25%;border-left-style:solid;margin:0 0;border-left-width:1px;text-align:center;line-height:30px;height:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:2px}.trade-box .trade-form .percentage .per-item.c-3-bg{background:rgba(0,171,141,.15)!important}.trade-box .trade-form .percentage .per-item.c-5-bg{background:rgba(237,82,97,.15)!important}.trade-box .trade-form .percentage .per-item:first-child{border-left-width:0}.trade-box .trade-form .volume-trade{min-height:40px;line-height:20px;box-sizing:border-box;padding:10px 0;font-size:.14rem;margin-top:32px}.trade-box .trade-form .volume-trade .volume-trade-item{display:flex;justify-content:space-between}.trade-box .trade-form .volume-trade .vol{font-family:DINPro-Bold}.trade-box .totalBalancesHide{cursor:pointer;margin-left:5px}.trade-box .icon-transer{margin-left:4px}#ex-tradeDepth .td-rose{display:none!important}#ex-tradeDepth .td-price,#ex-tradeDepth .td-symbol,#ex-tradeDepth .td-symbol0,#ex-tradeDepth .td-symbol1{width:50%!important;box-sizing:border-box}#ex-tradeDepth .td-symbol,#ex-tradeDepth .td-symbol0{padding-left:0!important}#ex-tradeDepth .td-symbol1{padding-right:.15rem}#ex-tradeDepth .symbol-item{line-height:22px!important;height:22px}#ex-tradeDepth .tr-bg{height:.22rem!important;bottom:0!important;top:-.005rem!important;right:0!important;left:auto!important}.depthSelect .selectList{right:0;bottom:.2rem;z-index:99!important}.ex-depth-block{padding-left:15px!important;overflow:hidden!important}.ex-depth-block .depthSelect{float:right;margin:10px 15px 10px 0}.depth{width:100%;float:left;position:relative;overflow:hidden}.block-header{height:.39rem;line-height:.38rem;padding:0 .07rem 0 .15rem;font-size:14px;margin-top:1px}.current-price{height:.4rem;line-height:.4rem;font-size:12px;margin-top:-.05rem}.current-price .price{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:95%}.current-price .price .sy-price{margin-right:5px;font-size:14px}.current-price .depth-type{float:right}.current-price .depth-type .num{font-size:12px}.current-price .depth-type .switch-type-btn{line-height:15px;display:inline-block;float:right;margin:13px 0 0 5px;border-right:none}.current-price .depth-type .switch-type-btn .icon-switch{float:left;width:14px;height:14px;margin-left:2px;text-align:center;cursor:pointer}.current-price .depth-type .switch-type-btn .icon-switch .hoverShow,.current-price .depth-type .switch-type-btn .icon-switch:hover .hoverHide{display:none}.current-price .depth-type .switch-type-btn .icon-switch:hover .hoverShow{display:inline-block}.current-price .depth-type .switch-type-btn .noclick{cursor:auto}.switch-btn{float:right}.switch-btn .dtIcon{font-size:16px;margin-left:5px;cursor:pointer;display:inline-block;height:36px;line-height:36px;text-align:center;border-radius:50%;width:36px}.h4{display:inlin}.title-tab{margin-right:30px}.title-tab,.title-tab.title-new-tab{display:none}