.ex-canter-echart-box{z-index:9;width:100%;height:455px;position:relative}.ex-canter-echart-box .kline-bg{position:absolute;bottom:130px;left:15px;z-index:999}.ex-canter-echart-box .kline-bg .kline-img{max-width:calc(100% - 85px)}.ex-canter-echart-box .mmd-loading-circle-left,.ex-canter-echart-box .mmd-loading-circle-right{border-color:#226afd}.ex-canter-echart-box .inline{position:absolute;top:30px;height:1px;z-index:9;width:100%;background-color:#252930}.ex-canter-echart-box .top-menu{line-height:30px;font-size:12px;padding:0;position:absolute;left:108px;right:150px;-webkit-transition:all .5s ease;transition:all .5s ease;z-index:9}.ex-canter-echart-box .top-menu.lefts{left:0}.ex-canter-echart-box .top-menu .top-menu-bar{position:relative;overflow:hidden;height:30px;width:100%}.ex-canter-echart-box .top-menu .top-menu-bar .hover_hide{display:block}.ex-canter-echart-box .top-menu .top-menu-bar .hover_show{display:none}.ex-canter-echart-box .top-menu .top-menu-bar .slide-btn{position:absolute;top:0;padding:8px 0;z-index:9;cursor:pointer;display:none}.ex-canter-echart-box .top-menu .top-menu-bar .slide-btn:hover .hover_show{display:block}.ex-canter-echart-box .top-menu .top-menu-bar .slide-btn:hover .hover_hide{display:none}.ex-canter-echart-box .top-menu .top-menu-bar .slide-btn-cur{display:block}.ex-canter-echart-box .top-menu .top-menu-bar .icon-left{left:0;padding-right:5px}.ex-canter-echart-box .top-menu .top-menu-bar .icon-right{right:0;padding-left:5px}.ex-canter-echart-box .top-menu .top-menu-box{height:30px;overflow:hidden;width:-webkit-max-content;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}.ex-canter-echart-box .top-menu .time-line{display:inline-block;padding:0 10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ex-canter-echart-box .top-menu .time-line .hoverShow,.ex-canter-echart-box .top-menu .time-line:hover .hoverHide{display:none}.ex-canter-echart-box .top-menu .time-line:hover .hoverShow{display:inline-block}.ex-canter-echart-box .top-menu .full-btn{border-left-width:1px;border-right-width:1px;border-left-style:solid;border-right-style:solid;padding:0 14px}.ex-canter-echart-box .top-menu.hide{opacity:0;z-index:1}.ex-canter-echart-box .slide{position:absolute;top:0;left:0;width:100%;opacity:0;-webkit-transition:all .5s ease;transition:all .5s ease;overflow:hidden;height:100%;z-index:2}.ex-canter-echart-box .slide.selected{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;z-index:3}.ex-canter-echart-box .top-tab{position:absolute;right:0;height:30px;line-height:30px;text-align:right;z-index:9}.ex-canter-echart-box .top-tab .switch-chart-type{margin-right:5px;cursor:pointer;font-size:12px}.ex-canter-echart-box .tv_chart_container{height:100%;width:100%}.ex-canter-echart-box .loading-indicator{background:none}.ex-canter-echart-box .coverKlineBox{position:absolute;top:30px;left:0;right:0;bottom:0;z-index:99}.ex-canter-echart-box .fade-enter-active,.ex-canter-echart-box .fade-leave-active{-webkit-transition:opacity .8s;transition:opacity .8s}.ex-canter-echart-box .fade-enter,.ex-canter-echart-box .fade-leave-to{opacity:0}.ex-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;-webkit-box-sizing:border-box!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;-webkit-transform:none!important;transform:none!important;margin:0!important}.echart-box{width:100%;height:100%}.currentSymbol{height:39px;border-bottom-width:1px;border-bottom-style:solid}.currentSymbol .eft-box{display:inline-block;margin-left:5px}.currentSymbol .eft-box .eft-box-icon{vertical-align:middle;margin-left:5px;margin-right:5px;cursor:pointer}.currentSymbol .eft-box .eft-box-icon-box{display:inline-block}.currentSymbol .eft-box .eft-box-icon-box:hover .page-market{display:block}.currentSymbol .eft-box .page-market{display:none;position:absolute;width:360px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:PingFangSC-Regular;font-size:12px;letter-spacing:0;line-height:20px;z-index:99;-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,.28);box-shadow:0 3px 4px 1px rgba(0,0,0,.28)}.currentSymbol .eft-box .page-market .page-market-even{margin-bottom:15px}.currentSymbol .eft-box .page-market .page-market-click{cursor:pointer;margin-top:5px}.currentSymbol .price-box{display:inline-block}.currentSymbol .price-box-eft{vertical-align:middle;line-height:16px;margin-left:5px}.currentSymbol .price-box-eft .symbol-number{display:block;margin-left:0!important}.currentSymbol .price-box-eft .price-box-eft{display:block}.currentSymbol .symbol-total{line-height:39px;float:left;padding-left:16px}.currentSymbol .symbol-total span{vertical-align:middle}.currentSymbol .symbol-total .symbol-name{display:inline-block;font-size:18px;position:relative}.currentSymbol .symbol-total .symbol-name .coin-label{white-space:nowrap;display:inline-block;font-size:12px;font-weight:400;padding:0 4px;border-radius:2px;line-height:17px;vertical-align:top;margin-top:18px;margin-right:5px;position:relative;overflow:hidden}.currentSymbol .symbol-total .symbol-name .coin-label .coin-label{position:relative;z-index:1;margin:0;padding:0}.currentSymbol .symbol-total .symbol-name .coin-label .coin-bg{display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0;opacity:.2}.currentSymbol .symbol-total .symbol-number{font-size:16px;margin-left:5px}.currentSymbol .symbol-total .symbol-property{font-size:12px}.currentSymbol .symbol-info{float:right;padding:5px 16px 0 0;height:34px}.currentSymbol .symbol-info .info-item{float:left;margin-left:25px!important;font-size:12px;text-align:right;position:relative}.currentSymbol .symbol-info .info-item:hover .page-market-jz{display:block}.currentSymbol .symbol-info .info-item .page-market-jz{display:none;position:absolute;top:52px;width:360px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:PingFangSC-Regular;font-size:12px;letter-spacing:0;line-height:20px;z-index:99;text-align:left;-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,.28);box-shadow:0 3px 4px 1px rgba(0,0,0,.28)}.currentSymbol .symbol-info .info-item .jzTit{vertical-align:middle}.currentSymbol .symbol-info .info-item .jzTit .icon{font-size:12px;cursor:pointer}.currentSymbol .symbol-info .info-item span{display:block}.currentSymbol .symbol-info .info-item .vla{margin-top:5px}.currency-notes-modal{position:absolute;left:0;top:59px;z-index:99}.fade-enter-active,.fade-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.fade-enter,.fade-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.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:-2px 0 0 4px;vertical-align:middle;padding:0;display:inline-block}