.bottom,.echarts,.left-bottom,.left-top,.right-bottom,.right-top,.search,.show{border:1px solid #ccc;border-radius:10px;margin:10px;padding:10px}.container{height:100vh;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.top{height:80%}.show{width:70%}.search{width:30%}.top{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}.charts{height:85%}.charts,.statistic{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.statistic{height:15%}.left{width:60%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.left-bottom,.left-top{height:50%}.right{width:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.right-top{height:60%}.right-bottom{height:40%}.bottom{min-height:300px;max-height:20vh;overflow-y:auto}.like{cursor:pointer;font-size:25px;display:inline-block}.chart-container{height:80%;background-color:#fff;position:relative}.chart-container,.chartsTop{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.chartsTop{height:20%}