.container[data-v-77bf286f]{padding:0 20px 20px 20px}.container .title-view[data-v-77bf286f]{display:flex;justify-content:space-between}.container .title-view .time-view[data-v-77bf286f]{display:flex;font-size:16px;font-weight:400;justify-content:space-between;width:555px;align-items:center}.container .title-view .time-view[data-v-77bf286f] .el-button--text{color:#333}.container .box0-content-item-top[data-v-77bf286f]{width:100%;height:50px;border-bottom:2px solid #f7f7fb;display:flex;align-items:center;color:#000;font-size:20px}.container .box0[data-v-77bf286f]{display:flex;flex-direction:column}.container .box0 .box0-content[data-v-77bf286f]{display:flex;height:120px;justify-content:space-between}.container .box0 .box0-content .box0-content-item[data-v-77bf286f]{width:23%;display:flex;align-content:center;justify-content:space-around;flex-direction:column;background:linear-gradient(180deg,rgba(251,251,253,.5),rgba(247,248,250,.5));border:1px solid #fdfdfd;box-shadow:0 2px 5px 0 rgba(53,70,53,.08);border-radius:10px}.container .box0 .box0-content .box0-content-item .box0-content-top[data-v-77bf286f]{display:flex;align-items:center;justify-content:space-between}.container .box0 .box0-content .box0-content-item .box0-content-top .box0-title[data-v-77bf286f]{margin:0 20px;font-size:16px;color:#6b6b6b}.container .box0 .box0-content .box0-content-item .box0-content-top .box0-time[data-v-77bf286f]{font-size:16px;color:#41c3a6;margin:0 20px}.container .box0 .box0-content .box0-content-item .box0-people[data-v-77bf286f]{margin:0 20px;font-size:30px;color:#4a4a4a}.container .box1-content-item-top[data-v-77bf286f]{width:100%;height:80px;display:flex;align-items:center;color:#000;font-size:20px}.container .box1[data-v-77bf286f]{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(251,251,253,.5),rgba(247,248,250,.5));border-radius:10px;box-shadow:0 2px 5px 0 rgba(53,70,53,.08)}.container .box1 .box1-content[data-v-77bf286f]{display:flex;height:350px;justify-content:space-between;background:#f7f7fb}.container .box1 .box1-content .box1-content-item[data-v-77bf286f]{flex:1;background:#fff;display:flex;flex-direction:column;margin:5px;border-radius:5px}.container .box1 .box1-content .box1-content-item .box1-detail-view[data-v-77bf286f]{overflow-y:scroll;height:300px}.container .box1 .box1-content .box1-content-item .box1-detail-view[data-v-77bf286f]::-webkit-scrollbar{width:10px}.container .box1 .box1-content .box1-content-item .box1-detail-view[data-v-77bf286f]::-webkit-scrollbar-thumb{background:#d7d8dd;border-radius:5px}.container .box1 .box1-content .box1-content-item .box1-detail-view[data-v-77bf286f]::-webkit-scrollbar-track{background:#f1f2f5}.container .box1 .box1-content .box1-content-item .box1-title[data-v-77bf286f]{font-size:16px;font-weight:700;background:#fff;margin:10px 10px}.container .box1 .box1-content .box1-content-item .box1-ranking[data-v-77bf286f]{display:flex;height:40rpx;align-items:center;color:#6b6b6b}.container .box1 .box1-content .box1-content-item .box1-item[data-v-77bf286f]{display:flex;margin:10px 10px;align-items:center}.container .box1 .box1-content .box1-content-item .box1-item .box-item-sort[data-v-77bf286f]{margin-left:20px}.container .box1 .box1-content .box1-content-item .box1-item .box-item-sort .black[data-v-77bf286f]{display:block;width:20px;height:20px;color:#fff;border-radius:50%;background-color:#2469cc;text-align:center;line-height:20px}.container .box1 .box1-content .box1-content-item .box1-item .box-item-sort .white[data-v-77bf286f]{display:block;width:20px;height:20px;color:#9598c2;border-radius:50%;line-height:20px;text-align:center;background-color:#f0f2f5}.container .box1 .box1-content .box1-content-item .box1-item .box-item-name[data-v-77bf286f]{margin-left:40px;display:flex;align-items:center;width:300px}.container .box1 .box1-content .box1-content-item .box1-item .box-item-name .box-item-av[data-v-77bf286f]{width:80px}.container .box1 .box1-content .box1-content-item .box1-item .box-item-name .box-item-username[data-v-77bf286f]{margin-left:40px;width:80px;color:#4a4a4a}.container .box1 .box1-content .box1-content-item .box1-item .box-item-detail[data-v-77bf286f]{margin-left:10px;text-align:left;color:#4a4a4a}.container .box2-title[data-v-77bf286f]{display:flex;height:80px}.container .box2-title .box2-content-item-top[data-v-77bf286f]{width:100%;border-bottom:2px solid #f7f7fb;display:flex;align-items:center;color:#000;font-size:20px}.container .box2[data-v-77bf286f]{display:flex}.container .box2 .box2-item[data-v-77bf286f]{flex:1;display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,rgba(251,251,253,.5),rgba(247,248,250,.5));border-radius:10px;box-shadow:0 2px 5px 0 rgba(53,70,53,.08)}.container .box2 .box2-item .box-title-view[data-v-77bf286f]{position:absolute;top:60px;left:20px;z-index:9999}.container .box2 .box2-item .chart[data-v-77bf286f]{width:100%;height:100%}.container .box3-content-item-top[data-v-77bf286f]{width:100%;height:80px;color:#000;font-size:20px;display:flex;align-items:center;justify-content:space-between}.container .box3-content-item-top .box3-time-view[data-v-77bf286f]{display:flex;font-size:16px;font-weight:400;justify-content:space-between;width:450px}.container .box3-content-item-top .box3-time-view[data-v-77bf286f] .el-button--text{color:#333}.container .box3[data-v-77bf286f]{display:flex;height:660px;flex-direction:column;background:linear-gradient(180deg,rgba(251,251,253,.5),rgba(247,248,250,.5));border-radius:10px;box-shadow:0 2px 5px 0 rgba(53,70,53,.08);border:1px solid #fdfdfd}.container .box3 .box3-top[data-v-77bf286f]{flex:1;display:flex}.container .box3 .box3-top .box3-top-left[data-v-77bf286f]{flex:2;display:flex;flex-direction:column;justify-content:center}.container .box3 .box3-top .box3-top-left .box3-title[data-v-77bf286f]{margin:0 20px;font-size:18px}.container .box3 .box3-top .box3-top-left .box3-time[data-v-77bf286f]{margin:10px 20px;font-size:15px}.container .box3 .box3-top .box3-top-left .box3-people[data-v-77bf286f]{margin:0 20px;font-size:27px;font-weight:700}.container .box3 .box3-top .box3-top-right[data-v-77bf286f]{flex:10}.container .box3 .box3-top .box3-top-right .box3-top-right-title[data-v-77bf286f]{position:relative;left:20px;top:10px;font-weight:700}.container .box3 .box3-top .box3-top-right .box3-top-right-time[data-v-77bf286f]{position:relative;left:20px;top:20px;width:200px;z-index:999}.container .box3 .box3-top .box3-top-right .chart[data-v-77bf286f]{width:100%;height:330px}.container .box3 .box3-bom[data-v-77bf286f]{flex:1;display:flex;border-top:10px solid #f7f7fb}.container .box3 .box3-bom .box3-bom-left[data-v-77bf286f]{display:flex;flex:3;border-right:10px solid #f7f7fb;flex-direction:column}.container .box3 .box3-bom .box3-bom-left .box3-bom-left-title[data-v-77bf286f]{position:relative;left:20px;top:10px;z-index:9999;font-weight:700}.container .box3 .box3-bom .box3-bom-left .box3-bom-left-time[data-v-77bf286f]{position:relative;left:20px;top:20px;z-index:9999;width:200px}.container .box3 .box3-bom .box3-bom-left .box3-bom-left-chart-view[data-v-77bf286f]{display:flex;align-items:center;flex:1}.container .box3 .box3-bom .box3-bom-left .box3-bom-left-chart-view .chart[data-v-77bf286f]{width:100%;height:100%}.container .box3 .box3-bom .box3-bom-right[data-v-77bf286f]{flex:9;display:flex;border-right:10px solid #f7f7fb;flex-direction:column}.container .box3 .box3-bom .box3-bom-right .box3-bom-right-title[data-v-77bf286f]{position:relative;left:20px;top:10px;z-index:9999;font-weight:700}.container .box3 .box3-bom .box3-bom-right .box3-bom-right-time[data-v-77bf286f]{position:relative;left:20px;top:20px;z-index:9999;width:200px}.container .box3 .box3-bom .box3-bom-right .box3-bom-right-chart-view[data-v-77bf286f]{display:flex;align-items:center;flex:1;justify-content:center;position:relative}.container .box3 .box3-bom .box3-bom-right .box3-bom-right-chart-view .box3-left-a[data-v-77bf286f]{width:80px;height:100px;line-height:100px;text-align:center;position:absolute;left:0}.container .box3 .box3-bom .box3-bom-right .box3-bom-right-chart-view .box3-right-a[data-v-77bf286f]{width:80px;height:100px;line-height:100px;text-align:center;position:absolute;right:0}.container .box3 .box3-bom .box3-bom-right .box3-bom-right-chart-view .box3-chart-view[data-v-77bf286f]{width:190px;height:100px}.container .box3 .box3-bom .box3-bom-right .box3-bom-right-chart-view .box3-chart-view .chart[data-v-77bf286f]{width:100%;height:100%}.container .box4-content-item-top[data-v-77bf286f]{width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;color:#000;font-size:20px}.container .box4-content-item-top .box4-time-view[data-v-77bf286f]{display:flex;font-size:16px;font-weight:400;justify-content:space-between;width:450px}.container .box4-content-item-top .box4-time-view[data-v-77bf286f] .el-button--text{color:#333}.container .box4-content[data-v-77bf286f]{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(251,251,253,.5),rgba(247,248,250,.5));border-radius:10px;box-shadow:0 2px 5px 0 rgba(53,70,53,.08);border:1px solid #fdfdfd}.container .box4-content .box4-item[data-v-77bf286f]{display:flex;height:350px}.container .box4-content .box4-item .box4-left-item[data-v-77bf286f]{flex:9}.container .box4-content .box4-item .box4-left-item .box4-left-title[data-v-77bf286f]{position:relative;left:20px;top:10px;z-index:9999;font-weight:700}.container .box4-content .box4-item .box4-left-item .box4-left-time[data-v-77bf286f]{position:relative;left:20px;top:20px;z-index:9999}.container .box4-content .box4-item .box4-left-item .chart[data-v-77bf286f]{width:100%;height:330px}.container .box4-content .box4-item .box4-right-item[data-v-77bf286f]{flex:3}.container .box4-content .box4-item .box4-right-item .box4-right-title[data-v-77bf286f]{position:relative;left:20px;top:10px;font-weight:700}.container .box4-content .box4-item .box4-right-item .box4-right-time[data-v-77bf286f]{position:relative;left:20px;top:20px}.container .box4-content .box4-item .box4-right-item .box4-content-item[data-v-77bf286f]{display:flex;margin:10px 10px;align-items:center}.container .box4-content .box4-item .box4-right-item .box4-content-item .box-item-sort[data-v-77bf286f]{flex:1}.container .box4-content .box4-item .box4-right-item .box4-content-item .box-item-sort .black[data-v-77bf286f]{display:block;width:24px;height:24px;color:#fff;border-radius:50%;background-color:#2469cc;text-align:center;line-height:24px}.container .box4-content .box4-item .box4-right-item .box4-content-item .box-item-sort .white[data-v-77bf286f]{display:block;width:24px;height:24px;color:#fff;border-radius:50%;line-height:24px;text-align:center;background-color:#d7d8dd}.container .box4-content .box4-item .box4-right-item .box4-content-item .box-item-name[data-v-77bf286f]{flex:8;display:flex;align-items:center}.container .box4-content .box4-item .box4-right-item .box4-content-item .box-item-detail[data-v-77bf286f]{flex:3;text-align:right}