.echarts{width:100%;height:100%;margin:auto}.container[data-v-f6e3d078]{min-height:calc(100vh - 120px);width:100%;padding:0 20px;display:flex;flex-direction:column;background-color:#f6f6f6;overflow-y:auto}.container .top[data-v-f6e3d078]{margin-top:10px;width:100%;height:380px;background:#fff;border-radius:14px}.container .top .row1[data-v-f6e3d078]{display:flex;height:50px;line-height:50px;margin:0 10px}.container .top .row1 .title[data-v-f6e3d078]{font-family:Microsoft YaHei;font-weight:700;font-size:14px;color:#555;width:100%;border-bottom:1px solid #f0f0f0}.container .top .row2[data-v-f6e3d078]{margin-top:12px;width:100%;height:calc(84% - 20px);display:flex;justify-content:space-evenly}.container .top .row2 .one[data-v-f6e3d078]{width:12%;height:100%;background:#fff;box-shadow:0 2px 4px 0 rgba(69,69,69,.42);border-radius:4px}.container .top .row2 .one .use .clom1[data-v-f6e3d078]{border-bottom:1px solid var(--el-border-color-light);height:150px}.container .top .row2 .one .use .clom1 .row1[data-v-f6e3d078]{display:flex;justify-content:space-between;margin:10px}.container .top .row2 .one .use .clom1 .row1 span[data-v-f6e3d078]{font-family:Microsoft YaHei;font-weight:400;font-size:12px;color:#888}.container .top .row2 .one .use .clom1 .row1 .total-num[data-v-f6e3d078]{font-family:Microsoft YaHei;font-weight:700;font-size:20px;color:#444}.container .top .row2 .one .use .clomrow2[data-v-f6e3d078]{padding:15px}.container .top .row2 .one .use .clomrow2 .part[data-v-f6e3d078]{height:40px;display:flex;justify-content:space-between}.container .top .row2 .one .use .clomrow2 .part .total[data-v-f6e3d078]{color:#67c23a}.container .top .row2 .one .use .clomrow2 .part .total2[data-v-f6e3d078]{color:#fdb36a}.container .top .row2 .one .use .clomrow2 .part .total3[data-v-f6e3d078]{color:#fc5659}.container .top .row2 .one .use .clomrow2 .part .percent[data-v-f6e3d078]{color:#444}.container .top .row2 .one .use .clomrow2 span[data-v-f6e3d078]{font-family:Microsoft YaHei;font-weight:400;font-size:12px;color:#888}.container .top .row2 .two[data-v-f6e3d078]{width:16%;height:100%;background:#fff;box-shadow:0 2px 4px 0 rgba(69,69,69,.42);border-radius:4px}.container .top .row2 .two .title[data-v-f6e3d078]{margin-left:10px;font-family:Microsoft YaHei;font-weight:700;font-size:12px;color:#444;height:30px;line-height:30px}.container .top .row2 .two .chartBox[data-v-f6e3d078]{height:calc(100% - 30px)}.container .top .row2 .three[data-v-f6e3d078]{width:66.6%;height:100%;background:#fff;box-shadow:0 2px 4px 0 rgba(69,69,69,.42);border-radius:4px}.container .top .row2 .three .btn[data-v-f6e3d078]{margin-left:auto;display:flex;width:14%}.container .top .row2 .three .btn .time-item[data-v-f6e3d078]{display:flex;width:250px;justify-content:space-between;align-items:center;margin-right:10px}.container .top .row2 .three .btn .time-item .time-btn[data-v-f6e3d078]{display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:Microsoft YaHei;font-weight:700;font-size:14px;color:#555;width:60px;height:30px}.container .top .row2 .three .btn .time-item .time-btn.active-btn[data-v-f6e3d078]{border-bottom:2px solid #409eff}.container .top .row2 .three .title[data-v-f6e3d078]{margin-left:10px;font-family:Microsoft YaHei;font-weight:700;font-size:12px;color:#444;height:30px;line-height:30px}.container .top .row2 .three .chartBox[data-v-f6e3d078]{height:calc(100% - 30px)}