.line-chart,.pie-chart{height:100%}.pie-chart .ve-pie{float:left;width:40%!important}.pie-chart .chart-legend{float:left;width:60%;padding-right:10px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pie-chart .chart-legend .legend-item{width:100%;white-space:nowrap}.pie-chart .chart-legend .legend-circle{display:inline-block;width:8px;height:8px;margin-right:5px;margin-bottom:1px;border-radius:50%}.pie-chart .chart-legend span{display:inline-block;color:#8794b1;font-size:14px}.pie-chart .chart-legend span.legend-symbol{color:#2c3856;font-size:14px;width:auto;margin-right:15px}.pie-chart .chart-legend span.legend-symbol+span{margin-right:20px}@media screen and (max-width:700px){.pie-chart .chart-legend .legend-circle{width:.16rem;height:.16rem;margin-right:.1rem;margin-bottom:.05rem}.pie-chart .chart-legend span{font-size:.28rem}.pie-chart .chart-legend span.legend-symbol{font-size:.28rem;width:1rem;margin-right:0}.pie-chart .chart-legend span.legend-symbol+span{margin-right:.4rem}}.pie-chart-tooltip{background-color:transparent;color:#fff;line-height:20px}.pie-chart-tooltip i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:2px}.pie-chart-wrap{height:255px}.pie-chart-wrap .chart-header{padding:16px 80px 12px 35px;border-bottom:1px solid #edf0f6}.pie-chart-wrap .chart-header .title-for-chart{font-size:14px;font-weight:600}.pie-chart-wrap .chart-header .usd-span{font-size:14px;color:#2688f7;font-weight:600}.pie-chart-wrap .pie-chart{height:207px}@media screen and (max-width:700px){.pie-chart-wrap{height:3.1rem}.pie-chart-wrap .chart-header{padding:.24rem}.pie-chart-wrap .chart-header .title-for-chart,.pie-chart-wrap .chart-header .usd-span{font-size:.28rem}.pie-chart-wrap .pie-chart{height:4.14rem}}.intra-transaction .el-select{margin-bottom:14px;margin-right:20px}.intra-transaction .hide-switch{margin-top:15px}@media screen and (max-width:700px){.intra-transaction .el-select{margin-bottom:.2rem;margin-right:.2rem}.intra-transaction .hide-switch{margin-top:.1rem}}.transaction .top-chart{margin-top:40px}.transaction .top-chart .fl-chart,.transaction .top-chart .fr-chart{width:580px;height:255px;display:inline-block;padding:16px 0 16px 35px}.transaction .top-chart .fl-chart h3,.transaction .top-chart .fr-chart h3{font-size:14px;font-weight:600}.transaction .top-chart .fl-chart{padding-top:0;padding-left:0;margin-right:40px}.transaction .top-chart .fr-chart{padding-right:44px}.transaction .info{width:100%;margin-top:20px;margin-bottom:100px}.transaction .tabs{margin:0}@media screen and (max-width:1000px){.transaction .top-chart .fl-chart,.transaction .top-chart .fr-chart{width:100%}.transaction .top-chart .fl-chart{margin-right:0;margin-bottom:40px}.transaction .tabs{width:95%;margin:0 auto}}@media screen and (max-width:700px){.transaction .top-chart{margin-top:.4rem}.transaction .top-chart .fl-chart,.transaction .top-chart .fr-chart{height:5.1rem;padding:0}.transaction .top-chart .fl-chart{margin-bottom:.4rem}.transaction .top-chart .fr-chart{padding:.24rem}.transaction .info{width:100%;padding:0 .24rem;margin-top:.2rem;margin-bottom:0}.transaction .tabs{width:100%;margin:0}}