.view-container[data-v-0f5e6912]{width:100%;height:400px}.view-container .header[data-v-0f5e6912]{height:60px;border-bottom:3px solid #ececec;box-shadow:none;padding-top:12px}.view-container .header .title[data-v-0f5e6912]{font-size:22px;margin-left:18px}.view-container .content-view[data-v-0f5e6912]{display:flex;height:calc(100% - 60px);width:100%;padding-top:36px}.view-container .content-view .chart-title[data-v-0f5e6912]{font-size:18px;font-weight:500}.view-container .content-view .left-view[data-v-0f5e6912]{flex:1;height:100%;display:flex;flex-direction:column}.view-container .content-view .left-view .main-pie-chart[data-v-0f5e6912]{width:100%;flex:1}.view-container .content-view .middle-view[data-v-0f5e6912]{width:260px;height:100%;background-color:red}.view-container .content-view .right-view[data-v-0f5e6912]{width:300px;height:100%;background-color:#00f}