.flex[data-v-774ca875]{display:flex;align-items:center;justify-content:center}.home[data-v-774ca875]{background-color:#161d26;width:100%;height:100vh;overflow:hidden;position:relative}.home .audio-icon[data-v-774ca875]{width:40px;height:40px;overflow:hidden;position:absolute;right:30px;bottom:30px;cursor:pointer}.home .audio-icon img[data-v-774ca875]{width:100%;height:100%;display:block}.home .home-head[data-v-774ca875]{width:calc(100% - 32px);height:11vh;background-image:url(../img/home_head.e34cb74d.png);background-size:100% 100%;background-color:#161d26;margin:auto;margin-top:10px;display:flex;align-items:center}.home .home-head .head-left[data-v-774ca875],.home .home-head .head-time[data-v-774ca875]{width:30%;overflow:hidden}.home .home-head .head-time[data-v-774ca875]{display:flex;align-items:center;justify-content:flex-end;color:#fff;margin-top:10px}.home .home-head .head-time .time-date[data-v-774ca875]{font-weight:500;font-size:1.8vw;color:#fff;line-height:46px;margin-right:30px}.home .home-head .head-time .time-date1[data-v-774ca875]{font-weight:500;font-size:1.2vw;color:#fff;line-height:35px}.home .home-head .head-time .left-icon[data-v-774ca875]{height:11vh;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:30px}.home .home-head .head-time .left-icon .icon-img[data-v-774ca875]{width:24px;height:24px;overflow:hidden;margin-left:20px}.home .home-head .head-time .left-icon .icon-img img[data-v-774ca875]{width:100%;height:100%;display:block}.home .home-head .head-title[data-v-774ca875]{flex:1;text-align:center;font-weight:500;font-size:2.4vw;color:#fff;line-height:64px}.home .home-body[data-v-774ca875]{display:flex}.home .home-body .body-middle[data-v-774ca875]{flex:1;position:relative}.home .home-body .body-middle .middle-top[data-v-774ca875]{width:46vh;height:46vh;background-image:url(../img/middle_bg.837b9bb4.png);background-size:100% 100%;margin:auto;margin-top:-27px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.home .home-body .body-middle .middle-top .middle-count-list[data-v-774ca875]{display:flex;align-items:center}.home .home-body .body-middle .middle-top .middle-count-list .count-item[data-v-774ca875]{width:60px;height:80px;background-image:url(../img/count_bg.e2f60013.png);background-size:cover;font-weight:900;font-size:72px;color:#fff;display:flex;align-items:center;justify-content:center}.home .home-body .body-middle .middle-top .middle-text[data-v-774ca875]{font-weight:500;font-size:40px;color:#fff;position:absolute;bottom:100px}.home .home-body .body-middle .middle-body[data-v-774ca875]{position:absolute;bottom:0;width:100%;height:470px;background:linear-gradient(327deg,rgba(0,112,232,.24),rgba(212,214,216,.0343) 48%)}.home .home-body .body-middle .middle-body .middle-head[data-v-774ca875]{width:calc(100% - 32px);height:50px;margin:0 auto;display:flex;align-items:center;color:#1497db}.home .home-body .body-middle .middle-body .middle-head .head-item[data-v-774ca875]{flex:1;display:flex;align-items:center;justify-content:center;font-size:18px}.home .home-body .body-middle .middle-body .middle-list[data-v-774ca875]{width:calc(100% - 32px);margin:0 auto;font-weight:500;font-size:18px;color:#fff}.home .home-body .body-middle .middle-body .middle-list .middle-item[data-v-774ca875]{height:50px;display:flex;align-items:center;background-color:rgba(0,112,232,.1);margin-bottom:10px}.home .home-body .body-middle .middle-body .middle-list .middle-item .user-item[data-v-774ca875]{display:flex;align-items:center}.home .home-body .body-middle .middle-body .middle-list .middle-item .user-item .user-image[data-v-774ca875]{width:40px;height:40px;overflow:hidden;background-color:#fff;border-radius:50%;margin-right:10px;margin-left:16px}.home .home-body .body-middle .middle-body .middle-list .middle-item .user-item .user-image img[data-v-774ca875]{width:100%;height:100%;display:block}.home .home-body .body-middle .middle-body .middle-list .middle-item .user-row[data-v-774ca875]{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .home-body .body-middle .middle-body .student-view[data-v-774ca875]{height:170px;overflow:hidden}.home .home-body .body-left[data-v-774ca875],.home .home-body .body-right[data-v-774ca875]{width:31%;margin:0 16px}.home .home-body .body-left .body-down[data-v-774ca875],.home .home-body .body-right .body-down[data-v-774ca875]{margin-top:2vh;background:linear-gradient(327deg,rgba(0,112,232,.24),rgba(212,214,216,.0343) 48%);width:100%;height:41vh;position:relative}.home .home-body .body-left .body-down .body-view[data-v-774ca875],.home .home-body .body-right .body-down .body-view[data-v-774ca875]{width:100%;height:calc(100% - 56px);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.home .home-body .body-left .body-down .open-view[data-v-774ca875],.home .home-body .body-right .body-down .open-view[data-v-774ca875]{width:100%;height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:#191919;position:absolute;left:0;top:56px;transition:all .2s}.home .home-body .body-left .body-down .open-view[data-v-774ca875]::-webkit-scrollbar,.home .home-body .body-right .body-down .open-view[data-v-774ca875]::-webkit-scrollbar{display:none}.home .home-body .body-left .body-down .open-view .open-item[data-v-774ca875],.home .home-body .body-right .body-down .open-view .open-item[data-v-774ca875]{width:100%;height:60px;font-weight:400;font-size:26px;color:#fff;cursor:pointer}.home .home-body .body-left .body-down .open-view .open-item[data-v-774ca875]:hover,.home .home-body .body-right .body-down .open-view .open-item[data-v-774ca875]:hover{background:rgba(2,86,255,.2)}.home .home-body .body-left .body-down .open-view .open-select[data-v-774ca875],.home .home-body .body-right .body-down .open-view .open-select[data-v-774ca875]{background:rgba(2,86,255,.5)}.home .home-body .body-left .body-down .opens[data-v-774ca875],.home .home-body .body-right .body-down .opens[data-v-774ca875]{height:calc(100% - 56px)}.home .home-body .body-left .body-down .count-down[data-v-774ca875],.home .home-body .body-right .body-down .count-down[data-v-774ca875]{display:flex;align-items:center;justify-content:center}.home .home-body .body-left .body-down .count-down .count-down-text[data-v-774ca875],.home .home-body .body-right .body-down .count-down .count-down-text[data-v-774ca875]{font-weight:500;font-size:1.6vw;color:#fff;padding:0 5px}.home .home-body .body-left .body-down .count-down .count-down-time[data-v-774ca875],.home .home-body .body-right .body-down .count-down .count-down-time[data-v-774ca875]{width:3.6vw;height:6vh;background:#0256ff;border-radius:8px;font-weight:500;font-size:42px;color:#000;display:flex;align-items:center;justify-content:center}.home .home-body .body-left .body-down .statistics-list[data-v-774ca875],.home .home-body .body-right .body-down .statistics-list[data-v-774ca875]{width:calc(100% - 58px);margin-top:20px}.home .home-body .body-left .body-down .statistics-list .statistics-item[data-v-774ca875],.home .home-body .body-right .body-down .statistics-list .statistics-item[data-v-774ca875]{width:100%;display:flex;align-items:center;margin-bottom:10px}.home .home-body .body-left .body-down .statistics-list .statistics-item .item-label[data-v-774ca875],.home .home-body .body-right .body-down .statistics-list .statistics-item .item-label[data-v-774ca875]{min-width:100px;font-weight:500;font-size:20px;color:#fff;line-height:20px}.home .home-body .body-left .body-down .statistics-list .statistics-item .item-speed[data-v-774ca875],.home .home-body .body-right .body-down .statistics-list .statistics-item .item-speed[data-v-774ca875]{flex:1;height:12px;background:hsla(0,0%,97.6%,.1);border-radius:20px;margin:0 18px}.home .home-body .body-left .body-down .statistics-list .statistics-item .item-speed .speed-count[data-v-774ca875],.home .home-body .body-right .body-down .statistics-list .statistics-item .item-speed .speed-count[data-v-774ca875]{width:0;height:12px;border-radius:20px;transition:all 1s}.home .home-body .body-left .body-down .statistics-list .statistics-item .item-unit[data-v-774ca875],.home .home-body .body-right .body-down .statistics-list .statistics-item .item-unit[data-v-774ca875]{min-width:100px;font-weight:500;font-size:22px;color:rgba(83,113,233,.9);line-height:40px;text-align:right}.home .home-body .body-left .body-chart[data-v-774ca875],.home .home-body .body-right .body-chart[data-v-774ca875]{margin-top:20px;background:linear-gradient(327deg,rgba(0,112,232,.24),rgba(212,214,216,.0343) 48%);width:100%;height:41vh}.home .home-body .body-left .body-chart .chart-box[data-v-774ca875],.home .home-body .body-right .body-chart .chart-box[data-v-774ca875]{width:100%;height:calc(100% - 56px);overflow:hidden}.home .home-body .body-left .body-rank[data-v-774ca875],.home .home-body .body-right .body-rank[data-v-774ca875]{margin-top:20px;background:linear-gradient(327deg,rgba(0,112,232,.24),rgba(212,214,216,.0343) 48%);width:100%;height:41vh}.home .home-body .body-left .body-rank .rank-head[data-v-774ca875],.home .home-body .body-right .body-rank .rank-head[data-v-774ca875]{width:calc(100% - 32px);height:56px;margin:0 auto;display:flex;align-items:center;color:#1497db}.home .home-body .body-left .body-rank .rank-head .head-item[data-v-774ca875],.home .home-body .body-right .body-rank .rank-head .head-item[data-v-774ca875]{flex:1;display:flex;align-items:center;justify-content:center;font-size:18px}.home .home-body .body-left .body-rank .rank-list[data-v-774ca875],.home .home-body .body-right .body-rank .rank-list[data-v-774ca875]{width:calc(100% - 32px);height:calc(100% - 112px);margin:0 auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.home .home-body .body-left .body-rank .rank-list[data-v-774ca875]::-webkit-scrollbar,.home .home-body .body-right .body-rank .rank-list[data-v-774ca875]::-webkit-scrollbar{display:none}.home .home-body .body-left .body-rank .rank-list .rank-row[data-v-774ca875],.home .home-body .body-right .body-rank .rank-list .rank-row[data-v-774ca875]{width:100%;height:44px;display:flex;align-items:center;margin-bottom:10px;background:rgba(0,112,232,.1)}.home .home-body .body-left .body-rank .rank-list .rank-row[data-v-774ca875]:nth-child(odd),.home .home-body .body-right .body-rank .rank-list .rank-row[data-v-774ca875]:nth-child(odd){background:rgba(0,112,232,.2)}.home .home-body .body-left .body-rank .rank-list .rank-row[data-v-774ca875]:hover,.home .home-body .body-right .body-rank .rank-list .rank-row[data-v-774ca875]:hover{background:rgba(0,112,232,.3)}.home .home-body .body-left .body-rank .rank-list .rank-row .row-item[data-v-774ca875],.home .home-body .body-right .body-rank .rank-list .rank-row .row-item[data-v-774ca875]{flex:1;display:flex;align-items:center;font-weight:400;font-size:18px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.home .home-body .body-left .body-rank .rank-list .rank-row .row-item .row-index[data-v-774ca875],.home .home-body .body-right .body-rank .rank-list .rank-row .row-item .row-index[data-v-774ca875]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-image:url(../img/bor_bg.ab47967d.png);background-size:cover}.home .home-body .body-left .body-rank .rank-list .rank-row .row-item .row-index2[data-v-774ca875],.home .home-body .body-right .body-rank .rank-list .rank-row .row-item .row-index2[data-v-774ca875]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-image:url(../img/bor_bg2.7acbe425.png);background-size:cover}.home .home-body .body-left .body-rank .rank-list .rank-row .row-item .user-image[data-v-774ca875],.home .home-body .body-right .body-rank .rank-list .rank-row .row-item .user-image[data-v-774ca875]{width:40px;height:40px;overflow:hidden;background-color:#fff;border-radius:50%;margin-right:10px;margin-left:16px}.home .home-body .body-left .body-rank .rank-list .rank-row .row-item .user-image img[data-v-774ca875],.home .home-body .body-right .body-rank .rank-list .rank-row .row-item .user-image img[data-v-774ca875]{width:100%;height:100%;display:block}.home .home-body .body-left .rank-all[data-v-774ca875],.home .home-body .body-right .rank-all[data-v-774ca875]{height:calc(82vh + 20px)}.home .home-body .body-head[data-v-774ca875]{background-image:url(../img/home_head.e34cb74d.png)}.home .home-body .body-head2[data-v-774ca875],.home .home-body .body-head[data-v-774ca875]{width:100%;height:56px;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5vw;color:#fff;letter-spacing:2px;background-color:#161d26}.home .home-body .body-head2[data-v-774ca875]{background-image:url(../img/home_head2.c153796e.png);position:relative;cursor:pointer}.home .home-body .body-head2 .head-arrow[data-v-774ca875]{width:24px;height:24px;overflow:hidden;position:absolute;top:16px;right:16px}.home .home-body .body-head2 .head-arrow img[data-v-774ca875]{width:100%;height:100%;display:block}